@layer components{.labelled{flex-direction:column;gap:.25rem;inline-size:100%;display:flex}.labelled__label-wrapper{word-break:break-word;overflow-wrap:break-word;flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}fieldset.labelled>.labelled__label-wrapper{margin-block-end:.25rem}.label{-webkit-tap-highlight-color:transparent}.label__text{color:#27272a;-webkit-tap-highlight-color:transparent;flex:auto;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block}.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;align-items:center;display:flex;position:relative}.text-field__textarea,.text-field__input{z-index:var(--z-text-field-contents);letter-spacing:normal;appearance:none;caret-color:#27272a;color:#27272a;background:0 0;border:none;flex:1;inline-size:100%;min-inline-size:0;font-size:.875rem;font-weight:600;line-height:1.25rem;position:relative}: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{outline:.125rem solid var(--color-border-focus);outline-offset:.0625rem;background-color:#fafafa;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{cursor:not-allowed;background-color:#f4f4f5}.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;line-height:var(--line-height-normal);padding:.75rem}.text-field__input{block-size:calc(2.25rem + 2px);line-height:var(--line-height-none);padding:.3125rem .75rem 0}.text-field__input--small{block-size:calc(1.75rem + 2px);padding:.3125rem .75rem 0}.text-field__backdrop{z-index:var(--z-text-field-backdrop);border:1px solid var(--color-border);pointer-events:none;background-color:#fff;border-radius:.75rem;position:absolute;inset-block:0;inset-inline:0;box-shadow:inset 0 2px 2px #00000014}.text-field__backdrop:after{content:"";z-index:1;pointer-events:none;box-shadow:0 0 0 -.125rem var(--color-border-focus);border-radius:.75rem;display:block;position:absolute;inset-block:-.125rem;inset-inline:-.125rem}.text-field__button-wrapper{block-size:100%;z-index:var(--z-text-field-contents);flex-direction:column;margin-block-start:.25rem;margin-inline:.5rem;display:flex}.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{-webkit-appearance:none;margin:0}.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;align-items:center;display:flex;position:relative}.select-field__input{cursor:pointer;z-index:var(--z-select-field-contents);letter-spacing:normal;appearance:none;caret-color:#27272a;color:#27272a;background:0 0;border:none;flex:1;block-size:calc(2.25rem + 2px);inline-size:100%;min-inline-size:0;padding:.3125rem .75rem 0;font-size:.875rem;font-weight:600;line-height:1;position:relative}.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:inset -.0625rem 0 .0625rem 0 #1a1a1a1f,inset .0625rem 0 .0625rem 0 #1a1a1a1f,inset 0 .125rem .0625rem 0 #1a1a1a33}.select-field__input:focus~.select-field__backdrop:after{content:none}.select-field__input:disabled~.select-field__backdrop{cursor:not-allowed;background-color:#f4f4f5}.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{z-index:var(--z-select-field-backdrop);pointer-events:none;background-color:#fff;border-radius:.75rem;position:absolute;inset-block:0;inset-inline:0;box-shadow:inset 0 -.0625rem 0 0 #b5b5b5,inset 0 0 0 .0625rem #0000001a,inset 0 .03125rem 0 .09375rem #fff}.select-field__backdrop:after{content:"";z-index:1;pointer-events:none;box-shadow:0 0 0 -.125rem var(--color-border-focused);border-radius:.75rem;display:block;position:absolute;inset-block:-.125rem;inset-inline:-.125rem}.select-field__icon{z-index:var(--z-select-field-contents);margin-inline:-.25rem .25rem}.radio-field{flex-direction:column;gap:.25rem;display:flex}.radio-field__label{cursor:pointer;gap:.5rem;display:flex}.radio-field__control{position:relative}.radio-field__input{z-index:-1;opacity:0;clip:rect(0, 0, 0, 0);block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute}.radio-field__backdrop{cursor:pointer;border:.0625rem solid var(--color-border);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;block-size:1.25rem;inline-size:1.25rem;display:flex;position:relative;box-shadow:inset 0 .125rem .125rem #00000014}.radio-field__backdrop:after{content:"";z-index:1;transform-origin:50%;pointer-events:none;background-color:#27272a;border-radius:50%;block-size:.625rem;inline-size:.625rem;transition:transform .2s;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)scale(0)}.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{color:#52525b;padding-inline-start:1.75rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.radio-field--small .radio-field__backdrop{block-size:1rem;inline-size:1rem}.radio-field--small .radio-field__backdrop:after{block-size:.5rem;inline-size:.5rem}.radio-field--small .radio-field__label-text{font-size:.75rem;line-height:1rem}.check-field{flex-direction:column;gap:.25rem;display:flex}.check-field__label{cursor:pointer;gap:.5rem;display:flex}.check-field__control{position:relative}.check-field__input{z-index:-1;opacity:0;clip:rect(0, 0, 0, 0);block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute}.check-field__backdrop{cursor:pointer;border:.0625rem solid var(--color-border);background-color:#fff;justify-content:center;align-items:center;block-size:1.25rem;inline-size:1.25rem;display:flex;position:relative;box-shadow:inset 0 .125rem .125rem #00000014}.check-field__backdrop:after{content:"";z-index:1;transform-origin:50%;pointer-events:none;background-color:#27272a;block-size:.625rem;inline-size:.625rem;transition:transform .2s;display:block;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)scale(0)}.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{color:#52525b;padding-inline-start:1.75rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.check-field--small .check-field__backdrop{block-size:1rem;inline-size:1rem}.check-field--small .check-field__backdrop:after{block-size:.5rem;inline-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{color:#52525b;font-size:.75rem;line-height:1.625}.form-row{gap:.5rem;display:flex}.form-row--3>*{flex:1}.status-select{align-items:center;display:inline-flex;position:relative}.status-select__input{appearance:none;cursor:pointer;border:none;border-radius:9999px;outline:none;padding-block:.25rem;padding-inline:.5rem 1.5rem;font-size:.75rem;font-weight:500}.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{color:#854d0e;background-color:#fef9c3}.status-select__input--ready{color:#1e40af;background-color:#dbeafe}.status-select__input--completed{color:#166534;background-color:#dcfce7}.status-select__icon{pointer-events:none;align-items:center;display:flex;position:absolute;inset-inline-end:.375rem}.status-select__icon--pending{color:#854d0e}.status-select__icon--ready{color:#1e40af}.status-select__icon--completed{color:#166534}}