.ds-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-ds-grid);display:none;width:100vw;height:100dvh;overflow:hidden;pointer-events:none}body[data-ds-grid=on] .ds-grid{display:block}.ds-grid__frame,.ds-grid__labels{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:var(--grid-template-columns);gap:var(--grid-gap);width:100vw;height:100%}.ds-grid__frame--narrow,.ds-grid__frame--medium{display:none}.ds-grid__col{height:100%;background:color-mix(in oklab,var(--color-accent) 4%,transparent);box-shadow:inset var(--border-width-s) 0 0 color-mix(in oklab,var(--color-accent) 28%,transparent),inset calc(var(--border-width-s) * -1) 0 0 color-mix(in oklab,var(--color-accent) 28%,transparent)}.ds-grid__margin{height:100%;background:color-mix(in oklab,var(--color-accent) 2%,transparent);box-shadow:inset var(--border-width-s) 0 0 color-mix(in oklab,var(--color-accent) 20%,transparent),inset calc(var(--border-width-s) * -1) 0 0 color-mix(in oklab,var(--color-accent) 20%,transparent)}.ds-grid__rows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(to bottom,color-mix(in oklab,var(--color-text) 16%,transparent) 0,color-mix(in oklab,var(--color-text) 16%,transparent) var(--border-width-s),transparent var(--border-width-s),transparent var(--grid-row-height))}.ds-grid__labels{z-index:2}.ds-grid__labels--narrow,.ds-grid__labels--medium{display:none}.ds-grid__label-track--col{display:grid;grid-template-rows:repeat(var(--grid-rows-per-viewport),var(--grid-row-height));height:100%;align-content:start}.ds-grid__cell-label{display:flex;align-items:flex-start;justify-content:flex-start;padding:calc(var(--space-xs) * .5);color:var(--color-accent);font-family:var(--font-family-sans);font-size:calc(var(--font-size-s) * .5);font-weight:var(--font-weight-m);line-height:1;opacity:calc(var(--opacity-s) * .55)}.ds-grid-toggle{position:fixed;right:var(--page-padding);bottom:calc(var(--space-s) + var(--space-l) + var(--space-xs));z-index:calc(var(--z-ds-grid) + 1);display:inline-flex;align-items:center;justify-content:center;min-height:var(--space-l);padding-inline:var(--space-s);border:var(--border-width-s) var(--border-style) color-mix(in oklab,var(--color-text) 30%,transparent);border-radius:var(--radius-l);background:color-mix(in oklab,var(--color-bg) 82%,transparent);color:var(--color-text);font-family:var(--font-family-sans);font-size:var(--font-size-s);font-weight:var(--font-weight-m);line-height:1;text-transform:uppercase;cursor:pointer;opacity:var(--opacity-s);-webkit-backdrop-filter:blur(var(--space-s));backdrop-filter:blur(var(--space-s));transition:opacity var(--transition-base),background var(--transition-base),border-color var(--transition-base)}.ds-grid-toggle:hover,.ds-grid-toggle:focus-visible{opacity:1;border-color:color-mix(in oklab,var(--color-accent) 72%,transparent)}.ds-grid-toggle:focus-visible{outline:var(--border-width-m) var(--border-style) var(--color-accent);outline-offset:var(--border-width-m)}.ds-grid-toggle[data-state=on]{background:color-mix(in oklab,var(--color-accent) 16%,var(--color-bg));border-color:color-mix(in oklab,var(--color-accent) 72%,transparent)}.ds-grid-toggle[data-state=off]{opacity:var(--opacity-m)}.ds-grid-toggle__label{pointer-events:none}@media(max-width:64rem)and (min-width:48.0625rem){.ds-grid__frame--wide,.ds-grid__labels--wide,.ds-grid__frame--narrow,.ds-grid__labels--narrow{display:none}.ds-grid__frame--medium,.ds-grid__labels--medium{display:grid}}@media(max-width:48rem){.ds-grid__frame--wide,.ds-grid__labels--wide,.ds-grid__frame--medium,.ds-grid__labels--medium{display:none}.ds-grid__frame--narrow,.ds-grid__labels--narrow{display:grid}}@media(prefers-reduced-motion:reduce){.ds-grid-toggle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ds-grid.css.map */