@layer layouts{.l-technology-compare-tool{background-color:#fff;display:grid;gap:25px 0;grid-template-columns:var(--grid-browser-gutter) 320px 90px 1fr var(--grid-browser-gutter);grid-template-rows:auto auto auto;padding:20px 0}.l-technology-compare-tool__intro-heading{grid-column:4;grid-row:1}.l-technology-compare-tool__intro-blurb{grid-column:4;grid-row:2}.l-technology-compare-tool__intro-blurb p+p{margin-top:15px}.l-technology-compare-tool__form{grid-column:2;grid-row:3}.l-technology-compare-tool__results{display:flex;flex-direction:column;gap:50px;grid-column:4;grid-row:3;padding-bottom:100px}.l-technology-compare-tool__results__cards{--grid-columns:3;display:grid;gap:20px;grid-template-columns:repeat(var(--grid-columns),1fr)}.l-technology-compare-tool__results__cards li>*{height:100%}.l-technology-compare-tool__compare-screen{background-color:#fff;height:100%;inset:0;opacity:0;overflow-x:clip;overflow-y:auto;padding-top:calc(var(--desktop-header-height));pointer-events:none;position:fixed;transition:.3s ease;transition-property:visibility,opacity;visibility:hidden;width:100%;z-index:100}.l-technology-compare-tool__compare-screen.is-visible{opacity:1;pointer-events:all;visibility:visible}body:has(.l-technology-compare-tool__compare-screen.is-visible),html:has(.l-technology-compare-tool__compare-screen.is-visible){overflow:hidden}.l-technology-compare-tool__compare-screen:not(:has(*)){display:none}.l-technology-compare-tool__compare-controls{bottom:0;grid-column:1/span 5;grid-row:3;margin-top:auto;pointer-events:none;position:sticky;z-index:40}@media (min-width:1201px){.l-technology-compare-tool__form{position:relative}.l-technology-compare-tool__form__container{height:100%;max-height:calc(100vh - var(--desktop-header-height));overflow-x:clip;overflow-y:auto;position:sticky;top:calc(var(--desktop-header-height))}}@media (max-width:1400px){.l-technology-compare-tool__results__cards{--grid-columns:2}}@media (max-width:1200px){.l-technology-compare-tool{display:flex;flex-direction:column;gap:20px;padding:20px var(--grid-browser-gutter) 0}.l-technology-compare-tool__results{gap:30px}.l-technology-compare-tool__results__cards{--grid-columns:1}.l-technology-compare-tool__compare-controls{transform:translateX(calc(var(--grid-browser-gutter)*-1));width:calc(100% + var(--grid-browser-gutter)*2)}.l-technology-compare-tool__compare-screen{padding-top:calc(var(--mobile-header-height))}}}