:root{--base-color:#d3d3d3;--background-color:#fff;--card-color:#fafafa;--text-color:#212121;--transition:0.3s;--base-color-rgb:211,211,211;--background-color-rgb:255,255,255;--card-color-rgb:250,250,250;--text-color-rgb:33,33,33}@keyframes toast-anim{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.gradient_bottom_alpha_seekbar::-webkit-slider-thumb,.gradient_top_alpha_seekbar::-webkit-slider-thumb,.palette_seekbar::-webkit-slider-thumb,.solid_alpha_seekbar::-webkit-slider-thumb{background-color:#212121}.gradient_bottom_alpha_seekbar::-moz-range-thumb,.gradient_top_alpha_seekbar::-moz-range-thumb,.palette_seekbar::-moz-range-thumb,.solid_alpha_seekbar::-moz-range-thumb{background-color:#212121}.toggle-checkbox{-webkit-appearance:none;background:#c6c6c6;box-shadow:inset 0 0 5px #0006;cursor:pointer;outline:none;position:relative;width:40px}.toggle-checkbox,.toggle-checkbox:before{border-radius:20px;height:20px;transition:.3s;transition:var(--transition)}.toggle-checkbox:before{background-color:#fafafa;background-color:var(--card-color);box-shadow:0 2px 5px #0006;content:"";left:0;position:absolute;top:0;transform:scale(1.1);width:20px}.toggle-checkbox:checked{background-color:#21212199;background-color:rgba(var(--text-color-rgb),.6)}.toggle-checkbox:checked:before{background-color:#212121;background-color:var(--text-color);left:22.5px}body,html{background-color:#d3d3d3;background-color:var(--base-color);color:#212121;color:var(--text-color);font-family:Quicksand,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;transition:.3s;transition:var(--transition);width:100vw}body h1,body h2,body h3,body h4,body h5,body p,html h1,html h2,html h3,html h4,html h5,html p{margin:0;padding:0;-webkit-user-select:none;user-select:none}body img,body li,body select,body ul,html img,html li,html select,html ul{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.mobile-warning{align-items:center;background-color:#fff;background-color:var(--background-color);display:flex;height:100vh;justify-content:center;width:100vw}.mobile-warning .warning-body{margin:32px}.mobile-warning .warning-body img{height:48px;width:48px}.mobile-warning .warning-body h1{margin-top:8px}.mobile-warning .warning-body p{margin-top:10px}.mobile-warning .warning-body p a{font-weight:600}.container{align-items:flex-start;display:flex}.container .menu{background-color:#fff;background-color:var(--background-color);height:100vh;justify-content:center;justify-content:space-between;transition:.3s;transition:var(--transition);width:96px}.container .menu,.container .menu div{align-items:center;display:flex;flex-direction:column}.container .menu div{justify-content:center;justify-content:flex-start}.container .menu div .logo{cursor:pointer;margin-top:24px;transition:.3s;transition:var(--transition)}.container .menu div .logo:hover{transform:scale(.9)}.container .menu div ul{list-style:none;margin:60px 0 0;padding:0}.container .menu div ul li{cursor:pointer;margin-bottom:40px;transition:.3s;transition:var(--transition)}.container .menu div ul li:hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.container .menu .settings,.container .menu div ul .create-item,.container .menu div ul .extract-item,.container .menu div ul .harmonizer-item,.container .menu div ul .home-item,.container .menu div ul .saved-item{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4))}.container .menu .settings{cursor:pointer;justify-self:end;margin-bottom:50px;transition:.3s;transition:var(--transition)}.container .menu .settings:hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0));transform:rotate(45deg)}.container section{display:flex;flex-direction:column;height:100vh;margin-left:1px;overflow:hidden;width:100vw}.container section .header{align-items:center;background-color:#fff;background-color:var(--background-color);display:flex;height:96px;justify-content:space-between;transition:.3s;transition:var(--transition);width:100%}.container section .header div{align-items:flex-end;display:flex;flex-direction:row;margin-left:30px}.container section .header div h1{color:#212121;color:var(--text-color);font-size:32px;font-weight:900;transition:.3s;transition:var(--transition)}.container section .header div p{color:grey;font-size:14px;font-weight:900;margin:0 0 4px 8px}.container section .header img{cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));margin-right:50px;transition:.3s;transition:var(--transition)}.container section .header img:hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0));transform:rotate(45deg)}.container section .material-color{display:flex;height:100%;margin-top:1px;overflow:hidden;width:100%}.container section .material-color .color-shades{background-color:#fff;background-color:var(--background-color);display:grid;grid-template-columns:repeat(5,1fr);height:auto;padding:16px 20px;transition:.3s;transition:var(--transition);width:100%}.container section .material-color .color-shades .color-shade{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));margin:16px 20px;transition:.3s;transition:var(--transition)}.container section .material-color .color-shades .color-shade div:first-child{align-items:center;border-radius:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:74%;justify-content:center;transition:.3s;transition:var(--transition);width:100%}.container section .material-color .color-shades .color-shade div:nth-child(2){display:flex;margin:5px 20px}.container section .material-color .color-shades .color-shade div:nth-child(2) div p:first-child{color:#212121;color:var(--text-color);font-size:20px;font-weight:900;margin-bottom:2px;transition:.3s;transition:var(--transition)}.container section .material-color .color-shades .color-shade div:nth-child(2) div p:nth-child(2){color:#212121;color:var(--text-color);font-size:16px;font-weight:600;transition:.3s;transition:var(--transition)}.container section .material-color .color-shades .color-shade div:nth-child(2) img{transition:.3s;transition:var(--transition)}.container section .material-color .color-shades .color-shade div:nth-child(2) img:hover{cursor:pointer;transform:scale(.9)}.container section .material-color .color-shades .color-shade:hover{filter:drop-shadow(0 0 4px rgba(0,0,0,.15))}.container section .material-color .color-shades .color-shade:hover div:first-child{cursor:pointer;filter:drop-shadow(0 1px 3px rgba(0,0,0,.15))}.container section .material-color .color-holder{background-color:#fff;background-color:var(--background-color);display:grid;grid-auto-rows:72px;grid-template-columns:repeat(2,1fr);margin-left:1px;overflow-x:hidden;overflow-y:auto;padding:12px;transition:.3s;transition:var(--transition);width:218px}.container section .material-color .color-holder::-webkit-scrollbar{height:8px;width:8px}.container section .material-color .color-holder::-webkit-scrollbar-track{background-color:initial}.container section .material-color .color-holder::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .material-color .color-holder .color-item{align-items:flex-end;border-radius:16px;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));justify-content:flex-end;margin:8px 10px;transition:.3s;transition:var(--transition)}.container section .material-color .color-holder .color-item .selector{background-color:#fafafa;background-color:var(--card-color);border-radius:50%;filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));height:10px;margin:0 10px 10px 0;transition:.3s;transition:var(--transition);width:10px}.container section .material-color .color-holder .color-item:hover{border-radius:20px;filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.container section .material-color .color-holder .color-item:hover .selector{filter:drop-shadow(0 4px 4px rgba(0,0,0,0));transform:scale(1.1)}.container section .create-color{display:flex;height:100%;margin-top:1px;width:100%}.container section .create-color .solid-section{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;transition:.3s;transition:var(--transition);width:100%}.container section .create-color .solid-section .solid-header{display:flex;justify-content:space-between}.container section .create-color .solid-section .solid-header .solid-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .create-color .solid-section .solid-header .solid-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .create-color .solid-section .solid-header .solid-alpha-control{align-items:center;display:flex;margin:32px 32px 0 0}.container section .create-color .solid-section .solid-header .solid-alpha-control p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-right:10px;transition:.3s;transition:var(--transition)}.container section .create-color .solid-section .solid-body{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:100%;margin:32px;transition:.3s;transition:var(--transition)}.container section .create-color .solid-section .solid-body .solid-color{border-radius:inherit;cursor:pointer;filter:drop-shadow(4px 0 8px rgba(0,0,0,.2));height:100%;width:55%}.container section .create-color .solid-section .solid-body .solid-color:hover{filter:drop-shadow(2px 0 4px rgba(0,0,0,.1));transition:.3s ease-in-out;transition:var(--transition) ease-in-out}.container section .create-color .solid-section .solid-body .solid-control{color:#212121;color:var(--text-color);display:flex;flex-direction:column;justify-content:space-between;width:45%}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes{margin:32px}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hex{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hex div img{transition:.3s;transition:var(--transition)}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hex div img:hover{cursor:pointer;transform:scale(.9)}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hex div img:nth-child(2),.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-rgb div img:nth-child(2){margin-left:16px}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-cmyk,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hsl,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hsv,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-rgb{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-top:16px}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-cmyk img,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hsl img,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hsv img,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-rgb img{transition:.3s;transition:var(--transition)}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-cmyk img:hover,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hsl img:hover,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-hsv img:hover,.container section .create-color .solid-section .solid-body .solid-control .solid-attributes .solid-rgb img:hover{cursor:pointer;transform:scale(.9)}.container section .create-color .solid-section .solid-body .solid-control .seekbars{align-self:center;display:flex;height:100%;margin-bottom:64px;transform:rotate(-90deg);width:100%}.container section .create-color .solid-section .solid-body .solid-control .seekbars ul:first-child{display:flex;flex-direction:column;justify-content:space-around;margin:0;padding:0}.container section .create-color .solid-section .solid-body .solid-control .seekbars ul:first-child li{font-size:18px;font-weight:700;list-style-type:none;margin-bottom:2px;-webkit-user-select:none;user-select:none}.container section .create-color .solid-section .solid-body .solid-control .seekbars ul:nth-child(2){display:flex;flex-direction:column;justify-content:space-around;margin:0 0 0 10px;padding:0;width:100%}.container section .create-color .solid-section .solid-body .solid-control .seekbars ul:nth-child(2) li{list-style-type:none}.container section .create-color .solid-section .solid-body .solid-control .seekbars ul:nth-child(2) li input[type=range]{width:88%}.container section .create-color .gradient-section{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;margin-left:1px;transition:.3s;transition:var(--transition);width:100%}.container section .create-color .gradient-section .gradient-header{display:flex;justify-content:space-between}.container section .create-color .gradient-section .gradient-header .gradient-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .create-color .gradient-section .gradient-header .gradient-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px}.container section .create-color .gradient-section .gradient-header .gradient-alpha-control{align-items:center;display:flex;margin:32px 32px 0 0}.container section .create-color .gradient-section .gradient-header .gradient-alpha-control p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-right:10px}.container section .create-color .gradient-section .gradient-body{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:100%;margin:32px;transition:.3s;transition:var(--transition)}.container section .create-color .gradient-section .gradient-body .gradient-color{border-radius:inherit;cursor:pointer;filter:drop-shadow(4px 0 8px rgba(0,0,0,.2));height:100%;width:55%}.container section .create-color .gradient-section .gradient-body .gradient-color:hover{filter:drop-shadow(2px 0 4px rgba(0,0,0,.1));transition:.3s ease-in-out;transition:var(--transition) ease-in-out}.container section .create-color .gradient-section .gradient-body .gradient-control{color:#212121;color:var(--text-color);display:flex;flex-direction:column;height:100%;margin:16px;width:45%}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top{display:flex;flex-direction:column;height:100%;justify-content:center;margin:16px}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-hex,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-hex,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-hex,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-hex{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-hex div img,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-hex div img,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-hex div img,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-hex div img{transition:.3s;transition:var(--transition)}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-hex div img:hover,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-hex div img:hover,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-hex div img:hover,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-hex div img:hover{cursor:pointer;transform:scale(.9)}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-hex div img:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-hex div img:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-hex div img:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-hex div img:nth-child(2){margin-left:16px}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-rgba,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-rgba,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-rgba,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-rgba{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:space-between;margin-top:16px}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-rgba div img,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-rgba div img,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-rgba div img,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-rgba div img{transition:.3s;transition:var(--transition)}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-rgba div img:hover,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-rgba div img:hover,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-rgba div img:hover,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-rgba div img:hover{cursor:pointer;transform:scale(.9)}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-rgba div img:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-rgba div img:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-rgba div img:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-rgba div img:nth-child(2){margin-left:16px}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-sliders,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-sliders,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-sliders,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-sliders{display:flex;height:100%}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-sliders ul:first-child,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-sliders ul:first-child,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-sliders ul:first-child,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-sliders ul:first-child{display:flex;flex-direction:column;justify-content:space-evenly;margin:0;padding:0}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-sliders ul:first-child li,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-sliders ul:first-child li,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-sliders ul:first-child li,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-sliders ul:first-child li{font-size:18px;font-weight:700;list-style-type:none;-webkit-user-select:none;user-select:none}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-sliders ul:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-sliders ul:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-sliders ul:nth-child(2),.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-sliders ul:nth-child(2){display:flex;flex-direction:column;justify-content:space-evenly;margin:0 0 0 14px;padding:0;width:100%}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-sliders ul:nth-child(2) li,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-sliders ul:nth-child(2) li,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-sliders ul:nth-child(2) li,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-sliders ul:nth-child(2) li{list-style-type:none}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-bottom-sliders ul:nth-child(2) li input[type=range],.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom .gradient-top-sliders ul:nth-child(2) li input[type=range],.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-bottom-sliders ul:nth-child(2) li input[type=range],.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top .gradient-top-sliders ul:nth-child(2) li input[type=range]{width:100%}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom{margin:16px 16px 24px}.container section .extract-color{display:flex;height:100%;margin-top:1px;overflow:hidden;width:100%}.container section .extract-color .swatch-section{background-color:#fff;background-color:var(--background-color);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;scroll-behavior:smooth!important;transition:.3s;transition:var(--transition)}.container section .extract-color .swatch-section::-webkit-scrollbar{height:8px;width:8px}.container section .extract-color .swatch-section::-webkit-scrollbar-track{background-color:initial}.container section .extract-color .swatch-section::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .extract-color .swatch-section .swatch-header{display:flex;justify-content:space-between}.container section .extract-color .swatch-section .swatch-header .swatch-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .extract-color .swatch-section .swatch-header .swatch-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .extract-color .swatch-section .swatch-header .swatch-reset{align-items:center;display:flex;margin:32px 32px 0 0}.container section .extract-color .swatch-section .swatch-header .swatch-reset p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-right:10px;transition:.3s;transition:var(--transition)}.container section .extract-color .swatch-section .swatch-header .swatch-reset img{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));height:28px;transition:.3s;transition:var(--transition);width:28px}.container section .extract-color .swatch-section .swatch-header .swatch-reset img:hover{cursor:pointer;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.container section .extract-color .swatch-section .swatch-body{align-items:center;display:flex;flex-direction:column;margin:32px 32px 0}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser{align-items:center;aspect-ratio:3/1.5;background-color:#fafafa;background-color:var(--card-color);border-radius:24px;cursor:pointer;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));justify-content:center;min-height:256px;overflow:hidden;transition:.3s;transition:var(--transition);width:100%}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:.3s ease-in-out;transition:var(--transition) ease-in-out}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .selected-image{max-height:100%;max-width:100%;position:fixed}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .logo-info{align-items:flex-start;align-self:flex-start;display:flex;margin:20px;width:100%}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .logo-info img{aspect-ratio:1/1;width:40px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .logo-info p{align-self:center;color:grey;font-weight:700;margin:16px 0 0 8px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .image-url,.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .save-swatch{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;bottom:0;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:32px;justify-content:center;margin:12px;position:absolute;right:0;transition:.3s;transition:var(--transition);width:32px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .image-url img,.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .save-swatch img{height:16px;width:16px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .image-url:hover,.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .save-swatch:hover{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .save-swatch{margin-right:56px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .save-swatch img{height:20px;width:20px}.container section .extract-color .swatch-section .swatch-body .extracted-swatches{display:flex;flex-direction:column;margin-top:24px;width:95%}.container section .extract-color .swatch-section .swatch-body .swatch-extract-info{color:grey;width:95%}.container section .extract-color .swatch-section .swatch-body .swatch-extract-info p{font-size:larger;font-weight:700}.container section .extract-color .swatch-section .swatch-body .swatch-extract-info ul li{font-size:large;font-weight:600;margin-top:12px}.container section .extract-color .palette-section{background-color:#fff;background-color:var(--background-color);display:flex;flex:1 1;flex-direction:column;margin-left:1px;overflow-y:auto;scroll-behavior:smooth!important;transition:.3s;transition:var(--transition)}.container section .extract-color .palette-section::-webkit-scrollbar{height:8px;width:8px}.container section .extract-color .palette-section::-webkit-scrollbar-track{background-color:initial}.container section .extract-color .palette-section::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .extract-color .palette-section .palette-header{display:flex;justify-content:space-between}.container section .extract-color .palette-section .palette-header .palette-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .extract-color .palette-section .palette-header .palette-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .extract-color .palette-section .palette-header .palette-reset{align-items:center;display:flex;margin:32px 32px 0 0}.container section .extract-color .palette-section .palette-header .palette-reset p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-right:10px;transition:.3s;transition:var(--transition)}.container section .extract-color .palette-section .palette-header .palette-reset img{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));height:28px;transition:.3s;transition:var(--transition);width:28px}.container section .extract-color .palette-section .palette-header .palette-reset img:hover{cursor:pointer;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.container section .extract-color .palette-section .palette-body{align-items:center;display:flex;flex-direction:column;margin:32px 32px 24px}.container section .extract-color .palette-section .palette-body .palette-img-chooser{align-items:center;aspect-ratio:3/1.5;background-color:#fafafa;background-color:var(--card-color);border-radius:24px;cursor:pointer;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));justify-content:center;min-height:256px;overflow:hidden;transition:.3s;transition:var(--transition);width:100%}.container section .extract-color .palette-section .palette-body .palette-img-chooser:hover{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:.3s ease-in-out;transition:var(--transition) ease-in-out}.container section .extract-color .palette-section .palette-body .palette-img-chooser .selected-image{max-height:100%;max-width:100%;position:fixed}.container section .extract-color .palette-section .palette-body .palette-img-chooser .logo-info{align-items:flex-start;align-self:flex-start;display:flex;margin:20px;width:100%}.container section .extract-color .palette-section .palette-body .palette-img-chooser .logo-info img{aspect-ratio:1/1;width:40px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .logo-info p{align-self:center;color:grey;font-weight:700;margin:16px 0 0 8px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .image-url,.container section .extract-color .palette-section .palette-body .palette-img-chooser .save-palette{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;bottom:0;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:32px;justify-content:center;margin:12px;position:absolute;right:0;transition:.3s;transition:var(--transition);width:32px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .image-url img,.container section .extract-color .palette-section .palette-body .palette-img-chooser .save-palette img{height:16px;width:16px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .image-url:hover,.container section .extract-color .palette-section .palette-body .palette-img-chooser .save-palette:hover{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .extract-color .palette-section .palette-body .palette-img-chooser .save-palette{margin-right:56px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .save-palette img{height:20px;width:20px}.container section .extract-color .palette-section .palette-body .extracted-palette{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:24px;width:95%}.container section .extract-color .palette-section .palette-body .palette-extract-info{color:grey;width:95%}.container section .extract-color .palette-section .palette-body .palette-extract-info p{font-size:larger;font-weight:700}.container section .extract-color .palette-section .palette-body .palette-extract-info ul li{font-size:large;font-weight:600;margin-top:12px}.container section .extract-color .manual-section{background-color:#fff;background-color:var(--background-color);display:flex;flex:1 1;flex-direction:column;margin-left:1px;overflow-y:auto;scroll-behavior:smooth!important;transition:.3s;transition:var(--transition)}.container section .extract-color .manual-section::-webkit-scrollbar{height:8px;width:8px}.container section .extract-color .manual-section::-webkit-scrollbar-track{background-color:initial}.container section .extract-color .manual-section::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .extract-color .manual-section .manual-header{display:flex;justify-content:space-between}.container section .extract-color .manual-section .manual-header .manual-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .extract-color .manual-section .manual-header .manual-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .extract-color .manual-section .manual-header .manual-reset{align-items:center;display:flex;margin:32px 32px 0 0}.container section .extract-color .manual-section .manual-header .manual-reset p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-right:10px;transition:.3s;transition:var(--transition)}.container section .extract-color .manual-section .manual-header .manual-reset img{filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));height:28px;transition:.3s;width:28px}.container section .extract-color .manual-section .manual-header .manual-reset img:hover{cursor:pointer;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.container section .extract-color .manual-section .manual-body{align-items:center;display:flex;flex-direction:column;height:100%;margin:32px}.container section .extract-color .manual-section .manual-body .manual-img-background{align-items:center;background-color:#fafafa;background-color:var(--card-color);border-radius:26px 26px 24px 24px;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));flex-direction:column;height:100%;justify-content:center;transition:.3s;width:100%}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-img-card{align-items:center;background-color:#fafafa;background-color:var(--card-color);border-radius:24px;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:100%;justify-content:center;overflow:hidden;transition:.3s;width:100%}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-img-card .manual-select-logo{height:40px;width:40px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-img-card canvas{position:absolute;width:100%}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-img-card:hover{filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-img-card .image-url{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;bottom:0;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:32px;justify-content:center;margin:12px;position:absolute;right:0;transition:.3s;width:32px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-img-card .image-url img{height:16px;width:16px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-img-card .image-url:hover{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card{color:#212121;color:var(--text-color);display:flex;justify-content:space-evenly;margin:20px 0;width:100%}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card p{font-size:larger;font-weight:800}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-hex{align-items:center;display:flex}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-hex img{margin-left:5px;transition:.3s}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-hex img:hover{cursor:pointer;transform:scale(.9)}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-choose-image{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));height:42px;justify-content:center;transition:.3s;width:42px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-choose-image img{height:22px;width:22px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-choose-image:hover{cursor:pointer;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));transform:scale(.9)}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-rgb{align-items:center;display:flex}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-rgb img{margin-left:5px;transition:.3s}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-rgb img:hover{cursor:pointer;transform:scale(.9)}.container section .extract-color .manual-section .manual-body .manual-img-background:hover{cursor:pointer}.container section .harmonize-color{display:flex;height:100%;margin-top:1px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth!important;width:100%}.container section .harmonize-color::-webkit-scrollbar{height:8px;width:8px}.container section .harmonize-color::-webkit-scrollbar-track{background-color:initial}.container section .harmonize-color::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .harmonize-color .complement-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .complement-container .complement-header{display:flex;justify-content:space-between}.container section .harmonize-color .complement-container .complement-header .complement-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .harmonize-color .complement-container .complement-header .complement-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .complement-container .complement-body{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:32px}.container section .harmonize-color .complement-container .complement-body .colors-container{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .complement-container .complement-body .colors-container .colors{background-color:#fff;background-color:var(--background-color);border-radius:inherit;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:120px;overflow:hidden;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .complement-container .complement-body .colors-container .colors div{height:100%;width:100%}.container section .harmonize-color .complement-container .complement-body .colors-container .codes{color:#212121;color:var(--text-color);display:flex;margin:12px 0;width:100%}.container section .harmonize-color .complement-container .complement-body .colors-container .codes div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.container section .harmonize-color .complement-container .complement-body .colors-container .codes div p{cursor:pointer;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .complement-container .complement-body .colors-container .codes div p:nth-child(2){margin-top:2px}.container section .harmonize-color .complement-container .complement-body .colors-container .separator{background-color:#d3d3d3;background-color:var(--base-color);height:1px;margin-top:16px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .complement-container .complement-body .colors-container .info{color:#212121;color:var(--text-color);font-size:14px;margin:14px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode{align-items:center;color:#212121;color:var(--text-color);display:flex;justify-content:space-evenly;margin:8px 16px 16px}.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode p{font-size:medium;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode input{margin:4px 0 0 10px}.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-complement{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));height:34px;justify-content:center;margin-left:24px;transition:.3s;transition:var(--transition);width:34px}.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-complement img{height:20px;width:20px}.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-complement:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .harmonize-color .complement-container .complement-body .colors-container:hover,.container section .harmonize-color .complement-container .complement-body .colors-container:hover .colors{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.container section .harmonize-color .complement-container .complement-body .color-wheel{align-items:center;aspect-ratio:1/1;border-radius:50%;box-shadow:2px 2px 8px #0003;display:flex;justify-content:center}.container section .harmonize-color .complement-container .complement-body .color-wheel:hover{box-shadow:1px 1px 6px #0000001a;cursor:pointer}.container section .harmonize-color .complement-container .complement-body .color-wheel img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;aspect-ratio:1/1;height:10px;position:absolute;-webkit-user-select:none;user-select:none;width:10px}.container section .harmonize-color .split-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;margin-left:1px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .split-container .split-header{display:flex;justify-content:space-between}.container section .harmonize-color .split-container .split-header .split-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .harmonize-color .split-container .split-header .split-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .split-container .split-body{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:32px}.container section .harmonize-color .split-container .split-body .colors-container{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .split-container .split-body .colors-container .colors{background-color:#fff;background-color:var(--background-color);border-radius:inherit;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:120px;overflow:hidden;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .split-container .split-body .colors-container .colors div{height:100%;width:100%}.container section .harmonize-color .split-container .split-body .colors-container .codes{color:#212121;color:var(--text-color);display:flex;margin:12px 0;width:100%}.container section .harmonize-color .split-container .split-body .colors-container .codes div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.container section .harmonize-color .split-container .split-body .colors-container .codes div p{cursor:pointer;font-size:14px;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .split-container .split-body .colors-container .codes div p:nth-child(2){margin-top:4px}.container section .harmonize-color .split-container .split-body .colors-container .separator{background-color:#d3d3d3;background-color:var(--base-color);height:1px;margin-top:16px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .split-container .split-body .colors-container .info{color:#212121;color:var(--text-color);font-size:14px;margin:14px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .split-container .split-body .colors-container .invert-mode{align-items:center;color:#212121;color:var(--text-color);display:flex;justify-content:space-evenly;margin:8px 16px 16px}.container section .harmonize-color .split-container .split-body .colors-container .invert-mode p{font-size:medium;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .split-container .split-body .colors-container .invert-mode input{margin:4px 0 0 10px}.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-split{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));height:34px;justify-content:center;margin-left:24px;transition:.3s;transition:var(--transition);width:34px}.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-split img{height:20px;width:20px}.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-split:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .harmonize-color .split-container .split-body .colors-container:hover,.container section .harmonize-color .split-container .split-body .colors-container:hover .colors{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.container section .harmonize-color .split-container .split-body .color-wheel{align-items:center;aspect-ratio:1/1;border-radius:50%;box-shadow:2px 2px 8px #0003;display:flex;justify-content:center}.container section .harmonize-color .split-container .split-body .color-wheel:hover{box-shadow:1px 1px 6px #0000001a;cursor:pointer}.container section .harmonize-color .split-container .split-body .color-wheel img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;aspect-ratio:1/1;height:10px;position:absolute;-webkit-user-select:none;user-select:none;width:10px}.container section .harmonize-color .analogous-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;margin-left:1px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .analogous-container .analogous-header{display:flex;justify-content:space-between}.container section .harmonize-color .analogous-container .analogous-header .analogous-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .harmonize-color .analogous-container .analogous-header .analogous-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .analogous-container .analogous-body{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:32px}.container section .harmonize-color .analogous-container .analogous-body .colors-container{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .analogous-container .analogous-body .colors-container .colors{background-color:#fff;background-color:var(--background-color);border-radius:inherit;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:120px;overflow:hidden;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .analogous-container .analogous-body .colors-container .colors div{height:100%;width:100%}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes{color:#212121;color:var(--text-color);display:flex;margin:12px 0;width:100%}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes div p{cursor:pointer;font-size:14px;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes div p:nth-child(2){margin-top:4px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .separator{background-color:#d3d3d3;background-color:var(--base-color);height:1px;margin-top:16px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .analogous-container .analogous-body .colors-container .info{color:#212121;color:var(--text-color);font-size:14px;margin:14px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode{align-items:center;color:#212121;color:var(--text-color);display:flex;justify-content:space-evenly;margin:8px 16px 16px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode p{font-size:medium;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode input{margin:4px 0 0 10px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-analogous{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));height:34px;justify-content:center;margin-left:24px;transition:.3s;transition:var(--transition);width:34px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-analogous img{height:20px;width:20px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-analogous:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .harmonize-color .analogous-container .analogous-body .colors-container:hover,.container section .harmonize-color .analogous-container .analogous-body .colors-container:hover .colors{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.container section .harmonize-color .analogous-container .analogous-body .color-wheel{align-items:center;aspect-ratio:1/1;border-radius:50%;box-shadow:2px 2px 8px #0003;display:flex;justify-content:center}.container section .harmonize-color .analogous-container .analogous-body .color-wheel:hover{box-shadow:1px 1px 6px #0000001a;cursor:pointer}.container section .harmonize-color .analogous-container .analogous-body .color-wheel img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;aspect-ratio:1/1;height:10px;position:absolute;-webkit-user-select:none;user-select:none;width:10px}.container section .harmonize-color .triadic-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;margin-left:1px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .triadic-container .triadic-header{display:flex;justify-content:space-between}.container section .harmonize-color .triadic-container .triadic-header .triadic-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .harmonize-color .triadic-container .triadic-header .triadic-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .triadic-container .triadic-body{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:32px}.container section .harmonize-color .triadic-container .triadic-body .colors-container{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .triadic-container .triadic-body .colors-container .colors{background-color:#fff;background-color:var(--background-color);border-radius:inherit;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:120px;overflow:hidden;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .triadic-container .triadic-body .colors-container .colors div{height:100%;width:100%}.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes{color:#212121;color:var(--text-color);display:flex;margin:12px 0;width:100%}.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes div p{cursor:pointer;font-size:14px;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes div p:nth-child(2){margin-top:4px}.container section .harmonize-color .triadic-container .triadic-body .colors-container .separator{background-color:#d3d3d3;background-color:var(--base-color);height:1px;margin-top:16px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .triadic-container .triadic-body .colors-container .info{color:#212121;color:var(--text-color);font-size:14px;margin:14px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode{align-items:center;color:#212121;color:var(--text-color);display:flex;justify-content:space-evenly;margin:8px 16px 16px}.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode p{font-size:medium;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode input{margin:4px 0 0 10px}.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-triadic{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));height:34px;justify-content:center;margin-left:24px;transition:.3s;transition:var(--transition);width:34px}.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-triadic img{height:20px;width:20px}.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-triadic:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .harmonize-color .triadic-container .triadic-body .colors-container:hover,.container section .harmonize-color .triadic-container .triadic-body .colors-container:hover .colors{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.container section .harmonize-color .triadic-container .triadic-body .color-wheel{align-items:center;aspect-ratio:1/1;border-radius:50%;box-shadow:2px 2px 8px #0003;display:flex;justify-content:center}.container section .harmonize-color .triadic-container .triadic-body .color-wheel:hover{box-shadow:1px 1px 6px #0000001a;cursor:pointer}.container section .harmonize-color .triadic-container .triadic-body .color-wheel img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;aspect-ratio:1/1;height:10px;position:absolute;-webkit-user-select:none;user-select:none;width:10px}.container section .harmonize-color .tetradic-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;margin-left:1px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .tetradic-container .tetradic-header{display:flex;justify-content:space-between}.container section .harmonize-color .tetradic-container .tetradic-header .tetradic-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .harmonize-color .tetradic-container .tetradic-header .tetradic-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .tetradic-container .tetradic-body{display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:32px}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .colors{background-color:#fff;background-color:var(--background-color);border-radius:inherit;cursor:pointer;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.2));height:120px;overflow:hidden;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .colors div{height:100%;width:100%}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes{color:#212121;color:var(--text-color);display:flex;margin:12px 0;width:100%}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes div{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes div p{cursor:pointer;font-size:11px;font-weight:800;transition:.3s;transition:var(--transition)}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes div p:nth-child(2){margin-top:6px}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .separator{background-color:#d3d3d3;background-color:var(--base-color);height:1px;margin-top:16px;transition:.3s;transition:var(--transition);width:100%}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .info{color:#212121;color:var(--text-color);font-size:14px;margin:14px;transition:.3s;transition:var(--transition)}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode{align-items:center;color:#212121;color:var(--text-color);display:flex;justify-content:space-evenly;margin:8px 16px 16px}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode p{font-size:medium;font-weight:700;transition:.3s;transition:var(--transition)}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode input{margin:4px 0 0 10px}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-tetradic{align-items:center;background-color:#fff;background-color:var(--background-color);border-radius:50%;display:flex;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3));height:34px;justify-content:center;margin-left:24px;transition:.3s;transition:var(--transition);width:34px}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-tetradic img{height:20px;width:20px}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-tetradic:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container:hover,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container:hover .colors{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.container section .harmonize-color .tetradic-container .tetradic-body .color-wheel{align-items:center;aspect-ratio:1/1;border-radius:50%;box-shadow:2px 2px 8px #0003;display:flex;justify-content:center}.container section .harmonize-color .tetradic-container .tetradic-body .color-wheel:hover{box-shadow:1px 1px 6px #0000001a;cursor:pointer}.container section .harmonize-color .tetradic-container .tetradic-body .color-wheel img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;aspect-ratio:1/1;height:10px;position:absolute;-webkit-user-select:none;user-select:none;width:10px}.container section .saved-color{display:flex;height:100%;margin-top:1px;overflow:hidden;width:100%}.container section .saved-color .solgrad-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth!important;transition:.3s;transition:var(--transition);width:100%}.container section .saved-color .solgrad-container::-webkit-scrollbar{height:8px;width:8px}.container section .saved-color .solgrad-container::-webkit-scrollbar-track{background-color:initial}.container section .saved-color .solgrad-container::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .saved-color .solgrad-container .solgrad-header{display:flex;justify-content:space-between}.container section .saved-color .solgrad-container .solgrad-header .solgrad-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .saved-color .solgrad-container .solgrad-header .solgrad-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .saved-color .solgrad-container .solgrad-header .solgrad-options{align-items:center;display:flex;margin:32px 32px 0 0}.container section .saved-color .solgrad-container .solgrad-header .solgrad-options select{background-color:#fafafa;background-color:var(--card-color);border:none;border-radius:12px;color:#212121;color:var(--text-color);filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;outline:none;padding:6px 10px;transition:.3s;transition:var(--transition)}.container section .saved-color .solgrad-container .solgrad-header .solgrad-options select:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.container section .saved-color .solgrad-container .solgrad-solid-items{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:32px}.container section .saved-color .solgrad-container .solgrad-gradient-items{align-items:center;display:flex;flex-direction:column;margin:32px 32px 10px}.container section .saved-color .solgrad-container .solgrad-loading{align-items:center;display:flex;height:100%;justify-content:center;margin:32px}.container section .saved-color .solgrad-container .solgrad-loading p{color:#212121;color:var(--text-color);font-size:large;font-weight:700;opacity:.8;transition:.3s;transition:var(--transition)}.container section .saved-color .extraction-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;margin-left:1px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth!important;transition:.3s;transition:var(--transition);width:100%}.container section .saved-color .extraction-container::-webkit-scrollbar{height:8px;width:8px}.container section .saved-color .extraction-container::-webkit-scrollbar-track{background-color:initial}.container section .saved-color .extraction-container::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .saved-color .extraction-container .extraction-header{display:flex;justify-content:space-between}.container section .saved-color .extraction-container .extraction-header .extraction-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .saved-color .extraction-container .extraction-header .extraction-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .saved-color .extraction-container .extraction-header .extraction-options{align-items:center;display:flex;margin:32px 32px 0 0}.container section .saved-color .extraction-container .extraction-header .extraction-options select{background-color:#fafafa;background-color:var(--card-color);border:none;border-radius:12px;color:#212121;color:var(--text-color);filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;outline:none;padding:6px 10px;transition:.3s;transition:var(--transition)}.container section .saved-color .extraction-container .extraction-header .extraction-options select:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.container section .saved-color .extraction-container .extraction-items{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:32px}.container section .saved-color .extraction-container .extraction-items img{align-self:center;aspect-ratio:3/2;border-radius:24px;display:flex;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));object-fit:cover;transition:.3s;transition:var(--transition);width:100%}.container section .saved-color .extraction-container .extraction-items img:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.container section .saved-color .extraction-container .extraction-loading{align-items:center;display:flex;height:100%;justify-content:center;margin:32px}.container section .saved-color .extraction-container .extraction-loading p{color:#212121;color:var(--text-color);font-size:large;font-weight:700;opacity:.8;transition:.3s;transition:var(--transition)}.container section .saved-color .harmony-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;margin-left:1px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth!important;transition:.3s;transition:var(--transition);width:100%}.container section .saved-color .harmony-container::-webkit-scrollbar{height:8px;width:8px}.container section .saved-color .harmony-container::-webkit-scrollbar-track{background-color:initial}.container section .saved-color .harmony-container::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .saved-color .harmony-container .harmony-header{display:flex;justify-content:space-between}.container section .saved-color .harmony-container .harmony-header .harmony-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .saved-color .harmony-container .harmony-header .harmony-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .saved-color .harmony-container .harmony-header .harmony-options{align-items:center;display:flex;margin:32px 32px 0 0}.container section .saved-color .harmony-container .harmony-header .harmony-options select{background-color:#fafafa;background-color:var(--card-color);border:none;border-radius:12px;color:#212121;color:var(--text-color);filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;outline:none;padding:6px 10px;transition:.3s;transition:var(--transition)}.container section .saved-color .harmony-container .harmony-header .harmony-options select:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.container section .saved-color .harmony-container .data-items{align-items:center;display:flex;flex-direction:column;margin:32px 32px 10px}.container section .saved-color .harmony-container .data-loading{align-items:center;display:flex;height:100%;justify-content:center;margin:32px}.container section .saved-color .harmony-container .data-loading p{color:#212121;color:var(--text-color);font-size:large;font-weight:700;opacity:.8;transition:.3s;transition:var(--transition)}.container section .saved-color .preset-container{background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;margin-left:1px;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth!important;transition:.3s;transition:var(--transition);width:100%}.container section .saved-color .preset-container::-webkit-scrollbar{height:8px;width:8px}.container section .saved-color .preset-container::-webkit-scrollbar-track{background-color:initial}.container section .saved-color .preset-container::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.container section .saved-color .preset-container .preset-header{display:flex;justify-content:space-between}.container section .saved-color .preset-container .preset-header .preset-header-title{align-items:center;display:flex;margin:32px 0 0 32px}.container section .saved-color .preset-container .preset-header .preset-header-title p{color:#212121;color:var(--text-color);font-size:20px;font-weight:700;margin-left:10px;transition:.3s;transition:var(--transition)}.container section .saved-color .preset-container .preset-header .preset-options{align-items:center;display:flex;margin:32px 32px 0 0}.container section .saved-color .preset-container .preset-header .preset-options select{background-color:#fafafa;background-color:var(--card-color);border:none;border-radius:12px;color:#212121;color:var(--text-color);filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));font-family:Quicksand,sans-serif;font-size:16px;font-weight:600;outline:none;padding:6px 10px;transition:.3s;transition:var(--transition)}.container section .saved-color .preset-container .preset-header .preset-options select:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.container section .saved-color .preset-container .preset-gradient-items,.container section .saved-color .preset-container .preset-quadrant-items{align-items:center;display:flex;flex-direction:column;margin:32px 32px 10px}.container section footer{align-items:center;background-color:#fff;background-color:var(--background-color);display:flex;flex-direction:row;height:72px;justify-content:center;justify-content:space-between;margin-top:1px;transition:.3s;transition:var(--transition);width:100%}.container section footer p{color:grey;font-size:18px;font-weight:600;margin-left:50px}.container section footer p span{color:#606060;cursor:pointer;font-weight:900}.container section footer ul{display:flex;list-style:none;margin:8px 50px 0 0;padding:0}.container section footer ul li{cursor:pointer;margin-left:24px;transition:.3s;transition:var(--transition)}.container section footer ul li:first-child{filter:drop-shadow(0 4px 4px rgba(14,118,168,.5))}.container section footer ul li:first-child:hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.container section footer ul li:nth-child(2){filter:drop-shadow(0 4px 4px rgba(23,21,21,.5))}.container section footer ul li:nth-child(2):hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.container section footer ul li:nth-child(3){filter:drop-shadow(0 4px 4px rgba(255,51,51,.5))}.container section footer ul li:nth-child(3):hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.container section footer ul li:nth-child(4){filter:drop-shadow(0 4px 4px rgba(59,89,152,.5))}.container section footer ul li:nth-child(4):hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.container section footer ul li:nth-child(5){filter:drop-shadow(0 4px 4px rgba(0,172,238,.5))}.container section footer ul li:nth-child(5):hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.container section footer ul li:nth-child(6){filter:drop-shadow(0 4px 4px rgba(255,51,51,.5))}.container section footer ul li:nth-child(6):hover{filter:drop-shadow(0 4px 4px rgba(0,0,0,0))}.solid-item{background-color:#fafafa;background-color:var(--card-color);border-radius:24px 24px 20px 20px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));width:100%}.solid-item,.solid-item .color-card{transition:.3s;transition:var(--transition)}.solid-item .color-card{border-radius:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:100px}.solid-item .solid-hex{align-items:center;display:flex;justify-content:space-between;margin:2px 0 0 14px}.solid-item .solid-hex p{color:#212121;color:var(--text-color);font-size:15px;font-weight:700;transition:.3s;transition:var(--transition)}.solid-item .solid-hex img{height:24px;margin:0 12px 0 5px;transition:.3s;transition:var(--transition);width:24px}.solid-item .solid-hex img:hover{cursor:pointer;transform:scale(.9)}.solid-item .solid-rgb{align-items:center;display:flex;justify-content:space-between;margin:0 0 0 14px}.solid-item .solid-rgb p{color:#212121;color:var(--text-color);font-size:15px;font-weight:700;transition:.3s;transition:var(--transition)}.solid-item .solid-rgb img{height:24px;margin:0 12px 0 5px;transition:.3s;width:24px}.solid-item .solid-rgb img:hover{cursor:pointer;transform:scale(.9)}.solid-item:hover{filter:drop-shadow(0 0 4px rgba(0,0,0,.15))}.solid-item:hover .color-card{cursor:pointer;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.gradient-item{background-color:#fafafa;background-color:var(--card-color);border-radius:24px 24px 20px 20px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));margin-bottom:20px;overflow:hidden;width:100%}.gradient-item,.gradient-item .color-card{transition:.3s;transition:var(--transition)}.gradient-item .color-card{border-radius:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:100px}.gradient-item .code-holder{justify-content:space-between;margin:2px 14px}.gradient-item .code-holder,.gradient-item .code-holder .color-codes{align-items:center;display:flex}.gradient-item .code-holder .color-codes .color-identifier{border-radius:50%;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));height:24px;transition:.3s;transition:var(--transition);width:24px}.gradient-item .code-holder .color-codes .color-identifier:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.gradient-item .code-holder .color-codes .codes{display:flex;flex-direction:column;margin-left:10px;margin-right:10px}.gradient-item .code-holder .color-codes .codes .code{align-items:center;display:flex;justify-content:space-between}.gradient-item .code-holder .color-codes .codes .code p{color:#212121;color:var(--text-color);font-size:15px;font-weight:700;transition:.3s;transition:var(--transition)}.gradient-item .code-holder .color-codes .codes .code img{height:24px;margin-left:5px;transition:.3s;transition:var(--transition);width:24px}.gradient-item .code-holder .color-codes .codes .code img:hover{cursor:pointer;transform:scale(.9)}.gradient-item:hover{filter:drop-shadow(0 0 4px rgba(0,0,0,.15))}.gradient-item:hover .color-card{cursor:pointer;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.swatch-item{border-radius:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));margin-bottom:20px;transition:.3s;transition:var(--transition);width:100%}.swatch-item:hover{cursor:pointer;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.swatch-item p{font-size:20px;font-weight:700;margin:12px 0 0 16px;transition:.3s;transition:var(--transition)}.swatch-item .swatch-hex{align-items:center;display:flex;margin-top:2px}.swatch-item .swatch-hex p{font-size:17px;margin:0 0 0 16px;transition:.3s;transition:var(--transition)}.swatch-item .swatch-hex img{margin-left:5px;transition:.3s;transition:var(--transition)}.swatch-item .swatch-hex img:hover{cursor:pointer;transform:scale(.9)}.swatch-item .swatch-rgb{align-items:center;display:flex;margin:2px 0 12px}.swatch-item .swatch-rgb p{font-size:17px;margin:0 0 0 16px;transition:.3s;transition:var(--transition)}.swatch-item .swatch-rgb img{margin-left:5px;transition:.3s;transition:var(--transition)}.swatch-item .swatch-rgb img:hover{cursor:pointer;transform:scale(.9)}.dual-item{background-color:#fafafa;background-color:var(--card-color);border-radius:24px 24px 20px 20px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));margin-bottom:20px;width:100%}.dual-item,.dual-item .color-cards{overflow:hidden;transition:.3s;transition:var(--transition)}.dual-item .color-cards{border-radius:24px;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.dual-item .color-cards .color-card{display:flex;height:100px;width:100%}.dual-item .color-cards:hover{cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.dual-item .color-codes{align-items:center;display:flex;justify-content:space-between;margin:2px 14px}.dual-item .color-codes .codes{display:flex;flex-direction:column}.dual-item .color-codes .codes .code{align-items:center;display:flex;justify-content:space-between}.dual-item .color-codes .codes .code p{color:#212121;color:var(--text-color);font-size:15px;font-weight:700;transition:.3s;transition:var(--transition)}.dual-item .color-codes .codes .code img{height:24px;margin-left:5px;transition:.3s;transition:var(--transition);width:24px}.dual-item .color-codes .codes .code img:hover{cursor:pointer;transform:scale(.9)}.dual-item:hover{filter:drop-shadow(0 0 4px rgba(0,0,0,.15))}.dual-item:hover .color-cards{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.trial-item{background-color:#fafafa;background-color:var(--card-color);border-radius:24px 24px 20px 20px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));margin-bottom:20px;width:100%}.trial-item,.trial-item .color-cards{overflow:hidden;transition:.3s;transition:var(--transition)}.trial-item .color-cards{border-radius:24px;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.trial-item .color-cards .color-card{display:flex;height:100px;width:100%}.trial-item .color-cards:hover{cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.trial-item .color-codes{align-items:center;display:flex;justify-content:space-between;margin:2px 14px}.trial-item .color-codes .codes{display:flex;flex-direction:column}.trial-item .color-codes .codes .code{align-items:center;display:flex;justify-content:space-between}.trial-item .color-codes .codes .code p{color:#212121;color:var(--text-color);font-size:14px;font-weight:700;transition:.3s;transition:var(--transition)}.trial-item .color-codes .codes .code img{height:22px;margin-left:4px;transition:.3s;transition:var(--transition);width:22px}.trial-item .color-codes .codes .code img:hover{cursor:pointer;transform:scale(.9)}.trial-item:hover{filter:drop-shadow(0 0 4px rgba(0,0,0,.15))}.trial-item:hover .color-cards{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.quadral-item{background-color:#fafafa;background-color:var(--card-color);border-radius:24px 24px 20px 20px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));margin-bottom:20px;width:100%}.quadral-item,.quadral-item .color-cards{overflow:hidden;transition:.3s;transition:var(--transition)}.quadral-item .color-cards{border-radius:24px;display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.quadral-item .color-cards .color-card{display:flex;height:100px;width:100%}.quadral-item .color-cards:hover{cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.quadral-item .color-codes{align-items:center;display:flex;justify-content:space-between;margin:4px 12px}.quadral-item .color-codes .codes{align-items:flex-start;display:flex;flex-direction:column}.quadral-item .color-codes .codes p{color:#212121;color:var(--text-color);font-size:14px;font-weight:700;transition:.3s;transition:var(--transition)}.quadral-item .color-codes .codes p:hover{cursor:pointer}.quadral-item .color-codes .codes p:nth-child(2){margin-top:4px}.quadral-item:hover{filter:drop-shadow(0 0 4px rgba(0,0,0,.15))}.quadral-item:hover .color-cards{filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.disabled,.disabled:hover{opacity:.5}.toast{animation:toast-anim .3s ease 0s 1;animation:var(--transition) ease 0s 1 toast-anim;background-color:#212121;background-color:var(--text-color);border-radius:10px;bottom:0;color:#fff;color:var(--background-color);display:none;font-size:medium;margin:0 370px 8px 0;padding:10px 16px;position:absolute;right:0;transition:.3s;transition:var(--transition);-webkit-user-select:none;user-select:none;z-index:2}.create-modal,.url-modal{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fff3;background-color:rgba(var(--background-color-rgb),.2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.create-modal .modal-container,.url-modal .modal-container{background-color:#212121;background-color:var(--text-color);border-radius:28px 28px 24px 24px;color:#212121;color:var(--text-color);width:360px}.create-modal .modal-container .modal-content,.url-modal .modal-container .modal-content{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));padding:16px 20px 20px}.create-modal .modal-container .modal-content .modal-header,.url-modal .modal-container .modal-content .modal-header{align-items:center;display:flex;justify-content:space-between;-webkit-user-select:none;user-select:none}.create-modal .modal-container .modal-content .modal-header img,.url-modal .modal-container .modal-content .modal-header img{height:20px;transition:.2s;width:20px}.create-modal .modal-container .modal-content .modal-header img:hover,.url-modal .modal-container .modal-content .modal-header img:hover{cursor:pointer;transform:scale(.9)}.create-modal .modal-container .modal-content .modal-body,.url-modal .modal-container .modal-content .modal-body{align-items:center;display:flex;flex-direction:column;margin-top:16px}.create-modal .modal-container .modal-content .modal-body ul,.url-modal .modal-container .modal-content .modal-body ul{margin:0;padding:0 10px 0 20px;-webkit-user-select:none;user-select:none}.create-modal .modal-container .modal-content .modal-body ul li,.url-modal .modal-container .modal-content .modal-body ul li{font-size:18px;font-weight:600;margin-top:8px}.create-modal .modal-container .modal-content .modal-body input,.url-modal .modal-container .modal-content .modal-body input{background-color:#fafafa;background-color:var(--card-color);border:none;border-bottom:2px solid grey;color:#212121;color:var(--text-color);font-size:22px;margin-top:24px;padding:10px 10px 5px;text-align:center;width:56%}.create-modal .modal-container .modal-content .modal-body input:focus,.url-modal .modal-container .modal-content .modal-body input:focus{outline:none}.create-modal .modal-container .modal-button,.url-modal .modal-container .modal-button{padding:8px 0 12px}.create-modal .modal-container .modal-button p,.url-modal .modal-container .modal-button p{color:#fff;color:var(--background-color);font-size:large;font-weight:900;text-align:center;transition:.2s;-webkit-user-select:none;user-select:none}.create-modal .modal-container .modal-button p:hover,.url-modal .modal-container .modal-button p:hover{cursor:pointer;transform:scale(.9)}.settings-modal{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fff3;background-color:rgba(var(--background-color-rgb),.2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.settings-modal .modal-container{background-color:#fafafa;background-color:var(--card-color);border-radius:24px;color:#212121;color:var(--text-color);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:auto;overflow:hidden;width:512px}.settings-modal .modal-container .settings-modal-header{border-radius:24px 24px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.settings-modal .modal-container .settings-modal-header img{transition:.3s;transition:var(--transition);width:20px}.settings-modal .modal-container .settings-modal-header img:hover{cursor:pointer;transform:scale(.9)}.settings-modal .modal-container .settings-modal-body{height:100%;overflow-y:scroll;width:100%}.settings-modal .modal-container .settings-modal-body::-webkit-scrollbar{height:8px;width:8px}.settings-modal .modal-container .settings-modal-body::-webkit-scrollbar-track{background-color:initial}.settings-modal .modal-container .settings-modal-body::-webkit-scrollbar-thumb{background-color:#212121cc;background-color:rgba(var(--text-color-rgb),.8);border-radius:6px;-webkit-transition:.3s;transition:.3s;-webkit-transition:var(--transition);transition:var(--transition)}.settings-modal .modal-container .settings-modal-body h3{margin:16px 0 0 24px}.settings-modal .modal-container .settings-modal-body .settings-category{background-color:#fff;background-color:var(--background-color);border-radius:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));margin:8px 24px 0;padding:16px}.settings-modal .modal-container .settings-modal-body .theme{align-items:center;display:flex;justify-content:space-between}.settings-modal .modal-container .settings-modal-body .theme .title-desc{width:86%}.settings-modal .modal-container .settings-modal-body .theme .title-desc p{font-size:15px;margin-top:4px}.settings-modal .modal-container .settings-modal-body .palette .palette_seekbar_count{align-items:center;display:flex;justify-content:space-between;margin-top:12px;width:100%}.settings-modal .modal-container .settings-modal-body .palette .palette_seekbar_count h3{margin:0 0 4px 12px;width:30px}.settings-modal .modal-container .settings-modal-body .palette .separator{background-color:#d3d3d3;background-color:var(--base-color);height:1px;margin-top:16px;transition:.3s;transition:var(--transition);width:100%}.settings-modal .modal-container .settings-modal-body .palette .info{font-size:14px;margin-top:8px}.settings-modal .modal-container .settings-modal-body .feedback{display:flex;justify-content:space-between}.settings-modal .modal-container .settings-modal-body .feedback p{width:86%}.settings-modal .modal-container .settings-modal-body .feedback img{align-self:center;height:28px;margin-right:4px;transition:.3s;transition:var(--transition);width:28px}.settings-modal .modal-container .settings-modal-body .feedback img:hover{cursor:pointer;transform:scale(.9)}.settings-modal .modal-container .settings-modal-body .about-app{align-items:flex-end;display:flex;justify-content:start;margin:18px 0 16px 24px}.settings-modal .modal-container .settings-modal-body .about-app .app-logo{height:30px;margin-bottom:2px;width:30px}.settings-modal .modal-container .settings-modal-body .about-app .app-name{font-size:18px;font-weight:bolder;margin-left:8px;padding-bottom:0}.settings-modal .modal-container .settings-modal-body .about-app .app-version{font-size:12px;font-weight:800;margin:0 0 2px 4px;opacity:50%}.extract-modal{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#fff3;background-color:rgba(var(--background-color-rgb),.2);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1}.extract-modal .modal-container{color:#212121;color:var(--text-color);display:flex;flex-direction:column}.extract-modal .modal-container .extract-image{aspect-ratio:1/1;border-radius:32px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));object-fit:cover;transition:.3s;width:128px;z-index:1}.extract-modal .modal-container .extract-image:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.extract-modal .modal-container .swatch-extracts{-ms-overflow-style:none;background-color:#fafafa;background-color:var(--card-color);border-radius:32px;display:flex;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));flex-direction:column;height:640px;margin-top:-64px;overflow-y:auto;padding:12px;scroll-behavior:smooth!important;scrollbar-width:none;width:380px}.extract-modal .modal-container .swatch-extracts::-webkit-scrollbar{display:none}.extract-modal .modal-container .swatch-extracts .swatch-item{margin-bottom:12px}.extract-modal .modal-container .palette-extracts{grid-gap:12px;-ms-overflow-style:none;background-color:#fafafa;background-color:var(--card-color);border-radius:32px;display:grid;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));flex-direction:column;gap:12px;grid-template-columns:repeat(2,1fr);height:640px;margin-top:-64px;overflow-y:auto;padding:12px 12px 24px;scroll-behavior:smooth!important;scrollbar-width:none;width:380px}.extract-modal .modal-container .palette-extracts::-webkit-scrollbar{display:none}.extract-modal .modal-container .modal-option{align-self:center;background-color:#fafafa;background-color:var(--card-color);border-radius:50%;display:flex;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3));height:40px;justify-content:center;transition:.3s;width:40px;z-index:1}.extract-modal .modal-container .modal-option img{width:18px}.extract-modal .modal-container .modal-option:hover{cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transform:scale(.9)}.extract-modal .modal-container .close{margin:-20px 0 0 72px}.extract-modal .modal-container .delete{margin:-40px 72px 0 0}@media screen and (min-width:2160px){.container,body,html{overflow:hidden}.container .menu,.container section{zoom:1.5;height:66.66667vh}.container section{overflow:hidden;width:calc(66.66667vw - 96px)}}@media screen and (max-width:1536px) and (max-height:864px){.container .menu{width:84px}.container section .material-color .color-shades .color-shade div:first-child{height:72%}.container section .material-color .color-shades .color-shade div:nth-child(2){margin:5px 18px}.container section .material-color .color-shades .color-shade div:nth-child(2) div p:first-child{font-size:18px}.container section .material-color .color-shades .color-shade div:nth-child(2) img{width:28px}.container section .material-color .color-holder{grid-auto-rows:68px;width:200px}.container section .create-color .solid-section .solid-body .solid-color,.container section .create-color .solid-section .solid-body .solid-control{width:50%}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes{margin:24px}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes p{font-size:17px}.container section .create-color .solid-section .solid-body .solid-control .seekbars{margin-bottom:56px}.container section .create-color .solid-section .solid-body .solid-control .seekbars ul:nth-child(2){margin-right:10px}.container section .create-color .gradient-section .gradient-body .gradient-color,.container section .create-color .gradient-section .gradient-body .gradient-control{width:50%}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom p,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top p{font-size:17px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser{min-height:200px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .logo-info img{width:32px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .logo-info p{font-size:15px;margin:12px 0 0 8px}.container section .extract-color .swatch-section .swatch-body .swatch-extract-info p,.container section .extract-color .swatch-section .swatch-body .swatch-extract-info ul li{font-size:medium}.container section .extract-color .palette-section .palette-body .palette-img-chooser{min-height:200px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .logo-info img{width:32px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .logo-info p{font-size:15px;margin:12px 0 0 8px}.container section .extract-color .palette-section .palette-body .extracted-palette{gap:18px;width:98%}.container section .extract-color .palette-section .palette-body .palette-extract-info p,.container section .extract-color .palette-section .palette-body .palette-extract-info ul li{font-size:medium}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card{margin:16px 0}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card p{font-size:medium}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-hex img{height:24px;width:24px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-choose-image{height:40px;width:40px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-choose-image img{height:20px;width:20px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-rgb img{height:24px;width:24px}.container section .harmonize-color .analogous-container .analogous-body .colors-container,.container section .harmonize-color .analogous-container .complement-body .colors-container,.container section .harmonize-color .analogous-container .split-body .colors-container,.container section .harmonize-color .analogous-container .tetradic-body .colors-container,.container section .harmonize-color .analogous-container .triadic-body .colors-container,.container section .harmonize-color .complement-container .analogous-body .colors-container,.container section .harmonize-color .complement-container .complement-body .colors-container,.container section .harmonize-color .complement-container .split-body .colors-container,.container section .harmonize-color .complement-container .tetradic-body .colors-container,.container section .harmonize-color .complement-container .triadic-body .colors-container,.container section .harmonize-color .split-container .analogous-body .colors-container,.container section .harmonize-color .split-container .complement-body .colors-container,.container section .harmonize-color .split-container .split-body .colors-container,.container section .harmonize-color .split-container .tetradic-body .colors-container,.container section .harmonize-color .split-container .triadic-body .colors-container,.container section .harmonize-color .tetradic-container .analogous-body .colors-container,.container section .harmonize-color .tetradic-container .complement-body .colors-container,.container section .harmonize-color .tetradic-container .split-body .colors-container,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container,.container section .harmonize-color .tetradic-container .triadic-body .colors-container,.container section .harmonize-color .triadic-container .analogous-body .colors-container,.container section .harmonize-color .triadic-container .complement-body .colors-container,.container section .harmonize-color .triadic-container .split-body .colors-container,.container section .harmonize-color .triadic-container .tetradic-body .colors-container,.container section .harmonize-color .triadic-container .triadic-body .colors-container{margin-bottom:8px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .colors,.container section .harmonize-color .analogous-container .complement-body .colors-container .colors,.container section .harmonize-color .analogous-container .split-body .colors-container .colors,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .colors,.container section .harmonize-color .analogous-container .triadic-body .colors-container .colors,.container section .harmonize-color .complement-container .analogous-body .colors-container .colors,.container section .harmonize-color .complement-container .complement-body .colors-container .colors,.container section .harmonize-color .complement-container .split-body .colors-container .colors,.container section .harmonize-color .complement-container .tetradic-body .colors-container .colors,.container section .harmonize-color .complement-container .triadic-body .colors-container .colors,.container section .harmonize-color .split-container .analogous-body .colors-container .colors,.container section .harmonize-color .split-container .complement-body .colors-container .colors,.container section .harmonize-color .split-container .split-body .colors-container .colors,.container section .harmonize-color .split-container .tetradic-body .colors-container .colors,.container section .harmonize-color .split-container .triadic-body .colors-container .colors,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .colors,.container section .harmonize-color .tetradic-container .complement-body .colors-container .colors,.container section .harmonize-color .tetradic-container .split-body .colors-container .colors,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .colors,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .colors,.container section .harmonize-color .triadic-container .analogous-body .colors-container .colors,.container section .harmonize-color .triadic-container .complement-body .colors-container .colors,.container section .harmonize-color .triadic-container .split-body .colors-container .colors,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .colors,.container section .harmonize-color .triadic-container .triadic-body .colors-container .colors{height:100px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes,.container section .harmonize-color .analogous-container .complement-body .colors-container .codes,.container section .harmonize-color .analogous-container .split-body .colors-container .codes,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .codes,.container section .harmonize-color .analogous-container .triadic-body .colors-container .codes,.container section .harmonize-color .complement-container .analogous-body .colors-container .codes,.container section .harmonize-color .complement-container .complement-body .colors-container .codes,.container section .harmonize-color .complement-container .split-body .colors-container .codes,.container section .harmonize-color .complement-container .tetradic-body .colors-container .codes,.container section .harmonize-color .complement-container .triadic-body .colors-container .codes,.container section .harmonize-color .split-container .analogous-body .colors-container .codes,.container section .harmonize-color .split-container .complement-body .colors-container .codes,.container section .harmonize-color .split-container .split-body .colors-container .codes,.container section .harmonize-color .split-container .tetradic-body .colors-container .codes,.container section .harmonize-color .split-container .triadic-body .colors-container .codes,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .codes,.container section .harmonize-color .tetradic-container .complement-body .colors-container .codes,.container section .harmonize-color .tetradic-container .split-body .colors-container .codes,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .codes,.container section .harmonize-color .triadic-container .analogous-body .colors-container .codes,.container section .harmonize-color .triadic-container .complement-body .colors-container .codes,.container section .harmonize-color .triadic-container .split-body .colors-container .codes,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .codes,.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes{margin:10px 0}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .complement-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .split-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .complement-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .complement-container .complement-body .colors-container .codes div p,.container section .harmonize-color .complement-container .split-body .colors-container .codes div p,.container section .harmonize-color .complement-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .complement-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .split-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .split-container .complement-body .colors-container .codes div p,.container section .harmonize-color .split-container .split-body .colors-container .codes div p,.container section .harmonize-color .split-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .split-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .complement-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .split-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .complement-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .split-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes div p{font-size:small}.container section .harmonize-color .analogous-container .analogous-body .colors-container .separator,.container section .harmonize-color .analogous-container .complement-body .colors-container .separator,.container section .harmonize-color .analogous-container .split-body .colors-container .separator,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .separator,.container section .harmonize-color .analogous-container .triadic-body .colors-container .separator,.container section .harmonize-color .complement-container .analogous-body .colors-container .separator,.container section .harmonize-color .complement-container .complement-body .colors-container .separator,.container section .harmonize-color .complement-container .split-body .colors-container .separator,.container section .harmonize-color .complement-container .tetradic-body .colors-container .separator,.container section .harmonize-color .complement-container .triadic-body .colors-container .separator,.container section .harmonize-color .split-container .analogous-body .colors-container .separator,.container section .harmonize-color .split-container .complement-body .colors-container .separator,.container section .harmonize-color .split-container .split-body .colors-container .separator,.container section .harmonize-color .split-container .tetradic-body .colors-container .separator,.container section .harmonize-color .split-container .triadic-body .colors-container .separator,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .separator,.container section .harmonize-color .tetradic-container .complement-body .colors-container .separator,.container section .harmonize-color .tetradic-container .split-body .colors-container .separator,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .separator,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .separator,.container section .harmonize-color .triadic-container .analogous-body .colors-container .separator,.container section .harmonize-color .triadic-container .complement-body .colors-container .separator,.container section .harmonize-color .triadic-container .split-body .colors-container .separator,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .separator,.container section .harmonize-color .triadic-container .triadic-body .colors-container .separator{margin-top:12px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .info,.container section .harmonize-color .analogous-container .complement-body .colors-container .info,.container section .harmonize-color .analogous-container .split-body .colors-container .info,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .info,.container section .harmonize-color .analogous-container .triadic-body .colors-container .info,.container section .harmonize-color .complement-container .analogous-body .colors-container .info,.container section .harmonize-color .complement-container .complement-body .colors-container .info,.container section .harmonize-color .complement-container .split-body .colors-container .info,.container section .harmonize-color .complement-container .tetradic-body .colors-container .info,.container section .harmonize-color .complement-container .triadic-body .colors-container .info,.container section .harmonize-color .split-container .analogous-body .colors-container .info,.container section .harmonize-color .split-container .complement-body .colors-container .info,.container section .harmonize-color .split-container .split-body .colors-container .info,.container section .harmonize-color .split-container .tetradic-body .colors-container .info,.container section .harmonize-color .split-container .triadic-body .colors-container .info,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .info,.container section .harmonize-color .tetradic-container .complement-body .colors-container .info,.container section .harmonize-color .tetradic-container .split-body .colors-container .info,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .info,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .info,.container section .harmonize-color .triadic-container .analogous-body .colors-container .info,.container section .harmonize-color .triadic-container .complement-body .colors-container .info,.container section .harmonize-color .triadic-container .split-body .colors-container .info,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .info,.container section .harmonize-color .triadic-container .triadic-body .colors-container .info{font-size:12px;margin:12px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode{margin:6px 12px 12px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode p{font-size:medium;font-weight:700}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode input{margin:2px 0 0 8px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-triadic{display:flex;height:32px;margin-left:20px;transition:.3s;width:32px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-triadic img{height:18px;width:18px}.container section .harmonize-color .analogous-container .analogous-body .color-wheel,.container section .harmonize-color .analogous-container .complement-body .color-wheel,.container section .harmonize-color .analogous-container .split-body .color-wheel,.container section .harmonize-color .analogous-container .tetradic-body .color-wheel,.container section .harmonize-color .analogous-container .triadic-body .color-wheel,.container section .harmonize-color .complement-container .analogous-body .color-wheel,.container section .harmonize-color .complement-container .complement-body .color-wheel,.container section .harmonize-color .complement-container .split-body .color-wheel,.container section .harmonize-color .complement-container .tetradic-body .color-wheel,.container section .harmonize-color .complement-container .triadic-body .color-wheel,.container section .harmonize-color .split-container .analogous-body .color-wheel,.container section .harmonize-color .split-container .complement-body .color-wheel,.container section .harmonize-color .split-container .split-body .color-wheel,.container section .harmonize-color .split-container .tetradic-body .color-wheel,.container section .harmonize-color .split-container .triadic-body .color-wheel,.container section .harmonize-color .tetradic-container .analogous-body .color-wheel,.container section .harmonize-color .tetradic-container .complement-body .color-wheel,.container section .harmonize-color .tetradic-container .split-body .color-wheel,.container section .harmonize-color .tetradic-container .tetradic-body .color-wheel,.container section .harmonize-color .tetradic-container .triadic-body .color-wheel,.container section .harmonize-color .triadic-container .analogous-body .color-wheel,.container section .harmonize-color .triadic-container .complement-body .color-wheel,.container section .harmonize-color .triadic-container .split-body .color-wheel,.container section .harmonize-color .triadic-container .tetradic-body .color-wheel,.container section .harmonize-color .triadic-container .triadic-body .color-wheel{transform:scale(.9)}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes{margin:8px 0}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes div p{font-size:x-small}.container section .saved-color .extraction-container .extraction-items{gap:18px}.swatch-item p{font-size:18px;margin:10px 0 0 14px}.swatch-item .swatch-hex p,.swatch-item .swatch-rgb p{font-size:16px;margin:0 0 0 14px}.swatch-item .swatch-hex img,.swatch-item .swatch-rgb img{height:24px;margin-left:4px;width:24px}.solid-item .color-card{height:84px}.solid-item .solid-hex{margin:2px 0 0}.solid-item .solid-hex p{font-size:13px;margin-left:10px}.solid-item .solid-hex img{height:20px;margin:0 6px 0 0;width:20px}.solid-item .solid-rgb{margin:0 0 2px}.solid-item .solid-rgb p{font-size:13px;margin-left:10px}.solid-item .solid-rgb img{height:20px;margin:0 6px 0 0;width:20px}.gradient-item .color-card{height:84px}.gradient-item .code-holder{margin:2px 8px}.gradient-item .code-holder .color-codes .color-identifier{height:20px;width:20px}.gradient-item .code-holder .color-codes .codes{margin-left:10px;margin-right:10px}.gradient-item .code-holder .color-codes .codes .code p{font-size:13px}.gradient-item .code-holder .color-codes .codes .code img{height:20px;width:20px}.extract-modal .modal-container .extract-image{border-radius:28px;width:100px}.extract-modal .modal-container .swatch-extracts{height:560px;margin-top:-48px;width:360px}.extract-modal .modal-container .modal-option{height:38px;width:38px}.extract-modal .modal-container .modal-option img{width:16px}.dual-item .color-cards,.trial-item .color-cards{height:84px}.dual-item .color-codes,.trial-item .color-codes{margin:2px 10px}.dual-item .color-codes .codes .code p,.trial-item .color-codes .codes .code p{font-size:12px}.dual-item .color-codes .codes .code img,.trial-item .color-codes .codes .code img{height:20px;width:20px}.quadral-item .color-cards{height:84px}.quadral-item .color-codes{margin:6px 10px}.quadral-item .color-codes .codes{align-items:flex-start}.quadral-item .color-codes .codes p{font-size:12px}}@media screen and (max-width:1440px) and (max-height:900px){.container .menu{width:80px}.container .menu div .logo{height:40px;width:40px}.container .menu .settings,.container .menu div ul li img{height:28px;width:28px}.container section .header{height:90px}.container section .header div h1{font-size:30px}.container section .header div p{font-size:13px;margin-bottom:6px}.container section .header img{height:28px;width:28px}.container section .material-color .color-shades{padding:24px 20px}.container section .material-color .color-shades .color-shade{margin:14px}.container section .material-color .color-shades .color-shade div:first-child{height:73%}.container section .material-color .color-shades .color-shade div:nth-child(2){margin:4px 16px}.container section .material-color .color-shades .color-shade div:nth-child(2) div p:first-child{font-size:18px}.container section .material-color .color-shades .color-shade div:nth-child(2) img{width:24px}.container section .material-color .color-holder{grid-auto-rows:72px;grid-template-columns:repeat(1,1fr);margin-bottom:1px;width:120px}.container section .create-color .solid-section .solid-header .solid-header-title img{height:28px;width:28px}.container section .create-color .solid-section .solid-header .solid-alpha-control p,.container section .create-color .solid-section .solid-header .solid-header-title p{font-size:19px}.container section .create-color .solid-section .solid-header .solid-alpha-control input{margin-top:4px;transform:scale(.9)}.container section .create-color .solid-section .solid-body .solid-color{width:45%}.container section .create-color .solid-section .solid-body .solid-control{width:55%}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes{margin:24px}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes p{font-size:17px}.container section .create-color .solid-section .solid-body .solid-control .solid-attributes img{height:24px;width:24px}.container section .create-color .solid-section .solid-body .solid-control .seekbars{margin-bottom:56px}.container section .create-color .solid-section .solid-body .solid-control .seekbars ul:nth-child(2){margin-right:6px}.container section .create-color .gradient-section .gradient-header .gradient-header-title img{height:28px;width:28px}.container section .create-color .gradient-section .gradient-header .gradient-alpha-control p,.container section .create-color .gradient-section .gradient-header .gradient-header-title p{font-size:19px}.container section .create-color .gradient-section .gradient-header .gradient-alpha-control input{margin-top:4px;transform:scale(.9)}.container section .create-color .gradient-section .gradient-body .gradient-color{width:45%}.container section .create-color .gradient-section .gradient-body .gradient-control{width:55%}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom p,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top p{font-size:17px}.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-bottom img,.container section .create-color .gradient-section .gradient-body .gradient-control .gradient-top img{height:24px;width:24px}.container section .extract-color .swatch-section .swatch-header .swatch-header-title p{font-size:19px}.container section .extract-color .swatch-section .swatch-header .swatch-header-title img{height:28px;width:28px}.container section .extract-color .swatch-section .swatch-header .swatch-reset p{font-size:19px}.container section .extract-color .swatch-section .swatch-header .swatch-reset img{height:24px;width:24px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser{min-height:180px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .logo-info img{width:32px}.container section .extract-color .swatch-section .swatch-body .swatch-img-chooser .logo-info p{font-size:15px;margin:12px 0 0 8px}.container section .extract-color .swatch-section .swatch-body .swatch-extract-info p,.container section .extract-color .swatch-section .swatch-body .swatch-extract-info ul li{font-size:medium}.container section .extract-color .palette-section .palette-header .palette-header-title p{font-size:19px}.container section .extract-color .palette-section .palette-header .palette-header-title img{height:28px;width:28px}.container section .extract-color .palette-section .palette-header .palette-reset p{font-size:19px}.container section .extract-color .palette-section .palette-header .palette-reset img{height:24px;width:24px}.container section .extract-color .palette-section .palette-body .palette-img-chooser{min-height:180px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .logo-info img{width:32px}.container section .extract-color .palette-section .palette-body .palette-img-chooser .logo-info p{font-size:15px;margin:12px 0 0 8px}.container section .extract-color .palette-section .palette-body .extracted-palette{gap:20px;grid-template-columns:repeat(2,1fr);width:95%}.container section .extract-color .palette-section .palette-body .palette-extract-info p,.container section .extract-color .palette-section .palette-body .palette-extract-info ul li{font-size:medium}.container section .extract-color .manual-section .manual-header .manual-header-title p{font-size:19px}.container section .extract-color .manual-section .manual-header .manual-header-title img{height:28px;width:28px}.container section .extract-color .manual-section .manual-header .manual-reset p{font-size:19px}.container section .extract-color .manual-section .manual-header .manual-reset img{height:24px;width:24px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card{margin:16px 0}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card p{font-size:medium}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-hex img{height:24px;width:24px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-choose-image{height:40px;width:40px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-choose-image img{height:20px;width:20px}.container section .extract-color .manual-section .manual-body .manual-img-background .manual-color-card .manual-color-rgb img{height:24px;width:24px}.container section .harmonize-color .analogous-container .analogous-header .analogous-header-title p,.container section .harmonize-color .analogous-container .analogous-header .complement-header-title p,.container section .harmonize-color .analogous-container .analogous-header .split-header-title p,.container section .harmonize-color .analogous-container .analogous-header .tetradic-header-title p,.container section .harmonize-color .analogous-container .analogous-header .triadic-header-title p,.container section .harmonize-color .analogous-container .complement-header .analogous-header-title p,.container section .harmonize-color .analogous-container .complement-header .complement-header-title p,.container section .harmonize-color .analogous-container .complement-header .split-header-title p,.container section .harmonize-color .analogous-container .complement-header .tetradic-header-title p,.container section .harmonize-color .analogous-container .complement-header .triadic-header-title p,.container section .harmonize-color .analogous-container .split-header .analogous-header-title p,.container section .harmonize-color .analogous-container .split-header .complement-header-title p,.container section .harmonize-color .analogous-container .split-header .split-header-title p,.container section .harmonize-color .analogous-container .split-header .tetradic-header-title p,.container section .harmonize-color .analogous-container .split-header .triadic-header-title p,.container section .harmonize-color .analogous-container .tetradic-header .analogous-header-title p,.container section .harmonize-color .analogous-container .tetradic-header .complement-header-title p,.container section .harmonize-color .analogous-container .tetradic-header .split-header-title p,.container section .harmonize-color .analogous-container .tetradic-header .tetradic-header-title p,.container section .harmonize-color .analogous-container .tetradic-header .triadic-header-title p,.container section .harmonize-color .analogous-container .triadic-header .analogous-header-title p,.container section .harmonize-color .analogous-container .triadic-header .complement-header-title p,.container section .harmonize-color .analogous-container .triadic-header .split-header-title p,.container section .harmonize-color .analogous-container .triadic-header .tetradic-header-title p,.container section .harmonize-color .analogous-container .triadic-header .triadic-header-title p,.container section .harmonize-color .complement-container .analogous-header .analogous-header-title p,.container section .harmonize-color .complement-container .analogous-header .complement-header-title p,.container section .harmonize-color .complement-container .analogous-header .split-header-title p,.container section .harmonize-color .complement-container .analogous-header .tetradic-header-title p,.container section .harmonize-color .complement-container .analogous-header .triadic-header-title p,.container section .harmonize-color .complement-container .complement-header .analogous-header-title p,.container section .harmonize-color .complement-container .complement-header .complement-header-title p,.container section .harmonize-color .complement-container .complement-header .split-header-title p,.container section .harmonize-color .complement-container .complement-header .tetradic-header-title p,.container section .harmonize-color .complement-container .complement-header .triadic-header-title p,.container section .harmonize-color .complement-container .split-header .analogous-header-title p,.container section .harmonize-color .complement-container .split-header .complement-header-title p,.container section .harmonize-color .complement-container .split-header .split-header-title p,.container section .harmonize-color .complement-container .split-header .tetradic-header-title p,.container section .harmonize-color .complement-container .split-header .triadic-header-title p,.container section .harmonize-color .complement-container .tetradic-header .analogous-header-title p,.container section .harmonize-color .complement-container .tetradic-header .complement-header-title p,.container section .harmonize-color .complement-container .tetradic-header .split-header-title p,.container section .harmonize-color .complement-container .tetradic-header .tetradic-header-title p,.container section .harmonize-color .complement-container .tetradic-header .triadic-header-title p,.container section .harmonize-color .complement-container .triadic-header .analogous-header-title p,.container section .harmonize-color .complement-container .triadic-header .complement-header-title p,.container section .harmonize-color .complement-container .triadic-header .split-header-title p,.container section .harmonize-color .complement-container .triadic-header .tetradic-header-title p,.container section .harmonize-color .complement-container .triadic-header .triadic-header-title p,.container section .harmonize-color .split-container .analogous-header .analogous-header-title p,.container section .harmonize-color .split-container .analogous-header .complement-header-title p,.container section .harmonize-color .split-container .analogous-header .split-header-title p,.container section .harmonize-color .split-container .analogous-header .tetradic-header-title p,.container section .harmonize-color .split-container .analogous-header .triadic-header-title p,.container section .harmonize-color .split-container .complement-header .analogous-header-title p,.container section .harmonize-color .split-container .complement-header .complement-header-title p,.container section .harmonize-color .split-container .complement-header .split-header-title p,.container section .harmonize-color .split-container .complement-header .tetradic-header-title p,.container section .harmonize-color .split-container .complement-header .triadic-header-title p,.container section .harmonize-color .split-container .split-header .analogous-header-title p,.container section .harmonize-color .split-container .split-header .complement-header-title p,.container section .harmonize-color .split-container .split-header .split-header-title p,.container section .harmonize-color .split-container .split-header .tetradic-header-title p,.container section .harmonize-color .split-container .split-header .triadic-header-title p,.container section .harmonize-color .split-container .tetradic-header .analogous-header-title p,.container section .harmonize-color .split-container .tetradic-header .complement-header-title p,.container section .harmonize-color .split-container .tetradic-header .split-header-title p,.container section .harmonize-color .split-container .tetradic-header .tetradic-header-title p,.container section .harmonize-color .split-container .tetradic-header .triadic-header-title p,.container section .harmonize-color .split-container .triadic-header .analogous-header-title p,.container section .harmonize-color .split-container .triadic-header .complement-header-title p,.container section .harmonize-color .split-container .triadic-header .split-header-title p,.container section .harmonize-color .split-container .triadic-header .tetradic-header-title p,.container section .harmonize-color .split-container .triadic-header .triadic-header-title p,.container section .harmonize-color .tetradic-container .analogous-header .analogous-header-title p,.container section .harmonize-color .tetradic-container .analogous-header .complement-header-title p,.container section .harmonize-color .tetradic-container .analogous-header .split-header-title p,.container section .harmonize-color .tetradic-container .analogous-header .tetradic-header-title p,.container section .harmonize-color .tetradic-container .analogous-header .triadic-header-title p,.container section .harmonize-color .tetradic-container .complement-header .analogous-header-title p,.container section .harmonize-color .tetradic-container .complement-header .complement-header-title p,.container section .harmonize-color .tetradic-container .complement-header .split-header-title p,.container section .harmonize-color .tetradic-container .complement-header .tetradic-header-title p,.container section .harmonize-color .tetradic-container .complement-header .triadic-header-title p,.container section .harmonize-color .tetradic-container .split-header .analogous-header-title p,.container section .harmonize-color .tetradic-container .split-header .complement-header-title p,.container section .harmonize-color .tetradic-container .split-header .split-header-title p,.container section .harmonize-color .tetradic-container .split-header .tetradic-header-title p,.container section .harmonize-color .tetradic-container .split-header .triadic-header-title p,.container section .harmonize-color .tetradic-container .tetradic-header .analogous-header-title p,.container section .harmonize-color .tetradic-container .tetradic-header .complement-header-title p,.container section .harmonize-color .tetradic-container .tetradic-header .split-header-title p,.container section .harmonize-color .tetradic-container .tetradic-header .tetradic-header-title p,.container section .harmonize-color .tetradic-container .tetradic-header .triadic-header-title p,.container section .harmonize-color .tetradic-container .triadic-header .analogous-header-title p,.container section .harmonize-color .tetradic-container .triadic-header .complement-header-title p,.container section .harmonize-color .tetradic-container .triadic-header .split-header-title p,.container section .harmonize-color .tetradic-container .triadic-header .tetradic-header-title p,.container section .harmonize-color .tetradic-container .triadic-header .triadic-header-title p,.container section .harmonize-color .triadic-container .analogous-header .analogous-header-title p,.container section .harmonize-color .triadic-container .analogous-header .complement-header-title p,.container section .harmonize-color .triadic-container .analogous-header .split-header-title p,.container section .harmonize-color .triadic-container .analogous-header .tetradic-header-title p,.container section .harmonize-color .triadic-container .analogous-header .triadic-header-title p,.container section .harmonize-color .triadic-container .complement-header .analogous-header-title p,.container section .harmonize-color .triadic-container .complement-header .complement-header-title p,.container section .harmonize-color .triadic-container .complement-header .split-header-title p,.container section .harmonize-color .triadic-container .complement-header .tetradic-header-title p,.container section .harmonize-color .triadic-container .complement-header .triadic-header-title p,.container section .harmonize-color .triadic-container .split-header .analogous-header-title p,.container section .harmonize-color .triadic-container .split-header .complement-header-title p,.container section .harmonize-color .triadic-container .split-header .split-header-title p,.container section .harmonize-color .triadic-container .split-header .tetradic-header-title p,.container section .harmonize-color .triadic-container .split-header .triadic-header-title p,.container section .harmonize-color .triadic-container .tetradic-header .analogous-header-title p,.container section .harmonize-color .triadic-container .tetradic-header .complement-header-title p,.container section .harmonize-color .triadic-container .tetradic-header .split-header-title p,.container section .harmonize-color .triadic-container .tetradic-header .tetradic-header-title p,.container section .harmonize-color .triadic-container .tetradic-header .triadic-header-title p,.container section .harmonize-color .triadic-container .triadic-header .analogous-header-title p,.container section .harmonize-color .triadic-container .triadic-header .complement-header-title p,.container section .harmonize-color .triadic-container .triadic-header .split-header-title p,.container section .harmonize-color .triadic-container .triadic-header .tetradic-header-title p,.container section .harmonize-color .triadic-container .triadic-header .triadic-header-title p{font-size:19px}.container section .harmonize-color .analogous-container .analogous-header .analogous-header-title img,.container section .harmonize-color .analogous-container .analogous-header .complement-header-title img,.container section .harmonize-color .analogous-container .analogous-header .split-header-title img,.container section .harmonize-color .analogous-container .analogous-header .tetradic-header-title img,.container section .harmonize-color .analogous-container .analogous-header .triadic-header-title img,.container section .harmonize-color .analogous-container .complement-header .analogous-header-title img,.container section .harmonize-color .analogous-container .complement-header .complement-header-title img,.container section .harmonize-color .analogous-container .complement-header .split-header-title img,.container section .harmonize-color .analogous-container .complement-header .tetradic-header-title img,.container section .harmonize-color .analogous-container .complement-header .triadic-header-title img,.container section .harmonize-color .analogous-container .split-header .analogous-header-title img,.container section .harmonize-color .analogous-container .split-header .complement-header-title img,.container section .harmonize-color .analogous-container .split-header .split-header-title img,.container section .harmonize-color .analogous-container .split-header .tetradic-header-title img,.container section .harmonize-color .analogous-container .split-header .triadic-header-title img,.container section .harmonize-color .analogous-container .tetradic-header .analogous-header-title img,.container section .harmonize-color .analogous-container .tetradic-header .complement-header-title img,.container section .harmonize-color .analogous-container .tetradic-header .split-header-title img,.container section .harmonize-color .analogous-container .tetradic-header .tetradic-header-title img,.container section .harmonize-color .analogous-container .tetradic-header .triadic-header-title img,.container section .harmonize-color .analogous-container .triadic-header .analogous-header-title img,.container section .harmonize-color .analogous-container .triadic-header .complement-header-title img,.container section .harmonize-color .analogous-container .triadic-header .split-header-title img,.container section .harmonize-color .analogous-container .triadic-header .tetradic-header-title img,.container section .harmonize-color .analogous-container .triadic-header .triadic-header-title img,.container section .harmonize-color .complement-container .analogous-header .analogous-header-title img,.container section .harmonize-color .complement-container .analogous-header .complement-header-title img,.container section .harmonize-color .complement-container .analogous-header .split-header-title img,.container section .harmonize-color .complement-container .analogous-header .tetradic-header-title img,.container section .harmonize-color .complement-container .analogous-header .triadic-header-title img,.container section .harmonize-color .complement-container .complement-header .analogous-header-title img,.container section .harmonize-color .complement-container .complement-header .complement-header-title img,.container section .harmonize-color .complement-container .complement-header .split-header-title img,.container section .harmonize-color .complement-container .complement-header .tetradic-header-title img,.container section .harmonize-color .complement-container .complement-header .triadic-header-title img,.container section .harmonize-color .complement-container .split-header .analogous-header-title img,.container section .harmonize-color .complement-container .split-header .complement-header-title img,.container section .harmonize-color .complement-container .split-header .split-header-title img,.container section .harmonize-color .complement-container .split-header .tetradic-header-title img,.container section .harmonize-color .complement-container .split-header .triadic-header-title img,.container section .harmonize-color .complement-container .tetradic-header .analogous-header-title img,.container section .harmonize-color .complement-container .tetradic-header .complement-header-title img,.container section .harmonize-color .complement-container .tetradic-header .split-header-title img,.container section .harmonize-color .complement-container .tetradic-header .tetradic-header-title img,.container section .harmonize-color .complement-container .tetradic-header .triadic-header-title img,.container section .harmonize-color .complement-container .triadic-header .analogous-header-title img,.container section .harmonize-color .complement-container .triadic-header .complement-header-title img,.container section .harmonize-color .complement-container .triadic-header .split-header-title img,.container section .harmonize-color .complement-container .triadic-header .tetradic-header-title img,.container section .harmonize-color .complement-container .triadic-header .triadic-header-title img,.container section .harmonize-color .split-container .analogous-header .analogous-header-title img,.container section .harmonize-color .split-container .analogous-header .complement-header-title img,.container section .harmonize-color .split-container .analogous-header .split-header-title img,.container section .harmonize-color .split-container .analogous-header .tetradic-header-title img,.container section .harmonize-color .split-container .analogous-header .triadic-header-title img,.container section .harmonize-color .split-container .complement-header .analogous-header-title img,.container section .harmonize-color .split-container .complement-header .complement-header-title img,.container section .harmonize-color .split-container .complement-header .split-header-title img,.container section .harmonize-color .split-container .complement-header .tetradic-header-title img,.container section .harmonize-color .split-container .complement-header .triadic-header-title img,.container section .harmonize-color .split-container .split-header .analogous-header-title img,.container section .harmonize-color .split-container .split-header .complement-header-title img,.container section .harmonize-color .split-container .split-header .split-header-title img,.container section .harmonize-color .split-container .split-header .tetradic-header-title img,.container section .harmonize-color .split-container .split-header .triadic-header-title img,.container section .harmonize-color .split-container .tetradic-header .analogous-header-title img,.container section .harmonize-color .split-container .tetradic-header .complement-header-title img,.container section .harmonize-color .split-container .tetradic-header .split-header-title img,.container section .harmonize-color .split-container .tetradic-header .tetradic-header-title img,.container section .harmonize-color .split-container .tetradic-header .triadic-header-title img,.container section .harmonize-color .split-container .triadic-header .analogous-header-title img,.container section .harmonize-color .split-container .triadic-header .complement-header-title img,.container section .harmonize-color .split-container .triadic-header .split-header-title img,.container section .harmonize-color .split-container .triadic-header .tetradic-header-title img,.container section .harmonize-color .split-container .triadic-header .triadic-header-title img,.container section .harmonize-color .tetradic-container .analogous-header .analogous-header-title img,.container section .harmonize-color .tetradic-container .analogous-header .complement-header-title img,.container section .harmonize-color .tetradic-container .analogous-header .split-header-title img,.container section .harmonize-color .tetradic-container .analogous-header .tetradic-header-title img,.container section .harmonize-color .tetradic-container .analogous-header .triadic-header-title img,.container section .harmonize-color .tetradic-container .complement-header .analogous-header-title img,.container section .harmonize-color .tetradic-container .complement-header .complement-header-title img,.container section .harmonize-color .tetradic-container .complement-header .split-header-title img,.container section .harmonize-color .tetradic-container .complement-header .tetradic-header-title img,.container section .harmonize-color .tetradic-container .complement-header .triadic-header-title img,.container section .harmonize-color .tetradic-container .split-header .analogous-header-title img,.container section .harmonize-color .tetradic-container .split-header .complement-header-title img,.container section .harmonize-color .tetradic-container .split-header .split-header-title img,.container section .harmonize-color .tetradic-container .split-header .tetradic-header-title img,.container section .harmonize-color .tetradic-container .split-header .triadic-header-title img,.container section .harmonize-color .tetradic-container .tetradic-header .analogous-header-title img,.container section .harmonize-color .tetradic-container .tetradic-header .complement-header-title img,.container section .harmonize-color .tetradic-container .tetradic-header .split-header-title img,.container section .harmonize-color .tetradic-container .tetradic-header .tetradic-header-title img,.container section .harmonize-color .tetradic-container .tetradic-header .triadic-header-title img,.container section .harmonize-color .tetradic-container .triadic-header .analogous-header-title img,.container section .harmonize-color .tetradic-container .triadic-header .complement-header-title img,.container section .harmonize-color .tetradic-container .triadic-header .split-header-title img,.container section .harmonize-color .tetradic-container .triadic-header .tetradic-header-title img,.container section .harmonize-color .tetradic-container .triadic-header .triadic-header-title img,.container section .harmonize-color .triadic-container .analogous-header .analogous-header-title img,.container section .harmonize-color .triadic-container .analogous-header .complement-header-title img,.container section .harmonize-color .triadic-container .analogous-header .split-header-title img,.container section .harmonize-color .triadic-container .analogous-header .tetradic-header-title img,.container section .harmonize-color .triadic-container .analogous-header .triadic-header-title img,.container section .harmonize-color .triadic-container .complement-header .analogous-header-title img,.container section .harmonize-color .triadic-container .complement-header .complement-header-title img,.container section .harmonize-color .triadic-container .complement-header .split-header-title img,.container section .harmonize-color .triadic-container .complement-header .tetradic-header-title img,.container section .harmonize-color .triadic-container .complement-header .triadic-header-title img,.container section .harmonize-color .triadic-container .split-header .analogous-header-title img,.container section .harmonize-color .triadic-container .split-header .complement-header-title img,.container section .harmonize-color .triadic-container .split-header .split-header-title img,.container section .harmonize-color .triadic-container .split-header .tetradic-header-title img,.container section .harmonize-color .triadic-container .split-header .triadic-header-title img,.container section .harmonize-color .triadic-container .tetradic-header .analogous-header-title img,.container section .harmonize-color .triadic-container .tetradic-header .complement-header-title img,.container section .harmonize-color .triadic-container .tetradic-header .split-header-title img,.container section .harmonize-color .triadic-container .tetradic-header .tetradic-header-title img,.container section .harmonize-color .triadic-container .tetradic-header .triadic-header-title img,.container section .harmonize-color .triadic-container .triadic-header .analogous-header-title img,.container section .harmonize-color .triadic-container .triadic-header .complement-header-title img,.container section .harmonize-color .triadic-container .triadic-header .split-header-title img,.container section .harmonize-color .triadic-container .triadic-header .tetradic-header-title img,.container section .harmonize-color .triadic-container .triadic-header .triadic-header-title img{height:28px;width:28px}.container section .harmonize-color .analogous-container .analogous-body .colors-container,.container section .harmonize-color .analogous-container .complement-body .colors-container,.container section .harmonize-color .analogous-container .split-body .colors-container,.container section .harmonize-color .analogous-container .tetradic-body .colors-container,.container section .harmonize-color .analogous-container .triadic-body .colors-container,.container section .harmonize-color .complement-container .analogous-body .colors-container,.container section .harmonize-color .complement-container .complement-body .colors-container,.container section .harmonize-color .complement-container .split-body .colors-container,.container section .harmonize-color .complement-container .tetradic-body .colors-container,.container section .harmonize-color .complement-container .triadic-body .colors-container,.container section .harmonize-color .split-container .analogous-body .colors-container,.container section .harmonize-color .split-container .complement-body .colors-container,.container section .harmonize-color .split-container .split-body .colors-container,.container section .harmonize-color .split-container .tetradic-body .colors-container,.container section .harmonize-color .split-container .triadic-body .colors-container,.container section .harmonize-color .tetradic-container .analogous-body .colors-container,.container section .harmonize-color .tetradic-container .complement-body .colors-container,.container section .harmonize-color .tetradic-container .split-body .colors-container,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container,.container section .harmonize-color .tetradic-container .triadic-body .colors-container,.container section .harmonize-color .triadic-container .analogous-body .colors-container,.container section .harmonize-color .triadic-container .complement-body .colors-container,.container section .harmonize-color .triadic-container .split-body .colors-container,.container section .harmonize-color .triadic-container .tetradic-body .colors-container,.container section .harmonize-color .triadic-container .triadic-body .colors-container{margin-bottom:8px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .colors,.container section .harmonize-color .analogous-container .complement-body .colors-container .colors,.container section .harmonize-color .analogous-container .split-body .colors-container .colors,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .colors,.container section .harmonize-color .analogous-container .triadic-body .colors-container .colors,.container section .harmonize-color .complement-container .analogous-body .colors-container .colors,.container section .harmonize-color .complement-container .complement-body .colors-container .colors,.container section .harmonize-color .complement-container .split-body .colors-container .colors,.container section .harmonize-color .complement-container .tetradic-body .colors-container .colors,.container section .harmonize-color .complement-container .triadic-body .colors-container .colors,.container section .harmonize-color .split-container .analogous-body .colors-container .colors,.container section .harmonize-color .split-container .complement-body .colors-container .colors,.container section .harmonize-color .split-container .split-body .colors-container .colors,.container section .harmonize-color .split-container .tetradic-body .colors-container .colors,.container section .harmonize-color .split-container .triadic-body .colors-container .colors,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .colors,.container section .harmonize-color .tetradic-container .complement-body .colors-container .colors,.container section .harmonize-color .tetradic-container .split-body .colors-container .colors,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .colors,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .colors,.container section .harmonize-color .triadic-container .analogous-body .colors-container .colors,.container section .harmonize-color .triadic-container .complement-body .colors-container .colors,.container section .harmonize-color .triadic-container .split-body .colors-container .colors,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .colors,.container section .harmonize-color .triadic-container .triadic-body .colors-container .colors{height:100px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes,.container section .harmonize-color .analogous-container .complement-body .colors-container .codes,.container section .harmonize-color .analogous-container .split-body .colors-container .codes,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .codes,.container section .harmonize-color .analogous-container .triadic-body .colors-container .codes,.container section .harmonize-color .complement-container .analogous-body .colors-container .codes,.container section .harmonize-color .complement-container .complement-body .colors-container .codes,.container section .harmonize-color .complement-container .split-body .colors-container .codes,.container section .harmonize-color .complement-container .tetradic-body .colors-container .codes,.container section .harmonize-color .complement-container .triadic-body .colors-container .codes,.container section .harmonize-color .split-container .analogous-body .colors-container .codes,.container section .harmonize-color .split-container .complement-body .colors-container .codes,.container section .harmonize-color .split-container .split-body .colors-container .codes,.container section .harmonize-color .split-container .tetradic-body .colors-container .codes,.container section .harmonize-color .split-container .triadic-body .colors-container .codes,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .codes,.container section .harmonize-color .tetradic-container .complement-body .colors-container .codes,.container section .harmonize-color .tetradic-container .split-body .colors-container .codes,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .codes,.container section .harmonize-color .triadic-container .analogous-body .colors-container .codes,.container section .harmonize-color .triadic-container .complement-body .colors-container .codes,.container section .harmonize-color .triadic-container .split-body .colors-container .codes,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .codes,.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes{margin:10px 0}.container section .harmonize-color .analogous-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .complement-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .split-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .analogous-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .complement-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .complement-container .complement-body .colors-container .codes div p,.container section .harmonize-color .complement-container .split-body .colors-container .codes div p,.container section .harmonize-color .complement-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .complement-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .split-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .split-container .complement-body .colors-container .codes div p,.container section .harmonize-color .split-container .split-body .colors-container .codes div p,.container section .harmonize-color .split-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .split-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .complement-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .split-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .analogous-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .complement-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .split-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .codes div p,.container section .harmonize-color .triadic-container .triadic-body .colors-container .codes div p{font-size:small}.container section .harmonize-color .analogous-container .analogous-body .colors-container .separator,.container section .harmonize-color .analogous-container .complement-body .colors-container .separator,.container section .harmonize-color .analogous-container .split-body .colors-container .separator,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .separator,.container section .harmonize-color .analogous-container .triadic-body .colors-container .separator,.container section .harmonize-color .complement-container .analogous-body .colors-container .separator,.container section .harmonize-color .complement-container .complement-body .colors-container .separator,.container section .harmonize-color .complement-container .split-body .colors-container .separator,.container section .harmonize-color .complement-container .tetradic-body .colors-container .separator,.container section .harmonize-color .complement-container .triadic-body .colors-container .separator,.container section .harmonize-color .split-container .analogous-body .colors-container .separator,.container section .harmonize-color .split-container .complement-body .colors-container .separator,.container section .harmonize-color .split-container .split-body .colors-container .separator,.container section .harmonize-color .split-container .tetradic-body .colors-container .separator,.container section .harmonize-color .split-container .triadic-body .colors-container .separator,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .separator,.container section .harmonize-color .tetradic-container .complement-body .colors-container .separator,.container section .harmonize-color .tetradic-container .split-body .colors-container .separator,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .separator,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .separator,.container section .harmonize-color .triadic-container .analogous-body .colors-container .separator,.container section .harmonize-color .triadic-container .complement-body .colors-container .separator,.container section .harmonize-color .triadic-container .split-body .colors-container .separator,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .separator,.container section .harmonize-color .triadic-container .triadic-body .colors-container .separator{margin-top:12px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .info,.container section .harmonize-color .analogous-container .complement-body .colors-container .info,.container section .harmonize-color .analogous-container .split-body .colors-container .info,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .info,.container section .harmonize-color .analogous-container .triadic-body .colors-container .info,.container section .harmonize-color .complement-container .analogous-body .colors-container .info,.container section .harmonize-color .complement-container .complement-body .colors-container .info,.container section .harmonize-color .complement-container .split-body .colors-container .info,.container section .harmonize-color .complement-container .tetradic-body .colors-container .info,.container section .harmonize-color .complement-container .triadic-body .colors-container .info,.container section .harmonize-color .split-container .analogous-body .colors-container .info,.container section .harmonize-color .split-container .complement-body .colors-container .info,.container section .harmonize-color .split-container .split-body .colors-container .info,.container section .harmonize-color .split-container .tetradic-body .colors-container .info,.container section .harmonize-color .split-container .triadic-body .colors-container .info,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .info,.container section .harmonize-color .tetradic-container .complement-body .colors-container .info,.container section .harmonize-color .tetradic-container .split-body .colors-container .info,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .info,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .info,.container section .harmonize-color .triadic-container .analogous-body .colors-container .info,.container section .harmonize-color .triadic-container .complement-body .colors-container .info,.container section .harmonize-color .triadic-container .split-body .colors-container .info,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .info,.container section .harmonize-color .triadic-container .triadic-body .colors-container .info{font-size:12px;margin:12px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode{margin:6px 12px 12px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode p,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode p{font-size:medium;font-weight:700}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode input,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode input{margin:2px 0 0 8px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-triadic,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-analogous,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-complement,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-split,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-tetradic,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-triadic{display:flex;height:32px;margin-left:20px;transition:.3s;width:32px}.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .analogous-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .complement-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .split-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .tetradic-container .triadic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .analogous-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .complement-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .split-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .tetradic-body .colors-container .invert-mode .save-triadic img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-analogous img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-complement img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-split img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-tetradic img,.container section .harmonize-color .triadic-container .triadic-body .colors-container .invert-mode .save-triadic img{height:18px;width:18px}.container section .harmonize-color .analogous-container .analogous-body .color-wheel,.container section .harmonize-color .analogous-container .complement-body .color-wheel,.container section .harmonize-color .analogous-container .split-body .color-wheel,.container section .harmonize-color .analogous-container .tetradic-body .color-wheel,.container section .harmonize-color .analogous-container .triadic-body .color-wheel,.container section .harmonize-color .complement-container .analogous-body .color-wheel,.container section .harmonize-color .complement-container .complement-body .color-wheel,.container section .harmonize-color .complement-container .split-body .color-wheel,.container section .harmonize-color .complement-container .tetradic-body .color-wheel,.container section .harmonize-color .complement-container .triadic-body .color-wheel,.container section .harmonize-color .split-container .analogous-body .color-wheel,.container section .harmonize-color .split-container .complement-body .color-wheel,.container section .harmonize-color .split-container .split-body .color-wheel,.container section .harmonize-color .split-container .tetradic-body .color-wheel,.container section .harmonize-color .split-container .triadic-body .color-wheel,.container section .harmonize-color .tetradic-container .analogous-body .color-wheel,.container section .harmonize-color .tetradic-container .complement-body .color-wheel,.container section .harmonize-color .tetradic-container .split-body .color-wheel,.container section .harmonize-color .tetradic-container .tetradic-body .color-wheel,.container section .harmonize-color .tetradic-container .triadic-body .color-wheel,.container section .harmonize-color .triadic-container .analogous-body .color-wheel,.container section .harmonize-color .triadic-container .complement-body .color-wheel,.container section .harmonize-color .triadic-container .split-body .color-wheel,.container section .harmonize-color .triadic-container .tetradic-body .color-wheel,.container section .harmonize-color .triadic-container .triadic-body .color-wheel{transform:scale(.9)}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes{margin:8px 0}.container section .harmonize-color .tetradic-container .tetradic-body .colors-container .codes div p{font-size:11px}.container section .saved-color .extraction-container .extraction-header .extraction-header-title p,.container section .saved-color .extraction-container .extraction-header .harmony-header-title p,.container section .saved-color .extraction-container .extraction-header .preset-header-title p,.container section .saved-color .extraction-container .extraction-header .solgrad-header-title p,.container section .saved-color .extraction-container .harmony-header .extraction-header-title p,.container section .saved-color .extraction-container .harmony-header .harmony-header-title p,.container section .saved-color .extraction-container .harmony-header .preset-header-title p,.container section .saved-color .extraction-container .harmony-header .solgrad-header-title p,.container section .saved-color .extraction-container .preset-header .extraction-header-title p,.container section .saved-color .extraction-container .preset-header .harmony-header-title p,.container section .saved-color .extraction-container .preset-header .preset-header-title p,.container section .saved-color .extraction-container .preset-header .solgrad-header-title p,.container section .saved-color .extraction-container .solgrad-header .extraction-header-title p,.container section .saved-color .extraction-container .solgrad-header .harmony-header-title p,.container section .saved-color .extraction-container .solgrad-header .preset-header-title p,.container section .saved-color .extraction-container .solgrad-header .solgrad-header-title p,.container section .saved-color .harmony-container .extraction-header .extraction-header-title p,.container section .saved-color .harmony-container .extraction-header .harmony-header-title p,.container section .saved-color .harmony-container .extraction-header .preset-header-title p,.container section .saved-color .harmony-container .extraction-header .solgrad-header-title p,.container section .saved-color .harmony-container .harmony-header .extraction-header-title p,.container section .saved-color .harmony-container .harmony-header .harmony-header-title p,.container section .saved-color .harmony-container .harmony-header .preset-header-title p,.container section .saved-color .harmony-container .harmony-header .solgrad-header-title p,.container section .saved-color .harmony-container .preset-header .extraction-header-title p,.container section .saved-color .harmony-container .preset-header .harmony-header-title p,.container section .saved-color .harmony-container .preset-header .preset-header-title p,.container section .saved-color .harmony-container .preset-header .solgrad-header-title p,.container section .saved-color .harmony-container .solgrad-header .extraction-header-title p,.container section .saved-color .harmony-container .solgrad-header .harmony-header-title p,.container section .saved-color .harmony-container .solgrad-header .preset-header-title p,.container section .saved-color .harmony-container .solgrad-header .solgrad-header-title p,.container section .saved-color .preset-container .extraction-header .extraction-header-title p,.container section .saved-color .preset-container .extraction-header .harmony-header-title p,.container section .saved-color .preset-container .extraction-header .preset-header-title p,.container section .saved-color .preset-container .extraction-header .solgrad-header-title p,.container section .saved-color .preset-container .harmony-header .extraction-header-title p,.container section .saved-color .preset-container .harmony-header .harmony-header-title p,.container section .saved-color .preset-container .harmony-header .preset-header-title p,.container section .saved-color .preset-container .harmony-header .solgrad-header-title p,.container section .saved-color .preset-container .preset-header .extraction-header-title p,.container section .saved-color .preset-container .preset-header .harmony-header-title p,.container section .saved-color .preset-container .preset-header .preset-header-title p,.container section .saved-color .preset-container .preset-header .solgrad-header-title p,.container section .saved-color .preset-container .solgrad-header .extraction-header-title p,.container section .saved-color .preset-container .solgrad-header .harmony-header-title p,.container section .saved-color .preset-container .solgrad-header .preset-header-title p,.container section .saved-color .preset-container .solgrad-header .solgrad-header-title p,.container section .saved-color .solgrad-container .extraction-header .extraction-header-title p,.container section .saved-color .solgrad-container .extraction-header .harmony-header-title p,.container section .saved-color .solgrad-container .extraction-header .preset-header-title p,.container section .saved-color .solgrad-container .extraction-header .solgrad-header-title p,.container section .saved-color .solgrad-container .harmony-header .extraction-header-title p,.container section .saved-color .solgrad-container .harmony-header .harmony-header-title p,.container section .saved-color .solgrad-container .harmony-header .preset-header-title p,.container section .saved-color .solgrad-container .harmony-header .solgrad-header-title p,.container section .saved-color .solgrad-container .preset-header .extraction-header-title p,.container section .saved-color .solgrad-container .preset-header .harmony-header-title p,.container section .saved-color .solgrad-container .preset-header .preset-header-title p,.container section .saved-color .solgrad-container .preset-header .solgrad-header-title p,.container section .saved-color .solgrad-container .solgrad-header .extraction-header-title p,.container section .saved-color .solgrad-container .solgrad-header .harmony-header-title p,.container section .saved-color .solgrad-container .solgrad-header .preset-header-title p,.container section .saved-color .solgrad-container .solgrad-header .solgrad-header-title p{font-size:19px}.container section .saved-color .extraction-container .extraction-header .extraction-header-title img,.container section .saved-color .extraction-container .extraction-header .harmony-header-title img,.container section .saved-color .extraction-container .extraction-header .preset-header-title img,.container section .saved-color .extraction-container .extraction-header .solgrad-header-title img,.container section .saved-color .extraction-container .harmony-header .extraction-header-title img,.container section .saved-color .extraction-container .harmony-header .harmony-header-title img,.container section .saved-color .extraction-container .harmony-header .preset-header-title img,.container section .saved-color .extraction-container .harmony-header .solgrad-header-title img,.container section .saved-color .extraction-container .preset-header .extraction-header-title img,.container section .saved-color .extraction-container .preset-header .harmony-header-title img,.container section .saved-color .extraction-container .preset-header .preset-header-title img,.container section .saved-color .extraction-container .preset-header .solgrad-header-title img,.container section .saved-color .extraction-container .solgrad-header .extraction-header-title img,.container section .saved-color .extraction-container .solgrad-header .harmony-header-title img,.container section .saved-color .extraction-container .solgrad-header .preset-header-title img,.container section .saved-color .extraction-container .solgrad-header .solgrad-header-title img,.container section .saved-color .harmony-container .extraction-header .extraction-header-title img,.container section .saved-color .harmony-container .extraction-header .harmony-header-title img,.container section .saved-color .harmony-container .extraction-header .preset-header-title img,.container section .saved-color .harmony-container .extraction-header .solgrad-header-title img,.container section .saved-color .harmony-container .harmony-header .extraction-header-title img,.container section .saved-color .harmony-container .harmony-header .harmony-header-title img,.container section .saved-color .harmony-container .harmony-header .preset-header-title img,.container section .saved-color .harmony-container .harmony-header .solgrad-header-title img,.container section .saved-color .harmony-container .preset-header .extraction-header-title img,.container section .saved-color .harmony-container .preset-header .harmony-header-title img,.container section .saved-color .harmony-container .preset-header .preset-header-title img,.container section .saved-color .harmony-container .preset-header .solgrad-header-title img,.container section .saved-color .harmony-container .solgrad-header .extraction-header-title img,.container section .saved-color .harmony-container .solgrad-header .harmony-header-title img,.container section .saved-color .harmony-container .solgrad-header .preset-header-title img,.container section .saved-color .harmony-container .solgrad-header .solgrad-header-title img,.container section .saved-color .preset-container .extraction-header .extraction-header-title img,.container section .saved-color .preset-container .extraction-header .harmony-header-title img,.container section .saved-color .preset-container .extraction-header .preset-header-title img,.container section .saved-color .preset-container .extraction-header .solgrad-header-title img,.container section .saved-color .preset-container .harmony-header .extraction-header-title img,.container section .saved-color .preset-container .harmony-header .harmony-header-title img,.container section .saved-color .preset-container .harmony-header .preset-header-title img,.container section .saved-color .preset-container .harmony-header .solgrad-header-title img,.container section .saved-color .preset-container .preset-header .extraction-header-title img,.container section .saved-color .preset-container .preset-header .harmony-header-title img,.container section .saved-color .preset-container .preset-header .preset-header-title img,.container section .saved-color .preset-container .preset-header .solgrad-header-title img,.container section .saved-color .preset-container .solgrad-header .extraction-header-title img,.container section .saved-color .preset-container .solgrad-header .harmony-header-title img,.container section .saved-color .preset-container .solgrad-header .preset-header-title img,.container section .saved-color .preset-container .solgrad-header .solgrad-header-title img,.container section .saved-color .solgrad-container .extraction-header .extraction-header-title img,.container section .saved-color .solgrad-container .extraction-header .harmony-header-title img,.container section .saved-color .solgrad-container .extraction-header .preset-header-title img,.container section .saved-color .solgrad-container .extraction-header .solgrad-header-title img,.container section .saved-color .solgrad-container .harmony-header .extraction-header-title img,.container section .saved-color .solgrad-container .harmony-header .harmony-header-title img,.container section .saved-color .solgrad-container .harmony-header .preset-header-title img,.container section .saved-color .solgrad-container .harmony-header .solgrad-header-title img,.container section .saved-color .solgrad-container .preset-header .extraction-header-title img,.container section .saved-color .solgrad-container .preset-header .harmony-header-title img,.container section .saved-color .solgrad-container .preset-header .preset-header-title img,.container section .saved-color .solgrad-container .preset-header .solgrad-header-title img,.container section .saved-color .solgrad-container .solgrad-header .extraction-header-title img,.container section .saved-color .solgrad-container .solgrad-header .harmony-header-title img,.container section .saved-color .solgrad-container .solgrad-header .preset-header-title img,.container section .saved-color .solgrad-container .solgrad-header .solgrad-header-title img{height:28px;width:28px}.container section .saved-color .extraction-container .extraction-header .extraction-options select,.container section .saved-color .extraction-container .extraction-header .harmony-options select,.container section .saved-color .extraction-container .extraction-header .preset-options select,.container section .saved-color .extraction-container .extraction-header .solgrad-options select,.container section .saved-color .extraction-container .harmony-header .extraction-options select,.container section .saved-color .extraction-container .harmony-header .harmony-options select,.container section .saved-color .extraction-container .harmony-header .preset-options select,.container section .saved-color .extraction-container .harmony-header .solgrad-options select,.container section .saved-color .extraction-container .preset-header .extraction-options select,.container section .saved-color .extraction-container .preset-header .harmony-options select,.container section .saved-color .extraction-container .preset-header .preset-options select,.container section .saved-color .extraction-container .preset-header .solgrad-options select,.container section .saved-color .extraction-container .solgrad-header .extraction-options select,.container section .saved-color .extraction-container .solgrad-header .harmony-options select,.container section .saved-color .extraction-container .solgrad-header .preset-options select,.container section .saved-color .extraction-container .solgrad-header .solgrad-options select,.container section .saved-color .harmony-container .extraction-header .extraction-options select,.container section .saved-color .harmony-container .extraction-header .harmony-options select,.container section .saved-color .harmony-container .extraction-header .preset-options select,.container section .saved-color .harmony-container .extraction-header .solgrad-options select,.container section .saved-color .harmony-container .harmony-header .extraction-options select,.container section .saved-color .harmony-container .harmony-header .harmony-options select,.container section .saved-color .harmony-container .harmony-header .preset-options select,.container section .saved-color .harmony-container .harmony-header .solgrad-options select,.container section .saved-color .harmony-container .preset-header .extraction-options select,.container section .saved-color .harmony-container .preset-header .harmony-options select,.container section .saved-color .harmony-container .preset-header .preset-options select,.container section .saved-color .harmony-container .preset-header .solgrad-options select,.container section .saved-color .harmony-container .solgrad-header .extraction-options select,.container section .saved-color .harmony-container .solgrad-header .harmony-options select,.container section .saved-color .harmony-container .solgrad-header .preset-options select,.container section .saved-color .harmony-container .solgrad-header .solgrad-options select,.container section .saved-color .preset-container .extraction-header .extraction-options select,.container section .saved-color .preset-container .extraction-header .harmony-options select,.container section .saved-color .preset-container .extraction-header .preset-options select,.container section .saved-color .preset-container .extraction-header .solgrad-options select,.container section .saved-color .preset-container .harmony-header .extraction-options select,.container section .saved-color .preset-container .harmony-header .harmony-options select,.container section .saved-color .preset-container .harmony-header .preset-options select,.container section .saved-color .preset-container .harmony-header .solgrad-options select,.container section .saved-color .preset-container .preset-header .extraction-options select,.container section .saved-color .preset-container .preset-header .harmony-options select,.container section .saved-color .preset-container .preset-header .preset-options select,.container section .saved-color .preset-container .preset-header .solgrad-options select,.container section .saved-color .preset-container .solgrad-header .extraction-options select,.container section .saved-color .preset-container .solgrad-header .harmony-options select,.container section .saved-color .preset-container .solgrad-header .preset-options select,.container section .saved-color .preset-container .solgrad-header .solgrad-options select,.container section .saved-color .solgrad-container .extraction-header .extraction-options select,.container section .saved-color .solgrad-container .extraction-header .harmony-options select,.container section .saved-color .solgrad-container .extraction-header .preset-options select,.container section .saved-color .solgrad-container .extraction-header .solgrad-options select,.container section .saved-color .solgrad-container .harmony-header .extraction-options select,.container section .saved-color .solgrad-container .harmony-header .harmony-options select,.container section .saved-color .solgrad-container .harmony-header .preset-options select,.container section .saved-color .solgrad-container .harmony-header .solgrad-options select,.container section .saved-color .solgrad-container .preset-header .extraction-options select,.container section .saved-color .solgrad-container .preset-header .harmony-options select,.container section .saved-color .solgrad-container .preset-header .preset-options select,.container section .saved-color .solgrad-container .preset-header .solgrad-options select,.container section .saved-color .solgrad-container .solgrad-header .extraction-options select,.container section .saved-color .solgrad-container .solgrad-header .harmony-options select,.container section .saved-color .solgrad-container .solgrad-header .preset-options select,.container section .saved-color .solgrad-container .solgrad-header .solgrad-options select{font-size:15px}.container section .saved-color .extraction-container .extraction-items{gap:18px}.swatch-item p{font-size:18px;margin:10px 0 0 14px}.swatch-item .swatch-hex p,.swatch-item .swatch-rgb p{font-size:16px;margin:0 0 0 14px}.swatch-item .swatch-hex img,.swatch-item .swatch-rgb img{height:24px;margin-left:4px;width:24px}.solid-item .color-card{height:84px}.solid-item .solid-hex{margin:2px 0 0}.solid-item .solid-hex p{font-size:14px;margin-left:8px}.solid-item .solid-hex img{height:22px;margin:0 8px 0 0;width:22px}.solid-item .solid-rgb{margin:0 0 2px}.solid-item .solid-rgb p{font-size:14px;margin-left:8px}.solid-item .solid-rgb img{height:22px;margin:0 8px 0 0;width:22px}.gradient-item .color-card{height:84px}.gradient-item .code-holder{margin:2px 8px}.gradient-item .code-holder .color-codes .color-identifier{height:20px;width:20px}.gradient-item .code-holder .color-codes .codes{margin-left:10px;margin-right:10px}.gradient-item .code-holder .color-codes .codes .code p{font-size:13px}.gradient-item .code-holder .color-codes .codes .code img{height:20px;width:20px}.extract-modal .modal-container .extract-image{border-radius:28px;width:94px}.extract-modal .modal-container .palette-extracts,.extract-modal .modal-container .swatch-extracts{height:540px;margin-top:-48px;width:340px}.extract-modal .modal-container .modal-option{height:38px;width:38px}.extract-modal .modal-container .modal-option img{width:16px}.dual-item .color-cards{height:84px}.dual-item .color-codes{margin:2px 12px}.dual-item .color-codes .codes .code p{font-size:14px}.dual-item .color-codes .codes .code img{height:22px;width:22px}.trial-item .color-cards{height:84px}.trial-item .color-codes{margin:2px 8px}.trial-item .color-codes .codes .code p{font-size:11px}.trial-item .color-codes .codes .code img{height:18px;width:18px}.quadral-item .color-cards{height:84px}.quadral-item .color-codes{margin:6px 8px}.quadral-item .color-codes .codes{align-items:flex-start}.quadral-item .color-codes .codes p{font-size:12px}}.gradient_bottom_alpha_seekbar,.gradient_bottom_blue_seekbar,.gradient_bottom_green_seekbar,.gradient_bottom_red_seekbar,.gradient_top_alpha_seekbar,.gradient_top_blue_seekbar,.gradient_top_green_seekbar,.gradient_top_red_seekbar,.palette_seekbar,.solid_alpha_seekbar,.solid_blue_seekbar,.solid_green_seekbar,.solid_red_seekbar{-webkit-appearance:none;border-radius:8px;box-shadow:-1px 1px 4px #0003;height:7px;outline:none;width:100%}.gradient_bottom_alpha_seekbar::-webkit-slider-thumb,.gradient_bottom_blue_seekbar::-webkit-slider-thumb,.gradient_bottom_green_seekbar::-webkit-slider-thumb,.gradient_bottom_red_seekbar::-webkit-slider-thumb,.gradient_top_alpha_seekbar::-webkit-slider-thumb,.gradient_top_blue_seekbar::-webkit-slider-thumb,.gradient_top_green_seekbar::-webkit-slider-thumb,.gradient_top_red_seekbar::-webkit-slider-thumb,.palette_seekbar::-webkit-slider-thumb,.solid_alpha_seekbar::-webkit-slider-thumb,.solid_blue_seekbar::-webkit-slider-thumb,.solid_green_seekbar::-webkit-slider-thumb,.solid_red_seekbar::-webkit-slider-thumb{appearance:none;border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:15px;width:15px}.gradient_bottom_alpha_seekbar::-webkit-slider-thumb:hover,.gradient_bottom_blue_seekbar::-webkit-slider-thumb:hover,.gradient_bottom_green_seekbar::-webkit-slider-thumb:hover,.gradient_bottom_red_seekbar::-webkit-slider-thumb:hover,.gradient_top_alpha_seekbar::-webkit-slider-thumb:hover,.gradient_top_blue_seekbar::-webkit-slider-thumb:hover,.gradient_top_green_seekbar::-webkit-slider-thumb:hover,.gradient_top_red_seekbar::-webkit-slider-thumb:hover,.palette_seekbar::-webkit-slider-thumb:hover,.solid_alpha_seekbar::-webkit-slider-thumb:hover,.solid_blue_seekbar::-webkit-slider-thumb:hover,.solid_green_seekbar::-webkit-slider-thumb:hover,.solid_red_seekbar::-webkit-slider-thumb:hover{height:17px;width:17px}.gradient_bottom_alpha_seekbar::-webkit-slider-thumb,.gradient_top_alpha_seekbar::-webkit-slider-thumb,.palette_seekbar::-webkit-slider-thumb,.solid_alpha_seekbar::-webkit-slider-thumb{background-color:var(--text-color)}.gradient_bottom_red_seekbar::-webkit-slider-thumb,.gradient_top_red_seekbar::-webkit-slider-thumb,.solid_red_seekbar::-webkit-slider-thumb{background-color:#d32f2f}.gradient_bottom_green_seekbar::-webkit-slider-thumb,.gradient_top_green_seekbar::-webkit-slider-thumb,.solid_green_seekbar::-webkit-slider-thumb{background-color:#388e3c}.gradient_bottom_blue_seekbar::-webkit-slider-thumb,.gradient_top_blue_seekbar::-webkit-slider-thumb,.solid_blue_seekbar::-webkit-slider-thumb{background-color:#1976d2}.gradient_bottom_alpha_seekbar::-moz-range-thumb,.gradient_bottom_blue_seekbar::-moz-range-thumb,.gradient_bottom_green_seekbar::-moz-range-thumb,.gradient_bottom_red_seekbar::-moz-range-thumb,.gradient_top_alpha_seekbar::-moz-range-thumb,.gradient_top_blue_seekbar::-moz-range-thumb,.gradient_top_green_seekbar::-moz-range-thumb,.gradient_top_red_seekbar::-moz-range-thumb,.palette_seekbar::-moz-range-thumb,.solid_alpha_seekbar::-moz-range-thumb,.solid_blue_seekbar::-moz-range-thumb,.solid_green_seekbar::-moz-range-thumb,.solid_red_seekbar::-moz-range-thumb{border:none;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:16px;width:16px}.gradient_bottom_alpha_seekbar::-moz-range-thumb:hover,.gradient_bottom_blue_seekbar::-moz-range-thumb:hover,.gradient_bottom_green_seekbar::-moz-range-thumb:hover,.gradient_bottom_red_seekbar::-moz-range-thumb:hover,.gradient_top_alpha_seekbar::-moz-range-thumb:hover,.gradient_top_blue_seekbar::-moz-range-thumb:hover,.gradient_top_green_seekbar::-moz-range-thumb:hover,.gradient_top_red_seekbar::-moz-range-thumb:hover,.palette_seekbar::-moz-range-thumb:hover,.solid_alpha_seekbar::-moz-range-thumb:hover,.solid_blue_seekbar::-moz-range-thumb:hover,.solid_green_seekbar::-moz-range-thumb:hover,.solid_red_seekbar::-moz-range-thumb:hover{height:17px;width:17px}.gradient_bottom_alpha_seekbar::-moz-range-thumb,.gradient_top_alpha_seekbar::-moz-range-thumb,.palette_seekbar::-moz-range-thumb,.solid_alpha_seekbar::-moz-range-thumb{background-color:var(--text-color)}.gradient_bottom_red_seekbar::-moz-range-thumb,.gradient_top_red_seekbar::-moz-range-thumb,.solid_red_seekbar::-moz-range-thumb{background-color:#d32f2f}.gradient_bottom_green_seekbar::-moz-range-thumb,.gradient_top_green_seekbar::-moz-range-thumb,.solid_green_seekbar::-moz-range-thumb{background-color:#388e3c}.gradient_bottom_blue_seekbar::-moz-range-thumb,.gradient_top_blue_seekbar::-moz-range-thumb,.solid_blue_seekbar::-moz-range-thumb{background-color:#1976d2}
/*# sourceMappingURL=main.b3fdbaf9.css.map*/