.tp-video-slides{width:100%;position:relative;overflow:hidden;z-index:0}.tp-video-slides .curve{position:absolute;width:100%;z-index:1;pointer-events:none}.tp-video-slides .curve svg{width:100%;height:auto}.tp-video-slides .curve.top-curve{top:-1px}.tp-video-slides .curve.bot-curve{bottom:-10px}.tp-video-slides .tp-wrapper{display:flex;flex-direction:column;gap:clamp(2.4rem,1.8057rem + 1.5238vw,4.8rem);padding-block:clamp(80px,12vw,160px)}.tp-video-slides .tp-wrapper .text-wrapper{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:var(--page-width);margin:0 auto;width:100%;padding-inline:1.5rem}@media screen and (min-width:750px){.tp-video-slides .tp-wrapper .text-wrapper{padding-inline:5rem}}@media screen and (min-width:1024px){.tp-video-slides .tp-wrapper .text-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start}}.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__content{display:flex;flex-direction:column;gap:8px;flex:1}.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__content img{width:100%;max-width:240px}.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__content h2{color:#0e3532;font-family:var(--tp-faq-title-font, "Noto Serif", serif);font-size:clamp(2.4rem,1.8057rem + 1.5238vw,3.6rem);font-weight:500;line-height:1.3}.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__content p{color:#0e3532;font-family:var(--font-body-family);font-size:16px;font-weight:400;line-height:1.4}.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav{display:none}@media screen and (min-width:1024px){.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav{display:flex;gap:16px;align-items:center;flex-shrink:0}}.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav .swiper-button-prev,.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav .swiper-button-next{position:static;width:48px;height:48px;margin:0;border:1.5px solid #0E3532;border-radius:50%;display:flex;align-items:center;justify-content:center}:is(.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav .swiper-button-prev,.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav .swiper-button-next):after{content:""}:is(.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav .swiper-button-prev,.tp-video-slides .tp-wrapper .text-wrapper .text-wrapper__nav .swiper-button-next) svg{width:20px;height:20px;fill:none;stroke:#0e3532;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tp-video-slides .tp-wrapper .swiper{width:100%;padding-left:max(1.5rem,calc((100% - var(--page-width)) / 2 + 1.5rem))}@media screen and (min-width:750px){.tp-video-slides .tp-wrapper .swiper{padding-left:max(5rem,calc((100% - var(--page-width)) / 2 + 5rem))}}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide{height:auto}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:280 / 374}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block img{width:100%;height:100%;object-fit:cover;display:block}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block video{width:100%;height:100%;object-fit:cover;display:block}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block .tp-block__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000080,#0000 20%);pointer-events:none;border-radius:16px;transition:opacity .3s ease}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block .tp-block__username{position:absolute;top:24px;left:0;right:0;text-align:center;color:#fff;font-family:var(--font-body-family);font-size:14px;font-weight:600;line-height:1.4;text-transform:uppercase;z-index:1;transition:opacity .3s ease}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block .tp-block__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;z-index:1;cursor:pointer;transition:opacity .3s ease}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block .tp-block__pause{position:absolute;bottom:10px;left:10px;z-index:2;width:24px;height:24px;border-radius:6px;border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff2e;-webkit-backdrop-filter:blur(40px) saturate(200%) brightness(1.1);backdrop-filter:blur(40px) saturate(200%) brightness(1.1);box-shadow:0 .5px 2px #0000001f,inset 0 .5px #ffffff59;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .15s ease}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block .tp-block__pause svg{width:8px;height:10px}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block .tp-block__pause:active{transform:scale(.88)}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block.is-playing .tp-block__play{opacity:0;pointer-events:none}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block.is-playing .tp-block__pause{opacity:1;pointer-events:auto}.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block.is-playing .tp-block__overlay,.tp-video-slides .tp-wrapper .swiper .swiper-wrapper .swiper-slide .tp-block.is-playing .tp-block__username{opacity:0;transition:opacity .3s ease}.tp-video-slides .tp-wrapper .swiper-pagination{max-width:var(--page-width);margin:0 auto;width:100%;padding-inline:1.5rem;padding-top:1.5rem;display:flex;gap:6px;align-items:center}@media screen and (min-width:750px){.tp-video-slides .tp-wrapper .swiper-pagination{padding-inline:5rem}}.tp-video-slides .tp-wrapper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;background:transparent;border:1.5px solid #0E3532;opacity:1;margin:0!important;transition:width .25s .08s cubic-bezier(.4,0,.2,1),background-color .2s .08s ease,border-color .2s .08s ease,border-radius .25s .08s cubic-bezier(.4,0,.2,1)}.tp-video-slides .tp-wrapper .swiper-pagination .swiper-pagination-bullet-active{width:20px;border-radius:8px;background:#0e3532;border-color:#0e3532;transition:width .25s cubic-bezier(.4,0,.2,1),background-color .2s ease,border-color .2s ease,border-radius .25s cubic-bezier(.4,0,.2,1)}.tp-video-slides .tp-wrapper .tp-button{border-radius:32px;background:#0e3532;color:#fff;font-family:var(--font-body-family);font-size:clamp(1.4rem,1.3257rem + .1905vw,1.6rem);font-weight:600;line-height:normal;text-transform:uppercase;height:48px;display:flex;align-items:center;justify-content:center;width:calc(100% - 3rem);max-width:320px;text-decoration:none;margin:0 auto}@media screen and (min-width:750px){.tp-video-slides .tp-wrapper .tp-button{width:100%}}@media screen and (min-width:768px){.tp-video-slides .tp-wrapper .tp-button{height:56px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/tp-video-slides.css.map */