.parfect-course-details{display:block;width:100%}.parfect-course-details__header{display:grid;gap:5px;margin-block-end:18px}.parfect-course-details__heading,.parfect-course-details__description,.parfect-course-details__status{margin:0}.parfect-course-details__heading{font-family:var(--font-subheading--family);font-style:var(--font-subheading--style);font-weight:var(--font-subheading--weight);line-height:1.2}.parfect-course-details__description{color:rgb(var(--color-foreground-rgb) / 64%);font-size:var(--font-size--xs)}.parfect-course-details__fields{display:grid;grid-template-columns:minmax(0,1fr);gap:15px}.parfect-course-details__field{display:grid;gap:7px;min-width:0}.parfect-course-details__label{display:flex;justify-content:space-between;gap:16px;align-items:baseline;font-family:var(--font-subheading--family);font-style:var(--font-subheading--style);font-weight:var(--font-subheading--weight)}.parfect-course-details__label small{color:rgb(var(--color-foreground-rgb) / 50%);font-family:var(--font-body--family);font-style:var(--font-body--style);font-weight:var(--font-body--weight)}.parfect-course-details__input{width:100%;min-height:54px;border-radius:0}.parfect-course-details__input:focus{box-shadow:0 0 0 1.5px var(--color-input-border)}.parfect-course-details.is-invalid .parfect-course-details__input--course{box-shadow:0 0 0 1.5px var(--color-foreground)}.parfect-course-details__status{display:flex;gap:8px;align-items:center;min-height:18px;color:rgb(var(--color-foreground-rgb) / 58%);font-size:var(--font-size--2xs)}.parfect-course-details__status-dot{flex:0 0 auto;width:6px;height:6px;background:rgb(var(--color-foreground-rgb) / 28%);border-radius:50%;transition:background-color var(--animation-speed) var(--animation-easing)}.parfect-course-details.is-complete .parfect-course-details__status{color:var(--color-foreground)}.parfect-course-details.is-complete .parfect-course-details__status-dot{background:var(--color-foreground)}@media screen and (min-width:750px){.parfect-course-details__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.parfect-course-details__status{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){.parfect-course-details__status-dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/parfect-course-details.css.map */