.brand{--brand-cursor-zoom-in: url(brand-cursor-zoom-in.svg) 32 32, zoom-in;--brand-cursor-zoom-out: url(brand-cursor-zoom-out.svg) 32 32, zoom-out}.brand .brand-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;max-inline-size:none;max-block-size:none;margin:0;padding:0;border:0;background:#030201;color:var(--text-inverse);overflow:hidden;z-index:var(--z-modal)}.brand .brand-lightbox::backdrop{background:#000000b8}.brand .brand-lightbox__shell{position:relative;min-block-size:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr)}.brand .brand-lightbox__bar{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-block-end:1px solid oklch(100% 0 0 / .12);background:#030201d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand .brand-lightbox__heading{min-inline-size:0;display:flex;align-items:baseline;gap:var(--space-3)}.brand .brand-lightbox__title{margin:0;overflow:hidden;color:inherit;font-family:var(--font-base);font-size:var(--text-eyebrow);font-weight:500;letter-spacing:.16em;line-height:1.2;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.brand .brand-lightbox__counter{flex:0 0 auto;margin:0;color:#ffffffb3;font-family:var(--font-base);font-size:var(--text-small);font-variant-numeric:tabular-nums;letter-spacing:.08em}.brand .brand-lightbox__tools,.brand .brand-lightbox__close,.brand .brand-lightbox__nav,.brand .brand-lightbox__thumb{touch-action:manipulation}.brand .brand-lightbox__tools{display:inline-flex;align-items:center;gap:6px;padding:4px;border:1px solid oklch(100% 0 0 / .16);border-radius:var(--radius-pill);background:#ffffff0f}.brand .brand-lightbox__tool,.brand .brand-lightbox__close,.brand .brand-lightbox__nav{-webkit-appearance:none;appearance:none;display:inline-grid;place-items:center;inline-size:38px;block-size:38px;padding:0;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:inherit;cursor:pointer;transition:background-color var(--dur-sm) var(--ease-out-expo),border-color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.brand .brand-lightbox__tool:hover,.brand .brand-lightbox__close:hover,.brand .brand-lightbox__nav:hover{background:#ffffff1a;border-color:#ffffff2e}.brand .brand-lightbox__tool:active,.brand .brand-lightbox__close:active,.brand .brand-lightbox__nav:active{transform:scale(.96)}.brand .brand-lightbox__tool:focus-visible,.brand .brand-lightbox__close:focus-visible,.brand .brand-lightbox__nav:focus-visible,.brand .brand-lightbox__thumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.brand .brand-lightbox__tool svg,.brand .brand-lightbox__close svg,.brand .brand-lightbox__nav svg{inline-size:20px;block-size:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand .brand-lightbox__tool--reset{inline-size:48px;font-family:var(--font-display);font-size:.82rem;font-style:italic;letter-spacing:0}.brand .brand-lightbox__stage{position:relative;min-block-size:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.brand .brand-lightbox__media-host{min-inline-size:0;block-size:100%;display:grid;place-items:center;overflow:hidden;cursor:var(--brand-cursor-zoom-in)}.brand .brand-lightbox__stage[data-zoomed=true] .brand-lightbox__media-host{cursor:var(--brand-cursor-zoom-out)}.brand .brand-lightbox__stage[data-dragging=true] .brand-lightbox__media-host{cursor:grabbing}.brand .brand-lightbox__media{max-inline-size:min(100%,1680px);max-block-size:calc(100dvh - 170px);inline-size:auto;block-size:auto;object-fit:contain;transform:translate3d(var(--lb-pan-x, 0px),var(--lb-pan-y, 0px),0) scale(var(--lb-scale, 1));transform-origin:center;transition:opacity var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo);will-change:transform}.brand .brand-lightbox__media.is-switching{opacity:0}.brand video.brand-lightbox__media{inline-size:min(100%,1280px);background:#000}.brand .brand-lightbox__nav{position:relative;z-index:2;margin-inline:var(--space-3);background:#ffffff14;border-color:#ffffff24}.brand .brand-lightbox__thumbs{position:absolute;inset-block-end:var(--space-4);inset-inline-start:50%;transform:translate(-50%);z-index:3;list-style:none;display:flex;justify-content:safe center;gap:8px;margin:0;padding:10px;inline-size:max-content;max-inline-size:min(calc(100vw - 32px),760px);overflow-x:auto;border:1px solid oklch(100% 0 0 / .14);border-radius:16px;background:#030201b3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;-webkit-overflow-scrolling:touch}.brand .brand-lightbox__thumbs::-webkit-scrollbar{display:none}.brand .brand-lightbox__thumb-wrap{flex:0 0 auto}.brand .brand-lightbox__thumb{-webkit-appearance:none;appearance:none;display:block;inline-size:58px;block-size:72px;padding:0;border:1px solid oklch(100% 0 0 / .14);border-radius:5px;background:#ffffff12;opacity:.62;overflow:hidden;cursor:pointer;transition:opacity var(--dur-sm) var(--ease-out-expo),border-color var(--dur-sm) var(--ease-out-expo),transform var(--dur-sm) var(--ease-out-expo)}.brand .brand-lightbox__thumb:hover,.brand .brand-lightbox__thumb.is-active{opacity:1;border-color:#ffffffbd}.brand .brand-lightbox__thumb.is-active{transform:translateY(-3px)}.brand .brand-lightbox__thumb-img{inline-size:100%;block-size:100%;object-fit:cover;display:block}html.brand-lightbox-lock,body.brand-lightbox-lock{overflow:hidden}@media(max-width:767px){.brand .brand-lightbox__shell{grid-template-rows:auto minmax(0,1fr)}.brand .brand-lightbox__bar{grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3)}.brand .brand-lightbox__tools{grid-column:1 / -1;justify-self:center;order:3}.brand .brand-lightbox__title{max-inline-size:18ch}.brand .brand-lightbox__stage{grid-template-columns:minmax(0,1fr)}.brand .brand-lightbox__media-host{place-items:start center;padding-block-start:var(--space-4)}.brand .brand-lightbox__nav{position:absolute;inset-block-start:50%;transform:translateY(-50%);margin-inline:var(--space-2);background:#00000038}.brand .brand-lightbox__nav--prev{inset-inline-start:0}.brand .brand-lightbox__nav--next{inset-inline-end:0}.brand .brand-lightbox__media{max-inline-size:100vw;max-block-size:calc(100dvh - 178px)}.brand .brand-lightbox__thumbs{inset-block-end:10px;inline-size:calc(100vw - 20px);max-inline-size:none;justify-content:safe center;padding:8px;border-radius:14px}.brand .brand-lightbox__thumb{inline-size:54px;block-size:68px}}@media(prefers-reduced-motion:reduce){.brand .brand-lightbox__media,.brand .brand-lightbox__tool,.brand .brand-lightbox__close,.brand .brand-lightbox__nav,.brand .brand-lightbox__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brand-lightbox.css.map */