video-reels-component{display:block;position:relative}.video-reels__header{margin-bottom:24px}.video-reels__heading{font-family:Kepler Regular,serif;font-weight:400;margin:0}.video-reels__track{display:flex;gap:var(--reels-gap, 16px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.video-reels__track::-webkit-scrollbar{display:none}.video-reels__card{flex:0 0 auto;width:calc((100% - (var(--reels-visible) - 1) * var(--reels-gap)) / var(--reels-visible));scroll-snap-align:start;min-width:0}.video-reels__media{position:relative;aspect-ratio:9 / 16;border-radius:12px;overflow:hidden;background:#f0ece6;cursor:pointer}.video-reels__media video,.video-reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-reels__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f0ece6}.video-reels__placeholder svg{width:60%;height:60%;opacity:.3}.video-reels__mute-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#1e1e1e99;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .2s ease;padding:0}.video-reels__mute-btn:hover{background:#1e1e1ecc}.video-reels__mute-btn .icon-sound-on,.video-reels__mute-btn .icon-sound-off{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.video-reels__mute-btn .icon-sound-on{display:flex}.video-reels__mute-btn .icon-sound-off,.video-reels__mute-btn.is-muted .icon-sound-on{display:none}.video-reels__mute-btn.is-muted .icon-sound-off{display:flex}.video-reels__atc-btn{position:absolute;bottom:12px;right:12px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#1a1a1a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0000001f;padding:0}.video-reels__atc-btn:hover{transform:scale(1.08);box-shadow:0 4px 12px #0000002e}.video-reels__atc-btn .atc-icon{display:none;align-items:center;justify-content:center;width:18px;height:18px}.video-reels__atc-btn .atc-icon--plus{display:flex}.video-reels__atc-btn.is-loading .atc-icon--plus{display:none}.video-reels__atc-btn.is-loading .atc-icon--spinner{display:flex}.video-reels__atc-btn.is-added .atc-icon--plus{display:none}.video-reels__atc-btn.is-added .atc-icon--check{display:flex}.video-reels__atc-btn.is-added{background:#4a7c59;color:#fff}.atc-icon--spinner{width:18px;height:18px;border:2px solid rgba(0,0,0,.15);border-top-color:#1a1a1a;border-radius:50%;animation:reels-spin .6s linear infinite}@keyframes reels-spin{to{transform:rotate(360deg)}}.video-reels__play-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:52px;height:52px;border-radius:50%;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:3}.video-reels__play-state.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-reels__play-state svg{width:22px;height:22px}.video-reels__info{padding:10px 4px 0}.video-reels__info-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.video-reels__info-row+.video-reels__info-row{margin-top:2px}.video-reels__name-link{text-decoration:none;color:inherit;flex:1 1 auto;min-width:0}.video-reels__name{font-family:Kepler Regular,serif;font-weight:400;font-size:18px;line-height:1.4;margin:0;color:rgb(var(--color-foreground));text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease}.video-reels__rating{display:flex;align-items:center;gap:3px;font-size:13px;font-family:Lato,sans-serif;color:rgb(var(--color-foreground));flex-shrink:0}.video-reels__star{color:#d4a843;font-size:14px;line-height:1}.video-reels__subtitle{font-family:Lato,sans-serif;font-size:13px;font-weight:400;letter-spacing:normal;text-transform:none;color:rgba(var(--color-foreground),.7);margin:0;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.video-reels__price{font-family:Lato,sans-serif;font-size:14px;font-weight:500;color:rgb(var(--color-foreground));margin:0;white-space:nowrap;flex-shrink:0}.video-reels__nav{display:none}@media screen and (min-width:750px){.video-reels__nav{display:block}}.video-reels__nav-btn{position:absolute;top:calc(50% - 40px);transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.12);background:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:opacity .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #00000014;padding:0}.video-reels__nav-btn:hover:not([disabled]){box-shadow:0 4px 12px #00000024}.video-reels__nav-btn[disabled]{opacity:0;pointer-events:none}.video-reels__nav-btn--prev{left:-16px}.video-reels__nav-btn--next{right:-16px}.video-reels__nav-btn .icon{height:.6rem}.video-reels__nav-btn--next .icon{transform:rotate(-90deg)}.video-reels__nav-btn--prev .icon{transform:rotate(90deg)}@media screen and (max-width:749px){.video-reels__media{border-radius:10px}.video-reels__mute-btn{width:32px;height:32px;top:10px;right:10px}.video-reels__mute-btn .icon-sound-on,.video-reels__mute-btn .icon-sound-off{width:16px;height:16px}.video-reels__atc-btn{width:32px;height:32px;bottom:10px;right:10px}.video-reels__atc-btn .atc-icon{width:16px;height:16px}.video-reels__name{font-size:16px}.video-reels__subtitle{font-size:12px}.video-reels__price{font-size:13px}.video-reels__info{padding:8px 2px 0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-video-reels.css.map */