/* format pick — radio-card registration */
.format-pick__h1.format-pick__h1 {
    font-size: clamp(3.25rem, 1.8rem + 6.2vw, 7.375rem);
    line-height: 1;
    letter-spacing: -0.04em;
}

.format-pick__h2.format-pick__h2 {
    font-size: clamp(1.625rem, 1.49rem + 0.56vw, 2rem);
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.format-pick__tight.format-pick__tight {
    letter-spacing: -0.04em;
    line-height: 1.15;
}

.format-pick__underline {
    left: -1%;
    bottom: -0.12em;
    width: 70%;
    height: 0.42em;
    pointer-events: none;
}

.format-pick__name.format-pick__name {
    font-size: clamp(3rem, 1.8rem + 4.6vw, 6.5rem);
    letter-spacing: -0.04em;
}

.format-pick__tick {
    width: 3rem;
    height: 3rem;
}

.format-pick__tick .fa-check {
    opacity: 0;
    transform: scale(0.4);
    transition: opacity 250ms ease, transform 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.format-pick__card:has(.format-pick__radio:checked) .format-pick__tick .fa-check {
    opacity: 1;
    transform: none;
}

.format-pick__card:has(.format-pick__radio:focus-visible) {
    outline: 3px solid currentColor;
    outline-offset: 4px;
}

.format-pick__ctrl.format-pick__ctrl {
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    font: inherit;
    font-size: 1.25rem;
}

.format-pick__ctrl:focus {
    outline: none;
    border-bottom-width: 2px;
}

.format-pick__check {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.format-pick__round {
    width: 3.75rem;
    height: 3.75rem;
}

.format-pick__btn {
    cursor: pointer;
    min-height: 3.75rem;
}

.format-pick__btn-fill.format-pick__btn-fill {
    top: 100%;
    left: -25%;
    width: 150%;
    height: auto;
    aspect-ratio: 1;
    border-radius: 50%;
    transform: translateY(0);
    transition: transform 700ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.format-pick__btn:hover .format-pick__btn-fill,
.format-pick__btn:focus-visible .format-pick__btn-fill {
    transform: translateY(-70%);
}

@media (prefers-reduced-motion: reduce) {
    .format-pick__btn-fill,
    .format-pick__tick .fa-check {
        transition: none;
    }
}