@layer components{.field{display:block}.label-top{font-size:15px;font-weight:var(--fw-medium);color:var(--inchiostro);margin-bottom:6px;line-height:1.35;display:block}.helper{font-size:var(--fs-small);color:var(--grafite);margin-top:6px;line-height:1.45}.helper.error{color:var(--testo-danger)}.helper.success{color:var(--testo-success)}.helper-icon{align-items:center;gap:6px;display:inline-flex}.helper svg{flex:none;width:14px;height:14px}.input,.textarea,.select{width:100%;min-height:44px;font-family:var(--font-sans);font-size:var(--fs-field);color:var(--inchiostro);background:var(--carta);border:1px solid var(--bordo-controllo);border-radius:var(--r-2);box-shadow:none;transition:border-color var(--d-1) var(--ease-out), box-shadow var(--d-1) var(--ease-out);padding:10px 14px;line-height:1.4}.textarea{resize:vertical;min-height:120px;line-height:1.5;display:block}.input::placeholder,.textarea::placeholder{color:var(--cenere);opacity:1}.input:hover,.textarea:hover,.select:hover{border-color:var(--inchiostro);box-shadow:inset 0 0 0 .5px var(--inchiostro)}.input:focus,.textarea:focus,.select:focus{border-color:var(--inchiostro);box-shadow:inset 0 0 0 .5px var(--inchiostro);outline:2px solid #0000}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{box-shadow:inset 0 0 0 .5px var(--inchiostro), var(--anello-focus)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true],.field.is-error .input,.field.is-error .textarea,.ff--error .input,.ff--error .textarea,.ff--error .select{border-color:var(--danger);box-shadow:inset 0 0 0 .5px var(--danger)}.field.is-success .input,.field.is-success .textarea{border-color:var(--success)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--velina);color:var(--cenere);border-color:var(--filo-marcato);cursor:not-allowed;box-shadow:none}.input[readonly],.textarea[readonly]{background:var(--velina)}.search-wrap{display:block;position:relative}.search-wrap>svg{width:18px;height:18px;color:var(--grafite);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-wrap .input{padding-left:42px}.search-wrap .input::-webkit-search-cancel-button{display:none}.select-wrap{display:block;position:relative}.select-wrap .select{appearance:none;padding-right:42px}.select-wrap>svg{width:18px;height:18px;color:var(--inchiostro);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.check,.radio,.switch{align-items:flex-start;gap:var(--s-3);min-height:44px;color:var(--inchiostro);cursor:pointer;-webkit-user-select:none;user-select:none;padding-block:10px;font-size:15px;line-height:1.45;display:inline-flex}.check input[type=checkbox],.radio input[type=radio]{appearance:none;background:var(--carta);border:1px solid var(--bordo-controllo);cursor:pointer;width:20px;height:20px;transition:background var(--d-1) var(--ease-out), border-color var(--d-1) var(--ease-out);flex:none;place-content:center;margin:1px 0 0;display:inline-grid}.check input[type=checkbox]{border-radius:var(--r-1)}.radio input[type=radio]{border-radius:50%}.check:hover input[type=checkbox],.radio:hover input[type=radio]{border-color:var(--inchiostro);box-shadow:inset 0 0 0 .5px var(--inchiostro)}.check input[type=checkbox]:checked{background:var(--inchiostro);border-color:var(--inchiostro)}.check input[type=checkbox]:checked:after{content:"";background:var(--carta);width:12px;height:12px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") 50%/contain no-repeat}.radio input[type=radio]:checked{border-color:var(--inchiostro);border-width:6px}.check input[aria-invalid=true],.ff--error .check input[type=checkbox]{border-color:var(--danger);box-shadow:inset 0 0 0 .5px var(--danger)}.check input:disabled,.radio input:disabled{background:var(--velina);border-color:var(--filo-marcato);cursor:not-allowed}.check input:disabled+span,.radio input:disabled+span{color:var(--cenere)}.check a,.radio a{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.radio-group{gap:var(--s-1);flex-direction:column;display:flex}.switch{align-items:center}.switch input{appearance:none;border-radius:var(--r-pill);background:var(--carta);border:1px solid var(--bordo-controllo);cursor:pointer;width:40px;height:24px;transition:background var(--d-2) var(--ease-out), border-color var(--d-2) var(--ease-out);flex:none;position:relative}.switch input:after{content:"";background:var(--bordo-controllo);width:16px;height:16px;transition:transform var(--d-2) var(--ease-out), background var(--d-2) var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked{background:var(--inchiostro);border-color:var(--inchiostro)}.switch input:checked:after{background:var(--carta);transform:translate(16px)}.check input:focus-visible,.radio input:focus-visible,.switch input:focus-visible{box-shadow:var(--anello-focus);outline:2px solid #0000}@media (forced-colors:active){.input,.textarea,.select,.check input[type=checkbox],.radio input[type=radio],.switch input{border:1px solid canvastext}.check input[type=checkbox]:checked{background:selecteditem}.check input[type=checkbox]:checked:after{background:selecteditemtext}}}
@layer components{.ff{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.ff__top{justify-content:space-between;align-items:baseline;gap:var(--s-3);display:flex}.ff__label{font-size:15px;font-weight:var(--fw-medium);color:var(--inchiostro);line-height:1.35}.ff__req{color:var(--grafite);margin-left:2px}.ff__opt{font-size:var(--fs-small);font-weight:var(--fw-regular);color:var(--grafite);margin-left:6px}.ff__counter{font-size:var(--fs-small);color:var(--grafite);font-variant-numeric:tabular-nums}.ff__msg{font-size:var(--fs-small);align-items:flex-start;gap:6px;line-height:1.45;display:flex}.ff__msg svg{flex:none;margin-top:1px}.ff__msg--helper{color:var(--grafite)}.ff__msg--error{color:var(--testo-danger);font-weight:var(--fw-medium)}.ff__msg--success{color:var(--testo-success)}.ff__ctl{width:100%;min-height:44px;font:400 var(--fs-field) / 1.4 var(--font-sans);color:var(--inchiostro);background:var(--carta);border:1px solid var(--bordo-controllo);border-radius:var(--r-2);padding:10px 14px}.ff__ctl:hover,.ff__ctl:focus{border-color:var(--inchiostro);box-shadow:inset 0 0 0 .5px var(--inchiostro)}.ff__ctl:focus-visible{box-shadow:inset 0 0 0 .5px var(--inchiostro), var(--anello-focus)}textarea.ff__ctl{resize:vertical;min-height:120px;line-height:1.5}.ff--error .ff__ctl{border-color:var(--danger);box-shadow:inset 0 0 0 .5px var(--danger)}.opt-list{gap:var(--s-1);flex-direction:column;display:flex}.opt-list--row{gap:var(--s-4);flex-flow:wrap}.ff--inline{gap:var(--s-1) var(--s-4);grid-template-columns:160px minmax(0,1fr);align-items:center;display:grid}.ff--inline .ff__msg{grid-column:2}}
