.reel-showcase{background:var(--rs-color-bg);padding-top:var(--rs-pad-top-mobile);padding-bottom:var(--rs-pad-bottom-mobile);font-family:var(--rs-body-font-family);font-style:var(--rs-body-font-style);font-weight:var(--rs-body-font-weight);color:var(--rs-color-text)}.reel-showcase__scroller{position:relative}.reel-showcase__track{display:flex;gap:var(--rs-gap);list-style:none;margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.reel-showcase__track::-webkit-scrollbar{display:none}.reel-showcase__tile{position:relative;flex:0 0 calc((100% - (var(--rs-columns-mobile) - 1) * var(--rs-gap)) / var(--rs-columns-mobile));aspect-ratio:3 / 4;border-radius:var(--rs-radius);overflow:hidden;background:var(--rs-color-tile-bg);scroll-snap-align:start}.reel-showcase__tile--promo{position:sticky;left:0;z-index:2}.reel-showcase__promo-link,.reel-showcase__tile-link{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:inherit}.reel-showcase__promo-image,.reel-showcase__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.reel-showcase__tile-media{display:block;width:100%;height:100%}.reel-showcase__placeholder-svg{width:100%;height:100%}.reel-showcase__promo-content{position:relative;z-index:1;height:100%;padding:14px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.reel-showcase__promo-eyebrow{margin:0;font-size:10px;letter-spacing:.02em}.reel-showcase__promo-heading{margin:0;font-family:var(--rs-heading-font-family);font-style:var(--rs-heading-font-style);font-weight:var(--rs-heading-font-weight);color:var(--rs-color-heading);font-size:var(--rs-heading-size-mobile);line-height:1.1}.reel-showcase__promo-button{margin-top:4px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--rs-color-btn-bg);color:var(--rs-color-btn-text);font-size:11px;width:fit-content}.reel-showcase__promo-button svg{width:10px;height:10px}.reel-showcase__promo-video-icon{position:absolute;left:10px;top:10px;z-index:1;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--rs-color-icon-bg);color:var(--rs-color-icon)}.reel-showcase__tile-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--rs-color-icon-bg);color:var(--rs-color-icon)}.reel-showcase__tile-icon svg{width:18px;height:18px}.reel-showcase__tile-label{position:absolute;left:0;right:0;bottom:0;z-index:1;text-align:center;padding:10px 6px;font-size:var(--rs-label-size-mobile);letter-spacing:.02em;color:#fff!important;background:linear-gradient(to top,var(--rs-label-overlay-color),transparent)!important}.reel-showcase__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--rs-color-arrow-bg);color:var(--rs-color-arrow-icon);border:none;cursor:pointer;box-shadow:0 2px 8px #0000001f}.reel-showcase__arrow--prev{left:-4px}.reel-showcase__arrow--next{right:-4px}.reel-showcase__arrow[disabled]{opacity:.3;cursor:default}.reel-showcase[data-mobile-layout=grid] .reel-showcase__track{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.reel-showcase[data-mobile-layout=grid] .reel-showcase__tile--promo{position:static}.reel-showcase[data-mobile-arrows=false] .reel-showcase__arrow,.reel-showcase[data-mobile-layout=grid] .reel-showcase__arrow{display:none}.reel-showcase__info-row{display:grid;grid-template-columns:repeat(var(--rs-info-columns-mobile),1fr);gap:var(--rs-info-gap);margin-top:var(--rs-gap);padding:20px;border-radius:var(--rs-radius);background:var(--rs-color-info-bg)}@media screen and (max-width:749px){.reel-showcase[data-mobile-layout=carousel] .reel-showcase__info-row{grid-template-columns:unset;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:0;padding-right:0}.reel-showcase[data-mobile-layout=carousel] .reel-showcase__info-row::-webkit-scrollbar{display:none}.reel-showcase[data-mobile-layout=carousel] .reel-showcase__info-row:before,.reel-showcase[data-mobile-layout=carousel] .reel-showcase__info-row:after{content:"";flex:0 0 20px}.reel-showcase[data-mobile-layout=carousel] .reel-showcase__info-item{flex:0 0 calc((100% - (var(--rs-info-columns-mobile) - 1) * var(--rs-info-gap)) / var(--rs-info-columns-mobile));scroll-snap-align:start}}.reel-showcase__info-item{display:flex;align-items:center;gap:10px}.reel-showcase__info-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--rs-color-icon-bg);color:var(--rs-color-icon)}.reel-showcase__info-icon svg{width:16px;height:16px}.reel-showcase__info-text{display:flex;flex-direction:column;font-size:var(--rs-info-size-mobile);line-height:1.3}.reel-showcase__info-text strong{font-family:var(--rs-heading-font-family);color:var(--rs-color-heading);font-size:calc(var(--rs-info-size-mobile) + 1px)}@media screen and (min-width:750px)and (max-width:989px){.reel-showcase__tile{flex:0 0 calc((100% - (var(--rs-columns-tablet) - 1) * var(--rs-gap)) / var(--rs-columns-tablet))}.reel-showcase[data-desktop-layout=grid] .reel-showcase__track{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.reel-showcase[data-desktop-layout=grid] .reel-showcase__tile--promo{position:static}.reel-showcase[data-desktop-arrows=false] .reel-showcase__arrow,.reel-showcase[data-desktop-layout=grid] .reel-showcase__arrow{display:none}}@media screen and (min-width:750px){.reel-showcase{padding-top:var(--rs-pad-top-desktop);padding-bottom:var(--rs-pad-bottom-desktop)}.reel-showcase__promo-content{padding:28px 24px;gap:10px}.reel-showcase__promo-eyebrow{font-size:13px}.reel-showcase__promo-heading{font-size:var(--rs-heading-size-desktop)}.reel-showcase__promo-button{margin-top:8px;padding:10px 18px;font-size:13px}.reel-showcase__promo-button svg{width:14px;height:14px}.reel-showcase__promo-video-icon{left:20px;top:20px;width:32px;height:32px}.reel-showcase__tile-label{font-size:var(--rs-label-size-desktop)}.reel-showcase__info-text{font-size:var(--rs-info-size-desktop)}.reel-showcase__info-text strong{font-size:calc(var(--rs-info-size-desktop) + 1px)}.reel-showcase__info-row{grid-template-columns:repeat(var(--rs-info-columns-desktop),1fr)}}@media screen and (min-width:990px){.reel-showcase__tile{flex:0 0 calc((100% - (var(--rs-columns-desktop) - 1) * var(--rs-gap)) / var(--rs-columns-desktop))}.reel-showcase[data-desktop-layout=grid] .reel-showcase__track{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.reel-showcase[data-desktop-layout=grid] .reel-showcase__tile--promo{position:static}.reel-showcase[data-desktop-arrows=false] .reel-showcase__arrow,.reel-showcase[data-desktop-layout=grid] .reel-showcase__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/119/assets/section-reel-showcase.css.map */