.seletor-cor-container{transform-style:preserve-3d;display:flex;transform:perspective(1000px)}.seletor-cor-item{cursor:pointer;border:none;outline:none;flex-shrink:0;width:32px;height:40px;transition:all .5s cubic-bezier(.175,.885,.32,1.1);position:relative}.seletor-cor-item:after{content:"";background-color:var(--color);pointer-events:none;border-radius:6px;width:40px;height:40px;transition:all .5s cubic-bezier(.175,.885,.32,1.1);position:absolute;inset:0;transform:scale(1.2)}.seletor-cor-item:before{content:attr(data-color);color:#1a1a1a;pointer-events:none;opacity:0;visibility:hidden;background-color:#fff;border-radius:6px;padding:2px .25rem;font-size:8px;line-height:12px;transition:all .5s cubic-bezier(.175,.885,.32,1.1);position:absolute;bottom:52px;left:65%;transform:translate(-50%)}.seletor-cor-item:hover{z-index:99999;transform:scale(1.5)}.seletor-cor-item:hover:before{opacity:1;visibility:visible}.seletor-cor-item:active:after{transform:scale(1.1)}.seletor-cor-item:focus:before{content:"✅Copy"}.seletor-cor-item:hover+*{z-index:9999;transform:scale(1.3)}.seletor-cor-item:hover+*+*{z-index:999;transform:scale(1.15)}.seletor-cor-item:has(+:hover){z-index:9999;transform:scale(1.3)}.seletor-cor-item:has(+*+:hover){z-index:999;transform:scale(1.15)}.seletor-cor-item[data-active=true]:after{box-shadow:0 0 0 2px var(--background), 0 0 0 4px var(--color)}.seletor-cor-container--compacto .seletor-cor-item{width:20px;height:28px}.seletor-cor-container--compacto .seletor-cor-item:after{width:26px;height:28px;transform:scale(1.08)}.seletor-cor-container--compacto .seletor-cor-item:before{bottom:36px}