@seguros-bolivar/ui-bundle/dist/sb-ui-seguros-bolivar-dark.min.css

Seguros Bolivar UI Design System - Multi-brand CSS & Web Components Bundle for CDN

[data-brand=seguros-bolivar][data-theme=dark]{--sb-ui-color-primary-D400:#0b613e;--sb-ui-color-primary-D300:#086d44;--sb-ui-color-primary-D200:#05794a;--sb-ui-color-primary-D100:#038450;--sb-ui-color-primary-base:#009056;--sb-ui-color-primary-L100:#66bc9a;--sb-ui-color-primary-L200:#cce9dd;--sb-ui-color-primary-L300:#e5f4ee;--sb-ui-color-primary-L400:#f2f9f6;--sb-ui-color-secondary-D400:#ffc918;--sb-ui-color-secondary-D300:#ffce29;--sb-ui-color-secondary-D200:#ffd543;--sb-ui-color-secondary-D100:#ffda55;--sb-ui-color-secondary-base:#ffe16f;--sb-ui-color-secondary-L100:#ffea9a;--sb-ui-color-secondary-L200:#fff0b7;--sb-ui-color-secondary-L300:#fff6d4;--sb-ui-color-secondary-L400:#fffcf0;--sb-ui-color-tertiary-D400:#0c8a4d;--sb-ui-color-tertiary-D300:#099d56;--sb-ui-color-tertiary-D200:#07af5e;--sb-ui-color-tertiary-D100:#04c267;--sb-ui-color-tertiary-base:#02d46f;--sb-ui-color-tertiary-L100:#4ee19a;--sb-ui-color-tertiary-L200:#b3f2d4;--sb-ui-color-tertiary-L300:#e6fbf1;--sb-ui-color-tertiary-L400:#f2fdf8;--sb-ui-color-grayscale-black:#1b1b1b;--sb-ui-color-grayscale-D400:#282828;--sb-ui-color-grayscale-D300:#414141;--sb-ui-color-grayscale-D200:#5b5b5b;--sb-ui-color-grayscale-D100:#757575;--sb-ui-color-grayscale-base:#9b9b9b;--sb-ui-color-grayscale-L100:#b9b9b9;--sb-ui-color-grayscale-L200:#e1e1e1;--sb-ui-color-grayscale-L300:#f5f5f5;--sb-ui-color-grayscale-L400:#fafafa;--sb-ui-color-grayscale-white:#fff;--sb-ui-color-feedback-error-D400:#8f2b34;--sb-ui-color-feedback-error-D300:#a22d38;--sb-ui-color-feedback-error-D200:#b5303d;--sb-ui-color-feedback-error-D100:#c93241;--sb-ui-color-feedback-error-base:#dc3545;--sb-ui-color-feedback-error-L100:#e7727d;--sb-ui-color-feedback-error-L200:#ee9aa2;--sb-ui-color-feedback-error-L300:#f5c2c7;--sb-ui-color-feedback-error-L400:#fbebec;--sb-ui-color-feedback-warning-D400:#d7b23e;--sb-ui-color-feedback-warning-D300:#e0b52e;--sb-ui-color-feedback-warning-D200:#ebb91f;--sb-ui-color-feedback-warning-D100:#f5bd0f;--sb-ui-color-feedback-warning-base:#ffc100;--sb-ui-color-feedback-warning-L100:#ffd44d;--sb-ui-color-feedback-warning-L200:#ffe080;--sb-ui-color-feedback-warning-L300:#ffecb2;--sb-ui-color-feedback-warning-L400:#fff9e5;--sb-ui-color-feedback-info-D400:#0b56a4;--sb-ui-color-feedback-info-D300:#0860bb;--sb-ui-color-feedback-info-D200:#056ad1;--sb-ui-color-feedback-info-D100:#0374e8;--sb-ui-color-feedback-info-base:#007eff;--sb-ui-color-feedback-info-L100:#4da5ff;--sb-ui-color-feedback-info-L200:#80bfff;--sb-ui-color-feedback-info-L300:#b2d8ff;--sb-ui-color-feedback-info-L400:#e5f2ff;--sb-ui-color-feedback-success-D400:#236f34;--sb-ui-color-feedback-success-D300:#247d38;--sb-ui-color-feedback-success-D200:#258b3d;--sb-ui-color-feedback-success-D100:#279941;--sb-ui-color-feedback-success-base:#28a745;--sb-ui-color-feedback-success-L100:#69c17d;--sb-ui-color-feedback-success-L200:#94d3a2;--sb-ui-color-feedback-success-L300:#bee5c7;--sb-ui-color-feedback-success-L400:#e9f6ec;--sb-ui-shadow-xs:0px 2px 4px hsla(0,0%,45%,.16),0px 0px 6px hsla(0,0%,45%,.16);--sb-ui-shadow-s:1px 4px 4px hsla(0,0%,45%,.04),1px 1px 8px hsla(0,0%,45%,.16);--sb-ui-shadow-m:2px 8px 8px hsla(0,0%,45%,.04),2px 2px 16px hsla(0,0%,45%,.16);--sb-ui-shadow-l:3px 12px 8px hsla(0,0%,45%,.04),3px 3px 24px hsla(0,0%,45%,.16);--sb-ui-shadow-xl:3px 12px 16px hsla(0,0%,45%,.16),4px 4px 24px hsla(0,0%,45%,.16);--sb-ui-typography-fontFamily:"Bolivar","Roboto",sans-serif;--sb-ui-typography-fontSize-h1:2.25rem;--sb-ui-typography-fontSize-h2:2rem;--sb-ui-typography-fontSize-h3:1.75rem;--sb-ui-typography-fontSize-h4:1.5rem;--sb-ui-typography-fontSize-h5:1.25rem;--sb-ui-typography-fontSize-h6:1rem;--sb-ui-typography-fontSize-mobile-h1:1rem;--sb-ui-typography-fontSize-mobile-h2:1rem;--sb-ui-typography-fontSize-mobile-h3:1rem;--sb-ui-typography-fontSize-mobile-h4:1rem;--sb-ui-typography-fontSize-mobile-h5:1rem;--sb-ui-typography-fontSize-mobile-h6:1rem;--sb-ui-typography-fontSize-body:1rem;--sb-ui-typography-fontSize-label:0.875rem;--sb-ui-typography-fontSize-caption:0.75rem;--sb-ui-typography-fontSize-button:1rem;--sb-ui-gradient-primary-dark:linear-gradient(0deg,#05794a,#0b613e);--sb-ui-gradient-primary-base:linear-gradient(180deg,#05794a 0.04%,#009056);--sb-ui-gradient-primary-light:linear-gradient(180deg,#cce9dd,#f2f9f6);--sb-ui-gradient-secondary-dark:linear-gradient(180deg,#ffc918,#ffd543);--sb-ui-gradient-secondary-base:linear-gradient(180deg,#ffd543,#ffe16f);--sb-ui-gradient-secondary-light:linear-gradient(180deg,#fff0b7,#fffcf0);--sb-ui-gradient-tertiary-dark:linear-gradient(180deg,#0c8a4d,#07af5e);--sb-ui-gradient-tertiary-base:linear-gradient(180deg,#07af5e,#02d46f);--sb-ui-gradient-tertiary-light:linear-gradient(180deg,#b3f2d4,#f2fdf8)}@layer reset, tokens, base, variants, sizes, modifiers, states, utilities;@layer reset{.sb-ui-accordion,.sb-ui-accordion__content,.sb-ui-accordion__header{all:unset;box-sizing:border-box}}@layer tokens{.sb-ui-accordion{--sb-ui-accordion-bg-color:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-accordion-bg-hover:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-accordion-bg-active:var(--sb-ui-color-grayscale-L200,#e1e1e1);--sb-ui-accordion-bg-disabled:var(--sb-ui-color-grayscale-L400,#fafafa);--sb-ui-accordion-bg-disabled-hover:var(--sb-ui-color-grayscale-L400,#fafafa);--sb-ui-accordion-bg-expanded:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-accordion-text-color:var(--sb-ui-color-grayscale-D200,#5b5b5b);--sb-ui-accordion-text-hover:var(--sb-ui-color-grayscale-D200,#5b5b5b);--sb-ui-accordion-text-active:var(--sb-ui-color-grayscale-D200,#5b5b5b);--sb-ui-accordion-text-disabled:var(--sb-ui-color-grayscale-base,#9b9b9b);--sb-ui-accordion-text-disabled-hover:var(--sb-ui-color-grayscale-base,#9b9b9b);--sb-ui-accordion-border-color:var(--sb-ui-color-grayscale-L200,#e1e1e1);--sb-ui-accordion-border-hover:var(--sb-ui-color-grayscale-L200,#e1e1e1);--sb-ui-accordion-border-active:var(--sb-ui-color-grayscale-L100,#d0d0d0);--sb-ui-accordion-border-disabled:var(--sb-ui-color-grayscale-L200,#e1e1e1);--sb-ui-accordion-border-disabled-hover:var(--sb-ui-color-grayscale-L200,#e1e1e1);--sb-ui-accordion-border-focus:var(--sb-ui-color-primary-base,#038450);--sb-ui-accordion-padding-inline:clamp(1rem,0.8rem + 1vw,1.5rem);--sb-ui-accordion-padding-block:clamp(0.75rem,0.6rem + 0.5vw,1rem);--sb-ui-accordion-gap:clamp(0.75rem,0.5rem + 0.5vw,1rem);--sb-ui-accordion-content-padding-block:clamp(1rem,0.8rem + 1vw,1.25rem);--sb-ui-accordion-content-padding-inline:clamp(1rem,0.8rem + 1vw,1.5rem);--sb-ui-accordion-font-family:var(--sb-ui-typography-fontFamily,"Roboto",sans-serif);--sb-ui-accordion-font-size:clamp(0.875rem,0.8rem + 0.3vw,1rem);--sb-ui-accordion-font-weight:400;--sb-ui-accordion-line-height:1.5;--sb-ui-accordion-min-block-size:clamp(48px,10vw,56px);--sb-ui-accordion-border-width:1px;--sb-ui-accordion-border-radius:clamp(12px,0.75rem + 0.5vw,16px);--sb-ui-accordion-border-focus-width:3px;--sb-ui-accordion-icon-size:clamp(1.25rem,1.125rem + 0.5vw,1.5rem);--sb-ui-accordion-transition:background-color 0.2s ease,border-color 0.2s ease,transform 0.2s ease}}@layer base{.sb-ui-accordion{background-color:var(--sb-ui-accordion-bg-color);border:var(--sb-ui-accordion-border-width) solid var(--sb-ui-accordion-border-color);border-radius:var(--sb-ui-accordion-border-radius);display:block;margin-block-end:clamp(.5rem,.4rem + .3vw,.75rem);position:relative;transition:var(--sb-ui-accordion-transition)}.sb-ui-accordion summary{list-style:none}.sb-ui-accordion summary::-webkit-details-marker{display:none}.sb-ui-accordion:has(.sb-ui-accordion__header:hover:not(:disabled)){border-color:var(--sb-ui-accordion-border-hover,var(--sb-ui-accordion-border-color))}.sb-ui-accordion:has(.sb-ui-accordion__header:active:not(:disabled)){border-color:var(--sb-ui-accordion-border-active,var(--sb-ui-accordion-border-color))}.sb-ui-accordion:has(.sb-ui-accordion__header:focus-visible){border-color:var(--sb-ui-accordion-border-focus);border-width:var(--sb-ui-accordion-border-focus-width)}.sb-ui-accordion__header{align-items:center;border-radius:var(--sb-ui-accordion-border-radius);color:var(--sb-ui-accordion-text-color);cursor:pointer;display:flex;font-family:var(--sb-ui-accordion-font-family);font-size:var(--sb-ui-accordion-font-size);font-weight:var(--sb-ui-accordion-font-weight);gap:var(--sb-ui-accordion-gap);line-height:var(--sb-ui-accordion-line-height);min-block-size:var(--sb-ui-accordion-min-block-size);padding-block:var(--sb-ui-accordion-padding-block);padding-inline:var(--sb-ui-accordion-padding-inline);transition:var(--sb-ui-accordion-transition);user-select:none}.sb-ui-accordion__header:hover:not(:disabled){background-color:var(--sb-ui-accordion-bg-hover);color:var(--sb-ui-accordion-text-hover,var(--sb-ui-accordion-text-color))}.sb-ui-accordion__header:active:not(:disabled){background-color:var(--sb-ui-accordion-bg-active);color:var(--sb-ui-accordion-text-active,var(--sb-ui-accordion-text-color))}.sb-ui-accordion__header:focus-visible:not(:disabled){outline:none}.sb-ui-accordion__icon-start{align-items:center;block-size:var(--sb-ui-accordion-icon-size);display:flex;flex-shrink:0;font-size:var(--sb-ui-accordion-icon-size);inline-size:var(--sb-ui-accordion-icon-size);justify-content:center}.sb-ui-accordion__label{flex:1;font-family:var(--sb-ui-accordion-font-family);font-size:var(--sb-ui-accordion-font-size);font-weight:var(--sb-ui-accordion-font-weight);line-height:var(--sb-ui-accordion-line-height)}.sb-ui-accordion__action{flex-shrink:0}.sb-ui-accordion__icon-end{align-items:center;block-size:var(--sb-ui-accordion-icon-size);display:flex;flex-shrink:0;font-size:var(--sb-ui-accordion-icon-size);font-weight:300;inline-size:var(--sb-ui-accordion-icon-size);justify-content:center;transition:transform .3s ease}.sb-ui-accordion__content{border-block-start:0 solid transparent;color:var(--sb-ui-accordion-text-color);display:block;font-family:var(--sb-ui-accordion-font-family);font-size:var(--sb-ui-accordion-font-size);font-weight:400;line-height:var(--sb-ui-accordion-line-height);padding-block-end:var(--sb-ui-accordion-content-padding-block);padding-block-start:var(--sb-ui-accordion-content-padding-block);padding-inline:var(--sb-ui-accordion-content-padding-inline);transition:border-color .2s ease}.sb-ui-accordion[open]{border-color:var(--sb-ui-accordion-border-expanded,var(--sb-ui-accordion-border-color))}.sb-ui-accordion[open] .sb-ui-accordion__header{background-color:var(--sb-ui-accordion-bg-expanded,#f2f9f6);color:var(--sb-ui-accordion-text-expanded,var(--sb-ui-accordion-text-color))}.sb-ui-accordion[open] .sb-ui-accordion__icon-end{color:var(--sb-ui-accordion-text-expanded,var(--sb-ui-accordion-text-color));transform:rotate(180deg)}.sb-ui-accordion[open] .sb-ui-accordion__content{border-block-start:var(--sb-ui-accordion-border-width) solid var(--sb-ui-accordion-border-color)}.sb-ui-accordion--disabled{pointer-events:none}.sb-ui-accordion--disabled .sb-ui-accordion__header{background-color:var(--sb-ui-accordion-bg-disabled);color:var(--sb-ui-accordion-text-disabled);cursor:not-allowed}.sb-ui-accordion--disabled .sb-ui-accordion{border-color:var(--sb-ui-accordion-border-disabled)}.sb-ui-accordion--disabled:hover .sb-ui-accordion__header{background-color:var(
        --sb-ui-accordion-bg-disabled-hover,var(--sb-ui-accordion-bg-disabled)
      )!important;color:var(
        --sb-ui-accordion-text-disabled-hover,var(--sb-ui-accordion-text-disabled)
      )!important}}@layer variants{.sb-ui-accordion--primary{--sb-ui-accordion-border-color:var(--sb-ui-color-primary-base);--sb-ui-accordion-border-hover:var(--sb-ui-color-primary-D100);--sb-ui-accordion-border-active:var(--sb-ui-color-primary-D200)}.sb-ui-accordion--secondary{--sb-ui-accordion-border-color:var(--sb-ui-color-secondary-base);--sb-ui-accordion-border-hover:var(--sb-ui-color-secondary-D100);--sb-ui-accordion-border-active:var(--sb-ui-color-secondary-D200)}}@layer sizes{.sb-ui-accordion--small{--sb-ui-accordion-font-size:clamp(0.75rem,0.7rem + 0.2vw,0.875rem);--sb-ui-accordion-padding-inline:clamp(0.75rem,0.6rem + 0.8vw,1rem);--sb-ui-accordion-padding-block:clamp(0.5rem,0.4rem + 0.3vw,0.75rem);--sb-ui-accordion-min-block-size:clamp(40px,8vw,48px)}.sb-ui-accordion--large{--sb-ui-accordion-font-size:clamp(1rem,0.9rem + 0.4vw,1.25rem);--sb-ui-accordion-padding-inline:clamp(1.25rem,1rem + 1.5vw,2rem);--sb-ui-accordion-padding-block:clamp(1rem,0.8rem + 0.8vw,1.5rem);--sb-ui-accordion-min-block-size:clamp(56px,12vw,72px)}}@layer modifiers{.sb-ui-accordion--no-action .sb-ui-accordion__action,.sb-ui-accordion--no-icon-end .sb-ui-accordion__icon-end,.sb-ui-accordion--no-icon-start .sb-ui-accordion__icon-start{display:none}}@layer states{.sb-ui-accordion--loading{opacity:.7;pointer-events:none}}@layer utilities{@media (prefers-contrast:high){.sb-ui-accordion{--sb-ui-accordion-border-width:2px}}@media (prefers-reduced-motion:reduce){.sb-ui-accordion{--sb-ui-accordion-transition:none}.sb-ui-accordion__icon-end{transition:none}}}.sb-ui-alert{--sb-ui-alert-bg-color:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-bg-color-success:var(--sb-ui-color-feedback-success-L400,rgba(40,167,69,.1));--sb-ui-alert-bg-color-info:var(--sb-ui-color-feedback-info-L400,rgba(0,122,204,.1));--sb-ui-alert-bg-color-warning:var(--sb-ui-color-feedback-warning-L400,rgba(255,193,7,.1));--sb-ui-alert-bg-color-error:var(--sb-ui-color-feedback-error-L400,rgba(220,53,69,.1));--sb-ui-alert-border-color:var(--sb-ui-color-grayscale-L200,#edeef0);--sb-ui-alert-border-color-success:var(--sb-ui-color-feedback-success-base,#28a745);--sb-ui-alert-border-color-info:var(--sb-ui-color-feedback-info-base,#007acc);--sb-ui-alert-border-color-warning:var(--sb-ui-color-feedback-warning-base,#ffc107);--sb-ui-alert-border-color-error:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-alert-text-color:var(--sb-ui-color-grayscale-D300,#404040);--sb-ui-alert-text-color-success:var(--sb-ui-color-feedback-success-base,#28a745);--sb-ui-alert-text-color-info:var(--sb-ui-color-feedback-info-base,#007acc);--sb-ui-alert-text-color-warning:var(--sb-ui-color-feedback-warning-base,#ffc107);--sb-ui-alert-text-color-error:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-alert-icon-color:var(--sb-ui-color-grayscale-base,#d9d9d9);--sb-ui-alert-icon-color-success:var(--sb-ui-color-feedback-success-base,#28a745);--sb-ui-alert-icon-color-info:var(--sb-ui-color-feedback-info-base,#007acc);--sb-ui-alert-icon-color-warning:var(--sb-ui-color-feedback-warning-base,#ffc107);--sb-ui-alert-icon-color-error:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-alert-close-color:var(--sb-ui-color-grayscale-base,#d9d9d9);--sb-ui-alert-close-color-hover:var(--sb-ui-color-grayscale-D300,#404040);--sb-ui-alert-padding:1rem;--sb-ui-alert-padding-compact:0.75rem;--sb-ui-alert-padding-large:1.25rem;--sb-ui-alert-gap:0.75rem;--sb-ui-alert-border-width:1px;--sb-ui-alert-border-left-width:4px;--sb-ui-alert-font-family:var(--sb-ui-typography-fontFamily,"Roboto",sans-serif);--sb-ui-alert-title-font-size:0.875rem;--sb-ui-alert-title-font-weight:600;--sb-ui-alert-message-font-size:0.875rem;--sb-ui-alert-message-font-weight:400;--sb-ui-alert-line-height:1.25;--sb-ui-alert-min-height:3rem;--sb-ui-alert-border-radius:8px;--sb-ui-alert-icon-size:1.25rem;--sb-ui-alert-close-size:1.5rem;--sb-ui-alert-shadow:0 2px 8px rgba(0,0,0,.1);--sb-ui-alert-shadow-toast:0 4px 16px rgba(0,0,0,.15);--sb-ui-alert-transition:all 0.2s ease;align-items:flex-start;background-color:var(--sb-ui-alert-bg-color);border:var(--sb-ui-alert-border-width) solid var(--sb-ui-alert-border-color);border-left:var(--sb-ui-alert-border-left-width) solid var(--sb-ui-alert-border-color);border-radius:var(--sb-ui-alert-border-radius);box-shadow:var(--sb-ui-alert-shadow);box-sizing:border-box;color:var(--sb-ui-alert-text-color);display:flex;font-family:var(--sb-ui-alert-font-family);gap:var(--sb-ui-alert-gap);line-height:var(--sb-ui-alert-line-height);min-height:var(--sb-ui-alert-min-height);padding:var(--sb-ui-alert-padding);position:relative;transition:var(--sb-ui-alert-transition)}.sb-ui-alert-content{display:flex;flex:1;flex-direction:column;gap:.25rem;min-width:0}.sb-ui-alert-title{font-size:var(--sb-ui-alert-title-font-size);font-weight:var(--sb-ui-alert-title-font-weight)}.sb-ui-alert-message,.sb-ui-alert-title{color:inherit;line-height:var(--sb-ui-alert-line-height);margin:0}.sb-ui-alert-message{font-size:var(--sb-ui-alert-message-font-size);font-weight:var(--sb-ui-alert-message-font-weight);opacity:.8}.sb-ui-alert-icon{color:var(--sb-ui-alert-icon-color);font-size:var(--sb-ui-alert-icon-size);height:var(--sb-ui-alert-icon-size);margin-top:.125rem;width:var(--sb-ui-alert-icon-size)}.sb-ui-alert-close,.sb-ui-alert-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.sb-ui-alert-close{background:none;border:none;border-radius:4px;color:var(--sb-ui-alert-close-color);cursor:pointer;font-size:1.25rem;font-weight:400;height:var(--sb-ui-alert-close-size);line-height:1;margin-right:-.25rem;margin-top:-.125rem;transition:var(--sb-ui-alert-transition);width:var(--sb-ui-alert-close-size)}.sb-ui-alert-close:hover{background-color:var(--sb-ui-color-grayscale-L400,hsla(0,0%,97%,.5));color:var(--sb-ui-alert-close-color-hover)}.sb-ui-alert-close:focus{outline:2px solid var(--sb-ui-color-primary-base,#007acc);outline-offset:2px}.sb-ui-alert--success{--sb-ui-alert-bg-color:var(--sb-ui-alert-bg-color-success);--sb-ui-alert-border-color:var(--sb-ui-alert-border-color-success);--sb-ui-alert-text-color:var(--sb-ui-alert-text-color-success);--sb-ui-alert-icon-color:var(--sb-ui-alert-icon-color-success)}.sb-ui-alert--success .sb-ui-alert-icon:before{content:"✓"}.sb-ui-alert--info{--sb-ui-alert-bg-color:var(--sb-ui-alert-bg-color-info);--sb-ui-alert-border-color:var(--sb-ui-alert-border-color-info);--sb-ui-alert-text-color:var(--sb-ui-alert-text-color-info);--sb-ui-alert-icon-color:var(--sb-ui-alert-icon-color-info)}.sb-ui-alert--info .sb-ui-alert-icon:before{content:"i";font-style:italic;font-weight:600}.sb-ui-alert--warning{--sb-ui-alert-bg-color:var(--sb-ui-alert-bg-color-warning);--sb-ui-alert-border-color:var(--sb-ui-alert-border-color-warning);--sb-ui-alert-text-color:var(--sb-ui-alert-text-color-warning);--sb-ui-alert-icon-color:var(--sb-ui-alert-icon-color-warning)}.sb-ui-alert--warning .sb-ui-alert-icon:before{content:"⚠"}.sb-ui-alert--error{--sb-ui-alert-bg-color:var(--sb-ui-alert-bg-color-error);--sb-ui-alert-border-color:var(--sb-ui-alert-border-color-error);--sb-ui-alert-text-color:var(--sb-ui-alert-text-color-error);--sb-ui-alert-icon-color:var(--sb-ui-alert-icon-color-error)}.sb-ui-alert--error .sb-ui-alert-icon:before{content:"✕"}.sb-ui-alert--no-bg{--sb-ui-alert-bg-color:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-bg-color-success:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-bg-color-info:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-bg-color-warning:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-bg-color-error:var(--sb-ui-color-grayscale-white,#fff)}.sb-ui-alert--no-close .sb-ui-alert-close{display:none}.sb-ui-alert--small{--sb-ui-alert-padding:0.75rem;--sb-ui-alert-min-height:2.5rem;--sb-ui-alert-title-font-size:0.8125rem;--sb-ui-alert-message-font-size:0.8125rem;--sb-ui-alert-icon-size:1rem;--sb-ui-alert-close-size:1.25rem;--sb-ui-alert-gap:0.5rem}.sb-ui-alert--medium{--sb-ui-alert-padding:1rem;--sb-ui-alert-min-height:3rem;--sb-ui-alert-title-font-size:0.875rem;--sb-ui-alert-message-font-size:0.875rem;--sb-ui-alert-icon-size:1.25rem;--sb-ui-alert-close-size:1.5rem;--sb-ui-alert-gap:0.75rem}.sb-ui-alert--large{--sb-ui-alert-padding:1.25rem;--sb-ui-alert-min-height:3.5rem;--sb-ui-alert-title-font-size:1rem;--sb-ui-alert-message-font-size:0.9375rem;--sb-ui-alert-icon-size:1.5rem;--sb-ui-alert-close-size:1.75rem;--sb-ui-alert-gap:1rem}.sb-ui-alert--toast{animation:rb-alert-slide-in .3s ease;box-shadow:var(--sb-ui-alert-shadow-toast);max-width:25pc;min-width:300px;position:fixed;right:1rem;top:1rem;z-index:1000}.sb-ui-alert--toast-top-left{left:1rem;right:auto;top:1rem}.sb-ui-alert--toast-top-center{left:50%;right:auto;top:1rem;transform:translateX(-50%)}.sb-ui-alert--toast-bottom-right{bottom:1rem;right:1rem;top:auto}.sb-ui-alert--toast-bottom-left{bottom:1rem;left:1rem;right:auto;top:auto}.sb-ui-alert--toast-bottom-center{bottom:1rem;left:50%;right:auto;top:auto;transform:translateX(-50%)}@keyframes rb-alert-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes rb-alert-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes rb-alert-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes rb-alert-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.sb-ui-alert--fade-in{animation:rb-alert-fade-in .3s ease}.sb-ui-alert--fade-out{animation:rb-alert-fade-out .3s ease}.sb-ui-alert--slide-out{animation:rb-alert-slide-out .3s ease}.sb-ui-alert--rounded{--sb-ui-alert-border-radius:1rem}.sb-ui-alert--compact{--sb-ui-alert-padding:0.75rem;--sb-ui-alert-gap:0.5rem}.sb-ui-alert--dense{--sb-ui-alert-padding:0.5rem;--sb-ui-alert-gap:0.375rem;--sb-ui-alert-min-height:2rem}.sb-ui-alert--full-width{width:100%}.sb-ui-alert--inline{display:inline-flex;max-width:none;width:auto}.sb-ui-alert--banner{border-left:none;border-radius:0;border-right:none;border-top:none;margin:0}.sb-ui-alert-container{display:flex;flex-direction:column;gap:.5rem;max-width:25pc;min-width:300px;position:fixed;right:1rem;top:1rem;z-index:1000}.sb-ui-alert-container--top-left{left:1rem;right:auto;top:1rem}.sb-ui-alert-container--top-center{left:50%;right:auto;top:1rem;transform:translateX(-50%)}.sb-ui-alert-container--bottom-right{bottom:1rem;right:1rem;top:auto}.sb-ui-alert-container--bottom-left{bottom:1rem;left:1rem;right:auto;top:auto}.sb-ui-alert-container--bottom-center{bottom:1rem;left:50%;right:auto;top:auto;transform:translateX(-50%)}.sb-ui-alert-group{display:flex;flex-direction:column;gap:.75rem}.sb-ui-alert-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:1rem}@media (prefers-contrast:high){.sb-ui-alert{--sb-ui-alert-border-width:2px;--sb-ui-alert-border-left-width:6px}}@media (prefers-reduced-motion:reduce){.sb-ui-alert{--sb-ui-alert-transition:none}.sb-ui-alert--fade-in,.sb-ui-alert--fade-out,.sb-ui-alert--slide-out,.sb-ui-alert--toast{animation:none}}@media (width <= 640px){.sb-ui-alert--toast,.sb-ui-alert-container{left:.5rem;max-width:none;min-width:auto;right:.5rem;top:.5rem}.sb-ui-alert-group--horizontal{flex-direction:column}}@media (width >= 641px){.sb-ui-alert--toast,.sb-ui-alert-container{max-width:450px}}@media print{.sb-ui-alert{background:transparent!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important;position:static!important}.sb-ui-alert-close{display:none!important}}.sb-ui-alert-close:focus-visible{outline:2px solid var(--sb-ui-color-primary-base,#007acc);outline-offset:2px}.sb-ui-alert--loading{pointer-events:none;position:relative}.sb-ui-alert--loading:after{animation:rb-alert-spinner 1s linear infinite;border:2px solid var(--sb-ui-color-grayscale-L200,#edeef0);border-radius:50%;border-top-color:var(--sb-ui-color-primary-base,#007acc);content:"";height:1pc;margin-top:-8px;position:absolute;right:1rem;top:50%;width:1pc;z-index:3}.sb-ui-alert--loading .sb-ui-alert-close{display:none}@keyframes rb-alert-spinner{to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.sb-ui-alert{--sb-ui-alert-bg-color:var(--sb-ui-color-grayscale-D200,#6e6e6e);--sb-ui-alert-text-color:var(--sb-ui-color-grayscale-L200,#edeef0);--sb-ui-alert-border-color:var(--sb-ui-color-grayscale-D100,#4a4a4a)}.sb-ui-alert--no-bg{--sb-ui-alert-bg-color:var(--sb-ui-color-grayscale-D200,#6e6e6e)}.sb-ui-alert-close:hover{background-color:var(--sb-ui-color-grayscale-D100,rgba(74,74,74,.5))}}.sb-ui-alert--minimal{--sb-ui-alert-border-width:0;--sb-ui-alert-border-left-width:0;--sb-ui-alert-shadow:none;--sb-ui-alert-shadow-toast:none}.sb-ui-alert--outlined{--sb-ui-alert-bg-color:transparent;--sb-ui-alert-bg-color-success:transparent;--sb-ui-alert-bg-color-info:transparent;--sb-ui-alert-bg-color-warning:transparent;--sb-ui-alert-bg-color-error:transparent;--sb-ui-alert-border-width:2px}.sb-ui-alert--filled{--sb-ui-alert-bg-color-success:var(--sb-ui-color-feedback-success-base,#28a745);--sb-ui-alert-bg-color-info:var(--sb-ui-color-feedback-info-base,#007acc);--sb-ui-alert-bg-color-warning:var(--sb-ui-color-feedback-warning-base,#ffc107);--sb-ui-alert-bg-color-error:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-alert-text-color-success:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-text-color-info:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-text-color-warning:var(--sb-ui-color-grayscale-D300,#404040);--sb-ui-alert-text-color-error:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-icon-color-success:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-icon-color-info:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-icon-color-warning:var(--sb-ui-color-grayscale-D300,#404040);--sb-ui-alert-icon-color-error:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-alert-border-color:transparent}.sb-ui-alert--dismissible{cursor:pointer}.sb-ui-alert--dismissible:hover{box-shadow:0 4px 9pt rgba(0,0,0,.15);transform:translateY(-1px)}.sb-ui-alert--dismissible:active{transform:translateY(0)}.sb-ui-alert-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.sb-ui-alert:focus-within{z-index:1001}.sb-ui-alert-icon--custom{background-position:50%;background-repeat:no-repeat;background-size:contain}.sb-ui-alert-icon--custom:before{display:none}.sb-ui-alert-progress{background-color:var(--sb-ui-color-primary-base,#007acc);border-radius:0 0 var(--sb-ui-alert-border-radius) var(--sb-ui-alert-border-radius);bottom:0;height:3px;left:0;position:absolute;transition:width linear}.sb-ui-alert-progress--success{background-color:var(--sb-ui-color-feedback-success-base,#28a745)}.sb-ui-alert-progress--info{background-color:var(--sb-ui-color-feedback-info-base,#007acc)}.sb-ui-alert-progress--warning{background-color:var(--sb-ui-color-feedback-warning-base,#ffc107)}.sb-ui-alert-progress--error{background-color:var(--sb-ui-color-feedback-error-base,#dc3545)}@layer reset, tokens, base, states, utilities;@layer reset{.sb-ui-breadcrumb{all:unset;box-sizing:border-box}.sb-ui-breadcrumb *,.sb-ui-breadcrumb :after,.sb-ui-breadcrumb :before{box-sizing:inherit}}@layer tokens{.sb-ui-breadcrumb{--sb-ui-breadcrumb-font-family:var(--sb-ui-typography-fontFamily,"Roboto",sans-serif);--sb-ui-breadcrumb-font-size:clamp(0.875rem,0.8rem + 0.3vw,1rem);--sb-ui-breadcrumb-font-weight:400;--sb-ui-breadcrumb-line-height:1.5;--sb-ui-breadcrumb-link-color:var(--sb-ui-color-primary-base);--sb-ui-breadcrumb-link-hover:var(--sb-ui-color-primary-D100);--sb-ui-breadcrumb-link-active:var(--sb-ui-color-primary-D200);--sb-ui-breadcrumb-current-color:var(--sb-ui-color-grayscale-base,#9b9b9b);--sb-ui-breadcrumb-separator-color:var(--sb-ui-color-grayscale-base,#9b9b9b);--sb-ui-breadcrumb-gap:clamp(0.5rem,0.4rem + 0.3vw,0.75rem);--sb-ui-breadcrumb-padding-block:clamp(0.5rem,0.4rem + 0.3vw,0.75rem);--sb-ui-breadcrumb-padding-inline:0;--sb-ui-breadcrumb-separator-content:">";--sb-ui-breadcrumb-separator-margin-inline:clamp(0.5rem,0.4rem + 0.3vw,0.75rem);--sb-ui-breadcrumb-transition:color 0.2s ease,text-decoration-color 0.2s ease}}@layer base{.sb-ui-breadcrumb{display:block;font-family:var(--sb-ui-breadcrumb-font-family);font-size:var(--sb-ui-breadcrumb-font-size);font-weight:var(--sb-ui-breadcrumb-font-weight);inline-size:100%;line-height:var(--sb-ui-breadcrumb-line-height);padding-block:var(--sb-ui-breadcrumb-padding-block);padding-inline:var(--sb-ui-breadcrumb-padding-inline)}.sb-ui-breadcrumb__list{align-items:center;display:flex;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}.sb-ui-breadcrumb__item{align-items:center;display:inline-flex;margin:0;padding:0}.sb-ui-breadcrumb__item:not(:last-child):after{color:var(--sb-ui-breadcrumb-separator-color);content:var(--sb-ui-breadcrumb-separator-content);font-weight:400;margin-inline-end:var(--sb-ui-breadcrumb-separator-margin-inline);margin-inline-start:var(--sb-ui-breadcrumb-separator-margin-inline);pointer-events:none;user-select:none}.sb-ui-breadcrumb__link{color:var(--sb-ui-breadcrumb-link-color);cursor:pointer;display:inline-block;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:var(--sb-ui-breadcrumb-transition)}.sb-ui-breadcrumb__link:hover{color:var(--sb-ui-breadcrumb-link-hover);text-decoration-color:currentColor}.sb-ui-breadcrumb__link:active{color:var(--sb-ui-breadcrumb-link-active)}.sb-ui-breadcrumb__link:focus-visible{border-radius:2px;outline:2px solid var(--sb-ui-color-secondary-L100);outline-offset:3px}.sb-ui-breadcrumb__current{color:var(--sb-ui-breadcrumb-current-color);cursor:default;display:inline-block;font-weight:400}}@layer states{.sb-ui-breadcrumb--collapsed .sb-ui-breadcrumb__item:not(:first-child):not(:last-child){display:none}.sb-ui-breadcrumb--collapsed .sb-ui-breadcrumb__item:first-child:after{content:"..."}.sb-ui-breadcrumb--loading{opacity:.6;pointer-events:none}.sb-ui-breadcrumb--loading .sb-ui-breadcrumb__link{cursor:wait}}@layer utilities{@media (prefers-contrast:high){.sb-ui-breadcrumb .sb-ui-breadcrumb__link{text-decoration:underline;text-decoration-color:currentColor}}@media (prefers-reduced-motion:reduce){.sb-ui-breadcrumb{--sb-ui-breadcrumb-transition:none}}@media (max-width:640px){.sb-ui-breadcrumb{--sb-ui-breadcrumb-font-size:0.875rem}.sb-ui-breadcrumb:not(.sb-ui-breadcrumb--no-collapse) .sb-ui-breadcrumb__item:not(:first-child):not(:last-child){display:none}.sb-ui-breadcrumb:not(.sb-ui-breadcrumb--no-collapse) .sb-ui-breadcrumb__item:first-child:after{content:"..."}}}@layer reset, tokens, base, variants, style-variants, brand-overrides, sizes, modifiers, icon-positions, states, utilities;@layer reset{.sb-ui-button{all:unset;box-sizing:border-box}}@layer tokens{.sb-ui-button{--sb-ui-button-bg-color:var(--sb-ui-color-secondary-base);--sb-ui-button-bg-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-bg-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-bg-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-text-color:var(--sb-ui-color-primary-D100);--sb-ui-button-text-hover:var(--sb-ui-color-primary-D100);--sb-ui-button-text-active:var(--sb-ui-color-primary-D100);--sb-ui-button-text-disabled:var(--sb-ui-color-grayscale-base,#9b9b9b);--sb-ui-button-border-color:var(--sb-ui-color-secondary-base);--sb-ui-button-border-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-border-width:1px;--sb-ui-button-border-radius:clamp(1.5rem,1.2rem + 1.5vw,2.5rem);--sb-ui-button-padding-inline:clamp(0.8rem,0.5rem + 1.5vw,2rem);--sb-ui-button-padding-block:clamp(0.4rem,0.3rem + 0.5vw,0.875rem);--sb-ui-button-gap:clamp(0.25rem,0.2rem + 0.3vw,0.5rem);--sb-ui-button-font-family:var(--sb-ui-typography-fontFamily,"Roboto",sans-serif);--sb-ui-button-font-size:clamp(0.875rem,0.8rem + 0.3vw,1rem);--sb-ui-button-font-weight:700;--sb-ui-button-line-height:1.2;--sb-ui-button-min-inline-size:clamp(80px,15vw,120px);--sb-ui-button-min-block-size:clamp(36px,8vw,44px);--sb-ui-button-shadow:none;--sb-ui-button-shadow-hover:none;--sb-ui-button-shadow-active:none;--sb-ui-button-shadow-pressed:inset 0px 2px 4px 0px rgba(0,0,0,.1);--sb-ui-button-transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease,transform 0.2s ease}}@layer base{.sb-ui-button{align-items:center;background-color:var(--sb-ui-button-bg-color);border:var(--sb-ui-button-border-width) solid var(--sb-ui-button-border-color);border-radius:var(--sb-ui-button-border-radius);box-shadow:var(--sb-ui-button-shadow);color:var(--sb-ui-button-text-color);cursor:pointer;display:inline-flex;font-family:var(--sb-ui-button-font-family);font-size:var(--sb-ui-button-font-size);font-style:normal;font-weight:var(--sb-ui-button-font-weight);gap:var(--sb-ui-button-gap);inline-size:auto;justify-content:center;line-height:var(--sb-ui-button-line-height);min-block-size:var(--sb-ui-button-min-block-size);min-inline-size:var(--sb-ui-button-min-inline-size);padding-block:var(--sb-ui-button-padding-block);padding-inline:var(--sb-ui-button-padding-inline);position:relative;text-align:center;text-decoration:none;transition:var(--sb-ui-button-transition);user-select:none;white-space:nowrap}.sb-ui-button:hover:not(:disabled):not(.sb-ui-button--disabled){background-color:var(--sb-ui-button-bg-hover);border-color:var(--sb-ui-button-border-hover,var(--sb-ui-button-border-color));box-shadow:var(--sb-ui-button-shadow-hover);color:var(--sb-ui-button-text-hover,var(--sb-ui-button-text-color));cursor:pointer}.sb-ui-button:active:not(:disabled):not(.sb-ui-button--disabled){background-color:var(--sb-ui-button-bg-active);border-color:var(--sb-ui-button-border-active,var(--sb-ui-button-border-color));box-shadow:var(--sb-ui-button-shadow-pressed,var(--sb-ui-button-shadow-active));color:var(--sb-ui-button-text-active,var(--sb-ui-button-text-color));cursor:pointer}.sb-ui-button:focus-visible:not(:disabled):not(.sb-ui-button--disabled){animation:sb-ui-button-focus-pulse .3s ease-out;outline:3px solid var(--sb-ui-color-secondary-L100);outline-offset:2px}.sb-ui-button.sb-ui-button--disabled,.sb-ui-button:disabled{background-color:var(--sb-ui-button-bg-disabled);border-color:var(--sb-ui-button-border-disabled);box-shadow:none;color:var(--sb-ui-button-text-disabled);cursor:not-allowed;outline:none}.sb-ui-button.sb-ui-button--disabled:hover,.sb-ui-button:disabled:hover{background-color:var(
        --sb-ui-button-bg-disabled-hover,var(--sb-ui-button-bg-disabled)
      )!important;border-color:var(
        --sb-ui-button-border-disabled-hover,var(--sb-ui-button-border-disabled)
      )!important;box-shadow:none;color:var(--sb-ui-button-text-disabled-hover,var(--sb-ui-button-text-disabled))!important;cursor:not-allowed;outline:none}.sb-ui-button.sb-ui-button--disabled:focus,.sb-ui-button.sb-ui-button--disabled:focus-visible,.sb-ui-button:disabled:focus,.sb-ui-button:disabled:focus-visible{outline:none}}@layer variants{.sb-ui-button--primary{--sb-ui-button-primary-stroke-bg:var(--sb-ui-color-grayscale-white);--sb-ui-button-primary-stroke-bg-hover:var(--sb-ui-color-secondary-L400);--sb-ui-button-primary-stroke-bg-active:var(--sb-ui-color-secondary-L300);--sb-ui-button-primary-stroke-bg-disabled:transparent;--sb-ui-button-primary-stroke-text:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-stroke-text-hover:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-stroke-text-active:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-stroke-text-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-primary-stroke-border:var(--sb-ui-color-secondary-base);--sb-ui-button-primary-stroke-border-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-primary-stroke-border-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-primary-stroke-border-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-primary-fill-bg:var(--sb-ui-color-secondary-base);--sb-ui-button-primary-fill-bg-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-primary-fill-bg-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-primary-fill-bg-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-primary-fill-text:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-fill-text-hover:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-fill-text-active:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-fill-text-disabled:var(--sb-ui-color-grayscale-L100);--sb-ui-button-primary-fill-border:var(--sb-ui-color-secondary-base);--sb-ui-button-primary-fill-border-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-primary-fill-border-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-primary-fill-border-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-primary-text-bg:transparent;--sb-ui-button-primary-text-bg-hover:transparent;--sb-ui-button-primary-text-bg-active:transparent;--sb-ui-button-primary-text-bg-disabled:transparent;--sb-ui-button-primary-text-text:var(--sb-ui-color-primary-base);--sb-ui-button-primary-text-text-hover:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-text-text-active:var(--sb-ui-color-primary-D200);--sb-ui-button-primary-text-text-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-primary-text-border:transparent;--sb-ui-button-primary-text-border-hover:transparent;--sb-ui-button-primary-text-border-active:transparent;--sb-ui-button-primary-text-border-disabled:transparent;--sb-ui-button-bg-color:var(--sb-ui-color-grayscale-white);--sb-ui-button-bg-hover:var(--sb-ui-color-secondary-L400);--sb-ui-button-bg-active:var(--sb-ui-color-secondary-L300);--sb-ui-button-bg-disabled:transparent;--sb-ui-button-text-color:var(--sb-ui-color-primary-D100);--sb-ui-button-text-hover:var(--sb-ui-color-primary-D100);--sb-ui-button-text-active:var(--sb-ui-color-primary-D100);--sb-ui-button-text-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-border-color:var(--sb-ui-color-secondary-base);--sb-ui-button-border-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-border-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-border-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-border-width:1px;--sb-ui-button-shadow-pressed:inset 2px 2px 3px 0px rgba(27,27,27,.16);--sb-ui-button-bg-disabled-hover:var(--sb-ui-color-grayscale-L200);--sb-ui-button-text-disabled-hover:var(--sb-ui-color-grayscale-base);--sb-ui-button-border-disabled-hover:var(--sb-ui-color-grayscale-base)}.sb-ui-button--secondary{--sb-ui-button-secondary-stroke-bg:var(--sb-ui-color-grayscale-white);--sb-ui-button-secondary-stroke-bg-hover:var(--sb-ui-color-secondary-L400);--sb-ui-button-secondary-stroke-bg-active:var(--sb-ui-color-secondary-L300);--sb-ui-button-secondary-stroke-bg-disabled:var(--sb-ui-color-grayscale-white);--sb-ui-button-secondary-stroke-text:var(--sb-ui-color-primary-D100);--sb-ui-button-secondary-stroke-text-hover:var(
      --sb-ui-color-primary-D100
    );--sb-ui-button-secondary-stroke-text-active:var(
      --sb-ui-color-primary-D100
    );--sb-ui-button-secondary-stroke-text-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-secondary-stroke-border:var(--sb-ui-color-secondary-base);--sb-ui-button-secondary-stroke-border-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-secondary-stroke-border-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-secondary-stroke-border-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-secondary-fill-bg:var(--sb-ui-color-secondary-base);--sb-ui-button-secondary-fill-bg-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-secondary-fill-bg-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-secondary-fill-bg-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-secondary-fill-text:var(--sb-ui-color-primary-base);--sb-ui-button-secondary-fill-text-hover:var(--sb-ui-color-primary-D100);--sb-ui-button-secondary-fill-text-active:var(--sb-ui-color-primary-D200);--sb-ui-button-secondary-fill-text-disabled:var(--sb-ui-color-grayscale-L100);--sb-ui-button-secondary-fill-border:var(--sb-ui-color-secondary-base);--sb-ui-button-secondary-fill-border-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-secondary-fill-border-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-secondary-fill-border-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-secondary-text-bg:transparent;--sb-ui-button-secondary-text-bg-hover:transparent;--sb-ui-button-secondary-text-bg-active:transparent;--sb-ui-button-secondary-text-bg-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-secondary-text-text:var(--sb-ui-color-secondary-base);--sb-ui-button-secondary-text-text-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-secondary-text-text-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-secondary-text-text-disabled:var(--sb-ui-color-grayscale-L100);--sb-ui-button-secondary-text-border:transparent;--sb-ui-button-secondary-text-border-hover:transparent;--sb-ui-button-secondary-text-border-active:transparent;--sb-ui-button-secondary-text-border-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-bg-color:var(--sb-ui-color-grayscale-white);--sb-ui-button-bg-hover:var(--sb-ui-color-secondary-L400);--sb-ui-button-bg-active:var(--sb-ui-color-secondary-L300);--sb-ui-button-bg-disabled:var(--sb-ui-color-grayscale-white);--sb-ui-button-text-color:var(--sb-ui-color-primary-D100);--sb-ui-button-text-hover:var(--sb-ui-color-primary-D100);--sb-ui-button-text-active:var(--sb-ui-color-primary-D100);--sb-ui-button-text-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-border-color:var(--sb-ui-color-secondary-base);--sb-ui-button-border-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-border-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-border-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-border-width:1px;--sb-ui-button-shadow-pressed:inset 2px 2px 3px 0px rgba(27,27,27,.16)}.sb-ui-button--tertiary{--sb-ui-button-tertiary-stroke-bg:var(--sb-ui-color-grayscale-white);--sb-ui-button-tertiary-stroke-bg-hover:var(--sb-ui-color-tertiary-L400);--sb-ui-button-tertiary-stroke-bg-active:var(--sb-ui-color-tertiary-L300);--sb-ui-button-tertiary-stroke-bg-disabled:var(--sb-ui-color-grayscale-white);--sb-ui-button-tertiary-stroke-text:var(--sb-ui-color-tertiary-D100);--sb-ui-button-tertiary-stroke-text-hover:var(--sb-ui-color-tertiary-D100);--sb-ui-button-tertiary-stroke-text-active:var(--sb-ui-color-tertiary-D200);--sb-ui-button-tertiary-stroke-text-disabled:var(--sb-ui-color-grayscale-L100);--sb-ui-button-tertiary-stroke-border:var(--sb-ui-color-tertiary-base);--sb-ui-button-tertiary-stroke-border-hover:var(--sb-ui-color-tertiary-D100);--sb-ui-button-tertiary-stroke-border-active:var(--sb-ui-color-tertiary-D200);--sb-ui-button-tertiary-stroke-border-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-tertiary-fill-bg:var(--sb-ui-color-tertiary-base);--sb-ui-button-tertiary-fill-bg-hover:var(--sb-ui-color-tertiary-D100);--sb-ui-button-tertiary-fill-bg-active:var(--sb-ui-color-tertiary-D200);--sb-ui-button-tertiary-fill-bg-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-tertiary-fill-text:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-button-tertiary-fill-text-hover:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-button-tertiary-fill-text-active:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-button-tertiary-fill-text-disabled:var(--sb-ui-color-grayscale-L100);--sb-ui-button-tertiary-fill-border:var(--sb-ui-color-tertiary-base);--sb-ui-button-tertiary-fill-border-hover:var(--sb-ui-color-tertiary-D100);--sb-ui-button-tertiary-fill-border-active:var(--sb-ui-color-tertiary-D200);--sb-ui-button-tertiary-fill-border-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-tertiary-text-bg:transparent;--sb-ui-button-tertiary-text-bg-hover:transparent;--sb-ui-button-tertiary-text-bg-active:transparent;--sb-ui-button-tertiary-text-bg-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-tertiary-text-text:var(--sb-ui-color-tertiary-base);--sb-ui-button-tertiary-text-text-hover:var(--sb-ui-color-tertiary-D100);--sb-ui-button-tertiary-text-text-active:var(--sb-ui-color-tertiary-D200);--sb-ui-button-tertiary-text-text-disabled:var(--sb-ui-color-grayscale-L100);--sb-ui-button-tertiary-text-border:transparent;--sb-ui-button-tertiary-text-border-hover:transparent;--sb-ui-button-tertiary-text-border-active:transparent;--sb-ui-button-tertiary-text-border-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-bg-color:var(--sb-ui-color-grayscale-white);--sb-ui-button-bg-hover:var(--sb-ui-color-tertiary-L400);--sb-ui-button-bg-active:var(--sb-ui-color-tertiary-L300);--sb-ui-button-bg-disabled:var(--sb-ui-color-grayscale-white);--sb-ui-button-text-color:var(--sb-ui-color-tertiary-D100);--sb-ui-button-text-hover:var(--sb-ui-color-tertiary-D100);--sb-ui-button-text-active:var(--sb-ui-color-tertiary-D200);--sb-ui-button-text-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-border-color:var(--sb-ui-color-tertiary-base);--sb-ui-button-border-hover:var(--sb-ui-color-tertiary-D100);--sb-ui-button-border-active:var(--sb-ui-color-tertiary-D200);--sb-ui-button-border-disabled:var(--sb-ui-color-grayscale-base);--sb-ui-button-border-width:1px;--sb-ui-button-shadow-pressed:inset 2px 2px 3px 0px rgba(27,27,27,.16)}.sb-ui-button--error{--sb-ui-button-error-stroke-bg:transparent;--sb-ui-button-error-stroke-bg-hover:transparent;--sb-ui-button-error-stroke-bg-active:transparent;--sb-ui-button-error-stroke-bg-disabled:transparent;--sb-ui-button-error-stroke-bg-disabled-hover:var(--sb-ui-color-feedback-error-L400,#fbebec);--sb-ui-button-error-stroke-text:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-stroke-text-hover:var(--sb-ui-color-feedback-error-D100,#c93241);--sb-ui-button-error-stroke-text-active:var(--sb-ui-color-feedback-error-D200,#b5303d);--sb-ui-button-error-stroke-text-disabled:var(--sb-ui-color-feedback-error-L200,#ee9aa2);--sb-ui-button-error-stroke-text-disabled-hover:var(
      --sb-ui-color-feedback-error-L200,#ee9aa2
    );--sb-ui-button-error-stroke-border:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-stroke-border-hover:var(--sb-ui-color-feedback-error-D100,#c93241);--sb-ui-button-error-stroke-border-active:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-stroke-border-disabled:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-stroke-border-disabled-hover:var(
      --sb-ui-color-feedback-error-L200,#ee9aa2
    );--sb-ui-button-error-fill-bg:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-fill-bg-hover:var(--sb-ui-color-feedback-error-D100,#c93241);--sb-ui-button-error-fill-bg-active:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-fill-bg-disabled:var(--sb-ui-color-feedback-error-L400,#fbebec);--sb-ui-button-error-fill-bg-disabled-hover:var(--sb-ui-color-feedback-error-L300,#f5c2c7);--sb-ui-button-error-fill-text:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-button-error-fill-text-hover:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-button-error-fill-text-active:var(--sb-ui-color-grayscale-white,#fff);--sb-ui-button-error-fill-text-disabled:var(--sb-ui-color-feedback-error-L200,#ee9aa2);--sb-ui-button-error-fill-text-disabled-hover:var(--sb-ui-color-feedback-error-L200,#ee9aa2);--sb-ui-button-error-fill-border:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-fill-border-hover:var(--sb-ui-color-feedback-error-D100,#c93241);--sb-ui-button-error-fill-border-active:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-fill-border-disabled:var(--sb-ui-color-feedback-error-L400,#fbebec);--sb-ui-button-error-fill-border-disabled-hover:var(
      --sb-ui-color-feedback-error-L300,#f5c2c7
    );--sb-ui-button-error-text-bg:transparent;--sb-ui-button-error-text-bg-hover:transparent;--sb-ui-button-error-text-bg-active:transparent;--sb-ui-button-error-text-bg-disabled:var(--sb-ui-color-feedback-error-L400,#fbebec);--sb-ui-button-error-text-text:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-text-text-hover:var(--sb-ui-color-feedback-error-D100,#c93241);--sb-ui-button-error-text-text-active:var(--sb-ui-color-feedback-error-D200,#b5303d);--sb-ui-button-error-text-text-disabled:var(--sb-ui-color-feedback-error-L200,#ee9aa2);--sb-ui-button-error-text-border:transparent;--sb-ui-button-error-text-border-hover:transparent;--sb-ui-button-error-text-border-active:var(--sb-ui-color-feedback-error-base,#dc3545);--sb-ui-button-error-text-border-disabled:transparent;--sb-ui-button-bg-color:var(--sb-ui-button-error-stroke-bg);--sb-ui-button-bg-hover:var(--sb-ui-button-error-stroke-bg-hover);--sb-ui-button-bg-active:var(--sb-ui-button-error-stroke-bg-active);--sb-ui-button-bg-disabled:var(--sb-ui-button-error-stroke-bg-disabled);--sb-ui-button-bg-disabled-hover:var(--sb-ui-button-error-stroke-bg-disabled-hover);--sb-ui-button-text-color:var(--sb-ui-button-error-stroke-text);--sb-ui-button-text-hover:var(--sb-ui-button-error-stroke-text-hover);--sb-ui-button-text-active:var(--sb-ui-button-error-stroke-text-active);--sb-ui-button-text-disabled:var(--sb-ui-button-error-stroke-text-disabled);--sb-ui-button-text-disabled-hover:var(--sb-ui-button-error-stroke-text-disabled-hover);--sb-ui-button-border-color:var(--sb-ui-button-error-stroke-border);--sb-ui-button-border-hover:var(--sb-ui-button-error-stroke-border-hover);--sb-ui-button-border-active:var(--sb-ui-button-error-stroke-border-active);--sb-ui-button-border-disabled:var(--sb-ui-button-error-stroke-border-disabled);--sb-ui-button-border-disabled-hover:var(--sb-ui-button-error-stroke-border-disabled-hover);--sb-ui-button-border-width:1px;--sb-ui-button-shadow-pressed:inset 2px 2px 3px 0px rgba(27,27,27,.16)}.sb-ui-button--error:focus-visible:not(:disabled):not(.sb-ui-button--disabled){outline:2px solid var(--sb-ui-color-feedback-error-L100,#e7727d);outline-offset:2px}}@layer style-variants{.sb-ui-button--stroke{--sb-ui-button-bg-color:transparent}.sb-ui-button--fill.sb-ui-button--primary{--sb-ui-button-primary-fill-bg:var(--sb-ui-color-secondary-base);--sb-ui-button-primary-fill-bg-hover:var(--sb-ui-color-secondary-D100);--sb-ui-button-primary-fill-bg-active:var(--sb-ui-color-secondary-D200);--sb-ui-button-primary-fill-bg-disabled:var(--sb-ui-color-grayscale-L300,#f5f5f5);--sb-ui-button-primary-fill-text:var(--sb-ui-color-primary-D100);--sb-ui-button-primary-fill-text-hover:var(--sb-ui-color-prim