@media screen and (max-width: 767.8px){.smi-display-settings.smi-display-desktop{display:none !important}}@media screen and (min-width: 768px){.smi-display-settings.smi-display-mobile{display:none !important}}.smi-image-comparison-3__grid{display:grid;grid-template-columns:repeat(var(--columns-desktop, 4), minmax(0, 1fr));gap:var(--column-gap, 16px)}@media screen and (max-width: 575.98px){.smi-image-comparison-3__grid{grid-template-columns:repeat(var(--columns-mobile, 1), minmax(0, 1fr))}}.smi-image-comparison-3 .smi-media-height-xxs-small{height:320px}.smi-image-comparison-3 .smi-media-height-x-small{height:400px}.smi-image-comparison-3 .smi-media-height-small{height:480px}.smi-image-comparison-3 .smi-media-height-medium{height:560px}.smi-image-comparison-3 .smi-media-height-large{height:680px}.smi-image-comparison-3__media{z-index:1}.smi-image-comparison-3__media picture,.smi-image-comparison-3__media img,.smi-image-comparison-3__media svg{object-fit:cover}.smi-image-comparison-3__media--after{z-index:2;clip-path:inset(0 100% 0 0);transition:clip-path .7s cubic-bezier(0.65, 0, 0.35, 1)}.smi-image-comparison-3__card[data-state=after] .smi-image-comparison-3__media--after{clip-path:inset(0 0 0 0)}.smi-image-comparison-3__overlay{z-index:3;padding:calc(var(--spacing-elements, 1)*20px);pointer-events:none;color:#fff}.smi-image-comparison-3__content{gap:calc(var(--spacing-elements, 1)*12px)}.smi-image-comparison-3__badge{display:inline-block;padding:var(--badge-padding-y, 6px) var(--badge-padding-x, 14px);border:1px solid currentColor;border-radius:var(--badge-corner-radius, 20px);font-size:var(--badge-font-size, 12px);line-height:1.2}.smi-image-comparison-3__title{font-size:var(--title-font-size, 24px);line-height:1.2;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 500)}.smi-image-comparison-3__toggle{padding:4px;background:var(--toggle-button-bg, #FFFFFF);border-radius:var(--toggle-corner-radius, 20px);pointer-events:auto;isolation:isolate}.smi-image-comparison-3__toggle::before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--toggle-active-bg, #1F1F21);border-radius:calc(var(--toggle-corner-radius, 20px) - 4px);transition:transform .4s cubic-bezier(0.65, 0, 0.35, 1);z-index:0}.smi-image-comparison-3__toggle--border{background:rgba(0,0,0,0);border:1px solid var(--toggle-button-bg, #FFFFFF)}.smi-image-comparison-3__toggle--border::before{display:none}.smi-image-comparison-3__card[data-state=after] .smi-image-comparison-3__toggle::before{transform:translateX(100%)}.smi-image-comparison-3__toggle-btn{z-index:1;appearance:none;border:0;cursor:pointer;padding:8px 16px;background:rgba(0,0,0,0);color:var(--toggle-button-text, #1F1F21);transition:color .4s cubic-bezier(0.65, 0, 0.35, 1)}.smi-image-comparison-3__toggle-btn.is-active{color:var(--toggle-active-text, #FFFFFF)}.smi-image-comparison-3__toggle-btn:focus-visible{outline:2px solid var(--toggle-active-bg, #1F1F21);outline-offset:2px;border-radius:calc(var(--toggle-corner-radius, 20px) - 4px)}.smi-image-comparison-3__toggle--border .smi-image-comparison-3__toggle-btn{border-radius:var(--toggle-corner-radius, 20px);transition:background .4s cubic-bezier(0.65, 0, 0.35, 1),color .4s cubic-bezier(0.65, 0, 0.35, 1);color:#fff}.smi-image-comparison-3__toggle--border .smi-image-comparison-3__toggle-btn.is-active{border:1px solid var(--toggle-button-bg, #FFFFFF)}