@bmxc/pami-elements 0.1.0-beta.1 → 0.1.0-beta.2

package/dist/cjs/pami-button_7.cjs.entry.js

@@ -2,14 +2,14 @@
 
 var index = require('./index-CC-TttZ1.js');
 var lazyLoadingIndicator = require('./lazy-loading-indicator-hSUO2jUl.js');
-var ripple = require('./ripple-CiICEyeg.js');
+var ripple = require('./ripple-xSbG6X8P.js');
 var form = require('./form-CoMqaihR.js');
-var pamiPainter = require('./pami-painter-CEq_kp4Z.js');
+var pamiPainter = require('./pami-painter-WpO-HKN2.js');
 var url = require('./url-DN4qTYib.js');
 var iconRegistry = require('./icon-registry-CvdqlWy0.js');
 var id = require('./id-BokG8IAT.js');
 
-const pamiButtonCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-button-container-color, transparent);--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-0, none);--_icon-size:var(--pami-button-icon-size, 18px);--_width:var(--pami-button-width, auto);--_min-width:var(      --pami-button-min-width,      max(40px, calc(var(--_size-min-width, 48px) + var(--md-sys-density-scale, 0) * 4px))    );--_max-width:var(--pami-button-max-width, none);--_height:var(--pami-button-height, auto);--_min-height:var(      --pami-button-min-height,      max(24px, calc(var(--_size-min-height, 32px) + var(--md-sys-density-scale, 0) * 4px))    );display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;text-decoration:none;border:none;outline:var(--md-sys-state-focus-ring-width, 2px) solid transparent;outline-offset:var(--md-sys-state-focus-ring-offset, 2px);box-sizing:border-box;inline-size:var(--_width);block-size:var(--_height);min-inline-size:var(--_min-width);min-block-size:var(--_min-height);max-inline-size:var(--_max-width);background-color:var(--_container-color);color:var(--_label-color);box-shadow:var(--_container-elevation);--_shape-round:20px;isolation:isolate;--pami-pari-z:-1;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      background-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1)),      color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));-webkit-tap-highlight-color:transparent;vertical-align:middle}:host(.pami-button--xs){--_icon-size:var(--pami-button-icon-size, max(10px, calc(20px + var(--md-sys-density-scale, 0) * 2.5px)));--_shape-round:16px;--_size-min-height:32px;--_size-min-width:48px;padding:0 max(6px, calc(12px + var(--md-sys-density-scale, 0) * 0.75px));gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px));font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px))}:host(.pami-button--sm){--_icon-size:var(--pami-button-icon-size, max(10px, calc(20px + var(--md-sys-density-scale, 0) * 2.5px)));--_shape-round:20px;--_size-min-height:40px;--_size-min-width:58px;padding:0 max(8px, calc(16px + var(--md-sys-density-scale, 0) * 1px));gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-button--md){--_icon-size:var(--pami-button-icon-size, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 3px)));--_shape-round:28px;--_size-min-height:56px;--_size-min-width:72px;padding:0 max(12px, calc(24px + var(--md-sys-density-scale, 0) * 1.5px));gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-small-font-weight, 500);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-button--lg){--_icon-size:var(--pami-button-icon-size, max(16px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_shape-round:48px;--_size-min-height:96px;--_size-min-width:88px;padding:0 max(24px, calc(48px + var(--md-sys-density-scale, 0) * 3px));gap:max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px));font-family:var(--md-sys-typescale-title-medium-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, 0.15px);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-button--xl){--_icon-size:var(--pami-button-icon-size, max(20px, calc(40px + var(--md-sys-density-scale, 0) * 5px)));--_shape-round:68px;--_size-min-height:136px;--_size-min-width:120px;padding:0 max(32px, calc(64px + var(--md-sys-density-scale, 0) * 4px));gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0px);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px))}:host(.pami-button--full-width){display:flex;--_width:var(--pami-button-width, 100%)}:host(.pami-button--round){--_shape-rest:var(--pami-button-container-shape, var(--_shape-round));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--xs){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-small, 8px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--sm){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-medium, 12px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--md){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-medium, 12px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--lg){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-large, 16px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--xl){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--xs){--_morph-to:var(--md-sys-shape-corner-small, 8px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--sm){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--md){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--lg){--_morph-to:var(--md-sys-shape-corner-large, 16px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--xl){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.pami-button--shape-morph.pami-button--square.pami-button--selected){--_morph-to:var(--pami-button-container-shape, var(--_shape-round))}:host(.pami-button--pressed.pami-button--xs){--_morph-to:var(--md-sys-shape-corner-extra-small, 4px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--sm){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--md){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--lg){--_morph-to:var(--md-sys-shape-corner-medium, 12px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--xl){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--connected-left.pami-button--xs),:host(.pami-button--connected-right.pami-button--xs){--_c-inner:4px}:host(.pami-button--connected-left.pami-button--sm),:host(.pami-button--connected-right.pami-button--sm){--_c-inner:8px}:host(.pami-button--connected-left.pami-button--md),:host(.pami-button--connected-right.pami-button--md){--_c-inner:8px}:host(.pami-button--connected-left.pami-button--lg),:host(.pami-button--connected-right.pami-button--lg){--_c-inner:16px}:host(.pami-button--connected-left.pami-button--xl),:host(.pami-button--connected-right.pami-button--xl){--_c-inner:20px}:host(.pami-button--connected-left.pami-button--connected-right){border-radius:var(--_c-inner)}:host(.pami-button--round.pami-button--connected-right:not(.pami-button--connected-left)){border-start-start-radius:var(--_shape-round);border-end-start-radius:var(--_shape-round);border-start-end-radius:var(--_c-inner);border-end-end-radius:var(--_c-inner)}:host(.pami-button--round.pami-button--connected-left:not(.pami-button--connected-right)){border-start-start-radius:var(--_c-inner);border-end-start-radius:var(--_c-inner);border-start-end-radius:var(--_shape-round);border-end-end-radius:var(--_shape-round)}:host(.pami-button--square.pami-button--connected-right:not(.pami-button--connected-left)),:host(.pami-button--square.pami-button--connected-left:not(.pami-button--connected-right)){border-radius:var(--_c-inner)}:host(.pami-button--filled){--_container-color:var(--pami-button-container-color, var(--md-sys-color-primary));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-primary));--_state-layer-color:var(--md-sys-color-on-primary)}:host(.pami-button--filled:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--filled:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--filled:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--outlined){--_container-color:var(--pami-button-container-color, transparent);--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary);border:var(--pami-button-outline-width, 1px) solid var(--pami-button-outline-color, var(--md-sys-color-outline))}:host(.pami-button--outlined.pami-button--xs){padding:0 max(5.5px, calc(11px + var(--md-sys-density-scale, 0) * 0.6875px))}:host(.pami-button--outlined.pami-button--sm){padding:0 max(11.5px, calc(23px + var(--md-sys-density-scale, 0) * 1.4375px))}:host(.pami-button--outlined.pami-button--md){padding:0 max(13.5px, calc(27px + var(--md-sys-density-scale, 0) * 1.6875px))}:host(.pami-button--outlined.pami-button--lg){padding:0 max(15.5px, calc(31px + var(--md-sys-density-scale, 0) * 1.9375px))}:host(.pami-button--outlined.pami-button--xl){padding:0 max(23.5px, calc(47px + var(--md-sys-density-scale, 0) * 2.9375px))}:host(.pami-button--outlined:hover:not(.pami-button--disabled)){border-color:var(--pami-button-outline-color, var(--md-sys-color-primary))}:host(.pami-button--outlined:focus-visible){border-color:var(--pami-button-outline-color, var(--md-sys-color-primary))}:host(.pami-button--text){--_container-color:var(--pami-button-container-color, transparent);--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary)}:host(.pami-button--elevated){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-low));--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--elevated:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.pami-button--elevated:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--elevated:active){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--tonal){--_container-color:var(--pami-button-container-color, var(--md-sys-color-secondary-container));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-secondary-container));--_state-layer-color:var(--md-sys-color-on-secondary-container)}:host(.pami-button--tonal:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--tonal:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--tonal:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--filled.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary)}:host(.pami-button--tonal.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-sys-color-on-surface-variant, #49454F)}:host(.pami-button--outlined.pami-button--toggle.pami-button--selected:not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--md-sys-color-on-secondary-container, #1E192B);border-color:transparent}:host(.pami-button--elevated.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-sys-color-on-surface-variant, #49454F);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--text.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-button__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);z-index:var(--pami-pari-z, auto);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active:not(.pami-button--disabled)) .pami-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12);transition-duration:var(--md-sys-motion-duration-short1, 50ms);transition-timing-function:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(:focus-visible) .pami-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:focus-visible){outline-color:var(--md-sys-color-focus-ring);z-index:1}:host(.pami-button--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;transition:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-button__state-layer{display:none}:host(.pami-button--filled.pami-button--disabled),:host(.pami-button--tonal.pami-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-button--elevated.pami-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--disabled){--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-button--outlined.pami-button--disabled){--_container-color:transparent;border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-button--text.pami-button--disabled){--_container-color:transparent}:host(.pami-button--disabled:hover) .pami-button__state-layer,:host(.pami-button--disabled:active) .pami-button__state-layer,:host(.pami-button--disabled:focus-visible) .pami-button__state-layer{opacity:0}.pami-button__icon,.pami-button__trailing-icon{color:var(--pami-button-icon-color, inherit);font-size:var(--_icon-size, 18px);width:var(--_icon-size, 18px);height:var(--_icon-size, 18px);display:flex;align-items:center;justify-content:center;flex-shrink:0}slot[name="leading-icon"],slot[name="trailing-icon"]{display:contents}::slotted([slot="leading-icon"]),::slotted([slot="trailing-icon"]){color:var(--pami-button-icon-color, inherit);width:var(--_icon-size, 18px);height:var(--_icon-size, 18px);flex-shrink:0}.pami-button__trailing-icon,::slotted([slot="trailing-icon"]){transition:transform var(--md-sys-motion-duration-short2, 150ms)      var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([aria-expanded="true"]:not([suppress-expand-icon-flip])) .pami-button__trailing-icon,:host([aria-expanded="true"]:not([suppress-expand-icon-flip])) ::slotted([slot="trailing-icon"]){transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-button__state-layer{transition:none}.pami-button__trailing-icon,::slotted([slot="trailing-icon"]){transition:none}}.pami-button__label{display:flex;align-items:center;white-space:nowrap}.pami-button__loading{--_loading-size:var(--pami-button-loading-size, max(10px, calc(var(--_icon-size, 18px) * 0.7)));--pami-loading-indicator-size:var(--_loading-size);--pami-loading-indicator-shape-size:var(--_loading-size);--pami-loading-indicator-color:currentColor;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.pami-button__loading ::slotted(*){flex-shrink:0}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 18px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}:host([mirror-icon][dir="rtl"]) .pami-button__icon,:host([mirror-icon][dir="rtl"]) .pami-button__trailing-icon,:host([mirror-icon][dir="rtl"]) ::slotted([slot="leading-icon"]),:host([mirror-icon][dir="rtl"]) ::slotted([slot="trailing-icon"]){transform:scaleX(-1)}:host-context([dir="rtl"]):host([mirror-icon]) .pami-button__icon,:host-context([dir="rtl"]):host([mirror-icon]) .pami-button__trailing-icon,:host-context([dir="rtl"]):host([mirror-icon]) ::slotted([slot="leading-icon"]),:host-context([dir="rtl"]):host([mirror-icon]) ::slotted([slot="trailing-icon"]){transform:scaleX(-1)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}.pami-button__anchor{display:flex;align-items:center;justify-content:center;gap:inherit;border-radius:inherit;inline-size:100%;block-size:100%;min-inline-size:0;color:inherit;font:inherit;text-decoration:none;outline:none}.pami-button__anchor::after{content:'';position:absolute;inset:0;z-index:0}:host(:has(.pami-button__anchor:focus-visible)){outline:var(--md-sys-state-focus-ring-width, 2px) solid      var(--pami-button-focus-ring-color, var(--md-sys-color-focus-ring, #513018));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}.pami-button__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-button__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-button-container-color, transparent)}:host(:active:not(.pami-button--disabled)){scale:var(--md-sys-motion-press-scale, 1)}:host(.pami-button--tonal:not(.pami-button--disabled)){--_label-color:var(--pami-button-label-color, var(--pami-material-olive-soft-text, #2a3813));--_state-layer-color:var(--pami-material-olive-soft-text, #2a3813)}:host(.pami-button--toggle.pami-button--selected:not(.pami-button--filled):not(.pami-button--disabled)){--_label-color:var(--pami-button-label-color, var(--pami-material-bronze-soft-text, #351c0a));--_state-layer-color:var(--pami-material-bronze-soft-text, #351c0a)}:host([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;
+const pamiButtonCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-button-container-color, transparent);--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-0, none);--_icon-size:var(--pami-button-icon-size, 18px);--_width:var(--pami-button-width, auto);--_min-width:var(      --pami-button-min-width,      max(40px, calc(var(--_size-min-width, 48px) + var(--md-sys-density-scale, 0) * 4px))    );--_max-width:var(--pami-button-max-width, none);--_height:var(--pami-button-height, auto);--_min-height:var(      --pami-button-min-height,      max(24px, calc(var(--_size-min-height, 32px) + var(--md-sys-density-scale, 0) * 4px))    );display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer;user-select:none;text-decoration:none;border:none;outline:var(--md-sys-state-focus-ring-width, 2px) solid transparent;outline-offset:var(--md-sys-state-focus-ring-offset, 2px);box-sizing:border-box;inline-size:var(--_width);block-size:var(--_height);min-inline-size:var(--_min-width);min-block-size:var(--_min-height);max-inline-size:var(--_max-width);background-color:var(--_container-color);color:var(--_label-color);box-shadow:var(--_container-elevation);--_shape-round:20px;isolation:isolate;--pami-pari-z:-1;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);transition:box-shadow var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      background-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1)),      color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));-webkit-tap-highlight-color:transparent;vertical-align:middle}:host(.pami-button--xs){--_icon-size:var(--pami-button-icon-size, max(10px, calc(20px + var(--md-sys-density-scale, 0) * 2.5px)));--_shape-round:16px;--_size-min-height:32px;--_size-min-width:48px;padding:0 max(6px, calc(12px + var(--md-sys-density-scale, 0) * 0.75px));gap:max(2px, calc(4px + var(--md-sys-density-scale, 0) * 0.5px));font-family:var(--md-sys-typescale-label-medium-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-medium-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-medium-letter-spacing, 0.5px);line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px))}:host(.pami-button--sm){--_icon-size:var(--pami-button-icon-size, max(10px, calc(20px + var(--md-sys-density-scale, 0) * 2.5px)));--_shape-round:20px;--_size-min-height:40px;--_size-min-width:58px;padding:0 max(8px, calc(16px + var(--md-sys-density-scale, 0) * 1px));gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));font-family:var(--md-sys-typescale-label-large-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-label-large-font-weight, 500);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-button--md){--_icon-size:var(--pami-button-icon-size, max(12px, calc(24px + var(--md-sys-density-scale, 0) * 3px)));--_shape-round:28px;--_size-min-height:56px;--_size-min-width:72px;padding:0 max(12px, calc(24px + var(--md-sys-density-scale, 0) * 1.5px));gap:max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px));font-family:var(--md-sys-typescale-title-small-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-small-font-weight, 500);letter-spacing:var(--md-sys-typescale-title-small-letter-spacing, 0.1px);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-button--lg){--_icon-size:var(--pami-button-icon-size, max(16px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_shape-round:48px;--_size-min-height:96px;--_size-min-width:88px;padding:0 max(24px, calc(48px + var(--md-sys-density-scale, 0) * 3px));gap:max(6px, calc(12px + var(--md-sys-density-scale, 0) * 1.5px));font-family:var(--md-sys-typescale-title-medium-font-family, Roboto, sans-serif);font-size:max(13px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-title-medium-font-weight, 500);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, 0.15px);line-height:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-button--xl){--_icon-size:var(--pami-button-icon-size, max(20px, calc(40px + var(--md-sys-density-scale, 0) * 5px)));--_shape-round:68px;--_size-min-height:136px;--_size-min-width:120px;padding:0 max(32px, calc(64px + var(--md-sys-density-scale, 0) * 4px));gap:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-headline-small-font-family, Roboto, sans-serif);font-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px));font-weight:var(--md-sys-typescale-headline-small-font-weight, 400);letter-spacing:var(--md-sys-typescale-headline-small-letter-spacing, 0px);line-height:max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px))}:host(.pami-button--full-width){display:flex;--_width:var(--pami-button-width, 100%)}:host(.pami-button--round){--_shape-rest:var(--pami-button-container-shape, var(--_shape-round));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--xs){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-small, 8px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--sm){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-medium, 12px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--md){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-medium, 12px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--lg){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-large, 16px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--square.pami-button--xl){--_shape-rest:var(--pami-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px));border-radius:calc(var(--_shape-rest) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_shape-rest)) - var(--_shape-rest)))}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--xs){--_morph-to:var(--md-sys-shape-corner-small, 8px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--sm){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--md){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--lg){--_morph-to:var(--md-sys-shape-corner-large, 16px)}:host(.pami-button--shape-morph.pami-button--round.pami-button--selected.pami-button--xl){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.pami-button--shape-morph.pami-button--square.pami-button--selected){--_morph-to:var(--pami-button-container-shape, var(--_shape-round))}:host(.pami-button--pressed.pami-button--xs){--_morph-to:var(--md-sys-shape-corner-extra-small, 4px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--sm){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--md){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--lg){--_morph-to:var(--md-sys-shape-corner-medium, 12px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--pressed.pami-button--xl){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-button--connected-left.pami-button--xs),:host(.pami-button--connected-right.pami-button--xs){--_c-inner:4px}:host(.pami-button--connected-left.pami-button--sm),:host(.pami-button--connected-right.pami-button--sm){--_c-inner:8px}:host(.pami-button--connected-left.pami-button--md),:host(.pami-button--connected-right.pami-button--md){--_c-inner:8px}:host(.pami-button--connected-left.pami-button--lg),:host(.pami-button--connected-right.pami-button--lg){--_c-inner:16px}:host(.pami-button--connected-left.pami-button--xl),:host(.pami-button--connected-right.pami-button--xl){--_c-inner:20px}:host(.pami-button--connected-left.pami-button--connected-right){border-radius:var(--_c-inner)}:host(.pami-button--round.pami-button--connected-right:not(.pami-button--connected-left)){border-start-start-radius:var(--_shape-round);border-end-start-radius:var(--_shape-round);border-start-end-radius:var(--_c-inner);border-end-end-radius:var(--_c-inner)}:host(.pami-button--round.pami-button--connected-left:not(.pami-button--connected-right)){border-start-start-radius:var(--_c-inner);border-end-start-radius:var(--_c-inner);border-start-end-radius:var(--_shape-round);border-end-end-radius:var(--_shape-round)}:host(.pami-button--square.pami-button--connected-right:not(.pami-button--connected-left)),:host(.pami-button--square.pami-button--connected-left:not(.pami-button--connected-right)){border-radius:var(--_c-inner)}:host(.pami-button--filled){--_container-color:var(--pami-button-container-color, var(--md-sys-color-primary));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-primary));--_state-layer-color:var(--md-sys-color-on-primary)}:host(.pami-button--filled:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--filled:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--filled:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--outlined){--_container-color:var(--pami-button-container-color, transparent);--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary);border:var(--pami-button-outline-width, 1px) solid var(--pami-button-outline-color, var(--md-sys-color-outline))}:host(.pami-button--outlined.pami-button--xs){padding:0 max(5.5px, calc(11px + var(--md-sys-density-scale, 0) * 0.6875px))}:host(.pami-button--outlined.pami-button--sm){padding:0 max(11.5px, calc(23px + var(--md-sys-density-scale, 0) * 1.4375px))}:host(.pami-button--outlined.pami-button--md){padding:0 max(13.5px, calc(27px + var(--md-sys-density-scale, 0) * 1.6875px))}:host(.pami-button--outlined.pami-button--lg){padding:0 max(15.5px, calc(31px + var(--md-sys-density-scale, 0) * 1.9375px))}:host(.pami-button--outlined.pami-button--xl){padding:0 max(23.5px, calc(47px + var(--md-sys-density-scale, 0) * 2.9375px))}:host(.pami-button--outlined:hover:not(.pami-button--disabled)){border-color:var(--pami-button-outline-color, var(--md-sys-color-primary))}:host(.pami-button--outlined:focus-visible){border-color:var(--pami-button-outline-color, var(--md-sys-color-primary))}:host(.pami-button--text){--_container-color:var(--pami-button-container-color, transparent);--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary)}:host(.pami-button--elevated){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-low));--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary);--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--elevated:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.pami-button--elevated:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--elevated:active){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--tonal){--_container-color:var(--pami-button-container-color, var(--md-sys-color-secondary-container));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-secondary-container));--_state-layer-color:var(--md-sys-color-on-secondary-container)}:host(.pami-button--tonal:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-button--tonal:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--tonal:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--filled.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_label-color:var(--pami-button-label-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_state-layer-color:var(--md-sys-color-primary)}:host(.pami-button--tonal.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-sys-color-on-surface-variant, #49454F)}:host(.pami-button--outlined.pami-button--toggle.pami-button--selected:not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--md-sys-color-on-secondary-container, #1E192B);border-color:transparent}:host(.pami-button--elevated.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_container-color:var(--pami-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-sys-color-on-surface-variant, #49454F);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--text.pami-button--toggle:not(.pami-button--selected):not(.pami-button--disabled)){--_label-color:var(--pami-button-label-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--md-sys-color-on-surface-variant, #49454F)}.pami-button__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);z-index:var(--pami-pari-z, auto);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active:not(.pami-button--disabled)) .pami-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12);transition-duration:var(--md-sys-motion-duration-short1, 50ms);transition-timing-function:var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(:focus-visible) .pami-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:focus-visible){outline-color:var(--md-sys-color-focus-ring);z-index:1}:host(.pami-button--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;transition:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-button__state-layer{display:none}:host(.pami-button--filled.pami-button--disabled),:host(.pami-button--tonal.pami-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-button--elevated.pami-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-button--disabled){--_label-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-button--outlined.pami-button--disabled){--_container-color:transparent;border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-button--text.pami-button--disabled){--_container-color:transparent}:host(.pami-button--disabled:hover) .pami-button__state-layer,:host(.pami-button--disabled:active) .pami-button__state-layer,:host(.pami-button--disabled:focus-visible) .pami-button__state-layer{opacity:0}.pami-button__icon,.pami-button__trailing-icon{color:var(--pami-button-icon-color, inherit);font-size:var(--_icon-size, 18px);width:var(--_icon-size, 18px);height:var(--_icon-size, 18px);display:flex;align-items:center;justify-content:center;flex-shrink:0}slot[name="leading-icon"],slot[name="trailing-icon"]{display:contents}::slotted([slot="leading-icon"]),::slotted([slot="trailing-icon"]){color:var(--pami-button-icon-color, inherit);width:var(--_icon-size, 18px);height:var(--_icon-size, 18px);flex-shrink:0}.pami-button__trailing-icon,::slotted([slot="trailing-icon"]){transition:transform var(--md-sys-motion-duration-short2, 150ms)      var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host([aria-expanded="true"]:not([suppress-expand-icon-flip])) .pami-button__trailing-icon,:host([aria-expanded="true"]:not([suppress-expand-icon-flip])) ::slotted([slot="trailing-icon"]){transform:rotate(180deg)}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-button__state-layer{transition:none}.pami-button__trailing-icon,::slotted([slot="trailing-icon"]){transition:none}}.pami-button__label{display:flex;align-items:center;white-space:nowrap}.pami-button__loading{--_loading-size:var(--pami-button-loading-size, max(10px, calc(var(--_icon-size, 18px) * 0.7)));--pami-loading-indicator-size:var(--_loading-size);--pami-loading-indicator-shape-size:var(--_loading-size);--pami-loading-indicator-color:currentColor;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.pami-button__loading ::slotted(*){flex-shrink:0}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 18px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}:host([mirror-icon][dir="rtl"]) .pami-button__icon,:host([mirror-icon][dir="rtl"]) .pami-button__trailing-icon,:host([mirror-icon][dir="rtl"]) ::slotted([slot="leading-icon"]),:host([mirror-icon][dir="rtl"]) ::slotted([slot="trailing-icon"]){transform:scaleX(-1)}:host-context([dir="rtl"]):host([mirror-icon]) .pami-button__icon,:host-context([dir="rtl"]):host([mirror-icon]) .pami-button__trailing-icon,:host-context([dir="rtl"]):host([mirror-icon]) ::slotted([slot="leading-icon"]),:host-context([dir="rtl"]):host([mirror-icon]) ::slotted([slot="trailing-icon"]){transform:scaleX(-1)}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}.pami-button__anchor{display:flex;align-items:center;justify-content:center;gap:inherit;border-radius:inherit;inline-size:100%;block-size:100%;min-inline-size:0;color:inherit;font:inherit;text-decoration:none;outline:none}.pami-button__anchor::after{content:'';position:absolute;inset:0;z-index:0}:host(:has(.pami-button__anchor:focus-visible)){outline:var(--md-sys-state-focus-ring-width, 2px) solid      var(--pami-button-focus-ring-color, var(--md-sys-color-focus-ring, #513018));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}.pami-button__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-button__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-button-container-color, transparent)}:host(:active:not(.pami-button--disabled)){scale:var(--md-sys-motion-press-scale, 1)}:host(.pami-button--tonal:not(.pami-button--disabled)){--_label-color:var(--pami-button-label-color, var(--pami-material-olive-soft-text, #2a3813));--_state-layer-color:var(--pami-material-olive-soft-text, #2a3813)}:host(.pami-button--toggle.pami-button--selected:not(.pami-button--filled):not(.pami-button--disabled)){--_label-color:var(--pami-button-label-color, var(--pami-material-bronze-soft-text, #351c0a));--_state-layer-color:var(--pami-material-bronze-soft-text, #351c0a)}:host([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;
 
 const PamiButton = class {
     constructor(hostRef) {
@@ -300,7 +300,7 @@ const PamiButton = class {
 };
 PamiButton.style = pamiButtonCss();
 
-const pamiCardCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface-container-low));--_container-shape:var(--pami-card-container-shape, var(--md-sys-shape-corner-extra-large, 32px));--_container-elevation:var(--pami-card-container-elevation, none);--_outline-color:var(--pami-card-outline-color, var(--md-sys-color-outline-variant));--_outline-width:var(--pami-card-outline-width, 1px);--_state-layer-color:var(--pami-card-state-layer-color, var(--md-sys-color-on-surface));--_width:var(--pami-card-width, auto);--_min-width:var(--pami-card-min-width, auto);--_max-width:var(--pami-card-max-width, none);--_height:var(--pami-card-height, auto);--_min-height:var(--pami-card-min-height, auto);--_max-height:var(--pami-card-max-height, none);--_padding:var(--pami-card-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_gap:var(--pami-card-gap, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));display:flex;flex-direction:column;position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;padding:var(--_padding);gap:var(--_gap);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);transition:box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-card--full-width){--_width:100%}:host(.pami-card--full-height){--_height:100%}:host(.pami-card--elevated){--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface-container-low));--_container-elevation:var(--pami-card-container-elevation, var(--md-sys-elevation-1))}:host(.pami-card--filled) .pami-card__plate[data-surface]{--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da)}:host(.pami-card--outlined) .pami-card__plate[data-surface]{--pami-surface-bg-start:var(--md-sys-color-surface);--pami-surface-bg-end:var(--md-sys-color-surface)}:host(.pami-card--outlined) .pami-card__plate canvas{display:none}:host(.pami-card--filled){--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface-container-highest));--_container-elevation:var(--pami-card-container-elevation, var(--md-sys-elevation-0, none))}:host(.pami-card--outlined){--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface));--_container-elevation:var(--pami-card-container-elevation, var(--md-sys-elevation-0, none))}.pami-card__plate[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.pami-card__outline{position:absolute;inset:0;border-radius:inherit;border:var(--_outline-width) solid var(--_outline-color);pointer-events:none}:host(.pami-card--interactive){cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}:host(.pami-card--draggable){cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}:host(.pami-card--interactive.pami-card--draggable){cursor:grab}:host(.pami-card--dragged){cursor:grabbing}.pami-card__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}:host(.pami-card--interactive:hover) .pami-card__state-layer,:host(.pami-card--draggable:hover) .pami-card__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.pami-card--interactive:focus-visible) .pami-card__state-layer,:host(.pami-card--draggable:focus-visible) .pami-card__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(.pami-card--interactive:active) .pami-card__state-layer,:host(.pami-card--draggable:active) .pami-card__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.pami-card--dragged) .pami-card__state-layer{opacity:var(--md-sys-state-dragged-state-layer-opacity, 0.16)}:host(.pami-card--elevated.pami-card--interactive:hover),:host(.pami-card--elevated.pami-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.pami-card--elevated.pami-card--interactive:focus-visible),:host(.pami-card--elevated.pami-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--elevated.pami-card--interactive:active),:host(.pami-card--elevated.pami-card--draggable:active){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--elevated.pami-card--dragged){--_container-elevation:var(--md-sys-elevation-4)}:host(.pami-card--filled.pami-card--interactive:hover),:host(.pami-card--filled.pami-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--filled.pami-card--interactive:focus-visible),:host(.pami-card--filled.pami-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--filled.pami-card--interactive:active),:host(.pami-card--filled.pami-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--filled.pami-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.pami-card--outlined.pami-card--interactive:hover),:host(.pami-card--outlined.pami-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--outlined.pami-card--interactive:focus-visible),:host(.pami-card--outlined.pami-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--outlined.pami-card--interactive:active),:host(.pami-card--outlined.pami-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--outlined.pami-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.pami-card--outlined.pami-card--interactive:focus-visible) .pami-card__outline,:host(.pami-card--outlined.pami-card--draggable:focus-visible) .pami-card__outline{border-color:var(--md-sys-color-on-surface)}:host(.pami-card--outlined.pami-card--dragged) .pami-card__outline{border-color:var(--md-sys-color-outline-variant)}:host(.pami-card--interactive:focus-visible){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}:host(.pami-card--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-card--disabled.pami-card--outlined) .pami-card__outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-card--disabled:hover) .pami-card__state-layer,:host(.pami-card--disabled:active) .pami-card__state-layer,:host(.pami-card--disabled:focus-visible) .pami-card__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .pami-card__state-layer{display:none}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-card__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.pami-card__outline{border-color:ButtonText}:host(.pami-card--interactive:focus-visible){outline-color:Highlight}:host(.pami-card--disabled){border-color:GrayText;color:GrayText;opacity:1}:host(.pami-card--disabled) .pami-card__outline{border-color:GrayText}.pami-card__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;
+const pamiCardCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface-container-low));--_container-shape:var(--pami-card-container-shape, var(--md-sys-shape-corner-extra-large, 32px));--_container-elevation:var(--pami-card-container-elevation, none);--_outline-color:var(--pami-card-outline-color, var(--md-sys-color-outline-variant));--_outline-width:var(--pami-card-outline-width, 1px);--_state-layer-color:var(--pami-card-state-layer-color, var(--md-sys-color-on-surface));--_width:var(--pami-card-width, auto);--_min-width:var(--pami-card-min-width, auto);--_max-width:var(--pami-card-max-width, none);--_height:var(--pami-card-height, auto);--_min-height:var(--pami-card-min-height, auto);--_max-height:var(--pami-card-max-height, none);--_padding:var(--pami-card-padding, max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px)));--_gap:var(--pami-card-gap, max(4px, calc(8px + var(--md-sys-density-scale, 0) * 1px)));display:flex;flex-direction:column;position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;padding:var(--_padding);gap:var(--_gap);inline-size:var(--_width);min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);block-size:var(--_height);min-block-size:var(--_min-height);max-block-size:var(--_max-height);background-color:var(--_container-color);border-radius:var(--_container-shape);box-shadow:var(--_container-elevation);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);transition:box-shadow var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      background-color var(--md-sys-motion-duration-short2, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-card--full-width){--_width:100%}:host(.pami-card--full-height){--_height:100%}:host(.pami-card--elevated){--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface-container-low));--_container-elevation:var(--pami-card-container-elevation, var(--md-sys-elevation-1))}:host(.pami-card--filled) .pami-card__plate[data-surface]{--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da)}:host(.pami-card--outlined) .pami-card__plate[data-surface]{--pami-surface-bg-start:var(--md-sys-color-surface);--pami-surface-bg-end:var(--md-sys-color-surface)}:host(.pami-card--outlined) .pami-card__plate canvas{display:none}:host(.pami-card--filled){--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface-container-highest));--_container-elevation:var(--pami-card-container-elevation, var(--md-sys-elevation-0, none))}:host(.pami-card--outlined){--_container-color:var(--pami-card-container-color, var(--md-sys-color-surface));--_container-elevation:var(--pami-card-container-elevation, var(--md-sys-elevation-0, none))}.pami-card__plate[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none}.pami-card__outline{position:absolute;inset:0;border-radius:inherit;border:var(--_outline-width) solid var(--_outline-color);pointer-events:none}:host(.pami-card--interactive){cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}:host(.pami-card--draggable){cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;user-select:none}:host(.pami-card--interactive.pami-card--draggable){cursor:grab}:host(.pami-card--dragged){cursor:grabbing}.pami-card__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);opacity:0;transition:opacity var(--md-sys-motion-duration-short1, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none;z-index:1}:host(.pami-card--interactive:hover) .pami-card__state-layer,:host(.pami-card--draggable:hover) .pami-card__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.pami-card--interactive:focus-visible) .pami-card__state-layer,:host(.pami-card--draggable:focus-visible) .pami-card__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(.pami-card--interactive:active) .pami-card__state-layer,:host(.pami-card--draggable:active) .pami-card__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.pami-card--dragged) .pami-card__state-layer{opacity:var(--md-sys-state-dragged-state-layer-opacity, 0.16)}:host(.pami-card--elevated.pami-card--interactive:hover),:host(.pami-card--elevated.pami-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-2)}:host(.pami-card--elevated.pami-card--interactive:focus-visible),:host(.pami-card--elevated.pami-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--elevated.pami-card--interactive:active),:host(.pami-card--elevated.pami-card--draggable:active){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--elevated.pami-card--dragged){--_container-elevation:var(--md-sys-elevation-4)}:host(.pami-card--filled.pami-card--interactive:hover),:host(.pami-card--filled.pami-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--filled.pami-card--interactive:focus-visible),:host(.pami-card--filled.pami-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--filled.pami-card--interactive:active),:host(.pami-card--filled.pami-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--filled.pami-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.pami-card--outlined.pami-card--interactive:hover),:host(.pami-card--outlined.pami-card--draggable:hover){--_container-elevation:var(--md-sys-elevation-1)}:host(.pami-card--outlined.pami-card--interactive:focus-visible),:host(.pami-card--outlined.pami-card--draggable:focus-visible){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--outlined.pami-card--interactive:active),:host(.pami-card--outlined.pami-card--draggable:active){--_container-elevation:var(--md-sys-elevation-0, none)}:host(.pami-card--outlined.pami-card--dragged){--_container-elevation:var(--md-sys-elevation-3)}:host(.pami-card--outlined.pami-card--interactive:focus-visible) .pami-card__outline,:host(.pami-card--outlined.pami-card--draggable:focus-visible) .pami-card__outline{border-color:var(--md-sys-color-on-surface)}:host(.pami-card--outlined.pami-card--dragged) .pami-card__outline{border-color:var(--md-sys-color-outline-variant)}:host(.pami-card--interactive:focus-visible){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px)}:host(.pami-card--disabled){cursor:default;pointer-events:none;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-card--disabled.pami-card--outlined) .pami-card__outline{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-card--disabled:hover) .pami-card__state-layer,:host(.pami-card--disabled:active) .pami-card__state-layer,:host(.pami-card--disabled:focus-visible) .pami-card__state-layer{opacity:0}:host([soft-disabled]){cursor:default;pointer-events:auto;--_container-elevation:var(--md-sys-elevation-0, none) !important;--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .pami-card__state-layer{display:none}@media (prefers-reduced-motion: reduce){:host{transition:none}.pami-card__state-layer{transition:none}}@media (forced-colors: active){:host{border:1px solid ButtonText;background-color:ButtonFace;color:ButtonText;forced-color-adjust:none}.pami-card__outline{border-color:ButtonText}:host(.pami-card--interactive:focus-visible){outline-color:Highlight}:host(.pami-card--disabled){border-color:GrayText;color:GrayText;opacity:1}:host(.pami-card--disabled) .pami-card__outline{border-color:GrayText}.pami-card__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;
 
 const PamiCard = class {
     constructor(hostRef) {
@@ -595,12 +595,12 @@ const PamiIcon = class {
     render() {
         const markup = iconRegistry.resolveIcon(this.name);
         const labelled = !!this.label;
-        return (index.h(index.Host, { key: '35e67b53a443b1003868f1d50b7b995bf5d276b9', class: "pami-icon", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, index.h("svg", { key: '62b5bc3d2080bc5a2ad722ff97e853bd56381ab8', part: "svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", focusable: "false" }, parseShapes(markup).map((sh) => index.h(sh.tag, sh.attrs)))));
+        return (index.h(index.Host, { key: 'ca0b4b766794daeb66b09a84125d0bc20a44993c', class: "pami-icon", role: labelled ? 'img' : undefined, "aria-label": labelled ? this.label : undefined, "aria-hidden": labelled ? undefined : 'true' }, index.h("svg", { key: '6130bb8cb6dcca6989cf658711ed184c46e5b550', part: "svg", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", focusable: "false" }, parseShapes(markup).map((sh) => index.h(sh.tag, sh.attrs)))));
     }
 };
 PamiIcon.style = pamiIconCss();
 
-const pamiIconButtonCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-icon-button-container-color, transparent);--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-size:var(--pami-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_container-width:var(--pami-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_shape-round:20px;--_border-radius:var(--pami-icon-button-container-shape, var(--_shape-round));display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--_container-width);height:var(--_container-height);border-radius:calc(var(--_border-radius) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_border-radius)) - var(--_border-radius)));cursor:pointer;user-select:none;border:none;outline:none;overflow:hidden;box-sizing:border-box;isolation:isolate;--pami-pari-z:-1;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);background-color:var(--_container-color);color:var(--_icon-color);-webkit-tap-highlight-color:transparent;transition:background-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1));flex-shrink:0;vertical-align:middle}:host(.pami-icon-button--xs){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:16px}:host(.pami-icon-button--sm){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:20px}:host(.pami-icon-button--md){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:28px}:host(.pami-icon-button--lg){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_shape-round:48px}:host(.pami-icon-button--xl){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)));--_shape-round:68px}:host(.pami-icon-button--width-narrow.pami-icon-button--xs){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(28px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--sm){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--md){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--lg){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(64px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--xl){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(104px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--xs){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--sm){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(52px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--md){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(72px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--lg){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(128px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--xl){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(184px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--round){--_border-radius:var(--pami-icon-button-container-shape, var(--_shape-round))}:host(.pami-icon-button--square.pami-icon-button--xs){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.pami-icon-button--square.pami-icon-button--sm){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.pami-icon-button--square.pami-icon-button--md){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-large, 16px))}:host(.pami-icon-button--square.pami-icon-button--lg){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.pami-icon-button--square.pami-icon-button--xl){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--md){--_morph-to:var(--md-sys-shape-corner-large, 16px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.pami-icon-button--shape-morph.pami-icon-button--square.pami-icon-button--selected){--_morph-to:var(--_shape-round)}:host(.pami-icon-button--pressed.pami-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--md){--_morph-to:var(--md-sys-shape-corner-medium, 12px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--width-narrow.pami-icon-button--pressed){transition-duration:var(--md-sys-motion-duration-medium1, 250ms)}:host(.pami-icon-button--connected-left.pami-icon-button--xs),:host(.pami-icon-button--connected-right.pami-icon-button--xs){--_c-inner:4px}:host(.pami-icon-button--connected-left.pami-icon-button--sm),:host(.pami-icon-button--connected-right.pami-icon-button--sm){--_c-inner:8px}:host(.pami-icon-button--connected-left.pami-icon-button--md),:host(.pami-icon-button--connected-right.pami-icon-button--md){--_c-inner:8px}:host(.pami-icon-button--connected-left.pami-icon-button--lg),:host(.pami-icon-button--connected-right.pami-icon-button--lg){--_c-inner:16px}:host(.pami-icon-button--connected-left.pami-icon-button--xl),:host(.pami-icon-button--connected-right.pami-icon-button--xl){--_c-inner:20px}:host(.pami-icon-button--connected-left.pami-icon-button--connected-right){border-radius:var(--_c-inner)}:host(.pami-icon-button--round.pami-icon-button--connected-right:not(.pami-icon-button--connected-left)){border-start-start-radius:var(--_shape-round);border-end-start-radius:var(--_shape-round);border-start-end-radius:var(--_c-inner);border-end-end-radius:var(--_c-inner)}:host(.pami-icon-button--round.pami-icon-button--connected-left:not(.pami-icon-button--connected-right)){border-start-start-radius:var(--_c-inner);border-end-start-radius:var(--_c-inner);border-start-end-radius:var(--_shape-round);border-end-end-radius:var(--_shape-round)}:host(.pami-icon-button--square.pami-icon-button--connected-right:not(.pami-icon-button--connected-left)),:host(.pami-icon-button--square.pami-icon-button--connected-left:not(.pami-icon-button--connected-right)){border-radius:var(--_c-inner)}:host(.pami-icon-button--standard){--_container-color:var(--pami-icon-button-container-color, transparent);--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.pami-icon-button--standard.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.pami-icon-button--filled){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.pami-icon-button--filled.pami-icon-button--toggle:not(.pami-icon-button--selected):not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.pami-icon-button--filled.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.pami-icon-button--tonal){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.pami-icon-button--tonal.pami-icon-button--toggle:not(.pami-icon-button--selected):not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.pami-icon-button--tonal.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.pami-icon-button--outlined){--_container-color:var(--pami-icon-button-container-color, transparent);--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));border:var(--pami-icon-button-outline-width, 1px) solid var(--pami-icon-button-outline-color, var(--md-sys-color-outline, #79747E))}:host(.pami-icon-button--outlined.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-inverse-surface, #313033));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));border-color:transparent}.pami-icon-button__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);z-index:var(--pami-pari-z, auto);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-icon-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active) .pami-icon-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible) .pami-icon-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:focus-visible){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);z-index:1}:host(.pami-icon-button--disabled){cursor:default;pointer-events:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-icon-button__state-layer{display:none}:host(.pami-icon-button--standard.pami-icon-button--disabled),:host(.pami-icon-button--outlined.pami-icon-button--disabled){--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-icon-button--outlined.pami-icon-button--disabled){border-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-icon-button--filled.pami-icon-button--disabled),:host(.pami-icon-button--tonal.pami-icon-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-icon-button--disabled:hover) .pami-icon-button__state-layer,:host(.pami-icon-button--disabled:active) .pami-icon-button__state-layer,:host(.pami-icon-button--disabled:focus-visible) .pami-icon-button__state-layer{opacity:0}.pami-icon-button__icon{display:none;align-items:center;justify-content:center;position:relative;z-index:1;color:inherit;width:var(--_icon-size);height:var(--_icon-size);font-size:0;line-height:0}.pami-icon-button__icon slot{font-size:var(--_icon-size);line-height:1}.pami-icon-button__icon--on{display:inline-flex}.pami-icon-button__icon-font{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;line-height:1}:host(.pami-icon-button--has-badge){overflow:visible}:host(.pami-icon-button--has-badge) .pami-icon-button__state-layer{overflow:hidden}.pami-icon-button__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-icon-button__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-icon-button-container-color, transparent)}:host(:active:not(.pami-icon-button--disabled)){scale:var(--md-sys-motion-press-scale, 1)}:host(.pami-icon-button--tonal:not(.pami-icon-button--toggle):not(.pami-icon-button--disabled)){--_icon-color:var(--pami-icon-button-icon-color, var(--pami-material-olive-soft-text, #2a3813));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--pami-material-olive-soft-text, #2a3813))}:host(.pami-icon-button--toggle.pami-icon-button--selected:not(.pami-icon-button--filled):not(.pami-icon-button--disabled)){--_icon-color:var(--pami-icon-button-icon-color, var(--pami-material-bronze-soft-text, #351c0a));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--pami-material-bronze-soft-text, #351c0a))}:host(.pami-icon-button--outlined.pami-icon-button--toggle.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, transparent);border-color:transparent}:host(.pami-icon-button--toggle:not(.pami-icon-button--selected):not(.pami-icon-button--disabled):is(.pami-icon-button--filled,.pami-icon-button--tonal)){--_icon-color:var(--pami-icon-button-icon-color, var(--pami-material-crumb-text, #342004));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--pami-material-crumb-text, #342004))}::slotted(*:not(pami-badge):not(pami-avatar)){width:var(--_icon-size) !important;height:var(--_icon-size) !important;font-size:var(--_icon-size) !important;color:inherit !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (forced-colors: active){:host{forced-color-adjust:none}:host(.pami-icon-button--outlined){border-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;
+const pamiIconButtonCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-icon-button-container-color, transparent);--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));--_icon-size:var(--pami-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_container-width:var(--pami-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_shape-round:20px;--_border-radius:var(--pami-icon-button-container-shape, var(--_shape-round));display:inline-flex;align-items:center;justify-content:center;position:relative;width:var(--_container-width);height:var(--_container-height);border-radius:calc(var(--_border-radius) + var(--md-sys-shape-morph-enabled, 1) * (var(--_morph-to, var(--_border-radius)) - var(--_border-radius)));cursor:pointer;user-select:none;border:none;outline:none;overflow:hidden;box-sizing:border-box;isolation:isolate;--pami-pari-z:-1;--md-sys-motion-press-scale:var(--md-sys-motion-press-scale-control, 1);background-color:var(--_container-color);color:var(--_icon-color);-webkit-tap-highlight-color:transparent;transition:background-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1)),      border-radius var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      scale var(--md-sys-motion-press-duration, 150ms) var(--md-sys-motion-press-easing, cubic-bezier(0.34, 1.56, 0.64, 1));flex-shrink:0;vertical-align:middle}:host(.pami-icon-button--xs){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:16px}:host(.pami-icon-button--sm){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:20px}:host(.pami-icon-button--md){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(56px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px)));--_shape-round:28px}:host(.pami-icon-button--lg){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(96px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(24px, calc(32px + var(--md-sys-density-scale, 0) * 2px)));--_shape-round:48px}:host(.pami-icon-button--xl){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_container-height:var(--pami-icon-button-container-height, max(32px, calc(136px + var(--md-sys-density-scale, 0) * 4px)));--_icon-size:var(--pami-icon-button-icon-size, max(28px, calc(40px + var(--md-sys-density-scale, 0) * 3px)));--_shape-round:68px}:host(.pami-icon-button--width-narrow.pami-icon-button--xs){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(28px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--sm){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(32px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--md){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--lg){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(64px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-narrow.pami-icon-button--xl){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(104px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--xs){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--sm){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(52px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--md){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(72px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--lg){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(128px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--width-wide.pami-icon-button--xl){--_container-width:var(--pami-icon-button-container-width, max(32px, calc(184px + var(--md-sys-density-scale, 0) * 4px)))}:host(.pami-icon-button--round){--_border-radius:var(--pami-icon-button-container-shape, var(--_shape-round))}:host(.pami-icon-button--square.pami-icon-button--xs){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.pami-icon-button--square.pami-icon-button--sm){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-medium, 12px))}:host(.pami-icon-button--square.pami-icon-button--md){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-large, 16px))}:host(.pami-icon-button--square.pami-icon-button--lg){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.pami-icon-button--square.pami-icon-button--xl){--_border-radius:var(--pami-icon-button-container-shape, var(--md-sys-shape-corner-extra-large, 28px))}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-medium, 12px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--md){--_morph-to:var(--md-sys-shape-corner-large, 16px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.pami-icon-button--shape-morph.pami-icon-button--round.pami-icon-button--selected.pami-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-extra-large, 28px)}:host(.pami-icon-button--shape-morph.pami-icon-button--square.pami-icon-button--selected){--_morph-to:var(--_shape-round)}:host(.pami-icon-button--pressed.pami-icon-button--xs){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--sm){--_morph-to:var(--md-sys-shape-corner-small, 8px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--md){--_morph-to:var(--md-sys-shape-corner-medium, 12px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--lg){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--pressed.pami-icon-button--xl){--_morph-to:var(--md-sys-shape-corner-large, 16px);transition-duration:var(--md-sys-motion-duration-short4, 200ms);transition-timing-function:var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-icon-button--width-narrow.pami-icon-button--pressed){transition-duration:var(--md-sys-motion-duration-medium1, 250ms)}:host(.pami-icon-button--connected-left.pami-icon-button--xs),:host(.pami-icon-button--connected-right.pami-icon-button--xs){--_c-inner:4px}:host(.pami-icon-button--connected-left.pami-icon-button--sm),:host(.pami-icon-button--connected-right.pami-icon-button--sm){--_c-inner:8px}:host(.pami-icon-button--connected-left.pami-icon-button--md),:host(.pami-icon-button--connected-right.pami-icon-button--md){--_c-inner:8px}:host(.pami-icon-button--connected-left.pami-icon-button--lg),:host(.pami-icon-button--connected-right.pami-icon-button--lg){--_c-inner:16px}:host(.pami-icon-button--connected-left.pami-icon-button--xl),:host(.pami-icon-button--connected-right.pami-icon-button--xl){--_c-inner:20px}:host(.pami-icon-button--connected-left.pami-icon-button--connected-right){border-radius:var(--_c-inner)}:host(.pami-icon-button--round.pami-icon-button--connected-right:not(.pami-icon-button--connected-left)){border-start-start-radius:var(--_shape-round);border-end-start-radius:var(--_shape-round);border-start-end-radius:var(--_c-inner);border-end-end-radius:var(--_c-inner)}:host(.pami-icon-button--round.pami-icon-button--connected-left:not(.pami-icon-button--connected-right)){border-start-start-radius:var(--_c-inner);border-end-start-radius:var(--_c-inner);border-start-end-radius:var(--_shape-round);border-end-end-radius:var(--_shape-round)}:host(.pami-icon-button--square.pami-icon-button--connected-right:not(.pami-icon-button--connected-left)),:host(.pami-icon-button--square.pami-icon-button--connected-left:not(.pami-icon-button--connected-right)){border-radius:var(--_c-inner)}:host(.pami-icon-button--standard){--_container-color:var(--pami-icon-button-container-color, transparent);--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.pami-icon-button--standard.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.pami-icon-button--filled){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.pami-icon-button--filled.pami-icon-button--toggle:not(.pami-icon-button--selected):not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-primary, #6750A4));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-primary, #6750A4))}:host(.pami-icon-button--filled.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-primary, #6750A4));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-primary, #FFFFFF));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-primary, #FFFFFF))}:host(.pami-icon-button--tonal){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.pami-icon-button--tonal.pami-icon-button--toggle:not(.pami-icon-button--selected):not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-surface-container-highest, #E6E0E9));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F))}:host(.pami-icon-button--tonal.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-secondary-container, #E8DEF8));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-secondary-container, #1E192B));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-secondary-container, #1E192B))}:host(.pami-icon-button--outlined){--_container-color:var(--pami-icon-button-container-color, transparent);--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454F));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-on-surface-variant, #49454F));border:var(--pami-icon-button-outline-width, 1px) solid var(--pami-icon-button-outline-color, var(--md-sys-color-outline, #79747E))}:host(.pami-icon-button--outlined.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, var(--md-sys-color-inverse-surface, #313033));--_icon-color:var(--pami-icon-button-icon-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));border-color:transparent}.pami-icon-button__state-layer{position:absolute;inset:0;border-radius:inherit;background:var(--md-sys-pari-glow);z-index:var(--pami-pari-z, auto);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(:hover) .pami-icon-button__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(:active) .pami-icon-button__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible) .pami-icon-button__state-layer{opacity:var(--md-sys-state-focus-state-layer-opacity, 0.12)}:host(:focus-visible){outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:var(--md-sys-state-focus-ring-offset, 2px);z-index:1}:host(.pami-icon-button--disabled){cursor:default;pointer-events:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled]) .pami-icon-button__state-layer{display:none}:host(.pami-icon-button--standard.pami-icon-button--disabled),:host(.pami-icon-button--outlined.pami-icon-button--disabled){--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-icon-button--outlined.pami-icon-button--disabled){border-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent)}:host(.pami-icon-button--filled.pami-icon-button--disabled),:host(.pami-icon-button--tonal.pami-icon-button--disabled){--_container-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-container-opacity, 0.12) * 100%), transparent);--_icon-color:color-mix(in srgb, var(--md-sys-color-on-surface, #1C1B1F) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-icon-button--disabled:hover) .pami-icon-button__state-layer,:host(.pami-icon-button--disabled:active) .pami-icon-button__state-layer,:host(.pami-icon-button--disabled:focus-visible) .pami-icon-button__state-layer{opacity:0}.pami-icon-button__icon{display:none;align-items:center;justify-content:center;position:relative;z-index:1;color:inherit;width:var(--_icon-size);height:var(--_icon-size);font-size:0;line-height:0}.pami-icon-button__icon slot{font-size:var(--_icon-size);line-height:1}.pami-icon-button__icon--on{display:inline-flex}.pami-icon-button__icon-font{font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size);display:flex;align-items:center;justify-content:center;line-height:1}:host(.pami-icon-button--has-badge){overflow:visible}:host(.pami-icon-button--has-badge) .pami-icon-button__state-layer{overflow:hidden}.pami-icon-button__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-icon-button__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-icon-button-container-color, transparent)}:host(:active:not(.pami-icon-button--disabled)){scale:var(--md-sys-motion-press-scale, 1)}:host(.pami-icon-button--tonal:not(.pami-icon-button--toggle):not(.pami-icon-button--disabled)){--_icon-color:var(--pami-icon-button-icon-color, var(--pami-material-olive-soft-text, #2a3813));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--pami-material-olive-soft-text, #2a3813))}:host(.pami-icon-button--toggle.pami-icon-button--selected:not(.pami-icon-button--filled):not(.pami-icon-button--disabled)){--_icon-color:var(--pami-icon-button-icon-color, var(--pami-material-bronze-soft-text, #351c0a));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--pami-material-bronze-soft-text, #351c0a))}:host(.pami-icon-button--outlined.pami-icon-button--toggle.pami-icon-button--selected:not(.pami-icon-button--disabled)){--_container-color:var(--pami-icon-button-container-color, transparent);border-color:transparent}:host(.pami-icon-button--toggle:not(.pami-icon-button--selected):not(.pami-icon-button--disabled):is(.pami-icon-button--filled,.pami-icon-button--tonal)){--_icon-color:var(--pami-icon-button-icon-color, var(--pami-material-crumb-text, #342004));--_state-layer-color:var(--pami-icon-button-state-layer-color, var(--pami-material-crumb-text, #342004))}::slotted(*:not(pami-badge):not(pami-avatar)){width:var(--_icon-size) !important;height:var(--_icon-size) !important;font-size:var(--_icon-size) !important;color:inherit !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important}pami-icon{font-weight:normal;font-style:normal;font-size:var(--_icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;overflow-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}@media (forced-colors: active){:host{forced-color-adjust:none}:host(.pami-icon-button--outlined){border-color:ButtonText}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}@media (forced-colors: active){.pami-[data-surface]{display:none}}`;
 
 const PamiIconButton = class {
     constructor(hostRef) {
@@ -792,7 +792,7 @@ const PamiIconButton = class {
 };
 PamiIconButton.style = pamiIconButtonCss();
 
-const pamiRadioCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_icon-color:var(--pami-radio-icon-color, var(--md-sys-color-on-surface-variant));--_selected-icon-color:var(--pami-radio-selected-icon-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_icon-size:var(--pami-radio-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_inner-circle-size:var(--pami-radio-inner-circle-size, max(8px, calc(10px + var(--md-sys-density-scale, 0) * 0.5px)));--_state-layer-size:max(24px, calc(var(--pami-radio-state-layer-size, 40px) + var(--md-sys-density-scale, 0) * 4px));--_state-layer-color:var(--pami-radio-state-layer-color, var(--md-sys-color-on-surface));--_selected-state-layer-color:var(--pami-radio-selected-state-layer-color, var(--md-sys-color-primary));--_touch-size:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_touch-size);block-size:var(--_touch-size);cursor:pointer;border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden;-webkit-tap-highlight-color:transparent;box-sizing:border-box;flex-shrink:0;vertical-align:middle;outline:none;color:var(--_state-layer-color)}:host(.pami-radio--checked){color:var(--_selected-state-layer-color)}.pami-radio__native{display:none}.pami-radio__ripple-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden}:host(.pami-radio--disabled) .pami-radio__ripple-layer,:host([soft-disabled]) .pami-radio__ripple-layer{display:none}.pami-radio__state-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);background:var(--md-sys-pari-glow);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.pami-radio--unchecked:hover) .pami-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.pami-radio--unchecked:active) .pami-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.pami-radio--checked) .pami-radio__state-layer{background-color:var(--_selected-state-layer-color)}:host(.pami-radio--checked:hover) .pami-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.pami-radio--checked:active) .pami-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible) .pami-radio__target::after,:host(.pami-radio--focus-ring) .pami-radio__target::after{content:'';position:absolute;inset:0;margin:auto;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:0;pointer-events:none}.pami-radio__container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);pointer-events:none;transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.pami-radio--pressed) .pami-radio__container{transform:scale(0.82);transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.pami-radio__outer{position:absolute;inset:0;border-radius:var(--md-sys-shape-corner-full, 50%);border:2px solid var(--_icon-color);box-sizing:border-box;transition:border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-radio--checked) .pami-radio__outer{border-color:var(--_selected-icon-color)}.pami-radio__inner{inline-size:var(--_inner-circle-size);block-size:var(--_inner-circle-size);border-radius:var(--md-sys-shape-corner-full, 50%);background-color:var(--_selected-icon-color);transform:scale(0);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.pami-radio--checked) .pami-radio__inner{transform:scale(1)}.pami-radio__inner{position:relative;isolation:isolate}.pami-radio__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-radio__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-radio-selected-icon-color, transparent)}@media (forced-colors: active){.pami-radio__surface[data-surface]{display:none}}:host(.pami-radio--disabled){cursor:default;pointer-events:none}:host(.pami-radio--disabled.pami-radio--unchecked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-radio--disabled.pami-radio--checked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-radio--disabled.pami-radio--checked) .pami-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-radio--disabled) .pami-radio__state-layer{display:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled].pami-radio--unchecked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].pami-radio--checked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].pami-radio--checked) .pami-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .pami-radio__state-layer{display:none}@media (prefers-reduced-motion: reduce){.pami-radio__container,.pami-radio__state-layer,.pami-radio__outer,.pami-radio__inner{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}.pami-radio__outer{border-color:ButtonText}:host(.pami-radio--checked) .pami-radio__outer{border-color:Highlight}:host(.pami-radio--checked) .pami-radio__inner{background-color:Highlight}:host(:focus-visible) .pami-radio__target::after,:host(.pami-radio--focus-ring) .pami-radio__target::after{outline-color:Highlight}:host(.pami-radio--disabled) .pami-radio__outer{border-color:GrayText}:host(.pami-radio--disabled.pami-radio--checked) .pami-radio__inner{background-color:GrayText}.pami-radio__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}.pami-radio__target{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_touch-size);block-size:var(--_touch-size);flex-shrink:0;border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden}:host(.pami-radio--has-support){flex-direction:column;align-items:flex-start;block-size:auto;overflow:visible;border-radius:0}.pami-radio__support{display:block;margin-block-start:2px;margin-inline-start:calc((var(--_touch-size) - var(--_icon-size)) / 2);inline-size:max-content;max-inline-size:min(60ch, calc(100vw - 48px));overflow-wrap:anywhere;font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--md-sys-color-error, #B3261E)}:host([hidden]){display:none !important}`;
+const pamiRadioCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_icon-color:var(--pami-radio-icon-color, var(--md-sys-color-on-surface-variant));--_selected-icon-color:var(--pami-radio-selected-icon-color, var(--md-sys-color-primary-ink, var(--md-sys-color-primary)));--_icon-size:var(--pami-radio-icon-size, max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px)));--_inner-circle-size:var(--pami-radio-inner-circle-size, max(8px, calc(10px + var(--md-sys-density-scale, 0) * 0.5px)));--_state-layer-size:max(24px, calc(var(--pami-radio-state-layer-size, 40px) + var(--md-sys-density-scale, 0) * 4px));--_state-layer-color:var(--pami-radio-state-layer-color, var(--md-sys-color-on-surface));--_selected-state-layer-color:var(--pami-radio-selected-state-layer-color, var(--md-sys-color-primary));--_touch-size:max(32px, calc(48px + var(--md-sys-density-scale, 0) * 4px));display:inline-flex;align-items:center;justify-content:center;position:relative;inline-size:var(--_touch-size);block-size:var(--_touch-size);cursor:pointer;border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden;-webkit-tap-highlight-color:transparent;box-sizing:border-box;flex-shrink:0;vertical-align:middle;outline:none;color:var(--_state-layer-color)}:host(.pami-radio--checked){color:var(--_selected-state-layer-color)}.pami-radio__native{display:none}.pami-radio__ripple-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden}:host(.pami-radio--disabled) .pami-radio__ripple-layer,:host([soft-disabled]) .pami-radio__ripple-layer{display:none}.pami-radio__state-layer{position:absolute;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);background:var(--md-sys-pari-glow);opacity:0;transition:opacity var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));pointer-events:none}:host(.pami-radio--unchecked:hover) .pami-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.pami-radio--unchecked:active) .pami-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(.pami-radio--checked) .pami-radio__state-layer{background-color:var(--_selected-state-layer-color)}:host(.pami-radio--checked:hover) .pami-radio__state-layer{opacity:var(--md-sys-state-hover-state-layer-opacity, 0.08)}:host(.pami-radio--checked:active) .pami-radio__state-layer{opacity:var(--md-sys-state-pressed-state-layer-opacity, 0.12)}:host(:focus-visible) .pami-radio__target::after,:host(.pami-radio--focus-ring) .pami-radio__target::after{content:'';position:absolute;inset:0;margin:auto;inline-size:var(--_state-layer-size);block-size:var(--_state-layer-size);border-radius:var(--md-sys-shape-corner-full, 50%);outline:var(--md-sys-state-focus-ring-width, 2px) solid var(--md-sys-color-focus-ring, var(--md-sys-color-secondary));outline-offset:0;pointer-events:none}.pami-radio__container{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_icon-size);block-size:var(--_icon-size);pointer-events:none;transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.pami-radio--pressed) .pami-radio__container{transform:scale(0.82);transition:transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}.pami-radio__outer{position:absolute;inset:0;border-radius:var(--md-sys-shape-corner-full, 50%);border:2px solid var(--_icon-color);box-sizing:border-box;transition:border-color var(--md-sys-motion-duration-short2, 100ms) var(--md-sys-motion-easing-standard, cubic-bezier(0.2, 0, 0, 1))}:host(.pami-radio--checked) .pami-radio__outer{border-color:var(--_selected-icon-color)}.pami-radio__inner{inline-size:var(--_inner-circle-size);block-size:var(--_inner-circle-size);border-radius:var(--md-sys-shape-corner-full, 50%);background-color:var(--_selected-icon-color);transform:scale(0);transition:transform var(--md-sys-motion-duration-medium4, 400ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1))}:host(.pami-radio--checked) .pami-radio__inner{transform:scale(1)}.pami-radio__inner{position:relative;isolation:isolate}.pami-radio__surface[data-surface]{position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;--pami-dots-radius:inherit}.pami-radio__surface[data-surface]::after{content:'';position:absolute;inset:0;z-index:-1;background:var(--pami-radio-selected-icon-color, transparent)}@media (forced-colors: active){.pami-radio__surface[data-surface]{display:none}}:host(.pami-radio--disabled){cursor:default;pointer-events:none}:host(.pami-radio--disabled.pami-radio--unchecked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-radio--disabled.pami-radio--checked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-radio--disabled.pami-radio--checked) .pami-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host(.pami-radio--disabled) .pami-radio__state-layer{display:none}:host([soft-disabled]){cursor:default;pointer-events:auto}:host([soft-disabled].pami-radio--unchecked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].pami-radio--checked) .pami-radio__outer{border-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled].pami-radio--checked) .pami-radio__inner{background-color:color-mix(in srgb, var(--md-sys-color-on-surface) calc(var(--md-sys-state-disabled-content-opacity, 0.38) * 100%), transparent)}:host([soft-disabled]) .pami-radio__state-layer{display:none}@media (prefers-reduced-motion: reduce){.pami-radio__container,.pami-radio__state-layer,.pami-radio__outer,.pami-radio__inner{transition:none}}@media (forced-colors: active){:host{forced-color-adjust:none}.pami-radio__outer{border-color:ButtonText}:host(.pami-radio--checked) .pami-radio__outer{border-color:Highlight}:host(.pami-radio--checked) .pami-radio__inner{background-color:Highlight}:host(:focus-visible) .pami-radio__target::after,:host(.pami-radio--focus-ring) .pami-radio__target::after{outline-color:Highlight}:host(.pami-radio--disabled) .pami-radio__outer{border-color:GrayText}:host(.pami-radio--disabled.pami-radio--checked) .pami-radio__inner{background-color:GrayText}.pami-radio__state-layer{display:none}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}.pami-radio__target{position:relative;display:inline-flex;align-items:center;justify-content:center;inline-size:var(--_touch-size);block-size:var(--_touch-size);flex-shrink:0;border-radius:var(--md-sys-shape-corner-full, 50%);overflow:hidden}:host(.pami-radio--has-support){flex-direction:column;align-items:flex-start;block-size:auto;overflow:visible;border-radius:0}.pami-radio__support{display:block;margin-block-start:2px;margin-inline-start:calc((var(--_touch-size) - var(--_icon-size)) / 2);inline-size:max-content;max-inline-size:min(60ch, calc(100vw - 48px));overflow-wrap:anywhere;font-family:var(--md-sys-typescale-body-small-font-family, Roboto, sans-serif);font-size:max(10px, calc(12px + var(--md-sys-density-scale, 0) * 0.5px));line-height:max(14px, calc(16px + var(--md-sys-density-scale, 0) * 0.5px));color:var(--md-sys-color-error, #B3261E)}:host([hidden]){display:none !important}`;
 
 const PamiRadio = class {
     constructor(hostRef) {
@@ -1177,7 +1177,7 @@ const PamiRadio = class {
     // ─── Render ────────────────────────────────────────────────
     render() {
         const isEffectivelyDisabled = this.isDisabled;
-        return (index.h(index.Host, { key: 'b7ce8db58c75ad6e560eb45d4b9b30d7ae6c489e', class: {
+        return (index.h(index.Host, { key: 'ac1a537de56b824d2d475f548a2e880794eebaf7', class: {
                 'pami-radio': true,
                 'pami-radio--checked': this.checked,
                 'pami-radio--unchecked': !this.checked,
@@ -1186,7 +1186,7 @@ const PamiRadio = class {
                 'pami-radio--focused': this.focused,
                 'pami-radio--focus-ring': this.programmaticFocus,
                 'pami-radio--has-support': !!this.validationMessage,
-            }, role: "radio", "aria-invalid": this.invalid ? 'true' : undefined, "aria-checked": String(this.checked), "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.managedTabIndex, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, index.h("span", { key: 'f2a00d0164d9765b8698cab657f23f6f752618bf', class: "pami-radio__target" }, index.h("span", { key: '8f49d12afd188e4168adade584c6c7c3897f179f', class: "pami-radio__ripple-layer", "aria-hidden": "true" }, index.h("pami-ripple", { key: '5017614b13293d3d2daf6fc518d42bd9688f26ad', disabled: isEffectivelyDisabled })), index.h("span", { key: 'b0fdf81c2bfa8d6c474bead82b8332982c0d48b8', class: "pami-radio__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("span", { key: 'e8e946312f355babbe77c761d6ef888ea648df24', class: "pami-radio__container", part: "container", "aria-hidden": "true" }, index.h("span", { key: '8bc3e83daef97eb27de7e44c91ec9c221ff572d9', class: "pami-radio__outer", part: "outer-circle" }), index.h("span", { key: '2bbbb01a84368d6eb2073d39449017fd6538cda3', class: "pami-radio__inner", part: "inner-circle" }, this.checked && !isEffectivelyDisabled && (index.h("span", { key: 'f24020f42f010ea23f0be492abe86f65d852a1d7', class: "pami-radio__surface", "data-surface": "crust:control", "aria-hidden": "true" }, index.h(pamiPainter.PamiDots, { key: 'b4c4f9ea49e8cbe5afa3be87198b480c9406aaad' }))))), index.h("input", { key: 'ae063bb86c339f36b7c24ba81d0182747950002a', type: "radio", class: "pami-radio__native", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-hidden": "true", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.validationMessage ? `${this.uid}-support` : undefined, tabindex: "-1", onChange: () => { } })), this.validationMessage && (index.h("span", { key: 'dc39f8af2a6af50709ca612fb0152df5dec38aac', id: `${this.uid}-support`, ref: (el) => { this.supportEl = el; }, class: "pami-radio__support", role: "alert" }, this.validationMessage))));
+            }, role: "radio", "aria-invalid": this.invalid ? 'true' : undefined, "aria-checked": String(this.checked), "aria-disabled": isEffectivelyDisabled ? 'true' : undefined, "aria-required": this.required ? 'true' : undefined, tabindex: this.managedTabIndex, onClick: this.handleClick, onKeyDown: this.handleKeyDown, onFocus: this.handleFocus, onBlur: this.handleBlur, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, onPointerLeave: this.handlePointerUp, onPointerCancel: this.handlePointerUp }, index.h("span", { key: 'a3eb99d72de713992fd0dece302a7abb74b2ad67', class: "pami-radio__target" }, index.h("span", { key: '5d761f308931943984d1396e944a23ec91faa3fa', class: "pami-radio__ripple-layer", "aria-hidden": "true" }, index.h("pami-ripple", { key: '613b4833ba22609c6707a9cd4393a0d8d61996e8', disabled: isEffectivelyDisabled })), index.h("span", { key: '34716ac77221e7c5f74bce49f7aea64b904e8e27', class: "pami-radio__state-layer", part: "state-layer", "aria-hidden": "true" }), index.h("span", { key: '1d78a216dd20e1e89bcec7c0df4f0073b4ccf1d1', class: "pami-radio__container", part: "container", "aria-hidden": "true" }, index.h("span", { key: '53d8519b1b83f4fc7c52dfe8f7f4b9565d836767', class: "pami-radio__outer", part: "outer-circle" }), index.h("span", { key: '3618f68ef902ecfd6f56f7c8fa137f425fbfc378', class: "pami-radio__inner", part: "inner-circle" }, this.checked && !isEffectivelyDisabled && (index.h("span", { key: 'b240ff29d08f409267c53671af868c285e63b9b6', class: "pami-radio__surface", "data-surface": "crust:control", "aria-hidden": "true" }, index.h(pamiPainter.PamiDots, { key: '0302f0cc6708052ffaf8b60d076e1f99b220baad' }))))), index.h("input", { key: '88cf509bba1165345883409f1d3e33c46a60625b', type: "radio", class: "pami-radio__native", checked: this.checked, disabled: this.disabled, required: this.required, name: this.name, value: this.value, "aria-hidden": "true", "aria-invalid": this.invalid ? 'true' : undefined, "aria-describedby": this.validationMessage ? `${this.uid}-support` : undefined, tabindex: "-1", onChange: () => { } })), this.validationMessage && (index.h("span", { key: 'efa5c17db6ffe964adc69c6414c06f2a46963096', id: `${this.uid}-support`, ref: (el) => { this.supportEl = el; }, class: "pami-radio__support", role: "alert" }, this.validationMessage))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }
@@ -1212,33 +1212,17 @@ const PamiRadio = class {
 };
 PamiRadio.style = pamiRadioCss();
 
-const pamiRippleCss = () => `:host{display:contents;border-radius:inherit;--_color:var(--pami-ripple-color, var(--md-sys-color-pari, #ffc98e))}.pami-ripple{position:absolute;inset:0;z-index:var(--pami-pari-z, auto);border-radius:inherit;overflow:hidden;pointer-events:none}.pami-ripple__pari{position:absolute;display:block;border-radius:50%;pointer-events:none;opacity:0;will-change:transform, opacity;background:radial-gradient(      circle,      var(--_color) 0%,      color-mix(in srgb, var(--_color) 60%, transparent) 30%,      color-mix(in srgb, var(--_color) 0%, transparent) 72%    );filter:blur(var(--md-sys-pari-blur, 6px));transform:scale(0)}@media (forced-colors: active){.pami-ripple{display:none}}.pami-ripple{opacity:var(--md-sys-ripple-enabled, 1)}:host([hidden]){display:none !important}`;
-
-/*
- * Pari: Pami's single press light, drawn by the element that used to paint the
- * M3 ripple. The tag, prop, methods and the `--md-sys-ripple-enabled` switch are
- * unchanged, so every host component and every `triggerRipple` caller keeps
- * working without edits.
- *
- * It keeps the M3 pressed-state idea (a layer that grows from the press point
- * while the pointer is down and fades on release) but is light, not a tint: a
- * warm bloom, blurred, in `--md-sys-color-pari`. `--md-sys-pari-*` tunes it.
- * There is no separate flash on top of it.
- *
- * It also draws the press scale: the host shrinks a touch while pressed.
- * `--md-sys-motion-press-scale` defaults to 1 (off); controls opt in.
- *
- * Reduced motion and forced colours draw no scale; reduced motion keeps the
- * light but does not animate it.
- */
-/* Literal fallbacks: the token sheet may not be loaded, or may predate these tokens. */
-const PARI_DURATION_MS = 640;
-const PARI_OPACITY = 0.6;
-const PARI_EASING = 'cubic-bezier(0.16, 1, 0.3, 1)';
+// Generated from foundations/tokens/pami.tokens.json. Do not edit.
+const PARI_DURATION_MS = 320;
+const PARI_OPACITY = 0.24;
+const PARI_EASING = "cubic-bezier(0.16, 1, 0.3, 1)";
 const PRESS_SCALE = 1;
-const PRESS_DURATION_MS = 150;
-const PRESS_EASING = 'cubic-bezier(0.34, 1.56, 0.64, 1)';
-const EASING_STANDARD = 'cubic-bezier(0.2, 0, 0, 1)';
+const PRESS_DURATION_MS = 100;
+const PRESS_EASING = "cubic-bezier(0.2, 0, 0.2, 1)";
+const EASING_STANDARD = "cubic-bezier(0.2, 0, 0, 1)";
+
+const pamiRippleCss = () => `:host{display:contents;border-radius:inherit;--_color:var(--pami-ripple-color, var(--md-sys-color-pari, rgba(255, 201, 142, 0.16)))}.pami-ripple{position:absolute;inset:0;z-index:var(--pami-pari-z, auto);border-radius:inherit;overflow:hidden;pointer-events:none}.pami-ripple__pari{position:absolute;display:block;border-radius:50%;pointer-events:none;opacity:0;will-change:transform, opacity;background:radial-gradient(      circle,      var(--_color) 0%,      color-mix(in srgb, var(--_color) 60%, transparent) 30%,      color-mix(in srgb, var(--_color) 0%, transparent) 72%    );filter:blur(var(--md-sys-pari-blur, 6px));transform:scale(0)}@media (forced-colors: active){.pami-ripple{display:none}}.pami-ripple{opacity:var(--md-sys-ripple-enabled, 1)}:host([hidden]){display:none !important}`;
+
 const GROW_DURATION_PROP = '--pami-ripple-grow-duration';
 const GROW_EASING_PROP = '--pami-ripple-grow-easing';
 /** A CSS time (`640ms`, `0.64s`) or a bare number of ms. NaN when unparseable. */
@@ -1604,13 +1588,13 @@ const PamiRipple = class {
         this.press(cs, container, cx, cy, radius, false);
     }
     render() {
-        return (index.h(index.Host, { key: '6f4756e589f988f5d6df0f3d73457f2a85d41cb4', "aria-hidden": "true" }, index.h("div", { key: '356826f8ef44d74cc53f6dba19fc8f98174046a8', class: "pami-ripple" })));
+        return (index.h(index.Host, { key: 'c4647ba33337ae25ef7f49ee6aa2efcacaf74582', "aria-hidden": "true" }, index.h("div", { key: '6b7ee0fa84ef5fe9eafe079fdfcf041e0fec9300', class: "pami-ripple" })));
     }
     get el() { return index.getElement(this); }
 };
 PamiRipple.style = pamiRippleCss();
 
-const pamiSnackbarCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, #ef8625);--pami-surface-bg-end:var(--pami-material-crust-background-end, #fb8e28);--pami-surface-dot-start:var(--pami-material-crust-dot-start, #f09f42);--pami-surface-dot-end:var(--pami-material-crust-dot-end, #ffad1f);--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, #ffe9d1);--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, #ffddb8);--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, #ffc98e);--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, #ffb866);--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, #331505);--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, #fcfcfc);--pami-surface-bg-end:var(--pami-material-crumb-background-end, #fffbf5);--pami-surface-dot-start:var(--pami-material-crumb-dot-start, #f9f1e7);--pami-surface-dot-end:var(--pami-material-crumb-dot-end, #fef9ef);--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, #342004);--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, #3b4f1a);--pami-surface-bg-end:var(--pami-material-olive-background-end, #2a3813);--pami-surface-dot-start:var(--pami-material-olive-dot-start, #607f1f);--pami-surface-dot-end:var(--pami-material-olive-dot-end, #556b2f);--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, #fcffeb);--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, #f4f7ea);--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, #eaf0d9);--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, #d8e2b6);--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, #c9d79e);--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, #2a3813);--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, #513018);--pami-surface-bg-end:var(--pami-material-bronze-background-end, #351c0a);--pami-surface-dot-start:var(--pami-material-bronze-dot-start, #996437);--pami-surface-dot-end:var(--pami-material-bronze-dot-end, #7d4d28);--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, #fef7ec);--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, #faf3ec);--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, #f3e7da);--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, #e6d2bd);--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, #dcc2a6);--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, #351c0a);--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-snackbar-container-color, var(--md-sys-color-inverse-surface, #313033));--_message-color:var(--pami-snackbar-message-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_action-color:var(--pami-snackbar-action-color, var(--md-sys-color-inverse-primary, #D0BCFF));--_close-color:var(--pami-snackbar-close-color, var(--md-sys-color-inverse-on-surface, #F4EFF4));--_container-shape:var(--pami-snackbar-container-shape, var(--md-sys-shape-corner-extra-small, 4px));--_min-width:var(--pami-snackbar-min-width, 288px);--_max-width:var(--pami-snackbar-max-width, 568px);--_slide-from:translateY(100%);display:flex;position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;padding:var(--md-sys-spacing-inset-xl, 24px);align-items:flex-end;justify-content:center;z-index:calc(var(--md-sys-z-index-snackbar, 2000) + var(--_stack-order, 0));pointer-events:none;visibility:hidden;opacity:0;transform:var(--_slide-from);transition:opacity var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),      transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),      visibility 0ms linear var(--md-sys-motion-duration-short4, 200ms)}:host(.pami-snackbar--open){visibility:visible;opacity:1;transform:translate(0, 0);transition:opacity var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      transform var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      visibility 0ms linear 0ms}:host(.pami-snackbar--open) .pami-snackbar__surface{pointer-events:auto}:host(.pami-snackbar--bottom){align-items:flex-end;justify-content:center}:host(.pami-snackbar--bottom-start){align-items:flex-end;justify-content:flex-start}:host(.pami-snackbar--bottom-end){align-items:flex-end;justify-content:flex-end}:host(.pami-snackbar--top),:host(.pami-snackbar--top-start),:host(.pami-snackbar--top-end){--_slide-from:translateY(-100%)}:host(.pami-snackbar--top){align-items:flex-start;justify-content:center}:host(.pami-snackbar--top-start){align-items:flex-start;justify-content:flex-start}:host(.pami-snackbar--top-end){align-items:flex-start;justify-content:flex-end}:host(.pami-snackbar--start),:host(.pami-snackbar--end),:host(.pami-snackbar--center){--_slide-from:translate(0, 0)}:host(.pami-snackbar--start){align-items:center;justify-content:flex-start}:host(.pami-snackbar--end){align-items:center;justify-content:flex-end}:host(.pami-snackbar--center){align-items:center;justify-content:center}.pami-snackbar__surface{display:flex;align-items:center;min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);min-block-size:max(36px, calc(48px + var(--md-sys-density-scale, 0) * 3px));padding-inline-start:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));padding-inline-end:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));background-color:var(--_container-color);color:var(--_message-color);border-radius:var(--_container-shape);box-sizing:border-box}:host(.pami-snackbar--with-action:not(.pami-snackbar--with-close)) .pami-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-snackbar--with-close) .pami-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-md, 12px)}@media (max-width: 599px){:host{padding:var(--md-sys-spacing-inset-lg, 16px)}.pami-snackbar__surface{inline-size:100%;min-inline-size:0;max-inline-size:100%}}.pami-snackbar__message{flex:1;padding-block:max(6px, calc(14px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(14px + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(20px + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:inherit}.pami-snackbar__actions{display:flex;align-items:center;flex-shrink:0}.pami-snackbar__action-btn{flex-shrink:0;--pami-button-label-color:var(--_action-color);--pami-button-icon-color:var(--_action-color);--pami-ripple-color:var(--_action-color)}.pami-snackbar__close{display:flex;align-items:center;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent}.pami-snackbar__close pami-icon-button{--pami-icon-button-icon-color:var(--_close-color);--pami-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--pami-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--pami-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-snackbar--stacked) .pami-snackbar__surface{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:start;column-gap:var(--md-sys-spacing-gap-md, 12px);row-gap:6px;min-block-size:68px;padding-block-start:var(--md-sys-spacing-inset-sm, 8px);padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-snackbar--stacked) .pami-snackbar__message{grid-column:1;grid-row:1;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.pami-snackbar--stacked) .pami-snackbar__close{grid-column:2;grid-row:1;align-self:start;margin-inline-start:0;margin-block-start:var(--md-sys-spacing-inset-xs, 4px);padding-block-start:0}:host(.pami-snackbar--stacked) .pami-snackbar__actions{grid-column:1 / -1;grid-row:2;justify-self:end}::slotted([slot="action"]){color:var(--_action-color)}::slotted([slot="close"]){color:var(--_close-color)}@media (prefers-reduced-motion: reduce){:host,:host(.pami-snackbar--open){transition:none}}@media (forced-colors: active){.pami-snackbar__surface{border:1px solid CanvasText}.pami-snackbar__action-btn{color:LinkText}.pami-snackbar__action-btn:focus-visible{outline-color:Highlight}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;
+const pamiSnackbarCss = () => `[data-surface]{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) solid;border-color:var(--pami-surface-edge-top) var(--pami-surface-edge-side) var(--pami-surface-edge-bottom);background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end));color:var(--pami-surface-text)}:is([data-surface="crust"],[data-surface^="crust:"]){--pami-surface-bg-start:var(--pami-material-crust-background-start, rgba(230, 146, 52, 1));--pami-surface-bg-end:var(--pami-material-crust-background-end, rgba(235, 153, 66, 1));--pami-surface-dot-start:var(--pami-material-crust-dot-start, rgba(240, 169, 100, 1));--pami-surface-dot-end:var(--pami-material-crust-dot-end, rgba(250, 181, 115, 1));--pami-surface-blur:var(--pami-material-crust-blur, 0px);--pami-surface-text:var(--pami-material-crust-text, rgba(43, 28, 13, 1));--pami-surface-edge-top:var(--pami-material-crust-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-crust-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-crust-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="olive"],[data-surface^="olive:"]){--pami-surface-bg-start:var(--pami-material-olive-background-start, rgba(70, 95, 31, 1));--pami-surface-bg-end:var(--pami-material-olive-background-end, rgba(63, 86, 26, 1));--pami-surface-dot-start:var(--pami-material-olive-dot-start, rgba(84, 113, 41, 1));--pami-surface-dot-end:var(--pami-material-olive-dot-end, rgba(80, 107, 39, 1));--pami-surface-blur:var(--pami-material-olive-blur, 2px);--pami-surface-text:var(--pami-material-olive-text, rgba(242, 248, 235, 1));--pami-surface-edge-top:var(--pami-material-olive-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-olive-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-olive-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="bronze"],[data-surface^="bronze:"]){--pami-surface-bg-start:var(--pami-material-bronze-background-start, rgba(117, 67, 31, 1));--pami-surface-bg-end:var(--pami-material-bronze-background-end, rgba(104, 58, 25, 1));--pami-surface-dot-start:var(--pami-material-bronze-dot-start, rgba(145, 87, 46, 1));--pami-surface-dot-end:var(--pami-material-bronze-dot-end, rgba(134, 80, 41, 1));--pami-surface-blur:var(--pami-material-bronze-blur, 2px);--pami-surface-text:var(--pami-material-bronze-text, rgba(255, 242, 235, 1));--pami-surface-edge-top:var(--pami-material-bronze-edge-top, var(--pami-component-glass-dark-top, rgba(255, 255, 255, 0.2)));--pami-surface-edge-side:var(--pami-material-bronze-edge-side, var(--pami-component-glass-dark-side, rgba(255, 255, 255, 0.08)));--pami-surface-edge-bottom:var(--pami-material-bronze-edge-bottom, var(--pami-component-glass-dark-bottom, rgba(0, 0, 0, 0.18)))}:is([data-surface="crumb"],[data-surface^="crumb:"]){--pami-surface-bg-start:var(--pami-material-crumb-background-start, rgba(252, 252, 252, 1));--pami-surface-bg-end:var(--pami-material-crumb-background-end, rgba(255, 251, 245, 1));--pami-surface-dot-start:var(--pami-material-crumb-dot-start, rgba(249, 241, 231, 1));--pami-surface-dot-end:var(--pami-material-crumb-dot-end, rgba(254, 249, 239, 1));--pami-surface-blur:var(--pami-material-crumb-blur, 4px);--pami-surface-text:var(--pami-material-crumb-text, rgba(52, 32, 4, 1));--pami-surface-edge-top:var(--pami-material-crumb-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crumb-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crumb-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="olive-soft"],[data-surface^="olive-soft:"]){--pami-surface-bg-start:var(--pami-material-olive-soft-background-start, rgba(237, 245, 227, 1));--pami-surface-bg-end:var(--pami-material-olive-soft-background-end, rgba(227, 241, 213, 1));--pami-surface-dot-start:var(--pami-material-olive-soft-dot-start, rgba(208, 226, 188, 1));--pami-surface-dot-end:var(--pami-material-olive-soft-dot-end, rgba(196, 218, 169, 1));--pami-surface-blur:var(--pami-material-olive-soft-blur, 2px);--pami-surface-text:var(--pami-material-olive-soft-text, rgba(30, 40, 18, 1));--pami-surface-edge-top:var(--pami-material-olive-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-olive-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-olive-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="bronze-soft"],[data-surface^="bronze-soft:"]){--pami-surface-bg-start:var(--pami-material-bronze-soft-background-start, rgba(255, 238, 228, 1));--pami-surface-bg-end:var(--pami-material-bronze-soft-background-end, rgba(255, 230, 214, 1));--pami-surface-dot-start:var(--pami-material-bronze-soft-dot-start, rgba(249, 210, 185, 1));--pami-surface-dot-end:var(--pami-material-bronze-soft-dot-end, rgba(246, 197, 166, 1));--pami-surface-blur:var(--pami-material-bronze-soft-blur, 2px);--pami-surface-text:var(--pami-material-bronze-soft-text, rgba(51, 30, 17, 1));--pami-surface-edge-top:var(--pami-material-bronze-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-bronze-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-bronze-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="crust-soft"],[data-surface^="crust-soft:"]){--pami-surface-bg-start:var(--pami-material-crust-soft-background-start, rgba(255, 239, 224, 1));--pami-surface-bg-end:var(--pami-material-crust-soft-background-end, rgba(255, 230, 209, 1));--pami-surface-dot-start:var(--pami-material-crust-soft-dot-start, rgba(245, 212, 182, 1));--pami-surface-dot-end:var(--pami-material-crust-soft-dot-end, rgba(242, 200, 161, 1));--pami-surface-blur:var(--pami-material-crust-soft-blur, 0px);--pami-surface-text:var(--pami-material-crust-soft-text, rgba(50, 32, 14, 1));--pami-surface-edge-top:var(--pami-material-crust-soft-edge-top, var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4)));--pami-surface-edge-side:var(--pami-material-crust-soft-edge-side, var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1)));--pami-surface-edge-bottom:var(--pami-material-crust-soft-edge-bottom, var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16)))}:is([data-surface="red"],[data-surface^="red:"]){--pami-surface-bg-start:var(--pami-system-colors-red-light, #fcaeac)}:is([data-surface="orange"],[data-surface^="orange:"]){--pami-surface-bg-start:var(--pami-system-colors-orange-light, #fccfa5)}:is([data-surface="yellow"],[data-surface^="yellow:"]){--pami-surface-bg-start:var(--pami-system-colors-yellow-light, #fce795)}:is([data-surface="green"],[data-surface^="green:"]){--pami-surface-bg-start:var(--pami-system-colors-green-light, #afe5b7)}:is([data-surface="mint"],[data-surface^="mint:"]){--pami-surface-bg-start:var(--pami-system-colors-mint-light, #9be5d9)}:is([data-surface="teal"],[data-surface^="teal:"]){--pami-surface-bg-start:var(--pami-system-colors-teal-light, #9be3e4)}:is([data-surface="cyan"],[data-surface^="cyan:"]){--pami-surface-bg-start:var(--pami-system-colors-cyan-light, #9be3f0)}:is([data-surface="blue"],[data-surface^="blue:"]){--pami-surface-bg-start:var(--pami-system-colors-blue-light, #9bcdf6)}:is([data-surface="indigo"],[data-surface^="indigo:"]){--pami-surface-bg-start:var(--pami-system-colors-indigo-light, #c0b9f3)}:is([data-surface="purple"],[data-surface^="purple:"]){--pami-surface-bg-start:var(--pami-system-colors-purple-light, #e8abeb)}:is([data-surface="pink"],[data-surface^="pink:"]){--pami-surface-bg-start:var(--pami-system-colors-pink-light, #fcaab6)}:is([data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-start:var(--pami-system-colors-brown-light, #dcc9b9)}:is([data-surface="red"],[data-surface^="red:"],[data-surface="orange"],[data-surface^="orange:"],[data-surface="yellow"],[data-surface^="yellow:"],[data-surface="green"],[data-surface^="green:"],[data-surface="mint"],[data-surface^="mint:"],[data-surface="teal"],[data-surface^="teal:"],[data-surface="cyan"],[data-surface^="cyan:"],[data-surface="blue"],[data-surface^="blue:"],[data-surface="indigo"],[data-surface^="indigo:"],[data-surface="purple"],[data-surface^="purple:"],[data-surface="pink"],[data-surface^="pink:"],[data-surface="brown"],[data-surface^="brown:"]){--pami-surface-bg-end:var(--pami-surface-bg-start);--pami-surface-text:#000;--pami-surface-edge-top:var(--pami-component-glass-light-top, rgba(255, 255, 255, 0.4));--pami-surface-edge-side:var(--pami-component-glass-light-side, rgba(80, 69, 54, 0.1));--pami-surface-edge-bottom:var(--pami-component-glass-light-bottom, rgba(80, 69, 54, 0.16))}[data-surface]>canvas.pami-dots{position:absolute;z-index:-1;display:block;pointer-events:none;inset:calc(var(--pami-dots-bleed, 0px) * -1);width:calc(100% + 2 * var(--pami-dots-bleed, 0px));height:calc(100% + 2 * var(--pami-dots-bleed, 0px));max-width:none;max-height:none;filter:blur(var(--pami-dots-blur, 0px));opacity:0;transition:opacity var(--md-sys-motion-duration-short4, 200ms) linear}[data-surface]>canvas.pami-dots[data-painted]{opacity:1}[data-surface$=":field"]>canvas.pami-dots{clip-path:inset(var(--pami-dots-bleed, 0px) round var(--pami-dots-radius, 0px))}[data-surface$=":field"]{--pami-surface-edge-43:linear-gradient(      calc(var(--pami-texture-angle, 43) * 1deg),      color-mix(in srgb, var(--pami-material-crust-background-start, #ef8625) 48%, var(--pami-surface-text)) 0%,      color-mix(in srgb, var(--pami-surface-text) 58%, transparent) 55%,      color-mix(in srgb, var(--pami-surface-text) 72%, transparent) 100%    );overflow:visible;border-color:transparent;background:linear-gradient(calc(var(--pami-texture-angle, 43) * 1deg), var(--pami-surface-bg-start), var(--pami-surface-bg-end)) padding-box,      var(--pami-surface-edge-43) border-box}[data-surface$=":field"][data-invalid]{--pami-surface-edge-43:linear-gradient(var(--md-sys-color-error, #b3261e), var(--md-sys-color-error, #b3261e))}[data-surface$=":field"][data-disabled]{--pami-surface-edge-43:linear-gradient(      color-mix(in srgb, var(--pami-surface-text) 30%, transparent),      color-mix(in srgb, var(--pami-surface-text) 30%, transparent)    );opacity:0.6}[data-surface$=":field"][data-readonly]{background:none;border:var(--md-sys-edge-width, var(--pami-edge-width, 1px)) dotted color-mix(in srgb, var(--pami-surface-text, currentColor) 62%, transparent)}[data-surface$=":field"][data-readonly]>canvas.pami-dots{display:none}@media (prefers-reduced-motion: reduce){[data-surface]>canvas.pami-dots{transition:none}}@media (forced-colors: active){[data-surface]>canvas.pami-dots{display:none}[data-surface],[data-surface$=":field"]{background:Canvas;color:CanvasText;border-color:CanvasText;border-style:solid}[data-surface$=":field"][data-readonly]{border-style:dotted}}:host{--_container-color:var(--pami-snackbar-container-color, var(--md-sys-color-inverse-surface, #313033));--_message-color:var(--pami-snackbar-message-color, var(--pami-material-bronze-text, #FFF2EB));--_action-color:var(--pami-snackbar-action-color, var(--pami-material-bronze-text, #FFF2EB));--_close-color:var(--pami-snackbar-close-color, var(--pami-material-bronze-text, #FFF2EB));--_container-shape:var(--pami-snackbar-container-shape, var(--md-sys-shape-corner-extra-small, 4px));--_min-width:var(--pami-snackbar-min-width, 288px);--_max-width:var(--pami-snackbar-max-width, 568px);--_slide-from:translateY(100%);display:flex;position:fixed;inset-block-start:0;inset-block-end:0;inset-inline-start:0;inset-inline-end:0;padding:var(--md-sys-spacing-inset-xl, 24px);align-items:flex-end;justify-content:center;z-index:calc(var(--md-sys-z-index-snackbar, 2000) + var(--_stack-order, 0));pointer-events:none;visibility:hidden;opacity:0;transform:var(--_slide-from);transition:opacity var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),      transform var(--md-sys-motion-duration-short4, 200ms) var(--md-sys-motion-easing-emphasized-accelerate, cubic-bezier(0.3, 0, 0.8, 0.15)),      visibility 0ms linear var(--md-sys-motion-duration-short4, 200ms)}:host(.pami-snackbar--open){visibility:visible;opacity:1;transform:translate(0, 0);transition:opacity var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      transform var(--md-sys-motion-duration-medium1, 250ms) var(--md-sys-motion-easing-emphasized-decelerate, cubic-bezier(0.05, 0.7, 0.1, 1)),      visibility 0ms linear 0ms}:host(.pami-snackbar--open) .pami-snackbar__surface{pointer-events:auto}:host(.pami-snackbar--bottom){align-items:flex-end;justify-content:center}:host(.pami-snackbar--bottom-start){align-items:flex-end;justify-content:flex-start}:host(.pami-snackbar--bottom-end){align-items:flex-end;justify-content:flex-end}:host(.pami-snackbar--top),:host(.pami-snackbar--top-start),:host(.pami-snackbar--top-end){--_slide-from:translateY(-100%)}:host(.pami-snackbar--top){align-items:flex-start;justify-content:center}:host(.pami-snackbar--top-start){align-items:flex-start;justify-content:flex-start}:host(.pami-snackbar--top-end){align-items:flex-start;justify-content:flex-end}:host(.pami-snackbar--start),:host(.pami-snackbar--end),:host(.pami-snackbar--center){--_slide-from:translate(0, 0)}:host(.pami-snackbar--start){align-items:center;justify-content:flex-start}:host(.pami-snackbar--end){align-items:center;justify-content:flex-end}:host(.pami-snackbar--center){align-items:center;justify-content:center}.pami-snackbar__surface{--md-sys-color-focus-ring:var(--_message-color);display:flex;align-items:center;min-inline-size:var(--_min-width);max-inline-size:var(--_max-width);min-block-size:max(36px, calc(48px + var(--md-sys-density-scale, 0) * 3px));padding-inline-start:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));padding-inline-end:max(8px, calc(16px + var(--md-sys-density-scale, 0) * 2px));background-color:var(--_container-color);color:var(--_message-color);border-radius:var(--_container-shape);box-sizing:border-box}:host(.pami-snackbar--with-action:not(.pami-snackbar--with-close)) .pami-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-snackbar--with-close) .pami-snackbar__surface{padding-inline-end:var(--md-sys-spacing-inset-md, 12px)}@media (max-width: 599px){:host{padding:var(--md-sys-spacing-inset-lg, 16px)}.pami-snackbar__surface{inline-size:100%;min-inline-size:0;max-inline-size:100%}}.pami-snackbar__message{flex:1;padding-block:max(6px, calc(14px + var(--md-sys-density-scale, 0) * 2px));font-family:var(--md-sys-typescale-body-medium-font-family, Roboto, sans-serif);font-size:max(12px, calc(var(--md-sys-typescale-body-medium-font-size, 14px) + var(--md-sys-density-scale, 0) * 0.5px));font-weight:var(--md-sys-typescale-body-medium-font-weight, 400);line-height:max(16px, calc(var(--md-sys-typescale-body-medium-line-height, 20px) + var(--md-sys-density-scale, 0) * 1px));letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, 0.25px);color:inherit}.pami-snackbar__actions{display:flex;align-items:center;flex-shrink:0}.pami-snackbar__action-btn{flex-shrink:0;--pami-button-label-color:var(--_action-color);--pami-button-icon-color:var(--_action-color);--pami-ripple-color:var(--_action-color)}.pami-snackbar__close{display:flex;align-items:center;flex-shrink:0;outline:none;-webkit-tap-highlight-color:transparent}.pami-snackbar__close pami-icon-button{--pami-icon-button-icon-color:var(--_close-color);--pami-icon-button-container-width:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--pami-icon-button-container-height:max(32px, calc(40px + var(--md-sys-density-scale, 0) * 4px));--pami-icon-button-icon-size:max(18px, calc(24px + var(--md-sys-density-scale, 0) * 1px))}:host(.pami-snackbar--stacked) .pami-snackbar__surface{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:start;column-gap:var(--md-sys-spacing-gap-md, 12px);row-gap:6px;min-block-size:68px;padding-block-start:var(--md-sys-spacing-inset-sm, 8px);padding-block-end:var(--md-sys-spacing-inset-sm, 8px)}:host(.pami-snackbar--stacked) .pami-snackbar__message{grid-column:1;grid-row:1;padding-block-end:var(--md-sys-spacing-inset-xs, 4px)}:host(.pami-snackbar--stacked) .pami-snackbar__close{grid-column:2;grid-row:1;align-self:start;margin-inline-start:0;margin-block-start:var(--md-sys-spacing-inset-xs, 4px);padding-block-start:0}:host(.pami-snackbar--stacked) .pami-snackbar__actions{grid-column:1 / -1;grid-row:2;justify-self:end}::slotted([slot="action"]){color:var(--_action-color)}::slotted([slot="close"]){color:var(--_close-color)}@media (prefers-reduced-motion: reduce){:host,:host(.pami-snackbar--open){transition:none}}@media (forced-colors: active){.pami-snackbar__surface{border:1px solid CanvasText}.pami-snackbar__action-btn{color:LinkText}.pami-snackbar__action-btn:focus-visible{outline-color:Highlight}}:host([density='-1']){--md-sys-density-scale:-1}:host([density='-2']){--md-sys-density-scale:-2}:host([density='-3']){--md-sys-density-scale:-3}:host([density='-4']){--md-sys-density-scale:-4}:host([hidden]){display:none !important}`;
 
 const PamiSnackbar = class {
     constructor(hostRef) {
@@ -1797,14 +1781,14 @@ const PamiSnackbar = class {
     render() {
         const hasAction = !!this.action || this.hasSlottedAction;
         const hasClose = this.closeable || this.hasSlottedClose;
-        return (index.h(index.Host, { key: '11eb5a15f7c03ad22aacefcdf10a4864b161af72', class: {
+        return (index.h(index.Host, { key: '377ff71f936a954c16486d3892713f3b63ed053b', class: {
                 'pami-snackbar': true,
                 'pami-snackbar--open': this.open,
                 'pami-snackbar--stacked': this.stacked,
                 [`pami-snackbar--${this.position}`]: true,
                 'pami-snackbar--with-action': hasAction,
                 'pami-snackbar--with-close': hasClose,
-            }, role: this.politeness === 'assertive' ? 'alert' : 'status', "aria-live": this.politeness, "aria-atomic": "true" }, index.h("div", { key: '03464894f052ce7b2f9fc33228fb689d1fa1ecd9', class: "pami-snackbar__surface", part: "surface", "data-surface": "bronze:surface", onMouseEnter: this.pauseAutoHide, onMouseLeave: this.resumeAutoHide, onFocusin: this.pauseAutoHide, onFocusout: this.handleSurfaceFocusOut }, index.h(pamiPainter.PamiDots, { key: '10bd21f504252c47f5eab1cc432acb549562edac' }), index.h("span", { key: 'ff6980f3947b5336dfd9ba0574f7651cbfdfc6b1', class: "pami-snackbar__message", part: "message" }, index.h("slot", { key: '599b417a95f6869af8798d8d1e5c84a5861546a6' }, this.message)), hasAction && (index.h("div", { key: 'a299869a52f2c8f9b05530e18ef771be7e44fa81', class: "pami-snackbar__actions", part: "actions" }, index.h("slot", { key: 'c24c3fc527d716cf9e9301e58e3c51c98f955504', name: "action" }, this.action && (index.h("pami-button", { key: 'ebf8ccad87f4b44b38ff9836cc0dab44b69e5357', variant: "text", size: "sm", class: "pami-snackbar__action-btn", onClick: this.handleActionClick }, this.action))))), hasClose && (index.h("div", { key: '115eb6ff70a006b7970a6139655c6f929059badd', class: "pami-snackbar__close", part: "close" }, index.h("slot", { key: '5430b92dd191375f988286b32b67cd7d05b96e38', name: "close" }, this.closeable && (index.h("pami-icon-button", { key: '5ad5475326253bb43e2b36e937159fd6474d53bb', variant: "standard", icon: "close", "aria-label": this.dismissLabel, onClick: this.handleCloseClick, exportparts: "icon:close-icon" }))))))));
+            }, role: this.politeness === 'assertive' ? 'alert' : 'status', "aria-live": this.politeness, "aria-atomic": "true" }, index.h("div", { key: 'b75fece79a585924b56acbdf71c1213f9a6dd18c', class: "pami-snackbar__surface", part: "surface", "data-surface": "bronze:surface", onMouseEnter: this.pauseAutoHide, onMouseLeave: this.resumeAutoHide, onFocusin: this.pauseAutoHide, onFocusout: this.handleSurfaceFocusOut }, index.h(pamiPainter.PamiDots, { key: 'f32362a71d752e82ddee9ea54cbdf9f9f18f9e48' }), index.h("span", { key: 'f842d629c94df4b8c859131276eb7cd4c7a30406', class: "pami-snackbar__message", part: "message" }, index.h("slot", { key: '581c707d06713befe48524c213ccbeae97b94d30' }, this.message)), hasAction && (index.h("div", { key: '1b242197970e3f0768c507bb22d7e1d9e39296fc', class: "pami-snackbar__actions", part: "actions" }, index.h("slot", { key: 'cbe6e241a36c39a2c645dd44d50c5ef2ff1df738', name: "action" }, this.action && (index.h("pami-button", { key: 'a769f9a12d7b2c13c4c36acc249306c1dd03ff8d', variant: "text", size: "sm", class: "pami-snackbar__action-btn", onClick: this.handleActionClick }, this.action))))), hasClose && (index.h("div", { key: 'cd96fad5b428ea2c5b1ea91b81a021a0354ea90d', class: "pami-snackbar__close", part: "close" }, index.h("slot", { key: 'a79e79992489bbf754d763b64ffb6b6ee0bf1d89', name: "close" }, this.closeable && (index.h("pami-icon-button", { key: '58ae83ff12933856615d9705321965dc938eb00d', variant: "standard", icon: "close", "aria-label": this.dismissLabel, onClick: this.handleCloseClick, exportparts: "icon:close-icon" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {