dds-button{box-sizing:border-box;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-style:solid;border-width:var(--dds-button-border-width);border-radius:var(--dds-style-button-radius);box-shadow:var(--dds-style-button-shadow);background:var(--dds-button-bg);color:var(--dds-button-content);height:calc(var(--dds-button-height) + 2 * var(--dds-button-border-width));max-width:var(--dds-button-max-width);padding:var(--dds-button-padding-y) var(--dds-button-padding-x);font-weight:var(--dds-button-font-weight);font-size:var(--dds-button-font-size);line-height:var(--dds-button-line-height);transition:transform var(--dds-style-ui-pressed-anim-duration) var(--dds-style-ui-pressed-anim-function);--dds-button-max-width:var(--dds-style-button-max-width);--dds-button-border-width:0px;--dds-button-bg:linear-gradient(152deg, var(--dds-mode-button-primary-solid-bg-0), var(--dds-mode-button-primary-solid-bg-1));--dds-button-content:var(--dds-mode-button-primary-solid-content);--dds-button-hover:var(--dds-mode-ui-states-solid-hover);--dds-button-ink:none;--dds-button-ink-color:var(--dds-button-content);--dds-button-height:var(--dds-style-button-md-height);--dds-button-padding-x:var(--dds-style-button-md-padding-x);--dds-button-padding-y:var(--dds-style-button-md-padding-y);--dds-button-gap:var(--dds-style-button-md-gap);--dds-button-icon-size:var(--dds-style-button-md-icon-size);--dds-button-font-weight:var(--dds-typography-static-label-sm-fontWeight);--dds-button-font-size:var(--dds-typography-static-label-sm-fontSize);--dds-button-line-height:var(--dds-typography-static-label-sm-lineHeight);--dds-button-inner-radius:calc(var(--dds-style-button-radius) - var(--dds-button-border-width));--dds-icon-size:var(--dds-button-icon-size);--dds-icon-image:var(--dds-button-ink);--dds-icon-paint:var(--dds-button-ink-color);border-color:#0000;justify-content:center;align-items:center;display:inline-flex;position:relative}dds-button:where([size=sm]){--dds-button-height:var(--dds-style-button-sm-height);--dds-button-padding-x:var(--dds-style-button-sm-padding-x);--dds-button-padding-y:var(--dds-style-button-sm-padding-y);--dds-button-gap:var(--dds-style-button-sm-gap);--dds-button-icon-size:var(--dds-style-button-sm-icon-size);--dds-button-font-weight:var(--dds-typography-static-label-xs-fontWeight);--dds-button-font-size:var(--dds-typography-static-label-xs-fontSize);--dds-button-line-height:var(--dds-typography-static-label-xs-lineHeight)}dds-button:where([size=xl]){--dds-button-height:var(--dds-style-button-xl-height);--dds-button-padding-x:var(--dds-style-button-xl-padding-x);--dds-button-padding-y:var(--dds-style-button-xl-padding-y);--dds-button-gap:var(--dds-style-button-xl-gap);--dds-button-icon-size:var(--dds-style-button-xl-icon-size)}dds-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=tonal]){--dds-button-bg:var(--dds-mode-button-primary-tonal-bg);--dds-button-content-0:var(--dds-mode-button-primary-tonal-content,var(--dds-mode-button-primary-tonal-content-0));--dds-button-content-1:var(--dds-mode-button-primary-tonal-content,var(--dds-mode-button-primary-tonal-content-1));--dds-button-content:var(--dds-button-content-0);--dds-button-ink:linear-gradient(90deg, var(--dds-button-content-0), var(--dds-button-content-1));--dds-button-ink-color:transparent;--dds-button-hover:var(--dds-mode-ui-states-tonal-hover)}dds-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=outline]){--dds-button-bg:var(--dds-mode-button-primary-outline-bg);--dds-button-content-0:var(--dds-mode-button-primary-outline-content,var(--dds-mode-button-primary-outline-content-0));--dds-button-content-1:var(--dds-mode-button-primary-outline-content,var(--dds-mode-button-primary-outline-content-1));--dds-button-content:var(--dds-button-content-0);--dds-button-ink:linear-gradient(90deg, var(--dds-button-content-0), var(--dds-button-content-1));--dds-button-ink-color:transparent;--dds-button-hover:var(--dds-mode-ui-states-primary-plain-hover)}dds-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=plain]){--dds-button-bg:var(--dds-mode-button-primary-plain-bg);--dds-button-content-0:var(--dds-mode-button-primary-plain-content,var(--dds-mode-button-primary-plain-content-0));--dds-button-content-1:var(--dds-mode-button-primary-plain-content,var(--dds-mode-button-primary-plain-content-1));--dds-button-content:var(--dds-button-content-0);--dds-button-ink:linear-gradient(90deg, var(--dds-button-content-0), var(--dds-button-content-1));--dds-button-ink-color:transparent;--dds-button-hover:var(--dds-mode-ui-states-primary-plain-hover)}dds-button:where([color=secondary]:not([emphasis=tonal]):not([emphasis=outline]):not([emphasis=plain])){--dds-button-bg:var(--dds-mode-button-secondary-solid-bg);--dds-button-content:var(--dds-mode-button-secondary-solid-content);--dds-button-hover:var(--dds-mode-ui-states-solid-hover)}dds-button:where([color=secondary][emphasis=tonal]){--dds-button-bg:var(--dds-mode-button-secondary-tonal-bg);--dds-button-content:var(--dds-mode-button-secondary-tonal-content);--dds-button-hover:var(--dds-mode-ui-states-tonal-hover)}dds-button:where([color=secondary][emphasis=outline]){--dds-button-bg:var(--dds-mode-button-secondary-outline-bg);--dds-button-content:var(--dds-mode-button-secondary-outline-content);--dds-button-hover:var(--dds-mode-ui-states-secondary-plain-hover)}dds-button:where([color=secondary][emphasis=plain]){--dds-button-bg:var(--dds-mode-button-secondary-plain-bg);--dds-button-content:var(--dds-mode-button-secondary-plain-content);--dds-button-hover:var(--dds-mode-ui-states-secondary-plain-hover)}dds-button:where([color=tertiary]:not([emphasis=tonal]):not([emphasis=outline]):not([emphasis=plain])){--dds-button-bg:var(--dds-mode-button-tertiary-solid-bg);--dds-button-content:var(--dds-mode-button-tertiary-solid-content);--dds-button-hover:var(--dds-mode-ui-states-solid-hover-on-dark)}dds-button:where([color=tertiary][emphasis=tonal]){--dds-button-bg:var(--dds-mode-button-tertiary-tonal-bg);--dds-button-content:var(--dds-mode-button-tertiary-tonal-content);--dds-button-hover:var(--dds-mode-ui-states-tonal-hover)}dds-button:where([color=tertiary][emphasis=outline]){--dds-button-bg:var(--dds-mode-button-tertiary-outline-bg);--dds-button-content:var(--dds-mode-button-tertiary-outline-content);--dds-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}dds-button:where([color=tertiary][emphasis=plain]){--dds-button-bg:var(--dds-mode-button-tertiary-plain-bg);--dds-button-content:var(--dds-mode-button-tertiary-plain-content);--dds-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}dds-button:where([color=gray]){--dds-button-bg:var(--dds-mode-button-gray-outline-bg);--dds-button-content:var(--dds-mode-button-gray-outline-content);--dds-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}dds-button:where([color=secondary][emphasis=outline]){--dds-button-border-width:var(--dds-style-button-border-width-default);border-color:var(--dds-mode-button-secondary-outline-border)}dds-button:where([color=tertiary][emphasis=outline]){--dds-button-border-width:var(--dds-style-button-border-width-default);border-color:var(--dds-mode-button-tertiary-outline-border)}dds-button:where([color=gray]){--dds-button-border-width:var(--dds-style-button-border-width-default);border-color:var(--dds-mode-button-gray-outline-border)}dds-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=outline]){--dds-button-border-width:var(--dds-style-button-border-width-default);border-color:var(--dds-mode-button-primary-outline-border,var(--dds-mode-button-primary-outline-border-0))}dds-button:where([full-width]:not([full-width=false])){width:100%}dds-button:where([disabled]:not([disabled=false])){opacity:var(--dds-style-ui-disabled-opacity)}dds-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):active){transform:scale(var(--dds-style-ui-pressed-anim-scale))}dds-button:before{content:"";z-index:0;pointer-events:none;border-radius:var(--dds-button-inner-radius);background-color:var(--dds-button-hover);opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}dds-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):hover):before{opacity:1}dds-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):active):before{opacity:1}dds-button>*{z-index:1;order:2;position:relative}dds-button>:where([slot=right]){order:1}dds-button>:where([slot=left]){order:3}dds-button>:where(:not([slot])){padding-inline:var(--dds-button-gap)}:where(dds-button)>span:where(:not([slot])){padding:2px var(--dds-button-gap) 0;font-weight:var(--dds-button-font-weight);font-size:var(--dds-button-font-size);line-height:var(--dds-button-line-height);color:var(--dds-button-ink-color);background-image:var(--dds-button-ink);-webkit-background-clip:text;background-clip:text}dds-button:where([disabled]:not([disabled=false])){cursor:not-allowed}dds-button:where([loading]:not([loading=false])){cursor:not-allowed}dds-button:where(:focus-visible){outline:var(--dds-style-button-border-focus-width) solid var(--dds-mode-button-border-focus);outline-offset:calc(var(--dds-style-button-radius-focus) - var(--dds-style-button-radius))}dds-button{--dds-button-spinner-color:var(--dds-mode-loading-white-content)}dds-button:where(:-webkit-any([emphasis=tonal],[emphasis=outline],[emphasis=plain])){--dds-button-spinner-color:var(--dds-mode-loading-primary-content)}dds-button:where(:is([emphasis=tonal],[emphasis=outline],[emphasis=plain])){--dds-button-spinner-color:var(--dds-mode-loading-primary-content)}dds-button:where([color=secondary]:-webkit-any([emphasis=tonal],[emphasis=outline],[emphasis=plain])){--dds-button-spinner-color:var(--dds-mode-loading-secondary-content)}dds-button:where([color=secondary]:is([emphasis=tonal],[emphasis=outline],[emphasis=plain])){--dds-button-spinner-color:var(--dds-mode-loading-secondary-content)}dds-button:where([color=tertiary]:-webkit-any([emphasis=tonal],[emphasis=outline],[emphasis=plain])){--dds-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-button:where([color=tertiary]:is([emphasis=tonal],[emphasis=outline],[emphasis=plain])){--dds-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-button:where([color=gray]){--dds-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-button:where([loading]:not([loading=false])):after{content:"";z-index:1;width:var(--dds-style-loading-spinner-4xs-size);height:var(--dds-style-loading-spinner-4xs-size);background:conic-gradient(var(--dds-button-spinner-color) calc(var(--dds-loading-spinner-portion,25) * 1%), var(--dds-mode-loading-bg) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));border-radius:50%;margin:auto;animation:1.5s linear infinite dds-loading-spinner-spin,3s linear infinite dds-loading-spinner-arc;position:absolute;top:0;bottom:0;left:0;right:0}dds-button:where([loading]:not([loading=false])){color:#0000;--dds-button-ink:none;--dds-button-ink-color:transparent}dds-button:where([loading]:not([loading=false]))>*{opacity:0}
dds-icon{vertical-align:middle;height:var(--dds-icon-size,1em);width:calc(var(--dds-icon-size,1em) * var(--dds-icon-aspect,1));background-color:var(--dds-icon-paint,currentColor);background-image:var(--dds-icon-image,none);-webkit-mask-image:var(--dds-icon-glyph,var(--dds-icon-blank));-webkit-mask-image:var(--dds-icon-glyph,var(--dds-icon-blank));mask-image:var(--dds-icon-glyph,var(--dds-icon-blank));--dds-icon-blank:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'/%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}dds-icon:where([size="6xs"]){--dds-icon-size:var(--dds-style-ui-dimension-6xs)}dds-icon:where([size="4xs"]){--dds-icon-size:var(--dds-style-ui-dimension-4xs)}dds-icon:where([size="3xs"]){--dds-icon-size:var(--dds-style-ui-dimension-3xs)}dds-icon:where([size="2xs"]){--dds-icon-size:var(--dds-style-ui-dimension-2xs)}dds-icon:where([size=xs]){--dds-icon-size:var(--dds-style-ui-dimension-xs)}dds-icon:where([size=sm]){--dds-icon-size:var(--dds-style-ui-dimension-sm)}dds-icon:where([size=md]){--dds-icon-size:var(--dds-style-ui-dimension-md)}dds-icon:where([size=lg]){--dds-icon-size:var(--dds-style-ui-dimension-lg)}dds-icon:where([size=xl]){--dds-icon-size:var(--dds-style-ui-dimension-xl)}dds-icon:where([size="2xl"]){--dds-icon-size:var(--dds-style-ui-dimension-2xl)}dds-icon:where([size="3xl"]){--dds-icon-size:var(--dds-style-ui-dimension-3xl)}dds-icon:where([size="4xl"]){--dds-icon-size:var(--dds-style-ui-dimension-4xl)}dds-icon:where([size="5xl"]){--dds-icon-size:var(--dds-style-ui-dimension-5xl)}dds-icon:where([size="6xl"]){--dds-icon-size:var(--dds-style-ui-dimension-6xl)}dds-icon:where([size="7xl"]){--dds-icon-size:var(--dds-style-ui-dimension-7xl)}dds-icon:where([color=border\/1]){color:var(--dds-mode-ui-border-1)}dds-icon:where([color=border\/2]){color:var(--dds-mode-ui-border-2)}dds-icon:where([color=border\/3]){color:var(--dds-mode-ui-border-3)}dds-icon:where([color=border\/w-alpha-30]){color:var(--dds-mode-ui-border-w-alpha-30)}dds-icon:where([color=brand\/on-primary]){color:var(--dds-mode-ui-brand-on-primary)}dds-icon:where([color=brand\/primary-alpha-12]){color:var(--dds-mode-ui-brand-primary-alpha-12)}dds-icon:where([color=brand\/primary-base]){color:var(--dds-mode-ui-brand-primary-base)}dds-icon:where([color=brand\/primary-shade-1]){color:var(--dds-mode-ui-brand-primary-shade-1)}dds-icon:where([color=brand\/primary-shade-2]){color:var(--dds-mode-ui-brand-primary-shade-2)}dds-icon:where([color=brand\/primary-tint]){color:var(--dds-mode-ui-brand-primary-tint)}dds-icon:where([color=brand\/primary-tint-2]){color:var(--dds-mode-ui-brand-primary-tint-2)}dds-icon:where([color=brand\/secondary-base]){color:var(--dds-mode-ui-brand-secondary-base)}dds-icon:where([color=brand\/secondary-shade]){color:var(--dds-mode-ui-brand-secondary-shade)}dds-icon:where([color=brand\/secondary-tint]){color:var(--dds-mode-ui-brand-secondary-tint)}dds-icon:where([color=brand\/secondary-tint-2]){color:var(--dds-mode-ui-brand-secondary-tint-2)}dds-icon:where([color=content\/1]){color:var(--dds-mode-ui-content-1)}dds-icon:where([color=content\/2]){color:var(--dds-mode-ui-content-2)}dds-icon:where([color=content\/3]){color:var(--dds-mode-ui-content-3)}dds-icon:where([color=content\/4]){color:var(--dds-mode-ui-content-4)}dds-icon:where([color=content\/5]){color:var(--dds-mode-ui-content-5)}dds-icon:where([color=content\/invert]){color:var(--dds-mode-ui-content-invert)}dds-icon:where([color=fixed\/black]){color:var(--dds-mode-ui-fixed-black)}dds-icon:where([color=fixed\/black-alpha-0]){color:var(--dds-mode-ui-fixed-black-alpha-0)}dds-icon:where([color=fixed\/black-alpha-12]){color:var(--dds-mode-ui-fixed-black-alpha-12)}dds-icon:where([color=fixed\/black-alpha-30]){color:var(--dds-mode-ui-fixed-black-alpha-30)}dds-icon:where([color=fixed\/black-alpha-50]){color:var(--dds-mode-ui-fixed-black-alpha-50)}dds-icon:where([color=fixed\/neutral-80]){color:var(--dds-mode-ui-fixed-neutral-80)}dds-icon:where([color=fixed\/white]){color:var(--dds-mode-ui-fixed-white)}dds-icon:where([color=fixed\/white-alpha-0]){color:var(--dds-mode-ui-fixed-white-alpha-0)}dds-icon:where([color=fixed\/white-alpha-30]){color:var(--dds-mode-ui-fixed-white-alpha-30)}dds-icon:where([color=fixed\/white-alpha-75]){color:var(--dds-mode-ui-fixed-white-alpha-75)}dds-icon:where([color="hint/error/bg"]){color:var(--dds-mode-ui-hint-error-bg)}dds-icon:where([color="hint/error/icon"]){color:var(--dds-mode-ui-hint-error-icon)}dds-icon:where([color="hint/error/text"]){color:var(--dds-mode-ui-hint-error-text)}dds-icon:where([color="hint/info/bg"]){color:var(--dds-mode-ui-hint-info-bg)}dds-icon:where([color="hint/info/icon"]){color:var(--dds-mode-ui-hint-info-icon)}dds-icon:where([color="hint/info/text"]){color:var(--dds-mode-ui-hint-info-text)}dds-icon:where([color="hint/success/bg"]){color:var(--dds-mode-ui-hint-success-bg)}dds-icon:where([color="hint/success/icon"]){color:var(--dds-mode-ui-hint-success-icon)}dds-icon:where([color="hint/success/text"]){color:var(--dds-mode-ui-hint-success-text)}dds-icon:where([color="hint/warning/bg"]){color:var(--dds-mode-ui-hint-warning-bg)}dds-icon:where([color="hint/warning/icon"]){color:var(--dds-mode-ui-hint-warning-icon)}dds-icon:where([color="hint/warning/text"]){color:var(--dds-mode-ui-hint-warning-text)}dds-icon:where([color=rating\/average]){color:var(--dds-mode-ui-rating-average)}dds-icon:where([color=rating\/excellent]){color:var(--dds-mode-ui-rating-excellent)}dds-icon:where([color=rating\/good]){color:var(--dds-mode-ui-rating-good)}dds-icon:where([color=rating\/poor]){color:var(--dds-mode-ui-rating-poor)}dds-icon:where([color=rating\/very-poor]){color:var(--dds-mode-ui-rating-very-poor)}dds-icon:where([color=semantic\/ad]){color:var(--dds-mode-ui-semantic-ad)}dds-icon:where([color=semantic\/boomi]){color:var(--dds-mode-ui-semantic-boomi)}dds-icon:where([color=semantic\/deliveryfast]){color:var(--dds-mode-ui-semantic-deliveryfast)}dds-icon:where([color=semantic\/digipay]){color:var(--dds-mode-ui-semantic-digipay)}dds-icon:where([color=semantic\/express]){color:var(--dds-mode-ui-semantic-express)}dds-icon:where([color=semantic\/fresh]){color:var(--dds-mode-ui-semantic-fresh)}dds-icon:where([color=semantic\/ganjdar]){color:var(--dds-mode-ui-semantic-ganjdar)}dds-icon:where([color=semantic\/ganje]){color:var(--dds-mode-ui-semantic-ganje)}dds-icon:where([color=semantic\/irancell]){color:var(--dds-mode-ui-semantic-irancell)}dds-icon:where([color=semantic\/mehr]){color:var(--dds-mode-ui-semantic-mehr)}dds-icon:where([color=semantic\/noninventory]){color:var(--dds-mode-ui-semantic-noninventory)}dds-icon:where([color=semantic\/plus]){color:var(--dds-mode-ui-semantic-plus)}dds-icon:where([color=semantic\/post]){color:var(--dds-mode-ui-semantic-post)}dds-icon:where([color=semantic\/seller]){color:var(--dds-mode-ui-semantic-seller)}dds-icon:where([color=semantic\/shipbyseller]){color:var(--dds-mode-ui-semantic-shipbyseller)}dds-icon:where([color=semantic\/shipping-seller]){color:var(--dds-mode-ui-semantic-shipping-seller)}dds-icon:where([color=semantic\/silver]){color:var(--dds-mode-ui-semantic-silver)}dds-icon:where([color=semantic\/village]){color:var(--dds-mode-ui-semantic-village)}:where([dir=rtl]) dds-icon:where([flip-rtl]:not([flip-rtl=false])){transform:scaleX(-1)}:where(dds-icon)>svg{height:100%;width:100%;display:block}
dds-icon-button{box-sizing:border-box;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-style:solid;border-width:var(--dds-icon-button-border-width);border-radius:var(--dds-style-icon-button-radius);background:var(--dds-icon-button-bg);color:var(--dds-icon-button-content);width:var(--dds-icon-button-size);height:var(--dds-icon-button-size);padding:var(--dds-icon-button-padding-y) var(--dds-icon-button-padding-x);transition:transform var(--dds-style-ui-pressed-anim-duration) var(--dds-style-ui-pressed-anim-function);--dds-icon-button-border-width:0px;--dds-icon-button-bg:linear-gradient(152deg, var(--dds-mode-icon-button-primary-solid-bg-0), var(--dds-mode-icon-button-primary-solid-bg-1));--dds-icon-button-content:var(--dds-mode-icon-button-primary-solid-content);--dds-icon-button-hover:var(--dds-mode-ui-states-solid-hover);--dds-icon-button-ink:none;--dds-icon-button-ink-color:var(--dds-icon-button-content);--dds-icon-button-spinner-color:var(--dds-mode-loading-white-content);--dds-icon-button-size:var(--dds-style-icon-button-md-size);--dds-icon-button-icon-size:var(--dds-style-icon-button-md-icon-size);--dds-icon-button-padding-x:var(--dds-style-icon-button-md-padding-x);--dds-icon-button-padding-y:var(--dds-style-icon-button-md-padding-y);--dds-icon-button-badge-x:var(--dds-style-top-badge-slot-3xs-x);--dds-icon-button-badge-y:var(--dds-style-top-badge-slot-3xs-y);--dds-icon-button-inner-radius:calc(var(--dds-style-icon-button-radius) - var(--dds-icon-button-border-width));--dds-icon-size:var(--dds-icon-button-icon-size);--dds-icon-image:var(--dds-icon-button-ink);--dds-icon-paint:var(--dds-icon-button-ink-color);border-color:#0000;justify-content:center;align-items:center;display:inline-flex;position:relative}dds-icon-button:where([size=xs]){--dds-icon-button-size:var(--dds-style-icon-button-xs-size);--dds-icon-button-icon-size:var(--dds-style-icon-button-xs-icon-size);--dds-icon-button-padding-x:var(--dds-style-icon-button-xs-padding-x);--dds-icon-button-padding-y:var(--dds-style-icon-button-xs-padding-y);--dds-icon-button-badge-x:var(--dds-style-top-badge-slot-4xs-x);--dds-icon-button-badge-y:var(--dds-style-top-badge-slot-4xs-y)}dds-icon-button:where([size=sm]){--dds-icon-button-size:var(--dds-style-icon-button-sm-size);--dds-icon-button-icon-size:var(--dds-style-icon-button-sm-icon-size);--dds-icon-button-padding-x:var(--dds-style-icon-button-sm-padding-x);--dds-icon-button-padding-y:var(--dds-style-icon-button-sm-padding-y);--dds-icon-button-badge-x:var(--dds-style-top-badge-slot-4xs-x);--dds-icon-button-badge-y:var(--dds-style-top-badge-slot-4xs-y)}dds-icon-button:where([size=lg]){--dds-icon-button-size:var(--dds-style-icon-button-lg-size);--dds-icon-button-icon-size:var(--dds-style-icon-button-lg-icon-size);--dds-icon-button-padding-x:var(--dds-style-icon-button-lg-padding-x);--dds-icon-button-padding-y:var(--dds-style-icon-button-lg-padding-y);--dds-icon-button-badge-x:var(--dds-style-top-badge-slot-2xs-x);--dds-icon-button-badge-y:var(--dds-style-top-badge-slot-2xs-y)}dds-icon-button:where([size=xl]){--dds-icon-button-size:var(--dds-style-icon-button-xl-size);--dds-icon-button-icon-size:var(--dds-style-icon-button-xl-icon-size);--dds-icon-button-padding-x:var(--dds-style-icon-button-xl-padding-x);--dds-icon-button-padding-y:var(--dds-style-icon-button-xl-padding-y);--dds-icon-button-badge-x:var(--dds-style-top-badge-slot-2xs-x);--dds-icon-button-badge-y:var(--dds-style-top-badge-slot-2xs-y)}dds-icon-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=tonal]){--dds-icon-button-bg:var(--dds-mode-icon-button-primary-tonal-bg);--dds-icon-button-content-0:var(--dds-mode-icon-button-primary-tonal-content,var(--dds-mode-icon-button-primary-tonal-content-0));--dds-icon-button-content-1:var(--dds-mode-icon-button-primary-tonal-content,var(--dds-mode-icon-button-primary-tonal-content-1));--dds-icon-button-content:var(--dds-icon-button-content-0);--dds-icon-button-ink:linear-gradient(152deg, var(--dds-icon-button-content-0), var(--dds-icon-button-content-1));--dds-icon-button-ink-color:transparent;--dds-icon-button-hover:var(--dds-mode-ui-states-tonal-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-primary-content)}dds-icon-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=outline]){--dds-icon-button-bg:var(--dds-mode-icon-button-primary-outline-bg);--dds-icon-button-content-0:var(--dds-mode-icon-button-primary-outline-content,var(--dds-mode-icon-button-primary-outline-content-0));--dds-icon-button-content-1:var(--dds-mode-icon-button-primary-outline-content,var(--dds-mode-icon-button-primary-outline-content-1));--dds-icon-button-content:var(--dds-icon-button-content-0);--dds-icon-button-ink:linear-gradient(152deg, var(--dds-icon-button-content-0), var(--dds-icon-button-content-1));--dds-icon-button-ink-color:transparent;--dds-icon-button-hover:var(--dds-mode-ui-states-primary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-primary-content)}dds-icon-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=plain]){--dds-icon-button-bg:var(--dds-mode-icon-button-primary-plain-bg);--dds-icon-button-content-0:var(--dds-mode-icon-button-primary-plain-content,var(--dds-mode-icon-button-primary-plain-content-0));--dds-icon-button-content-1:var(--dds-mode-icon-button-primary-plain-content,var(--dds-mode-icon-button-primary-plain-content-1));--dds-icon-button-content:var(--dds-icon-button-content-0);--dds-icon-button-ink:linear-gradient(152deg, var(--dds-icon-button-content-0), var(--dds-icon-button-content-1));--dds-icon-button-ink-color:transparent;--dds-icon-button-hover:var(--dds-mode-ui-states-primary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-primary-content)}dds-icon-button:where([color=secondary]:not([emphasis=tonal]):not([emphasis=outline]):not([emphasis=plain])){--dds-icon-button-bg:var(--dds-mode-icon-button-secondary-solid-bg);--dds-icon-button-content:var(--dds-mode-icon-button-secondary-solid-content);--dds-icon-button-hover:var(--dds-mode-ui-states-solid-hover)}dds-icon-button:where([color=secondary][emphasis=tonal]){--dds-icon-button-bg:var(--dds-mode-icon-button-secondary-tonal-bg);--dds-icon-button-content:var(--dds-mode-icon-button-secondary-tonal-content);--dds-icon-button-hover:var(--dds-mode-ui-states-tonal-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-secondary-content)}dds-icon-button:where([color=secondary][emphasis=outline]){--dds-icon-button-bg:var(--dds-mode-icon-button-secondary-outline-bg);--dds-icon-button-content:var(--dds-mode-icon-button-secondary-outline-content);--dds-icon-button-hover:var(--dds-mode-ui-states-secondary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-secondary-content)}dds-icon-button:where([color=secondary][emphasis=plain]){--dds-icon-button-bg:var(--dds-mode-icon-button-secondary-plain-bg);--dds-icon-button-content:var(--dds-mode-icon-button-secondary-plain-content);--dds-icon-button-hover:var(--dds-mode-ui-states-secondary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-secondary-content)}dds-icon-button:where([color=tertiary]:not([emphasis=tonal]):not([emphasis=outline]):not([emphasis=plain])){--dds-icon-button-bg:var(--dds-mode-icon-button-tertiary-solid-bg);--dds-icon-button-content:var(--dds-mode-icon-button-tertiary-solid-content);--dds-icon-button-hover:var(--dds-mode-ui-states-solid-hover-on-dark)}dds-icon-button:where([color=tertiary][emphasis=tonal]){--dds-icon-button-bg:var(--dds-mode-icon-button-tertiary-tonal-bg);--dds-icon-button-content:var(--dds-mode-icon-button-tertiary-tonal-content);--dds-icon-button-hover:var(--dds-mode-ui-states-tonal-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-icon-button:where([color=tertiary][emphasis=outline]){--dds-icon-button-bg:var(--dds-mode-icon-button-tertiary-outline-bg);--dds-icon-button-content:var(--dds-mode-icon-button-tertiary-outline-content);--dds-icon-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-icon-button:where([color=tertiary][emphasis=plain]){--dds-icon-button-bg:var(--dds-mode-icon-button-tertiary-plain-bg);--dds-icon-button-content:var(--dds-mode-icon-button-tertiary-plain-content);--dds-icon-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-icon-button:where([color=gray]){--dds-icon-button-bg:var(--dds-mode-icon-button-gray-outline-bg);--dds-icon-button-content:var(--dds-mode-icon-button-gray-outline-content);--dds-icon-button-ink:none;--dds-icon-button-ink-color:var(--dds-icon-button-content)}dds-icon-button:where([color=gray][emphasis=tonal]){--dds-icon-button-hover:var(--dds-mode-ui-states-tonal-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-icon-button:where([color=gray][emphasis=outline]){--dds-icon-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-icon-button:where([color=gray][emphasis=plain]){--dds-icon-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover);--dds-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-icon-button:where([color=secondary][emphasis=outline]){--dds-icon-button-border-width:var(--dds-style-icon-button-border-width-default);border-color:var(--dds-mode-icon-button-secondary-outline-border)}dds-icon-button:where([color=tertiary][emphasis=outline]){--dds-icon-button-border-width:var(--dds-style-icon-button-border-width-default);border-color:var(--dds-mode-icon-button-tertiary-outline-border)}dds-icon-button:where([color=gray][emphasis=outline]){--dds-icon-button-border-width:var(--dds-style-icon-button-border-width-default);border-color:var(--dds-mode-icon-button-gray-outline-border)}dds-icon-button:where(:not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=outline]){--dds-icon-button-border-width:var(--dds-style-icon-button-border-width-default);border-color:var(--dds-mode-icon-button-primary-outline-border,var(--dds-mode-icon-button-primary-outline-border-0))}dds-icon-button:where([disabled]:not([disabled=false])){opacity:var(--dds-style-ui-disabled-opacity)}dds-icon-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):active){transform:scale(var(--dds-style-ui-pressed-anim-scale))}dds-icon-button:before{content:"";z-index:0;pointer-events:none;border-radius:var(--dds-icon-button-inner-radius);background-color:var(--dds-icon-button-hover);opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}dds-icon-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):hover):before{opacity:1}dds-icon-button>*{z-index:1;position:relative}dds-icon-button:where([disabled]:not([disabled=false])){cursor:not-allowed}dds-icon-button:where([loading]:not([loading=false])){cursor:not-allowed}dds-icon-button:where(:focus-visible){outline:var(--dds-style-icon-button-border-focus-width) var(--dds-style-ui-border-focus-style) var(--dds-mode-icon-button-border-focus);outline-offset:var(--dds-style-ui-border-focus-offset)}dds-icon-button:where([size=xs]:not([loading]:not([loading=false]))):after{content:"";position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}:where(dds-icon-button[loading]:not([loading=false]))>dds-icon{opacity:0}dds-icon-button:where([loading]:not([loading=false])):after{content:"";z-index:1;width:var(--dds-style-loading-spinner-4xs-size);height:var(--dds-style-loading-spinner-4xs-size);background:conic-gradient(var(--dds-icon-button-spinner-color) calc(var(--dds-loading-spinner-portion,25) * 1%), var(--dds-mode-loading-bg) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));border-radius:50%;margin:auto;animation:1.5s linear infinite dds-loading-spinner-spin,3s linear infinite dds-loading-spinner-arc;position:absolute;top:0;bottom:0;left:0;right:0}dds-icon-button>:where([slot=badge]){pointer-events:none;bottom:calc(50% + var(--dds-icon-button-icon-size) / 2 - var(--dds-icon-button-badge-y) - var(--dds-style-top-badge-slot-wrapper-size));position:absolute}dds-icon-button>:where([slot=badge]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(50% - var(--dds-icon-button-icon-size) / 2 + var(--dds-icon-button-badge-x))}dds-icon-button>:where([slot=badge]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% - var(--dds-icon-button-icon-size) / 2 + var(--dds-icon-button-badge-x))}dds-icon-button>:where([slot=badge]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(50% - var(--dds-icon-button-icon-size) / 2 + var(--dds-icon-button-badge-x))}dds-icon-button:where([disabled]:not([disabled=false]))>:where([slot=badge]){opacity:var(--dds-style-ui-disabled-opacity)}
dds-numeric-stepper{box-sizing:border-box;width:-webkit-fit-content;width:fit-content;height:var(--dds-numeric-stepper-height);padding:var(--dds-numeric-stepper-padding-y) var(--dds-numeric-stepper-padding-x);justify-content:space-between;align-items:center;gap:var(--dds-numeric-stepper-gap);border:var(--dds-numeric-stepper-border-width) solid var(--dds-numeric-stepper-border);border-radius:var(--dds-style-numeric-stepper-radius);background:var(--dds-numeric-stepper-bg);box-shadow:var(--dds-numeric-stepper-shadow);color:var(--dds-numeric-stepper-primary-text);font-weight:var(--dds-numeric-stepper-font-weight);font-size:var(--dds-numeric-stepper-font-size);line-height:var(--dds-numeric-stepper-line-height);--dds-numeric-stepper-border-width:var(--dds-style-numeric-stepper-border-width);--dds-numeric-stepper-border:var(--dds-mode-numeric-stepper-flat-primary-outline-border);--dds-numeric-stepper-bg:var(--dds-mode-numeric-stepper-flat-primary-outline-bg);--dds-numeric-stepper-primary-text:var(--dds-mode-numeric-stepper-flat-primary-outline-primary-text);--dds-numeric-stepper-tertiary-text:var(--dds-mode-numeric-stepper-flat-primary-outline-tertiray-text);--dds-numeric-stepper-shadow:none;--dds-numeric-stepper-spinner-color:var(--dds-mode-loading-primary-content);--dds-numeric-stepper-button-bg:var(--dds-mode-icon-button-primary-plain-bg);--dds-numeric-stepper-button-content-0:var(--dds-mode-icon-button-primary-plain-content,var(--dds-mode-icon-button-primary-plain-content-0));--dds-numeric-stepper-button-content-1:var(--dds-mode-icon-button-primary-plain-content,var(--dds-mode-icon-button-primary-plain-content-1));--dds-numeric-stepper-button-ink:linear-gradient(152deg, var(--dds-numeric-stepper-button-content-0), var(--dds-numeric-stepper-button-content-1));--dds-numeric-stepper-button-ink-color:transparent;--dds-numeric-stepper-button-hover:var(--dds-mode-ui-states-primary-plain-hover);--dds-numeric-stepper-height:var(--dds-style-numeric-stepper-md-height);--dds-numeric-stepper-content-size:var(--dds-style-numeric-stepper-md-content-size);--dds-numeric-stepper-gap:var(--dds-style-numeric-stepper-md-deprecated-gap);--dds-numeric-stepper-padding-x:var(--dds-style-numeric-stepper-md-padding-x);--dds-numeric-stepper-padding-y:var(--dds-style-numeric-stepper-md-padding-y);--dds-numeric-stepper-button-size:var(--dds-style-icon-button-sm-size);--dds-numeric-stepper-button-icon-size:var(--dds-style-icon-button-sm-icon-size);--dds-numeric-stepper-button-padding-x:var(--dds-style-icon-button-sm-padding-x);--dds-numeric-stepper-button-padding-y:var(--dds-style-icon-button-sm-padding-y);--dds-numeric-stepper-font-weight:var(--dds-typography-static-label-md-fontWeight);--dds-numeric-stepper-font-size:var(--dds-typography-static-label-md-fontSize);--dds-numeric-stepper-line-height:var(--dds-typography-static-label-md-lineHeight);--dds-numeric-stepper-sublabel-font-weight:var(--dds-typography-static-body-2xs-fontWeight);--dds-numeric-stepper-sublabel-font-size:var(--dds-typography-static-body-2xs-fontSize);--dds-numeric-stepper-sublabel-line-height:var(--dds-typography-static-body-2xs-lineHeight);--dds-numeric-stepper-duration:calc(var(--dds-style-numeric-stepper-transition-duration) * 1000);--dds-numeric-stepper-easing:var(--dds-style-numeric-stepper-transition-easing);--dds-numeric-stepper-sublabel:none;--dds-numeric-stepper-lift:0px;display:flex;position:relative;overflow:hidden}dds-numeric-stepper:where([size=xl]){--dds-numeric-stepper-height:var(--dds-style-numeric-stepper-xl-height);--dds-numeric-stepper-content-size:var(--dds-style-numeric-stepper-xl-content-size);--dds-numeric-stepper-gap:var(--dds-style-numeric-stepper-xl-deprecated-gap);--dds-numeric-stepper-padding-x:var(--dds-style-numeric-stepper-xl-padding-x);--dds-numeric-stepper-padding-y:var(--dds-style-numeric-stepper-xl-padding-y);--dds-numeric-stepper-button-size:var(--dds-style-icon-button-md-size);--dds-numeric-stepper-button-icon-size:var(--dds-style-icon-button-md-icon-size);--dds-numeric-stepper-button-padding-x:var(--dds-style-icon-button-md-padding-x);--dds-numeric-stepper-button-padding-y:var(--dds-style-icon-button-md-padding-y)}dds-numeric-stepper:where([size=sm]){--dds-numeric-stepper-height:var(--dds-style-numeric-stepper-sm-height);--dds-numeric-stepper-content-size:var(--dds-style-numeric-stepper-sm-content-size);--dds-numeric-stepper-gap:var(--dds-style-numeric-stepper-sm-deprecated-gap);--dds-numeric-stepper-padding-x:var(--dds-style-numeric-stepper-sm-padding-x);--dds-numeric-stepper-padding-y:var(--dds-style-numeric-stepper-sm-padding-y)}dds-numeric-stepper:where([color=tertiary]){--dds-numeric-stepper-border-width:0px;--dds-numeric-stepper-bg:var(--dds-mode-numeric-stepper-flat-tertiary-tonal-bg);--dds-numeric-stepper-primary-text:var(--dds-mode-numeric-stepper-flat-tertiary-tonal-primary-text);--dds-numeric-stepper-tertiary-text:var(--dds-mode-numeric-stepper-flat-tertiary-tonal-tertiray-text);--dds-numeric-stepper-spinner-color:var(--dds-mode-loading-tertiary-content);--dds-numeric-stepper-button-bg:var(--dds-mode-icon-button-tertiary-plain-bg);--dds-numeric-stepper-button-content-0:var(--dds-mode-icon-button-tertiary-plain-content);--dds-numeric-stepper-button-ink:none;--dds-numeric-stepper-button-ink-color:var(--dds-numeric-stepper-button-content-0);--dds-numeric-stepper-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}dds-numeric-stepper:where([placement=elevated]){--dds-numeric-stepper-border-width:0px;--dds-numeric-stepper-bg:var(--dds-mode-numeric-stepper-elevated-tertiary-outline-bg);--dds-numeric-stepper-primary-text:var(--dds-mode-numeric-stepper-elevated-tertiary-outline-primary-text);--dds-numeric-stepper-tertiary-text:var(--dds-mode-numeric-stepper-elevated-tertiary-outline-tertiray-text);--dds-numeric-stepper-shadow:0px 1px 4px 0px var(--dds-mode-ui-shadow-2);--dds-numeric-stepper-spinner-color:var(--dds-mode-loading-tertiary-content);--dds-numeric-stepper-button-bg:var(--dds-mode-icon-button-tertiary-plain-bg);--dds-numeric-stepper-button-content-0:var(--dds-mode-icon-button-tertiary-plain-content);--dds-numeric-stepper-button-ink:none;--dds-numeric-stepper-button-ink-color:var(--dds-numeric-stepper-button-content-0);--dds-numeric-stepper-button-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}:where(dds-numeric-stepper)>dds-icon-button{--dds-icon-button-border-width:0px;--dds-icon-button-bg:var(--dds-numeric-stepper-button-bg);--dds-icon-button-content:var(--dds-numeric-stepper-button-content-0);--dds-icon-button-ink:var(--dds-numeric-stepper-button-ink);--dds-icon-button-ink-color:var(--dds-numeric-stepper-button-ink-color);--dds-icon-button-hover:var(--dds-numeric-stepper-button-hover);--dds-icon-button-size:var(--dds-numeric-stepper-button-size);--dds-icon-button-icon-size:var(--dds-numeric-stepper-button-icon-size);--dds-icon-button-padding-x:var(--dds-numeric-stepper-button-padding-x);--dds-icon-button-padding-y:var(--dds-numeric-stepper-button-padding-y);border-color:#0000;flex-shrink:0}:where(dds-numeric-stepper)>dds-icon-button:after{content:"";z-index:1;width:var(--dds-icon-button-icon-size);height:var(--dds-icon-button-icon-size);background-color:var(--dds-icon-button-ink-color);background-image:var(--dds-icon-button-ink);-webkit-mask-image:var(--dds-numeric-stepper-glyph);-webkit-mask-image:var(--dds-numeric-stepper-glyph);mask-image:var(--dds-numeric-stepper-glyph);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;position:relative;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}dds-numeric-stepper>:where([slot=increase]){--dds-numeric-stepper-glyph:var(--dds-icon-content-add)}dds-numeric-stepper>:where([slot=decrease]){--dds-numeric-stepper-glyph:var(--dds-icon-content-remove)}dds-numeric-stepper:where([at-min]:not([not-deletable]:not([not-deletable=false])))>:where([slot=decrease]){--dds-numeric-stepper-glyph:var(--dds-icon-action-delete)}dds-numeric-stepper>:where(:not([slot])){box-sizing:border-box;min-width:var(--dds-numeric-stepper-content-size);height:var(--dds-numeric-stepper-content-size);padding-bottom:var(--dds-numeric-stepper-lift);text-align:center;color:var(--dds-numeric-stepper-primary-text);font-weight:var(--dds-numeric-stepper-font-weight);font-size:var(--dds-numeric-stepper-font-size);line-height:var(--dds-numeric-stepper-line-height);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}dds-numeric-stepper>:where(:not([slot])):after{content:var(--dds-numeric-stepper-sublabel);z-index:15;white-space:nowrap;text-align:center;color:var(--dds-numeric-stepper-tertiary-text);font-weight:var(--dds-numeric-stepper-sublabel-font-weight);font-size:var(--dds-numeric-stepper-sublabel-font-size);line-height:var(--dds-numeric-stepper-sublabel-line-height);position:absolute;top:12px}dds-numeric-stepper:where([at-min]:not([at-min="1"])){--dds-numeric-stepper-sublabel:"حداقل";--dds-numeric-stepper-lift:12px}dds-numeric-stepper:where([at-max]){--dds-numeric-stepper-sublabel:"حداکثر";--dds-numeric-stepper-lift:12px}dds-numeric-stepper:where([disabled]:not([disabled=false])){pointer-events:none}dds-numeric-stepper:where([loading]:not([loading=false])){pointer-events:none}dds-numeric-stepper:where([disabled]:not([disabled=false]))>*{opacity:var(--dds-style-ui-disabled-opacity)}dds-numeric-stepper:where([loading]:not([loading=false])){color:#0000;--dds-numeric-stepper-sublabel:none;--dds-numeric-stepper-lift:0px}dds-numeric-stepper:where([loading]:not([loading=false]))>:where(:not([slot])){visibility:hidden}dds-numeric-stepper:where([loading]:not([loading=false])):after{content:"";z-index:1;width:var(--dds-style-loading-spinner-4xs-size);height:var(--dds-style-loading-spinner-4xs-size);background:conic-gradient(var(--dds-numeric-stepper-spinner-color) calc(var(--dds-loading-spinner-portion,25) * 1%), var(--dds-mode-loading-bg) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));border-radius:50%;margin:auto;animation:1.5s linear infinite dds-loading-spinner-spin,3s linear infinite dds-loading-spinner-arc;position:absolute;top:0;bottom:0;left:0;right:0}dds-numeric-stepper:where([collapsible]:not([collapsible=false])){width:calc(var(--dds-numeric-stepper-content-size) + var(--dds-numeric-stepper-button-size) * 2 + var(--dds-numeric-stepper-padding-x) * 2 + var(--dds-numeric-stepper-border-width) * 2);transition:width var(--dds-numeric-stepper-duration) var(--dds-numeric-stepper-easing)}dds-numeric-stepper:where([collapsible]:not([collapsible=false])[collapsed]:not([collapsed=false])){width:var(--dds-numeric-stepper-height);cursor:pointer;--dds-numeric-stepper-sublabel:none;--dds-numeric-stepper-lift:0px}:where(dds-numeric-stepper[collapsible]:not([collapsible=false]))>dds-icon-button{transition:inline-size var(--dds-numeric-stepper-duration) var(--dds-numeric-stepper-easing), padding-inline var(--dds-numeric-stepper-duration) var(--dds-numeric-stepper-easing), opacity var(--dds-numeric-stepper-duration) var(--dds-numeric-stepper-easing);overflow:hidden}:where(dds-numeric-stepper[collapsible]:not([collapsible=false])[collapsed]:not([collapsed=false]))>dds-icon-button{opacity:0;pointer-events:none;width:0;padding-left:0;padding-right:0}dds-numeric-stepper:where([collapsed]:not([collapsed=false]):focus-visible){outline:var(--dds-style-ui-border-focus-width) var(--dds-style-ui-border-focus-style) var(--dds-mode-ui-states-border-focus);outline-offset:var(--dds-style-ui-border-focus-offset)}
dds-action-bar{box-sizing:border-box;width:100%;min-height:var(--dds-action-bar-min-height);padding:var(--dds-action-bar-padding-y) var(--dds-action-bar-padding-x);justify-content:center;align-items:center;column-gap:var(--dds-action-bar-row-gap);background:var(--dds-action-bar-bg);box-shadow:var(--dds-action-bar-shadow);--dds-action-bar-bg:var(--dds-mode-action-bar-bg);--dds-action-bar-shadow:var(--dds-style-action-bar-flat-shadow);--dds-action-bar-min-height:var(--dds-style-action-bar-mobile-min-height);--dds-action-bar-gap-x:var(--dds-style-action-bar-mobile-gap-x);--dds-action-bar-padding-x:var(--dds-style-action-bar-mobile-padding-x);--dds-action-bar-padding-y:var(--dds-style-action-bar-mobile-padding-y);--dds-action-bar-slot-min-height:var(--dds-style-button-xl-height);--dds-action-bar-row-gap:0px;flex-wrap:wrap;display:flex;overflow:hidden}dds-action-bar:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-left-radius:var(--dds-style-action-bar-radius-top);border-top-right-radius:var(--dds-style-action-bar-radius-top)}dds-action-bar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--dds-style-action-bar-radius-top);border-top-left-radius:var(--dds-style-action-bar-radius-top)}dds-action-bar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--dds-style-action-bar-radius-top);border-top-left-radius:var(--dds-style-action-bar-radius-top)}dds-action-bar:where(:has(>[slot=action]+[slot=action])){--dds-action-bar-row-gap:var(--dds-action-bar-gap-x)}dds-action-bar:where(:has(>:not([slot])+:not([slot]))){--dds-action-bar-row-gap:var(--dds-action-bar-gap-x)}:where([data-dds-device=desktop]) dds-action-bar{--dds-action-bar-min-height:var(--dds-style-action-bar-desktop-min-height);--dds-action-bar-gap-x:var(--dds-style-action-bar-desktop-gap-x);--dds-action-bar-padding-x:var(--dds-style-action-bar-desktop-padding-x);--dds-action-bar-padding-y:var(--dds-style-action-bar-desktop-padding-y)}dds-action-bar:where([variant=elevated]){--dds-action-bar-shadow:var(--dds-style-action-bar-elevated-shadow)}dds-action-bar:where([size=md]){--dds-action-bar-slot-min-height:var(--dds-style-button-md-height)}dds-action-bar>:where([slot=top]){order:-1;flex:0 0 calc(100% + 2 * var(--dds-action-bar-padding-x));box-sizing:border-box;min-width:0;margin-block:calc(-1 * var(--dds-action-bar-padding-y)) var(--dds-action-bar-padding-y);margin-inline:calc(-1 * var(--dds-action-bar-padding-x))}dds-action-bar>:where([slot=action]){flex:1 1 calc(50% - var(--dds-action-bar-row-gap) / 2);box-sizing:border-box;min-width:0}:where(dds-action-bar:not(:has(>[slot=action]+[slot=action])))>dds-button:where([slot=action]){--dds-button-max-width:none}:where(dds-action-bar:not(:has(>[slot=action]+[slot=action])))>:where([slot=action])>dds-button{--dds-button-max-width:none}dds-action-bar>:where([slot=price]){flex:1 1 calc(50% - var(--dds-action-bar-row-gap) / 2);box-sizing:border-box;flex-direction:column;align-items:flex-end;min-width:0;display:flex}dds-action-bar>:where([slot=slider]){flex:1 1 calc(50% - var(--dds-action-bar-row-gap) / 2);box-sizing:border-box;flex-direction:column;align-items:flex-end;min-width:0;display:flex}dds-action-bar>:where([slot=slider]){align-items:flex-start}dds-action-bar>:where([slot=stepper]){flex:none}dds-action-bar>:where(:not([slot])){flex:1 1 calc(50% - var(--dds-action-bar-row-gap) / 2);box-sizing:border-box;min-width:0;min-height:var(--dds-action-bar-slot-min-height);justify-content:center;align-items:center;display:flex}dds-action-bar:where([direction=column])>:where([slot=action]){flex-basis:100%}dds-action-bar:where([direction=column])>:where([slot=action])+:where([slot=action]){-webkit-margin-before:var(--dds-action-bar-gap-x);margin-top:var(--dds-action-bar-gap-x)}:where(dds-action-bar)>dds-button:where([slot=action]:not([size])){--dds-button-height:var(--dds-style-button-xl-height);--dds-button-padding-x:var(--dds-style-button-xl-padding-x);--dds-button-padding-y:var(--dds-style-button-xl-padding-y);--dds-button-gap:var(--dds-style-button-xl-gap);--dds-button-icon-size:var(--dds-style-button-xl-icon-size)}:where(dds-action-bar)>:where([slot=action])>dds-button:where(:not([size])){--dds-button-height:var(--dds-style-button-xl-height);--dds-button-padding-x:var(--dds-style-button-xl-padding-x);--dds-button-padding-y:var(--dds-style-button-xl-padding-y);--dds-button-gap:var(--dds-style-button-xl-gap);--dds-button-icon-size:var(--dds-style-button-xl-icon-size)}:where(dds-action-bar[size=md])>dds-button:where([slot=action]:not([size])){--dds-button-height:var(--dds-style-button-md-height);--dds-button-padding-x:var(--dds-style-button-md-padding-x);--dds-button-padding-y:var(--dds-style-button-md-padding-y);--dds-button-gap:var(--dds-style-button-md-gap);--dds-button-icon-size:var(--dds-style-button-md-icon-size)}:where(dds-action-bar[size=md])>:where([slot=action])>dds-button:where(:not([size])){--dds-button-height:var(--dds-style-button-md-height);--dds-button-padding-x:var(--dds-style-button-md-padding-x);--dds-button-padding-y:var(--dds-style-button-md-padding-y);--dds-button-gap:var(--dds-style-button-md-gap);--dds-button-icon-size:var(--dds-style-button-md-icon-size)}:where(dds-action-bar)>dds-numeric-stepper:where([slot=stepper]:not([size])){--dds-numeric-stepper-height:var(--dds-style-numeric-stepper-xl-height);--dds-numeric-stepper-content-size:var(--dds-style-numeric-stepper-xl-content-size);--dds-numeric-stepper-gap:var(--dds-style-numeric-stepper-xl-deprecated-gap);--dds-numeric-stepper-padding-x:var(--dds-style-numeric-stepper-xl-padding-x);--dds-numeric-stepper-padding-y:var(--dds-style-numeric-stepper-xl-padding-y);--dds-numeric-stepper-button-size:var(--dds-style-icon-button-md-size);--dds-numeric-stepper-button-icon-size:var(--dds-style-icon-button-md-icon-size);--dds-numeric-stepper-button-padding-x:var(--dds-style-icon-button-md-padding-x);--dds-numeric-stepper-button-padding-y:var(--dds-style-icon-button-md-padding-y)}:where(dds-action-bar[size=md])>dds-numeric-stepper:where([slot=stepper]:not([size])){--dds-numeric-stepper-height:var(--dds-style-numeric-stepper-md-height);--dds-numeric-stepper-content-size:var(--dds-style-numeric-stepper-md-content-size);--dds-numeric-stepper-gap:var(--dds-style-numeric-stepper-md-deprecated-gap);--dds-numeric-stepper-padding-x:var(--dds-style-numeric-stepper-md-padding-x);--dds-numeric-stepper-padding-y:var(--dds-style-numeric-stepper-md-padding-y);--dds-numeric-stepper-button-size:var(--dds-style-icon-button-sm-size);--dds-numeric-stepper-button-icon-size:var(--dds-style-icon-button-sm-icon-size);--dds-numeric-stepper-button-padding-x:var(--dds-style-icon-button-sm-padding-x);--dds-numeric-stepper-button-padding-y:var(--dds-style-icon-button-sm-padding-y)}
dds-badge{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}dds-badge:where([variant]){background:var(--dds-badge-bg);border-style:solid;border-color:var(--dds-badge-border);border-width:var(--dds-badge-border-width);color:var(--dds-badge-content);font-weight:var(--dds-badge-font-weight,var(--dds-typography-static-label-2xs-fontWeight));font-size:var(--dds-badge-font-size,var(--dds-typography-static-label-2xs-fontSize));line-height:var(--dds-badge-line-height,var(--dds-typography-static-label-2xs-lineHeight));--dds-badge-bg:var(--dds-mode-badge-primary-bg);--dds-badge-border:var(--dds-mode-badge-primary-border);--dds-badge-content:var(--dds-mode-badge-primary-content);overflow:hidden}dds-badge:where([color=gray]){--dds-badge-bg:var(--dds-mode-badge-gray-bg);--dds-badge-border:var(--dds-mode-badge-gray-border);--dds-badge-content:var(--dds-mode-badge-gray-content)}dds-badge:where([color=tertiary]){--dds-badge-bg:var(--dds-mode-badge-tertiary-bg);--dds-badge-border:var(--dds-mode-badge-tertiary-border);--dds-badge-content:var(--dds-mode-badge-tertiary-content)}dds-badge:where([color=error]){--dds-badge-bg:var(--dds-mode-badge-error-bg);--dds-badge-border:var(--dds-mode-badge-error-border);--dds-badge-content:var(--dds-mode-badge-error-content)}dds-badge:where([variant=number]){box-sizing:border-box;height:var(--dds-badge-height);min-width:var(--dds-badge-height);gap:var(--dds-badge-gap-x);padding:var(--dds-badge-padding-y) var(--dds-badge-padding-x);border-radius:var(--dds-style-badge-number-radius);--dds-badge-border-width:var(--dds-style-badge-number-border-width);--dds-badge-height:var(--dds-style-badge-number-3xs-height);--dds-badge-gap-x:var(--dds-style-badge-number-3xs-gap-x);--dds-badge-padding-x:var(--dds-style-badge-number-3xs-padding-x);--dds-badge-padding-y:var(--dds-style-badge-number-3xs-padding-y);unicode-bidi:plaintext}dds-badge:where([variant=number][size="2xs"]){--dds-badge-height:var(--dds-style-badge-number-2xs-height);--dds-badge-gap-x:var(--dds-style-badge-number-2xs-gap-x);--dds-badge-padding-x:var(--dds-style-badge-number-2xs-padding-x);--dds-badge-padding-y:var(--dds-style-badge-number-2xs-padding-y);--dds-badge-font-weight:var(--dds-typography-static-label-sm-fontWeight);--dds-badge-font-size:var(--dds-typography-static-label-sm-fontSize);--dds-badge-line-height:var(--dds-typography-static-label-sm-lineHeight)}dds-badge:where([variant=number][size="4xs"]){--dds-badge-height:var(--dds-style-badge-number-4xs-height);--dds-badge-gap-x:var(--dds-style-badge-number-4xs-gap-x);--dds-badge-padding-x:var(--dds-style-badge-number-4xs-padding-x);--dds-badge-padding-y:var(--dds-style-badge-number-4xs-padding-y)}dds-badge:where([variant=number])>*{unicode-bidi:plaintext}dds-badge:where([variant=text]){box-sizing:border-box;height:var(--dds-badge-height);min-width:var(--dds-badge-height);gap:var(--dds-badge-gap-x);padding:var(--dds-badge-padding-y) var(--dds-badge-padding-x);border-radius:var(--dds-style-badge-text-radius);white-space:nowrap;--dds-badge-border-width:var(--dds-style-badge-text-border-width);--dds-badge-height:var(--dds-style-badge-text-3xs-height);--dds-badge-gap-x:var(--dds-style-badge-text-3xs-gap-x);--dds-badge-padding-x:var(--dds-style-badge-text-3xs-padding-x);--dds-badge-padding-y:var(--dds-style-badge-text-3xs-padding-y)}dds-badge:where([variant=text][size]:not([size="3xs"])){--dds-badge-height:var(--dds-style-badge-text-5xs-height);--dds-badge-gap-x:var(--dds-style-badge-text-5xs-gap-x);--dds-badge-padding-x:var(--dds-style-badge-text-5xs-padding-x);--dds-badge-padding-y:var(--dds-style-badge-text-5xs-padding-y)}dds-badge:where([variant=text][size="5xs"]){--dds-badge-font-weight:var(--dds-typography-static-body-2xs-fontWeight);--dds-badge-font-size:var(--dds-typography-static-body-2xs-fontSize);--dds-badge-line-height:var(--dds-typography-static-body-2xs-lineHeight)}dds-badge:where([variant=text])>*{text-overflow:ellipsis;min-width:0;overflow:hidden}dds-badge:where([variant=bullet]){box-sizing:border-box;width:var(--dds-badge-size);height:var(--dds-badge-size);border-radius:var(--dds-style-badge-bullet-radius);--dds-badge-size:var(--dds-style-badge-bullet-7xs-size);--dds-badge-border-width:var(--dds-style-badge-bullet-7xs-border-width);font-size:0;line-height:0}dds-badge:where([variant=bullet])>*{display:none}dds-badge:where([variant=bullet][size="9xs"]){--dds-badge-size:var(--dds-style-badge-bullet-9xs-size);--dds-badge-border-width:var(--dds-style-badge-bullet-9xs-border-width)}dds-badge:where([borderless]:not([borderless=false])){--dds-badge-border-width:0px}
dds-action-chip{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-style:solid;border-width:var(--dds-action-chip-border-width);border-color:var(--dds-action-chip-border-color);border-radius:var(--dds-style-action-chip-radius);background-image:linear-gradient(var(--dds-action-chip-bg) 0 0), var(--dds-action-chip-ring);color:var(--dds-action-chip-content);font-weight:var(--dds-action-chip-font-weight);font-size:var(--dds-action-chip-font-size);line-height:var(--dds-action-chip-line-height);height:calc(var(--dds-action-chip-height) + 2 * var(--dds-action-chip-border-width));padding:var(--dds-action-chip-padding-y) var(--dds-action-chip-padding-x);transition:transform var(--dds-style-ui-pressed-anim-duration) var(--dds-style-ui-pressed-anim-function);--dds-action-chip-border-width:0px;--dds-action-chip-border-color:transparent;--dds-action-chip-ring:none;--dds-action-chip-bg:var(--dds-mode-action-chip-flat-primary-tonal-bg);--dds-action-chip-content-0:var(--dds-mode-action-chip-flat-primary-tonal-content,var(--dds-mode-action-chip-flat-primary-tonal-content-0));--dds-action-chip-content-1:var(--dds-mode-action-chip-flat-primary-tonal-content,var(--dds-mode-action-chip-flat-primary-tonal-content-1));--dds-action-chip-content:var(--dds-action-chip-content-0);--dds-action-chip-ink:linear-gradient(90deg, var(--dds-action-chip-content-0), var(--dds-action-chip-content-1));--dds-action-chip-icon-ink:linear-gradient(135deg, var(--dds-action-chip-content-0), var(--dds-action-chip-content-1));--dds-action-chip-ink-color:transparent;--dds-action-chip-hover:var(--dds-mode-ui-states-tonal-hover);--dds-action-chip-height:var(--dds-style-action-chip-sm-height);--dds-action-chip-padding-x:var(--dds-style-action-chip-sm-padding-x);--dds-action-chip-padding-y:var(--dds-style-action-chip-sm-padding-y);--dds-action-chip-gap:var(--dds-style-action-chip-sm-gap);--dds-action-chip-icon-size:var(--dds-style-action-chip-sm-icon-size);--dds-action-chip-font-weight:var(--dds-typography-static-label-xs-fontWeight);--dds-action-chip-font-size:var(--dds-typography-static-label-xs-fontSize);--dds-action-chip-line-height:var(--dds-typography-static-label-xs-lineHeight);--dds-action-chip-inner-radius:calc(var(--dds-style-action-chip-radius) - var(--dds-action-chip-border-width));background-clip:padding-box,border-box;align-items:center;display:inline-flex;position:relative}dds-action-chip:where([size="2xs"]){--dds-action-chip-height:var(--dds-style-action-chip-2xs-height);--dds-action-chip-padding-x:var(--dds-style-action-chip-2xs-padding-x);--dds-action-chip-padding-y:var(--dds-style-action-chip-2xs-padding-y);--dds-action-chip-gap:var(--dds-style-action-chip-2xs-gap);--dds-action-chip-icon-size:var(--dds-style-action-chip-2xs-icon-size);--dds-action-chip-font-weight:var(--dds-typography-static-label-2xs-fontWeight);--dds-action-chip-font-size:var(--dds-typography-static-label-2xs-fontSize);--dds-action-chip-line-height:var(--dds-typography-static-label-2xs-lineHeight)}dds-action-chip:where([size=md]){--dds-action-chip-height:var(--dds-style-action-chip-md-height);--dds-action-chip-padding-x:var(--dds-style-action-chip-md-padding-x);--dds-action-chip-padding-y:var(--dds-style-action-chip-md-padding-y);--dds-action-chip-gap:var(--dds-style-action-chip-md-gap);--dds-action-chip-icon-size:var(--dds-style-action-chip-md-icon-size);--dds-action-chip-font-weight:var(--dds-typography-static-label-sm-fontWeight);--dds-action-chip-font-size:var(--dds-typography-static-label-sm-fontSize);--dds-action-chip-line-height:var(--dds-typography-static-label-sm-lineHeight)}dds-action-chip:where(:not([placement=elevated]):not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=outline]){--dds-action-chip-border-width:var(--dds-style-action-chip-border-width-default);--dds-action-chip-border-0:var(--dds-mode-action-chip-flat-primary-outline-border,var(--dds-mode-action-chip-flat-primary-outline-border-0));--dds-action-chip-border-1:var(--dds-mode-action-chip-flat-primary-outline-border,var(--dds-mode-action-chip-flat-primary-outline-border-1));--dds-action-chip-ring:linear-gradient(152deg, var(--dds-action-chip-border-0), var(--dds-action-chip-border-1));--dds-action-chip-bg:var(--dds-mode-action-chip-flat-primary-outline-bg);--dds-action-chip-content-0:var(--dds-mode-action-chip-flat-primary-outline-content,var(--dds-mode-action-chip-flat-primary-outline-content-0));--dds-action-chip-content-1:var(--dds-mode-action-chip-flat-primary-outline-content,var(--dds-mode-action-chip-flat-primary-outline-content-1));--dds-action-chip-hover:var(--dds-mode-ui-states-primary-plain-hover)}dds-action-chip:where(:not([placement=elevated])[color=secondary]:not([emphasis=outline])){--dds-action-chip-bg:var(--dds-mode-action-chip-flat-secondary-tonal-bg);--dds-action-chip-content:var(--dds-mode-action-chip-flat-secondary-tonal-content);--dds-action-chip-ink:none;--dds-action-chip-icon-ink:none;--dds-action-chip-ink-color:var(--dds-action-chip-content);--dds-action-chip-hover:var(--dds-mode-ui-states-tonal-hover)}dds-action-chip:where(:not([placement=elevated])[color=secondary][emphasis=outline]){--dds-action-chip-border-width:var(--dds-style-action-chip-border-width-default);--dds-action-chip-border-color:var(--dds-mode-action-chip-flat-secondary-outline-border);--dds-action-chip-bg:var(--dds-mode-action-chip-flat-secondary-outline-bg);--dds-action-chip-content:var(--dds-mode-action-chip-flat-secondary-outline-content);--dds-action-chip-ink:none;--dds-action-chip-icon-ink:none;--dds-action-chip-ink-color:var(--dds-action-chip-content);--dds-action-chip-hover:var(--dds-mode-ui-states-secondary-plain-hover)}dds-action-chip:where(:not([placement=elevated])[color=tertiary]:not([emphasis=outline])){--dds-action-chip-bg:var(--dds-mode-action-chip-flat-tertiary-tonal-bg);--dds-action-chip-content:var(--dds-mode-action-chip-flat-tertiary-tonal-content);--dds-action-chip-ink:none;--dds-action-chip-icon-ink:none;--dds-action-chip-ink-color:var(--dds-action-chip-content);--dds-action-chip-hover:var(--dds-mode-ui-states-tonal-hover)}dds-action-chip:where(:not([placement=elevated])[color=tertiary][emphasis=outline]){--dds-action-chip-border-width:var(--dds-style-action-chip-border-width-default);--dds-action-chip-border-color:var(--dds-mode-action-chip-flat-tertiary-outline-border);--dds-action-chip-bg:var(--dds-mode-action-chip-flat-tertiary-outline-bg);--dds-action-chip-content:var(--dds-mode-action-chip-flat-tertiary-outline-content);--dds-action-chip-ink:none;--dds-action-chip-icon-ink:none;--dds-action-chip-ink-color:var(--dds-action-chip-content);--dds-action-chip-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}dds-action-chip:where(:not([placement=elevated])[color=gray]){--dds-action-chip-border-width:var(--dds-style-action-chip-border-width-default);--dds-action-chip-border-color:var(--dds-mode-action-chip-flat-gray-outline-border);--dds-action-chip-bg:var(--dds-mode-action-chip-flat-gray-outline-bg);--dds-action-chip-content:var(--dds-mode-action-chip-flat-gray-outline-content);--dds-action-chip-ink:none;--dds-action-chip-icon-ink:none;--dds-action-chip-ink-color:var(--dds-action-chip-content);--dds-action-chip-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}dds-action-chip:where([placement=elevated]){box-shadow:var(--dds-effects-shadow-subtle);--dds-action-chip-border-width:0px;--dds-action-chip-border-color:transparent;--dds-action-chip-ring:none;--dds-action-chip-bg:var(--dds-mode-action-chip-elevated-tertiary-outline-bg);--dds-action-chip-content:var(--dds-mode-action-chip-elevated-tertiary-outline-content);--dds-action-chip-ink:none;--dds-action-chip-icon-ink:none;--dds-action-chip-ink-color:var(--dds-action-chip-content);--dds-action-chip-hover:var(--dds-mode-ui-states-tertiary-plain-hover)}dds-action-chip:where([disabled]:not([disabled=false])){opacity:var(--dds-style-ui-disabled-opacity)}dds-action-chip:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):active){transform:scale(var(--dds-style-ui-pressed-anim-scale))}dds-action-chip:before{content:"";z-index:0;pointer-events:none;border-radius:var(--dds-action-chip-inner-radius);background-color:var(--dds-action-chip-hover);opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}dds-action-chip:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):hover):before{opacity:1}dds-action-chip>*{z-index:1;order:2;position:relative}dds-action-chip>:where([slot=right]){order:1}dds-action-chip>:where([slot=middle]){-webkit-padding-end:var(--dds-action-chip-gap);order:3}dds-action-chip>:where([slot=middle]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:var(--dds-action-chip-gap)}dds-action-chip>:where([slot=middle]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--dds-action-chip-gap)}dds-action-chip>:where([slot=middle]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--dds-action-chip-gap)}dds-action-chip>:where([slot=left]){order:4}dds-action-chip>:where([slot=right]){--dds-icon-size:var(--dds-action-chip-icon-size);--dds-icon-image:var(--dds-action-chip-icon-ink);--dds-icon-paint:var(--dds-action-chip-ink-color)}dds-action-chip>:where([slot=left]){--dds-icon-size:var(--dds-action-chip-icon-size);--dds-icon-image:var(--dds-action-chip-icon-ink);--dds-icon-paint:var(--dds-action-chip-ink-color)}dds-action-chip>:where(:not([slot])){padding-inline:var(--dds-action-chip-gap)}:where(dds-action-chip)>span:where(:not([slot])){white-space:nowrap;color:var(--dds-action-chip-ink-color);background-image:var(--dds-action-chip-ink);-webkit-background-clip:text;background-clip:text}dds-action-chip>:where([slot=outside-badge]){z-index:1;pointer-events:none;top:calc(var(--dds-style-outside-badge-slot-md-y) + var(--dds-style-outside-badge-slot-wrapper-size) / 2 - var(--dds-action-chip-border-width));position:absolute;transform:translateY(-50%)}dds-action-chip>:where([slot=outside-badge]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--dds-style-outside-badge-slot-md-x) - var(--dds-action-chip-border-width))}dds-action-chip>:where([slot=outside-badge]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--dds-style-outside-badge-slot-md-x) - var(--dds-action-chip-border-width))}dds-action-chip>:where([slot=outside-badge]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--dds-style-outside-badge-slot-md-x) - var(--dds-action-chip-border-width))}:where(dds-action-chip)>dds-badge:where([variant=bullet][slot=outside-badge]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--dds-style-outside-badge-slot-md-x) - var(--dds-action-chip-border-width) + max(0px, var(--dds-style-outside-badge-slot-wrapper-size) - var(--dds-badge-size,var(--dds-style-badge-bullet-7xs-size))))}:where(dds-action-chip)>dds-badge:where([variant=bullet][slot=outside-badge]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--dds-style-outside-badge-slot-md-x) - var(--dds-action-chip-border-width) + max(0px, var(--dds-style-outside-badge-slot-wrapper-size) - var(--dds-badge-size,var(--dds-style-badge-bullet-7xs-size))))}:where(dds-action-chip)>dds-badge:where([variant=bullet][slot=outside-badge]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--dds-style-outside-badge-slot-md-x) - var(--dds-action-chip-border-width) + max(0px, var(--dds-style-outside-badge-slot-wrapper-size) - var(--dds-badge-size,var(--dds-style-badge-bullet-7xs-size))))}dds-action-chip:where([disabled]:not([disabled=false])){cursor:not-allowed}dds-action-chip:where([loading]:not([loading=false])){cursor:not-allowed}dds-action-chip:where(:focus-visible){outline:var(--dds-style-ui-border-focus-width) var(--dds-style-ui-border-focus-style) var(--dds-mode-action-chip-border-focus);outline-offset:var(--dds-style-ui-border-focus-offset)}dds-action-chip{--dds-action-chip-spinner-color:var(--dds-mode-loading-primary-content)}dds-action-chip:where([color=secondary]){--dds-action-chip-spinner-color:var(--dds-mode-loading-secondary-content)}dds-action-chip:where([color=tertiary]){--dds-action-chip-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-action-chip:where([color=gray]){--dds-action-chip-spinner-color:var(--dds-mode-loading-gray-content)}dds-action-chip:where([placement=elevated]){--dds-action-chip-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-action-chip:where([loading]:not([loading=false])):after{content:"";z-index:2;pointer-events:none;width:var(--dds-style-loading-spinner-4xs-size);height:var(--dds-style-loading-spinner-4xs-size);background:conic-gradient(var(--dds-action-chip-spinner-color) calc(var(--dds-loading-spinner-portion,25) * 1%), var(--dds-mode-loading-bg) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));border-radius:50%;margin:auto;animation:1.5s linear infinite dds-loading-spinner-spin,3s linear infinite dds-loading-spinner-arc;position:absolute;top:0;bottom:0;left:0;right:0}dds-action-chip:where([loading]:not([loading=false])){--dds-action-chip-bg:transparent;color:#0000;--dds-action-chip-ink:none;--dds-action-chip-ink-color:transparent}dds-action-chip:where([loading]:not([loading=false]))>*{opacity:0}dds-action-chip:where([loading]:not([loading=false]))>:where([slot=outside-badge]){opacity:1}dds-action-chip:where([loading]:not([loading=false]):not([disabled]:not([disabled=false])))>:where([slot=outside-badge]){opacity:var(--dds-style-ui-disabled-opacity)}dds-action-chip:where([loading]:not([loading=false]):not([placement=elevated]):not([color=secondary]):not([color=tertiary]):not([color=gray])[emphasis=outline]){--dds-action-chip-ring:none;--dds-action-chip-border-color:var(--dds-action-chip-border-0)}
dds-label{box-sizing:border-box;height:var(--dds-label-height);padding-block:var(--dds-label-padding-y) calc(var(--dds-label-padding-y) + var(--dds-label-text-shift));padding-inline:calc(var(--dds-label-padding-x) + var(--dds-label-gap));border-radius:var(--dds-style-label-radius);background:var(--dds-label-bg);color:var(--dds-label-content);font-weight:var(--dds-label-font-weight,var(--dds-typography-static-body-xs-fontWeight));font-size:var(--dds-label-font-size,var(--dds-typography-static-body-xs-fontSize));line-height:var(--dds-label-line-height,var(--dds-typography-static-body-xs-lineHeight));--dds-label-height:var(--dds-style-label-2xs-height);--dds-label-padding-x:var(--dds-style-label-2xs-padding-x);--dds-label-padding-y:var(--dds-style-label-2xs-padding-y);--dds-label-gap:var(--dds-style-label-2xs-gap);--dds-label-text-shift:var(--dds-style-label-2xs-deprecated-inside-padding-bottom);--dds-label-icon-size:var(--dds-style-label-2xs-icon-size);--dds-label-bg:linear-gradient(152deg, var(--dds-mode-label-flat-primary-solid-bg,var(--dds-mode-label-flat-primary-solid-bg-0)), var(--dds-mode-label-flat-primary-solid-bg,var(--dds-mode-label-flat-primary-solid-bg-1)));--dds-label-content:var(--dds-mode-label-flat-primary-solid-text);--dds-label-icon:var(--dds-mode-label-flat-primary-solid-icon);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}dds-label:where([size="3xs"]){--dds-label-height:var(--dds-style-label-3xs-height);--dds-label-padding-x:var(--dds-style-label-3xs-padding-x);--dds-label-padding-y:var(--dds-style-label-3xs-padding-y);--dds-label-gap:var(--dds-style-label-3xs-gap);--dds-label-text-shift:var(--dds-style-label-3xs-deprecated-inside-padding-bottom);--dds-label-icon-size:var(--dds-style-label-3xs-icon-size);--dds-label-font-weight:var(--dds-typography-static-body-2xs-fontWeight);--dds-label-font-size:var(--dds-typography-static-body-2xs-fontSize);--dds-label-line-height:var(--dds-typography-static-body-2xs-lineHeight)}dds-label:where([color=secondary]){--dds-label-bg:var(--dds-mode-label-flat-secondary-solid-bg);--dds-label-content:var(--dds-mode-label-flat-secondary-solid-text);--dds-label-icon:var(--dds-mode-label-flat-secondary-solid-icon)}dds-label:where([color=secondary][emphasis=tonal]){--dds-label-bg:var(--dds-mode-label-flat-secondary-tonal-bg);--dds-label-content:var(--dds-mode-label-flat-secondary-tonal-text);--dds-label-icon:var(--dds-mode-label-flat-secondary-tonal-icon)}dds-label:where([color=secondary][emphasis=plain]){--dds-label-bg:var(--dds-mode-label-flat-secondary-plain-bg);--dds-label-content:var(--dds-mode-label-flat-secondary-plain-text);--dds-label-icon:var(--dds-mode-label-flat-secondary-plain-icon)}dds-label:where([color=tertiary]){--dds-label-bg:var(--dds-mode-label-flat-tertiary-solid-bg);--dds-label-content:var(--dds-mode-label-flat-tertiary-solid-text);--dds-label-icon:var(--dds-mode-label-flat-tertiary-solid-icon)}dds-label:where([color=tertiary][emphasis=tonal]){--dds-label-bg:var(--dds-mode-label-flat-tertiary-tonal-bg);--dds-label-content:var(--dds-mode-label-flat-tertiary-tonal-text);--dds-label-icon:var(--dds-mode-label-flat-tertiary-tonal-icon)}dds-label:where([color=tertiary][emphasis=plain]){--dds-label-bg:var(--dds-mode-label-flat-tertiary-plain-bg);--dds-label-content:var(--dds-mode-label-flat-tertiary-plain-text);--dds-label-icon:var(--dds-mode-label-flat-tertiary-plain-icon)}dds-label:where([color=error]){--dds-label-bg:var(--dds-mode-label-flat-error-solid-bg);--dds-label-content:var(--dds-mode-label-flat-error-solid-text);--dds-label-icon:var(--dds-mode-label-flat-error-solid-icon)}dds-label:where([color=error][emphasis=tonal]){--dds-label-bg:var(--dds-mode-label-flat-error-tonal-bg);--dds-label-content:var(--dds-mode-label-flat-error-tonal-text);--dds-label-icon:var(--dds-mode-label-flat-error-tonal-icon)}dds-label:where([color=error][emphasis=plain]){--dds-label-bg:var(--dds-mode-label-flat-error-plain-bg);--dds-label-content:var(--dds-mode-label-flat-error-plain-text);--dds-label-icon:var(--dds-mode-label-flat-error-plain-icon)}dds-label:where([color=warning]){--dds-label-bg:var(--dds-mode-label-flat-warning-solid-bg);--dds-label-content:var(--dds-mode-label-flat-warning-solid-text);--dds-label-icon:var(--dds-mode-label-flat-warning-solid-icon)}dds-label:where([color=warning][emphasis=tonal]){--dds-label-bg:var(--dds-mode-label-flat-warning-tonal-bg);--dds-label-content:var(--dds-mode-label-flat-warning-tonal-text);--dds-label-icon:var(--dds-mode-label-flat-warning-tonal-icon)}dds-label:where([color=warning][emphasis=plain]){--dds-label-bg:var(--dds-mode-label-flat-warning-plain-bg);--dds-label-content:var(--dds-mode-label-flat-warning-plain-text);--dds-label-icon:var(--dds-mode-label-flat-warning-plain-icon)}dds-label:where([color=success]){--dds-label-bg:var(--dds-mode-label-flat-success-solid-bg);--dds-label-content:var(--dds-mode-label-flat-success-solid-text);--dds-label-icon:var(--dds-mode-label-flat-success-solid-icon)}dds-label:where([color=success][emphasis=tonal]){--dds-label-bg:var(--dds-mode-label-flat-success-tonal-bg);--dds-label-content:var(--dds-mode-label-flat-success-tonal-text);--dds-label-icon:var(--dds-mode-label-flat-success-tonal-icon)}dds-label:where([color=success][emphasis=plain]){--dds-label-bg:var(--dds-mode-label-flat-success-plain-bg);--dds-label-content:var(--dds-mode-label-flat-success-plain-text);--dds-label-icon:var(--dds-mode-label-flat-success-plain-icon)}dds-label:where([color=info]){--dds-label-bg:var(--dds-mode-label-flat-info-solid-bg);--dds-label-content:var(--dds-mode-label-flat-info-solid-text);--dds-label-icon:var(--dds-mode-label-flat-info-solid-icon)}dds-label:where([color=info][emphasis=tonal]){--dds-label-bg:var(--dds-mode-label-flat-info-tonal-bg);--dds-label-content:var(--dds-mode-label-flat-info-tonal-text);--dds-label-icon:var(--dds-mode-label-flat-info-tonal-icon)}dds-label:where([color=info][emphasis=plain]){--dds-label-bg:var(--dds-mode-label-flat-info-plain-bg);--dds-label-content:var(--dds-mode-label-flat-info-plain-text);--dds-label-icon:var(--dds-mode-label-flat-info-plain-icon)}dds-label:where([color=primary][emphasis=tonal]){--dds-label-bg:var(--dds-mode-label-flat-primary-tonal-bg);--dds-label-content:transparent;--dds-label-text-paint:linear-gradient(90deg, var(--dds-mode-label-flat-primary-tonal-text,var(--dds-mode-label-flat-primary-tonal-text-0)), var(--dds-mode-label-flat-primary-tonal-text,var(--dds-mode-label-flat-primary-tonal-text-1)));--dds-label-icon:var(--dds-mode-label-flat-primary-tonal-icon,var(--dds-mode-label-flat-primary-tonal-icon-0));--dds-label-icon-image:linear-gradient(135deg, var(--dds-mode-label-flat-primary-tonal-icon,var(--dds-mode-label-flat-primary-tonal-icon-0)), var(--dds-mode-label-flat-primary-tonal-icon,var(--dds-mode-label-flat-primary-tonal-icon-1)))}dds-label:where([emphasis=tonal]:not([color])){--dds-label-bg:var(--dds-mode-label-flat-primary-tonal-bg);--dds-label-content:transparent;--dds-label-text-paint:linear-gradient(90deg, var(--dds-mode-label-flat-primary-tonal-text,var(--dds-mode-label-flat-primary-tonal-text-0)), var(--dds-mode-label-flat-primary-tonal-text,var(--dds-mode-label-flat-primary-tonal-text-1)));--dds-label-icon:var(--dds-mode-label-flat-primary-tonal-icon,var(--dds-mode-label-flat-primary-tonal-icon-0));--dds-label-icon-image:linear-gradient(135deg, var(--dds-mode-label-flat-primary-tonal-icon,var(--dds-mode-label-flat-primary-tonal-icon-0)), var(--dds-mode-label-flat-primary-tonal-icon,var(--dds-mode-label-flat-primary-tonal-icon-1)))}dds-label:where([color=primary][emphasis=plain]){--dds-label-bg:var(--dds-mode-label-flat-primary-plain-bg);--dds-label-content:transparent;--dds-label-text-paint:linear-gradient(90deg, var(--dds-mode-label-flat-primary-plain-text,var(--dds-mode-label-flat-primary-plain-text-0)), var(--dds-mode-label-flat-primary-plain-text,var(--dds-mode-label-flat-primary-plain-text-1)));--dds-label-icon:var(--dds-mode-label-flat-primary-plain-icon,var(--dds-mode-label-flat-primary-plain-icon-0));--dds-label-icon-image:linear-gradient(135deg, var(--dds-mode-label-flat-primary-plain-icon,var(--dds-mode-label-flat-primary-plain-icon-0)), var(--dds-mode-label-flat-primary-plain-icon,var(--dds-mode-label-flat-primary-plain-icon-1)))}dds-label:where([emphasis=plain]:not([color])){--dds-label-bg:var(--dds-mode-label-flat-primary-plain-bg);--dds-label-content:transparent;--dds-label-text-paint:linear-gradient(90deg, var(--dds-mode-label-flat-primary-plain-text,var(--dds-mode-label-flat-primary-plain-text-0)), var(--dds-mode-label-flat-primary-plain-text,var(--dds-mode-label-flat-primary-plain-text-1)));--dds-label-icon:var(--dds-mode-label-flat-primary-plain-icon,var(--dds-mode-label-flat-primary-plain-icon-0));--dds-label-icon-image:linear-gradient(135deg, var(--dds-mode-label-flat-primary-plain-icon,var(--dds-mode-label-flat-primary-plain-icon-0)), var(--dds-mode-label-flat-primary-plain-icon,var(--dds-mode-label-flat-primary-plain-icon-1)))}dds-label:where([color=primary][emphasis=tonal]){background-image:var(--dds-label-text-paint), linear-gradient(var(--dds-label-bg), var(--dds-label-bg));-webkit-background-clip:text,border-box;background-clip:text,border-box}dds-label:where([emphasis=tonal]:not([color])){background-image:var(--dds-label-text-paint), linear-gradient(var(--dds-label-bg), var(--dds-label-bg));-webkit-background-clip:text,border-box;background-clip:text,border-box}dds-label:where([color=primary][emphasis=plain]){background-image:var(--dds-label-text-paint), linear-gradient(var(--dds-label-bg), var(--dds-label-bg));-webkit-background-clip:text,border-box;background-clip:text,border-box}dds-label:where([emphasis=plain]:not([color])){background-image:var(--dds-label-text-paint), linear-gradient(var(--dds-label-bg), var(--dds-label-bg));-webkit-background-clip:text,border-box;background-clip:text,border-box}dds-label:where([color=excellent]){--dds-label-bg:var(--dds-mode-label-flat-excellent-solid-bg);--dds-label-content:var(--dds-mode-label-flat-excellent-solid-text);--dds-label-icon:var(--dds-mode-label-flat-excellent-solid-icon)}dds-label:where([color=good]){--dds-label-bg:var(--dds-mode-label-flat-good-solid-bg);--dds-label-content:var(--dds-mode-label-flat-good-solid-text);--dds-label-icon:var(--dds-mode-label-flat-good-solid-icon)}dds-label:where([color=average]){--dds-label-bg:var(--dds-mode-label-flat-average-solid-bg);--dds-label-content:var(--dds-mode-label-flat-average-solid-text);--dds-label-icon:var(--dds-mode-label-flat-average-solid-icon)}dds-label:where([color=poor]){--dds-label-bg:var(--dds-mode-label-flat-poor-solid-bg);--dds-label-content:var(--dds-mode-label-flat-poor-solid-text);--dds-label-icon:var(--dds-mode-label-flat-poor-solid-icon)}dds-label:where([color=very-poor]){--dds-label-bg:var(--dds-mode-label-flat-very-poor-solid-bg);--dds-label-content:var(--dds-mode-label-flat-very-poor-solid-text);--dds-label-icon:var(--dds-mode-label-flat-very-poor-solid-icon)}dds-label:where([placement=overlay][color=white]){--dds-label-bg:var(--dds-mode-label-overlay-white-plain-bg);--dds-label-content:var(--dds-mode-label-overlay-white-plain-text);--dds-label-icon:var(--dds-mode-label-overlay-white-plain-icon)}dds-label:where([placement=overlay][color=success]){--dds-label-bg:var(--dds-mode-label-overlay-success-tonal-bg);--dds-label-content:var(--dds-mode-label-overlay-success-tonal-text);--dds-label-icon:var(--dds-mode-label-overlay-success-tonal-icon)}dds-label>:where([slot=right]){-webkit-margin-before:var(--dds-label-text-shift);-webkit-margin-start:calc(-1 * var(--dds-label-gap));-webkit-margin-end:var(--dds-label-gap);--dds-icon-size:var(--dds-label-icon-size);--dds-icon-paint:var(--dds-label-icon);--dds-icon-image:var(--dds-label-icon-image,none);flex-shrink:0;order:-1;margin-top:var(--dds-label-text-shift)}dds-label>:where([slot=right]):not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:calc(-1 * var(--dds-label-gap));margin-right:var(--dds-label-gap)}dds-label>:where([slot=right]):-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(-1 * var(--dds-label-gap));margin-left:var(--dds-label-gap)}dds-label>:where([slot=right]):is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-right:calc(-1 * var(--dds-label-gap));margin-left:var(--dds-label-gap)}dds-label>*{flex-shrink:0}
dds-link-button{box-sizing:border-box;vertical-align:middle;border-radius:var(--dds-style-link-button-radius);background:var(--dds-link-button-bg);height:var(--dds-link-button-height);transition:transform var(--dds-style-ui-pressed-anim-duration) var(--dds-style-ui-pressed-anim-function);--dds-link-button-bg:var(--dds-mode-link-button-secondary-bg);--dds-link-button-content:var(--dds-mode-link-button-secondary-content);--dds-link-button-hover-overlay:var(--dds-mode-ui-states-solid-hover);--dds-link-button-press-overlay:var(--dds-mode-ui-states-solid-press);--dds-link-button-label-bg:var(--dds-link-button-content);--dds-link-button-underline-bg:var(--dds-link-button-content);--dds-link-button-text-paint:var(--dds-link-button-content);--dds-link-button-ink:none;--dds-link-button-ink-color:var(--dds-link-button-content);--dds-link-button-icon-overlay:none;--dds-link-button-underline-overlay:none;--dds-link-button-spinner-color:var(--dds-mode-loading-secondary-content);--dds-link-button-height:var(--dds-style-link-button-2xs-height);--dds-link-button-padding-x:var(--dds-style-link-button-2xs-padding-x);--dds-link-button-padding-y:var(--dds-style-link-button-2xs-padding-y);--dds-link-button-gap:var(--dds-style-link-button-2xs-gap);--dds-link-button-icon-size:var(--dds-style-link-button-2xs-icon-size);--dds-link-button-font-weight:var(--dds-typography-responsive-label-1-fontWeight);--dds-link-button-font-size:var(--dds-typography-responsive-label-1-fontSize);--dds-link-button-line-height:var(--dds-typography-responsive-label-1-lineHeight);font-weight:var(--dds-link-button-font-weight);font-size:var(--dds-link-button-font-size);line-height:var(--dds-link-button-line-height);--dds-icon-size:var(--dds-link-button-icon-size);--dds-icon-paint:var(--dds-link-button-ink-color);--dds-icon-image:var(--dds-link-button-icon-overlay), var(--dds-link-button-ink);display:inline-flex;position:relative}dds-link-button:where([size=sm]){--dds-link-button-height:var(--dds-style-link-button-sm-height);--dds-link-button-padding-x:var(--dds-style-link-button-sm-padding-x);--dds-link-button-padding-y:var(--dds-style-link-button-sm-padding-y);--dds-link-button-gap:var(--dds-style-link-button-sm-gap);--dds-link-button-icon-size:var(--dds-style-link-button-sm-icon-size);--dds-link-button-font-weight:var(--dds-typography-responsive-label-2-fontWeight);--dds-link-button-font-size:var(--dds-typography-responsive-label-2-fontSize);--dds-link-button-line-height:var(--dds-typography-responsive-label-2-lineHeight)}dds-link-button:where([color=error]){--dds-link-button-bg:var(--dds-mode-link-button-error-bg);--dds-link-button-content:var(--dds-mode-link-button-error-content)}dds-link-button:where([color=info]){--dds-link-button-bg:var(--dds-mode-link-button-info-bg);--dds-link-button-content:var(--dds-mode-link-button-info-content)}dds-link-button:where([color=success]){--dds-link-button-bg:var(--dds-mode-link-button-success-bg);--dds-link-button-content:var(--dds-mode-link-button-success-content)}dds-link-button:where([color=warning]){--dds-link-button-bg:var(--dds-mode-link-button-warning-bg);--dds-link-button-content:var(--dds-mode-link-button-warning-content)}dds-link-button:where([color=secondary-light]){--dds-link-button-bg:var(--dds-mode-link-button-secondary-light-bg);--dds-link-button-content:var(--dds-mode-link-button-secondary-light-content);--dds-link-button-spinner-color:var(--dds-mode-loading-secondary-light-content)}dds-link-button:where([color=tertiary]){--dds-link-button-bg:var(--dds-mode-link-button-tertiary-bg);--dds-link-button-content:var(--dds-mode-link-button-tertiary-content);--dds-link-button-hover-overlay:var(--dds-mode-ui-states-solid-hover-on-dark);--dds-link-button-press-overlay:var(--dds-mode-ui-states-solid-press-on-dark);--dds-link-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-link-button:where([color=tertiary-light]){--dds-link-button-bg:var(--dds-mode-link-button-tertiary-light-bg);--dds-link-button-content:var(--dds-mode-link-button-tertiary-light-content);--dds-link-button-spinner-color:var(--dds-mode-loading-tertiary-light-content)}dds-link-button:where([color=white]){--dds-link-button-bg:var(--dds-mode-link-button-white-bg);--dds-link-button-content:var(--dds-mode-link-button-white-content);--dds-link-button-spinner-color:var(--dds-mode-loading-white-content)}dds-link-button:where([color=primary]){--dds-link-button-bg:var(--dds-mode-link-button-primary-bg);--dds-link-button-content-0:var(--dds-mode-link-button-primary-content,var(--dds-mode-link-button-primary-content-0));--dds-link-button-content-1:var(--dds-mode-link-button-primary-content,var(--dds-mode-link-button-primary-content-1));--dds-link-button-content:var(--dds-link-button-content-0);--dds-link-button-label-bg:linear-gradient(90deg, var(--dds-link-button-content-0), var(--dds-link-button-content-1));--dds-link-button-underline-bg:linear-gradient(152deg, var(--dds-link-button-content-0), var(--dds-link-button-content-1));--dds-link-button-ink:linear-gradient(135deg, var(--dds-link-button-content-0), var(--dds-link-button-content-1));--dds-link-button-spinner-color:var(--dds-mode-loading-primary-content);--dds-link-button-text-paint:transparent;--dds-link-button-ink-color:transparent}dds-link-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):not(:has(>button:disabled)):hover){--dds-link-button-text-paint:var(--dds-link-button-hover-overlay);--dds-link-button-icon-overlay:linear-gradient(var(--dds-link-button-hover-overlay), var(--dds-link-button-hover-overlay));--dds-link-button-underline-overlay:linear-gradient(var(--dds-link-button-hover-overlay), var(--dds-link-button-hover-overlay))}dds-link-button:where([disabled]:not([disabled=false])){--dds-link-button-text-paint:var(--dds-mode-ui-states-disabled);--dds-link-button-icon-overlay:linear-gradient(var(--dds-mode-ui-states-disabled), var(--dds-mode-ui-states-disabled));cursor:not-allowed}dds-link-button:where([loading]:not([loading=false])){--dds-link-button-text-paint:var(--dds-mode-ui-states-disabled);--dds-link-button-icon-overlay:linear-gradient(var(--dds-mode-ui-states-disabled), var(--dds-mode-ui-states-disabled));cursor:not-allowed}dds-link-button:where(:has(>button:disabled)){--dds-link-button-text-paint:var(--dds-mode-ui-states-disabled);--dds-link-button-icon-overlay:linear-gradient(var(--dds-mode-ui-states-disabled), var(--dds-mode-ui-states-disabled));cursor:not-allowed}dds-link-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):not(:has(>button:disabled)):active){transform:scale(var(--dds-style-ui-pressed-anim-scale));--dds-link-button-text-paint:var(--dds-link-button-press-overlay);--dds-link-button-icon-overlay:linear-gradient(var(--dds-link-button-press-overlay), var(--dds-link-button-press-overlay));--dds-link-button-underline-overlay:linear-gradient(var(--dds-link-button-press-overlay), var(--dds-link-button-press-overlay))}:where(dds-link-button)>a{-webkit-appearance:none;appearance:none;box-sizing:border-box;align-items:center;gap:var(--dds-link-button-gap);padding:var(--dds-link-button-padding-y) var(--dds-link-button-padding-x);border-radius:var(--dds-style-link-button-radius);font:inherit;text-align:start;color:var(--dds-link-button-content);cursor:pointer;background:0 0;border:0;flex-direction:row;margin:0;text-decoration:none;display:flex;position:relative}:where(dds-link-button)>button{-webkit-appearance:none;appearance:none;box-sizing:border-box;align-items:center;gap:var(--dds-link-button-gap);padding:var(--dds-link-button-padding-y) var(--dds-link-button-padding-x);border-radius:var(--dds-style-link-button-radius);font:inherit;text-align:start;color:var(--dds-link-button-content);cursor:pointer;background:0 0;border:0;flex-direction:row;margin:0;text-decoration:none;display:flex;position:relative}:where(dds-link-button)>a:after{content:"";position:absolute;top:-4px;bottom:-4px;left:0;right:0}:where(dds-link-button)>button:after{content:"";position:absolute;top:-4px;bottom:-4px;left:0;right:0}:where(dds-link-button)>a:where(:focus-visible){outline:var(--dds-style-link-button-border-focus-width) var(--dds-style-ui-border-focus-style) var(--dds-mode-link-button-border-focus);outline-offset:var(--dds-style-ui-border-focus-offset)}:where(dds-link-button)>button:where(:focus-visible){outline:var(--dds-style-link-button-border-focus-width) var(--dds-style-ui-border-focus-style) var(--dds-mode-link-button-border-focus);outline-offset:var(--dds-style-ui-border-focus-offset)}:where(dds-link-button[disabled]:not([disabled=false]))>a{pointer-events:none}:where(dds-link-button[disabled]:not([disabled=false]))>button{pointer-events:none}:where(dds-link-button[loading]:not([loading=false]))>a{pointer-events:none}:where(dds-link-button[loading]:not([loading=false]))>button{pointer-events:none}:where(dds-link-button)>button:where(:disabled){cursor:not-allowed}dds-link-button>:where(a,button)>*{order:3}dds-link-button>:where(a,button)>:where([slot=right]){order:1}dds-link-button>:where(a,button)>:where([slot=middle]){order:2}dds-link-button>:where(a,button)>:where([slot=left]){order:4}dds-link-button:where([disabled]:not([disabled=false]),:has(>button:disabled))>:where(a,button)>:where([slot=middle]){opacity:var(--dds-style-ui-disabled-opacity);pointer-events:none}dds-link-button>:where(a,button)>:where(:not([slot])){gap:var(--dds-style-link-button-line-gap);font-weight:var(--dds-link-button-font-weight);font-size:var(--dds-link-button-font-size);line-height:var(--dds-link-button-line-height);color:var(--dds-link-button-text-paint);background:var(--dds-link-button-label-bg);-webkit-background-clip:text;background-clip:text;flex-direction:column;display:flex}dds-link-button>:where(a,button)>:where(:not([slot])):after{content:"";height:var(--dds-style-link-button-border-width-default);background:var(--dds-link-button-underline-overlay), var(--dds-link-button-underline-bg);display:block}dds-link-button:where([no-underline]:not([no-underline=false]))>:where(a,button)>*{gap:0}dds-link-button:where([no-underline]:not([no-underline=false]))>:where(a,button)>:after{display:none}dds-link-button:where([disabled]:not([disabled=false]),:has(>button:disabled))>:where(a,button)>:after{opacity:var(--dds-style-ui-disabled-opacity)}dds-link-button:where([loading]:not([loading=false])):after{content:"";z-index:1;width:var(--dds-style-loading-spinner-4xs-size);height:var(--dds-style-loading-spinner-4xs-size);background:conic-gradient(var(--dds-link-button-spinner-color) calc(var(--dds-loading-spinner-portion,25) * 1%), var(--dds-mode-loading-bg) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));border-radius:50%;margin:auto;animation:1.5s linear infinite dds-loading-spinner-spin,3s linear infinite dds-loading-spinner-arc;position:absolute;top:0;bottom:0;left:0;right:0}:where(dds-link-button[loading]:not([loading=false]))>a{opacity:0}:where(dds-link-button[loading]:not([loading=false]))>button{opacity:0}
dds-overlay-icon-button{box-sizing:border-box;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-style:solid;border-width:var(--dds-overlay-icon-button-border-width);border-radius:var(--dds-style-overlay-icon-button-radius);background:var(--dds-overlay-icon-button-bg);-webkit-backdrop-filter:var(--dds-overlay-icon-button-blur);backdrop-filter:var(--dds-overlay-icon-button-blur);color:var(--dds-overlay-icon-button-content);width:var(--dds-overlay-icon-button-size);height:var(--dds-overlay-icon-button-size);transition:transform var(--dds-style-ui-pressed-anim-duration) var(--dds-style-ui-pressed-anim-function);--dds-overlay-icon-button-border-width:0px;--dds-overlay-icon-button-bg:var(--dds-mode-overlay-icon-button-overlay-base-white-tonal-bg);--dds-overlay-icon-button-content:var(--dds-mode-overlay-icon-button-overlay-base-white-tonal-content);--dds-overlay-icon-button-hover:var(--dds-mode-ui-states-overlay-hover);--dds-overlay-icon-button-blur:var(--dds-effects-blur-blur-4);--dds-overlay-icon-button-size:var(--dds-style-overlay-icon-button-md-size);--dds-overlay-icon-button-icon-size:var(--dds-style-overlay-icon-button-md-icon-size);--dds-overlay-icon-button-inner-radius:calc(var(--dds-style-overlay-icon-button-radius) - var(--dds-overlay-icon-button-border-width));--dds-icon-size:var(--dds-overlay-icon-button-icon-size);border-color:#0000;justify-content:center;align-items:center;display:inline-flex;position:relative}dds-overlay-icon-button:where([size="2xs"]){--dds-overlay-icon-button-size:var(--dds-style-overlay-icon-button-2xs-size);--dds-overlay-icon-button-icon-size:var(--dds-style-overlay-icon-button-2xs-icon-size)}dds-overlay-icon-button:where([size=sm]){--dds-overlay-icon-button-size:var(--dds-style-overlay-icon-button-sm-size);--dds-overlay-icon-button-icon-size:var(--dds-style-overlay-icon-button-sm-icon-size)}dds-overlay-icon-button:where([size=xl]){--dds-overlay-icon-button-size:var(--dds-style-overlay-icon-button-xl-size);--dds-overlay-icon-button-icon-size:var(--dds-style-overlay-icon-button-xl-icon-size)}dds-overlay-icon-button:where([emphasis=outline]){--dds-overlay-icon-button-blur:none;--dds-overlay-icon-button-bg:var(--dds-mode-overlay-icon-button-overlay-base-white-outline-bg);--dds-overlay-icon-button-content:var(--dds-mode-overlay-icon-button-overlay-base-white-outline-content);--dds-overlay-icon-button-border-width:var(--dds-style-overlay-icon-button-border-width-default);border-color:var(--dds-mode-overlay-icon-button-overlay-base-white-outline-border)}dds-overlay-icon-button:where([emphasis=plain]){--dds-overlay-icon-button-blur:none;--dds-overlay-icon-button-bg:var(--dds-mode-overlay-icon-button-overlay-base-white-plain-bg);--dds-overlay-icon-button-content:var(--dds-mode-overlay-icon-button-overlay-base-white-plain-content)}dds-overlay-icon-button:where([inverted]:not([inverted=false])){--dds-overlay-icon-button-blur:var(--dds-effects-blur-blur-4);--dds-overlay-icon-button-bg:var(--dds-mode-overlay-icon-button-overlay-inverted-white-tonal-bg);--dds-overlay-icon-button-content:var(--dds-mode-overlay-icon-button-overlay-inverted-white-tonal-content);--dds-overlay-icon-button-hover:var(--dds-mode-ui-states-overlay-hover-on-dark);--dds-overlay-icon-button-border-width:0px;border-color:#0000}dds-overlay-icon-button:where([inverted]:not([inverted=false])[emphasis=plain]){--dds-overlay-icon-button-blur:none;--dds-overlay-icon-button-bg:var(--dds-mode-overlay-icon-button-overlay-inverted-white-plain-bg);--dds-overlay-icon-button-content:var(--dds-mode-overlay-icon-button-overlay-inverted-white-plain-content)}dds-overlay-icon-button:where([placement=elevated]){--dds-overlay-icon-button-blur:none;--dds-overlay-icon-button-bg:var(--dds-mode-overlay-icon-button-elevated-base-tertiary-outline-bg);--dds-overlay-icon-button-content:var(--dds-mode-overlay-icon-button-elevated-base-tertiary-outline-content);--dds-overlay-icon-button-hover:var(--dds-mode-ui-states-solid-hover);--dds-overlay-icon-button-border-width:0px;box-shadow:0px 1px 2px 0px var(--dds-mode-ui-shadow-2)}dds-overlay-icon-button:where([disabled]:not([disabled=false])){opacity:var(--dds-style-ui-disabled-opacity)}dds-overlay-icon-button:where(:not([disabled]:not([disabled=false])):not([loading]:not([loading=false])):active){transform:scale(var(--dds-style-ui-pressed-anim-scale))}dds-overlay-icon-button:before{content:"";z-index:5;pointer-events:none;border-radius:var(--dds-overlay-icon-button-inner-radius);background-color:var(--dds-overlay-icon-button-hover);opacity:0;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0}@media (hover:hover){dds-overlay-icon-button:where(:not([loading]:not([loading=false])):hover):before{opacity:1}}dds-overlay-icon-button>*{position:relative}:where(dds-overlay-icon-button[loading]:not([loading=false]))>dds-icon{opacity:0}dds-overlay-icon-button:where([disabled]:not([disabled=false])){cursor:not-allowed}dds-overlay-icon-button:where([loading]:not([loading=false])){cursor:not-allowed}dds-overlay-icon-button:where(:focus-visible){outline:var(--dds-style-ui-border-focus-width) var(--dds-style-ui-border-focus-style) var(--dds-mode-overlay-icon-button-border-focus);outline-offset:var(--dds-style-ui-border-focus-offset)}dds-overlay-icon-button{--dds-overlay-icon-button-spinner-color:var(--dds-mode-loading-white-content)}dds-overlay-icon-button:where([placement=elevated]){--dds-overlay-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-overlay-icon-button:where([inverted]:not([inverted=false])){--dds-overlay-icon-button-spinner-color:var(--dds-mode-loading-tertiary-content)}dds-overlay-icon-button:where([loading]:not([loading=false])):after{content:"";z-index:15;width:var(--dds-style-loading-spinner-4xs-size);height:var(--dds-style-loading-spinner-4xs-size);background:conic-gradient(var(--dds-overlay-icon-button-spinner-color) calc(var(--dds-loading-spinner-portion,25) * 1%), var(--dds-mode-loading-bg) 0);-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));-webkit-mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));mask:radial-gradient(farthest-side, #0000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) - .5px), #000 calc(100% - var(--dds-style-loading-spinner-4xs-border-width) + .5px));border-radius:50%;margin:auto;animation:1.5s linear infinite dds-loading-spinner-spin,3s linear infinite dds-loading-spinner-arc;position:absolute;top:0;bottom:0;left:0;right:0}