:root{--dropdown-open-dur: .22s;--dropdown-close-dur: .13s;--dropdown-pre-scale: .97;--dropdown-pre-y: -6px;--dropdown-closing-scale: .99;--dropdown-closing-y: -2px;--dropdown-ease: cubic-bezier(.22, 1, .36, 1)}.t-dropdown{transform-origin:top left;transform:translateY(var(--dropdown-pre-y)) scale(var(--dropdown-pre-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-open-dur) var(--dropdown-ease),opacity var(--dropdown-open-dur) var(--dropdown-ease);will-change:transform,opacity}.t-dropdown[data-origin=top-right]{transform-origin:top right}.t-dropdown[data-origin=top-center]{transform-origin:top center}.t-dropdown[data-origin=bottom-left]{transform-origin:bottom left}.t-dropdown[data-origin=bottom-center]{transform-origin:bottom center}.t-dropdown[data-origin=bottom-right]{transform-origin:bottom right}.t-dropdown.is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto}.t-dropdown.is-closing{transform:translateY(var(--dropdown-closing-y)) scale(var(--dropdown-closing-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-close-dur) var(--dropdown-ease),opacity var(--dropdown-close-dur) var(--dropdown-ease)}@media(prefers-reduced-motion:reduce){.t-dropdown{transition:none!important}}