@charset "UTF-8";.viral-video-showcase{background-color:var(--sh-bg-1);padding:9.6rem 0rem 15.7rem;position:relative}@media screen and (min-width:743px){.viral-video-showcase{padding:9.6rem 0rem 17rem}}@media screen and (min-width:1024px){.viral-video-showcase{padding:12.3rem 4rem 16rem}}.viral-video-showcase:after{content:"";position:absolute}.viral-video-showcase.viral-video-showcase--bottom-wave:after{background-image:url(viral-video-wave-1.svg);background-position:bottom;bottom:-2rem;left:0;height:5.8rem;z-index:5;width:100%}@media screen and (min-width:744px){.viral-video-showcase.viral-video-showcase--bottom-wave:after{height:10rem;bottom:-2rem}}.viral-video-showcase__inner{margin:0 auto;padding:0 4rem}.viral-video-showcase__header{text-align:center}.viral-video-showcase__title{margin:0 0 2.4rem;font-size:3.2rem;font-weight:900;line-height:4rem;letter-spacing:0;text-transform:uppercase;color:var(--sh-brown-10);font-family:var(--font-outfit)}@media screen and (min-width:1024px){.viral-video-showcase__title{font-size:4rem;line-height:4.8rem;margin:0 0 2rem}}.viral-video-showcase__subheading{margin:0;font-size:1.8rem;line-height:2.8rem;font-weight:400;letter-spacing:0;color:var(--sh-brown-10)}@media screen and (min-width:1024px){.viral-video-showcase__subheading{font-weight:500;font-size:2.4rem;line-height:3.2rem}}.viral-video-showcase__subheading p{margin:0}.viral-video-showcase__carousel{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:1.2rem;width:100%;margin:5.6rem auto 4rem}@media screen and (max-width:742px){.viral-video-showcase__carousel{flex-wrap:wrap;justify-content:center;row-gap:1.6rem}}@media screen and (min-width:743px){.viral-video-showcase__carousel{gap:4.3rem;margin:5.6rem auto}}@media screen and (min-width:1024px){.viral-video-showcase__carousel{margin:4.9rem auto 6.5rem}}.viral-video-showcase__swiper{flex:1;min-width:0;overflow:hidden;padding:0;width:23.6rem;max-height:40rem;height:40rem}@media screen and (min-width:743px){.viral-video-showcase__swiper{max-height:61.3rem;height:61.3rem;width:42.4rem}}@media screen and (min-width:1024px){.viral-video-showcase__swiper{padding:1.5rem 0;width:100%;max-width:none;max-height:none;height:auto}}.viral-video-showcase__slide{width:100%;max-width:23.6rem;max-height:40rem;margin:0 auto;height:auto;box-sizing:border-box;filter:brightness(.6);transition:filter .3s ease}.viral-video-showcase__slide.swiper-slide-active{filter:brightness(1)}@media screen and (min-width:743px){.viral-video-showcase__slide{width:42.4rem;max-width:42.4rem;max-height:61.3rem}}@media screen and (min-width:1024px){.viral-video-showcase__slide{max-width:42.4rem;margin:0;max-height:61.6rem}}.viral-video-showcase__slide-inner{width:100%;height:100%;transition:all .4s ease}@media screen and (min-width:1025px){.viral-video-showcase__slide-inner{transform:scale(.765) translateY(-1.5rem);transform-origin:center center}}.viral-video-showcase .swiper-slide-active .viral-video-showcase__slide-inner{transform:scale(1)}.viral-video-showcase .swiper-slide-next .viral-video-showcase__slide-inner{transform-origin:left center}.viral-video-showcase .swiper-slide-prev .viral-video-showcase__slide-inner{transform-origin:right center}.viral-video-showcase__video-wrap{position:relative;width:100%;height:100%;aspect-ratio:9/16;border-radius:1.6rem;overflow:hidden;background:#00000014}.viral-video-showcase__video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.viral-video-showcase__nav{flex-shrink:0;display:none;padding:0;border:none;background:transparent;color:var(--sh-brown-10);cursor:pointer;position:relative;top:-1.2rem}@media screen and (min-width:1024px){.viral-video-showcase__nav{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center}}.viral-video-showcase__nav svg{width:100%;height:100%}.viral-video-showcase__nav--next{transform:rotate(180deg)}.viral-video-showcase__actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem}.viral-video-showcase__btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;text-decoration:none;padding:1.6rem 4rem;width:100%}@media screen and (min-width:743px){.viral-video-showcase__btn{width:auto}}.viral-video-showcase__btn-icon{display:flex;width:2.4rem;height:2.4rem;flex-shrink:0;color:inherit}.viral-video-showcase__btn-icon svg{width:100%;height:100%}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-viral-video-showcase.css.map */