.tone-gallery{display:block;min-width:0;padding:18px}.tone-gallery *,.tone-gallery *:before,.tone-gallery *:after{box-sizing:border-box}.tone-gallery__stage{position:relative;height:calc(100vh - 36px);min-height:720px;overflow:hidden;border-radius:24px;background:#d6ccc4;touch-action:pan-y;-webkit-user-select:none;user-select:none}.tone-gallery__stage:focus-visible,.tone-gallery__thumb:focus-visible,.tone-gallery__play-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.tone-gallery__slide{position:relative;width:100%;height:100%;margin:0}.tone-gallery__slide[hidden],.tone-gallery__thumb[hidden],.tone-gallery__caption[hidden]{display:none!important}.tone-gallery__caption{margin:12px 0 0;color:var(--muted, inherit);font-size:16px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}.tone-gallery__image{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.tone-gallery__video{position:relative;width:100%;height:100%;background:#d6ccc4}.tone-gallery__video-poster{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;background:#d6ccc4;opacity:1;pointer-events:none;transition:opacity .18s ease}.tone-gallery__slide.has-played .tone-gallery__video-poster{opacity:0}.tone-gallery__play-toggle{position:absolute;z-index:3;bottom:14px;left:50%;display:inline-grid;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:#2d2723b8;box-shadow:0 5px 18px #2d272333;color:#fff;cursor:pointer;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tone-gallery__play-toggle[hidden]{display:none!important}.tone-gallery__play-toggle svg{width:22px;height:22px;fill:currentColor}.tone-gallery__play-toggle[data-state=playing] .tone-gallery__play-icon,.tone-gallery__play-toggle[data-state=paused] .tone-gallery__pause-icon{display:none}.tone-gallery__thumbs{display:flex;gap:8px;padding-top:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:8px;scroll-snap-type:x proximity;scrollbar-width:none}.tone-gallery__thumbs::-webkit-scrollbar{display:none}.tone-gallery__thumb{position:relative;flex:0 0 70px;width:70px;height:78px;padding:0;overflow:hidden;border:1px solid transparent;border-radius:11px;background:transparent;color:inherit;cursor:pointer;opacity:.62;scroll-snap-align:center}.tone-gallery__thumb[data-ns-media-video=true]{order:-2}.tone-gallery__thumb[data-tone-gallery-kind=pouch]{order:-3}.tone-gallery__thumb[data-ns-media-pair=true]{order:-1}.tone-gallery__thumb.is-active{border-color:currentColor;opacity:1}.tone-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.tone-gallery__thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#2d272324}.tone-gallery__thumb-play>span{display:block;width:30px;height:30px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#2d27239e;box-shadow:0 3px 12px #2d272338}.tone-gallery__thumb-play>span:after{display:block;width:0;height:0;margin:9px 0 0 11px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff;content:""}.tone-gallery--home{height:100%;padding:0}.tone-gallery--home .tone-gallery__stage{height:100%;min-height:580px;border-radius:0}.tone-gallery--home .tone-gallery__thumbs{padding:8px 12px 10px}@media(max-width:989px){.tone-gallery{padding:0}.tone-gallery__stage,.tone-gallery--home .tone-gallery__stage{height:auto;min-height:0;border-radius:0;aspect-ratio:4 / 5}.tone-gallery__thumbs,.tone-gallery--home .tone-gallery__thumbs{padding:8px 14px 0}}@media(max-width:560px){.tone-gallery__stage,.tone-gallery--home .tone-gallery__stage{height:clamp(300px,86vw,340px);aspect-ratio:auto}.tone-gallery__thumb{flex-basis:52px;width:52px;height:56px}.tone-gallery__thumbs,.tone-gallery--home .tone-gallery__thumbs{padding-top:6px}}@media(prefers-reduced-motion:reduce){.tone-gallery__video-poster{transition:none}.tone-gallery__thumbs{scroll-behavior:auto}}body.tone-refinement .tone-gallery.tone-gallery--square{height:auto;padding:0;align-self:start}body.tone-refinement .tone-gallery.tone-gallery--square .tone-gallery__stage{width:100%;height:auto;min-height:0;aspect-ratio:1;border-radius:0}body.tone-refinement .tone-gallery--square :is(.tone-gallery__slide,.tone-gallery__video){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}body.tone-refinement .tone-gallery--square :is(.tone-gallery__image,.tone-gallery__video-poster){width:100%;height:100%;object-fit:cover;object-position:center}body.tone-refinement .tone-gallery--square .tone-gallery__thumbs{padding:8px 16px;gap:8px}body.tone-refinement .tone-gallery--square .tone-gallery__thumb{width:52px;height:52px;flex-basis:52px;border-radius:8px}body.tone-refinement .tone-gallery--square .tone-gallery__slide--education{background:var(--page-bg)}body.tone-refinement .tone-gallery--square .tone-gallery__slide--education .tone-gallery__image{object-fit:contain}.tone-gallery__navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:0 8px;min-height:44px}.tone-gallery__arrow{display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;border:0;padding:10px;background:transparent;color:inherit;cursor:pointer}.tone-gallery__arrow svg{width:22px;height:22px}.tone-gallery__arrow:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.tone-gallery__progress{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;margin:0;font-size:16px;line-height:1.25}[data-tone-gallery-position]{flex:none;font-variant-numeric:tabular-nums}[data-tone-gallery-topic]{min-width:0;overflow-wrap:anywhere}body.tone-refinement .tone-gallery--square .tone-gallery__navigation+.tone-gallery__thumbs{padding-top:0}
/*# sourceMappingURL=/cdn/shop/t/21/assets/tone-product-gallery.css.map */