.comparison-section-wrapper{margin:var(--space-3) 0;width:100%}.comparison-container{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--black-0);cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--secondary-color);transition:none}.comparison-label{position:absolute;top:var(--space-4);padding:var(--gap-5) var(--space-4);background:var(--black-0);color:var(--white-0);font-family:Rethink Sans,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:2px;z-index:10;pointer-events:none}.comparison-label-figma{left:var(--space-4)}.comparison-label-website{right:var(--space-4)}.comparison-image{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;position:absolute;top:0;left:0}.comparison-image-wrapper{position:absolute;top:0;left:0;height:100%;overflow:hidden;pointer-events:none;box-shadow:3px 0 0 var(--black-0);z-index:2}.comparison-image-wrapper .comparison-image{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}.comparison-slider{position:absolute;top:0;bottom:0;width:3px;background:var(--black-0);z-index:5;transform:translate(-50%)}.comparison-slider-line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--black-0);transform:translate(-50%)}.comparison-slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border:3px solid var(--black-0);background:var(--white-0);color:var(--black-0);display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.comparison-container:hover .comparison-slider-button{background:var(--black-0);color:var(--white-0)}.comparison-block{margin-bottom:var(--space-4)}.comparison-caption{margin-top:var(--space-3);font-size:16px;font-weight:500;color:var(--primary-color);text-align:center}@media (max-width: 768px){.comparison-slider-button{width:48px;height:48px}.comparison-label{padding:var(--gap-5) var(--gap-4);font-size:12px;top:var(--gap-4)}.comparison-label-figma{left:var(--gap-4)}.comparison-label-website{right:var(--gap-4)}.comparison-caption{font-size:14px}}