.sui-button{display:flex;flex-direction:row;align-items:center;text-align:center;position:relative;gap:.5rem;outline:none;border:none;font-weight:400;border-radius:var(--radius-md);transition:transform .15s,background-color .15s,border-color .15s,color .15s;transition-timing-function:ease;cursor:pointer;background-color:var(--default-base);border-color:var(--border);color:var(--text-normal);min-width:fit-content;will-change:transform;text-decoration:none}.sui-button.disabled{pointer-events:none;opacity:.5}.sui-button.outlined{border-width:1px;border-style:solid}.sui-button.outlined:hover,.sui-button.outlined:active,.sui-button:hover{background-color:var(--default-hover)}.sui-button:active{background-color:var(--default-active);transform:scale(.95)}.sui-button.flat{background:var(--default-flat)}.sui-button.flat:hover{background:var(--default-flat-hover)}.sui-button.flat:active{background:var(--default-flat-active)}.sui-button.sm{height:32px;padding:.5rem .75rem;font-size:.825em}.sui-button.md{height:40px;padding:.5rem .75rem;font-size:.875em}.sui-button.lg{height:48px;padding:.75rem 1rem;font-size:1em}.sui-button:focus-visible{outline:2px solid var(--text-normal);outline-offset:2px}.sui-button.primary{background-color:var(--primary-base);border-color:var(--primary-base);color:var(--text-inverted)}.sui-button.primary:hover{background-color:var(--primary-hover)}.sui-button.primary:active{background-color:var(--primary-active)}.sui-button.primary.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.primary.outlined:hover{background-color:var(--default-hover)}.sui-button.primary.outlined:active{background-color:var(--default-active)}.sui-button.primary.flat{background-color:var(--primary-flat);color:#b796fd}.sui-button.primary.flat:hover{background-color:var(--primary-flat-hover)}.sui-button.primary.flat:active{background-color:var(--primary-flat-active)}.sui-button.success{background-color:var(--success-base);border-color:var(--success-base);color:var(--text-dark)}.sui-button.success:hover{background-color:var(--success-hover)}.sui-button.success:active{background-color:var(--success-active)}.sui-button.success.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.success.outlined:hover{background-color:var(--default-hover)}.sui-button.success.outlined:active{background-color:var(--default-active)}.sui-button.success.flat{background-color:var(--success-flat);color:var(--success-base)}.sui-button.success.flat:hover{background-color:var(--success-flat-hover)}.sui-button.success.flat:active{background-color:var(--success-flat-active)}.sui-button.warning{background-color:var(--warning-base);border-color:var(--warning-base);color:var(--text-dark)}.sui-button.warning:hover{background-color:var(--warning-hover)}.sui-button.warning:active{background-color:var(--warning-active)}.sui-button.warning.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.warning.outlined:hover{background-color:var(--default-hover)}.sui-button.warning.outlined:active{background-color:var(--default-active)}.sui-button.warning.flat{background-color:var(--warning-flat);color:var(--warning-base)}.sui-button.warning.flat:hover{background-color:var(--warning-flat-hover)}.sui-button.warning.flat:active{background-color:var(--warning-flat-active)}.sui-button.danger{background-color:var(--danger-base);border-color:var(--danger-base);color:var(--text-light)}.sui-button.danger:hover{background-color:var(--danger-hover)}.sui-button.danger:active{background-color:var(--danger-active)}.sui-button.danger.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.danger.outlined:hover{background-color:var(--default-hover)}.sui-button.danger.outlined:active{background-color:var(--default-active)}.sui-button.danger.flat{background-color:var(--danger-flat);color:#f971a5}.sui-button.danger.flat:hover{background-color:var(--danger-flat-hover)}.sui-button.danger.flat:active{background-color:var(--danger-flat-active)}.sui-button.info{background-color:var(--info-base);border-color:var(--info-base);color:var(--text-light)}.sui-button.info:hover{background-color:var(--info-hover)}.sui-button.info:active{background-color:var(--info-active)}.sui-button.info.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.info.outlined:hover{background-color:var(--default-hover)}.sui-button.info.outlined:active{background-color:var(--default-active)}.sui-button.info.flat{background-color:var(--info-flat);color:var(--info-base)}.sui-button.info.flat:hover{background-color:var(--info-flat-hover)}.sui-button.info.flat:active{background-color:var(--info-flat-active)}.sui-button.mono{background-color:var(--mono-base);border-color:var(--mono-base);color:var(--text-inverted)}.sui-button.mono:hover{background-color:var(--mono-hover)}.sui-button.mono:active{background-color:var(--mono-active)}.sui-button.mono.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.mono.outlined:hover{background-color:var(--default-hover)}.sui-button.mono.outlined:active{background-color:var(--default-active)}.sui-button.mono.flat{background-color:var(--mono-flat);color:var(--mono-base)}.sui-button.mono.flat:hover{background-color:var(--mono-flat-hover)}.sui-button.mono.flat:active{background-color:var(--mono-flat-active)}.sui-button.full{width:100%;justify-content:center}[data-theme=light]{.sui-button.primary.flat{color:#4f12d3}.sui-button.success.flat{background-color:var(--success-flat);color:#15512c}.sui-button.success.flat:hover{background-color:var(--success-flat-hover)}.sui-button.success.flat:active{background-color:var(--success-flat-active)}.sui-button.warning.flat{background-color:var(--warning-flat);color:#5b4b0b}.sui-button.warning.flat:hover{background-color:var(--warning-flat-hover)}.sui-button.warning.flat:active{background-color:var(--warning-flat-active)}.sui-button.danger.flat{color:#920234}}.sui-dropdown-toggle{width:fit-content}.sui-dropdown-container{position:relative;display:flex;flex-direction:column;gap:.25rem}.sui-dropdown{position:absolute;list-style:none;margin:0;padding:0;flex-direction:column;border-radius:var(--radius-md);background-color:var(--background-step-2);overflow:hidden;left:0;z-index:90;min-width:200px;max-width:min-content;height:0;border:none;pointer-events:none;user-select:none;box-shadow:0 4px 8px var(--shadow)}@keyframes pop-up{0%{scale:.9;opacity:0}to{scale:1;opacity:1;user-select:all}}@keyframes pop-down{0%{scale:1;height:auto;border:initial;pointer-events:all;top:auto;bottom:auto;border:1px solid var(--border);opacity:1;user-select:all}99.9999%{scale:.9;height:auto;border:initial;pointer-events:all;bottom:initial;top:auto;bottom:auto;border:1px solid var(--border);opacity:0}to{height:0;border:none;pointer-events:none;user-select:none}}.sui-dropdown.initialized{animation:pop-down .15s ease forwards}.sui-dropdown.initialized.active{display:flex;border:1px solid var(--border);height:auto;pointer-events:all;animation:pop-up .15s ease forwards}.sui-dropdown.initialized.below{top:calc(100% + .25rem + var(--offset))!important;bottom:auto;transform-origin:top center}.sui-dropdown.below.start{transform-origin:top left}.sui-dropdown.below.end{transform-origin:top right}.sui-dropdown.above{top:auto;bottom:calc(100% + .25rem + var(--offset))!important;transform-origin:bottom center}.sui-dropdown.above.start{transform-origin:bottom left}.sui-dropdown.above.end{transform-origin:bottom right}.sui-dropdown-option{cursor:pointer;font-size:.975em;transition:all .15s ease;display:flex;flex-direction:row;align-items:center;width:100%;white-space:normal;user-select:none}.sui-dropdown-line-container{display:flex;flex-direction:row;align-items:center;padding:.5rem .75rem;width:100%;gap:.5rem}.sui-dropdown-option:hover,.sui-dropdown-option:focus,.sui-dropdown-option.focused{background-color:var(--background-step-3)}.sui-dropdown-option.has-href{padding:0}.sui-dropdown-link{width:100%;text-decoration:none;color:var(--text-normal)}.sui-dropdown-option.primary{color:var(--primary-base)}.sui-dropdown-option.primary:hover{background-color:var(--primary-base);color:var(--text-inverted)}.sui-dropdown-option.success{color:var(--success-base)}.sui-dropdown-option.success:hover{background-color:var(--success-base);color:var(--text-dark)}.sui-dropdown-option.warning{color:var(--warning-base)}.sui-dropdown-option.warning:hover{background-color:var(--warning-base);color:var(--text-dark)}.sui-dropdown-option.danger{color:var(--danger-vibrant)}.sui-dropdown-option.danger:hover{background-color:var(--danger-base);color:var(--text-light)}.sui-dropdown-option.info{color:var(--info-vibrant)}.sui-dropdown-option.info:hover{background-color:var(--info-base);color:var(--text-light)}.sui-dropdown-option.mono{color:var(--text-normal)}.sui-dropdown-option.mono:hover{background-color:var(--mono-base);color:var(--text-inverted)}.sui-dropdown-option.disabled{pointer-events:none;color:var(--text-muted)}.sui-dropdown-option.end{justify-content:space-between}.sui-dropdown-option.has-icon .sui-dropdown-line-container{padding-left:.5rem}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}.active-language-selector-option{background-color:var(--primary-base);color:var(--text-inverted);&:hover{background-color:var(--primary-hover)}}