.tc-avatar-editor__eye-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tc-avatar-eye-card{min-width:0;padding:14px;border:1px solid var(--tc-line);border-radius:17px;background:#fff;color:var(--tc-black);display:grid;gap:6px;text-align:left;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}
.tc-avatar-eye-card:hover{transform:translateY(-2px);border-color:var(--tc-black);box-shadow:0 10px 24px rgba(40,36,37,.09)}
.tc-avatar-eye-card.is-selected{border:2px solid var(--tc-red);padding:13px;background:#fff7f7;box-shadow:0 0 0 3px rgba(224,38,46,.09)}
.tc-avatar-eye-card>span{height:88px;border-radius:13px;background:linear-gradient(145deg,#f6f0ea,#e9ded3);display:grid;place-items:center;overflow:hidden}
.tc-avatar-eye-card svg{width:104px;height:62px}.tc-avatar-eye-card__white{fill:#fff;stroke:#282425;stroke-width:4;stroke-linejoin:round}.tc-avatar-eye-card__iris{fill:var(--tc-avatar-eye,#279ee9);stroke:#282425;stroke-width:2}
.tc-avatar-eye-card strong{font-size:13px;line-height:1.25}.tc-avatar-eye-card small{color:var(--tc-muted)}.tc-avatar-eye-card.is-selected small{color:var(--tc-red);font-weight:800}
.tc-avatar-builder__swatches{display:flex!important;flex-wrap:wrap;gap:10px}.tc-avatar-builder__swatches button{position:relative}.tc-avatar-builder__swatches button::after{content:attr(title);position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);padding:4px 7px;border-radius:6px;background:#282425;color:#fff;font-size:10px;white-space:nowrap;opacity:0;pointer-events:none;z-index:10}.tc-avatar-builder__swatches button:hover::after{opacity:1}
@media(max-width:820px){.tc-avatar-editor__eye-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tc-avatar-editor__eye-grid{grid-template-columns:1fr 1fr;gap:10px}.tc-avatar-eye-card>span{height:76px}}