.card-slider{padding-top:var(--card-slider-padding-top);padding-bottom:var(--card-slider-padding-bottom);padding-left:var(--spacing-40);padding-right:var(--spacing-40);margin:0 auto;overflow:hidden}@media(max-width:1023px){.card-slider{padding-top:var(--card-slider-padding-top-mobile);padding-bottom:var(--card-slider-padding-bottom-mobile);padding-left:0;padding-right:0;overflow:clip;overflow-clip-margin:0}}.card-slider__container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-10);width:100%;max-width:var(--max-width-cards-grid);margin:0 auto;align-items:start}.card-slider__card{width:100%;min-width:0;display:flex;align-items:start}.card-slider__card .card-square{width:100%;align-self:start}.card-slider__slider-wrapper{width:100%;min-width:0;position:relative}.card-slider__slider{position:absolute;top:0;left:0;width:100vw;overflow-x:auto;overflow-y:visible;height:100%;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.card-slider__slider::-webkit-scrollbar{display:none;width:0;height:0}.card-slider__slider::-webkit-scrollbar-track{display:none}.card-slider__slider::-webkit-scrollbar-thumb{display:none}.card-slider__track{display:flex;flex-direction:row;gap:var(--spacing-10);width:fit-content;height:100%;align-items:center;padding-right:var(--spacing-10);transition:transform .4s ease}.card-slider__slide{flex:0 0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-width:var(--layout-width-300);max-width:var(--layout-width-400);cursor:pointer;z-index:1;transition:transform .4s ease,opacity .4s ease,width .4s ease,height .4s ease}.card-slider__slide:first-child{z-index:2}.card-slider__slide.moving-back{z-index:0}.card-slider__slide.moving-forward{z-index:3}.card-slider__slide--appearing{animation:slideAppear .6s ease-out forwards;transition:none!important;opacity:0;transform:translate(30px)}@keyframes slideAppear{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media(min-width:1025px){.card-slider__slider-wrapper{opacity:0;transition:opacity .4s ease;min-height:400px}.card-slider__slider-wrapper.is-ready{opacity:1}.card-slider__slider,.card-slider__track{height:100%}.card-slider__slide:first-child{height:100%;min-width:auto;max-width:none;width:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:default}.card-slider__slide:first-child .card-slider__video-wrapper{height:calc(100% - var(--spacing-75));margin-top:var(--spacing-40);margin-bottom:var(--spacing-40);aspect-ratio:9 / 16;width:auto;flex-shrink:0}.card-slider__slide:not(:first-child){height:100%;min-width:auto;max-width:none;width:auto;justify-content:center;align-items:center;padding-top:var(--spacing-40);padding-bottom:var(--spacing-40);box-sizing:border-box}.card-slider__slide:not(:first-child) .card-slider__video-wrapper{height:calc(100% - var(--spacing-75));aspect-ratio:9 / 16;width:auto;flex-shrink:0}}.card-slider__video-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:var(--radius-24);border:var(--outline-subtle);overflow:hidden;background-color:var(--color-cream-white);margin:0}.card-slider__video-poster{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;backface-visibility:hidden;transform:translateZ(0);z-index:1;transition:opacity .4s ease-in-out;will-change:opacity}.card-slider__video-poster.is-hidden{opacity:0;pointer-events:none}.card-slider__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease-in-out,visibility 0s .4s;will-change:opacity}.card-slider__video.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease-in-out,visibility 0s 0s}.card-slider__video.is-visible{opacity:1;pointer-events:auto}.card-slider__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;z-index:3;transition:transform var(--transition-fast);pointer-events:auto}.card-slider__play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.card-slider__play-icon{width:var(--icon-size-2xl);height:var(--icon-size-2xl);display:block;object-fit:contain}.card-slider__controls{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-18) var(--spacing-18) var(--spacing-20) var(--spacing-18);display:none;flex-direction:column;gap:var(--spacing-8);background:linear-gradient(to top,rgba(var(--color-soot-black-rgb),.6),rgba(var(--color-soot-black-rgb),0));z-index:4}.card-slider__controls.is-visible{display:flex}.card-slider__controls-row{display:flex;justify-content:space-between;align-items:center;width:100%}.card-slider__control-button{width:var(--icon-size-lg);height:var(--icon-size-lg);display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;transition:opacity var(--transition-fast)}.card-slider__control-button:hover{opacity:.8}.card-slider__control-button img{width:var(--icon-size-lg);height:var(--icon-size-lg);display:block}.card-slider__progress-container{position:relative;width:100%;height:var(--icon-size-4)}.card-slider__progress-bar{position:absolute;top:0;left:0;height:var(--icon-size-4);border-radius:var(--radius-10)}.card-slider__progress-bar--total{width:100%;background:rgba(var(--color-cream-white-rgb),.5);z-index:1}.card-slider__progress-bar--current{width:0%;background:var(--color-white);z-index:2;will-change:width}.card-slider__error{display:flex;align-items:center;justify-content:center;background-color:var(--color-cream-white);color:var(--color-soot-black);font-size:var(--text-small-size);text-align:center;padding:var(--spacing-20)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:1024px){.card-slider__container{grid-template-columns:1fr;gap:var(--spacing-75)}.card-slider__card{width:100%;max-width:var(--layout-width-600);padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile);box-sizing:border-box;margin:0 auto}.card-slider__slider-wrapper{width:100%;aspect-ratio:auto;height:530px;overflow:visible}.card-slider__slider{position:relative;left:auto;transform:none;width:100%;height:530px;overflow:visible}.card-slider__track{height:530px;gap:var(--spacing-10);align-items:flex-start;will-change:transform}.card-slider__slide{width:var(--layout-width-300);min-width:var(--layout-width-300);max-width:var(--layout-width-300);height:530px;padding:0}.card-slider__slide:first-child .card-slider__video-wrapper{width:var(--layout-width-300);height:530px;margin:0;flex-shrink:0}.card-slider__slide:not(:first-child) .card-slider__video-wrapper{width:var(--layout-width-300);height:530px;flex-shrink:0}}@media(max-width:768px){.card-slider{padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile)}.card-slider__card{padding-left:0;padding-right:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/card-slider.css.map */