@layer default{drop-down{--_color-background:var(--background,white);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:block;position:relative;overflow-x:visible}drop-down>.content{visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin-top:.5rem;padding:0;list-style:none}drop-down>un-button .icon{-webkit-transition:-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-ms-transform .3s ease-in-out,transform .3s ease-in-out;-moz-transition:-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-ms-transform .3s ease-in-out,transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out,-ms-transform .3s ease-in-out,transform .3s ease-in-out;display:inline-block}drop-down>content li{margin-bottom:2px}drop-down[data-overlay=true]>.content{background-color:var(--_color-background);position:absolute;top:100%}drop-down[data-overlay=true]>.content.offset{margin-right:40px;top:100%;right:100%}drop-down[data-overlay=false][data-state=on]>.content{-webkit-box-orient:vertical;-moz-box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;position:static}drop-down[data-overlay=false][data-state=off]>.content{position:absolute}drop-down[data-state=on]>.content{visibility:visible}drop-down[data-state=on]>un-button .icon{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}drop-down[data-anim=slide-rl]>.content{--duration:.5s;--delay:2s;-webkit-transition-property:visibility;-moz-transition-property:visibility;transition-property:visibility;-webkit-transition-duration:calc(var(--duration) + .1s);-moz-transition-duration:calc(var(--duration) + .1s);-webkit-transition-duration:calc(var(--duration) + .1s);-moz-transition-duration:calc(var(--duration) + .1s);transition-duration:calc(var(--duration) + .1s);-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}drop-down[data-anim=slide-rl]>.content li{-webkit-transition-property:translate,opacity;-moz-transition-property:translate,opacity;transition-property:translate,opacity;-webkit-transition-duration:var(--duration);-moz-transition-duration:var(--duration);-webkit-transition-duration:var(--duration);-moz-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:calc(60ms * var(--delay));-moz-transition-delay:calc(60ms * var(--delay));-webkit-transition-delay:calc(60ms * var(--delay));-moz-transition-delay:calc(60ms * var(--delay));transition-delay:calc(60ms * var(--delay))}drop-down[data-anim=slide-rl][data-state=off]>.content li{opacity:0;translate:100%}drop-down[data-anim=slide-rl][data-state=on]>.content li{opacity:1;translate:0%}drop-down[data-anim=softdrop]>.content{-webkit-transition:translate .3s;-moz-transition:translate .3s;transition:translate .3s}drop-down[data-anim=softdrop][data-state=on]>.content{translate:0%}drop-down[data-anim=softdrop][data-state=off]>.content{visibility:hidden;translate:0% -1em}drop-down[data-anim=unfold][data-state=on]>.content li{opacity:0;-webkit-animation-name:unfold;-moz-animation-name:unfold;animation-name:unfold;-webkit-animation-duration:.3s;-moz-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;-moz-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:var(--delay);-moz-animation-delay:var(--delay);-webkit-animation-delay:var(--delay);-moz-animation-delay:var(--delay);animation-delay:var(--delay)}@-webkit-keyframes softdrop{0%{translate:0% -1em}to{translate:0%}}@-moz-keyframes softdrop{0%{translate:0% -1em}to{translate:0%}}@keyframes softdrop{0%{translate:0% -1em}to{translate:0%}}@-webkit-keyframes unfold{0%{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}}@-moz-keyframes unfold{0%{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}}@keyframes unfold{0%{opacity:0;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg)}to{opacity:1;-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);transform:rotateX(0)}}}