.transparent.svelte-1leyrcn{background:0 0}@property --_shadow-opacity{syntax:"<number>";inherits:false;initial-value:0}@property --_theme{syntax:"<color>";inherits:false;initial-value:#0000}@property --_background-opacity{syntax:"<number>";inherits:false;initial-value:1}@property --_border-style{syntax:"solid|dashed";inherits:false;initial-value:solid}@property --_border-width{syntax:"<length>";inherits:false;initial-value:1px}@property --whg-button-justify-self{syntax:"auto|start|end";inherits:true;initial-value:auto}@property --whg-button-padding-block{syntax:"<length>";inherits:false;initial-value:1px}@property --whg-button-padding-inline{syntax:"<length>";inherits:false;initial-value:1px}@layer components{button.svelte-tqofct{cursor:pointer;--whg-button-padding-block:var(--spacing-3xs);--whg-button-padding-inline:var(--spacing-2xs)}button.svelte-tqofct[data-theme=primary]{--_theme:var(--text-accent)}button.svelte-tqofct[data-theme=success]{--_theme:var(--text-success)}button.svelte-tqofct[data-theme=alert]{--_theme:var(--text-alert)}button.svelte-tqofct[data-variant=filled]{color:var(--background-main)}button.svelte-tqofct[data-variant=glass]{--_background-opacity:.25}button.svelte-tqofct[data-variant=ghost]{--_background-opacity:0;--_theme:var(--text-main)}button.svelte-tqofct[data-button-config-border-style=dashed]{--_border-style:dashed}button.svelte-tqofct[data-button-config-border-width=md]{--_border-width:2px}button.svelte-tqofct{align-items:center;justify-self:var(--whg-button-justify-self);column-gap:var(--spacing-3xs);border-radius:var(--border-radius-base);border:var(--_border-width) var(--_border-style) var(--_theme);padding-block:var(--whg-button-padding-block);padding-inline:var(--whg-button-padding-inline);display:flex}button.svelte-tqofct:has([class~=sr-only]){--whg-button-padding-block:var(--spacing-3xs);--whg-button-padding-inline:var(--spacing-3xs);aspect-ratio:1}button.svelte-tqofct{background-color:oklch(from var(--_theme) l c h / var(--_background-opacity));box-shadow:0 .5px .7px oklch(from var(--_theme) l c h / var(--_shadow-opacity)), 0 2px 2px -1px oklch(from var(--_theme) l c h / var(--_shadow-opacity)), 0 4px 5px -2px oklch(from var(--_theme) l c h / var(--_shadow-opacity)), 0 8px 12px -3px oklch(from var(--_theme) l c h / var(--_shadow-opacity));transition:--_shadow-opacity var(--ease-out-4) .15s, scale var(--ease-out-4) .15s, var(--_base-focus-outline-transition)}button.svelte-tqofct:disabled{cursor:not-allowed;opacity:.5}button.svelte-tqofct:active:not(:disabled){scale:.97}button.svelte-tqofct:active:not(:disabled):not([data-variant=ghost][data-button-config-border-style=dashed]){--_shadow-opacity:.85}@media (hover:hover) and (pointer:fine){button.svelte-tqofct:where(:where(.svelte-tqofct):hover,:where(.svelte-tqofct):focus-visible):not([data-variant=ghost][data-button-config-border-style=dashed]){--_shadow-opacity:.35}button.svelte-tqofct:where(:where(.svelte-tqofct):hover,:where(.svelte-tqofct):focus-visible)[data-button-config-border-style=dashed]{--_border-style:solid}}}
