.strato-button{--strato-button-bg: var(--strato-color-graphite);--strato-button-border: var(--strato-color-graphite);--strato-button-text: var(--strato-color-mist);--strato-button-hover-bg: var(--strato-color-obsidian);--strato-button-hover-border: var(--strato-color-obsidian);--strato-button-hover-text: var(--strato-color-mist);display:inline-flex;min-height:2.875rem;align-items:center;justify-content:center;gap:var(--strato-space-8);padding:.875rem 1.125rem;border:1px solid var(--strato-button-border);border-radius:var(--strato-radius-8);background:var(--strato-button-bg);color:var(--strato-button-text);cursor:pointer;font:inherit;font-size:var(--strato-font-14);font-weight:var(--strato-font-weight-semibold);line-height:1;text-align:center;text-decoration:none;transition:background-color var(--strato-duration-base) var(--strato-ease-standard),border-color var(--strato-duration-base) var(--strato-ease-standard),color var(--strato-duration-base) var(--strato-ease-standard),transform var(--strato-duration-fast) var(--strato-ease-precise)}.strato-button:hover{border-color:var(--strato-button-hover-border);background:var(--strato-button-hover-bg);color:var(--strato-button-hover-text);transform:translateY(-1px)}.strato-button:focus-visible{outline:2px solid var(--strato-accent);outline-offset:3px;box-shadow:var(--strato-shadow-focus)}.strato-button[aria-disabled=true],.strato-button:disabled{cursor:not-allowed;opacity:var(--strato-opacity-disabled);transform:none}.strato-button--secondary{--strato-button-bg: transparent;--strato-button-border: var(--strato-border-strong);--strato-button-text: var(--strato-text-primary);--strato-button-hover-bg: rgb(17 20 23 / 5%);--strato-button-hover-border: rgb(17 20 23 / 28%);--strato-button-hover-text: var(--strato-text-primary)}.strato-section--dark .strato-button--secondary{--strato-button-border: var(--strato-border-on-dark);--strato-button-text: var(--strato-text-on-dark);--strato-button-hover-bg: rgb(246 247 244 / 8%);--strato-button-hover-border: rgb(246 247 244 / 28%);--strato-button-hover-text: var(--strato-text-on-dark)}.strato-button--ghost{--strato-button-bg: transparent;--strato-button-border: transparent;--strato-button-text: var(--strato-text-primary);--strato-button-hover-bg: transparent;--strato-button-hover-border: transparent;--strato-button-hover-text: var(--strato-color-graphite);min-height:auto;padding:0;border-radius:0}.strato-button--ghost:hover{transform:none}.strato-card{position:relative;overflow:hidden;border:1px solid var(--strato-border-subtle);border-radius:var(--strato-radius-12);background:var(--strato-surface-raised);color:var(--strato-text-primary);transition:border-color var(--strato-duration-base) var(--strato-ease-standard),transform var(--strato-duration-base) var(--strato-ease-standard),box-shadow var(--strato-duration-base) var(--strato-ease-standard)}.strato-card:hover{border-color:var(--strato-border-strong);transform:translateY(-2px);box-shadow:var(--strato-shadow-soft)}.strato-card__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--strato-z-content);border-radius:inherit}.strato-card__link:focus-visible{outline:2px solid var(--strato-accent);outline-offset:-4px;box-shadow:var(--strato-shadow-focus)}.strato-card--dark{border-color:var(--strato-border-on-dark);background:var(--strato-surface-dark-raised);color:var(--strato-text-on-dark)}.strato-card__media{overflow:hidden;background:var(--strato-surface-muted);aspect-ratio:16 / 10}.strato-card__media img,.strato-card__media video{width:100%;height:100%;object-fit:cover;transition:transform var(--strato-duration-slow) var(--strato-ease-standard)}.strato-card:hover .strato-card__media img,.strato-card:hover .strato-card__media video{transform:scale(1.015)}.strato-card__body{display:grid;gap:var(--strato-space-16);padding:var(--strato-space-24)}.strato-card__title{margin:0;font-size:var(--strato-font-24);font-weight:var(--strato-font-weight-medium);letter-spacing:var(--strato-letter-tight);line-height:var(--strato-line-heading)}.strato-card__text{margin:0;color:var(--strato-text-secondary);font-size:var(--strato-font-14);line-height:var(--strato-line-body)}.strato-card--dark .strato-card__text{color:var(--strato-text-on-dark-muted)}.strato-badge{display:inline-flex;width:fit-content;align-items:center;gap:var(--strato-space-8);padding:.4rem .625rem;border:1px solid var(--strato-border-subtle);border-radius:var(--strato-radius-pill);background:#ffffffa3;color:var(--strato-text-secondary);font-size:var(--strato-font-12);font-weight:var(--strato-font-weight-semibold);letter-spacing:var(--strato-letter-label);line-height:1;text-transform:uppercase}.strato-section--dark .strato-badge,.strato-badge--dark{border-color:var(--strato-border-on-dark);background:#f6f7f414;color:var(--strato-text-on-dark-muted)}.strato-field{display:grid;gap:var(--strato-space-8)}.strato-field__label{color:var(--strato-text-primary);font-size:var(--strato-font-13);font-weight:var(--strato-font-weight-semibold);line-height:var(--strato-line-solid)}.strato-field__control{width:100%;min-height:3rem;padding:.875rem 1rem;border:1px solid var(--strato-border-strong);border-radius:var(--strato-radius-8);background:var(--strato-surface-raised);color:var(--strato-text-primary);font:inherit;transition:border-color var(--strato-duration-fast) var(--strato-ease-standard),box-shadow var(--strato-duration-fast) var(--strato-ease-standard),background-color var(--strato-duration-fast) var(--strato-ease-standard)}.strato-field__control:hover{border-color:#1114174d}.strato-field__control:focus{outline:none}.strato-field__control:focus-visible{border-color:var(--strato-accent);box-shadow:var(--strato-shadow-focus)}.strato-field__control[aria-invalid=true]{border-color:var(--strato-color-error)}textarea.strato-field__control{min-height:8rem;resize:vertical}.strato-field__help{margin:0;color:var(--strato-text-muted);font-size:var(--strato-font-13);line-height:var(--strato-line-body)}.strato-section-header{display:grid;max-width:var(--strato-container-narrow);gap:var(--strato-space-16)}.strato-section-header--center{margin-inline:auto;text-align:center}.strato-section-header__actions{display:flex;flex-wrap:wrap;gap:var(--strato-space-12);margin-block-start:var(--strato-space-8)}.strato-section-header--center .strato-section-header__actions{justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/5/assets/strato-components.css.map */