@media (width>=44rem){.color-combos-sec.svelte-lw2c42{padding-top:4rem}}@media (width<44rem){.color-combos-sec.svelte-lw2c42{padding-top:2rem}}.color-combos-sec.svelte-lw2c42{width:100%}.color-combos-sec.svelte-lw2c42 .combos:where(.svelte-lw2c42){flex-flow:column;justify-content:center;align-items:center;width:100%;height:fit-content;display:flex}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42){z-index:200;flex-flow:row;justify-content:center;align-items:center;gap:1rem;width:100%;height:fit-content;margin:1.5rem 0;display:flex}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42) .color:where(.svelte-lw2c42){background:var(--hex);border:6px solid color-mix(var(--hex), black 10%);height:40vh;min-height:8rem;transition:background .125s var(--theme-cubic-out), border-color 50ms linear;border-radius:.65rem;flex-flow:column;flex:1 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42) .color:where(.svelte-lw2c42) .values:where(.svelte-lw2c42){justify-content:center;align-items:flex-start;width:0;height:0;display:flex;position:absolute;overflow:visible}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42) .color:where(.svelte-lw2c42) .value:where(.svelte-lw2c42){color:var(--text-hex);letter-spacing:.15rem;cursor:copy;height:1rem;transition:color .125s var(--theme-cubic-out);font-size:.8rem;font-weight:500;position:absolute;top:1.5rem}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42) .color:where(.svelte-lw2c42) .value.rgb:where(.svelte-lw2c42){top:2.6rem}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42) .color:where(.svelte-lw2c42){perspective:200px}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42) .color:where(.svelte-lw2c42) .text:where(.svelte-lw2c42){color:var(--text-hex);transition:color .125s var(--theme-cubic-out);-webkit-user-select:none;user-select:none;font-family:Funnel Display,sans-serif;font-size:2.15rem;font-weight:800}.color-combos-sec.svelte-lw2c42 .combo:where(.svelte-lw2c42) .color:where(.svelte-lw2c42) .text:where(.svelte-lw2c42):before{content:"argxs";opacity:.25;filter:blur(.025rem)brightness(.95);color:var(--text-hex);transition:color .125s var(--theme-cubic-out);-webkit-user-select:none;user-select:none;padding-bottom:.25rem;font-family:Funnel Display,sans-serif;font-size:2.15rem;font-weight:800;position:absolute;transform:scale(4)rotate3d(20,0,0,40deg)scale(2);-webkit-mask-image:linear-gradient(40deg,#02020220 0%,#0000 100%);mask-image:linear-gradient(40deg,#02020220 0%,#0000 100%)}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42){color:var(--theme-color-primary);-webkit-user-select:none;user-select:none;margin-top:.5rem}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) button:where(.svelte-lw2c42){cursor:pointer}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42){flex-flow:row;justify-content:center;align-items:center;gap:1.25rem;display:flex}:is(.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) button:where(.svelte-lw2c42):first-child,.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) button:where(.svelte-lw2c42):last-child) svg:where(.svelte-lw2c42){stroke-width:2.5px;width:1.75rem;height:1.75rem}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) button:where(.svelte-lw2c42){color:var(--theme-color-primary);transition:all .65s cubic-bezier(.215,.61,.355,1) 50ms}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) button:where(.svelte-lw2c42) svg:where(.svelte-lw2c42){stroke-width:3px;width:2.15rem;height:2.15rem;transition:all .65s cubic-bezier(.215,.61,.355,1) 50ms,transform .175s cubic-bezier(.215,.61,.355,1),stroke-width .175s cubic-bezier(.215,.61,.355,1)}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) button:where(.svelte-lw2c42):active{color:var(--theme-color-accent);transition:none}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) button:where(.svelte-lw2c42):active svg:where(.svelte-lw2c42){stroke-width:4.5px;transition:none;transform:scale(.875)}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) button[disabled]:where(.svelte-lw2c42){color:var(--theme-text-fourth);cursor:default}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .combo-switcher:where(.svelte-lw2c42) .current-combo:where(.svelte-lw2c42){text-align:center;width:8rem;font-family:Funnel Display,sans-serif;font-size:2.5rem;font-weight:900;position:relative;overflow:visible}.color-combos-sec.svelte-lw2c42 .actions:where(.svelte-lw2c42) .extras:where(.svelte-lw2c42){flex-flow:row;justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;display:flex}