/* src/styles/00-bootstrap5-a.css */
/*! Bootstrap 5.3.8 as compiled by the Drupal bootstrap5 theme, part 1/4.
 *  Reduced to rules the replica pages can match. Split only between whole
 *  top-level rules, loaded in order by ascending priority. */
@charset "UTF-8";:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:rgb(5.2,44,101.2);--bs-secondary-text-emphasis:rgb(43.2,46.8,50);--bs-success-text-emphasis:rgb(10,54,33.6);--bs-info-text-emphasis:rgb(5.2,80.8,96);--bs-warning-text-emphasis:rgb(102,77.2,2.8);--bs-danger-text-emphasis:rgb(88,21.2,27.6);--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:rgb(206.6,226,254.6);--bs-secondary-bg-subtle:rgb(225.6,227.4,229);--bs-success-bg-subtle:rgb(209,231,220.8);--bs-info-bg-subtle:rgb(206.6,244.4,252);--bs-warning-bg-subtle:rgb(255,242.6,205.4);--bs-danger-bg-subtle:rgb(248,214.6,217.8);--bs-light-bg-subtle:rgb(251.5,252,252.5);--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:rgb(158.2,197,254.2);--bs-secondary-border-subtle:rgb(196.2,199.8,203);--bs-success-border-subtle:rgb(163,207,186.6);--bs-info-border-subtle:rgb(158.2,233.8,249);--bs-warning-border-subtle:rgb(255,230.2,155.8);--bs-danger-border-subtle:rgb(241,174.2,180.6);--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,rgba(255,255,255,0.15),rgba(255,255,255,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33,37,41,0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33,37,41,0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:rgb(10.4,88,202.4);--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:rgb(255,242.6,205.4);--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0,0,0,0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13,110,253,0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}
[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222,226,230,0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222,226,230,0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:rgb(42.5,47.5,52.5);--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:rgb(109.8,168,253.8);--bs-secondary-text-emphasis:rgb(166.8,172.2,177);--bs-success-text-emphasis:rgb(117,183,152.4);--bs-info-text-emphasis:rgb(109.8,223.2,246);--bs-warning-text-emphasis:rgb(255,217.8,106.2);--bs-danger-text-emphasis:rgb(234,133.8,143.4);--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:rgb(2.6,22,50.6);--bs-secondary-bg-subtle:rgb(21.6,23.4,25);--bs-success-bg-subtle:rgb(5,27,16.8);--bs-info-bg-subtle:rgb(2.6,40.4,48);--bs-warning-bg-subtle:rgb(51,38.6,1.4);--bs-danger-bg-subtle:rgb(44,10.6,13.8);--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:rgb(7.8,66,151.8);--bs-secondary-border-subtle:rgb(64.8,70.2,75);--bs-success-border-subtle:rgb(15,81,50.4);--bs-info-border-subtle:rgb(7.8,121.2,144);--bs-warning-border-subtle:rgb(153,115.8,4.2);--bs-danger-border-subtle:rgb(132,31.8,41.4);--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:rgb(109.8,168,253.8);--bs-link-hover-color:rgb(138.84,185.4,254.04);--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:rgb(230.4,132.6,181.2);--bs-highlight-color:#dee2e6;--bs-highlight-bg:rgb(102,77.2,2.8);--bs-border-color:#495057;--bs-border-color-translucent:rgba(255,255,255,0.15);--bs-form-valid-color:rgb(117,183,152.4);--bs-form-valid-border-color:rgb(117,183,152.4);--bs-form-invalid-color:rgb(234,133.8,143.4);--bs-form-invalid-border-color:rgb(234,133.8,143.4)}
*,*::before,*::after{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:0.25}
h6,h5,h4,.h4,h3,h2,h1{margin-top:0;margin-bottom:0.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}
h1{font-size:calc(1.375rem+1.5vw)}
@media (min-width:1200px){h1{font-size:2.5rem}}
h2{font-size:calc(1.325rem+0.9vw)}
@media (min-width:1200px){h2{font-size:2rem}}
h3{font-size:calc(1.3rem+0.6vw)}
@media (min-width:1200px){h3{font-size:1.75rem}}
h4,.h4{font-size:calc(1.275rem+0.3vw)}
@media (min-width:1200px){h4,.h4{font-size:1.5rem}}
h5{font-size:1.25rem}
h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
abbr[title]{text-decoration:underline dotted;cursor:help;text-decoration-skip-ink:none}
address{margin-bottom:1rem;font-style:normal;line-height:inherit}
ol,ul{padding-left:2rem}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:0.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small{font-size:0.875em}
mark{padding:0.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}
sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline}
sub{bottom:-0.25em}
sup{top:-0.5em}
a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}
a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
pre,code,kbd,samp{font-family:var(--bs-font-monospace);font-size:1em}
pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:0.875em}
pre code{font-size:inherit;color:inherit;word-break:normal}
code{font-size:0.875em;color:var(--bs-code-color);word-wrap:break-word}
a>code{color:inherit}
kbd{padding:0.1875rem 0.375rem;font-size:0.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:0.25rem}
kbd kbd{padding:0;font-size:1em}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:0.5rem;padding-bottom:0.5rem;color:var(--bs-secondary-color);text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}
label{display:inline-block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
[role=button]{cursor:pointer}
select{word-wrap:normal}
select:disabled{opacity:1}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none !important}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;line-height:inherit;font-size:1rem}
legend+*{clear:left}
::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-text,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding:0}
::-webkit-inner-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-color-swatch-wrapper{padding:0}
::file-selector-button{font:inherit;-webkit-appearance:button}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
[hidden]{display:none !important}
.container,.container-fluid{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}
:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-0.5 * var(--bs-gutter-x));margin-left:calc(-0.5 * var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * 0.5);padding-left:calc(var(--bs-gutter-x) * 0.5);margin-top:var(--bs-gutter-y)}
@media (min-width:768px){.col-md-12{flex:0 0 auto;width:100%}}
@media (min-width:1200px){.col-xl-6{flex:0 0 auto;width:50%}}
.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:#f9f9f9;--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb),0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb),0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}
.table>:not(caption)>*>*{padding:0.5rem 0.75rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}
.table>tbody{vertical-align:inherit}
.table>thead{vertical-align:bottom}
.form-label{margin-bottom:0.5rem}
.form-text{margin-top:0.25rem;font-size:0.875em;color:var(--bs-secondary-color)}


/* src/styles/00-bootstrap5-b.css */
/*! Bootstrap 5.3.8 as compiled by the Drupal bootstrap5 theme, part 2/4.
 *  Reduced to rules the replica pages can match. Split only between whole
 *  top-level rules, loaded in order by ascending priority. */
.form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control{transition:none}}
.form-control[type=file]{overflow:hidden}
.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}
.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}
.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}
.form-control::-webkit-datetime-edit{display:block;padding:0}
.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}
.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}
.form-control::file-selector-button{padding:0.375rem 0.75rem;margin:-0.375rem -0.75rem;margin-inline-end:0.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}
textarea.form-control{min-height:calc(1.5em+0.75rem+calc(var(--bs-border-width) * 2))}
.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:0.375rem 2.25rem 0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.form-select{transition:none}}
.form-select:focus{border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}
.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:0.75rem;background-image:none}
.form-select:disabled{background-color:var(--bs-secondary-bg)}
.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}
[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}
.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:0.125rem}
.form-check .form-check-input{float:left;margin-left:-1.5em}
.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:0.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);print-color-adjust:exact}
.form-check-input[type=checkbox]{border-radius:0.25em}
.form-check-input[type=radio]{border-radius:50%}
.form-check-input:active{filter:brightness(90%)}
.form-check-input:focus{border-color:rgb(134,182.5,254);outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}
.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}
.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}
.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}
.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}
.form-check-input:disabled{pointer-events:none;filter:none;opacity:0.5}
.form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label{cursor:default;opacity:0.5}
.was-validated .form-control:valid,.form-control.is-valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em+0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em+0.1875rem) center;background-size:calc(0.75em+0.375rem) calc(0.75em+0.375rem)}
.was-validated .form-control:valid:focus,.form-control.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb),0.25)}
.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em+0.75rem);background-position:top calc(0.375em+0.1875rem) right calc(0.375em+0.1875rem)}
.was-validated .form-select:valid,.form-select.is-valid{border-color:var(--bs-form-valid-border-color)}
.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"],.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right 0.75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em+0.375rem) calc(0.75em+0.375rem)}
.was-validated .form-select:valid:focus,.form-select.is-valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb),0.25)}
.was-validated .form-check-input:valid,.form-check-input.is-valid{border-color:var(--bs-form-valid-border-color)}
.was-validated .form-check-input:valid:checked,.form-check-input.is-valid:checked{background-color:var(--bs-form-valid-color)}
.was-validated .form-check-input:valid:focus,.form-check-input.is-valid:focus{box-shadow:0 0 0 0.25rem rgba(var(--bs-success-rgb),0.25)}
.was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label{color:var(--bs-form-valid-color)}
.was-validated .form-control:invalid,.form-control.is-invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em+0.75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em+0.1875rem) center;background-size:calc(0.75em+0.375rem) calc(0.75em+0.375rem)}
.was-validated .form-control:invalid:focus,.form-control.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb),0.25)}
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em+0.75rem);background-position:top calc(0.375em+0.1875rem) right calc(0.375em+0.1875rem)}
.was-validated .form-select:invalid,.form-select.is-invalid{border-color:var(--bs-form-invalid-border-color)}
.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"],.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right 0.75rem center,center right 2.25rem;background-size:16px 12px,calc(0.75em+0.375rem) calc(0.75em+0.375rem)}
.was-validated .form-select:invalid:focus,.form-select.is-invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb),0.25)}
.was-validated .form-check-input:invalid,.form-check-input.is-invalid{border-color:var(--bs-form-invalid-border-color)}
.was-validated .form-check-input:invalid:checked,.form-check-input.is-invalid:checked{background-color:var(--bs-form-invalid-color)}
.was-validated .form-check-input:invalid:focus,.form-check-input.is-invalid:focus{box-shadow:0 0 0 0.25rem rgba(var(--bs-danger-rgb),0.25)}
.was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label{color:var(--bs-form-invalid-color)}
.btn,a.button,.button,button.link{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family:;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.btn,a.button,.button,button.link{transition:none}}
.btn:hover,.button:hover,button.link:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn:focus-visible,.button:focus-visible,button.link:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}
:not(.btn-check)+.btn:active,:not(.btn-check)+.button:active,:not(.btn-check)+button.link:active,.btn:first-child:active,.button:first-child:active,button.link:first-child:active,.btn.active,.active.button,button.active.link,.btn.show,.show.button,button.show.link{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}
:not(.btn-check)+.btn:active:focus-visible,:not(.btn-check)+.button:active:focus-visible,:not(.btn-check)+button.link:active:focus-visible,.btn:first-child:active:focus-visible,.button:first-child:active:focus-visible,button.link:first-child:active:focus-visible,.btn.active:focus-visible,.active.button:focus-visible,button.active.link:focus-visible,.btn.show:focus-visible,.show.button:focus-visible,button.show.link:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}
.btn:disabled,.button:disabled,button.link:disabled,.btn.disabled,.disabled.button,button.disabled.link,fieldset:disabled .btn,fieldset:disabled .button,fieldset:disabled button.link{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}


/* src/styles/00-bootstrap5-c.css */
/*! Bootstrap 5.3.8 as compiled by the Drupal bootstrap5 theme, part 3/4.
 *  Reduced to rules the replica pages can match. Split only between whole
 *  top-level rules, loaded in order by ascending priority. */
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:rgb(11.05,93.5,215.05);--bs-btn-hover-border-color:rgb(10.4,88,202.4);--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:rgb(10.4,88,202.4);--bs-btn-active-border-color:rgb(9.75,82.5,189.75);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:rgb(91.8,99.45,106.25);--bs-btn-hover-border-color:rgb(86.4,93.6,100);--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:rgb(86.4,93.6,100);--bs-btn-active-border-color:rgb(81,87.75,93.75);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}
.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:rgb(21.25,114.75,71.4);--bs-btn-hover-border-color:rgb(20,108,67.2);--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:rgb(20,108,67.2);--bs-btn-active-border-color:rgb(18.75,101.25,63);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}
.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:rgb(66.3,69.7,73.1);--bs-btn-hover-border-color:rgb(55.2,58.8,62.4);--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:rgb(77.4,80.6,83.8);--bs-btn-active-border-color:rgb(55.2,58.8,62.4);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}
button.link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}
button.link:focus-visible{color:var(--bs-btn-color)}
button.link:hover{color:var(--bs-btn-hover-color)}
.fade{transition:opacity 0.15s linear}
@media (prefers-reduced-motion:reduce){.fade{transition:none}}
.fade:not(.show){opacity:0}
.collapse:not(.show){display:none}
.collapsing{height:0;overflow:hidden;transition:height 0.35s ease}
@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}
.dropup,.dropend,.dropdown,.dropstart{position:relative}
.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}
.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}
.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}
.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}
.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}
.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}
.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}
.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}
.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}
.dropdown-menu.show{display:block}
.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight:;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}
.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:none;border:0;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}
.nav-link:hover,.nav-link:focus{color:var(--bs-nav-link-hover-color)}
.nav-link:focus-visible{outline:0;box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}
.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}
.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb),0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb),0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb),0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb),1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833,37,41,0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb),0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}
.navbar-brand:hover,.navbar-brand:focus{color:var(--bs-navbar-brand-hover-color)}
.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight:;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}
.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}
.navbar-nav .dropdown-menu{position:static}
.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}
.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}
@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}
.navbar-toggler:hover{text-decoration:none}
.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}
@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-collapse{display:flex !important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}
.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255,255,255,0.55);--bs-navbar-hover-color:rgba(255,255,255,0.75);--bs-navbar-disabled-color:rgba(255,255,255,0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255,255,255,0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}
.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}
.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
@media (prefers-reduced-motion:reduce){.page-link{transition:none}}


/* src/styles/00-bootstrap5-d.css */
/*! Bootstrap 5.3.8 as compiled by the Drupal bootstrap5 theme, part 4/4.
 *  Reduced to rules the replica pages can match. Split only between whole
 *  top-level rules, loaded in order by ascending priority. */
