@layer components{:where(svg,body main svg.svg){width:var(--svg--width,auto);height:var(--svg--height,unset);min-width:var(--svg--min-width,12px);max-width:var(--svg--max-width,auto);max-height:var(--svg--max-height);fill:var(--svg--fill,currentColor);stroke:var(--svg--stroke);flex-shrink:var(--svg--shrink,0);transition:all .15s ease-in-out;display:block}.svg-micro{--spinner--icon-width:var(--s-size-icon-micro);width:var(--s-size-icon-micro);height:var(--s-size-icon-micro)}.svg-tiny{--spinner--icon-width:var(--s-size-icon-tiny);width:var(--s-size-icon-tiny);height:var(--s-size-icon-tiny)}.svg-small{--spinner--icon-width:var(--s-size-icon-small);width:var(--s-size-icon-small);height:var(--s-size-icon-small)}.svg-normal{--spinner--icon-width:var(--s-size-icon-normal);width:var(--s-size-icon-normal);height:var(--s-size-icon-normal)}.svg-large{--spinner--icon-width:var(--s-size-icon-large);width:var(--s-size-icon-large);height:var(--s-size-icon-large)}.svg-display{--spinner--icon-width:var(--s-size-icon-display)}.svg-backdrop,.svg-display{width:var(--s-size-icon-display);height:var(--s-size-icon-display)}.svg-backdrop{background:var(--s-color-surface-primary-subtle);border-radius:var(--s-radius-circle);justify-content:center;align-items:center;display:flex}.icon-rotate{animation:rotate 2s linear infinite}}@layer components{}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@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-label.icon-only-on-mobile{@media (max-width:768px){clip:rect(0,0,0,0);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin-left:-1px;margin-bottom:-1px;margin-right:-1px;margin-top:-1px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:0;position:absolute;overflow:hidden}}}.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,.btn:focus-visible,[role=button].focus,[role=button]:focus-visible{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 (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 (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 (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 (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%)}}