.mega-sidebar{--mega-side: calc(250 * var(--px));--mega-panel-min: calc(350 * var(--px));position:relative;min-height:max(var(--mega-panel-min),var(--mega-panel-height, 0px))}.mega--sidebar{--mega-sidebar-min: calc(400 * var(--px));min-height:var(--mega-sidebar-min)}@media screen and (min-width:1280px){.mega-sidebar{--mega-side: calc(300 * var(--px))}}.mega-sidebar{transition:min-height var(--motion-time) var(--motion-ease)}.mega-sidebar__list{width:var(--mega-side);margin:0;padding:0;list-style:none}.mega-sidebar__item{padding-inline:var(--text-space-50)}.mega-sidebar__item--ruled{border-block-end:1px solid rgba(var(--color-foreground),var(--alpha-20))}.mega-sidebar__link{display:flex;align-items:center;gap:var(--mega-thumb-gap);padding-block:var(--space-20);overflow-wrap:anywhere}.mega-sidebar__link:has(>.mega-media){min-height:var(--mega-row-min)}.mega-sidebar__link>span:last-child{flex:1 1 auto;min-width:0}.mega-sidebar__item--parent>.mega-sidebar__link:after{content:"";flex:none;width:var(--caret-box);height:var(--caret-box);background-color:currentColor;-webkit-mask:var(--caret-right) center / contain no-repeat;mask:var(--caret-right) center / contain no-repeat}@media(forced-colors:active){.mega-sidebar__item--parent>.mega-sidebar__link:after{forced-color-adjust:none;background-color:CanvasText}.mega-sidebar__item.is-active{outline:var(--ring-width) solid Highlight;outline-offset:calc(var(--ring-width) * -1)}}@media(forced-colors:active)and (hover:hover){.mega-sidebar__item:hover{outline:var(--ring-width) solid Highlight;outline-offset:calc(var(--ring-width) * -1)}}.mega-sidebar__panel{position:absolute;inset-block-start:0;inset-inline:calc(var(--mega-side) + var(--mega-gap)) 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:var(--space-16) var(--space-32);margin:0;padding:0;list-style:none;max-height:0;overflow:clip;opacity:0;pointer-events:none}@media(hover:hover){.mega-sidebar__item--parent:hover>.mega-sidebar__panel,.mega-sidebar__list:not(:has(>.mega-sidebar__item--parent:hover))>.mega-sidebar__item--parent:focus-within>.mega-sidebar__panel,.mega-sidebar__list:not(:has(>.mega-sidebar__item--parent:is(:hover,:focus-within)))>.mega-sidebar__item.is-active>.mega-sidebar__panel{min-height:var(--mega-panel-min);max-height:none;overflow:visible;opacity:1;pointer-events:auto;transition:opacity var(--motion-time) var(--motion-ease)}}@media(hover:none){.mega-sidebar__item--parent:focus-within>.mega-sidebar__panel,.mega-sidebar__list:not(:has(>.mega-sidebar__item--parent:focus-within))>.mega-sidebar__item.is-active>.mega-sidebar__panel{min-height:var(--mega-panel-min);max-height:none;overflow:visible;opacity:1;pointer-events:auto;transition:opacity var(--motion-time) var(--motion-ease)}}.mega-tile{display:block;padding-block-end:var(--text-space-100);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:var(--text-label);overflow-wrap:anywhere}.mega-tile__name{display:block}.mega-tile>.mega-media+.mega-tile__name{margin-block-start:var(--space-8)}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-mega-sidebar.css.map */