.designbase-wc-button{--db-button-icon-size:var(--db-size-icon-m);align-items:center;border:1px solid transparent;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:var(--db-weight-medium);gap:var(--db-gap-xs);height:var(--db-size-button-m);justify-content:center;line-height:1;outline:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .18s ease,transform .18s ease}.designbase-wc-button:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--disabled,.designbase-wc-button:disabled{box-shadow:none;cursor:not-allowed;opacity:var(--db-opacity-disabled);pointer-events:none}.designbase-wc-button--primary{background-color:var(--db-btn-primary-bg);border-color:var(--db-btn-primary-bg);box-shadow:var(--db-shadow-button);color:var(--db-btn-primary-text);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .18s ease,transform .18s ease}.designbase-wc-button--primary:not(:disabled):not(.designbase-wc-button--disabled):hover{box-shadow:0 6px 18px -4px color-mix(in srgb,var(--db-btn-primary-bg) 42%,transparent)}.designbase-wc-button--primary:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--primary:not(:disabled):not(.designbase-wc-button--disabled):active{box-shadow:var(--db-shadow-button-active)}.designbase-wc-button--primary--disabled,.designbase-wc-button--primary:disabled{box-shadow:none}.designbase-wc-button--primary:not(:disabled):not(.designbase-wc-button--disabled):hover{background-color:var(--db-btn-primary-bg-hover);border-color:var(--db-btn-primary-border-hover)}.designbase-wc-button--primary:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--primary:not(:disabled):not(.designbase-wc-button--disabled):active{background-color:var(--db-btn-primary-bg-active);border-color:var(--db-btn-primary-border-active)}.designbase-wc-button--primary:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--secondary{background-color:var(--db-btn-secondary-bg);border-color:var(--db-btn-secondary-border);box-shadow:var(--db-shadow-button);color:var(--db-btn-secondary-text);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .18s ease,transform .18s ease}.designbase-wc-button--secondary:not(:disabled):not(.designbase-wc-button--disabled):hover{box-shadow:0 4px 14px -4px color-mix(in srgb,var(--db-text-primary) 22%,transparent)}.designbase-wc-button--secondary:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--secondary:not(:disabled):not(.designbase-wc-button--disabled):active{box-shadow:var(--db-shadow-button-active)}.designbase-wc-button--secondary--disabled,.designbase-wc-button--secondary:disabled{box-shadow:none}.designbase-wc-button--secondary:not(:disabled):not(.designbase-wc-button--disabled):hover{background-color:var(--db-btn-secondary-bg-hover);border-color:var(--db-btn-secondary-border-hover);color:var(--db-btn-secondary-text-hover)}.designbase-wc-button--secondary:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--secondary:not(:disabled):not(.designbase-wc-button--disabled):active{background-color:var(--db-btn-secondary-bg-active);border-color:var(--db-btn-secondary-border-hover)}.designbase-wc-button--secondary:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--secondary.designbase-wc-button--disabled,.designbase-wc-button--secondary:disabled{border-color:var(--db-btn-secondary-bg)}.designbase-wc-button--tertiary{background-color:var(--db-btn-tertiary-bg);border-color:var(--db-btn-tertiary-border);box-shadow:var(--db-shadow-button);color:var(--db-btn-tertiary-text);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .18s ease,transform .18s ease}.designbase-wc-button--tertiary:not(:disabled):not(.designbase-wc-button--disabled):hover{box-shadow:0 4px 14px -4px color-mix(in srgb,var(--db-text-primary) 18%,transparent)}.designbase-wc-button--tertiary:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--tertiary:not(:disabled):not(.designbase-wc-button--disabled):active{box-shadow:var(--db-shadow-button-active)}.designbase-wc-button--tertiary--disabled,.designbase-wc-button--tertiary:disabled{box-shadow:none}.designbase-wc-button--tertiary:not(:disabled):not(.designbase-wc-button--disabled):hover{background-color:var(--db-btn-tertiary-bg-hover);border-color:var(--db-btn-tertiary-border-hover);color:var(--db-btn-tertiary-text-hover)}.designbase-wc-button--tertiary:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--tertiary:not(:disabled):not(.designbase-wc-button--disabled):active{background-color:var(--db-btn-tertiary-bg-active)}.designbase-wc-button--tertiary:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--tertiary.designbase-wc-button--disabled,.designbase-wc-button--tertiary:disabled{border-color:var(--db-btn-tertiary-bg)}.designbase-wc-button--destructive{background-color:var(--db-btn-destructive-bg);border-color:var(--db-btn-destructive-border);box-shadow:var(--db-shadow-button);color:var(--db-btn-destructive-text);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .18s ease,transform .18s ease}.designbase-wc-button--destructive:not(:disabled):not(.designbase-wc-button--disabled):hover{box-shadow:0 6px 18px -4px color-mix(in srgb,var(--db-btn-destructive-bg) 45%,transparent)}.designbase-wc-button--destructive:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--destructive:not(:disabled):not(.designbase-wc-button--disabled):active{box-shadow:var(--db-shadow-button-active)}.designbase-wc-button--destructive--disabled,.designbase-wc-button--destructive:disabled{box-shadow:none}.designbase-wc-button--destructive:not(:disabled):not(.designbase-wc-button--disabled):hover{background-color:var(--db-btn-destructive-bg-hover);border-color:var(--db-btn-destructive-border-hover)}.designbase-wc-button--destructive:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--destructive:not(:disabled):not(.designbase-wc-button--disabled):active{background-color:var(--db-btn-destructive-bg-active);border-color:var(--db-btn-destructive-border-active)}.designbase-wc-button--destructive:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--ghost{background-color:transparent;border-color:transparent;color:var(--db-text-primary)}.designbase-wc-button--ghost:not(:disabled):not(.designbase-wc-button--disabled):hover{background-color:var(--db-surface-layer-1)}.designbase-wc-button--ghost:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--ghost:not(:disabled):not(.designbase-wc-button--disabled):active{background-color:var(--db-surface-layer-2)}.designbase-wc-button--ghost:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--accent{background-color:var(--db-btn-accent-bg);border-color:transparent;box-shadow:var(--db-shadow-button);color:var(--db-btn-accent-text);isolation:isolate;position:relative}.designbase-wc-button--accent:not(:disabled):not(.designbase-wc-button--disabled):hover{background-color:var(--db-btn-accent-bg-hover);box-shadow:0 8px 22px -6px color-mix(in srgb,var(--db-btn-accent-bg) 55%,transparent)}.designbase-wc-button--accent:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--accent:not(:disabled):not(.designbase-wc-button--disabled):active{background-color:var(--db-btn-accent-bg-active);box-shadow:var(--db-shadow-button-active)}.designbase-wc-button--accent{transition:transform .22s var(--db-animation-ease,ease),box-shadow .32s var(--db-animation-ease,ease),border-color .22s ease,background-color .22s ease}.designbase-wc-button--accent.designbase-wc-button--disabled,.designbase-wc-button--accent:disabled{transform:none}.designbase-wc-button--accent.designbase-wc-button--disabled:after,.designbase-wc-button--accent.designbase-wc-button--disabled:before,.designbase-wc-button--accent:disabled:after,.designbase-wc-button--accent:disabled:before{opacity:0}.designbase-wc-button--accent.designbase-wc-button--loading .designbase-wc-spinner{color:var(--db-text-inverse-primary)}.designbase-wc-button--accent.designbase-wc-button--accent-gradient{background:linear-gradient(180deg,color-mix(in srgb,var(--db-btn-accent-bg-active) 88%,#000) 0,var(--db-btn-accent-bg) 52%,color-mix(in srgb,var(--db-btn-accent-bg) 58%,#fff) 100%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.34),inset 0 -18px 30px -18px hsla(0,0%,100%,.72),0 0 0 1px color-mix(in srgb,var(--db-btn-accent-bg) 62%,#fff),0 12px 34px -10px color-mix(in srgb,var(--db-btn-accent-bg) 58%,transparent);overflow:hidden}.designbase-wc-button--accent.designbase-wc-button--accent-gradient>:not(.designbase-wc-button__accent-field):not(.designbase-wc-button__accent-glass):not(.designbase-wc-button__accent-ring){position:relative;z-index:2}.designbase-wc-button--accent.designbase-wc-button--accent-gradient:not(:disabled):not(.designbase-wc-button--disabled):hover{filter:drop-shadow(0 18px 40px color-mix(in srgb,var(--db-btn-accent-bg) 46%,transparent));transform:scale(1.015)}.designbase-wc-button--accent.designbase-wc-button--accent-gradient:not(:disabled):not(.designbase-wc-button--disabled):hover .designbase-wc-button__accent-orb{filter:blur(20px) saturate(1.35)}.designbase-wc-button--accent.designbase-wc-button--accent-gradient:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--accent.designbase-wc-button--accent-gradient:not(:disabled):not(.designbase-wc-button--disabled):active{filter:drop-shadow(0 8px 24px color-mix(in srgb,var(--db-btn-accent-bg) 36%,transparent));transform:scale(.99)}.designbase-wc-button--accent.designbase-wc-button--accent-gradient:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--accent.designbase-wc-button--accent-gradient.designbase-wc-button--disabled .designbase-wc-button__accent-field,.designbase-wc-button--accent.designbase-wc-button--accent-gradient.designbase-wc-button--disabled .designbase-wc-button__accent-glass,.designbase-wc-button--accent.designbase-wc-button--accent-gradient:disabled .designbase-wc-button__accent-field,.designbase-wc-button--accent.designbase-wc-button--accent-gradient:disabled .designbase-wc-button__accent-glass{opacity:0}.designbase-wc-button__accent-field{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.designbase-wc-button__accent-glass{background:radial-gradient(ellipse 60% 120% at 50% 118%,hsla(0,0%,100%,.62) 0,transparent 70%),linear-gradient(180deg,hsla(0,0%,100%,.22),transparent 38%),linear-gradient(0deg,rgba(0,0,0,.14),transparent 34%);border-radius:inherit;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18);inset:0;pointer-events:none;position:absolute;z-index:1}.designbase-wc-button__accent-orb{border-radius:50%;filter:blur(24px) saturate(1.28);mix-blend-mode:screen;opacity:.9;position:absolute;will-change:transform}.designbase-wc-button__accent-orb--1{animation:db-button-accent-orb-1 11s linear infinite;background:color-mix(in srgb,var(--db-btn-accent-bg) 92%,#fff);height:56%;left:-6%;top:-10%;transform-origin:130% 145%;width:56%}.designbase-wc-button__accent-orb--2{animation:db-button-accent-orb-2 13s linear infinite;background:color-mix(in srgb,var(--db-brand-tertiary) 88%,#fff);height:48%;right:-4%;top:4%;transform-origin:-30% 120%;width:48%}.designbase-wc-button__accent-orb--3{animation:db-button-accent-orb-3 9.5s linear infinite;background:color-mix(in srgb,var(--db-btn-accent-bg) 90%,#fff);bottom:-22%;height:62%;left:18%;transform-origin:50% -40%;width:62%}.designbase-wc-button__accent-orb--4{animation:db-button-accent-orb-4 15s linear infinite;background:color-mix(in srgb,var(--db-btn-accent-bg-hover) 86%,#fff);height:44%;left:8%;top:28%;transform-origin:180% 50%;width:44%}.designbase-wc-button__accent-orb--5{animation:db-button-accent-orb-5 12s linear infinite;background:color-mix(in srgb,var(--db-brand-accent) 84%,#fff);bottom:6%;height:40%;right:10%;transform-origin:-20% -30%;width:40%}.designbase-wc-button--accent.designbase-wc-button--accent-prism{--db-prism-surface:var(--db-prism-dome);--db-prism-glint-opacity:0.55;background:linear-gradient(var(--db-prism-surface),var(--db-prism-surface)) padding-box,var(--db-prism-gradient) border-box;border:var(--db-prism-width) solid transparent;box-shadow:var(--db-prism-bevel),var(--db-prism-groove);color:var(--db-text-inverse-primary);isolation:isolate;position:relative;transition:box-shadow .28s ease,transform .22s ease}.designbase-wc-button--accent.designbase-wc-button--accent-prism:before{background:var(--db-prism-gradient);border-radius:inherit;content:"";filter:blur(calc(var(--db-prism-glow-spread)*.5));inset:calc(var(--db-prism-glow-spread)*-.35);opacity:var(--db-prism-bloom-opacity);pointer-events:none;position:absolute;transition:opacity .28s ease,filter .28s ease,inset .28s ease;z-index:-2}.designbase-wc-button--accent.designbase-wc-button--accent-prism:after{background:var(--db-prism-glint);border-radius:inherit;content:"";inset:0;mix-blend-mode:screen;opacity:var(--db-prism-glint-opacity);pointer-events:none;position:absolute;transition:opacity .28s ease;z-index:-1}.designbase-wc-button--accent.designbase-wc-button--accent-prism:not(:disabled):not(.designbase-wc-button--disabled):hover{animation:db-prism-spin var(--db-prism-spin-duration) linear infinite}.designbase-wc-button--accent.designbase-wc-button--accent-prism:not(:disabled):not(.designbase-wc-button--disabled):hover:before{filter:blur(calc(var(--db-prism-glow-spread)*.68));inset:calc(var(--db-prism-glow-spread)*-.5);opacity:1}.designbase-wc-button--accent.designbase-wc-button--accent-prism:not(:disabled):not(.designbase-wc-button--disabled):hover:after{opacity:calc(var(--db-prism-glint-opacity)*1.6)}.designbase-wc-button--accent.designbase-wc-button--accent-prism:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--accent.designbase-wc-button--accent-prism:not(:disabled):not(.designbase-wc-button--disabled):active{box-shadow:inset 0 2px 8px rgba(0,0,0,.6),var(--db-prism-groove);transform:scale(.98)}.designbase-wc-button--accent.designbase-wc-button--accent-prism:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:3px}.designbase-wc-button--accent.designbase-wc-button--accent-prism.designbase-wc-button--disabled,.designbase-wc-button--accent.designbase-wc-button--accent-prism:disabled{animation:none}.designbase-wc-button--accent.designbase-wc-button--accent-prism.designbase-wc-button--disabled:after,.designbase-wc-button--accent.designbase-wc-button--accent-prism.designbase-wc-button--disabled:before,.designbase-wc-button--accent.designbase-wc-button--accent-prism:disabled:after,.designbase-wc-button--accent.designbase-wc-button--accent-prism:disabled:before{opacity:0}.designbase-wc-button--accent.designbase-wc-button--accent-prism.designbase-wc-button--loading .designbase-wc-spinner{color:var(--db-text-inverse-primary)}.designbase-wc-button--accent.designbase-wc-button--accent-outline{background:transparent;border-color:transparent;box-shadow:0 0 18px -4px color-mix(in srgb,var(--db-btn-ring-glow) 55%,transparent);color:var(--db-btn-ring-text);overflow:visible;position:relative}.designbase-wc-button--accent.designbase-wc-button--accent-outline>:not(.designbase-wc-button__accent-ring){position:relative;z-index:2}.designbase-wc-button--accent.designbase-wc-button--accent-outline:not(:disabled):not(.designbase-wc-button--disabled):hover{background:transparent;box-shadow:0 0 30px -2px color-mix(in srgb,var(--db-btn-ring-glow) 75%,transparent)}.designbase-wc-button--accent.designbase-wc-button--accent-outline:not(:disabled):not(.designbase-wc-button--disabled):hover .designbase-wc-button__accent-ring-spin{animation-duration:1.4s;opacity:1}.designbase-wc-button--accent.designbase-wc-button--accent-outline:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--accent.designbase-wc-button--accent-outline:not(:disabled):not(.designbase-wc-button--disabled):active{background:transparent;transform:scale(.99)}.designbase-wc-button--accent.designbase-wc-button--accent-outline:focus-visible{outline:2px solid var(--db-border-focus);outline-offset:3px}.designbase-wc-button--accent.designbase-wc-button--accent-outline.designbase-wc-button--disabled .designbase-wc-button__accent-ring,.designbase-wc-button--accent.designbase-wc-button--accent-outline:disabled .designbase-wc-button__accent-ring{opacity:0}.designbase-wc-button--accent.designbase-wc-button--accent-outline.designbase-wc-button--disabled,.designbase-wc-button--accent.designbase-wc-button--accent-outline:disabled{border-color:var(--db-border-base)}.designbase-wc-button__accent-ring{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:-1}.designbase-wc-button__accent-ring:after{background:var(--db-btn-ring-bg);border-radius:inherit;content:"";inset:var(--db-btn-ring-width);position:absolute;z-index:1}.designbase-wc-button__accent-ring-spin{animation:db-button-accent-ring 3.2s linear infinite;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0deg,color-mix(in srgb,var(--db-btn-ring-glow) 70%,transparent) 42deg,color-mix(in srgb,var(--db-btn-ring-glow) 40%,#fff) 62deg,color-mix(in srgb,var(--db-btn-ring-glow) 88%,transparent) 84deg,transparent 150deg,transparent 1turn);border-radius:50%;left:50%;margin:-100% 0 0 -100%;opacity:.85;position:absolute;top:50%;transition:opacity .26s ease;width:200%;will-change:transform}.designbase-wc-button--accent.designbase-wc-button--accent-backlight{background:color-mix(in srgb,var(--db-btn-accent-bg) 10%,rgba(8,14,28,.84));border:1px solid color-mix(in srgb,var(--db-brand-tertiary) 52%,transparent);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.24),inset 0 -1px 0 color-mix(in srgb,var(--db-btn-accent-bg) 28%,transparent),0 0 0 1px color-mix(in srgb,var(--db-btn-accent-bg) 16%,transparent),0 10px 32px color-mix(in srgb,var(--db-btn-accent-bg) 38%,transparent);overflow:visible}.designbase-wc-button--accent.designbase-wc-button--accent-backlight:before{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--db-brand-tertiary) 88%,transparent) 0,color-mix(in srgb,var(--db-btn-accent-bg) 48%,transparent) 44%,transparent 74%);border-radius:50%;bottom:-20px;content:"";filter:blur(16px);height:38px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:74%;z-index:-3}.designbase-wc-button--accent.designbase-wc-button--accent-backlight:after{background:linear-gradient(180deg,hsla(0,0%,100%,.16) 0,transparent 38%,transparent 62%,color-mix(in srgb,var(--db-btn-accent-bg) 10%,transparent) 100%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:-1}.designbase-wc-button--accent.designbase-wc-button--accent-backlight:not(:disabled):not(.designbase-wc-button--disabled):hover{border-color:color-mix(in srgb,var(--db-brand-tertiary) 72%,#fff);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.32),0 0 0 1px color-mix(in srgb,var(--db-brand-tertiary) 36%,transparent),0 14px 42px color-mix(in srgb,var(--db-btn-accent-bg) 52%,transparent),0 0 52px color-mix(in srgb,var(--db-brand-tertiary) 48%,transparent)}.designbase-wc-button--accent.designbase-wc-button--accent-backlight:not(:disabled):not(.designbase-wc-button--disabled):hover:before{bottom:-24px;filter:blur(20px);height:46px}.designbase-wc-button--accent.designbase-wc-button--accent-backlight:not(:disabled):not(.designbase-wc-button--disabled).designbase-wc-button--pressed,.designbase-wc-button--accent.designbase-wc-button--accent-backlight:not(:disabled):not(.designbase-wc-button--disabled):active{box-shadow:inset 0 2px 8px rgba(0,0,0,.28),0 6px 24px color-mix(in srgb,var(--db-btn-accent-bg) 42%,transparent)}.designbase-wc-button--accent.designbase-wc-button--accent-backlight:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--db-btn-accent-bg) 28%,transparent),0 12px 36px color-mix(in srgb,var(--db-brand-tertiary) 44%,transparent);outline:2px solid var(--db-border-focus);outline-offset:2px}.designbase-wc-button--icon-only svg,.designbase-wc-button__end-icon,.designbase-wc-button__start-icon{display:block;flex-shrink:0;height:var(--db-button-icon-size);width:var(--db-button-icon-size)}.designbase-wc-button--s{--db-button-icon-size:var(--db-size-icon-s);font-size:var(--db-text-s);height:var(--db-size-button-s);padding:0 var(--db-padding-xs)}.designbase-wc-button--l{--db-button-icon-size:var(--db-size-icon-l);font-size:var(--db-text-l);gap:var(--db-gap-s);height:var(--db-size-button-l);padding:0 var(--db-padding-m)}.designbase-wc-button--m{font-size:var(--db-text-base);gap:var(--db-gap-s);height:var(--db-size-button-m);padding:0 var(--db-padding-s)}.designbase-wc-button--radius-none{border-radius:var(--db-radius-btn-none)}.designbase-wc-button--radius-s{border-radius:var(--db-radius-btn-s)}.designbase-wc-button--radius-m{border-radius:var(--db-radius-btn-m)}.designbase-wc-button--radius-l{border-radius:var(--db-radius-btn-l)}.designbase-wc-button--radius-pill{border-radius:var(--db-radius-btn-pill)}.designbase-wc-button--radius-pill.designbase-wc-button--s{padding-left:var(--db-padding-s);padding-right:var(--db-padding-s)}.designbase-wc-button--radius-pill.designbase-wc-button--m{padding-left:var(--db-padding-m);padding-right:var(--db-padding-m)}.designbase-wc-button--radius-pill.designbase-wc-button--l{padding-left:var(--db-padding-l);padding-right:var(--db-padding-l)}.designbase-wc-button--icon-only{gap:0;min-width:auto;padding:0}.designbase-wc-button--icon-only.designbase-wc-button--s{height:var(--db-size-button-s);min-width:var(--db-size-button-s);width:var(--db-size-button-s)}.designbase-wc-button--icon-only.designbase-wc-button--m{height:var(--db-size-button-m);min-width:var(--db-size-button-m);width:var(--db-size-button-m)}.designbase-wc-button--icon-only.designbase-wc-button--l{height:var(--db-size-button-l);min-width:var(--db-size-button-l);width:var(--db-size-button-l)}.designbase-wc-button--full-width{align-self:stretch;flex:none;flex-shrink:0;max-width:100%;width:100%}.designbase-wc-button--loading{opacity:1;pointer-events:none}.designbase-wc-button--loading .designbase-wc-spinner{color:inherit}@media(prefers-reduced-motion:reduce){.designbase-wc-button--accent-prism:hover,.designbase-wc-button__accent-orb{animation:none!important}.designbase-wc-button__accent-ring-spin{animation:none!important;background:color-mix(in srgb,var(--db-btn-ring-glow) 70%,transparent)}.designbase-wc-button--accent:not(:disabled):not(.designbase-wc-button--disabled):hover{filter:none;transform:none}}.designbase-wc-popover{opacity:0;pointer-events:auto;position:fixed;transform:translateZ(0) scale(.98);transition:opacity var(--db-animation-speed) var(--db-animation-ease),visibility var(--db-animation-speed) var(--db-animation-ease),transform var(--db-animation-speed) var(--db-animation-ease);visibility:hidden;will-change:transform,opacity;z-index:var(--db-z-popover)}.designbase-wc-popover[data-placement-group=top]{--enter-offset-x:0px;--enter-offset-y:-6px}.designbase-wc-popover[data-placement-group=bottom]{--enter-offset-x:0px;--enter-offset-y:6px}.designbase-wc-popover[data-placement-group=left]{--enter-offset-x:-6px;--enter-offset-y:0px}.designbase-wc-popover[data-placement-group=right]{--enter-offset-x:6px;--enter-offset-y:0px}.designbase-wc-popover{transform:translate3d(var(--enter-offset-x,0),var(--enter-offset-y,0),0) scale(.98)}.designbase-wc-popover--visible{opacity:1;transform:translateZ(0) scale(1);visibility:visible}.designbase-wc-popover__content{word-wrap:break-word;background-color:var(--db-surface-base);border:1px solid var(--db-border-base);border-radius:var(--db-radius-l);box-shadow:var(--db-shadow-dropdown);color:var(--db-text-primary);font-size:var(--db-text-s);line-height:var(--db-leading-tight);max-width:100%;overflow:hidden;position:relative;white-space:normal}.designbase-wc-popover__header{align-items:center;display:flex;justify-content:space-between;padding:var(--db-padding-s);padding-bottom:0!important}.designbase-wc-popover__title{color:var(--db-text-primary);font-size:var(--db-text-base);font-weight:var(--db-weight-bold);line-height:var(--db-leading-tight);margin:0}.designbase-wc-popover__body{padding:var(--db-padding-xs) var(--db-padding-s) var(--db-padding-s)}.designbase-wc-popover__close-button{flex-shrink:0;margin-left:var(--db-margin-s)}.designbase-wc-popover__arrow{background:var(--db-popover-arrow-bg,var(--db-surface-base));border:1px solid transparent;box-sizing:border-box;height:10px;pointer-events:none;position:absolute;transform:rotate(45deg);width:10px}.designbase-wc-popover__arrow--top,.designbase-wc-popover__arrow--top-end,.designbase-wc-popover__arrow--top-start{border-bottom-color:var(--db-popover-arrow-border,var(--db-border-base));border-right-color:var(--db-popover-arrow-border,var(--db-border-base))}.designbase-wc-popover__arrow--bottom,.designbase-wc-popover__arrow--bottom-end,.designbase-wc-popover__arrow--bottom-start{border-left-color:var(--db-popover-arrow-border,var(--db-border-base));border-top-color:var(--db-popover-arrow-border,var(--db-border-base))}.designbase-wc-popover__arrow--left,.designbase-wc-popover__arrow--left-end,.designbase-wc-popover__arrow--left-start{border-right-color:var(--db-popover-arrow-border,var(--db-border-base));border-top-color:var(--db-popover-arrow-border,var(--db-border-base))}.designbase-wc-popover__arrow--right,.designbase-wc-popover__arrow--right-end,.designbase-wc-popover__arrow--right-start{border-bottom-color:var(--db-popover-arrow-border,var(--db-border-base));border-left-color:var(--db-popover-arrow-border,var(--db-border-base))}.designbase-wc-popover--s .designbase-wc-popover__header{padding:var(--db-padding-s)}.designbase-wc-popover--s .designbase-wc-popover__body{font-size:var(--db-text-xs);padding:var(--db-padding-xs) var(--db-padding-s) var(--db-padding-s)}.designbase-wc-popover--s .designbase-wc-popover__title{font-size:var(--db-text-s)}.designbase-wc-popover--m .designbase-wc-popover__header{padding:var(--db-padding-m)}.designbase-wc-popover--m .designbase-wc-popover__body{font-size:var(--db-text-s);padding:var(--db-padding-xs) var(--db-padding-m) var(--db-padding-s)}.designbase-wc-popover--m .designbase-wc-popover__title{font-size:var(--db-text-base)}.designbase-wc-popover--l .designbase-wc-popover__header{padding:var(--db-padding-l)}.designbase-wc-popover--l .designbase-wc-popover__body{font-size:var(--db-text-base);padding:var(--db-padding-xs) var(--db-padding-l) var(--db-padding-m)}.designbase-wc-popover--l .designbase-wc-popover__title{font-size:var(--db-text-l)}.designbase-wc-popover--default{--db-popover-arrow-bg:var(--db-surface-base);--db-popover-arrow-border:var(--db-border-base)}.designbase-wc-popover--default .designbase-wc-popover__content{background:var(--db-surface-base);border-color:var(--db-border-base);color:var(--db-text-primary)}.designbase-wc-popover--primary{--db-popover-arrow-bg:var(--db-feedback-info-bg);--db-popover-arrow-border:color-mix(in srgb,var(--db-feedback-info-fg) 16%,var(--db-border-base))}.designbase-wc-popover--primary .designbase-wc-popover__content{background:var(--db-feedback-info-bg);border-color:color-mix(in srgb,var(--db-feedback-info-fg) 16%,var(--db-border-base));color:var(--db-feedback-info-fg)}.designbase-wc-popover--success{--db-popover-arrow-bg:var(--db-feedback-success-bg);--db-popover-arrow-border:color-mix(in srgb,var(--db-feedback-success-fg) 16%,var(--db-border-base))}.designbase-wc-popover--success .designbase-wc-popover__content{background:var(--db-feedback-success-bg);border-color:color-mix(in srgb,var(--db-feedback-success-fg) 16%,var(--db-border-base));color:var(--db-feedback-success-fg)}.designbase-wc-popover--warning{--db-popover-arrow-bg:var(--db-feedback-warning-bg);--db-popover-arrow-border:color-mix(in srgb,var(--db-feedback-warning-fg) 16%,var(--db-border-base))}.designbase-wc-popover--warning .designbase-wc-popover__content{background:var(--db-feedback-warning-bg);border-color:color-mix(in srgb,var(--db-feedback-warning-fg) 16%,var(--db-border-base));color:var(--db-feedback-warning-fg)}.designbase-wc-popover--danger{--db-popover-arrow-bg:var(--db-feedback-error-bg);--db-popover-arrow-border:color-mix(in srgb,var(--db-feedback-error-fg) 16%,var(--db-border-base))}.designbase-wc-popover--danger .designbase-wc-popover__content{background:var(--db-feedback-error-bg);border-color:color-mix(in srgb,var(--db-feedback-error-fg) 16%,var(--db-border-base));color:var(--db-feedback-error-fg)}.designbase-wc-popover--info{--db-popover-arrow-bg:var(--db-feedback-info-bg);--db-popover-arrow-border:color-mix(in srgb,var(--db-feedback-info-fg) 16%,var(--db-border-base))}.designbase-wc-popover--info .designbase-wc-popover__content{background:var(--db-feedback-info-bg);border-color:color-mix(in srgb,var(--db-feedback-info-fg) 16%,var(--db-border-base));color:var(--db-feedback-info-fg)}.designbase-wc-popover--disabled{opacity:0;pointer-events:none;visibility:hidden}.designbase-wc-popover{max-height:calc(100dvh - 32px);max-width:min(280px,100vw - 32px)!important;overflow:auto}