.IconButton{cursor:pointer;aspect-ratio:1;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:inline-flex}.IconButton--default{color:#fff;filter:drop-shadow(0 1px 4px #00000059);background-color:#505648;box-shadow:inset 0 2px 5px #505648,0 1px 10px #50564880}@media (hover:hover){.IconButton--default:hover{background-color:#50564880}}.IconButton--default:active{background-color:#a08478}.IconButton--outlined,.IconButton--outlined-transparent{color:#505648;background-color:#ffffffb3;border:1px solid #fff9}.IconButton--outlined-transparent{-webkit-backdrop-filter:blur(32px)!important;backdrop-filter:blur(32px)!important;background-color:#fff6!important}@media (hover:hover){.IconButton--outlined:hover,.IconButton--outlined-transparent:hover{background-color:#ffffffb3}}.IconButton--outlined:active,.IconButton--outlined-transparent:active{background-color:#fff9}.IconButton--ghost{color:#fff;background-color:#0000}.IconButton--gradient{color:#fff;background:#505648 url(../media/round_effect.967968fd.svg) 50%/100% 100% no-repeat;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #505648,0 1px 10px #50564880}.IconButton--gradient:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#fff0 30%,#ffffff4d 50%,#fff0 70%,#0000 100%);animation:3s ease-in-out infinite iconBtnShimmer;position:absolute;inset:0}@media (hover:hover){.IconButton--gradient:hover{background-color:#50564880}}.IconButton--gradient:active{background-color:#a08478}@keyframes iconBtnShimmer{0%{left:-100%}50%{left:150%}to{left:150%}}.IconButton--small{width:32px;height:32px}.IconButton--small svg{width:16px;height:16px}.IconButton--medium{width:48px;height:48px}.IconButton--medium svg{width:20px;height:20px}.IconButton--large{width:56px;height:56px}.IconButton--large svg{width:24px;height:24px}.IconButton--no-shimmer:after{display:none}.IconButton--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}