.micro-moves{width:100%;overflow:hidden}.micro-moves__container{display:flex;flex-direction:column;gap:24px}.micro-moves__header{display:flex;flex-direction:column;gap:8px;padding-left:var(--global-sect-pad-x-md, 16px);padding-right:var(--global-sect-pad-x-md, 16px)}@media (min-width: 750px){.micro-moves__header{flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}}.micro-moves__header-text{display:flex;flex-direction:column;gap:8px}.micro-moves__title{margin:0;font-size:28px;line-height:1.2}@media (min-width: 750px){.micro-moves__title{font-size:36px}}.micro-moves__subtitle{margin:0;color:rgba(var(--color-foreground),.7);max-width:600px;font-size:14px;line-height:1.5}@media (min-width: 750px){.micro-moves__subtitle{font-size:16px}}.micro-moves__nav{display:none;gap:4px;align-items:center;flex-shrink:0}@media (min-width: 750px){.micro-moves__nav{display:flex}}.micro-moves__nav button{width:40px;height:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;padding:0}.micro-moves__nav button:hover:not(.is-disabled){opacity:.7}.micro-moves__nav button.is-disabled{opacity:.3;pointer-events:none}.micro-moves__nav button .icon,.micro-moves__nav button svg{width:20px;height:20px}.micro-moves__nav button .carousel-arrow{display:flex;align-items:center;justify-content:center;border:none;border-radius:0;background:transparent;width:auto;height:auto}.micro-moves__nav button .carousel-arrow:hover{background:transparent}.micro-moves__nav button .carousel-arrow svg{width:20px;height:20px}.micro-moves__wrapper{overflow:hidden;padding-left:var(--global-sect-pad-x-md, 16px)}.micro-moves__track{display:flex;gap:16px;transition:transform var(--transition-speed, .4s) ease-out;cursor:grab}.micro-moves__track:active,.micro-moves__track.is-dragging{cursor:grabbing}.micro-moves__track.is-dragging{transition:none;-webkit-user-select:none;user-select:none}.micro-moves__track.is-dragging *{pointer-events:none}.micro-moves__slide{flex:0 0 calc(80% - 16px);min-width:calc(80% - 16px)}@media (min-width: 749px) and (max-width: 1231px){.micro-moves__slide{flex:0 0 calc(44.44% - 16px);min-width:calc(44.44% - 16px)}}@media (min-width: 1232px){.micro-moves__slide{flex:0 0 calc(30.77% - 16px);min-width:calc(30.77% - 16px)}}.micro-moves__card{display:flex;flex-direction:column;height:100%;border-radius:16px;overflow:hidden;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.1)}.micro-moves__media-wrapper{position:relative;width:100%;padding-bottom:56.25%;background:#111;overflow:hidden}.micro-moves__media{position:absolute;top:0;left:0;width:100%;height:100%}.micro-moves__poster{position:absolute;top:0;left:0;width:100%;height:100%;border:none;padding:0;margin:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;-webkit-touch-callout:none}.micro-moves__poster-image,.micro-moves__poster img{width:100%;height:100%;object-fit:cover}.micro-moves__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease;box-shadow:0 2px 8px #00000026}.micro-moves__poster:hover .micro-moves__play-button{transform:translate(-50%,-50%) scale(1.1);background:#fff}.micro-moves__play-button .icon{width:18px;height:18px;margin-left:3px;color:#111}.micro-moves__media[loaded] .micro-moves__poster{display:none}.micro-moves__unmute{position:absolute;top:12px;left:12px;z-index:10;display:none;align-items:center;gap:6px;padding:8px 12px;background:#000000b3;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,opacity .2s ease;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.micro-moves__unmute:hover{background:#000000d9}.micro-moves__unmute svg,.micro-moves__unmute .icon{width:16px;height:16px}.micro-moves__media[loaded] .micro-moves__unmute{display:flex}.micro-moves__unmute.is-hidden{opacity:0;pointer-events:none}.micro-moves__controls{position:absolute;bottom:0;left:0;right:0;display:none;align-items:center;gap:12px;padding:12px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);z-index:5}.micro-moves__media[loaded] .micro-moves__controls{display:flex}.micro-moves__play-pause{flex-shrink:0;width:36px;height:36px;border:none;background:#fff3;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;padding:0}.micro-moves__play-pause:hover{background:#ffffff4d}.micro-moves__play-pause .icon,.micro-moves__play-pause svg{width:14px;height:14px;color:#fff}.micro-moves__icon-play,.micro-moves__icon-pause{display:flex;align-items:center;justify-content:center}.micro-moves__icon-pause,.micro-moves__media.is-playing .micro-moves__icon-play{display:none}.micro-moves__media.is-playing .micro-moves__icon-pause{display:flex}.micro-moves__progress{flex-grow:1;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;overflow:hidden}.micro-moves__progress-bar{height:100%;width:0%;background:#fff;border-radius:2px;transition:width .1s linear}.micro-moves__media video{width:100%;height:100%;object-fit:cover;background:#111}.micro-moves__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.05)}.micro-moves__placeholder .placeholder-svg{width:50%;height:50%;opacity:.3}.micro-moves__content{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}@media (min-width: 750px){.micro-moves__content{padding:20px}}.micro-moves__heading{margin:0;font-size:18px;font-weight:600;line-height:1.3}@media (min-width: 750px){.micro-moves__heading{font-size:20px}}.micro-moves__tag{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.08);padding:4px 10px;border-radius:4px;width:fit-content}.micro-moves__text{margin:0;color:rgba(var(--color-foreground),.7);font-size:13px;line-height:1.55}@media (min-width: 750px){.micro-moves__text{font-size:14px}}.micro-moves__button.button{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1;padding:1.2rem 2.4rem;min-height:0}.micro-moves:focus{outline:none}.micro-moves:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.micro-moves__poster:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.micro-moves__mobile-hint{display:flex;justify-content:center;gap:6px;padding-top:16px}@media (min-width: 750px){.micro-moves__mobile-hint{display:none}}.micro-moves__dot{width:6px;height:6px;border-radius:50%;background:rgba(var(--color-foreground),.2);transition:background .2s ease}.micro-moves__dot.is-active{background:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/64/assets/micro-moves.css.map */