.button--basic{padding:10px 30px;cursor:pointer;background:var(--secondary-color);border:1px solid var(--secondary-color-hover);border-radius:7px;display:flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;color:#333333;font-size:1.2rem;font-weight:400}.button--void{aspect-ratio:1/1;padding:2px;cursor:pointer;border-radius:7px;display:grid;place-items:center;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.button--void span.icon{font-size:1.4rem}.button--void:hover{background-color:#e2e2e2}.button--basic.mobile-wide{width:100%}.button--basic:hover{filter:brightness(93%)}.button--basic:active{filter:brightness(88%)}.button--basic.positive{color:white;background:var(--primary-color);border:1px solid var(--primary-color-hover)}.button--basic.warning{color:white;background:var(--status-color-serious);border:1px solid var(--status-color-serious-hover)}.button--basic.outline{color:var(--text-color);background:transparent;border:1px solid var(--primary-color-hover)}.button--basic.outline-critical{color:var(--text-color);background:transparent;border:1px solid var(--status-color-critical)}.button--basic.outline-accent{color:var(--text-color);background:transparent;border:1px solid var(--status-color-serious-hover)}.button--basic.text{color:var(--text-color);background:transparent;border:1px solid transparent}.button--basic.text:hover,.button--basic.outline:hover{background:#fff}.button--basic.text:active,.button--basic.outline:active{background:#fff}.button--basic.link-style{color:var(--primary-color);background-color:transparent}.button--basic.link-style span{padding-bottom:2px}.button.button--basic.reset-btn{border:none;background-color:unset;font-size:1rem;padding:0;margin:0}.button.button--basic.reset-btn span.icon{padding:0;margin:0;border-radius:4px}.button.button--basic.reset-btn:hover span.icon{background-color:var(--menu-hover-color)}.button--basic.processing{animation:ease-in-out 1s infinite loading;cursor:not-allowed;pointer-events:none}.button--basic.progress{cursor:not-allowed;pointer-events:none;position:relative;color:transparent}.button--basic.progress::after{content:"";position:absolute;width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;border:3px solid transparent;border-top-color:#ffffff;border-radius:50%;animation:button-loading-spinner .8s ease infinite}.button--basic.text.progress::after,.button--basic.outline.progress::after{border-top-color:var(--accent-color)}.buttons-wrapper{display:grid;grid-auto-flow:column;gap:20px;justify-content:end}@keyframes button-loading-spinner{from{transform:rotate(0turn)}to{transform:rotate(1turn)}}.button--basic.disabled{cursor:not-allowed;opacity:.2;pointer-events:none}.button--basic.icon{padding:8px 20px 8px 10px}.button--basic.icon span.icon{font-size:1.4em;margin:-4px;padding-right:4px}.button--basic.icon-only{padding:9px 4px;height:40px}.button--basic.icon-only span.icon{font-size:1.4em;margin:-4px}.button--basic.icon-only{font-size:1.2em}.button--basic.icon span.icon-only{font-size:1.4em;margin:-4px}@keyframes loading{0%{opacity:1}25%{opacity:.75}50%{opacity:.5}75%{opacity:.75}100%{opacity:1}}@media screen and (min-width:800px){.button--basic{padding:8px 20px;border-radius:5px;font-size:0.9rem;font-weight:400}.button--basic.mobile-wide{width:-moz-fit-content;width:fit-content}.button--basic.icon{padding:8px 20px 8px 10px}.button--basic.icon span.icon{font-size:1.4em;margin:-4px;padding-right:4px}.button--basic.icon-only{padding:8px 6px}.button--basic.icon-only span.icon{font-size:1.4em;margin:-3px}}[data-select="hide-tests"].active .button--basic{background-color:#1C5EE3;color:white;border-color:#1141a5}