.tp-sec[data-v-c19cf44a]{color:var(--on-surface,#0f172a);align-items:center;gap:8px;margin-bottom:8px;font-size:14.5px;font-weight:800;display:flex}.tp-preview[data-v-c19cf44a]{background:var(--surface-card,#fff);border:1px solid #e7ecf3;border-radius:14px;overflow:hidden}.tp-preview__bar[data-v-c19cf44a]{color:#fff;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;display:flex}[dir=ltr] .tp-preview__bar[data-v-c19cf44a]{background:linear-gradient(90deg, var(--topbar-from,#123a66), var(--topbar-to,#0b1626))}[dir=rtl] .tp-preview__bar[data-v-c19cf44a]{background:linear-gradient(-90deg, var(--topbar-from,#123a66), var(--topbar-to,#0b1626))}.tp-preview__brand[data-v-c19cf44a]{letter-spacing:.3px;font-weight:800}.tp-preview__chip[data-v-c19cf44a]{border:1px solid #ffffff59;border-radius:999px;padding:2px 10px;font-size:11px}[dir=ltr] .tp-preview__chip[data-v-c19cf44a]{direction:ltr}[dir=rtl] .tp-preview__chip[data-v-c19cf44a]{direction:rtl}.tp-preview__body[data-v-c19cf44a]{flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.tp-preview__txt[data-v-c19cf44a]{color:#64748b;font-size:13px}.tp-mini-card[data-v-c19cf44a]{border-radius:var(--my-radius,8px);border:1px solid #e7ecf3;min-width:120px;position:relative}[dir=ltr] .tp-mini-card[data-v-c19cf44a]{padding:8px 14px 8px 18px}[dir=rtl] .tp-mini-card[data-v-c19cf44a]{padding:8px 18px 8px 14px}.tp-mini-card__accent[data-v-c19cf44a]{inset-inline-start:0;background:var(--q-primary);border-radius:4px;width:4px;position:absolute;top:0;bottom:0}.tp-mini-card__label[data-v-c19cf44a]{color:#94a3b8;text-transform:uppercase;font-size:10px;font-weight:700}.tp-mini-card__value[data-v-c19cf44a]{color:var(--q-primary);font-size:18px;font-weight:800}.tp-swatch[data-v-c19cf44a]{cursor:pointer;background:var(--surface-card,#fff);border:1.5px solid #e7ecf3;border-radius:12px;padding:8px;transition:border-color .15s,transform .15s,box-shadow .15s}.tp-swatch[data-v-c19cf44a]:hover{transform:translateY(-2px);box-shadow:0 8px 18px -12px #0f172a66}.tp-swatch--on[data-v-c19cf44a]{border-color:var(--q-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--q-primary) 30%, transparent)}.tp-swatch__strip[data-v-c19cf44a]{border-radius:8px;height:26px;display:flex;overflow:hidden}.tp-swatch__strip span[data-v-c19cf44a]{flex:1}.tp-swatch__row[data-v-c19cf44a]{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.tp-swatch__name[data-v-c19cf44a]{color:var(--on-surface,#0f172a);font-size:12px;font-weight:700}.tp-set[data-v-c19cf44a]{background:var(--surface-card,#fff);border:1px solid #e7ecf3;border-radius:12px;height:100%;padding:10px 12px}.tp-set__t[data-v-c19cf44a]{color:#475569;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:flex}.tp-quick[data-v-c19cf44a]{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tp-quick__dot[data-v-c19cf44a]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px;padding:0;box-shadow:inset 0 0 0 1px #0000001a}.tp-quick__dot--on[data-v-c19cf44a]{border-color:var(--on-surface,#0f172a)}.tp-quick__dot--custom[data-v-c19cf44a]{background:#f1f5f9;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tp-quick__dot--custom input[data-v-c19cf44a]{opacity:0;cursor:pointer;position:absolute;inset:0}.tp-adv[data-v-c19cf44a]{background:var(--surface-card,#fff);border:1px solid #e7ecf3;border-radius:12px}.tp-pick[data-v-c19cf44a]{text-align:center}.tp-pick__swatch[data-v-c19cf44a]{cursor:pointer;border:1px solid #0000001f;border-radius:10px;width:100%;height:44px;display:block}.tp-pick__swatch input[data-v-c19cf44a]{opacity:0;cursor:pointer;width:100%;height:100%}.tp-pick__label[data-v-c19cf44a]{color:#475569;margin-top:5px;font-size:11px;font-weight:700}.tp-pick__hex[data-v-c19cf44a]{color:#94a3b8;text-transform:uppercase;font-size:10px}body.body--dark .tp-swatch[data-v-c19cf44a],body.body--dark .tp-set[data-v-c19cf44a],body.body--dark .tp-adv[data-v-c19cf44a],body.body--dark .tp-preview[data-v-c19cf44a]{border-color:#2e3440}
