@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Quicksand:wght@300;400;500;600;700&display=swap";body,blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,button,optgroup,select,textarea,pre{margin:0}td,legend,textarea,input,fieldset{padding:0}ul,ol{margin:0;padding:0}*,:before,:after{box-sizing:border-box}body{line-height:1.2;text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}ul{list-style:none}hr{height:0;color:inherit}#root{height:100%}@keyframes fadein{to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1,h2,h3,h4{font-weight:400;letter-spacing:1px}.t-secondary,.t-primary{color:#f433bb}.t-bold{font-weight:600}.heading-title{display:flex;flex-direction:row;justify-content:center;gap:.8rem;max-width:120rem;margin:0 auto;margin-bottom:10rem;width:100%;color:#d1d7e5;font-size:2rem;font-weight:400;color:#3466e4;text-transform:capitalize;letter-spacing:3px}@media screen and (min-width: 425px){.heading-title{font-size:2.5rem}}@media screen and (min-width: 768px){.heading-title{font-size:3.5rem}}@media screen and (min-width: 1024px){.heading-title{font-size:4rem}}.page-container{padding:6rem 2rem 4rem}#light .page{transition:.4s all ease-in;background-color:#fff;color:#0d0d0d}#dark .page{transition:.4s all ease-in;background-color:#0d0d0d;color:#e6e6ee}.d-hidden{visibility:hidden}.d-none{display:none}.no-scroll{overflow:hidden}.image{border-radius:.3rem;width:100%;height:auto}.divider{height:1px;width:70%;margin:0 auto;background-color:#d1d7e5}#dark .divider{background-color:#484856}.navbar{transition:.4s all ease-in}.navbar-container{max-width:1600px;margin:0 auto;padding:0 2rem;height:5rem;display:flex;align-items:center;justify-content:space-between}.navbar-logo a{font-family:Montserrat,sans-serif;display:flex;flex-direction:row;justify-content:center;gap:0rem;align-items:center;text-decoration:none;color:#f433bb;font-weight:500}.navbar-logo a:hover{filter:saturate(5);transform:translate(-1px,-1px);transition:all ease-in-out .4s}.navbar-logo a:active{filter:brightness(2)}.navbar-logo-img{height:3rem}.navbar-switch{display:flex;flex-direction:row;justify-content:center;gap:0;padding:0 .5rem;align-items:center;cursor:pointer;background-color:transparent;border:2px solid;width:4.3rem;height:2.4rem;border-radius:1.3rem;transition:.3s all linear}.navbar-switch-circle{width:1.5rem;height:1.5rem;border-radius:50%;transition:.3s all linear}.menu-toggle-container{position:relative;padding:1.5rem;transition:.3s all ease-in-out}.menu-toggle-container .menu-toggle-btn{position:absolute;cursor:pointer;right:1.5rem;top:49%;transform:translateY(-50%);height:2.5rem;width:2.5rem;border:0;background-color:transparent}.menu-toggle-container .menu-toggle-btn-bar{display:block;position:absolute;top:50%;margin-top:-1px;right:0;width:100%;height:2px;border-radius:4px;background-color:#e6e6ee;transition:all .3s ease}.menu-toggle-container .menu-toggle-btn-bar--top{transform:translateY(-8px)}.menu-toggle-container .menu-toggle-btn-bar--bottom{transform:translateY(8px)}.menu-toggle-container:hover{transform:translate(-1px,-1px)}.menu-toggle-container--open{position:relative;padding:1.5rem}.menu-toggle-container--open .menu-toggle-btn-bar--top{transform:translate(0) rotate(45deg)}.menu-toggle-container--open .menu-toggle-btn-bar--middle{opacity:0}.menu-toggle-container--open .menu-toggle-btn-bar--bottom{transform:translate(0) rotate(-45deg)}#light .navbar{background-color:#fff}#light .navbar .menu-toggle-container .menu-toggle-btn .menu-toggle-btn-bar{background-color:#5b5b5b}#light .navbar .menu-toggle-container .menu-toggle-btn:hover .menu-toggle-btn-bar{background-color:#0d0d0d}#light .navbar .navbar-switch{border-color:#0d0d0d;justify-content:left}#light .navbar .navbar-switch-circle{background-color:#0d0d0d}#light .navbar .navbar-switch:hover .navbar-switch-circle{background-color:#4d4d4d;transform:translate(2px)}#dark .navbar{background-color:#0d0d0d}#dark .navbar .navbar-switch{border-color:#fff;justify-content:right}#dark .navbar .navbar-switch-circle{background-color:#fff}#dark .navbar .navbar-switch:hover .navbar-switch-circle{background-color:#bfbfbf;transform:translate(-2px)}.menu-container{background-color:#3466e4;position:absolute;left:0;right:0;padding:5rem 3rem;z-index:30;opacity:0;transition:.6s all linear;-webkit-animation:fadein .6s linear forwards;animation:fadein .6s linear forwards;border-bottom:1px solid #9699a1;box-shadow:2px 2px 10px #9699a1b3}@media screen and (min-width: 768px){.menu{text-align:center;max-width:60rem;margin:0 auto}}.menu-list{display:flex;flex-direction:column;gap:2rem}.menu-list-item{width:100%;max-width:50rem;margin:0 auto;padding:.8rem;font-size:1.2rem;font-weight:600;text-decoration:none;background-color:#e6e6ee;color:#3466e4;border-radius:.2rem;text-transform:uppercase;transition:all ease-in-out .4s;box-shadow:.1rem .1rem .6rem #d1d7e580}@media screen and (min-width: 1024px){.menu-list-item{max-width:70rem;margin:0 auto}}.menu-list-item:hover{background-color:#fff;transform:translate(-1px,-1px);border-radius:.3rem;border-color:transparent;box-shadow:none}.menu-list-item:active{color:#f433bb;background-color:#2d54b6}.header-page--container{padding:4rem 1rem 3rem;margin-bottom:3rem}.header-page{position:relative;font-family:Montserrat,sans-serif;padding:0 2rem}.header-page-title{text-align:center;font-size:2rem;font-weight:600}.header-page-description{text-align:center;margin-top:1.5rem;font-size:1.6rem;letter-spacing:1px}#light .header-page--container{transition:.4s all ease-in;background-color:#f0f0f0;box-shadow:1px 1px 1px #d1d7e5}#light .header-page--container .header-page-description{color:#5b5b5b}#dark .header-page--container{transition:.4s all ease-in;background-color:#333;box-shadow:1px 1px 1px #5b5b5b}#dark .header-page--container .header-page-title{color:#d1d7e5}#dark .header-page--container .header-page-description{color:#b5bbce}.master-header{background-color:#3466e4;padding:4rem 3rem}@media (min-width: 768px){.master-header{display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;row-gap:0;column-gap:0}}.master-header-content{display:flex;flex-direction:column;gap:5rem}@media (min-width: 768px){.master-header-content{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;row-gap:2rem;column-gap:2rem;max-width:1200px;margin:0 auto;align-items:center}}.master-header-left{flex:1;display:flex;flex-direction:column;gap:1.5rem}.master-header-right{flex:1;display:flex;justify-content:center;align-items:center}.master-header-title-container{background-color:#fff;padding:.2rem .9rem .4rem;border-radius:.3rem;display:flex;flex-direction:column;gap:0rem;width:fit-content;align-items:center}.master-header-title-container .master-header-logo{height:8.5rem}.master-header-title-container .master-header-title{width:fit-content;color:#f433bb;font-size:3.5rem;font-weight:600}.master-header-payoff{font-size:1.8rem;font-style:italic;color:#5b5b5b;font-weight:500;margin-bottom:1rem;background-color:#ff0;width:fit-content;padding:.2rem .6rem;border-radius:.3rem}.master-header-description{font-size:1.6rem;color:#e6e6ee;margin-bottom:2rem;line-height:1.3;max-width:500px}.master-header-image-container{border-radius:1rem;padding:1.3rem;text-align:center;font-size:1.2rem;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px;max-width:40rem;height:22rem;display:flex;justify-content:center;align-items:center}.master-header-image{border-radius:1rem;font-size:1.2rem;width:100%;height:100%}.footer{position:relative;color:#d1d7e5;font-weight:500;z-index:18;font-size:1.4rem}.footer-container{background-color:#484856}.footer-container-inside{max-width:80rem;margin:0 auto;padding:2rem 1rem;text-align:center;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;row-gap:3rem;column-gap:3rem}@media screen and (min-width: 768px){.footer-container-inside{grid-template-columns:repeat(2,1fr);align-items:center}}.footer .contacts-icons{display:flex;flex-direction:row;justify-content:center;gap:4rem;align-items:center}@media screen and (min-width: 1024px){.footer .contacts-icons{column-gap:2.5rem}}.footer .contacts-icons .svg-link-image{height:2.3rem;filter:brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(724%) hue-rotate(190deg) brightness(95%) contrast(89%) opacity(100%)}@media screen and (min-width: 768px){.footer .contacts-icons .svg-link-image{height:1.9rem}}.footer .contacts-icons .svg-link-image:hover{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%);transform:translate(-.1rem,-.1rem)}.footer .contacts-icons .svg-link-image:active{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}.footer-page{background-color:#484856}.btn-icon{background-color:transparent;cursor:pointer;border:0;padding:0;height:2.2rem;transition:.3s}.btn-icon img{height:2.2rem}.btn-swatch{display:flex;flex-direction:row;justify-content:center;gap:0;background-color:transparent;cursor:pointer;align-items:center;height:2.3rem;width:1.8rem;border:2px solid;border-radius:.3rem;transition:.3s}.btn-swatch img{height:1.3rem}#dark .btn-icon img,#dark .btn-swatch img{filter:brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(724%) hue-rotate(190deg) brightness(95%) contrast(89%) opacity(100%)}#dark .btn-icon--disabled,#dark .btn-swatch--disabled{pointer-events:none;border-color:#5b5b5b!important}#dark .btn-icon--disabled img,#dark .btn-swatch--disabled img,#light .btn-icon img,#light .btn-swatch img{filter:brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(132%) hue-rotate(47deg) brightness(99%) contrast(94%) opacity(100%)}#light .btn-icon--disabled,#light .btn-swatch--disabled{pointer-events:none;border-color:#b5bbce!important}#light .btn-icon--disabled img,#light .btn-swatch--disabled img{filter:brightness(0) saturate(100%) invert(75%) sepia(5%) saturate(659%) hue-rotate(188deg) brightness(98%) contrast(97%)}#dark .btn-swatch{border-color:#d1d7e5}#light .btn-swatch{border-color:#5b5b5b}.btn-icon:hover,.btn-swatch:hover{transform:translate(-1px,-1px);border-color:#3466e4!important}.btn-icon:hover img,.btn-swatch:hover img{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)!important}.btn-icon:active,.btn-swatch:active{border-color:#f433bb!important}.btn-icon:active img,.btn-swatch:active img{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)!important}.btn-convert{display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.btn-convert--default img{height:2.7rem}.btn-convert-label{color:#9699a1;font-size:1.1rem;text-transform:uppercase}.btn-convert--disabled{pointer-events:none}#dark .btn-convert img{filter:brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(724%) hue-rotate(190deg) brightness(95%) contrast(89%) opacity(100%)}#dark .btn-convert--disabled img{filter:brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(132%) hue-rotate(47deg) brightness(99%) contrast(94%) opacity(100%)}#light .btn-convert--disabled img{filter:brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(724%) hue-rotate(190deg) brightness(95%) contrast(89%) opacity(100%)}.btn-icon-bg{background-color:transparent;border:0;padding:0;cursor:pointer;transition:.3s}.btn-icon-bg img{padding:.4rem .2rem;height:2.2rem;width:2.8rem;height:2.8rem;border-radius:.2rem;box-shadow:1px 1px 3px #9699a1b3}.btn-icon-bg--white img{background-color:#fff}.btn-icon-bg--white:hover img{filter:none;box-shadow:none!important;background-color:#b5bbce}.btn-icon-bg--white:active img{filter:none;box-shadow:none!important;background-color:#f433bb}.btn-icon-bg:hover{transform:translate(-1px,-1px)}.btn-outline{cursor:pointer;font-family:Montserrat,sans-serif;letter-spacing:1px;text-transform:uppercase;padding:.5rem .9rem;font-weight:500;transition:.2s all ease-in-out;border:1px solid gray;border-radius:.3rem;background-color:transparent}.btn-outline--small{font-size:1.1rem;padding:.3rem .6rem}.btn-outline--primary{color:#001aff;border-color:#001aff}.btn-outline--primary:hover{color:#e6e6ee;background:#001aff}.btn-outline--primary:active{background-color:#39a9f9;color:#e6e6ee}.btn-outline--success{color:#049d20;border-color:#049d20}.btn-outline--success:hover{color:#e6e6ee;background:#049d20}.btn-outline--success:active{background-color:#8ec0a4;color:#e6e6ee}.btn-outline--danger{color:red;border-color:red}.btn-outline--danger:hover{background-color:red;color:#e6e6ee}.btn-outline--danger:active{background-color:#f66433;color:#e6e6ee}.btn-outline:hover{transform:translate(-1px,-1px)}.color-picker-btn{cursor:pointer;padding:0;border-radius:.3rem;border:0;border:1px solid #d1d7e5;height:100%;background-color:transparent;block-size:3.5rem;box-shadow:1px 1px 1px #d1d7e5}.color-picker-btn::-webkit-color-swatch{border-radius:.2rem;border:0}.color-picker-btn::-moz-color-swatch{border-radius:.2rem;border:none}.color-picker-btn:hover{border-color:#3466e4;transform:translate(-1px,-1px);box-shadow:none}.secondary-btn{text-align:center;background-color:#f433bb;color:#fff;padding:.8rem 1rem;border-radius:.2rem;box-shadow:1px 1px 1px 1px #d1d7e580;transition:.3s all linear;text-decoration:none;width:fit-content}.secondary-btn:hover{transform:translate(-1px,-1px);box-shadow:none;color:#e6e6ee;background-color:#e0059e}.secondary-btn:active{background-color:#e698ce}.tools-link{display:flex;flex-direction:column;gap:1.4rem}.tools-link .secondary-btn{background-color:#1ae18e;font-size:1.2rem;padding:.6rem .7rem;box-shadow:1px 1px 1px 1px #d1d7e533;font-weight:600;border-radius:.8rem;letter-spacing:1px}.homepage{min-height:100vh;background-color:#3466e4;background-color:pink;display:flex;flex-direction:column;gap:0}.homepage .navbar{display:none}.homepage .master-header{flex-grow:1}.svgFilterPage{text-align:center}.svgFilterPage-converter-container{display:flex;flex-direction:column;gap:2rem}.svgFilterPage-converter{margin-top:2rem;display:flex;flex-direction:row;justify-content:center;gap:2rem;align-items:center}.svgFilterPage-converter .btn-converter-label{margin-top:.3rem}.svgFilterPage-result{display:flex;flex-direction:column;gap:1.5rem}.svgFilterPage-result-messages-paragraph{font-size:1.6rem}.svgFilterPage-result-messages-paragraph:first-child{margin-bottom:.4rem}.svgFilterPage-result-messages .loss-value,.svgFilterPage-result-messages .match-value{font-weight:500}.svgFilterPage-result-messages .match-value--perfect,.svgFilterPage-result-messages .match-value--great{color:#10b068}.svgFilterPage-result-messages .match-value--good{color:#022983}.svgFilterPage-result-messages .match-value--bad{color:#a41313}.svgFilterPage-result-filter{max-width:74rem;margin:0 auto;position:relative;font-weight:500;padding:4.5rem 2rem 3rem;border:1px solid #d1d7e5;border-radius:.2rem;letter-spacing:1px}@media screen and (min-width: 425px){.svgFilterPage-result-filter{padding:4.5rem 5rem 3rem}}.svgFilterPage-result-filter-indicator{display:flex;flex-direction:row;justify-content:center;gap:.5rem;align-items:center;position:absolute;top:1.1rem;left:1rem}.svgFilterPage-result-filter-indicator .swatch-with-transparency--extra-small{border-color:#9699a1}.svgFilterPage-result-filter-indicator-label{color:#9699a1;font-size:1.3rem}.svgFilterPage .svgFilterPage--explanation .page-title{font-weight:600}.svgFilterPage .svgFilterPage--explanation p{font-size:1.4rem;letter-spacing:1px;line-height:1.3;margin:2rem 0}.svgFilterPage .svgFilterPage--explanation .color-box{display:inline-block;padding:.1rem .5rem;border-radius:.3rem}.svgFilterPage .svgFilterPage--explanation .color-box--skyblue{background-color:#00bfff}.svgFilterPage .svgFilterPage--explanation .color-box--lime{background-color:#0f0;color:#0d0d0d}.svgFilterPage .svgFilterPage--explanation .color-box--magenta{background-color:#f0f;color:#0d0d0d}.svgFilterPage .svgFilterPage--explanation .color-box--yellow{background-color:#ff0;color:#0d0d0d}.svgFilterPage .svgFilterPage--explanation .color-box--light{background-color:#e6e6ee;letter-spacing:.4;color:#000}.svgFilterPage .svgFilterPage--explanation .codeSnippet{margin:1.5rem auto}.svgFilterPage .svgFilterPage--explanation .content{max-width:75rem;margin:0 auto;text-align:left;margin-top:4rem}.svgFilterPage .svgFilterPage--explanation .svg-image{width:5rem}.svgFilterPage .svgFilterPage--explanation .svg-image--skyblue{filter:brightness(0) saturate(100%) invert(76%) sepia(67%) saturate(5496%) hue-rotate(161deg) brightness(104%) contrast(101%) opacity(100%)}.svgFilterPage .svgFilterPage--explanation .fill-result{display:flex;flex-direction:row;justify-content:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;align-items:center}.svgFilterPage .svgFilterPage--explanation .fill-result .arrow{font-size:4rem}.svgFilterPage .svgFilterPage--explanation .image-filter-demo{cursor:pointer;height:9rem;filter:brightness(0) saturate(100%) invert(28%) sepia(70%) saturate(6991%) hue-rotate(293deg) brightness(111%) contrast(130%) opacity(100%)}.svgFilterPage .svgFilterPage--explanation .image-filter-demo-cyan{filter:brightness(0) saturate(100%) invert(90%) sepia(53%) saturate(4730%) hue-rotate(102deg) brightness(107%) contrast(101%)}.svgFilterPage .svgFilterPage--explanation .image-filter-demo:hover{filter:brightness(0) saturate(100%) invert(95%) sepia(32%) saturate(6913%) hue-rotate(359deg) brightness(110%) contrast(101%) opacity(100%);transform:translate(-1px,-1px)}.svgFilterPage .svgFilterPage--explanation .image-filter-demo:active{filter:brightness(0) saturate(100%) invert(73%) sepia(67%) saturate(5643%) hue-rotate(84deg) brightness(120%) contrast(121%) opacity(100%)}.svgFilterPage .svgFilterPage--explanation .bullet-list{font-family:Montserrat,sans-serif;font-size:1.4rem;list-style-type:disc}.svgFilterPage .svgFilterPage--explanation .bullet-list-item{padding-top:.8rem}#light .svgFilterPage .svgFilterPage-result-filter{font-weight:500;background-color:#f8f8ff}#light .svgFilterPage .svgFilterPage-result-filter span{color:#2b2b2b}#light .svgFilterPage .svgFilterPage-result-filter .property{color:navy}#light .svgFilterPage .svgFilterPage-result-filter .filterName{color:#0086b3}#light .svgFilterPage .svgFilterPage-result-filter .filterValue{color:#40a070}#light .svgFilterPage .svgFilterPage-result-filter .colon,#light .svgFilterPage .svgFilterPage-result-filter .semicolon,#light .svgFilterPage .svgFilterPage-result-filter .bracket{color:#2b2b2b}#dark .svgFilterPage-result .svgFilterPage-result-filter{background-color:#2b2b2b;color:#f5ab35}#dark .svgFilterPage-result .svgFilterPage-result-filter .property{color:gold}#dark .svgFilterPage-result .svgFilterPage-result-filter .colon,#dark .svgFilterPage-result .svgFilterPage-result-filter .semicolon,#dark .svgFilterPage-result .svgFilterPage-result-filter .bracket{color:#f8f8f2}#light .svgFilterPage .svg-image--default{filter:brightness(0) saturate(100%) invert(37%) sepia(0%) saturate(595%) hue-rotate(129deg) brightness(70%) contrast(100%)}#dark .svgFilterPage .svg-image--default{filter:brightness(0) saturate(100%) invert(97%) sepia(4%) saturate(966%) hue-rotate(191deg) brightness(92%) contrast(103%)}.formatConverterPage-container{display:flex;flex-direction:column;gap:3rem}.formatConverterPage-converter{display:flex;flex-direction:row;gap:1.9rem;justify-content:center}.formatConverterPage-results{display:flex;flex-direction:column;gap:1.5rem;width:100%}.formatConverterPage-results-current{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;align-items:center;color:#5b5b5b}.formatConverterPage-results-list{max-width:31.5rem;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 768px){.formatConverterPage-results-list{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;row-gap:3rem;column-gap:3rem;max-width:65rem;margin:0 auto}}.formatConverterPage-results-list .codeSnippet{width:100%}.formatConverterPage-results-list .codeSnippet pre{font-size:1.5rem!important}@media screen and (min-width: 350px){.formatConverterPage-results-list .codeSnippet pre{font-size:1.7rem!important}}.formatConverterPage-results-list .conversion-name{font-family:monospace;font-size:1.5rem;padding:.8rem;border-radius:.3rem}@media screen and (min-width: 350px){.formatConverterPage-results-list .conversion-name{font-size:1.7rem}}#light .formatConverterPage .formatConverterPage-results-list .conversion-name{background-color:#f8f8ff}#dark .formatConverterPage .formatConverterPage-results-current{color:#b5bbce}#dark .formatConverterPage .formatConverterPage-results-list .conversion-name{background-color:#2b2b2b}.pageNotFound{min-height:calc(100vh - 5rem)}.pageNotFound .header-page{padding:0 1rem}.pageNotFound .header-page-title{font-size:3rem}@media screen and (min-width: 768px){.pageNotFound .header-page-title{font-size:4rem}}.pageNotFound .header-page-description{margin-top:3rem;font-size:1.9rem;font-weight:500}@media screen and (min-width: 768px){.pageNotFound .header-page-description{font-size:2.3rem}}.pageNotFound-container{display:flex;flex-direction:column;gap:4rem;justify-content:center}.pageNotFound-container .secondary-btn{display:block;margin:0 auto}.pageNotFound-options{max-width:40rem;margin:0 auto}.pageNotFound-options-title{font-size:2.2rem;margin-bottom:7rem;font-weight:500}@media screen and (min-width: 1024px){.pageNotFound-options-title{font-size:2.5rem}}.schemesGeneratorPage{transition:1s all}.schemesGeneratorPage .generator-container{display:flex;flex-direction:column;gap:2rem;position:relative;padding:3rem;justify-content:center;align-items:center}@media screen and (min-width: 650px){.schemesGeneratorPage .generator-container{max-width:54rem;margin:0 auto}}@media screen and (min-width: 768px){.schemesGeneratorPage .generator-container{max-width:60rem;margin:0 auto}}@media screen and (min-width: 1024px){.schemesGeneratorPage .generator-container{max-width:85rem;margin:0 auto}}@media screen and (min-width: 1200px){.schemesGeneratorPage .generator-container{max-width:90rem;margin:0 auto}}.schemesGeneratorPage .color-adjustment{position:relative;display:flex;flex-direction:row;justify-content:center;gap:2.5rem;max-width:35rem;margin:0 auto;margin:0 auto 1rem;text-align:center;width:100%}@media screen and (min-width: 768px){.schemesGeneratorPage .color-adjustment{max-width:40rem;margin:0 auto}}@media screen and (min-width: 1024px){.schemesGeneratorPage .color-adjustment{max-width:45rem;margin:2.5rem auto 3rem}}.schemesGeneratorPage .color-adjustment-container{position:absolute;top:0}.schemesGeneratorPage .color-adjustment-container--left{left:0}.schemesGeneratorPage .color-adjustment-container--right{right:0}.schemesGeneratorPage .color-adjustment-btns{display:flex;flex-direction:row;justify-content:center;gap:2.5rem;align-items:center;margin-top:2rem}@media screen and (min-width: 425px){.schemesGeneratorPage .color-adjustment-btns{column-gap:3.5rem}}@media screen and (min-width: 1024px){.schemesGeneratorPage .color-adjustment-btns{margin-top:1.2rem}}.schemesGeneratorPage .color-adjustment-btns .btn{height:3.2rem;width:3.2rem;font-size:1.8rem}@media screen and (min-width: 425px){.schemesGeneratorPage .color-adjustment-btns .btn{font-size:2.3rem;padding:.2rem 0;height:3.5rem;width:3.5rem}}@media screen and (min-width: 1024px){.schemesGeneratorPage .color-adjustment-btns .btn{font-size:2.2rem;padding:0;height:3rem;width:3rem}}.schemesGeneratorPage .color-adjustment-label{font-size:1.3rem;color:#9699a1;margin-top:.5rem}.schemesGeneratorPage .color-adjustment-indicator,.schemesGeneratorPage .color-adjustment-indicator .color-modes,.schemesGeneratorPage .color-adjustment-indicator .color-modes-input{width:100%}@media screen and (min-width: 425px){.schemesGeneratorPage .color-adjustment-indicator .color-modes-input{transform:translate(-2rem);width:24rem;padding:0 .6rem}}.schemesGeneratorPage .color-options{position:relative;display:flex;flex-direction:row;justify-content:center;gap:2.5rem;margin-top:2rem}@media screen and (min-width: 650px){.schemesGeneratorPage .color-options{display:flex;flex-direction:column;gap:3rem;justify-content:space-evenly;height:100%;padding:3rem 0 6rem;position:absolute;left:0;top:0}}.schemesGeneratorPage .similar-schemes{margin-top:4rem;border-bottom:1px solid #d1d7e5;padding:0}.schemesGeneratorPage .similar-schemes-title{text-align:center;padding:1rem;background-color:#fafafa;color:#5b5b5b;font-weight:500;font-size:1.5rem;text-transform:uppercase;border-top:1px solid #e6e6ee;border-bottom:1px solid #e6e6ee}.schemesGeneratorPage .similar-schemes-list{flex-wrap:wrap;padding:3rem 2rem;display:grid;grid-template-columns:repeat(1,1fr);justify-content:center;row-gap:3rem;column-gap:2rem}@media screen and (min-width: 500px){.schemesGeneratorPage .similar-schemes-list{grid-template-columns:repeat(2,1fr);padding:4rem;column-gap:4rem;row-gap:3.5rem}}@media screen and (min-width: 768px){.schemesGeneratorPage .similar-schemes-list{max-width:90rem;margin:0 auto;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1024px){.schemesGeneratorPage .similar-schemes-list{max-width:130rem;margin:0 auto;grid-template-columns:repeat(4,1fr);column-gap:6rem}}.schemesGeneratorPage .similar-schemes-list .color-scheme-footer{justify-content:center}.schemesGeneratorPage .similar-schemes-list .color-scheme-footer-type{display:none}.schemesGeneratorPage .similar-schemes-list .color-scheme .swatch-color,.schemesGeneratorPage .similar-schemes-list .color-scheme .swatch{height:6rem}@media screen and (min-width: 1024px){.schemesGeneratorPage .similar-schemes-list .color-scheme .swatch-color,.schemesGeneratorPage .similar-schemes-list .color-scheme .swatch{height:7rem}}.schemesGeneratorPage .modal-info{max-width:40rem;margin:0 auto}.schemesGeneratorPage .color-scheme--generator{max-width:34rem;margin:0 auto}@media screen and (min-width: 1024px){.schemesGeneratorPage .color-scheme--generator{max-width:60rem;margin:0 auto}}.schemesGeneratorPage .color-scheme--generator .color-scheme-footer{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 1024px){.schemesGeneratorPage .color-scheme--generator .color-scheme-footer{margin-top:1.5rem;display:flex;flex-direction:row;justify-content:center;gap:0;justify-content:space-between;margin-bottom:0}}@media screen and (min-width: 350px){.schemesGeneratorPage .color-scheme--generator.color-scheme--polyad .color-scheme-footer-btns button:nth-child(2),.schemesGeneratorPage .color-scheme--generator.color-scheme--monochromatic .color-scheme-footer-btns button:nth-child(2),.schemesGeneratorPage .color-scheme--generator.color-scheme--analogous .color-scheme-footer-btns button:nth-child(2){margin-right:1.8rem}.schemesGeneratorPage .color-scheme--generator.color-scheme--polyad .color-scheme-footer-btns button:nth-child(3),.schemesGeneratorPage .color-scheme--generator.color-scheme--monochromatic .color-scheme-footer-btns button:nth-child(3),.schemesGeneratorPage .color-scheme--generator.color-scheme--analogous .color-scheme-footer-btns button:nth-child(3){margin-left:1.8rem}}@media screen and (min-width: 400px){.schemesGeneratorPage .color-scheme--generator.color-scheme--polyad .color-scheme-footer-btns button:nth-child(2),.schemesGeneratorPage .color-scheme--generator.color-scheme--monochromatic .color-scheme-footer-btns button:nth-child(2),.schemesGeneratorPage .color-scheme--generator.color-scheme--analogous .color-scheme-footer-btns button:nth-child(2){margin-right:3rem}.schemesGeneratorPage .color-scheme--generator.color-scheme--polyad .color-scheme-footer-btns button:nth-child(3),.schemesGeneratorPage .color-scheme--generator.color-scheme--monochromatic .color-scheme-footer-btns button:nth-child(3),.schemesGeneratorPage .color-scheme--generator.color-scheme--analogous .color-scheme-footer-btns button:nth-child(3){margin-left:3rem}}.codeSnippet{position:relative;text-align:left}.codeSnippet-btn{position:absolute;z-index:30;background-color:transparent;top:.9rem;right:.9rem;border:0;padding:0;margin:0;cursor:pointer}.codeSnippet-btn img{width:2rem}.codeSnippet pre{border-radius:.3rem}#light .codeSnippet{background-color:#f8f8ff}#dark .codeSnippet{background-color:#2b2b2b}.copyToClipboard .btn{background-color:transparent;border:0;padding:0;margin:0;cursor:pointer}.copyToClipboard .btn img{width:2rem}.copyToClipboard .message{position:absolute;font-size:1.3rem;z-index:40;background-color:#e6e6ee;top:0;right:5rem;font-weight:500;color:#254595;animation:fadeInOut .6s ease-out}.copyToClipboard--absolute .btn{position:absolute;z-index:30;top:.9rem;right:.9rem}.copyToClipboard--static .btn{position:static}.copyToClipboard--middle .btn{position:absolute;z-index:30;top:50%;right:.9rem;transform:translateY(-50%)}.color-modes{max-width:35rem;margin:0 auto;display:flex;flex-direction:row;justify-content:center;gap:2rem;position:relative;width:100%}.color-modes-picker-btn{width:5rem;position:relative;display:block}.color-modes-picker-btn-spectrum{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3.2rem;height:2.3rem;background:linear-gradient(90deg,red,#fffc00 14%,#00ff3f 32%,#00fff3,#0005ff 60%,#c000ff 75%,#ff00ca 88%,red 96%);border-radius:.2rem}.color-modes-picker-btn:hover>div{background:linear-gradient(90deg,#d60202,#d4d002 14%,#02cd35 32%,#00cbc1,#0105c8 60%,#9a02cc 75%,#c3019c 88%,#d60202 96%)}.color-modes-container{width:100%;position:relative}.color-modes-input{height:100%;width:100%;padding:0 .6rem;font-family:Montserrat,sans-serif;text-align:center;background-color:#fafafa;border:1px solid #d1d7e5;border-radius:.3rem;height:3.3rem;letter-spacing:1px}@media screen and (min-width: 425px){.color-modes-input{font-size:1.6rem}}.color-modes-input--invalid{color:red;border-color:red}.color-modes-input:focus{outline:unset;border:2px solid #3466e4;color:#000;font-weight:500}.color-modes-format{display:flex;flex-direction:row;justify-content:center;gap:1.2rem;align-items:center;position:absolute;left:50%;top:-2.6rem;transform:translate(-50%)}.color-modes-format-label{text-transform:uppercase;font-size:1.2rem;font-weight:500;letter-spacing:1px}.color-modes--generator-page-layout{max-width:20rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem;align-items:center}.color-modes--generator-page-layout .color-modes-picker-btn{width:7rem;height:5.4rem;position:relative;display:block}.color-modes--generator-page-layout .color-modes-picker-btn-spectrum{display:none}.color-modes--generator-page-layout .color-modes-picker-btn:hover{box-shadow:none}.color-modes--generator-page-layout .color-modes-picker-btn:hover>div{background:linear-gradient(90deg,#d60202,#d4d002 14%,#02cd35 32%,#00cbc1,#0105c8 60%,#9a02cc 75%,#c3019c 88%,#d60202 96%)}.color-modes--generator-page-layout .swatch-with-transparency--modes{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #b5bbce;box-shadow:1px 1px 1px #b5bbce}.color-modes--generator-page-layout .swatch-with-transparency--modes:hover{border-color:transparent;box-shadow:none}.color-modes--generator-page-layout .color-picker-input{height:100%;width:100%;padding:0 .6rem;font-family:Montserrat,sans-serif;text-align:center;background-color:#fafafa;border:1px solid #d1d7e5;border-radius:.3rem;height:3.3rem;letter-spacing:1px}@media screen and (min-width: 425px){.color-modes--generator-page-layout .color-picker-input{font-size:1.6rem}}.color-modes--generator-page-layout .color-picker-input--invalid{color:red;border-color:red}.color-modes--generator-page-layout .color-picker-input:focus{outline:unset;border:2px solid #3466e4;background-color:#fff;color:#000;font-weight:500}.color-modes--generator-page-layout .color-modes-format{position:absolute;top:3.9rem}#light .color-modes-input{background-color:#fafafa}#light .color-modes-input:focus{background-color:#fff}#light .color-modes-format-label{color:#484856}#dark .color-modes-input{background-color:#d1d7e5;color:#0d0d0d;font-weight:500}#dark .color-modes-input:focus{background-color:#fff}#dark .color-modes-format-label{color:#d1d7e5}.color-scheme{position:relative;width:100%;animation:fadeIn 1.2s;transition:1.2s all}.color-scheme-swatches{display:flex;flex-direction:row;justify-content:center;gap:0}.color-scheme-footer{color:#9699a1;display:flex;flex-direction:row;justify-content:center;gap:1rem;padding:.7rem 0 0;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;align-items:center;justify-content:space-between;border-radius:.3rem}.color-scheme-footer-btns{display:flex;flex-direction:row;justify-content:center;gap:3.5rem}.color-scheme-footer-btns--invisible{visibility:hidden}.color-scheme-footer--delete{background-color:#f2f2f2;padding:.55rem 0;border-bottom-left-radius:.2rem;border-bottom-right-radius:.2rem}.color-scheme-footer--delete-btns{display:flex;flex-direction:row;justify-content:center;gap:1rem}.color-scheme .swatch{background-image:url(/assets/transparent-pattern-Epl99D4K.jpg);background-repeat:repeat;transition:.3s ease-in;border-radius:.4rem}.color-scheme .swatch:hover{transform:scaleX(1.5)}.color-scheme .swatch-color{cursor:pointer;border-radius:.4rem;border:1px solid #e6e6ee;padding:.5rem}.color-scheme .swatch-color:hover{border:1px solid white}.color-scheme .swatch-color-label{max-width:18rem;margin:0 auto;text-align:center;font-size:1.1rem;padding:.3rem 1px;border-radius:.2rem;background-color:#fff;color:#5b5b5b;font-weight:500;animation:.3s fadeIn}@media screen and (min-width: 1024px){.color-scheme .swatch-color-label{font-size:1.2rem}}.color-scheme .swatch-color-label--hidden{visibility:hidden;height:0}.color-scheme .swatch-color-copy{max-width:6rem;margin:0 auto;text-align:center;font-size:1.1rem;padding:.3rem 1px;border-radius:.2rem;background-color:#fff;border:1px solid #3466e4;color:#3466e4;font-weight:500;animation:.3s fadeIn}@media screen and (min-width: 1024px){.color-scheme .swatch-color-copy{font-size:1.2rem}}.color-scheme .swatch--active .swatch-color,.color-scheme .swatch:active .swatch-color{border:2px solid #3466e4!important}.color-scheme .swatch--disabled{pointer-events:none}.color-scheme .swatch--disabled .swatch-color{border:1px solid red}.color-scheme .swatch,.color-scheme .swatch-color{width:100%;height:100%;height:7.2rem}@media screen and (min-width: 650px){.color-scheme .swatch,.color-scheme .swatch-color{height:10.5rem}}.color-scheme--dark .color-scheme-footer{color:#9699a1}.color-scheme--dark .color-scheme-footer--delete{background-color:#2c2c2c}.color-scheme--dark .swatch-label{background-color:#0d0d0d;color:#e6e6ee}.color-scheme--dark .swatch-copy{background-color:#0d0d0d}.color-scheme-edit{position:absolute;top:0;left:0;right:0;height:100%;border-radius:.3rem;animation:fadeIn 1.2s;border:1px solid #e6e6ee;display:flex;flex-direction:column;gap:0;justify-content:space-between}.color-scheme-edit-message{font-size:1.5rem;padding:1rem;display:flex;flex-direction:row;justify-content:center;gap:2rem;height:100%}.color-scheme-edit-footer{padding:.5rem 0;display:flex;flex-direction:row;justify-content:center;gap:2rem}#light .color-scheme-edit,#light .color-scheme-edit-footer{background-color:#d1d7e5}#light .color-scheme-edit-message{background-color:#fafafa}#dark .color-scheme-edit,#dark .color-scheme-edit-footer{background-color:#d1d7e5}#dark .color-scheme-edit-message{color:#e6e6ee;background-color:#0d0d0d}.modal{position:relative;z-index:30;border:1px solid #3466e4;border-radius:.3rem;box-shadow:1px 1px .6rem #0d0d0dcc;overflow:hidden}.modal-header{position:relative;padding:1.2rem .5rem;text-align:center;color:#e6e6ee;font-size:1.5rem;font-weight:600;letter-spacing:2px;background-color:#3466e4;text-transform:uppercase;border-bottom:1px solid #3466e4}.modal-header-btn{position:absolute;top:.5rem;right:.5rem}.modal-body{background-color:#fff}.modal-footer{background-color:#fff;text-align:center}.modal-delete-all-confirm{position:fixed;max-width:30rem;margin:0 auto;border:1px solid #ff0000;border-radius:.3rem;padding:0;bottom:6rem;left:0;right:0;z-index:10;background-color:#fff;transition:.3s all ease-in-out;animation:fadeIn .6s}@media screen and (min-width: 500px){.modal-delete-all-confirm{max-width:40rem;margin:0 auto}}.modal-delete-all-confirm .modal-header{background-color:red;border-bottom:0}.modal-delete-all-confirm .modal-header-btn{right:1rem;top:1rem}.modal-delete-all-confirm .modal-body{text-transform:lowercase;text-align:center;font-size:1.7rem;font-weight:500;padding:1.5rem 4rem;line-height:1.5;letter-spacing:1px}.modal-delete-all-confirm .modal-body span{color:red}.modal-delete-all-confirm .modal-footer{background-color:#e6e6ee;padding:1rem 0}.modal-delete-all-confirm .modal-footer .modal-footer-options>button{margin:0 2rem}#light .modal-delete-all-confirm .modal-body,#light .modal-delete-all-confirm .modal-footer{color:#5b5b5b;background-color:#fff}#dark .modal-delete-all-confirm .modal-body,#dark .modal-delete-all-confirm .modal-footer{background-color:#212121;color:#d1d7e5}.modal-type{position:absolute;width:28rem;top:-19rem}@media screen and (min-width: 650px){.modal-type{width:29rem;top:unset;bottom:-5rem}}@media screen and (min-width: 1024px){.modal-type{bottom:0}}.modal-type-body{padding:2rem}.modal-type-body-options{display:flex;flex-direction:column;gap:1.4rem}.modal-type-body-options .input-group{display:flex;flex-direction:row;justify-content:center;gap:.5rem;align-items:center;justify-content:left}.modal-type-body-options .input-group input[type=radio]{cursor:pointer;margin-bottom:.4rem;-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}.modal-type-body-options .input-group label{font-size:1.3rem;text-transform:uppercase}.modal-type-body-options .input-group:hover{border-radius:.2rem}#light .modal-type-body{background-color:#fafafa;color:#0d0d0d}#dark .modal-type-body{background-color:#212121;color:#d1d7e5}.favorite-schemes{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;border:1px solid #3466e4;border-bottom:0;transition:.6s all ease-in-out;animation:fadeIn .6s}.favorite-schemes-header{color:#fff;background-color:#3466e4;text-align:center;position:fixed;z-index:15;width:100%}.favorite-schemes-header-title{max-width:25rem;margin:0 auto;font-size:1.5rem;font-weight:500;line-height:1.5;padding:1rem;text-transform:uppercase;letter-spacing:1px}@media screen and (min-width: 500px){.favorite-schemes-header-title{max-width:unset;padding:1.5rem}}.favorite-schemes-header-btn--close{position:absolute;top:1.5rem;right:1.5rem}@media screen and (min-width: 1024px){.favorite-schemes-header-btn--close{right:3.5rem}}.favorite-schemes-body{max-width:95%;margin:0 auto;margin-top:8rem;border-radius:.3rem;height:80vh;overflow-y:auto}.favorite-schemes-body-list{max-width:150rem;margin:0 auto;padding:3rem 4rem;border-radius:.3rem;display:grid;column-gap:3rem;row-gap:3.5rem;transition:1s all ease-in-out}@media screen and (min-width: 500px){.favorite-schemes-body-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 768px){.favorite-schemes-body-list{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1024px){.favorite-schemes-body-list{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1200px){.favorite-schemes-body-list{grid-template-columns:repeat(5,1fr)}}.favorite-schemes-body-message{text-align:center;font-size:2rem;font-weight:500;padding:3rem 4rem;border-radius:.3rem}.favorite-schemes-body .color-scheme-footer{justify-content:center}.favorite-schemes-body .color-scheme-footer-type{display:none}.favorite-schemes-body .color-scheme .swatch-color,.favorite-schemes-body .color-scheme .swatch{height:6rem}@media screen and (min-width: 1024px){.favorite-schemes-body .color-scheme .swatch-color,.favorite-schemes-body .color-scheme .swatch{height:7rem}}.favorite-schemes-footer{position:fixed;height:5.5rem;background-color:#3466e4;bottom:1px;left:0;right:0;width:100%;border:1px solid #3466e4;text-align:center}.favorite-schemes-footer>.btn-icon-bg{margin:.8rem 2rem}#light .favorite-schemes,#light .favorite-schemes-body,#light .favorite-schemes-body-list,#dark .favorite-schemes-body-message{background-color:#fff}#dark .favorite-schemes,#dark .favorite-schemes-body,#dark .favorite-schemes-body-list,#dark .favorite-schemes-body-message{background-color:#0d0d0d}#dark .favorite-schemes-body-message{color:#b5bbce}.favorite-schemes .modal-info{position:absolute;bottom:-12rem;left:0;right:0}.loader-container{margin-top:6rem;text-align:center}.loader{border:2rem solid #e6e6ee;border-top:2rem solid #3466e4;border-radius:50%;width:13rem;height:13rem;animation:spin 2s linear infinite;margin:0 auto}.loader-message{margin-top:3rem;font-size:2.3rem;color:#e6e6ee;letter-spacing:2px}.color-picker-chrome{position:absolute;top:-3rem;width:28rem;z-index:40;display:flex;flex-direction:column;gap:0;align-items:center;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.color-picker-chrome-header{position:relative;display:flex;flex-direction:row;justify-content:center;gap:2rem;width:100%;padding-top:1rem;padding-bottom:1rem;border:1px solid #CCCCCC;border-bottom:0}.color-picker-chrome-header-btns{display:flex;flex-direction:row;justify-content:center;gap:2rem;position:absolute;top:.9rem;right:1rem}.color-picker-chrome-header-btns-icon{cursor:pointer;transition:.3s}.color-picker-chrome-header-btns-icon:hover{transform:translate(-1px,-1px);filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}.color-picker-chrome-header-btns .saveColorBtn{height:2.5rem;filter:brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(797%) hue-rotate(97deg) brightness(99%) contrast(90%) opacity(100%)}.color-picker-chrome-header-btns .saveColorBtn:hover{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}.color-picker-chrome-header-btns .saveColorBtn:active{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}.color-picker-chrome-header-btns .dismissColorBtn{height:2.2rem}.color-picker-chrome-header-btns-icon:hover{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}.color-picker-chrome-header-btns-icon:active{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}.color-picker-chrome>div>div:nth-child(4)>div:nth-child(1){display:none}.w-color-chrome{border-top:0!important;width:28rem!important}.color-picker-chrome .w-color-saturation-fill{width:1.2rem!important;height:1.2rem!important}.color-picker-chrome .w-color-alpha-fill{border:3px solid rgb(255,255,255)!important;background-color:transparent!important}#light .w-color-chrome,#light .color-picker-chrome-header{background-color:#f8f8ff!important}#light .color-picker-chrome svg:hover{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}#light .color-picker-chrome svg:active{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}#dark .w-color-chrome,#dark .color-picker-chrome-header{background-color:#242424!important;border-color:#e6e6ee!important}#dark .color-picker-chrome svg{color:red!important;filter:brightness(0) saturate(100%) invert(93%) sepia(8%) saturate(724%) hue-rotate(190deg) brightness(95%) contrast(89%) opacity(100%)}#dark .color-picker-chrome svg:hover{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}#dark .color-picker-chrome svg:active{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}#dark .color-picker-chrome .dismissColorBtn{height:2.2rem;filter:brightness(0) saturate(100%) invert(75%) sepia(5%) saturate(659%) hue-rotate(188deg) brightness(98%) contrast(97%)}#dark .color-picker-chrome .dismissColorBtn:hover{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}#dark .color-picker-chrome .dismissColorBtn:active{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}#dark .color-picker-chrome input{color:#b5bbce!important}#dark .color-picker-chrome input:focus{color:#fff!important}.swatch-with-transparency{border-radius:.3rem}.swatch-with-transparency-inner{border-radius:.3rem;border:1px solid #e6e6ee}.swatch-with-transparency-inner--disabled{border-color:red}.swatch-with-transparency--small{width:3.6rem;height:1.9rem}.swatch-with-transparency--extra-small{width:1.8rem;height:1.7rem}.swatch-with-transparency--medium{width:5rem;height:5rem}.swatch-with-transparency--cat{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.7501%206.40636C10.2698%206.40636%2010.1222%206.5625%209.3561%206.5625C8.71769%206.5625%206.80245%205%205.84485%205C4.88724%205%203.77004%205.5625%203.77004%207.1875V9.0625C3.77197%209.55469%203.95081%2011.0634%204.65075%2010.6602C3.82323%2011.6382%203.73963%2012.7786%203.751%2013.8826C3.52812%2013.947%203.30072%2014.0196%203.08003%2014.095C2.39614%2014.3289%201.67085%2014.6271%201.3432%2014.8387C0.995241%2015.0634%200.895339%2015.5277%201.12006%2015.8756C1.34478%2016.2236%201.80903%2016.3235%202.15698%2016.0988C2.3132%2015.9979%202.87823%2015.7493%203.56532%2015.5144C3.64124%2015.4884%203.71731%2015.4631%203.79298%2015.4386C3.83925%2015.8724%203.95408%2016.2684%204.12478%2016.6292L4.1012%2016.6416C3.69148%2016.8581%203.3113%2017.1067%203.06889%2017.2652C3.02694%2017.2926%202.98912%2017.3173%202.95599%2017.3387C2.60803%2017.5634%202.50813%2018.0277%202.73285%2018.3756C2.95757%2018.7236%203.42182%2018.8235%203.76978%2018.5988C3.8109%2018.5722%203.85472%2018.5436%203.90097%2018.5134C4.1463%2018.3533%204.45999%2018.1485%204.80199%2017.9678C4.88218%2017.9254%204.95935%2017.887%205.03317%2017.8524C6.76347%2019.4748%209.86991%2020%2011.7501%2020C13.6302%2020%2016.7367%2019.4748%2018.467%2017.8524C18.5408%2017.887%2018.6179%2017.9254%2018.6981%2017.9678C19.0401%2018.1485%2019.3538%2018.3533%2019.5991%2018.5134C19.6454%2018.5436%2019.6892%2018.5722%2019.7303%2018.5988C20.0783%2018.8235%2020.5425%2018.7236%2020.7673%2018.3756C20.992%2018.0277%2020.8921%2017.5634%2020.5441%2017.3387C20.511%2017.3173%2020.4732%2017.2926%2020.4312%2017.2652C20.1888%2017.1067%2019.8086%2016.8581%2019.3989%2016.6416L19.3754%2016.6292C19.5461%2016.2683%2019.6609%2015.8724%2019.7072%2015.4385C19.783%2015.463%2019.8592%2015.4883%2019.9352%2015.5144C20.6223%2015.7493%2021.1874%2015.9979%2021.3436%2016.0988C21.6915%2016.3235%2022.1558%2016.2236%2022.3805%2015.8756C22.6052%2015.5277%2022.5053%2015.0634%2022.1574%2014.8387C21.8297%2014.6271%2021.1044%2014.3289%2020.4205%2014.095C20.1997%2014.0195%2019.9722%2013.947%2019.7492%2013.8825C19.7605%2012.7785%2019.6769%2011.6382%2018.8494%2010.6602C19.5494%2011.0634%2019.7282%209.55469%2019.7302%209.0625V7.18761C19.7302%205.56261%2018.6129%205.00011%2017.6553%205.00011C16.6977%205.00011%2014.7825%206.5625%2014.1441%206.5625C13.378%206.5625%2013.2305%206.40636%2011.7501%206.40636ZM11.0745%2015.6004C11.2771%2015.5314%2011.5162%2015.5%2011.7501%2015.5C11.984%2015.5%2012.2231%2015.5314%2012.4257%2015.6004C12.5251%2015.6342%2012.6467%2015.6876%2012.7537%2015.7738C12.8612%2015.8603%2013.0001%2016.0206%2013.0001%2016.25C13.0001%2016.4794%2012.8612%2016.6397%2012.7537%2016.7262C12.6467%2016.8124%2012.5251%2016.8658%2012.4257%2016.8996C12.2231%2016.9686%2011.984%2017%2011.7501%2017C11.5162%2017%2011.2771%2016.9686%2011.0745%2016.8996C10.9751%2016.8658%2010.8535%2016.8124%2010.7464%2016.7262C10.6389%2016.6397%2010.5001%2016.4794%2010.5001%2016.25C10.5001%2016.0206%2010.6389%2015.8603%2010.7464%2015.7738C10.8535%2015.6876%2010.9751%2015.6342%2011.0745%2015.6004ZM13.9201%2012.5005C14.0566%2012.2721%2014.326%2012%2014.7301%2012C15.1342%2012%2015.4036%2012.2721%2015.54%2012.5005C15.6823%2012.7387%2015.7501%2013.0274%2015.7501%2013.3125C15.7501%2013.5976%2015.6823%2013.8863%2015.54%2014.1245C15.4036%2014.3529%2015.1342%2014.625%2014.7301%2014.625C14.326%2014.625%2014.0566%2014.3529%2013.9201%2014.1245C13.7778%2013.8863%2013.7101%2013.5976%2013.7101%2013.3125C13.7101%2013.0274%2013.7778%2012.7387%2013.9201%2012.5005ZM7.96016%2012.5005C8.09658%2012.2721%208.36599%2012%208.7701%2012C9.17421%2012%209.44362%2012.2721%209.58004%2012.5005C9.72234%2012.7387%209.79011%2013.0274%209.79011%2013.3125C9.79011%2013.5976%209.72234%2013.8863%209.58004%2014.1245C9.44362%2014.3529%209.17421%2014.625%208.7701%2014.625C8.36599%2014.625%208.09658%2014.3529%207.96016%2014.1245C7.81786%2013.8863%207.75009%2013.5976%207.75009%2013.3125C7.75009%2013.0274%207.81786%2012.7387%207.96016%2012.5005Z'%20fill='%23000000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.7501%206.40636C10.2698%206.40636%2010.1222%206.5625%209.3561%206.5625C8.71769%206.5625%206.80245%205%205.84485%205C4.88724%205%203.77004%205.5625%203.77004%207.1875V9.0625C3.77197%209.55469%203.95081%2011.0634%204.65075%2010.6602C3.82323%2011.6382%203.73963%2012.7786%203.751%2013.8826C3.52812%2013.947%203.30072%2014.0196%203.08003%2014.095C2.39614%2014.3289%201.67085%2014.6271%201.3432%2014.8387C0.995241%2015.0634%200.895339%2015.5277%201.12006%2015.8756C1.34478%2016.2236%201.80903%2016.3235%202.15698%2016.0988C2.3132%2015.9979%202.87823%2015.7493%203.56532%2015.5144C3.64124%2015.4884%203.71731%2015.4631%203.79298%2015.4386C3.83925%2015.8724%203.95408%2016.2684%204.12478%2016.6292L4.1012%2016.6416C3.69148%2016.8581%203.3113%2017.1067%203.06889%2017.2652C3.02694%2017.2926%202.98912%2017.3173%202.95599%2017.3387C2.60803%2017.5634%202.50813%2018.0277%202.73285%2018.3756C2.95757%2018.7236%203.42182%2018.8235%203.76978%2018.5988C3.8109%2018.5722%203.85472%2018.5436%203.90097%2018.5134C4.1463%2018.3533%204.45999%2018.1485%204.80199%2017.9678C4.88218%2017.9254%204.95935%2017.887%205.03317%2017.8524C6.76347%2019.4748%209.86991%2020%2011.7501%2020C13.6302%2020%2016.7367%2019.4748%2018.467%2017.8524C18.5408%2017.887%2018.6179%2017.9254%2018.6981%2017.9678C19.0401%2018.1485%2019.3538%2018.3533%2019.5991%2018.5134C19.6454%2018.5436%2019.6892%2018.5722%2019.7303%2018.5988C20.0783%2018.8235%2020.5425%2018.7236%2020.7673%2018.3756C20.992%2018.0277%2020.8921%2017.5634%2020.5441%2017.3387C20.511%2017.3173%2020.4732%2017.2926%2020.4312%2017.2652C20.1888%2017.1067%2019.8086%2016.8581%2019.3989%2016.6416L19.3754%2016.6292C19.5461%2016.2683%2019.6609%2015.8724%2019.7072%2015.4385C19.783%2015.463%2019.8592%2015.4883%2019.9352%2015.5144C20.6223%2015.7493%2021.1874%2015.9979%2021.3436%2016.0988C21.6915%2016.3235%2022.1558%2016.2236%2022.3805%2015.8756C22.6052%2015.5277%2022.5053%2015.0634%2022.1574%2014.8387C21.8297%2014.6271%2021.1044%2014.3289%2020.4205%2014.095C20.1997%2014.0195%2019.9722%2013.947%2019.7492%2013.8825C19.7605%2012.7785%2019.6769%2011.6382%2018.8494%2010.6602C19.5494%2011.0634%2019.7282%209.55469%2019.7302%209.0625V7.18761C19.7302%205.56261%2018.6129%205.00011%2017.6553%205.00011C16.6977%205.00011%2014.7825%206.5625%2014.1441%206.5625C13.378%206.5625%2013.2305%206.40636%2011.7501%206.40636ZM11.0745%2015.6004C11.2771%2015.5314%2011.5162%2015.5%2011.7501%2015.5C11.984%2015.5%2012.2231%2015.5314%2012.4257%2015.6004C12.5251%2015.6342%2012.6467%2015.6876%2012.7537%2015.7738C12.8612%2015.8603%2013.0001%2016.0206%2013.0001%2016.25C13.0001%2016.4794%2012.8612%2016.6397%2012.7537%2016.7262C12.6467%2016.8124%2012.5251%2016.8658%2012.4257%2016.8996C12.2231%2016.9686%2011.984%2017%2011.7501%2017C11.5162%2017%2011.2771%2016.9686%2011.0745%2016.8996C10.9751%2016.8658%2010.8535%2016.8124%2010.7464%2016.7262C10.6389%2016.6397%2010.5001%2016.4794%2010.5001%2016.25C10.5001%2016.0206%2010.6389%2015.8603%2010.7464%2015.7738C10.8535%2015.6876%2010.9751%2015.6342%2011.0745%2015.6004ZM13.9201%2012.5005C14.0566%2012.2721%2014.326%2012%2014.7301%2012C15.1342%2012%2015.4036%2012.2721%2015.54%2012.5005C15.6823%2012.7387%2015.7501%2013.0274%2015.7501%2013.3125C15.7501%2013.5976%2015.6823%2013.8863%2015.54%2014.1245C15.4036%2014.3529%2015.1342%2014.625%2014.7301%2014.625C14.326%2014.625%2014.0566%2014.3529%2013.9201%2014.1245C13.7778%2013.8863%2013.7101%2013.5976%2013.7101%2013.3125C13.7101%2013.0274%2013.7778%2012.7387%2013.9201%2012.5005ZM7.96016%2012.5005C8.09658%2012.2721%208.36599%2012%208.7701%2012C9.17421%2012%209.44362%2012.2721%209.58004%2012.5005C9.72234%2012.7387%209.79011%2013.0274%209.79011%2013.3125C9.79011%2013.5976%209.72234%2013.8863%209.58004%2014.1245C9.44362%2014.3529%209.17421%2014.625%208.7701%2014.625C8.36599%2014.625%208.09658%2014.3529%207.96016%2014.1245C7.81786%2013.8863%207.75009%2013.5976%207.75009%2013.3125C7.75009%2013.0274%207.81786%2012.7387%207.96016%2012.5005Z'%20fill='%23000000'/%3e%3c/svg%3e");width:7rem;height:6rem;-webkit-mask-size:7rem;mask-size:7rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.swatch-with-transparency--picker{width:4.5rem;height:2.4rem}.swatch-with-transparency--modes{width:6.9rem;height:5.5rem}.swatch-with-transparency--invalid{border-color:red!important}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;border:1px solid #3466e4}.scheme-code{position:relative;z-index:15;margin-top:-5.2rem;border:1px solid #3466e4;border-bottom:0;transition:.6s all ease-in-out;animation:fadeIn .6s}.scheme-code-header{color:#fff;background-color:#3466e4;text-align:center;position:fixed;z-index:15;width:100%;height:5.5rem}.scheme-code-header-title{font-size:1.5rem;font-weight:500;line-height:1.5;padding-top:1.8rem;text-transform:uppercase;letter-spacing:1px}.scheme-code-header-btn--close{position:absolute;top:1.5rem;right:1.5rem}@media screen and (min-width: 1024px){.scheme-code-header-btn--close{right:3.5rem}}.scheme-code-body{max-width:95%;margin:0 auto;padding-top:9.5rem;border-radius:.3rem;transition:1s all ease-in-out;text-align:center}@media screen and (min-width: 768px){.scheme-code-body{margin-top:2rem}}@media screen and (min-width: 1024px){.scheme-code-body{margin-top:4rem}}.scheme-code-body-btns{display:flex;flex-direction:row;justify-content:center;gap:2rem;margin-top:1.9rem}.scheme-code-body-btns-item{display:flex;flex-direction:row;justify-content:center;gap:.9rem;min-width:8rem}.scheme-code-body-btns-item .btn-icon img{height:2.2rem}.scheme-code-body-btns-item-label{margin-top:.2rem;text-transform:uppercase;font-size:1.3rem;font-weight:500}.scheme-code-body .color-scheme{max-width:35rem;margin:0 auto}.scheme-code-body .color-scheme-type{max-width:35rem;margin:0 auto;text-transform:uppercase;text-align:center;font-size:1.1rem;margin-top:.6rem;letter-spacing:2px}@media screen and (min-width: 500px){.scheme-code-body .scheme-code-snippet,.scheme-code-body .codeSnippet{max-width:45rem;margin:0 auto}}@media screen and (min-width: 350px){.scheme-code-body .scheme-code-snippet,.scheme-code-body .codeSnippet{font-size:1.4rem}}@media screen and (min-width: 370px){.scheme-code-body .scheme-code-snippet,.scheme-code-body .codeSnippet{font-size:1.5rem}}@media screen and (min-width: 400px){.scheme-code-body .scheme-code-snippet,.scheme-code-body .codeSnippet{font-size:1.6rem}}.scheme-code-body .scheme-code-snippet{position:relative;margin:3rem 1.5rem 0}@media screen and (min-width: 500px){.scheme-code-body .scheme-code-snippet{max-width:45rem;margin:0 auto;margin:3rem auto 0}}.scheme-code-body .scheme-code-snippet .scheme-code-snippet-language{position:absolute;top:1rem;z-index:10;left:50%;transform:translate(-50%)}.scheme-code-body .codeSnippet{border:1px solid;border-radius:.3rem;padding:5rem 0 0;font-size:1.3rem}.scheme-code-body .codeSnippet span{margin-bottom:.8rem}@media screen and (min-width: 400px){.scheme-code-body .codeSnippet span{margin-bottom:1.2rem}}#light .overlay{background-color:#fff}#light .scheme-code .codeSnippet{border-color:#e6e6ee}#light .scheme-code .color-scheme-type{color:#484856}#light .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item .btn-icon img{filter:brightness(0) saturate(100%) invert(35%) sepia(0%) saturate(132%) hue-rotate(47deg) brightness(99%) contrast(94%) opacity(100%)}#light .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item .btn-icon:hover img{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}#light .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item .btn-icon:active img{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}#light .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item-label{color:#9699a1}#dark .overlay{background-color:#0d0d0d}#dark .scheme-code .codeSnippet{border-color:#5b5b5b}#dark .scheme-code .scheme-code-snippet .scheme-code-snippet-language,#dark .scheme-code .color-scheme-type{color:#b5bbce}#dark .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item .btn-icon img{filter:brightness(0) saturate(100%) invert(75%) sepia(5%) saturate(659%) hue-rotate(188deg) brightness(98%) contrast(97%)}#dark .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item .btn-icon:hover img{filter:brightness(0) saturate(100%) invert(33%) sepia(35%) saturate(2494%) hue-rotate(202deg) brightness(100%) contrast(99%) opacity(100%)}#dark .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item .btn-icon:active img{filter:brightness(0) saturate(100%) invert(44%) sepia(88%) saturate(4441%) hue-rotate(295deg) brightness(95%) contrast(101%) opacity(100%)}#dark .scheme-code .scheme-code-body-btns .scheme-code-body-btns-item-label{color:#b5bbce}html{font-size:62.5%}body{color:#0d0d0d;font-size:1.6rem;font-family:Montserrat,sans-serif;background-color:#e6e6ee}