@layer components{.c-technology-compare-controls{align-items:center;background-image:var(--brand-gradient-indigo-purple-180deg);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);display:flex;gap:20px;padding:10px var(--grid-browser-gutter);pointer-events:all;transform:translateY(0);transition:.15s ease;transition-property:transform,visibility,clip-path;visibility:visible}.c-technology-compare-controls:not(:has(.c-technology-compare-controls__selections li)),.is-comparing-single-detail .c-technology-compare-controls{clip-path:polygon(0 0,100% 0,100% 0,0 0);pointer-events:none;transform:translateY(100%);visibility:hidden}.c-technology-compare-controls__selections{display:flex;flex:1;flex-flow:row wrap;gap:10px;margin-right:auto}.c-technology-compare-controls__selections__selection{background-color:hsla(0,0%,100%,.2);border-radius:50px;color:#fff;font-family:var(--headings-font-family);font-size:15px;font-variation-settings:"wght" var(--font-weight-semi-bold);line-height:1.1;padding:9px 15px 8px}.c-technology-compare-controls__selections__selection__clear{background-color:var(--brand-yellow);height:12px;margin-left:10px;-webkit-mask:url(../../../img/icons/times.svg) center/contain no-repeat;mask:url(../../../img/icons/times.svg) center/contain no-repeat;position:relative;top:.1em;width:12px}.c-technology-compare-controls__selections__selection__clear:focus,.c-technology-compare-controls__selections__selection__clear:hover{background-color:var(--brand-pink)}.c-technology-compare-controls__compare-selected-text{color:#fff;font-size:1.16rem;font-weight:650;line-height:1.7}.c-technology-compare-controls__button{--button-text-color:var(--brand-black);--button-background-color:var(--brand-yellow);--button-border-color:var(--brand-yellow);--button-text-color-active:var(--brand-yellow);--button-background-color-active:transparent}@media (max-width:1200px){.c-technology-compare-controls__selections{display:none}.c-technology-compare-controls__compare-selected-text{margin-right:auto}}}