.suki-looks{gap:var(--esp-3);margin:0 0 var(--esp-4);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.suki-looks__look{justify-items:center;gap:var(--esp-2);padding:var(--esp-3) var(--esp-2) var(--esp-2);background:var(--superficie);border:var(--borde-ancho) solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-s);transition:box-shadow var(--trans), transform var(--trans);display:grid}.suki-looks__look:nth-child(2){--suki-fondo:var(--cian)}.suki-looks__look:nth-child(3){--suki-fondo:var(--amarillo)}.suki-looks__look:nth-child(4){--suki-fondo:var(--rosa)}.suki-looks__look:hover{box-shadow:.375rem .375rem 0 var(--rosa);transform:translate(-.125rem,-.125rem)}.suki-looks__avatar{aspect-ratio:1;background:color-mix(in srgb, var(--suki-fondo,var(--rosa)) 35%, var(--superficie));border:var(--borde-ancho) solid var(--borde);border-radius:50%;width:min(100%,6rem);overflow:hidden}.suki-looks__chibi{width:100%;height:100%;display:block;transform:scale(1.04)translateY(3%)}.suki-looks__nombre{font-family:var(--f-titular);font-size:var(--t-xs);letter-spacing:.04em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere;font-weight:800;line-height:1.2}@media (min-width:40rem){.suki-looks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.suki-looks__look:hover{transform:none}}