button.button--xsmall{--button-icon-width:1rem;--button-padding:var(--spacing-02)}button.button--small{--button-icon-width:1.25rem;--button-padding:var(--spacing-03)}button.button--medium{--button-icon-width:1.5rem;--button-padding:var(--spacing-04)}button.button--large{--button-icon-width:2rem;--button-padding:var(--spacing-05)}.button--container{--button-icon-width:1.5rem;--button-padding:var(--spacing-04);padding:var(--button-padding);align-items:center;column-gap:var(--spacing-05);text-align:start;vertical-align:middle;cursor:pointer;color:var(--primary-color);border:none;outline:none;transition:background-color .5s;display:inline-flex;position:relative}.button--container:not(.button--icon-only){min-width:72px}.button--icon[data-empty=true]{display:none}.button--icon-left{flex-direction:row-reverse;justify-content:flex-end}.button--icon-only{aspect-ratio:1}.button--primary{background-color:var(--button-primary);border:1px solid var(--button-primary)}.button--primary:not(:disabled):hover{background-color:var(--button-primary-hover)}.button--ghost{background-color:#0000}.button--ghost:not(:disabled):hover{background-color:var(--border-subtle-02)}.button--danger{background-color:var(--error-color);border:1px solid var(--error-color);color:#fff}.button--danger:not(:disabled):hover{background-color:var(--error-color-hover)}.button--label{color:inherit;font-family:var(--font-nunito-sans,"Nunito Sans"),sans-serif;font-size:var(--font-size-body-01);letter-spacing:.01em;font-weight:500}.button--icon{width:var(--button-icon-width);min-width:var(--button-icon-width);color:inherit;justify-content:center;align-items:center;display:inline-flex}.button--icon svg>path{fill:currentColor}.button--label[data-empty=true],.button--icon[data-empty=true]{visibility:hidden}.button--trailing-icon{justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0;right:0}.button--active svg>path{fill:var(--text-highlight)}button.button--container:disabled,.button--container:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.2)}button.button--container:disabled .button--icon,.button--container:disabled .button--label{color:var(--secondary-color)}
@media (max-width:768px){.tooltip--label{display:none!important}.tooltip--container:has(.settings-panel--info-icon) .tooltip--label{display:block!important}}.tooltip--container{display:inline-block;position:relative}.tooltip--container--inline{justify-content:center;align-items:center;line-height:1;display:inline-flex}.tooltip--label{color:var(--primary-color);font-family:var(--font-nunito-sans,"Nunito Sans"),sans-serif;font-size:var(--font-size-body-01);letter-spacing:.01em;background-color:var(--highlight-color);padding:var(--spacing-03) var(--spacing-06);white-space:normal;z-index:10000;pointer-events:none;outline:1px solid var(--button-primary-hover);border-radius:var(--spacing-02);max-width:18rem;font-weight:500;position:fixed;box-shadow:0 2px 2px #0003}.tooltip--label.tooltip--label--sm{font-family:var(--font-nunito-sans,"Nunito Sans"),sans-serif;font-size:var(--font-size-small-01);color:var(--secondary-color);letter-spacing:.02em;padding:var(--spacing-02) var(--spacing-04);font-weight:600}.tooltip--label.tooltip--label--wide{font-family:var(--font-nunito-sans,"Nunito Sans"),sans-serif;font-size:var(--font-size-small-01);color:var(--secondary-color);letter-spacing:.02em;white-space:nowrap;max-width:none;padding:var(--spacing-02) var(--spacing-05);font-weight:600}.tooltip--label:before{content:"";border-style:solid;width:0;height:0;position:absolute}.tooltip--position-top{top:calc(var(--trigger-top) - var(--spacing-04));left:calc(var(--trigger-left) + var(--trigger-width)/2);transform:translate(-50%,-100%)}.tooltip--position-top:before{border-width:6px 6px 0;border-color:var(--highlight-color) #0000 #0000 #0000;top:100%;left:50%;transform:translate(-50%)}.tooltip--position-bottom{top:calc(var(--trigger-top) + var(--trigger-height) + var(--spacing-04));left:calc(var(--trigger-left) + var(--trigger-width)/2);transform:translate(-50%)}.tooltip--position-bottom:before{border-width:0 6px 6px;border-color:#0000 #0000 var(--highlight-color) #0000;bottom:100%;left:50%;transform:translate(-50%)}.tooltip--position-left{top:calc(var(--trigger-top) + var(--trigger-height)/2);left:calc(var(--trigger-left) - var(--spacing-04));transform:translate(-100%,-50%)}.tooltip--position-left:before{border-width:6px 0 6px 6px;border-color:#0000 #0000 #0000 var(--highlight-color);top:50%;left:100%;transform:translateY(-50%)}.tooltip--position-right{top:calc(var(--trigger-top) + var(--trigger-height)/2);left:calc(var(--trigger-left) + var(--trigger-width) + var(--spacing-04));transform:translateY(-50%)}.tooltip--position-right:before{border-width:6px 6px 6px 0;border-color:#0000 var(--highlight-color) #0000 #0000;top:50%;right:100%;transform:translateY(-50%)}.tooltip--position-top-left{top:calc(var(--trigger-top) - var(--spacing-04));left:var(--trigger-left);transform:translateY(-100%)}.tooltip--position-top-left:before{top:100%;left:var(--spacing-05);border-width:6px 6px 0;border-color:var(--highlight-color) #0000 #0000 #0000}.tooltip--position-top-right{top:calc(var(--trigger-top) - var(--spacing-04));left:calc(var(--trigger-left) + var(--trigger-width));transform:translate(-100%,-100%)}.tooltip--position-top-right:before{top:100%;right:var(--spacing-05);border-width:6px 6px 0;border-color:var(--highlight-color) #0000 #0000 #0000}.tooltip--position-bottom-left{top:calc(var(--trigger-top) + var(--trigger-height) + var(--spacing-04));left:var(--trigger-left)}.tooltip--position-bottom-left:before{bottom:100%;left:var(--spacing-05);border-width:0 6px 6px;border-color:#0000 #0000 var(--highlight-color) #0000}.tooltip--position-bottom-right{top:calc(var(--trigger-top) + var(--trigger-height) + var(--spacing-04));left:calc(var(--trigger-left) + var(--trigger-width));transform:translate(-100%)}.tooltip--position-bottom-right:before{bottom:100%;right:var(--spacing-05);border-width:0 6px 6px;border-color:#0000 #0000 var(--highlight-color) #0000}
.icon--container{color:var(--primary-color)}