.color-dots[data-v-9174d75b]{pointer-events:none;backdrop-filter:blur(10px);box-shadow:0 2px 12px var(--art-gray-300);transition:opacity .3s ease,transform .3s ease;transform:translate(10px)}.color-dot[data-v-9174d75b]{box-shadow:0 2px 4px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--index) * .05s);transform:translate(20px) scale(.8)}.color-dot[data-v-9174d75b]:hover{box-shadow:0 4px 8px #0003;transform:translate(0) scale(1.1)}.color-picker-expandable:hover .color-dots[data-v-9174d75b]{pointer-events:auto;opacity:1;transform:translate(0)}.color-picker-expandable:hover .color-dot[data-v-9174d75b]{opacity:1;transform:translate(0) scale(1)}.btn[data-v-9174d75b]{border:1px solid rgb(15 23 42 / 8%);border-radius:9999px;background:#ffffffc7;backdrop-filter:blur(8px);transition:all .3s ease}.btn[data-v-9174d75b] .art-svg-icon{color:#475569}.btn[data-v-9174d75b]:hover{border-color:#3b82f647;background:#ffffffeb;box-shadow:0 6px 18px #3b82f61f}.btn[data-v-9174d75b]:hover .art-svg-icon{color:var(--v6695f078)}@media (max-width: 768px){.btn[data-v-9174d75b]{border-color:#94a3b852;background:#ffffffeb;box-shadow:0 4px 14px #0f172a1a}.btn[data-v-9174d75b] .art-svg-icon{color:#334155}.theme-btn[data-v-9174d75b]{background:#fffffff5;background-image:none}.is-dark-mode .btn[data-v-9174d75b]{border-color:#94a3b847;background:#1e293beb;box-shadow:0 6px 16px #02061757}.is-dark-mode .theme-btn[data-v-9174d75b]{background:#1e293bf5;background-image:none}}.is-dark-mode .btn[data-v-9174d75b]{border-color:#94a3b83d;background:#1e293b}.is-dark-mode .btn[data-v-9174d75b] .art-svg-icon{color:#e2e8f0}.is-dark-mode .color-dots[data-v-9174d75b]{background-color:var(--art-gray-200);box-shadow:none}.color-picker-expandable:hover .palette-btn[data-v-9174d75b] .art-svg-icon{color:var(--v6695f078)}