.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}
.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}
.page-link.active,.active>.page-link{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}
.page-link.disabled,.disabled>.page-link{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}
.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}
.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}
.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}
@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}
.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:0.25em 0.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:0.375rem;opacity:var(--bs-btn-close-opacity)}
.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}
.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}
.btn-close:disabled,.btn-close.disabled{pointer-events:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}
:root,[data-bs-theme=light]{--bs-btn-close-filter:}
[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}
.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg:;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}
.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}
.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform 0.3s ease-out}
@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}
.modal.show .modal-dialog{transform:none}
.modal.modal-static .modal-dialog{transform:scale(1.02)}
.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}
.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}
.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}
.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);margin-top:calc(-0.5 * var(--bs-modal-header-padding-y));margin-right:calc(-0.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-0.5 * var(--bs-modal-header-padding-y));margin-left:auto}
.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}
.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}
@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}}
:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter:}
[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}
@keyframes spinner-border{to{transform:rotate(360deg)}}
@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}
.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}
.offcanvas-backdrop.fade{opacity:0}
.offcanvas-backdrop.show{opacity:0.5}
@keyframes placeholder-glow{50%{opacity:0.2}}
@keyframes placeholder-wave{100%{mask-position:-200% 0%}}
.clearfix::after{display:block;clear:both;content:""}
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}
.visually-hidden:not(caption),.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute !important}
.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden !important}
.d-block{display:block !important}
.d-flex{display:flex !important}
.d-none{display:none !important}
.shadow-sm{box-shadow:var(--bs-box-shadow-sm) !important}
.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important}
.w-100{width:100% !important}
.h-100{height:100% !important}
.flex-column{flex-direction:column !important}
.flex-grow-1{flex-grow:1 !important}
.justify-content-end{justify-content:flex-end !important}
.justify-content-center{justify-content:center !important}
.justify-content-between{justify-content:space-between !important}
.align-items-center{align-items:center !important}
.order-1{order:1 !important}
.m-1{margin:0.25rem !important}
.my-2{margin-top:0.5rem !important;margin-bottom:0.5rem !important}
.my-5{margin-top:3rem !important;margin-bottom:3rem !important}
.mt-1{margin-top:0.25rem !important}
.me-1{margin-right:0.25rem !important}
.p-0{padding:0 !important}
.p-2{padding:0.5rem !important}
.p-3{padding:1rem !important}
.px-0{padding-right:0 !important;padding-left:0 !important}
.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}
.px-5{padding-right:3rem !important;padding-left:3rem !important}
.pt-1{padding-top:0.25rem !important}
.pt-3{padding-top:1rem !important}
.pb-3{padding-bottom:1rem !important}
.fw-normal{font-weight:400 !important}
.fw-bold{font-weight:700 !important}
.text-end{text-align:right !important}
.text-center{text-align:center !important}
.text-decoration-none{text-decoration:none !important}
.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important}
.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important}
.rounded-0{border-radius:0 !important}
.rounded-pill{border-radius:var(--bs-border-radius-pill) !important}
@media (min-width:768px){.d-md-block{display:block !important}.d-md-flex{display:flex !important}.mx-md-3{margin-right:1rem !important;margin-left:1rem !important}.my-md-0{margin-top:0 !important;margin-bottom:0 !important}}
@media (min-width:992px){.justify-content-lg-center{justify-content:center !important}.order-lg-1{order:1 !important}}
.ui-widget-content a{color:#0d6efd;text-decoration:underline}
.ui-widget-content a:hover{color:rgb(10.4,88,202.4)}
button.link{color:#0d6efd}
.button--small{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}
a.button{text-decoration:none}
a.button.button--primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:rgb(11.05,93.5,215.05);--bs-btn-hover-border-color:rgb(10.4,88,202.4);--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:rgb(10.4,88,202.4);--bs-btn-active-border-color:rgb(9.75,82.5,189.75);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}
a.button.button--small{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}
.btn-primary a{color:#fff}
.btn-primary a:hover{color:#fff;text-decoration:none}
.btn-secondary a{color:#fff}
.btn-secondary a:hover{color:#fff;text-decoration:none}
.btn-success a{color:#fff}
.btn-success a:hover{color:#fff;text-decoration:none}
.btn-dark a{color:#fff}
.btn-dark a:hover{color:#fff;text-decoration:none}
.btn,button.link,.button,a.button{margin:0 0.5rem}
.btn:first-child,button.link:first-child,.button:first-child{margin-left:0}
.btn:last-child,button.link:last-child,.button:last-child{margin-right:0}
a[class=button]{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:rgb(249.05,249.9,250.75);--bs-btn-hover-border-color:rgb(248.7,249.6,250.5);--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:rgb(249.4,250.2,251);--bs-btn-active-border-color:rgb(248.7,249.6,250.5);--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}
.form-control.form-checkbox,.form-control.form-radio{display:inline-block;height:auto;width:unset}
.form-select{min-width:5rem}
input.form-text{margin-top:0}
input[type=search]{box-sizing:border-box}
@media (min-width:992px){.node-form{margin:2rem}}
.node-form .form-actions{text-align:center}
.container-inline div,.container-inline label{display:inline-block;margin:0}
td>.form-item{margin:0}
#search-block-form{display:flex}
.paragraph-type-title{font-weight:700}
.field--widget-entity-reference-paragraphs .field-add-more-submit{margin:0}
.navbar-nav .nav-link{padding-left:0.5rem;padding-right:0.5rem}
.navbar-brand{white-space:unset}
.navbar-brand img{height:36px;margin:0 1rem 0 0;width:auto}
@media (min-width:992px){.navbar-brand img{height:60px}}
footer{padding:2rem 0}
footer .region-footer{display:flex;flex-direction:column}
.region-footer,.region-content{padding:0 0.5rem}
.region-nav-branding{flex-shrink:0}
a.tabledrag-handle .handle{height:1.7em;display:table-cell;padding-right:1rem !important}
table{caption-side:unset}
.pagination{flex-wrap:wrap;padding:1rem 0;justify-content:center}
code{overflow-y:auto}


/* src/styles/01-bootstrap5-components.css */
/* ---- Drupal component CSS from the bootstrap5 theme, reachable rules only.
   required.svg is inlined so the red required marker works with no asset host. */
.container-inline label::after,.container-inline .label::after{content:":"}.container-inline .form-actions,.container-inline.form-actions{margin-top:0;margin-bottom:0}details{margin-top:1em;margin-bottom:1em;border:1px solid #ccc}details>.details-wrapper{padding:0.5em 1.5em}summary{padding:0.2em 0.5em;cursor:pointer}form .field-multiple-table{margin:0}form .field-multiple-table .field-multiple-drag{width:30px;padding-right:0}[dir="rtl"] form .field-multiple-table .field-multiple-drag{padding-left:0}form .field-multiple-table .field-multiple-drag .tabledrag-handle{padding-right:0.5em}[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle{padding-right:0;padding-left:0.5em}form .field-add-more-submit{margin:0.5em 0 0}.form-item,.form-actions{margin-top:1em;margin-bottom:1em}tr.odd .form-item{margin-top:0;margin-bottom:0}.form-item .description{font-size:0.85em}label.option{display:inline;font-weight:normal}.form-composite>legend,.label{display:inline;margin:0;padding:0;font-size:inherit;font-weight:bold}.form-checkboxes .form-item,.form-radios .form-item{margin-top:0.4em;margin-bottom:0.4em}.form-required::after{display:inline-block;width:6px;height:6px;margin:0 0.3em;content:"";vertical-align:super;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0VFMDAwMCIgIGQ9Ik0wLDcuNTYybDEuMTE0LTMuNDM4YzIuNTY1LDAuOTA2LDQuNDMsMS42ODgsNS41OSwyLjM1QzYuMzk4LDMuNTUzLDYuMjM3LDEuNTQ0LDYuMjIsMC40NDdoMy41MTEgYy0wLjA1LDEuNTk3LTAuMjM0LDMuNi0wLjU1OCw2LjAwM2MxLjY2NC0wLjgzOCwzLjU2Ni0xLjYxMyw1LjcxNC0yLjMyNUwxNiw3LjU2MmMtMi4wNSwwLjY3OC00LjA2LDEuMTMxLTYuMDI4LDEuMzU2IGMwLjk4NCwwLjg1NiwyLjM3MiwyLjM4MSw0LjE2Niw0LjU3NWwtMi45MDYsMi4wNTljLTAuOTM1LTEuMjc0LTIuMDQxLTMuMDA5LTMuMzE2LTUuMjA2Yy0xLjE5NCwyLjI3NS0yLjI0NCw0LjAxMy0zLjE0Nyw1LjIwNiBsLTIuODU2LTIuMDU5YzEuODcyLTIuMzA3LDMuMjExLTMuODMyLDQuMDE3LTQuNTc1QzMuODQ5LDguNTE2LDEuODcyLDguMDYyLDAsNy41NjIiLz48L3N2Zz4K");background-repeat:no-repeat;background-size:6px 6px}.form-item input.error,.form-item textarea.error,.form-item select.error{border:2px solid red}.form--inline .form-item{float:left;margin-right:0.5em}[dir="rtl"] .form--inline .form-item{float:right;margin-right:0;margin-left:0.5em}.form--inline .form-actions{clear:left}[dir="rtl"] .form--inline .form-actions{clear:right}tr.selected td{background:#ffc}th.is-active img{display:inline}td.is-active{background-color:#ddd}.form-textarea-wrapper textarea{display:block;box-sizing:border-box;width:100%;margin:0}@keyframes animate-stripes{0%{background-position:0 0,0 0}100%{background-position:0 0,-80px 0}}


/* src/styles/02-drupal-shims.css */
/* ---- Drupal core/contrib CSS the ported markup depends on: normalize, the
   .hidden and .visually-hidden helpers, clearfix, container-inline, the
   field_group horizontal-tabs base, better_exposed_filters, and the
   view_password eye toggle (icon inlined). Reachable rules only. ---- */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.hidden{display:none}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal}.clearfix::after{display:table;clear:both;content:""}.container-inline div,.container-inline label{display:inline-block}.container-inline .details-wrapper{display:block}.horizontal-tabs{margin:0 0 1em 0;padding:0;border:1px solid #ccc;position:relative}[dir="rtl"] .horizontal-tabs{margin:0 0 1em 0}.horizontal-tabs .horizontal-tabs-list{display:inline-block;margin:0;border:0;padding:0;list-style:none;background-color:#eee;border-bottom:1px solid #ccc;width:100%;height:auto;clear:both}[dir="rtl"] .horizontal-tabs .horizontal-tabs-list{border-right:0;border-left:1px solid #dedede}.horizontal-tabs-panes .horizontal-tabs-pane{padding:0 1em;border:0;background-color:unset;box-shadow:unset}.horizontal-tabs-pane>summary{display:none}.horizontal-tabs .horizontal-tab-button{background:#eee;border-right:1px solid #ccc;padding-top:0;margin:0;min-width:5em;float:left}[dir="rtl"] .horizontal-tabs .horizontal-tab-button{border-right:0;border-left:1px solid #ccc;float:right}.horizontal-tabs .horizontal-tab-button a{display:block;text-decoration:none;padding:0.5em 0.6em}.horizontal-tabs .horizontal-tab-button a:hover{outline:none;background-color:#fff}.horizontal-tabs .horizontal-tab-button li:hover,.horizontal-tabs .horizontal-tab-button li:focus{background-color:#ddd}.horizontal-tabs ul.horizontal-tabs-list:focus{outline:none}.horizontal-tab-button a:focus strong,.horizontal-tab-button a:active strong,.horizontal-tab-button a:hover strong{text-decoration:none;outline:none}.horizontal-tab-button.selected{background-color:#fff;border-bottom:1px solid #fff;margin-bottom:-1px}[dir="rtl"] .horizontal-tab-button.selected{border-left-width:0;border-right-width:1px}.horizontal-tabs ul.horizontal-tabs-list li a,.horizontal-tabs ul.horizontal-tabs-list li.selected a{display:block;text-decoration:none;padding:0.6em 1em;position:relative;top:0}.horizontal-tab-button .selected strong{color:#000}.horizontal-tab-button .summary{display:block;line-height:normal;margin-bottom:0}.bef-exposed-form .form--inline .form-item{float:none}.bef-exposed-form .form--inline>.form-item,.bef-exposed-form .form--inline .js-form-wrapper>.form-item{float:left}.eye-close{background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhLS0gR2VuZXJhdG9yOiBHcmF2aXQuaW8gLS0+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiIHZpZXdCb3g9IjAgMCAyNCAxNiIgd2lkdGg9IjI0IiBoZWlnaHQ9IjE2Ij48ZGVmcz48Y2xpcFBhdGggaWQ9Il9jbGlwUGF0aF9oWEZrT1cyUEREYklYRzVVd3hRNTg5N1p2ckFWdTlVVCI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjE2Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgY2xpcC1wYXRoPSJ1cmwoI19jbGlwUGF0aF9oWEZrT1cyUEREYklYRzVVd3hRNTg5N1p2ckFWdTlVVCkiPjxwYXRoIGQ9IiBNIDE1LjA2NiAtMC4xOTcgQyAxNC44NzYgLTAuMTM5IDE0Ljc4NSAtMC4wMzggMTQuNDY0IDAuNDczIEMgMTQuMDg5IDEuMDcyIDE0LjE4OCAxLjAwOCAxMy43MTYgMC45NTQgQyA4LjQ2MyAwLjM1NiAzLjUxIDIuNDY0IDAuNDEzIDYuNjE2IEMgLTAuMTg5IDcuNDIzIC0wLjE2OCA4LjExOSAwLjQ4NiA4Ljk5IEMgMS44NTIgMTAuODA5IDMuODEzIDEyLjM4MyA1LjkwMyAxMy4zMzggQyA2LjIzOSAxMy40OTIgNi4yMyAxMy40NzYgNi4wOTkgMTMuNjgxIEMgNS43NjYgMTQuMjAzIDUuNzQxIDE0LjU3OCA2LjAyNSAxNC44MjYgQyA2LjE5NyAxNC45NzYgNy42MjMgMTUuNjU5IDcuODkxIDE1LjcxOSBDIDguNDA3IDE1LjgzNiA4LjU5IDE1LjcyNSA5LjAyIDE1LjAzNCBDIDkuMTcxIDE0Ljc5MSA5LjcwNiAxMy45NDIgMTAuMjEgMTMuMTQ4IEMgMTAuNzEzIDEyLjM1NCAxMi4xOTcgMTAuMDA0IDEzLjUwOCA3LjkyNSBDIDE0LjgxOSA1Ljg0NyAxNi4yNjYgMy41NTQgMTYuNzI0IDIuODMgQyAxNy41OSAxLjQ2MSAxNy42ODEgMS4yOTUgMTcuNjU4IDEuMTIgQyAxNy42MTMgMC43OCAxNy41MDggMC42NzYgMTYuODg1IDAuMzU2IEMgMTUuNzY5IC0wLjIxOCAxNS40NTIgLTAuMzE0IDE1LjA2NiAtMC4xOTcgWiAgTSAxOC45MzIgMi44ODIgQyAxOC44NzkgMi45MDUgMTguODIzIDIuOTQyIDE4LjgwOCAyLjk2MyBDIDE4LjY3NSAzLjE1MSAxOC4wODMgNC4xMDMgMTguMDQ2IDQuMTg3IEMgMTcuOTM0IDQuNDQ3IDE4LjAwNyA0LjU3MSAxOC40NDUgNC44NjEgQyAxOS41ODggNS42MTggMjAuNTAyIDYuNDQ5IDIxLjM1OSA3LjUwOSBDIDIxLjU2IDcuNzU4IDIxLjU2MSA3Ljc0NyAyMS4zMTggOC4wNDUgQyAxOS4yMzcgMTAuNTkzIDE2LjM5NSAxMi4xNzIgMTMuMjYzIDEyLjUyMiBDIDEyLjY1OSAxMi41OSAxMi43NDUgMTIuNTIxIDEyLjIxMSAxMy4zNjEgQyAxMS43NSAxNC4wODUgMTEuNjk2IDE0LjE4NyAxMS42OTYgMTQuMzM5IEMgMTEuNjk0IDE0LjY0NCAxMS45NDMgMTQuNjk3IDEzLjAxNSAxNC42MjMgQyAxNi43NDMgMTQuMzY2IDIwLjA4MSAxMi43NTkgMjIuNjM1IDkuOTk0IEMgMjQuMTkzIDguMzA3IDI0LjMyOCA3LjY2MSAyMy4zODggNi4zOTcgQyAyMi42MjIgNS4zNjYgMjEuNTQzIDQuMzQzIDIwLjI4IDMuNDUzIEMgMTkuNDQ1IDIuODYzIDE5LjIwNiAyLjc2MiAxOC45MzIgMi44ODIgWiAgTSAxMi4wOCAzLjEyNiBDIDEyLjQ1IDMuMjk1IDEyLjI0NSAzLjU4MiAxMS43MzEgMy42MTQgQyAxMC4xNjEgMy43MTMgOS4wNzEgNC43MSA4LjkzNiA2LjE3MiBDIDguOTAzIDYuNTQgOC41NDggNi42NTcgOC4zODUgNi4zNTMgQyA4LjMwOSA2LjIxMiA4LjM4MiA1LjcwOCA4LjU0IDUuMjgyIEMgOC44MzggNC40OCA5LjczMiAzLjY1MiAxMC42NjEgMy4zMTkgQyAxMS4xNjcgMy4xMzcgMTEuODg4IDMuMDM5IDEyLjA4IDMuMTI2IFogIE0gNi4wODggNC42NSBDIDUuNzAxIDUuNzU0IDUuNzQxIDcuMDk0IDYuMTkyIDguMTY5IEMgNi41NjcgOS4wNjMgNy4xODEgOS44NDQgNy45OTIgMTAuNDU4IEMgOC4xMDEgMTAuNTQxIDguMTI2IDEwLjQ4IDcuNzI4IDExLjExNSBDIDcuMzU2IDExLjcwOSA3LjQxOSAxMS42NzMgNy4wNSAxMS40OTkgQyA1LjMwNSAxMC42ODEgMy44ODYgOS41NzIgMi42NDcgOC4wNTUgQyAyLjM4MiA3LjczMSAyLjM4NyA3Ljc2OSAyLjU3MyA3LjUzOCBDIDMuNTMyIDYuMzQ2IDQuNTc4IDUuNDE2IDUuODA3IDQuNjY0IEMgNi4xNDkgNC40NTQgNi4xNTYgNC40NTQgNi4wODggNC42NSBaICBNIDE3LjUxMSA1LjEzIEMgMTcuMzgxIDUuMTgzIDE3LjU1NyA0LjkxNyAxNS42MTIgNy45OTMgQyAxMy41OTggMTEuMTc2IDEzLjY5NiAxMS4wMDEgMTMuODI2IDExLjE5NiBDIDEzLjk2IDExLjM5OCAxNC4yMDcgMTEuMzg0IDE0Ljc2NSAxMS4xNDMgQyAxNy4xMjYgMTAuMTI3IDE4LjUwOSA3Ljc0MiAxOC4wNjMgNS40NTUgQyAxOCA1LjEzNCAxNy43OTggNS4wMTUgMTcuNTExIDUuMTMgWiAiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZmlsbD0icmdiKDAsMCwwKSIvPjwvZz48L3N2Zz4K") no-repeat;display:block;height:16px;width:24px;margin-top:2px;background-size:contain}button.shwpd{border:none;display:inline-block;margin-left:-2em;background-position:center;vertical-align:middle;margin-top:0;cursor:pointer}#edit-pass{display:inline-block}


/* src/styles/10-kline-style.css */
/* ---- ported from web/themes/custom/kline/assets/css/style.css ----
   Reduced to rules reachable from the replica's three pages.
   Note: var(--silver) below is undefined in the portal too (the declared token
   is --sliver). Left as-is so the back-to-top button behaves as it does live. */
@layer theme{:root{--gray:#898989;--santas-grey:#A1A1A6;--athens-gray:#F1F3F6;--slate-gray:#5F7983;--alto:#d9d9d9;--sliver:#C9C9C9;--silver-chalice:#ABABAB;--mercury:#E9E9E9;--iron:#DBDDDF;--gallery:#ededed;--wild-sand:#F5F5F5;--alabaster:#F9F9F9;--seashell:#F1F1F1;--concrete:#F3F3F3;--outer-space:#323538;--mine-shaft:#333333;--heavy-metal:#323332;--pale-sky:#6C757D;--shark:#212529;--mako:#424649;--boulder:#797979;--scorpion:#595959;--ghost:#ced4da;--white:#fff;--black:#000;--red:#ff0000;--amber:#FFC107;--blue:#0000ff;--lime-pie:#B1C127}}.select-nobackground{background-image:none !important}.new-theme li.page-item.is-active.active a{border:unset;border-radius:10px;background:var(--primary-color)}.new-theme li.page-item a{border:unset;border-radius:10px;background:var(--white)}.new-theme .dropdown button{margin-left:15px}.form-item-field-email-0-value label:after{content:"(Optional)";position:relative;left:7px}.new-theme .form-item-field-email-0-value label:after{display:none}.new-theme button.avatar-circle{margin-left:0}@media (min-width:450px) and (max-width:991px){.new-theme .burger-menu{width:auto;margin:0}.new-theme .navbar .container-fluid>.navbar-collapse{background:var(--primary-color);position:absolute;left:0;top:70px;width:100vw;margin-left:-27px;padding:0px 27px}}@media (max-width:449px){.new-theme .burger-menu{margin-top:15px;flex-direction:row-reverse}}.bg-light{--bs-bg-opacity:none}button.backToTopBtn.active{position:fixed;bottom:50px;right:50px;z-index:1;height:50px;width:50px;border:none;color:var(--silver);border-radius:100%;transition:0.5s;background:var(--black);cursor:pointer}.backToTopBtn.active{visibility:visible;opacity:1;pointer-events:auto}.backToTopBtn:not(.active){visibility:hidden;opacity:0;pointer-events:none}.backToTopBtn{display:none}.path-cases .backToTopBtn,.page-node-type-case .backToTopBtn{display:flex;justify-content:center;align-items:center}.form-actions{margin:0}.account__image img{height:100%;left:0;object-fit:cover;position:fixed;right:0;width:100%;z-index:-1}.language-switcher-language-url button span{color:var(--theme-text-color)}.avatar-circle{color:var(--theme-text-color)}.avatar-circle svg path{fill:currentColor}


/* src/styles/11-kline-layout.css */
/* ---- ported from web/themes/custom/kline/assets/css/kline/layout-kline.css
   and layout-desktop-kline.css. Reachable rules only, nav icon SVGs inlined.
   The @import of Raleway is dropped: no rule in the theme references it and the
   portal renders in Bootstrap's system stack.

   The nav icons are CSS masks tinted by --navbar-color, switching to
   --navbar-active-color when active, which is why the menu retints per palette
   independently of --primary-color. ---- */
.main-menu.navbar-nav{color:var(--black);font-size:14px}.site-main{background-color:var(--gallery);flex:1 0 0%;height:100%;width:100%;overflow-x:hidden;padding:110px 20px 40px}.main-header{align-items:center;background:var(--primary-color);display:flex;min-height:70px;justify-content:space-between;left:0;padding:0px 6.51041667% 0px 27px;position:fixed;right:0;top:0;width:100%;z-index:9}.main-header::before{content:""}.main-header-group{align-items:center;display:flex;justify-content:space-between;width:100%}.avatar-circle{background:none;border:none;padding:0;padding-right:22px}.avatar-circle::before{content:"";position:absolute;right:0;bottom:0;margin:0 0 18px 10px;width:15px;height:8.33px;background-color:var(--theme-text-color);-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC42NTA2NCA4LjMxODEyQzguMTg1NzYgOC43ODMgNy40MzE5NSA4Ljc4MyA2Ljk2NzA3IDguMzE4MTJMMS4wMTQ2OSAyLjM2NTc3QzAuNTQ5Nzg5IDEuOTAwODUgMC41NDk3OSAxLjE0NzA5IDEuMDE0NjkgMC42ODIxNzRDMS40Nzk2MSAwLjIxNzI3IDIuMjMzMzcgMC4yMTcyNyAyLjY5ODI4IDAuNjgyMTc0TDcuODA4ODUgNS43OTI3N0wxMi45MTk0IDAuNjgyMTc2QzEzLjM4NDMgMC4yMTcyNzIgMTQuMTM4MSAwLjIxNzI3MyAxNC42MDMgMC42ODIxNzZDMTUuMDY3OSAxLjE0NzA5IDE1LjA2NzkgMS45MDA4NSAxNC42MDMgMi4zNjU3N0w4LjY1MDY0IDguMzE4MTJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC42NTA2NCA4LjMxODEyQzguMTg1NzYgOC43ODMgNy40MzE5NSA4Ljc4MyA2Ljk2NzA3IDguMzE4MTJMMS4wMTQ2OSAyLjM2NTc3QzAuNTQ5Nzg5IDEuOTAwODUgMC41NDk3OSAxLjE0NzA5IDEuMDE0NjkgMC42ODIxNzRDMS40Nzk2MSAwLjIxNzI3IDIuMjMzMzcgMC4yMTcyNyAyLjY5ODI4IDAuNjgyMTc0TDcuODA4ODUgNS43OTI3N0wxMi45MTk0IDAuNjgyMTc2QzEzLjM4NDMgMC4yMTcyNzIgMTQuMTM4MSAwLjIxNzI3MyAxNC42MDMgMC42ODIxNzZDMTUuMDY3OSAxLjE0NzA5IDE1LjA2NzkgMS45MDA4NSAxNC42MDMgMi4zNjU3N0w4LjY1MDY0IDguMzE4MTJaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.navbar .container-fluid>.navbar-collapse{flex-grow:initial}.navbar-nav .nav-link{font-weight:500;margin:0.5rem 0;padding-left:50px !important;position:relative;color:var(--navbar-color)}.navbar-nav .nav-link.is-active{text-decoration:underline;color:var(--navbar-active-color)}.icon-menu::before{content:"";height:20px;left:15px;position:absolute;width:20px;background-color:var(--navbar-color);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguNzc3NzggMjFMNS42NTI5MSAxOC43NjNDMi43MzI5NiAxNi42NzI3IDEgMTMuMjk3OCAxIDkuNzAxMzFWNC4wMjI1OUMxIDMuNTI1NCAxLjMyODg3IDMuMDg4NDUgMS44MDU4NyAyLjk1MTg2TDguNDcyNTMgMS4wNDI4NUM4LjY3MjAzIDAuOTg1NzE1IDguODgzNTYgMC45ODU3MTUgOS4wODMgMS4wNDI4NUwxNS43NDk3IDIuOTUxODZDMTYuMjI2NyAzLjA4ODQ1IDE2LjU1NTYgMy41MjU0IDE2LjU1NTYgNC4wMjI1OVY1Ljk2NjU4TTE4Ljc3NzggMTQuMzE4NVYxMi4wOTEzQzE4Ljc3NzggMTAuODYxMyAxNy43ODI5IDkuODY0MTIgMTYuNTU1NiA5Ljg2NDEyQzE1LjMyODIgOS44NjQxMiAxNC4zMzMzIDEwLjg2MTMgMTQuMzMzMyAxMi4wOTEzVjE0LjMxODVNMTguNzc3OCAxNC4zMTg1SDE0LjMzMzNNMTguNzc3OCAxNC4zMTg1QzIwLjAwNTEgMTQuMzE4NSAyMSAxNS4zMTU3IDIxIDE2LjU0NTZWMTguNzcyOEMyMSAyMC4wMDI5IDIwLjAwNTEgMjEgMTguNzc3OCAyMUgxNC4zMzMzQzEzLjEwNiAyMSAxMi4xMTExIDIwLjAwMjkgMTIuMTExMSAxOC43NzI4VjE2LjU0NTZDMTIuMTExMSAxNS4zMTU3IDEzLjEwNiAxNC4zMTg1IDE0LjMzMzMgMTQuMzE4NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguNzc3NzggMjFMNS42NTI5MSAxOC43NjNDMi43MzI5NiAxNi42NzI3IDEgMTMuMjk3OCAxIDkuNzAxMzFWNC4wMjI1OUMxIDMuNTI1NCAxLjMyODg3IDMuMDg4NDUgMS44MDU4NyAyLjk1MTg2TDguNDcyNTMgMS4wNDI4NUM4LjY3MjAzIDAuOTg1NzE1IDguODgzNTYgMC45ODU3MTUgOS4wODMgMS4wNDI4NUwxNS43NDk3IDIuOTUxODZDMTYuMjI2NyAzLjA4ODQ1IDE2LjU1NTYgMy41MjU0IDE2LjU1NTYgNC4wMjI1OVY1Ljk2NjU4TTE4Ljc3NzggMTQuMzE4NVYxMi4wOTEzQzE4Ljc3NzggMTAuODYxMyAxNy43ODI5IDkuODY0MTIgMTYuNTU1NiA5Ljg2NDEyQzE1LjMyODIgOS44NjQxMiAxNC4zMzMzIDEwLjg2MTMgMTQuMzMzMyAxMi4wOTEzVjE0LjMxODVNMTguNzc3OCAxNC4zMTg1SDE0LjMzMzNNMTguNzc3OCAxNC4zMTg1QzIwLjAwNTEgMTQuMzE4NSAyMSAxNS4zMTU3IDIxIDE2LjU0NTZWMTguNzcyOEMyMSAyMC4wMDI5IDIwLjAwNTEgMjEgMTguNzc3OCAyMUgxNC4zMzMzQzEzLjEwNiAyMSAxMi4xMTExIDIwLjAwMjkgMTIuMTExMSAxOC43NzI4VjE2LjU0NTZDMTIuMTExMSAxNS4zMTU3IDEzLjEwNiAxNC4zMTg1IDE0LjMzMzMgMTQuMzE4NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center}.icon-dashboard::before{background-color:var(--navbar-color);mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfMikiPgo8cGF0aCBkPSJNMTkuNjY2MyA4LjA5ODg4VjE3LjQzMjJDMTkuNjY2MyAxOS42MzIxIDE5LjY2NjMgMjAuNzMyIDE4Ljk4MjkgMjEuNDE1NEMxOC4yOTk1IDIyLjA5ODkgMTcuMTk5NSAyMi4wOTg5IDE0Ljk5OTcgMjIuMDk4OUgxMy44MzNIOS4xNjYzNEg3Ljk5OTY3QzUuNzk5NzggMjIuMDk4OSA0LjY5OTg0IDIyLjA5ODkgNC4wMTY0MyAyMS40MTU0QzMuMzMzMDEgMjAuNzMyIDMuMzMzMDEgMTkuNjMyMSAzLjMzMzAxIDE3LjQzMjJWOC4wOTg4OCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDEwLjQzMjFMNi4yNSA1Ljc2NTQzTDkuOTQ5ODUgMi40NzY3QzEwLjgzMzggMS42OTA4NyAxMi4xNjYyIDEuNjkwODcgMTMuMDUwMiAyLjQ3NjdMMTYuNzUgNS43NjU0M0wyMiAxMC40MzIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4xNjY5OSAyMi4wOTg5VjE3LjQzMjJDOS4xNjY5OSAxNi4xNDM1IDEwLjIxMTYgMTUuMDk4OSAxMS41MDAzIDE1LjA5ODlDMTIuNzg5IDE1LjA5ODkgMTMuODMzNyAxNi4xNDM1IDEzLjgzMzcgMTcuNDMyMlYyMi4wOTg5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzJfMiI+CjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfMikiPgo8cGF0aCBkPSJNMTkuNjY2MyA4LjA5ODg4VjE3LjQzMjJDMTkuNjY2MyAxOS42MzIxIDE5LjY2NjMgMjAuNzMyIDE4Ljk4MjkgMjEuNDE1NEMxOC4yOTk1IDIyLjA5ODkgMTcuMTk5NSAyMi4wOTg5IDE0Ljk5OTcgMjIuMDk4OUgxMy44MzNIOS4xNjYzNEg3Ljk5OTY3QzUuNzk5NzggMjIuMDk4OSA0LjY5OTg0IDIyLjA5ODkgNC4wMTY0MyAyMS40MTU0QzMuMzMzMDEgMjAuNzMyIDMuMzMzMDEgMTkuNjMyMSAzLjMzMzAxIDE3LjQzMjJWOC4wOTg4OCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDEwLjQzMjFMNi4yNSA1Ljc2NTQzTDkuOTQ5ODUgMi40NzY3QzEwLjgzMzggMS42OTA4NyAxMi4xNjYyIDEuNjkwODcgMTMuMDUwMiAyLjQ3NjdMMTYuNzUgNS43NjU0M0wyMiAxMC40MzIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4xNjY5OSAyMi4wOTg5VjE3LjQzMjJDOS4xNjY5OSAxNi4xNDM1IDEwLjIxMTYgMTUuMDk4OSAxMS41MDAzIDE1LjA5ODlDMTIuNzg5IDE1LjA5ODkgMTMuODMzNyAxNi4xNDM1IDEzLjgzMzcgMTcuNDMyMlYyMi4wOTg5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzJfMiI+CjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")}.icon-case-list::before{background-color:var(--navbar-color);mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljc1IDJINy4yNUM0LjM1MDUxIDIgMiA0LjM1MDUxIDIgNy4yNVYyNC43NUMyIDI3LjY0OTUgNC4zNTA1MSAzMCA3LjI1IDMwSDI0Ljc1QzI3LjY0OTUgMzAgMzAgMjcuNjQ5NSAzMCAyNC43NVY3LjI1QzMwIDQuMzUwNTEgMjcuNjQ5NSAyIDI0Ljc1IDJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTIzIDEyLjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzIDE5LjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljc1IDJINy4yNUM0LjM1MDUxIDIgMiA0LjM1MDUxIDIgNy4yNVYyNC43NUMyIDI3LjY0OTUgNC4zNTA1MSAzMCA3LjI1IDMwSDI0Ljc1QzI3LjY0OTUgMzAgMzAgMjcuNjQ5NSAzMCAyNC43NVY3LjI1QzMwIDQuMzUwNTEgMjcuNjQ5NSAyIDI0Ljc1IDJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTIzIDEyLjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzIDE5LjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==")}.navbar-nav .nav-link.is-active::before{background-color:var(--navbar-active-color);mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguNzc3NzggMjFMNS42NTI5MSAxOC43NjNDMi43MzI5NiAxNi42NzI3IDEgMTMuMjk3OCAxIDkuNzAxMzFWNC4wMjI1OUMxIDMuNTI1NCAxLjMyODg3IDMuMDg4NDUgMS44MDU4NyAyLjk1MTg2TDguNDcyNTMgMS4wNDI4NUM4LjY3MjAzIDAuOTg1NzE1IDguODgzNTYgMC45ODU3MTUgOS4wODMgMS4wNDI4NUwxNS43NDk3IDIuOTUxODZDMTYuMjI2NyAzLjA4ODQ1IDE2LjU1NTYgMy41MjU0IDE2LjU1NTYgNC4wMjI1OVY1Ljk2NjU4TTE4Ljc3NzggMTQuMzE4NVYxMi4wOTEzQzE4Ljc3NzggMTAuODYxMyAxNy43ODI5IDkuODY0MTIgMTYuNTU1NiA5Ljg2NDEyQzE1LjMyODIgOS44NjQxMiAxNC4zMzMzIDEwLjg2MTMgMTQuMzMzMyAxMi4wOTEzVjE0LjMxODVNMTguNzc3OCAxNC4zMTg1SDE0LjMzMzNNMTguNzc3OCAxNC4zMTg1QzIwLjAwNTEgMTQuMzE4NSAyMSAxNS4zMTU3IDIxIDE2LjU0NTZWMTguNzcyOEMyMSAyMC4wMDI5IDIwLjAwNTEgMjEgMTguNzc3OCAyMUgxNC4zMzMzQzEzLjEwNiAyMSAxMi4xMTExIDIwLjAwMjkgMTIuMTExMSAxOC43NzI4VjE2LjU0NTZDMTIuMTExMSAxNS4zMTU3IDEzLjEwNiAxNC4zMTg1IDE0LjMzMzMgMTQuMzE4NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTguNzc3NzggMjFMNS42NTI5MSAxOC43NjNDMi43MzI5NiAxNi42NzI3IDEgMTMuMjk3OCAxIDkuNzAxMzFWNC4wMjI1OUMxIDMuNTI1NCAxLjMyODg3IDMuMDg4NDUgMS44MDU4NyAyLjk1MTg2TDguNDcyNTMgMS4wNDI4NUM4LjY3MjAzIDAuOTg1NzE1IDguODgzNTYgMC45ODU3MTUgOS4wODMgMS4wNDI4NUwxNS43NDk3IDIuOTUxODZDMTYuMjI2NyAzLjA4ODQ1IDE2LjU1NTYgMy41MjU0IDE2LjU1NTYgNC4wMjI1OVY1Ljk2NjU4TTE4Ljc3NzggMTQuMzE4NVYxMi4wOTEzQzE4Ljc3NzggMTAuODYxMyAxNy43ODI5IDkuODY0MTIgMTYuNTU1NiA5Ljg2NDEyQzE1LjMyODIgOS44NjQxMiAxNC4zMzMzIDEwLjg2MTMgMTQuMzMzMyAxMi4wOTEzVjE0LjMxODVNMTguNzc3OCAxNC4zMTg1SDE0LjMzMzNNMTguNzc3OCAxNC4zMTg1QzIwLjAwNTEgMTQuMzE4NSAyMSAxNS4zMTU3IDIxIDE2LjU0NTZWMTguNzcyOEMyMSAyMC4wMDI5IDIwLjAwNTEgMjEgMTguNzc3OCAyMUgxNC4zMzMzQzEzLjEwNiAyMSAxMi4xMTExIDIwLjAwMjkgMTIuMTExMSAxOC43NzI4VjE2LjU0NTZDMTIuMTExMSAxNS4zMTU3IDEzLjEwNiAxNC4zMTg1IDE0LjMzMzMgMTQuMzE4NSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==")}.navbar-nav .nav-link.is-active.icon-dashboard::before{background-color:var(--navbar-active-color);mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfMikiPgo8cGF0aCBkPSJNMTkuNjY2MyA4LjA5ODg4VjE3LjQzMjJDMTkuNjY2MyAxOS42MzIxIDE5LjY2NjMgMjAuNzMyIDE4Ljk4MjkgMjEuNDE1NEMxOC4yOTk1IDIyLjA5ODkgMTcuMTk5NSAyMi4wOTg5IDE0Ljk5OTcgMjIuMDk4OUgxMy44MzNIOS4xNjYzNEg3Ljk5OTY3QzUuNzk5NzggMjIuMDk4OSA0LjY5OTg0IDIyLjA5ODkgNC4wMTY0MyAyMS40MTU0QzMuMzMzMDEgMjAuNzMyIDMuMzMzMDEgMTkuNjMyMSAzLjMzMzAxIDE3LjQzMjJWOC4wOTg4OCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDEwLjQzMjFMNi4yNSA1Ljc2NTQzTDkuOTQ5ODUgMi40NzY3QzEwLjgzMzggMS42OTA4NyAxMi4xNjYyIDEuNjkwODcgMTMuMDUwMiAyLjQ3NjdMMTYuNzUgNS43NjU0M0wyMiAxMC40MzIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4xNjY5OSAyMi4wOTg5VjE3LjQzMjJDOS4xNjY5OSAxNi4xNDM1IDEwLjIxMTYgMTUuMDk4OSAxMS41MDAzIDE1LjA5ODlDMTIuNzg5IDE1LjA5ODkgMTMuODMzNyAxNi4xNDM1IDEzLjgzMzcgMTcuNDMyMlYyMi4wOTg5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzJfMiI+CjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMyAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzJfMikiPgo8cGF0aCBkPSJNMTkuNjY2MyA4LjA5ODg4VjE3LjQzMjJDMTkuNjY2MyAxOS42MzIxIDE5LjY2NjMgMjAuNzMyIDE4Ljk4MjkgMjEuNDE1NEMxOC4yOTk1IDIyLjA5ODkgMTcuMTk5NSAyMi4wOTg5IDE0Ljk5OTcgMjIuMDk4OUgxMy44MzNIOS4xNjYzNEg3Ljk5OTY3QzUuNzk5NzggMjIuMDk4OSA0LjY5OTg0IDIyLjA5ODkgNC4wMTY0MyAyMS40MTU0QzMuMzMzMDEgMjAuNzMyIDMuMzMzMDEgMTkuNjMyMSAzLjMzMzAxIDE3LjQzMjJWOC4wOTg4OCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xIDEwLjQzMjFMNi4yNSA1Ljc2NTQzTDkuOTQ5ODUgMi40NzY3QzEwLjgzMzggMS42OTA4NyAxMi4xNjYyIDEuNjkwODcgMTMuMDUwMiAyLjQ3NjdMMTYuNzUgNS43NjU0M0wyMiAxMC40MzIxIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOS4xNjY5OSAyMi4wOTg5VjE3LjQzMjJDOS4xNjY5OSAxNi4xNDM1IDEwLjIxMTYgMTUuMDk4OSAxMS41MDAzIDE1LjA5ODlDMTIuNzg5IDE1LjA5ODkgMTMuODMzNyAxNi4xNDM1IDEzLjgzMzcgMTcuNDMyMlYyMi4wOTg5IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzJfMiI+CjxyZWN0IHdpZHRoPSIyMyIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")}.navbar-nav .nav-link.is-active.icon-case-list::before{background-color:var(--navbar-active-color);mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljc1IDJINy4yNUM0LjM1MDUxIDIgMiA0LjM1MDUxIDIgNy4yNVYyNC43NUMyIDI3LjY0OTUgNC4zNTA1MSAzMCA3LjI1IDMwSDI0Ljc1QzI3LjY0OTUgMzAgMzAgMjcuNjQ5NSAzMCAyNC43NVY3LjI1QzMwIDQuMzUwNTEgMjcuNjQ5NSAyIDI0Ljc1IDJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTIzIDEyLjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzIDE5LjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==");-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljc1IDJINy4yNUM0LjM1MDUxIDIgMiA0LjM1MDUxIDIgNy4yNVYyNC43NUMyIDI3LjY0OTUgNC4zNTA1MSAzMCA3LjI1IDMwSDI0Ljc1QzI3LjY0OTUgMzAgMzAgMjcuNjQ5NSAzMCAyNC43NVY3LjI1QzMwIDQuMzUwNTEgMjcuNjQ5NSAyIDI0Ljc1IDJaIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjMiLz4KPHBhdGggZD0iTTIzIDEyLjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzIDE5LjVIOSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg==")}.views-element-container,.view-content{height:100%}.btn-primary{background:var(--primary-color);border-color:var(--primary-color)}.btn-primary:focus,.btn-primary:hover{background:var(--primary-color-800);border-color:var(--primary-color-800);box-shadow:none !important}#edit-cancel{background:var(--shark);border-color:var(--shark);color:var(--white)}#edit-cancel:focus,#edit-cancel:hover{background:var(--mako);border-color:var(--mako)}[data-drupal-selector="edit-masquerade-as"]{height:36px;min-width:125px;width:125px}@media (min-width:992px){#masquerade-block-form{display:block}.navbar-nav .nav-link{align-items:flex-end;display:flex;font-size:15px;line-height:1;padding:1rem 2rem 1rem 65px !important;color:var(--navbar-color)}.icon-menu::before{height:22px;left:30px;width:22px}.site-main{padding:110px 76px 40px}}@media (max-width:992px){.menu-mobile{display:none}header.main-header:has(.collapse.show) .region-nav-branding{opacity:0}header.main-header:has(.collapse.show) .menu-mobile{display:block;position:absolute;top:12px}.pagination{justify-content:flex-start;flex-wrap:nowrap}}


/* src/styles/12-kline-dashboard.css */
/* ---- ported from web/themes/custom/kline/assets/css/kline/block-statut-kline.css,
   assets/css/cases.css and assets/css/cases-dekstop.css. Reachable rules only,
   icons inlined.

   Note: `.all .dashboard_number` uses var(--keppel), which the portal never
   declares. The declaration therefore computes to unset and the Total Cases
   figure inherits black, which is what the live portal shows. Left as-is
   rather than "fixed", so the replica matches. ---- */
.dashboard__cases{display:flex;flex-wrap:wrap;gap:2.5%;padding-left:0px;margin:0px 0px 30px;margin-bottom:10px}.dashboard__cases,.dashboard__graph{border-radius:36px;height:100%}.dashboard__graph{background-color:var(--white);padding:0 70px 0 0}.dashboard__graph .views-element-container{width:100%}.dashboard__graph .view-content{align-items:center;display:flex;justify-content:space-between}.dashboard__graph .graph_list{align-items:center;display:flex;flex-direction:column;flex:60%}.dashboard__graph .graph_list ul{padding-left:65px}.dashboard__graph .graph_list ul li{display:flex;list-style:none;margin-top:10px}.dashboard__graph .graph_list span{background:var(--color-in-planning);border-radius:22px;display:inline-block;max-height:22px;margin-right:22px;min-width:22px}.dashboard__graph .graph_list span.draft{background:var(--color-draft)}.dashboard__graph .graph_list span.inplanning{background:var(--color-in-planning)}.dashboard__graph .graph_list span.wfapp{background:var(--color-awaiting-approval)}.dashboard__graph .graph_list span.rejected{background:var(--color-rejected)}.dashboard__graph .graph_list span.inproduction{background:var(--color-in-production)}.dashboard__graph .graph_list span.shipped{background:var(--color-shipped)}.dashboard__container .dashboard_number{font-size:44px;font-weight:500;line-height:1}.dashboard__container .dashboard_box{background-color:var(--white);border-radius:36px;color:var(--black);flex:100%;font-weight:500;margin-bottom:2rem;padding:22px 0 22px 33px;position:relative;transition:0.3s ease-in-out}.dashboard__container .dashboard_box[data-status]{border:6px solid var(--white)}.dashboard__container .dashboard_box:hover{color:var(--white);background:var(--primary-color) !important}.dashboard__container .dashboard_box:hover .dashboard_title{color:var(--white)}.dashboard__container .dashboard_title{color:var(--black)}.dashboard__container .chart_infos{display:flex;flex-direction:column;gap:2.5%;margin-bottom:2rem}.dashboard__container .dashboard_box.warning{background-color:#FF5166;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzEiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5LjgxMjUgMjQuMjM5M0wxOC4xNDg5IDIuMTE5NDdDMTcuNjIzNCAxLjEyMjk3IDE2LjY0NDIgMC41MDM5MDYgMTUuNTkzMSAwLjUwMzkwNkMxNC41NDIxIDAuNTAzOTA2IDEzLjU2MzcgMS4xMjI5NyAxMy4wMzg1IDIuMTE5NDdMMS4zNzQxMyAyNC4yMzgzQzAuODQ4NjE4IDI1LjIzNDggMC44NDg2MTggMjYuNDcyNCAxLjM3NDEzIDI3LjQ2ODlDMS44OTk2NCAyOC40NjU0IDIuODc4NSAyOS4wODQgMy45MjkwNyAyOS4wODRIMjcuMjU3NkMyOC4zMDgyIDI5LjA4NCAyOS4yODc5IDI4LjQ2NTUgMjkuODEyNiAyNy40Njg5QzMwLjMzODEgMjYuNDcyNCAzMC4zMzgxIDI1LjIzNDggMjkuODEyNSAyNC4yMzkzWk0xNS41OTM1IDI1LjQ0NjNDMTQuNTg1IDI1LjQ0NjMgMTMuNzY2MSAyNC41NTA3IDEzLjc2NjEgMjMuNDQ2QzEzLjc2NjEgMjIuMzQxOCAxNC41ODUgMjEuNDQ2MiAxNS41OTM1IDIxLjQ0NjJDMTYuNjAyIDIxLjQ0NjIgMTcuNDIgMjIuMzQxOCAxNy40MiAyMy40NDZDMTcuNDIgMjQuNTUwNyAxNi42MDIgMjUuNDQ2MyAxNS41OTM1IDI1LjQ0NjNaTTE2LjcxOSAxOS4wNDQ3QzE2LjcxOSAxOS43MjUzIDE2LjIxNDcgMjAuMjc2NSAxNS41OTM1IDIwLjI3NjVDMTQuOTcxNCAyMC4yNzY1IDE0LjQ2OCAxOS43MjU0IDE0LjQ2OCAxOS4wNDQ3TDEzLjc2NjEgOS45OTk0MUMxMy43NjYxIDguODk0NjYgMTQuNTg1IDcuOTk5MSAxNS41OTM1IDcuOTk5MUMxNi42MDIgNy45OTkxIDE3LjQyIDguODk0NzIgMTcuNDIgOS45OTk0MUwxNi43MTkgMTkuMDQ0N1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");background-position:85% center;background-repeat:no-repeat;background-size:28px}.dashboard__overview .dashboard_box{padding:15px 36px 21px}.dashboard__container a.mask_behave{text-decoration:none;color:var(--primary-color)}.dashboard__container a.mask_behave:hover{color:var(--white)}.dashboard__container a.mask_behave::after{content:"";height:100%;left:0;top:0;position:absolute;width:100%}.dashboard__container .dashboard_box.newcase .dashboard_title{margin:21px 0 56px 0}.dashboard__container .dashboard_box.newcase svg{margin-top:80px}.dashboard__container .chart_infos .useful__links .manufacturing svg{margin-top:80px}.dashboard__container .chart_infos .useful__links .manufacturing .dashboard_title{margin:21px 0 56px 0}.dashboard_case_infos{flex-direction:column}@media (min-width:1200px){.dashboard__container .dashboard_box{flex:25%;margin-bottom:8px}.dashboard__overview .dashboard_box{margin:0 0 33px 0}.dashboard__container .chart_infos{margin-bottom:0;padding-left:0;padding-right:1.5rem}.dashboard_case_infos{flex-direction:row}}@media (min-width:1200px) and (max-width:1494px){.dashboard__container .chart_infos{width:58.33333333%}.dashboard__container .chart_graph{width:41.66666667%}}#custom_highchart{width:444px}#custom_highchart>div,#custom_highchart svg{max-width:100% !important}@media (max-width:992px){#custom_highchart>div,#custom_highchart svg{max-width:80% !important}}.all{margin-top:43px;margin-bottom:58px}.all .dashboard_title{color:var(--black);font-size:26px;font-weight:500}.all .dashboard_number{color:var(--keppel);font-size:65px;font-weight:700}.overview-title{color:var(--black);font-size:32px;font-weight:500;margin-left:32px;margin-bottom:32px}.caselist-tbody>tr>td{font-size:12px;color:var(--boulder);padding:16px;text-align:left}.caselist-tbody tr td:nth-child(1) a{color:var(--outer-space);text-decoration:none;display:flex;align-items:center}.caselist-tbody tr td:nth-child(1) a:before{content:"";background-image:url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9IiMwMDAiIGZpbGw9IiMwMDAiIHN0cm9rZS13aWR0aD0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGhlaWdodD0iMWVtIiB3aWR0aD0iMWVtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik00MzIsMzIwSDQwMGExNiwxNiwwLDAsMC0xNiwxNlY0NDhINjRWMTI4SDIwOGExNiwxNiwwLDAsMCwxNi0xNlY4MGExNiwxNiwwLDAsMC0xNi0xNkg0OEE0OCw0OCwwLDAsMCwwLDExMlY0NjRhNDgsNDgsMCwwLDAsNDgsNDhINDAwYTQ4LDQ4LDAsMCwwLDQ4LTQ4VjMzNkExNiwxNiwwLDAsMCw0MzIsMzIwWk00ODgsMGgtMTI4Yy0yMS4zNywwLTMyLjA1LDI1LjkxLTE3LDQxbDM1LjczLDM1LjczTDEzNSwzMjAuMzdhMjQsMjQsMCwwLDAsMCwzNEwxNTcuNjcsMzc3YTI0LDI0LDAsMCwwLDM0LDBMNDM1LjI4LDEzMy4zMiw0NzEsMTY5YzE1LDE1LDQxLDQuNSw0MS0xN1YyNEEyNCwyNCwwLDAsMCw0ODgsMFoiPjwvcGF0aD48L3N2Zz4K");width:12px;height:12px;display:block;background-size:100% 100%;margin-right:5px}.new-theme .caselist-tbody tr td:nth-child(1) a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M9.33081 1.46656C9.32843 1.46418 9.32843 1.46181 9.32843 1.46181C9.32618 1.45706 9.32368 1.45706 9.32368 1.45706C8.77191 0.909906 8.01262 0.570312 7.17795 0.570312H6.27016C5.88226 0.570312 5.56862 0.884024 5.56862 1.27076C5.56862 1.65749 5.88226 1.97357 6.27016 1.97357H7.17795C7.36896 1.97357 7.55047 2.01371 7.72023 2.0726L4.72333 5.07255C4.44857 5.34613 4.44857 5.7895 4.72333 6.06557C4.86009 6.20236 5.03934 6.27075 5.21848 6.27075C5.39761 6.27075 5.57912 6.20249 5.71588 6.06557L8.71515 3.06562C8.77641 3.23542 8.81416 3.41935 8.81416 3.6104V4.51365C8.81416 4.90038 9.13017 5.21646 9.51682 5.21646C9.90346 5.21646 10.2195 4.90038 10.2195 4.51365V3.6104C10.2195 2.77554 9.87996 2.01609 9.33056 1.46656H9.33081Z' fill='black'/%3E%3Cpath d='M9.51707 6.61973C9.13042 6.61973 8.81441 6.93581 8.81441 7.32254V7.52785C8.81441 8.4311 8.07874 9.16468 7.17795 9.16468H3.2615C2.35846 9.16468 1.62392 8.4311 1.62392 7.52785V3.6104C1.62392 2.70715 2.35846 1.97357 3.2615 1.97357H3.46189C3.84978 1.97357 4.16455 1.65986 4.16455 1.27076C4.16455 0.881648 3.84978 0.570312 3.46189 0.570312H3.2615C1.58379 0.570312 0.219727 1.93356 0.219727 3.6104V7.52785C0.219727 9.20469 1.58379 10.5703 3.2615 10.5703H7.17795C8.85453 10.5703 10.2197 9.20469 10.2197 7.52785V7.32254C10.2197 6.93569 9.90371 6.61973 9.51707 6.61973Z' fill='black'/%3E%3C/svg%3E")}.caselist-tbody tr td:nth-child(1) a:hover{color:var(--primary-color-600)}.caselist-tbody>tr>th{position:relative;white-space:nowrap;text-align:left;color:var(--slate-gray);font-size:13px;border-bottom:0px none;background-color:var(--athens-gray);font-weight:500;padding:16px}.caselist-tbody>tr>th:not(:last-child)::before{background-color:rgba(0,0,0,0.09);content:"";height:1.6em;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px}.caselist-tbody>tr>th>a{text-decoration:none;color:var(--slate-gray);display:flex;align-items:center}.caselist-content{width:100%;margin:0px 0px 30px;margin-bottom:30px;border-radius:15px;padding:20px 20px 50px 20px;background-color:var(--white);border:1px solid var(--mercury);position:relative}.caselist-content .view-content{overflow-x:auto}.form-actions{display:flex;-moz-box-pack:end;justify-content:flex-end;margin-bottom:20px;flex-wrap:wrap;-moz-box-align:center;align-items:center}.form-control{padding:4px 10px;color:var(--scorpion);font-size:13px;border-radius:4px}.form-control{cursor:text}.form-date{border:none}.form-item-items-per-page{position:absolute;bottom:1px;right:21px;display:flex;justify-content:center;z-index:1;flex:0 0 auto;width:80px !important}.form-item-items-per-page select{min-width:80px;margin-left:20px;font-size:15px;height:32px}.form-item-items-per-page label{display:none}.pagination{justify-content:flex-end !important;padding:1rem 0 0.5rem;padding:0;white-space:nowrap}li.page-item{margin-right:8px;margin-top:8px}@media (max-width:992px){.new-theme li.page-item{margin-right:0}}li.page-item a{background-color:var(--white);border:1px solid var(--alto);border-radius:2px;cursor:pointer;min-width:32px;padding:0 6px;padding-top:2px;color:rgba(0,0,0,0.85);text-align:center;height:32px}li.page-item.is-active a{background-color:rgba(0,0,0,0.85);color:var(--white);border-color:rgba(0,0,0,0.85)}li.page-item a:hover{background-color:var(--white);border-color:rgba(0,0,0,0.85)}li.page-item.is-active a:hover{color:var(--theme-text-color)}.form-radios .form-radios{display:flex;overflow:auto}.form-radios .form-item{margin-bottom:0 !important;margin-top:0 !important}.form--inline>.form-item{width:100%}.new-theme .view-dashboard-cases-with-filters .view-filters .form--inline{display:flex;align-items:center;justify-content:space-between}.new-theme .view-filters .form--inline [data-drupal-selector="edit-created-wrapper"]{display:flex;margin-left:4px}.form-item-created-min label{display:none}.form-item-created-max label{display:none}.new-theme .view-filters .form--inline .form-item-combine{flex:0 0 40%}.new-theme .form--inline .form-item-combine input{width:100%;border-radius:20px;background-color:var(--gallery);padding:13px 15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 9.00001C2 5.13402 5.13402 2 9.00001 2C12.866 2 16 5.13402 16 9.00001C16 12.866 12.866 16 9.00001 16C5.13402 16 2 12.866 2 9.00001ZM9.00001 0C4.02944 0 0 4.02944 0 9.00001C0 13.9706 4.02944 18 9.00001 18C11.125 18 13.078 17.2635 14.6177 16.0319L18.2929 19.7071C18.6834 20.0976 19.3166 20.0976 19.7071 19.7071C20.0976 19.3166 20.0976 18.6834 19.7071 18.2929L16.0319 14.6177C17.2635 13.078 18 11.125 18 9.00001C18 4.02944 13.9706 0 9.00001 0Z' fill='black'/%3E%3C/svg%3E");background-position:97% 50%;background-repeat:no-repeat}@media (max-width:435px){.new-theme .form--inline .form-item-combine input{font-size:12px !important}}[data-drupal-selector="edit-field-case-status-value-kline"]{flex:20%}.new-theme .form--inline{display:flex;align-items:center}[data-drupal-selector="edit-field-case-status-value-kline"]{position:relative}.new-theme [data-drupal-selector="edit-field-case-status-value-kline"] .form-checkboxes{position:absolute;top:27px;z-index:1;background:var(--white);width:100%;padding-left:3px}.new-theme [data-drupal-selector="edit-field-case-status-value-kline"] legend{border:solid 1px var(--ghost);border-radius:20px;padding:13px 15px;color:var(--pale-sky);font-size:16px;background-color:var(--gallery);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='10' viewBox='0 0 15 10' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.69898 8.81788C8.2341 9.28276 7.48029 9.28276 7.01541 8.81788L1.06303 2.86552C0.59813 2.40061 0.59813 1.64685 1.06303 1.18193C1.52795 0.717026 2.28171 0.717026 2.74662 1.18193L7.8572 6.29253L12.9678 1.18193C13.4327 0.717026 14.1865 0.717026 14.6513 1.18193C15.1162 1.64685 15.1162 2.40061 14.6513 2.86552L8.69898 8.81788Z' fill='black'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:95% 50%}.new-theme .form-control{font-size:16px !important}.new-theme .caselist-tbody th:first-of-type{border-radius:15px 0 0 15px}.new-theme .caselist-tbody th:last-of-type{border-radius:0 15px 15px 0}.new-theme .caselist-tbody>tr>th>a,.new-theme .caselist-tbody>tr>td>a{justify-content:center}.new-theme .caselist-tbody>tr>th,.new-theme .caselist-tbody>tr>td{text-align:center}.new-theme .caselist-content{border-radius:36px}@media (min-width:992px){.form--inline>.form-item{width:auto}.form-control{width:225px}}


/* src/styles/23-case-form-a.css */
/* ---- case form layout CSS, part 1/3. Ported from node-case-form-kline.css.
   Every selector is prefixed with `.node-form` so these rules cannot reach the
   dashboard or login page. Selector prefixing rather than runtime.scope,
   because page-scoped STYLE assets are dropped from the published CSS
   entirely (verified: scoped parts a/d/f shipped nothing, unscoped b did). ---- */
.node-form .form-actions{display:flex;justify-content:center}
.node-form h1{color:var(--scorpion)}
.node-form #edit-field-product-type-wrapper legend,.node-form #edit-delete{display:none}
.node-form #edit-field-product-type{display:flex;justify-content:space-around;width:100%;text-align:center}
.node-form .form-item-field-gender{display:block;margin-bottom:2px;min-height:24px}
.node-form .form-item,.node-form .form-actions{margin:0}
.node-form .form-item-field-gender input[type="radio"]{display:none}
.node-form [name="field_product_type"]{clip:rect(0,0,0,0);pointer-events:none;position:absolute}
.node-form [name="field_product_type"]+.option{color:var(--mine-shaft);cursor:pointer;display:block;padding-right:0.75rem;text-align:center;font-weight:700;font-size:17px;line-height:20px;font-style:normal}
.node-form .horizontal-tabs{border:0;margin-bottom:55px}
.node-form .horizontal-tabs-panes .horizontal-tabs-pane:not(#edit-group-case-product-type){padding:5px 2em 51px}
.node-form .horizontal-tabs .horizontal-tabs-list{background:none;border-bottom:0}
.node-form .horizontal-tabs .horizontal-tab-button{background:none;overflow:hidden;border-right:0;position:relative;width:33.33%;flex:1 1 auto}
.node-form .horizontal-tab-button a .form-required::after{display:none}
.node-form fieldset#edit-field-treat--wrapper,.node-form #edit-field-gender--wrapper,.node-form #edit-field-treatment-type--wrapper,.node-form #edit-field-overjet--wrapper,.node-form #edit-field-overbite--wrapper,.node-form #edit-field-midline--wrapper,.node-form #edit-field-ipr--wrapper,.node-form #edit-field-attachments--wrapper,.node-form #edit-group-case-clinical-photos,.node-form .fw-normal,.node-form .js-form-required{font-style:normal;font-weight:700 !important;font-size:20px !important;line-height:20px}
@media (max-width:992px){.node-form fieldset#edit-field-treat--wrapper,.node-form #edit-field-gender--wrapper,.node-form #edit-field-treatment-type--wrapper,.node-form #edit-field-overjet--wrapper,.node-form #edit-field-overbite--wrapper,.node-form #edit-field-midline--wrapper,.node-form #edit-field-ipr--wrapper,.node-form #edit-field-attachments--wrapper,.node-form #edit-group-case-clinical-photos,.node-form .fw-normal,.node-form .js-form-required{margin-bottom:20px}}
.node-form fieldset[data-drupal-selector="edit-group-case-clinical-photos"] .fw-normal{display:block}
.node-form .fw-normal{display:none}
@media (max-width:1080px){.node-form fieldset.form-composite{display:flex;flex-direction:column}}
.node-form .horizontal-tabs .horizontal-tab-button::before{content:"";position:absolute;width:100%;height:86px;background:var(--gallery);background:linear-gradient(0deg,#D9D9D9,#D9D9D9),#D9D9D9;border-right:2px solid var(--silver)}
.node-form .horizontal-tabs .horizontal-tab-button:first-child::before{background:linear-gradient(0deg,#d9d9d9,#d9d9d9),#d9d9d9;border-radius:43px 0px 0px 0px}
.node-form .horizontal-tabs .horizontal-tab-button:last-child::before{border-right:none;border-radius:0px 43px 0px 0px}
.node-form .horizontal-tabs .horizontal-tab-button a{color:var(--mine-shaft);font-size:1.25rem;font-weight:700;line-height:20px;text-align:center;padding:32px 0px !important}
@media (max-width:664px){.node-form .horizontal-tabs .horizontal-tab-button a{font-size:11px;padding:12px !important}}
.node-form .horizontal-tabs .horizontal-tab-button a:hover{background:none}
.node-form .horizontal-tabs .horizontal-tab-button.selected a{color:var(--white)}
.node-form .horizontal-tabs .horizontal-tab-button.selected::before{background:var(--primary-color)}
.node-form label{padding-bottom:1rem}
.node-form fieldset.fieldgroup:not(#edit-field-product-type--wrapper){padding-bottom:32px}
.node-form #edit-group-group-chief-complains fieldset.fieldgroup{display:flex;padding-bottom:39px;position:relative}
.node-form .form-type-checkbox{display:flex}
.node-form .form-type-checkbox input{margin-right:10px}
.node-form fieldset legend{font-size:0.9rem}
.node-form #edit-actions .form-submit,.node-form #prevBtn{background:var(--mine-shaft);border-color:var(--mine-shaft)}
.node-form #edit-actions .form-submit:hover,.node-form #edit-actions .form-submit:focus,.node-form #prevBtn:hover,.node-form #prevBtn:focus{background:var(--black);border-color:var(--black)}
.node-form #nextBtn{color:var(--black);background-color:var(--white);border-color:var(--white)}
.node-form #nextBtn:hover,.node-form #nextBtn:focus{background:var(--primary-color);border-color:var(--primary-color)}
.node-form #edit-actions .form-submit,.node-form #prevBtn,.node-form #nextBtn{font-weight:400;font-size:24px;line-height:20px;padding:19px 60px !important;border-radius:15px;max-width:176px}
@media (max-width:575px){.node-form #edit-actions .form-submit,.node-form #prevBtn,.node-form #nextBtn{font-size:14px;padding:6px 1.5rem !important}}
.node-form #edit-actions .form-submit:focus{box-shadow:none !important}
.node-form #edit-field-product-type.form-radios{align-items:center;display:flex;flex-wrap:wrap}
.node-form input,.node-form select,.node-form .form-textarea-wrapper,.node-form .form-radios{flex:75%}
.node-form .form-check-input[type="checkbox"]{width:20px;height:20px;border-radius:18px;flex:0 0 auto}
.node-form #edit-group-group-treatment-request,.node-form #edit-group-case-files,.node-form #edit-group-case-patient-details .form-item.form-type-radio{display:block}
.node-form #edit-group-case-patient-details .form-item label,.node-form fieldset legend,.node-form .field--name-field-case-birth-year label{flex-basis:22%;min-width:22%}
.node-form .field--widget-options-buttons{margin:0.4rem 0;align-items:center}
.node-form #edit-group-case-patient-details .form-radios div label{margin-right:26px}
.node-form .field--name-field-case-birth-year{margin:1.5em 0}
.node-form input[type="date"]{text-align:center;font-style:normal;font-weight:300;font-size:20px;line-height:20px;z-index:1;outline:none;border:none}
.node-form input[type="date"]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%0A%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 8.38675V5.54288C17 4.4958 16.1046 3.64697 15 3.64697H3C1.89543 3.64697 1 4.4958 1 5.54288V8.38675M17 8.38675V16.9183C17 17.9655 16.1046 18.8143 15 18.8143H3C1.89543 18.8143 1 17.9655 1 16.9183V8.38675M17 8.38675H1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M5.44434 1.86255V5.62959M12.5554 1.86255V5.62959' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");box-sizing:content-box;cursor:pointer;width:45px}
.node-form .form-type-date input[type="date"]{background:none !important}
.node-form .form-type-date{background-color:var(--wild-sand);border-radius:20px;border:solid 1px var(--alto);padding:12px 0;position:relative}
@media (max-width:992px){.node-form input[type="date"]{z-index:1;position:relative}.node-form input[type="radio"]{margin-bottom:14px}}
.node-form input[type="text"]:not(.ui-autocomplete-input){padding:0.613rem 0.5rem;border:1px solid var(--alto);border-radius:20px;background-color:var(--wild-sand)}
.node-form input[type="tel"]:not(.ui-autocomplete-input){padding:0.613rem 0.5rem;border:1px solid var(--alto);border-radius:20px;background-color:var(--wild-sand)}
.node-form input[type="email"]{padding:0.613rem 0.5rem;border:1px solid var(--alto);border-radius:20px;background-color:var(--wild-sand)}
.node-form input[type="number"]{padding:0.613rem 0.5rem;border:1px solid var(--alto);border-radius:20px;background-color:var(--wild-sand)}
.node-form input[type="radio"]{display:none}
.node-form .form-checkboxes .form-item,.node-form .form-radios .form-item{margin:0}
.node-form input[type="radio"]+label{background:var(--wild-sand);border-radius:20px;border:1px solid var(--alto);color:var(--mine-shaft);cursor:pointer;font-style:normal;font-weight:300;font-size:20px;line-height:20px;padding:10px 29px}
.node-form .form-textarea,.node-form select{background-color:var(--wild-sand);border-radius:20px}
.node-form input[type="radio"]:checked+label{background:var(--mine-shaft);border-color:var(--mine-shaft);color:var(--wild-sand)}
.node-form #edit-group-group-chief-complains .form-wrapper{margin-left:0 !important;margin-top:10px}
.node-form .field--type-file .description{display:none}
.node-form .field--type-file .form-item{background:none;border:0;position:static}
.node-form .field--type-file .form-item label{border:0;color:var(--mine-shaft);font-weight:300;font-size:20px;line-height:20px;background:none;min-width:25%;padding:0;pointer-events:none}
.node-form .clinical-photos{counter-reset:photo-counter;flex-wrap:wrap;margin-top:1rem}
.node-form .clinical-photos legend{min-width:100%}
.node-form .clinical-photos .field--type-file{height:178px;margin:0 auto;position:relative;width:169px}


/* src/styles/23-case-form-b.css */
/* ---- case form layout CSS, part 2/3. Ported from node-case-form-kline.css.
   Every selector is prefixed with `.node-form` so these rules cannot reach the
   dashboard or login page. Selector prefixing rather than runtime.scope,
   because page-scoped STYLE assets are dropped from the published CSS entirely
   (verified: scoped parts shipped nothing, unscoped ones did).

   The `.field--type-file .button` icon rules are omitted: 5.9KB of data URI for
   an upload button, and the file rows here are placeholders that show the
   "Choose File" pill text instead. ---- */
.node-form .clinical-photos .button{left:106px;margin:5px 75px 0;position:absolute;top:17px}
.node-form .clinical-photos .field--type-file:after{color:var(--silver-chalice);content:"0"counter(photo-counter);counter-increment:photo-counter;font-size:22px;left:5px;letter-spacing:1px;position:absolute;top:6px}
.node-form .clinical-photos .field--type-file:before{background-repeat:no-repeat;background-size:100%;border:1px solid var(--alto);border-radius:18px;content:"";height:178px;left:0;position:absolute;top:0;width:169px;z-index:0;transition:0.3s ease-in-out}
.node-form .clinical-photos .field--type-file input.form-file:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}
.node-form .clinical-photos .field--type-file:hover:before{border-color:var(--slate-gray)}
.node-form .clinical-photos .field--type-file.missing_file:before{border-color:var(--red);border-width:medium}
.node-form label.error{color:var(--red);flex-basis:0px;font-size:12px;margin-top:5px}
@media (min-width:992px){.node-form label.error{margin-left:calc(17%+10px)}}
.node-form .form-type-radio label.error{bottom:-19px;margin-left:-12px !important;position:absolute}
.node-form .form-type-checkbox label.error{display:none !important}
.node-form .field--type-file .tabledrag-toggle-weight-wrapper,.node-form .field--type-file .form-type-checkbox,.node-form .field--type-file .table>thead,.node-form .field--type-file .table td.tabledrag-hide,.node-form .field--type-file .table .tabledrag-handle{display:none}
.node-form .field--type-file .table{margin-bottom:0em}
.node-form .field--type-file .table tr{display:flex}
.node-form .field--type-file .table td{border:0;min-width:25%;padding-left:0}
.node-form .horizontal-tabs-list{display:flex !important}
.node-form .form-file{color:transparent}
@media (max-width:991px){.node-form .clinical-photos legend{margin-bottom:20px}}
.node-form #edit-group-case-files .field--type-file details{margin-left:0 !important}
.node-form #edit-group-case-files .field--type-file details summary{color:var(--shark);font-weight:normal !important}
.node-form #edit-group-case-files .field--type-file .table tr{flex-wrap:wrap}
.node-form .impression_type--info{color:var(--mine-shaft);font-size:12px;margin:-15px 0 1rem}
@media (min-width:992px){.node-form .impression_type--info{margin:0 2rem 1rem}}
.node-form .form-item-field-product-type{display:flex;flex-direction:column-reverse}
.node-form .field-group-tabs-wrapper{background-color:var(--white);border-radius:42px;margin:0 auto;max-width:1400px}
.node-form .field--type-datetime,.node-form .field--type-email,.node-form .field--type-string,.node-form .field--type-string-long,.node-form .field--type-country,.node-form .field--type-telephone,.node-form .form-type-tel,.node-form .form-type-textfield,.node-form .form-type-select{padding-bottom:32px}
.node-form [name="field_product_type"]:checked+span{font-style:normal;font-weight:700;font-size:20px;line-height:20px;display:block;max-width:198px}
.node-form .bg-light{--bs-bg-opacity:none}
.node-form .form-checkboxes .form-item,.node-form .form-radios .form-item{position:relative;flex:none}
@media (max-width:1080px){.node-form .form-radios .form-item{margin-top:27px}}
.node-form #edit-field-product-type .form-type-radio label:before{content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}
.node-form [name="field_product_type"]:checked+span{color:var(--primary-color)}
.node-form #edit-group-case-patient-details .form-item.form-type-textarea{align-items:flex-start}
.node-form a#prevBtn{margin-right:16px}
.node-form #edit-group-group-chief-complains .field--type-list-float .form-radios>.form-item,.node-form #edit-group-group-chief-complains .field--type-list-float legend{margin-bottom:30px}
.node-form .form-textarea-wrapper textarea{resize:none}
.node-form .fw-bold{color:var(--black) !important;text-align:center;font-weight:400;font-size:32px;line-height:20px}
.node-form .fiel-choose-wrapper{position:relative;display:flex;align-items:center}
.node-form .fiel-choose{color:var(--mine-shaft) !important;background:var(--wild-sand);border:1px solid var(--alto);border-radius:20px;text-align:center;font-style:normal;font-weight:300;font-size:20px;line-height:20px;padding:9px 40px !important;margin-bottom:35px;position:relative;top:20px}
.node-form label.option.js-form-required.form-required{border:0;color:var(--mine-shaft);font-weight:300 !important;font-size:20px !important;line-height:20px;background:none;min-width:25%}


/* src/styles/23-case-form-c.css */
/* ---- case form layout CSS, part 3/3. Ported from node-case-form-kline.css.
   Every selector is prefixed with `.node-form` so these rules cannot reach the
   dashboard or login page. Selector prefixing rather than runtime.scope,
   because page-scoped STYLE assets are dropped from the published CSS
   entirely (verified: scoped parts a/d/f shipped nothing, unscoped b did). ---- */
.node-form div#edit-field-impression-type{flex:100%;position:relative;top:33px;padding-bottom:57px;padding-left:10px}
.node-form label.option{display:inline-block}
@keyframes loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.node-form .clinical-photos .field--type-file:has([name="files[field_case_clinical_photo_05_0]"],[name="files[field_case_clinical_photo_06_0]"],[name="files[field_case_clinical_photo_07_0]"],[name="files[field_case_clinical_photo_08_0]"],[name="files[field_case_clinical_photo_09_0]"])::before{border:2px dashed var(--amber);border-width:medium}
.node-form .field--name-field-retainer-type,.node-form .field--name-field-treat,.node-form .field--name-field-upper-range,.node-form .field--name-field-lower-range{width:100%}
.node-form .js-form-item-new-address-add{align-items:center}
.node-form .js-form-item-new-address-add label{padding-bottom:0}
.node-form #edit-group-treatment-request-and-comp{display:flex;gap:10px;flex-wrap:nowrap;align-items:flex-start}
.node-form #edit-group-group-chief-complains{order:2;flex:1 1 40%}
.node-form #edit-group-group-treatment-request{flex:1 1 60%}
.node-form .details-wrapper:has(#edit-group-group-chief-complains){display:flex;flex-wrap:wrap}
.node-form .form-check{padding-left:0}
@media (max-width:1024px){.node-form .details-wrapper:has(#edit-group-group-chief-complains){display:block}.node-form #edit-group-group-treatment-request{order:2}}
@media (min-width:992px){.node-form #edit-group-case-patient-details .form-item,.node-form .form-radios,.node-form .field--name-field-case-birth-year,.node-form fieldset{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.node-form .field--type-file .form-item{align-items:center;display:flex;flex-direction:row;margin:9px 0 0 19px;gap:2em}.node-form .clinical-photos .field--type-file{flex-basis:50%;margin:1rem 0}}
@media (min-width:992px) and (max-width:1117px){.node-form #edit-field-treatment-type--wrapper{align-items:baseline}.node-form #edit-field-treatment-type--wrapper .form-item{margin:20px 0;width:100%}}
@media (min-width:1536px){.node-form .clinical-photos .field--type-file{flex-basis:25%}}


/* src/styles/24-case-form-product-card.css */
/* Product type card, ported from node-case-form-kline.css.

   In the portal the geometry for the `-0` option and its aligner photograph sit
   in one rule, and that photograph is a 420px RGBA PNG costing 75KB as a data
   URI. The geometry is restated here without it, so the card still renders as
   the portal's 199px square with 44px radius and, more importantly, still
   carries the palette-driven states: --seashell at rest, --primary-color-800 on
   hover and when selected. Those states are the only part of this card a
   palette change touches.

   Prefixed with .node-form for the same reason as 23-case-form-*: page-scoped
   style assets are dropped from the published CSS. */

.node-form #edit-field-product-type input[id$="-0"]~.product-img,
.node-form #edit-field-product-type input[id$="-1"]~.product-img,
.node-form #edit-field-product-type input[id$="-3"]~.product-img,
.node-form #edit-field-product-type input[id$="-4"]~.product-img {
  cursor: pointer;
  display: block;
  border-radius: 44px;
  background-color: var(--seashell);
  height: 199px;
  width: 199px;
  margin-bottom: 2.313rem;
  background-position: center;
  background-repeat: no-repeat;
}

.node-form #edit-field-product-type input[id$="-0"]:hover~.product-img,
.node-form #edit-field-product-type input[id$="-1"]:hover~.product-img,
.node-form #edit-field-product-type input[id$="-3"]:hover~.product-img,
.node-form #edit-field-product-type input[id$="-4"]:hover~.product-img {
  background-color: var(--primary-color-800);
}

.node-form [name="field_product_type"]:checked~.product-img {
  background-color: var(--primary-color-800) !important;
}


/* src/styles/25-case-form-tooth-chart.css */
/* Tooth chart, ported from node-case-form-kline.css and
   kline_main/css/tooth-information-widget.css.

   The rule that matters for this demo is the last one: an active tooth is filled
   with var(--primary-color), so the chart retints with the palette. That is why
   the chart is included, having first been left out on the mistaken belief that
   it was fixed grey.

   Adaptations to the replica's markup:
     * the portal keys the naming-select styling off Drupal's generated ids
       (#edit-field-tooth-information-0-container-naming-system and the matching
       js-form-item-* class). Those do not exist here, so the same declarations
       hang off .tooth-information-widget instead.
     * `.tooth-chart { cursor: pointer }` becomes `default`: the portal opens a
       state modal on click, and this chart has no interaction, so a pointer
       would promise something that never happens.

   Prefixed with .node-form because page-scoped style assets are dropped from the
   published CSS. */

.node-form #edit-field-tooth-information-wrapper,
.node-form .tooth-information-widget {
  min-width: 100%;
}

.node-form .tooth-information-widget > label {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
}

.node-form .tooth-information-widget .description {
  padding-bottom: 0;
}

/* Naming-system row: label and select side by side. */
.node-form .tooth-information-widget .form-type-select {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 17px;
  padding-bottom: 0;
}

.node-form .tooth-information-widget .form-type-select label {
  line-height: 15px;
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 0;
  color: var(--black);
  flex-basis: auto;
  min-width: 0;
}

.node-form .tooth-information-widget .form-type-select select {
  flex: none;
  color: var(--pale-sky);
  padding: 6px 12px;
  line-height: 24px;
  width: fit-content;
  border-radius: 4px;
  border: 1px solid var(--ghost);
  background-color: var(--white);
  font-size: 1rem;
  font-weight: 400;
}

/* The svg carries no width/height attributes, so it scales to its container
   from the 2500x522 viewBox, which is what the portal does as well. */
.node-form svg.tooth-chart {
  display: block;
  width: 100%;
  height: auto;
  margin: 1rem 0 2rem;
  cursor: default;
}

/* One annotation set shows per naming system. Only iso ships here. */
.node-form svg.tooth-chart g.annotations {
  display: none;
}

.node-form svg.tooth-chart.iso g.annotations.iso {
  display: block;
}

/* A tooth carrying a state is filled with the brand colour: the palette surface. */
.node-form .tooth-wrapper.active path {
  fill: var(--primary-color);
}


/* src/styles/26-case-form-imagery.css */
/* Case form imagery, pointing at uploaded Instatic media rather than inlining.

   Earlier revisions inlined these as data URIs, which cost 75 KB for the product
   card photograph and about 20 KB for the clinical thumbnails. Referencing the
   uploaded originals removes all of it and keeps the real artwork.

   Clinical photo mapping is the portal's own, from node-case-form-kline.css:
   nine fields share eight files, because photo 04 reuses clinical03 mirrored
   with scaleX(-1). The rest map in sequence, so photo 05 takes clinical04
   through to photo 09 taking clinical08.

   The dashed border on the five required zones lives in
   28-case-form-required-zones.css, which needs a more specific selector than
   these rules do.

   Prefixed with .node-form because page-scoped style assets are dropped from the
   published CSS. */

.node-form .field--name-field-case-clinical-photo-01::before {
  background-image: url("/uploads/RgPIPaTiwRlbM6cEK8l49-clinical01.webp");
}

.node-form .field--name-field-case-clinical-photo-02::before {
  background-image: url("/uploads/NV3Os54VqP8aRNyxebLkl-clinical02.webp");
}

.node-form .field--name-field-case-clinical-photo-03::before {
  background-image: url("/uploads/zm5elzfqWL2aNIXFTXZRy-clinical03.webp");
}

/* Photo 04 is photo 03 mirrored, exactly as the portal does it. */
.node-form .field--name-field-case-clinical-photo-04::before {
  background-image: url("/uploads/zm5elzfqWL2aNIXFTXZRy-clinical03.webp");
  transform: scaleX(-1);
}

.node-form .field--name-field-case-clinical-photo-05::before {
  background-image: url("/uploads/x3eiEYgqW2wkDGh5vawEW-clinical04.webp");
}

.node-form .field--name-field-case-clinical-photo-06::before {
  background-image: url("/uploads/nT5qjwii9EPVJMbkeMREf-clinical05.webp");
}

.node-form .field--name-field-case-clinical-photo-07::before {
  background-image: url("/uploads/mmny58dgnf2LPCIot5UV1-clinical06.webp");
}

.node-form .field--name-field-case-clinical-photo-08::before {
  background-image: url("/uploads/3kutkH00c8GCxDFuyIddq-clinical07.webp");
}

.node-form .field--name-field-case-clinical-photo-09::before {
  background-image: url("/uploads/-3BUfdirB7H5k_3a10Djf-clinical08.webp");
}

/* Product type card artwork. The portal uses the "hover" variant of this file
   for the aligner options; the card's own background-color still supplies the
   palette state underneath, since the artwork is cut out. */
.node-form #edit-field-product-type input[id$="-0"]~.product-img,
.node-form #edit-field-product-type input[id$="-3"]~.product-img,
.node-form #edit-field-product-type input[id$="-4"]~.product-img {
  background-image: url("/uploads/qoK44LbaUtF9LXGmZ_2DK-Aligner_Transparent_FLAT_2_hover.svg");
}

/* Retainer option, present in the portal but not exposed on this instance.
   Declared so the mapping is recorded if a second product type is ever added. */
.node-form #edit-field-product-type input[id$="-1"]~.product-img {
  background-image: url("/uploads/uXS_7VOKVThbauYGbXDOw-retainer.svg");
}


/* src/styles/28-case-form-required-zones.css */
/* Dashed amber border on the five required clinical photo drop zones.

   The portal selects them with
   `.clinical-photos .field--type-file:has([name="files[field_case_clinical_photo_05_0]"], ...)`,
   keying off the Drupal file input inside each zone. Uploads are mocked here, so
   the zones are empty divs containing no inputs at all, and that :has() can
   never match. The five zones are therefore addressed by their own field
   classes instead.

   The `.clinical-photos .field--type-file` ancestry is retained deliberately.
   Without it the selector is (0,2,1) and loses to the neighbouring
   `.node-form .clinical-photos .field--type-file::before { border: 1px solid
   var(--alto) }` at (0,3,1), which is exactly what happened on the first
   attempt: the rule shipped and was simply outranked. Keeping the ancestry puts
   this at (0,4,1) so it wins on specificity rather than on source order. */

.node-form .clinical-photos .field--type-file.field--name-field-case-clinical-photo-05::before,
.node-form .clinical-photos .field--type-file.field--name-field-case-clinical-photo-06::before,
.node-form .clinical-photos .field--type-file.field--name-field-case-clinical-photo-07::before,
.node-form .clinical-photos .field--type-file.field--name-field-case-clinical-photo-08::before,
.node-form .clinical-photos .field--type-file.field--name-field-case-clinical-photo-09::before {
  border: 2px dashed var(--amber);
  border-width: medium;
}


/* src/styles/29-case-form-instruction-rows.css */
/* Doctor's Instructions and Patient's Chief Complaints on separate rows.

   This is a deliberate deviation from the portal, requested for the demo. The
   portal puts the two side by side: both are children of
   group_group_chief_complains (confirmed in
   core.entity_form_display.node.case.default.yml) and the theme turns every
   fieldset into a flex-wrap container at >=992px, so the pair share one row at
   roughly 205px each. Two boxes that narrow read badly when the page is being
   presented, so each is given a full row instead.

   Prefixed with .node-form because page-scoped style assets are dropped from the
   published CSS. */

.node-form #edit-group-group-chief-complains > .field--type-string-long {
  flex: 1 1 100%;
}


/* src/styles/30-case-form-field-labels.css */
/* Show the case form's field labels. A deliberate deviation from the portal.

   Each of these groups carries a <legend> holding the field label, hidden by the
   ported `.node-form .fw-normal { display: none }`. The result was rows of
   unlabelled pills: three identical "Maintain / Improve" pairs with nothing
   saying which one is Overjet, Overbite or Midline.

   The portal really does hide them. `templates/form/fieldset.html.twig` adds
   `fw-normal` to every legend it renders, the CSS then hides that class
   wholesale, and no other template outputs these labels. So this is a change
   away from the portal, not a repair of a porting mistake.

   An earlier version of this file claimed the opposite, reasoning from CSS
   alone: node-case-form-kline.css styles these exact wrappers at
   `font-weight: 700 !important; font-size: 20px !important` and gives
   `fieldset legend` a `flex-basis: 22%`, which reads like styling for a visible
   label. The templates settle it and the templates win.

   `.node-form #id > legend` is (1,1,1) and so outranks `.node-form .fw-normal`
   at (0,2,0). The 22% flex-basis and 20px bold then come from the already-ported
   rules, so nothing else needs restating here.

   Group-level legends (Treatment Request, Files, New Shipping Address) stay
   hidden: they name a section rather than a field, and the tab strip already
   names the step.

   Prefixed with .node-form because page-scoped style assets are dropped from the
   published CSS. */

.node-form #edit-field-gender--wrapper > legend,
.node-form #edit-field-treat--wrapper > legend,
.node-form #edit-field-treatment-type--wrapper > legend,
.node-form #edit-field-overjet--wrapper > legend,
.node-form #edit-field-overbite--wrapper > legend,
.node-form #edit-field-midline--wrapper > legend,
.node-form #edit-field-ipr--wrapper > legend,
.node-form #edit-field-attachments--wrapper > legend,
.node-form #edit-field-impression-type--wrapper > legend {
  display: block;
}


/* src/styles/14-kline-account.css */
/* ---- ported from web/themes/custom/kline/assets/css/account.css ---- */
.account__video{height:100%;left:0;object-fit:cover;position:fixed;right:0;width:100%;z-index:-1}.account__content{background-color:var(--white);height:100%;margin-left:auto;max-width:32rem;padding:1.8rem}.account__content .region-nav-main{margin-left:40px;position:absolute;top:15px}.account__content .navbar-brand{margin:40px 0}.account__content .navbar-brand img{height:75px;width:100%;object-fit:contain}@media (min-width:992px){.account__content .navbar-brand img{height:75px}}.account__content form{display:flex;flex-direction:column;padding:0 40px}.account__content form label{font-size:.8rem;padding:3px}.account__content .form-item{margin-bottom:0}.account__content .btn-register{background:var(--primary-color);border:1px solid var(--primary-color);color:var(--theme-text-color) !important;margin-top:15px}.account__content .btn-register:active{background:var(--primary-color);border-color:var(--primary-color);color:var(--theme-text-color)}.account__content .description{padding:3px}.account__content .language-switcher-language-url button span{color:black !important}.account__content .form-submit{background:var(--primary-color);border-color:var(--primary-color);color:var(--theme-text-color);border-radius:50px;font-size:1.1rem;width:100%}.account__content .form-submit:active{background:var(--primary-color);border-color:var(--primary-color);color:var(--theme-text-color)}.account__content .form-submit:focus{box-shadow:none}.cs-recover-password{font-size:.8rem;margin-top:1em}


/* src/styles/15-kline-login-fixes.css */
/* Corrections for three things the Instatic importer changes about the ported
   markup. Found by publishing and measuring the live page, not by inspection.

   1. The importer strips data-URI `src` from images, rewriting it to "#". The
      default brand mark therefore cannot live on the <img>; it is a background
      on the wrapping link instead, and the <img> stays as the node a
      limited-role user swaps with the media picker. When they set a real image
      the background is switched off, so the two never stack.

   2. The importer drops `size="60"` from text inputs. In the portal that
      attribute is what gives .account__content enough intrinsic width to reach
      its max-width, so without it the panel collapsed from 512px to 401px.
      Pinning the width restores the portal's proportions.

   3. The switcher and the login panel are both pinned bottom-right, so they
      collided over the Register button. On this page the switcher moves left,
      over the media area.
*/

/* --- 2. Panel geometry: match the portal's 32rem right-hand panel --- */
.account__content {
  width: 32rem;
  flex: 0 0 32rem;
}

/* --- 1. Default brand mark, replaceable via the media picker --- */
.account__content .site-logo {
  display: block;
  height: 75px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjAgODQiPjx0ZXh0IHg9IjE4MCIgeT0iMzQiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhLHNlcmlmIiBmb250LXNpemU9IjIyIiBmb250LXN0eWxlPSJpdGFsaWMiIGZpbGw9IiMwZjZkNWEiIHRleHQtYW5jaG9yPSJtaWRkbGUiPksgTGluZTwvdGV4dD48dGV4dCB4PSIxODAiIHk9IjcyIiBmb250LWZhbWlseT0iSGVsdmV0aWNhLEFyaWFsLHNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iMzQiIGZvbnQtd2VpZ2h0PSI3MDAiIGZpbGw9IiMwZjZkNWEiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGxldHRlci1zcGFjaW5nPSItMC41Ij5BTElHTkVSIFBPUlRBTDwvdGV4dD48L3N2Zz4=");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* A real uploaded image wins; the placeholder background steps aside. */
.account__content .site-logo:has(.brand-logo[src]:not([src="#"]):not([src=""])) {
  background-image: none;
}

/* Never show a broken-image glyph, but keep the box so nothing reflows.
   This is the fail-soft state for "limited user cleared the logo". */
.brand-logo:not([src]),
.brand-logo[src="#"],
.brand-logo[src=""] {
  visibility: hidden;
}

/* --- 3. Keep the switcher clear of the login panel --- */
.login-shell ~ .palette-switcher {
  right: auto;
  left: 20px;
}

/* The importer also flattens the spans inside the language button, so the
   flag chip cannot be a child element here. Draw it on the button instead. */
.account__content .language-switcher-language-url .btn::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border-radius: 2px;
  background: linear-gradient(#00247d 0 35%, #cf142b 35% 65%, #00247d 65% 100%);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}


/* src/styles/16-kline-page-scope.css */
/* Page-scoping corrections.

   The portal loads its stylesheets per route: cases.css only reaches the
   dashboard and case-list pages, never the login screen. Here every asset is
   registered at all-pages scope, so rules that are page-specific in the portal
   leak across pages. Two consequences appeared once the shell template landed,
   both measured on the published page rather than guessed:

   1. cases.css narrows .form-control to 225px with 13px text and 4px radius.
      On login that shrank the username and password inputs from 358x38 to
      225x30 and pulled Sign In up from y=555 to y=536. Restored below to the
      Bootstrap geometry the portal's login page actually renders with.

   2. The switcher's login position rule was `.login-shell ~ .palette-switcher`,
      which relied on the two being siblings. The shell template nests
      .login-shell inside <main> while the switcher is appended to <body>, so
      the rule stopped matching and the panel returned to the right, over the
      form. Re-anchored on <body> so nesting no longer matters.

   Per-page runtime scope would be the cleaner fix for the whole class of
   problem; this handles the cases that actually surface on the three screens.
*/

/* --- 1. Login inputs keep the portal's Bootstrap geometry --- */
.account__content .form-control {
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
}

/* --- 2. Switcher clear of the login panel, independent of nesting --- */
body:has(.login-shell) .palette-switcher {
  right: auto;
  left: 20px;
}


/* src/styles/17-kline-login-scope.css */
/* Third page-scope leak from cases.css onto the login screen.

   cases.css sets `.form-actions { display:flex; justify-content:flex-end;
   margin-bottom:20px }` for the dashboard's exposed filter bar. In the portal
   that stylesheet never loads on login, where `.form-actions` instead keeps
   `margin: 0` from style.css.

   Measured effect of the leak at 1440x900: the Sign In to Register gap was 75px
   against the portal's 55px, and because .account__content is vertically
   centred the extra 20px of content height also lifted every row 10px, so the
   logo started at y=282 rather than y=292. Restoring the portal's margin fixes
   the spacing and the centring together.

   A separate asset rather than an edit to 16-kline-page-scope.css, because
   Instatic's publish pipeline reuses the built artifact for an existing path. */

.account__content .form-actions {
  display: block;
  margin: 0;
}


/* src/styles/21-palettes.css */
/* Palettes ported from web/themes/custom/kline/assets/css/kline/palette-*.css
   Emitted unlayered on html[data-palette] so a selected palette outranks the
   unlayered :root colour tokens. Verified against the published CSS: the
   framework emits tokens as :root (0,1,0) and these are html[...] (0,1,1).

   ClearX is deliberately absent. The portal ships it, but it is excluded from
   this demo, so it is gone from here as well as from the switcher, which stops
   ?palette=clearx reaching a palette the switcher will not offer.

   At a -21 path rather than replacing 20-palettes.css because Instatic's
   publish pipeline reuses the built artifact for an existing asset path. */

html[data-palette="kline"] {
  --primary-color: #42ADA5;
  --primary-color-900: #008000;
  --primary-color-800: #7ce5dd;
  --primary-color-700: #4F758B;
  --primary-color-600: #4C8AFF;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #000;
  --navbar-color: #393737;
  --navbar-active-color: #000;
}

html[data-palette="blue"] {
  --primary-color: #21629f;
  --primary-color-900: #005f99;
  --primary-color-800: #4fb4ee;
  --primary-color-700: #4682B4;
  --primary-color-600: #1E90FF;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #fff;
  --navbar-active-color: #ADE1FF;
  --navbar-color: #fff;
}

html[data-palette="orange"] {
  --primary-color: #f16e00;
  --primary-color-900: #e65100;
  --primary-color-800: #FF9800;
  --primary-color-700: #F57C00;
  --primary-color-600: #FF8C00;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #000;
  --navbar-color: #393737;
  --navbar-active-color: #000;
}

html[data-palette="purple"] {
  --primary-color: #9b0d9b;
  --primary-color-900: #6A0DAD;
  --primary-color-800: #cd8be7;
  --primary-color-700: #A084CA;
  --primary-color-600: #C39BD3;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #fff;
  --navbar-active-color: #FFB6FF;
  --navbar-color: #fff;
}

html[data-palette="dark"] {
  --primary-color: #000000;
  --primary-color-900: #1C1C1C;
  --primary-color-800: #777474;
  --primary-color-700: #6E6E6E;
  --primary-color-600: #7B7B7B;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #fff;
  --navbar-active-color: #B3B3B3;
  --navbar-color: #fff;
}

html[data-palette="grey"] {
  --primary-color: #A1A1A6;
  --primary-color-900: #8F8F94;
  --primary-color-800: #e2e2e2;
  --primary-color-700: #35353A;
  --primary-color-600: #25252A;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #000;
  --navbar-color: #393737;
  --navbar-active-color: #000;
}

html[data-palette="green"] {
  --primary-color: #20C997;
  --primary-color-900: #17A589;
  --primary-color-800: #52e6c8;
  --primary-color-700: #16A085;
  --primary-color-600: #1DD1A1;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #000;
  --navbar-color: #393737;
  --navbar-active-color: #000;
}

html[data-palette="red"] {
  --primary-color: #B22222;
  --primary-color-900: #8B0000;
  --primary-color-800: #CD5C5C;
  --primary-color-700: #D43F00;
  --primary-color-600: #FF4500;
  --color-draft: #FF5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #FFE082;
  --color-rejected: #EF9A9A;
  --color-in-production: #81C784;
  --color-shipped: #B39DDB;
  --theme-text-color: #fff;
  --navbar-active-color: #FFCACA;
  --navbar-color: #fff;
}

html[data-palette="yellow"] {
  --primary-color: #ffc300;
  --primary-color-900: #f57f17;
  --primary-color-800: #ffdb66;
  --primary-color-700: #ffca28;
  --primary-color-600: #ffb300;
  --color-draft: #ff5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #ffe082;
  --color-rejected: #ef9a9a;
  --color-in-production: #81c784;
  --color-shipped: #b39ddb;
  --theme-text-color: #000;
  --navbar-color: #393737;
  --navbar-active-color: #000;
}

html[data-palette="pink"] {
  --primary-color: #ff528c;
  --primary-color-900: #ad1457;
  --primary-color-800: #f06292;
  --primary-color-700: #ec407a;
  --primary-color-600: #c2185b;
  --color-draft: #ff5166;
  --color-in-planning: #609ad4;
  --color-awaiting-approval: #ffe082;
  --color-rejected: #ef9a9a;
  --color-in-production: #81c784;
  --color-shipped: #b39ddb;
  --theme-text-color: #000;
  --navbar-color: #393737;
  --navbar-active-color: #000;
}


/* src/styles/30-demo-chrome.css */
/* Palette switcher panel. The only CSS in this site not ported from the portal.
   Deliberately neutral so it never reads as part of the product being demoed,
   and it avoids depending on --primary-color for legibility so it stays
   readable on all eleven palettes, including Dark. */

.palette-switcher {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1080;
  width: 232px;
  overflow: hidden;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  color: #f5f5f5;
  background: rgba(24, 24, 27, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
}

.palette-switcher__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 11px 13px;
  margin: 0;
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
}

.palette-switcher__dot {
  width: 9px;
  height: 9px;
  background: var(--primary-color, #42ADA5);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);
}

.palette-switcher__toggle > span:nth-child(2) {
  flex: 1;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.palette-switcher__chevron {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid rgba(255, 255, 255, 0.65);
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.65);
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.18s ease;
}

.palette-switcher.is-collapsed .palette-switcher__chevron {
  transform: rotate(-135deg) translateY(-2px);
}

.palette-switcher__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2px;
  padding: 0 8px 9px;
}

.palette-switcher.is-collapsed .palette-switcher__list {
  display: none;
}

.palette-switcher__swatch {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 7px;
  margin: 0;
  font: inherit;
  color: rgba(255, 255, 255, 0.78);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  transition: background 0.14s ease, color 0.14s ease;
}

.palette-switcher__swatch:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
}

.palette-switcher__swatch.is-current {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}

.palette-switcher__chip {
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}

/* The reset entry points at the Instatic tokens rather than a fixed colour. */
.palette-switcher__chip--token {
  background:
    linear-gradient(135deg, transparent 45%, rgba(255, 255, 255, 0.5) 45%,
      rgba(255, 255, 255, 0.5) 55%, transparent 55%),
    var(--primary-color, #42ADA5);
}

.palette-switcher__reset {
  grid-column: 1 / -1;
  margin-top: 3px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 7px 7px;
}

@media (max-width: 640px) {
  .palette-switcher {
    right: 10px;
    bottom: 10px;
    width: 196px;
  }
}

@media print {
  .palette-switcher {
    display: none;
  }
}


/* src/styles/18-kline-switcher-anchor.css */
/* Anchor the palette switcher bottom-right on every page, including login.

   16-kline-page-scope.css moved it to the left on login, because at that point
   cases.css was leaking .form-actions{margin-bottom:20px} onto the login form,
   which made the button stack 20px taller and pushed Register down into the
   switcher. With that leak fixed (17-kline-login-scope.css) the collision is
   gone: measured at 1512x900, Register ends at y=648 and the switcher starts at
   y=662, so bottom-right is clear on both pages.

   A later-priority override rather than an edit to 16-kline-page-scope.css,
   because Instatic's publish pipeline reuses the built artifact for an existing
   asset path. */

body:has(.login-shell) .palette-switcher,
.palette-switcher {
  right: 20px;
  left: auto;
}

@media (max-width: 640px) {
  body:has(.login-shell) .palette-switcher,
  .palette-switcher {
    right: 10px;
    left: auto;
  }
}