.l-custom-videos{--swiper-pagination-color: var(--color-brand-orange);--swiper-pagination-bullet-inactive-color: #898989;--swiper-pagination-bullet-inactive-opacity: 1}.l-custom-videos .l-content-wrapper{padding:59px 0 39px;background:linear-gradient(270deg,#f3f3f300,#f3f3f3c9 27.72%,#f3f3f3)}.l-custom-videos .l-title{margin-bottom:25px}.l-custom-videos .l-title h3{font-size:38px;font-weight:400;line-height:38px}.l-custom-videos .l-inner-content{padding-left:var(--container-gutter)}.l-custom-videos .l-video{position:relative;aspect-ratio:9 / 16;border-radius:15px;overflow:hidden}.l-custom-videos .l-video:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:flex;background-color:#00000040}.l-custom-videos .l-video.l-start:after{display:none}.l-custom-videos .l-video .l-custom-controls .btn-toggle{position:absolute;z-index:9;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:47px;height:47px;padding-left:4px;border-radius:100px;background-color:#fffc}.l-custom-videos .l-video .l-custom-controls .btn-toggle.l-hide{display:none}.l-custom-videos .l-video .l-progress{position:absolute;z-index:9;left:0;bottom:0;width:100%;padding:16px 23px;background:#00000040;border-radius:15px}.l-custom-videos .l-video .l-progress.l-hide{display:none}.l-custom-videos .l-video .m-progress{display:flex;background-color:#fff}.l-custom-videos .l-video .m-progress-filled{width:50%;background:#ffa800;height:5px;flex:0;flex-basis:0%}.l-custom-videos video{width:100%;height:100%;object-fit:cover}.l-custom-videos video.l-hide{display:none}.l-custom-videos video:hover button{display:block}.l-custom-videos .l-nav{margin-top:29px;margin-bottom:16px}.l-custom-videos .m-slider-nav>span.swiper-button-disabled{background-color:#fff}.l-custom-videos .m-slider-nav>span.swiper-button-disabled svg path{stroke:#898989}.l-custom-videos .l-videos-pagination{display:flex;align-items:center;justify-content:center}.l-custom-videos .video-wrapper{aspect-ratio:9 / 16;overflow:hidden;border-radius:15px}.l-custom-videos .video-wrapper__poster:after{content:"";position:absolute;z-index:2;display:block;width:100%;height:100%;background-color:#00000040}.l-custom-videos .video-wrapper__poster-content{z-index:22}.l-custom-videos .video-wrapper__poster-content button{display:flex;align-items:center;justify-content:center;width:47px;height:47px;padding-left:5px;border-radius:100px;background-color:#fffc}@media only screen and (min-width:741px){.l-custom-videos .l-inner-content{padding-right:var(--container-gutter)}}@media(max-width:767px){.l-custom-videos .l-title h3{font-size:22px}}@media only screen and (min-width:1000px){.l-custom-videos .l-content-wrapper{padding:50px 0 57px}.l-custom-videos .l-title{margin-bottom:36px}.l-custom-videos .l-nav{margin-top:36px}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px))}.l-custom-videos .l-title h3{font-size:50px;line-height:62px}}@media only screen and (min-width:1200px){.l-custom-videos .l-title h3{font-size:56px;line-height:66px}}@media only screen and (min-width:1440px){.l-custom-videos .l-title h3{font-size:64px;line-height:74px}}@media only screen and (min-width:1650px){.l-custom-videos .l-inner-content{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;--container-outer-margin: 0px}}.l-custom-videos .swiper-custom-videos{--ugc-slides-per-view: min(var(--ugc-item-count), 1.3);--ugc-slide-gap: 20px}.l-custom-videos .swiper-custom-videos:not(.swiper-initialized) .swiper-slide{width:calc((100% - (var(--ugc-slides-per-view) - 1) * var(--ugc-slide-gap)) / var(--ugc-slides-per-view));margin-right:var(--ugc-slide-gap)}.l-custom-videos .swiper-custom-videos.is-static .l-nav,.l-custom-videos .swiper-custom-videos.is-static .l-videos-pagination,.l-custom-videos .swiper-custom-videos:not(.swiper-initialized) .l-nav,.l-custom-videos .swiper-custom-videos:not(.swiper-initialized) .l-videos-pagination{display:none}@media only screen and (min-width:600px){.l-custom-videos .swiper-custom-videos{--ugc-slides-per-view: min(var(--ugc-item-count), 2);--ugc-slide-gap: 24px}}@media only screen and (min-width:990px){.l-custom-videos .swiper-custom-videos{--ugc-slides-per-view: min(var(--ugc-item-count), 3)}}@media only screen and (min-width:1200px){.l-custom-videos .swiper-custom-videos{--ugc-slides-per-view: min(var(--ugc-item-count), 4)}}.l-custom-videos .ugc-content-card{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:15px;background:#ffa800;color:#25231f}.l-custom-videos .ugc-content-card__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.l-custom-videos .ugc-content-card__body{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:safe center;align-items:flex-start;gap:18px;padding:clamp(20px,2vw,32px);overflow:auto;overflow-wrap:anywhere}.l-custom-videos .ugc-content-card--image:not(.ugc-content-card--image-only):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000004d,#000000d1)}.l-custom-videos .ugc-content-card--image .ugc-content-card__body{justify-content:safe flex-end;color:#fff}.l-custom-videos .ugc-content-card__eyebrow{margin:0;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.l-custom-videos .ugc-content-card .ugc-content-card__heading{margin:0;color:inherit;font-size:clamp(24px,2.15vw,34px);font-family:jost-semibold;line-height:1.12}.l-custom-videos .ugc-content-card__text{font-size:16px;line-height:1.5}.l-custom-videos .ugc-content-card__text>:first-child{margin-top:0}.l-custom-videos .ugc-content-card__text>:last-child{margin-bottom:0}.l-custom-videos .ugc-content-card__text a{color:inherit;text-decoration:underline}.l-custom-videos .ugc-content-card__button{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;gap:10px;max-width:100%;min-height:44px;padding:12px 18px;border-radius:999px;background:#ffa800;color:#171717;font-size:14px;font-weight:600;line-height:1.35;text-decoration:none}.l-custom-videos .ugc-content-card__button:hover{background:#ffb626}.l-custom-videos .ugc-content-card__button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.l-custom-videos .ugc-content-card__body>*{flex-shrink:0}
/*# sourceMappingURL=/cdn/shop/t/167/assets/psy-videos.css.map */