@layer components{.c-check-tag{--check-tag-line-width:1px;--check-tag-line-height:16px;--check-tag-line-color:var(--brand-blue);--check-tag-gap:20px;--check-active-underline-transform:scaleX(0);color:var(--check-tag-color,var(--brand-navy));font-size:var(--check-tag-font-size,16px);font-weight:var(--check-tag-font-weight,var(--font-weight-regular));line-height:1;opacity:1;padding-right:calc(var(--check-tag-gap)/2);position:relative;transition:opacity .2s ease}.c-check-tag:not(:has(.c-check-tag__checkbox:checked)):focus-within,.c-check-tag:not(:has(.c-check-tag__checkbox:checked)):hover{opacity:var(--check-tag-hover-opacity,.6)}.c-check-tag__checkbox{height:100%;inset:0;opacity:0;position:absolute;width:100%}.c-check-tag:has(.c-check-tag__checkbox:checked){--check-active-underline-transform:scaleX(1);--check-tag-color:var(--check-tag-color-active,var(--brand-navy));--check-tag-underline-color:var(--check-tag-underline-color-active,var(--brand-navy))}.c-check-tag:nth-child(1n+2){padding-left:calc(var(--check-tag-gap)/2 + var(--check-tag-line-width))}.c-check-tag:nth-child(1n+2):before{background-color:var(--api-check-tag-line-color,var(--check-tag-line-color));content:"";height:var(--check-tag-line-height);inset:50% auto auto 0;position:absolute;transform:translateY(-50%);width:var(--check-tag-line-width)}.c-check-tag:after{background-color:var(--check-tag-underline-color,var(--brand-blue));content:"";height:1px;inset:auto 0 -7px;position:absolute;right:calc(var(--check-tag-gap)/2);transform:var(--check-active-underline-transform);transform-origin:left;transition:transform .2s ease}.c-check-tag:nth-child(1n+2):after{left:calc(var(--check-tag-gap)/2 + var(--check-tag-line-width))}.c-check-tag__checkbox:hover{cursor:pointer}}