.rl-media-gallery,.rl-video-story,.rl-video-chip,.rl-video-circles,.rl-video-access{--rl-video-fg: var(--rl-charcoal, #1d1d1b);--rl-video-frame-bg: var(--rl-card-soft, #f2eae0);--rl-video-line: var(--rl-line, rgba(29, 29, 27, .14));--rl-video-overlay: rgba(29, 29, 27, .4);--rl-video-dot: rgba(29, 29, 27, .28);--rl-video-control: 44px;--rl-video-ease: cubic-bezier(.2, .6, .2, 1);--rl-video-eyebrow-size: var(--rl-text-eyebrow);--rl-video-eyebrow-tracking: var(--rl-ls-caps);--rl-video-access-pad: 24px;--rl-video-access-gap: 16px;--rl-video-circle-col: 80px;--rl-video-shadow: 0 1px 6px rgba(0, 0, 0, .35)}:root{--rl-media-cap: max(300px, calc(100vh - var(--rl-media-top, 170px) - 32px))}@media screen and (min-width:750px){.rl-media-gallery .product__media-item .product-media-container.constrain-height{--constrained-height: var(--rl-media-cap)}}.rl-media-gallery--square{--rl-media-frame-ratio: 1}.rl-media-gallery--portrait{--rl-media-frame-ratio: .8}.rl-media-gallery .product__media-item .product-media-container,.rl-media-gallery .product__media-item .product-media-container:not(.media-type-image){--aspect-ratio: var(--rl-media-frame-ratio);background:var(--rl-video-frame-bg)}.rl-media-gallery .product__media-item .product-media-container .media img{object-fit:cover}.rl-media-gallery .thumbnail-list__item:before{padding-bottom:calc(100% / var(--rl-media-frame-ratio))}.rl-media-gallery .thumbnail img{object-fit:cover;transition:opacity .15s linear}.rl-media-gallery .thumbnail[aria-current],.rl-media-gallery .thumbnail[aria-current]:focus:not(:focus-visible){box-shadow:none}.rl-media-gallery .thumbnail:not([aria-current]) img{opacity:var(--rl-media-thumb-veil, .7)}.rl-media-gallery .thumbnail:hover{opacity:1}.rl-media-gallery .thumbnail:not([aria-current]):hover img{opacity:1}@media screen and (max-width:749px){.rl-media-gallery .product__media-list.grid--peek.slider--mobile{width:100%;margin-inline:0;column-gap:0;scroll-padding-left:0}.rl-media-gallery .product__media-list.grid--peek.slider .product__media-item{width:100%;margin:0}.rl-media-gallery .product__media-list.slider--mobile:after{padding-left:0}.rl-media-gallery .product__media-item .product-media-container.constrain-height{width:100%}.rl-media-gallery .product__media-item .product-media-container.constrain-height .media{padding-top:calc(100% / var(--rl-media-frame-ratio, 1))}.rl-media-gallery:not(.rl-media-gallery--bleed)>[id^=GalleryViewer]{margin-inline:0}}.rl-gallery-video{position:relative;display:block;width:100%;aspect-ratio:var(--rl-media-frame-ratio, 1);overflow:hidden;background:var(--rl-video-frame-bg);color:#fff}.rl-gallery-video__poster,.rl-gallery-video__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.rl-gallery-video__video{opacity:0;transition:opacity .2s linear}.rl-gallery-video.is-playing .rl-gallery-video__video{opacity:1}.rl-gallery-video__open{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.rl-gallery-video__hint{position:absolute;left:16px;font-size:var(--rl-video-eyebrow-size);font-weight:500;letter-spacing:var(--rl-video-eyebrow-tracking);line-height:var(--rl-lh-tight);text-transform:uppercase;text-shadow:var(--rl-video-shadow);pointer-events:none}.rl-gallery-video__hint{bottom:24px;display:flex;align-items:center;gap:8px}.rl-gallery-video__hint-glyph{font-size:15px;letter-spacing:0}.rl-gallery-video__hint-click{display:none}@media(hover:hover)and (pointer:fine){.rl-gallery-video__hint-touch{display:none}.rl-gallery-video__hint-click{display:inline}}.rl-gallery-video__controls{position:absolute;right:12px;bottom:12px}.rl-gallery-video__progress{position:absolute;left:0;right:0;bottom:0;height:2px}@media screen and (min-width:750px){.rl-gallery-video__hint{left:20px}.rl-gallery-video__hint{bottom:30px}.rl-gallery-video__controls{right:16px;bottom:16px}.rl-gallery-video--constrained{width:min(100%,calc(var(--rl-media-cap) * var(--rl-media-frame-ratio, 1)));margin-inline:auto}}.rl-gallery-nav{display:none}@media screen and (max-width:749px){.rl-gallery-nav--dots{display:flex;justify-content:center;height:44px}.rl-gallery-nav__dots{display:flex;align-items:center;max-width:100%}.rl-gallery-nav__arrow{display:none}.rl-media-gallery:has(.rl-gallery-nav--dots) [id^=GalleryViewer] .slider-buttons{display:none}}.rl-gallery-nav__dot{width:min(24px,calc((100vw - 32px) / var(--rl-dots-count, 8)));height:44px;padding:0;border:0;background:transparent;color:var(--rl-video-dot);display:flex;align-items:center;justify-content:center;cursor:pointer}.rl-gallery-nav__dot[aria-current=true]{color:var(--rl-video-fg)}.rl-gallery-nav__mark{width:6px;height:6px;border-radius:50%;background:currentColor}.rl-gallery-nav__dot[aria-current=true] .rl-gallery-nav__mark{width:7px;height:7px}.rl-gallery-nav__dot--video .rl-gallery-nav__mark{width:8px;height:9px;border-radius:0;clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(1px)}.rl-gallery-nav__dot--video[aria-current=true] .rl-gallery-nav__mark{width:10px;height:11px}.rl-gallery-nav__arrow{position:absolute;top:50%;width:var(--rl-video-control);height:var(--rl-video-control);margin-top:calc(var(--rl-video-control) / -2);padding:0;border:0;border-radius:50%;background:#fff;color:var(--rl-video-fg);font-size:16px;cursor:pointer;pointer-events:auto}.rl-gallery-nav__arrow:disabled{opacity:.4;cursor:default}.rl-gallery-nav__arrow--prev{left:16px}.rl-gallery-nav__arrow--next{right:16px}@media screen and (max-width:749px){.rl-media-gallery .product__media-list.slider{overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y pinch-zoom}.rl-media-gallery--swiper slider-component{display:block;overflow:hidden;touch-action:pan-y}.rl-media-gallery--swiper .product__media-list.slider{position:relative;display:flex;overflow:visible;scroll-snap-type:none;transition-property:transform;box-sizing:content-box}.rl-media-gallery--swiper .product__media-list.slider>.product__media-item{flex-shrink:0;scroll-snap-align:none;transition-property:transform}.rl-media-gallery--minimal{--rl-gallery-dots-h: 44px;display:block;position:relative}.rl-media-gallery--minimal .rl-gallery-video__hint{bottom:calc(var(--rl-gallery-dots-h) + 8px)}.rl-media-gallery--minimal .product__media-list{margin-bottom:0}.rl-media-gallery--minimal .rl-gallery-nav--dots{position:absolute;left:0;right:0;bottom:8px;z-index:2;pointer-events:none}.rl-media-gallery--minimal .rl-gallery-nav__dots{pointer-events:auto}}@media screen and (max-width:749px){.rl-media-gallery--dots-bar .rl-gallery-nav__dot{width:auto;padding:0 3px;color:#1d1d1b4d}.rl-media-gallery--dots-bar .rl-gallery-nav__dot[aria-current=true]{color:var(--rl-video-fg)}.rl-media-gallery--dots-bar .rl-gallery-nav__mark,.rl-media-gallery--dots-bar .rl-gallery-nav__dot--video .rl-gallery-nav__mark,.rl-media-gallery--dots-bar .rl-gallery-nav__dot[aria-current=true] .rl-gallery-nav__mark{width:4px;height:4px;border-radius:50%;clip-path:none;transform:none;transition:width .2s ease}.rl-media-gallery--dots-bar .rl-gallery-nav__dot[aria-current=true] .rl-gallery-nav__mark{width:16px;border-radius:2px}.rl-media-gallery--minimal.rl-media-gallery--dots-bar .rl-gallery-nav--dots{bottom:-3px}}.rl-media-gallery .rl-media-gallery__badge{top:auto;left:0;right:0;bottom:0;width:auto;height:18px;gap:4px;border:0;border-radius:0;background:#1d1d1b99;color:#fff;font-size:var(--rl-text-eyebrow);font-weight:500;line-height:1}.rl-media-gallery .rl-media-gallery__badge .icon{width:7px;height:7px}@media screen and (min-width:750px){.rl-media-gallery[data-desktop-layout=thumbnail]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"viewer" "thumbs";row-gap:16px}.rl-media-gallery[data-desktop-layout=thumbnail]>*{grid-column:1 / -1}.rl-media-gallery[data-desktop-layout=thumbnail]>[id^=GalleryViewer],.rl-media-gallery[data-desktop-layout=thumbnail]>.rl-gallery-nav{grid-area:viewer}.rl-media-gallery[data-desktop-layout=thumbnail]>[id^=GalleryThumbnails]{grid-area:thumbs}.rl-media-gallery[data-desktop-layout=thumbnail] .product__media-list{margin-bottom:0}.rl-media-gallery[data-desktop-layout=thumbnail]>.rl-gallery-nav{display:block;position:relative;align-self:stretch;pointer-events:none}.rl-media-gallery[data-desktop-layout=thumbnail] .rl-gallery-nav__dots{display:none}.rl-media-gallery .rl-media-gallery__badge{height:24px;gap:6px}.rl-media-gallery .rl-media-gallery__badge .icon{width:8px;height:8px}}@media screen and (min-width:990px){.rl-media-gallery[data-desktop-layout=thumbnail]{grid-template-columns:88px minmax(0,1fr);grid-template-areas:"thumbs viewer";column-gap:16px;align-items:start}.rl-media-gallery[data-desktop-layout=thumbnail]>[id^=GalleryThumbnails]{position:relative;align-self:stretch}.rl-media-gallery[data-desktop-layout=thumbnail]>[id^=GalleryThumbnails] .slider-button{display:none}.rl-media-gallery[data-desktop-layout=thumbnail] .thumbnail-list{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;padding:0;overflow-y:auto;scrollbar-width:none}.rl-media-gallery[data-desktop-layout=thumbnail] .thumbnail-list__item{flex:0 0 auto;width:100%}.rl-media-gallery[data-desktop-layout=thumbnail] .product-media-container.constrain-height,.rl-media-gallery[data-desktop-layout=thumbnail] .rl-gallery-video--constrained{margin-left:0}.rl-media-gallery[data-desktop-layout=thumbnail]:has(.constrain-height,.rl-gallery-video--constrained)>.rl-gallery-nav{justify-self:start;width:min(100%,calc(var(--rl-media-cap) * var(--rl-media-frame-ratio, 1)))}}.rl-video-chip{align-self:flex-start;display:flex;width:fit-content;align-items:center;gap:8px;height:44px;padding:0 18px;border:1px solid var(--rl-video-line);border-radius:999px;background:#fff;color:var(--rl-video-fg);font-size:var(--rl-text-body-sm);font-weight:500;cursor:pointer;transition:border-color .15s linear}.rl-video-chip:hover{border-color:var(--rl-video-fg)}.rl-video-chip__glyph{display:inline-flex}.rl-video-access__heading{margin:0 0 var(--rl-video-access-gap);color:var(--rl-video-fg);font-size:var(--rl-text-eyebrow);font-weight:var(--rl-weight-caps);letter-spacing:var(--rl-ls-caps);line-height:var(--rl-lh-tight);text-transform:uppercase}.rl-video-access--dividers{padding:var(--rl-video-access-pad) 0;border-top:1px solid var(--rl-video-line);border-bottom:1px solid var(--rl-video-line)}.rl-video-circles{display:flex;align-items:flex-start;gap:20px;padding-top:2px}.rl-video-circles__item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;flex:0 0 var(--rl-video-circle-col);width:var(--rl-video-circle-col);padding:0;border:0;background:transparent;color:var(--rl-video-fg);cursor:pointer}.rl-video-circles--bare .rl-video-circles__item{flex-basis:auto;width:auto}.rl-video-circles__item[hidden]{display:none}.rl-video-circles__ring{position:relative;display:block;width:64px;height:64px;padding:2px;border-radius:50%;box-shadow:0 0 0 1px var(--rl-video-fg)}.rl-video-circles__image{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}.rl-video-circles__badge{position:absolute;right:-2px;bottom:-2px;width:22px;height:22px;border-radius:50%;background:var(--rl-video-fg);color:#fff;display:flex;align-items:center;justify-content:center}.rl-video-circles__badge:before,.rl-video-chip__glyph:before{content:"";display:block;width:7px;height:8px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(1px)}.rl-video-circles__title{width:100%;overflow-wrap:break-word;font-size:var(--rl-text-ui);font-weight:500;line-height:var(--rl-lh-tight);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rl-video-circles__duration{margin-top:-6px;font-size:var(--rl-text-ui);color:var(--rl-charcoal-soft, #3a3a38)}
/*# sourceMappingURL=/cdn/shop/t/38/assets/rl-media-gallery.css.map */