:root{--fs-badge-h-sm: 20px;--fs-badge-gap: 6px;--fs-badge-px-sm: 6px;--fs-badge-icon: 16px;--fs-badge-dot: 6px;--fs-alert-rail: 3px;--fs-alert-px: 14px;--fs-toast-w: 420px}:is(.fs-demo,.fs-ui) .fs-badge{--fs-tone: var(--fs-foreground);--fs-tone-surface: var(--fs-card);--fs-tone-border: var(--fs-border-strong);display:inline-flex;align-items:center;gap:var(--fs-badge-gap);box-sizing:border-box;min-height:var(--fs-badge-h);padding:0 var(--fs-space-2);border:var(--fs-border) solid var(--fs-tone-border);border-radius:var(--fs-radius-sm);background:var(--fs-tone-surface);color:var(--fs-tone);font-family:var(--fs-font-ui);font-size:var(--fs-size-12);font-weight:var(--fs-weight-strong);line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap}:is(.fs-demo,.fs-ui) .fs-badge>:is(img,svg){flex:none;width:var(--fs-badge-icon);height:var(--fs-badge-icon);object-fit:contain}:is(.fs-demo,.fs-ui) .fs-badge--sm{--fs-badge-icon: 14px;min-height:var(--fs-badge-h-sm);padding-inline:var(--fs-badge-px-sm)}:is(.fs-demo,.fs-ui) .fs-badge--pill{border-radius:var(--fs-radius-pill)}:is(.fs-demo,.fs-ui) .fs-badge--mono{font-family:var(--fs-font-mono);font-weight:var(--fs-weight-regular);letter-spacing:.04em}:is(.fs-demo,.fs-ui) .fs-badge-dot{flex:none;width:var(--fs-badge-dot);height:var(--fs-badge-dot);border-radius:var(--fs-radius-pill);background:var(--fs-tone)}:is(.fs-demo,.fs-ui) .fs-counter{--fs-tone: var(--fs-foreground);--fs-tone-surface: color-mix(in oklab, var(--fs-foreground) 12%, transparent);--fs-tone-border: transparent;display:inline-grid;place-items:center;min-width:var(--fs-badge-h-sm);height:var(--fs-badge-h-sm);padding:0 var(--fs-badge-px-sm);border-radius:var(--fs-radius-pill);background:var(--fs-tone-surface);box-shadow:inset 0 0 0 var(--fs-border) var(--fs-tone-border);color:var(--fs-tone);font-family:var(--fs-font-mono);font-size:var(--fs-size-12);font-weight:var(--fs-weight-strong);font-variant-numeric:tabular-nums;letter-spacing:0}:is(.fs-demo,.fs-ui) .fs-counter:empty{display:none}:is(.fs-demo,.fs-ui) .fs-alert{--fs-tone: var(--fs-muted-foreground);--fs-tone-surface: var(--fs-card);--fs-tone-border: var(--fs-border-color);margin:0;padding:var(--fs-space-3) var(--fs-alert-px);border:var(--fs-border) solid var(--fs-tone-border);border-left:var(--fs-alert-rail) solid var(--fs-tone);border-radius:var(--fs-radius);background:var(--fs-tone-surface);color:var(--fs-foreground);font-size:var(--fs-size-14);line-height:1.5}:is(.fs-demo,.fs-ui) .fs-alert:focus{outline:var(--fs-focus-width) solid var(--fs-ring);outline-offset:var(--fs-focus-offset)}:is(.fs-demo,.fs-ui) .fs-alert:has(>.fs-alert-body){display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--fs-space-2) var(--fs-space-3)}:is(.fs-demo,.fs-ui) .fs-alert>svg{flex:none;width:var(--fs-badge-icon);height:var(--fs-badge-icon);margin-top:var(--fs-border-active);color:var(--fs-tone)}:is(.fs-demo,.fs-ui) .fs-alert-body{display:grid;flex:1 1 16em;gap:var(--fs-space-1);min-width:0}:is(.fs-demo,.fs-ui) .fs-alert-body>p{margin:0}:is(.fs-demo,.fs-ui) .fs-alert-title{font-weight:var(--fs-weight-strong)}:is(.fs-demo,.fs-ui) .fs-alert-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fs-space-2);margin-left:auto}:is(.fs-demo,.fs-ui) .fs-alert-close{margin-left:auto}:is(.fs-demo,.fs-ui) .fs-alert--banner{border-width:0 0 var(--fs-border) var(--fs-alert-rail);border-radius:0}:is(.fs-demo,.fs-ui) .fs-notice{--fs-tone: var(--fs-muted-foreground);margin:0;color:var(--fs-tone);font-size:var(--fs-size-note);line-height:1.5}:is(.fs-demo,.fs-ui) .fs-toasts{position:fixed;z-index:60;left:50%;bottom:calc(var(--fs-space-4) + env(safe-area-inset-bottom,0px));display:grid;justify-items:center;gap:var(--fs-space-2);width:max-content;max-width:min(var(--fs-toast-w),calc(100vw - 2 * var(--fs-space-4)));translate:-50% 0;pointer-events:none}:is(.fs-demo,.fs-ui) .fs-toast{--fs-tone: var(--fs-muted-foreground);display:flex;align-items:center;gap:var(--fs-space-3);box-sizing:border-box;max-width:100%;padding:var(--fs-space-2) var(--fs-space-2) var(--fs-space-2) var(--fs-alert-px);border:var(--fs-border) solid var(--fs-border-color);border-radius:var(--fs-radius-lg);background:var(--fs-raised);box-shadow:var(--fs-shadow-pop);color:var(--fs-foreground);font-size:var(--fs-size-14);line-height:1.4;pointer-events:auto}:is(.fs-demo,.fs-ui) .fs-toast>svg{flex:none;width:var(--fs-badge-icon);height:var(--fs-badge-icon);color:var(--fs-tone)}:is(.fs-demo,.fs-ui) .fs-toast-text{flex:1 1 auto;margin:0;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:no-preference){:is(.fs-demo,.fs-ui) .fs-toast{animation:fs-toast-in var(--fs-dur) var(--fs-ease) both}}@keyframes fs-toast-in{0%{opacity:0;translate:0 var(--fs-space-2)}}.fs-live{position:absolute;top:0;left:0;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:is(.fs-demo,.fs-ui) [data-tone=neutral]{--fs-tone: var(--fs-muted-foreground)}:is(.fs-demo,.fs-ui) [data-tone=info]{--fs-tone: var(--fs-info);--fs-tone-surface: var(--fs-info-surface);--fs-tone-border: var(--fs-info-border)}:is(.fs-demo,.fs-ui) [data-tone=progress]{--fs-tone: var(--fs-progress);--fs-tone-surface: var(--fs-progress-surface);--fs-tone-border: var(--fs-progress-border)}:is(.fs-demo,.fs-ui) [data-tone=success]{--fs-tone: var(--fs-success);--fs-tone-surface: var(--fs-success-surface);--fs-tone-border: var(--fs-success-border)}:is(.fs-demo,.fs-ui) [data-tone=warning]{--fs-tone: var(--fs-warning);--fs-tone-surface: var(--fs-warning-surface);--fs-tone-border: var(--fs-warning-border)}:is(.fs-demo,.fs-ui) [data-tone=danger]{--fs-tone: var(--fs-destructive);--fs-tone-surface: var(--fs-destructive-surface);--fs-tone-border: var(--fs-destructive-border)}:is(.fs-demo,.fs-ui) [data-tone=accent]{--fs-tone: var(--fs-accent, var(--fs-brand));--fs-tone-surface: var(--fs-accent-surface, var(--fs-brand-surface));--fs-tone-border: var(--fs-accent-border, var(--fs-brand-border))}:is(.fs-demo,.fs-ui) .fs-badge--solid{--fs-tone-surface: var(--fs-tone);--fs-tone-border: var(--fs-tone);color:var(--fs-primary-foreground)}:is(.fs-demo,.fs-ui) .fs-badge--overlay{--fs-tone-surface: var(--fs-overlay);--fs-tone-border: var(--fs-overlay-border)}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fs-ui-feedback.css.map */