:root{--s-menu-bg:var(--s-white);--s-menu-item-border-radius:var(--s-border-radius);--s-menu-item-height:var(--s-content-height);--s-menu-item-padding-x:var(--s-content-padding-x);--s-menu-item-font-size:var(--s-font-size);--s-menu-item-bg-active:var(--s-bg-color-active);--s-menu-border-color:var(--s-border-color);--s-menu-item-bg-active-dark:var(--s-gray-900);--s-menu-item-color-dark:var(--s-white);--s-menu-border-color-dark:var(--s-gray-700);--s-menu-bg-dark:var(--s-gray-800);--s-menu-item-horizontal-height:var(--s-content-height-xs);--s-menu-icon-font-size:var(--s-font-size);--s-menu-icon-gap:var(--s-size-sm);--s-menu-icon-horizontal-gap:var(--s-size-xs)}.dark{--s-menu-bg:var(--s-gray-800)}.s-menu{display:inline-flex}.s-menu--vertical{flex-direction:column}.s-menu--horizontal{flex-direction:row}.s-menu--dark{--s-menu-border-color:var(--s-menu-border-color-dark);--s-menu-bg:var(--s-menu-bg-dark)}.s-menu__item{position:relative;display:flex;justify-content:center;align-items:center;gap:var(--s-menu-icon-gap);height:var(--s-menu-item-height);padding-inline-start:var(--s-menu-item-padding-x);padding-inline-end:var(--s-menu-item-padding-x);font-size:var(--s-menu-item-font-size);background:var(--s-menu-bg);cursor:pointer}.s-menu__item:is(.is-disabled){cursor:not-allowed}.s-menu__icon{width:var(--s-menu-icon-font-size);font-size:var(--s-menu-icon-font-size)}.s-menu__label{position:relative;display:flex;justify-content:center;align-items:center;height:100%;flex-grow:1}.s-menu--vertical .s-menu__item:first-child{border-top-left-radius:var(--s-menu-item-border-radius);border-top-right-radius:var(--s-menu-item-border-radius)}.s-menu--vertical .s-menu__item:last-child{border-bottom-left-radius:var(--s-menu-item-border-radius);border-bottom-right-radius:var(--s-menu-item-border-radius)}.s-menu--vertical .s-menu__item:not(:first-child) .s-menu__label::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-border-width) var(--s-border-style) var(--s-menu-border-color);transform-origin:top center}.s-menu--horizontal .s-menu__item{height:var(--s-menu-item-horizontal-height);gap:var(--s-menu-icon-horizontal-gap)}:root:not([dir=rtl]) .s-menu--horizontal .s-menu__item:first-child{border-top-left-radius:var(--s-menu-item-border-radius);border-bottom-left-radius:var(--s-menu-item-border-radius)}:root[dir=rtl] .s-menu--horizontal .s-menu__item:first-child{border-top-right-radius:var(--s-menu-item-border-radius);border-bottom-right-radius:var(--s-menu-item-border-radius)}:root:not([dir=rtl]) .s-menu--horizontal .s-menu__item:last-child{border-top-right-radius:var(--s-menu-item-border-radius);border-bottom-right-radius:var(--s-menu-item-border-radius)}:root[dir=rtl] .s-menu--horizontal .s-menu__item:last-child{border-top-left-radius:var(--s-menu-item-border-radius);border-bottom-left-radius:var(--s-menu-item-border-radius)}.s-menu--horizontal .s-menu__item:not(:first-child)::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";top:0;bottom:0;transform:scaleX(0.5);inset-inline-start:0;border-inline-start:var(--s-border-width) var(--s-border-style) var(--s-menu-border-color);transform-origin:left center}:root[dir=rtl] .s-menu--horizontal .s-menu__item:not(:first-child)::before{transform-origin:right center}.s-menu--light .s-menu__item:not(.is-disabled):active{background:var(--s-menu-item-bg-active)}.s-menu--light .s-menu__item:is(.is-disabled){color:var(--s-text-color-disabled)}.s-menu--dark{--s-menu-border-color:var(--s-menu-border-color-dark)}.s-menu--dark .s-menu__item:not(.is-disabled):active{background:var(--s-menu-item-bg-active-dark)}.s-menu--dark .s-menu__item:is(.is-disabled) .s-menu__label{color:var(--s-gray-600)}.s-menu--dark .s-menu__icon{color:var(--s-menu-item-color-dark)}.s-menu--dark .s-menu__label{color:var(--s-menu-item-color-dark)}.s-menu--vertical .s-menu__label{justify-content:flex-start}.s-menu:is(.has-icon) .s-menu__label{justify-content:flex-start}