.user{color:var(--gray-500);display:flex;gap:.4rem;align-items:center}.loading-container{background-color:var(--gray-50);color:var(--gray-600);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem;border-radius:.6rem;width:100%;height:100%}.error-container{align-self:center;max-width:40rem;padding:3rem;border-radius:1.2rem;margin-top:2rem;display:flex;flex-direction:column;gap:1.2rem;background-color:var(--violet-50)}.error-container p{font-size:1.2rem}.error-container .not-found-title{display:flex;gap:1rem;align-items:center}.error-container h2{color:var(--gray-700)}.badge{background-color:var(--violet-100);color:var(--violet-800);border-radius:2rem;padding:.2rem .9rem;font-size:1rem;-webkit-user-select:none;user-select:none}.badge.small{padding:.15rem .8rem;font-size:.9rem}.badge.violet{background-color:var(--violet-200);color:var(--violet-700)}.badge.blue{background-color:var(--blue-100);color:var(--blue-700)}.badge.blue.inverted{background-color:var(--blue-700);color:#fff}.badge.orange{background-color:var(--orange-300);color:var(--orange-900)}.badge.green{background-color:var(--green-300);color:var(--green-700)}.badge.red-light{background-color:var(--red-100);color:var(--red-700)}.badge.red{background-color:var(--red-300);color:var(--red-900)}.badge.gray-light{background-color:var(--gray-100);color:var(--gray-700)}.badge.gray{background-color:var(--gray-300);color:var(--gray-700)}.dashboard-tabs{display:flex;gap:.6rem;border-bottom:3px solid var(--violet-500)}.proposal-sections{display:flex;flex-direction:column;gap:1.6rem}.proposal-sections .proposal-section{display:flex;flex-direction:column;gap:.3rem}.proposal-sections .proposal-section .paginate-control{text-align:center}.proposal-sections .proposal-section .section-title{display:flex;gap:1rem;align-items:center;padding:.3rem .3rem .3rem .8rem;background-color:var(--gray-50);border-radius:.7rem;cursor:default}.proposal-sections .proposal-section .section-title.important{background-color:var(--blue-100)}.proposal-sections .proposal-section .section-title.important .title{color:var(--blue-900)}.proposal-sections .proposal-section .section-title .title{display:flex;gap:.8rem;align-items:center;flex-grow:1;font-size:1.2rem;color:var(--gray-600)}.proposal-sections .proposal-section .section-body{display:flex;flex-direction:column;gap:.6rem}.proposal-sections .proposal-section .section-body .empty-message{color:var(--gray-600);padding:1.5rem;text-align:center}.proposal-section table{border-collapse:collapse;width:100%;cursor:default}.proposal-section table thead th,.proposal-section table tbody td{padding-block:.3rem;padding-inline:.6rem}.proposal-section table th,.proposal-section table td{border-bottom:2px solid var(--gray-100)}.proposal-section table thead th{font-weight:400;font-style:italic;color:var(--gray-600);text-align:left;padding-top:.5rem}.proposal-section table tbody{--border-radius: .3rem}.proposal-section table tbody td:has(.title){width:45%}.proposal-section table tbody .title{display:flex;gap:1rem;align-items:center;font-size:1.2rem}.proposal-section table tbody .title.untitled{font-style:italic;color:var(--gray-600)}.proposal-section table tbody tr{-webkit-user-select:none;user-select:none;cursor:pointer}.proposal-section table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--border-radius)}.proposal-section table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--border-radius)}.proposal-section table tbody tr:last-child td{border-bottom:none}.proposal-section table tbody tr:hover td{background-color:var(--violet-100)}.tooltip-trigger{cursor:help}.tooltip-trigger-btn{cursor:pointer}.tooltip-trigger-icon{background:none;border:none;border-radius:0;flex-shrink:0;padding:3px}.tooltip-trigger-icon:hover{background:none}.tooltip-trigger-icon svg{color:var(--gray-550)}.tooltip-content{--bg-color: hsla(331, 60%, 16%, .5);padding:.5rem .8rem;border-radius:.6rem;background:var(--bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:360px;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:opacity;color:#fff}.tooltip-content .tooltip-arrow{fill:var(--bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip-content a{color:var(--blue-300)}.tooltip-content[data-state=delayed-open]{animation-name:Fade}@keyframes Fade{0%{opacity:0}to{opacity:1}}.dialog-overlay{background-color:var(--gray-400);position:fixed;opacity:.5;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1)}.dialog-content{background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100vw - 3rem);max-width:500px;max-height:85vh;padding:1rem 1.6rem;border-radius:.5rem;animation:contentShow .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.8rem}.dialog-content.fullscreen{height:calc(100vh - 3rem);max-width:unset;max-height:unset}.dialog-content.fullscreen .dialog-description{flex-grow:1;color:var(--violet-800)}.dialog-content .dialog-title{color:var(--violet-600);font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.dialog-content .dialog-title span{color:var(--primary-black)}.dialog-content .dialog-description{color:var(--violet-800);line-height:1.5}.dialog-content .dialog-description ul{margin-bottom:.5rem}.dialog-content .dialog-actions{display:flex;gap:1rem;justify-content:flex-end;padding:.5rem 0}.dialog-content .x-button{display:flex;position:absolute;top:1.5rem;right:1.5rem}@keyframes overlayShow{0%{opacity:0}to{opacity:.5}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.approval-process{display:flex;flex-direction:column;gap:.5rem}.approval-step-view{display:grid;grid-template-columns:auto 1fr}.approval-step-view .number-circle{margin-top:.4rem}.approval-step-view .step-body{padding:.5rem .9rem;display:flex;flex-direction:column;gap:.3rem}.approval-step-view .step-body .title{display:flex;gap:.8rem;align-items:center}.approval-step-view .step-body .title p{font-size:1.15rem}.approval-step-view .step-body .title .active-days{font-size:.8rem;color:var(--gray-600)}.approval-step-view .step-body .substeps{display:flex;flex-direction:column;gap:.4rem}.approval-step-view .step-body .substeps .substep{display:flex;gap:.5rem}.approval-step-view .step-body .substeps .substep .marker{color:var(--gray-400);flex-shrink:0;margin-top:.25rem}.approval-step-view .step-body .substeps .comment{font-size:1rem;color:var(--gray-600)}.approval-step-view .step-body .substeps .timestamp{font-size:.8rem;color:var(--gray-600)}.checkbox-wrapper{display:flex;align-items:baseline;gap:.5rem;color:var(--gray-550)}.checkbox-wrapper input{flex-shrink:0}.checkbox-wrapper label:hover{cursor:pointer}.checkbox-group{border:none;padding:0}.checkbox-group .checkbox-options{display:flex;flex-direction:column;gap:.5em}.checkbox-group .checkbox-label{display:flex;align-items:baseline;gap:.5em;cursor:pointer}input[type=checkbox]{appearance:none;background-color:#fff;margin:0;font:inherit;color:var(--gray-500);width:1rem;height:1rem;border:2px solid var(--gray-550);border-radius:.2rem;display:grid;place-content:center;outline:.25rem solid transparent}input[type=checkbox]:hover{cursor:pointer}input[type=checkbox]:before{content:"";width:.6em;height:.6em;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem;transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus,input[type=checkbox]:hover{transition:outline-color .2s;outline-color:var(--violet-200)}input[type=checkbox]:disabled{--form-control-color: var(--gray-200);color:var(--gray-200);cursor:not-allowed}input[type=checkbox]:not(:disabled):hover{cursor:pointer}.checkbox-wrapper label{cursor:pointer}.checkbox-wrapper input[type=checkbox]:disabled+label{cursor:not-allowed}.checkbox-wrapper.disabled{cursor:not-allowed}.radio-buttons{border:none;padding:0;color:var(--gray-550)}.radio-buttons .radio-options{display:flex;flex-direction:column;gap:.5em}.radio-buttons .radio-label{display:flex;align-items:baseline;gap:.5em;cursor:pointer}.radio-buttons .radio-button-input{flex-shrink:0}input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#fff;width:1rem;height:1rem;border:2px solid var(--gray-550);border-radius:50%;display:grid;place-content:center;transition:border-color .2s;position:relative;z-index:1}input[type=radio]:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--gray-500);transform:scale(0);transition:.12s transform ease-in-out}input[type=radio]:checked{border-color:var(--gray-550)}input[type=radio]:checked:before{transform:scale(1)}input[type=radio]:hover{border-color:var(--gray-600);cursor:pointer}input[type=radio]:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;border-radius:50%;background:radial-gradient(circle,transparent .5rem,var(--violet-200) .5rem,var(--violet-200) 100%);z-index:0;pointer-events:none;opacity:0;transition:opacity .2s}input[type=radio]:hover:after{opacity:1}.action-step{padding:.6rem 1rem 1rem;border-radius:1rem;background-color:var(--gray-50);display:flex;flex-direction:column;gap:.3rem}.action-step .action-step-title{font-weight:400;color:var(--violet-600)}.action-step .decision fieldset{display:grid;grid-template-columns:1fr auto;align-items:start;justify-items:start}.action-step button{margin-top:.2rem}.number-circle{width:30px;min-width:30px;height:30px;border-radius:50%;display:flex;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;justify-content:center;align-items:center;font-size:1.1rem;background-color:var(--violet-100);color:var(--violet-700);-webkit-user-select:none;user-select:none}.proposal-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;grid-template-areas:"proposer attachments" "options options" "form form";align-self:start}.proposal-content .title{color:var(--gray-550)}.proposal-content .proposer{grid-area:proposer;display:flex;flex-direction:column;gap:.3rem}.proposal-content .attachments{grid-area:attachments;display:flex;flex-direction:column}.proposal-content .options{grid-area:options;background-color:var(--violet-50);padding:.7rem;border-radius:.4rem;display:flex;flex-direction:column}.proposal-content .options ul{font-size:.9rem}.proposal-content .options ul li>ul{padding-left:1.2rem;list-style:inherit}.proposal-content .form{grid-area:form;display:flex;flex-direction:column;gap:1rem}.proposal-viewer{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem 1.2rem;grid-template-areas:"title title" "content process"}.proposal-viewer .proposal-title-container{display:flex;align-items:center;gap:1rem;grid-area:title}.proposal-viewer .proposal-title-container .proposal-title{color:var(--gray-700);font-size:2rem;max-width:52rem}.proposal-viewer .proposal-content{grid-area:content}.proposal-viewer .approval-process{grid-area:process}.general-header{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;grid-template-areas:"left title right" "left subtext right";align-items:center;gap:0 2rem}.general-header .title{grid-area:title;text-align:center}.general-header .title-subtext{grid-area:subtext;font-size:.9rem;display:flex;justify-content:center;align-items:center;color:var(--gray-500);gap:.5rem}.general-header .controls-left{display:flex;grid-area:left;justify-content:flex-start;gap:.8rem}.general-header .controls-right{display:flex;grid-area:right;justify-content:flex-end;gap:.8rem}.combobox-wrapper{position:relative;width:100%}.combobox-wrapper .combobox-input{width:100%}.combobox-wrapper .combobox-listbox{position:absolute;z-index:10;background:#fff;border:1.5px solid var(--gray-200);border-radius:.3rem;width:100%;margin:0;padding:0;list-style:none;max-height:180px;overflow-y:auto;box-shadow:0 2px 8px #00000012;top:110%;left:0}.combobox-wrapper .combobox-listbox .combobox-listbox-title{color:var(--gray-300);padding-left:.7rem}.combobox-wrapper .combobox-listbox .combobox-listitem{padding:.3rem .7rem;cursor:pointer;font-size:1rem;transition:background .2s}.combobox-wrapper .combobox-listbox .combobox-listitem.highlighted{background:var(--gray-200)}.combobox-wrapper .combobox-listbox .combobox-listitem:hover,.combobox-wrapper .combobox-listbox .combobox-listitem[aria-selected=true]{background:#f0f0f0}.chip{color:var(--violet-900);border-radius:2rem;padding:.3rem .4rem .3rem .9rem;display:inline-block;display:flex;align-items:center;gap:.5rem;background-color:#fff}.chip .label{flex-grow:1}:is(.chip,.chip--dismissible) svg{color:var(--gray-300)}:is(.chip,.chip--dismissible) svg:hover{cursor:pointer;color:var(--gray-400);border-radius:50%}.custom-dropdown{position:absolute;top:110%;left:0;z-index:10;background:#fff;border:1.5px solid var(--gray-200);border-radius:.3rem;width:100%;max-height:180px;overflow-y:auto;margin:0;padding:0;list-style:none;box-shadow:0 2px 8px #00000012}.custom-dropdown li{transition:background .2s}.search-field{display:flex;flex-direction:column;gap:.3rem;position:relative;width:100%}.search-field label{font-size:1rem;display:flex}.search-field label .label{flex-grow:1}.search-field .description{font-size:.9rem;color:var(--violet-600);align-self:flex-end}.search-field input{padding:.3rem .5rem;border:2px solid var(--gray-200);border-radius:.3rem;font-size:1rem;width:100%;box-sizing:border-box}.search-field input:focus{outline:none;border-color:var(--violet-600)}.search-field input[aria-invalid=true]{border-color:var(--pink-600)}.search-field .dropdown-option{padding:.3rem .7rem;opacity:1;cursor:pointer}.search-field .dropdown-option .email{font-size:.8rem;color:var(--gray-600)}.search-field .dropdown-option .division{font-size:.8rem;color:var(--violet-600);font-style:italic}.search-field .dropdown-option:hover,.search-field .dropdown-option[aria-selected=true]{background:#f0f0f0}.search-field .dropdown-option-selected{opacity:.5;cursor:not-allowed}.search-field .dropdown-option-selected .description{margin-left:8px;font-size:.85rem;color:var(--red-700)}.search-field .dropdown-empty{padding:6px 8px;color:var(--gray-600);cursor:default}.search-field .dropdown-hint{padding:6px 8px;color:var(--gray-500);font-style:italic;cursor:default}.approval-step-tile{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;--gap: .4rem}.approval-step-tile .number-circle{margin-top:.9rem}.approval-step-tile .step-body{background-color:var(--gray-50);padding:.7rem;border-radius:.8rem;display:flex;flex-direction:column;gap:.6rem}.approval-step-tile .step-body .header{grid-area:header;display:grid;grid-template-columns:1fr auto;gap:var(--gap);align-items:center}.approval-step-tile .step-body.final-body{width:calc(100% - 2rem)}.approval-step-tile .step-body .type{display:grid;grid-template-columns:1fr auto;align-items:center;justify-items:center}.approval-step-tile .step-body .type .radio-options{flex-direction:row;gap:2rem}.approval-step-tile .step-body .type .last-step-label{color:var(--gray-500)}.approval-step-tile .step-body .approvers{display:flex;flex-direction:column;gap:var(--gap)}.approval-step-tile .step-body .approvers .approvers-select{display:flex;align-items:center;gap:var(--gap)}.approval-step-tile .step-body .approvers .approvers-select .user-search-step{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.approval-step-tile .step-body .approvers .approvers-select .user-search-step .error-message{color:var(--pink-600);font-size:.9rem}.approval-step-tile .step-body .approvers .approvers-select .search-field{flex-grow:1}.approval-step-tile .step-body .approvers-list{display:flex;flex-wrap:wrap;gap:.4rem;align-items:flex-start}.approval-step-tile .controls{display:flex;flex-direction:column;justify-content:center;gap:.8rem;flex-shrink:0}.step-zero-tile{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem}.step-zero-tile .step-name{background-color:var(--gray-50);padding:.7rem;border-radius:.8rem;display:flex;align-items:center;gap:.3rem}.attachments{display:flex;flex-direction:column;gap:.6rem}.attachments .title{color:var(--gray-550)}.attachments .file-list{display:flex;flex-direction:column;gap:.5rem}.attachments .file-list .info{font-style:italic;color:var(--gray-550)}.attachments .file-list li:has(.actions>.button:hover)>.filename{color:var(--violet-600)}.attachments ul{padding-left:0;display:flex;flex-direction:column;gap:.5rem}.attachments ul li{display:flex;gap:.5rem;justify-content:flex-start;align-items:flex-start;font-size:.9rem}.attachments ul li::marker{content:none}.attachments ul li .filename{overflow-wrap:anywhere;transition:color ease .1s}.attachments ul li .actions{display:flex;flex-shrink:0;gap:.3rem}.attachments .dropzone.drag-active{border-style:dashed;background-color:var(--color-100);position:absolute;z-index:1000;inset:1rem}.attachments input[type=file]{display:none}.attachments-viewer-alternative-text{display:block}.info-box{display:grid;grid-template-columns:auto 1fr;font-size:1.1rem;gap:1rem;padding:.9rem;border-radius:.5rem;background-color:var(--violet-200)}.info-box.one-liner{gap:1rem;padding:.6rem 1rem;align-items:center}.info-box .icon{grid-column:1;grid-row:1;display:flex;justify-content:center}.info-box .text{grid-row:1;grid-column:2;display:flex;flex-direction:column;gap:.5rem}.info-box .text p{font-size:1.1rem}.info-box .text p.big{font-size:1.2rem}.info-box .text p.title{font-size:1.4rem}.dynamic-info-box{transition:background-color .4s;min-width:28rem}.draft-editor-header{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem}.draft-editor-header .controls-left{justify-self:start}.draft-editor-header .controls-right{justify-self:end;display:flex;gap:1rem}.draft-editor{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem}.draft-editor .editor-content{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 1.2rem;grid-template-areas:"proposer attachments" "form form";align-self:start}.draft-editor .editor-content .title{color:var(--gray-550)}.draft-editor .editor-content .proposer{grid-area:proposer;display:flex;flex-direction:column;gap:.3rem}.draft-editor .editor-content .attachments{grid-area:attachments;display:flex;flex-direction:column}.draft-editor .editor-content .form{grid-area:form;display:flex;flex-direction:column;gap:1rem}.draft-editor .editor-content .form .highlight{background-color:var(--gray-50);padding:.7rem;border-radius:.4rem;display:flex;flex-direction:column;gap:.6rem}.draft-editor .editor-content .form .options{background-color:var(--violet-50);padding:.7rem;border-radius:.4rem;display:flex;flex-direction:column}.draft-editor .editor-content .form .options .info{flex-basis:100%}.draft-editor .editor-content .form .options .actions{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.8rem;margin:.8rem 0 .4rem}.draft-editor .editor-content .form .options ul{font-size:.9rem}.draft-editor .editor-content .form .options ul li>ul{padding-left:1.2rem;list-style:inherit}.draft-editor .editor-content .form .form-group{display:flex;flex-direction:column;gap:.8rem;margin-top:.6rem;padding-top:.2rem}.draft-editor .approval-process-editor .header-container{display:flex;flex-direction:row;gap:1rem}.draft-editor .approval-process-editor .add-btn-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem}.draft-editor .approval-process-editor .add-btn-container .dots{--s: 2px;--c: var(--gray-500);height:var(--s);--_g: var(--s) top 50%, var(--c) calc(100% - 1px) , #0000;background:0 / calc(4 * var(--s)) space no-repeat;background-image:radial-gradient(circle closest-side at left var(--_g)),radial-gradient(circle closest-side at right var(--_g)),linear-gradient(90deg,#0000 25%,var(--c) 0 75%,#0000 0)}.draft-editor .approval-process-editor .editor-steps{display:flex;flex-direction:column;gap:1.1rem}.draft-editor>.stellenantrag-info{grid-column:1 / -1;margin-bottom:.2rem}.form-fields-error-message{display:flex;align-items:center;gap:.5rem;color:var(--pink-600);margin-left:auto;margin-right:auto}.formrow{display:grid;grid-template-columns:1fr 2fr}span.desc{font-size:1rem;color:#00f}.highlight{background-color:var(--gray-50);padding:.7rem;border-radius:.4rem;display:flex;flex-direction:column;gap:.6rem}.login{display:flex;flex-direction:column;gap:1rem}.not-found{display:flex;flex-direction:column;gap:2rem}.not-found .not-found-title{display:flex;gap:1rem;align-items:center}.not-found .not-found-title h2{color:var(--gray-700)}.template-dialog-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;overflow-y:scroll}.template-dialog-options .disabled{opacity:.5}.template-dialog-options .disclaimer{display:flex;gap:1rem;align-items:center;margin-top:1rem}.template-list{display:flex;flex-direction:column;gap:1rem}.template-list h3{margin-top:.5rem}.template-list .tile{padding:.5rem 1rem;min-height:3rem;border-radius:.7rem;display:grid;gap:.6rem;background-color:var(--gray-50);grid-template-columns:1fr 20rem;grid-template-areas:"title title" "description action"}.template-list .tile .title{grid-area:title;font-size:1.3rem}.template-list .tile .action{grid-area:action;display:flex;gap:.5rem;flex-direction:column;margin-bottom:.5rem}.template-list .tile .description{grid-area:description;max-width:60ch;display:flex;flex-direction:column;gap:.4rem}.button{text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none}.link-styled-button,.a-button{background-color:transparent;border:none;padding:0;color:var(--violet-600)}button,.button{--color-100: var(--gray-100);--color-500: var(--gray-500);--color-700: var(--gray-700);border-radius:.5rem;border:none;border:.1rem var(--color-500) solid;background-color:var(--color-500);padding:.25rem .6rem;color:#fff;transition:filter .1s,border-color .1s,color .1s,background-color .2s;cursor:pointer}:is(button,.button):hover{filter:opacity(.9);color:#fff}:is(button,.button):focus-visible{outline:.25rem solid var(--violet-300)}:is(button,.button):active{filter:opacity(1) contrast(110%)}:is(button,.button):disabled{filter:grayscale(50%) opacity(50%)}:is(button,.button).primary{--color-100: var(--violet-100);--color-500: var(--violet-500);--color-700: var(--violet-700)}:is(button,.button).red{--color-100: var(--red-100);--color-500: var(--red-500);--color-700: var(--red-700)}:is(button,.button).orange{--color-100: var(--orange-100);--color-500: var(--orange-500);--color-700: var(--orange-700)}:is(button,.button).green{--color-100: var(--green-100);--color-500: var(--green-500);--color-700: var(--green-700)}:is(button,.button).large{font-size:1.2rem;padding:.25rem 1rem;border-radius:.6rem}:is(button,.button).small{font-size:.9rem;padding:.15rem .6rem;border-radius:.4rem}:is(button,.button).icon{padding:.3rem;border-radius:.4rem}:is(button,.button).icon-large{padding:.3rem}:is(button,.button).icon-button{display:flex;align-items:center;justify-content:center;gap:.4rem}:is(button,.button).icon-button svg{flex-shrink:0}:is(button,.button).tab-button{border-radius:.5rem .5rem 0 0;padding-top:calc(.25rem + 2px)}:is(button,.button).tab-button.light{transition:background-color .1s,border-color .1s}:is(button,.button).tab-button.light:hover{background-color:var(--color-500);color:#fff;border-color:var(--color-500)}:is(button,.button).no-outline{border-color:transparent;background-color:transparent;color:var(--color-500)}:is(button,.button).no-outline:hover{border-color:var(--color-500)}:is(button,.button).outline{border:var(--color-700) solid .1rem;background-color:#fff0;color:var(--color-700)}:is(button,.button).outline:hover{background-color:var(--color-100);color:var(--color-700)}:is(button,.button).outline-light{border:var(--color-500) solid .1rem;background-color:#fff0;color:var(--color-500)}:is(button,.button).outline-light:hover{background-color:var(--color-100);color:var(--color-500)}:is(button,.button).strong{background-color:var(--color-700);border-color:var(--color-700)}:is(button,.button).light{background-color:var(--color-100);color:var(--color-700);border-color:var(--color-100)}.storybook-info{background-color:#d3d3d3;padding:.46rem 1rem}.var-width-container .storybook-info{padding:.4rem 1rem;margin:0rem -1rem}.var-width-container .container{border:gray 4px solid;padding:1rem;display:flex;flex-direction:column;gap:1rem}.var-width-container .colored-bg-section{display:flex;flex-direction:column;gap:1rem;background-color:var(--gray-100);padding:1rem;margin:-1rem}.storybook .menu{display:flex;gap:1rem;margin-bottom:1.5rem}.storybook .grid-container{display:grid;gap:1rem;grid-template-columns:repeat(5,auto)}.storybook .color-tile{border-radius:.8rem;padding:1rem}.storybook .item-list{display:flex;flex-direction:column;gap:1rem}.storybook .item-cloud{display:flex;flex-direction:row;gap:1rem;align-items:center}.form-field-container .label-wrapper{white-space:nowrap}.form-field-container .required-indicator{cursor:help;display:inline-block;line-height:1;margin-left:.1rem;outline:none}.form-field-container .required-indicator:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px;border-radius:2px}.form-field-container.wide{display:flex;flex-direction:column;gap:.3rem;width:100%}.form-field-container.centered{display:flex;justify-content:center;gap:.3rem;width:100%}.form-field-container.centered .radio-options{flex-direction:row;gap:2rem}.form-field-container.centered .radio-options.flex-column{flex-direction:column}.form-field-container.two-columns{display:grid;grid-template-columns:2fr 3fr;gap:.8rem}.form-field-container.two-columns>label,.form-field-container.two-columns .label{justify-content:flex-end;align-items:flex-start;text-align:right}.form-field-container.two-columns .field-wrapper{grid-column:2/3;display:flex;align-items:flex-start;flex-direction:column;gap:.3rem;min-width:0}.form-field-container.one-liner{display:grid;grid-template-columns:2fr 3fr;gap:.8rem}.form-field-container.one-liner>label,.form-field-container.one-liner .label{justify-content:flex-end;align-items:center;text-align:right}.form-field-container.one-liner .field-wrapper{grid-column:2/3;display:flex;align-items:center;min-width:0}.form-field-container .error-message{display:flex;gap:.5rem;align-items:center;color:var(--pink-600);font-size:.9rem}.form-field-container .error-message svg{flex-shrink:0}:is(.form-field-container.two-columns,.form-field-container.one-liner) .error-message{grid-column:2/3;width:100%;justify-content:flex-start;text-align:left}.form-field-container:not(.disabled-state):focus-within .label,.form-field-container:not(.disabled-state):focus-within>label{color:var(--violet-600)}.form-field-container .label,.form-field-container>label{font-size:1rem;display:flex;align-items:center;color:var(--gray-550);gap:.3rem}.form-field-container input:not([type]),.form-field-container input[type=text],.form-field-container input[type=date],.form-field-container input[type=number],.form-field-container input[type=range],.form-field-container select,.form-field-container textarea{padding:.3rem .5rem;border:2px solid var(--gray-200);border-radius:.3rem;font-size:1rem;width:100%;box-sizing:border-box}.form-field-container input[type=date][is-null=false]{color:var(--gray-400);text-transform:uppercase}.form-field-container input[type=date][is-null=false]::-webkit-datetime-edit,.form-field-container input[type=date][is-null=false]::-webkit-datetime-edit-text,.form-field-container input[type=date][is-null=false]::-webkit-datetime-edit-month-field,.form-field-container input[type=date][is-null=false]::-webkit-datetime-edit-day-field,.form-field-container input[type=date][is-null=false]::-webkit-datetime-edit-year-field{color:var(--gray-400);text-transform:uppercase}.form-field-container select:enabled{cursor:pointer}.form-field-container.error-state input:not([type]),.form-field-container.error-state input[type=text],.form-field-container.error-state input[type=date],.form-field-container.error-state select,.form-field-container.error-state textarea{border:2px solid var(--pink-600)}.form-field-container textarea{resize:vertical}.form-field-container .input-with-unit{display:flex;align-items:center;gap:.5rem;width:100%}.form-field-container .input-with-unit input{flex:1}.form-field-container .input-with-unit .unit{flex-shrink:0;color:var(--gray-550);font-size:1rem}.form-field-container input:not([type]):disabled,.form-field-container input[type=text]:disabled,.form-field-container input[type=date]:disabled,.form-field-container input[type=number]:disabled,.form-field-container select:disabled,.form-field-container textarea:disabled{background-color:var(--gray-50);border-color:var(--gray-300);color:var(--gray-500);cursor:not-allowed}.form-field-container.disabled-state .label,.form-field-container.disabled-state>label{color:var(--gray-400);cursor:not-allowed}.form-field-container.disabled-state .required-indicator{cursor:not-allowed;opacity:.8}.form-field-container.disabled-state .tooltip-trigger{cursor:not-allowed}.form-field-container.disabled-state .tooltip-trigger-icon svg{color:var(--gray-400)}.form-field-container.disabled-state .field-wrapper{opacity:.8;cursor:not-allowed}.form-field-container.disabled-state .input-with-unit .unit{color:var(--gray-400)}.form-field-container input:not([type]):focus,.form-field-container input[type=text]:focus,.form-field-container input[type=date]:focus,.form-field-container input[type=number]:focus,.form-field-container select:focus,.form-field-container textarea:focus{outline:none;border-color:var(--violet-500)}.form-field-container.two-columns.radio-buttons .label-wrapper{white-space:normal}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:var(--primary-black);--form-control-color: var(--violet-600)}a{color:var(--violet-600);cursor:pointer;transition:ease color .2s}a:hover{color:var(--violet-500)}::selection{background-color:var(--violet-600);color:#fff}h2{font-size:1.4rem;color:var(--gray-500);font-weight:400}h3{font-size:1.2rem;color:var(--gray-500);font-weight:400}body,html{height:100%;border-top:.2rem solid var(--violet-100)}div#root{max-width:1100px;min-height:100%;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;padding-bottom:.5rem;padding-inline:1.6rem;gap:1rem}div#root h1{font-size:1.3rem;letter-spacing:2px;color:var(--violet-500);font-weight:400}div#root>header{padding-top:.3rem;display:flex;align-items:center;gap:1rem}div#root>header a{text-decoration:none;display:flex;align-items:center;gap:.4rem}div#root>header div.spacer{flex-grow:1}div#root main{flex-grow:1;display:flex;flex-direction:column;gap:1.5rem}div#root footer{color:var(--violet-200)}:root{--primary-black: hsl(333, 14%, 25%);--pink-600: hsl(339, 69%, 50%);--red-900: hsl(9, 60%, 25%);--red-700: hsl(9, 60%, 42%);--red-500: hsl(9, 60%, 56%);--red-300: hsl(9, 76%, 75%);--red-100: hsl(9, 74%, 93%);--orange-900: hsl(41, 90%, 25%);--orange-700: hsl(41, 86%, 41%);--orange-500: hsl(38, 73%, 58%);--orange-300: hsl(34, 65%, 84%);--orange-100: hsl(31, 50%, 94%);--green-900: hsl(171, 100%, 12%);--green-700: hsl(160, 100%, 25%);--green-500: hsl(155, 72%, 40%);--green-300: hsl(150, 35%, 75%);--green-100: hsl(145, 35%, 89%);--blue-900: hsl(201, 100%, 19%);--blue-700: hsl(201, 80%, 34%);--blue-500: hsl(201, 65%, 49%);--blue-300: hsl(199, 48%, 70%);--blue-100: hsl(199, 38%, 89%);--violet-50: hsl(320, 29%, 96%);--violet-100: hsl(321, 32%, 94%);--violet-200: hsl(324, 33%, 89%);--violet-300: hsl(324, 32%, 82%);--violet-400: hsl(325, 33%, 74%);--violet-500: hsl(326, 33%, 56%);--violet-600: hsl(327, 35%, 42%);--violet-700: hsl(328, 36%, 33%);--violet-800: hsl(330, 38%, 24%);--violet-900: hsl(333, 38%, 16%);--gray-50: hsl(320, 12%, 97%);--gray-100: hsl(320, 10%, 92%);--gray-200: hsl(320, 10%, 88%);--gray-300: hsl(320, 8%, 78%);--gray-400: hsl(320, 6%, 72%);--gray-500: hsl(320, 6%, 58%);--gray-550: hsl(321, 6%, 47%);--gray-600: #746770;--gray-700: hsl(320, 7%, 30%);--gray-800: hsl(320, 7%, 22%);--gray-900: hsl(320, 7%, 12%);--blue-gray-50: hsl(200, 62%, 86%);--magenta-400: hsl(320, 52%, 68%)}