.button--black{--ui-icon-fill:white!important;--button-color:white;--button-background-color:var(--color-text-primary)}.button--black:where(:hover,:focus){--ui-icon-fill:white!important;--button-color:white;--button-background-color:var(--color-primary-500)}.button--flexible{inline-size:100%}.button--icon{inline-size:var(--button-block-size);padding-inline:0}.button--outline{--button-color:var(--color-primary-500);--button-border-color:var(--color-primary-500);--button-background-color:transparent}.button--outline:where(:hover,:focus){--button-color:var(--color-text-primary);--button-border-color:var(--color-primary-700)}.button--passive{pointer-events:none}.button--primary,:where(.button-check:checked)+.button--primary,:where(.button-radio:checked)+.button--primary{--ui-icon-fill:white!important;--button-color:white;--button-background-color:var(--color-primary-500);box-shadow:var(--box-shadow-soft)}.button--primary:where(:hover,:focus),:where(.button-check:focus)+.button--primary,:where(.button-radio:focus)+.button--primary{--ui-icon-fill:white!important;--button-color:white;--button-background-color:var(--color-primary-600);box-shadow:var(--box-shadow-soft)}.button--reverse-outline{--ui-icon-fill:white;--button-color:white;--button-border-color:color-mix(in srgb, white, transparent 50%);--button-background-color:transparent}.button--reverse-outline:where(:hover,:focus){--button-border-color:white}.button--reverse{--ui-icon-fill:white;--button-color:white;--button-border-color:transparent;--button-background-color:transparent}.button--reverse:where(:hover,:focus){--button-background-color:color-mix(in srgb, white, transparent 80%)}.button--rounded{--button-border-radius:calc(var(--button-block-size) / 2)}.button--secondary{--button-background-color:var(--color-neutral-050);box-shadow:var(--box-shadow-soft)}.button--secondary:where(:hover,:focus){--button-background-color:var(--color-neutral-100)}.button--white-outline{--ui-icon-fill:var(--color-text-primary)!important;--button-color:var(--color-text-primary);--button-background-color:white;--button-border-color:var(--color-neutral-100)}.button--white-outline:where(:hover,:focus){--button-background-color:var(--color-neutral-100);--button-border-color:var(--color-neutral-200)}.button--white{--ui-icon-fill:var(--color-text-primary)!important;--button-color:var(--color-text-primary);--button-background-color:white}.button--white:where(:hover,:focus){--button-background-color:var(--color-neutral-100)}@layer base{.button{--button-block-size:2.5rem;--button-padding-inline:1rem;--button-gap:.35rem;--button-font-family:var(--font-family-secondary, "san-serif");--button-font-weight:500;--button-font-size:var(--fs-body2, 16px);--button-letter-spacing:1px;--button-text-transform:uppercase;--button-color:var(--color-text-primary, #000);--button-icon-size:calc(var(--button-font-size) * 1.25);--ui-icon-fill:currentColor;--button-border-width:1px;--button-border-style:solid;--button-border-color:transparent;--button-border-radius:calc(var(--button-block-size) / 8);--button-background-color:transparent;position:relative;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;gap:var(--button-gap);min-block-size:var(--button-block-size);margin:0;padding-inline:var(--button-padding-inline);padding-block:.5rem;color:var(--button-color);font-family:var(--button-font-family);font-weight:var(--button-font-weight);font-size:var(--button-font-size);letter-spacing:var(--button-letter-spacing);line-height:1em;text-transform:var(--button-text-transform);border-radius:var(--button-border-radius);border:var(--button-border-width) solid var(--button-border-color);background-color:var(--button-background-color);cursor:pointer;text-decoration:none;vertical-align:middle;white-space:nowrap;overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:initial}.button:hover{--button-background-color:var(--color-neutral-050, #efefef)}.button:focus{box-shadow:0 0 0 3px var(--color-neutral-050)}.button-icon{display:inline-block;inline-size:var(--button-icon-size);block-size:var(--button-icon-size);flex-grow:0;flex-shrink:0;margin-block-start:0}.button-icon--large{--button-icon-size:calc(var(--button-font-size) * 1.5)}.button--flexible{inline-size:100%}.button[disabled]{box-shadow:none;pointer-events:none;opacity:.5}.button--small{--button-block-size:1.8rem;--button-padding-inline:.75rem;--button-font-size:.8rem}.button--large{--button-block-size:3rem;--button-padding-inline:1.2rem}.button--stronger{--button-font-weight:600}.button.skeleton{box-shadow:none!important}.button--reset{border:0;background-color:transparent;padding:0;margin:0}.button--reset-text{letter-spacing:0;text-transform:initial}.button--text-break{white-space:initial;text-wrap:auto}}[data-action=dropdown-toggle][aria-expanded=true]+.dropdown-menu{display:block}[data-action=dropdown-toggle][aria-expanded=false]+.dropdown-menu{display:none}.dropdown-menu{list-style-type:none;position:absolute;z-index:1000;inline-size:auto;block-size:auto;padding:0;margin:0;font-family:var(--font-family-secondary);font-weight:500;font-size:var(--fs-body2);background-color:#fff;border:1px solid var(--color-neutral-100);border-radius:var(--border-radius);box-shadow:var(--box-shadow-soft);overflow:hidden}.dropdown-menu:focus{outline:0}.dropdown-header{padding-block:.35rem;padding-inline:.5rem}.dropdown-item{display:flex;align-items:center;gap:var(--button-gap);padding-block:.25rem;padding-inline:1rem;font-size:var(--fs-body2, .9rem);color:var(--color-text-primary);background-color:transparent;border:0 transparent}.dropdown-item:where(:hover,:focus){background-color:var(--color-neutral-050)}.dropdown-divider{width:100%;height:1px;margin:.15rem 0;background-color:var(--color-neutral-100, #efefef);border:0}