.icon-button{position:relative}.icon-button__content{opacity:0;position:absolute;transition:opacity .2s,visibility .1s .1s;visibility:hidden;width:max-content;--tw-bg-opacity:1;background-color:rgb(243 243 242/var(--tw-bg-opacity));height:100%;padding-right:60px;right:0;top:0;z-index:1}.icon-button__icon{position:relative;z-index:2}.icon-button__icon:focus{box-shadow:0 0 1px 4px #f392004d;outline:none}.icon-button--open .icon-button__content{opacity:1;transition:opacity .2s,visibility .1s 0s;visibility:visible}.icon-button--open .icon-button__icon{--tw-bg-opacity:1;background-color:rgb(243 146 0/var(--tw-bg-opacity))}.icon-button--open .icon-button__icon svg{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (hover:hover){.icon-button:hover .icon-button__content{opacity:1;transition:opacity .2s,visibility .1s 0s;visibility:visible}.icon-button:hover .icon-button__icon{--tw-bg-opacity:1;background-color:rgb(243 146 0/var(--tw-bg-opacity))}.icon-button:hover .icon-button__icon svg{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}}