@import url('mud-blazor-overrides/typography.css');

@import url('mud-blazor-overrides/snackbar.css');

@import url('mud-blazor-overrides/stepper.css');

@import url('mud-blazor-overrides/validation.css');

@import url('mud-blazor-overrides/chips.css');

@import url('mud-blazor-overrides/buttons.css');

@import url('mud-blazor-overrides/adcs-buttons.css');

@import url('mud-blazor-overrides/expansion-panel.css');

@import url('mud-blazor-overrides/inputs.css');

@import url('mud-blazor-overrides/drawer.css');

@import url('mud-blazor-overrides/menu.css');

@import url('mud-blazor-overrides/dialog.css');

@import url('mud-blazor-overrides/scroll-to-top.css');

@import url('mud-blazor-overrides/toggle.css');

@import url('mud-blazor-overrides/select.css');

@import url('mud-blazor-overrides/paper.css');

@import url('mud-blazor-overrides/radio.css');
:root {
    /* MudBlazor variables override */
    --mud-default-borderradius: 10px;
    /* ============================ */
    --heat-image: url('data:image/svg+xml;utf8,<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.9707 0C7.97046 0.00783587 7.85154 3.82584 9.96289 7C11.4571 9.24624 14.9443 9 15.4424 12.5C16.0259 16.6005 12.0969 20 7.9707 20C7.88078 20 7.7913 19.9963 7.70215 19.9932C7.62971 19.9972 7.55712 20 7.48438 20C7.05522 20 6.6422 19.9288 6.25488 19.7988C2.95619 19.0202 0.5 16.0491 0.5 12.5C0.5 10.765 1.51546 8.73379 3.33398 6C5.14457 3.27818 7.94604 0.0285988 7.9707 0ZM6.6123 13.5098C5.69021 14.9576 5.5 15.5881 5.5 15.875C5.5 16.8517 6.093 17.6058 6.84863 17.8828C7.11248 17.9382 7.38305 17.9746 7.65918 17.9902C8.15422 17.9452 8.65368 17.7152 9.01465 17.3594C9.4029 16.9766 9.54368 16.5501 9.48828 16.1484C9.47742 16.0697 9.46318 16.034 9.45996 16.0264C9.45793 16.0216 9.45703 16.0215 9.45703 16.0215C9.44806 16.0104 9.39625 15.9504 9.17285 15.8154C9.05621 15.7449 8.94251 15.6829 8.76758 15.584C8.60939 15.4946 8.40814 15.379 8.20312 15.2441C7.78637 14.97 7.27263 14.5645 6.86621 13.9346C6.77548 13.7939 6.69128 13.6517 6.6123 13.5098ZM6.70996 4.73828C6.11336 5.51864 5.51082 6.33954 5 7.10742C3.15565 9.88001 2.5 11.4432 2.5 12.5C2.5 13.6865 2.87411 14.7827 3.50781 15.6797C3.56635 14.8904 3.97249 13.9849 4.66797 12.8457L5.01172 12.2998C5.97744 10.8027 7.47145 9.01546 7.48438 9C7.48425 9.00418 7.42097 11.1038 8.54688 12.8496C9.34378 14.085 11.2031 13.9501 11.4688 15.875C11.516 16.217 11.5066 16.55 11.4512 16.8691C11.6783 16.7075 11.8926 16.5313 12.0908 16.3418C13.1396 15.3389 13.6464 14.0794 13.4619 12.7822C13.3879 12.2621 13.224 11.9698 13.0498 11.7607C12.8488 11.5196 12.5522 11.2912 12.0654 11.0059C11.8177 10.8607 11.5691 10.7276 11.2607 10.5586C10.9693 10.3988 10.6364 10.2126 10.3047 10.001C9.63596 9.57443 8.88466 8.98957 8.29785 8.10742C7.55391 6.98897 7.05147 5.81988 6.70996 4.73828Z" fill="%23B4BCCA"/></svg>');
    --heat-image-disabled: url('data:image/svg+xml;utf8,<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.71101 8.33594C3.46422 10.3621 3.00008 11.6105 3.00008 12.5C3.00008 13.6865 3.37419 14.7827 4.00789 15.6797C4.06643 14.8904 4.47257 13.9849 5.16805 12.8457L5.5118 12.2998C5.90796 11.6857 6.39295 11.0226 6.8282 10.4531L8.80281 12.4277C8.87777 12.5694 8.95766 12.7112 9.04695 12.8496C9.84387 14.085 11.7032 13.9501 11.9688 15.875C12.016 16.217 12.0067 16.55 11.9512 16.8691C12.1784 16.7075 12.3927 16.5313 12.5909 16.3418C12.6124 16.3212 12.6323 16.2991 12.6534 16.2783L14.0675 17.6924C12.6377 19.1094 10.5807 20 8.47078 20C8.38088 20 8.29135 19.9963 8.20223 19.9932C8.12982 19.9972 8.05718 20 7.98445 20C7.55532 20 7.14226 19.9288 6.75496 19.7988C3.45627 19.0202 1.00008 16.0491 1.00008 12.5C1.00008 10.9574 1.80369 9.18126 3.25984 6.88477L4.71101 8.33594ZM7.11238 13.5098C6.19029 14.9576 6.00008 15.5881 6.00008 15.875C6.00008 16.8517 6.59308 17.6058 7.34871 17.8828C7.61254 17.9382 7.88315 17.9746 8.15926 17.9902C8.65427 17.9452 9.15378 17.7152 9.51473 17.3594C9.90295 16.9766 10.0438 16.5501 9.98836 16.1484C9.97751 16.0698 9.96328 16.0341 9.96004 16.0264C9.95805 16.0217 9.95711 16.0215 9.95711 16.0215C9.94814 16.0104 9.89628 15.9504 9.67293 15.8154C9.5563 15.745 9.44256 15.6829 9.26766 15.584C9.10948 15.4946 8.9082 15.379 8.7032 15.2441C8.28645 14.97 7.7727 14.5645 7.36629 13.9346C7.27556 13.7939 7.19135 13.6517 7.11238 13.5098Z" fill="%237296CA"/><path d="M0.293046 1.29297C0.683573 0.902482 1.3166 0.902457 1.70711 1.29297L17.7071 17.293C18.0973 17.6835 18.0975 18.3166 17.7071 18.707C17.3167 19.0974 16.6836 19.0972 16.293 18.707L0.293046 2.70703C-0.0974785 2.31651 -0.0974785 1.68349 0.293046 1.29297Z" fill="%237296CA"/><path d="M8.47078 0C8.47053 0.00783587 8.35161 3.82584 10.463 7C11.9572 9.2462 15.4444 9.00002 15.9425 12.5C16.012 12.9888 16.0153 13.4674 15.9639 13.9316L7.44051 5.40918C7.35683 5.18259 7.27966 4.95877 7.21004 4.73828C7.14664 4.82121 7.08303 4.90455 7.01961 4.98828L5.59187 3.56055C7.05209 1.6478 8.45336 0.0201973 8.47078 0Z" fill="%237296CA"/></svg>');
    --app-header-height: 80px;
    --protocol-creation-stepper-nav: 64px;
    
    --border-radius-small: 4px;
    --border-radius-s: 6px;
    --border-radius-m: 10px;
    --border-radius-l: 16px;
    
    --spacing-3xs: 2px;
    --spacing-2xs: 4px;
    --spacing-xs: 8px;
    --spacing-s: 12px;
    --spacing-m: 16px;
    --spacing-l: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;

    --btn-min-w: 105px;
    --btn-min-h: 40px;
    --btn-gap: 8px;
    --btn-padding: 8px 16px;
    --icon-btn-min-w: 40px;
    --icon-btn-min-h: 40px;
    --icon-btn-gap: 8px;
    --icon-btn-padding: 8px;
    --link-btn-min-w: 48px;
    --link-btn-min-h: 26px;
    --link-btn-gap: 10px;
    --link-btn-padding: 1px;
    
    --button-standard-min-height-s: 32px;
    --button-standard-min-width-s: 32px;
    --button-standard-min-height-m: 40px;
    --button-standard-min-width-m: 40px;
    --button-standard-mobile-min-height-m: 48px;
    --button-standard-mobile-min-width-m: 48px;
    
    --color-base: white;
    --color-base-dark: black;
    --color-error: #D9003A;
    --color-success: #007F35;
    --color-warning: #CA8700;
    --color-text-caption: #545454;
    --color-text-primary: #212121;
    --color-text-primary-on-strong-bg: #FFFFFF;
    --color-text-secondary: #545454;
    --color-text-tertiary: #6F6F6F;
    --color-text-interactive: #004D9F;
    --color-text-info: #403294;
    --color-text-error: #D9003A;
    --color-text-warning: #8B5C00;
    --color-text-success: #007F35;
    --color-border-default: #8A8886;
    --color-border-light: #BCBCBB;
    --color-border-interactive: #004D9F;
    --color-border-interactive-light: #7296CA;
    --color-border-mid-gray: #BCBCBB;
    --color-border-info-light: #8072CF;
    --color-border-error: #D9003A;
    --color-border-warning: #CA8700;
    --color-border-warning-light: #FAB313;
    --color-border-success: #007F35;
    --color-border-success-light: #1CA96A;
    --color-background-primary-extra-light: #F2F7FC;
    --color-background-primary-light: #CCE0F4;
    --color-background-primary-strong: #004D9F;
    --color-background-primary-strong-dark: #1B3067;
    --color-background-secondary-extra-light: #F9F9FB;
    --color-background-info-extra-light: #EAE8F7;
    --color-background-disabled: #BCBCBB;
    --color-background-disabled-light: #F3F3F3;
    --color-background-neutral-light: #F9F9F9;
    --color-background-white: #FFFFFF;
    --color-background-error-strong: #D9003A;
    --color-background-error-medium: #EB6A8D;
    --color-background-error-extra-light: #FCECE7;
    --color-background-warning-strong: #CA8700;
    --color-background-warning-light: #FFE0A2;
    --color-background-warning-extra-light: #FFFAE6;
    --color-background-success-strong: #007F35;
    --color-background-success-medium: #1CA96A;
    --color-background-success-extra-light: #E7F5ED;
    --color-accent-primary-strong: #004D9F;
    --color-accent-primary-light: #CCE0F4;
    --color-accent-primary-super-light: #E5EFF9;
    --color-accent-neutral2-strong: #677084;
    --color-accent-neutral2-medium: #B4BCCA;
    --color-accent-neutral2-light: #EEF0F4;
    --color-accent-neutral2-extra-light: #F9F9FB;
    --color-icon-disabled: #6F6F6F;

    --transition-speed: 0.5s;
    --transition-timing: ease-in-out;
    
    --box-shadow-standard: 0 2px 4px 0 rgba(8, 35, 48, 0.12);
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/Jost-400-Book.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/Jost-500-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/Jost-600-Semi.ttf') format('truetype');
}

@font-face {
    font-family: 'Jost';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/Jost-800-Heavy.ttf') format('truetype');
}

body { font-family: 'Jost', 'Roboto', sans-serif; }

*:focus { outline: none !important; }

#app { height: 100vh; }

.full-width { width: 100%; }

.full-height {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.field-padding { padding: 20px 0 16px 0; }

.text-align-l {
    text-align: left;
}

.text-align-r {
    text-align: right;
}

.text-align-c {
    text-align: center;
}

.no-wrap {
    flex-wrap: nowrap;
}