@layer root,components;@layer root{:root{--color-background: rgb(255 255 255);--color-background-darker: var(--color-gray-light);--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-diva-purple: rgb(117 89 142);--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-highlighted: var(--color-gray-main);--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-alert-neutral-bg: var(--color-output-card-background);--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-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-darker: rgb(26 26 22);--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(204 232 205);--color-alert-success-icon: rgb(102 187 106);--color-alert-success-bg: rgb(12 19 13);--color-alert-success-border: rgb(30 70 32);--color-alert-info-font: rgb(184 231 251);--color-alert-info-icon: rgb(41 182 246);--color-alert-info-bg: rgb(7 17 24);--color-alert-info-border: rgb(1 67 97);--color-alert-error-font: rgb(244 199 199);--color-alert-error-icon: rgb(244 67 54);--color-alert-error-bg: rgb(22 11 11);--color-alert-error-border: rgb(102 27 42);--color-alert-warning-font: rgb(255 226 183);--color-alert-warning-icon: rgb(255 167 38);--color-alert-warning-bg: rgb(25 18 7);--color-alert-warning-border: rgb(102 60 0);--color-alert-neutral-bg: rgb(17 17 17);--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(56 43 43 / 20%);--color-link: rgb(144 224 255);--color-link-selected: rgb(198 237 250);--color-link-visited: rgb(211 138 247);--color-output-card-background: var(--color-card);--color-output-card-border: var(--color-card-dark);--background-image-filter: saturate(.7) brightness(.5) contrast(.8);--color-highlighted: var(--color-button-secondary-hover);--color-highligted: var(--color-highlighted)}}@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}}: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}}@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;gap:0 .25em}@media(min-width:900px){.form-component-container[data-layout=inline]{flex-flow:row wrap}}.form-component-container[data-text-style=h1TextStyle]{font-size:var(--font-size-h1);font-weight:var(--font-weight-h1);font-family:var(--font-family-serif)}.form-component-container[data-text-style=h2TextStyle]{font-size:var(--font-size-h2);font-weight:var(--font-weight-h2)}.form-component-container[data-text-style=h3TextStyle]{font-size:var(--font-size-h3);font-weight:var(--font-weight-h3)}.form-component-container[data-text-style=h4TextStyle]{font-size:var(--font-size-h4);font-weight:var(--font-weight-h4)}.form-component-container[data-text-style=h5TextStyle]{font-size:var(--font-size-h5);font-weight:var(--font-weight-h5)}.form-component-container[data-text-style=h6TextStyle]{font-size:var(--font-size-h6);font-weight:var(--font-weight-h6)}.form-component-container[data-text-style=boldTextStyle]{font-weight:700}.form-component-container[data-text-style=italicTextStyle]{font-style:italic}.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{.grid{display:grid;column-gap:var(--gap-l);grid-template-columns:repeat(12,1fr);max-width:var(--content-max-width);margin:0 auto}@media (width <= calc(1800px + 4rem)){.grid{padding-inline:var(--gap-xxl)}}@media not (min-width:1200px){.grid{padding-inline:var(--gap-xl)}}@media not (min-width:900px){.grid{padding-inline:var(--gap-l)}}.grid-col-1{grid-column:span 1/span 1}@media not (min-width:1200px){.grid-col-l-1{grid-column:span 1/span 1}}@media not (min-width:900px){.grid-col-m-1{grid-column:span 1/span 1}}@media not (min-width:600px){.grid-col-s-1{grid-column:span 1/span 1}}.grid-col-2{grid-column:span 2/span 2}@media not (min-width:1200px){.grid-col-l-2{grid-column:span 2/span 2}}@media not (min-width:900px){.grid-col-m-2{grid-column:span 2/span 2}}@media not (min-width:600px){.grid-col-s-2{grid-column:span 2/span 2}}.grid-col-3{grid-column:span 3/span 3}@media not (min-width:1200px){.grid-col-l-3{grid-column:span 3/span 3}}@media not (min-width:900px){.grid-col-m-3{grid-column:span 3/span 3}}@media not (min-width:600px){.grid-col-s-3{grid-column:span 3/span 3}}.grid-col-4{grid-column:span 4/span 4}@media not (min-width:1200px){.grid-col-l-4{grid-column:span 4/span 4}}@media not (min-width:900px){.grid-col-m-4{grid-column:span 4/span 4}}@media not (min-width:600px){.grid-col-s-4{grid-column:span 4/span 4}}.grid-col-5{grid-column:span 5/span 5}@media not (min-width:1200px){.grid-col-l-5{grid-column:span 5/span 5}}@media not (min-width:900px){.grid-col-m-5{grid-column:span 5/span 5}}@media not (min-width:600px){.grid-col-s-5{grid-column:span 5/span 5}}.grid-col-6{grid-column:span 6/span 6}@media not (min-width:1200px){.grid-col-l-6{grid-column:span 6/span 6}}@media not (min-width:900px){.grid-col-m-6{grid-column:span 6/span 6}}@media not (min-width:600px){.grid-col-s-6{grid-column:span 6/span 6}}.grid-col-7{grid-column:span 7/span 7}@media not (min-width:1200px){.grid-col-l-7{grid-column:span 7/span 7}}@media not (min-width:900px){.grid-col-m-7{grid-column:span 7/span 7}}@media not (min-width:600px){.grid-col-s-7{grid-column:span 7/span 7}}.grid-col-8{grid-column:span 8/span 8}@media not (min-width:1200px){.grid-col-l-8{grid-column:span 8/span 8}}@media not (min-width:900px){.grid-col-m-8{grid-column:span 8/span 8}}@media not (min-width:600px){.grid-col-s-8{grid-column:span 8/span 8}}.grid-col-9{grid-column:span 9/span 9}@media not (min-width:1200px){.grid-col-l-9{grid-column:span 9/span 9}}@media not (min-width:900px){.grid-col-m-9{grid-column:span 9/span 9}}@media not (min-width:600px){.grid-col-s-9{grid-column:span 9/span 9}}.grid-col-10{grid-column:span 10/span 10}@media not (min-width:1200px){.grid-col-l-10{grid-column:span 10/span 10}}@media not (min-width:900px){.grid-col-m-10{grid-column:span 10/span 10}}@media not (min-width:600px){.grid-col-s-10{grid-column:span 10/span 10}}.grid-col-11{grid-column:span 11/span 11}@media not (min-width:1200px){.grid-col-l-11{grid-column:span 11/span 11}}@media not (min-width:900px){.grid-col-m-11{grid-column:span 11/span 11}}@media not (min-width:600px){.grid-col-s-11{grid-column:span 11/span 11}}.grid-col-12{grid-column:span 12/span 12}@media not (min-width:1200px){.grid-col-l-12{grid-column:span 12/span 12}}@media not (min-width:900px){.grid-col-m-12{grid-column:span 12/span 12}}@media not (min-width:600px){.grid-col-s-12{grid-column:span 12/span 12}}@media not (min-width:600px){.grid-col-s-hidden{display:none}}@media not (min-width:900px){.grid-col-m-hidden{display:none}}@media not (min-width:1200px){.grid-col-l-hidden{display:none}}.main-content{margin-top:var(--gap-l)}.top-bar{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--gap-l)}@media not (min-width:900px){.top-bar{flex-direction:column;align-items:stretch;gap:var(--gap)}}}@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) );--content-max-width: 1800px;--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;background-color:var(--color-background-darker)}: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 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)}.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}.output-card{background:var(--color-output-card-background);border:1px solid var(--color-output-card-border);border-radius:var(--border-radius);padding:var(--gap-l)}
