@layer components{.c-technology-compare-form{background-color:#fff;display:flex;flex-direction:column;gap:20px}.c-technology-compare-form__heading{border-bottom:2px solid var(--brand-yellow);color:var(--brand-black);font-family:var(--headings-font-family);font-size:var(--font-size-h4);font-variation-settings:"wght" 900;line-height:1.4;position:relative}.c-technology-compare-form__heading input[name=mobileToggle]{height:100%;inset:0;opacity:0;position:absolute;width:100%}.c-technology-compare-form__input-container{display:flex;flex-direction:column;gap:20px}.c-technology-compare-form__radio-set{--grid-columns:1;border:none;display:grid;gap:12px;grid-auto-flow:row;grid-template-columns:repeat(var(--grid-columns),1fr);margin-top:10px;padding:0;position:relative}.c-technology-compare-form__radio-set--2-col{--grid-columns:2}.c-technology-compare-form__radio-set--narrow-container{max-width:180px}.c-technology-compare-form__radio-set__legend{inset:0;opacity:0;pointer-events:none;position:absolute}.c-technology-compare-form__radio-set__group-label{color:var(--brand-purple);font-size:15px;font-weight:var(--font-weight-medium);grid-column:1/span var(--grid-columns);line-height:1;margin-bottom:5px}.c-technology-compare-form__radio-set__radio{display:flex;gap:10px}.c-technology-compare-form__radio-set__radio:hover{cursor:pointer}.c-technology-compare-form__radio-set__radio__el{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--brand-indigo-7);border:1px solid #cacaca;border-radius:50%;height:20px;position:relative;width:20px}.c-technology-compare-form__radio-set__radio__el:hover{cursor:pointer}.c-technology-compare-form__radio-set__radio__el:before{background-image:var(--brand-gradient-pink-red-90deg);border-radius:50%;clip-path:circle(0);content:"";height:60%;inset:50% auto auto 50%;position:absolute;transform:translate(-50%,-50%);transition:clip-path .2s ease;width:60%}.c-technology-compare-form__radio-set__radio__el:checked:before{clip-path:circle(50%)}.c-technology-compare-form__radio-set__radio__label{color:var(--brand-black-80);flex:1;font-weight:var(--font-weight-regular);line-height:1.1}.c-technology-compare-form__select{--api-input-border-bottom:var(--brand-pink);--api-input-label-color:var(--brand-pink);--api-input-font-weight:var(--font-weight-medium)}@media (min-width:1201px){.c-technology-compare-form__heading input[name=mobileToggle]{display:none}}@media (max-width:1200px){.c-technology-compare-form{--grid-gap:0px;--input-container-row:0fr;--input-container-visibility:hidden;--input-container-opacity:0;--transition-duration:300ms;display:grid;gap:var(--grid-gap);grid-template-columns:1fr;grid-template-rows:30px var(--input-container-row);overflow:hidden;transition:var(--transition-duration) ease;transition-property:grid-template-rows,gap}.c-technology-compare-form__heading{align-items:center;align-self:start;display:flex;font-size:var(--font-size-h5);gap:10px;grid-row:1}.c-technology-compare-form__heading:after{background-image:var(--brand-gradient-indigo-purple-180deg);content:"";display:block;height:16px;-webkit-mask:url(../../../img/icons/chevron-down.svg) center/contain no-repeat;mask:url(../../../img/icons/chevron-down.svg) center/contain no-repeat;pointer-events:none;transform:rotateX(0deg);width:16px}.c-technology-compare-form__heading:has(input[name=mobileToggle]:checked):after{transform:rotateX(180deg)}.c-technology-compare-form__heading:not(:has(input[name=mobileToggle]:checked)){border-color:transparent}.c-technology-compare-form:has(input[name=mobileToggle]:checked){--input-container-row:1fr;--input-container-visibility:visible;--input-container-opacity:1;--grid-gap:20px}.c-technology-compare-form__input-container{grid-row:2;min-height:0;opacity:var(--input-container-opacity);transition:var(--transition-duration) ease;transition-property:visibility,opacity;visibility:var(--input-container-visibility)}}}