.ib-card-colors{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 4px;padding:3px 1px;line-height:1}
.ib-card-color{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:4px;border:1px solid #d9d9d9;border-radius:50%;background:#fff;cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;touch-action:manipulation}
.ib-card-color img{display:block;width:24px;height:24px;max-width:100%;object-fit:contain;border-radius:50%;pointer-events:none}
.ib-card-color-dot{display:block;width:20px;height:20px;border:1px solid #d2d2d2;border-radius:50%;background:var(--ib-card-color)}
.ib-card-color:hover{border-color:#ff6b00}
.ib-card-color[aria-pressed=true]{border-color:#ff6b00;box-shadow:0 0 0 2px #ff6b00}
.ib-card-color:focus-visible,.ib-card-color-more:focus-visible{outline:2px solid #171717;outline-offset:4px}
.ib-card-color:disabled{opacity:.4;cursor:not-allowed}
.ib-card-color-more{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:26px;color:#333;font-size:11px;text-decoration:none}
.ib-card-color-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
[data-ib-color-chosen] .media--hover-effect>img+img{opacity:0!important}
[data-ib-color-chosen] .media--hover-effect>img:first-child{opacity:1!important}
@media(max-width:360px){.ib-card-colors{gap:5px}.ib-card-color{flex-basis:30px;width:30px;height:30px;min-width:30px;min-height:30px}}

.ib-card-image-link,.ib-card-title-link{display:block;color:inherit;text-decoration:none}
.ibct-card .ib-card-colors{gap:5px;margin-top:8px;margin-bottom:8px}
.ibct-card .ib-card-color{width:30px;height:30px;min-width:30px;min-height:30px;flex-basis:30px}

.ib-card-color--text,.ibct-card .ib-card-color--text{flex:0 1 auto;width:auto;max-width:100%;min-width:44px;height:auto;min-height:32px;padding:7px 9px;border-radius:9px}
.ib-card-color-name{font-size:11px;font-weight:650;line-height:1.2;color:#333;overflow-wrap:anywhere}
.ib-cols--phones .ib-cb--text{width:auto;min-width:44px;height:auto;min-height:44px;border-radius:10px;padding:9px 12px}
.ib-color-name{font-size:12px;font-weight:650;color:#333;line-height:1.3}
.ib-cols--phones .ib-cb--text.on{color:#ff6b00;background:#fff8f0}
.ib-cb--text.on .ib-color-name{color:inherit}
