@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200;src:url(/fonts/inter-v13-latin-200.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:300;src:url(/fonts/inter-v13-latin-300.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/inter-v13-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:500;src:url(/fonts/inter-v13-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/fonts/inter-v13-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:900;src:url(/fonts/inter-v13-latin-900.woff2) format("woff2")}:root{--col-count: 4;--blend-hoover: #57585c;--custom-grey: #BFCBD9;--custom-blue: #0082f1;--bg-grey: #f8f9fc;--bg-black: #18191B;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--background-color: #f8f9fc;--text-color: #4A4C4E;--text-header-color: #2a2b2d;--button-bg-color: #ffffff;--button-text-color: #4A4C4E;--button-small-bg-color: #f8f9fc;--button-hover-bg-color: #edeff2;--icon-small-color-1: #57585c;--unsplash-link-color: #bfcbd9;--color-box-border: rgba(0, 0, 0, .05) 0px 0px 0px 1px inset;--button-border: solid 1px #d4d5d8;--icon-fill-drip: #57585c;--icon-hat-wizard: #57585c;--icon-flask-gear: #4c4d51;--color-space-selected-bg: #f6f6f6;--modal-bg-color: #fff;--tooltip-icon-color: #a9b3bf;--tooltip-text-color: #f8f9fc;--greyed-out-color: #BFCBD9;--bg-color-menu-bar: #fff;--toggle-text-col: #4A4C4E;--toggle-hover-bg: #edeff2;--title-text-col: #2a2b2d;--menu-border-right: none;--menu-border-color: #edeff2;--text-error-color: rgb(211, 47, 47);--body-background-color: #fff;--slider-thumb-color: #fff}[data-theme=dark]{--background-color: #18191B;--text-color: #abacaf;--text-header-color: #abacaf;--button-bg-color: #4a4c4e;--button-hover-bg-color: #343638;--button-text-color: #d4d5d8;--button-small-bg-color: #18191B;--icon-small-color-1: #abacaf;--unsplash-link-color: #6d6e70;--color-box-border: rgba(255, 255, 255, .25) 0px 0px 0px 1px inset;--button-border: solid 1px #4a4c4e;--icon-fill-drip: #abacaf;--icon-hat-wizard: #abacaf;--icon-flask-gear: #abacaf;--color-space-selected-bg: #252628;--modal-bg-color: #18191B;--tooltip-icon-color: #909193;--tooltip-text-color: #d4d5d8;--bg-grey: #101113;--greyed-out-color: #abacaf;--bg-color-menu-bar: #2a2b2d;--toggle-text-col: #abacaf;--toggle-hover-bg: #4c4c4e;--title-text-col: #abacaf;--menu-border-right: none;--menu-border-color: #242528;--text-error-color: rgb(255, 75, 75);--body-background-color: #000;--slider-thumb-color: #d4d5d8}body{margin:0;padding:0;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;overflow-x:hidden;background-color:var(--body-background-color)}.custom-dash-border-light{position:relative}.custom-dash-border-light:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23BFCBD9FF' stroke-width='1' stroke-dasharray='7%2c 2' stroke-dashoffset='0'  stroke-linecap='butt'/%3e%3c/svg%3e");border-radius:6px}.custom-dash-border-dark{position:relative}.custom-dash-border-dark:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%2357585cFF' stroke-width='1' stroke-dasharray='7%2c 2' stroke-dashoffset='0.0'  stroke-linecap='butt'/%3e%3c/svg%3e");border-radius:6px}.custom-dash-border-error{position:relative}.custom-dash-border-error:after{content:"";position:absolute;top:6px;left:6px;right:6px;bottom:6px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='6' ry='6' stroke='%23D32F2FFF' stroke-width='2' stroke-dasharray='7%2c 2' stroke-dashoffset='0.0'  stroke-linecap='butt'/%3e%3c/svg%3e");border-radius:6px}*:disabled,*:disabled:hover{cursor:default;opacity:.4;background-color:#f3f3f3}.opacity4{opacity:.4}.hidden{visibility:hidden}.visible{visibility:visible}.fade-out{animation:fadeOut .6s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}h2{font-size:20px;letter-spacing:-.01em;text-transform:none;color:var(--text-header-color);margin-top:0;margin-bottom:5px}.color-grid{width:180px;display:grid;grid-template-columns:repeat(var(--col-count),1fr)}.box{min-height:calc(180px / var(--col-count));cursor:copy}button{background-color:var(--button-bg-color);border:var(--button-border);border-radius:4px;padding:4px 12px;box-shadow:0 1px 2px #0000001a;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);font-family:Inter,Airal,sans-serif;font-size:12.5px;font-weight:500;color:var(--button-text-color);cursor:pointer}button:hover{background-color:var(--button-hover-bg-color)}button:active{position:relative;top:1px}#button-greyscale{margin-left:4px}@media screen and (max-width: 1080px){#button-greyscale{margin-left:0;margin-top:6px}}@media screen and (max-width: 1080px){.color-grid-input-wrapper{display:flex;flex-direction:column;width:120px}}.slider-num-col-div{padding-top:8px;display:flex;flex-direction:row;align-items:center}.slider-num-col-div .slider{width:73px}@media screen and (max-width: 1080px){.slider-num-col-div .slider{width:54px}}#color-bar-section{display:flex;margin-top:0;flex-direction:row;align-items:center}#color-bar-row{position:relative;display:flex;width:360px}#color-bar{height:24px;border-radius:6px;flex:1 1 auto;background:linear-gradient(90deg,red,#ff0 17%,#0f0 33%,#0ff 50%,#00f 66%,#f0f,red);cursor:copy}#degree-output{margin:0;padding-left:6px}#marker{position:absolute;top:-4px;height:30px;border:1px solid #d4d5d8;border-radius:6px;box-shadow:0 1px 2px #0000001a;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);width:7px;background-color:#fff;cursor:grab;overflow-x:auto;-webkit-overflow-scrolling:touch}#marker.active{border:1px solid #00a9f9;box-shadow:0 0 0 1px #00a9f9;-webkit-box-shadow:0 0 0 1px #00a9f9;-moz-box-shadow:0 0 0 1px #00a9f9}#eyedropper-button{margin-top:20px}#color-box-selected-row{margin-top:32px}#color-box-selected{margin-right:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100px;height:100px;background:var(--selected-col);border-radius:6px;box-shadow:var(--color-box-border);-webkit-box-shadow:var(--color-box-border);-moz-box-shadow:var(--color-box-border);margin-bottom:4px}.greyed-out{color:var(--greyed-out-color)}.color-container p{margin:0 2px;width:97px;font-weight:400;text-transform:none;letter-spacing:0;font-size:10px}#color-box-rgb{padding-bottom:1px}.slider-saturation-section{padding-top:5px;display:flex;flex-direction:row;align-items:center}.slider-saturation-section label{min-width:72px}.slider-saturation-section p,.slider-lightness-sectionp{margin-top:2px;margin-bottom:2px}.slider-lightness-section{padding-top:0;display:flex;flex-direction:row;align-items:center}.slider-lightness-section label{min-width:72px}.slider{margin-left:5px;margin-right:5px;width:92px}#more-color-theory-wrapper #palette-button-wrapper{margin-bottom:20px}#more-color-theory-wrapper p,#shades-tint-blend-wrapper p{margin-top:8px;margin-bottom:8px}.remove-button{margin-left:4px}#shades-tint-blend-wrapper{display:grid;grid-template-columns:repeat(4,260px);margin-top:0;padding-top:20px;padding-left:32px;padding-bottom:26px;border-bottom:var(--menu-border-right)}#more-color-theory-wrapper{display:grid;grid-template-columns:repeat(5,260px);margin-top:0;padding-top:20px;padding-left:32px;padding-bottom:21px;border-bottom:var(--menu-border-right)}@media (min-width: 1301px) and (max-width: 1500px){#shades-tint-blend-wrapper{grid-template-columns:repeat(4,260px)}}@media (min-width: 1301px) and (max-width: 1500px){#more-color-theory-wrapper{grid-template-columns:repeat(4,260px)}}@media (min-width: 1161px) and (max-width: 1300px){#shades-tint-blend-wrapper{grid-template-columns:repeat(4,220px)}}@media (min-width: 1161px) and (max-width: 1300px){#more-color-theory-wrapper{grid-template-columns:repeat(4,220px)}}@media (min-width: 700px) and (max-width: 1160px){#shades-tint-blend-wrapper{grid-template-columns:repeat(2,330px)}}@media (min-width: 700px) and (max-width: 1160px){#more-color-theory-wrapper{grid-template-columns:repeat(2,330px)}}@media (min-width: 549px) and (max-width: 700px){#shades-tint-blend-wrapper{grid-template-columns:repeat(2,240px)}}@media (min-width: 549px) and (max-width: 700px){#more-color-theory-wrapper{grid-template-columns:repeat(2,240px)}}@media (min-width: 400px) and (max-width: 548px){#shades-tint-blend-wrapper{grid-template-columns:repeat(2,212px)}}@media (min-width: 0px) and (max-width: 400px){#shades-tint-blend-wrapper{grid-template-columns:repeat(1,210px)}}@media (min-width: 291px) and (max-width: 548px){#more-color-theory-wrapper{grid-template-columns:repeat(1,210px)}}@media (min-width: 0px) and (max-width: 290px){#more-color-theory-wrapper{display:none}}#more-color-theory-wrapper{padding-bottom:10px}#saved-palettes-wrapper{margin-top:0;padding-top:32px;padding-left:30px;padding-bottom:50px;border-bottom:var(--menu-border-right)}.slider-shades-section,.slider-tints-section,.slider-blend-section,.slider-special-blend-section,.slider-degree-analogous-section,.slider-degree-hueshift-section{display:flex;align-items:center;margin-top:1px;margin-bottom:10px}.slider-analogous-section,.slider-hueshift-section{display:flex;align-items:center;margin-bottom:-4px;margin-top:-10px}.slider-monochromatic-section{display:flex;align-items:center;margin-bottom:10px;margin-top:-10px}#slider-shades,#slider-tints,#slider-blend,#slider-special-blend{width:80px}#slider-monochromatic{width:70px}#slider-analogous{width:69px}#slider-degree-analogous{width:58px}#slider-hueshift{width:70px;margin-left:4px!important}#slider-degree-hueshift{width:83px}.boxes-all{width:122px}.block{padding:31px 8px 6px;width:122px;min-height:51px;font-size:11px;text-transform:none;box-sizing:border-box;box-shadow:#0000000d 0 0 0 1px inset;-webkit-box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px inset;-moz-box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px inset}.block__hex{opacity:.8;font-weight:500;letter-spacing:0}.block:first-of-type{border-radius:6px 6px 0 0}.block:last-of-type{border-radius:0 0 6px 6px}.palette-boxes-all{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.palette-box{width:80px;min-height:80px;font-size:11px;text-transform:none;box-sizing:border-box;box-shadow:#0000000d 0 0 0 1px inset;-webkit-box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px inset;-moz-box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px inset;margin-bottom:23px}.palette-box__hex{opacity:.8;font-weight:500;letter-spacing:0;color:var(--text-color);position:relative;top:83px;left:4px;cursor:context-menu}.palette-box:first-of-type{border-radius:6px 0 0 6px}.palette-box:last-of-type{border-radius:0 6px 6px 0}#manual-input-section{margin-top:24px;display:flex;flex-direction:row;align-items:center}.error-message{margin:0;font-weight:400;text-transform:none;color:var(--text-error-color);letter-spacing:0px;padding-left:6px}.hex-input-wrapper{--padding: 5px 31px;--focus-color: #0082F1;position:relative;display:flex;flex-direction:column;align-items:center;font-family:Inter,Airal,sans-serif;font-size:12.5px;font-weight:500;color:var(--text-color);letter-spacing:0px;text-transform:none}.hex-input-wrapper .placeholder:hover{cursor:pointer}.hex-input-wrapper .placeholder:focus{cursor:text}.hex-input-wrapper input{padding:var(--padding);border:var(--button-border);border-radius:4px;outline:none;box-shadow:0 1px 2px #0000001a;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);width:56px;font-family:Inter,Airal,sans-serif;font-size:11px;font-weight:700;color:var(--button-text-color);background-color:var(--button-bg-color);text-transform:uppercase}.hex-input-wrapper input:hover{background-color:var(--button-hover-bg-color);cursor:pointer}.hex-input-wrapper input:focus{background-color:#fff;cursor:text}.hex-input-wrapper .placeholder{position:absolute;color:var(--button-text-color);padding:4px 12px}.hex-input-wrapper input:focus{border:1px solid var(--focus-color);color:var(--focus-color)}.hex-input-wrapper input:focus+.placeholder{font-size:10px;opacity:0;cursor:text}.hex-input-wrapper input:focus:hover{cursor:text}.unit{visibility:hidden;font-size:16px;position:absolute;display:block;left:13px;top:16px;z-index:9}.button-blend-second:hover{background-color:#edeff2!important}.button-blend-second:hover,.button-blend-second:hover .fa-circle-half-stroke{color:var(--blend-hoover)!important}.button-special-blend-second:hover{background-color:#edeff2!important}.button-special-blend-second:hover,.button-special-blend-second:hover .fa-circle-half-stroke{color:var(--blend-hoover)!important}#toggle-section{margin-bottom:20px;display:flex;flex-direction:row;align-items:center}#toggle-tooltips,#toggle-values,#toggle-hex,#toggle-darkmode{display:flex;flex-direction:row;align-items:center}.mytoggles{display:none}.toggle-label{display:inline-block;width:40px;height:20px;background-color:#bfcbd9;border-radius:10px;position:relative;cursor:pointer;margin-left:0;margin-right:5px}.toggle-label:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background-color:#fff;border-radius:50%;transition:transform .3s ease 0s}.mytoggles:checked+label{background-color:#0082f1}.mytoggles:checked+label:before{transform:translate(20px)}button i{position:relative}#shades-tint-blend-wrapper button,#more-color-theory-wrapper button{padding:4px 8px}#palette-button-wrapper{display:flex;flex-direction:row;align-items:flex-start;margin-top:7px;margin-bottom:9px}#palette-button-wrapper button{height:24.5px}#button-linlogtoggle{padding:0;width:31px;margin-left:4px;padding:4px 8px!important}#palette-button-wrapper svg{position:relative;right:3px}.st0{fill:none;stroke:#636569!important;stroke-width:1.8px!important}.st1{fill:#fff;stroke:#636569!important}#button-triadic1,#button-triadic2{padding:3.5px 0 0;width:31px;margin-left:4px}#button-triadic1 svg{height:16px;width:19px;right:2px}#button-triadic2 svg{height:16px;width:19px;right:2.5px}#button-tetra1-sq,#button-tetra2-rect{padding:3.5px 0 0;width:31px;margin-left:4px}#button-tetra1-sq svg{height:16px;width:19px;right:2px}#button-tetra2-rect svg{height:16px;width:19px;right:2px}.fa-palette{color:var(--icon-small-color-1);top:.5px;font-size:13px}.fa-fill-drip{color:var(--icon-fill-drip);top:.5px;left:1px}.fa-circle-half-stroke{color:#57585c;top:-1px}.fa-webhook{top:.5px;left:.5px;padding-left:5px;padding-right:5px}.fa-flask-gear{color:var(--icon-flask-gear);top:.5px;left:2px;padding-left:4.5px;padding-right:4.5px}.fa-gamepad-modern{color:#57585c;top:1px;left:0;padding-left:4px;padding-right:4px;font-size:13px}.fa-barcode{color:#4c4d51;top:.5px;left:0;padding-left:4.5px;padding-right:4.5px;font-size:14px}.fa-alien-8bit{color:#4c4d51;top:1px;left:0;padding-left:4.5px;padding-right:4.5px;font-size:14px}.fa-arrows-rotate{top:.5px}.button-blend-second,.button-special-blend-second{visibility:hidden;margin-left:4px}#button-refresh-blend,#button-refresh-special-blend{margin-left:4px}.special-blend-color-space-selected{background-color:var(--color-space-selected-bg);box-shadow:#00000059 .9px .5px .5px .5px;-webkit-box-shadow:rgba(0,0,0,.35) .9px .5px .5px .5px;-moz-box-shadow:rgba(0,0,0,.35) .9px .5px .5px .5px}#button-generate-special-blend-hsl i,#button-generate-special-blend-lab i,#button-generate-special-blend-lch i{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}#button-generate-special-blend-hsl,#button-generate-special-blend-lab,#button-generate-special-blend-lch{margin-left:4px;padding:4px 7px!important}.fa-arrow-down-to-bracket,.fa-arrow-down-to-square,.fa-square-plus{font-size:24px;color:#bfcbd9}#color-box-selected .fa-square-plus{font-size:20px;will-change:transform;transform:translateZ(0)}.wiggle{animation:wiggle 1s ease infinite}@keyframes wiggle{30%{transform:scale(1.2)}40%,60%{transform:rotate(-20deg) scale(1.2)}50%{transform:rotate(20deg) scale(1.2)}70%{transform:rotate(0) scale(1.2)}to{transform:scale(1)}}.blocks-on-hover{cursor:copy;outline:white solid 2px;border-radius:4px;position:relative;z-index:0;box-shadow:#0006 0 1px 2px 2px;-webkit-box-shadow:rgba(0,0,0,.4) 0px 1px 2px 2px;-moz-box-shadow:rgba(0,0,0,.4) 0px 1px 2px 2px}.palette-boxes-on-hover{cursor:copy;outline:white solid 2px;border-radius:4px;position:relative;z-index:0;box-shadow:#0009 0 1px 4px 1px;-webkit-box-shadow:rgba(0,0,0,.6) 0px 1px 4px 1px;-moz-box-shadow:rgba(0,0,0,.6) 0px 1px 4px 1px}@keyframes moveDownAndUp{0%,to{transform:translateY(0)}10%{transform:translateY(-.5px)}50%{transform:translateY(2px)}80%{transform:translateY(-0px)}}@keyframes moveDownAndUpSimple{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.tooltip-icon:before{font-family:"Font Awesome 6 Pro";font-weight:300;content:"";position:absolute;transform:translateY(-4px);cursor:help;font-size:11px;color:var(--tooltip-icon-color)}.tooltip-icon-tint:before{transform:translate(1px,-4px)}.tooltip-icon-blend:before{transform:translate(1px,-4px)}.tooltip-icon-special-blend:before{transform:translate(1px,-4px)}.palette-header{display:flex}.tooltip-text{visibility:hidden;position:absolute;z-index:11;width:500px;background-color:#262d40;border-radius:6px;padding:2px 15px;font-family:Inter;color:var(--tooltip-text-color);line-height:1.45;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;text-align:center;box-shadow:0 1px 2px #0d0f1233,0 3px 6px #0d0f1233,0 9px 18px #0d0f1233}@media screen and (max-width: 900px){.tooltip-text{width:390px}}@media screen and (max-width: 900px){.tooltip-text:after{display:none}}@media screen and (max-width: 290px){.tooltip-text{width:80%}}.tooltip-text:after{content:"";position:absolute;bottom:-18px;left:50%;border-width:10px;border-style:solid;border-color:rgb(38,45,64) transparent transparent transparent}@media screen and (max-width: 290px){.tooltip-text:after{display:none}}.tooltip-icon:hover .tooltip-text{visibility:visible}.tooltip-shades{transform:translate(-3%)}.tooltip-shades:after{border-color:transparent transparent rgb(38,45,64) transparent;transform:translate(-221px,-481px)}.tooltip-tint{transform:translate(-40%,-0%)}.tooltip-tint:after{border-color:transparent transparent rgb(38,45,64) transparent;transform:translate(-42px) translateY(-360px)}@media screen and (max-width: 400px){.tooltip-tint{transform:translate(-3%,-131%)}.tooltip-tint:after{transform:translate(-570%)}}.tooltip-blend i{color:var(--tooltip-text-color);margin-right:1px}.tooltip-blend{transform:translate(-41%)}.tooltip-blend:after{border-color:transparent transparent rgb(38,45,64) transparent;transform:translate(-27px,-1004px)}@media screen and (max-width: 1160px){.tooltip-blend{transform:translate(-3%)}.tooltip-blend:after{border-color:transparent transparent rgb(38,45,64) transparent;transform:translate(-231px,-1005px)}}.tooltip-special-blend{transform:translate(-62%)}.tooltip-special-blend:after{border-color:transparent transparent rgb(38,45,64) transparent;transform:translate(117px,-486px)}@media screen and (min-width: 401px) and (max-width: 548px){.tooltip-special-blend{transform:translate(-43%,-131%)}.tooltip-special-blend:after{transform:translate(190%)}}@media screen and (max-width: 400px){.tooltip-special-blend{transform:translate(-3%,-131%)}.tooltip-special-blend:after{transform:translate(-396%)}}@media screen and (max-width: 900px){.tooltip-special-blend{transform:translate(-48%)}}.tooltip-analogous{transform:translate(-3%,35px)}.tooltip-analogous:after{border-color:transparent transparent rgb(38,45,64) transparent;transform:translate(-212px,-636px)}@media screen and (max-width: 1160px){.tooltip-analogous{transform:translate(-3%,37px)}.tooltip-analogous:after{transform:translate(-208px,-636px)}}.tooltip-hueshift{transform:translate(-30%,-106%)}.tooltip-hueshift:after{transform:translate(-332%)}@media screen and (max-width: 900px){.tooltip-hueshift{transform:translate(-39%,-105%)}}@media screen and (max-width: 548px){.tooltip-hueshift{transform:translate(-3%,-106%)}.tooltip-hueshift:after{transform:translate(-476%)}}.tooltip-tetra{transform:translate(-33%,36px)}.tooltip-tetra:after{transform:translate(-62px,-458px);border-color:transparent transparent rgb(38,45,64) transparent}@media screen and (max-width: 1160px){.tooltip-tetra{transform:translate(-3%,37px)}.tooltip-tetra:after{transform:translate(-221px,-458px);border-color:transparent transparent rgb(38,45,64) transparent}}.tooltip-triadic{transform:translate(-44%,36px)}.tooltip-triadic:after{border-color:transparent transparent rgb(38,45,64) transparent;transform:translate(-8px,-567px)}@media screen and (max-width: 548px){.tooltip-triadic{transform:translate(-3%,-106%)}.tooltip-triadic:after{transform:translate(-509%)}}.tooltip-complementary{transform:translate(-66%,-104%)}.tooltip-complementary:after{transform:translate(158px)}@media screen and (max-width: 1500px){.tooltip-complementary{transform:translate(-3%,-103%)}.tooltip-complementary:after{transform:translate(-178px)}}.tooltip-analogous img{width:100px;margin-top:4px}.tooltip-hueshift img{width:400px;margin-bottom:-4px}.tooltip-tetra img,.tooltip-complementary img,.tooltip-triadic img{width:100px;margin-top:4px}@media screen and (max-width: 900px){.tooltip-hueshift img{width:260px;margin-bottom:-6px}.tooltip-tetra img,.tooltip-complementary img,.tooltip-triadic img{width:80px;margin-top:6px}}@media screen and (max-width: 505px){.tooltip-text{width:82%}}@media screen and (max-width: 505px){.tooltip-shades,.tooltip-tint,.tooltip-blend,.tooltip-special-blend{transform:translateY(-4px);left:3%}}@media screen and (max-width: 505px){.tooltip-analogous,.tooltip-hueshift,.tooltip-tetra,.tooltip-triadic,.tooltip-complementary{transform:translateY(30px)}}.button-save-to-palettes{margin-left:4px}#output-saved-palettes-section{margin-top:10px}#saved-header-section{display:flex;flex-direction:row;align-items:center}#saved-header-section h2{margin:0}#button-export-image-all{padding:1px 2px;border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;background:var(--background-color);position:relative;top:-11px;left:-2px}#button-export-image-all .fa-camera-retro{color:var(--icon-hat-wizard)}#button-export-image-all:hover .fa-image-polaroid{color:var(--custom-blue)}#button-export-image-all .fa-image-polaroid{color:var(--icon-hat-wizard);font-size:12.5px;top:0}#saved-full-palette-wrapper{margin-top:10px}.fa-image-polaroid{font-size:14px;width:14px;top:1.5px}.fa-image{font-size:14px;width:14px;top:1px}#button-export-text-all{margin-left:4px}.fa-file-lines,.fa-down-to-line{font-size:14px;width:16px;top:.5px;left:.5px}.fa-file-export{font-size:13px;width:16px;top:.5px;left:1.5px}#saved-palette-name-row{display:flex;flex-direction:row;align-items:center;margin-bottom:-4px}#saved-palette-name-row p{color:var(--text-color);opacity:.8;font-weight:600;line-height:1;text-transform:none;margin-right:2px;padding-left:3px}#saved-palette-name-row button{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;padding:2px;color:#4a4c4e;opacity:.8;margin-left:1px}#saved-palette-name-row button i{font-size:10px;width:auto;top:-1px;left:0}#saved-palette-name-row .fa-image{font-size:11px;width:auto;top:0;left:-.5px}#saved-palette-name-row .fa-image-polaroid{font-size:11px;width:auto;top:.5px;left:-0px;height:14px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#00000080;z-index:20}.modal{padding:22px 18px 32px;width:90vw;max-width:720px;max-height:80vh;overflow-y:auto;background:var(--modal-bg-color);border-radius:6px;box-shadow:0 0 12px 4px #0000001a;-webkit-box-shadow:0 0 12px 4px rgba(0,0,0,.1);-moz-box-shadow:0 0 12px 4px rgba(0,0,0,.1)}.modal-header{display:flex;flex-direction:row;align-items:center;margin-bottom:16px}h3{font-size:20px;font-weight:700;text-transform:uppercase;margin:0;letter-spacing:-.01em}#button-save-that-as-text{margin-left:7px;border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;padding:0}#modal-palette-name{display:inline-block}#modal-palette-name:focus{outline:none;color:var(--custom-blue)}#saved-palette-name-row p{display:inline-block}#saved-palette-name-row p:focus{outline:none;color:var(--custom-blue)}#button-save-that-as-text .fa-print{font-size:13px;color:var(--text-color);top:.5px}#button-save-that-as-text .fa-download{font-size:13px;color:#4a4c4e;top:0}#button-save-that-as-text:hover i{color:var(--custom-blue)}#button-save-that-as-text .fa-down-to-line{font-size:13px;color:#4a4c4e;top:1px}#button-save-that-as-text .fa-arrow-down-to-line{font-size:13px;color:#4a4c4e;top:.5px;left:-1px}#button-save-that-as-text .fa-download{font-size:13px;color:#4a4c4e;top:-1px}#button-edit-colpal-name{top:-5.5px;position:relative;left:-2px;margin-right:0}#button-edit-colpal-name .fa-pen{font-size:7px}#button-edit-colpal-name .fa-pencil{font-size:8px}pre,code{font-family:monospace;font-size:12px;margin:0}.code{height:100%;padding:8px;font-family:monospace;font-size:12px;line-height:1.4em;font-weight:400;letter-spacing:0px;color:#2a2b2d;background:#edeff2;border-radius:6px;margin-bottom:8px;text-transform:none}.export-data__rgb{margin-top:20px}.display-none{display:none!important}.small-buttons:hover i{color:var(--custom-blue)}.special-css-for-html2canvas{border-radius:0!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}.extra-padding-for-html2canvas{padding:10px 20px 22px!important;margin:0!important;display:inline-block!important}.extra-padding-for-html2canvas-copycat{padding:0 100px 15px!important;margin:0!important;display:inline-block!important}.no-margin-for-html2canvas{margin:0!important}.margin-bottom-zero{margin-bottom:0!important}@media screen and (min-width: 1030px) and (max-width: 1200px){.smaller-hex-many-boxed{font-size:10px}}@media screen and (min-width: 900px) and (max-width: 1029px){.smaller-hex-many-boxed{font-size:9px}}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{background:#bfcbd9;height:5.5px;border-radius:15px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--slider-thumb-color);height:15px;width:15px;cursor:pointer;margin-top:-5.5px;box-shadow:0 1px 2px #00000080;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);border:solid 1px #e1e2e4;border-radius:15px}input[type=range]:focus::-webkit-slider-thumb{outline:solid 1px #00A9F9}input[type=range]::-moz-range-track{background:#bfcbd9;height:5.5px;border-radius:5px}input[type=range]::-moz-range-thumb{background:var(--slider-thumb-color);height:14px;width:14px;border-radius:15px;border-color:#a5a5a5;cursor:pointer;margin-top:-5px;box-shadow:0 1px 2px #0000001a;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1)}input[type=range]:focus::-moz-range-thumb{border-color:#00a9f9;box-shadow:0 1px 2px #0000001a;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1)}input[type=range]::-moz-range-progress{background-color:#0082f1;height:5.5px;border-radius:5px}.slider{background-color:var(--background-color)}#saved-palettes-placeholder{padding:36px 0;width:650px;text-align:center;border-radius:6px;box-shadow:#bfcbd9b3 0 0 0 2px inset;-webkit-box-shadow:rgba(191,203,217,.7) 0px 0px 0px 2px inset;-moz-box-shadow:rgba(191,203,217,.7) 0px 0px 0px 2px inset;margin-top:7px;opacity:.7}.saved-palettes-placeholder-label i{color:var(--custom-grey);font-size:12px;vertical-align:middle;position:relative;top:0}.saved-palettes-placeholder-label h2{color:var(--custom-grey);margin:0}.saved-palettes-placeholder-label p{color:var(--custom-grey);font-size:12px;text-transform:none;font-weight:500;line-height:1.4;margin:0}#copycat-wrapper{margin-top:0;padding-top:14px;padding-left:30px;padding-bottom:37px;border-bottom:var(--menu-border-right)}#uploaded-image-section{margin-top:9px}#copycat-header-section h2{margin-bottom:0}#copycat-button-header-section{width:500px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}#copycat-button-header-section button{margin-right:2px}#copycat-button-header-section{margin-bottom:7px;margin-top:-31px}#button-gen-manual-palette-canvas{padding:3px 12px 2.5px}#button-gen-manual-palette-canvas .fa-flux-capacitor{font-size:16px}#show-hex-canvas .fa-tags{position:relative;top:1px;left:.5px}.fa-hat-wizard{font-size:13px;color:var(--icon-hat-wizard);position:relative;top:1px}.fa-shuffle{font-size:13px;position:relative;top:1px}.drop-zone-label{pointer-events:none}#drop-img-zone{width:500px;box-sizing:border-box;box-shadow:#bfcbd9b3 0 0 0 3px inset;-webkit-box-shadow:rgba(191,203,217,.7) 0px 0px 0px 3px inset;-moz-box-shadow:rgba(191,203,217,.7) 0px 0px 0px 3px inset;padding:115px 0;text-align:center;border-radius:6px;transition:background-color .2s ease,box-shadow .2s ease}#drop-img-zone.drag-over{background-color:var(--custom-blue);box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;opacity:1}#drop-img-zone p{color:var(--custom-grey);font-size:12px;text-transform:none;font-weight:500;line-height:1.4;margin:0;opacity:.7}.drop-zone-label h2{color:var(--custom-grey);text-transform:uppercase;margin:0;letter-spacing:0px}#canvas-container{position:relative}#image-canvas{border-radius:12px;cursor:copy}#generate-manual-palette-canvas{padding:3px 12px 2.5px}#generate-manual-palette-canvas i{font-size:16px}#unsplash-source{margin-top:1px;width:650px;text-align:right;margin-bottom:-18px}#unsplash-source a{text-decoration:none;color:var(--unsplash-link-color);font-weight:500;text-transform:none;font-size:10px;letter-spacing:0px;padding-right:10px;transition:all .1s ease}#unsplash-source a:hover{color:#8b949e!important}.marker{position:absolute;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;border:solid 2px #fff;pointer-events:auto;box-shadow:0 3px 6px #00000029;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);-moz-box-shadow:0 3px 6px rgba(0,0,0,.16);justify-content:center;align-items:center}.icon-marker{color:#000;position:relative!important;font-size:16px;left:6px;top:1.5px}.marker-hex-box{position:relative;width:58px;height:20px;top:1px;left:28px;pointer-events:auto;box-shadow:0 1px 3px #00000029;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.16);-moz-box-shadow:0 1px 3px rgba(0,0,0,.16);display:flex;justify-content:center;align-items:center}.marker-hex-box p{font-size:10px;font-weight:500;text-transform:lowercase}.marker-hex-box-visible{visibility:visible}#auto-gen-input-section{margin-top:9px;margin-left:5px;display:flex;align-items:center;flex-direction:row}#slider-auto-gen-num-col{width:69px}.slider-auto-gen-num-col-section{display:flex;align-items:center;flex-direction:row;width:220px}#button-auto-gen-colpal{box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;border:none;font-size:16px;padding:0 8px;position:relative;margin-left:4px;color:#57585c}#button-auto-gen-colpal .fa-flux-capacitor{font-size:17px;top:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fa-spinner-scale{display:none;font-size:17px;position:relative;top:-1px;left:2px}#button-auto-gen-colpal:active+.fa-spinner-scale{display:block}#button-auto-gen-colpal:hover{color:var(--custom-blue)}#row-auto-gen-colpal-wrapper{margin-top:6px}#manual-gen-colpal-output{margin-top:7px}#row-manual-or-auto-gen-colpal-buttons{display:flex;flex-direction:row;align-items:center;margin-bottom:-4px}#row-manual-or-auto-gen-colpal-buttons p{display:inline-block;color:var(--text-color);opacity:.8;font-weight:600;line-height:1;text-transform:none;margin-right:2px;padding-left:3px}#row-manual-or-auto-gen-colpal-buttons button{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;padding:2px;color:#4a4c4e;opacity:.8;margin-left:1px}#row-manual-or-auto-gen-colpal-buttons button i{font-size:10px;width:auto;top:-1px;left:0}#custom-colpal-wrapper{margin-top:0;padding-top:24px;padding-left:30px;padding-bottom:180px}#custom-colpal-header-section h2{margin:0}#custom-num-col-input-section{margin-top:2px;margin-left:5px;display:flex;align-items:center;flex-direction:row}.slider-custom-num-col-section{display:flex;align-items:center;flex-direction:row;width:168px}#custom-colpal-output{margin-top:5px}#row-custom-colpal-buttons{display:none}#custom-num-col-input-section button{border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;color:#4a4c4e;padding:0 3px;margin-right:0;opacity:.8}#custom-num-col-input-section button:hover i{color:var(--custom-blue)}#custom-num-col-input-section .fa-palette{font-size:12px;top:0}#custom-num-col-input-section .fa-trash{font-size:11px}#custom-num-col-input-section .fa-ban{font-size:12px}.custom-box{box-shadow:#bfcbd980 0 0 0 1px;-webkit-box-shadow:rgba(191,203,217,.5) 0px 0px 0px 1px;-moz-box-shadow:rgba(191,203,217,.5) 0px 0px 0px 1px}.custom-box i{font-size:18px;color:#bfcbd9}.custom-upper-buttons{text-align:right}.custom-upper-buttons button{padding:2px;border:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}.custom-upper-buttons button:hover i{color:var(--custom-blue)}.custom-upper-buttons button i{font-size:11px}.custom-upper-buttons .fa-paint-roller{margin-right:1px;margin-left:-2px}.custom-upper-buttons .fa-remove{font-size:12px}.palette-boxes-all .full-custom-box:first-child .custom-box{border-radius:6px 0 0 6px}.palette-boxes-all .full-custom-box:last-child .custom-box{border-radius:0 6px 6px 0}.custom-boxes-all{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.custom-box{width:80px;min-height:80px;font-size:11px;text-transform:none;box-sizing:border-box;box-shadow:#0000000d 0 0 0 1px inset;-webkit-box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px inset;-moz-box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px inset;margin-bottom:23px}.custom-box__hex{opacity:.8;font-weight:500;letter-spacing:0;color:var(--text-color);position:relative;top:83px;left:4px}#custom-num-col-input-section button,.custom-upper-buttons button,#button-auto-gen-colpal,#row-manual-or-auto-gen-colpal-buttons button,#saved-palette-name-row button{background-color:var(--button-small-bg-color);color:var(--icon-small-color-1)}.main-wrapper-max-width{color:var(--text-color);background-color:var(--background-color)}@media screen and (min-width: 1921px){.main-wrapper-max-width{max-width:1815px;margin-left:auto;margin-right:auto;box-shadow:#0003 0 0 30px -7px!important;-webkit-box-shadow:rgb(0,0,0,.2) 0px 0px 30px -7px!important;-moz-box-shadow:rgb(0,0,0,.2) 0px 0px 30px -7px!important}}.menu-bar__title{margin-top:5px;margin-bottom:30px}h1{font-size:24px;text-transform:uppercase;letter-spacing:-.01em;font-weight:900;color:var(--title-text-col);line-height:1;margin:0}@media (max-width: 839px){.menu-bar-wrapper{border-bottom:var(--menu-border-right);display:block;background:var(--bg-color-menu-bar);box-sizing:border-box;padding:12px 8px 8px 16px}}@media (min-width: 839px){.menu-bar-wrapper{position:fixed;width:150px;height:100vh;overflow-y:auto;border-right:var(--menu-border-right);-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;background:var(--bg-color-menu-bar);padding:16px;box-sizing:border-box}}@media (min-width: 840px){.menu-bar__toggles{display:block}}.menu-bar__toggles p{color:var(--toggle-text-col);margin:0;line-height:1.3}.toggle-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px;border-radius:6px;box-sizing:border-box}.toggle-group:hover{cursor:context-menu;background-color:var(--toggle-hover-bg)}#toggle-darkmode p{width:40px}#toggle-sidebar-colbox p{width:50px}#toggle-sticky p{width:44px}#toggle-kaleidocube p{width:48px}.app-wrapper{margin-left:150px}.colorselector-kaleidocubes-section{display:flex;flex-wrap:wrap;border-bottom:var(--menu-border-right)}.main-color-selector{-webkit-box-flex:0;-ms-flex:0 0 400px;flex:0 0 440px;border-bottom:none;border-right:var(--menu-border-right);padding:16px 16px 0 32px}@media screen and (min-width: 840px){.main-color-selector{-webkit-box-flex:0;-ms-flex:0 0 395px;flex:0 0 395px}}@media screen and (min-width: 1161px){.main-color-selector{-webkit-box-flex:0;-ms-flex:0 0 436px;flex:0 0 436px}}@media screen and (min-width: 1921px){.main-color-selector{-webkit-box-flex:0;-ms-flex:0 0 458px;flex:0 0 458px}}.main-color-selector h2{margin-top:0;margin-bottom:10px}.random-color-grid-wrapper{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:16px 16px 22px 64px}@media screen and (min-width: 0px){.random-color-grid-wrapper{padding-left:36px}}@media screen and (min-width: 1161px){.random-color-grid-wrapper{padding-left:67px}}@media screen and (min-width: 1921px){.random-color-grid-wrapper{padding-left:86px}}.random-color-grid-wrapper h2{margin-top:0;margin-bottom:10px}@media screen and (max-width: 1160px){#shades-tint-blend-wrapper{padding-top:18px;padding-bottom:0;border-bottom:none}}@media screen and (max-width: 1160px){#more-color-theory-wrapper{padding-top:0;padding-bottom:0;border-bottom:none}}@media screen and (max-width: 1160px){#saved-palettes-wrapper{border-bottom:none;padding-top:2px;padding-bottom:45px}}@media screen and (max-width: 1160px){#copycat-wrapper{padding-top:20px;padding-bottom:45px;border-bottom:none}}@media screen and (max-width: 1160px){#custom-colpal-wrapper{padding-top:20px;border-bottom:none}}@media screen and (max-width: 986px){.main-color-selector{border-right:none;padding-bottom:0}}@media screen and (max-width: 986px){.random-color-grid-wrapper{padding-left:32px;flex-basis:100%;padding-top:10px;padding-bottom:0}}.generate-palette-section{flex:0 0 260px}@media screen and (min-width: 549px){.generate-palette-section{flex:0 0 34%;margin-bottom:56px}}@media screen and (min-width: 839px){.generate-palette-section{flex:0 0 34%;margin-bottom:40px}}@media screen and (min-width: 1161px){.generate-palette-section{flex:0 0 20.8%;margin-bottom:10px}}@media screen and (min-width: 1161px) and (max-width: 1500px){#output-complementary-section{margin-top:35px}}@media screen and (min-width: 1460px){.generate-palette-section{flex:0 0 260px}}@media screen and (min-width: 1921px){.generate-palette-section{flex:0 0 280px}}#color-box-selected-sidebar{margin-top:26px;margin-left:-2px}#color-box-selected-sidebar .color-box-sidebar{margin-right:0}@media screen and (max-width: 839px){#saved-palettes-wrapper{padding-right:20px}}@media screen and (max-width: 548px){#saved-palettes-wrapper{padding-top:22px}}@media screen and (max-width: 839px){#saved-palettes-placeholder{width:100%;padding:30px 0}}@media screen and (max-width: 839px){.saved-palettes-placeholder-label{padding:10px}}@media screen and (max-width: 839px){.app-wrapper{margin-left:0}}@media screen and (max-width: 839px){#toggle-hex{display:none}}@media screen and (max-width: 839px){#toggle-values{display:none}}@media screen and (max-width: 839px){#toggle-sidebar-colbox{display:none}}@media screen and (min-width: 987px){#toggle-kaleidocube{display:none}}@media screen and (max-width: 839px){#color-box-selected-sidebar{display:none}}@media screen and (max-width: 839px){.menu-bar__title{margin-bottom:20px}}@media screen and (max-width: 839px){.menu-bar__title h1{font-size:34px}}@media screen and (max-width: 839px){.menu-bar__toggles{display:flex;justify-content:flex-end;margin-top:-17px;flex-wrap:wrap}}@media screen and (max-width: 400px){.menu-bar__toggles{justify-content:flex-start}}@media screen and (max-width: 400px){.menu-bar__toggles>div{flex-basis:38vw}}@media screen and (min-width: 640px) and (max-width: 839px){.menu-bar__toggles{margin-top:-55px}}@media screen and (max-width: 839px){#copycat-wrapper{overflow-x:scroll;padding-right:20px}}.color-box-elements-wrapper{display:grid;grid-template-columns:120px auto;margin-top:28px}#color-box-selected-row{margin-top:0}.slider-saturation-section{padding-top:0}#manual-input-section{margin-top:12px}.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:10;background-color:var(--background-color)}.random-color-grid-elements-wrapper{display:grid;grid-template-columns:196px auto}@media screen and (max-width: 986px){.random-color-grid-wrapper{max-height:0;overflow:hidden;transition:max-height .5s ease-out;padding-top:8px;padding-bottom:0}}.show-kaleidocube{transition:max-height .5s ease-in;max-height:500px}@media screen and (max-width: 986px){.colorselector-kaleidocubes-section{padding-bottom:8px}}@media screen and (max-width: 500px){.modal{width:84%;max-height:62vh}}@media screen and (max-width: 549px){#drop-img-zone{width:100%}}@media screen and (max-width: 549px){#copycat-button-header-section{width:100%}}@media screen and (max-width: 549px){.main-color-selector,#shades-tint-blend-wrapper,#more-color-theory-wrapper,#saved-palettes-wrapper,#copycat-wrapper,#custom-colpal-wrapper,.random-color-grid-wrapper{padding-left:20px}}@media screen and (max-width: 549px){.colorselector-kaleidocubes-section{overflow-x:scroll}}@media screen and (max-width: 549px){.generate-palette-section{flex:0 0 60%;margin-bottom:40px;width:160px}}@media screen and (max-width: 450px){.menu-bar__title h1{font-size:26px}}@media screen and (max-width: 450px){.menu-bar-wrapper{padding:8px 2px 4px 16px}}@media screen and (max-width: 450px){.toggle-group{padding:6px}}@media screen and (max-width: 450px){.menu-bar__toggles p{line-height:1.05;font-size:10px}}@media screen and (min-width: 839px){p.mobile-tooltips-header{display:none}p.desktop-tooltips-header{display:block}}@media screen and (max-width: 839px){#toggle-tooltips p{width:30px}p.mobile-tooltips-header{display:block}p.desktop-tooltips-header{display:none}}@media screen and (max-width: 450px){#toggle-sticky p{width:38px}}@media screen and (max-width: 450px){#toggle-kaleidocube p{width:42px}}@media screen and (max-width: 450px){#toggle-darkmode p{width:35px}}@media screen and (max-width: 450px){.menu-bar__toggles{margin-right:6px}}@media screen and (max-width: 548px){#shades-tint-blend-wrapper #palette-button-wrapper{flex-wrap:wrap}}@media screen and (max-width: 548px){#shades-tint-blend-wrapper #palette-button-wrapper button{margin-left:0;margin-bottom:4px;width:20%;margin-right:4px}}@media screen and (max-width: 548px){#shades-tint-blend-wrapper p{margin-top:4px;margin-bottom:3px}}@media screen and (max-width: 548px){#button-generate-special-blend-hsl,#button-generate-special-blend-lab,#button-generate-special-blend-lch{padding:0!important;font-size:12px}}