.responsive-media,.responsive-media__output,.responsive-media noscript,.responsive-media__asset{width:100%;height:100%;display:block}.responsive-media{position:relative;cursor:zoom-in}.responsive-media.responsive-media--image{cursor:default}[data-media-gallery] .responsive-media.responsive-media--image,[data-media-gallery] .responsive-media.responsive-media--image .responsive-media__asset{cursor:zoom-in}.responsive-media__video-play-button,[data-pdp-video] .responsive-media__video-play-button{position:absolute;top:50%;left:50%;z-index:3;width:58px;height:58px;display:grid;place-items:center;padding:0;border:1px solid rgba(250,247,244,.7);border-radius:50%;color:var(--ink, #1a1714);background:#faf7f4e6;box-shadow:0 4px 18px #1a171429;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease}body:has(.responsive-media__dialog[open]) [data-video-play],body:has(.responsive-media__dialog[open]) .responsive-media__video-play-button{visibility:hidden}.responsive-media__video-play-button span{display:inline-flex;width:18px;height:18px}.responsive-media__video-play-button img{width:100%;height:100%;object-fit:contain}.responsive-media__video-play-button:hover,.responsive-media__video-play-button:focus-visible{transform:translate(-50%,-50%) scale(1.04)}.responsive-media.is-loading .responsive-media__video-play-button,.responsive-media.is-playing .responsive-media__video-play-button,[data-pdp-video].is-loading .responsive-media__video-play-button,[data-pdp-video].is-playing .responsive-media__video-play-button{opacity:0;pointer-events:none}.responsive-media__video-loader,[data-pdp-video] .responsive-media__video-loader{position:absolute;top:50%;left:50%;z-index:4;width:32px;height:32px;display:none;border:2px solid rgba(250,247,244,.55);border-top-color:var(--ink, #1a1714);border-radius:50%;background:#faf7f4e6;animation:responsive-media-spin .75s linear infinite;transform:translate(-50%,-50%)}.responsive-media.is-loading .responsive-media__video-loader,[data-pdp-video].is-loading .responsive-media__video-loader{display:block}@keyframes responsive-media-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.responsive-media__dialog{width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:var(--cream, #faf7f4);background:transparent}.responsive-media__dialog::backdrop{background:#0c0b0af5}.responsive-media__dialog-inner{position:relative;width:100%;height:100%;padding:22px 28px 18px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px}.responsive-media__dialog-toolbar{min-height:44px;display:flex;align-items:center;justify-content:space-between}.responsive-media__dialog-counter{color:#faf7f4b8;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.responsive-media__dialog-close,.responsive-media__dialog-nav{display:grid;place-items:center;color:var(--cream, #faf7f4);background:#faf7f41a;border:1px solid rgba(250,247,244,.34);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.responsive-media__dialog-close{min-width:44px;min-height:44px;border-radius:50%;font-size:28px;line-height:1}.responsive-media__dialog-close:hover,.responsive-media__dialog-nav:hover,.responsive-media__dialog-thumb:hover,.responsive-media__dialog-close:focus-visible,.responsive-media__dialog-nav:focus-visible,.responsive-media__dialog-thumb:focus-visible{border-color:#faf7f4cc;background:#faf7f438}.responsive-media__dialog-stage{min-height:0;display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,min(78vw,1060px)) minmax(44px,1fr);align-items:center;gap:20px}.responsive-media__dialog-nav{width:52px;height:52px;justify-self:center;border-radius:50%;font-size:24px}.responsive-media__dialog-nav--previous{grid-column:1}.responsive-media__dialog-nav--next{grid-column:3}.responsive-media__dialog-nav:active{transform:scale(.96)}.responsive-media__dialog-nav[hidden]{display:none}.responsive-media__dialog-output{position:relative;grid-column:2;width:100%;height:100%;min-width:0;min-height:0;max-width:min(78vw,1060px);max-height:calc(100dvh - 176px);display:grid;place-items:center}.responsive-media__dialog-output.is-loading:after{position:absolute;top:50%;left:50%;width:34px;height:34px;content:"";border:2px solid rgba(250,247,244,.4);border-top-color:var(--cream, #faf7f4);border-radius:50%;animation:responsive-media-dialog-spin .75s linear infinite;transform:translate(-50%,-50%)}@keyframes responsive-media-dialog-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.responsive-media__dialog-video,.responsive-media__dialog-video.responsive-media__asset{display:block;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;border-radius:var(--r12, 12px);background:#000;object-fit:contain}.responsive-media__dialog-image{display:block;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;border-radius:var(--r12, 12px);object-fit:contain}.responsive-media__dialog-thumbs{display:none;max-width:min(100%,720px);min-height:58px;margin:0 auto;justify-content:center;gap:8px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:thin;scrollbar-color:rgba(250,247,244,.35) transparent}.responsive-media__dialog-thumbs:not(:empty){display:flex}.responsive-media__dialog-thumb{width:56px;height:56px;flex:0 0 56px;padding:0;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(250,247,244,.28);border-radius:8px;color:var(--cream, #faf7f4);background:#faf7f414;cursor:pointer}.responsive-media__dialog-thumb.is-active{border-color:var(--cream, #faf7f4);box-shadow:0 0 0 2px #faf7f447}.responsive-media__dialog-thumb-image{width:100%;height:100%;display:block;object-fit:cover}.responsive-media__dialog-thumb-icon{font-size:18px}.main-product__video-media{position:relative}@media(max-width:860px){.responsive-media__dialog-inner{padding:16px 12px 12px;gap:10px}.responsive-media__dialog-stage{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px}.responsive-media__dialog-nav{width:40px;height:40px;font-size:18px}.responsive-media__dialog-output{max-width:100%;max-height:calc(100dvh - 150px)}.responsive-media__dialog-thumbs{justify-content:flex-start}.responsive-media__video-play-button,[data-pdp-video] .responsive-media__video-play-button{width:44px;height:44px}.responsive-media__video-play-button span{width:14px;height:14px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-responsive-media.css.map */