.button-icon{align-items:center;border-radius:4px;display:flex;gap:6px;justify-content:center;position:relative}.button-icon:focus{border:2px solid}.button-icon.small{height:24px;width:24px}.button-icon.medium{height:28px;width:28px}.button-icon.standard{height:32px;width:32px}.button-icon.large{height:36px;width:36px}.button-icon:hover.subtle-false{background-color:var(--fargerblue-1)}.button-icon.active.subtle-false,.button-icon:active.subtle-false{background-color:var(--fargerblue-2)}.button-icon:focus.subtle-true{background-color:var(--fargerneutral-3);border-color:var(--fargerneutral-2)}.button-icon.active.subtle-true,.button-icon:active.subtle-true{background-color:var(--fargerneutral-4)}.button-icon.subtle-false:focus{background-color:var(--fargerblue-1);border-color:var(--fargerblue-2)}.button-icon:hover.subtle-true{background-color:var(--fargerneutral-3)}.button-main:disabled{pointer-events:none;opacity:.8}.button-main{align-items:center;border-radius:4px;display:inline-flex;justify-content:center;position:relative;padding:12.5px 16px;gap:6px}.button-main:focus{padding:12.5px 14px}.button-main.font-small{font:var(--body2-medium)}.button-main.font-large{font:var(--h3-medium)}.button-main.font-medium{font:var(--body1-medium)}.button-main.align-left{justify-content:left}.button-main.align-center{justify-content:center}.button-main.align-right{justify-content:right}.button-main.sporange.text{color:var(--fargersporange-6)}.button-main.sporange.text:focus,.button-main.sporange.text:hover{background-color:var(--fargersporange-1)}.button-main.sporange.text:focus{border-radius:4px;border:2px solid var(--fargersporange-2)}.button-main.sporange.text.active,.button-main.sporange.text:active{color:var(--fargersporange-7);background-color:var(--fargersporange-2)}.button-main.sporange.filled{background-color:var(--fargersporange-6);color:#ffffff}.button-main.sporange.filled:hover{background-color:var(--fargersporange-5)}.button-main.sporange.filled.active,.button-main.sporange.filled:active{background-color:var(--fargersporange-7)}.button-main.sporange.filled:focus{background-color:var(--fargersporange-5);border:2px solid var(--fargersporange-3)}.button-main.sporange.outlined{border:1px solid var(--fargersporange-6);color:var(--fargersporange-6)}.button-main.sporange.outlined:hover{border:1px solid var(--fargersporange-5);color:var(--fargersporange-5)}.button-main.sporange.outlined.active,.button-main.sporange.outlined:active{border:1px solid var(--fargersporange-7);color:var(--fargersporange-7)}.button-main.sporange.outlined:focus{border:2px solid var(--fargersporange-5);color:var(--fargersporange-5)}.button-main.spblue.text{color:var(--fargerspblue-6)}.button-main.spblue.text:hover{background-color:var(--fargerspblue-2)}.button-main.spblue.text:focus{border-radius:4px;border:2px solid var(--fargerspblue-3);background-color:var(--fargerspblue-1)}.button-main.spblue.text.active,.button-main.spblue.text:active{color:var(--fargerspblue-7);background-color:var(--fargerspblue-3)}.button-main.filled.spblue{background-color:var(--fargerspblue-6);color:#ffffff}.button-main.filled.spblue:focus,.button-main.filled.spblue:hover{background-color:var(--fargerspblue-5)}.button-main.filled.spblue:focus{border:2px solid var(--fargerspblue-3)}.button-main.filled.spblue.active,.button-main.filled.spblue:active{background-color:var(--fargerspblue-7)}.button-main.spblue.outlined{border:1px solid var(--fargerspblue-6);color:var(--fargerspblue-6)}.button-main.spblue.outlined:hover{border:1px solid var(--fargerspblue-5);color:var(--fargerspblue-5)}.button-main.spblue.outlined.active,.button-main.spblue.outlined:active{border:1px solid var(--fargerspblue-7);color:var(--fargerspblue-7)}.button-main.spblue.outlined:focus{border:2px solid var(--fargerspblue-5);color:var(--fargerspblue-5)}.button-main.spblue-spaqua.text{color:var(--spblue-spaqua-6)}.button-main.spblue.text:hover{background-color:var(--spblue-spaqua-2)}.button-main.spblue-spaqua.text:focus{border-radius:4px;border:2px solid var(--spblue-spaqua-3);background-color:var(--spblue-spaqua-1)}.button-main.spblue-spaqua.text.active,.button-main.spblue-spaqua.text:active{color:var(--spblue-spaqua-7);background-color:var(--spblue-spaqua-3)}.button-main.filled.spblue-spaqua{background-color:var(--spblue-spaqua-6-5);color:var(--spblue-0-11)}.button-main.filled.spblue-spaqua:hover{background-color:var(--spblue-spaqua-5)}.button-main.filled.spblue-spaqua:focus{background-color:var(--spblue-spaqua-5);border:2px solid var(--spblue-spaqua-3)}.button-main.filled.spblue-spaqua.active,.button-main.filled.spblue-spaqua:active{background-color:var(--spblue-spaqua-7)}.button-main.spblue-spaqua.outlined{border:1px solid var(--spblue-spaqua-6);color:var(--spblue-spaqua-6)}.button-main.spblue-spaqua.outlined:hover{border:1px solid var(--spblue-spaqua-5);color:var(--spblue-spaqua-5)}.button-main.spblue-spaqua.outlined.active,.button-main.spblue-spaqua.outlined:active{border:1px solid var(--spblue-spaqua-7);color:var(--spblue-spaqua-7)}.button-main.spblue-spaqua.outlined:focus{border:2px solid var(--spblue-spaqua-5);color:var(--spblue-spaqua-5)}.button-main.spaqua.text{color:var(--fargerspaqua-6)}.button-main.spaqua.text:focus,.button-main.spaqua.text:hover{background-color:var(--fargerspaqua-1)}.button-main.spaqua.text:focus{border-radius:4px;border:2px solid var(--fargerspaqua-2)}.button-main.spaqua.text.active,.button-main.spaqua.text:active{color:var(--fargerspaqua-7);background-color:var(--fargerspaqua-2)}.button-main.spaqua.filled{background-color:var(--fargerspaqua-6);color:#ffffff}.button-main.spaqua.filled:hover{background-color:var(--fargerspaqua-5)}.button-main.spaqua.filled.active,.button-main.spaqua.filled:active{background-color:var(--fargerspaqua-7)}.button-main.spaqua.filled:focus{background-color:var(--fargerspaqua-5);border:2px solid var(--fargerspaqua-3)}.button-main.spaqua.outlined{border:1px solid var(--fargerspaqua-6);color:var(--fargerspaqua-6)}.button-main.spaqua.outlined:hover{border:1px solid var(--fargerspaqua-5);color:var(--fargerspaqua-5)}.button-main.spaqua.outlined.active,.button-main.spaqua.outlined:active{border:1px solid var(--fargerspaqua-7);color:var(--fargerspaqua-7)}.button-main.spaqua.outlined:focus{border:2px solid var(--fargerspaqua-5);color:var(--fargerspaqua-5)}.button-main.neutral.text{color:var(--fargerneutral-8)}.button-main.neutral.text:focus,.button-main.neutral.text:hover{background-color:var(--neutral-1-10)}.button-main.neutral.text:focus{border-radius:4px;border:2px solid var(--neutral-2-9)}.button-main.neutral.text.active,.button-main.neutral.text:active{color:var(--fargerneutral-7);background-color:var(--neutral-2-9)}.button-main.neutral.filled{background-color:var(--neutral-2-9);color:var(--black-white)}.button-main.neutral.filled:hover{background-color:var(--neutral-3-8)}.button-main.neutral.filled.active,.button-main.neutral.filled:active{background-color:var(--fargerneutral-4)}.button-main.neutral.filled:focus{background-color:var(--neutral-3-8);border:2px solid var(--neutral-2-9)}.button-main.neutral.outlined{border:1px solid var(--fargerneutral-8);color:var(--fargerneutral-8)}.button-main.neutral.outlined:hover{border:1px solid var(--fargerneutral-7);color:var(--fargerneutral-7)}.button-main.neutral.outlined.active,.button-main.neutral.outlined:active{border:1px solid var(--fargerneutral-9);color:var(--fargerneutral-7)}.button-main.neutral.outlined:focus{border:2px solid var(--fargerneutral-7);color:var(--fargerneutral-7)}.button-main.red.text{color:var(--fargerred-6)}.button-main.red.text:focus,.button-main.red.text:hover{background-color:var(--fargerred-1)}.button-main.red.text:focus{border-radius:4px;border:2px solid var(--fargerred-2)}.button-main.red.text.active,.button-main.red.text:active{color:var(--fargerred-7);background-color:var(--fargerred-2)}.button-main.red.filled{background-color:var(--fargerred-6);color:#ffffff}.button-main.red.filled:hover{background-color:var(--fargerred-5)}.button-main.red.filled.active,.button-main.red.filled:active{background-color:var(--fargerred-7)}.button-main.red.filled:focus{background-color:var(--fargerred-5);border:2px solid var(--fargerred-3)}.button-main.red.outlined{border:1px solid var(--fargerred-6);color:var(--fargerred-6)}.button-main.red.outlined:hover{border:1px solid var(--fargerred-5);color:var(--fargerred-5)}.button-main.red.outlined.active,.button-main.red.outlined:active{border:1px solid var(--fargerred-7);color:var(--fargerred-7)}.button-main.red.outlined:focus{border:2px solid var(--fargerred-5);color:var(--fargerred-5)}.button-main.yellow.text{color:var(--fargeryellow-6)}.button-main.yellow.text:focus,.button-main.yellow.text:hover{background-color:var(--fargeryellow-1)}.button-main.yellow.text:focus{border-radius:4px;border:2px solid var(--fargeryellow-2)}.button-main.yellow.text.active,.button-main.yellow.text:active{color:var(--fargeryellow-7);background-color:var(--fargeryellow-2)}.button-main.yellow.filled{background-color:var(--fargeryellow-6);color:black}.button-main.yellow.filled:hover{background-color:var(--fargeryellow-5)}.button-main.yellow.filled.active,.button-main.yellow.filled:active{background-color:var(--fargeryellow-7)}.button-main.yellow.filled:focus{background-color:var(--fargeryellow-5);border:2px solid var(--fargeryellow-3)}.button-main.yellow.outlined{border:1px solid var(--fargeryellow-6);color:var(--fargeryellow-6)}.button-main.yellow.outlined:hover{border:1px solid var(--fargeryellow-5);color:var(--fargeryellow-5)}.button-main.yellow.outlined.active,.button-main.yellow.outlined:active{border:1px solid var(--fargeryellow-7);color:var(--fargeryellow-7)}.button-main.yellow.outlined:focus{border:2px solid var(--fargeryellow-5);color:var(--fargeryellow-5)}.button-main.green.text{color:var(--fargergreen-6)}.button-main.green.text:focus,.button-main.green.text:hover{background-color:var(--fargergreen-1)}.button-main.green.text:focus{border-radius:4px;border:2px solid var(--fargergreen-2)}.button-main.green.text.active,.button-main.green.text:active{color:var(--fargergreen-7);background-color:var(--fargergreen-2)}.button-main.green.filled{background-color:var(--fargergreen-6);color:#ffffff}.button-main.green.filled:hover{background-color:var(--fargergreen-5)}.button-main.green.filled.active,.button-main.green.filled:active{background-color:var(--fargergreen-7)}.button-main.green.filled:focus{background-color:var(--fargergreen-5);border:2px solid var(--fargergreen-3)}.button-main.green.outlined{border:1px solid var(--fargergreen-6);color:var(--fargergreen-6)}.button-main.green.outlined:hover{border:1px solid var(--fargergreen-5);color:var(--fargergreen-5)}.button-main.green.outlined.active,.button-main.green.outlined:active{border:1px solid var(--fargergreen-7);color:var(--fargergreen-7)}.button-main.green.outlined:focus{border:2px solid var(--fargergreen-5);color:var(--fargergreen-5)}.button-main.blue.text{color:var(--fargerblue-6)}.button-main.blue.text:focus,.button-main.blue.text:hover{background-color:var(--fargerblue-1)}.button-main.blue.text:focus{border-radius:4px;border:2px solid var(--fargerblue-2)}.button-main.blue.text.active,.button-main.blue.text:active{color:var(--fargerblue-7);background-color:var(--fargerblue-2)}.button-main.blue.filled{background-color:var(--fargerblue-6);color:#ffffff}.button-main.blue.filled:hover{background-color:var(--fargerblue-5)}.button-main.blue.filled.active,.button-main.blue.filled:active{background-color:var(--fargerblue-7)}.button-main.blue.filled:focus{background-color:var(--fargerblue-5);border:2px solid var(--fargerblue-3)}.button-main.blue.outlined{border:1px solid var(--fargerblue-6);color:var(--fargerblue-6)}.button-main.blue.outlined:hover{border:1px solid var(--fargerblue-5);color:var(--fargerblue-5)}.button-main.blue.outlined.active,.button-main.blue.outlined:active{border:1px solid var(--fargerblue-7);color:var(--fargerblue-7)}.button-main.blue.outlined:focus{border:2px solid var(--fargerblue-5);color:var(--fargerblue-5)}.button-main .button-main.white{color:#ffffff}.button-main.black{color:black}.multi-icon-button{display:flex;justify-content:space-between;align-items:center;gap:2px;padding:12.5px 4px!important}