.video-with-slider-section{width:100%}.video-with-slider__container{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:stretch;overflow:visible}@media screen and (max-width:749px){.video-with-slider__container{grid-template-columns:1fr;gap:2rem}}.video-with-slider-section .page-width{overflow:visible}.video-with-slider__video-column{width:100%;min-width:0;display:flex;flex-direction:column}.video-with-slider__video-wrapper{position:relative;width:100%;flex:1;min-height:300px;overflow:hidden;background:#000;border-radius:0}.video-with-slider__video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}@media screen and (max-width:749px){.video-with-slider__video-wrapper{flex:none;padding-bottom:56.25%;height:0}}.video-with-slider__video-placeholder{width:100%;flex:1;min-height:300px;background:rgba(var(--color-foreground),.05);border-radius:0;display:flex;align-items:center;justify-content:center;position:relative}@media screen and (max-width:749px){.video-with-slider__video-placeholder{flex:none;padding-bottom:56.25%;min-height:0}}.video-with-slider__video-placeholder .placeholder-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;opacity:.3}.video-with-slider__content-column{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0;overflow:visible}.video-with-slider__slider-wrapper{position:relative;width:100%;padding:0}@media screen and (max-width:989px){.video-with-slider__slider-wrapper{padding:0 20px}}@media screen and (max-width:749px){.video-with-slider__slider-wrapper{padding:0 18px}}.video-with-slider__slider-component{position:relative;width:100%;overflow:visible}.video-with-slider__slider{display:flex;flex-wrap:nowrap;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0!important;margin:0!important;list-style:none}.video-with-slider__slider.slider--everywhere .video-with-slider__slide.slider__slide{scroll-snap-align:start}.video-with-slider__slider::-webkit-scrollbar{display:none}.video-with-slider__slider:before,.video-with-slider__slider:after{display:none!important;content:none!important}.video-with-slider__slide{width:calc((100% - 30px) / 3);min-width:calc((100% - 30px) / 3);max-width:calc((100% - 30px) / 3);flex-shrink:0;scroll-snap-align:start;margin:0!important;padding:0!important}.video-with-slider__slide:first-child{margin-left:0!important;scroll-margin-left:0!important}.video-with-slider__slide:last-child{margin-right:0!important}@media screen and (max-width:989px){.video-with-slider__slide{width:calc((100% - 15px)/2);min-width:calc((100% - 15px)/2);max-width:calc((100% - 15px)/2)}}@media screen and (max-width:749px){.video-with-slider__slide{width:100%;min-width:100%;max-width:100%}}.video-with-slider__slide-card{display:flex;flex-direction:column;height:100%;background:#f5f5f5;border-radius:0;overflow:hidden;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.video-with-slider__slide-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.video-with-slider__slide-image{width:100%;aspect-ratio:1;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:1.5rem}.video-with-slider__slide-image img{width:100%;height:100%;object-fit:contain;display:block}.video-with-slider__slide-image .placeholder-svg{width:60%;height:60%;opacity:.3}.video-with-slider__slide-link{text-decoration:none;color:inherit;display:block}.video-with-slider__slide-content{padding:1rem;display:flex;flex-direction:column;justify-content:center;min-height:9rem;gap:.25rem;text-align:center;background-color:#c41e56;color:#fff}.video-with-slider__slide-label{font-size:1.4rem;font-weight:400;display:block}.video-with-slider__slide-title{margin:0;font-size:1.4rem;font-weight:600;line-height:1.3}.video-with-slider__slider-buttons{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10}.video-with-slider__slider-buttons .slider-button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#c41e56;box-shadow:0 2px 8px #0000001a;transition:all .2s ease;cursor:pointer;padding:0;margin:0}.video-with-slider__slider-buttons .slider-button--prev{left:0;transform:translateY(-50%) rotate(180deg)}.video-with-slider__slider-buttons .slider-button--next{right:0}@media screen and (max-width:989px){.video-with-slider__slider-buttons .slider-button{width:35px;height:35px}.video-with-slider__slider-buttons .slider-button--prev{left:-18px}.video-with-slider__slider-buttons .slider-button--next{right:-18px}}@media screen and (max-width:749px){.video-with-slider__slider-buttons .slider-button{width:32px;height:32px}.video-with-slider__slider-buttons .slider-button--prev{left:-16px}.video-with-slider__slider-buttons .slider-button--next{right:-16px}}.video-with-slider__slider-buttons .slider-button:hover:not([disabled]){color:#a01845}.video-with-slider__slider-buttons .slider-button[disabled]{opacity:.3;cursor:not-allowed}.video-with-slider__slider-buttons .slider-button .svg-wrapper{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}@media screen and (min-width:750px){.video-with-slider__slider-buttons .slider-button .svg-wrapper{width:2rem;height:2rem}}.video-with-slider__banner{position:relative;width:100%;border-radius:.8rem;overflow:hidden;cursor:pointer;transition:transform .2s ease}.video-with-slider__banner:hover{transform:translateY(-2px)}.video-with-slider__banner-link{display:block;text-decoration:none;color:inherit}.video-with-slider__banner-image{width:100%;height:auto;display:block;object-fit:cover}.video-with-slider__banner-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.video-with-slider__banner-title{margin:0;font-size:2.4rem;font-weight:600;line-height:1.2;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.video-with-slider__banner-button{margin-top:.5rem}@media screen and (max-width:749px){.video-with-slider__banner-content{padding:1.5rem}.video-with-slider__banner-title{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/301/assets/section-video-with-slider.css.map */