@layer components{.btn{--btn--size:var(--s-button-min-height);font-family:var(--s-font-family-body);gap:var(--btn--gap,var(--s-button-gap));font-size:var(--btn--fs,var(--s-button-font-size));line-height:var(--btn--lh,var(--s-button-line-height));font-weight:var(--btn--fw,var(--s-button-font-weight));letter-spacing:var(--btn--ls,var(--s-button-letter-spacing));border-radius:var(--btn--br,var(--s-button-border-radius));padding:var(--btn--padding,var(--btn--pt,var(--s-button-padding-top)) var(--btn--pr,var(--s-button-padding-horizontal)) var(--btn--pb,var(--s-button-padding-top)) var(--btn--pl,var(--s-button-padding-horizontal)));margin:var(--btn--m,0);min-height:var(--btn--mh,var(--s-button-min-height,none));border:var(--btn--border,var(--s-button-border-width) solid var(--btn--border-color));display:var(--btn--display,inline-flex);align-items:var(--btn--align-items,center);flex-direction:var(--btn--flex-direction);justify-content:var(--btn--justify-content);text-align:var(--btn--text-align);white-space:var(--btn--white-space);min-width:var(--btn--min-width,none);position:var(--btn--position);color:var(--btn--color);background-color:var(--btn--background-color);-webkit-text-decoration:var(--btn--text-decoration,none);text-decoration:var(--btn--text-decoration,none);text-transform:var(--btn--text-transform);opacity:var(--btn--opacity);z-index:var(--btn--z-index);will-change:background-color;transition:var(--btn--transition,none);width:var(--btn--width,none)}.btn,[role=button]{cursor:var(--btn--cursor)}.btn:hover,.btn.hover,[role=button]:hover,[role=button].hover{--btn--cursor:pointer}.btn.disabled,.btn:disabled,.btn[aria-disabled=true],[role=button].disabled,[role=button]:disabled,[role=button][aria-disabled=true]{--btn--opacity:.4;--btn-focus--outline:none;pointer-events:none}.btn:focus-visible,.btn.focus,[role=button]:focus-visible,[role=button].focus{outline:var(--btn-focus--outline,var(--s-button-border-width-focus) solid var(--s-button-color-focus-border));--btn--border-color:var(--btn-focus--border,var(--s-button-color-focus-border))}.btn-contained-primary{--svg--fill:currentColor;--btn--background-color:var(--s-button-color-primary-bg);--btn__text--color:var(--s-button-color-primary-text);--btn--color:var(--s-button-color-primary-text);--btn--border-color:var(--s-button-color-primary-bg);--btn--transition:background-color .3s ease}.btn-contained-primary:hover,.btn-contained-primary.hover{--btn--background-color:var(--s-button-color-primary-bg-hover);--btn--border-color:var(--s-button-color-primary-bg-hover)}.btn-contained-primary:active,.btn-contained-primary.active{--btn--background-color:var(--s-button-color-primary-bg-pressed);--btn--border-color:var(--s-button-color-primary-bg-pressed)}.btn-contained-primary.disabled,.btn-contained-primary:disabled{--btn--background-color:var(--s-button-color-disabled-bg);--btn--color:var(--s-button-color-disabled-text);--btn--border-color:var(--s-button-color-disabled-bg);cursor:not-allowed}@container button-primary-inverted (min-width:0){.btn-contained-primary{--s-button-color-primary-bg:var(--s-button-color-primary-bg-inverted);--s-button-color-primary-text:var(--s-button-color-primary-text-inverted);--s-button-color-primary-bg-hover:var(--s-button-color-primary-bg-hover-inverted);--s-button-color-primary-bg-pressed:var(--s-button-color-primary-bg-pressed-inverted);--s-button-color-primary-text-hover:var(--s-button-color-primary-text-inverted);--s-button-color-primary-text-pressed:var(--s-button-color-primary-text-pressed-inverted)}}.btn-contained-secondary{--svg--fill:currentColor;--btn--background-color:var(--btn-secondary--bgc,transparent);--btn--color:var(--btn-secondary--color,var(--s-button-color-secondary-fg));--btn--border-color:var(--btn-secondary--border-color,var(--s-button-color-secondary-border));--btn--transition:background-color .3s ease}.btn-contained-secondary:hover,.btn-contained-secondary.hover{--btn--background-color:var(--s-button-color-secondary-bg-hover);--btn--color:var(--s-button-color-secondary-fg-hover)}.btn-contained-secondary:active,.btn-contained-secondary.active{--btn--background-color:var(--s-button-color-secondary-bg-pressed);--btn--color:var(--s-button-color-secondary-fg-pressed)}.btn-contained-secondary.disabled,.btn-contained-secondary:disabled{--btn--background-color:transparent;--btn__text--color:var(--s-button-color-disabled-text);--btn--color:var(--s-button-color-disabled-text);--btn--border-color:var(--s-button-color-disabled-border)}@container button-secondary-inverted (min-width:0){.btn-contained-secondary{--s-button-color-secondary-border:var(--s-button-color-secondary-border-inverted);--s-button-color-secondary-fg:var(--s-button-color-secondary-fg-inverted);--s-button-color-secondary-bg-hover:var(--s-button-color-secondary-bg-hover-inverted);--s-button-color-secondary-bg-pressed:var(--s-button-color-secondary-bg-pressed-inverted);--s-button-color-secondary-fg-hover:var(--s-button-color-secondary-fg-hover-inverted);--s-button-color-secondary-fg-pressed:var(--s-button-color-secondary-fg-pressed-inverted);--s-button-color-secondary-border-hover:var(--s-button-color-secondary-border-hover-inverted);--s-button-color-secondary-pressed-pressed:var(--s-button-color-secondary-border-pressed-inverted)}}.btn-contained-tertiary{--svg--fill:var(--s-button-color-tertiary-fg);--btn--background-color:var(--btn-tertiary--bgc,var(--s-button-color-tertiary-bg));--btn--color:var(--s-button-color-tertiary-text);--btn--border-color:var(--s-button-color-tertiary-border);--btn--transition:background-color .3s ease}.btn-contained-tertiary:hover,.btn-contained-tertiary.hover{--svg--fill:var(--s-button-color-tertiary-fg-hover);--btn--background-color:var(--s-button-color-tertiary-bg-hover);--btn--border-color:var(--s-button-color-tertiary-bg-hover);--btn--color:var(--s-button-color-tertiary-fg-hover)}.btn-contained-tertiary:active,.btn-contained-tertiary.active{--svg--fill:var(--s-button-color-tertiary-fg-pressed);--btn--background-color:var(--s-button-color-tertiary-bg-pressed);--btn--border-color:var(--s-button-color-tertiary-bg-pressed);--btn--color:var(--s-button-color-tertiary-fg-pressed)}.btn-contained-tertiary.disabled,.btn-contained-tertiary:disabled{--svg--fill:currentColor;--btn--background-color:var(--s-button-color-disabled-bg);--btn__text--color:var(--s-button-color-disabled-text);--btn--color:var(--s-button-color-disabled-text);--btn--border-color:var(--s-button-color-disabled-bg)}@container button-tertiary-inverted (min-width:0){.btn-contained-tertiary :not(.wc-slider-wrapper){--s-button-color-tertiary-bg:var(--s-button-color-tertiary-bg-inverted);--s-button-color-tertiary-text:var(--s-button-color-tertiary-text-inverted);--s-button-color-tertiary-fg:var(--s-button-color-tertiary-text-inverted);--s-button-color-tertiary-border:var(--s-button-color-tertiary-border-inverted);--s-button-color-tertiary-bg-hover:var(--s-button-color-tertiary-bg-hover-inverted);--s-button-color-tertiary-bg-pressed:var(--s-button-color-tertiary-bg-pressed-inverted);--s-button-color-tertiary-fg-hover:var(--s-button-color-tertiary-fg-hover-inverted);--s-button-color-tertiary-fg-pressed:var(--s-button-color-tertiary-fg-pressed-inverted);--s-button-color-tertiary-border-hover:var(--s-button-color-tertiary-border-hover);--s-button-color-tertiary-pressed-pressed:var(--s-button-color-tertiary-border-inverted)}}.btn-contained-destructive{--btn--background-color:var(--s-button-color-destructive-bg);--btn--color:var(--s-color-palette-neutral-0);--btn--border-color:var(--s-button-color-destructive-bg);--btn--transition:background-color .3s ease}.btn-contained-destructive:hover,.btn-contained-destructive.hover{--btn--background-color:var(--s-button-color-destructive-bg-hover);--btn--border-color:var(--s-button-color-destructive-bg-hover)}.btn-contained-destructive:active,.btn-contained-destructive.active{--btn--background-color:var(--s-button-color-destructive-bg-pressed);--btn--border-color:var(--s-button-color-destructive-bg-hover)}.btn-text-primary{--svg--fill:currentColor;--btn--background-color:var(--btn-secondary--bgc,transparent);--btn--color:var(--btn-secondary--color,var(--s-button-color-secondary-fg));--btn--transition:background-color .3s ease}.btn-text-primary:hover,.btn-text-primary.hover{--btn--background-color:var(--s-button-color-secondary-bg-hover);--btn--color:var(--s-button-color-secondary-fg-hover)}.btn-text-primary:active,.btn-text-primary.active{--btn--background-color:var(--s-button-color-secondary-bg-pressed);--btn--color:var(--s-button-color-secondary-fg-pressed)}.btn-text-primary.disabled,.btn-text-primary:disabled{--btn--background-color:transparent;--btn__text--color:var(--s-button-color-disabled-text);--btn--color:var(--s-button-color-disabled-text)}@container button-secondary-inverted (min-width:0){.btn-text-primary{--s-button-color-secondary-fg:var(--s-button-color-secondary-fg-inverted);--s-button-color-secondary-bg-hover:var(--s-button-color-secondary-bg-hover-inverted);--s-button-color-secondary-bg-pressed:var(--s-button-color-secondary-bg-pressed-inverted);--s-button-color-secondary-fg-hover:var(--s-button-color-secondary-fg-hover-inverted);--s-button-color-secondary-fg-pressed:var(--s-button-color-secondary-fg-pressed-inverted)}}.btn-text-tertiary{--svg--fill:var(--s-color-text-subtle);--btn--background-color:transparent;--btn--color:var(--s-color-text-subtle);--btn--border-color:transparent;--btn--fs:var(--s-button-font-size-small);--btn--lh:var(--s-button-line-height-small);--btn--fw:var(--s-type-label-small-font-weight);--btn--ls:var(--s-button-letter-spacing-small);--btn--transition:background-color .3s ease}.btn-text-tertiary:hover,.btn-text-tertiary.hover{--btn--background-color:var(--s-button-color-tertiary-bg-hover)}.btn-small{--btn--size:calc(1lh + var(--btn--pt) + var(--btn--pb) + var(--s-button-border-width) + var(--s-button-border-width));--btn--gap:var(--s-spacing-1);--btn--lh:var(--s-type-label-small-line-height);--btn--fs:var(--s-type-label-small-font-size);--btn--ls:var(--s-type-label-small-letter-spacing);--btn--pt:calc(var(--s-spacing-4) / 4);--btn--pb:calc(var(--s-spacing-4) / 4);--btn--pr:calc(var(--s-spacing-4) / 2);--btn--pl:calc(var(--s-spacing-4) / 2);min-height:auto}.btn-full-width{--btn--width:100%;--btn--justify-content:center}.btn-loading{position:relative}.btn__loading-indicator{justify-content:center;align-items:center;display:inline-flex}.btn__content--hidden{opacity:0;visibility:hidden}.btn-loading .btn__loading-indicator{position:static}.btn-loading:has(.btn__content--hidden) .btn__loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}