.chevron{width:1rem;height:1rem;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.dropdown-menu{position-area:block-end;position-try-fallbacks:flip-block;transition-behavior:allow-discrete;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;min-width:200px;margin:.5rem 0 0;padding:.5rem;transition-property:opacity,transform,filter,display,overlay;transition-duration:.25s;transition-timing-function:ease-out;position:fixed;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (prefers-color-scheme:dark){.dropdown-menu{background:#1f2937;border-color:#374151}}.dropdown-menu:not(:popover-open){opacity:0}.menu-items{flex-direction:column;gap:2px;display:flex}.menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;transition:box-shadow .2s ease-out;display:flex;box-shadow:inset 0 0 #3b82f600}.menu-item:hover{box-shadow:inset 0 0 0 2px #3b82f626,inset 0 0 12px #3b82f614}@media (prefers-color-scheme:dark){.menu-item:hover{box-shadow:inset 0 0 0 2px #60a5fa40,inset 0 0 12px #60a5fa1a}}.menu-icon{color:#6b7280;flex-shrink:0;width:1rem;height:1rem}@media (prefers-color-scheme:dark){.menu-icon{color:#9ca3af}}.menu-label{color:#374151;flex:1;font-size:.875rem}@media (prefers-color-scheme:dark){.menu-label{color:#e5e7eb}}.menu-shortcut{color:#9ca3af;font-size:.75rem}.dropdown-fade{opacity:1}@starting-style{.dropdown-fade:popover-open{opacity:0}}.dropdown-fade:not(:popover-open){opacity:0}.dropdown-scale{opacity:1;transform:scale(1)}@starting-style{.dropdown-scale:popover-open{opacity:0;transform:scale(.9)}}.dropdown-scale:not(:popover-open){opacity:0;transform:scale(.9)}.dropdown-slide-down{opacity:1;transform:translateY(0)}@starting-style{.dropdown-slide-down:popover-open{opacity:0;transform:translateY(-1rem)}}.dropdown-slide-down:not(:popover-open){opacity:0;transform:translateY(-1rem)}.dropdown-slide-up{opacity:1;transform:translateY(0)}@starting-style{.dropdown-slide-up:popover-open{opacity:0;transform:translateY(1rem)}}.dropdown-slide-up:not(:popover-open){opacity:0;transform:translateY(1rem)}.dropdown-slide-left{opacity:1;transform:translate(0)}@starting-style{.dropdown-slide-left:popover-open{opacity:0;transform:translate(1rem)}}.dropdown-slide-left:not(:popover-open){opacity:0;transform:translate(1rem)}.dropdown-slide-right{opacity:1;transform:translate(0)}@starting-style{.dropdown-slide-right:popover-open{opacity:0;transform:translate(-1rem)}}.dropdown-slide-right:not(:popover-open){opacity:0;transform:translate(-1rem)}.dropdown-flip{opacity:1;transform-origin:top;transition-duration:.35s;transition-timing-function:ease-out;transform:perspective(600px)rotateX(0)}@starting-style{.dropdown-flip:popover-open{opacity:0;transform:perspective(600px)rotateX(-90deg)}}.dropdown-flip:not(:popover-open){opacity:0;transform:perspective(600px)rotateX(-90deg)}.dropdown-bounce{opacity:1;animation:.5s cubic-bezier(.34,1.56,.64,1) bounceIn;transform:scale(1)translateY(0)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)translateY(-20px)}50%{transform:scale(1.05)translateY(0)}70%{transform:scale(.95)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@starting-style{.dropdown-bounce:popover-open{opacity:0;transform:scale(.3)translateY(-20px)}}.dropdown-bounce:not(:popover-open){opacity:0;transition-duration:.15s;transform:scale(.8)}.dropdown-elastic{opacity:1;transform-origin:top;transition-duration:.4s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transform:scaleY(1)}@starting-style{.dropdown-elastic:popover-open{opacity:0;transform:scaleY(0)}}.dropdown-elastic:not(:popover-open){opacity:0;transition-duration:.2s;transition-timing-function:ease-in;transform:scaleY(0)}.dropdown-rotate{opacity:1;transition-duration:.35s;transition-timing-function:cubic-bezier(.34,1.56,.64,1);transform:rotate(0)scale(1)}@starting-style{.dropdown-rotate:popover-open{opacity:0;transform:rotate(-180deg)scale(.5)}}.dropdown-rotate:not(:popover-open){opacity:0;transition-duration:.25s;transition-timing-function:ease-in;transform:rotate(180deg)scale(.5)}.dropdown-perspective-tilt{opacity:1;transform-origin:0 0;transition-duration:.4s;transition-timing-function:ease-out;transform:perspective(800px)rotateY(0)rotateX(0)}@starting-style{.dropdown-perspective-tilt:popover-open{opacity:0;transform:perspective(800px)rotateY(30deg)rotateX(-15deg)}}.dropdown-perspective-tilt:not(:popover-open){opacity:0;transform:perspective(800px)rotateY(30deg)rotateX(-15deg)}.dropdown-blur{opacity:1;filter:blur();transition-duration:.3s;transform:scale(1)}@starting-style{.dropdown-blur:popover-open{opacity:0;filter:blur(10px);transform:scale(1.1)}}.dropdown-blur:not(:popover-open){opacity:0;filter:blur(10px);transform:scale(1.1)}.dropdown-grow-from-anchor{opacity:1;transform-origin:top;transition-duration:.3s;transition-timing-function:cubic-bezier(.16,1,.3,1);transform:scaleX(1)scaleY(1)}@starting-style{.dropdown-grow-from-anchor:popover-open{opacity:0;transform:scaleX(.5)scaleY(0)}}.dropdown-grow-from-anchor:not(:popover-open){opacity:0;transition-duration:.2s;transition-timing-function:ease-in;transform:scaleX(.5)scaleY(0)}.dropdown-glitch{opacity:1;animation:.4s steps(8,end) glitchIn}@keyframes glitchIn{0%{opacity:0;clip-path:inset(0 0 100%);transform:translate(-5px)}10%{clip-path:inset(0 0 80%);transform:translate(5px)}20%{clip-path:inset(0 0 60%);transform:translate(-3px)}30%{clip-path:inset(0 0 40%);transform:translate(3px)}40%{clip-path:inset(0 0 20%);transform:translate(-2px)}50%{clip-path:inset(0 0 10%);transform:translate(2px)}60%{transform:translate(-1px)}70%{transform:translate(1px)}80%,to{opacity:1;clip-path:inset(0);transform:translate(0)}}@starting-style{.dropdown-glitch:popover-open{opacity:0;clip-path:inset(0 0 100%)}}.dropdown-glitch:not(:popover-open){opacity:0;clip-path:inset(0 0 100%);transition-duration:.15s}.dropdown-swing{opacity:1;transform-origin:top;animation:.6s ease-out swingIn;transform:rotate(0)}@keyframes swingIn{0%{opacity:0;transform:rotate(-30deg)}30%{transform:rotate(15deg)}50%{transform:rotate(-10deg)}70%{transform:rotate(5deg)}85%{transform:rotate(-2deg)}to{opacity:1;transform:rotate(0)}}@starting-style{.dropdown-swing:popover-open{opacity:0;transform:rotate(-30deg)}}.dropdown-swing:not(:popover-open){opacity:0;transition-duration:.2s;transform:rotate(10deg)}.dropdown-unfold{opacity:1;transform-origin:top;transition-duration:.35s;transition-timing-function:ease-out;transform:scaleY(1)}.dropdown-unfold .menu-items{animation:.5s ease-out forwards unfoldItems}@keyframes unfoldItems{0%{opacity:0}50%{opacity:0}to{opacity:1}}@starting-style{.dropdown-unfold:popover-open{opacity:.5;transform:scaleY(.1)}}.dropdown-unfold:not(:popover-open){opacity:0;transition-duration:.2s;transform:scaleY(.1)}.dropdown-liquid-glass{opacity:1;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffb3;border:1px solid #ffffff4d;animation:.5s cubic-bezier(.23,1,.32,1) liquidGlassIn;transform:scale(1)translateY(0);box-shadow:0 8px 32px #0000001a,inset 0 0 0 1px #fff3,inset 0 2px 4px #fff6}@keyframes liquidGlassIn{0%{opacity:0;-webkit-backdrop-filter:blur()saturate();transform:scale(.95)translateY(-10px)}50%{-webkit-backdrop-filter:blur(25px)saturate(200%)}to{opacity:1;-webkit-backdrop-filter:blur(20px)saturate(180%);transform:scale(1)translateY(0)}}@starting-style{.dropdown-liquid-glass:popover-open{opacity:0;transform:scale(.95)translateY(-10px)}}.dropdown-liquid-glass:not(:popover-open){opacity:0;-webkit-backdrop-filter:blur();transition-duration:.25s;transform:scale(.98)translateY(-5px)}@media (prefers-color-scheme:dark){.dropdown-liquid-glass{background:#1f2937b3;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d,inset 0 2px 4px #ffffff1a}}.dropdown-liquid-morph{opacity:1;border-radius:.75rem;animation:.6s ease-out liquidMorphIn}@keyframes liquidMorphIn{0%{opacity:0;filter:blur(10px);border-radius:50%;transform:scale(.3)}30%{filter:blur(5px);border-radius:40% 60% 70% 30%/40% 50% 60%;transform:scale(.7)}50%{filter:blur(2px);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:scale(.9)}70%{filter:blur();border-radius:40% 60% 50% 50%/50%;transform:scale(1.02)}to{opacity:1;filter:blur();border-radius:.75rem;transform:scale(1)}}@starting-style{.dropdown-liquid-morph:popover-open{opacity:0;border-radius:50%;transform:scale(.3)}}.dropdown-liquid-morph:not(:popover-open){opacity:0;filter:blur(5px);border-radius:50%;transition-duration:.2s;transform:scale(.5)}.dropdown-prismatic{opacity:1;animation:.5s ease-out prismaticIn;position:relative;transform:scale(1);box-shadow:-2px 0 8px #f003,2px 0 8px #00f3,0 4px 16px #0000001a}.dropdown-prismatic:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:linear-gradient(135deg,#ff00000d 0%,#ffff000d 25%,#00ff000d 50%,#00ffff0d 75%,#0000ff0d 100%);animation:3s ease-in-out infinite prismaticShimmer;position:absolute;inset:0}.dropdown-prismatic:popover-open:before{opacity:1}@keyframes prismaticIn{0%{opacity:0;transform:scale(.9)rotate(-2deg);box-shadow:-10px 0 20px #f006,10px 0 20px #00f6,0 4px 16px #0000001a}50%{box-shadow:-5px 0 15px #ff00004d,5px 0 15px #0000ff4d,0 4px 16px #0000001a}to{opacity:1;transform:scale(1)rotate(0);box-shadow:-2px 0 8px #f003,2px 0 8px #00f3,0 4px 16px #0000001a}}@keyframes prismaticShimmer{0%,to{filter:hue-rotate();background-position:0%}50%{filter:hue-rotate(30deg);background-position:100%}}@starting-style{.dropdown-prismatic:popover-open{opacity:0;transform:scale(.9)rotate(-2deg)}}.dropdown-prismatic:not(:popover-open){opacity:0;transition-duration:.2s;transform:scale(.95);box-shadow:-8px 0 16px #ff00004d,8px 0 16px #0000ff4d,0 4px 16px #0000001a}
