.contrast-checker-root,.contrast-checker-root{background:#fbfbfb;width:100%;height:100%}.contrast-checker-root{-webkit-tap-highlight-color:#0000;position:relative}.contrast-checker-root,.contrast-checker-root,.contrast-checker-root input{font-family:var(--font-mariupol);font-feature-settings:"ss03";color:#17171a;font-size:18px;font-weight:200}:where(.contrast-checker-root) *{box-sizing:border-box;outline:none;margin:0;padding:0}.contrast-checker-root picture{line-height:0;display:block}.contrast-checker-root img{border:none;border-image:;width:auto;max-width:100%;height:auto}.contrast-checker-root input{border-radius:0}.contrast-checker-root a{color:#17171a;text-decoration:none;transition:color .3s ease-in-out}.contrast-checker-root h1,.contrast-checker-root h2,.contrast-checker-root h3{font-weight:600}.contrast-checker-root [class*=\ mobile-]{display:none}.contrast-checker-root{flex-direction:column;justify-content:stretch;align-items:stretch;min-height:100%;display:flex;overflow:hidden}.contrast-checker-root input{border:0;width:100%;transition:all .3s}.contrast-checker-root input:hover{border-color:#737580}.contrast-checker-root .inner-gap{flex-direction:column;gap:200px;display:flex}.contrast-checker-root .topic_posts_block h2{border-bottom:1px solid #505259;margin-bottom:64px;padding-bottom:40px}.contrast-checker-root .topic_posts{display:flex}.contrast-checker-root .topic_posts .recent-post{border:0;justify-content:space-between;width:calc(25% - 10.6px);margin-right:32px;padding-bottom:0;display:flex}.contrast-checker-root .topic_posts .recent-post:last-of-type{margin-right:0}.contrast-checker-root .topic_posts .recent-post:first-of-type{border:0;padding-top:0}.contrast-checker-root .topic_posts .recent-post:not(:last-of-type){margin-bottom:0;padding-bottom:0}.contrast-checker-root .topic_posts .recent-post .post-head{max-width:504px;margin-bottom:22px}.contrast-checker-root .topic_posts .recent-post .post-content{flex-direction:column;justify-content:space-between}.contrast-checker-root .topic_posts .recent-post .post-image{min-width:100%;max-width:100%;margin-bottom:4px;margin-right:0;padding:0}.contrast-checker-root .topic_posts .recent-post .post-image img{width:100%}.contrast-checker-root .topic_posts .recent-post .post-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;display:-webkit-box;overflow:hidden}.contrast-checker-root .topic_posts .recent-post .post-bottom{border-top:1px solid #505259;align-items:flex-start;gap:16px;padding-top:32px}.contrast-checker-root .topic_posts .recent-post .post-date{padding-top:6px;line-height:100%}.contrast-checker-root .hover-underline{position:relative}.contrast-checker-root .hover-underline:before{content:"";background:#17171a;width:0;height:1px;transition:all .3s;position:absolute;bottom:-4px;left:0}.contrast-checker-root .hover-underline:hover:before{width:100%}.contrast-checker-root .headline2{letter-spacing:-.68px;font-size:calc(20px + 1.875vw);font-weight:600;line-height:111.765%;font-family:var(--font-articulat-cf)}.contrast-checker-root .subtitle{letter-spacing:-.3px;font-size:calc(10px + .78125vw);font-weight:400;line-height:133.333%;font-family:var(--font-mariupol);font-feature-settings:"ss03";color:#505259}.contrast-checker-root .headline-h3{font-family:var(--font-articulat-cf);letter-spacing:-.4px;font-size:calc(16px + .9375vw);font-weight:600;line-height:120%}.contrast-checker-root .tags{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;gap:8px;display:flex;position:relative}.contrast-checker-root .tags .tag{background:#f5f6fa;border:1px solid #505259;border-radius:8px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:5px 12px 3px;transition:all .3s;display:flex;position:relative;box-shadow:2px 2px #45494d}.contrast-checker-root .tags .tag-text{text-align:left;font-size:calc(9px + .15625vw);font-weight:500;line-height:130%;font-family:var(--font-mariupol);font-feature-settings:"ss03";text-transform:uppercase;justify-content:flex-start;align-items:center;display:flex;position:relative}.contrast-checker-root .bookmark{cursor:pointer;width:24px;height:24px;transition:all .2s;position:relative;top:0;right:0}.contrast-checker-root .bookmark:before{content:"";z-index:-1;background:#e9eaf0;border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.27,2);position:absolute;inset:12px}.contrast-checker-root .bookmark:hover:before{z-index:1;inset:-12px}.contrast-checker-root .ellipse{appearance:none;cursor:pointer;border:1px solid #505259;border-radius:50%;flex-shrink:0;width:38px;height:38px;transition:transform .3s;position:relative}.contrast-checker-root .ellipse:hover{transform:scale(1.05)}.contrast-checker-root .ellipse.checked{border:2px solid #17171a;position:relative;box-shadow:2px 2px #45494d}.contrast-checker-root .ellipse.checked:before{content:"";z-index:1;background:url(/img/resources/check_small_white.svg) 50%/contain no-repeat;width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contrast-checker-root .ellipse.checked:hover:before{background:url(/img/resources/exit_small_white.svg) 50% no-repeat}.contrast-checker-root .recent-post{border-bottom:1px solid #505259;width:100%;padding-bottom:40px;transition:all .5s;position:relative}.contrast-checker-root .recent-post:first-of-type{border-top:1px solid #505259;padding-top:40px}.contrast-checker-root .recent-post:hover .post-title-h{color:#3e52b2}.contrast-checker-root .recent-post:hover .post-pic img{transform:scale(1.05)}.contrast-checker-root .recent-post .post-head{width:calc(100% - 54px)}.contrast-checker-root .recent-post .post-content{display:flex}.contrast-checker-root .recent-post .post-image{width:57%;min-width:240px;max-width:380px;margin-right:32px}.contrast-checker-root .recent-post .post-pic{border-radius:16px;height:0;padding-bottom:63%;position:relative;overflow:hidden}.contrast-checker-root .recent-post .post-pic img{object-fit:cover;border-radius:16px;width:100%;height:100%;transition:all .3s;position:absolute;top:0;left:0}.contrast-checker-root .recent-post .post-content_text{flex-direction:column;justify-content:space-between;width:100%;display:flex;position:relative}.contrast-checker-root .recent-post .post-title{margin-bottom:12px}.contrast-checker-root .recent-post .post-title-h{font-family:var(--font-articulat-cf);letter-spacing:-.28px;font-size:calc(16px + .46875vw);font-weight:600;line-height:107.143%}.contrast-checker-root .recent-post .post-excerpt{color:#505259;font-family:var(--font-mariupol);font-feature-settings:"ss03";-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:calc(12px + .3125vw);font-weight:400;line-height:140%;display:-webkit-box;overflow:hidden}.contrast-checker-root .recent-post .bookmark{width:24px;height:24px;position:absolute;top:5px;right:5px}.contrast-checker-root .recent-post .post-bottom{justify-content:space-between;align-items:center;display:flex}.contrast-checker-root .recent-post .post-date{font-family:var(--font-mariupol);font-feature-settings:"ss03";font-size:calc(13px + .15625vw);font-weight:400;line-height:141.176%}.contrast-checker-root .recent-post:not(:last-of-type){margin-bottom:40px}.contrast-checker-root div.bookmark{display:none!important}@media (max-width:1024px){.contrast-checker-root [class*=\ desktop-]{display:none}.contrast-checker-root [class*=\ mobile-]{display:block}}@media (max-width:1920px) and (min-width:1025px){.contrast-checker-root .inner-gap{gap:148px}.contrast-checker-root .tags{gap:6px}.contrast-checker-root .tags .tag-text{font-size:12px}.contrast-checker-root .headline2{letter-spacing:-.54px;font-size:calc(23.9485px + 1.566vw);line-height:111.111%}.contrast-checker-root .subtitle{letter-spacing:-.24px;font-size:calc(15.4139px + .447427vw);line-height:133.333%}.contrast-checker-root .headline-h3{letter-spacing:-.32px;font-size:calc(19.1208px + .671141vw);line-height:125%}.contrast-checker-root .recent-post{padding-bottom:36px}.contrast-checker-root .recent-post:not(:last-of-type){margin-bottom:36px}.contrast-checker-root .recent-post:first-of-type{padding-top:36px}.contrast-checker-root .recent-post .post-title{margin-bottom:8px}.contrast-checker-root .recent-post .post-title-h{font-size:calc(15.4139px + .447427vw);line-height:125%}.contrast-checker-root .recent-post .post-excerpt{font-size:calc(11.7069px + .223714vw);line-height:150%}.contrast-checker-root .recent-post .post-image{margin-right:28px}.contrast-checker-root .recent-post .post-date{font-size:calc(11.8535px + .111857vw);line-height:142.857%}.contrast-checker-root .topic_posts .recent-post .post-image{margin-bottom:4px;padding:0}}@media (max-width:1391px) and (min-width:1025px){.contrast-checker-root .topic_posts{flex-wrap:wrap;justify-content:space-between;gap:32px}.contrast-checker-root .topic_posts .recent-post{width:calc(50% - 16px);margin-right:0}.contrast-checker-root .topic_posts .recent-post .post-content{width:100%}}@media (max-width:1024px){.contrast-checker-root .inner-gap{gap:80px}.contrast-checker-root .headline2{letter-spacing:-.28px;font-size:calc(23.6627px + 1.20482vw);line-height:107.143%}.contrast-checker-root .subtitle{letter-spacing:-.17px;font-size:calc(15.9157px + .301205vw);line-height:141.176%}.contrast-checker-root .headline-h3{letter-spacing:-.2px;font-size:calc(17.8313px + .60241vw);line-height:110%}.contrast-checker-root .tags{gap:4px}.contrast-checker-root .tags .tag{border-radius:4px;height:23px;padding:6px 10px 4px}.contrast-checker-root .tags .tag-text{font-size:11px;line-height:100%}.contrast-checker-root .recent-post{border:0;width:calc(50% - 10px);padding-bottom:0}.contrast-checker-root .recent-post:first-of-type{border-top:0;padding-top:0}.contrast-checker-root .recent-post:not(:last-of-type){margin-bottom:0}.contrast-checker-root .recent-post .post-content{flex-direction:column}.contrast-checker-root .recent-post .post-head{margin-right:0}.contrast-checker-root .recent-post .post-title-h{font-size:calc(15.3735px + .451807vw);line-height:117.647%}.contrast-checker-root .recent-post .post-image{min-width:100%;max-width:100%;margin-bottom:16px;margin-right:0}.contrast-checker-root .recent-post .post-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:calc(14.4578px + .150602vw);line-height:133.333%;display:-webkit-box;overflow:hidden}.contrast-checker-root .recent-post .post-bottom{border-top:1px solid #505259;align-items:flex-start;gap:16px;padding-top:16px}.contrast-checker-root .recent-post .post-date{font-size:calc(12.4578px + .150602vw);line-height:138.462%}.contrast-checker-root .topic_posts_block h2.headline2{margin:0 20px 32px;padding-bottom:16px}.contrast-checker-root .topic_posts_block .topic_posts{padding-bottom:2px;overflow:scroll}.contrast-checker-root .topic_posts_block .topic_posts::-webkit-scrollbar{display:none}.contrast-checker-root .topic_posts_block .topic_posts{scrollbar-width:none}.contrast-checker-root .topic_posts_block .recent-post{min-width:280px;margin-left:20px;margin-right:0}.contrast-checker-root .topic_posts_block .recent-post:last-of-type{margin-right:20px}.contrast-checker-root .topic_posts_block .recent-post .post-image{margin-bottom:0;padding:0}.contrast-checker-root .topic_posts_block .recent-post .post-head{border:0;margin-bottom:16px}.contrast-checker-root .topic_posts_block .recent-post .post-bottom{padding-top:16px}}@media (max-width:700px){.contrast-checker-root .recent-post{width:100%}}.contrast-checker-root .contrast-checker{background:#fbfbfb;flex-direction:column;gap:200px;display:flex;position:relative}.contrast-checker-root .contrast-checker .head-section{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:80px;display:flex;position:relative}.contrast-checker-root .contrast-checker .section-1,.contrast-checker-root .contrast-checker .frame-11375{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .service-head{background:#0fa958;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:32px;padding:0 0 0 96px;display:flex;position:relative;overflow:hidden}.contrast-checker-root .contrast-checker .service-head .headline2{color:#fefefe}.contrast-checker-root .contrast-checker .text{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:32px;padding:64px 0;display:flex;position:relative}.contrast-checker-root .contrast-checker .back{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-arrows{flex-shrink:0;align-items:center;width:24px;height:24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .arrow-img.mobile-{display:none}.contrast-checker-root .contrast-checker .text2{color:#fefefe;text-align:right;font-family:var(--font-mariupol);font-feature-settings:"ss03";justify-content:flex-end;align-items:center;font-size:calc(12px + .3125vw);font-weight:400;line-height:140%;display:flex;position:relative}.contrast-checker-root .contrast-checker .hover-underline:before{background:#fefefe;bottom:0}.contrast-checker-root .contrast-checker .frame-11376{object-fit:cover;flex-shrink:0;align-self:stretch;width:800px;max-width:800px;max-height:264px;position:relative;overflow:hidden}.contrast-checker-root .contrast-checker .frame-11376 img{position:relative;top:-35px}.contrast-checker-root .contrast-checker .frame-11376.mobile-{display:none}.contrast-checker-root .contrast-checker .section-2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:200px;padding:0 200px;display:flex;position:relative}.contrast-checker-root .contrast-checker .sc-1-contrast-checker{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:32px;width:100%;min-width:1400px;max-width:1400px;display:flex;position:relative}.contrast-checker-root .contrast-checker .colors{background:#fefefe;border:1px solid #505259;border-radius:16px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:64px;width:100%;padding:48px 64px;display:flex;position:relative;box-shadow:6px 6px #45494d}.contrast-checker-root .contrast-checker .big-input{border:0 solid #c4c5cc;border-bottom-width:1px;flex-direction:row;flex:1;justify-content:space-between;align-items:flex-end;padding:0 8px 24px;transition:all .3s;display:flex;position:relative}.contrast-checker-root .contrast-checker .big-input:hover{border-color:#737580}.contrast-checker-root .contrast-checker .big-input input{border:0}.contrast-checker-root .contrast-checker .text3{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:16px;width:calc(100% - 112px);display:flex;position:relative}.contrast-checker-root .contrast-checker .icons{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:24px;padding:0 0 12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-with-hover-universal-small{opacity:1;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;transition:all .3s;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-with-hover-universal-small svg{z-index:2;position:absolute}.contrast-checker-root .contrast-checker .hover{transform-origin:0 0;background:#e9eaf0;border-radius:50%;flex-shrink:0;width:.1px;height:.1px;position:absolute;top:calc(50% - 1px);left:calc(50% + 1px);transform:rotate(0)scaleX(-1)}.contrast-checker-root .contrast-checker .icons-copy-data{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-copy-data:before{content:"";z-index:-1;background:#e9eaf0;border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.27,2);position:absolute;inset:20px}.contrast-checker-root .contrast-checker .icons-copy-data svg:first-child{display:block}.contrast-checker-root .contrast-checker .icons-copy-data svg:last-child{display:none}.contrast-checker-root .contrast-checker .icons-copy-data:hover:before{z-index:1;inset:-6px}.contrast-checker-root .contrast-checker .icons-copy-data.copied svg:first-child{display:none}.contrast-checker-root .contrast-checker .icons-copy-data.copied svg:last-child{display:block}.contrast-checker-root .contrast-checker .color-picker{flex-shrink:0;width:64px;height:64px;position:relative}.contrast-checker-root .contrast-checker .ellipse{background:#fefefe;border:1px solid #505259;border-radius:50%;width:100%;height:100%;position:absolute;inset:0%;box-shadow:2px 2px #45494d}.contrast-checker-root .contrast-checker .icons-with-hover-universal-big{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-loading{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-loading:before{content:"";z-index:-1;background:#e9eaf0;border-radius:50%;transition:all .3s cubic-bezier(.68,-.55,.27,2);position:absolute;inset:20px}.contrast-checker-root .contrast-checker .icons-loading:hover:before{z-index:1;inset:-12px}.contrast-checker-root .contrast-checker .icons-loading.switched .elements{transform:rotate(-180deg)}.contrast-checker-root .contrast-checker .elements{z-index:2;width:100%;transition:all .3s;position:relative}.contrast-checker-root .contrast-checker .ellipse2{background:#5a75ff;border:1px solid #505259;border-radius:50%;width:100%;height:100%;position:absolute;inset:0%;box-shadow:2px 2px #45494d}.contrast-checker-root .contrast-checker .tools{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:32px;width:100%;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-contrast{background:#fefefe;border:1px solid #505259;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:48px;width:688px;padding:16px;display:flex;position:relative;box-shadow:6px 6px #45494d}.contrast-checker-root .contrast-checker .rating{background:#edf7f2;border-radius:16px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;padding:32px 48px;display:flex;position:relative}.contrast-checker-root .contrast-checker .rating2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .star{width:32px;height:32px}.contrast-checker-root .contrast-checker .star-empty{background:url(/img/resources/star_empty.svg) 50%/contain no-repeat}.contrast-checker-root .contrast-checker .star-green{background:url(/img/resources/star_green.png) 50%/contain no-repeat}.contrast-checker-root .contrast-checker .star-yellow{background:url(/img/resources/star_yellow.png) 50%/contain no-repeat}.contrast-checker-root .contrast-checker .star-orange{background:url(/img/resources/star_orange.png) 50%/contain no-repeat}.contrast-checker-root .contrast-checker .star-red{background:url(/img/resources/star_red.png) 50%/contain no-repeat}.contrast-checker-root .contrast-checker .stars{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:6px;height:auto;display:flex;position:relative;overflow:visible}.contrast-checker-root .contrast-checker .text9{text-align:right;font-family:var(--font-mariupol);font-feature-settings:"ss03";align-self:stretch;font-size:calc(12px + .3125vw);font-weight:400;line-height:140%;position:relative}.contrast-checker-root .contrast-checker .check{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:48px;padding:0 48px;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-check{border:0 solid #505259;border-bottom-width:1px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:48px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text10{width:96px}.contrast-checker-root .contrast-checker .unit{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:0;display:flex;position:relative}.contrast-checker-root .contrast-checker .line{flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;gap:24px;padding:0 0 24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text11{text-align:left;font-family:var(--font-mariupol);font-feature-settings:"ss03";width:312px;font-size:calc(10px + .78125vw);font-weight:400;line-height:153.846%;position:relative}.contrast-checker-root .contrast-checker .check2{background:#0fa958;border:1px solid #505259;border-radius:100px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;padding:11px;display:flex;position:relative;box-shadow:2px 2px #45494d}.contrast-checker-root .contrast-checker .icons-check-big{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.contrast-checker-root .contrast-checker .line2{border:0 solid #505259;border-top-width:1px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;padding:24px 0;display:flex;position:relative}.contrast-checker-root .contrast-checker .check3{background:#f65931;border:1px solid #505259;border-radius:100px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:15px;display:flex;position:relative;box-shadow:2px 2px #45494d}.contrast-checker-root .contrast-checker .group-11214{width:16px;height:16px}.contrast-checker-root .contrast-checker .color-check2{flex-direction:row;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:48px;display:flex;position:relative}.contrast-checker-root .contrast-checker .example{background:#5a75ff;border:1px solid #505259;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:40px;width:688px;padding:64px;display:flex;position:relative;box-shadow:6px 6px #45494d}.contrast-checker-root .contrast-checker .text13_1{color:#fefefe;text-align:center;align-self:stretch;position:relative}.contrast-checker-root .contrast-checker .text13{color:#fefefe;text-align:center;font-family:var(--font-mariupol);font-feature-settings:"ss03";align-self:stretch;font-size:26px;font-weight:400;line-height:153.846%;position:relative}.contrast-checker-root .contrast-checker .secondary-text{color:#fefefe;text-align:center;font-family:var(--font-mariupol);font-feature-settings:"ss03";align-self:stretch;font-size:calc(12px + .3125vw);font-weight:400;line-height:140%;position:relative}.contrast-checker-root .contrast-checker .sc-2-how-it-works{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:64px;width:100%;max-width:1400px;display:flex;position:relative}.contrast-checker-root .contrast-checker .head{border:0 solid #505259;border-bottom-width:1px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:60px;padding:0 0 40px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text14{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:48px;display:flex;position:relative}.contrast-checker-root .contrast-checker .paragraph{text-align:left;font-family:var(--font-mariupol);font-feature-settings:"ss03";align-self:stretch;font-size:calc(12px + .3125vw);font-weight:400;line-height:140%;position:relative}.contrast-checker-root .contrast-checker .paragraph p:not(:last-of-type){margin-bottom:32px}.contrast-checker-root .contrast-checker .paragraph ul{margin:48px 0;padding-left:40px}.contrast-checker-root .contrast-checker .paragraph li{margin-left:44px;list-style:none;position:relative}.contrast-checker-root .contrast-checker .paragraph li:not(:last-of-type){margin-bottom:32px}.contrast-checker-root .contrast-checker .paragraph li:before{content:"";background:url(/img/resources/bullet.svg) 0 0/contain no-repeat;width:24px;height:24px;display:block;position:absolute;top:5px;left:-44px}.contrast-checker-root .contrast-checker .topic_posts_block{width:100%}.contrast-checker-root .contrast-checker .section-3{padding:0 96px}@media (max-width:1920px) and (min-width:1025px){.contrast-checker-root .contrast-checker{gap:148px}.contrast-checker-root .contrast-checker .head-section{gap:96px}.contrast-checker-root .contrast-checker .section-1{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .service-head{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:32px;padding:0 0 0 96px;display:flex;position:relative;overflow:hidden}.contrast-checker-root .contrast-checker .frame-11375 img{top:0}.contrast-checker-root .contrast-checker .text{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:24px;padding:48px 0;display:flex;position:relative}.contrast-checker-root .contrast-checker .back{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text2{font-size:calc(13.7069px + .223714vw);line-height:150%}.contrast-checker-root .contrast-checker .frame-11376{object-fit:cover;flex-shrink:0;align-self:stretch;width:600px;max-width:600px;position:relative;overflow:hidden}.contrast-checker-root .contrast-checker .section-2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:148px;padding:0 80px;display:flex;position:relative}.contrast-checker-root .contrast-checker .sc-1-contrast-checker{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;gap:32px;width:100%;min-width:0;max-width:1400px;display:flex;position:relative}.contrast-checker-root .contrast-checker .colors{flex-direction:row;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:64px;padding:48px 64px;display:flex;position:relative}.contrast-checker-root .contrast-checker .big-input{flex-direction:row;flex:1;justify-content:space-between;align-items:flex-end;padding:0 8px 24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text3{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:16px;width:calc(100% - 112px);display:flex;position:relative}.contrast-checker-root .contrast-checker .icons{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:24px;padding:0 0 12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-with-hover-universal-small{opacity:1;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-picker{flex-shrink:0;width:64px;height:64px;position:relative}.contrast-checker-root .contrast-checker .tools{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:32px;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-contrast{border-radius:16px;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:48px;max-width:calc(50% - 16px);padding:16px;display:flex;position:relative}.contrast-checker-root .contrast-checker .rating{border-radius:16px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;padding:32px 48px;display:flex;position:relative}.contrast-checker-root .contrast-checker .rating2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-end;gap:12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .stars{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:6px;height:auto;display:flex;position:relative;overflow:visible}.contrast-checker-root .contrast-checker .check{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:48px;padding:0 24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-check{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .unit{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:0;display:flex;position:relative}.contrast-checker-root .contrast-checker .line{flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;gap:24px;padding:0 0 24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .check2{flex-direction:row;flex-shrink:0;gap:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .line2{flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;padding:24px 0;display:flex;position:relative}.contrast-checker-root .contrast-checker .check3{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-check2{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .example{border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-self:stretch;align-items:center;gap:40px;max-width:calc(50% - 16px);padding:64px;display:flex;position:relative}.contrast-checker-root .contrast-checker .secondary-text{font-size:calc(13.7069px + .223714vw);line-height:150%}.contrast-checker-root .contrast-checker .sc-2-how-it-works{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:64px;width:100%;max-width:1400px;display:flex;position:relative}.contrast-checker-root .contrast-checker .head{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:60px;padding:0 0 40px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text11{width:auto;font-size:calc(15.4139px + .447427vw);line-height:133.333%}.contrast-checker-root .contrast-checker .paragraph{font-size:calc(13.7069px + .223714vw);line-height:150%}.contrast-checker-root .contrast-checker .paragraph li:before{top:2px}.contrast-checker-root .contrast-checker .section-3{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:48px;padding:0 80px;display:flex;position:relative}.contrast-checker-root .contrast-checker .topic_posts_block h2{margin-bottom:48px;padding-bottom:32px}}@media (max-width:1024px){.contrast-checker-root .contrast-checker{gap:80px}.contrast-checker-root .contrast-checker .head-section{gap:48px}.contrast-checker-root .contrast-checker .section-1{gap:10px}.contrast-checker-root .contrast-checker .service-head{gap:24px;padding:0 0 0 20px}.contrast-checker-root .contrast-checker .text{gap:16px;padding:32px 0}.contrast-checker-root .contrast-checker .back{gap:4px}.contrast-checker-root .contrast-checker .arrow-img.desktop-{display:none}.contrast-checker-root .contrast-checker .arrow-img.mobile-{display:block}.contrast-checker-root .contrast-checker .text2{font-size:calc(14.4578px + .150602vw);line-height:133.333%}.contrast-checker-root .contrast-checker .frame-11376{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:10px;width:150px;padding:20px 0;display:flex;position:relative}.contrast-checker-root .contrast-checker .frame-11376.desktop-{display:none}.contrast-checker-root .contrast-checker .frame-11376.mobile-{display:block}.contrast-checker-root .contrast-checker .frame-11376.mobile- img{top:0}.contrast-checker-root .contrast-checker .section-2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:80px;padding:0 20px;display:flex;position:relative}.contrast-checker-root .contrast-checker .sc-1-contrast-checker{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:20px;min-width:0;display:flex;position:relative}.contrast-checker-root .contrast-checker .colors{border-radius:8px;flex-flow:wrap;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;gap:16px;padding:24px 20px;display:flex;position:relative}.contrast-checker-root .contrast-checker .big-input{flex-direction:row;flex:1;justify-content:space-between;align-items:flex-end;width:calc(100% - 100px);padding:0 8px 16px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text3{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:4px;width:calc(100% - 70px);display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-with-hover-universal-big{display:none}.contrast-checker-root .contrast-checker .icons{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:16px;padding:0 0 8px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-with-hover-universal-small{opacity:1;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-copy-data:hover:before{display:none}.contrast-checker-root .contrast-checker .color-picker{flex-shrink:0;width:32px;height:32px;position:relative}.contrast-checker-root .contrast-checker .tools{flex-flow:wrap;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:20px;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-contrast{border-radius:8px;flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:20px;min-width:320px;padding:8px;display:flex;position:relative}.contrast-checker-root .contrast-checker .rating{border-radius:4px;flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;padding:16px 12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .rating2{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .stars{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:4px;height:auto;display:flex;position:relative;overflow:visible}.contrast-checker-root .contrast-checker .star{width:24px;height:24px}.contrast-checker-root .contrast-checker .check{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:16px;padding:0 12px;display:flex;position:relative}.contrast-checker-root .contrast-checker .color-check{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;min-width:280px;display:flex;position:relative}.contrast-checker-root .contrast-checker .unit{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;gap:0;display:flex;position:relative}.contrast-checker-root .contrast-checker .line{flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;gap:24px;padding:0 0 16px;display:flex;position:relative}.contrast-checker-root .contrast-checker .check2{border-radius:100px;flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:10px;padding:7px;display:flex;position:relative}.contrast-checker-root .contrast-checker .icons-check-big{width:16px;height:16px}.contrast-checker-root .contrast-checker .line2{flex-direction:row;flex-shrink:0;justify-content:space-between;align-self:stretch;align-items:center;gap:24px;padding:16px 0;display:flex;position:relative}.contrast-checker-root .contrast-checker .text9{text-align:left;font-family:var(--font-mariupol);flex:1;font-size:17px;font-weight:400;line-height:26px;position:relative}.contrast-checker-root .contrast-checker .check3{flex-direction:row;flex-shrink:0;gap:10px;padding:10px;display:flex;position:relative}.contrast-checker-root .contrast-checker .group-11214{width:10px;height:10px}.contrast-checker-root .contrast-checker .color-check2{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;min-width:280px;display:flex;position:relative}.contrast-checker-root .contrast-checker .example{border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;min-width:320px;padding:40px 24px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text10{width:64px}.contrast-checker-root .contrast-checker .text11{text-align:center;width:auto;max-width:450px;font-size:calc(15.9157px + .301205vw);font-weight:400;line-height:152.941%;position:relative}.contrast-checker-root .contrast-checker .secondary-text{font-size:calc(14.4578px + .150602vw);line-height:133.333%}.contrast-checker-root .contrast-checker .sc-2-how-it-works{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:32px;display:flex;position:relative}.contrast-checker-root .contrast-checker .head{flex-direction:row;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;padding:0 0 16px;display:flex;position:relative}.contrast-checker-root .contrast-checker .text13{font-size:17px;line-height:152.941%}.contrast-checker-root .contrast-checker .paragraph{text-align:left;align-self:stretch;font-size:calc(14.4578px + .150602vw);font-weight:400;line-height:152.941%;position:relative}.contrast-checker-root .contrast-checker .paragraph p:not(:last-of-type){margin-bottom:16px}.contrast-checker-root .contrast-checker .paragraph ul{margin:24px 0;padding-left:0}.contrast-checker-root .contrast-checker .paragraph li{margin-left:36px}.contrast-checker-root .contrast-checker .paragraph li:not(:last-of-type){margin-bottom:16px}.contrast-checker-root .contrast-checker .paragraph li:before{top:0;left:-36px}.contrast-checker-root .contrast-checker .section-3{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:32px;padding:0;display:flex;position:relative}}@media (max-width:650px){.contrast-checker-root .contrast-checker .colors{flex-direction:column}.contrast-checker-root .contrast-checker .big-input{width:100%}}.contrast-checker-root .exit{background:#f5f6fa;border-radius:50%;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:0;width:24px;height:24px;padding:3px;display:flex;position:absolute;top:14px;right:14px}@media (min-width:1025px){.contrast-checker-root .exit{display:none}}.contrast-checker-root input:-webkit-autofill{background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.contrast-checker-root input:-webkit-autofill:hover{background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.contrast-checker-root input:-webkit-autofill:active{background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.contrast-checker-root input:-webkit-autofill:focus{background-color:#fff!important;box-shadow:inset 0 0 0 1000px #fff!important}.contrast-checker-root{overflow-x:hidden}.contrast-checker-root .colorpicker{background:#fefefe;border:1px solid #505259;border-radius:8px;width:408px;height:532px;display:none;position:absolute;box-shadow:6px 6px #45494d}.contrast-checker-root .colorpicker_color{cursor:crosshair;background:red;width:360px;height:360px;position:absolute;top:24px;left:24px}.contrast-checker-root .colorpicker_color div{background:url(/img/resources/colorpicker_overlay.png) 0 0/cover;width:360px;height:360px;position:absolute;top:0;left:0}.contrast-checker-root .colorpicker_color div div{background:red;justify-content:center;align-items:center;width:16px;height:16px;margin:-8px 0 0 -14px;display:flex;position:absolute;top:8px;left:8px}.contrast-checker-root .colorpicker_color div div:before{content:"";border:4px solid #fefefe;border-radius:50%;width:24px;height:24px;position:absolute;box-shadow:2px 2px #45494d}.contrast-checker-root .colorpicker_color div div:after{content:"";border:.5px solid #505259;border-radius:50%;position:absolute;inset:-4px;box-shadow:2px 2px #45494d}.contrast-checker-root .colorpicker_hue{cursor:crosshair;background:url(/img/resources/hue_slider_track.png) 50%/contain no-repeat;width:calc(100% - 48px);height:12px;position:absolute;top:408px;left:24px}.contrast-checker-root .colorpicker_hue div.colorpicker_hue_wrapper{background:#fefefe;border:1px solid #505259;border-radius:50%;width:24px;height:24px;margin:-6px 0 0;position:relative;top:0;left:0;overflow:hidden;transform:translate(-12px);box-shadow:2px 2px #45494d}.contrast-checker-root .colorpicker_hue_center{border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:1920px) and (min-width:1025px){.contrast-checker-root .colorpicker_hue_center{top:50%;left:50%;transform:translate(-50%,-50%)}}.contrast-checker-root .colorpicker_new_color{background:red;width:60px;height:30px;display:none;position:absolute;top:13px;left:213px}.contrast-checker-root .colorpicker_current_color{background:red;width:60px;height:30px;display:none;position:absolute;top:13px;left:283px}.contrast-checker-root .colorpicker_field span{cursor:n-resize;width:12px;height:22px;position:absolute;top:0;right:0;overflow:hidden}.contrast-checker-root .colorpicker_submit{display:none}.contrast-checker-root .color_selector{gap:16px;width:calc(100% - 48px);display:flex;position:absolute;bottom:40px;left:24px}.contrast-checker-root .color_scheme_select{border-bottom:1px solid #c4c5cc;width:80px;position:relative}.contrast-checker-root .color_scheme_select.active{border-bottom:1px solid #17171a}.contrast-checker-root .color_scheme_select.active .color_scheme_dropdown{display:flex}.contrast-checker-root .color_scheme_select.active .color_scheme_icon{transform:rotate(180deg)}.contrast-checker-root .color_scheme_icon{transition:all .3s}.contrast-checker-root .color_scheme_field{cursor:pointer;font-family:var(--font-mariupol);border-radius:8px;align-items:center;gap:8px;padding:0 8px 8px;font-size:20px;font-weight:500;line-height:140%;display:flex}.contrast-checker-root .color_scheme_dropdown{background:#fefefe;border:1px solid #505259;border-radius:8px;flex-direction:column;gap:2px;padding:16px;display:none;position:absolute;top:calc(100% + 8px);box-shadow:6px 6px #45494d}.contrast-checker-root .color_scheme_item{font-family:var(--font-mariupol);cursor:pointer;border-radius:4px;padding:8px 20px;font-size:20px;font-weight:400;line-height:140%;transition:all .3s}.contrast-checker-root .color_scheme_item:hover,.contrast-checker-root .color_scheme_item.selected{background:#f0f2fc}.contrast-checker-root .colorpicker_hex{border-bottom:1px solid #c4c5cc;align-items:center;width:calc(100% - 144px);padding:0 8px 8px;display:flex;position:absolute;bottom:40px;right:24px}.contrast-checker-root .colorpicker_hex div{font-family:var(--font-mariupol);font-size:20px;font-weight:500;line-height:140%}.contrast-checker-root .colorpicker_hex_input{display:flex}.contrast-checker-root .colorpicker_hex input{font-family:var(--font-mariupol);z-index:1;font-size:20px;font-weight:500;line-height:140%;position:relative}.contrast-checker-root .colorpicker_field{gap:8px;width:80px;display:none;position:absolute;bottom:40px}.contrast-checker-root .colorpicker_rgb_r,.contrast-checker-root .colorpicker_hsb_h{left:120px}.contrast-checker-root .colorpicker_rgb_g,.contrast-checker-root .colorpicker_hsb_s{left:212px}.contrast-checker-root .colorpicker_rgb_b,.contrast-checker-root .colorpicker_hsb_b{left:310px}.contrast-checker-root .colorpicker_field div{color:#505259;font-family:var(--font-mariupol);font-size:20px;font-weight:400;line-height:140%}.contrast-checker-root .colorpicker_field input{font-family:var(--font-mariupol);z-index:1;cursor:pointer;border-bottom:1px solid #c4c5cc;padding-bottom:8px;font-size:20px;font-weight:500;line-height:140%;position:relative}@media (max-width:1920px) and (min-width:1025px){.contrast-checker-root .colorpicker{transform:scale(.8888)}}.contrast-checker-root .colorpicker_field input:hover{border-bottom:1px solid #737580}.contrast-checker-root .colorpicker_field input:focus{border-bottom:1px solid #17171a}.contrast-checker-root .bg_dark,.contrast-checker-root .color_scheme_dropdown .heading{display:none}@media (max-width:1024px){.contrast-checker-root .colorpicker{width:100%;height:550px;box-shadow:none;z-index:100;border:0;border-radius:24px 24px 0 0;transition:bottom .5s;display:none;position:fixed;bottom:-100%;left:0}.contrast-checker-root .colorpicker>:not(.bg_dark){z-index:200}.contrast-checker-root .colorpicker>.exit.close{z-index:9}.contrast-checker-root .colorpicker_color{touch-action:none;top:15px;left:50%;transform:translate(-50%)scale(.8)}.contrast-checker-root .colorpicker_color div,.contrast-checker-root .colorpicker_color div div{touch-action:none}.contrast-checker-root .colorpicker_hue{width:360px;max-width:360px;top:360px;left:50%;transform:translate(-50%)scale(.8)}.contrast-checker-root .colorpicker_hue_center{top:3.5px;left:3.5px;transform:translate(0)}.contrast-checker-root .color_selector{gap:20px;width:calc(100% - 40px);max-width:288px;margin-left:auto;margin-right:auto;bottom:116px;left:0;right:0}.contrast-checker-root .color_scheme_field{justify-content:space-between;padding:0 8px 4px;font-size:15px;line-height:133.333%}.contrast-checker-root .colorpicker_hex{z-index:2;justify-content:space-between;gap:10px;width:calc(100% - 100px);max-width:188px;padding:0 8px 4px;bottom:116px;right:50%;transform:translate(140px)}.contrast-checker-root .colorpicker_hex div,.contrast-checker-root .colorpicker_hex input{font-size:15px;line-height:133.333%}.contrast-checker-root .colorpicker_field{width:65px;bottom:116px}.contrast-checker-root .colorpicker_rgb_r,.contrast-checker-root .colorpicker_hsb_h{left:50%;transform:translate(calc(50% - 90px))}.contrast-checker-root .colorpicker_rgb_g,.contrast-checker-root .colorpicker_hsb_s{left:50%;transform:translate(calc(50% - 20px))}.contrast-checker-root .colorpicker_rgb_b,.contrast-checker-root .colorpicker_hsb_b{left:50%;transform:translate(calc(50% + 47px))}.contrast-checker-root .colorpicker_field div{font-size:15px;line-height:133.333%}.contrast-checker-root .colorpicker_field input{padding-bottom:4px;font-size:15px;line-height:133.333%}.contrast-checker-root .colorpicker_submit{width:calc(100% - 40px);max-width:288px;height:44px;font-family:var(--font-articulat-cf);letter-spacing:-.15px;background:#fff01f;border:1px solid #505259;border-radius:8px;justify-content:center;align-items:center;padding:20px 32px;font-size:15px;font-weight:600;line-height:120%;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:2px 2px #45494d}.contrast-checker-root .color_scheme_select .color_scheme_dropdown{width:100%;height:auto;max-height:calc(100% - 60px);box-shadow:none;z-index:101;background:#fefefe;border:0;border-radius:24px 24px 0 0;flex-direction:column;gap:0;padding:48px 20px 15px;transition:all .5s linear;display:flex;position:fixed;top:auto;bottom:-100%;left:0}.contrast-checker-root .color_scheme_select.active .color_scheme_dropdown{bottom:0}.contrast-checker-root .bg_dark{content:"";background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0;z-index:99!important}.contrast-checker-root .color_scheme_select.active .bg_dark{display:block!important}.contrast-checker-root .color_scheme_dropdown .heading{font-family:var(--font-articulat-cf);letter-spacing:-.17px;border-bottom:1px solid #505259;margin-bottom:16px;padding:0 8px 12px;font-size:17px;font-weight:600;line-height:117.647%;display:block}.contrast-checker-root .color_scheme_dropdown .color_scheme_item{font-family:var(--font-mariupol);border-radius:8px;padding:10px 12px;font-size:15px;font-weight:400;line-height:133.333%;transition:all .3s}.contrast-checker-root .color_scheme_dropdown .color_scheme_item:hover,.contrast-checker-root .color_scheme_dropdown .color_scheme_item.selected{background:#f0f2fc}.contrast-checker-root .copy-icon{display:none}}@media (max-width:359px){.contrast-checker-root .colorpicker_hex{transform:translate(calc(50% + 50px))}}.contrast-checker-root{height:auto;min-height:0;display:block;overflow:clip visible}.contrast-checker-root .colorpicker_color,.contrast-checker-root .colorpicker_hue,.contrast-checker-root .colorpicker_field span{touch-action:none}