.color-theme-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px}.color-theme-controls>label{display:inline-flex;align-items:center;gap:8px;color:var(--md-sys-color-on-surface)}.color-theme-controls input[type=color]{width:48px;height:40px;padding:4px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px}.color-theme-surface{padding:24px;margin-block:16px;border-radius:16px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.color-theme-surface h5{margin-top:0}.color-theme-note{padding:12px 16px;border-radius:12px;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);margin-block:16px}