@layer root,components;@layer root{:root{--color-background: rgb(255 255 255);--color-background-inverted: rgb(33 33 33);--color-text: rgb(33 33 33);--color-text-inverted: rgb(255 255 255);--color-primary: rgb(51 51 51);--color-secondary: rgb(1 1 1);--color-accent-light: rgb(150 136 162);--color-accent: rgb(117 89 142);--color-accent-dark: rgb(97 57 133);--color-error-light: rgb(238 220 219);--color-error-main: rgb(153 0 0);--color-error-dark: rgb(115 0 0);--color-success-light: rgb(217 234 219);--color-success-main: rgb(0 112 15);--color-gray-light: rgb(250 249 248);--color-gray-main: rgb(231 227 222);--color-gray-dark: rgb(155 138 122);--color-warning-light: rgb(253 243 209);--color-warning-main: rgb(246 194 68);--color-thin-border: rgb(0 0 0 / 20%);--color-lighter-border: rgb(0 0 0 / 8%);--color-link: rgb(5 85 164);--color-link-selected: rgb(13 110 253);--color-link-visited: rgb(136 68 136);--color-card-dark: rgb(5 85 164 / 12%);--color-card: rgb(5 85 164 / 8%);--color-card-inactive-dark: rgb(0 0 0 / 12%);--color-card-inactive: rgb(0 0 0 / 8%);--color-button: var(--color-primary);--color-button-primary-hover: rgb(17 17 17);--color-button-primary-active: rgb(0 0 0);--color-button-secondary-hover: rgb(0 0 0 / 10%);--color-button-secondary-active: rgb(0 0 0 / 20%);--color-label: rgb(0 0 0 / 66%);--color-input-border: rgb(153 153 153);--color-alert-success-bg: rgb(237 247 237);--color-alert-success-icon: rgb(46 125 50);--color-alert-success-font: rgb(30 70 32);--color-alert-success-border: var(--color-alert-success-icon);--color-alert-info-bg: rgb(229 246 253);--color-alert-info-icon: rgb(2 136 209);--color-alert-info-font: rgb(1 67 97);--color-alert-info-border: var(--color-alert-info-icon);--color-alert-error-bg: rgb(255 236 240);--color-alert-error-icon: rgb(255 23 68);--color-alert-error-font: rgb(102 27 42);--color-alert-error-border: var(--color-alert-error-icon);--color-alert-warning-bg: rgb(255 244 229);--color-alert-warning-icon: rgb(237 108 2);--color-alert-warning-font: rgb(102 60 0);--color-alert-warning-border: var(--color-alert-warning-icon);--color-fab-primary-text: rgb(255 255 255);--color-fab-primary-bg: rgb(117 89 142);--color-fab-secondary-text: rgb(0 0 0);--color-fab-secondary-bg: rgb(255 255 255);--color-nav-rail: var(--color-gray-light);--color-output-card-background: var(--color-gray-light);--color-output-card-border: var(--color-thin-border);--background-image-filter: saturate(.7) brightness(.7) contrast(.8);--color-modal-backdrop: rgb(0 0 0 / 50%)}:root [data-color-scheme=dark]{--color-background: rgb(33 33 33);--color-background-inverted: rgb(233 233 233);--color-text: rgb(233 233 233);--color-text-inverted: rgb(66 66 66);--color-primary: rgb(231 227 222);--color-secondary: rgb(1 1 1);--color-button: rgb(255 255 255);--color-accent-dark: var(--color-accent);--color-accent: var(--color-accent-light);--color-label: rgb(255 255 255 / 66%);--color-error-main: rgb(247 130 130);--color-alert-success-font: rgb(237 247 237);--color-alert-success-icon: rgb(59 168 65);--color-alert-success-bg: rgb(30 70 32);--color-alert-info-font: rgb(229 246 253);--color-alert-info-icon: rgb(3 163 249);--color-alert-info-bg: rgb(1 67 97);--color-alert-error-font: rgb(255 236 240);--color-alert-error-icon: rgb(251 47 88);--color-alert-error-bg: rgb(102 27 42);--color-alert-warning-font: rgb(255 244 229);--color-alert-warning-icon: rgb(254 139 45);--color-alert-warning-bg: rgb(102 60 0);--color-thin-border: rgb(255 255 255 / 20%);--color-lighter-border: rgb(255 255 255 / 12%);--color-card-dark: rgb(103 159 243 / 30%);--color-card: rgb(103 159 243 / 8%);--color-card-inactive-dark: rgb(255 255 255 / 12%);--color-card-inactive: rgb(255 255 255 / 8%);--color-button-primary-active: rgb(255 255 255);--color-button-secondary-hover: rgb(255 255 255 / 10%);--color-button-secondary-active: rgb(255 255 255 / 20%);--color-link: rgb(144 224 255);--color-link-selected: rgb(198 237 250);--color-link-visited: rgb(211 138 247);--color-nav-rail: rgb(26 26 22);--color-output-card-background: var(--color-card);--color-output-card-border: var(--color-card-dark);--background-image-filter: saturate(.7) brightness(.5) contrast(.8)}}@layer root{:root{--font-family-main: "Arial", sans-serif;--font-family-serif: "Georgia", "Bitstream Charter", "Noto Serif", "Times New Roman", "Times", serif;--font-size-base: 16px;--font-size-xs: .8rem;--font-size-s: .9rem;--font-size-m: 1rem;--font-size-l: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 4rem;--font-size-h1: 3rem;--font-weight-h1: 400;--font-size-h2: 1.4rem;--font-weight-h2: 400;--font-size-h3: 1.2rem;--font-weight-h3: 400;--font-size-h4: 1rem;--font-weight-h4: 400;--font-size-h5: 1rem;--font-weight-h5: 600;--font-size-h6: .9rem;--font-weight-h6: 600;--font-size-bold: 1rem;--font-size-icon: 1.5rem;--font-weight-bold: 800;--line-height-base: 1.5}@media not (min-width:600px){:root{--font-size-h1: 2rem;--font-size-h2: 1.4rem;--font-size-h3: 1.2rem;--font-size-h4: 1rem;--font-size-h5: .9rem;--font-size-h6: .8rem;--font-size-xxl: 2.5rem;--font-size-l: 1.2rem}}}@layer root{:root{--gap-s: .25rem;--gap: .5rem;--gap-l: 1rem;--gap-xl: 2rem;--gap-xxl: 4rem;--gap-xxxl: 10rem;--input-height-large: 3rem;--input-height: 2.2rem;--input-height-small: 1.8rem}}@layer root{*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}p,button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}p{line-height:1.5}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;color:inherit}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border:0 solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}svg{flex-shrink:0}hr{border-style:solid;border-width:1px 0 0;color:var(--color-gray-main);height:0;overflow:visible}}@layer components{.form-component-container{gap:var(--gap-l)}.form-component-container[data-layout=grid]{display:grid;align-items:start}@media(min-width:900px){.form-component-container[data-layout=grid]{grid-template-columns:repeat(12,1fr)}}.form-component-container[data-layout=inline]{display:flex;flex-direction:column}@media(min-width:900px){.form-component-container[data-layout=inline]{flex-flow:row wrap}}.form-component-item{grid-column:span 12}.form-component-item[data-colspan="1"]{grid-column:span 1}.form-component-item[data-colspan="2"]{grid-column:span 2}.form-component-item[data-colspan="3"]{grid-column:span 3}.form-component-item[data-colspan="4"]{grid-column:span 4}.form-component-item[data-colspan="5"]{grid-column:span 5}.form-component-item[data-colspan="6"]{grid-column:span 6}.form-component-item[data-colspan="7"]{grid-column:span 7}.form-component-item[data-colspan="8"]{grid-column:span 8}.form-component-item[data-colspan="9"]{grid-column:span 9}.form-component-item[data-colspan="10"]{grid-column:span 10}.form-component-item[data-colspan="11"]{grid-column:span 11}.form-component-item[data-colspan="12"]{grid-column:span 12}}@layer root{*,*:before,*:after{box-sizing:border-box;outline-offset:-2px}:root{--border-radius: 8px;--border-radius-s: 4px;--member-bar-height: 5rem;--diva-header-bar-height: 4rem;--header-height: calc( var(--member-bar-height) + var(--diva-header-bar-height) );--elevation: rgb(0 0 0 / 20%) 0 3px 5px -1px, rgb(0 0 0 / 14%) 0 6px 10px 0, rgb(0 0 0 / 12%) 0 1px 18px 0}:root *:focus-visible{outline:2px solid var(--color-link-selected)}:root body{margin:0;font-family:var(--font-family-main),sans-serif;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-background)}:root h1,:root h2,:root h3,:root h4,:root h5,:root h6{margin:0}:root h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-h1);margin-bottom:var(--gap);font-family:var(--font-family-serif)}:root h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-h2)}:root h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3)}:root h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-h4)}:root h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-h5);font-family:var(--font-family-main)}:root h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-h6);font-family:var(--font-family-main);text-transform:uppercase}:root a{color:var(--color-link);text-decoration:none}:root a:hover{text-decoration:underline}:root a:active{color:var(--color-link-selected)}:root a:visited{color:var(--color-link-visited)}:root details summary{cursor:pointer}:root details:has(summary:focus-visible){outline:2px solid var(--color-link-selected)}}.diva-logo-text{fill:var(--color-text)}.diva-logo-star{fill:var(--color-accent)}@layer components{.container{max-width:1536px;margin:0 auto;padding:0 var(--gap-l)}}.root-layout{display:grid;grid-template:"global-alert global-alert" auto "header header" auto "nav main" 1fr;grid-template-columns:auto 1fr;min-height:100vh}@media not (min-width:900px){.root-layout{grid-template:"global-alert" auto "header" auto "main" 1fr;grid-template-columns:auto}}.global-alert{grid-area:global-alert}.header{grid-area:header}.nav-rail{grid-area:nav;background-color:var(--color-nav-rail);border-right:1px solid var(--color-lighter-border);padding:0}.nav-rail nav{position:sticky;top:0;overflow-y:auto;scrollbar-width:thin;max-height:calc(100vh - var(--header-height));padding-top:var(--gap);padding-bottom:var(--gap-xl)}@media not (min-width:900px){.nav-rail{display:none}}.scrolled-past-header .nav-rail nav{max-height:100vh}.content{grid-area:main;padding:0 var(--gap-l)}@media not (min-width:900px){.content{padding:0 var(--gap)}}.flash{outline:2px solid var(--color-link-selected);scroll-margin:var(--gap-l);transition:outline .2s ease-in-out;border-radius:var(--border-radius)}.lucide{width:1em;height:1em}
