@layer components{.contact{& .contact__cards{--region-space:var(--space-l)}& .contact__card-list{--grid-min:var(--grid-min-l)}& .contact-card{--stack-space:var(--space-xs);& .contact-card__title{display:flex;align-items:center;gap:var(--space-2xs);font-size:var(--size-step-2)}& .contact-card__icon{flex-shrink:0;color:var(--color-accent-text)}& .contact-card__phones{--stack-space:var(--space-3xs)}& .contact-card__phone{display:inline-flex;align-items:center;min-block-size:var(--touch-target);font-variant-numeric:tabular-nums;&:hover{color:var(--color-accent-text)}}& .contact-card__address{font-style:normal;font-size:var(--size-step-1)}& .contact-card__link{display:inline-flex;align-items:center;gap:var(--space-2xs);min-block-size:var(--touch-target);font-weight:var(--font-weight-bold)}& .contact-card__note{color:var(--color-text-muted);font-size:var(--size-step--1)}& .contact-card__hours{border-collapse:collapse;& :is(th, td){padding-block:var(--space-3xs);padding-inline-end:var(--space-s);text-align:start;vertical-align:top}& td{font-variant-numeric:tabular-nums}}}& .contact__frame{display:block;min-block-size:20rem}& .contact__frame-fallback{padding:var(--space-m);border:var(--border-width-hairline)dashed var(--color-border-strong);border-radius:var(--radius-s);color:var(--color-text-muted)}& .contact__privacy-note{color:var(--color-text-muted);font-size:var(--size-step--1)}}}