@property --gallery-pitch{syntax:"<length>";inherits:true;initial-value:292px}@property --gallery-row{syntax:"<length>";inherits:true;initial-value:404px}@property --gallery-gap{syntax:"<length>";inherits:true;initial-value:24px}.gallery-shell{width:100%;min-width:0}.gallery-heading{flex-wrap:nowrap}.gallery-heading :is(h1,h2){min-width:0;margin-inline-end:auto}.gallery-expand{color:var(--mat-read-ink,var(--shop-text));border:1px solid color-mix(in srgb, var(--shop-accent) 60%, transparent);background:color-mix(in srgb, var(--shop-accent) 13%, color-mix(in oklab, var(--mat-read,var(--shop-surface)) 58%, transparent));box-shadow:inset 0 0 8px color-mix(in srgb, var(--shop-accent) 12%, transparent);font:inherit;cursor:pointer;transition:transform var(--spring-press-ms,.167s) var(--spring-press,cubic-bezier(.23, 1, .32, 1));border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.gallery-expand:active{transition-duration:90ms;transform:scale(.92)}.gallery-expand:focus-visible{outline:2px solid var(--mat-focus,var(--shop-accent));outline-offset:2px}@media (hover:hover) and (pointer:fine){.gallery-expand:hover{border-color:var(--shop-accent);box-shadow:inset 0 0 8px color-mix(in srgb, var(--shop-accent) 15%, transparent), 0 0 14px color-mix(in srgb, var(--shop-accent) 16%, transparent)}}.gallery-strip{--gallery-card-width:clamp(220px, 25vw, 240px);--gallery-card-gap:var(--shop-spacing);width:100%;min-width:0}.gallery-window-body{--gallery-card-gap:var(--card-gap,var(--shop-spacing,16px))}.browse-slot>[data-browse-pane] :is(.gallery-strip,.gallery-window-body){--gallery-cols:var(--cols);--gallery-card-gap:var(--card-gap);--gallery-card-width:var(--card-w)}.gallery-strip,.gallery-window-body{--gallery-gap:var(--gallery-card-gap,16px);--gallery-pitch:calc(var(--gallery-card-width,240px) + var(--gallery-gap));--gallery-row:calc(var(--card-h,352px) + var(--card-meta,28px) + 24px)}.gallery-strip>:is(.store-grid,.canvas-brand-grid),.gallery-strip>.product-grid[data-gallery-virtual=false]{grid-auto-flow:column;grid-auto-columns:var(--gallery-card-width);gap:var(--gallery-card-gap);overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;padding:4px 4px 16px;display:grid;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000 100%);grid-template-columns:none!important;max-width:none!important;margin:0!important}.gallery-strip>:is(.store-grid,.canvas-brand-grid,.product-grid)>*{scroll-snap-align:start;min-width:0}.gallery-strip>.product-grid[data-gallery-virtual=true]{padding:4px 4px 16px}.gallery-strip>.product-grid[data-gallery-direction=horizontal]{padding:4px 4px 16px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),#0000 100%);max-width:none!important;margin:0!important}[data-gallery-direction=horizontal]>.gallery-list{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin}.gallery-strip>.product-grid[data-gallery-direction=horizontal]>.gallery-list{block-size:calc(var(--card-h,352px) + var(--card-meta,28px) + 8px)!important}[data-gallery-direction=horizontal] .gallery-head{align-items:stretch;display:flex}[data-gallery-direction=vertical]>.gallery-list,[data-gallery-direction=vertical]>.gallery-list>.legend-list-content-container,[data-gallery-direction=vertical]>.gallery-list>.legend-list-content-container>:first-child,[data-gallery-direction=vertical] .gallery-head{gap:inherit}[data-gallery-direction=horizontal] .gallery-horizontal-item{width:var(--gallery-pitch,calc(var(--gallery-card-width,240px) + var(--gallery-card-gap,var(--shop-spacing,16px))));box-sizing:border-box;scroll-snap-align:start;flex:none;min-width:0;padding-inline-end:var(--gallery-gap,var(--gallery-card-gap,var(--shop-spacing,16px)))}.product-card:has(>.holo-foil){isolation:isolate;position:relative}.product-card:has(>.holo-foil)>.product-art :is(img,.product-monogram,.sample-pack){z-index:2;position:relative}.product-card:has(>.holo-foil)>[data-slot=card-content]{z-index:2;position:relative}.product-card>.holo-foil{--holo-clear:".product-art :is(img, .product-monogram, .sample-pack)";--holo-feather:10px;--holo-rim:5px;--holo-core:1.5px;--holo-corner:var(--shop-radius,16px);--holo-well:var(--card-plate,0px);--hx:var(--holo-clear-x,0px);--hy:var(--holo-clear-y,0px);--hw:var(--holo-clear-w,0px);--hh:var(--holo-clear-h,0px);--hr:var(--holo-clear-r,0px);--hf:min(var(--holo-feather), var(--hw));--ex:calc(var(--hx) - var(--hf));--ey:calc(var(--hy) - var(--hf));--ew:calc(var(--hw) + 2 * var(--hf));--eh:calc(var(--hh) + 2 * var(--hf));--hs:calc(var(--hr) + var(--hf));--holo-mask: linear-gradient(#000 0 0) 0 0 / 100% clamp(0px, var(--ey), var(--holo-well)) no-repeat, linear-gradient(#000 calc(100% - 14px), transparent) 0 calc(var(--ey) + var(--eh)) / 100% max(0px, var(--holo-well) - var(--ey) - var(--eh)) no-repeat, linear-gradient(#000 0 0) 0 var(--ey) / max(0px, var(--ex)) clamp(0px, var(--eh), var(--holo-well) - var(--ey)) no-repeat, linear-gradient(#000 0 0) calc(var(--ex) + var(--ew)) var(--ey) / max(0px, 100% - var(--ex) - var(--ew)) clamp(0px, var(--eh), var(--holo-well) - var(--ey)) no-repeat,  linear-gradient(#000, transparent) calc(var(--hx) + var(--hr)) var(--ey) / max(0px, var(--hw) - 2 * var(--hr)) var(--hf) no-repeat, linear-gradient(transparent, #000 var(--hf)) calc(var(--hx) + var(--hr)) calc(var(--hy) + var(--hh)) / max(0px, var(--hw) - 2 * var(--hr)) clamp(0px, var(--hf), var(--holo-well) - var(--hy) - var(--hh)) no-repeat, linear-gradient(90deg, #000, transparent) var(--ex) calc(var(--hy) + var(--hr)) / var(--hf) clamp(0px, var(--hh) - 2 * var(--hr), var(--holo-well) - var(--hy) - var(--hr)) no-repeat, linear-gradient(90deg, transparent, #000) calc(var(--hx) + var(--hw)) calc(var(--hy) + var(--hr)) / var(--hf) clamp(0px, var(--hh) - 2 * var(--hr), var(--holo-well) - var(--hy) - var(--hr)) no-repeat,  radial-gradient(circle at 100% 100%, transparent var(--hr), #000 var(--hs)) var(--ex) var(--ey) / var(--hs) var(--hs) no-repeat, radial-gradient(circle at 0 100%, transparent var(--hr), #000 var(--hs)) calc(var(--hx) + var(--hw) - var(--hr)) var(--ey) / var(--hs) var(--hs) no-repeat, radial-gradient(circle at 100% 0, transparent var(--hr), #000 var(--hs)) var(--ex) calc(var(--hy) + var(--hh) - var(--hr)) / var(--hs) clamp(0px, var(--hs), var(--holo-well) - var(--hy) - var(--hh) + var(--hr)) no-repeat, radial-gradient(circle at 0 0, transparent var(--hr), #000 var(--hs)) calc(var(--hx) + var(--hw) - var(--hr)) calc(var(--hy) + var(--hh) - var(--hr)) / var(--hs) clamp(0px, var(--hs), var(--holo-well) - var(--hy) - var(--hh) + var(--hr)) no-repeat,  linear-gradient(90deg, #000 var(--holo-core), transparent) 0 0 / var(--holo-rim) 100% no-repeat, linear-gradient(270deg, #000 var(--holo-core), transparent) 100% 0 / var(--holo-rim) 100% no-repeat, linear-gradient(180deg, #000 var(--holo-core), transparent) 0 0 / 100% var(--holo-rim) no-repeat, linear-gradient(0deg, #000 var(--holo-core), transparent) 0 100% / 100% var(--holo-rim) no-repeat, radial-gradient(circle at 100% 100%, transparent calc(var(--holo-corner) - var(--holo-rim)), #000 calc(var(--holo-corner) - var(--holo-core))) 0 0 / var(--holo-corner) var(--holo-corner) no-repeat, radial-gradient(circle at 0 100%, transparent calc(var(--holo-corner) - var(--holo-rim)), #000 calc(var(--holo-corner) - var(--holo-core))) 100% 0 / var(--holo-corner) var(--holo-corner) no-repeat, radial-gradient(circle at 100% 0, transparent calc(var(--holo-corner) - var(--holo-rim)), #000 calc(var(--holo-corner) - var(--holo-core))) 0 100% / var(--holo-corner) var(--holo-corner) no-repeat, radial-gradient(circle at 0 0, transparent calc(var(--holo-corner) - var(--holo-rim)), #000 calc(var(--holo-corner) - var(--holo-core))) 100% 100% / var(--holo-corner) var(--holo-corner) no-repeat;-webkit-mask:var(--holo-mask);-webkit-mask:var(--holo-mask);mask:var(--holo-mask)}:is(.density-compact,.layout-gallery,.product-comparison,.detail-card,.canvas-product,.product-unfold-related) .product-card>.holo-foil,.product-card.density-compact>.holo-foil{--holo-well:0px;--holo-clear:none}:is(:is(.density-compact,.layout-gallery,.product-comparison,.detail-card,.canvas-product,.product-unfold-related) .product-card:has(>.holo-foil)>.product-art,.product-card.density-compact:has(>.holo-foil)>.product-art){z-index:2;position:relative}.gallery-strip>.product-grid .product-card,.gallery-window-body>.product-grid .product-card{block-size:var(--card-h,auto);box-sizing:border-box}.gallery-footer{padding-block:12px}.gallery-window{gap:var(--shop-spacing);box-sizing:border-box;width:100%;max-width:none;min-height:60dvh;color:var(--shop-text);font-family:var(--shop-font);flex-direction:column;display:flex}.gallery-window>.gallery-heading{flex:none;margin:0}.gallery-window>.gallery-footer{flex:none}.gallery-window-body{overscroll-behavior:contain;min-width:0;height:max(320px,100dvh - 240px);padding:4px;overflow:auto}.gallery-window .gallery-window-body>.product-grid{max-width:none}.gallery-window-body:has(>.product-grid[data-gallery-direction=vertical][data-gallery-virtual=true]){overflow:visible}.gallery-window-body>:is(.store-grid,.canvas-brand-grid){gap:var(--shop-spacing);grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));max-width:none!important;margin:0!important}.product-card[data-skeleton]{grid-template-rows:var(--card-plate,148px) 14px 20px minmax(0, 1fr) 44px;padding:var(--card-inset,8px) var(--card-inset,8px) 16px;pointer-events:none;gap:10px;display:grid}.product-card[data-skeleton]>span{background:linear-gradient(90deg, color-mix(in oklab, var(--shop-text) 6%, transparent) 30%, color-mix(in oklab, var(--shop-text) 13%, transparent) 50%, color-mix(in oklab, var(--shop-text) 6%, transparent) 70%) 0 0 / 300% 100%;border-radius:8px;animation:1.2s linear infinite gallery-sweep}.product-card[data-skeleton]>.skeleton-plate{border-radius:14px}.product-card[data-skeleton]>.skeleton-bar{margin-inline:12px}.product-card[data-skeleton]>.skeleton-bar:nth-of-type(2){inline-size:40%}.product-card[data-skeleton]>.skeleton-bar:nth-of-type(3){inline-size:75%}.product-card[data-skeleton]>.skeleton-bar:nth-of-type(4){grid-row:5;align-self:center;block-size:20px;inline-size:30%}.product-card[data-skeleton]>.skeleton-orb{border-radius:50%;grid-row:5;place-self:center end;block-size:44px;inline-size:44px;margin-inline-end:4px}@keyframes gallery-sweep{0%{background-position:100% 0}to{background-position:0 0}}.gallery-trailing{box-sizing:border-box;min-inline-size:calc(var(--gallery-card-width,240px) / 2);place-items:center;block-size:100%;padding-inline:12px;display:grid}.product-grid[data-gallery-direction=vertical] .gallery-trailing{min-block-size:96px}.gallery-retry{box-sizing:border-box;border-radius:clamp(3px, calc(var(--shop-radius,999px) * .7), 999px);border:1px solid color-mix(in oklab, var(--shop-accent) 55%, transparent);background:color-mix(in oklab, var(--shop-accent) 16%, color-mix(in oklab, var(--mat-read,var(--shop-text)) 58%, transparent));color:var(--mat-read-ink,var(--shop-text));font:inherit;font-size:var(--t-meta,13px);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;padding:0 16px;font-weight:500;line-height:16px;display:inline-flex}.gallery-retry:focus-visible{outline:2px solid var(--mat-focus,var(--shop-accent));outline-offset:2px}.gallery-sr-only,.gallery-shell .gallery-footer>a.gallery-next-link[rel=next][href]{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.store-monogram{letter-spacing:.02em;font-size:13px;font-weight:600;line-height:1}.store-card>.store-distance{align-self:start}.shopping-canvas[data-canvas-focus],.shopping-canvas[data-canvas-focus] .canvas-focus-path,.canvas-focus-target :is(.catalog-section,.canvas-brand-section,.store-grid,.instance-gallery){width:100%;min-width:0;max-width:none!important}.canvas-focus-path>[data-canvas-section]>.container-children{width:100%;display:block}.canvas-focus-path:not(.canvas-focus-target)>[data-canvas-section]>h2,.shopping-canvas[data-canvas-focus]>:not(.canvas-instance){display:none}@media (prefers-reduced-transparency:reduce){.gallery-expand{background:var(--shop-surface)}}@media (prefers-reduced-motion:reduce){:where(:root:not([data-motion=full])) .product-card[data-skeleton]>span{animation:none}}:where(:root[data-motion=calm]) .product-card[data-skeleton]>span{animation:none}