.ios-menu-root{--scale-amount:0.96;--item-height:45px;--transition-out:320ms var(--ease-in-out-quad);--transition-in:320ms var(--ease-out-quad);--transition:var(--transition-out);--font-weight:300;--ease-in-quad:cubic-bezier(0.55,0.085,0.68,0.53);--ease-in-cubic:cubic-bezier(0.55,0.055,0.675,0.19);--ease-in-quart:cubic-bezier(0.895,0.03,0.685,0.22);--ease-in-quint:cubic-bezier(0.755,0.05,0.855,0.06);--ease-in-expo:cubic-bezier(0.95,0.05,0.795,0.035);--ease-in-circ:cubic-bezier(0.6,0.04,0.98,0.335);--ease-out-quad:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-cubic:cubic-bezier(0.215,0.61,0.355,1);--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1);--ease-out-quint:cubic-bezier(0.23,1,0.32,1);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-out-circ:cubic-bezier(0.075,0.82,0.165,1);--ease-in-out-quad:cubic-bezier(0.455,0.03,0.515,0.955);--ease-in-out-cubic:cubic-bezier(0.645,0.045,0.355,1);--ease-in-out-quart:cubic-bezier(0.77,0,0.175,1);--ease-in-out-quint:cubic-bezier(0.86,0,0.07,1);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-out-circ:cubic-bezier(0.785,0.135,0.15,0.86);color:#fff;position:relative;border-radius:10px;width:250px;display:flex;flex-direction:column;transition:transform var(--transition)}.ios-menu-root:after{content:"";position:absolute;inset:0;background:rgba(32,32,30,.6);border-radius:10px;opacity:0;pointer-events:none;transition:opacity var(--transition)}.ios-menu-root:where(:has(.ios-menu-dropdown[data-state=open])){--transition:var(--transition-in);transform:scale(var(--scale-amount))}.ios-menu-root:where(:has(.ios-menu-dropdown[data-state=open])):after{opacity:1;pointer-events:all}.ios-menu-root>.ios-menu-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.ios-menu-root>.ios-menu-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.ios-menu-item{height:var(--item-height);background:#272727;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:not-allowed;display:flex;align-items:center}.ios-menu-item .ios-menu-label{color:#fff;font-size:17px;line-height:22px;text-align:left;font-weight:var(--font-weight)}.ios-menu-item .ios-menu-indicator [basics-css-icon]{--size:16px}.ios-menu-item .ios-menu-indicator{display:flex;align-items:center;justify-content:center;margin-left:11px;margin-right:11px;min-width:16px;min-height:16px}.ios-menu-item .ios-menu-icon [basics-css-icon]{--size:20px}.ios-menu-item .ios-menu-icon{display:flex;align-items:center;justify-content:center;text-align:center;margin-left:auto;margin-right:16px}.ios-menu-item+.ios-menu-item{border-top:1px solid #464648}.ios-menu-separator{height:8px;width:100%;background:#38383a;background:#212121}.ios-menu-dropdown-wrapper{position:relative;height:var(--item-height);z-index:1}.ios-menu-dropdown{position:absolute;top:0;left:0;right:0;pointer-events:none;transition:var(--transition);transition-property:transform,filter}.ios-menu-dropdown .ios-menu-dropdown-content{border-top:1px solid #464648;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);transition:-webkit-clip-path var(--transition);transition:clip-path var(--transition);transition:clip-path var(--transition),-webkit-clip-path var(--transition)}.ios-menu-dropdown .ios-menu-item{cursor:pointer;transition:border-radius var(--transition),background var(--transition)}.ios-menu-dropdown .ios-menu-item .ios-menu-indicator{transform-origin:center;transition:transform var(--transition)}.ios-menu-dropdown .ios-menu-item .ios-menu-label{transition:font-variation-settings var(--transition)}.ios-menu-dropdown>.ios-menu-item{pointer-events:all}.ios-menu-dropdown:where([data-state=open]){pointer-events:all;filter:drop-shadow(0 4px 12px rgba(24,24,24,.2))}.ios-menu-dropdown:where([data-state=open]) .ios-menu-dropdown-content{visibility:visible;-webkit-clip-path:inset(0 0 0 0 round 0 0 10px 10px);clip-path:inset(0 0 0 0 round 0 0 10px 10px)}.ios-menu-dropdown:where([data-state=open])>.ios-menu-item{border-top-left-radius:10px;border-top-right-radius:10px}.ios-menu-dropdown:where([data-state=open])>.ios-menu-item .ios-menu-indicator{transform:rotate(90deg)}.ios-menu-dropdown:where([data-state=open])>.ios-menu-item .ios-menu-label{--font-weight:600}.ios-menu-dropdown:where([data-state=open]) :where(.ios-menu-item){background:#2e2e2e}.ios-menu-dropdown:where([data-state=open]) :where(.ios-menu-item) .ios-menu-label{color:#fff}.ios-menu-dropdown:where([data-state=open]){transform:scale(calc(1 / var(--scale-amount))) translateY(-8px)}.ios-menu-has-no{max-width:250px}@supports selector(:has(*)){.ios-menu-has-no{display:none}}