.comparison{border-radius:var(--border-radius);width:100%;overflow:hidden}@media (min-width:992px){.comparison{display:flex}}.comparison__inner{flex:1;position:relative}.comparison__inner--left{background-color:var(--comparison-color-left-bg);padding:2rem 2rem 4rem}@media (min-width:992px){.comparison__inner--left{padding:4rem 8rem 4rem 4rem}}.comparison__inner--right{background-color:var(--comparison-color-right-bg);padding:4rem 2rem 2rem}@media (min-width:992px){.comparison__inner--right{padding:4rem 4rem 4rem 8rem}}.comparison__arrows{z-index:1;width:6rem;height:auto;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.comparison__arrows .comparison-arrow:first-child{fill:var(--comparison-color-right-bg);transform:translate(1px)}.comparison__arrows .comparison-arrow:last-child{fill:var(--comparison-color-left-bg);transform:translate(-1px)}@media (min-width:992px){.comparison__arrows{top:50%;left:100%;transform:translate(-50%,-50%)}}[data-color-scheme=light] .comparison{--comparison-color-left-bg:hsl(from var(--color-primary) h s 95%);--comparison-color-right-bg:hsl(from var(--color-primary) h s 90%)}[data-color-scheme=dark] .comparison{--comparison-color-left-bg:hsl(from var(--color-primary) h s 20%);--comparison-color-right-bg:hsl(from var(--color-primary) h s 35%)}[data-color-scheme=highlight] .comparison{--comparison-color-left-bg:color-mix(in srgb, var(--color-primary) 5%, var(--color-bg));--comparison-color-right-bg:color-mix(in srgb, var(--color-primary) 15%, var(--color-bg))}
/*# sourceMappingURL=comparison.min.css.map */