:root{--max-width:1100px;--border-radius:12px;--font:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--hfont:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*,body,html{padding:0;margin:0}body,html{width:100vw;overflow-x:clip;font-family:Inter,Roboto,sans-serif;--swiper-theme-color:#333;--swiper-navigation-size:19px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,p{margin-block-start:0;margin-block-end:0;font-size:inherit;font-weight:inherit}*{box-sizing:border-box}.hidden{display:none}.relative{position:relative}.App{background:#fff;min-height:100vh;width:100vw;font-family:var(--font)}.App,.Row,.Screen-row{flex-direction:row;display:flex}.Screen-row{width:100vw;padding:10px}.Scroll{overflow-x:scroll}.Vertical{flex-grow:1}.Vertical,.vertical{display:flex;flex-direction:column}.Flexchild{flex:1}.Wrap{display:flex;flex-wrap:wrap}.Center{align-items:center}.Centered{justify-content:center}.logo{width:160px;aspect-ratio:131/76;margin:0 0 10px}.wide-page-content{margin:20px auto;width:90vw;max-width:1400px}.index-content{width:90vw;max-width:1300px;margin:40px auto}.index-logo{width:160px;margin:5px}.index-h1{font:600 50px var(--font)!important;color:#333;margin:80px 0 20px;line-height:1.1!important}.index-h2{font:50 22px var(--font)!important;color:#444;margin:10px 0 60px;line-height:1.2!important}.index-header{max-width:1600px;width:100vw;margin:0 auto;border-radius:0 0 30px 30px;background:#d7ded8}.index-header-block{max-width:1600px;width:70%;padding:40px 60px}.index-button{display:block;padding:25px;border-radius:10px;margin:10px 0;background-color:#ee5b32;color:#d7ded8;font:500 18px var(--font);cursor:pointer;width:600px;max-width:100%}.index-button:hover{background-color:#ea5c34}.index-filter-header{text-align:center;font:500 32px var(--font);color:#333;margin:40px 0 20px}.index-filter-row{margin:0}.index-filter-el,.index-filter-row{justify-content:center;display:flex}.index-filter-el{cursor:pointer;width:95px;height:55px;border-radius:10px;margin:5px;color:#333;font:500 14px var(--font);text-align:center;flex-direction:column;opacity:.95}.index-filter-el:hover{opacity:1;color:#111}.index-header-content{margin:60px auto 30px;width:90vw;max-width:1300px;flex-wrap:wrap;align-items:center}.index-section-header{font:500 32px var(--font);color:#333}.index-browse{font:500 14px var(--font);color:#555;border:1px solid #aaa;border-radius:10px;padding:10px}.index-browse:hover{color:#333;border:1px solid #777}.pagination{list-style:none;margin:40px 0 50px}.pagination li{display:inline;color:#555;cursor:pointer;border:1px solid #e0e0e0;border-radius:3px;margin:2px;overflow:auto;display:inline-block}.pagination li:hover{color:#111;border:1px solid #bbb}.pagination li a{padding:10px 12px;display:block}.pagination .next,.pagination .previous{border:none!important}.pagination .active{color:#ee5b32;border-color:#ee5b32}.pagination .disabled{opacity:.5}.ads-wide-content{width:100%;max-width:90vw;min-width:200px;height:300px!important;margin:20px auto}.ads-column-content{width:250px;margin:10px auto;min-height:600px;position:sticky;top:10px}.ads-slide-content{width:300px!important;flex:0 0 300px;height:400px}.footer{width:100vw;padding:20px 0;margin:0;background-color:#333}.footer-content{width:90%;max-width:1300px;margin:40px auto}.footer-column{width:300px;flex:0 0 300px;margin:0 10px 0 0;max-width:80%}.footer-logo{width:120px;height:70px;margin:10px 0 40px}.footer-link{color:#fff;opacity:.7;text-decoration:none;margin:6px 0;padding:3px 0;font:400 16px var(--font)}.footer-link:hover{opacity:1}.footer-copyright{color:#fff;opacity:.7;text-decoration:none;width:90%;max-width:1300px;margin:40px auto;font:400 14px var(--font)}.page-content{width:90%;max-width:1250px}.page-content,.page-content-wide{margin:0 auto;padding:0 10px;height:auto}.page-content-wide{width:95%;max-width:1350px}.mobile-shown{display:none}.search-window{position:fixed;z-index:100;top:0;left:0;width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center;overflow-y:scroll}.search-block{cursor:pointer;align-items:center;background:#f4f4f4;padding:10px 10px 10px 20px;margin:auto 0;border-radius:10px}.search-block:hover{background:#eee}.search-title{font:500 15px var(--font);line-height:1.2;color:#333}.search-icon{width:24px;height:24px;opacity:.7;margin:0 7px}.search-input{font:500 24px var(--font);color:#333;border:none;padding:20px;margin:40px 10px;width:80vw;outline:none;background:#f3f3f3;border-radius:26px}.search-input::-moz-placeholder{color:#777;font:500 24px var(--font)}.search-input::placeholder{color:#777;font:500 24px var(--font)}.search-clear{width:28px;height:28px;margin:10px;opacity:.7;cursor:pointer}.cards-container{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.cookie-window{position:fixed;z-index:100;bottom:10px;right:10px;width:500px;max-width:90%;padding:5px;border-radius:8px;background:#fff;color:#555;font:400 14px var(--font);align-items:center}.cookie-window p{margin:10px 20px}.cookie-button{color:#fff;background:#3157c9;border-radius:4px;padding:10px 15px;font:400 14px var(--font);margin:10px;cursor:pointer}.cookie-button:hover{opacity:.9}.swiper-row{display:flex;flex-direction:row;width:100%}.splide__pagination__page.is-active{background:#555!important}.splide__arrow--next,.splide__arrow--prev{background:#fff!important;width:30px!important;height:50px!important;border-radius:10px!important}.other-post-slide{flex:0 0 300px;overflow:hidden;text-decoration:none;outline:none;margin-bottom:25px!important;border-radius:12px;box-shadow:0 20px 20px rgb(0 0 0/5%);height:400px!important}@media (max-width:600px){body,html{-webkit-text-size-adjust:100%}.index-header-block{width:100vw;padding:30px 40px}.index-cover-block{width:100vw;overflow:hidden}.index-cover-image{width:100vw;height:auto;margin-bottom:-3px}.index-h1{font:600 32px var(--font)!important;margin:40px 0 10px}.index-h2{font:500 18px var(--font)!important;color:#444;margin:5px 0 30px}}::-webkit-scrollbar-button{background:#888}::-webkit-scrollbar-track-piece{background:#eee}::-webkit-scrollbar-thumb{background:#888}​
.hidden{opacity:.01}.underline-link{text-decoration:underline;color:#0070c0}.underline-link:hover{color:#005789}.colors-h1{margin:20px 0 0;font:500 36px var(--font);max-width:700px;color:#333}.colors-h2{margin:10px 0 0;font:500 18px var(--font);max-width:650px;color:#333}.color-table{width:100%;border-collapse:collapse;margin:40px 0}.color-table th,td{text-align:left;padding:5px 8px 5px 4px}.color-table th{font:600 14px var(--font)}.color-table td{font:400 14px var(--font)}.color-table tr:nth-child(2n){background-color:#f2f2f2}.third-icon td:nth-child(3){text-align:right;width:80px}.empty-text{text-align:center;margin:150px auto;width:100vw}.copy-success,.empty-text{color:#555;font:300 16px var(--font)}.copy-success{margin:8px 10px}.color-header-block{border-bottom:4px solid #333}.color-header{margin:10px auto;max-width:1350px;width:95vw}.color-logo{width:160px;aspect-ratio:131/76;margin:20px 20px 10px 10px}.breadcrumb{list-style:none;color:#333;padding-inline-start:10px;margin-block-start:0;margin-block-end:0;height:26px}.breadcrumb li{display:inline;font:400 14px var(--font);line-height:26px}.breadcrumb li+li:before{padding:6px;content:"/\00a0"}.breadcrumb li a{opacity:.9;text-decoration:none;padding:6px 3px 6px 0}.breadcrumb li a:hover{opacity:1;text-decoration:none}.color-name{color:#333;font:600 42px var(--hfont);margin:10px 8px 3px}.color-title{color:#333;font:600 18px var(--hfont);margin:0 10px 20px}.color-name-swiper{color:#333}.color-name-swiper,.color-name-swiper-dark{font:600 22px var(--hfont);margin:10px 15px 0 8px}.color-name-swiper-dark{color:#fff}.color-copy:hover{color:#444}.color-h3{color:#333;font:700 28px var(--hfont);margin:60px 30px 10px}.color-image-swiper{width:100vw!important;overflow-x:hidden!important;height:500px}.color-image-slide{height:470px!important}.color-image{height:420px!important}.color-image-description{color:#333;font:500 14px var(--font)}.color-image-description,.color-image-inactive{display:block;height:20px;line-height:14px;margin:10px 4px;padding:3px 6px;max-width:100%;word-wrap:break-word;text-align:center}.color-image-inactive{color:#777;font:400 14px var(--font)}.bold-bottom{border-bottom:4px solid #333}.color-content{margin:10px auto 30px;max-width:750px;width:100vw}.color-h1{font:700 26px var(--hfont);color:#333;margin:30px 0 0;max-width:600px}.color-h2{margin:30px 0;font:600 18px var(--hfont);line-height:1.4;color:#555;max-width:700px}.color-description{font:400 17px var(--font);color:#444;margin:20px 0;white-space:pre-wrap;line-height:1.4}.color-contents-header{padding:20px;border:1px solid #ccc;background:#f7f2ed;border-radius:8px;margin:20px 0;cursor:pointer}.color-contents-icon{font:400 24px var(--font);color:#444;margin:0 10px}.color-contents ul{padding-inline-start:20px}.color-contents li{margin:7px 0;color:#2458a1;font:400 15px var(--font)}.color-contents li:hover{color:#15396a}.color-description-block{margin:20px 0 60px;color:#444}.color-description-block p{margin:15px 0;font:300 18px var(--font);color:#555;line-height:1.4}.color-description-block a{text-decoration:underline;color:#333;font-weight:500}.color-description-block h3{margin:50px 0 17px;font:700 22px var(--hfont);color:#333}.color-description-block-h2{margin:40px 15px 17px 0;font:700 22px var(--hfont);color:#333}.color-description-block-h3{font:700 19px var(--hfont);margin:40px 0 10px;color:#333}.color-description-block h4,.color-description-block-h4{font:600 17px var(--hfont);margin:25px 0 15px}.color-description-block li{margin:7px 0}.color-content .react-colorful{margin:10px 0;height:230px;width:100%;max-width:800px}.color-content .react-colorful__hue{display:none}.color-content .react-colorful__hue .react-colorful__pointer{height:35px;width:20px;border-radius:3px}.color-property-header{font:400 16px var(--font);line-height:1.5;color:#555;margin:0 4px 0 0}.color-property-value{font:500 16px var(--font);line-height:1.5!important;color:#333;margin-left:3px}.color-property-text{font:400 17px var(--font);color:#555;margin:15px 4px 15px 0;line-height:1.4}.color-block{padding:10px 30px 50px}.color-input{margin:10px 10px 10px 0;width:55px}.color-input,.color-input-hex{border:1px solid #ccc;padding:8px 5px;font:300 15px var(--font);text-align:center}.color-input-hex{margin:10px 0;width:90px}.color-input-text{margin:0 20px 30px 0;text-align:center;color:#555;font:300 15px var(--font)}.color-scheme-icon{width:80px;height:80px;margin-top:40px}.color-tip-block{padding:12px;background-color:#f7f2ed;margin:40px 0}.color-tip{font:400 15px var(--font);line-height:1.5}.compare-color-card-ul{list-style-type:none;list-style-position:inside;padding-left:0;margin-block-start:0;margin-block-end:0}.compare-color-card-ul li{min-height:100px;display:flex}.compare-color-card{font:600 16px var(--font);cursor:pointer;outline:none;padding:20px}.compare-color-card p{height:100%;opacity:.9;transition:opacity .3s ease-out;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-in-out}.compare-color-card:hover p{opacity:1}.compare-color-arrow{width:22px;height:22px;margin-left:10px}.color-compare-block{margin:5px 10px 15px}.white-text{color:#fff!important}.color-description-image,.color-lrv-image{width:100%;max-width:800px;margin:10px 0}.color-lrv-image{aspect-ratio:475/158}.color-hue{width:100%;height:30px;position:relative;margin:10px 0;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.color-hue-dot{position:absolute;top:-2px;width:15px;height:34px;border-radius:3px;border:2px solid #111}.color-wheel{width:200px;height:200px;margin-top:10px;position:relative}.color-wheel-dot,.color-wheel-image{position:absolute}.color-wheel-dot{width:10px;height:10px;margin-top:-5px;margin-left:-5px;border-radius:10px;background-color:#222}.color-wheel-threshold{position:absolute;top:0;left:74px;height:150px;border-right:1px dashed #060606c7;width:1px}.color-cool,.color-warm{font:400 15px var(--font);color:#333;text-align:center;margin:10px -10px 0 10px;width:40px}.color-cool{text-align:right;margin:10px 10px 0 -10px}.color-button{padding:13px 17px;border:1px solid #777;cursor:pointer;text-decoration:none;color:#333;font:600 16px var(--font);margin:8px 10px 8px 0}.color-button:hover{background:#eee}.color-copy-icon{width:15px;height:15px;align-self:center;margin:0 0 0 10px}.swiper-pagination-bullet-active{background:#111!important}.swiper-container{padding:0 0 40px!important}.swiper-pagination-bullets{bottom:5px!important}.color-list{font:400 17px var(--font);line-height:1.4;color:#444;padding-inline-start:20px}.kelvins-slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;transition:opacity .2s;margin:25px 0 15px}.kelvins-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #333;cursor:pointer}.kelvins-slider::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #333;cursor:pointer}.slider-ticks{margin:5px 15px 40px}.slider-tick{height:15px;border-left:1px solid #333;text-align:center;font:500 14px var(--font)}.slider-ticks:last-child{border-right:1px solid #333}.slider-light{background-image:linear-gradient(90deg,#ffea00,#ebdb60 8%,#d7ce88 17%,#c0bea5 25%,#a5adc0 33%,#8599d5 41%,#5d85ea 49%,#8599d5 58%,#a5adc0 66%,#c0bea5 74%,#d7ce88 83%,#ebdb60 91%,#ffea00)}.copy-code-icon{width:12px;height:12px;cursor:pointer;margin:3px;opacity:.7}.copy-code-text{color:#555;font:400 15px var(--font)}.other-colors-swiper{width:100vw!important;overflow-x:hidden!important;margin:0 0 40px;padding:0 0 20px}.color-card-block{margin:0 7px;flex:0 0 250px}.color-card{flex:0 0 250px;width:250px;overflow:hidden;text-decoration:none;outline:none;display:block}.color-card-header{margin:15px 15px 17px;height:70px}.color-card-title{font:600 20px var(--hfont);color:#000}.color-card-subtitle{font:600 16px var(--hfont);color:#000}.color-card-palette{font:400 14px var(--hfont);color:#000;opacity:.8}.color-card-arrow{width:22px;height:22px;margin:4px 0 0}.color-card-title-white{font:600 22px var(--font);color:#fff}.color-card-subtitle-white{font:600 16px var(--font);color:#fff}.color-card-palette-white{font:400 15px var(--font);color:#fff;opacity:.7}.color-card-image-block{width:250px;aspect-ratio:1;overflow:hidden}.color-card-image{width:100%;aspect-ratio:1}.color-content-description{font:400 16px var(--font);color:#555;margin:15px 0 30px}.color-card-small{width:450px;max-width:100%;overflow:hidden;text-decoration:none;outline:none}.color-card-small-image-block{width:130px;height:130px;overflow:hidden}.color-card-small-image{height:130px;width:130px}.colors-title{font:600 32px var(--font);color:#000;margin:20px 10px}.colors-description{font:400 17px var(--font);color:#444;margin:0 10px 20px;max-width:800px;line-height:1.3;white-space:pre-wrap}.colors-swiper{width:100vw!important;overflow-x:hidden!important;margin:0 0 20px}.first-card{width:120px!important;height:350px;margin:0 10px 0 20px;text-decoration:none;outline:none}.light-block{background:#eee}.medium-block{background:#bbb}.dark-block{background:#777}.first-card-block{transform:rotate(-90deg);margin:60% 0 0 -80%;width:300px}.first-card-header{font:600 36px var(--font);color:#333;margin:10px 10px 0;text-transform:lowercase}.first-card-description{font:500 16px var(--font);color:#555;margin:0 10px 10px}.to-category-card{width:120px!important;height:350px;margin:0 10px 0 0;text-decoration:none;outline:none;justify-content:center}.to-category-text{margin:30px 15px;text-align:center;align-self:center;font:500 16px var(--font);color:#555}.to-category-icon{width:30px;height:30px;opacity:.7;align-self:center}.dark-block .first-card-header{color:#fff!important}.dark-block .first-card-description{color:#fffa!important}.dark-block .to-category-text{color:#fff!important}.dark-block{color:#f4f4f4!important}.filter-column{margin:0 30px 10px 5px}.filter-header{margin:20px 5px 5px;font:500 16px var(--font);color:#333}.colors-filter-card{background:#eee;width:100px;height:55px;font:500 14px var(--font);color:#444;padding:8px;margin:3px;cursor:pointer;text-transform:lowercase;text-decoration:none;outline:none;border:2px solid #fff;border-radius:6px}.colors-filter-card:hover{color:#111}.colors-filter-card-dark{width:100px;height:55px;font:500 14px var(--font);color:#f2f2f2;padding:10px;margin:3px;cursor:pointer;text-transform:lowercase;text-decoration:none;outline:none;border:2px solid #fff;border-radius:6px}.colors-filter-card-dark:hover{color:#fff}.hue-filter-block{min-width:220px;max-width:320px}.brightness-filter-block{width:120px}.brand-filter-block{min-width:220px;max-width:320px}.active-filter{color:#111;border:2px solid #111}.color-category-content{margin:10px auto;max-width:1350px;width:98vw}.color-category-card{margin:10px}.other-refs-swiper{width:100vw}.collection-card{min-width:320px;overflow:hidden;text-decoration:none;outline:none;margin:10px;height:300px;position:relative;flex:1;border-radius:15px}.collection-tint{position:absolute;width:100%;height:100%;background:#333;opacity:.41;top:0;left:0;z-index:10;transition:opacity .25s ease-in-out}.collection-card:hover>.collection-tint{opacity:.3}.collection-card-header{margin:20px;z-index:30;position:absolute}.collection-card-title{color:#fff;font:500 24px var(--font)}.collection-card-arrow{width:23px;height:23px;margin:16px 10px}.samplize-block{margin:30px 0 20px}.samplize-image-block{width:350px;max-width:100vw;position:relative}.samplize-background{width:100%;aspect-ratio:35/34}.samplize-image{left:0}.samplize-header-block,.samplize-image{width:100%;position:absolute;top:0}.samplize-logo{display:block;width:150px;align-self:center;margin:20px auto;aspect-ratio:150/29}.samplize-header{font:600 24px var(--font);color:#111;margin:0 20px;text-align:center}.samplize-icon{width:80px;align-self:center;margin:20px 0 0;aspect-ratio:80/61}.samplize-text{font:600 15px var(--font);color:#111;margin:3px 5px 5px;text-align:center;line-height:1.1}.samplize-button{display:block;background-color:#111;color:#fff;padding:14px;width:80%;cursor:pointer;text-align:center;margin:20px 10% 40px;outline:none}.samplize-button:hover{background-color:#000}@media (max-width:600px){.collection-card{width:90vw}.first-card{width:90px!important}.to-category-card{height:290px!important}.first-card-block{margin:60% 0 0 -120%}.color-card-block{margin:0 5px;flex:0 0 200px}.color-card{width:auto}.brightness-filter-block{width:80vw}.colors-filter-card,.colors-filter-card-dark{width:90px;font:500 13px var(--font);margin:2px}.color-category-card{margin:5px 1vw;width:46vw}.color-card-header{margin:15px 10px 15px 15px}.color-card-title,.color-card-title-white{font:600 16px var(--hfont)}.color-card-subtitle,.color-card-subtitle-white{font:600 14px var(--hfont)}.color-card-palette,.color-card-palette-white{font:400 14px var(--hfont)}.color-card-image-block,.samplize-image{width:100%}.breadcrumb{height:auto;min-height:52px}.color-h1{height:auto;min-height:94px}}