@keyframes flip-r{50%{opacity:0;transform:translate(100%)}51%{opacity:0;transform:translate(-100%)}}@keyframes flip-l{50%{opacity:0;transform:translate(-100%)}51%{opacity:0;transform:translate(100%)}}@keyframes flip-d{50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}}@keyframes flip-u{50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}}.theme-dark .btn-icon.as-icon{background:var(--black);box-shadow:inset 0 0 16px #12121200}.theme-dark .btn-icon.as-icon.is-hover{background:var(--blue);box-shadow:inset 0 0 16px #12121266}.theme-light .btn-icon:not(.as-icon){background:var(--white);color:var(--black)}.theme-light .btn-icon:not(.as-icon):not(.as-menu):not(.is-svg):not(.is-simple):hover{color:var(--white)}.theme-light .btn-icon.as-icon{background:var(--off-white);box-shadow:inset 0 0 16px #12121200;color:var(--black)}.theme-light .btn-icon.as-icon.is-hover{background:var(--blue);box-shadow:inset 0 0 16px #12121266;color:var(--white)}.theme-light .btn-icon.as-menu .line{background-color:var(--black)}.theme-light .btn-icon.as-menu:hover{background-color:var(--white);color:var(--black)}.theme-light .btn-icon.is-menu.is-hover .svg-menu-icon path{fill:var(--theme-bg)}.btn-icon{align-items:center;background-color:var(--grey-100);border-radius:14.301191766px;box-shadow:inset 0 0 16px #12121200;color:var(--white);cursor:pointer;display:flex;height:var(--icon-size);justify-content:center;min-width:var(--icon-size);position:relative;transition:background-color .5s var(--ease-in-out-circ),box-shadow .5s var(--ease-in-out-circ);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-icon.is-svg,.btn-icon.is-svg .btn-icon__content{height:100%;width:100%}.btn-icon.is-svg .btn-icon__content--icon{height:50%;width:50%}.btn-icon.as-icon{cursor:default;pointer-events:none}.btn-icon.is-hover span:first-child{transform:translateY(-150%)}.btn-icon.is-hover span:nth-child(2){position:absolute;transform:translateY(0)}.btn-icon.is-active span:first-child{transform:translateY(-150%)}.btn-icon.is-active span:nth-child(2){position:absolute;transform:translateY(0)}.btn-icon.as-menu .line{background-color:var(--white);bottom:0;height:1px;left:0;position:absolute;transition:width .25s var(--ease-in-out-circ);width:0}.btn-icon.as-menu:hover .line{width:100%}.btn-icon:not(.as-icon):not(.as-menu):not(.is-svg):not(.is-simple):hover{background-color:var(--blue);box-shadow:inset 0 0 16px #12121266}.btn-icon:not(.as-icon):not(.as-menu):not(.is-svg):not(.is-simple):hover .btn-icon__pinned--icon{transform:scale(0)}.btn-icon:not(.as-icon):not(.as-menu):not(.is-svg):not(.is-simple):hover span:first-child{transform:translateY(-150%)}.btn-icon:not(.as-icon):not(.as-menu):not(.is-svg):not(.is-simple):hover span:nth-child(2){position:absolute;transform:translateY(0)}.btn-icon.highlight{background-color:var(--white);pointer-events:none}.btn-icon.as-menu:hover{background-color:var(--grey-100);box-shadow:none}.btn-icon__pinned{height:100%;position:absolute;right:-1px;top:-1px;width:100%}.btn-icon__pinned--icon{background-color:var(--theme-contrast);border-radius:100%;height:12px;position:absolute;right:0;top:0;transition:transform .65s var(--ease-in-out-quad);width:12px;will-change:transform}.btn-icon__content{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;width:100%}.btn-icon__content img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.btn-icon__content--icon{font-size:20px}.btn-icon__content--icon .vector-graphic{background-color:var(--theme-fg);height:100%;width:100%}.btn-icon__content--icon-hover:not(.reset){transform:translateY(150%)}.btn-icon__content--text{font-size:14px;text-transform:uppercase}.btn-icon__content--text:not(.reset){transform:translateY(150%)}.btn-icon__content>span{line-height:1;position:relative;text-align:center;transition:all .45s var(--ease-in-out-circ);white-space:nowrap;width:auto;will-change:transform}.btn-icon__content>span:nth-child(2){position:absolute}