@layer components{.labelled{display:flex;flex-direction:column;gap:.25rem;inline-size:100%}.labelled__label-wrapper{word-break:break-word;overflow-wrap:break-word;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline}fieldset.labelled>.labelled__label-wrapper{margin-block-end:.25rem}.label{-webkit-tap-highlight-color:transparent}.label__text{display:block;flex:1 1 auto;color:currentColor;-webkit-tap-highlight-color:transparent;font-size:.875rem;font-weight:500;line-height:1.25rem;color:#27272a}.label__text--small{font-size:.75rem;line-height:1rem}.label__required{color:var(--color-text-critical)}.field{--z-field-item: 10;--z-field-primary: 20;--z-field-focused: 30;position:relative}.text-field{--z-text-field-contents: 20;--z-text-field-backdrop: 10;cursor:text;position:relative;display:flex;align-items:center}.text-field__textarea,.text-field__input{position:relative;z-index:var(--z-text-field-contents);flex:1 1;inline-size:100%;min-inline-size:0;background:none;border:none;letter-spacing:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:#27272a;color:#27272a;font-weight:600;font-size:.875rem;line-height:1.25rem}:is(.text-field__textarea,.text-field__input)::placeholder{color:#a1a1aa}:is(.text-field__textarea,.text-field__input):hover~.text-field__backdrop{background-color:#fafafa}:is(.text-field__textarea,.text-field__input):focus{outline:none}:is(.text-field__textarea,.text-field__input):focus~.text-field__backdrop{background-color:#fafafa;outline:.125rem solid var(--color-border-focus);outline-offset:.0625rem;box-shadow:inset 0 2px 6px #00000040}:is(.text-field__textarea,.text-field__input):focus~.text-field__backdrop:after{content:none}:is(.text-field__textarea,.text-field__input):disabled~.text-field__backdrop{background-color:#f4f4f5;cursor:not-allowed}.text-field__input--small,.text-field__textarea--small{font-size:.75rem}:is(.text-field__input--small,.text-field__textarea--small)::placeholder{font-size:.75rem}.text-field__input--small~.text-field__backdrop,.text-field__textarea--small~.text-field__backdrop{border-radius:.625rem}.text-field__input--has-error~.text-field__backdrop,.text-field__textarea--has-error~.text-field__backdrop{outline:.125rem solid var(--color-border-critical);outline-offset:.0625rem;box-shadow:inset 0 2px 6px #00000040}.text-field__textarea{resize:vertical;padding:.75rem;line-height:var(--line-height-normal)}.text-field__input{block-size:calc(2.25rem + 2px);padding:.3125rem .75rem 0;line-height:var(--line-height-none)}.text-field__input--small{block-size:calc(1.75rem + 2px);padding:.3125rem .75rem 0}.text-field__backdrop{position:absolute;z-index:var(--z-text-field-backdrop);inset-block-start:0;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;border:1px solid var(--color-border);border-radius:.75rem;pointer-events:none;box-shadow:inset 0 2px 2px #00000014;background-color:#fff}.text-field__backdrop:after{content:"";position:absolute;z-index:1;inset-block-start:-.125rem;inset-inline-end:-.125rem;inset-block-end:-.125rem;inset-inline-start:-.125rem;display:block;pointer-events:none;box-shadow:0 0 0 -.125rem var(--color-border-focus);border-radius:.75rem}.text-field__button-wrapper{block-size:100%;margin-inline-start:.5rem;margin-inline-end:.5rem;margin-block-start:.25rem;z-index:var(--z-text-field-contents);display:flex;flex-direction:column}.text-field__button{padding:.25rem}.text-field__button svg{stroke:#27272a}.text-field__input[type=number]{-moz-appearance:textfield}.text-field__input[type=number]::-webkit-inner-spin-button,.text-field__input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-field__input[type=number]~.text-field__button-wrapper .text-field__button{padding:0}.select-field{--z-select-field-contents: 20;--z-select-field-backdrop: 10;cursor:pointer;position:relative;display:flex;align-items:center}.select-field__input{cursor:pointer;position:relative;z-index:var(--z-select-field-contents);flex:1 1 0%;inline-size:100%;min-inline-size:0;block-size:calc(2.25rem + 2px);padding:.3125rem .75rem 0;background:none;border:none;letter-spacing:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;caret-color:#27272a;color:#27272a;font-weight:600;font-size:.875rem;line-height:1}.select-field__input:hover~.select-field__backdrop{background-color:var(--color-bg-hovered)}.select-field__input:focus{outline:none}.select-field__input:focus~.select-field__backdrop{outline:.125rem solid var(--color-border-focused);outline-offset:.0625rem;box-shadow:-.0625rem 0 .0625rem #1a1a1a1f inset,.0625rem 0 .0625rem #1a1a1a1f inset,0 .125rem .0625rem #1a1a1a33 inset}.select-field__input:focus~.select-field__backdrop:after{content:none}.select-field__input:disabled~.select-field__backdrop{background-color:#f4f4f5;cursor:not-allowed}.select-field__input--small{block-size:calc(1.75rem + 2px);font-size:.75rem}.select-field__input--small~.select-field__backdrop{border-radius:.625rem}.select-field__backdrop{position:absolute;z-index:var(--z-select-field-backdrop);inset-block-start:0;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;border-radius:.75rem;pointer-events:none;box-shadow:0 -.0625rem #b5b5b5 inset,0 0 0 .0625rem #0000001a inset,0 .03125rem 0 .09375rem #fff inset;background-color:#fff}.select-field__backdrop:after{content:"";position:absolute;z-index:1;inset-block-start:-.125rem;inset-inline-end:-.125rem;inset-block-end:-.125rem;inset-inline-start:-.125rem;display:block;pointer-events:none;box-shadow:0 0 0 -.125rem var(--color-border-focused);border-radius:.75rem}.select-field__icon{margin-inline-start:-.25rem;margin-inline-end:.25rem;z-index:var(--z-select-field-contents)}.radio-field{display:flex;flex-direction:column;gap:.25rem}.radio-field__label{display:flex;gap:.5rem;cursor:pointer}.radio-field__control{position:relative}.radio-field__input{position:absolute;z-index:-1;opacity:0;inline-size:1px;block-size:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}.radio-field__backdrop{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;border-radius:50%;border:.0625rem solid var(--color-border);box-shadow:inset 0 .125rem .125rem #00000014;background-color:#fff}.radio-field__backdrop:after{content:"";position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:50%;inline-size:.625rem;block-size:.625rem;transform:translate(-50%,-50%) scale(0);transform-origin:center;display:block;pointer-events:none;border-radius:50%;transition:transform .2s ease;background-color:#27272a}.radio-field__input:checked+.radio-field__backdrop:after{transform:translate(-50%,-50%) scale(1)}.radio-field__input:focus+.radio-field__backdrop{outline:.125rem solid var(--color-border-focus);outline-offset:.0625rem;box-shadow:inset 0 2px 6px #00000040}.radio-field__label-text{font-size:.875rem;font-weight:500;line-height:1.25rem}.radio-field__input--has-error+.radio-field__backdrop{outline:.125rem solid var(--color-border-critical);outline-offset:.0625rem;box-shadow:inset 0 2px 6px #00000040}.radio-field__description{padding-inline-start:1.75rem;font-size:.875rem;font-weight:400;color:#52525b;line-height:1.25rem}.radio-field--small .radio-field__backdrop{inline-size:1rem;block-size:1rem}.radio-field--small .radio-field__backdrop:after{inline-size:.5rem;block-size:.5rem}.radio-field--small .radio-field__label-text{font-size:.75rem;line-height:1rem}.check-field{display:flex;flex-direction:column;gap:.25rem}.check-field__label{display:flex;gap:.5rem;cursor:pointer}.check-field__control{position:relative}.check-field__input{position:absolute;z-index:-1;opacity:0;inline-size:1px;block-size:1px;margin:-1px;padding:0;clip:rect(0,0,0,0)}.check-field__backdrop{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;inline-size:1.25rem;block-size:1.25rem;border:.0625rem solid var(--color-border);box-shadow:inset 0 .125rem .125rem #00000014;background-color:#fff}.check-field__backdrop:after{content:"";position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:50%;inline-size:.625rem;block-size:.625rem;transform:translate(-50%,-50%) scale(0);transform-origin:center;display:block;pointer-events:none;transition:transform .2s ease;background-color:#27272a}.check-field__input:checked+.check-field__backdrop:after{transform:translate(-50%,-50%) scale(1)}.check-field__input:focus+.check-field__backdrop{outline:.125rem solid var(--color-border-focus);outline-offset:.0625rem;box-shadow:inset 0 2px 6px #00000040}.check-field__label-text{font-size:.875rem;font-weight:500;line-height:1.25rem}.check-field__input--has-error+.check-field__backdrop{outline:.125rem solid var(--color-border-critical);outline-offset:.0625rem;box-shadow:inset 0 2px 6px #00000040}.check-field__description{padding-inline-start:1.75rem;font-size:.875rem;font-weight:400;color:#52525b;line-height:1.25rem}.check-field--small .check-field__backdrop{inline-size:1rem;block-size:1rem}.check-field--small .check-field__backdrop:after{inline-size:.5rem;block-size:.5rem}.check-field--small .check-field__label-text{font-size:.75rem;line-height:1rem}.field-error{color:var(--color-text-critical);font-size:.875rem;font-weight:600}.field-help{font-size:.75rem;line-height:1.625;color:#52525b}.form-row{display:flex;gap:.5rem}.form-row--3>*{flex:1}.status-select{position:relative;display:inline-flex;align-items:center}.status-select__input{appearance:none;cursor:pointer;padding-inline:.5rem;padding-inline-end:1.5rem;padding-block:.25rem;font-size:.75rem;font-weight:500;border-radius:9999px;border:none;outline:none}.status-select__input:focus{outline:.125rem solid var(--color-border-focus);outline-offset:.0625rem}.status-select__input:disabled{cursor:not-allowed;opacity:.6}.status-select__input--pending{background-color:#fef9c3;color:#854d0e}.status-select__input--ready{background-color:#dbeafe;color:#1e40af}.status-select__input--completed{background-color:#dcfce7;color:#166534}.status-select__icon{position:absolute;inset-inline-end:.375rem;pointer-events:none;display:flex;align-items:center}.status-select__icon--pending{color:#854d0e}.status-select__icon--ready{color:#1e40af}.status-select__icon--completed{color:#166534}}