shop-drawer-component{display:contents}.shop-drawer__dialog{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(480px,92vw);height:100dvh;max-height:100dvh;border:none;border-radius:0;background:var(--color-background);color:var(--color-foreground);overflow-y:auto;box-shadow:var(--shadow-drawer)}@media screen and (max-width:749px){.shop-drawer__dialog{width:100vw}}.dialog-drawer--left[open]{--start-x: -100%;--end-x: 0}.dialog-drawer--left[open].dialog-closing{--start-x: 0;--end-x: -100%}.shop-drawer__preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.shop-drawer__preview-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(24px);transform:scale(1.05)}@media(max-width:749px){.shop-drawer__preview{display:none}}.shop-drawer__tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgb(var(--color-foreground-rgb) / .15);padding-top:2.5rem}.shop-drawer__tab{-webkit-appearance:none;appearance:none;background:transparent;border:none;border-bottom:2px solid transparent;padding:1.25rem .5rem;font:inherit;font-size:.95rem;color:rgb(var(--color-foreground-rgb) / .55);cursor:pointer;transition:color .2s ease,border-color .2s ease;text-align:center}.shop-drawer__tab:hover{color:var(--color-foreground)}.shop-drawer__tab.is-active{color:var(--color-foreground);border-bottom-color:var(--color-foreground)}.shop-drawer__banner{position:relative;display:block;aspect-ratio:16 / 7;overflow:hidden;text-decoration:none;color:var(--color-foreground)}.shop-drawer__banner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shop-drawer__banner-label{position:absolute;left:1.5rem;bottom:1rem;font-size:1rem;text-decoration:underline;text-underline-offset:4px;z-index:1;text-shadow:0 1px 8px rgba(0,0,0,.4)}.shop-drawer__panels{padding:2rem 1.5rem 4rem}.shop-drawer__tab-panel{display:flex;flex-direction:column;gap:2.5rem}.shop-drawer__tab-panel[hidden]{display:none}.shop-drawer__group-title{font-size:1.1rem;margin:0 0 1rem;font-weight:500;color:var(--color-foreground-heading)}.shop-drawer__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.shop-drawer__item{margin:0}.shop-drawer__link{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--color-foreground);text-decoration:none;font-size:.95rem;transition:opacity .15s ease}.shop-drawer__link:hover{opacity:.6}.shop-drawer__link--solo{padding:.25rem 0}.shop-drawer__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.shop-drawer__icon img{width:100%;height:100%;object-fit:contain;display:block;filter:invert(1)}.shop-drawer__label{flex:1}.shop-drawer__empty{color:rgb(var(--color-foreground-rgb) / .5);font-size:.9rem}.shop-drawer__close{position:absolute;top:1rem;right:1rem;z-index:2;background:transparent;border:none;color:var(--color-foreground);font:inherit;font-size:.9rem;cursor:pointer;padding:.4rem .6rem}.shop-drawer__close:hover{text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-shop-drawer.css.map */