.video-feature-section{--video-feature-active: #4e7890;--video-feature-inactive: #c9c9c9;--video-feature-line: #457084;--video-feature-tab-min-width: 220px;--video-feature-radius: 12px;background:#fff}.video-feature-section *{box-sizing:border-box}.video-feature-tabs-scroller{overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--video-feature-line);scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x}.video-feature-tabs-scroller::-webkit-scrollbar{display:none}.video-feature-tabs-scroller.video-feature-is-dragging{cursor:grabbing}.video-feature-tabs{--video-feature-tab-count: 3;position:relative;display:flex;justify-content:center;width:max-content;min-width:100%}.video-feature-tab{flex:1 0 var(--video-feature-tab-min-width);min-width:var(--video-feature-tab-min-width);-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:18px 24px 12px;color:var(--video-feature-inactive);cursor:pointer;text-align:center;font:inherit}.video-feature-tab.video-feature-is-active{color:var(--video-feature-active)}.video-feature-tab-icon{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 14px}.video-feature-tab svg{width:70px;height:70px;stroke:currentColor;fill:none}.video-feature-tab-title{display:block;font-size:25px;line-height:1.1;font-weight:500;white-space:nowrap}.video-feature-tab-indicator{position:absolute;left:0;bottom:-1px;height:2px;border-radius:999px;background:var(--video-feature-active);pointer-events:none;transition:transform .28s ease,width .28s ease;will-change:transform,width}.video-feature-stage{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:32px;overflow:hidden;border-radius:var(--video-feature-radius);background:#000}.video-feature-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;pointer-events:none;z-index:1}.video-feature-panel.video-feature-is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.video-feature-panel video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;object-fit:cover;background:#000}.video-feature-poster{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000;background-size:cover;background-position:center;opacity:1;pointer-events:none;transition:opacity .35s ease}.video-feature-panel.video-feature-video-ready .video-feature-poster{opacity:0}.video-feature-click-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;background:transparent;cursor:pointer}.video-feature-big-play-icon{position:absolute;left:50%;top:50%;z-index:4;width:76px;height:76px;border-radius:50%;border:2px solid rgba(255,255,255,.88);background:#ffffff2e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 24px #0000003d;transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:none;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center}.video-feature-big-play-icon:before{content:"";width:0;height:0;margin-left:5px;border-left:20px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}.video-feature-panel.video-feature-is-playing .video-feature-big-play-icon{opacity:0;transform:translate(-50%,-50%) scale(.86)}.video-feature-controls{position:absolute;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;gap:12px;padding:34px 18px 14px;background:linear-gradient(to top,#0000009e,#0000);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.video-feature-panel.video-feature-is-active:hover .video-feature-controls,.video-feature-panel.video-feature-is-controls-visible .video-feature-controls,.video-feature-panel.video-feature-is-paused .video-feature-controls{opacity:1;transform:translateY(0);pointer-events:auto}.video-feature-control-btn{width:34px;height:34px;display:grid;place-items:center;border:0;padding:0;border-radius:50%;color:#fff;background:transparent;cursor:pointer;flex:0 0 auto}.video-feature-control-btn:hover{background:#ffffff29}.video-feature-control-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.video-feature-control-play .video-feature-pause-icon,.video-feature-panel.video-feature-is-playing .video-feature-control-play .video-feature-play-icon{display:none}.video-feature-panel.video-feature-is-playing .video-feature-control-play .video-feature-pause-icon{display:block}.video-feature-progress{position:relative;flex:1 1 auto;height:22px;cursor:pointer;touch-action:none}.video-feature-progress-track{position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);border-radius:999px;background:#ffffff59;overflow:hidden}.video-feature-progress-bar{width:0%;height:100%;border-radius:inherit;background:#fffffff2}.video-feature-time{min-width:86px;color:#fff;font-size:13px;line-height:1;text-align:center;font-variant-numeric:tabular-nums;flex:0 0 auto}.video-feature-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border-radius:0;background:#000}.video-feature-stage:fullscreen .video-feature-panel video{object-fit:contain}@media(max-width:769px){.video-feature-section{--video-feature-tab-min-width: 150px}.video-feature-tabs{min-width:100%;width:max-content}.video-feature-tab{flex:0 0 auto;min-width:max-content;padding:12px 18px 10px}.video-feature-tab-icon,.video-feature-tab svg{width:45px;height:45px}.video-feature-tab-title{font-size:18px;white-space:nowrap}.video-feature-stage{margin-top:20px}.video-feature-panel video{object-fit:contain}.video-feature-big-play-icon{width:48px;height:48px}.video-feature-big-play-icon:before{margin-left:4px;border-left-width:14px;border-top-width:10px;border-bottom-width:10px}.video-feature-time{display:none}.video-feature-controls{gap:8px;padding:26px 12px 10px}.video-feature-control-btn{width:30px;height:30px}.video-feature-control-btn svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/video-feature-tabs.css.map */