.cn-cores-personalizadas{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}@media(max-width: 767px){.cn-cores-personalizadas{justify-content:center}}.cn-cores-personalizadas-title{padding:0 !important;margin:0 !important}.cn-cores-personalizadas-title span{font-size:15px;font-weight:500}.cn-cor-wrapper{display:flex;flex-direction:column;align-items:center;width:50px}.cn-cor-item{position:relative;width:55px;height:45px;border:1px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;cursor:pointer;padding:5px;box-sizing:border-box;background-color:#fff;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.cn-cor-item:hover,.cn-cor-item:focus{background-color:var(--hover-color, #eee);border-color:#666;transform:scale(1.08)}.cn-cor-item:hover .cn-cor-tooltip,.cn-cor-item:focus .cn-cor-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.cn-cor-label{pointer-events:none;color:#000;font-size:11px;font-weight:bold;line-height:1;text-align:center}.cn-cor-item:hover .cn-cor-label,.cn-cor-item:focus .cn-cor-label{color:#fff}.cn-cor-tooltip{position:absolute;bottom:100%;left:auto;transform:translateX(-50%) translateY(-6px);background-color:#222;color:#fff;padding:4px 8px;font-size:11px;font-weight:normal;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.cn-cor-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:4px;border-style:solid;border-color:#222 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)}.cn-cor-item{position:relative}.cn-cor-item .cn-cor-icon-check{position:absolute;top:-2px;right:-5px;width:15px;height:15px;padding:3px;display:none;background-color:#31bf86;border-radius:50%;z-index:5}.cn-cor-item .cn-cor-icon-check svg{width:100%;height:100%;display:block}.cn-cor-item.selected .cn-cor-icon-check{display:block}