.btn,button[class*=btn],[role=button]{padding:var(--btn-padding-y, .75rem) var(--btn-padding-x, 1.5rem);display:inline-flex;align-items:center;justify-content:center;gap:var(--btn-gap, .5rem);font-weight:600;letter-spacing:.3px;transition:all .2s cubic-bezier(.2,0,.38,.9)}.btn--sm{--btn-padding-y: .5rem;--btn-padding-x: 1rem;--btn-gap: .375rem;font-size:.875rem}.btn--lg{--btn-padding-y: 1rem;--btn-padding-x: 2rem;--btn-gap: .625rem;font-size:1.125rem}.btn--xl{--btn-padding-y: 1.25rem;--btn-padding-x: 2.5rem;--btn-gap: .75rem;font-size:1.25rem}.badge,[class*=badge]{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:var(--badge-padding-y, .375rem) var(--badge-padding-x, .75rem);border-radius:var(--badge-radius, 9999px);font-size:var(--badge-font-size, .75rem);font-weight:600;letter-spacing:.5px;white-space:nowrap;transition:all .2s ease}.badge--md{--badge-padding-y: .5rem;--badge-padding-x: 1rem;--badge-font-size: .875rem}.badge--lg{--badge-padding-y: .75rem;--badge-padding-x: 1.25rem;--badge-font-size: 1rem}.badge--pill{--badge-radius: 9999px}.badge--rounded{--badge-radius: .5rem}.badge--square{--badge-radius: 0}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}svg.icon,[class*=icon] svg{display:inline-block;width:1em;height:1em;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}svg[class*=icon] [stroke]{stroke-width:2}.icon--xs{width:16px;height:16px;font-size:16px}.icon--sm{width:20px;height:20px;font-size:20px}.icon--md{width:24px;height:24px;font-size:24px}.icon--lg{width:32px;height:32px;font-size:32px}.icon--xl{width:48px;height:48px;font-size:48px}.icon--2xl{width:64px;height:64px;font-size:64px}.icon--primary{color:var(--color-primary, #000)}.icon--secondary{color:var(--color-secondary, #666)}.icon--danger{color:var(--color-danger, #dc2626)}.icon--success{color:var(--color-success, #16a34a)}.icon--warning{color:var(--color-warning, #ea580c)}.icon--filled svg{fill:currentColor}.icon--outlined svg [fill]{fill:none}.icon--xs{width:1rem;height:1rem;font-size:1rem}.icon--sm{width:1.25rem;height:1.25rem;font-size:1.25rem}.icon--md{width:1.5rem;height:1.5rem;font-size:1.5rem}.icon--lg{width:2rem;height:2rem;font-size:2rem}.icon--xl{width:2.5rem;height:2.5rem;font-size:2.5rem}.icon--2xl{width:3rem;height:3rem;font-size:3rem}.btn .icon,button .icon{width:1.25em;height:1.25em;font-size:1.25em}.btn--sm .icon,button.btn--sm .icon{width:1em;height:1em;font-size:1em}.btn--lg .icon,button.btn--lg .icon{width:1.5em;height:1.5em;font-size:1.5em}.container--tight{--container-gap: .5rem}.container--compact{--container-gap: 1rem}.container--standard{--container-gap: 1.5rem}.container--spacious{--container-gap: 2rem}.container--relaxed{--container-gap: 2.5rem}.f-flex,.f-flex-row,.f-flex-col,.f-column{gap:var(--container-gap, 1.5rem)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--color-focus-ring, #6366f1);outline-offset:2px;border-radius:.25rem}.btn:active,button:active,[role=button]:active{transform:scale(.98);opacity:.95}.badge:hover,button.badge:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media(max-width:767px){.icon--responsive{width:1.25rem;height:1.25rem}}@media(min-width:768px){.icon--responsive{width:1.5rem;height:1.5rem}}@media(min-width:1024px){.icon--responsive{width:1.75rem;height:1.75rem}}.center-with-gap{display:flex;align-items:center;justify-content:center;gap:var(--center-gap, 1rem)}.button-group,.btn-group{display:inline-flex;gap:var(--btn-group-gap, .5rem);align-items:center}.button-group--stacked{flex-direction:column;gap:var(--btn-group-gap-stacked, .75rem)}.divider,[class*=divider]{height:1px;background-color:var(--divider-color, rgba(0, 0, 0, .1));margin:var(--divider-margin, 1.5rem) 0}.divider--tight{--divider-margin: 1rem}.divider--spacious{--divider-margin: 2.5rem}.visual-separator{display:block;height:2px;background:linear-gradient(to right,transparent,var(--separator-color, rgba(0, 0, 0, .2)),transparent);margin:2rem 0}
/*# sourceMappingURL=/cdn/shop/t/49/assets/visual-polish.css.map */