.duo-split-block{width:100%;margin-bottom:28px}.duo-split-split{position:relative;--position:50%;border-radius:32px;overflow:hidden;box-shadow:0 0 0 1px #e8e8eb;min-height:430px}.duo-split-layer{display:grid;grid-template-columns:1fr 1fr;min-height:inherit}.duo-split-left,.duo-split-right{padding:75px 65px;display:flex;align-items:center}.duo-split-light{background:#fff;color:#202124}.duo-split-dark{position:absolute;inset:0;background:#101112;color:#fff;clip-path:inset(0 calc(100% - var(--position)) 0 0);pointer-events:none}.duo-split-block h4{font-weight:650;font-size:clamp(30px,3.5vw,49px);line-height:1.12;letter-spacing:-.045em;margin:0;color:inherit}.duo-split-block p{font-size:clamp(17px,1.65vw,23px);line-height:1.6;margin:0;color:inherit}.duo-split-divider{position:absolute;left:var(--position);top:0;transform:translateX(-50%);width:34px;height:100%;filter:drop-shadow(3px 0 5px #0004);pointer-events:none;z-index:2}.duo-split-drag{position:absolute;left:clamp(24px,var(--position),calc(100% - 24px));top:50%;transform:translate(-50%,-50%);width:48px;height:76px;border:0;border-radius:12px;background:transparent;cursor:ew-resize;touch-action:none;z-index:3}.duo-split-drag:focus-visible{outline:2px solid #d76570;outline-offset:-3px}.duo-split-split.dragging{user-select:none;cursor:ew-resize}.duo-split-instruction{text-align:center;margin:22px 0;color:#86868b;font-size:14px}
@media(max-width:700px){.duo-split-left,.duo-split-right{padding:36px 23px}.duo-split-split{min-height:460px;border-radius:22px}.duo-split-block h4{font-size:26px}.duo-split-block p{font-size:14px;line-height:1.55}.duo-split-left{padding-right:28px}.duo-split-right{padding-left:28px}.duo-split-divider{width:24px}}