.BackgroundSurface_row__How3i{display:flex;gap:24px}.BackgroundSurface_column__SCIm7{width:33%;border:1px solid #ddd;border-radius:8px;padding:24px}.BackgroundSurface_boxes__tXx6I{display:flex;gap:16px;flex-direction:column}.BackgroundSurface_box___E628{display:flex;gap:24px;flex-wrap:wrap;padding:24px;border-radius:4px}.BackgroundSurface_surface__6ahdA{width:calc(25% - 20px);height:48px;border-radius:2px}.BackgroundSurface_boxTitle__UtyUC{margin-bottom:12px}.Backgrounds_rows__CnVfR{display:flex;flex-wrap:wrap;gap:32px}.Backgrounds_column___HqmZ{width:calc(33.33% - 32px);flex-basis:555;border:1px solid #ddd;border-radius:8px;padding:24px}.Backgrounds_boxes__a9aqZ{display:flex;flex-wrap:wrap;gap:24px;margin-top:16px}.Backgrounds_box__kiiVv{height:100px;width:100%;border-radius:4px}.ContrastBox_dot__v0U36{height:12px;width:12px;border-radius:50%}.ContrastBox_green__y8o9M{background-color:green}.ContrastBox_orange__DVyjq{background-color:#ffa200}.ContrastBox_red__Wx_2m{background-color:red}.ContrastBox_contrast__p_4id{display:flex;align-items:center;gap:6px;background-color:#fff;padding:4px 8px;border-radius:2px;width:77px;color:#272727!important;font-size:15px;font-weight:500}.BaseContrast_container__SU0nF{width:100%;display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}.BaseContrast_column__XLxo3{width:calc(50% - 12px);flex-direction:column;display:flex;gap:10px}.BaseContrast_boxes__B_gC1{display:flex;gap:24px;padding:18px 20px 20px;border:1px solid #ddd;border-radius:8px}.BaseContrast_box__Aac8C{display:flex;flex-basis:5;flex-wrap:wrap;width:33.33%}.BaseContrast_boxTitle__am0CF{margin-bottom:12px}.BaseContrast_item__kSRjJ{width:100%;display:flex}.BaseContrast_box__Aac8C .BaseContrast_item__kSRjJ:nth-child(2){border-radius:4px 4px 0 0}.BaseContrast_box__Aac8C .BaseContrast_item__kSRjJ:nth-child(4){border-radius:0 0 4px 4px}.BaseContrast_colorRow__NPBxD{display:flex;flex-direction:column;gap:10px;width:100%;padding:16px}.BaseContrast_colorItem__mgMas{display:flex;align-items:center;justify-content:space-between;width:100%}.BaseContrastOverview_boxContainers__df3nb{display:flex;flex-direction:column;border:1px solid #c2c2c2;margin-bottom:24px;border-radius:4px}.BaseContrastOverview_boxContainer__TZehF{display:flex;align-items:center;gap:16px;padding:20px;border-radius:4px;font-size:15px}.BaseContrastOverview_box__iitWA{height:46px;width:46px;border-radius:4px;display:flex;align-items:center;justify-content:center}.BaseContrastOverview_dark___Y1Ih{background-color:#131c27}.BaseContrastOverview_contrastCircle__bPOFb{height:12px;width:12px;background-color:#fff;border:1px solid #b8b8b8;border-radius:50%}.BaseContrastOverview_contrastCircleBlack__WXMUp{background-color:#000}.BaseContrastOverview_contrastBox__Ut72s{display:flex;align-items:center;gap:4px;margin-top:6px}.BaseContrastOverview_dark___Y1Ih .BaseContrastOverview_contrastBox__Ut72s{color:#fff}.FullBaseTest_check__T6lcm{height:40px;width:40px}.FullBaseTest_content__bcAxT{display:flex;flex-wrap:wrap;gap:16px}.FullBaseTest_column__OR9Mg{width:300px}.FullBaseTest_list__lD7YP{padding:8px;width:50%}.FullBaseTest_listActive__Rgs92{border:2px solid #000;outline:2px solid #ff00d4;border-radius:1px}.FullBaseTest_boxes__Aq9vZ{border:1px solid #adadad;border-radius:4px;margin-right:-1px}.FullBaseTest_box__1SU1a{color:red;display:flex;padding:8px}.FullBaseTest_boxTitle__XckQC{text-align:center;font-size:24px;font-weight:500;margin-bottom:8px;margin-top:16px}.FullBaseTest_btn__vWY7N{height:40px;width:100%;padding:8px;align-items:center}.FullBaseTest_btn__vWY7N,.FullBaseTest_item__Z7TB_{display:flex;justify-content:space-between}.FullBaseTest_boxDark__ZR2bI{background-color:#001c36}.FullBaseTest_boxContrast__9r4qO{background-color:#000409}.FullBaseTest_textContrast__iV8mb{display:flex;margin-bottom:8px;padding:0 8px}.FullBaseTest_textContrast__iV8mb div{width:50%;text-align:center;font-weight:500}.Interaction_row__oLkak{display:flex;gap:24px}.Interaction_column___LbIY{width:33%;border:1px solid #ddd;border-radius:8px;padding:24px}.Interaction_boxes__fcQ3i{display:flex;gap:16px;flex-direction:column}.Interaction_box___kBaD{display:flex;gap:24px;flex-wrap:wrap;margin-top:20px;border-radius:4px}.Interaction_surface__IBjpp{width:calc(25% - 20px);height:46px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .1s;border:1px solid transparent}.Interaction_surface__IBjpp:hover{cursor:pointer}.Interaction_boxTitle__Ytnpd{margin-bottom:-4px}.Interaction_boxTitleWhite__ivaHz{color:#fff}.page_page__O8x5n{margin-bottom:100px}.page_row__GwWZB{display:flex;gap:24px}.page_column__aC1Ln{background-color:#fff;width:33.33%;display:flex;flex-wrap:wrap;gap:20px;align-items:center;flex-basis:auto;padding:20px;border:1px solid #ddd;border-radius:8px}.page_pageTitle__y8qvY{font-weight:500;margin-bottom:24px;margin-top:24px}.page_title__cjoRY{margin-top:0;margin-bottom:0;font-weight:500;color:inherit}.page_sectionTitle__sY5em{margin-top:48px;margin-bottom:32px}.page_sectionDesc__ERVZw{margin-bottom:32px;margin-top:-12px}.page_box__VLh_6{border-radius:4px;display:flex;align-items:start;gap:10px;width:100%}.page_mainTitle__s_sFH{color:#000;margin-bottom:16px;margin-top:24px;font-weight:500;font-size:22px}.page_test__HmD_8{margin-top:-5px;display:flex;align-items:center;justify-content:space-between;width:100%}.page_color__Czfz2{padding:10px;height:28px;width:28px;border-radius:50%;flex-shrink:0}.page_name__WH9sE{font-weight:500;margin-top:8px;margin-bottom:0;font-size:16px}.page_whiteText___oIcd{color:#fff}.page_dotMeaning__7I_pl{display:flex;align-items:center;gap:24px;margin-top:36px}.page_dotMeaningItem__UvdzQ{display:flex;align-items:center;gap:8px}.page_dotMeadingTitle__CVfj0{font-weight:500}.page_dotMeaningDot__pduEY{height:18px;width:18px;border-radius:50%;background-color:green}.page_dotMeaningDotOrange__NuAWH{background-color:#ffa200}.page_dotMeaningDotRed__OpY92{background-color:red}