@layer fp-dropdowns {
:where([data-fp-dropdowns]) { position: relative; }
:where([data-fp-dropdown]) { position: relative; }
:where([data-fp-dropdown="mega"]) { position: static; }
:where([data-fp-dropdown] > [data-fp-panel]) {
position: absolute; top: 100%; left: 0; z-index: 60; box-sizing: border-box;
width: max-content; min-width: max(12rem, 100%); max-width: min(22rem, calc(100vw - 2rem));
}
:where([data-fp-dropdown="mega"] > [data-fp-panel]) { left: 0; right: 0; width: auto; min-width: 0; max-width: none; }
:where([data-fp-dropdown] > [data-fp-panel][data-fp-flip]) { left: auto; right: 0; }
[data-fp-dropdown] > [data-fp-panel] a { white-space: normal !important; }
:where([data-fp-dropdown] > [data-fp-panel])::before {
content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: var(--fp-dd-bridge, 0px);
}
[data-fp-dropdown] > [data-fp-panel] { visibility: hidden !important; }
[data-fp-dropdowns]:not([data-fp-ready]) [data-fp-dropdown] > [data-fp-panel] { transition: visibility 0s linear .4s; }
[data-fp-dropdowns]:not([data-fp-ready]) [data-fp-dropdown]:is(:hover, :focus-within) > [data-fp-panel] { visibility: visible !important; transition-delay: 0s; }
[data-fp-dropdowns]:not([data-fp-ready]):has([data-fp-dropdown]:hover) [data-fp-dropdown]:not(:hover) > [data-fp-panel] { transition-delay: 0s; }
[data-fp-ready] [data-fp-dropdown] > [data-fp-panel] { transition: visibility 0s linear var(--fp-dd-fade, 0s); }
[data-fp-ready] [data-fp-dropdown][data-fp-open] > [data-fp-panel] { visibility: visible !important; transition-delay: 0s; }
}