.apx,.apx-gallery{--apx-shade: #93B4AE;--apx-rail: 76px;--apx-gallery: 580px;--apx-stage: calc(var(--apx-gallery) - var(--apx-rail) - 14px);--apx-fit: max(240px, calc(100dvh - 340px) )}.apx-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}@media(min-width:980px){.apx-gallery{grid-template-columns:minmax(0,1fr) var(--apx-rail);gap:14px;align-items:start}.apx-gallery>.apx-stage{grid-column:1;grid-row:1}.apx-gallery>.apx-thumbs{grid-column:2;grid-row:1;align-self:start}.apx-gallery>.apx-stage__cap{grid-column:1;grid-row:2}}.apx-stage{position:relative;width:min(100%,var(--apx-fit));margin-inline:auto}.apx-stage__wash{position:absolute;inset-block-start:-7%;inset-inline:-7%;aspect-ratio:1 / 1;z-index:0;border-radius:46% 54% 52% 48%/50%;background:radial-gradient(closest-side,var(--apx-shade) 0%,transparent 70%);opacity:.42;filter:blur(26px);pointer-events:none;transition:background var(--t-slow) var(--ease-out),opacity var(--t-slow) var(--ease-out)}.apx-stage__wash.is-pulse{animation:apx-halo .62s var(--ease-out)}@keyframes apx-halo{0%{opacity:.42;transform:scale(1)}38%{opacity:.72;transform:scale(1.05)}to{opacity:.42;transform:scale(1)}}.apx-slides{position:relative;z-index:1;aspect-ratio:1 / 1;border-radius:var(--r-lg);overflow:hidden;background:var(--color-cream-mid);box-shadow:var(--shadow-md),0 0 0 1px var(--color-border);touch-action:pan-y}.apx-slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:scale(1.035);pointer-events:none;transition:opacity .42s var(--ease-out),transform .75s var(--ease-out)}.apx-slide.is-on{opacity:1;transform:scale(1);pointer-events:auto;z-index:2}.apx-slide img{width:100%;height:100%;cursor:zoom-in;object-fit:contain}.apx[data-apx-kind=hat] .apx-slide img,.apx-gallery[data-apx-fit=cover] .apx-slide img{object-fit:cover}.apx-stage__dim{position:absolute;z-index:3;inset-block-end:14px;inset-inline-start:14px;display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--r-full);background:#ffffffeb;border:1px solid var(--color-gold-pale);color:var(--color-olive);font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.apx-stage__dim:before{content:"";width:16px;height:1px;background:var(--color-gold);box-shadow:0 -3px 0 -2.5px var(--color-gold),0 3px 0 -2.5px var(--color-gold)}.apx-stage__count{position:absolute;z-index:3;inset-block-end:12px;inset-inline-start:12px;padding:5px 12px;border-radius:var(--r-full);background:#181f168c;color:var(--color-white);font-size:12px;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none}.apx[data-apx-kind=ball] .apx-stage__count{display:none}.apx-stage__zoom{position:absolute;z-index:3;inset-block-start:14px;inset-inline-end:14px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#ffffffd1;color:var(--color-dark-green);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-xs);transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.apx-stage__zoom:hover{background:var(--color-white);color:var(--color-gold);transform:scale(1.08)}.apx-stage__cap{margin:9px 2px 0;font-size:12.5px;line-height:1.5;color:var(--color-text-muted);text-align:center;animation:apx-fade-up .4s var(--ease-out)}.apx-stage__cap[hidden]{display:none}.apx-stage__shadewarn{position:absolute;z-index:3;inset-block-end:0;inset-inline:0;margin:0;padding:11px 16px;background:#fffffff0;border-block-start:1px solid var(--color-border);font-size:12.5px;line-height:1.45;color:var(--color-text-muted);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.apx-stage__shadewarn strong{color:var(--color-dark-green);font-weight:700}.apx-stage__shadewarn[hidden]{display:none}.apx-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block-end:2px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.apx-thumbs::-webkit-scrollbar{display:none}.apx-thumbs[hidden]{display:none}.apx-thumb{flex:0 0 auto;scroll-snap-align:start;width:58px;height:58px;padding:0;overflow:hidden;background:var(--color-cream-mid);border:none;border-radius:14px;cursor:pointer;box-shadow:0 0 0 1.5px var(--color-border);transition:box-shadow var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out)}.apx-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--t-med) var(--ease-out)}.apx-thumb:hover{box-shadow:0 0 0 1.5px var(--color-gold-light)}.apx-thumb:hover img{transform:scale(1.06)}.apx-thumb[aria-current=true]{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-dark-green);transform:translateY(-1px)}.apx-thumb:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--color-gold)}.apx-stage__zoom:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}@media(min-width:980px){.apx-thumbs{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y proximity;gap:9px;max-height:calc(min(var(--apx-stage),var(--apx-fit)) - 26px)}.apx-thumb{width:var(--apx-rail);height:var(--apx-rail)}}.apx-lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:24px;background:#181f16e6;opacity:0;transition:opacity var(--t-med) var(--ease-out)}.apx-lb[hidden]{display:none}.apx-lb.is-on{opacity:1}.apx-lb__img{max-width:min(92vw,820px);max-height:86vh;border-radius:var(--r-md);background:var(--color-white);transform:scale(.97);transition:transform var(--t-med) var(--ease-out)}.apx-lb.is-on .apx-lb__img{transform:scale(1)}.apx-lb__close{position:absolute;inset-block-start:18px;inset-inline-end:18px;width:48px;height:48px;display:grid;place-items:center;border:none;border-radius:50%;background:#ffffff24;color:var(--color-white);cursor:pointer}.apx-lb__close:hover{background:#ffffff42}.apx-lb__close:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}@keyframes apx-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.apx-gallery *,.apx-gallery *:before,.apx-gallery *:after,.apx-lb,.apx-lb *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.apx-slide,.apx-lb__img{transform:none}}.apx-slide__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .24s ease-out;pointer-events:none}.apx-slide__video[src]{opacity:1}@media(prefers-reduced-motion:reduce){.apx-slide__video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/apx-gallery.css.map */