.button-bar{--button-bar-border-radius:0;--button-bar-padding:var(--space-200) var(--space-250) var(--space-225) var(--space-250);--button-bar-gap:var(--space-220);border-top-left-radius:var(--button-bar-border-radius);border-top-right-radius:var(--button-bar-border-radius);width:100%;box-shadow:var(--shadow-100-top);display:flex}.button-bar--with-radius{--button-bar-border-radius:var(--radius-200)}.button-bar__content{flex:1;flex-direction:var(--button-bar-flex-direction,row);gap:var(--button-bar-gap);padding:var(--button-bar-padding);justify-content:center;align-items:center;display:flex}.button-bar--size-100{--button-bar-padding:var(--space-200) var(--space-250) var(--space-225) var(--space-250);--button-bar-gap:var(--space-225)}.button-bar--size-200{--button-bar-padding:var(--space-225) var(--space-400) var(--space-250) var(--space-400);--button-bar-gap:var(--space-200)}.button-bar--layout-vertical{--button-bar-flex-direction:column}.button-bar--layout-horizontal{--button-bar-flex-direction:row}@media only screen and (width>=768px){.v200-button-bar--size-100{--button-bar-padding:var(--space-200) var(--space-250) var(--space-225) var(--space-250);--button-bar-gap:var(--space-225)}.v200-button-bar--size-200{--button-bar-padding:var(--space-225) var(--space-400) var(--space-250) var(--space-400);--button-bar-gap:var(--space-200)}.v200-button-bar--layout-vertical{--button-bar-flex-direction:column}.v200-button-bar--layout-horizontal{--button-bar-flex-direction:row}}@media only screen and (width>=992px){.v300-button-bar--size-100{--button-bar-padding:var(--space-200) var(--space-250) var(--space-225) var(--space-250);--button-bar-gap:var(--space-225)}.v300-button-bar--size-200{--button-bar-padding:var(--space-225) var(--space-400) var(--space-250) var(--space-400);--button-bar-gap:var(--space-200)}.v300-button-bar--layout-vertical{--button-bar-flex-direction:column}.v300-button-bar--layout-horizontal{--button-bar-flex-direction:row}}@media only screen and (width>=1280px){.v400-button-bar--size-100{--button-bar-padding:var(--space-200) var(--space-250) var(--space-225) var(--space-250);--button-bar-gap:var(--space-225)}.v400-button-bar--size-200{--button-bar-padding:var(--space-225) var(--space-400) var(--space-250) var(--space-400);--button-bar-gap:var(--space-200)}.v400-button-bar--layout-vertical{--button-bar-flex-direction:column}.v400-button-bar--layout-horizontal{--button-bar-flex-direction:row}}@media only screen and (width>=1920px){.v500-button-bar--size-100{--button-bar-padding:var(--space-200) var(--space-250) var(--space-225) var(--space-250);--button-bar-gap:var(--space-225)}.v500-button-bar--size-200{--button-bar-padding:var(--space-225) var(--space-400) var(--space-250) var(--space-400);--button-bar-gap:var(--space-200)}.v500-button-bar--layout-vertical{--button-bar-flex-direction:column}.v500-button-bar--layout-horizontal{--button-bar-flex-direction:row}}