.cx{outline:none;--slide-w:min(400px,84vw)}.cx--portrait{--cx-h:calc(var(--slide-w) * 1.25 + 240px)}.cx__viewport{position:relative;height:var(--cx-h,420px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}.cx__track{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:grab}.cx__track:active{cursor:grabbing}.cx__slide{position:absolute;width:var(--slide-w);height:100%;display:flex;align-items:center;will-change:transform,opacity}.cx__slide>*{width:100%}.cx__controls{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:18px}.cx__arrow{width:44px;height:44px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(24,76,58,.22);font-size:1.3rem;line-height:1;color:#184c3a;transition:background .2s ease,color .2s ease,border-color .2s ease}.cx__arrow:hover{background:#184c3a;border-color:#184c3a;color:#fff}.cx__dots{display:flex;gap:8px}.cx__dot{width:8px;height:8px;border-radius:999px;background:rgba(24,76,58,.22);transition:transform .2s ease,background .2s ease,width .2s ease}.cx__dot.is-on{width:22px;background:#4ca69c}.cx--dark .cx__arrow{border-color:hsla(0,0%,100%,.28);color:#fff}.cx--dark .cx__arrow:hover{background:#65c3b9;border-color:#65c3b9;color:#0f2e23}.cx--dark .cx__dot{background:hsla(0,0%,100%,.28)}.cx--dark .cx__dot.is-on{background:#65c3b9}