.cb-avatar{box-sizing:border-box;color:#182535;max-width:1200px;margin:0 auto;padding:36px 32px 64px;font:16px/1.6 Arial,Helvetica,sans-serif}.cb-avatar *,.cb-avatar :before,.cb-avatar :after{box-sizing:border-box}.cb-avatar h1{margin:0;font-size:2.5rem;line-height:1.2}.cb-avatar h2{font-size:1.45rem;line-height:1.35}.cb-avatar h3{font-size:1.1rem;line-height:1.35}.cb-avatar a{color:#254f83;text-underline-offset:4px}.cb-avatar button{font:inherit;color:#fff;cursor:pointer;background:#325f95;border:1px solid #0000;border-radius:4px;min-height:44px;padding:10px 18px}.cb-avatar button:disabled{opacity:.6;cursor:default}.cb-avatar :focus-visible{outline-offset:4px;outline:3px solid #ad5700}.cb-avatar-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:24px 0;display:flex}.cb-avatar-eyebrow{letter-spacing:.15em;text-transform:uppercase;margin:0 0 8px;font-size:.75rem;font-weight:700}.cb-avatar-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:28px;display:grid}.cb-avatar-look{background:#f5f7fa;border:1px solid #c0cbd8;border-radius:8px;padding:20px;position:sticky;top:24px}.cb-avatar-stage{aspect-ratio:1;background:radial-gradient(#d2dce8,#0000 70%);place-items:center;display:grid}.cb-avatar-stage img{object-fit:contain;grid-area:1/1;width:100%;height:100%}.cb-avatar-equipped{padding:0;list-style:none}.cb-avatar-equipped li{border-top:1px solid #c0cbd8;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;display:flex}.cb-avatar-equipped small{color:#59697d;text-transform:capitalize;display:block}.cb-avatar-equipped button{padding:6px 10px;font-size:.8rem}.cb-avatar-filters{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.cb-avatar-filters label{flex:130px;gap:8px;display:grid}.cb-avatar-filters input,.cb-avatar-filters select{color:#182535;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #788ba2;border-radius:4px;padding:10px}.cb-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cb-avatar-card{color:#182535;background:#e1e6ec;border:1px solid #b1c0d2;border-radius:5px;min-width:0;display:block;overflow:hidden}.cb-avatar-is-equipped{border-color:#325f95;box-shadow:0 0 0 1px #325f95}.cb-avatar-preview{aspect-ratio:1;background:#d2dce8;display:block;position:relative;overflow:hidden}.cb-avatar-artwork{aspect-ratio:1;width:calc(100% - 32px);margin:16px;position:relative}.cb-avatar-artwork img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.cb-avatar-background{width:100%;margin:0}.cb-avatar-background img:not(.cb-avatar-scene){padding:16px}.cb-avatar-artwork .cb-avatar-scene{object-fit:cover}.cb-avatar-card-details{padding:14px}.cb-avatar-meta{text-transform:capitalize;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.8rem;display:flex}.cb-avatar-card h3{overflow-wrap:anywhere;margin:12px 0}.cb-avatar-card button{width:100%}.cb-avatar-notice{background:#f4f6f9;border:1px solid #c0cbd8;border-radius:4px;margin:20px 0;padding:18px}@media (width<=1000px){.cb-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.cb-avatar{padding:24px 18px 40px}.cb-avatar-layout{grid-template-columns:1fr}.cb-avatar-look{position:static}.cb-avatar-stage{max-width:240px;margin:auto}}@media (width<=380px){.cb-avatar-grid{grid-template-columns:1fr}}
