:root{--clr-neutral-200: hsl(240, 10%, 96%);--clr-neutral-300: hsl(240, 10%, 76%);--clr-neutral-700: hsl(240, 10%, 26%);--clr-neutral-800: hsl(240, 10%, 16%);--clr-accent-200: hsl(330, 20%, 92%);--clr-accent-400: hsl(332, 22%, 68%);--clr-accent-800: hsl(333, 22%, 20%);--clr-theme-light: var(--clr-accent-800);--clr-theme-dark: var(--clr-accent-200);--bg-theme-light: var(--clr-neutral-200);--bg-theme-dark: var(--clr-neutral-800);--clr-theme: var(--clr-theme-light);--bg-theme: var(--bg-theme-light);--accent-theme: var(--clr-accent-400);--clr-code: var(--clr-neutral-700);--ff-primary: system-ui, -apple-system, sans-serif;--ff-code: monospace;--fw-light: 300;--fw-regular: 400;--fw-bold: 600;--fs-60: .6rem;--fs-70: .7rem;--fs-75: .75rem;--fs-80: .8rem;--fs-90: .9rem;--fs-100: 1rem;--fs-110: 1.1rem;--fs-125: 1.25rem;--fs-150: 1.5rem;--fs-175: 1.75rem;--fs-body: var(--fs-90);--fs-title: var(--fs-150);--fs-footer: var(--fs-80);--size-15: .15rem;--size-20: .2rem;--size-25: .25rem;--size-30: .3rem;--size-35: .35rem;--size-50: .5rem;--size-75: .75rem;--size-95: .95rem;--size-100: 1rem;--size-125: 1.25rem;--size-150: 1.5rem;--size-185: 1.85rem;--size-200: 2rem;--size-215: 2.15rem;--control-panel-min-width: max(18rem, 17.5vw);--control-height: var(--size-185);--control-border: 2px solid var(--accent-theme);--control-border-radius: .35em;--control-gap: var(--size-50);--control-color: var(--clr-theme-light);--default-animation-duration: .5s;--default-animation-timing-function: ease}@media (min-width: 45rem){:root{--fs-body: var(--fs-110);--fs-title: var(--fs-175);--fs-footer: var(--fs-80);--control-height: var(--size-215);--control-border: 2px solid var(--accent-theme)}}@media (min-width: 60rem){:root{--fs-body: clamp(var(--fs-75), .82vw, var(--fs-100));--fs-title: clamp(var(--fs-100), 1.25vw, var(--fs-150));--fs-footer: clamp(var(--fs-60), .7vw, var(--fs-90));--control-height: clamp(var(--size-150), 3.1vh, var(--size-185));--control-border: 1px solid var(--accent-theme);--control-gap: clamp(var(--size-20), .2vw, var(--size-35))}}@media (min-width: 100rem){:root{--control-border: 2px solid var(--accent-theme);--control-gap: var(--size-30)}}*,*:before,*:after{box-sizing:border-box}*{padding:0;font:inherit;scroll-behavior:smooth}*:not(dialog){margin:0}ul,ol{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){color:inherit;text-decoration:none}img,picture{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--ff-primary);font-size:var(--fs-body);color:var(--clr-theme);background-color:var(--bg-theme)}a{cursor:pointer}button{cursor:pointer;background-color:transparent;border:none;outline:1px solid transparent}code{font-family:var(--ff-code)}svg{width:1em;height:1em;color:inherit}::-webkit-scrollbar{width:var(--size-25);height:var(--size-25)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent-theme);border-radius:var(--size-20)}@media (hover: hover){::-webkit-scrollbar-thumb:hover{background:var(--clr-theme)}}[data-theme=dark]{--clr-theme: var(--clr-theme-dark);--bg-theme: var(--bg-theme-dark);--accent-theme: var(--clr-accent-400);--clr-code: var(--clr-neutral-300);--control-border: 2px solid var(--accent-theme);color:var(--clr-theme);background-color:var(--bg-theme)}.container{max-width:120rem}.toggler-button{width:1.5em;aspect-ratio:1;display:grid;place-items:center}.toggler-button:focus-visible{outline:1px solid transparent}.toggler-button svg{width:100%;height:100%}.accent-icon{color:var(--accent-theme);transition:color var(--default-animation-duration) var(--default-animation-timing-function)}.accent-icon:hover:not(:disabled),.accent-icon:focus-visible:not(:disabled){color:var(--clr-theme)}.text-bold{font-weight:var(--fw-bold)}.text-center{text-align:center}.margin-block-end-50{margin-block-end:.35em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._button-grid_nhozd_1{display:grid;gap:var(--control-gap)}._btn_1ee93_1{display:grid;place-items:center;height:var(--control-height);color:var(--clr-theme);background-color:transparent;border:var(--control-border);border-radius:var(--control-border-radius);outline:1px solid transparent;transition-property:border background-color;transition-duration:var(--default-animation-duration);transition-timing-function:var(--default-animation-timing-function)}._btn_1ee93_1:hover,._btn_1ee93_1:focus-visible,._btn_1ee93_1[data-selected]{color:var(--control-color);background-color:var(--accent-theme)}._color-group_kze6t_1{min-height:var(--control-height);height:var(--control-height);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:var(--size-50)}._label_kze6t_10{height:100%;position:relative}._color--delete_kze6t_15{position:absolute;display:flex;justify-content:center;align-items:center;top:50%;right:0;transform:translate(135%,-50%) scale(0);color:var(--accent-theme);visibility:hidden;transition-property:transform,color;transition-duration:var(--default-animation-duration);transition-timing-function:var(--default-animation-timing-function)}._color-group_kze6t_1:hover ._color--delete_kze6t_15,._color-group_kze6t_1:focus-within ._color--delete_kze6t_15{visibility:visible;transform:translate(135%,-50%) scale(1)}._color--delete_kze6t_15:hover,._color--delete_kze6t_15:focus-visible{color:var(--clr-theme)}._input_kze6t_41{width:100%;height:100%;color:var(--clr-theme);background-color:transparent}._input_kze6t_41[type=color]{padding:.1em .5em;border:var(--control-border);border-radius:.25em;outline:1px solid transparent;cursor:pointer;transition:border-color .5s ease}._input_kze6t_41[type=color]:focus-visible{border-color:var(--clr-theme)}._input_kze6t_41[type=text]{text-align:center;border:none;outline:1px solid transparent}._percentage-container_kze6t_67{height:100%;display:flex;justify-content:space-around;align-items:center;gap:.1em;padding-inline:1.25em;border:var(--control-border);border-radius:.25em;transition:border-color .5s ease}._percentage-container_kze6t_67:focus-within{border-color:var(--clr-theme)}._snapshots-navigation_189vg_1{display:flex;gap:1em}._snapshots-navigation__control_189vg_6[disabled]{opacity:.5;cursor:default}._header_1lz3p_1{display:flex;justify-content:space-between}._controls-wrapper_1lz3p_6{display:flex;flex-direction:column;gap:var(--control-gap)}._colors-wrapper_1lz3p_12{display:flex;flex-direction:column;max-height:calc(var(--control-height) * 3.35);gap:var(--control-gap);padding-inline:.15em;overflow:hidden auto;scrollbar-color:var(--accent-theme) transparent;scrollbar-width:thin}._control--add-color_1lz3p_23 svg{height:1.2em;width:1.2em}._modal_1xhhc_1{position:relative}._modal_1xhhc_1[open]{animation:_fadedPopIn_1xhhc_1 .5s ease}._modal_1xhhc_1[hide]{animation:_fadedPopOut_1xhhc_1 .5s ease}._modal_1xhhc_1::backdrop{background-color:#0006}@keyframes _fadedPopIn_1xhhc_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes _fadedPopOut_1xhhc_1{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}._copy-to-clipboard_184ch_1{width:var(--size-100);color:var(--accent-theme);background-color:var(--bg-theme);z-index:10;transition-property:color,background-color;transition-duration:var(--default-animation-duration);transition-timing-function:var(--default-animation-timing-function)}._copy-to-clipboard_184ch_1:hover,._copy-to-clipboard_184ch_1:focus-visible{color:var(--clr-theme)}._scaleIn_184ch_16{animation:_scaleIn_184ch_16 var(--default-animation-duration) var(--default-animation-timing-function)}@keyframes _scaleIn_184ch_16{0%{transform:scale(0)}to{transform:scale(1)}}._code-container_2bagh_1{--padding: var(--size-25);position:relative;height:calc(var(--control-height) * 1.8);padding:var(--padding);border:var(--control-border);border-radius:var(--control-border-radius)}._code-container_2bagh_1 code{display:flex;align-items:center;height:100%;white-space:nowrap;color:var(--clr-code);padding-inline:var(--size-25);overflow:scroll hidden;scrollbar-color:var(--accent-theme) transparent;scrollbar-width:thin}._code-copy-button_2bagh_23{position:absolute;top:var(--padding);right:var(--padding)}._share-button_wntni_1{width:1.25em}._modal_wntni_5{--modal-padding: 1.5em;--min-width: 22rem;--max-width: 32rem;--inline-gap: 1rem;width:clamp(min(var(--min-width),calc(100% - var(--inline-gap) * 2)),26.75vw,var(--max-width));top:-25%;color:var(--clr-theme);background-color:var(--bg-theme);padding:var(--modal-padding);border:none;border-radius:var(--size-35);outline:none;overflow:hidden}._modal_wntni_5>button:first-child{position:absolute;display:flex;justify-content:center;align-items:center;top:.85em;right:.85em;width:.85em;height:.85em;color:var(--accent-theme);transition:color var(--default-animation-duration) var(--default-animation-timing-function)}._modal_wntni_5>button:first-child:hover,._modal_wntni_5>button:first-child:focus-visible{color:var(--clr-theme)}._modal__title_wntni_45{font-size:1.15em;text-align:center;margin-block-end:1em}._control-panel--toggler_mvq4c_1{position:relative;border-radius:50%;transition-property:transform,background-color,color;transition-duration:var(--default-animation-duration);transition-timing-function:var(--default-animation-timing-function)}._control-panel--toggler_mvq4c_1[data-position=outside-container]{background-color:var(--bg-theme);box-shadow:0 0 2px #00000080;transform:translate(250%) rotateY(180deg)}._cp__header_1b3ha_1{padding-block-end:var(--size-35)}._cp__togglers-wrapper_1b3ha_5{display:flex;justify-content:space-between;margin-block-end:var(--size-75)}._cp__left-buttons-wrapper_1b3ha_11{display:flex;column-gap:1em}._cp__title_1b3ha_16{font-size:var(--fs-title)}._contact-info_1wlfq_1{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em 1em;font-size:var(--fs-footer);font-weight:var(--fw-bold);margin-block-start:auto}._contact-info_1wlfq_1 a{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25em;outline:1px solid transparent;transition:color var(--default-animation-duration) var(--default-animation-timing-function)}._contact-info_1wlfq_1 a:hover,._contact-info_1wlfq_1 a:focus-visible{color:var(--accent-theme)}._contact-info_1wlfq_1 a:active{color:var(--clr-theme)}._control-panel_1tz3v_1{position:relative;display:flex;flex-direction:column;gap:var(--size-50);min-width:100vw;padding:1.25em 1.5em;padding-block-end:var(--size-75);box-shadow:2px 0 2px #00000026;transition:transform .5s ease}._control-panel_1tz3v_1[data-display=hidden]{transform:translate(-100%)}@media (min-width: 60rem){._control-panel_1tz3v_1{min-width:var(--control-panel-min-width)}}._main-content_ndcq4_1{position:relative;display:grid;grid-template-columns:100vw 0vw;min-height:100dvh;transition-property:grid,background-color;transition-duration:var(--default-animation-duration);transition-timing-function:var(--default-animation-timing-function);overflow:hidden}._main-content_ndcq4_1[data-control-panel-display=hidden]{grid-template-columns:0vw 100vw}@media (min-width: 60rem){._main-content_ndcq4_1{grid-template-columns:var(--control-panel-min-width) auto}}