.hu-media-gallery{--hu-mg-gap: var(--hu-space-3);--hu-mg-thumb: 4.5rem;--hu-mg-control: 2.75rem;--hu-mg-surface: var(--hu-color-surface);display:grid;gap:var(--hu-mg-gap);min-inline-size:0}.hu-media-gallery__viewport{position:relative;min-inline-size:0;overflow:hidden;background:var(--hu-mg-surface);border-radius:var(--hu-radius-media)}@media(max-width:767px){.hu-media-gallery__viewport{margin-inline:calc(var(--hu-gutter) * -1);border-radius:0}}.hu-media-gallery__track{position:relative;display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hu-media-gallery__track::-webkit-scrollbar{display:none}.hu-media-gallery__item{position:relative;flex:0 0 100%;min-inline-size:0;align-self:center;scroll-snap-align:start;scroll-margin-block-start:calc(var(--hu-header-offset) + var(--hu-space-4))}.hu-media-gallery__frame{position:relative;display:grid;place-items:center;aspect-ratio:var(--hu-media-ratio, 1 / 1);overflow:hidden}.hu-media-gallery__frame--empty{padding:var(--hu-space-8);color:rgb(var(--hu-color-text-muted-rgb))}.hu-media-gallery__img{inline-size:100%;block-size:100%;object-fit:contain}.hu-media-gallery__item--cover .hu-media-gallery__img{object-fit:cover}.hu-media-gallery__video,.hu-media-gallery__model{inline-size:100%;block-size:100%}.hu-media-gallery__video video,.hu-media-gallery__model model-viewer,.hu-media-gallery__iframe{inline-size:100%;block-size:100%;border:0;object-fit:contain}.hu-media-gallery__facade{position:relative;display:block;inline-size:100%;block-size:100%;color:rgb(var(--hu-color-text-rgb))}.hu-media-gallery__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:grid;place-items:center;inline-size:4rem;block-size:4rem;border-radius:var(--hu-radius-full);background:var(--hu-mg-surface);box-shadow:var(--hu-shadow-md);transition:transform var(--hu-dur-base) var(--hu-ease-out)}@media(hover:hover)and (pointer:fine){.hu-media-gallery__facade:hover .hu-media-gallery__play{transform:scale(1.06)}}.hu-media-gallery__zoom,.hu-media-gallery__nav{display:grid;place-items:center;inline-size:var(--hu-mg-control);block-size:var(--hu-mg-control);padding:0;border:var(--hu-border);border-radius:var(--hu-radius-full);background:var(--hu-mg-surface);color:rgb(var(--hu-color-text-rgb));box-shadow:var(--hu-shadow-sm);cursor:pointer;transition:opacity var(--hu-dur-fast) var(--hu-ease-standard),transform var(--hu-dur-fast) var(--hu-ease-standard),box-shadow var(--hu-dur-fast) var(--hu-ease-standard)}.hu-media-gallery__zoom{position:absolute;inset-block-end:var(--hu-space-3);inset-inline-end:var(--hu-space-3);z-index:var(--hu-z-raised);cursor:zoom-in}.hu-media-gallery__nav{position:absolute;inset-block-start:50%;z-index:var(--hu-z-raised);display:none;transform:translateY(-50%)}.hu-media-gallery__nav--prev{inset-inline-start:var(--hu-space-3)}.hu-media-gallery__nav--next{inset-inline-end:var(--hu-space-3)}.hu-media-gallery__nav[aria-disabled=true]{opacity:.4;cursor:default}:dir(rtl) .hu-media-gallery__nav .hu-icon{transform:scaleX(-1)}@media(hover:hover)and (pointer:fine){.hu-media-gallery__zoom{opacity:0;transform:scale(.92)}.hu-media-gallery__item:hover .hu-media-gallery__zoom,.hu-media-gallery__zoom:focus-visible{opacity:1;transform:scale(1)}.hu-media-gallery__zoom:hover,.hu-media-gallery__nav:hover{box-shadow:var(--hu-shadow-md)}}@media(min-width:768px){.hu-media-gallery--thumbs-bottom .hu-media-gallery__nav,.hu-media-gallery--thumbs-left .hu-media-gallery__nav{display:grid}}.hu-media-gallery__dots{position:absolute;inset-block-end:var(--hu-space-3);inset-inline-start:50%;z-index:var(--hu-z-raised);display:flex;align-items:center;gap:var(--hu-space-2);padding:var(--hu-space-2) var(--hu-space-3);border-radius:var(--hu-radius-pill);background:rgb(var(--hu-color-surface-rgb) / .92);transform:translate(-50%)}:dir(rtl) .hu-media-gallery__dots{transform:translate(50%)}.hu-media-gallery__dot{position:relative;inline-size:.5rem;block-size:.5rem;padding:0;border:0;border-radius:var(--hu-radius-pill);background:rgb(var(--hu-color-text-rgb) / .5);cursor:pointer;transition:inline-size var(--hu-dur-base) var(--hu-ease-out),background-color var(--hu-dur-base) var(--hu-ease-standard)}.hu-media-gallery__dot:before{content:"";position:absolute;top:-.5rem;right:-.25rem;bottom:-.5rem;left:-.25rem}.hu-media-gallery__dot[aria-current=true]{inline-size:1.25rem;background:var(--hu-color-text)}.hu-media-gallery__counter{position:absolute;inset-block-end:var(--hu-space-3);inset-inline-start:50%;z-index:var(--hu-z-raised);margin:0;padding:var(--hu-space-1) var(--hu-space-3);border-radius:var(--hu-radius-pill);background:rgb(var(--hu-color-surface-rgb) / .92);color:rgb(var(--hu-color-text-rgb));font-size:var(--hu-text-xs);font-variant-numeric:tabular-nums;transform:translate(-50%)}:dir(rtl) .hu-media-gallery__counter{transform:translate(50%)}@media(min-width:768px){.hu-media-gallery--thumbs-bottom .hu-media-gallery__dots,.hu-media-gallery--thumbs-left .hu-media-gallery__dots,.hu-media-gallery--thumbs-bottom .hu-media-gallery__counter,.hu-media-gallery--thumbs-left .hu-media-gallery__counter{display:none}}.hu-media-gallery__badges{position:absolute;inset-block-start:var(--hu-space-3);inset-inline-start:var(--hu-space-3);z-index:var(--hu-z-raised);display:flex;gap:var(--hu-space-2);pointer-events:none}.hu-media-gallery__badges[hidden]{display:none}.hu-media-gallery__thumbs{display:none;gap:var(--hu-space-2);margin:0;padding:var(--hu-space-1);list-style:none;overflow-x:auto;scrollbar-width:none}.hu-media-gallery__thumbs::-webkit-scrollbar{display:none}@media(min-width:768px){.hu-media-gallery__thumbs{display:flex}}.hu-media-gallery__thumb-item{flex:0 0 auto}.hu-media-gallery__thumb{position:relative;display:block;inline-size:var(--hu-mg-thumb);block-size:var(--hu-mg-thumb);padding:0;border:var(--hu-border-width-strong) solid transparent;border-radius:var(--hu-radius-md);background:var(--hu-mg-surface);cursor:pointer;overflow:hidden;transition:border-color var(--hu-dur-fast) var(--hu-ease-standard),opacity var(--hu-dur-fast) var(--hu-ease-standard)}.hu-media-gallery__thumb-frame{display:block;inline-size:100%;block-size:100%}.hu-media-gallery__thumb-img{inline-size:100%;block-size:100%;object-fit:cover}.hu-media-gallery__thumb:not([aria-current=true]){opacity:.78}@media(hover:hover)and (pointer:fine){.hu-media-gallery__thumb:hover{opacity:1;border-color:rgb(var(--hu-color-text-rgb) / .35)}}.hu-media-gallery__thumb[aria-current=true]{border-color:var(--hu-color-text);opacity:1}.hu-media-gallery__thumb-badge{position:absolute;inset-block-end:var(--hu-space-1);inset-inline-end:var(--hu-space-1);display:grid;place-items:center;inline-size:1.5rem;block-size:1.5rem;border-radius:var(--hu-radius-full);background:var(--hu-mg-surface);color:rgb(var(--hu-color-text-rgb))}.hu-media-gallery__xr{justify-self:start}.hu-media-gallery__xr[data-shopify-xr-hidden]{display:none}@media(min-width:1024px){.hu-media-gallery--thumbs-left{grid-template-columns:calc(var(--hu-mg-thumb) + var(--hu-space-2)) minmax(0,1fr);align-items:start}.hu-media-gallery--thumbs-left .hu-media-gallery__viewport{grid-column:2;grid-row:1}.hu-media-gallery--thumbs-left .hu-media-gallery__thumbs{grid-column:1;grid-row:1;flex-direction:column;align-self:stretch;block-size:0;min-block-size:100%;overflow-x:hidden;overflow-y:auto}.hu-media-gallery--thumbs-left .hu-media-gallery__xr{grid-column:2}}@media(min-width:1024px){.hu-media-gallery--stacked .hu-media-gallery__viewport,.hu-media-gallery--grid .hu-media-gallery__viewport{overflow:visible;background:transparent;border-radius:0}.hu-media-gallery--stacked .hu-media-gallery__track,.hu-media-gallery--grid .hu-media-gallery__track{display:grid;gap:var(--hu-mg-gap);overflow:visible;scroll-snap-type:none}.hu-media-gallery--grid .hu-media-gallery__track{grid-template-columns:repeat(2,minmax(0,1fr))}.hu-media-gallery--grid .hu-media-gallery__item:first-child{grid-column:1 / -1}.hu-media-gallery--stacked .hu-media-gallery__item,.hu-media-gallery--grid .hu-media-gallery__item{overflow:hidden;border-radius:var(--hu-radius-media);background:var(--hu-mg-surface)}.hu-media-gallery--stacked .hu-media-gallery__dots,.hu-media-gallery--grid .hu-media-gallery__dots,.hu-media-gallery--stacked .hu-media-gallery__counter,.hu-media-gallery--grid .hu-media-gallery__counter,.hu-media-gallery--stacked .hu-media-gallery__nav,.hu-media-gallery--grid .hu-media-gallery__nav{display:none}}hu-modal.hu-modal--lightbox{padding:0}.hu-modal--lightbox .hu-modal__panel{padding:0;background:var(--hu-color-bg);color:rgb(var(--hu-color-text-rgb))}.hu-lightbox{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);block-size:100%}.hu-lightbox__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--hu-space-3);padding:var(--hu-space-3) var(--hu-space-4)}.hu-lightbox__counter{margin:0;font-size:var(--hu-text-sm);font-variant-numeric:tabular-nums}.hu-lightbox__actions{display:flex;gap:var(--hu-space-2)}.hu-lightbox__btn,.hu-lightbox__nav{display:grid;place-items:center;inline-size:var(--hu-mg-control);block-size:var(--hu-mg-control);padding:0;border:var(--hu-border);border-radius:var(--hu-radius-full);background:var(--hu-color-surface);color:rgb(var(--hu-color-text-rgb));cursor:pointer;transition:background-color var(--hu-dur-fast) var(--hu-ease-standard),box-shadow var(--hu-dur-fast) var(--hu-ease-standard)}.hu-lightbox__btn[aria-pressed=true]{background:var(--hu-btn-bg);border-color:var(--hu-btn-bg);color:var(--hu-btn-fg)}.hu-lightbox__nav{position:absolute;inset-block-start:50%;z-index:var(--hu-z-raised);transform:translateY(-50%);box-shadow:var(--hu-shadow-md)}.hu-lightbox__nav[hidden]{display:none}.hu-lightbox__nav--prev{inset-inline-start:var(--hu-space-4)}.hu-lightbox__nav--next{inset-inline-end:var(--hu-space-4)}:dir(rtl) .hu-lightbox__nav .hu-icon{transform:scaleX(-1)}.hu-lightbox__stage{position:relative;display:flex;align-items:center;justify-content:center;min-block-size:0;padding:var(--hu-space-4);overflow:hidden}.hu-lightbox__img{inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:100%;object-fit:contain;cursor:zoom-in;transition:opacity var(--hu-dur-base) var(--hu-ease-standard)}.hu-lightbox__img[hidden]{display:none}.hu-lightbox__stage.is-loading .hu-lightbox__img{opacity:.35}.hu-lightbox__stage.is-zoomed{display:block;overflow:auto}.hu-lightbox__stage.is-zoomed .hu-lightbox__img{inline-size:200%;max-inline-size:none;max-block-size:none;cursor:zoom-out}@media(max-width:767px){.hu-lightbox__stage{padding:0}.hu-lightbox__nav{display:none}}@media(forced-colors:active){.hu-media-gallery__thumb[aria-current=true],.hu-media-gallery__dot[aria-current=true]{outline:var(--hu-border-width-strong) solid Highlight;outline-offset:0;forced-color-adjust:none;background:Highlight}.hu-lightbox__btn[aria-pressed=true]{outline:var(--hu-border-width-strong) solid Highlight}}@media(prefers-reduced-motion:reduce){.hu-media-gallery__zoom,.hu-media-gallery__nav,.hu-media-gallery__dot,.hu-media-gallery__thumb,.hu-media-gallery__play,.hu-lightbox__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-media-gallery.css.map */