.viva-cc{--viva-cc-card-w: 560px;--viva-cc-gap: 32px;--viva-cc-offset: 357px;padding:var(--viva-section-pad) 0}.viva-cc__glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--viva-cc-bg, none) center / cover no-repeat,radial-gradient(55% 45% at 18% 78%,#46acff73,#46acff00 70%),radial-gradient(40% 30% at 85% 20%,#46acff2e,#46acff00 70%);pointer-events:none}.viva-cc__head,.viva-cc__viewport,.viva-cc__controls{position:relative;z-index:1}.viva-cc__viewport{margin-top:48px}.viva-cc__track{display:flex;gap:var(--viva-cc-gap);margin:0;padding:0 max(var(--viva-gutter),calc((100vw - var(--viva-cc-card-w)) / 2)) 0 calc(max(0px,(100% - var(--viva-content-max)) / 2) + var(--viva-gutter) + var(--viva-cc-offset));list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:calc(max(0px,(100% - var(--viva-content-max)) / 2) + var(--viva-gutter) + var(--viva-cc-offset));scrollbar-width:none;-webkit-overflow-scrolling:touch}.viva-cc__track::-webkit-scrollbar{display:none}.viva-cc__card{position:relative;flex:0 0 var(--viva-cc-card-w);aspect-ratio:560 / 600;overflow:hidden;background:#0c1117;scroll-snap-align:start}.viva-cc__media,.viva-cc__media picture,.viva-cc__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.viva-cc__media img{object-fit:cover}.viva-cc__copy{position:relative;display:flex;flex-direction:column;gap:8px;padding:32px 32px 0;color:#fffffff2}.viva-cc__heading{margin:0;font-family:var(--viva-font-bold);font-weight:700;font-size:28px;line-height:1.2}.viva-cc__body{font-size:16px;line-height:1.4;color:#ffffff80}.viva-cc__body p{margin:0}.viva-cc__body strong,.viva-cc__body em{font-weight:400;font-style:normal;color:#fffffff2}.viva-cc__controls{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:var(--viva-content-max);margin:32px auto 0;padding:0 var(--viva-gutter)}.viva-cc__dots{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 20px;border-radius:999px;background:#fff}.viva-cc__dot{position:relative;width:10px;height:10px;padding:0;border:0;border-radius:999px;overflow:hidden;background:#667d9f;cursor:pointer;transition:width .3s var(--viva-ease),background-color .3s var(--viva-ease)}.viva-cc__dot.is-active{width:96px;background:#c7d3df}.viva-cc__dot.is-active:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#667d9f;content:"";transform:scaleX(0);transform-origin:left center}.viva-cc.is-autoplaying .viva-cc__dot.is-active:before{animation:viva-cc-progress var(--viva-cc-autoplay-duration, 5s) linear forwards}.viva-cc.is-autoplay-paused .viva-cc__dot.is-active:before{animation-play-state:paused}.viva-cc__prev-wrap,.viva-cc__next-wrap{flex:0 0 50px;width:50px;height:50px}.viva-cc__prev,.viva-cc__next{display:grid;width:50px;height:50px;padding:0;place-items:center;border:0;border-radius:50%;background:#fff;color:#667d9f;cursor:pointer;transition:transform .25s var(--viva-ease),background-color .25s var(--viva-ease)}.viva-cc__prev[disabled],.viva-cc__next[disabled]{visibility:hidden;opacity:0;pointer-events:none}.viva-cc__prev:hover{transform:translate(-2px)}.viva-cc__next:hover{transform:translate(2px)}.viva-cc__prev svg,.viva-cc__next svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.viva-cc__prev:focus-visible,.viva-cc__next:focus-visible{outline:2px solid var(--viva-glow);outline-offset:3px}.viva-cc__dot:focus-visible{outline:2px solid var(--viva-glow);outline-offset:2px}@keyframes viva-cc-progress{to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.viva-cc__dot,.viva-cc__prev,.viva-cc__next{transition:none}.viva-cc.is-autoplaying .viva-cc__dot.is-active:before{animation:none;transform:scaleX(1)}}@media screen and (max-width:1100px)and (min-width:750px){.viva-cc{--viva-cc-offset: 0px;--viva-cc-card-w: 480px}}@media screen and (max-width:749px){.viva-cc{--viva-cc-card-w: 308px;--viva-cc-gap: 16px;--viva-cc-offset: 0px}.viva-cc__title{align-items:flex-start;text-align:left}.viva-cc__viewport{margin-top:24px}.viva-cc__track{padding:0 max(16px,calc((100vw - var(--viva-cc-card-w)) / 2)) 0 16px;scroll-padding-left:16px}.viva-cc__dots{gap:8px;min-height:40px;padding:10px 16px}.viva-cc__prev,.viva-cc__next{width:42px;height:42px}.viva-cc__prev-wrap,.viva-cc__next-wrap{flex-basis:42px;width:42px;height:42px}.viva-section *,.viva-section *:before,.viva-section *:after{box-sizing:border-box}.viva-cc__dot{width:8px;height:8px}.viva-cc__card{aspect-ratio:308 / 420;border-radius:4px}.viva-cc__copy{gap:8px;padding:16px 16px 0}.viva-cc__heading{font-size:20px}.viva-cc__body{font-size:12px}.viva-cc__controls{margin-top:24px;padding:0 16px}.viva-cc__dot.is-active{width:72px}}
/*# sourceMappingURL=/cdn/shop/t/121/assets/section-viva-control-cards.css.map */