.theme-modal{position:fixed;inset:0;z-index:1050;display:flex;align-items:center;justify-content:center;padding:1rem}.theme-modal[hidden]{display:none}.theme-modal__swatch{border:0;background:transparent;color:#dbe6ff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:0.45rem;font-size:0.72rem;padding:0}.theme-modal__dot{width:34px;height:34px;border-radius:999px;border:2px solid transparent;transition:transform 0.12s ease,border-color 0.12s ease,box-shadow 0.12s ease}.theme-modal__swatch:hover .theme-modal__dot,.theme-modal__swatch:focus-visible .theme-modal__dot{transform:scale(1.08);border-color:rgba(255,255,255,0.65);box-shadow:0 0 0 5px rgba(255,255,255,0.12)}.theme-modal__swatch.is-active .theme-modal__dot{border-color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 35%,transparent)}.theme-modal__active{margin:0;color:rgba(230,236,255,0.9);font-size:0.92rem}