@font-face{font-family:"zen kurenaido";src:local("Zen Kurenaido"),url("./../assets/fonts/ZenKurenaido-Regular.ttf") format("truetype"),url("./../assets/fonts/ZenKurenaido-Regular.ttf");font-weight:normal;font-display:block}@font-face{font-family:"red hat mono";src:url("./../assets/fonts/RedHatMono-VariableFont_wght.ttf") format("truetype"),url("./../assets/fonts/RedHatMono-VariableFont_wght.ttf");font-style:normal;font-display:block}@font-face{font-family:"red hat mono";src:url("./../assets/fonts/RedHatMono-Italic-VariableFont_wght.ttf") format("truetype"),url("./../assets/fonts/RedHatMono-Italic-VariableFont_wght.ttf");font-style:italic;font-display:block}@font-face{font-family:"poppins";src:local("Poppins"),url("./../assets/fonts/Poppins-Regular.ttf") format("truetype"),url("./../assets/fonts/Poppins-Regular.ttf");font-weight:normal;font-display:block}@font-face{font-family:"montserrat alternates";src:local("Montserrat Alternates"),url("./../assets/fonts/MontserratAlternates-Regular.ttf") format("truetype"),url("./../assets/fonts/MontserratAlternates-Regular.ttf");font-weight:normal;font-display:block}@font-face{font-family:"montserrat alternates";src:local("Montserrat Alternates"),url("./../assets/fonts/MontserratAlternates-SemiBold.ttf") format("truetype"),url("./../assets/fonts/MontserratAlternates-SemiBold.ttf");font-weight:600;font-display:block}@font-face{font-family:"montserrat alternates";src:local("Montserrat Alternates"),url("./../assets/fonts/MontserratAlternates-Light.ttf") format("truetype"),url("./../assets/fonts/MontserratAlternates-Light.ttf");font-weight:300;font-display:block}@font-face{font-family:"montserrat alternates";src:local("Montserrat Alternates"),url("./../assets/fonts/MontserratAlternates-ExtraLight.ttf") format("truetype"),url("./../assets/fonts/MontserratAlternates-ExtraLight.ttf");font-weight:200;font-display:block}@font-face{font-family:"montserrat alternates";src:local("Montserrat Alternates"),url("./../assets/fonts/MontserratAlternates-Thin.ttf") format("truetype"),url("./../assets/fonts/MontserratAlternates-Thin.ttf");font-weight:100;font-display:block}@font-face{font-family:"montserrat alternates";src:local("Montserrat Alternates"),url("./../assets/fonts/MontserratAlternates-Medium.ttf") format("truetype"),url("./../assets/fonts/MontserratAlternates-Medium.ttf");font-weight:500;font-display:block}@font-face{font-family:"montserrat alternates";src:local("Montserrat Alternates"),url("./../assets/fonts/MontserratAlternates-Italic.ttf") format("truetype"),url("./../assets/fonts/MontserratAlternates-Italic.ttf");font-weight:normal;font-style:italic}@font-face{font-family:"montserrat";src:local("Montserrat"),url("./../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype"),url("./../assets/fonts/Montserrat-VariableFont_wght.ttf");font-style:normal;font-display:block}@font-face{font-family:"ibm plex";src:local("IBM Plex Mono ExtraLight"),url("./../assets/fonts/IBMPlexMono-ExtraLight.ttf") format("truetype"),url("./../assets/fonts/IBMPlexMono-ExtraLight.ttf");font-style:normal;font-display:block;font-weight:100}*{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0;text-rendering:geometricPrecision;word-wrap:break-word}.filters{display:flex;align-items:center;justify-content:center;height:100%;width:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;user-select:none;z-index:53}.filters.noise::after{animation:bgshake .5s infinite linear;content:"";background-image:url("./../assets/img/textures/noise.png");opacity:.8;background-repeat:repeat;background-size:5rem;background-position:center 40%;height:300vh;min-width:300vw;display:block}@keyframes bgshake{from{background-position:center 43%}0.99%{background-position:20% 43%}1%{background-position:center}9.99%{background-position:center}10%{background-position:60% 20%}19.99%{background-position:60% 20%}20%{background-position:15% 40%}29.99%{background-position:15% 40%}30%{background-position:87% 30%}39.99%{background-position:87% 30%}40%{background-position:44% 50%}49.99%{background-position:44% 50%}50%{background-position:90% 35%}59.99%{background-position:90% 35%}60%{background-position:33% 60%}69.99%{background-position:33% 60%}70%{background-position:55% 70%}79.99%{background-position:55% 70%}80%{background-position:80% 55%}89.99%{background-position:80% 55%}90%{background-position:65% 25%}99.99%{background-position:65% 25%}to{background-position:center 43%}}.hover-fade{opacity:1;transition:opacity .2s}.hover-fade:hover{opacity:.2;transition:opacity .2s}#onyx-loading-screen{height:100vh;width:100vw;z-index:55;position:fixed;pointer-events:none}#onyx-loading-screen.fadeout .loading-screen-container{animation:fadeout .25s forwards}@keyframes fadeout{from{opacity:1}to{opacity:0}}#onyx-loading-screen .loading-screen-container{background-color:var(--color-display-background);height:100vh;width:100vw;align-items:flex-start;display:flex;justify-content:flex-end;padding:3rem;will-change:opacity}#onyx-loading-screen .loading-screen{display:flex;align-items:center;justify-content:center;height:100%;width:100%}#onyx-loading-screen .loading-screen-logo{animation:crashturn 4s infinite forwards cubic-bezier(0.03, 0.74, 0.39, 1.21);transform-style:preserve-3d;height:4rem;width:4rem}@keyframes crashturn{from{transform:rotate3d(0, 0, 1, 0)}to{transform:rotate3d(0, 0, 1, 361deg)}}main{height:100%;width:100%;display:grid;gap:1rem;grid-template-areas:"header header" "color-display sidebar" "controls sidebar" "footer footer";grid-template-rows:auto 2fr 1fr auto;grid-template-columns:4fr min-content;max-width:2600px;margin:0 auto;padding:2rem 2rem 1rem 2rem;z-index:49}@media(max-width: 1920px){main{gap:.5rem;padding:2rem 1rem 1rem 1rem;grid-template-columns:2fr minmax(26vw, 1fr)}}@media(max-width: 1200px){main{display:none}}#onyx-header{height:100%;width:100%;color:var(--color-display-color);grid-area:header;margin-bottom:1rem}#onyx-header .border-bottom{height:1px;transform:scaleY(0.25);width:100%;background-color:currentColor;display:block}@supports(-moz-appearance: none){#onyx-header .border-bottom{opacity:.3}}#onyx-header header{color:var(--color-display-color);align-items:center;display:flex;flex-direction:row;gap:.5rem;padding-bottom:1rem}#onyx-header header b{flex-grow:666}#onyx-header header .header-logo{color:var(--color-display-color);height:2.25rem;width:2.25rem;margin-top:-0.5rem;margin-bottom:-0.5rem}#onyx-header header .header-wordmark{color:var(--color-display-color);font-family:"montserrat alternates",sans-serif;font-size:1.5rem;line-height:1}#onyx-header header .header-wordmark::before,#onyx-header header .header-wordmark::after{content:"";display:block;height:0;width:0}#onyx-header header .header-wordmark::before{margin-top:calc((1 - 1)*.5em)}#onyx-header header .header-wordmark::after{margin-bottom:calc((1 - 1)*.5em)}#onyx-header header .header-wordmark .fade{color:var(--color-display-color);opacity:.4}@media(max-width: 1350px){#onyx-header header .header-wordmark .fade{display:none}}#onyx-header header .header-status-info{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace}#onyx-header header .clock{cursor:pointer}@media(max-width: 1350px){#onyx-header header .clock .time-division{display:none}}#onyx-header header .chronocolorimeter{height:1.25rem;max-width:1.25rem;display:inline-block;border:1px solid currentColor;margin-bottom:-1px;display:none}#onyx-header header .easteregg{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace}#onyx-color-display{height:100%;width:100%;grid-area:color-display}#onyx-color-display .color-display-selector{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem;padding-top:1px}#onyx-color-display .color-display-selector-description{font-size:1rem;line-height:1.2rem;opacity:.5;padding-bottom:4px;user-select:none}#onyx-color-display .color-display-selector-description::before,#onyx-color-display .color-display-selector-description::after{content:"";display:block;height:0;width:0}#onyx-color-display .color-display-selector-description::before{margin-top:calc((1 - 1.32)*.5em)}#onyx-color-display .color-display-selector-description::after{margin-bottom:calc((1 - 1.32)*.5em)}#onyx-color-display .color-display-selector .button-container{display:flex;gap:.25rem}#onyx-color-display .color-display-selector .button-container button:first-of-type{border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}#onyx-color-display .color-display-selector .button-container button:last-of-type{border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0}#onyx-color-display .color-display-selector button{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:1rem;line-height:calc(1rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;padding:.35rem .5rem;background-color:var(--color-display-color-fade-12);cursor:pointer;width:100%;text-align:left;max-width:max-content}#onyx-color-display .color-display-selector button:focus{outline:2px dotted currentColor}#onyx-color-display .color-display-selector button:focus:not(:focus-visible){outline-color:transparent}#onyx-color-display .color-display-selector button:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-color-display .color-display-selector button:focus-visible:focus{outline:1px solid currentColor}#onyx-color-display .color-display-selector button::before,#onyx-color-display .color-display-selector button::after{content:"";display:block;height:0;width:0}#onyx-color-display .color-display-selector button::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-color-display .color-display-selector button::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-color-display .color-display-selector button:focus{outline:2px dotted currentColor}#onyx-color-display .color-display-selector button:focus:not(:focus-visible){outline-color:transparent}#onyx-color-display .color-display-selector button:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-color-display .color-display-selector button:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1850px){#onyx-color-display .color-display-selector button{font-size:1rem}}#onyx-color-display .color-display-selector button:disabled{opacity:.5;cursor:not-allowed}#onyx-color-display .color-display-selector button:hover:not(:disabled){border:1px solid var(--color-display-color)}#onyx-color-display .color-display-selector button,#onyx-color-display .color-display-selector div{color:var(--color-display-color);font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;max-height:max-content}#onyx-color-display .color-display-selector button span,#onyx-color-display .color-display-selector div span{display:block;font-size:1rem;line-height:1.2rem}#onyx-color-display .color-display-selector button span::before,#onyx-color-display .color-display-selector button span::after,#onyx-color-display .color-display-selector div span::before,#onyx-color-display .color-display-selector div span::after{content:"";display:block;height:0;width:0}#onyx-color-display .color-display-selector button span::before,#onyx-color-display .color-display-selector div span::before{margin-top:calc((1 - 1.3)*.5em)}#onyx-color-display .color-display-selector button span::after,#onyx-color-display .color-display-selector div span::after{margin-bottom:calc((1 - 1.3)*.5em)}#onyx-color-display .color-display-container-columns{display:flex;gap:2rem}@media(max-width: 1920px){#onyx-color-display .color-display-container-columns{gap:.5rem}}@media(max-width: 1850px){#onyx-color-display .color-display-container-columns{gap:.25rem}}#onyx-color-display .color-display-selector-container{display:flex;flex-direction:column;gap:1rem}#onyx-color-display .color-display-container{display:flex}#onyx-color-display .color-display-container .color-display-readout{max-height:max-content;padding-bottom:4px}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code,#onyx-color-display .color-display-container .color-display-readout .color-display-input{font-family:"red hat mono",monospace;width:7ch;font-variation-settings:"wght" 300;height:1.3ch;font-size:12rem;display:inline-block;line-height:12.2rem}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code::before,#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code::after,#onyx-color-display .color-display-container .color-display-readout .color-display-input::before,#onyx-color-display .color-display-container .color-display-readout .color-display-input::after{content:"";display:block;height:0;width:0}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code::before,#onyx-color-display .color-display-container .color-display-readout .color-display-input::before{margin-top:calc((1 - 1.2)*.5em)}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code::after,#onyx-color-display .color-display-container .color-display-readout .color-display-input::after{margin-bottom:calc((1 - 1.2)*.5em)}@media(max-width: 1920px){#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code,#onyx-color-display .color-display-container .color-display-readout .color-display-input{height:1.3ch;font-size:10rem;line-height:10.2rem;display:inline-block;font-variation-settings:"wght" 300}}@media(max-width: 1350px){#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code,#onyx-color-display .color-display-container .color-display-readout .color-display-input{font-size:8rem;line-height:8.2rem}}@media(max-width: 1200px){#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code,#onyx-color-display .color-display-container .color-display-readout .color-display-input{font-size:6rem;line-height:6.2rem}}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code .color-display-input,#onyx-color-display .color-display-container .color-display-readout .color-display-input .color-display-input{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;color:currentColor;font-size:1em;border:0;text-transform:uppercase;transition:opacity .2s ease-out;opacity:1;display:inline-block;height:100%;max-height:100%;overflow:clip;border-radius:4px}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code .color-display-input:focus,#onyx-color-display .color-display-container .color-display-readout .color-display-input .color-display-input:focus{outline:0}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code .color-display-input:disabled,#onyx-color-display .color-display-container .color-display-readout .color-display-input .color-display-input:disabled{cursor:not-allowed}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code .color-display-input.pattern-mismatch,#onyx-color-display .color-display-container .color-display-readout .color-display-input .color-display-input.pattern-mismatch{opacity:.5}#onyx-color-display .color-display-container .color-display-readout .color-display-hex-code .color-display-input::placeholder,#onyx-color-display .color-display-container .color-display-readout .color-display-input .color-display-input::placeholder{color:var(--fade-color)}#onyx-color-display .color-info-container{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;color:var(--color-display-color);margin-top:3rem}#onyx-color-display .color-info-container.smaller-margin{margin-top:2rem}@media(max-width: 1920px){#onyx-color-display .color-info-container{margin-top:2rem}#onyx-color-display .color-info-container.smaller-margin{margin-top:1rem}}#onyx-color-display .color-info-container .color-info-container-header{margin-bottom:.75rem;font-size:1rem;line-height:1.2rem}#onyx-color-display .color-info-container .color-info-container-header::before,#onyx-color-display .color-info-container .color-info-container-header::after{content:"";display:block;height:0;width:0}#onyx-color-display .color-info-container .color-info-container-header::before{margin-top:calc((1 - 1.2)*.5em)}#onyx-color-display .color-info-container .color-info-container-header::after{margin-bottom:calc((1 - 1.2)*.5em)}#onyx-color-display .color-info-container .color-info-container-header span{opacity:.6;white-space:nowrap}#onyx-color-display .color-info-container .color-info-container-header .border-bottom{margin-top:.5rem;height:1px;transform:scaleY(0.25);width:100%;background-color:currentColor;display:none;display:block}#onyx-color-display .color-info-container .color-info-container-list{display:grid;grid-row-gap:.5rem;grid-column-gap:1rem;grid-auto-flow:column;grid-template-rows:repeat(5, max-content);grid-template-columns:repeat(2, 42ch)}@media(max-width: 1920px){#onyx-color-display .color-info-container .color-info-container-list{grid-template-columns:repeat(2, 38ch)}}@media(max-width: 1920px){#onyx-color-display .color-info-container .color-info-container-list{grid-column-gap:.25rem}}#onyx-color-display .color-info-container .color-info-container-list .color-info-format-container{max-width:max-content}#onyx-color-display .color-info-container .color-info-container-list .color-info-format{opacity:.6}#onyx-color-display .color-info-container .color-info-container-list .color-info-padding{white-space:pre;user-select:none;pointer-events:none}@media(max-width: 1850px){#onyx-color-display .color-info-container .color-info-container-list .color-info-padding{white-space:normal}}#onyx-color-display .color-info-container.contrast .color-info-container-list{grid-template-rows:repeat(3, max-content);grid-template-columns:repeat(2, 42ch)}@media(max-width: 1850px){#onyx-color-display .color-info-container.contrast .color-info-container-list{grid-template-columns:repeat(2, 38ch)}}#onyx-color-display .color-info-container.palettes .color-info-container-list{grid-template-rows:repeat(5, max-content);grid-template-columns:repeat(2, 42ch)}@media(max-width: 1850px){#onyx-color-display .color-info-container.palettes .color-info-container-list{grid-template-columns:repeat(2, 38ch)}}#onyx-sidebar{height:100%;width:100%;font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;display:grid;gap:1rem;grid-area:sidebar;grid-template-rows:minmax(0, 2fr) minmax(0, 8fr);grid-template-columns:100%;max-width:100%;width:25vw}@media(max-width: 1920px){#onyx-sidebar{grid-template-rows:minmax(0, 2fr) minmax(0, 8fr);width:100%}}#onyx-sidebar .sidebar-container{background-color:var(--color-display-color-fade-7);border:1px solid var(--color-display-color-fade-12);border-radius:2px;padding:.5rem;max-width:100%;width:100%}#onyx-sidebar .empty-notifier{display:flex;align-items:center;justify-content:center;background-color:var(--more-bg);border-radius:2px;font-size:1.25rem;height:100%;opacity:.5;grid-column:1/-1;width:100%}#onyx-sidebar .data-display-container{height:100%;width:100%}#onyx-sidebar .palette-history-container{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;display:flex;height:100%}#onyx-sidebar .primary-palette-container{display:flex;flex-direction:column;gap:.5rem;height:100%}#onyx-sidebar .controls{display:flex;gap:.5rem}@media(max-width: 1920px){#onyx-sidebar .controls{gap:.25rem}}#onyx-sidebar .controls>*:first-child{border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}#onyx-sidebar .controls>*:last-child{border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0}#onyx-sidebar .controls .palette-limit-container{height:100%;display:flex}#onyx-sidebar .controls .palette-limit-container span{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:calc(1.25rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;padding:.35rem .5rem;background-color:var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border:1px solid var(--color-display-color-fade-12);border-radius:0;height:100%;cursor:default;border-right:0}#onyx-sidebar .controls .palette-limit-container span::before,#onyx-sidebar .controls .palette-limit-container span::after{content:"";display:block;height:0;width:0}#onyx-sidebar .controls .palette-limit-container span::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-sidebar .controls .palette-limit-container span::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-sidebar .controls .palette-limit-container span:focus{outline:2px dotted currentColor}#onyx-sidebar .controls .palette-limit-container span:focus:not(:focus-visible){outline-color:transparent}#onyx-sidebar .controls .palette-limit-container span:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-sidebar .controls .palette-limit-container span:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1850px){#onyx-sidebar .controls .palette-limit-container span{font-size:1rem}}#onyx-sidebar .controls .palette-limit-container span:disabled{opacity:.5;cursor:not-allowed}#onyx-sidebar .controls .palette-limit-container span:hover:not(:disabled){border:1px solid var(--color-display-color)}#onyx-sidebar .controls .palette-limit-container span:hover:not(:disabled){border:1px solid var(--color-display-color-fade-12)}#onyx-sidebar .controls .palette-limit-container input{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;color:var(--color-display-color);background-color:var(--color-display-color-fade-7);border:1px solid var(--color-display-color-fade-12);font-size:1.25rem;line-height:1.5rem;padding:.15rem .35rem;padding-left:.5rem;border-radius:2px;border-left:0;width:10ch}#onyx-sidebar .controls .palette-limit-container input:focus{outline:2px dotted currentColor}#onyx-sidebar .controls .palette-limit-container input:focus:not(:focus-visible){outline-color:transparent}#onyx-sidebar .controls .palette-limit-container input:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-sidebar .controls .palette-limit-container input:focus-visible:focus{outline:1px solid currentColor}#onyx-sidebar .controls .palette-limit-container input::before,#onyx-sidebar .controls .palette-limit-container input::after{content:"";display:block;height:0;width:0}#onyx-sidebar .controls .palette-limit-container input::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-sidebar .controls .palette-limit-container input::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-sidebar .controls .palette-limit-container input::placeholder{color:var(--color-display-color);opacity:.5}#onyx-sidebar .controls button{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:calc(1.25rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;background-color:var(--color-display-color-fade-12);border-radius:0}#onyx-sidebar .controls button::before,#onyx-sidebar .controls button::after{content:"";display:block;height:0;width:0}#onyx-sidebar .controls button::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-sidebar .controls button::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-sidebar .controls button:focus{outline:2px dotted currentColor}#onyx-sidebar .controls button:focus:not(:focus-visible){outline-color:transparent}#onyx-sidebar .controls button:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-sidebar .controls button:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1850px){#onyx-sidebar .controls button{font-size:1rem}}#onyx-sidebar .controls button:disabled{opacity:.5;cursor:not-allowed}#onyx-sidebar .controls button:hover:not(:disabled){border:1px solid var(--color-display-color)}#onyx-sidebar .palette{display:grid;grid-template-columns:repeat(5, 1fr);gap:.5rem;height:100%;width:100%;max-width:100%;overflow:auto hidden}@media(max-width: 1920px){#onyx-sidebar .palette{gap:.25rem}}#onyx-sidebar .palette .palette-swatch{display:flex;flex-direction:column;gap:.25rem;height:100%}#onyx-sidebar .palette .palette-swatch div{width:100%}#onyx-sidebar .palette .palette-swatch-color{border:1px solid var(--color-display-color-fade-7);border-radius:2px;border-bottom-left-radius:0;border-bottom-right-radius:0;gap:.25rem;flex-grow:1}#onyx-sidebar .palette .palette-swatch-controls{display:flex;align-items:center;justify-content:center;display:flex;gap:.25rem}#onyx-sidebar .palette .palette-swatch-controls button{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:.75rem;line-height:calc(0.75rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;background-color:var(--color-display-color-fade-12);font-variation-settings:"wght" 450;font-family:"red hat mono",monospace;border-width:1px;cursor:pointer;height:100%;border-radius:2px}#onyx-sidebar .palette .palette-swatch-controls button::before,#onyx-sidebar .palette .palette-swatch-controls button::after{content:"";display:block;height:0;width:0}#onyx-sidebar .palette .palette-swatch-controls button::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-sidebar .palette .palette-swatch-controls button::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-sidebar .palette .palette-swatch-controls button:focus{outline:2px dotted currentColor}#onyx-sidebar .palette .palette-swatch-controls button:focus:not(:focus-visible){outline-color:transparent}#onyx-sidebar .palette .palette-swatch-controls button:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-sidebar .palette .palette-swatch-controls button:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1850px){#onyx-sidebar .palette .palette-swatch-controls button{font-size:1rem}}#onyx-sidebar .palette .palette-swatch-controls button:disabled{opacity:.5;cursor:not-allowed}#onyx-sidebar .palette .palette-swatch-controls button:hover:not(:disabled){border:1px solid var(--color-display-color)}#onyx-sidebar .palette .palette-swatch-controls button:first-of-type{border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}#onyx-sidebar .palette .palette-swatch-controls button:last-of-type{border-bottom-left-radius:0;border-top-left-radius:0;border-top-right-radius:0}#onyx-sidebar .palette .palette-swatch-controls .center-button-container{display:flex;flex-direction:column;flex-grow:1;gap:.25rem;padding:0}#onyx-sidebar .palette .palette-swatch-controls .center-button-container button{border-radius:0;height:auto;width:100%}#onyx-sidebar .palette-history-container{display:flex}#onyx-sidebar .palette-history-container .palettes{height:100%;width:100%;display:flex;flex-direction:column;gap:.5rem;overflow:hidden auto;padding-right:.25rem}#onyx-sidebar .palette-history-container .palettes .saved-palette{display:flex;gap:.25rem;flex-direction:column;width:100%}#onyx-sidebar .palette-history-container .palettes .saved-palette-swatches{display:grid;border-radius:2px;overflow:hidden;grid-template-columns:repeat(5, 1fr)}#onyx-sidebar .palette-history-container .palettes .saved-palette-swatches .swatch{aspect-ratio:2/1}#onyx-sidebar .palette-history-container .palettes .saved-palette-swatches .swatch:first-of-type{border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}#onyx-sidebar .palette-history-container .palettes .saved-palette-swatches .swatch:last-of-type{border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls{display:flex;gap:.25rem}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:calc(1.25rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;background-color:var(--color-display-color-fade-12);font-size:1rem;border-radius:0;padding:.15rem .35rem}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button::before,#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button::after{content:"";display:block;height:0;width:0}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:focus{outline:2px dotted currentColor}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:focus:not(:focus-visible){outline-color:transparent}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1850px){#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button{font-size:1rem}}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:disabled{opacity:.5;cursor:not-allowed}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:hover:not(:disabled){border:1px solid var(--color-display-color)}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:first-of-type{border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0}#onyx-sidebar .palette-history-container .palettes .saved-palette-controls button:last-of-type{border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0}#onyx-logo{color:var(--color-display-color);min-height:20px;height:100%;aspect-ratio:1/1;transition:transform 2000000s cubic-bezier(0.59, -0.37, 0.34, 1)}#onyx-logo:hover{transition:transform 2000000s linear;transform:rotate(360000000deg)}#onyx-footer{height:100%;width:100%;font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;color:var(--color-display-color);grid-area:footer;margin-top:1rem}#onyx-footer .border-top{height:1px;transform:scaleY(0.25);width:100%;background-color:currentColor;display:block}@supports(-moz-appearance: none){#onyx-footer .border-top{opacity:.3}}#onyx-footer footer{color:var(--color-display-color);align-items:center;display:flex;gap:.5rem;padding-top:1rem}#onyx-footer footer b{flex-grow:666;display:inline-block}@media(max-width: 1200px){#onyx-footer footer b{display:none}}#onyx-footer footer .status-indicator{font-size:.8rem;line-height:1.1rem;user-select:none;text-align:center}#onyx-footer footer .status-indicator::before,#onyx-footer footer .status-indicator::after{content:"";display:block;height:0;width:0}#onyx-footer footer .status-indicator::before{margin-top:calc((1 - 1.2)*.5em)}#onyx-footer footer .status-indicator::after{margin-bottom:calc((1 - 1.2)*.5em)}#onyx-footer footer .status-indicator-label{opacity:.6}#onyx-footer footer .footer-attribution{font-size:.8rem;gap:.25rem;line-height:1.1rem}#onyx-footer footer .footer-attribution::before,#onyx-footer footer .footer-attribution::after{content:"";display:block;height:0;width:0}#onyx-footer footer .footer-attribution::before{margin-top:calc((1 - 1.2)*.5em)}#onyx-footer footer .footer-attribution::after{margin-bottom:calc((1 - 1.2)*.5em)}#onyx-footer footer .footer-attribution a{color:currentColor}#onyx-footer footer .footer-attribution a:focus{outline:2px dotted currentColor}#onyx-footer footer .footer-attribution a:focus:not(:focus-visible){outline-color:transparent}#onyx-footer footer .footer-attribution a:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-footer footer .footer-attribution a:focus-visible:focus{outline:1px solid currentColor}#onyx-footer footer .footer-controls{display:grid;gap:.5rem;grid-template-columns:repeat(3, max-content)}#onyx-footer footer .footer-controls .options-selector{color:var(--color-display-color);display:flex;max-height:max-content;max-width:max-content;gap:.5rem}#onyx-footer footer .footer-controls .options-selector button,#onyx-footer footer .footer-controls .options-selector label{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;cursor:pointer;color:currentColor}#onyx-footer footer .footer-controls .options-selector button:focus,#onyx-footer footer .footer-controls .options-selector label:focus{outline:2px dotted currentColor}#onyx-footer footer .footer-controls .options-selector button:focus:not(:focus-visible),#onyx-footer footer .footer-controls .options-selector label:focus:not(:focus-visible){outline-color:transparent}#onyx-footer footer .footer-controls .options-selector button:focus-visible:focus,#onyx-footer footer .footer-controls .options-selector label:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-footer footer .footer-controls .options-selector button:focus-visible:focus,body.dark #onyx-footer footer .footer-controls .options-selector label:focus-visible:focus{outline:1px solid currentColor}#onyx-footer footer .footer-controls .options-selector button:hover,#onyx-footer footer .footer-controls .options-selector label:hover{text-decoration:underline}#onyx-footer footer .footer-controls .options-selector button,#onyx-footer footer .footer-controls .options-selector span,#onyx-footer footer .footer-controls .options-selector label{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;display:block;font-size:.8rem;line-height:1.1rem;text-transform:uppercase}#onyx-footer footer .footer-controls .options-selector button::before,#onyx-footer footer .footer-controls .options-selector button::after,#onyx-footer footer .footer-controls .options-selector span::before,#onyx-footer footer .footer-controls .options-selector span::after,#onyx-footer footer .footer-controls .options-selector label::before,#onyx-footer footer .footer-controls .options-selector label::after{content:"";display:block;height:0;width:0}#onyx-footer footer .footer-controls .options-selector button::before,#onyx-footer footer .footer-controls .options-selector span::before,#onyx-footer footer .footer-controls .options-selector label::before{margin-top:calc((1 - 1.2)*.5em)}#onyx-footer footer .footer-controls .options-selector button::after,#onyx-footer footer .footer-controls .options-selector span::after,#onyx-footer footer .footer-controls .options-selector label::after{margin-bottom:calc((1 - 1.2)*.5em)}#onyx-footer footer .footer-controls .options-selector button.fade,#onyx-footer footer .footer-controls .options-selector span.fade,#onyx-footer footer .footer-controls .options-selector label.fade{opacity:.6;user-select:none}#onyx-footer footer .footer-controls .options-selector #configuration-upload{display:none}@media(max-width: 1200px){#onyx-footer footer .footer-controls{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}#onyx-footer footer .footer-attribution{display:flex;justify-content:flex-end}body{color:var(--text-color);background-color:var(--color-display-background);height:100%;width:100%}body ::selection{color:var(--text-color);color:var(--color-display-background);background-color:var(--bg-color);background-color:var(--color-display-color)}input[type=range]{color:var(--color-display-color);margin:.5rem 0;background-color:transparent;-webkit-appearance:none;display:inline-flex;align-items:center;position:relative}input[type=range]:focus{outline:2px dotted currentColor}input[type=range]:focus:not(:focus-visible){outline-color:transparent}input[type=range]:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark input[type=range]:focus-visible:focus{outline:1px solid currentColor}input[type=range]::before{color:var(--color-display-color);background-color:currentColor;content:"";height:1px;position:absolute;width:100%;transform:scaleY(0.25);transition:transform .2s ease-out}input[type=range]:focus::before{transform:none}input[type=range]::-webkit-slider-runnable-track{background-color:transparent;border-radius:4px;cursor:pointer;height:1px;width:100%}input[type=range]::-webkit-slider-thumb{color:var(--color-display-color);background-color:currentColor;margin-top:0;width:1rem;height:1rem;border-radius:50%;cursor:pointer;-webkit-appearance:none;border:0;margin-top:-0.5rem}input[type=range]:focus::-webkit-slider-runnable-track{background-color:transparent;border-color:transparent}input[type=range]::-moz-range-track{background:currentColor;background-color:currentColor;border-radius:4px;cursor:pointer;height:.25rem;width:100%;opacity:.3}input[type=range]:focus::-moz-range-track{opacity:.6}input[type=range]::-moz-range-thumb{color:var(--color-display-color);background-color:currentColor;width:1rem;height:1rem;border-radius:50%;cursor:pointer;border:0}input[type=range]::-ms-track{background-color:currentColor;color:currentColor;width:100%;height:1px;cursor:pointer;border-radius:4px}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:currentColor;border:0}input[type=range]::-ms-thumb{color:var(--color-display-color);background-color:currentColor;width:1rem;height:1rem;border-radius:50%;cursor:pointer;margin-top:0}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:currentColor}#onyx-controls{height:100%;width:100%;color:var(--color-display-color);grid-area:controls;padding-right:2rem;padding-top:2rem}@media(max-width: 1850px){#onyx-controls{padding-right:.5rem;padding-top:1rem}}#onyx-controls section{display:flex;height:100%;align-items:flex-end}#onyx-controls section>*{flex-grow:1}#onyx-controls .controls-container button,#onyx-controls .controls-container .drag{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:calc(1.25rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;padding:.35rem .5rem;background-color:var(--color-display-color-fade-12);border-radius:0}#onyx-controls .controls-container button::before,#onyx-controls .controls-container button::after,#onyx-controls .controls-container .drag::before,#onyx-controls .controls-container .drag::after{content:"";display:block;height:0;width:0}#onyx-controls .controls-container button::before,#onyx-controls .controls-container .drag::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-controls .controls-container button::after,#onyx-controls .controls-container .drag::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-controls .controls-container button:focus,#onyx-controls .controls-container .drag:focus{outline:2px dotted currentColor}#onyx-controls .controls-container button:focus:not(:focus-visible),#onyx-controls .controls-container .drag:focus:not(:focus-visible){outline-color:transparent}#onyx-controls .controls-container button:focus-visible:focus,#onyx-controls .controls-container .drag:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-controls .controls-container button:focus-visible:focus,body.dark #onyx-controls .controls-container .drag:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1850px){#onyx-controls .controls-container button,#onyx-controls .controls-container .drag{font-size:1rem}}#onyx-controls .controls-container button:disabled,#onyx-controls .controls-container .drag:disabled{opacity:.5;cursor:not-allowed}#onyx-controls .controls-container button:hover:not(:disabled),#onyx-controls .controls-container .drag:hover:not(:disabled){border:1px solid var(--color-display-color)}#onyx-controls .controls-container button:focus,#onyx-controls .controls-container .drag:focus{outline:2px dotted currentColor}#onyx-controls .controls-container button:focus:not(:focus-visible),#onyx-controls .controls-container .drag:focus:not(:focus-visible){outline-color:transparent}#onyx-controls .controls-container button:focus-visible:focus,#onyx-controls .controls-container .drag:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-controls .controls-container button:focus-visible:focus,body.dark #onyx-controls .controls-container .drag:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1920px){#onyx-controls .controls-container button,#onyx-controls .controls-container .drag{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:calc(1.25rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;background-color:var(--color-display-color-fade-12)}#onyx-controls .controls-container button::before,#onyx-controls .controls-container button::after,#onyx-controls .controls-container .drag::before,#onyx-controls .controls-container .drag::after{content:"";display:block;height:0;width:0}#onyx-controls .controls-container button::before,#onyx-controls .controls-container .drag::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-controls .controls-container button::after,#onyx-controls .controls-container .drag::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-controls .controls-container button:focus,#onyx-controls .controls-container .drag:focus{outline:2px dotted currentColor}#onyx-controls .controls-container button:focus:not(:focus-visible),#onyx-controls .controls-container .drag:focus:not(:focus-visible){outline-color:transparent}#onyx-controls .controls-container button:focus-visible:focus,#onyx-controls .controls-container .drag:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-controls .controls-container button:focus-visible:focus,body.dark #onyx-controls .controls-container .drag:focus-visible:focus{outline:1px solid currentColor}}@media(max-width: 1920px)and (max-width: 1850px){#onyx-controls .controls-container button,#onyx-controls .controls-container .drag{font-size:1rem}}@media(max-width: 1920px){#onyx-controls .controls-container button:disabled,#onyx-controls .controls-container .drag:disabled{opacity:.5;cursor:not-allowed}}@media(max-width: 1920px){#onyx-controls .controls-container button:hover:not(:disabled),#onyx-controls .controls-container .drag:hover:not(:disabled){border:1px solid var(--color-display-color)}}@media(max-width: 1350px){#onyx-controls .controls-container button,#onyx-controls .controls-container .drag{padding:0 .15rem}}#onyx-controls .controls-container button:first-of-type,#onyx-controls .controls-container .drag:first-of-type{border-radius:4px;border-top-right-radius:0;border-bottom-right-radius:0}#onyx-controls .controls-container button:last-of-type,#onyx-controls .controls-container .drag:last-of-type{border-radius:4px;border-top-left-radius:0;border-bottom-left-radius:0}#onyx-controls .controls-container .drag{user-select:none;padding:.5rem;padding-right:.557rem;padding-top:.527rem}#onyx-controls .controls-container .drag div:last-child{display:flex;align-items:center;justify-content:center;width:1rem}#onyx-controls .controls-container .drag svg{display:inline-block;height:1rem;width:1rem;fill:currentColor;margin-right:-1px}#onyx-controls .controls-container .drag:hover{cursor:grab}#onyx-controls .controls-container .drag.dragging{cursor:grabbing}#onyx-controls .controls-container-sliders{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media(max-width: 1920px){#onyx-controls .controls-container-sliders{gap:1rem}}#onyx-controls .controls-container-sliders .controls-header{font-size:1.5rem;margin-bottom:2rem;display:flex;align-items:stretch;gap:.5rem}#onyx-controls .controls-container-sliders .controls-sliders{display:grid;grid-template-rows:repeat(3, 1fr);gap:2rem;opacity:1;transition:opacity .2s ease-out}@media(max-width: 1920px){#onyx-controls .controls-container-sliders .controls-sliders{gap:1rem}}#onyx-controls .controls-container-sliders .controls-sliders.disabled{opacity:.5;cursor:not-allowed}#onyx-controls .controls-container-sliders .controls-sliders.disabled>*{pointer-events:none}#onyx-controls .controls-container-sliders .controls-sliders .slider-container{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}#onyx-controls .controls-container-sliders .controls-sliders .slider-container input{flex-grow:666;width:100%}#onyx-controls .controls-container-sliders .controls-sliders .slider-container span{font-size:1rem;line-height:1.2rem;white-space:pre}#onyx-controls .controls-container-sliders .controls-sliders .slider-container span::before,#onyx-controls .controls-container-sliders .controls-sliders .slider-container span::after{content:"";display:block;height:0;width:0}#onyx-controls .controls-container-sliders .controls-sliders .slider-container span::before{margin-top:calc((1 - 1.2)*.5em)}#onyx-controls .controls-container-sliders .controls-sliders .slider-container span::after{margin-bottom:calc((1 - 1.2)*.5em)}#onyx-drop-target{height:100%;width:100%;top:0;right:0;bottom:0;left:0;font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;display:flex;align-items:center;justify-content:center;color:var(--color-display-color);background-color:var(--color-display-color-fade-7);backdrop-filter:blur(2px) saturate(180%);border:4px dashed currentColor;font-size:2rem;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease-out;user-select:none;z-index:53}#onyx-drop-target.drag-over{pointer-events:auto;opacity:1}#onyx-drop-target p{background-color:var(--color-display-background);border-radius:4px;padding:.35rem .5rem;text-align:center}@-moz-document url-prefix(){@font-face{font-family:"red hat mono regular";src:url("./../assets/fonts/RedHatMono-Regular.ttf") format("truetype"),url("./../assets/fonts/RedHatMono-Regular.ttf");font-style:normal;font-display:block;font-weight:400}@font-face{font-family:"montserrat";src:url("./../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype"),url("./../assets/fonts/Montserrat-VariableFont_wght.ttf");font-style:normal;font-display:block}}#onyx-palette-modal{height:100%;width:100%}#onyx-palette-modal .palette-modal-container{top:0;right:0;bottom:0;left:0;font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;display:flex;align-items:center;justify-content:center;color:var(--color-display-color);background-color:var(--color-display-color-fade-7);backdrop-filter:blur(2px) saturate(180%);width:100vw;position:fixed;filter:blur(0);z-index:53;font-size:2rem;pointer-events:none;opacity:0;transition:opacity .2s ease}#onyx-palette-modal .palette-modal-container.palette-open{opacity:1;pointer-events:auto}#onyx-palette-modal .palette-modal-container .palette-export-menu{border:1px solid var(--color-display-color-fade-7);background-color:var(--fade-bg);display:flex;border-radius:4px;padding:.5rem;gap:.5rem}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls{display:flex;flex-direction:column;gap:.5rem}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;border:1px solid var(--color-display-color-fade-12);display:flex;align-items:center;justify-content:center;border-radius:4px;border-width:1px;color:currentColor;cursor:pointer;font-size:1.25rem;line-height:calc(1.25rem + 0.25rem);opacity:1;padding:.15rem .35rem;text-align:center;transition:border-color .2s ease-out,opacity .2s ease-out;padding:.35rem .5rem;background-color:var(--color-display-color-fade-12);font-variation-settings:"wght" 600;font-family:"red hat mono",monospace;background-color:var(--color-display-color);color:var(--color-display-background);border-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;text-align:right;justify-content:flex-end;width:12ch}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch::before,#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch::after{content:"";display:block;height:0;width:0}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch::before{margin-top:calc((1 - 1.25)*.5em)}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch::after{margin-bottom:calc((1 - 1.25)*.5em)}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus{outline:2px dotted currentColor}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus:not(:focus-visible){outline-color:transparent}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus-visible:focus{outline:1px solid currentColor}@media(max-width: 1850px){#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch{font-size:1rem}}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:disabled{opacity:.5;cursor:not-allowed}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:hover:not(:disabled){border:1px solid var(--color-display-color)}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus{outline:2px dotted var(--color-display-color)}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus:not(:focus-visible){outline-color:transparent}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus-visible:focus{outline:1px solid var(--color-display-color);outline-offset:.15rem}body.dark #onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus-visible:focus{outline:1px solid var(--color-display-color)}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:focus{outline-offset:2px}#onyx-palette-modal .palette-modal-container .palette-export-menu-controls .material-switch:hover:not(:disabled){border-color:var(--color-display-background)}#onyx-palette-modal .palette-modal-container .palette-export-menu-material{font-size:1rem;display:grid;grid-template-rows:minmax(0, max-content) minmax(0, 9fr) minmax(0, max-content);gap:.5rem;flex-grow:1;width:90rem}@media(max-width: 2500px){#onyx-palette-modal .palette-modal-container .palette-export-menu-material{width:80rem}}@media(max-width: 1920px){#onyx-palette-modal .palette-modal-container .palette-export-menu-material{width:70rem}}@media(max-width: 1500px){#onyx-palette-modal .palette-modal-container .palette-export-menu-material{width:60rem}}#onyx-palette-modal .palette-modal-container .palette-export-menu-material canvas{width:100%;height:100%;font-family:"red hat mono regular"}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-name{width:100%;font-size:1.5rem}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-name input{font-size:100%;font-family:inherit;border:0;padding:0;margin:0;background:none;background-color:var(--fade-bg);color:var(--color-display-color);border:1px solid var(--color-display-color-fade-12);padding:.5rem;border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%;display:block}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-name input:focus{outline:2px dotted currentColor}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-name input:focus:not(:focus-visible){outline-color:transparent}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-name input:focus-visible:focus{outline:1px solid currentColor;outline-offset:.15rem}body.dark #onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-name input:focus-visible:focus{outline:1px solid currentColor}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-name input::placeholder{color:var(--color-display-color);opacity:.75}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-display{flex-grow:1;width:100%;max-width:100%}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-url{text-align:center}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-url.download{transition:border-color .2s ease-out}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-url.download:hover{border:1px solid var(--color-display-color)}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-url.download a{height:100%;width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-url a{color:currentColor}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-url,#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-display{color:var(--color-display-color)}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material-url{background-color:var(--fade-bg);border:1px solid var(--color-display-color-fade-12);padding:.5rem;border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material{display:none;overflow:hidden auto;max-width:100%;width:100%}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download,#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .material-actual{padding:.5rem;border-radius:2px;border-top-left-radius:0;border-bottom-left-radius:0}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download{background-color:var(--color-display-color);color:var(--color-display-background);border-radius:0;padding:0;border:1px solid var(--color-display-color);transition:border-color .2s ease-out}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download:hover:not(:disabled){border-color:var(--color-display-background)}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download a{font-variation-settings:"wght" 600;font-family:"red hat mono",monospace;padding:.5rem;outline-offset:-2px}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download a:focus{outline:2px dotted var(--color-display-background)}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download a:focus:not(:focus-visible){outline-color:transparent}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download a:focus-visible:focus{outline:1px solid var(--color-display-background);outline-offset:.15rem}body.dark #onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .download a:focus-visible:focus{outline:1px solid var(--color-display-background)}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material .material-actual{background-color:var(--fade-bg);border:1px solid var(--color-display-color-fade-12);aspect-ratio:16/9;height:100%;width:100%}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material code{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;border-bottom-right-radius:0;font-size:1.25rem;width:100%;line-height:1.42;white-space:pre}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material.active{display:flex;flex-direction:column;gap:.5rem}#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material.material-ase code,#onyx-palette-modal .palette-modal-container .palette-export-menu-material .material.material-hex code{white-space:pre-wrap}#onyx-palette-modal .palette-modal-container .palette-export-menu .material-png .material-actual,#onyx-palette-modal .palette-modal-container .palette-export-menu .material-crop .material-actual{display:flex;align-items:center;justify-content:center;background-color:var(--fade-bg)}@font-face{#onyx-palette-modal .palette-modal-container .palette-export-menu .material-png .material-actual,#onyx-palette-modal .palette-modal-container .palette-export-menu .material-crop .material-actual{font-family:"red hat mono regular";src:url("./../assets/fonts/RedHatMono-Regular.ttf") format("truetype"),url("./../assets/fonts/RedHatMono-Regular.ttf");font-style:normal;font-display:block;font-weight:400}}@font-face{#onyx-palette-modal .palette-modal-container .palette-export-menu .material-png .material-actual,#onyx-palette-modal .palette-modal-container .palette-export-menu .material-crop .material-actual{font-family:"montserrat";src:url("./../assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype"),url("./../assets/fonts/Montserrat-VariableFont_wght.ttf");font-style:normal;font-display:block}}#onyx-palette-modal .palette-modal-container .palette-export-menu .material-png .material-actual b.red-hat-loader,#onyx-palette-modal .palette-modal-container .palette-export-menu .material-crop .material-actual b.red-hat-loader{font-family:"red hat mono regular";visibility:hidden;height:0;flex-shrink:1;width:0;position:absolute}#onyx-palette-modal .palette-modal-container .palette-export-menu .material-png .material-actual b.montserrat-loader,#onyx-palette-modal .palette-modal-container .palette-export-menu .material-crop .material-actual b.montserrat-loader{font-family:"montserrat";visibility:hidden;height:0;flex-shrink:1;width:0;position:absolute}.onyx-palette{background-color:var(--color-display-color-fade-7);padding:.5rem;display:flex;gap:.5rem;flex-direction:column}.onyx-palette .palette-header{font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;font-size:1rem;justify-content:center;border-radius:4px}.onyx-palette .color-grid{display:flex;border-radius:4px;gap:4px;max-width:100%;overflow:hidden}.onyx-palette .onyx-palette-color{display:flex;align-items:center;justify-content:center;height:2rem;flex-grow:1}:root{--bg-color: #060408;--inverse-bg-color: #fcfdff;--bg-color-half: rgba(6, 4, 8, 0.5);--text-color: #fcfdff;--inverse-color: #060408;--hl-color: #e0005d;--fade-color: rgba(252, 253, 255, 0.5);--fade-bg: rgba(6, 4, 8, 0.35);--more-bg: rgba(6, 4, 8, 0.55);background-color:var(--color-display-background);height:100vh;z-index:49;font-size:16px}:root.light{--bg-color: #fcfdff;--inverse-bg-color: #060408;--bg-color-half: rgba(252, 253, 255, 0.5);--text-color: #060408;--inverse-color: #fcfdff;--hl-color: #e0005d;--fade-color: rgba(6, 4, 8, 0.5);--fade-bg: rgba(252, 253, 255, 0.05);--more-bg: rgba(252, 253, 255, 0.15)}@media(max-width: 1850px){:root{font-size:14px}}.noselect{user-select:none}*{scrollbar-width:thin;scrollbar-color:var(--text-color) var(--bg-color)}*::-webkit-scrollbar{width:.5rem;height:.5rem}*::-webkit-scrollbar-track{background:var(--bg-color)}*::-webkit-scrollbar-thumb{background-color:var(--text-color);border-radius:2px;border:none}.no-mobile{top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-variation-settings:"wght" 300;font-family:"red hat mono",monospace;background-color:var(--color-display-background);color:var(--color-display-color);font-size:1.5rem;height:100dvh;position:absolute;width:100vw;z-index:54;display:none;text-align:center;padding:2rem;background-color:var(--bg-color);color:var(--text-color)}.no-mobile .hl{font-variation-settings:"wght" 600;font-family:"red hat mono",monospace;color:var(--hl-color);font-style:italic;font-weight:bold;text-decoration:underline}@media(max-width: 1200px){.no-mobile{display:flex}}/*# sourceMappingURL=main.min.css.map */