.avatar-personalizzato{min-width:0;margin:var(--s4) 0}
.avatar-personalizzato [hidden]{display:none!important}
.avatar-personalizzato .avatar-personalizzato-coperto{visibility:hidden;pointer-events:none}
.avatar-personalizzato p{line-height:1.5;overflow-wrap:anywhere}
.avatar-personalizzato .avatar-personalizzato-layout{display:grid;grid-template-columns:minmax(0,calc(var(--s16)*3)) minmax(0,1fr);gap:var(--s6);margin-top:var(--s5)}
.avatar-personalizzato .avatar-personalizzato-anteprima{min-width:0;text-align:center;padding:var(--s4);background:var(--superficie-2);border-radius:var(--raggio);align-self:start}
.avatar-personalizzato .avatar-personalizzato-anteprima p{margin:var(--s3) 0;color:var(--secondario);font-size:var(--t-piccola)}
html.relay-nuovo .avatar-personalizzato .avatar-personalizzato-grande .avatar-utente{width:calc(var(--s16)*2);height:calc(var(--s16)*2);border-radius:var(--raggio);border:0;margin:auto;background:var(--superficie);font-size:var(--t-grande)}
.avatar-personalizzato .avatar-personalizzato-misure{display:flex;justify-content:center;align-items:center;gap:var(--s2);flex-wrap:wrap}
.avatar-personalizzato .avatar-personalizzato-misure>span:last-child{flex-basis:100%;font-size:var(--t-minuta);color:var(--secondario)}
html.relay-nuovo .avatar-personalizzato .avatar-personalizzato-32{width:var(--s8);height:var(--s8)}
html.relay-nuovo .avatar-personalizzato .avatar-personalizzato-48{width:var(--s12);height:var(--s12)}
.avatar-personalizzato .avatar-personalizzato-confronto{border-top:1px solid var(--bordo);margin-top:var(--s4);padding-top:var(--s2)}
.avatar-personalizzato .avatar-personalizzato-confronto .avatar-utente{margin:auto}
.avatar-personalizzato .avatar-personalizzato-editor{min-width:0}
.avatar-personalizzato .avatar-personalizzato-modalita,.avatar-personalizzato .avatar-personalizzato-tab,.avatar-personalizzato .avatar-personalizzato-azioni{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s4)}
.avatar-personalizzato button,.avatar-personalizzato summary{min-height:var(--tocco)}
.avatar-personalizzato button{font-size:var(--t-piccola);white-space:normal;overflow-wrap:anywhere}
.avatar-personalizzato .avatar-personalizzato-modalita button[aria-pressed=true],.avatar-personalizzato .avatar-personalizzato-modalita button[aria-pressed=true]:hover{background:var(--marchio);border-color:var(--marchio);color:var(--su-marchio)}
.avatar-personalizzato .avatar-personalizzato-tab button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--secondario)}
.avatar-personalizzato .avatar-personalizzato-tab button[aria-pressed=true]{color:var(--testo);border-color:var(--marchio)}
.avatar-personalizzato :is(button,select,summary):focus-visible{outline:2px solid var(--marchio);outline-offset:var(--s1)}
.avatar-personalizzato fieldset{min-width:0;margin:0;padding:0;border:0}
.avatar-personalizzato legend{font-size:var(--t-piccola);font-weight:600;margin-bottom:var(--s3)}
.avatar-personalizzato .avatar-personalizzato-campi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.avatar-personalizzato .avatar-personalizzato-campi label{display:flex;flex-direction:column;gap:var(--s2);min-width:0;font-size:var(--t-piccola)}
.avatar-personalizzato select{width:100%;box-sizing:border-box;min-height:var(--tocco);font-size:var(--t-corpo)}
.avatar-personalizzato .avatar-personalizzato-modelli,.avatar-personalizzato .avatar-catalogo{margin:var(--s5) 0;border-top:1px solid var(--bordo);padding-top:var(--s2)}
.avatar-personalizzato summary{cursor:pointer;padding:var(--s3) 0;font-size:var(--t-piccola);font-weight:600}
.avatar-personalizzato .avatar-personalizzato-galleria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.avatar-personalizzato .avatar-personalizzato-galleria button{display:flex;flex-direction:column;align-items:center;gap:var(--s2);min-width:0;padding:var(--s3)}
html.relay-nuovo .avatar-personalizzato .avatar-personalizzato-galleria .avatar-utente{width:var(--s16);height:var(--s16);border:0}
.avatar-personalizzato .avatar-griglia{grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(var(--s16)*6)}
html.relay-nuovo .avatar-personalizzato .avatar-griglia .avatar-utente{width:var(--s16);height:var(--s16);max-width:100%;border:0}
.avatar-personalizzato .avatar-personalizzato-azioni{border-top:1px solid var(--bordo);padding-top:var(--s4);margin-top:var(--s5);margin-bottom:0}
@media(max-width:720px){.avatar-personalizzato .avatar-personalizzato-layout{grid-template-columns:minmax(0,1fr);gap:var(--s4)}.avatar-personalizzato .avatar-personalizzato-anteprima{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--s2);text-align:left}.avatar-personalizzato .avatar-personalizzato-grande{grid-row:span 2}.avatar-personalizzato .avatar-personalizzato-misure{justify-content:flex-start}.avatar-personalizzato .avatar-personalizzato-confronto{grid-column:1/-1}.avatar-personalizzato .avatar-personalizzato-campi{grid-template-columns:minmax(0,1fr)}.avatar-personalizzato .avatar-personalizzato-modalita button,.avatar-personalizzato .avatar-personalizzato-azioni button{flex:1 1 auto}.avatar-personalizzato .avatar-personalizzato-tab{gap:var(--s1)}.avatar-personalizzato .avatar-personalizzato-tab button{flex:1 1 auto;padding-inline:var(--s2)}.avatar-personalizzato .avatar-griglia{grid-template-columns:repeat(3,minmax(0,1fr))}}