:root,[data-fs-density=comfortable]{--fs-btn-h-sm: var(--fs-ctl-h-sm);--fs-btn-h: var(--fs-ctl-h);--fs-btn-h-lg: var(--fs-ctl-h-lg);--fs-btn-px-sm: var(--fs-space-3);--fs-btn-px: var(--fs-ctl-px);--fs-btn-px-lg: 20px;--fs-btn-font-sm: var(--fs-size-14);--fs-btn-font: var(--fs-size-14);--fs-btn-font-lg: var(--fs-size-16);--fs-btn-gap: var(--fs-ctl-gap);--fs-btn-icon: var(--fs-icon)}[data-fs-density=compact]{--fs-btn-h-sm: 28px;--fs-btn-h: 36px;--fs-btn-h-lg: 40px;--fs-btn-px-sm: var(--fs-space-2);--fs-btn-px: var(--fs-space-3);--fs-btn-px-lg: var(--fs-space-4);--fs-btn-font-sm: var(--fs-size-12);--fs-btn-gap: 6px;--fs-btn-icon: 16px}@media(pointer:coarse){:root{--fs-btn-h-sm: var(--fs-ctl-h)}[data-fs-density=compact]{--fs-btn-h-sm: var(--fs-ctl-h);--fs-btn-h: var(--fs-ctl-h);--fs-btn-h-lg: var(--fs-ctl-h-lg)}}:is(.fs-demo,.fs-ui) :where(a,button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--fs-focus-width) solid var(--fs-ring);outline-offset:var(--fs-focus-offset);box-shadow:var(--fs-focus-halo)}:is(.fs-demo,.fs-ui) .fs-ring-inset:focus-visible{outline-offset:var(--fs-focus-offset-inset);box-shadow:none}:is(.fs-demo,.fs-ui) .fs-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--fs-btn-gap);box-sizing:border-box;min-height:var(--fs-btn-h);padding:0 var(--fs-btn-px);border:var(--fs-border) solid var(--fs-border-strong);border-radius:var(--fs-radius);background:transparent;color:var(--fs-foreground);font-family:var(--fs-font-ui);font-size:var(--fs-btn-font);font-weight:var(--fs-weight-strong);line-height:1.25;letter-spacing:0;text-align:center;text-decoration:none;text-transform:none;text-shadow:none;cursor:pointer;transition:background-color var(--fs-dur-fast),border-color var(--fs-dur-fast),color var(--fs-dur-fast)}[data-fs-density=compact] .fs-btn{white-space:nowrap}.fs-demo .fs-btn>[aria-hidden=true]{font-size:var(--fs-size-16);line-height:1}:is(.fs-demo,.fs-ui) .fs-btn>svg{flex:0 0 auto;width:var(--fs-btn-icon);height:var(--fs-btn-icon)}:is(.fs-demo,.fs-ui) .fs-btn-reason{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-btn:hover{border-color:var(--fs-border-hover);background:var(--fs-secondary)}}:is(.fs-demo,.fs-ui) .fs-btn--primary{border-color:var(--fs-primary);background:var(--fs-primary);color:var(--fs-primary-foreground)}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-btn--primary:hover{border-color:var(--fs-primary-hover);background:var(--fs-primary-hover)}}:is(.fs-demo,.fs-ui) .fs-btn--ghost{border-color:transparent;background:transparent;color:var(--fs-muted-foreground)}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-btn--ghost:hover{border-color:transparent;background:var(--fs-hover);color:var(--fs-foreground)}}:is(.fs-demo,.fs-ui) .fs-btn--danger{border-color:var(--fs-destructive-border);background:transparent;color:var(--fs-destructive)}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-btn--danger:hover{border-color:var(--fs-destructive);background:var(--fs-destructive-surface)}}:is(.fs-demo,.fs-ui) .fs-btn--link{padding-inline:var(--fs-space-2);border-color:transparent;background:transparent;color:var(--fs-foreground);text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--fs-foreground) 45%,transparent);text-underline-offset:4px}@media(hover:hover){:is(.fs-demo,.fs-ui) .fs-btn--link:hover{border-color:transparent;background:transparent;text-decoration-color:currentColor}}:is(.fs-demo,.fs-ui) .fs-btn--sm{min-height:var(--fs-btn-h-sm);padding-inline:var(--fs-btn-px-sm);font-size:var(--fs-btn-font-sm)}:is(.fs-demo,.fs-ui) .fs-btn--lg{min-height:var(--fs-btn-h-lg);padding-inline:var(--fs-btn-px-lg);font-size:var(--fs-btn-font-lg)}:is(.fs-demo,.fs-ui) .fs-btn--block{display:flex;width:100%}:is(.fs-demo,.fs-ui) .fs-btn--icon{width:var(--fs-btn-h);min-width:var(--fs-btn-h);padding:0}:is(.fs-demo,.fs-ui) .fs-btn--icon.fs-btn--sm{width:var(--fs-btn-h-sm);min-width:var(--fs-btn-h-sm)}:is(.fs-demo,.fs-ui) .fs-btn--icon.fs-btn--lg{width:var(--fs-btn-h-lg);min-width:var(--fs-btn-h-lg)}:is(.fs-demo,.fs-ui) .fs-btn[hidden]{display:none}:is(.fs-demo,.fs-ui) .fs-btn:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed}:is(.fs-demo,.fs-ui) .fs-btn[aria-busy=true]{opacity:.7;cursor:progress}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fs-ui-button.css.map */