.best-videos{--best-videos-accent: #d45928;--best-videos-ratio: 9 / 16;--best-videos-card-width: 200px;--best-videos-radius: 16px;display:block}.best-videos__heading{margin:0 0 10px;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:1.5rem;line-height:1.2;text-wrap:balance;padding-block-start:20px}.best-videos__track{display:grid;grid-auto-flow:column;grid-auto-columns:var(--best-videos-card-width);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.best-videos__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.best-videos__track{cursor:grab}.best-videos__track.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.best-videos__track.is-dragging .best-videos__video{cursor:grabbing}}.best-videos__card{position:relative;scroll-snap-align:start}.best-videos__video{display:block;width:100%;aspect-ratio:var(--best-videos-ratio);border-radius:var(--best-videos-radius);background:rgb(var(--text-color) / .06);object-fit:cover;cursor:pointer}.best-videos__caption{margin:8px 0 0;font-size:14px;line-height:1.4}.best-videos__play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:50px;height:50px;padding:0;border:none;border-radius:50%;background:#ffffffe6;color:#e8591a;box-shadow:0 4px 16px #0000002e;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.best-videos__play:hover{transform:translate(-50%,-50%) scale(1.06)}.best-videos__play-icon{width:24px;height:24px;margin-inline-start:3px}.best-videos__card.is-playing .best-videos__play{opacity:0;pointer-events:none}.best-videos__controls{position:absolute;inset-inline:10px;bottom:10px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:999px;background:#ffffff6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease;pointer-events:none}.best-videos__card.is-playing .best-videos__controls,.best-videos__card.is-paused .best-videos__controls,.best-videos__card:hover .best-videos__controls:not(:empty),.best-videos__card:focus-within .best-videos__controls{opacity:1;pointer-events:auto}.best-videos__card:not(.is-playing):not(.is-paused) .best-videos__controls{opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.best-videos__card.is-playing .best-videos__controls,.best-videos__card.is-paused .best-videos__controls{opacity:0;pointer-events:none}.best-videos__card.is-playing:hover .best-videos__controls,.best-videos__card.is-paused:hover .best-videos__controls,.best-videos__card.is-playing:has(:focus-visible) .best-videos__controls,.best-videos__card.is-paused:has(:focus-visible) .best-videos__controls{opacity:1;pointer-events:auto}}.best-videos__toggle{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;padding:0;border:none;background:none;color:#d45928;cursor:pointer}.best-videos__toggle-icon{width:18px;height:18px}.best-videos__toggle-icon--play{display:none}.best-videos__card.is-paused .best-videos__toggle-icon--play{display:block}.best-videos__card.is-paused .best-videos__toggle-icon--pause{display:none}.best-videos__sound{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;padding:0;border:none;background:none;color:#d45928;cursor:pointer}.best-videos__sound-icon{width:18px;height:18px}.best-videos__sound-icon--off{display:none}.best-videos__sound[aria-pressed=true] .best-videos__sound-icon--off{display:block}.best-videos__sound[aria-pressed=true] .best-videos__sound-icon--on{display:none}.best-videos__sound-group{position:relative;display:flex;align-items:center}.best-videos__volume-popup{display:none}@media(hover:hover)and (pointer:fine){.best-videos__volume-popup{position:absolute;bottom:calc(100% + 10px);left:50%;display:grid;place-items:center;width:38px;height:104px;border-radius:999px;background:#ffffff6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transform:translate(-50%);transition:opacity .18s ease,visibility .18s ease}.best-videos__volume-popup:after{content:"";position:absolute;inset-inline:0;top:100%;height:12px}.best-videos__sound-group:hover .best-videos__volume-popup,.best-videos__sound-group:focus-within .best-videos__volume-popup{opacity:1;visibility:visible}.best-videos__volume{position:absolute;top:50%;left:50%;width:84px;height:16px;margin:0;cursor:pointer;transform:translate(-50%,-50%) rotate(-90deg);-webkit-appearance:none;appearance:none;background:none}}.best-videos__volume::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,#e8591a 0 var(--best-videos-volume, 70%),rgb(255 255 255 / .35) var(--best-videos-volume, 70%) 100%)}.best-videos__volume::-moz-range-track{height:3px;border-radius:999px;background:#ffffff59}.best-videos__volume::-moz-range-progress{height:3px;border-radius:999px;background:#e8591a}.best-videos__volume::-webkit-slider-thumb{width:10px;height:10px;margin-block-start:-3.5px;border:none;border-radius:50%;background:#fff;-webkit-appearance:none;appearance:none}.best-videos__volume::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:50%;background:#fff}.best-videos__volume:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:999px}.best-videos__card.is-paused .best-videos__timeline{display:none}.best-videos__card.is-paused .best-videos__controls{inset-inline:auto 10px;gap:14px}.best-videos__timeline{position:relative;flex:1 1 auto;height:16px;display:flex;align-items:center;cursor:pointer;touch-action:none}.best-videos__timeline:before{content:"";position:absolute;inset-inline:0;height:3px;border-radius:999px;background:#ffffff59}.best-videos__timeline-progress{position:relative;width:0;height:3px;border-radius:999px;background:#e8591a}.best-videos__timeline-progress:after{content:"";position:absolute;top:50%;right:-5px;width:10px;height:10px;border-radius:50%;background:#fff;transform:translateY(-50%)}.best-videos__timeline:focus-visible{outline:2px solid #ffffff;outline-offset:2px;border-radius:999px}.best-videos__scrollbar{position:relative;height:4px;margin-top:16px;border-radius:999px;background:rgb(var(--text-color) / .1);cursor:pointer;touch-action:none}.best-videos__scrollbar:after{content:"";position:absolute;top:-10px;right:0;bottom:-10px;left:0}.best-videos__scrollbar-thumb{position:absolute;inset-block:0;left:0;width:30%;border-radius:999px;background:var(--best-videos-accent)}.best-videos--no-scroll .best-videos__scrollbar{display:none}@media(prefers-reduced-motion:reduce){.best-videos__play,.best-videos__controls{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/product-best-videos.css.map */