@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2fe1ab3d-module__-T-KAq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2fe1ab3d-module__-T-KAq__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:-apple-system;font-display:swap}@font-face{font-family:Roboto;font-display:swap}:root{--font:var(--font-inter,"Inter"), "Roboto", sans-serif;--hfont:var(--font-inter,"Inter"), "Roboto", sans-serif}html,body{width:100%;font-family:var(--font);--swiper-theme-color:#333;--swiper-navigation-size:19px;-webkit-font-smoothing:antialiased;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,p{font-size:inherit;font-weight:inherit;margin-block:0}button{display:inherit;background:0 0;border:none;outline:none}ul{white-space:normal}.hidden{opacity:.01}.underline-link{color:#0070c0;text-decoration:underline}.underline-link:hover{color:#005789}*{box-sizing:border-box}.hidden{display:none}.relative{position:relative}.App{width:100%;min-height:100vh;font-family:var(--font);background:#fff;flex-direction:column;display:flex}body>img,.App>img{opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;position:fixed!important;bottom:0!important;left:0!important}.Row{box-sizing:border-box;flex-direction:row;display:flex}.Screen-row{flex-direction:row;width:100%;padding:10px;display:flex}.Scroll{overflow-x:scroll}.Vertical{flex-direction:column;flex-grow:1;display:flex}.vertical{flex-direction:column;display:flex}.Flexchild{flex:1}.Wrap{flex-wrap:wrap;display:flex}.Center{align-items:center}.Centered{justify-content:center}.Between{gap:10px}.Space-between{justify-content:space-between}.Relative{position:relative}.bottom-gap{height:140px}.bottom-gap-small{height:80px}.color-picker-block{flex:1;min-width:250px;max-width:350px;margin:15px 30px 0 0}.color-picker-content{min-width:250px}.color-picker{background:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);height:210px;position:relative}.color-picker-dot{border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;position:absolute;transform:translate(-50%,-50%)}.ads-wide-content{width:100%;min-width:200px;max-width:90vw;min-height:90px;margin:20px auto}.ads-column-content{max-width:300px;height:620px;margin:10px auto;padding:10px;position:sticky;top:20px}.ads-column-content-bottom{background-color:#8aa;width:300px;height:400px;margin:10px auto;position:sticky;top:430px}.ads-slide{flex:0 0 305px;height:500px;width:305px!important}.ads-slide-content{background-color:#eee;flex:0 0 305px;height:420px;width:305px!important}.ads-slide-gap{flex:0 0 305px;height:80px;width:305px!important}.ads-grid-wide-content,.ads-grid-wide{grid-column:1/-1;width:100%;min-width:0;margin:10px 0}.ads-leaderboard-content{width:auto;min-width:50%;max-width:100%;height:120px;margin:10px auto}.page-header{align-self:center;margin:0 auto;padding:20px 0 5px}.page-header-wide{align-self:center;margin:0 auto;padding:20px 0}.page-logo-link{margin:0 0 10px}.page-logo{width:150px;height:28px}.page-header-icon-link{cursor:pointer;padding:5px}.page-header-icon{width:24px;height:24px}.page-header-link{color:#333;font:500 15px var(--font);outline:none;margin:10px;text-decoration:none}.page-header-link:hover{color:#ee5b32}.page-header-dropdown{z-index:100;background-color:#fff;border:1px solid #333;border-radius:10px;width:200px;position:absolute;top:10px;left:50px;overflow:hidden}.dropdown-link{font:500 16px var(--font);color:#333;padding:10px 20px}.dropdown-link:hover{background-color:#f1f1f1}.page-header-bottom{border-bottom:1px solid #3333;margin:5px 0}.page-header-bottom-white{border-bottom:1px solid #fff5;margin:5px 0}.swiper-row{flex-direction:row;width:100%;display:flex}.splide__pagination__page.is-active{background:#555!important}.splide__arrow--next,.splide__arrow--prev{opacity:.9!important;background:#fff!important;border:2px solid #333!important;border-radius:20px!important;width:55px!important;height:55px!important}.swiper-button-prev,.swiper-button-next{background:#fffa;border-radius:12px;padding:22px 17px;font-weight:500}.page-content{width:90%;max-width:1250px;height:auto;margin:0 auto;padding:0 10px}.page-content-wide{width:95%;max-width:1350px;height:auto;margin:0 auto;padding:0 10px}.mobile-shown{display:none}.tablet-hidden{display:block}.color-table{border-collapse:collapse;width:100%;margin:30px 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;color:#999;font:400 16px var(--font);box-sizing:border-box;grid-column:1/-1;width:100%;min-width:0;margin:150px auto}.copy-success{color:#555;font:400 16px var(--font);margin:8px 10px}.color-logo{width:160px;height:30px}.breadcrumb{color:#333;height:26px;margin-block:.5em;padding-inline-start:0;list-style:none}.breadcrumb li{font:400 14px var(--font);line-height:26px;display:inline}.breadcrumb li+li:before{content:"/ ";padding:5px}.breadcrumb li a{opacity:.9;text-transform:capitalize;background:#3331;border-radius:22px;height:auto;margin:2px 0;padding:6px 15px;text-decoration:none;display:inline-block}.breadcrumb li a:hover{opacity:1;text-decoration:none}.color-copy:hover{color:#444}.color-h3{color:#333;font:500 22px var(--hfont);margin:60px 10px 30px}.color-image-swiper{height:500px;padding:0 0 20px;width:100%!important;overflow-x:hidden!important}.color-image-slide{height:470px!important}.color-image{height:420px!important}.color-image-description{color:#333;height:20px;font:500 14px var(--font);word-wrap:break-word;text-align:center;max-width:100%;margin:5px 4px;padding:3px 6px;line-height:14px;display:block}.color-image-inactive{color:#777;height:20px;font:400 14px var(--font);word-wrap:break-word;text-align:center;max-width:100%;margin:10px 4px;padding:3px 6px;line-height:14px;display:block}.color-content{width:100%;max-width:750px;margin:10px auto 30px}.color-description{font:400 15px var(--font);color:#444;white-space:pre-wrap;margin:10px 0;line-height:1.4}.color-contents-header{cursor:pointer;background:#f7f2ed;border:1px solid #ccc;border-radius:8px;margin:20px 0;padding:20px}.color-contents-icon{font:400 24px var(--font);color:#444;margin:0 10px}.color-contents ul{padding-inline-start:20px}.color-contents li{color:#2458a1;font:400 15px var(--font);margin:7px 0}.color-contents li:hover{color:#15396a}.color-description-block{color:#444;margin:20px 0 0}.color-description-block p{font:400 15px var(--font);color:#555;margin:15px 0;line-height:1.4}.color-description-block a{color:#222;font-weight:500;text-decoration:underline}.color-description-block h3{font:500 20px var(--hfont);color:#222;margin:50px 0 17px}.color-description-block-h2{font:500 20px var(--hfont);color:#222;margin:40px 15px 17px 0}.color-description-block-h3{font:500 19px var(--hfont);color:#222;margin:40px 0 10px}.color-description-block h4,.color-description-block-h4{font:500 17px var(--hfont);margin:25px 0 15px}.color-description-block li{margin:7px 0}.color-content .react-colorful{width:100%;max-width:800px;height:230px;margin:10px 0}.color-content .react-colorful__hue{display:none}.color-content .react-colorful__hue .react-colorful__pointer{border-radius:3px;width:20px;height:35px}.color-property-header{font:400 16px var(--font);color:#555;margin:0 4px 0 0;line-height:1.5}.color-property-value{font:500 16px var(--font);color:#333;margin-left:3px;line-height:1.5!important}.color-property-text{font:400 17px var(--font);color:#555;margin:15px 4px 15px 0;line-height:1.4}.color-block{padding:10px 0}.color-scheme-icon{width:80px;height:80px;margin-top:40px}.color-tip-block{background-color:#f7f2ed;border-radius:16px;margin:5px 0;padding:12px 20px}.color-tip{font:400 14px var(--font);line-height:1.4}.compare-color-card-ul{margin-block:0;padding-left:0;list-style-type:none;list-style-position:inside}.compare-color-card-ul li{min-height:100px;display:flex}.compare-color-card{font:500 16px var(--font);cursor:pointer;outline:none;padding:20px}.compare-color-card p{opacity:.9;transition:opacity .3s ease-out;height:100%;-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{width:100%;max-width:800px;margin:10px 0}.color-lrv-image{aspect-ratio:475/158;width:100%;max-width:800px;margin:10px 0}.color-hue{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);width:100%;height:30px;margin:10px 0;position:relative}.color-hue-dot{border:2px solid #111;border-radius:3px;width:15px;height:34px;position:absolute;top:-2px}.color-button{cursor:pointer;color:#333;font:600 15px var(--font);text-transform:lowercase;border:1px solid #777;border-radius:24px;margin:4px 8px 4px 0;padding:8px 12px;text-decoration:none}.color-button:hover{background:#eee}.color-tag{cursor:pointer;color:#fff;font:600 15px var(--font);text-transform:lowercase;border-radius:24px;margin:4px 8px 4px 0;padding:8px 12px;text-decoration:none}.color-tag:hover{opacity:.95}.color-copy-icon{align-self:center;width:13px;height:13px;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 15px var(--font);color:#444;-webkit-padding-start:20px;padding-inline-start:20px;line-height:1.3}.color-list li{margin:6px 0}.copy-code-icon{cursor:pointer;opacity:.7;width:12px;height:12px;margin:3px}.copy-code-text{color:#555;font:400 15px var(--font)}.color-card-block{flex:0 0 250px;margin:0 7px}.color-content-description{font:400 16px var(--font);color:#555;margin:15px 0 30px}.preferred-source-cta{justify-content:space-between;align-items:center;gap:32px;display:flex}.preferred-source-cta--content{background:#f5f3ee;border:1px solid #dedbd4;border-radius:16px;margin:50px 0;padding:28px 32px}.preferred-source-cta__content{max-width:560px}.preferred-source-cta__title{color:#222;font:600 22px/1.3 var(--hfont);margin-bottom:8px}.preferred-source-cta__text{color:#555;font:400 16px/1.5 var(--font)}.preferred-source-cta__button{color:#222;cursor:pointer;width:226px;min-width:226px;max-width:100%;height:42px;font:500 14px/1 var(--font);white-space:nowrap;background:#fff;border:1px solid #c7c9cc;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:9px;padding:0 16px;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex}.preferred-source-cta__button:hover{background:#f8f9fa;border-color:#aeb0b3;transform:translateY(-1px)}.preferred-source-cta__button:focus-visible{outline-offset:3px;outline:3px solid #8ab4f8}.preferred-source-cta__button:active{transform:translateY(0)}.preferred-source-cta__button:disabled{cursor:default;opacity:.6;transform:none}.preferred-source-cta__google-logo{flex:0 0 20px;width:20px;height:20px;display:block}.preferred-source-cta--content .preferred-source-cta__button{margin:0 30px 18px}.preferred-source-cta--footer{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:18px;margin:0;padding:0}.preferred-source-cta--footer .preferred-source-cta__title{color:#fff;font-size:18px}.preferred-source-cta--footer .preferred-source-cta__text{color:#ffffffb3;font-size:15px}.preferred-source-cta--footer .preferred-source-cta__button{color:#2c2c2c;background:#fff;border-color:#ffffffe6;width:226px;min-width:226px}.cards-container{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;display:grid}.small-cards-container{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}@media only screen and (max-width:359px){.color-table th{padding:0!important;font-size:10px!important}}@media (max-width:1300px){.tablet-hidden{display:none!important}}@media (max-width:1000px){.cards-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){html,body{-webkit-text-size-adjust:100%}.cards-container{grid-template-columns:repeat(2,1fr)}.small-cards-container{grid-template-columns:repeat(2,1fr);padding:0 10px}.color-card-block{flex:0 0 200px;margin:0 5px}.color-category-card{flex-basis:calc(50% - 5px);margin:5px 0}.breadcrumb{height:auto;min-height:52px;margin-block:0}.color-block{padding:10px 30px 40px}.color-h3{margin:60px 30px 20px}.splide__arrow--next,.splide__arrow--prev{width:35px!important}.mobile-shown{display:block!important}.mobile-hidden{display:none!important}.ads-leaderboard-content{height:50px}.preferred-source-cta--content{flex-direction:column;align-items:flex-start;gap:20px;margin:40px 20px;padding:24px}.preferred-source-cta__title{font-size:20px}.preferred-source-cta--content .preferred-source-cta__button{flex-basis:auto;width:100%;min-width:0;margin:0}.preferred-source-cta--footer .preferred-source-cta__button{width:100%;min-width:0}}