.font-preview{--font-preview-accent: 143, 79, 91;--font-preview-specimen: 76, 39, 46;--font-preview-muted: rgba(var(--color-foreground), .68);position:relative;width:100%;padding:1.6rem;border:.1rem solid rgba(var(--font-preview-accent),.28);border-radius:.8rem;background:rgb(var(--color-background));box-shadow:0 .8rem 2.4rem rgba(var(--font-preview-accent),.1)}.font-preview__header{position:relative;min-height:3.2rem;padding-right:4.4rem;margin-bottom:1.2rem}.font-preview__header:after{content:"Aa";position:absolute;top:0;right:0;display:grid;width:3.2rem;height:3.2rem;place-items:center;border-radius:.7rem;background:rgb(var(--font-preview-accent));box-shadow:0 .4rem 1rem rgba(var(--font-preview-accent),.2);color:#fff;font-family:var(--font-heading-family);font-size:1.25rem;font-weight:600;line-height:1}.font-preview__heading{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:clamp(1.8rem,2vw,2.1rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.015em;line-height:1.2}.font-preview__fields{display:grid;gap:1rem;margin-bottom:1.1rem}.font-preview__label{display:block;margin-bottom:.6rem;color:rgb(var(--color-foreground));font-size:1.3rem;font-weight:600;line-height:1.4}.font-preview__input,.font-preview__select{display:block;box-sizing:border-box;width:100%;min-height:4.6rem;padding:1rem 1.3rem;border:.1rem solid rgba(var(--color-foreground),.26);border-radius:.6rem;outline:none;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.6rem;line-height:1.4;transition:border-color .16s ease,box-shadow .16s ease}.font-preview__input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.font-preview__input:hover,.font-preview__select:hover{border-color:rgba(var(--font-preview-accent),.58)}.font-preview__input:focus-visible,.font-preview__select:focus-visible{border-color:rgb(var(--font-preview-accent));box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--font-preview-accent),.28)}.font-preview__select-wrap{position:relative}.font-preview__select{-webkit-appearance:none;appearance:none;padding-right:4.2rem;cursor:pointer}.font-preview__select-wrap:after{content:"";position:absolute;top:50%;right:1.5rem;width:.8rem;height:.8rem;border-right:.15rem solid rgb(var(--font-preview-accent));border-bottom:.15rem solid rgb(var(--font-preview-accent));pointer-events:none;transform:translateY(-70%) rotate(45deg)}.font-preview__message{margin:.7rem 0 0;color:rgb(var(--color-foreground));font-size:1.2rem;font-weight:600;line-height:1.4}.font-preview__message[hidden]{display:none}.font-preview__sample{position:relative;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;min-height:13rem;padding:1rem 1.6rem;overflow:hidden;border:.1rem solid rgba(var(--font-preview-accent),.2);border-radius:.6rem;background:rgba(var(--color-foreground),.045)}.font-preview__sample--center{text-align:center}.font-preview__sample--right{text-align:right}.font-preview__text{display:none;align-self:flex-start;max-width:none;color:rgb(var(--font-preview-specimen));font-family:var(--font-body-family);font-size:6.4rem;font-style:normal;font-weight:400;line-height:1.35;white-space:nowrap}.font-preview__sample--center .font-preview__text{align-self:center}.font-preview__sample--right .font-preview__text{align-self:flex-end}.font-preview[data-font-state=ready] .font-preview__text{display:inline-block}.font-preview[data-font-state=ready][data-font-fit=overflow] .font-preview__text,.font-preview[data-font-state=ready][data-font-fit=invalid] .font-preview__text{display:none}.font-preview__fit-message{display:none;max-width:30rem;align-self:center;color:var(--font-preview-muted);font-size:1.3rem;line-height:1.5;text-align:center}.font-preview[data-font-state=ready][data-font-fit=overflow] .font-preview__fit-message,.font-preview[data-font-state=ready][data-font-fit=invalid] .font-preview__fit-message{display:block}.font-preview__status{display:block;color:var(--font-preview-muted);font-size:1.3rem;line-height:1.4;text-align:center}.font-preview[data-font-state=ready] .font-preview__status{display:none}.font-preview[data-font-state=unavailable] .font-preview__status{color:rgb(var(--color-foreground));font-weight:600}.font-preview__boundary{margin:1rem 0 0;color:var(--font-preview-muted);font-size:1.15rem;line-height:1.5}@media screen and (max-width:749px){.font-preview{padding:1.4rem}.font-preview__header{margin-bottom:1rem}.font-preview__sample{min-height:11.5rem;padding:.8rem 1.2rem}.font-preview__boundary{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.font-preview__input,.font-preview__select{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/component-font-preview.css.map */