.theme-selector{display:inline-block;position:relative}.theme-selector .theme-dropdown{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.theme-selector .theme-display{cursor:pointer;color:#64748b;-webkit-user-select:none;user-select:none;pointer-events:none;background:#0000000d;border:1px solid #0000001a;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem .75rem;transition:all .2s;display:flex}.theme-selector.small .theme-display{gap:.375rem;padding:.375rem .625rem}.theme-selector.medium .theme-display{gap:.5rem;padding:.5rem .75rem}.theme-selector.large .theme-display{gap:.625rem;padding:.625rem .875rem}.theme-selector:hover .theme-display{color:#1f2937;background:#0000001a;border-color:#00000026}.theme-selector .dropdown-icon{flex-shrink:0;width:16px;height:16px}.theme-selector.small .dropdown-icon{width:14px;height:14px}.theme-selector.large .dropdown-icon{width:18px;height:18px}.theme-selector .theme-label{white-space:nowrap;color:inherit;font-size:.875rem;font-weight:500}.theme-selector.small .theme-label{font-size:.8125rem}.theme-selector.large .theme-label{font-size:.9375rem}.theme-selector .dropdown-arrow{opacity:.5;flex-shrink:0;transition:transform .2s}.theme-selector:hover .dropdown-arrow{opacity:.7}body.dark-mode .theme-selector .theme-display{color:#94a3b8;background:#ffffff1a;border-color:#fff3}body.dark-mode .theme-selector:hover .theme-display{color:#e2e8f0;background:#ffffff26;border-color:#ffffff40}