.action-videos{width:100%;background:#fff;overflow:hidden}.action-videos-inner{width:100%;margin:0;padding:0}.action-videos-head{display:grid;justify-items:center;gap:12px;text-align:center;padding:0 20px;margin-bottom:32px}.action-videos-title{margin:0;max-width:680px;font-family:var(--font-title);font-size:var(--font-size-heading);font-weight:800;line-height:1.15}.action-videos-subtitle{max-width:620px;color:var(--mid);line-height:1.7}.action-videos-shell{position:relative;width:100vw;margin:0}.action-videos-track{--action-side-card-width: 230px;--action-active-card-width: 300px;display:flex;align-items:center;gap:16px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--action-active-card-width)) / 2);padding:8px calc((100% - var(--action-active-card-width)) / 2) 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.action-videos-track::-webkit-scrollbar{display:none}.action-video-card{width:var(--action-side-card-width);min-width:var(--action-side-card-width);scroll-snap-align:center;scroll-snap-stop:always;display:grid;gap:10px;opacity:.86;transform:scale(.92);transform-origin:center center;transition:width .24s ease,min-width .24s ease,opacity .24s ease,transform .24s ease}.action-video-card.is-active{width:var(--action-active-card-width);min-width:var(--action-active-card-width);opacity:1;transform:scale(1)}.action-video-media{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:#111;border:1px solid var(--border)}.action-video-media video,.action-video-poster,.action-video-placeholder{width:100%;height:100%;display:block}.action-video-media video,.action-video-poster{object-fit:cover}.action-video-placeholder{display:grid;place-items:center;padding:20px;color:#ffffffc2;text-align:center;line-height:1.5;background:linear-gradient(145deg,rgba(var(--iron-green-rgb),.88),#121212f5),radial-gradient(circle at 80% 18%,rgba(255,255,255,.18),transparent 34%)}.action-video-sound{position:absolute;right:12px;bottom:12px;z-index:2;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;background:#00000061;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.35)}.action-video-sound svg{width:20px;height:20px}.action-video-sound .sound-on{display:none}.action-video-card:not(.is-muted) .action-video-sound .sound-off{display:none}.action-video-card:not(.is-muted) .action-video-sound .sound-on{display:block}.action-video-product{min-height:70px;display:none;grid-template-columns:52px minmax(0,1fr) 36px;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);background:#fff}.action-video-card.is-active .action-video-product{display:grid}.action-video-product img{width:52px;height:52px;object-fit:cover;background:var(--bg)}.action-video-product strong,.action-video-product span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-video-product strong{color:var(--ink);font-size:var(--font-size-small);line-height:1.2}.action-video-product span{margin-top:3px;color:var(--muted);font-size:calc(var(--font-size-small) - 1px)}.action-video-product svg{width:36px;height:36px;padding:10px;border-radius:999px;background:var(--bg);color:var(--dark-green)}.action-videos-arrow{position:absolute;top:calc(50% - 18px);z-index:3;width:52px;height:52px;border-radius:999px;background:#fff;color:var(--ink);box-shadow:0 8px 28px #00000029;display:grid;place-items:center;font-size:calc(var(--font-size-heading) + 4px);line-height:1;cursor:pointer}.action-videos-arrow:hover{background:var(--dark-green);color:#fff}.action-videos-arrow.is-prev{left:40px}.action-videos-arrow.is-next{right:40px}@media(max-width:900px){.action-videos-track{--action-side-card-width: 210px;--action-active-card-width: 270px}}@media(max-width:640px){.action-videos-head{padding:0 16px;margin-bottom:22px}.action-videos-shell{width:100%}.action-videos-track{--action-side-card-width: min(58vw, 210px);--action-active-card-width: min(78vw, 280px);gap:12px;scroll-padding-inline:calc((100% - var(--action-active-card-width)) / 2);padding-inline:calc((100% - var(--action-active-card-width)) / 2)}.action-videos-arrow{width:44px;height:44px;top:calc(50% - 22px);font-size:calc(var(--font-size-heading) - 2px)}.action-videos-arrow.is-prev{left:10px}.action-videos-arrow.is-next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/action-videos.css.map */