@layer components{.c-technology-card{background-color:#fff;border-radius:20px;box-shadow:1px 1px 15px rgba(0,0,0,.1);display:grid;gap:20px 0;grid-template-columns:20px 1fr 20px;grid-template-rows:30px fit-content(100%) fit-content(100%) repeat(2,auto) 0;overflow:hidden;position:relative;transition:.15s ease;transition-property:background-color}.c-technology-card__image{--image-object-fit:cover;aspect-ratio:380/230;background-color:#dddde3;display:block;grid-column:1/span 3;grid-row:1/span 2;max-height:300px;position:relative;width:100%}.c-technology-card__image--contain{--image-object-fit:contain;background-color:#fff}.c-technology-card__image__el{height:100%;inset:0;-o-object-fit:var(--image-object-fit);object-fit:var(--image-object-fit);position:absolute;width:100%}.c-technology-card__image__expand{background-color:var(--brand-purple);border-radius:50%;height:32px;inset:auto 10px 10px auto;position:absolute;transition:background-color .15s ease;width:32px;z-index:10}.c-technology-card__image__expand:before{background-color:#fff;content:"";inset:7px;-webkit-mask:url(../../../img/icons/magnifying-glass-outline.svg) center/contain no-repeat;mask:url(../../../img/icons/magnifying-glass-outline.svg) center/contain no-repeat;position:absolute}.c-technology-card__image__expand:focus,.c-technology-card__image__expand:hover{background-color:var(--brand-indigo);cursor:pointer}.c-technology-card__heading{color:var(--brand-black);font-family:var(--headings-font-family);font-size:var(--font-size-h5);font-variation-settings:"wght" 900;grid-column:2;grid-row:3;line-height:1.4}.c-technology-card__blurb{align-self:stretch;font-size:15px;grid-column:2;grid-row:4;line-height:1.6;margin-top:-15px}.c-technology-card__blurb *+*{margin-top:15px}.c-technology-card__dummy-link{color:var(--brand-black);font-family:var(--headings-font-family);font-size:1.05rem;font-weight:var(--font-weight-bold);grid-column:2;grid-row:5;margin-top:auto;transition:.15s ease;transition-property:transform,background-color}.c-technology-card__dummy-link:after{background-color:currentColor;content:"";display:inline-block;height:20px;margin-left:5px;-webkit-mask:url(../../../img/icons/arrow-right-circle.svg) center/contain no-repeat;mask:url(../../../img/icons/arrow-right-circle.svg) center/contain no-repeat;position:relative;top:.2em;transition:.15s ease;transition-property:transform,background-color;width:20px}.c-technology-card:has(.c-technology-card__link:hover,.c-technology-card__link:focus){background-color:var(--brand-indigo-7)}.c-technology-card:has(.c-technology-card__link:hover,.c-technology-card__link:focus) .c-technology-card__dummy-link{color:var(--brand-pink)}.c-technology-card:has(.c-technology-card__link:hover,.c-technology-card__link:focus) .c-technology-card__dummy-link:after{transform:translateX(3px)}.c-technology-card__link{grid-column:1/span 3;grid-row:3/span 3;margin-bottom:-20px;margin-top:-20px;z-index:3}.c-technology-card__compare-checkbox{background-image:var(--brand-gradient-indigo-purple-180deg);border-radius:4px;display:flex;gap:10px;inset:14px auto auto 14px;padding:8px 12px 8px 8px;position:absolute;z-index:5}.c-technology-card__compare-checkbox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--brand-indigo-7);border:1px solid #cacaca;border-radius:2px;height:18px;position:relative;width:18px}.c-technology-card__compare-checkbox__input:before{background-image:var(--brand-gradient-pink-red-90deg);content:"";inset:0;-webkit-mask:url(../../../img/icons/check.svg) center/contain no-repeat;mask:url(../../../img/icons/check.svg) center/contain no-repeat;opacity:0;position:absolute;transform:scale(.7);transition:.15s ease;transition-property:transform,opacity}.c-technology-card__compare-checkbox:hover,.c-technology-card__compare-checkbox__input:hover{cursor:pointer}.c-technology-card__compare-checkbox__input:focus:before,.c-technology-card__compare-checkbox__input:hover:before{opacity:.3;transform:scale(1)}.c-technology-card__compare-checkbox__input:checked:before{opacity:1;transform:scale(1)}.c-technology-card__compare-checkbox__label{color:#fff;flex:1;font-size:1rem;line-height:1.1}}