.contrast-checker{background:#fbfbfb;position:relative;display:flex;flex-direction:column;gap:200px}.contrast-checker .inner{display:flex;flex-direction:column;gap:200px;align-items:center;justify-content:flex-start;width:100%}.contrast-checker .head-section{display:flex;flex-direction:column;gap:80px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .section-1,.contrast-checker .frame-11375{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .service-head{background:#0fa958;padding:0px 0px 0px 96px;display:flex;flex-direction:row;gap:32px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden}.contrast-checker .service-head .headline2{color:#fefefe}.contrast-checker .text{padding:64px 0px 64px 0px;display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:center;flex:1;position:relative}.contrast-checker .back{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-arrows{flex-shrink:0;width:24px;height:24px;position:relative;display:flex;align-items:center}.contrast-checker .arrow-img.mobile-{display:none}.contrast-checker .text2{color:#fefefe;text-align:right;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;display:flex;align-items:center;justify-content:flex-end}.contrast-checker .hover-underline:before{background:#fefefe;bottom:0}.contrast-checker .frame-11376{align-self:stretch;flex-shrink:0;width:800px;max-width:800px;position:relative;overflow:hidden;object-fit:cover;max-height:264px}.contrast-checker .frame-11376 img{position:relative;top:-35px}.contrast-checker .frame-11376.mobile-{display:none}.contrast-checker .section-2{padding:0px 200px 0px 200px;display:flex;flex-direction:column;gap:200px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .sc-1-contrast-checker{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:flex-start;width:100%;flex-shrink:0;min-width:1400px;max-width:1400px;position:relative}.contrast-checker .colors{background:#fefefe;border-radius:16px;border-style:solid;border-color:#505259;border-width:1px;padding:48px 64px 48px 64px;display:flex;flex-direction:row;gap:64px;align-items:center;justify-content:center;flex-shrink:0;width:100%;position:relative;box-shadow:6px 6px 0px 0px #45494d}.contrast-checker .big-input{border-style:solid;border-color:#c4c5cc;border-width:0px 0px 1px 0px;padding:0px 8px 24px 8px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex:1;position:relative;transition:.3s}.contrast-checker .big-input:hover{border-color:#737580}.contrast-checker .big-input input{border:0}.contrast-checker .text3{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:calc(100% - 112px)}.contrast-checker .icons{padding:0px 0px 12px 0px;display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-with-hover-universal-small{opacity:1;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative;transition:.3s}.contrast-checker .icons-with-hover-universal-small svg{position:absolute;z-index:2}.contrast-checker .hover{background:#e9eaf0;border-radius:50%;flex-shrink:0;width:.1px;height:.1px;position:absolute;left:calc(50% + 1px);top:calc(50% - 1px);transform-origin:0 0;transform:rotate(0deg) scale(-1, 1)}.contrast-checker .icons-copy-data{flex-shrink:0;width:24px;height:24px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.contrast-checker .icons-copy-data::before{content:"";position:absolute;top:20px;bottom:20px;left:20px;right:20px;background:#e9eaf0;border-radius:50%;z-index:-1;transition:all .3s cubic-bezier(0.68, -0.55, 0.27, 2)}.contrast-checker .icons-copy-data svg:first-child{display:block}.contrast-checker .icons-copy-data svg:last-child{display:none}.contrast-checker .icons-copy-data:hover::before{top:-6px;bottom:-6px;left:-6px;right:-6px;z-index:1}.contrast-checker .icons-copy-data.copied svg:first-child{display:none}.contrast-checker .icons-copy-data.copied svg:last-child{display:block}.contrast-checker .color-picker{flex-shrink:0;width:64px;height:64px;position:relative}.contrast-checker .ellipse{background:#fefefe;border-radius:50%;border-style:solid;border-color:#505259;border-width:1px;position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%;box-shadow:2px 2px 0px 0px #45494d}.contrast-checker .icons-with-hover-universal-big{display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-loading{flex-shrink:0;width:24px;height:24px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer}.contrast-checker .icons-loading::before{content:"";position:absolute;top:20px;bottom:20px;left:20px;right:20px;background:#e9eaf0;border-radius:50%;z-index:-1;transition:all .3s cubic-bezier(0.68, -0.55, 0.27, 2)}.contrast-checker .icons-loading:hover::before{top:-12px;bottom:-12px;left:-12px;right:-12px;z-index:1}.contrast-checker .icons-loading.switched .elements{transform:rotate(-180deg)}.contrast-checker .elements{width:100%;z-index:2;position:relative;transition:.3s}.contrast-checker .copy2{height:auto;position:absolute;left:4px;top:3px;overflow:visible}.contrast-checker .ellipse2{background:#5a75ff;border-radius:50%;border-style:solid;border-color:#505259;border-width:1px;position:absolute;right:0%;left:0%;width:100%;bottom:0%;top:0%;height:100%;box-shadow:2px 2px 0px 0px #45494d}.contrast-checker .color-picker2{background:#fefefe;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:24px 24px 40px 24px;display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:flex-start;position:absolute;right:-268.75%;left:-268.75%;width:637.5%;bottom:-853.12%;top:121.88%;height:831.25%;box-shadow:6px 6px 0px 0px #45494d}.contrast-checker .color-field{flex-shrink:0;width:360px;height:360px;position:relative}.contrast-checker .color-space{width:360px;height:360px;position:absolute;left:0px;top:0px;overflow:visible}.contrast-checker .thumb{width:24px;height:24px;position:absolute;left:311px;top:21px}.contrast-checker .thumb2{background:#fefefe;border-radius:50%;border-style:solid;border-color:#505259;border-width:1px;width:24px;height:24px;position:absolute;left:0px;top:0px;box-shadow:2px 2px 0px 0px #45494d}.contrast-checker .thumb3{background:#5a75ff;border-radius:50%;width:16px;height:16px;position:absolute;left:4px;top:4px}.contrast-checker .hue-slider{flex-shrink:0;width:360px;height:24px;position:relative}.contrast-checker .hue-slider-track{border-radius:0px;width:360px;height:12px;position:absolute;left:0px;top:6px;transform:translate(0px, 0px);overflow:visible}.contrast-checker .thumb4{width:24px;height:24px;position:absolute;left:238px;top:0px}.contrast-checker .colour-selector{display:flex;flex-direction:row;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .dropdown-single-choice{border-radius:8px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;width:80px;height:36px;position:relative}.contrast-checker .field{border-style:solid;border-color:#17171a;border-width:0px 0px 2px 0px;padding:0px 8px 8px 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .content{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .text5{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:500;position:relative;display:flex;align-items:center;justify-content:flex-start}.contrast-checker .right-icons{display:flex;flex-direction:row;gap:12px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-chevron-small{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.contrast-checker .sorting{background:#fefefe;border-radius:8px;border-style:solid;border-color:#505259;border-width:1px;padding:16px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .menu-item{background:#f0f2fc;border-radius:4px;padding:8px 20px 8px 20px;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden}.contrast-checker .text6{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;transform-origin:0 0;transform:rotate(0deg) scale(1, 1);display:flex;align-items:center;justify-content:flex-start}.contrast-checker .menu-item2{border-radius:4px;padding:8px 20px 8px 20px;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden}.contrast-checker .menu-item3{border-radius:8px;padding:8px 20px 8px 20px;display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden}.contrast-checker .input-without-placeholder{border-style:solid;border-color:#c4c5cc;border-width:0px 0px 1px 0px;padding:0px 8px 8px 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex:1;position:relative}.contrast-checker .text7{display:flex;flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;flex-shrink:0;position:relative}.contrast-checker .tools{width:100%;display:flex;flex-direction:row;gap:32px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .color-contrast{background:#fefefe;border-radius:16px;border-style:solid;border-color:#505259;border-width:1px;padding:16px;display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;width:688px;position:relative;box-shadow:6px 6px 0px 0px #45494d}.contrast-checker .rating{background:#edf7f2;border-radius:16px;padding:32px 48px 32px 48px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .rating2{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .star{width:32px;height:32px}.contrast-checker .star-empty{background:url("../img/star_empty.svg") no-repeat center center;background-size:contain}.contrast-checker .star-green{background:url("../img/star_green.png") no-repeat center center;background-size:contain}.contrast-checker .star-yellow{background:url("../img/star_yellow.png") no-repeat center center;background-size:contain}.contrast-checker .star-orange{background:url("../img/star_orange.png") no-repeat center center;background-size:contain}.contrast-checker .star-red{background:url("../img/star_red.png") no-repeat center center;background-size:contain}.contrast-checker .stars{display:flex;flex-direction:row;gap:6px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;height:auto;position:relative;overflow:visible}.contrast-checker .text9{text-align:right;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;align-self:stretch}.contrast-checker .check{padding:0px 48px 0px 48px;display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .color-check{border-style:solid;border-color:#505259;border-width:0px 0px 1px 0px;display:flex;flex-direction:row;gap:48px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .text10{width:96px}.contrast-checker .unit{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.contrast-checker .line{padding:0px 0px 24px 0px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;gap:24px}.contrast-checker .text11{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(25px + 5*(100vw - 1920px)/640);line-height:153.846%;font-weight:400;position:relative;width:312px}.contrast-checker .check2{background:#0fa958;border-radius:100px;border-style:solid;border-color:#505259;border-width:1px;padding:11px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;box-shadow:2px 2px 0px 0px #45494d}.contrast-checker .icons-check-big{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.contrast-checker .line2{border-style:solid;border-color:#505259;border-width:1px 0px 0px 0px;padding:24px 0px 24px 0px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .text12{color:#737580;text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(25px + 5*(100vw - 1920px)/640);line-height:153.846%;font-weight:400;position:relative;width:312px}.contrast-checker .check3{background:#f65931;border-radius:100px;border-style:solid;border-color:#505259;border-width:1px;padding:15px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:2px 2px 0px 0px #45494d}.contrast-checker .icons-exit-big{flex-shrink:0;width:24px;height:24px;position:relative}.contrast-checker .group-11214{width:16px;height:16px}.contrast-checker .color-check2{display:flex;flex-direction:row;gap:48px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .icons-check-big2,.contrast-checker .icons-check-big3{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.contrast-checker .example{background:#5a75ff;border-radius:16px;border-style:solid;border-color:#505259;border-width:1px;padding:64px;display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;width:688px;position:relative;box-shadow:6px 6px 0px 0px #45494d}.contrast-checker .text13_1{color:#fefefe;text-align:center;position:relative;align-self:stretch}.contrast-checker .text13{color:#fefefe;text-align:center;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:26px;line-height:153.846%;font-weight:400;position:relative;align-self:stretch}.contrast-checker .secondary-text{color:#fefefe;text-align:center;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;align-self:stretch}.contrast-checker .sc-2-how-it-works{display:flex;flex-direction:column;gap:64px;align-items:flex-start;justify-content:flex-start;width:100%;flex-shrink:0;max-width:1400px;position:relative}.contrast-checker .head{border-style:solid;border-color:#505259;border-width:0px 0px 1px 0px;padding:0px 0px 40px 0px;display:flex;flex-direction:row;gap:60px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .text14{display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .paragraph{text-align:left;font-family:Mariupol,sans-serif;font-feature-settings:"ss03" on;font-size:calc(18px + 2*(100vw - 1920px)/640);line-height:140%;font-weight:400;position:relative;align-self:stretch}.contrast-checker .paragraph p:not(:last-of-type){margin-bottom:32px}.contrast-checker .paragraph ul{padding-left:40px;margin:48px 0}.contrast-checker .paragraph li{list-style:none;margin-left:44px;position:relative}.contrast-checker .paragraph li:not(:last-of-type){margin-bottom:32px}.contrast-checker .paragraph li::before{content:"";display:block;position:absolute;background:url("../img/bullet.svg") no-repeat;width:24px;height:24px;background-size:contain;top:5px;left:-44px}.contrast-checker .list{padding:0px 0px 0px 40px;display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .list2{display:flex;flex-direction:row;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .bullet{padding:4px 0px 0px 0px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-bullet,.contrast-checker .icons-bullet2{flex-shrink:0;width:24px;height:24px;position:relative;overflow:visible}.contrast-checker .topic_posts_block{width:100%}.contrast-checker .section-3{padding:0px 96px 0px 96px}@media all and (max-width: 1919px)and (min-width: 1025px){.contrast-checker{gap:148px}.contrast-checker .inner{gap:148px}.contrast-checker .head-section{gap:96px}.contrast-checker .section-1{display:flex;flex-direction:column;gap:10px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .service-head{padding:0px 0px 0px 96px;display:flex;flex-direction:row;gap:32px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;overflow:hidden}.contrast-checker .frame-11375 img{top:0}.contrast-checker .text{padding:48px 0px 48px 0px;display:flex;flex-direction:column;gap:24px;align-items:flex-start;justify-content:center;flex:1;position:relative}.contrast-checker .back{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .text2{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.contrast-checker .frame-11376{align-self:stretch;flex-shrink:0;width:600px;max-width:600px;position:relative;overflow:hidden;object-fit:cover}.contrast-checker .section-2{padding:0px 80px 0px 80px;display:flex;flex-direction:column;gap:148px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .sc-1-contrast-checker{display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:flex-start;width:100%;flex-shrink:0;min-width:0;max-width:1400px;position:relative}.contrast-checker .colors{padding:48px 64px 48px 64px;display:flex;flex-direction:row;gap:64px;align-items:center;justify-content:center;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .big-input{padding:0px 8px 24px 8px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex:1;position:relative}.contrast-checker .text3{width:calc(100% - 112px);display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons{padding:0px 0px 12px 0px;display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-with-hover-universal-small{opacity:1;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .color-picker{flex-shrink:0;width:64px;height:64px;position:relative}.contrast-checker .tools{display:flex;flex-direction:row;gap:32px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .color-contrast{border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative;max-width:calc(50% - 16px)}.contrast-checker .rating{border-radius:16px;padding:32px 48px 32px 48px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .rating2{display:flex;flex-direction:column;gap:12px;align-items:flex-end;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .stars{display:flex;flex-direction:row;gap:6px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;height:auto;position:relative;overflow:visible}.contrast-checker .text6{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.contrast-checker .check{padding:0px 24px 0px 24px;display:flex;flex-direction:column;gap:48px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .color-check{display:flex;flex-direction:row;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .text7{width:96px}.contrast-checker .unit{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.contrast-checker .line{padding:0px 0px 24px 0px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative;gap:24px}.contrast-checker .check2{display:flex;flex-direction:row;gap:10px;flex-shrink:0;position:relative}.contrast-checker .line2{padding:24px 0px 24px 0px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .check3{display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .color-check2{display:flex;flex-direction:row;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .example{border-radius:16px;padding:64px;display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center;align-self:stretch;flex:1;position:relative;max-width:calc(50% - 16px)}.contrast-checker .secondary-text{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.contrast-checker .sc-2-how-it-works{display:flex;flex-direction:column;gap:64px;align-items:flex-start;justify-content:flex-start;width:100%;flex-shrink:0;max-width:1400px;position:relative}.contrast-checker .head{padding:0px 0px 40px 0px;display:flex;flex-direction:row;gap:60px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .text11{font-size:calc(20px + 4*(100vw - 1025px)/894);line-height:133.333%;width:auto}.contrast-checker .text12{width:auto;font-size:calc(20px + 4*(100vw - 1025px)/894);line-height:133.333%}.contrast-checker .paragraph{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.contrast-checker .paragraph li::before{top:2px}.contrast-checker .list{padding:0px 0px 0px 40px;display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .list2{display:flex;flex-direction:row;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .bullet{padding:4px 0px 0px 0px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .paragraph2{font-size:calc(16px + 2*(100vw - 1025px)/894);line-height:150%}.contrast-checker .section-3{padding:0px 80px 0px 80px;display:flex;flex-direction:column;gap:48px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .topic_posts_block h2{padding-bottom:32px;margin-bottom:48px}}@media all and (max-width: 1024px){.contrast-checker{gap:80px}.contrast-checker .inner{gap:80px}.contrast-checker .head-section{gap:48px}.contrast-checker .section-1{gap:10px}.contrast-checker .service-head{padding:0px 0px 0px 20px;gap:24px}.contrast-checker .text{padding:32px 0px 32px 0px;gap:16px}.contrast-checker .back{gap:4px}.contrast-checker .arrow-img.desktop-{display:none}.contrast-checker .arrow-img.mobile-{display:block}.contrast-checker .text2{font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%}.contrast-checker .frame-11376{padding:20px 0px 20px 0px;display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;width:150px}.contrast-checker .frame-11376.desktop-{display:none}.contrast-checker .frame-11376.mobile-{display:block}.contrast-checker .frame-11376.mobile- img{top:0}.contrast-checker .frame-113762{align-self:stretch;flex-shrink:0;width:150px;max-width:800px;position:relative;overflow:hidden;object-fit:cover}.contrast-checker .section-2{padding:0px 20px 0px 20px;display:flex;flex-direction:column;gap:80px;align-items:center;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .sc-1-contrast-checker{display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative;min-width:0}.contrast-checker .colors{border-radius:8px;padding:24px 20px 24px 20px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .big-input{padding:0px 8px 16px 8px;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;flex:1;width:calc(100% - 100px);position:relative}.contrast-checker .text3{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;width:calc(100% - 70px)}.contrast-checker .icons-with-hover-universal-big{display:none}.contrast-checker .icons{padding:0px 0px 8px 0px;display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-with-hover-universal-small{display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative;opacity:1}.contrast-checker .icons-copy-data:hover::before{display:none}.contrast-checker .color-picker{flex-shrink:0;width:32px;height:32px;position:relative}.contrast-checker .tools{display:flex;flex-direction:row;gap:20px;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .color-contrast{border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;justify-content:flex-start;flex:1;min-width:320px;position:relative}.contrast-checker .rating{border-radius:4px;padding:16px 12px 16px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .rating2{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .stars{display:flex;flex-direction:row;gap:4px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;height:auto;position:relative;overflow:visible}.contrast-checker .star{width:24px;height:24px}.contrast-checker .text6{font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%}.contrast-checker .check{padding:0px 12px 0px 12px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .color-check{display:flex;flex-direction:row;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;min-width:280px;position:relative}.contrast-checker .text7{width:48px}.contrast-checker .unit{display:flex;flex-direction:column;gap:0px;align-items:flex-start;justify-content:flex-start;flex:1;position:relative}.contrast-checker .line{padding:0px 0px 16px 0px;display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .check2{border-radius:100px;padding:7px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .icons-check-big{width:16px;height:16px}.contrast-checker .line2{padding:16px 0px 16px 0px;display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .text9{text-align:left;font-family:"Mariupol-Regular",sans-serif;font-size:17px;line-height:26px;font-weight:400;position:relative;flex:1}.contrast-checker .check3{padding:10px;display:flex;flex-direction:row;gap:10px;flex-shrink:0;position:relative}.contrast-checker .group-11214{width:10px;height:10px}.contrast-checker .color-check2{display:flex;flex-direction:row;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;min-width:280px;position:relative}.contrast-checker .example{border-radius:8px;padding:40px 24px 40px 24px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;flex:1;min-width:320px;position:relative}.contrast-checker .text10{width:64px}.contrast-checker .text11{text-align:center;font-size:calc(17px + 2*(100vw - 360px)/664);line-height:152.941%;font-weight:400;position:relative;width:auto;max-width:450px}.contrast-checker .secondary-text{font-size:calc(15px + 1*(100vw - 360px)/664);line-height:133.333%}.contrast-checker .sc-2-how-it-works{display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .head{padding:0px 0px 16px 0px;display:flex;flex-direction:row;gap:24px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .text12{text-align:center;font-size:calc(17px + 2*(100vw - 360px)/664);line-height:152.941%;font-weight:400;position:relative;width:auto;max-width:450px}.contrast-checker .text13{font-size:17px;line-height:152.941%}.contrast-checker .paragraph{text-align:left;font-size:calc(15px + 1*(100vw - 360px)/664);line-height:152.941%;font-weight:400;position:relative;align-self:stretch}.contrast-checker .paragraph p:not(:last-of-type){margin-bottom:16px}.contrast-checker .paragraph ul{padding-left:0;margin:24px 0}.contrast-checker .paragraph li{margin-left:36px}.contrast-checker .paragraph li:not(:last-of-type){margin-bottom:16px}.contrast-checker .paragraph li::before{top:0;left:-36px}.contrast-checker .list{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .list2{display:flex;flex-direction:row;gap:12px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}.contrast-checker .bullet{padding:2px 0px 0px 0px;display:flex;flex-direction:row;gap:10px;align-items:flex-start;justify-content:flex-start;flex-shrink:0;position:relative}.contrast-checker .section-3{padding:0;display:flex;flex-direction:column;gap:32px;align-items:flex-start;justify-content:flex-start;align-self:stretch;flex-shrink:0;position:relative}}@media all and (max-width: 650px){.contrast-checker .colors{flex-direction:column}.contrast-checker .big-input{width:100%}}/*# sourceMappingURL=contrast-checker.css.map */