natua-video-carousel{display:block}.n-vc{--n-vc-w: 56%;--n-vc-shift: 92%;--n-vc-dur: .38s;--n-vc-ease: cubic-bezier(.22, .7, .2, 1);margin:0}.n-vc__title{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:2.2rem;line-height:1.2;letter-spacing:0;color:rgb(var(--color-link))}.n-vc__body{position:relative;isolation:isolate;max-width:46rem;margin-inline:auto}.n-vc__viewport{overflow:hidden;padding-block:1.8rem;cursor:pointer;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.n-vc__viewport.is-dragging{cursor:grabbing}.n-vc__viewport:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:-.3rem;border-radius:var(--n-r-l)}.n-vc__track{display:grid;grid-template-columns:minmax(0,1fr)}.n-vc__slide{position:relative;z-index:var(--z, 1);grid-area:1 / 1;justify-self:center;width:var(--n-vc-w);aspect-ratio:var(--n-vc-ratio, 9 / 16);overflow:hidden;isolation:isolate;border-radius:var(--n-r-l);background:var(--n-menta);opacity:var(--o, 1);transform:translate(calc(var(--x, 0%) + var(--n-vc-drag, 0px))) scale(var(--s, 1));transition:transform var(--n-vc-dur) var(--n-vc-ease),opacity var(--n-vc-dur) var(--n-vc-ease),visibility 0s linear 0s;-webkit-touch-callout:none}.n-vc__slide[data-pos="0"]{--x: 0%;--s: 1;--o: 1;--z: 3;box-shadow:0 .8rem 1.8rem -.8rem #13261f8c}.n-vc__slide[data-pos="-1"],.n-vc__slide[data-pos="1"]{--s: .86;--o: .55;--z: 2}.n-vc__slide[data-pos="-1"]{--x: calc(var(--n-vc-shift) * -1)}.n-vc__slide[data-pos="1"]{--x: var(--n-vc-shift)}.n-vc__slide[data-pos="-2"],.n-vc__slide[data-pos="2"]{--s: .72;--o: 0;--z: 1;visibility:hidden;transition:transform var(--n-vc-dur) var(--n-vc-ease),opacity var(--n-vc-dur) var(--n-vc-ease),visibility 0s linear var(--n-vc-dur)}.n-vc__slide[data-pos="-2"]{--x: calc(var(--n-vc-shift) * -2)}.n-vc__slide[data-pos="2"]{--x: calc(var(--n-vc-shift) * 2)}.n-vc__viewport.is-dragging .n-vc__slide[data-pos],.n-vc__slide.is-jump[data-pos]{transition:none}.n-vc__video{display:block;width:100%;height:100%;object-fit:cover;background:var(--n-menta);pointer-events:none}.n-vc__arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:4.4rem;height:4.4rem;margin:-2.2rem 0 0;padding:0;border:0;border-radius:50%;background:#fff;color:var(--n-tinta);box-shadow:0 .2rem 1rem #13261f4d;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}.n-vc__arrow[hidden]{display:none}.n-vc__arrow--prev{left:.4rem}.n-vc__arrow--next{right:.4rem}.n-vc__arrow--prev .n-icon{transform:rotate(90deg)}.n-vc__arrow--next .n-icon{transform:rotate(-90deg)}.n-vc__arrow:active{transform:scale(.94)}.n-vc__arrow:focus-visible{outline:.3rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:0 0 0 .2rem #fff,0 .2rem 1rem #13261f4d}.n-vc__controls{position:absolute;bottom:2.6rem;left:50%;z-index:4;display:flex;justify-content:space-between;box-sizing:border-box;width:var(--n-vc-w);padding-inline:.8rem;transform:translate(-50%);pointer-events:none}.n-vc__controls[hidden]{display:none}.n-vc__ctl{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(255,255,255,.45);border-radius:50%;background:#13261fc7;color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.n-vc__ctl:focus-visible{outline:.3rem solid #fff;outline-offset:.2rem;box-shadow:0 0 0 .2rem #13261f}.n-vc__ico{display:none;width:2.4rem;height:2.4rem}.n-vc__controls.is-playing .n-vc__ico--pause,.n-vc__controls:not(.is-playing) .n-vc__ico--play,.n-vc__ctl--sound[aria-pressed=true] .n-vc__ico--on,.n-vc__ctl--sound[aria-pressed=false] .n-vc__ico--off{display:block}.n-vc__dots{display:flex;align-items:center;justify-content:center;gap:.8rem;min-height:1.2rem}.n-vc__dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(var(--color-foreground),.55);transition:transform .2s ease,background-color .2s ease}.n-vc__dot.is-active{background:rgb(var(--color-link));transform:scale(1.35)}@media(hover:hover){.n-vc__arrow:hover{box-shadow:0 .3rem 1.4rem #13261f6b}.n-vc__ctl:hover{background:#13261feb}}@media(prefers-reduced-motion:reduce){.n-vc .n-vc__slide,.n-vc .n-vc__dot,.n-vc .n-vc__arrow{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/natua-video-carousel.css.map */
