video-reels-modal{display:block}.video-reels__wrapper .video-reels__container{gap:32px;overflow:visible}.video-reels__wrapper .reel__item{position:relative;cursor:pointer;aspect-ratio:9/16}.video-reels__wrapper .reel__item .play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:6}.video-reels_modal{position:fixed;top:0%;left:50%;transform:translate(-50%,-50%)}.reels_modal__video{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;border-radius:14px;width:100%;height:100%;visibility:hidden;transition:opacity .3s ease}.placeholder-reels{width:40px;height:40px;border-radius:100%}.slide-in-right{transform:translate(100%);opacity:0;animation:slideInRight .3s forwards}.slide-in-left{transform:translate(-100%);opacity:0;animation:slideInLeft .3s forwards}.slide-out-left{animation:slideOutLeft .3s forwards}.slide-out-right{animation:slideOutRight .3s forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(-50%);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideOutRight{0%{transform:translate(-50%);opacity:1}to{transform:translate(100%);opacity:0}}.reel__item{position:relative;cursor:pointer;border-radius:0;overflow:hidden}.reel__item video{width:100%;height:100%;object-fit:cover}.reel__item img{height:100%;width:100%;object-fit:cover}.video-reels__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:9999999999;opacity:0;transition:opacity .5s linear;visibility:hidden}.video-reels__overlay.show{opacity:1;visibility:visible}.video-reels_modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:432px;height:90vh;z-index:9999999999;opacity:0;visibility:hidden;transition:opacity .5s linear}.video-reels_modal.show{opacity:1;visibility:visible}.video-reels_modal__content{position:relative;height:100%;width:100%}.video-reels_modal__videos{height:100%;width:100%;position:relative}.reels_modal__video.active{opacity:1;visibility:visible}.reels_modal__video video{width:100%;height:100%;object-fit:cover}.video-progress-container{position:absolute;height:8px;width:100%;background:#ffffff4d;z-index:1001}.video-progress{display:block!important;height:100%;background:#fff;width:0%;transition:width .1s linear}.video-reels_modal__nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:none;color:#000;font-size:2rem;cursor:pointer;z-index:1001;padding:1rem;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.video-reels_modal__nav.prev{left:-85px}.video-reels_modal__nav.next{right:-85px}.video-reels_modal__close-button{color:#fff;cursor:pointer;padding:0;background:none;border:none}.video-reels_modal__close-button svg{height:16px;width:16px}.media-controls{position:absolute;right:20px;background:none;border:none;z-index:1001;display:flex;flex-direction:column;gap:16px;top:76px}.media-controls button{cursor:pointer}.video-reels_modal__bg_design{background:#0006;border:none;font-size:2rem;z-index:1001;border-radius:50%;width:34px;height:34px;padding:0;display:flex;justify-content:center;align-items:center}.video-reels_modal__header{position:absolute;top:0;left:0;right:0;padding:24px 29px 0 20px;z-index:1001;opacity:0;transition:opacity .3s ease;display:flex;justify-content:space-between;align-items:center}.video-reels_modal__footer{position:absolute;bottom:16px;width:100%;padding:16px 16px 0}.video-reels_modal__footer .card.special_quick_view{gap:12px;width:100%;padding:12px 16px;align-items:flex-start;background:#fffc;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px)}.video-reels_modal__footer .card.special_quick_view a{font-size:var(--medium-size);line-height:24px}.video-reels_modal__footer .card.special_quick_view .loox-rating{line-height:0;height:auto}.video-reels_modal__footer .card.special_quick_view .card-information .loox:has(:not(.no-reviews)){margin-bottom:0!important;margin-top:0!important;height:12px}.video-reels_modal__footer .card__information-wrapper{padding-bottom:7.5px}.video-reels_modal__footer .card.special_quick_view button{margin-top:16px;min-height:52px}.video-reels_modal__footer .card.special_quick_view .price-item{font-size:var(--font-body-size);margin:0}.video-reels_modal__footer .card.special_quick_view .card__inner{max-width:95px}video-reels-modal .placeholder-svg{aspect-ratio:9 / 16}.reels_modal__video.active .video-reels_modal__header{opacity:1}.profile-container{display:flex;align-items:center;gap:12px}.profile-container img{height:40px;width:40px;border-radius:40px;object-fit:cover}.profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-image-placeholder{width:40px;height:40px;border-radius:50%;background:#ddd}.profile-name{color:#fff;font-weight:var(--font-weight-bold);line-height:24px}.video-reels_modal__nav.disabled{opacity:.5}.video-reels_modal__content{touch-action:pan-y}.video-reels_modal__videos{overflow:hidden}.video-reels_modal__footer .card__badge{display:none}.video-reels_modal__footer .card__media img{transform:unset!important}@media screen and (max-width:749px){.video-reels_modal__nav.prev{left:20px;background:#0006;fill:#fff}.video-reels_modal__nav.prev svg path{fill:#fff}.video-reels_modal__nav.next{right:20px;background:#0006}.video-reels_modal__nav.next svg path{fill:#fff}.video-reels_modal__nav{width:40px;height:40px;padding:0}.video-reels_modal__nav svg{width:18px;height:18px}.video-reels_modal{height:100%}.video-reels_modal__nav.disabled,.video-reels_modal__play-pause{display:none}.video-reels_modal__play-pause.mobile-show{display:flex}.video-reels_modal__videos .card.card--horizontal{padding:12px}.video-reels_modal__videos .card-information .loox{margin-bottom:9px!important}.video-reels_modal__footer .card.special_quick_view .card__inner{max-width:62px}.video-reels_modal__footer .card.special_quick_view .card__heading a{font-size:var(--small-size)}.video-reels_modal__footer .card__information-wrapper{padding-bottom:3px}.video-reels_modal__footer .card.special_quick_view button{margin-top:11px;min-height:32px}.video-reels__wrapper .reel__item .play-button svg{width:60px;height:60px}.video-reels_modal__footer .card.special_quick_view .price-item{font-size:var(--small-size)}.reels_modal__video{opacity:1}.video-reels_modal__footer button:hover{background:rgb(var(--branding-color))}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/video-reels.css.map */