.account-nav-card{display:flex;align-items:flex-start;gap:var(--space-4, 1rem);padding:var(--space-4, 1rem);background-color:var(--color-background, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-lg, .75rem);text-decoration:none;color:inherit;transition:box-shadow var(--transition-base, .2s) ease,border-color var(--transition-base, .2s) ease,transform var(--transition-fast, .15s) ease}a.account-nav-card:hover{border-color:var(--color-primary, #2ac864);box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / .1));transform:translateY(-2px)}a.account-nav-card:focus-visible{outline:2px solid var(--color-primary, #2ac864);outline-offset:2px}a.account-nav-card:active{transform:translateY(0);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / .05))}.account-nav-card__icon-wrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:var(--color-surface, #f8fafc);border-radius:var(--radius-md, .5rem)}.account-nav-card__icon{color:var(--color-primary, #2ac864)}.account-nav-card__content{flex:1;min-width:0}.account-nav-card__title{display:flex;align-items:center;gap:var(--space-2, .5rem);margin:0 0 var(--space-1, .25rem) 0;font-size:1.125rem;font-weight:600;line-height:1.4;color:var(--color-text, #333333)}.account-nav-card__description{margin:0;font-size:.875rem;line-height:1.5;color:var(--color-text-muted, #666666)}.account-nav-card__badge{display:inline-flex;align-items:center;padding:var(--space-1, .25rem) var(--space-2, .5rem);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted, #666666);background-color:var(--color-surface, #f8fafc);border-radius:var(--radius-full, 9999px)}.account-nav-card--disabled{cursor:not-allowed;opacity:.7}.account-nav-card--disabled .account-nav-card__icon-wrapper{background-color:var(--color-border, #e5e7eb)}.account-nav-card--disabled .account-nav-card__icon{color:var(--color-text-muted, #666666)}@media (min-width: 768px){.account-nav-card{padding:var(--space-5, 1.25rem)}}@media (max-width: 479px){.account-nav-card{flex-direction:column;align-items:center;text-align:center;padding:var(--space-4, 1rem)}.account-nav-card__icon-wrapper{width:3.5rem;height:3.5rem}.account-nav-card__icon{width:2rem!important;height:2rem!important}.account-nav-card__title{justify-content:center;flex-wrap:wrap}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-account-nav-card.css.map */