.button-primary{align-items:center;justify-content:center;transition:.1s ease-in;height:40px;background-color:#2a4054;color:#f6f8f9;border-radius:4px;border:none}.button-primary svg{transition:.1s ease-in}.button-primary .active-icon{display:none}.button-primary .icon-rect-btn-primary{width:24px;height:24px;margin-bottom:1px}.button-primary.with-icon{padding-left:24px}.button-primary:not(:disabled):not(.no-hover):hover{transition:.1s ease-in;background:#466a8b}.button-primary.active{transition:.1s ease-in;background:#0e151c;color:#fff}.button-primary.active .active-icon{display:inline-block}.button-primary.active .icon{display:none}.button-primary.circle{border-radius:50%!important}.button-primary.active svg{transition:.1s ease-in;color:#fff}.button-primary:disabled{transition:.1s ease-in;background:#c8d3dc;color:#7590a8}.button-primary:disabled svg{transition:.1s ease-in;color:#7590a8}.button-primary.only-icon{border-radius:8px;padding:8px;width:-moz-fit-content;width:fit-content}.button-primary.only-icon svg{margin:0}.button-primary.small{padding:4px 8px!important;height:-moz-fit-content!important;height:fit-content!important;border-radius:4px}.button-primary.small svg{width:16px!important;height:16px!important}.button-primary.small.only-icon{width:-moz-fit-content!important;width:fit-content!important}.button-primary.small:enabled:active{background:#466a8b;color:#f6f8f9}.button-primary.small:enabled:active .active-icon{display:none}@media (max-width: 599px){.button-primary.xs-small{padding:4px 8px!important;height:-moz-fit-content!important;height:fit-content!important;border-radius:4px}.button-primary.xs-small svg{width:16px!important;height:16px!important}.button-primary.xs-small.only-icon{width:-moz-fit-content!important;width:fit-content!important}.button-primary.xs-small:enabled:active{background:#466a8b;color:#f6f8f9}.button-primary.xs-small:enabled:active .active-icon{display:none}}.button-secondary{transition:.1s ease-in}.button-secondary svg{transition:.1s ease-in}.button-secondary .active-icon{display:none}.button-secondary.with-icon{padding-left:24px}.button-secondary:not(:disabled):not(.no-hover):hover{transition:.1s ease-in}.button-secondary:enabled:active{transition:.1s ease-in;background:#edf0f3;color:#0e151c}.button-secondary.small{padding:4px 8px;height:-moz-fit-content!important;height:fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;width:100%}.button-secondary.small:not(:disabled):not(.no-hover):hover{box-shadow:inset 0 0 0 1px #7590a8}.button-secondary.small svg{width:16px;height:16px}@media (max-width: 599px){.button-secondary.xs-small{padding:4px 8px;height:-moz-fit-content!important;height:fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important;width:100%}.button-secondary.xs-small:not(:disabled):not(.no-hover):hover{box-shadow:inset 0 0 0 1px #7590a8}.button-secondary.xs-small svg{width:16px;height:16px}}.button-tertiary{align-items:center;justify-content:center;transition:.1s ease-in;background-color:#fff;box-shadow:0 0 4px #0e151c0a,1px 3px 32px #2a405414;border-radius:8px;padding:8px;border:none}.button-tertiary svg{transition:.1s ease-in;width:24px;height:24px}.button-tertiary:not(:disabled):not(.no-hover):not(.active):hover{background-color:#f6f8f9;box-shadow:inset 0 0 0 3px #fff}.button-tertiary:not(:disabled):not(.no-hover):not(.active):active{background-color:#edf0f3!important}.button-tertiary.active{background:#edf0f3;box-shadow:inset 0 0 0 1px #2a4054}.button-tertiary:disabled{transition:.1s ease-in;background-color:#f6f8f9;color:#a3b5c5}.button-tertiary.small{height:24px;width:24px;border-radius:4px;padding:4px}.button-tertiary.small svg{width:16px;height:16px}@media (max-width: 599px){.button-tertiary.xs-small{height:24px;width:24px;border-radius:4px;padding:4px}.button-tertiary.xs-small svg{width:16px;height:16px}}.button-quaternary{display:flex;align-items:center;justify-content:center;transition:.1s ease-in;background:transparent;border-radius:8px;border:none}.button-quaternary p{color:#7590a8}.button-quaternary.circle{border-radius:20px}.button-quaternary svg{transition:.1s ease-in;color:#7590a8;width:24px;height:24px}.button-quaternary .active-icon{display:none}.button-quaternary:not(:disabled):not(.no-hover):hover{transition:.1s ease-in;background:#f6f8f9}.button-quaternary:not(:disabled):not(.no-hover):hover svg{color:#2a4054}.button-quaternary:not(:disabled):not(.no-hover):hover p{color:#2a4054}.button-quaternary.active .active-icon{display:block;color:#7590a8}.button-quaternary.active .icon{display:none}.button-quaternary.small{padding:4px;height:24px;border-radius:4px}.button-quaternary.small:hover{background:#f6f8f9}.button-quaternary.small svg{width:16px;height:16px}@media (max-width: 599px){.button-quaternary.xs-small{padding:4px;height:24px;border-radius:4px}.button-quaternary.xs-small:hover{background:#f6f8f9}.button-quaternary.xs-small svg{width:16px;height:16px}}.button-quinary{align-items:center;justify-content:center;transition:.1s ease-in;height:40px;background:transparent;border-radius:8px;padding:8px;border:none;position:relative}.button-quinary .notif{background-color:#ca3f1c;color:#fff;height:1.05rem;font-size:.65rem;line-height:1.1rem;font-weight:700;border-radius:4px;aspect-ratio:1;position:absolute;right:0;top:0}.button-quinary svg{transition:.1s ease-in;width:24px;height:24px}.button-quinary:not(:disabled):not(.no-hover):not(.active):hover{transition:.1s ease-in;background:#edf0f3}.button-quinary.active{background:#fff;background:#c8d3dc}.button-quinary.circle svg{color:#7590a8}.button-quinary.circle:not(:disabled):not(.no-hover):hover{background:#f6f8f9}.button-quinary.circle:not(:disabled):not(.no-hover):hover svg{color:#2a4054}.button-quinary.small{padding:4px;height:24px;border-radius:4px}.button-quinary.small svg{width:16px;height:16px}@media (max-width: 599px){.button-quinary.xs-small{padding:4px;height:24px;border-radius:4px}.button-quinary.xs-small svg{width:16px;height:16px}}.button-senary{display:flex;align-items:center;justify-content:center;transition:.1s ease-in;width:-moz-fit-content;width:fit-content;height:24px;background:#a3b5c5;border-radius:4px;padding:4px;border:none}.button-senary svg{transition:.1s ease-in;color:#fff;width:16px;height:16px}.button-senary:not(:disabled):not(.no-hover):hover{transition:.1s ease-in;box-shadow:inset 0 0 0 2px #a3b5c5;background:#7590a8}.button-senary:active{transition:.1s ease-in;background:#466a8b}.button-senary.active{background:#fff}.button-senary.active svg{color:#2a4054}.button-septenary{display:flex;align-items:center;justify-content:center;transition:.1s ease-in;width:-moz-fit-content;width:fit-content;height:24px;background:#edc666;border-radius:4px;padding:4px;border:none}.button-septenary svg{transition:.1s ease-in;color:#2a4054;width:16px;height:16px}.button-septenary:not(:disabled):not(.no-hover):hover{transition:.1s ease-in;background:#d5a019}.button-septenary:not(:disabled):not(.no-hover):hover svg{color:#fff}.button-success{display:flex;align-items:center;justify-content:center;transition:.1s ease-in;width:-moz-fit-content;width:fit-content;box-shadow:0 0 4px #0e151c0a,1px 3px 32px #2a405414;height:24px;background:#fff;border-radius:4px;padding:4px;border:none}.button-success svg{transition:.1s ease-in;color:#7ec264;width:16px;height:16px}.button-success:not(:disabled):not(.no-hover):hover{transition:.1s ease-in;box-shadow:inset 0 0 0 2px #fff;background:#edf0f3}.button-success.active{transition:.1s ease-in;box-shadow:inset 0 0 0 1px #7ec264}.button-destructive{display:flex;align-items:center;justify-content:center;transition:.1s ease-in;width:-moz-fit-content;width:fit-content;box-shadow:0 0 4px #0e151c0a,1px 3px 32px #2a405414;height:24px;background:#fff;border-radius:4px;padding:4px;border:none}.button-destructive svg{transition:.1s ease-in;color:#ca3f1c;width:16px;height:16px}.button-destructive:not(:disabled):not(.no-hover):hover{transition:.1s ease-in;box-shadow:inset 0 0 0 2px #fff;background:#edf0f3}.button-destructive.active{transition:.1s ease-in;box-shadow:inset 0 0 0 1px #ca3f1c}.button-octonary{display:flex;align-items:center;justify-content:center;transition:.1s ease-in;width:40px;height:34px;background:#f6f8f9;border-radius:8px;padding:4px;border:none}.button-octonary svg{transition:.1s ease-in;color:#2a4054;width:16px;height:16px}.button-octonary:hover{background:#edf0f3}.button-octonary:disabled{background:#f6f8f9}.button-octonary:disabled svg{color:#c8d3dc}.button-nonary{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:64px;border:1px solid #c8d3dc;border-radius:8px;background-color:#fff;cursor:pointer}.button-nonary:hover,.button-nonary:active{border:1px solid #7590a8}.inline-button{display:flex;align-items:center;justify-content:center;transition:.1s ease-in;width:-moz-fit-content;width:fit-content;background:transparent;border-radius:8px;border:none;cursor:pointer}.inline-button p{color:#2a4054;font-size:.875rem;font-weight:700}.inline-button.circle{border-radius:20px}.inline-button svg{transition:.1s ease-in;color:#2a4054}.inline-button .active-icon{display:none}.inline-button:hover p{text-decoration:underline}.inline-button.active .active-icon{display:block;color:#2a4054}.inline-button.active .icon{display:none}.inline-button.small{height:24px;border-radius:4px}.inline-button.small:hover{background:#f6f8f9}.inline-button.small svg{width:16px;height:16px}@media (max-width: 599px){.inline-button.xs-small{height:24px;border-radius:4px}.inline-button.xs-small:hover{background:#f6f8f9}.inline-button.xs-small svg{width:16px;height:16px}}