@maggioli-design-system/magma 2.0.0-beta.2 → 2.0.0-beta.3

package/dist/cjs/mds-button_3.cjs.entry.js

@@ -4,6 +4,7 @@ var index = require('./index-CNuKb6Lv.js');
 var keyboardManager = require('./keyboard-manager-BXKT5TGW.js');
 var aria = require('./aria-BbJUuU9_.js');
 var slot = require('./slot-CI0KpgtY.js');
+var preference = require('./preference-BdpIXWLP.js');
 var index$1 = require('./index.cjs.js');
 
 const buttonSizeTypographyVariant = {
@@ -33,7 +34,7 @@ var mdiApple = `<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple" viewBox="
 var logoGoogle = `<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlnsXlink="http://www.w3.org/1999/xlink"><path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path><path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path><path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path><path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path><path fill="none" d="M0 0h48v48H0z"></path></svg>
 `;
 
-const mdsButtonCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--variant-primary-02,230 239 255));--mds-button-border-color-rgb:0 0 0;--mds-button-border-hover-opacity:.75;--mds-button-border-tone-strong-hover-width:.0625rem;--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-weak-hover-width:.0625rem;--mds-button-border-high-contrast-width:.125rem;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:.125rem;--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:.5rem;--mds-button-line-clamp:1;--mds-button-radius:var(--radius-xs,8px)}*,::backdrop,:after,:before{--tw-duration:initial;--tw-font-weight:initial}}}@layer reset,vendor,theme,base,components,utilities;@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--mds-button-border-color-rgb,0 0 0));--mds-button-border-color-rgb:var(--variant-primary-02,230 239 255);--mds-button-border-hover-opacity:.75;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-high-contrast-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-outline-opacity:.3;--mds-button-border-tone-strong-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-weak-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:calc(var(--spacing,.0025rem)*200);--mds-button-line-clamp:1;--mds-button-radius:var(--radius-2xl,24px);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));--tw-duration:.2s;background-color:var(--mds-button-background,rgb(var(--variant-primary-02,230 239 255)));border-radius:var(--mds-button-radius,var(--radius-xs,8px));-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-sizing:border-box;color:var(--mds-button-color,rgb(var(--tone-neutral,0 0 0)));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;corner-shape:var(--magma-corner-shape,round);align-items:center;cursor:pointer;display:inline-flex;fill:currentColor;gap:var(--mds-button-gap,.5rem);justify-content:center;padding:0 calc(var(--spacing,.0025rem)*400);position:relative;transition-property:background-color,border-color,box-shadow,color,outline,outline-offset,transform;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:is(mds-icon,mds-spinner,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-button-await-duration{syntax:"<time>";inherits:true;initial-value:.725s}@property --mds-button-border-color-rgb{syntax:"<number>+";inherits:true;initial-value:0 0 0}@property --mds-button-border-hover-opacity{syntax:"<number>";inherits:true;initial-value:.75}@property --mds-button-border-tone-strong-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-tone-outline-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-tone-weak-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-high-contrast-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-border-high-contrast-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-default-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-gap{syntax:"<length>";inherits:true;initial-value:.5rem}@property --mds-button-line-clamp{syntax:"<integer>";inherits:true;initial-value:1}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.text{--mds-text-line-clamp:var(--mds-button-line-clamp,1)}.text:first-letter{text-transform:uppercase}.icon{align-items:center;display:inline-flex;fill:inherit;flex-shrink:0;justify-content:center;pointer-events:none;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}:host-context(mds-button-group):host(:not(:first-child)){border-bottom-left-radius:0;border-top-left-radius:0}:host-context(mds-button-group):host(:not(:last-child)){border-bottom-right-radius:0;border-top-right-radius:0}.await{display:none;margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);transform:scale(0);transition-behavior:allow-discrete;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:display,margin-right,opacity,transform,width;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}.await,.spinner{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600)}.spinner{--mds-spinner-duration:var(--mds-button-await-duration,.725s);color:currentColor}:is(:host(:not([await])),:host([await=false])) .spinner{-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([await]:not([await=false])) .await{display:flex;margin-right:0;opacity:1;transform:scale(1)}@starting-style{:host([await]:not([await=false])) .await{margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);opacity:0;transform:scale(0)}}:host([await]:not([await=false])){pointer-events:none}:host([disabled]:not([disabled=false])){opacity:.5;pointer-events:none}:host([size=sm]){--mds-button-radius:var(--radius-md,12px);min-height:calc(var(--spacing,.0025rem)*700);min-width:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*300)}:host([size=sm]) .icon{height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .text{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}:host([size=sm]):host([await]:not([await=false])) .await{transform:scale(75)}:host([size=md]){min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=md]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*300)}:host([size=md]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){min-height:calc(var(--spacing,.0025rem)*1200);min-width:calc(var(--spacing,.0025rem)*1200);padding-left:calc(var(--spacing,.0025rem)*500);padding-right:calc(var(--spacing,.0025rem)*500)}:host([size=lg]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*400)}:host([size=lg]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){min-height:calc(var(--spacing,.0025rem)*1300);min-width:calc(var(--spacing,.0025rem)*1300);padding-left:calc(var(--spacing,.0025rem)*600);padding-right:calc(var(--spacing,.0025rem)*600)}:host([size=xl]) .icon{height:calc(var(--spacing,.0025rem)*800);width:calc(var(--spacing,.0025rem)*800)}:host([size][icon][icon-position]:not([label])){aspect-ratio:1;padding:0}:host(:not([label])) .text,:host([label=""]) .text{display:none}:host([variant=primary]){--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-primary-03,211 226 255));--mds-button-border-color-rgb:var(--variant-primary-03,211 226 255)}:host([variant=primary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-primary-09,0 58 168));--mds-button-border-color-rgb:var(--variant-primary-09,0 58 168);--mds-button-color:rgb(var(--variant-primary-03,211 226 255));fill:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-primary-08,0 83 239));--mds-button-border-color-rgb:var(--variant-primary-08,0 83 239)}:host([variant=primary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]){--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-primary-04,184 208 255));--mds-button-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-primary-01,242 246 255))}:host([variant=secondary]){--mds-button-background:rgb(var(--variant-secondary-04,190 208 250));--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-secondary-03,215 226 252));--mds-button-border-color-rgb:var(--variant-secondary-03,215 226 252)}:host([variant=secondary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-secondary-09,12 58 168));--mds-button-border-color-rgb:var(--variant-secondary-09,12 58 168);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252));fill:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-secondary-08,18 83 238));--mds-button-border-color-rgb:var(--variant-secondary-08,18 83 238)}:host([variant=secondary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]){--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-secondary-04,190 208 250));--mds-button-background:rgb(var(--variant-secondary-10,10 49 142))}:host([variant=secondary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-secondary-01,243 246 254))}:host([variant=ai]){--mds-button-background:rgb(var(--variant-ai-04,218 199 253));--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-ai-03,233 220 254));--mds-button-border-color-rgb:var(--variant-ai-03,233 220 254)}:host([variant=ai]):host([tone=weak]){--mds-button-background:rgb(var(--variant-ai-09,75 8 189));--mds-button-border-color-rgb:var(--variant-ai-09,75 8 189);--mds-button-color:rgb(var(--variant-ai-03,233 220 254));fill:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-ai-08,118 44 246));--mds-button-border-color-rgb:var(--variant-ai-08,118 44 246)}:host([variant=ai]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]){--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-ai-04,218 199 253));--mds-button-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=ai]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-ai-01,248 244 255))}:host([variant=info]){--mds-button-background:rgb(var(--status-info-05,112 198 234));--mds-button-border-color-rgb:var(--status-info-05,112 198 234);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-info-04,159 216 241));--mds-button-border-color-rgb:var(--status-info-04,159 216 241)}:host([variant=info]):host([tone=weak]){--mds-button-background:rgb(var(--status-info-09,0 73 116));--mds-button-border-color-rgb:var(--status-info-09,0 73 116);--mds-button-color:rgb(var(--status-info-03,198 231 247));fill:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-info-08,0 107 151));--mds-button-border-color-rgb:var(--status-info-08,0 107 151);--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=info]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]){--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-info-04,159 216 241));--mds-button-background:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=text][active]){--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=success]){--mds-button-background:rgb(var(--status-success-05,107 206 147));--mds-button-border-color-rgb:var(--status-success-05,107 206 147);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-success-04,158 222 181));--mds-button-border-color-rgb:var(--status-success-04,158 222 181)}:host([variant=success]):host([tone=weak]){--mds-button-background:rgb(var(--status-success-09,0 82 9));--mds-button-border-color-rgb:var(--status-success-09,0 82 9);--mds-button-color:rgb(var(--status-success-03,196 235 209));fill:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-success-08,0 116 46));--mds-button-border-color-rgb:var(--status-success-08,0 116 46);--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=success]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]){--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-success-04,158 222 181));--mds-button-background:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=text][active]){--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=warning]){--mds-button-background:rgb(var(--status-warning-05,237 177 0));--mds-button-border-color-rgb:var(--status-warning-05,237 177 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-warning-04,255 200 33));--mds-button-border-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=warning]):host([tone=weak]){--mds-button-background:rgb(var(--status-warning-09,90 67 0));--mds-button-border-color-rgb:var(--status-warning-09,90 67 0);--mds-button-color:rgb(var(--status-warning-03,255 223 129));fill:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-warning-08,129 96 0));--mds-button-border-color-rgb:var(--status-warning-08,129 96 0);--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=warning]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]){--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-warning-04,255 200 33));--mds-button-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=text][active]){--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=error]){--mds-button-background:rgb(var(--status-error-05,250 165 160));--mds-button-border-color-rgb:var(--status-error-05,250 165 160);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-error-04,254 193 189));--mds-button-border-color-rgb:var(--status-error-04,254 193 189)}:host([variant=error]):host([tone=weak]){--mds-button-background:rgb(var(--status-error-09,135 0 14));--mds-button-border-color-rgb:var(--status-error-09,135 0 14);--mds-button-color:rgb(var(--status-error-03,255 217 214));fill:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-error-08,182 50 54));--mds-button-border-color-rgb:var(--status-error-08,182 50 54);--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=error]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]){--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-error-04,254 193 189));--mds-button-background:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=text][active]){--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=light]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0)}:host([variant=light]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=light]):host([tone=outline]),:host([variant=light]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));--mds-button-background:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]){--mds-button-background:rgb(var(--tone-neutral-04,218 218 218));--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral-05,197 197 197));--mds-button-border-color-rgb:var(--tone-neutral-05,197 197 197)}:host([variant=dark]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral-08,107 107 107));--mds-button-border-color-rgb:var(--tone-neutral-08,107 107 107);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral-07,134 134 134));--mds-button-border-color-rgb:var(--tone-neutral-07,134 134 134);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=outline]){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255));--mds-button-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=dark]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=google]),:host([variant=google][tone]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-hover-opacity:50%;--mds-button-border-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:20%;--mds-button-border-width:calc(var(--spacing,.0025rem)*25);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));--mds-button-border-color-rgb:var(--tone-neutral-01,255 255 255);-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0))}:host([variant=google]:hover),:host([variant=google][tone]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:var(--mds-button-border-hover-width);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([variant=apple]) .icon{transform:translateY(-5%)}:host([variant=apple]),:host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:0;--mds-button-border-color-rgb:var(--tone-neutral-02,244 244 244)}:host([variant=apple]:hover),:host([variant=apple][tone]:hover){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-border-opacity:100%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host-context(:root.pref-theme-dark:not(.pref-theme-scheme-light)):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host([tone=outline]),:host([tone=text]){--mds-button-background:transparent}:host([tone=box]),:host([tone=strong]),:host([tone=weak]){--mds-button-border-default-opacity:1;--mds-button-border-width:0;--mds-button-border-opacity:var(--mds-button-border-default-opacity,0)}:host([tone=strong]:hover),:host([tone=strong][active]){--mds-button-border-width:var(--mds-button-border-tone-strong-hover-width,.0625rem)}:host([tone=weak]:hover),:host([tone=weak][active]){--mds-button-border-width:var(--mds-button-border-tone-weak-hover-width,.0625rem)}:host([tone=outline]){--mds-button-border-opacity:var(--mds-button-border-tone-outline-opacity)}:host([tone=outline]:hover),:host([tone=outline][active]){--mds-button-background:transparent;--mds-button-border-width:var(--mds-button-border-tone-outline-hover-width,3px);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);transition-property:background-color,border-color,box-shadow,color,outline,filter,outline-offset,transform}:host([tone=box]):host(:hover){filter:brightness(1.1)}:is(:host-context(:root.pref-animation-reduce) .await,:host-context(:root.pref-animation-reduce) .icon){transition-duration:0s}@property --tw-duration{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google]:hover),:is(:host-context(:root.pref-theme-system:not(.pref-theme-scheme-light)),:host-context(:root:not([data-magma-pref]))):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .await,:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))) .icon{transition-duration:0s}}`;
+const mdsButtonCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--mds-button-await-duration:.725s;--mds-button-background:rgb(var(--variant-primary-02,230 239 255));--mds-button-border-color-rgb:0 0 0;--mds-button-border-hover-opacity:.75;--mds-button-border-tone-strong-hover-width:.0625rem;--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-weak-hover-width:.0625rem;--mds-button-border-high-contrast-width:.125rem;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:.125rem;--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:.5rem;--mds-button-line-clamp:1;--mds-button-radius:var(--radius-xs,8px)}*,::backdrop,:after,:before{--tw-font-weight:initial}}}@keyframes focus-bounce{0%,75%,to{outline-offset:var(--magma-outline-focus-offset,6px)}50%{outline-offset:var(--magma-outline-blur-offset,2px)}}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);--mds-button-await-duration:.725s;--mds-button-transition-duration:var(--duration-300,.3s);--private-button-transition-duration:var(--mds-button-transition-duration);--mds-button-background:rgb(var(--mds-button-border-color-rgb,0 0 0));--mds-button-border-color-rgb:var(--variant-primary-02,230 239 255);--mds-button-border-hover-opacity:.75;--mds-button-border-high-contrast-hover-width:3px;--mds-button-border-high-contrast-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-outline-hover-width:3px;--mds-button-border-tone-outline-opacity:.3;--mds-button-border-tone-strong-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-tone-weak-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-default-opacity:0;--mds-button-border-opacity:0;--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-gap:calc(var(--spacing,.0025rem)*200);--mds-button-line-clamp:1;--mds-button-radius:var(--radius-2xl,24px);animation-duration:var(--magma-outline-animation-duration,1s);animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:focus-bounce;animation-play-state:paused;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));background-color:var(--mds-button-background,rgb(var(--variant-primary-02,230 239 255)));border-radius:var(--mds-button-radius,var(--radius-xs,8px));-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-sizing:border-box;color:var(--mds-button-color,rgb(var(--tone-neutral,0 0 0)));outline:var(--magma-outline-blur,2px solid var(--magma-outline-blur-color,#0000));transition-duration:.2s;transition-property:background-color,border-color,box-shadow,color,fill,outline,outline-offset,transform;transition-timing-function:ease-in-out;corner-shape:var(--magma-corner-shape,round);align-items:center;cursor:pointer;display:inline-flex;fill:currentColor;gap:var(--mds-button-gap,.5rem);justify-content:center;padding:0 calc(var(--spacing,.0025rem)*400);position:relative;-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);transition-property:background-color,border-color,box-shadow,color,outline,outline-offset,transform;-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));-webkit-user-select:none;user-select:none}:is(mds-icon,mds-spinner,mds-text):not(:is([hydrated],.hydrated)){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --mds-button-await-duration{syntax:"<time>";inherits:true;initial-value:.725s}@property --mds-button-border-color-rgb{syntax:"<number>+";inherits:true;initial-value:0 0 0}@property --mds-button-border-hover-opacity{syntax:"<number>";inherits:true;initial-value:.75}@property --mds-button-border-tone-strong-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-tone-outline-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-tone-weak-hover-width{syntax:"<length>";inherits:true;initial-value:.0625rem}@property --mds-button-border-high-contrast-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-border-high-contrast-hover-width{syntax:"<length>";inherits:true;initial-value:3px}@property --mds-button-border-default-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-opacity{syntax:"<number>";inherits:true;initial-value:0}@property --mds-button-border-width{syntax:"<length>";inherits:true;initial-value:.125rem}@property --mds-button-gap{syntax:"<length>";inherits:true;initial-value:.5rem}@property --mds-button-line-clamp{syntax:"<integer>";inherits:true;initial-value:1}:host:focus-visible{--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running}:host(:focus-visible){--magma-outline-blur:var(--magma-outline-focus);animation-play-state:running;z-index:10}.text{--mds-text-line-clamp:var(--mds-button-line-clamp,1)}.text:first-letter{text-transform:uppercase}.icon{align-items:center;display:inline-flex;fill:inherit;flex-shrink:0;justify-content:center;pointer-events:none;transition-property:fill;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}.await,.icon{-webkit-transition-duration:var(--private-button-transition-duration);transition-duration:var(--private-button-transition-duration)}.await{display:none;margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);transform:scale(0);transition-behavior:allow-discrete;transition-property:display,margin-right,opacity,transform,width;-webkit-transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955));transition-timing-function:var(--ease-in-out-quad,cubic-bezier(.455,.03,.515,.955))}.await,.spinner{height:calc(var(--spacing,.0025rem)*600);width:calc(var(--spacing,.0025rem)*600)}.spinner{--mds-spinner-duration:var(--mds-button-await-duration,.725s);color:currentColor}:is(:host(:not([await])),:host([await=false])) .spinner{-webkit-transition-duration:var(--duration-200,.2s);transition-duration:var(--duration-200,.2s);-webkit-transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94));transition-timing-function:var(--ease-out-quad,cubic-bezier(.25,.46,.45,.94))}:host([await]:not([await=false])) .await{display:flex;margin-right:0;opacity:1;transform:scale(1)}@starting-style{:host([await]:not([await=false])) .await{margin-right:calc(var(--mds-button-gap,.5rem)*-1 - var(--spacing,.0025rem)*600);opacity:0;transform:scale(0)}}:host([await]:not([await=false])){pointer-events:none}:host([disabled]:not([disabled=false])){opacity:.5;pointer-events:none}:host([size=sm]){--mds-button-radius:var(--radius-md,12px);min-height:calc(var(--spacing,.0025rem)*700);min-width:calc(var(--spacing,.0025rem)*700);padding:0 calc(var(--spacing,.0025rem)*300)}:host([size=sm]) .icon{height:calc(var(--spacing,.0025rem)*400);width:calc(var(--spacing,.0025rem)*400)}:host([size=sm]) .text{--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}:host([size=sm]):host([await]:not([await=false])) .await{transform:scale(75)}:host([size=md]){min-height:calc(var(--spacing,.0025rem)*900);min-width:calc(var(--spacing,.0025rem)*900);padding-left:calc(var(--spacing,.0025rem)*400);padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=md]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*300)}:host([size=md]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*300)}:host([size=lg]){min-height:calc(var(--spacing,.0025rem)*1200);min-width:calc(var(--spacing,.0025rem)*1200);padding-left:calc(var(--spacing,.0025rem)*500);padding-right:calc(var(--spacing,.0025rem)*500)}:host([size=lg]):host([icon][icon-position=left]){padding-left:calc(var(--spacing,.0025rem)*400)}:host([size=lg]):host([icon][icon-position=right]){padding-right:calc(var(--spacing,.0025rem)*400)}:host([size=xl]){min-height:calc(var(--spacing,.0025rem)*1300);min-width:calc(var(--spacing,.0025rem)*1300);padding-left:calc(var(--spacing,.0025rem)*600);padding-right:calc(var(--spacing,.0025rem)*600)}:host([size=xl]) .icon{height:calc(var(--spacing,.0025rem)*800);width:calc(var(--spacing,.0025rem)*800)}:host([size][icon][icon-position]:not([label])){aspect-ratio:1;padding:0}:host(:not([label])) .text,:host([label=""]) .text{display:none}:host([variant=primary]){--mds-button-background:rgb(var(--variant-primary-04,184 208 255));--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=primary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-primary-03,211 226 255));--mds-button-border-color-rgb:var(--variant-primary-03,211 226 255)}:host([variant=primary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-primary-09,0 58 168));--mds-button-border-color-rgb:var(--variant-primary-09,0 58 168);--mds-button-color:rgb(var(--variant-primary-03,211 226 255));fill:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-primary-08,0 83 239));--mds-button-border-color-rgb:var(--variant-primary-08,0 83 239)}:host([variant=primary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-03,211 226 255))}:host([variant=primary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-primary-04,184 208 255);--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]){--mds-button-color:rgb(var(--variant-primary-02,230 239 255))}:host([variant=primary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-primary-04,184 208 255));--mds-button-background:rgb(var(--variant-primary-10,0 49 142))}:host([variant=primary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-primary-01,242 246 255))}:host([variant=secondary]){--mds-button-background:rgb(var(--variant-secondary-04,190 208 250));--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=secondary]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-secondary-03,215 226 252));--mds-button-border-color-rgb:var(--variant-secondary-03,215 226 252)}:host([variant=secondary]):host([tone=weak]){--mds-button-background:rgb(var(--variant-secondary-09,12 58 168));--mds-button-border-color-rgb:var(--variant-secondary-09,12 58 168);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252));fill:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-secondary-08,18 83 238));--mds-button-border-color-rgb:var(--variant-secondary-08,18 83 238)}:host([variant=secondary]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-03,215 226 252))}:host([variant=secondary]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-secondary-04,190 208 250);--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]){--mds-button-color:rgb(var(--variant-secondary-02,232 238 253))}:host([variant=secondary]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-secondary-04,190 208 250));--mds-button-background:rgb(var(--variant-secondary-10,10 49 142))}:host([variant=secondary]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-secondary-01,243 246 254))}:host([variant=ai]){--mds-button-background:rgb(var(--variant-ai-04,218 199 253));--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=ai]):host([tone=strong]:hover){--mds-button-background:rgb(var(--variant-ai-03,233 220 254));--mds-button-border-color-rgb:var(--variant-ai-03,233 220 254)}:host([variant=ai]):host([tone=weak]){--mds-button-background:rgb(var(--variant-ai-09,75 8 189));--mds-button-border-color-rgb:var(--variant-ai-09,75 8 189);--mds-button-color:rgb(var(--variant-ai-03,233 220 254));fill:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=weak]:hover){--mds-button-background:rgb(var(--variant-ai-08,118 44 246));--mds-button-border-color-rgb:var(--variant-ai-08,118 44 246)}:host([variant=ai]):host([tone=outline]){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-03,233 220 254))}:host([variant=ai]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--variant-ai-04,218 199 253);--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]){--mds-button-color:rgb(var(--variant-ai-02,242 235 254))}:host([variant=ai]):host([tone=text]:hover){--mds-button-color:rgb(var(--variant-ai-04,218 199 253));--mds-button-background:rgb(var(--variant-ai-10,63 7 161))}:host([variant=ai]):host([tone=text][active]){--mds-button-color:rgb(var(--variant-ai-01,248 244 255))}:host([variant=info]){--mds-button-background:rgb(var(--status-info-05,112 198 234));--mds-button-border-color-rgb:var(--status-info-05,112 198 234);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=info]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-info-04,159 216 241));--mds-button-border-color-rgb:var(--status-info-04,159 216 241)}:host([variant=info]):host([tone=weak]){--mds-button-background:rgb(var(--status-info-09,0 73 116));--mds-button-border-color-rgb:var(--status-info-09,0 73 116);--mds-button-color:rgb(var(--status-info-03,198 231 247));fill:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-info-08,0 107 151));--mds-button-border-color-rgb:var(--status-info-08,0 107 151);--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=info]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-03,198 231 247))}:host([variant=info]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-info-04,159 216 241);--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]){--mds-button-color:rgb(var(--status-info-02,222 242 250))}:host([variant=info]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-info-04,159 216 241));--mds-button-background:rgb(var(--status-info-10,0 61 103))}:host([variant=info]):host([tone=text][active]){--mds-button-color:rgb(var(--status-info-01,237 248 253))}:host([variant=success]){--mds-button-background:rgb(var(--status-success-05,107 206 147));--mds-button-border-color-rgb:var(--status-success-05,107 206 147);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=success]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-success-04,158 222 181));--mds-button-border-color-rgb:var(--status-success-04,158 222 181)}:host([variant=success]):host([tone=weak]){--mds-button-background:rgb(var(--status-success-09,0 82 9));--mds-button-border-color-rgb:var(--status-success-09,0 82 9);--mds-button-color:rgb(var(--status-success-03,196 235 209));fill:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-success-08,0 116 46));--mds-button-border-color-rgb:var(--status-success-08,0 116 46);--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=success]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-03,196 235 209))}:host([variant=success]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-success-04,158 222 181);--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]){--mds-button-color:rgb(var(--status-success-02,222 244 228))}:host([variant=success]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-success-04,158 222 181));--mds-button-background:rgb(var(--status-success-10,0 69 0))}:host([variant=success]):host([tone=text][active]){--mds-button-color:rgb(var(--status-success-01,237 249 241))}:host([variant=warning]){--mds-button-background:rgb(var(--status-warning-05,237 177 0));--mds-button-border-color-rgb:var(--status-warning-05,237 177 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=warning]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-warning-04,255 200 33));--mds-button-border-color-rgb:var(--status-warning-04,255 200 33)}:host([variant=warning]):host([tone=weak]){--mds-button-background:rgb(var(--status-warning-09,90 67 0));--mds-button-border-color-rgb:var(--status-warning-09,90 67 0);--mds-button-color:rgb(var(--status-warning-03,255 223 129));fill:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-warning-08,129 96 0));--mds-button-border-color-rgb:var(--status-warning-08,129 96 0);--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=warning]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-03,255 223 129))}:host([variant=warning]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-warning-04,255 200 33);--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]){--mds-button-color:rgb(var(--status-warning-02,255 237 185))}:host([variant=warning]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-warning-04,255 200 33));--mds-button-background:rgb(var(--status-warning-10,77 57 0))}:host([variant=warning]):host([tone=text][active]){--mds-button-color:rgb(var(--status-warning-01,255 246 217))}:host([variant=error]){--mds-button-background:rgb(var(--status-error-05,250 165 160));--mds-button-border-color-rgb:var(--status-error-05,250 165 160);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=error]):host([tone=strong]:hover){--mds-button-background:rgb(var(--status-error-04,254 193 189));--mds-button-border-color-rgb:var(--status-error-04,254 193 189)}:host([variant=error]):host([tone=weak]){--mds-button-background:rgb(var(--status-error-09,135 0 14));--mds-button-border-color-rgb:var(--status-error-09,135 0 14);--mds-button-color:rgb(var(--status-error-03,255 217 214));fill:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=weak]:hover){--mds-button-background:rgb(var(--status-error-08,182 50 54));--mds-button-border-color-rgb:var(--status-error-08,182 50 54);--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=error]):host([tone=outline]){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-03,255 217 214))}:host([variant=error]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--status-error-04,254 193 189);--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]){--mds-button-color:rgb(var(--status-error-02,255 234 231))}:host([variant=error]):host([tone=text]:hover){--mds-button-color:rgb(var(--status-error-04,254 193 189));--mds-button-background:rgb(var(--status-error-10,115 0 0))}:host([variant=error]):host([tone=text][active]){--mds-button-color:rgb(var(--status-error-01,255 243 242))}:host([variant=light]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0)}:host([variant=light]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=light]):host([tone=outline]),:host([variant=light]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral,0 0 0);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=light]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-10,60 60 60));--mds-button-background:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=light]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]){--mds-button-background:rgb(var(--tone-neutral-04,218 218 218));--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral,0 0 0))}:host([variant=dark]):host([tone=strong]:hover){--mds-button-background:rgb(var(--tone-neutral-05,197 197 197));--mds-button-border-color-rgb:var(--tone-neutral-05,197 197 197)}:host([variant=dark]):host([tone=weak]){--mds-button-background:rgb(var(--tone-neutral-08,107 107 107));--mds-button-border-color-rgb:var(--tone-neutral-08,107 107 107);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));fill:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=weak]:hover){--mds-button-background:rgb(var(--tone-neutral-07,134 134 134));--mds-button-border-color-rgb:var(--tone-neutral-07,134 134 134);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=outline]){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233))}:host([variant=dark]):host([tone=outline]:hover){--mds-button-border-color-rgb:var(--tone-neutral-04,218 218 218);--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]){--mds-button-color:rgb(var(--tone-neutral-02,244 244 244))}:host([variant=dark]):host([tone=text]:hover){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255));--mds-button-background:rgb(var(--tone-neutral-10,60 60 60))}:host([variant=dark]):host([tone=text][active]){--mds-button-color:rgb(var(--tone-neutral-01,255 255 255))}:host([variant=google]),:host([variant=google][tone]){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-hover-opacity:50%;--mds-button-border-hover-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:20%;--mds-button-border-width:calc(var(--spacing,.0025rem)*25);--mds-button-color:rgb(var(--tone-neutral-03,233 233 233));--mds-button-border-color-rgb:var(--tone-neutral-01,255 255 255);-webkit-box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0));box-shadow:0 0 0 var(--mds-button-border-width,.125rem) rgb(var(--mds-button-border-color-rgb,0 0 0)/var(--mds-button-border-opacity,0))}:host([variant=google]:hover),:host([variant=google][tone]:hover){--mds-button-background:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:var(--mds-button-border-hover-width);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([variant=apple]) .icon{transform:translateY(-5%)}:host([variant=apple]),:host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-color:rgb(var(--tone-neutral,0 0 0));--mds-button-border-width:0;--mds-button-border-color-rgb:var(--tone-neutral-02,244 244 244)}:host([variant=apple]:hover),:host([variant=apple][tone]:hover){--mds-button-background:rgb(var(--tone-neutral-02,244 244 244));--mds-button-border-opacity:100%}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=google]),:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=google]:hover),:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=apple]),:host([pref-theme=dark]:not([pref-theme-scheme=light])):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:host([tone=outline]),:host([tone=text]){--mds-button-background:#0000}:host([tone=box]),:host([tone=strong]),:host([tone=weak]){--mds-button-border-default-opacity:1;--mds-button-border-width:0;--mds-button-border-opacity:var(--mds-button-border-default-opacity,0)}:host([tone=strong]:hover),:host([tone=strong][active]){--mds-button-border-width:var(--mds-button-border-tone-strong-hover-width,.0625rem)}:host([tone=weak]:hover),:host([tone=weak][active]){--mds-button-border-width:var(--mds-button-border-tone-weak-hover-width,.0625rem)}:host([tone=outline]){--mds-button-border-opacity:var(--mds-button-border-tone-outline-opacity)}:host([tone=outline]:hover),:host([tone=outline][active]){--mds-button-background:#0000;--mds-button-border-width:var(--mds-button-border-tone-outline-hover-width,3px);--mds-button-border-opacity:var(--mds-button-border-hover-opacity,.75)}:host([tone=box]){-webkit-box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);box-shadow:var(--shadow-box-solid-strong,#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#00000059 0 -3px 0 inset,#ffffff1a 0 -8px 10px inset,#ffffff26 0 -4px 0 inset);transition-property:background-color,border-color,box-shadow,color,outline,filter,outline-offset,transform}:host([tone=box]):host(:hover){filter:brightness(1.1)}:host([pref-animation=reduce]){--private-button-transition-duration:0s}@property --tw-font-weight{syntax:"*";inherits:false}@media (prefers-color-scheme:dark){:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=apple]),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=apple][tone]){--mds-button-background:rgb(var(--tone-neutral-01,255 255 255))}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google]),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google][tone]){--mds-button-border-width:calc(var(--spacing,.0025rem)*50);--mds-button-border-opacity:30%}:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google]:hover),:is(:host([pref-theme=system]:not([pref-theme-scheme=light])),:host(:not([pref-theme]))):host([variant=google][tone]:hover){--mds-button-border-opacity:50%}}@media (prefers-reduced-motion:reduce){:host(:not([pref-animation])),:host([pref-animation=system]){--private-button-transition-duration:0s}}`;
 
 const MdsButton = class {
     constructor(hostRef) {
@@ -224,15 +225,28 @@ const MdsButton = class {
         this.km.attachClickBehavior();
     }
     connectedCallback() {
+        this.unsubscribePrefAnimation = preference.subscribePreference('animation', (value) => {
+            this.prefAnimation = value;
+        });
+        this.unsubscribePrefTheme = preference.subscribePreference('theme', (value) => {
+            this.prefTheme = value;
+        });
+        this.unsubscribePrefThemeScheme = preference.subscribePreference('theme-scheme', (value) => {
+            this.prefThemeScheme = value;
+        });
         if (!this.disabled)
             this.host.removeAttribute('disabled');
     }
     disconnectedCallback() {
+        var _a, _b, _c;
+        (_a = this.unsubscribePrefAnimation) === null || _a === void 0 ? void 0 : _a.call(this);
+        (_b = this.unsubscribePrefTheme) === null || _b === void 0 ? void 0 : _b.call(this);
+        (_c = this.unsubscribePrefThemeScheme) === null || _c === void 0 ? void 0 : _c.call(this);
         this.km.detachClickBehavior();
     }
     render() {
         this.typography = buttonSizeTypographyVariant[this.size];
-        return (index.h(index.Host, { key: '742df7f0ff9096e2af56b47970cad3ce1d97ded9', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0" }, index.h("div", { key: 'feb94db67f8782363ff7cd8bc2472617ef668c1c', class: "await" }, index.h("mds-spinner", { key: 'f43ddd7651ff63bde32e58b21ae688ad9f99e3fc', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && (index.h("mds-icon", { key: '9977013bc0251f8c3184c09a7718e7b111191941', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })), index.h("mds-text", { key: 'c77755a17e22c8e00457a093a3041d42936c807c', class: "text", part: "label", tag: "span", typography: this.typography, truncate: this.truncate, animation: this.animation, text: this.label }, this.label || index.h("slot", { key: 'da65921ecf3fdcf43a9a657ca79b9c31d1c1f4d4', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && index.h("slot", { key: '6fa74b557775f3ac3b13898c2b6271c7cfac74e8', name: "notification" }), this.icon && this.iconPosition === 'right' && (index.h("mds-icon", { key: 'bf6d2d99d3e9c405edec7d1778df8197cd3b453e', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }))));
+        return (index.h(index.Host, { key: '56280f982ec58bc7892cc675a32c2864ced12307', onMouseDown: this.mouseDown, onMouseUp: this.mouseUp, onMouseOut: this.mouseUp, tabindex: "0", "pref-animation": this.prefAnimation, "pref-theme": this.prefTheme, "pref-theme-scheme": this.prefThemeScheme }, index.h("div", { key: 'eba4a361bce886870bcfcc36da4faae20555077a', class: "await" }, index.h("mds-spinner", { key: '9b7b713a50197bf0363008c64becdda0b6ddb883', class: "spinner", running: this.await })), this.icon && this.iconPosition === 'left' && (index.h("mds-icon", { key: '3c969c5f9e056fb0f23db60a1e3d08e8fe4019ef', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" })), index.h("mds-text", { key: '9c0870359c1e08293172d0b426d0049ea75d08ec', class: "text", part: "label", tag: "span", typography: this.typography, truncate: this.truncate, animation: this.animation, text: this.label }, this.label || index.h("slot", { key: '8b85b4d200a73b8c62a3f59269f86bc477e5b9ad', onSlotchange: this.onSlotChangeHandler })), this.hasNotification && index.h("slot", { key: '23c08a47307b635e93ef1153ee19d2d9362bc63e', name: "notification" }), this.icon && this.iconPosition === 'right' && (index.h("mds-icon", { key: '2d2544dd68e2580ae007bb33813d43ed257c6e17', "aria-hidden": "true", class: "icon", name: this.icon, part: "icon" }))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }
@@ -258,7 +272,7 @@ const MdsButton = class {
 };
 MdsButton.style = mdsButtonCss();
 
-const mdsIconCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center;width:calc(var(--spacing,.0025rem)*600)}.icon{align-items:center;display:inline-flex;font-style:normal;justify-content:center;width:100%}.icon svg{height:auto;width:100%}`;
+const mdsIconCss = () => `@layer reset,vendor,theme,base,components,utilities;:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}:host{align-items:center;aspect-ratio:var(--aspect-square,1/1);display:inline-flex;justify-content:center;width:calc(var(--spacing,.0025rem)*600)}.icon{align-items:center;display:inline-flex;font-style:normal;justify-content:center;width:100%}.icon svg{height:auto;width:100%}`;
 
 const MdsIcon = class {
     constructor(hostRef) {
@@ -272,15 +286,13 @@ const MdsIcon = class {
         this.updateIcon();
         index$1.IconsSetService.registerListener(() => this.updateIcon());
     }
-    static setSvgPathStatic(path) {
-        index$1.IconsSetService.setSvgPath(path);
-    }
     /**
      * Set the path to the directory of svg files
      * @param svgPath path to the directory of svg files
      */
     async setSvgPath(svgPath) {
         index$1.IconsSetService.setSvgPath(svgPath);
+        return Promise.resolve();
     }
     async updateIcon() {
         if (this.name === '')
@@ -296,7 +308,7 @@ const MdsIcon = class {
         this.svgHTML = await index$1.IconsSetService.fetchSvg(this.name);
     }
     render() {
-        return (index.h(index.Host, { key: 'adb18482be69f88c754a524b4554574c71d253e8' }, this.svgHTML && index.h("i", { key: '434a961761ac22d193bccfa8fbb8f5fca7d1d61e', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
+        return (index.h(index.Host, { key: '8d95b94dbe7f22e136567cb681e44479f5c1be7a' }, this.svgHTML && index.h("i", { key: 'e9808177023e9521abf570b85302b65e43f9e0d8', "aria-hidden": "true", class: "icon", part: "svg", innerHTML: this.svgHTML })));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -313,7 +325,7 @@ var awaitIcon = `<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2
 </svg>
 `;
 
-const mdsSpinnerCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-spinner-duration:.725s;--tw-duration:initial;--tw-ease:initial}}}@layer reset,vendor,theme,base,components,utilities;@property --mds-spinner-duration{syntax:"<time>";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;height:calc(var(--spacing,.0025rem)*1200);width:calc(var(--spacing,.0025rem)*1200);--tw-duration:.3s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;justify-content:center;opacity:0;overflow:hidden;transform:scale(0);transition-duration:.3s;transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1))}:host([running]){--tw-duration:.7s;--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);transition-duration:.7s;transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);aspect-ratio:var(--aspect-square,1/1);width:100%;--tw-duration:.3s;--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;display:flex;flex-shrink:0;stroke:currentColor;transition-duration:.3s;transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1))}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host-context(:root.pref-animation-reduce){--mds-spinner-duration:8s}:host-context(:root.pref-contrast-more){color:rgb(var(--variant-primary-01,242 246 255))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion){:is(:host-context(:root.pref-animation-system),:host-context(:root:not([data-magma-pref]))){--mds-spinner-duration:8s}}@media (prefers-contrast:more){:is(:host-context(:root.pref-contrast-system),:host-context(:root:not([data-magma-pref]))){color:rgb(var(--variant-primary-01,242 246 255))}}`;
+const mdsSpinnerCss = () => `@layer reset,vendor,theme,base,components,utilities;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--mds-spinner-duration:.725s;--tw-ease:initial}}}@property --mds-spinner-duration{syntax:"<time>";inherits:false;initial-value:.725s}:host{--mds-spinner-duration:.725s;--tw-ease:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));align-items:center;color:rgb(var(--variant-primary-03,211 226 255));display:inline-flex;height:calc(var(--spacing,.0025rem)*1200);justify-content:center;opacity:0;overflow:hidden;transform:scale(0);-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:opacity,transform;transition-timing-function:var(--ease-in-out-quart,cubic-bezier(.77,0,.175,1));width:calc(var(--spacing,.0025rem)*1200)}:host([running]){--tw-ease:var(--ease-in-out-expo,cubic-bezier(1,0,0,1));opacity:1;transform:scale(1);-webkit-transition-duration:var(--duration-700,.7s);transition-duration:var(--duration-700,.7s);transition-timing-function:var(--ease-in-out-expo,cubic-bezier(1,0,0,1))}.await-icon{animation:var(--animate-spin,spin 1s linear infinite);--tw-ease:var(--ease-out,cubic-bezier(0,0,.2,1));-webkit-animation-duration:var(--mds-spinner-duration,.725s);animation-duration:var(--mds-spinner-duration,.725s);animation-play-state:paused;aspect-ratio:var(--aspect-square,1/1);display:flex;flex-shrink:0;stroke:currentColor;-webkit-transition-duration:var(--duration-300,.3s);transition-duration:var(--duration-300,.3s);transition-property:stroke;transition-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));width:100%}.await-icon svg{width:100%}:host([running]) .await-icon{animation-play-state:running}:host([pref-contrast=more]){color:rgb(var(--variant-primary-01,242 246 255))}:host(:not(:is([hydrated],.hydrated))){animation-duration:0s;border-color:#0000;box-shadow:0 0 #0000;opacity:0;outline-color:#0000;transition-delay:.1s;transition-duration:0s;visibility:hidden}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){:host{--mds-spinner-duration:8s}}@media (prefers-contrast:more){:host(:not([pref-contrast])),:host([pref-contrast=system]){color:rgb(var(--variant-primary-01,242 246 255))}}`;
 
 const MdsSpinner = class {
     constructor(hostRef) {
@@ -323,13 +335,22 @@ const MdsSpinner = class {
          */
         this.running = false;
     }
+    connectedCallback() {
+        this.unsubscribePrefContrast = preference.subscribePreference('contrast', (value) => {
+            this.prefContrast = value;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.unsubscribePrefContrast) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
     handleRunning(newValue) {
         if (newValue === false) {
             this.running = undefined;
         }
     }
     render() {
-        return (index.h(index.Host, { key: '687dc98a043d362db35bf00ec71052097b3f509c' }, index.h("i", { key: '9b374e6a3aeebf211fbc56ad1446dec19cd1da9e', class: "await-icon", innerHTML: awaitIcon })));
+        return (index.h(index.Host, { key: '3cc5be5253b5a0dd6930f3e6b76f8740d929ec06', "pref-contrast": this.prefContrast }, index.h("i", { key: 'cc12373124c1d79f96f6db046282ccf85a140e92', class: "await-icon", innerHTML: awaitIcon })));
     }
     static get watchers() { return {
         "running": [{