.portrait-video-carousel{width:100%;overflow:hidden;position:relative}.portrait-video-carousel__header{margin-bottom:2rem}.portrait-video-carousel__header--left{text-align:left}.portrait-video-carousel__header--center{text-align:center}.portrait-video-carousel__header--right{text-align:right}.portrait-video-carousel__heading{font-size:2rem;font-weight:600;margin:0;color:var(--color-base-text)}.portrait-video-carousel__container{display:flex;align-items:center;justify-content:flex-start;min-height:70vh;position:relative;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:.2em;padding:0 2rem}.portrait-video-carousel__container::-webkit-scrollbar{display:none}.portrait-video-carousel__container{-ms-overflow-style:none;scrollbar-width:none}.portrait-video-carousel__block{flex-shrink:0;scroll-snap-align:start}.portrait-video-carousel__placeholder{width:100%;height:70vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-base-background-2);border:2px dashed var(--color-base-accent-1);border-radius:var(--border-radius)}.portrait-video-carousel__placeholder-content{text-align:center;padding:2rem}.portrait-video-carousel__placeholder h3{margin-bottom:1rem;color:var(--color-base-text)}.portrait-video-carousel__placeholder p{color:var(--color-base-text);opacity:.7}@media screen and (max-width: 749px){.portrait-video-carousel__container{padding:0 1rem;gap:1.5rem;min-height:60vh}.portrait-video-carousel__placeholder{height:60vh}}@media screen and (max-width: 480px){.portrait-video-carousel__container{min-height:50vh;padding:0 .5rem;gap:1rem}.portrait-video-carousel__placeholder{height:50vh}}.portrait-video-viewer{width:auto;height:70vh;position:relative;display:flex;align-items:center;flex-shrink:0;scroll-snap-align:start;margin-right:2rem}.portrait-video-viewer:last-child{margin-right:0}.portrait-video-viewer__track{display:flex;width:100%;height:100%;position:relative}.portrait-video-viewer__item{flex:0 0 auto;height:100%;display:flex;align-items:center;justify-content:flex-start;animation:slideInFromRight 2s ease-out forwards;animation-delay:calc(var(--block-index, 0) * .3s);transform:translate(100%)}.portrait-video-viewer__video-container{position:relative;width:auto;height:90%;aspect-ratio:9/16;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 10px 30px #0003;transition:transform .3s ease}.portrait-video-viewer__video{width:100%;height:100%;object-fit:cover;display:block}.portrait-video-viewer__controls{position:absolute;bottom:1rem;left:1rem;z-index:2}.portrait-video-viewer__play-pause{background:#0009;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.portrait-video-viewer__play-pause:hover{background:#000c;transform:scale(1.1)}.portrait-video-viewer__play-pause:focus{outline:2px solid white;outline-offset:2px}.portrait-video-viewer__play-pause svg{width:1.2rem;height:1.2rem}.portrait-video-viewer__product-tag{position:absolute;top:1rem;right:1rem;max-width:200px;z-index:2;animation:fadeInUp 1s ease-out .5s both}.portrait-video-viewer__product-link{display:block;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);padding:.75rem;text-decoration:none;color:var(--color-base-text);transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.portrait-video-viewer__product-link:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a;text-decoration:none;color:var(--color-base-text)}.portrait-video-viewer__product-link:focus{outline:2px solid var(--color-base-accent-1);outline-offset:2px}.portrait-video-viewer__product-info{display:flex;align-items:center;gap:.5rem}.portrait-video-viewer__product-image{flex-shrink:0;width:40px;height:40px;border-radius:4px;overflow:hidden}.portrait-video-viewer__product-image img{width:100%;height:100%;object-fit:cover}.portrait-video-viewer__product-details{flex:1;min-width:0}.portrait-video-viewer__product-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.portrait-video-viewer__product-price{font-size:.75rem;margin:0;font-weight:500;line-height:1.2}.portrait-video-viewer__product-compare-price{text-decoration:line-through;opacity:.6;margin-left:.25rem}.portrait-video-viewer__product-cta{flex-shrink:0;width:1rem;height:1rem;color:var(--color-base-accent-1);transition:transform .2s ease}.portrait-video-viewer__product-link:hover .portrait-video-viewer__product-cta{transform:translate(2px)}.portrait-video-viewer__product-cta svg{width:100%;height:100%}.portrait-video-viewer.video-loaded .portrait-video-viewer__video{opacity:1}.portrait-video-viewer.video-error .portrait-video-viewer__video-container:after{content:"Video could not be loaded";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-base-text);text-align:center;padding:1rem;background:#ffffffe6;border-radius:var(--border-radius)}@media screen and (max-width: 749px){.portrait-video-carousel__container{padding:0 1rem;gap:1.5rem}.portrait-video-viewer{height:60vh;margin-right:1.5rem}.portrait-video-viewer__video-container{height:85%}.portrait-video-viewer__product-tag{max-width:160px;top:.5rem;right:.5rem}.portrait-video-viewer__product-info{gap:.375rem}.portrait-video-viewer__product-image{width:32px;height:32px}.portrait-video-viewer__product-title{font-size:.75rem}.portrait-video-viewer__product-price{font-size:.6875rem}.portrait-video-viewer__controls{bottom:.5rem;left:.5rem}.portrait-video-viewer__play-pause{width:2.5rem;height:2.5rem}.portrait-video-viewer__play-pause svg{width:1rem;height:1rem}}@media screen and (max-width: 480px){.portrait-video-carousel__container{min-height:50vh;padding:0 .5rem;gap:1rem}.portrait-video-viewer{height:50vh;margin-right:1rem}.portrait-video-viewer__product-tag{max-width:140px}.portrait-video-viewer__product-link{padding:.5rem}}@media (prefers-reduced-motion: reduce){.portrait-video-viewer__item{animation:none;transform:translate(0)}.portrait-video-viewer__product-tag{animation:none}.portrait-video-viewer__video-container,.portrait-video-viewer__play-pause,.portrait-video-viewer__product-link{transition:none}}@media (prefers-contrast: high){.portrait-video-viewer__play-pause{background:#000;border:2px solid white}.portrait-video-viewer__product-link{background:#fff;border:2px solid black}}.portrait-video-carousel.auto-loop-active{overflow:hidden}.portrait-video-carousel__track{display:flex;will-change:transform;gap:1.5rem}.portrait-video-carousel__track .portrait-video-carousel__block{flex-shrink:0}.portrait-video-carousel__track.paused{transition:transform .3s ease}@media screen and (max-width: 749px){.portrait-video-carousel__track{gap:1rem}}@media screen and (max-width: 480px){.portrait-video-carousel__track{gap:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/portrait-video-carousel.css.map */