.CodeTabComparisonBlock{--block-margin:0;--block-handle-size:var(--5x)}@media(max-width:719px){.CodeTabComparisonBlock{--block-handle-size:var(--3x)}}.CodeTabComparisonBlock img{height:auto;width:100%}.CodeTabComparisonBlock .after,.CodeTabComparisonBlock .before{margin:0}.CodeTabComparisonBlock .after figcaption,.CodeTabComparisonBlock .before figcaption{background:var(--color-white);border:1px solid var(--color-medium-blue);border-radius:var(--border-radius);color:var(--color-medium-blue);font-size:var(--font-size-small);line-height:100%;opacity:.8;padding:var(--1x);position:absolute;top:50%;transform:translateY(-50%)}.CodeTabComparisonBlock .before figcaption{left:12px}.CodeTabComparisonBlock .after figcaption{right:12px}.CodeTabComparisonBlock .handle{display:flex;flex-direction:row;margin-top:var(--block-handle-size);transition:transform .2s}.CodeTabComparisonBlock .left,.CodeTabComparisonBlock .right{background-color:var(--color-white);border-radius:100%;box-shadow:var(--box-shadow-high-black);color:var(--color-blue);display:block;font-size:var(--block-handle-size);font-weight:var(--font-weight-semibold);height:var(--block-handle-size);line-height:calc(var(--block-handle-size) + 2px);position:relative;text-align:center;top:50%;transform:translateY(-50%);width:var(--block-handle-size)}.CodeTabComparisonBlock .left{margin-right:var(--block-handle-size);padding-right:2px}.CodeTabComparisonBlock .right{padding-left:2px}.CodeTabComparisonBlock--slider:hover .handle{transform:scale(1.2)}