.righe-colorate{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.riga-colorata{--q:58px;--cq:#fff;position:relative;display:block;margin:0;border-radius:14px;background:#F4F4F1;overflow:hidden;list-style:none}.riga-colorata.larga{--q:64px}.riga-colorata.scura{background:#262623}.riga-colorata:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--q);background:var(--c);transition:width .4s cubic-bezier(.2,.8,.2,1)}.riga-colorata .rc-corpo{position:relative;display:flex;align-items:stretch;gap:14px;width:100%;min-height:64px;margin:0;padding:0 16px 0 0;border:0;border-radius:inherit;background:none;color:#1A1A1A;font:inherit;text-align:left;text-decoration:none}.riga-colorata.scura .rc-corpo{color:#fff}.riga-colorata.toccabile .rc-corpo{cursor:pointer}.riga-colorata .rc-corpo:focus-visible{outline:3px solid #1A1A1A;outline-offset:2px}.riga-colorata.scura .rc-corpo:focus-visible{outline-color:#FFC700}.riga-colorata .rc-quadrato{flex:none;display:grid;place-items:center;width:var(--q);padding:0 4px;box-sizing:border-box;color:var(--cq);font:800 18px var(--font-head);text-align:center;line-height:1.1}.riga-colorata.larga .rc-quadrato{font-size:13px}.riga-colorata .rc-quadrato svg{width:22px;height:22px;stroke-width:2.2}.riga-colorata .rc-testo{flex:1;align-self:center;display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 0}.riga-colorata .rc-titolo{font:600 16px/1.3 var(--font-body);overflow-wrap:anywhere}.riga-colorata .rc-nota{font:500 14px/1.4 var(--font-body);color:#66665F;overflow-wrap:anywhere}.riga-colorata.scura .rc-nota{color:#BDBDB6}.riga-colorata .rc-destra{flex:none;align-self:center;display:flex;align-items:center;gap:8px}.riga-colorata :is(.rc-titolo,.rc-nota,.rc-destra){transition:color .25s}@media (hover:hover){.riga-colorata:hover:before{width:100%}.riga-colorata:hover :is(.rc-titolo,.rc-nota,.rc-destra){color:var(--cq)}}.riga-colorata:has(.rc-corpo:focus-visible):before{width:100%}.riga-colorata:has(.rc-corpo:focus-visible) :is(.rc-titolo,.rc-nota,.rc-destra){color:var(--cq)}@media (prefers-reduced-motion:reduce){.riga-colorata :is(.rc-titolo,.rc-nota,.rc-destra),.riga-colorata:before{transition:none}}@media (max-width:639px){.riga-colorata .rc-corpo{padding-right:14px}.riga-colorata .rc-titolo{font-size:15px}}