.theme-selector-container.svelte-13mqpdl{border-radius:2rem;align-items:center;gap:0;width:2rem;height:2rem;padding:2px;display:flex;position:relative;overflow:clip}.theme-selector-container.canTransition.svelte-13mqpdl{transition:width .3s}.theme-selector-container.svelte-13mqpdl:hover{background-color:var(--bg-200);width:5.75rem}.theme-selector-container.svelte-13mqpdl:hover button:where(.svelte-13mqpdl){opacity:.5}@media screen and (width<=640px){.theme-selector-container.svelte-13mqpdl:hover button:where(.svelte-13mqpdl){opacity:1}}.theme-selector-container.svelte-13mqpdl:hover button:where(.svelte-13mqpdl):hover{opacity:1}.theme-selector-container.svelte-13mqpdl:hover button:where(.svelte-13mqpdl):first-child{left:.125rem}.theme-selector-container.svelte-13mqpdl:hover button:where(.svelte-13mqpdl):nth-child(2){left:2rem}.theme-selector-container.svelte-13mqpdl:hover button:where(.svelte-13mqpdl):nth-child(3){left:3.875rem}.theme-selector-container.svelte-13mqpdl:hover .indicator:where(.svelte-13mqpdl){background-color:color-mix(in srgb, var(--primary) 30%, var(--bg-100));left:var(--offset)}.theme-selector-container.svelte-13mqpdl button:where(.svelte-13mqpdl){color:var(--text);z-index:1;opacity:0;background-color:#0000;border-radius:50%;flex-shrink:0;width:1.75rem;height:1.75rem;transition:all .3s;position:absolute;left:.125rem}.theme-selector-container.svelte-13mqpdl button.selected:where(.svelte-13mqpdl){opacity:1;color:var(--text)}.theme-selector-container.svelte-13mqpdl .indicator:where(.svelte-13mqpdl){width:1.75rem;height:1.75rem;top:50%;left:calc(4px + var(--offset));background-color:#0000;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;left:.125rem;transform:translateY(-50%)}.container.svelte-1h5ics0{background-color:var(--bg-100);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);border-radius:.75rem;flex-direction:column;width:200px;padding:.25rem;font-size:.8125rem;display:flex}.container.svelte-1h5ics0 h3:where(.svelte-1h5ics0){color:var(--text-light);padding-block:.25rem;padding-inline:.5rem;font-size:.75rem}.container.svelte-1h5ics0 button.list-item:where(.svelte-1h5ics0){--c1:hsl(from var(--primary) h 20% 70%);background-color:#0000;border:0;align-items:center;gap:.5rem;width:100%;padding:.375rem;display:flex}.container.svelte-1h5ics0 button.list-item:where(.svelte-1h5ics0) span:where(.svelte-1h5ics0){font-size:.875rem}.container.svelte-1h5ics0 button.list-item:where(.svelte-1h5ics0) .checked-icon:where(.svelte-1h5ics0){color:var(--primary);margin-left:auto;display:none}.container.svelte-1h5ics0 button.list-item:where(.svelte-1h5ics0):hover{background-color:color-mix(in srgb, var(--c1) 24%, transparent)}.container.svelte-1h5ics0 button.list-item:where(.svelte-1h5ics0):hover .preview-box:where(.svelte-1h5ics0){box-shadow:none}.container.svelte-1h5ics0 button.list-item.selected:where(.svelte-1h5ics0){font-weight:600}.container.svelte-1h5ics0 button.list-item.selected:where(.svelte-1h5ics0) .checked-icon:where(.svelte-1h5ics0){display:block}.theme-icon-button.svelte-1h5ics0{width:fit-content;color:var(--text-soft);background-color:#0000;border:0;border-radius:.75rem;align-items:center;gap:.5rem;padding-block:.25rem;padding-inline:.25rem .5rem;display:flex}.theme-icon-button.svelte-1h5ics0:hover,.theme-icon-button.active.svelte-1h5ics0{color:var(--text);background-color:var(--bg-200)}.theme-icon-button.hide-icon-outline.svelte-1h5ics0 .preview-box:where(.svelte-1h5ics0){outline:none}.preview-box.svelte-1h5ics0{--size:6px;--gap:3px;--padding:4px;padding:var(--padding);outline:1px solid color-mix(in srgb, var(--primary) 24%, var(--bg-100));gap:var(--gap);width:calc(var(--size) * 2 + var(--gap) + var(--padding) * 2);aspect-ratio:1;grid-template-columns:repeat(2, var(--size));grid-template-rows:repeat(2, var(--size));background-color:color-mix(in oklab, color-mix(in srgb, var(--primary) 80%, var(--text)) 12%, var(--bg-100));box-shadow:var(--shadow-md);border-radius:.5rem;display:grid}.preview-box.svelte-1h5ics0 .box:where(.svelte-1h5ics0){width:var(--size);height:var(--size);background-color:var(--c);border-radius:.5rem}.preview-box.dark-mode.svelte-1h5ics0{box-sizing:none}