.product-comparator{margin-bottom:10rem;margin-top:11.2rem}.product-comparator__heading{align-items:center;display:flex;flex-direction:column}.product-comparator__heading h2{color:var(--grey-875);font-size:3rem;font-weight:700;line-height:3.54rem;margin:0;text-align:center}@media screen and (min-width:768px){.product-comparator__heading h2{font-size:4.8rem;line-height:5.664rem}}.product-comparator__heading h2+p{margin-top:3rem}@media screen and (min-width:768px){.product-comparator__heading h2+p{margin-top:2.1rem}}.product-comparator__heading p{color:var(--grey-875);font-size:1.5rem;font-weight:400;line-height:2.235rem;margin-bottom:0;opacity:.6;text-align:center}@media screen and (min-width:768px){.product-comparator__heading p{font-size:2rem;line-height:2.94rem}}.product-comparator__heading .heading__button{margin-top:1.9rem}@media screen and (min-width:768px){.product-comparator__heading .heading__button{margin-top:1.7rem}}.product-comparator__button:not(.tertiary):hover{text-decoration:none}.product-comparator__grid{column-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr);margin:3rem auto 0;max-width:84rem;width:100%}@media screen and (min-width:475px){.product-comparator__grid{column-gap:1.5rem}}@media screen and (min-width:768px){.product-comparator__grid{column-gap:4rem;margin:6rem auto 0}}.product-comparator__grid>.column{display:flex;flex-direction:column}.product-comparator__grid .column__selector{position:relative}.product-comparator__grid .column__selector .selector{align-items:center;border:1px solid var(--grey-175);border-radius:8px;color:var(--grey-850);cursor:pointer;display:flex;font-size:.95rem;font-weight:700;justify-content:space-between;line-height:1.988rem;padding:1rem .75rem}@media screen and (min-width:475px){.product-comparator__grid .column__selector .selector{font-size:1.2rem;padding:1.4rem 1rem}}@media screen and (min-width:768px){.product-comparator__grid .column__selector .selector{font-size:1.7rem;line-height:2.38rem;padding:1.6rem 2rem}}.product-comparator__grid .column__selector .selector>svg{flex-shrink:0;margin-left:.5rem;width:1.2rem}@media screen and (min-width:475px){.product-comparator__grid .column__selector .selector>svg{margin-left:1rem;width:1.4rem}}.product-comparator__grid .column__selector .selector.open>svg{transform:rotate(-180deg)}.product-comparator__grid .column__selector .selector__dropdown{background-color:var(--white);border:0;border-radius:8px;display:flex;flex-direction:column;height:auto;left:0;max-height:0;overflow:hidden;position:absolute;top:calc(100% + .4rem);width:100%;z-index:50}.product-comparator__grid .column__selector .selector__dropdown.open{animation:dropdown-open .5s ease 0s forwards}.product-comparator__grid .column__selector .selector__dropdown.close{animation:dropdown-close .5s ease 0s forwards}@keyframes dropdown-open{0%{border:0;max-height:0;pointer-events:none}1%{border:1px solid var(--grey-175);pointer-events:all}99%{border:1px solid var(--grey-175);max-height:400px;pointer-events:all}to{border:1px solid var(--grey-175);max-height:max-content;pointer-events:all}}@keyframes dropdown-close{0%{border:1px solid var(--grey-175);max-height:400px;pointer-events:all}99%{border:1px solid var(--grey-175);max-height:0;pointer-events:all}to{border:0;max-height:0;pointer-events:none}}.product-comparator__grid .column__selector .selector__dropdown button{background-color:transparent;border:0;color:var(--grey-850);cursor:pointer;font-size:1.3rem;font-weight:700;line-height:1.988rem;padding:.7rem 1rem;text-align:left;transition:background-color .175s ease}.product-comparator__grid .column__selector .selector__dropdown button:first-child{margin-top:.8rem}.product-comparator__grid .column__selector .selector__dropdown button:last-child{margin-bottom:.8rem}.product-comparator__grid .column__selector .selector__dropdown button:hover{background-color:var(--cold-100)}@media screen and (min-width:768px){.product-comparator__grid .column__selector .selector__dropdown button{font-size:1.7rem;line-height:2.38rem;padding:.8rem 2rem}}.product-comparator__grid .column__selector+.column__products{margin-top:8rem}.product-comparator__grid .column__products{display:flex;flex-direction:column;flex-grow:1}