@layer sections{ft-gallery{display:grid;gap:2rem;align-items:start;--thumb: 10.8rem;--thumb-radius: 1.2rem;--gallery-radius: 1.2rem;--frame-aspect: .8;--thumb-ratio: var(--frame-aspect);--nav-bg-rgb: var(--nav-bg, var(--color-background));--nav-fg-rgb: var(--nav-fg, var(--color-heading))}ft-gallery>.ftg__main{align-self:start;min-width:0}ft-gallery[data-thumbs=bottom]{grid-template-columns:minmax(0,1fr)}ft-gallery[data-thumbs=left]{grid-template-columns:var(--thumb) minmax(0,1fr)}ft-gallery[data-thumbs=right]{grid-template-columns:minmax(0,1fr) var(--thumb)}ft-gallery[data-single]{grid-template-columns:minmax(0,1fr)}ft-gallery[data-single] :is(.ftg__thumbs-wrap,.ftc__arrows,.ftg__dots,.ftg__count){display:none}.ftg__main{position:relative}.ftg__main .ftc__track{--ftc-gap: 0rem;padding-bottom:0}.ftg__main .media{cursor:grab}.ftg__main .ftc__track.is-dragging .media{cursor:grabbing}.ftg__slide{align-self:start;aspect-ratio:var(--frame-aspect);container-type:size;display:grid;place-items:center;min-width:0}.ftg__slide[hidden],.ftg__thumb[hidden]{display:none!important}.ftg__slide>*{width:min(100cqw,100cqh * var(--aspect, 1))}.ftg__slide .media{aspect-ratio:var(--aspect, 1);border-radius:var(--gallery-radius)}ft-gallery:not([data-ratio=original]) .ftg__slide{--aspect: var(--frame-aspect) !important}.ftg__slide .media>img,.ftg__slide .media>video{object-fit:cover}@media(min-width:750px){ft-gallery:not([data-peek="0"],[data-layout=grid]) .ftg__main .ftc__track{--ftc-gap: 1.6rem;padding-inline:var(--peek);scroll-padding-inline:var(--peek)}ft-gallery:not([data-peek="0"],[data-layout=grid]) .ftg__main .ftc__arrows{inset-inline:0}ft-gallery:not([data-peek="0"],[data-layout=grid]) .ftg__zoom{right:calc(var(--peek) + 2rem)}}@media(min-width:750px){ft-gallery[data-layout=grid]{grid-template-columns:minmax(0,1fr)}ft-gallery[data-layout=grid] .ftg__main .ftc__track{--ftc-gap: var(--grid-media-gap, 1.2rem);gap:var(--grid-media-gap, 1.2rem);padding:0}ft-gallery[data-layout=grid][data-grid-first-full] .ftg__slide[data-first]{grid-column:1 / -1}ft-gallery[data-layout=grid] .ftg__main :is(.ftc__arrows,.ftg__dots,.ftg__count,.ftg__zoom){display:none}ft-gallery[data-layout=grid] .ftg__main .media{cursor:default}ft-gallery[data-layout=grid][data-zoom=click] .ftg__slide[data-media-type=image] .media{cursor:zoom-in}}.ftg__main .ftc__arrows{position:absolute;inset:50% 2rem auto;z-index:2;display:flex;transform:translateY(-50%);justify-content:space-between;pointer-events:none;transition:opacity .25s}.ftg__main .ftc__arrow{pointer-events:auto;width:4rem;height:4rem;padding:0;display:grid;place-items:center;border-radius:50%;cursor:pointer;color:rgb(var(--nav-fg-rgb));background:rgba(var(--nav-bg-rgb),.7);border:1px solid rgba(var(--nav-fg-rgb),.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease-out)}.ftg__main .ftc__arrow .icon{width:1.8rem;height:1.8rem}.ftg__main .ftc__arrow:hover{background:rgb(var(--nav-fg-rgb));color:rgb(var(--nav-bg-rgb));border-color:rgb(var(--nav-fg-rgb))}.ftg__main .ftc__arrow:focus-visible{outline:2px solid rgb(var(--nav-fg-rgb));outline-offset:2px}.ftg__main .ftc__arrow[disabled]{opacity:.4;pointer-events:none}@media(hover:hover){ft-gallery[data-nav=hover] .ftg__main .ftc__arrows{opacity:0}ft-gallery[data-nav=hover] .ftg__main:is(:hover,:focus-within) .ftc__arrows{opacity:1}}.ftg__dots{position:absolute;left:50%;bottom:1.6rem;z-index:2;transform:translate(-50%);padding:.7rem 1rem;border-radius:999px;background:rgba(var(--nav-bg-rgb),.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ftg__dots .ftc__dot{background:rgba(var(--nav-fg-rgb),.3)}.ftg__dots .ftc__dot[aria-current=true]{background:rgb(var(--nav-fg-rgb))}.ftg__count{position:absolute;right:1.6rem;bottom:1.6rem;z-index:2;background:rgba(var(--nav-bg-rgb),.85);color:rgb(var(--nav-fg-rgb));padding:.4rem 1rem;border-radius:999px;font-size:1.2rem;font-variant-numeric:tabular-nums}@media(min-width:750px){ft-gallery:not([data-pag-desktop=thumbnails]) .ftg__thumbs-wrap,ft-gallery:not([data-pag-desktop=dots]) .ftg__dots,ft-gallery:not([data-pag-desktop=counter]) .ftg__count{display:none}}@media(max-width:749px){ft-gallery:not([data-pag-mobile=thumbnails]) .ftg__thumbs-wrap,ft-gallery:not([data-pag-mobile=dots]) .ftg__dots,ft-gallery:not([data-pag-mobile=counter]) .ftg__count{display:none}}.ftg__zoom{position:absolute;top:2rem;right:2rem;z-index:3;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;background:none;color:rgb(var(--color-heading));cursor:zoom-in;display:grid;place-items:center;transition:transform .25s var(--ease-out),background .25s}.ftg__zoom .icon{width:3rem;height:3rem;stroke-width:1.4}.ftg__zoom:hover{transform:scale(1.08)}.ftg__zoom:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}.ftg__zoom[hidden]{display:none}ft-gallery:not([data-zoom=none]) .ftg__slide[data-media-type=image] .media{cursor:zoom-in}ft-gallery .ftg__slide[data-media-type] .media[data-zooming]{cursor:grabbing}.ftg__slide .media[data-zooming]>img{transform:scale(2)!important;transform-origin:var(--zx, 50%) var(--zy, 50%);transition:transform .35s var(--ease-out),transform-origin .1s linear!important}.ftg__thumbs-wrap{position:relative;display:flex;flex-direction:column;min-width:0}ft-gallery[data-thumbs=left] .ftg__thumbs-wrap{order:-1}ft-gallery[data-thumbs=left] .ftg__thumbs-wrap,ft-gallery[data-thumbs=right] .ftg__thumbs-wrap{align-self:stretch;contain:size;height:var(--main-h, auto)}.ftg__thumbs{display:flex;gap:1.2rem;overflow:auto;scrollbar-width:none;scroll-behavior:smooth;flex:1 1 auto;min-height:0;cursor:grab;-webkit-user-select:none;user-select:none}.ftg__thumbs::-webkit-scrollbar{display:none}ft-gallery[data-thumbs=left] .ftg__thumbs,ft-gallery[data-thumbs=right] .ftg__thumbs{flex-direction:column}.ftg__thumbs.is-dragging{cursor:grabbing;scroll-behavior:auto}.ftg__thumbs.is-dragging>*{pointer-events:none}.ftg__thumbs img{-webkit-user-drag:none}.ftg__thumb{position:relative;flex:0 0 auto;width:var(--thumb);border:1px solid transparent;border-radius:var(--thumb-radius);overflow:hidden;padding:0;background:rgba(var(--color-text),.04);cursor:pointer;transition:border-color .2s,opacity .2s}.ftg__thumb[aria-current=true]{border-color:rgb(var(--color-heading))}.ftg__thumb:focus-visible{outline:2px solid rgb(var(--color-heading));outline-offset:2px}.ftg__thumb .media{aspect-ratio:var(--thumb-ratio)}.ftg__thumb .media>img{object-fit:cover}.ftg__thumb .ftg__badge{position:absolute;right:.4rem;bottom:.4rem;width:2.2rem;height:2.2rem;border-radius:50%;background:rgba(var(--color-background),.92);color:rgb(var(--color-heading));display:grid;place-items:center}.ftg__thumb .ftg__badge .icon{width:1.2rem;height:1.2rem}.ftg__thumbs-btn{position:absolute;z-index:2;width:3.6rem;height:3.6rem;padding:0;border-radius:50%;border:1px solid rgba(var(--nav-fg-rgb),.18);background:rgba(var(--nav-bg-rgb),.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:rgb(var(--nav-fg-rgb));cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s,background .2s,color .2s}.ftg__thumbs-btn .icon{width:1.6rem;height:1.6rem}.ftg__thumbs-btn:focus-visible{outline:2px solid rgb(var(--nav-fg-rgb));outline-offset:2px}.ftg__thumbs-btn:hover{background:rgb(var(--nav-fg-rgb));color:rgb(var(--nav-bg-rgb))}.ftg__thumbs-wrap[data-can-prev] [data-thumbs-prev],.ftg__thumbs-wrap[data-can-next] [data-thumbs-next]{opacity:1;pointer-events:auto}ft-gallery[data-thumbs=left] [data-thumbs-prev],ft-gallery[data-thumbs=right] [data-thumbs-prev]{top:.8rem;left:50%;transform:translate(-50%)}ft-gallery[data-thumbs=left] [data-thumbs-next],ft-gallery[data-thumbs=right] [data-thumbs-next]{bottom:.8rem;left:50%;transform:translate(-50%)}ft-gallery[data-thumbs=bottom] [data-thumbs-prev]{left:.8rem;top:50%;transform:translateY(-50%)}ft-gallery[data-thumbs=bottom] [data-thumbs-next]{right:.8rem;top:50%;transform:translateY(-50%)}ft-video,ft-embed,ft-model{display:block;position:relative}ft-embed iframe,ft-model model-viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}ft-model model-viewer{background:#f0f0f2}.ftg__slide[data-media-type=model]{--aspect: var(--frame-aspect) !important}.ft-play,.ft-3d{position:absolute;top:1.6rem;right:1.6rem;left:auto;bottom:auto;transform:none;margin:0;z-index:2;width:4.4rem;height:4.4rem;padding:0;border-radius:50%;border:0;color:#0b0f19;background:#fffffff2;box-shadow:0 2px 12px #0000002e;cursor:pointer;display:grid;place-items:center;transition:opacity .2s,transform .2s}.ft-play:hover,.ft-3d:hover{transform:scale(1.06)}.ft-play svg,.ft-3d svg{width:1.8rem;height:1.8rem}ft-video:not([playing]) .media,ft-embed:not([data-inline]):not([playing]) .media,ft-model:not([playing]) .media{cursor:pointer}ft-embed[playing] .media>img,ft-model[playing] .media>img{display:none}ft-embed[playing] .media,ft-model[playing] .media{cursor:default}ft-video:not([autoplay]):not([playing]) .media>video{visibility:hidden}ft-video[playing] .media>img{display:none}.ft-play .icon-pause{display:none}ft-video[playing] .ft-play .icon-play,ft-embed[playing] .ft-play .icon-play{display:none}ft-video[playing] .ft-play .icon-pause,ft-embed[playing] .ft-play .icon-pause{display:block}ft-video[playing] .ft-play,ft-embed[playing] .ft-play{opacity:0;pointer-events:none}ft-video[playing]:hover .ft-play,ft-video[playing]:focus-within .ft-play,ft-embed[playing]:hover .ft-play,ft-embed[playing]:focus-within .ft-play{opacity:1;pointer-events:auto}ft-model[playing] .ft-3d{display:none}.ft-close{position:absolute;top:1.2rem;left:1.2rem;z-index:3;width:4rem;height:4rem;border-radius:50%;border:0;background:rgba(var(--color-background),.92);box-shadow:0 1px 8px rgba(var(--color-shadow),.15);cursor:pointer;display:none;place-items:center}ft-model[playing] .ft-close{display:grid}.ft-close svg{width:1.6rem;height:1.6rem}@media(max-width:749px){ft-gallery{gap:1.2rem;--thumb: 7.2rem}ft-gallery[data-thumbs=left],ft-gallery[data-thumbs=right]{grid-template-columns:minmax(0,1fr)}ft-gallery[data-thumbs=left] .ftg__thumbs-wrap,ft-gallery[data-thumbs=right] .ftg__thumbs-wrap{height:auto;order:1;align-self:auto;contain:none}ft-gallery[data-thumbs=left] .ftg__thumbs,ft-gallery[data-thumbs=right] .ftg__thumbs{flex-direction:row}ft-gallery [data-thumbs-prev],ft-gallery [data-thumbs-next]{display:none}ft-gallery[data-mobile-gap] .ftg__main .ftc__track{--ftc-gap: .8rem}ft-gallery[data-pag-mobile=hint] .ftg__main{margin-inline:calc(-1 * var(--page-margin, 2rem))}.ftg__main .ftc__arrows{inset-inline:1.2rem}.ftg__main .ftc__arrow{width:3.6rem;height:3.6rem}.ftg__zoom{top:1rem;right:1rem}.ftg__zoom .icon{width:2.6rem;height:2.6rem}.ft-play,.ft-3d{top:1rem;right:1rem;width:3.8rem;height:3.8rem}}}.pswp.ftz{--pswp-bg: #fff;--pswp-placeholder-bg: #f3f4f6}.ftz .ftz__bar{position:absolute;left:50%;bottom:max(2.4rem,env(safe-area-inset-bottom));z-index:10;display:flex;gap:2.4rem;transform:translate(-50%);pointer-events:auto}.ftz .ftz__btn{width:5rem;height:5rem;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#fff;color:#0b0f19;cursor:pointer;box-shadow:0 4px 18px #02071424;transition:transform .2s,background .2s,color .2s}.ftz .ftz__btn .icon{width:2rem;height:2rem;stroke-width:1.8}.ftz .ftz__btn:hover{background:#0b0f19;color:#fff}.ftz .ftz__btn:focus-visible{outline:2px solid #0b0f19;outline-offset:3px}.ftz .ftz__btn[hidden]{display:none}.ftz.pswp--ui-visible .ftz__bar{opacity:1}@media(max-width:749px){.ftz .ftz__bar{gap:1.6rem;bottom:max(calc(var(--ftz-gap, 0px) + 1.6rem),calc(env(safe-area-inset-bottom) + 1.6rem))}.ftz .ftz__btn{width:4.4rem;height:4.4rem}}ft-model .media>.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen):not(:fullscreen){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}ft-model .media>.shopify-model-viewer-ui:not(.shopify-model-viewer-ui--fullscreen):not(:fullscreen) model-viewer,ft-model .media>model-viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}ft-model:not([playing]) .media>:is(model-viewer,.shopify-model-viewer-ui){display:none}
/*# sourceMappingURL=/cdn/shop/t/3544/assets/product-gallery.css.map */