.mobile-brand[data-v-566a0fde]{color:#111827}.brand-name[data-v-566a0fde]{font-size:1.25rem;font-weight:600;line-height:1.2;color:inherit;transition:color .3s ease}.topbar-icon[data-v-566a0fde]{color:#1f2937;transition:color .3s ease}.dark .mobile-brand[data-v-566a0fde]{color:#f8fafc}.dark .topbar-icon[data-v-566a0fde]{color:#e5e7eb}.color-dots[data-v-566a0fde]{pointer-events:none;backdrop-filter:blur(10px);box-shadow:0 2px 12px #0f172a2e;transition:opacity .3s ease,transform .3s ease;transform:translate(10px)}.color-dot[data-v-566a0fde]{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-566a0fde]:hover{box-shadow:0 4px 8px #0003;transform:translate(0) scale(1.1)}.color-picker-expandable:hover .color-dots[data-v-566a0fde]{pointer-events:auto;opacity:1;transform:translate(0)}.color-picker-expandable:hover .color-dot[data-v-566a0fde]{opacity:1;transform:translate(0) scale(1)}.color-picker-expandable:hover .palette-btn[data-v-566a0fde] .art-svg-icon{color:var(--v424b46ec)}