- 掃描 ID：
- 62b9019b-4528-4ffa-a142-a4f091b1ff0f已完成
- 已提交的 URL：
- https://hpscoutso.spa.hpcloud.hp.com/page/p360
- 報告完成時間：
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 10 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __reactRouterVersion | string |
| authAutotestUser | function |
| globalProjectLoaders | object |
| toggleMeasureLog | function |
| SitePageApi | object |
| WidgetApi | object |
| globalStore | object |
主控台記錄訊息 · 找到 5 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| info | other |
|
| info | javascript |
|
| debug | javascript |
|
| info | javascript |
|
| debug | javascript |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<link rel="icon" type="image/svg+xml" href="/assets/logo-D3Dpo1Gq.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<script type="module" crossorigin="" src="/assets/index-CuS6gs8I.js"></script>
<link rel="stylesheet" crossorigin="" href="/assets/index-CjlCmF1z.css">
<style>._modalOverlay_12q7q_1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: var(--z-popup);
padding: 16px;
}
._modalBody_12q7q_15 {
background: white;
padding: 20px;
border-radius: 8px;
position: relative;
max-height: 90vh;
overflow-y: auto;
}
._modal-xs_12q7q_24 {
width: var(--modal-paper__size-xs);
}
._modal-sm_12q7q_28 {
width: var(--modal-paper__size-sm);
}
._modal-md_12q7q_32 {
width: var(--modal-paper__size-md);
}
._modal-lg_12q7q_36 {
width: var(--modal-paper__size-lg);
}
._modal-xl_12q7q_40 {
width: var(--modal-paper__size-xl);
}
@media (max-width: 768px) {
._modalBody_12q7q_15 {
width: 100%;
height: auto;
max-height: 100%;
border-radius: 0;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
._modalBody_12q7q_15 {
width: 80%;
}
}._btnWrapper_skudz_1 {
display: flex;
justify-content: flex-end;
gap: 8px;
margin-top: 16px;
}._tableWrapper_1hqmg_1 {
display: flex;
flex-direction: column;
}
._tableWrapper_1hqmg_1 ._switchText_1hqmg_5 {
text-wrap: nowrap;
}
._tableWrapper_1hqmg_1 ._tableHeader_1hqmg_8 {
display: flex;
}
._tableWrapper_1hqmg_1 ._tableHeader_1hqmg_8 ._leftSide_1hqmg_11 {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
._tableWrapper_1hqmg_1 ._tableHeader_1hqmg_8 ._tableTitle_1hqmg_17 {
font-size: 24px;
line-height: 24px;
font-weight: 400;
text-wrap: nowrap;
}
._tableWrapper_1hqmg_1 ._tableHeader_1hqmg_8 ._tableSubtitle_1hqmg_23 {
display: flex;
gap: 8px;
font-size: 12px;
line-height: 12px;
height: 16px;
font-weight: 400;
color: rgb(144, 144, 144);
min-width: 60px;
}
._tableWrapper_1hqmg_1 ._tableHeader_1hqmg_8 ._rightSide_1hqmg_33 {
flex: 2;
display: flex;
justify-content: flex-end;
align-items: flex-start;
gap: 8px;
}
._tableWrapper_1hqmg_1 ._tableControls_1hqmg_40 {
display: flex;
margin-bottom: 8px;
border-bottom: 0.5px solid rgb(204, 204, 204);
}
._tableWrapper_1hqmg_1 ._tableControls_1hqmg_40 ._leftSide_1hqmg_11 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
._tableWrapper_1hqmg_1 ._tableControls_1hqmg_40 ._rightSide_1hqmg_33 {
flex: 1;
display: flex;
flex-direction: column;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 td {
padding-top: 0;
padding-bottom: 0;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 th {
padding-top: 0;
padding-bottom: 0;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsCell_1hqmg_64 {
width: 143px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerMonthCell_1hqmg_67 {
width: 70px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerTypography_1hqmg_70, ._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._monthColumn_1hqmg_70, ._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._quarterColumn_1hqmg_70, ._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._currentPeriod_1hqmg_70 {
font-weight: 400;
font-size: var(--fz-base);
line-height: var(--fz-base);
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 {
display: flex;
flex-direction: row;
align-items: center;
gap: 2px;
height: 32px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._prevQuarterButton_1hqmg_82 {
height: 100%;
background-color: rgb(226, 238, 255);
color: var(--color-primary-web);
padding: 0;
border-radius: 4px 0 0 4px;
--button__icon-min-width: 29px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._prevQuarterButton_1hqmg_82 i {
margin: 0;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._prevQuarterButton_1hqmg_82[disabled] {
color: var(--button__contained-color--disabled);
background-color: var(--button__contained-bg--disabled);
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._nextQuarterButton_1hqmg_97 {
height: 100%;
background-color: rgb(226, 238, 255);
color: var(--color-primary-web);
padding: 0;
border-radius: 0;
--button__icon-min-width: 29px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._nextQuarterButton_1hqmg_97 i {
margin: 0;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._nextQuarterButton_1hqmg_97[disabled] {
color: var(--button__contained-color--disabled);
background-color: var(--button__contained-bg--disabled);
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._headerControlsColumn_1hqmg_70 ._currentPeriod_1hqmg_70 {
flex: 1;
height: 100%;
display: flex;
align-items: center;
background-color: rgb(226, 238, 255);
border-radius: 0 4px 4px 0;
padding-left: 8px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._monthColumn_1hqmg_70, ._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._quarterColumn_1hqmg_70 {
min-width: 70px;
height: 32px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
background-color: rgb(244, 244, 244);
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._monthColumn_1hqmg_70 ._noHover_1hqmg_131:hover, ._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._quarterColumn_1hqmg_70 ._noHover_1hqmg_131:hover {
background-color: transparent !important;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._onlineMonth_1hqmg_134 {
background-color: rgb(200, 228, 200);
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._activeMonth_1hqmg_137 {
background-color: rgb(226, 238, 255);
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._header_1hqmg_60 ._quarterColumn_1hqmg_70 {
justify-content: flex-end;
min-width: 76px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._footer_1hqmg_144 ._firstColumn_1hqmg_144 {
width: 143px;
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px 0;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._footer_1hqmg_144 td {
padding-top: 1px;
padding-bottom: 1px;
}
._tableWrapper_1hqmg_1 ._periodTable_1hqmg_56 ._quarterSobColor_1hqmg_155 {
width: 76px;
background-color: rgb(203, 228, 255) !important;
}
._plsTooltipContent_1hqmg_160 {
max-width: 220px;
}
._placeholderRow_1hqmg_164 ._placeholderCell_1hqmg_164 {
padding: 8px;
background-color: rgb(244, 244, 244);
height: 40px;
}
._placeholderRow_1hqmg_164 ._quarterColumn_1hqmg_70 {
width: 76px;
}
._placeholderRow_1hqmg_164:first-of-type ._placeholderCell_1hqmg_164 {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
._placeholderRow_1hqmg_164:last-of-type ._placeholderCell_1hqmg_164 {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}._table_iiq6b_1 td {
padding-top: 0;
padding-bottom: 0;
}
._table_iiq6b_1 ._header_iiq6b_5 ._headerControlsCell_iiq6b_5 {
width: 143px;
}
._table_iiq6b_1 ._header_iiq6b_5 ._headerMonthCell_iiq6b_8 {
width: 120px;
}
._table_iiq6b_1 ._header_iiq6b_5 ._headerTypography_iiq6b_11, ._table_iiq6b_1 ._header_iiq6b_5 ._monthColumn_iiq6b_11, ._table_iiq6b_1 ._header_iiq6b_5 ._quarterColumn_iiq6b_11, ._table_iiq6b_1 ._header_iiq6b_5 ._headerControlsColumn_iiq6b_11 ._currentPeriod_iiq6b_11 {
font-weight: 400;
font-size: var(--fz-base);
line-height: var(--fz-base);
}
._table_iiq6b_1 ._header_iiq6b_5 ._headerControlsColumn_iiq6b_11 {
display: flex;
flex-direction: row;
align-items: center;
gap: 2px;
height: 32px;
}
._table_iiq6b_1 ._header_iiq6b_5 ._headerControlsColumn_iiq6b_11 ._prevQuarterButton_iiq6b_23 {
height: 100%;
background-color: rgb(226, 238, 255);
color: var(--color-primary-web);
padding: 0;
border-radius: 4px 0 0 4px;
}
._table_iiq6b_1 ._header_iiq6b_5 ._headerControlsColumn_iiq6b_11 ._nextQuarterButton_iiq6b_30 {
height: 100%;
background-color: rgb(226, 238, 255);
color: var(--color-primary-web);
padding: 0;
border-radius: 0;
}
._table_iiq6b_1 ._header_iiq6b_5 ._headerControlsColumn_iiq6b_11 ._currentPeriod_iiq6b_11 {
flex: 1;
height: 100%;
display: flex;
align-items: center;
background-color: rgb(226, 238, 255);
border-radius: 0 4px 4px 0;
padding-left: 8px;
}
._table_iiq6b_1 ._header_iiq6b_5 ._monthColumn_iiq6b_11, ._table_iiq6b_1 ._header_iiq6b_5 ._quarterColumn_iiq6b_11 {
min-width: 120px;
height: 32px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
background-color: rgb(244, 244, 244);
}
._table_iiq6b_1 ._header_iiq6b_5 ._monthColumn_iiq6b_11 ._noHover_iiq6b_56:hover, ._table_iiq6b_1 ._header_iiq6b_5 ._quarterColumn_iiq6b_11 ._noHover_iiq6b_56:hover {
background-color: transparent !important;
}
._table_iiq6b_1 ._header_iiq6b_5 ._monthColumn_iiq6b_11._activeMonth_iiq6b_59, ._table_iiq6b_1 ._header_iiq6b_5 ._activeMonth_iiq6b_59._quarterColumn_iiq6b_11 {
background-color: rgb(226, 238, 255);
}
._table_iiq6b_1 ._header_iiq6b_5 ._quarterColumn_iiq6b_11 {
justify-content: unset;
}
._table_iiq6b_1 ._footer_iiq6b_65 td {
padding-top: 1px;
padding-bottom: 1px;
}._headerTypography_1e2em_1, ._column_1e2em_1 {
font-weight: 400;
font-size: var(--fz-base);
line-height: var(--fz-base);
}
._headerCell_1e2em_7 {
width: 70px;
}
._column_1e2em_1 {
min-width: 70px;
height: 32px;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px;
background-color: rgb(226, 238, 255);
}
._column_1e2em_1 ._noHover_1e2em_21:hover {
background-color: transparent !important;
}
._column_1e2em_1._activeMonth_1e2em_24 {
background-color: rgb(226, 238, 255);
}
._isOnline_1e2em_28 {
background-color: rgb(200, 228, 200);
}
._isDisabled_1e2em_32 {
background-color: rgb(244, 244, 244);
}._headerTypography_1516a_1 {
font-weight: 400;
font-size: var(--fz-base);
line-height: var(--fz-base);
}._readonlyCell_1fww9_1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
height: 100%;
padding: 8px;
background-color: rgb(226, 238, 255);
}
tr:first-of-type ._readonlyCell_1fww9_1 {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
tr:last-of-type ._readonlyCell_1fww9_1 {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
._isOnline_1fww9_20 {
background-color: rgb(200, 228, 200);
}
._isDisabled_1fww9_24 {
background-color: rgb(244, 244, 244);
}td._td_lekgk_1 {
padding-top: 1px;
padding-bottom: 1px;
}
._content_lekgk_6 {
padding: 4px 8px;
}._categoryCell_48fts_1 {
display: flex;
flex-direction: column;
gap: 8px;
height: 100%;
}
._categoryCell_48fts_1 ._inputs_48fts_7 {
display: flex;
flex-direction: row;
height: 100%;
}
._categoryCell_48fts_1._lastRow_48fts_12 {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}._monthInput_13wcm_1 {
height: 100%;
width: 70px;
background-color: rgb(244, 244, 244);
}
._monthInput_13wcm_1._activeMonthInput_13wcm_6 {
background-color: rgb(226, 238, 255);
}
._monthInput_13wcm_1._onlineMonthInputs_13wcm_9 {
background-color: rgb(200, 228, 200);
}
tr:first-of-type ._monthInput_13wcm_1 {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
tr:last-of-type ._monthInput_13wcm_1 {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}._weekInputs_va2b8_1 {
display: flex;
flex-direction: row;
align-items: baseline;
background-color: rgba(244, 244, 244, 0.6);
width: 0;
transition: width 0.3s ease-in-out;
overflow: hidden;
gap: 4px;
padding: 4px 0;
}
._weekInputs_va2b8_1._isCollapsed_va2b8_12 {
width: 280px;
margin-right: 2px;
padding: 4px;
}
._weekInputs_va2b8_1._activeWeekInputs_va2b8_17 {
background-color: rgb(236, 241, 249);
}
._weekInputs_va2b8_1._onlineWeekInputs_va2b8_20 {
background-color: rgb(230, 242, 230);
}
tr:first-of-type ._weekInputs_va2b8_1 {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
tr:last-of-type ._weekInputs_va2b8_1 {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}._absolutePopupContainer_1lwfo_1 {
position: relative;
}
._trigger_1lwfo_5 {
cursor: pointer;
}
._popupContent_1lwfo_9 {
position: absolute;
top: 100%;
left: 0;
z-index: 10;
background-color: #fff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}._commentArea_13f8h_1 {
display: flex;
align-items: center;
padding: 8px;
gap: 8px;
background: #e0e0e0;
min-width: 220px;
}
._input_13f8h_10 {
min-width: 200px;
}
._icon_13f8h_14 {
color: #0171AD;
cursor: pointer;
transition: color 0.3s ease;
}
._icon_13f8h_14._disabled_13f8h_19 {
opacity: 0.4;
cursor: not-allowed;
color: var(--color-gray-400);
}
._icon_13f8h_14._disabled_13f8h_19:hover {
background: transparent;
}
._icon_13f8h_14._disabled_13f8h_19:active {
transform: unset;
}
._icon_13f8h_14:hover {
background: #b0c4de;
}
._icon_13f8h_14:active {
transform: scale(0.95);
}._actuals_17kzx_1 {
text-align: right;
font-size: 14px;
padding-top: 4px;
}._sobFormInput_17hyk_1 {
display: flex;
flex-direction: column;
width: 70px;
}
._sobFormInput_17hyk_1 ._sobInputWrapper_17hyk_6 {
width: 100%;
}
._sobFormInput_17hyk_1 ._sobInput_17hyk_6 {
width: 100%;
}
._sobFormInput_17hyk_1 ._hasValue_17hyk_12 {
background: var(--color-gray-100);
}
._sobFormInput_17hyk_1 + ._sobFormInput_17hyk_1 ._sobInputWrapper_17hyk_6 {
padding-left: 0;
}._month_r7xb5_1 {
display: flex;
align-items: flex-start;
width: 100px;
padding: 4px;
}
._month_r7xb5_1 ._comment_r7xb5_7 {
margin: 4px 0;
display: flex;
}._tooltipContainer_nvk9z_1 {
position: relative;
display: inline-block;
}
._tooltipContent_nvk9z_6 {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
margin-bottom: 8px;
padding: 8px;
background-color: #333;
color: #fff;
border-radius: 4px;
white-space: nowrap;
z-index: 10;
font-size: 12px;
}._firstColumn_1r8w6_1 {
width: 143px;
display: flex;
flex-direction: column;
gap: 4px;
padding: 4px 0;
}
._firstColumn_1r8w6_1 ._subcategoryName_1r8w6_8 {
font-weight: 400;
font-size: var(--fz-base);
line-height: var(--fz-base);
}
._firstColumn_1r8w6_1 ._plsContainer_1r8w6_13 {
overflow: hidden;
text-overflow: ellipsis;
text-wrap: nowrap;
font-weight: 400;
font-size: var(--fz-xs);
line-height: var(--fz-xs);
color: rgb(144, 144, 144);
}
._firstColumn_1r8w6_1 ._noSobTracking_1r8w6_22 {
text-wrap: nowrap;
--checkbox__control-bdrs: 0;
--checkbox__control-bd-color: var(--color-primary-web);
}
._firstColumn_1r8w6_1 ._noSobTracking_1r8w6_22 div > div:first-of-type {
width: 20px;
height: 20px;
}
._firstColumn_1r8w6_1 ._noSobTracking_1r8w6_22:hover {
--checkbox__control-bd-color--hover: var(--color-primary-web);
}._root_142ip_1 {
display: flex;
flex-direction: column;
width: 70px;
}
._root_142ip_1 ._wrapper_142ip_6 {
width: 100%;
}
._root_142ip_1 ._input_142ip_9 {
width: 100%;
}
._root_142ip_1 ._hasValue_142ip_12 {
background: var(--color-gray-100);
}
._required_142ip_16 {
border: 1.5px solid var(--color-danger-main);
}
._sobInput_142ip_20 {
width: 70px;
}._month_1gxju_1 {
display: flex;
align-items: flex-start;
width: 100px;
padding: 4px;
}
._month_1gxju_1 ._comment_1gxju_7 {
margin: 4px 0;
display: flex;
}
._week_1gxju_12 {
padding: 8px 0 0 0;
}._offeringPlanningStep_e8gi5_1 {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
gap: 24px;
position: relative;
}
._offeringPlanningStep_e8gi5_1 ._header_e8gi5_9 {
font-size: var(--fz-xl);
font-weight: 500;
}
._offeringPlanningStep_e8gi5_1 ._description_e8gi5_13 {
font-size: var(--fz-base);
font-weight: 400;
}
._offeringPlanningStep_e8gi5_1 ._details_e8gi5_17 {
display: flex;
gap: 8px;
font-size: var(--fz-base);
font-weight: 400;
}
._offeringPlanningStep_e8gi5_1 ._link_e8gi5_23 {
text-decoration: none;
font-size: var(--fz-base);
font-weight: 600;
}
._offeringPlanningStep_e8gi5_1 ._actionsContainer_e8gi5_28 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 4px;
padding: 16px;
}
._row_e8gi5_37 {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-right: 8px;
}
._tableWrapper_e8gi5_44 {
max-height: 55vh;
overflow: auto;
}._welcomeStep_z0ibm_1 {
display: flex;
flex-direction: column;
height: 50%;
justify-content: center;
gap: 20px;
max-width: 600px;
margin: 0 auto;
}
._welcomeStep_z0ibm_1 ._welcomeMessage_z0ibm_10 {
display: flex;
flex-direction: column;
gap: 8px;
margin-bottom: 16px;
}
._welcomeStep_z0ibm_1 ._welcomeMessage_z0ibm_10 ._greetings_z0ibm_16 {
font-weight: 500;
font-size: 36px;
}
._welcomeStep_z0ibm_1 ._stepContent_z0ibm_20 {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 18px;
}
._welcomeStep_z0ibm_1 ._actionsContainer_z0ibm_26 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}._stepRenderer_fvle8_1 {
height: 100%;
padding: 40px 0 0 24px;
}._wizardStep_fv4fy_1 {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
padding: 8px;
border-radius: 8px;
cursor: pointer;
}
._wizardStep_fv4fy_1 ._stepIcon_fv4fy_10 {
display: flex;
flex-direction: row;
align-items: center;
}
._wizardStep_fv4fy_1 ._stepIcon_fv4fy_10 ._number_fv4fy_15 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 25px;
height: 25px;
border-radius: 50%;
border: 1px solid #0171ad;
background-color: var(--color-white);
font-weight: 600;
}
._wizardStep_fv4fy_1 ._stepIcon_fv4fy_10 ._complete_fv4fy_27 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
color: var(--color-white);
border-radius: 50%;
border: 1px solid #0171ad;
background-color: #0171ad;
width: 25px;
height: 25px;
}
._wizardStep_fv4fy_1 ._title_fv4fy_39 {
font-weight: 500;
color: var(--color-black);
font-size: var(--fz-lg);
}
._wizardStep_fv4fy_1._inactive_fv4fy_44 {
opacity: 0.5;
}
._wizardStep_fv4fy_1._active_fv4fy_47 {
background: #e2eeff;
}
._wizardStep_fv4fy_1:hover {
background: #c6d9ff;
}
._subtitle_fv4fy_54 {
margin-top: 8px;
font-size: 12px;
line-height: 12px;
color: rgb(144, 144, 144);
}._header_1ss9p_1 {
display: flex;
justify-content: space-between;
align-items: center;
background-color: #0171ad;
padding: 16px 32px;
height: 93px;
}
._wrapper_1ss9p_10 {
display: flex;
flex-direction: row;
gap: 16px;
align-items: center;
}
._info_1ss9p_17 {
color: var(--color-white);
}
._info_1ss9p_17 ._title_1ss9p_20 {
color: var(--color-white);
font-weight: 500;
font-size: 24px;
}
._info_1ss9p_17 ._period_1ss9p_25 {
font-size: 16px;
font-weight: 400;
}
._checkboxWrapper_1ss9p_30 {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}
._loader_1ss9p_37 {
color: var(--color-white);
}
._checkbox_1ss9p_30 {
color: var(--color-white);
}
._closeButton_1ss9p_45 {
position: absolute;
top: 4px;
right: 8px;
background-color: var(--color-primary-web);
}
._closeButton_1ss9p_45:hover {
background-color: var(--color-primary-main);
border-color: var(--color-primary-main);
}._wizardContent_ft3a1_1 {
display: flex;
flex-direction: row;
height: 70vh;
overflow: hidden;
}
._wizardContent_ft3a1_1 ._wizardSidebar_ft3a1_7 {
display: flex;
flex-direction: column;
padding: 40px 24px 8px 24px;
border-radius: var(--modal-paper__window-bdrs) 0 0 var(--modal-paper__window-bdrs);
overflow-y: auto;
min-width: 300px;
max-width: 320px;
color: var(--color-black);
border-right: 1px solid #909090;
}
._wizardContent_ft3a1_1 ._wizardSidebar_ft3a1_7 ._sidebarSteps_ft3a1_18 {
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
._wizardContent_ft3a1_1 ._wizardSidebar_ft3a1_7 ._sidebarSteps__groupName_ft3a1_24 {
font-size: 12px;
color: #909090;
margin-bottom: 8px;
display: flex;
align-items: center;
gap: 8px;
}
._wizardContent_ft3a1_1 ._wizardContent_ft3a1_1 {
flex: 4;
display: flex;
flex-direction: column;
padding: 16px;
border-radius: var(--modal-paper__window-bdrs);
}
._right_ft3a1_40 {
display: flex;
flex: 1;
}
._contentBody_ft3a1_45 {
flex: 1;
overflow: scroll;
height: 100%;
}._modalContent_1aqnr_1 {
padding: 0;
width: 1350px;
}
._hideCrossIcon_1aqnr_6 > div > div > button {
display: none;
}._bubble_1ikz5_1 {
display: flex;
flex-direction: column;
gap: 4px;
background-color: rgb(251, 251, 251);
padding: 16px;
border-radius: 8px;
}
._bubble_1ikz5_1 ._title_1ikz5_9 {
font-size: 12px;
height: 12px;
line-height: 12px;
font-weight: 400;
}
._bubble_1ikz5_1 ._value_1ikz5_15 {
width: 100%;
height: 16px;
font-size: 16px;
line-height: 16px;
font-weight: 400;
}._progressBarWrapper_re7kj_1 {
display: flex;
flex-direction: row;
align-items: baseline;
gap: 8px;
}
._progressBarWrapper_re7kj_1 ._value_re7kj_7 {
font-size: 24px;
line-height: 24px;
color: var(--color-primary-web);
}
._progressBarWrapper_re7kj_1 ._barContainer_re7kj_12 {
width: 120px;
height: 16px;
background-color: rgb(255, 255, 255);
box-sizing: content-box;
position: relative;
border-radius: 25px 25px 25px 25px;
overflow: hidden;
}
._progressBarWrapper_re7kj_1 ._barFill_re7kj_21 {
background-color: var(--color-primary-web);
height: 100%;
}._trackingProgress_1rs06_1 {
background-color: var(--color-gray-100);
gap: 0;
}._category_17hbx_1 {
display: flex;
flex-direction: row;
align-items: center;
padding: 8px;
border-radius: 8px;
gap: 8px;
cursor: pointer;
}
._category_17hbx_1:hover {
background-color: rgba(226, 238, 255, 0.5);
}
._category_17hbx_1._active_17hbx_13 {
background-color: rgb(226, 238, 255);
}
._category_17hbx_1 ._iconPlaceholder_17hbx_16 {
width: 48px;
height: 48px;
}
._category_17hbx_1 ._categoryText_17hbx_20 {
flex: 3;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
}
._category_17hbx_1 ._title_17hbx_27 {
font-size: 16px;
line-height: 16px;
font-weight: 400;
}
._category_17hbx_1 ._subtitle_17hbx_32 {
font-size: 12px;
line-height: 12px;
color: rgb(144, 144, 144);
}._programType_2m0hm_1 {
display: flex;
flex-direction: column;
gap: 8px;
}
._programType_2m0hm_1 ._programTypeWrapper_2m0hm_6 {
flex: 1;
display: flex;
flex-direction: row;
gap: 8px;
padding: 8px;
border-radius: 8px;
cursor: pointer !important;
}
._programType_2m0hm_1 ._programTypeWrapper_2m0hm_6:hover {
background-color: rgba(203, 228, 255, 0.5);
}
._programType_2m0hm_1 ._programTypeWrapper_2m0hm_6._active_2m0hm_18 {
background-color: rgb(203, 228, 255);
}
._programType_2m0hm_1 ._programTypeText_2m0hm_21 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 4px;
}
._programType_2m0hm_1 ._programTypeText_2m0hm_21 ._title_2m0hm_28 {
font-size: 16px;
line-height: 16px;
font-weight: 400;
}
._programType_2m0hm_1 ._programTypeText_2m0hm_21 ._subtitle_2m0hm_33 {
font-size: 12px;
line-height: 12px;
color: rgb(144, 144, 144);
}
._programType_2m0hm_1 ._categories_2m0hm_38 {
display: flex;
flex-direction: column;
gap: 8px;
height: 0;
transition: height 0.3s;
overflow: hidden;
}._programTypePlaceholder_f5c11_1 {
height: 64px;
border-radius: 8px;
background-color: var(--color-gray-200);
}._categoriesHierarchy_1b1cs_1 {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 8px;
width: 228px;
border-radius: 8px;
background-color: rgb(255, 255, 255);
gap: 8px;
}
._categoriesHierarchy_1b1cs_1 ._categoriesContent_1b1cs_11 {
display: flex;
flex-direction: column;
gap: 8px;
}
._categoriesHierarchy_1b1cs_1 ._title_1b1cs_16 {
margin-top: 8px;
font-weight: 400;
font-size: 24px;
line-height: 24px;
padding-left: 13px;
}._skeletonText_ejh0q_1 {
position: relative;
display: inline-block;
background-color: var(--color-gray-200);
width: 100%;
height: 100%;
}
@keyframes _shimmer_ejh0q_1 {
100% {
transform: translateX(100%);
}
}._deadlineValue_17z4f_1 {
color: var(--color-primary-main);
}._sobTrackingHeader_1c3gv_1 {
display: flex;
flex-direction: row;
max-width: 1280px;
width: 100%;
margin: auto;
}
._sobTrackingHeader_1c3gv_1 ._rightSide_1c3gv_8,
._sobTrackingHeader_1c3gv_1 ._leftSide_1c3gv_9 {
flex: 1;
}
._sobTrackingHeader_1c3gv_1 ._leftContent_1c3gv_12 {
display: flex;
flex-direction: column;
gap: 4px;
}
._sobTrackingHeader_1c3gv_1 ._leftContent_1c3gv_12 ._greetings_1c3gv_17 {
min-width: 74px;
max-width: 150px;
text-wrap: nowrap;
height: 16px;
line-height: 16px;
}
._sobTrackingHeader_1c3gv_1 ._leftContent_1c3gv_12 ._appTitle_1c3gv_24 {
height: 40px;
font-size: 32px;
line-height: 40px;
font-weight: 400;
}
._sobTrackingHeader_1c3gv_1 ._rightSide_1c3gv_8 {
display: flex;
justify-content: flex-end;
}
._sobTrackingHeader_1c3gv_1 ._rightContent_1c3gv_34 {
display: flex;
flex-direction: column;
gap: 2px;
}
._sobTrackingHeader_1c3gv_1 ._rightContentTitle_1c3gv_39 {
text-align: right;
text-wrap: nowrap;
font-size: 18px;
}
._sobTrackingHeader_1c3gv_1 ._rightContentBubbles_1c3gv_44 {
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}._sobMode_11qhb_1 {
display: flex;
}
._sobMode_11qhb_1 ._modeButton_11qhb_4 {
border-radius: 0;
color: var(--color-black);
}
._sobMode_11qhb_1 ._active_11qhb_8 {
color: var(--color-primary-web);
border-bottom: 1px solid var(--color-primary-web);
}._readonlyCell_1f06n_1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
height: 100%;
padding: 8px;
background-color: rgb(244, 244, 244);
}
tr:first-of-type ._readonlyCell_1f06n_1 {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
tr:last-of-type ._readonlyCell_1f06n_1 {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}._dataInfo_13dua_1 {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 8px;
padding: 8px;
background-color: rgb(244, 244, 244);
min-width: 100px;
flex: 1;
}
._dataInfo_13dua_1 ._title_13dua_11 {
font-weight: 400;
font-size: 12px;
line-height: 12px;
}
._dataInfo_13dua_1._columnMode_13dua_16:first-of-type {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
._dataInfo_13dua_1._columnMode_13dua_16:last-of-type {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
._dataInfo_13dua_1._rowMode_13dua_24:nth-child(1) {
border-top-left-radius: 4px;
}
._dataInfo_13dua_1._rowMode_13dua_24:nth-child(2) {
border-top-right-radius: 4px;
}
._dataInfo_13dua_1._rowMode_13dua_24:nth-child(3) {
border-bottom-left-radius: 4px;
}
._dataInfo_13dua_1._rowMode_13dua_24:nth-child(4) {
border-bottom-right-radius: 4px;
}._statistics_1qxqr_1 {
display: flex;
flex-direction: column;
gap: 8px;
width: 425px;
transition: width 0.3s ease-in-out;
}
._statistics_1qxqr_1._collapsed_1qxqr_8 {
width: 132px;
}
._statistics_1qxqr_1 ._charts_1qxqr_11 {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
._statistics_1qxqr_1._blur_1qxqr_15 {
filter: blur(5px);
}
._statistics_1qxqr_1 ._header_1qxqr_18 {
display: flex;
flex-direction: column;
gap: 8px;
}
._statistics_1qxqr_1 ._chartsTitle_1qxqr_23 {
font-size: 24px;
line-height: 24px;
font-weight: 400;
}
._statistics_1qxqr_1 ._chartsSubtitle_1qxqr_28 {
display: flex;
gap: 8px;
font-size: 12px;
line-height: 12px;
height: 16px;
font-weight: 400;
color: rgb(144, 144, 144);
min-width: 60px;
}
._statistics_1qxqr_1 ._details_1qxqr_38 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 260px;
width: 100%;
gap: 2px;
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
._statistics_1qxqr_1 ._details_1qxqr_38._column_1qxqr_48 {
flex-direction: column;
}
._statistics_1qxqr_1 ._monthSobPercentage_1qxqr_51 {
font-size: 16px;
line-height: 18px;
font-weight: 400;
color: var(--color-primary-web);
}
._statistics_1qxqr_1 ._positive_1qxqr_57 {
color: var(--color-primary-web);
}
._statistics_1qxqr_1 ._negative_1qxqr_60 {
color: var(--color-danger-light);
}
._statistics_1qxqr_1 ._dataInfo_1qxqr_63 {
display: flex;
flex-direction: row;
gap: 8px;
}
._statistics_1qxqr_1 ._dataInfo_1qxqr_63 ._current_1qxqr_68 {
font-weight: 400;
font-size: 14px;
}
._statistics_1qxqr_1 ._dataInfo_1qxqr_63 ._previous_1qxqr_72 {
font-weight: 400;
color: #909090;
font-size: 14px;
}._statisticsWrapper_1qkw6_1,
._periodTableWrapper_1qkw6_2 {
display: flex;
background-color: rgb(255, 255, 255);
padding: 16px;
border-radius: 8px;
}
._loadTable_1qkw6_9 {
min-width: 660px;
}
._emptyPlaceholder_1qkw6_13 {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
font-size: var(--fz-lg);
font-weight: bold;
}
._item_1qkw6_22 {
font-size: var(--fz-lg);
padding-left: 0;
padding-right: 0;
}._hpSobTracking_hlwqe_1 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
background-color: rgb(244, 244, 244);
}
._hpSobTracking_hlwqe_1 ._content_hlwqe_8 {
display: flex;
flex-direction: row;
gap: 8px;
max-width: 1280px;
width: 100%;
margin: auto;
}._container_931fh_1 {
position: relative;
width: 100%;
height: 100%;
padding: 16px;
margin: 0 auto;
}
._headerContainer_931fh_9 {
background-color: #f5f5f5;
height: 96px;
width: 100%;
display: grid;
grid-template-columns: 1fr 2fr;
padding-top: 0;
padding-bottom: 0;
align-items: center;
}
._headerContainer_931fh_9 ._title_931fh_19 {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
text-transform: uppercase;
color: var(--color-black);
font-weight: 700;
font-size: var(--fz-xxl);
line-height: 28px;
}
@media screen and (max-width: 1600px) {
._headerContainer_931fh_9 ._title_931fh_19 {
font-size: var(--fz-xl);
}
}._hpSobHeader_1jc5p_1 {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
._hpSobHeader_1jc5p_1 ._leftContent_1jc5p_7 {
display: flex;
flex-direction: row;
align-items: center;
gap: 24px;
}
._hpSobHeader_1jc5p_1 ._rightContent_1jc5p_13 {
display: flex;
flex-direction: row;
align-items: center;
}._completenessProgressBar_1jidy_1 {
width: 150px;
height: 30px;
}
._completenessProgressBar_1jidy_1._emptyBarColor_1jidy_5 {
background-color: var(--color-gray-200);
}
._completenessProgressBar_1jidy_1 ._progressBar_1jidy_8 {
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
._completenessProgressBar_1jidy_1 ._progressBar_1jidy_8._fillBarColor_1jidy_14 {
background-color: var(--color-gray-600);
color: var(--color-white);
}
._completenessProgressBar_1jidy_1 ._progressValue_1jidy_18 {
padding-left: 4px;
text-wrap: nowrap;
}._completenessStatistics_16qyt_1 {
display: flex;
flex-direction: row;
align-items: center;
}
._completenessStatistics_16qyt_1 ._label_16qyt_6 {
font-size: 24px;
line-height: 24px;
font-weight: 300;
width: 200px;
}
._completenessStatistics_16qyt_1 ._content_16qyt_12 {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
}
._completenessStatistics_16qyt_1 ._content_16qyt_12 ._completenessItem_16qyt_18 {
display: flex;
flex-direction: row;
align-items: center;
}
._completenessStatistics_16qyt_1 ._content_16qyt_12 ._completenessLabel_16qyt_23 {
width: 65px;
margin-right: 8px;
font-size: var(--fz-sm);
}
._completenessStatistics_16qyt_1 ._content_16qyt_12 ._emptyCompleteness_16qyt_28 {
height: 24px;
width: 160px;
background-color: #F1F0F0;
}
._completenessStatistics_16qyt_1 ._content_16qyt_12 ._offering0_16qyt_33 {
background-color: #AECF9F;
color: var(--color-gray-800);
}
._completenessStatistics_16qyt_1 ._content_16qyt_12 ._offering1_16qyt_37 {
background-color: #C7D4FF;
color: var(--color-gray-800);
}
._completenessStatistics_16qyt_1 ._content_16qyt_12 ._offering2_16qyt_41 {
background-color: #F2D89E;
color: var(--color-gray-800);
}._root_1ydh4_1 {
position: relative;
}
._root--bubbleOnHover_1ydh4_4 ._thumbValue_1ydh4_4 {
opacity: 0;
pointer-events: none;
}
._root--bubbleOnHover_1ydh4_4 ._wrapper_1ydh4_8:focus > ._line_1ydh4_8 ._thumbValue_1ydh4_4,
._root--bubbleOnHover_1ydh4_4 ._wrapper_1ydh4_8:hover > ._line_1ydh4_8 ._thumbValue_1ydh4_4 {
opacity: 1;
pointer-events: auto;
}
._body_1ydh4_14 {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
._body--vertical_1ydh4_19 {
width: 17px;
height: 130px;
margin: 0 9px;
}
._wrapper_1ydh4_8 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background: var(--color-gray-700);
cursor: pointer;
width: 100%;
height: 4px;
}
._wrapper--vertical_1ydh4_35 {
width: 130px;
transform: rotate(90deg) scale(-1, 1) translate(-100%, -100%);
transform-origin: top left;
}
._line_1ydh4_8 {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 4px;
background-color: var(--color-gray-700);
transform: translate(0, -50%);
pointer-events: none;
}
._line__filler_1ydh4_51 {
width: 0;
height: 100%;
background-color: var(--color-primary-light);
}
._thumbValue_1ydh4_4 {
position: absolute;
left: 9px;
right: 9px;
top: 50%;
transform: translate(0, -50%);
transition: opacity var(--transition-controls);
pointer-events: auto;
}
._thumbValue__bubble_1ydh4_66 {
position: absolute;
left: 0;
top: 0;
margin: 0;
font-weight: 400;
font-size: var(--fz-sm);
color: var(--color-primary-web);
transform: translate(-50%, -50%);
}
._thumbValue__bubble--overThumb_1ydh4_76 {
margin-top: -18px;
}
._thumbValue__bubble--overThumb_1ydh4_76._thumbValue__bubble--vertical_1ydh4_79 {
margin-top: 22px;
}
._thumbValue__bubble--belowThumb_1ydh4_82 {
margin-top: 18px;
}
._thumbValue__bubble--belowThumb_1ydh4_82._thumbValue__bubble--vertical_1ydh4_79 {
margin-top: -22px;
}
._thumbValue__bubble--vertical_1ydh4_79 {
transform: translate(-50%, -50%) rotate(-90deg) scale(1, -1);
}
._value_1ydh4_92 {
margin: 0;
min-width: 40px;
font-weight: 400;
font-size: var(--fz-sm);
color: var(--color-primary-web);
text-align: center;
}
._value--vertical_1ydh4_100 {
min-width: 35px;
}
._value--end_1ydh4_103 {
margin-left: 5px;
}
._value--end_1ydh4_103._value--vertical_1ydh4_100 {
margin-left: 0;
margin-top: 5px;
}
._value--start_1ydh4_110 {
margin-right: 5px;
order: -1;
}
._value--start_1ydh4_110._value--vertical_1ydh4_100 {
margin-right: 0;
margin-bottom: 5px;
}._input_1d6tz_1 {
position: relative;
z-index: 1;
display: block;
width: 100%;
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
appearance: none;
}
._input_1d6tz_1:focus {
outline: none;
}
._input_1d6tz_1::-webkit-slider-runnable-track {
background: transparent;
border: 0;
border-radius: 0;
}
._input_1d6tz_1::-moz-range-track {
background: transparent;
border: 0;
border-radius: 0;
}
._input_1d6tz_1::-webkit-slider-thumb {
width: 17px;
height: 17px;
background: var(--color-primary-web);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 rgb(0, 150, 214);
transition: box-shadow var(--transition-controls);
-webkit-appearance: none;
}
._input_1d6tz_1::-moz-range-thumb {
width: 17px;
height: 17px;
background: var(--color-primary-web);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 rgb(0, 150, 214);
transition: box-shadow var(--transition-controls);
}
._input_1d6tz_1:focus::-webkit-slider-thumb, ._input_1d6tz_1:hover::-webkit-slider-thumb {
box-shadow: 0 0 10px var(--color-primary-light);
}
._input_1d6tz_1:focus::-moz-range-thumb, ._input_1d6tz_1:hover::-moz-range-thumb {
box-shadow: 0 0 10px var(--color-primary-light);
}._scalableScatterChart_1sxu1_1 {
position: relative;
}
._scalableScatterChart_1sxu1_1:hover ._scalableScatterChart__scale_1sxu1_4 {
opacity: 1;
}
._scalableScatterChart__scale_1sxu1_4 {
transition: opacity 150ms ease-in-out;
position: absolute;
top: 20px;
right: 10%;
z-index: 100;
opacity: 0;
}
._scalableScatterChart__scale_1sxu1_4 input {
width: 100%;
}._scatterChartsGroup_nrpoh_1 {
display: flex;
flex-direction: column;
position: relative;
}
._scatterChartsGroup__scaler_nrpoh_6 {
position: absolute;
top: 20px;
left: 200px;
width: 250px;
z-index: 100;
}
._scatterChartsGroup__scaler_nrpoh_6 input {
width: 100%;
}
._scatterChartsGroup__charts_nrpoh_16 {
display: flex;
flex-direction: row;
}
._scatterChartsGroup__total_nrpoh_20 {
flex: 1;
}
._scatterChartsGroup__segmented_nrpoh_23 {
flex: 1;
}._charts_19zpt_1 {
display: flex;
width: 100%;
}
._charts_19zpt_1 ._barChart_19zpt_5 {
flex: 1;
}
._charts_19zpt_1 ._scatteredChart_19zpt_8 {
flex: 1;
}._fullYearTable_13j9a_1 {
width: 100%;
}
._fullYearTable_13j9a_1 ._headerPrevYear_13j9a_4 {
font-size: var(--fz-base);
line-height: var(--fz-base);
font-weight: 400;
padding: 8px;
text-align: center;
border-bottom: 1px solid #D3D2CF;
border-right: 1px solid #D3D2CF;
}
._fullYearTable_13j9a_1 ._headerPeriod_13j9a_13 {
font-size: var(--fz-base);
line-height: var(--fz-base);
font-weight: 400;
padding: 8px;
text-align: center;
border-bottom: 1px solid #D3D2CF;
border-right: 1px solid #D3D2CF;
}
._fullYearTable_13j9a_1 ._subHeaderMonth_13j9a_22 {
font-size: var(--fz-base);
line-height: var(--fz-base);
font-weight: 400;
padding: 8px;
text-align: center;
border-bottom: 1px solid #D3D2CF;
}
._fullYearTable_13j9a_1 ._subHeaderMonth_13j9a_22._lastIndex_13j9a_30 {
border-right: 1px solid #D3D2CF;
}
._fullYearTable_13j9a_1 ._headerCurrYear_13j9a_33 {
font-size: var(--fz-base);
line-height: var(--fz-base);
font-weight: 400;
padding: 8px;
text-align: center;
border-bottom: 1px solid #D3D2CF;
}
._fullYearTable_13j9a_1 ._cellData_13j9a_41 {
font-size: var(--fz-base);
line-height: var(--fz-base);
font-weight: 300;
text-align: center;
padding: 8px;
}._expandToggle_fzbxp_1 {
cursor: pointer;
font-size: 14px;
}._scopesTable_hj192_1 {
width: 100%;
}
._scopesTable_hj192_1 ._headerCell_hj192_4 {
font-size: var(--fz-base);
line-height: var(--fz-base);
text-align: left;
font-weight: 300;
background-color: #EAEAEA;
padding: 8px 8px;
}
._scopesTable_hj192_1 ._rowCell_hj192_12 {
font-size: var(--fz-base);
line-height: var(--fz-base);
padding: 8px;
border-bottom: 1px solid #E2E2E2;
}
._scopesTable_hj192_1 ._expanded_hj192_18 {
padding: 0;
}
._scopesTable_hj192_1 ._expandedContent_hj192_21 {
border-left: 1px solid var(--color-gray-800);
margin: 8px 0;
}
._scopesTable_hj192_1 ._partnerId_hj192_25 {
font-weight: 400;
text-wrap: nowrap;
}
._scopesTable_hj192_1 ._communicationName_hj192_29 {
font-weight: 400;
width: 100px;
}
._scopesTable_hj192_1 ._averageSobHeader_hj192_33 {
width: 150px;
text-align: right;
}
._scopesTable_hj192_1 ._averageSobCell_hj192_37 {
text-align: center;
}
._scopesTable_hj192_1 ._totalRevenue_hj192_40 {
text-align: right;
}._dashboardContent_1aaeu_1 {
display: flex;
flex-direction: column;
flex: 1;
}
._item_1aaeu_7 {
font-size: var(--fz-lg);
padding-left: 0;
padding-right: 0;
}._autoSuggestionSearch_yyfl3_1 {
position: relative;
width: 100%;
}
._autoSuggestionSearch__loader_yyfl3_5 {
position: absolute;
right: 8px;
top: 0;
}
._autoSuggestionSearch__clearButton_yyfl3_10 {
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 25px;
width: 25px;
font-size: var(--fz-sm);
right: 4px;
top: 50%;
transform: translateY(-50%);
color: var(--color-gray-200);
cursor: pointer;
border-radius: 25px;
}
._autoSuggestionSearch__clearButton_yyfl3_10:hover {
color: var(--color-danger-light);
}._noDataFound_15ecx_1 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px;
}._suggestionItem_1r32g_1 {
padding: 8px;
cursor: pointer;
}
._suggestionItem_1r32g_1:hover {
background-color: rgba(var(--color-primary-light--rgb), 0.15);
}
._suggestionItem_1r32g_1._noPadding_1r32g_8 {
padding: 0;
}._suggestionList_oh5up_1 {
margin: 1px;
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
background-color: var(--pop-paper__bg);
box-shadow: var(--pop-paper__bxsh);
}._fieldLabel_1qj2c_1 {
font-weight: 400;
text-wrap: nowrap;
margin-bottom: 1px;
line-height: var(--fz-base);
font-size: var(--fz-base);
color: #2C3038;
}._dbmField_1ye43_1 {
display: flex;
flex-direction: column;
}._distributorClassField_pbnyw_1 {
display: flex;
flex-direction: column;
gap: 8px;
}
._distributorClassField_pbnyw_1 ._options_pbnyw_6 {
display: flex;
flex-direction: column;
gap: 8px;
}._distributorItem_1vlj0_1 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
}
._distributorItem_1vlj0_1:hover ._title_1vlj0_7 {
color: var(--color-primary-main);
}
._distributorItem_1vlj0_1 ._title_1vlj0_7 {
white-space: nowrap;
font-size: smaller;
font-weight: 400;
text-transform: uppercase;
}
._distributorItem_1vlj0_1 ._idsContainer_1vlj0_16 {
display: flex;
flex-direction: column;
}
._distributorItem_1vlj0_1 ._partnerId_1vlj0_20,
._distributorItem_1vlj0_1 ._locationId_1vlj0_21 {
display: flex;
flex-direction: row;
align-items: center;
font-size: small;
color: var(--color-gray-700);
}._distributorLocationIdField_uuf8w_1 {
display: flex;
flex-direction: column;
}._export_1x0jz_1 {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--color-white);
border-radius: 4px;
padding: 16px;
gap: 4px;
}
._export_1x0jz_1 ._button_1x0jz_10 {
border-radius: 4px;
}
._export_1x0jz_1 ._lastDate_1x0jz_13 {
text-align: center;
font-size: 14px;
font-weight: 300;
}._filterHeader_1h82n_1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
}
._filterHeader_1h82n_1 ._title_1h82n_8 {
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
}
._filterHeader_1h82n_1 ._clearButton_1h82n_14 {
border: 1px;
border-radius: 4px;
text-transform: lowercase;
}._geoField_149f2_1 {
display: flex;
flex-direction: column;
}
._popup_149f2_6 {
width: 254px;
}._managerField_trgs2_1 {
display: flex;
flex-direction: column;
}._dashboardFilters_b2zzu_1 {
width: 308px;
background-color: #E6F0F5;
border: 2px solid #B7E8FD;
padding: 8px 24px;
display: flex;
flex-direction: column;
gap: 16px;
}._container_14xgb_1, ._hpSobDashboard_14xgb_1 ._content_14xgb_1 {
position: relative;
width: 100%;
height: 100%;
padding: 16px;
margin: 0 auto;
}
._hpSobDashboard_14xgb_1 ._header_14xgb_9 {
background-color: #fff;
border-bottom: 1px solid #D3D2CF;
}
._hpSobDashboard_14xgb_1 ._headerContent_14xgb_13 {
display: flex;
}
._hpSobDashboard_14xgb_1 ._content_14xgb_1 {
display: flex;
flex-direction: row;
gap: 16px;
}
._hpSobDashboard_14xgb_1 ._daysTillDeadline_14xgb_21 {
font-size: 24px;
font-weight: 400;
}</style><style>._autoSuggestionSearch_yyfl3_1 {
position: relative;
width: 100%;
}
._autoSuggestionSearch__loader_yyfl3_5 {
position: absolute;
right: 8px;
top: 0;
}
._autoSuggestionSearch__clearButton_yyfl3_10 {
position: absolute;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 25px;
width: 25px;
font-size: var(--fz-sm);
right: 4px;
top: 50%;
transform: translateY(-50%);
color: var(--color-gray-200);
cursor: pointer;
border-radius: 25px;
}
._autoSuggestionSearch__clearButton_yyfl3_10:hover {
color: var(--color-danger-light);
}._noDataFound_15ecx_1 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px;
}._suggestionItem_1r32g_1 {
padding: 8px;
cursor: pointer;
}
._suggestionItem_1r32g_1:hover {
background-color: rgba(var(--color-primary-light--rgb), 0.15);
}
._suggestionItem_1r32g_1._noPadding_1r32g_8 {
padding: 0;
}._suggestionList_oh5up_1 {
margin: 1px;
max-height: 300px;
overflow-y: scroll;
overflow-x: hidden;
background-color: var(--pop-paper__bg);
box-shadow: var(--pop-paper__bxsh);
}._fieldLabel_qgans_1 {
display: inline-flex;
gap: 8px;
line-height: 16px;
font-weight: 300;
text-wrap: nowrap;
margin-bottom: 1px;
}
._fieldLabel_qgans_1 ._helper_qgans_9:hover {
cursor: help;
color: var(--color-primary-main);
}._partnerData_1k9b0_1 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
}
._partnerData_1k9b0_1:hover ._communicationName_1k9b0_7 {
color: var(--color-primary-main);
}
._partnerData_1k9b0_1 ._communicationName_1k9b0_7 {
white-space: nowrap;
font-size: smaller;
font-weight: 400;
text-transform: uppercase;
}
._partnerData_1k9b0_1 ._ids_1k9b0_16 {
display: flex;
flex-direction: column;
}
._partnerData_1k9b0_1 ._locationId_1k9b0_20,
._partnerData_1k9b0_1 ._partnerId_1k9b0_21 {
display: flex;
flex-direction: row;
align-items: center;
font-size: small;
color: var(--color-gray-700);
}._retailersSearch_fal6a_1 {
width: 300px;
}
._retailersSearch__label_fal6a_4 {
font-size: 16px;
font-weight: 400;
line-height: 16px;
margin-bottom: 16px;
}._root_44ruj_1 {
position: relative;
background-color: var(--dnd__background-color);
border: var(--dnd__bd);
border-radius: var(--dnd__bd-rs);
}
._root--drag_44ruj_7 {
border-color: var(--dnd__bd-color--active);
}
._root--no-border_44ruj_10 {
border: none;
}
._input_44ruj_14 {
position: absolute;
width: 0;
height: 0;
z-index: -1;
visibility: hidden;
}
._noPointerEvents_44ruj_22 {
pointer-events: none;
}._root_q2inv_1 {
position: relative;
display: flex;
align-items: center;
min-width: 0;
padding: var(--input__bd-width);
line-height: var(--input__line-height);
font-weight: var(--input__font-weight);
font-style: var(--input__font-style);
font-size: var(--input__font-size);
color: var(--input__color);
letter-spacing: var(--input__letter-spacing);
text-align: left;
text-transform: var(--input__text-transform);
background-color: var(--input__bg-color);
border-radius: var(--input__bd-radius);
transition: color var(--input__transition);
}
._root--warning_q2inv_19, ._root--warning_q2inv_19:hover {
color: var(--input__color--warning);
}
._root--danger_q2inv_22, ._root--danger_q2inv_22:hover {
color: var(--input__color--danger);
}
._root--disabled_q2inv_25 {
opacity: var(--input__disabled-opacity);
}
._fieldset_q2inv_29 {
position: absolute;
z-index: 1;
inset: 0 0 0 0;
min-width: 0;
margin: 0;
padding: 0;
border: var(--input__bd-width) solid var(--input__bd-color);
border-radius: var(--input__bd-radius);
transition: border-color var(--input__transition), color var(--input__transition);
pointer-events: none;
}
._root_q2inv_1:hover ._fieldset_q2inv_29, ._fieldset--focused_q2inv_41 {
border-color: var(--input__bd-color--focused);
}
._fieldset--warning_q2inv_44, ._root_q2inv_1:hover ._fieldset--warning_q2inv_44 {
border-color: var(--input__bd-color--warning);
}
._fieldset--danger_q2inv_47, ._root_q2inv_1:hover ._fieldset--danger_q2inv_47 {
border-color: var(--input__bd-color--danger);
}
._legend_q2inv_51 {
display: block;
width: auto;
max-width: 0.01px;
height: 0;
margin: 0 calc(var(--input__label-x-offset) - var(--input__bd-width));
padding: 0;
line-height: inherit;
font-weight: var(--input__label-fw);
font-style: var(--input__label-fs);
font-size: inherit;
letter-spacing: var(--input__label-ls);
text-transform: var(--input__label-tt);
color: var(--input__label-color);
white-space: nowrap;
visibility: hidden;
overflow: hidden;
transition: max-width var(--input__transition), padding var(--input__transition);
pointer-events: none;
}
._legend--focused_q2inv_71 {
padding: 0 var(--input__label-padding-x);
font-size: var(--input__label-fz);
max-width: var(--input__legend-maw);
}
._label_q2inv_77 {
position: absolute;
top: 0;
left: 0;
z-index: 1;
display: block;
max-width: var(--input__label-maw);
margin: 0 var(--input__label-x-offset);
padding: var(--input__label-padding);
line-height: inherit;
font-weight: var(--input__label-fw);
font-style: var(--input__label-fs);
font-size: inherit;
letter-spacing: var(--input__label-ls);
text-transform: var(--input__label-tt);
color: var(--input__label-color);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: font-size var(--input__transition), transform var(--input__transition);
pointer-events: none;
}
._label--focused_q2inv_99 {
font-size: var(--input__label-fz);
transform: translate(0, var(--input__label-transform));
}
._label--warning_q2inv_103 {
color: var(--input__color--warning);
}
._label--danger_q2inv_106 {
color: var(--input__color--danger);
}
._label--rtl_q2inv_109 {
left: initial;
right: 0;
}
._content_q2inv_114 {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
._content--with-left-adornment_q2inv_119 {
border-left: 0;
}
._content--with-right-adornment_q2inv_122 {
border-right: 0;
}
._content--disabled_q2inv_125 {
pointer-events: none;
}
._control_q2inv_129 {
display: block;
width: 100%;
padding: calc(var(--input__padding-y) + 1px) var(--input__padding-x) calc(var(--input__padding-y) - 1px);
line-height: inherit;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
color: inherit;
letter-spacing: inherit;
text-transform: inherit;
border: 0;
background: transparent;
transition: padding var(--input__transition);
}
._control_q2inv_129::placeholder {
color: var(--input__label-color);
}
._control_q2inv_129:focus {
outline: none;
}
._control--textarea_q2inv_150 {
margin-top: calc(var(--input__padding-y) + 1px);
padding-top: 0;
transition: padding var(--input__transition), margin var(--input__transition);
}
._control--focused_q2inv_155 {
padding-top: calc(var(--input__padding-y) + 1px + var(--input__padding-offset));
padding-bottom: calc(var(--input__padding-y) - 1px - var(--input__padding-offset));
}
._control--focused_q2inv_155._control--textarea_q2inv_150 {
margin-top: calc(var(--input__padding-y) + 1px + var(--input__padding-offset));
padding-top: 0;
}
._control--noSpin_q2inv_163 {
-moz-appearance: textfield;
}
._control--noSpin_q2inv_163::-webkit-outer-spin-button, ._control--noSpin_q2inv_163::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
._adornment_q2inv_171 {
flex: 0 0 auto;
min-width: 0;
padding: var(--input__padding-y) 0;
}
._adornment_q2inv_171 > * {
display: block;
}
._adornment--left_q2inv_179 {
padding-left: var(--input__padding-x);
}
._adornment--right_q2inv_182 {
padding-right: var(--input__padding-x);
}
._dir-auto_q2inv_186 {
direction: inherit;
}
._dir-ltr_q2inv_190 {
direction: ltr;
}
._dir-rtl_q2inv_194 {
direction: rtl;
text-align: right;
}._textarea_resizable_vertical_1rrwd_1 {
resize: vertical;
}
._textarea_unresizable_1rrwd_5 {
resize: none;
}
._textarea_control_1rrwd_9 {
min-height: calc(var(--controls__height) - var(--input__bd-width) * 2);
}
._textarea_control_1rrwd_9::-webkit-scrollbar {
width: 12px;
height: 12px;
}
._textarea_control_1rrwd_9::-webkit-scrollbar-thumb {
border: 4px solid transparent;
border-radius: 12px;
box-shadow: inset 0 0 0 12px rgba(var(--color-black--rgb), 0.12);
}
._textarea_control_1rrwd_9::-webkit-scrollbar-thumb:hover {
box-shadow: inset 0 0 0 12px rgba(var(--color-black--rgb), 0.16);
}
._textarea_control_1rrwd_9::-webkit-scrollbar-thumb:active {
box-shadow: inset 0 0 0 12px rgba(var(--color-black--rgb), 0.2);
}._root_5jjhl_1 {
display: flex;
justify-content: center;
align-items: center;
color: var(--color-primary-main);
height: 100%;
}._overlay_1xkxc_1 {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.1);
z-index: var(--z-absolute);
cursor: pointer;
pointer-events: initial;
}
._overlay_1xkxc_1._hidden_1xkxc_15 {
display: none;
}
._withoutBackground_1xkxc_19 {
background-color: transparent;
}._buttons_fepdi_1 {
display: flex;
align-items: center;
justify-content: flex-end;
}
._button_fepdi_1 {
margin: calc(var(--spacing) / 2);
}._root_iq4s4_1 {
position: relative;
width: 100%;
min-height: 140px;
}
._visibleMode--hover_iq4s4_7:hover ._topPanel_iq4s4_7 {
display: flex;
}
._visibleMode--always_iq4s4_10 ._topPanel_iq4s4_7 {
display: flex;
}
._topPanel_iq4s4_7 {
position: relative;
display: none;
justify-content: flex-end;
width: 100%;
max-width: 100%;
top: var(--spacing);
right: var(--spacing);
}
._topPanelContent_iq4s4_24 {
position: absolute;
height: 36px;
padding: 0 var(--spacing);
background: var(--bg-secondary);
opacity: 0.8;
border-radius: 16px;
z-index: 1;
}
._button_iq4s4_34 {
color: var(--color-gray);
width: 36px;
height: 36px;
}
._childrenWrapper_iq4s4_40 {
height: 100%;
}
._boxShadow_iq4s4_44 {
box-shadow: 0 0 0 3px #b4d5ff;
}._iframe_e7k0a_1 {
width: 100%;
}._root_jrpv8_1 {
max-width: 550px;
padding: var(--spacing) calc(var(--spacing) * 2) calc(var(--spacing) * 2);
min-width: 460px;
}
._settings_jrpv8_7 {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: var(--spacing);
}
._settings__line_jrpv8_13 {
display: flex;
align-items: baseline;
justify-content: space-between;
width: 100%;
margin-bottom: var(--spacing);
}
._settingsLine__value_jrpv8_21 {
width: 60%;
}
._settingsLine__combineValue_jrpv8_24 {
display: flex;
align-items: center;
width: 60%;
}
._dndArea_jrpv8_30 {
max-width: 100%;
}
._dndArea__file_jrpv8_33 {
display: flex;
margin: var(--spacing) 0;
align-items: center;
}
._dndArea__fileTitle_jrpv8_38 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--color-gray-600);
margin-right: var(--spacing);
}
._footer_jrpv8_46 {
display: flex;
justify-content: flex-end;
align-items: center;
}
._footer__button_jrpv8_51 {
margin-left: var(--spacing);
}._root_jzg1v_1 {
display: flex;
}
._image_jzg1v_5 {
display: block;
max-width: 100%;
}
._imageViewPopup_jzg1v_10 {
padding: 0;
}
._imageViewPopup__img_jzg1v_13 {
max-width: 80vw;
max-height: 80vh;
}
._imageCaption_jzg1v_18 {
text-align: center;
padding: calc(var(--spacing) / 2);
color: var(--color-gray-900);
background-color: var(--gray-light);
max-width: 100%;
}
._imageCaptionText_jzg1v_26 {
font-size: var(--fz-lg);
}
._alignStart_jzg1v_30 {
justify-content: start;
}
._alignEnd_jzg1v_34 {
justify-content: end;
}
._alignCenter_jzg1v_38 {
justify-content: center;
}._colorItem_1ysl3_1 {
display: flex;
flex-direction: row;
align-items: center;
}
._colorPreview_1ysl3_7 {
width: var(--spacing);
height: var(--spacing);
margin-right: var(--spacing);
}
._iconSection_1ysl3_13 {
display: flex;
gap: var(--spacing);
}
._iconInput_1ysl3_18 {
width: 100%;
}._root_oqsr0_1 {
display: flex;
flex-direction: column;
padding: var(--spacing);
}
._body_oqsr0_7 {
display: flex;
flex-direction: column;
}
._imagePreview_oqsr0_12 {
max-width: 200px;
margin-bottom: calc(var(--spacing) * 2);
}
._footer_oqsr0_17 {
display: flex;
align-items: center;
justify-content: flex-end;
}
._cancelButton_oqsr0_23 {
margin-left: var(--spacing);
}._root_xebly_1 {
position: relative;
display: inline-block;
}
._root__image_xebly_5 {
width: 100%;
}
._popup_xebly_9 {
padding: var(--spacing);
}
._popup__rows_xebly_12 {
display: flex;
font-size: var(--fz-sm);
gap: var(--spacing);
}
._popup__rows_xebly_12:not(:last-child) {
margin-bottom: var(--spacing);
}
._border_xebly_21 {
margin: 0 2px;
}
._link_xebly_25:hover {
color: var(--color-white);
background-color: var(--color-link);
cursor: pointer;
}._buttons_fepdi_1 {
display: flex;
align-items: center;
justify-content: flex-end;
}
._button_fepdi_1 {
margin: calc(var(--spacing) / 2);
}._root_141ck_1 {
display: block;
width: 100%;
border: 0;
}._root_k4t07_1 {
position: relative;
margin: 0;
}
._content_k4t07_6 {
display: table;
width: 100%;
flex-direction: column;
align-items: center;
text-align: center;
}._root_1hvk3_1 {
display: flex;
gap: var(--spacing);
margin: var(--spacing) 1px;
padding: var(--spacing);
border-radius: 5px;
}
._root--viewing-mode_1hvk3_8 {
box-shadow: 0 1px 3px var(--color-gray-200);
}
._root--editor-mode_1hvk3_11 {
border: 1px dashed var(--color-black);
}
._icon_1hvk3_15 {
display: block;
line-height: 1;
font-size: var(--fz-xxl);
}
._content_1hvk3_21 {
min-width: 1px;
align-self: center;
}
._content_1hvk3_21 :last-child {
margin-bottom: 0;
}._removeColor_q2b30_1 {
display: flex;
cursor: pointer;
margin: var(--spacing);
gap: var(--spacing);
}
._hr_q2b30_8 {
color: var(--color-gray-500);
}
._colors_q2b30_12 {
margin: var(--spacing);
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: var(--spacing);
text-align: center;
}
._colorBtn_q2b30_20 {
cursor: pointer;
border: 1px solid var(--color-black);
border-radius: 5px;
width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
}._popup_1eehs_1 {
margin-bottom: var(--spacing);
}
._popup_content_1eehs_4 {
display: flex;
}
._disableField_1eehs_8 {
color: var(--color-gray-500);
}
._tableScroller_1eehs_12 {
overflow-x: auto;
}
._tableScroller_1eehs_12::-webkit-scrollbar {
width: calc(var(--spacing) * 0.5);
height: calc(var(--spacing) * 0.5);
background-color: var(--bg-secondary);
}
._tableScroller_1eehs_12::-webkit-scrollbar-thumb {
background-color: rgba(var(--color-gray-600--rgb), 1);
}
._tableScroller_1eehs_12::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--color-gray-600--rgb), 0.75);
}
._tableScroller_1eehs_12::-webkit-scrollbar-thumb:active {
background-color: rgba(var(--color-gray-600--rgb), 1);
}
._table_1eehs_12 {
width: 100%;
table-layout: fixed;
}
table._layoutTable_1eehs_35 {
border: none;
}
._layoutTable_1eehs_35 td {
border: none;
}._root_fqkp8_1 {
border-bottom: 1px solid var(--color-gray-300);
position: relative;
margin: calc(var(--spacing) * 2) 0;
}
._root_fqkp8_1 p:last-of-type {
padding-bottom: calc(var(--spacing) * 2);
}
._placeholder_fqkp8_10 {
pointer-events: none;
position: absolute;
left: 0;
bottom: calc(var(--spacing) * 2);
color: var(--color-gray-300);
}
._placeholder__hidden_fqkp8_17 {
display: none;
}._header_1ql0i_1 {
display: flex;
gap: calc(var(--spacing) * 2);
align-items: center;
padding: calc(var(--spacing) * 1.5) 0;
font-weight: 400;
outline: none;
}
._header--opened_1ql0i_9 {
margin-bottom: calc(var(--spacing) * 2);
border-bottom: 1px solid var(--color-gray-300);
}
._title_1ql0i_14 {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
._title__placeholder_1ql0i_19 {
position: absolute;
left: 0;
top: 0;
color: var(--color-gray-300);
pointer-events: none;
}
._title__placeholder--hidden_1ql0i_26 {
display: none;
}
._button_1ql0i_30 {
display: flex;
align-items: center;
justify-content: center;
min-width: calc(var(--spacing) * 4);
height: calc(var(--spacing) * 4);
color: var(--color-white);
background-color: var(--color-primary-main);
border-radius: 50%;
transition: background-color var(--transition-controls);
cursor: pointer;
}
._button_1ql0i_30:focus, ._button_1ql0i_30:hover {
background-color: var(--color-primary-light);
}
._button_1ql0i_30:active {
background-color: var(--color-primary-dark);
}
._icon_1ql0i_49 {
font-size: 15px;
font-weight: 900;
}._selectedCell_3ph03_1 {
--selected-cell-color: var(--color-primary-main);
}
._tCell_3ph03_5 {
vertical-align: top;
overflow-wrap: break-word;
display: table-cell;
}
._verticalAlignTop_3ph03_11 {
vertical-align: top;
}
._verticalAlignBottom_3ph03_15 {
vertical-align: bottom;
}
._verticalAlignMiddle_3ph03_19 {
vertical-align: middle;
}._elementWitoutMarker_1i4u9_1 {
list-style-type: none;
}._blockquote_1w1qn_1 {
border-left: 2px solid #ddd;
margin-left: 0;
margin-right: 0;
padding-left: 10px;
color: #aaa;
font-style: italic;
}
._pre_1w1qn_10 {
padding: 1em;
color: var(--color-gray-700);
background: var(--color-gray-100);
border: 1px solid #c4c4c4;
border-radius: 2px;
display: flex;
flex-direction: column;
}
._code_1w1qn_20 {
white-space: pre-wrap;
}
._table_1w1qn_24 {
border: 1px double var(--color-gray-300);
border-spacing: 0;
width: 100%;
height: 100%;
}
._td_1w1qn_31 {
padding: var(--spacing);
border: 1px solid var(--color-gray-300);
}._root_166zr_1 {
max-width: 550px;
min-width: 460px;
height: 340px;
}._buttons_bt8g3_1 {
display: flex;
align-items: center;
justify-content: flex-end;
}
._button_bt8g3_1 {
margin: calc(var(--spacing) / 2);
}
._colorItem_bt8g3_11 {
display: flex;
flex-direction: row;
align-items: center;
}
._colorPreview_bt8g3_17 {
width: var(--spacing);
height: var(--spacing);
margin-right: var(--spacing);
}._root_sqoz8_1 {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--bg-main);
}
._table__input_sqoz8_8 {
display: grid;
grid-template-columns: repeat(10, auto);
gap: calc(var(--spacing) * 0.5);
padding: var(--spacing);
}
._table__cell_sqoz8_15 {
width: 12px;
height: 12px;
border: 1px solid var(--color-gray-300);
}
._table__cell__selected_sqoz8_20 {
border: 1px solid var(--color-black);
}._root_14rlq_1 {
--button__padding-x: 14px;
--button__padding-y: 6px;
--button__line-height: 20px;
--button__font-size: var(--fz-base);
--button__icon-btn-bdrs: 0px;
--button__icon-min-width: calc(
var(--button__line-height) + calc(var(--button__padding-y) + var(--button__bd-width)) * 2
);
--input__padding-x: 7px;
--input__padding-y: 6px;
--input__padding-offset: 4px;
--input__font-size: var(--fz-sm);
--input__bd-color: var(--color-gray-700);
--input__bd-radius: 8px;
--input__legend-maw: 0.01px;
--input__label-padding-x: 0;
--input__label-padding: calc(var(--input__padding-y) + 1px + var(--input__bd-width)) 4px calc(var(--input__padding-y) - 1px + var(--input__bd-width));
--input__label-x-offset: calc(var(--input__padding-x) + var(--input__bd-width) - 4px);
--input__label-fz: 75%;
--input__label-bg: transparent;
--input__label-transform: -9px;
--dropdown__icon-fz: 10px;
--dropdown__icon-color: var(--color-gray-700);
display: flex;
align-items: center;
flex-wrap: wrap;
width: 100%;
}
._styleDropdown_14rlq_31 {
width: 130px;
}
._blockSeparator_14rlq_35 {
align-self: stretch;
width: 1px;
margin: calc(var(--spacing) / 4) calc(var(--spacing) / 2);
background: var(--color-gray-100);
}
._actionGroup_14rlq_42 {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
}
._styleDropdown_14rlq_31 + ._actionGroup__item_14rlq_47, ._actionGroup__item_14rlq_47 + ._styleDropdown_14rlq_31 {
margin-left: var(--spacing);
}
@supports selector(:has(a, b)) {
._actionGroup_14rlq_42:has(> ._styleDropdown_14rlq_31:last-child) + ._blockSeparator_14rlq_35 {
margin-left: calc(var(--spacing) * 2);
}
._blockSeparator_14rlq_35:has(+ ._actionGroup_14rlq_42 > ._styleDropdown_14rlq_31:first-child) {
margin-right: calc(var(--spacing) * 2);
}
._actionGroup_14rlq_42:has(> ._styleDropdown_14rlq_31:last-child) + ._actionGroup_14rlq_42 {
margin-left: var(--spacing);
}
._actionGroup_14rlq_42:has(+ ._actionGroup_14rlq_42 > ._styleDropdown_14rlq_31:first-child) {
margin-right: var(--spacing);
}
}._root_j0grh_1 {
display: flex;
flex-direction: column;
position: relative;
}
._toolBar_j0grh_7 {
flex: 0 0 auto;
position: sticky;
top: 0;
z-index: 1;
margin-bottom: -1px;
padding: var(--spacing) 0;
background: var(--bg-main);
}
._border--default_j0grh_17 {
border-color: var(--input__bd-color);
}
._border--default--focused_j0grh_20 {
border-color: var(--richTextEditor-border-focus-color);
}
._border--danger_j0grh_23 {
border-color: var(--input__bd-color--danger);
}
._border--danger--focused_j0grh_26 {
border-color: var(--input__bd-color--danger);
}
._border--warning_j0grh_29 {
border-color: var(--input__bd-color--warning);
}
._border--warning--focused_j0grh_32 {
border-color: var(--input__bd-color--warning);
}
._richEditorRoot_j0grh_36 {
position: relative;
background-color: transparent;
display: flex;
flex-direction: column;
flex: 1 1 auto;
overflow: auto;
margin: 1px;
}
._richEditorRoot_j0grh_36::-webkit-scrollbar {
width: calc(var(--spacing) * 0.5);
height: calc(var(--spacing) * 0.5);
background-color: var(--bg-secondary);
}
._richEditorRoot_j0grh_36::-webkit-scrollbar-thumb {
background-color: rgba(var(--color-gray-600--rgb), 1);
}
._richEditorRoot_j0grh_36::-webkit-scrollbar-thumb:hover {
background-color: rgba(var(--color-gray-600--rgb), 0.75);
}
._richEditorRoot_j0grh_36::-webkit-scrollbar-thumb:active {
background-color: rgba(var(--color-gray-600--rgb), 1);
}
._richEditorRoot--editMode_j0grh_59 {
border-width: 1px;
border-style: solid;
}
._editableArea_j0grh_64 {
flex: 1 1 auto;
}
._editableArea_j0grh_64 p {
margin-bottom: var(--richTextEditor-paragraph-line-spacing);
line-height: var(--richTextEditor-paragraph-line-height);
}
._editableArea__enabled_j0grh_71 {
padding: var(--richTextEditor-editor-padding);
outline: none;
}
._editableArea__placeholder_j0grh_75 {
position: absolute;
width: calc(100% - var(--richTextEditor-editor-padding) * 2);
max-width: calc(100% - var(--richTextEditor-editor-padding) * 2);
pointer-events: none;
display: block;
opacity: 0.333;
user-select: none;
text-decoration: none;
}
._minCountLines-1_j0grh_86 {
min-height: calc(1em * var(--richTextEditor-paragraph-line-height) * 1 + var(--richTextEditor-paragraph-line-spacing) * 1 + var(--richTextEditor-editor-padding) * 2);
padding-bottom: 1px;
}
._minCountLines-2_j0grh_91 {
min-height: calc(1em * var(--richTextEditor-paragraph-line-height) * 2 + var(--richTextEditor-paragraph-line-spacing) * 2 + var(--richTextEditor-editor-padding) * 2);
padding-bottom: 1px;
}
._minCountLines-3_j0grh_96 {
min-height: calc(1em * var(--richTextEditor-paragraph-line-height) * 3 + var(--richTextEditor-paragraph-line-spacing) * 3 + var(--richTextEditor-editor-padding) * 2);
padding-bottom: 1px;
}
._minCountLines-4_j0grh_101 {
min-height: calc(1em * var(--richTextEditor-paragraph-line-height) * 4 + var(--richTextEditor-paragraph-line-spacing) * 4 + var(--richTextEditor-editor-padding) * 2);
padding-bottom: 1px;
}
._minCountLines-5_j0grh_106 {
min-height: calc(1em * var(--richTextEditor-paragraph-line-height) * 5 + var(--richTextEditor-paragraph-line-spacing) * 5 + var(--richTextEditor-editor-padding) * 2);
padding-bottom: 1px;
}.RichTextEditor__button {
padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2);
border-radius: var(--spacing);
color: white;
text-decoration: none;
cursor: pointer;
margin: var(--spacing) 0.1em;
}
.RichTextEditor__button--fz-xxl {
font-size: calc(var(--fz-xxxl));
line-height: calc(var(--fz-xxxl));
}
.RichTextEditor__button--fz-xl {
font-size: calc(var(--fz-xl));
line-height: calc(var(--fz-xl));
}
.RichTextEditor__button--fz-lg {
font-size: calc(var(--fz-lg));
line-height: calc(var(--fz-lg));
}
.RichTextEditor__button--fz-base {
font-size: calc(var(--fz-base));
}
.RichTextEditor__button--fz-sm {
font-size: calc(var(--fz-sm));
}
.RichTextEditor__button--fz-xs {
font-size: calc(var(--fz-xs));
}
.RichTextEditor__button--primary {
background-color: var(--color-primary-main);
}
.RichTextEditor__button--primary:hover {
background-color: var(--color-primary-dark);
border-color: var(--color-primary-dark);
}
.RichTextEditor__button--danger {
background-color: var(--color-danger-light);
}
.RichTextEditor__button--danger:hover {
background-color: var(--color-danger-dark);
border-color: var(--color-danger-dark);
}
.RichTextEditor__button--warning {
background-color: var(--color-warning-main);
}
.RichTextEditor__button--warning:hover {
background-color: var(--color-warning-dark);
border-color: var(--color-warning-dark);
}
.RichTextEditor__button--success {
background-color: var(--color-success-main);
}
.RichTextEditor__button--success:hover {
background-color: var(--color-success-dark);
border-color: var(--color-success-dark);
}
.RichTextEditor__button--black {
background-color: var(--color-black);
}
.RichTextEditor__button--black:hover {
background-color: var(--color-gray-900);
border-color: var(--color-gray-900);
}
.RichTextEditor__button--grey {
background-color: var(--color-gray-200);
}
.RichTextEditor__button--grey:hover {
background-color: var(--color-gray-400);
border-color: var(--color-gray-400);
}
.RichTextEditor__separator {
border: none;
}
.RichTextEditor__separator--25 {
width: 25%;
}
.RichTextEditor__separator--50 {
width: 50%;
}
.RichTextEditor__separator--75 {
width: 75%;
}
.RichTextEditor__separator--100 {
width: 100%;
}
.RichTextEditor__separator--xxl {
height: calc(var(--separator-size-xxl));
}
.RichTextEditor__separator--xl {
height: calc(var(--separator-size-xl));
}
.RichTextEditor__separator--lg {
height: calc(var(--separator-size-lg));
}
.RichTextEditor__separator--base {
height: calc(var(--separator-size-base));
}
.RichTextEditor__separator--sm {
height: calc(var(--separator-size-sm));
}
.RichTextEditor__separator--xs {
height: calc(var(--separator-size-xs));
}
.RichTextEditor__separator--left {
margin-left: 0;
}
.RichTextEditor__separator--right {
margin-right: 0;
}
.RichTextEditor__separator--center {
margin-left: auto;
margin-right: auto;
}
.RichTextEditor__action {
display: flex;
margin: var(--spacing) 0;
padding: var(--spacing);
border-radius: 5px;
box-shadow: 0 1px 2px var(--color-gray-200);
}
.RichTextEditor__action__icon {
margin-right: var(--spacing);
font-size: var(--fz-xxxl);
}
.RichTextEditor__action--info {
color: var(--color-primary-main);
}
.RichTextEditor__action--tip {
color: var(--color-warning-main);
}
.RichTextEditor__action--warning {
color: var(--color-danger-main);
}._container_1lslg_1 {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: var(--dnd__min-height);
padding: var(--dnd__padding-y) var(--dnd__padding-x);
}
._container__mandatory_1lslg_9 {
position: absolute;
left: calc(var(--spacing) * 0.5);
top: calc(var(--spacing) * 0.25);
margin: 0;
font-weight: 400;
font-size: var(--fz-xs);
color: var(--color-danger-main);
}
._inner_1lslg_19 {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
max-width: 440px;
transition: filter var(--transition-controls);
}
._inner--blur_1lslg_27 {
filter: blur(2px);
pointer-events: none;
}
._hideBorders_1lslg_32 {
border: none;
}
._icon_1lslg_36 {
flex: 1 1 70px;
min-width: 70px;
max-width: 90px;
padding: var(--spacing);
}
._icon__img_1lslg_42 {
display: block;
fill: var(--dnd__color);
}
._content_1lslg_47 {
flex: 1 1 auto;
min-width: 0;
max-width: 370px;
padding: var(--spacing);
}
._description_1lslg_54 {
line-height: 1;
font-weight: 400;
font-size: var(--fz-sm);
color: var(--dnd__color);
text-align: center;
}
._description__button_1lslg_61 {
--button__padding-x: 0px;
--button__padding-y: 0px;
--button__font-weight: 400;
--button__font-size: var(--fz-sm);
--button__bd-radius: 0px;
margin-left: 2px;
text-decoration: underline;
vertical-align: baseline;
pointer-events: initial;
}
._url_1lslg_73 {
display: flex;
align-items: center;
margin: calc(var(--spacing) * 0.5) 0;
}
._url__text_1lslg_78 {
flex: 0 0 auto;
min-width: 0;
padding-right: calc(var(--spacing) * 2);
font-weight: 400;
font-size: var(--fz-sm);
color: var(--color-gray-600);
text-transform: uppercase;
}
._url__input_1lslg_87 {
--input__padding-x: 12px;
--input__padding-y: 6px;
--input__padding-offset: 0px;
--input__font-weight: 400;
--input__font-size: var(--fz-sm);
--input__bd-width: 1px;
--input__bd-color: var(--color-gray-300);
--input__bd-radius: 4px;
--input__label-x-offset: calc(var(--input__padding-x) + var(--input__bd-width) - 4px);
--input__label-padding: calc(var(--input__padding-y) + 1px) 6px 0 4px;
--input__label-bg: var(--input__bg-color);
--input__label-transform: calc(
calc(var(--input__line-height) / 2 + var(--input__padding-y) + var(--input__bd-width)) * -1
);
flex: 1 1 auto;
min-width: 0;
}
._filesList_1lslg_106 {
margin: calc(var(--spacing) * 0.5) 0;
font-weight: 400;
font-size: var(--fz-sm);
color: var(--color-gray-600);
}
._loadingOverlay_1lslg_113 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity var(--transition-controls);
pointer-events: none;
}
._loadingOverlay--show_1lslg_126 {
opacity: 1;
pointer-events: auto;
}._retailerScopeCard_1xdow_1 {
display: flex;
flex-direction: column;
width: 300px;
border: 1px solid var(--color-gray-200);
}._exportRetailers_emxqj_1 {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--color-white);
border-radius: 4px;
padding: 16px;
gap: 4px;
}
._exportRetailers__button_emxqj_10 {
border-radius: 4px;
}
._exportRetailers__lastDate_emxqj_13 {
text-align: center;
font-size: 14px;
font-weight: 300;
}._imagePlaceholder_b7izt_1 {
width: 100%;
padding: 8px;
}
._imagePlaceholder__icon_b7izt_5 {
display: block;
fill: var(--dnd__color);
}._dndCustomView_pwe65_1 {
display: flex;
flex-direction: column;
align-items: center;
}
._dndCustomView__imageContainer_pwe65_6 {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
padding: 6px 16px;
}
._dndCustomView__content_pwe65_13 {
display: flex;
flex-direction: row;
text-align: center;
font-size: 14px;
line-height: 14px;
color: #231F20;
}
._dndCustomView__browseFilesButton_pwe65_21 {
cursor: pointer;
color: var(--color-primary-main);
}._importExport_1ls17_1 {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 16px;
background-color: var(--color-primary-main);
padding: 32px 16px;
border: 0;
border-radius: 4px;
height: 422px;
}
._importExport__header_1ls17_12 {
display: flex;
flex-direction: column;
}
._importExport__title_1ls17_16 {
font-weight: 500;
text-transform: uppercase;
color: var(--color-white);
}
._importExport__subtitle_1ls17_21 {
color: var(--color-white);
font-weight: 300;
font-size: 12px;
line-height: 12px;
}
._importExport__import_1ls17_27 > div:first-of-type {
min-height: 50px;
height: 186px;
width: 272px;
}._noDataPlaceholder_aeufa_1 {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
}
._noDataPlaceholder__label_aeufa_8 {
text-align: center;
width: 500px;
font-size: 24px;
line-height: 24px;
font-weight: 400;
color: #2c3038;
}._partnerData_10stp_1 {
display: flex;
flex-direction: column;
gap: 24px;
flex: 1;
padding: 32px 16px;
max-width: 360px;
}
._partnerData_10stp_1 ._header_10stp_9 {
display: flex;
}
._partnerData_10stp_1 ._header_10stp_9 ._parameters_10stp_12 {
display: flex;
flex-direction: column;
gap: 4px;
}
._partnerData_10stp_1 ._header_10stp_9 ._location_10stp_17 {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
}
._partnerData_10stp_1 ._header_10stp_9 ._geoMarket_10stp_24,
._partnerData_10stp_1 ._header_10stp_9 ._country_10stp_25 {
color: var(--color-primary-main);
font-weight: 400;
font-size: var(--fz-base);
line-height: 14px;
text-align: right;
}
._partnerData_10stp_1 ._header_10stp_9 ._gfkSegment_10stp_32,
._partnerData_10stp_1 ._header_10stp_9 ._amplifyMembership_10stp_33 {
display: flex;
flex-direction: row;
align-items: center;
font-size: var(--fz-sm);
gap: 8px;
}
._partnerData_10stp_1 ._header_10stp_9 ._gfkSegment__title_10stp_40,
._partnerData_10stp_1 ._header_10stp_9 ._amplifyMembership__title_10stp_41 {
font-weight: 300;
}
._partnerData_10stp_1 ._header_10stp_9 ._gfkSegment__value_10stp_44,
._partnerData_10stp_1 ._header_10stp_9 ._amplifyMembership__value_10stp_45 {
font-weight: 400;
}
._partnerData_10stp_1 ._body_10stp_48 {
display: flex;
flex-direction: column;
gap: 16px;
}
._partnerData_10stp_1 ._body_10stp_48 ._partnerName_10stp_53 {
color: var(--color-primary-web);
font-size: 24px;
line-height: 24px;
font-weight: 700;
}
._partnerData_10stp_1 ._body_10stp_48 ._partnerDetails_10stp_59 {
display: flex;
flex-direction: row;
}
._partnerData_10stp_1 ._body_10stp_48 ._partnerId_10stp_63,
._partnerData_10stp_1 ._body_10stp_48 ._locationId_10stp_64 {
flex: 1;
}
._partnerData_10stp_1 ._body_10stp_48 ._partnerId__label_10stp_67,
._partnerData_10stp_1 ._body_10stp_48 ._locationId__label_10stp_68 {
font-size: var(--fz-sm);
line-height: var(--fz-sm);
font-weight: 300;
}
._partnerData_10stp_1 ._body_10stp_48 ._partnerId__value_10stp_73,
._partnerData_10stp_1 ._body_10stp_48 ._locationId__value_10stp_74 {
font-size: var(--fz-sm);
line-height: 18px;
font-weight: 400;
}
._partnerData__footer_10stp_79 {
flex: 1;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
gap: 8px;
}._contactItem_xv3q2_1 {
display: flex;
flex-direction: column;
gap: 8px;
padding: 8px;
}
._contactItem_xv3q2_1:hover ._fullName_xv3q2_7 {
color: var(--color-primary-main);
}
._contactItem_xv3q2_1 ._fullName_xv3q2_7 {
white-space: nowrap;
font-size: smaller;
font-weight: 400;
text-transform: uppercase;
}
._contactItem_xv3q2_1 ._email_xv3q2_16 {
display: flex;
flex-direction: row;
align-items: center;
font-size: small;
color: var(--color-gray-700);
}._contactSearch_1y5ji_1 {
display: flex;
flex-direction: column;
gap: 4px;
}
._contactSearch__label_1y5ji_6 {
font-size: var(--fz-sm);
font-weight: 300;
}
._contactSearch_1y5ji_1 ._readonlyValue_1y5ji_10 {
font-size: var(--fz-base);
line-height: 18px;
font-weight: 400;
padding: 0;
gap: 0;
}
._contactSearch_1y5ji_1 ._readonlyValue_1y5ji_10 > div:hover {
color: #000;
}._label_12hub_1 {
position: absolute;
top: calc(var(--input__bd-width) * -1 - 1px);
left: var(--input__label-x-offset);
max-width: calc(100% - (var(--input__padding-x) + var(--input__bd-width) - 4px) * 2);
padding: var(--input__label-padding);
line-height: inherit;
font-weight: var(--input__label-fw);
font-style: var(--input__label-fs);
font-size: inherit;
letter-spacing: var(--input__label-ls);
text-transform: var(--input__label-tt);
color: var(--input__label-color);
border-top: calc(var(--input__bd-width) + 2px) solid transparent;
pointer-events: none;
transition: border-color var(--input__transition), max-width var(--input__transition);
}
._label--focused_12hub_18 {
border-top-color: var(--input__label-bg);
}
._label--warning_12hub_21 {
color: var(--input__color--warning);
}
._label--danger_12hub_24 {
color: var(--input__color--danger);
}
._label--number_12hub_27:not(._label--focused_12hub_18) {
max-width: calc(100% - (var(--input__padding-x) + var(--input__bd-width) - 4px) * 2 - 12px);
}
._label__text_12hub_30 {
position: relative;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transform-origin: 0 50%;
transition: transform var(--input__transition), font-size var(--input__transition);
}
._label__text--focused_12hub_38 {
font-size: var(--input__label-fz);
transform: translate(1px, var(--input__label-transform));
}
._label--textarea_12hub_42::before {
position: absolute;
left: 0;
top: 0;
right: calc(var(--input__padding-x) * -0.5);
display: block;
height: calc(100% + var(--input__label-transform));
background: var(--input__bg-color);
content: "";
}
._control_12hub_53 {
display: block;
width: 100%;
padding: calc(var(--input__padding-y) + 1px) var(--input__padding-x) calc(var(--input__padding-y) - 1px);
line-height: inherit;
font-weight: inherit;
font-style: inherit;
font-size: inherit;
color: inherit;
letter-spacing: inherit;
text-transform: inherit;
border: 0;
background: transparent;
transition: padding var(--input__transition);
}
._control_12hub_53::placeholder {
color: var(--input__label-color);
}
._control_12hub_53:focus {
outline: none;
}
._control_12hub_53._focused_12hub_74 {
padding-top: calc(var(--input__padding-y) + 1px + var(--input__padding-offset));
padding-bottom: calc(var(--input__padding-y) - 1px - var(--input__padding-offset));
}
._control_12hub_53._noSpin_12hub_78 {
-moz-appearance: textfield;
}
._control_12hub_53._noSpin_12hub_78::-webkit-outer-spin-button, ._control_12hub_53._noSpin_12hub_78::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
._textAlignRight_12hub_86 {
text-align: right;
}._distributeField_co2uz_1 {
display: flex;
flex-direction: column;
align-items: flex-end;
width: 80px;
}
._distributeField_co2uz_1 ._inputWrapper_co2uz_7 {
display: flex;
flex-direction: row;
align-items: center;
}
._distributeField_co2uz_1 ._inputWrapper_co2uz_7 ._input_co2uz_7 {
width: 50px;
}
._distributeField__readonlyValue_co2uz_15 {
font-size: 24px;
line-height: 24px;
font-weight: 700;
}
._distributeField__readonlyLabel_co2uz_20 {
font-weight: 400;
font-size: var(--fz-sm);
line-height: var(--fz-xs);
color: var(--color-gray-500);
padding: 0 4px;
}._toggleField_16jex_1 {
display: flex;
flex-direction: row;
gap: 4px;
}
._toggleField__input_16jex_6 {
font-weight: 700;
font-size: 24px;
line-height: 24px;
}._partnerShortScope_1532t_1 {
position: relative;
gap: 8px;
background-color: var(--color-white);
}
._partnerShortScope__content_1532t_6 {
padding: 32px 16px;
display: flex;
flex-direction: column;
flex: 1;
}
._partnerShortScope__contentHeader_1532t_12 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 52px;
}
._partnerShortScope__contentBody_1532t_19 {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 16px;
}
._partnerShortScope_1532t_1 ._actionButtons_1532t_26 {
display: flex;
flex-direction: row;
justify-content: flex-end;
gap: 8px;
}._container_10oo3_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_10oo3_10 {
gap: 16px;
}
._tabHeaderButton_10oo3_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_10oo3_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_10oo3_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_10oo3_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_10oo3_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_10oo3_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_10oo3_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_10oo3_48 {
padding-top: 16px;
}
._button_10oo3_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_10oo3_52[class*=outlined] {
background-color: var(--color-white);
}
._button_10oo3_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._retailerScopeManagement_10oo3_67 {
display: flex;
flex-direction: row;
gap: 8px;
}
._retailerScopeManagement__content_10oo3_72 {
display: flex;
flex-direction: column;
gap: 24px;
flex: 1;
padding: 16px 0;
border-top: 2px solid var(--color-primary-light);
border-bottom: 2px solid var(--color-primary-light);
}
._retailerScopeManagement__partnerData_10oo3_81 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 8px;
flex: 1;
}._tag_u0ngb_1 {
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-width: 32px;
height: 20px;
background-color: #ff951a;
color: var(--color-white);
padding: 4px;
font-size: 14px;
font-weight: 400;
}
._orange_u0ngb_15,
._default_u0ngb_16 {
background-color: #ff951a;
}
._primary_u0ngb_20 {
background-color: var(--color-primary-main);
}
._success_u0ngb_24 {
background-color: var(--color-success-main);
}
._danger_u0ngb_28 {
background-color: var(--color-danger-main);
}
._gray_u0ngb_32 {
background-color: var(--color-gray-300);
}
._warning_u0ngb_36 {
background-color: var(--color-warning-main);
}
._white_u0ngb_40 {
background-color: var(--color-white);
border: 1px solid var(--color-gray-800);
color: var(--color-gray-800);
}
._black_u0ngb_46 {
background-color: var(--color-gray-900);
}
._rounded_u0ngb_50 {
border-radius: 8px;
}
._square_u0ngb_54 {
border-radius: 0;
}._counterField_1avqu_1 {
display: flex;
flex-direction: row;
align-items: end;
color: #2c3038;
gap: 2px;
}
._counterField__count_1avqu_8 {
line-height: 38px;
font-weight: 400;
}
._counterField__count_1avqu_8._large_1avqu_12 {
font-size: 48px;
}
._counterField__count_1avqu_8._medium_1avqu_15 {
font-size: 36px;
}
._counterField__count_1avqu_8._small_1avqu_18 {
font-size: 24px;
}
._counterField__labelAndTagWrapper_1avqu_21 {
display: flex;
flex-direction: column;
align-items: flex-start;
}
._counterField__label_1avqu_21 {
font-weight: 300;
color: var(--color-gray-600);
text-wrap: nowrap;
}
._counterField__label_1avqu_21._large_1avqu_12 {
font-size: 14px;
}
._counterField__label_1avqu_21._medium_1avqu_15 {
font-size: 12px;
}
._counterField__label_1avqu_21._small_1avqu_18 {
font-size: 10px;
}
._counterField__tag_1avqu_40 {
bottom: 10px;
}._container_i0feg_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_i0feg_10 {
gap: 16px;
}
._tabHeaderButton_i0feg_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_i0feg_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_i0feg_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_i0feg_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_i0feg_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_i0feg_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_i0feg_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_i0feg_48 {
padding-top: 16px;
}
._button_i0feg_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_i0feg_52[class*=outlined] {
background-color: var(--color-white);
}
._button_i0feg_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._header_i0feg_67 {
background-color: #eff6ff;
height: 96px;
width: 100%;
display: grid;
grid-template-columns: 1fr 2fr;
padding-top: 0;
padding-bottom: 0;
align-items: center;
}
._header_i0feg_67 ._title_i0feg_77 {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
text-transform: uppercase;
color: #2c3038;
font-weight: 700;
font-size: var(--fz-xxl);
line-height: 28px;
max-width: 30%;
}
@media screen and (max-width: 1600px) {
._header_i0feg_67 ._title_i0feg_77 {
font-size: var(--fz-xl);
}
}._dateRangeSelector_o4f69_1 {
font-family: var(--ff-djr-ui);
--button__font-family: var(--ff-djr-ui);
display: flex;
flex-direction: column;
width: 250px;
}
._dateRangeSelector__value_o4f69_8 input {
color: #2c3038;
font-weight: 400;
font-size: var(--fz-base);
line-height: 22px;
}
._dateRangeSelector__label_o4f69_14 {
font-weight: 300;
color: #2c3038;
}._fQuartersSelect_puyvk_1 {
display: flex;
flex-direction: column;
width: 136px;
}
._fQuartersSelect__label_puyvk_6 {
font-weight: 300;
font-size: var(--fz-base);
line-height: var(--fz-base);
color: #2c3038;
}._retailersScopeHeader_1thxt_1 {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 16px;
}
._retailersScopeHeader__filters_1thxt_8 {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
gap: 24px;
margin-left: 48px;
margin-bottom: 8px;
}
._retailersScopeHeader__statistics_1thxt_17 {
display: flex;
flex-direction: row;
align-items: center;
height: 100%;
margin-left: 24px;
gap: 16px;
}
@media screen and (max-width: 1320px) {
._retailersScopeHeader_1thxt_1 {
padding: 0 40px;
}
._retailersScopeHeader__filters_1thxt_8 {
margin-left: 16px;
}
._retailersScopeHeader__statistics_1thxt_17 {
margin-left: 8px;
}
}._partnerDoughnutCharts_rl8sc_1 {
display: flex;
flex-direction: column;
}
._partnerDoughnutCharts_rl8sc_1 ._chartsContent_rl8sc_5 {
display: flex;
flex-direction: row;
}
._partnerDoughnutCharts_rl8sc_1 ._chartsContent_rl8sc_5 ._mainChartContainer_rl8sc_9._mainChartLoading_rl8sc_9 {
flex: 1;
}
._partnerDoughnutCharts_rl8sc_1 ._chartsContent_rl8sc_5 ._mainChart_rl8sc_9 {
height: 100%;
}
._partnerDoughnutCharts_rl8sc_1 ._chartsContent_rl8sc_5 ._secondaryChartsContainer_rl8sc_15 {
flex: 1;
display: flex;
flex-direction: column;
}._root_1ydh4_1 {
position: relative;
}
._root--bubbleOnHover_1ydh4_4 ._thumbValue_1ydh4_4 {
opacity: 0;
pointer-events: none;
}
._root--bubbleOnHover_1ydh4_4 ._wrapper_1ydh4_8:focus > ._line_1ydh4_8 ._thumbValue_1ydh4_4,
._root--bubbleOnHover_1ydh4_4 ._wrapper_1ydh4_8:hover > ._line_1ydh4_8 ._thumbValue_1ydh4_4 {
opacity: 1;
pointer-events: auto;
}
._body_1ydh4_14 {
position: relative;
flex: 1 1 auto;
min-width: 0;
}
._body--vertical_1ydh4_19 {
width: 17px;
height: 130px;
margin: 0 9px;
}
._wrapper_1ydh4_8 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
background: var(--color-gray-700);
cursor: pointer;
width: 100%;
height: 4px;
}
._wrapper--vertical_1ydh4_35 {
width: 130px;
transform: rotate(90deg) scale(-1, 1) translate(-100%, -100%);
transform-origin: top left;
}
._line_1ydh4_8 {
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 4px;
background-color: var(--color-gray-700);
transform: translate(0, -50%);
pointer-events: none;
}
._line__filler_1ydh4_51 {
width: 0;
height: 100%;
background-color: var(--color-primary-light);
}
._thumbValue_1ydh4_4 {
position: absolute;
left: 9px;
right: 9px;
top: 50%;
transform: translate(0, -50%);
transition: opacity var(--transition-controls);
pointer-events: auto;
}
._thumbValue__bubble_1ydh4_66 {
position: absolute;
left: 0;
top: 0;
margin: 0;
font-weight: 400;
font-size: var(--fz-sm);
color: var(--color-primary-web);
transform: translate(-50%, -50%);
}
._thumbValue__bubble--overThumb_1ydh4_76 {
margin-top: -18px;
}
._thumbValue__bubble--overThumb_1ydh4_76._thumbValue__bubble--vertical_1ydh4_79 {
margin-top: 22px;
}
._thumbValue__bubble--belowThumb_1ydh4_82 {
margin-top: 18px;
}
._thumbValue__bubble--belowThumb_1ydh4_82._thumbValue__bubble--vertical_1ydh4_79 {
margin-top: -22px;
}
._thumbValue__bubble--vertical_1ydh4_79 {
transform: translate(-50%, -50%) rotate(-90deg) scale(1, -1);
}
._value_1ydh4_92 {
margin: 0;
min-width: 40px;
font-weight: 400;
font-size: var(--fz-sm);
color: var(--color-primary-web);
text-align: center;
}
._value--vertical_1ydh4_100 {
min-width: 35px;
}
._value--end_1ydh4_103 {
margin-left: 5px;
}
._value--end_1ydh4_103._value--vertical_1ydh4_100 {
margin-left: 0;
margin-top: 5px;
}
._value--start_1ydh4_110 {
margin-right: 5px;
order: -1;
}
._value--start_1ydh4_110._value--vertical_1ydh4_100 {
margin-right: 0;
margin-bottom: 5px;
}._input_1d6tz_1 {
position: relative;
z-index: 1;
display: block;
width: 100%;
background: transparent;
border: 0;
border-radius: 0;
cursor: pointer;
appearance: none;
}
._input_1d6tz_1:focus {
outline: none;
}
._input_1d6tz_1::-webkit-slider-runnable-track {
background: transparent;
border: 0;
border-radius: 0;
}
._input_1d6tz_1::-moz-range-track {
background: transparent;
border: 0;
border-radius: 0;
}
._input_1d6tz_1::-webkit-slider-thumb {
width: 17px;
height: 17px;
background: var(--color-primary-web);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 rgb(0, 150, 214);
transition: box-shadow var(--transition-controls);
-webkit-appearance: none;
}
._input_1d6tz_1::-moz-range-thumb {
width: 17px;
height: 17px;
background: var(--color-primary-web);
border: 0;
border-radius: 50%;
box-shadow: 0 0 0 rgb(0, 150, 214);
transition: box-shadow var(--transition-controls);
}
._input_1d6tz_1:focus::-webkit-slider-thumb, ._input_1d6tz_1:hover::-webkit-slider-thumb {
box-shadow: 0 0 10px var(--color-primary-light);
}
._input_1d6tz_1:focus::-moz-range-thumb, ._input_1d6tz_1:hover::-moz-range-thumb {
box-shadow: 0 0 10px var(--color-primary-light);
}._scalableScatterChart_1sxu1_1 {
position: relative;
}
._scalableScatterChart_1sxu1_1:hover ._scalableScatterChart__scale_1sxu1_4 {
opacity: 1;
}
._scalableScatterChart__scale_1sxu1_4 {
transition: opacity 150ms ease-in-out;
position: absolute;
top: 20px;
right: 10%;
z-index: 100;
opacity: 0;
}
._scalableScatterChart__scale_1sxu1_4 input {
width: 100%;
}._scatterChartsGroup_akos9_1 {
display: flex;
flex-direction: column;
position: relative;
}
._scatterChartsGroup__scaler_akos9_6 {
position: absolute;
top: 20px;
left: 200px;
width: 250px;
z-index: 100;
}
._scatterChartsGroup__scaler_akos9_6 input {
width: 100%;
}
._scatterChartsGroup__charts_akos9_16 {
display: flex;
flex-direction: row;
}
._scatterChartsGroup__total_akos9_20 {
flex: 1;
}
._scatterChartsGroup__segmented_akos9_23 {
flex: 1;
}
._scatterChartsGroup__expander_akos9_26 {
height: 150px;
display: flex;
align-items: center;
width: 34px;
}._partnerScatterCharts_vwygr_1 {
display: flex;
flex-direction: column;
margin-top: 16px;
margin-bottom: 40px;
gap: 16px;
}
._partnerScatterCharts__dotSizer_vwygr_8 {
width: 250px;
margin: 8px 0;
}
._partnerScatterCharts__dotSizer_vwygr_8 input {
width: 100%;
}
._partnerScatterCharts__divider_vwygr_15 {
content: " ";
height: 2px;
width: 100%;
background-color: #bbd8fc;
}._container_1b4xt_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1b4xt_10 {
gap: 16px;
}
._tabHeaderButton_1b4xt_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1b4xt_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1b4xt_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1b4xt_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1b4xt_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1b4xt_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1b4xt_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1b4xt_48 {
padding-top: 16px;
}
._button_1b4xt_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1b4xt_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1b4xt_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._total_1b4xt_67 {
align-items: center;
display: flex;
}
._total_1b4xt_67._large_1b4xt_71 {
gap: 16px;
}
._total_1b4xt_67._medium_1b4xt_74 {
gap: 16px;
}
._total_1b4xt_67._small_1b4xt_77 {
gap: 8px;
}._partnerCharts_tenba_1 {
display: flex;
flex-direction: column;
}
._partnerCharts_tenba_1 ._tabsHeader_tenba_5 {
padding: 0;
}
._partnerCharts_tenba_1 ._tabs_tenba_5 {
gap: 0;
}
._partnerCharts_tenba_1 ._tab_tenba_5 {
height: 68px;
border: 1px solid #bbd8fc;
border-bottom: 0;
margin-left: -1px;
}
._partnerCharts_tenba_1 ._tab_tenba_5:first-child {
margin-left: 0;
}
._partnerCharts_tenba_1 ._tabContent_tenba_20 {
border: 1px solid #bbd8fc;
border-bottom: 0;
z-index: 10;
}._container_1xm25_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1xm25_10 {
gap: 16px;
}
._tabHeaderButton_1xm25_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1xm25_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1xm25_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1xm25_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1xm25_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1xm25_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1xm25_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1xm25_48 {
padding-top: 16px;
}
._button_1xm25_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1xm25_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1xm25_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._currentPeriodInfo_1xm25_67 {
display: grid;
grid-template-columns: 1fr 3fr 1fr 1fr 1fr 1fr;
gap: 16px;
}
._currentPeriodInfo_1xm25_67 ._indicator_1xm25_72 ._label_1xm25_72 {
display: flex;
font-size: smaller;
color: var(--color-gray-700);
}
._currentPeriodInfo_1xm25_67 ._indicator_1xm25_72 ._value_1xm25_77 {
display: flex;
font-weight: 500;
}._container_1eqw9_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1eqw9_10 {
gap: 16px;
}
._tabHeaderButton_1eqw9_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1eqw9_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1eqw9_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1eqw9_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1eqw9_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1eqw9_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1eqw9_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1eqw9_48 {
padding-top: 16px;
}
._button_1eqw9_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1eqw9_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1eqw9_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._comment_1eqw9_67 {
display: flex;
gap: 8px;
font-size: small;
border-top: 0.1px solid var(--color-primary-web);
padding-top: 8px;
cursor: default;
}
@media screen and (max-width: 1400px) {
._comment_1eqw9_67 {
font-size: x-small;
}
}
._comment_1eqw9_67 ._label_1eqw9_80 {
color: var(--color-gray-700);
}._hidden_vofak_1 {
display: none;
}._titleWrapper_12mlg_1 {
display: flex;
gap: 8px;
pointer-events: none;
}
._titleWrapper_12mlg_1 ._title_12mlg_1 {
cursor: pointer;
pointer-events: all;
}
._titleWrapper_12mlg_1 ._icon_12mlg_10 {
cursor: pointer;
pointer-events: all;
}._root_1p1jz_1 {
display: flex;
flex-direction: column;
gap: 8px;
font-size: large;
}._container_1bu0e_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1bu0e_10 {
gap: 16px;
}
._tabHeaderButton_1bu0e_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1bu0e_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1bu0e_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1bu0e_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1bu0e_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1bu0e_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1bu0e_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1bu0e_48 {
padding-top: 16px;
}
._button_1bu0e_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1bu0e_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1bu0e_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._history_1bu0e_67 {
width: 100%;
display: grid;
grid-template-columns: 32px repeat(5, 1fr);
gap: 24px;
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 {
grid-template-columns: 16px repeat(5, 1fr);
gap: 16px;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 {
display: grid;
grid-template-rows: 16px repeat(2, auto);
font-size: small;
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 {
grid-template-rows: 13.6px repeat(2, auto);
font-size: small;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._period_1bu0e_79 {
text-align: center;
border-bottom: 0.1px solid var(--color-primary-web);
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._period_1bu0e_79._current_1bu0e_94 {
font-weight: 500;
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 {
display: grid;
grid-template-columns: 60% 30%;
font-weight: 500;
gap: 8px;
text-align: right;
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 {
grid-template-columns: 50% 50%;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 ._percent_1bu0e_109 {
padding-left: 8px;
border-left: 0.1px solid var(--color-primary-web);
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 ._percent_1bu0e_109 {
text-align: left;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._actual_1bu0e_118 {
padding-top: 8px;
color: var(--color-primary-web);
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._actual_1bu0e_118 {
padding-top: 3.2px;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._target_1bu0e_127 {
color: var(--color-gray-500);
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._caption_1bu0e_130 {
color: var(--color-gray-700);
font-weight: 300;
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._current_1bu0e_94 {
color: var(--color-gray-800);
font-weight: 500;
}._container_1bu0e_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1bu0e_10 {
gap: 16px;
}
._tabHeaderButton_1bu0e_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1bu0e_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1bu0e_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1bu0e_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1bu0e_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1bu0e_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1bu0e_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1bu0e_48 {
padding-top: 16px;
}
._button_1bu0e_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1bu0e_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1bu0e_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._history_1bu0e_67 {
width: 100%;
display: grid;
grid-template-columns: 32px repeat(5, 1fr);
gap: 24px;
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 {
grid-template-columns: 16px repeat(5, 1fr);
gap: 16px;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 {
display: grid;
grid-template-rows: 16px repeat(2, auto);
font-size: small;
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 {
grid-template-rows: 13.6px repeat(2, auto);
font-size: small;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._period_1bu0e_79 {
text-align: center;
border-bottom: 0.1px solid var(--color-primary-web);
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._period_1bu0e_79._current_1bu0e_94 {
font-weight: 500;
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 {
display: grid;
grid-template-columns: 60% 30%;
font-weight: 500;
gap: 8px;
text-align: right;
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 {
grid-template-columns: 50% 50%;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 ._percent_1bu0e_109 {
padding-left: 8px;
border-left: 0.1px solid var(--color-primary-web);
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97 ._percent_1bu0e_109 {
text-align: left;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._actual_1bu0e_118 {
padding-top: 8px;
color: var(--color-primary-web);
}
@media screen and (max-width: 1400px) {
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._actual_1bu0e_118 {
padding-top: 3.2px;
}
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._target_1bu0e_127 {
color: var(--color-gray-500);
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._caption_1bu0e_130 {
color: var(--color-gray-700);
font-weight: 300;
}
._history_1bu0e_67 ._periodInfo_1bu0e_79 ._periodDetails_1bu0e_97._current_1bu0e_94 {
color: var(--color-gray-800);
font-weight: 500;
}._container_1r8gi_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1r8gi_10 {
gap: 16px;
}
._tabHeaderButton_1r8gi_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1r8gi_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1r8gi_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1r8gi_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1r8gi_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1r8gi_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1r8gi_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1r8gi_48 {
padding-top: 16px;
}
._button_1r8gi_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1r8gi_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1r8gi_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._historyLegend_1r8gi_67 {
display: flex;
gap: 8px;
font-size: smaller;
color: var(--color-gray-700);
}
._historyLegend_1r8gi_67 > :first-child {
padding-right: 8px;
border-right: 1px solid var(--color-primary-web);
}._container_1gm69_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1gm69_10 {
gap: 16px;
}
._tabHeaderButton_1gm69_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1gm69_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1gm69_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1gm69_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1gm69_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1gm69_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1gm69_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1gm69_48 {
padding-top: 16px;
}
._button_1gm69_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1gm69_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1gm69_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._historyWrapper_1gm69_67 {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 12px;
}
@media screen and (max-width: 1400px) {
._historyWrapper_1gm69_67 {
padding-top: 4px;
}
}
._historyWrapper_1gm69_67 ._titleWrapper_1gm69_78 {
align-items: flex-end;
font-size: small;
}
._historyWrapper_1gm69_67 ._titleWrapper_1gm69_78:hover {
cursor: pointer;
text-decoration: underline;
}
._historyWrapper_1gm69_67 ._titleWrapper_1gm69_78 i {
font-size: x-small;
font-weight: 900;
}._container_ic8qt_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_ic8qt_10 {
gap: 16px;
}
._tabHeaderButton_ic8qt_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_ic8qt_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_ic8qt_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_ic8qt_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_ic8qt_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_ic8qt_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_ic8qt_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_ic8qt_48 {
padding-top: 16px;
}
._button_ic8qt_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_ic8qt_52[class*=outlined] {
background-color: var(--color-white);
}
._button_ic8qt_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._planningInfoCard_ic8qt_67 {
transition: all 0.2s;
background-color: var(--color-white);
display: flex;
gap: 12px;
position: relative;
padding: 16px 24px;
}
@media screen and (max-width: 1400px) {
._planningInfoCard_ic8qt_67 {
font-size: small;
gap: 4px;
padding: 8px 16px;
}
}
._planningInfoCard_ic8qt_67 ._number_ic8qt_82 {
font-size: small;
color: var(--color-gray-800);
}
._planningInfoCard_ic8qt_67 ._content_ic8qt_86 {
width: 100%;
flex: 1;
display: flex;
flex-direction: column;
gap: 8px;
}
._planningInfoCard_ic8qt_67 ._mode_ic8qt_93 {
position: absolute;
bottom: 0;
left: 0;
height: 100%;
writing-mode: vertical-rl;
background-color: var(--color-gray-800);
font-size: x-small;
color: var(--color-gray-100);
transform: rotate(180deg);
text-transform: uppercase;
text-align: end;
cursor: help;
text-wrap: nowrap;
padding: 16px 0;
}
._planningInfoCard_ic8qt_67 ._mode_ic8qt_93._adaptive_ic8qt_109 {
background-color: var(--color-primary-web);
}
._clickable_ic8qt_113 {
cursor: pointer;
}
._clickable_ic8qt_113:hover {
background-color: rgba(var(--color-primary-light--rgb), 0.05);
}._container_1ezgb_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1ezgb_10 {
gap: 16px;
}
._tabHeaderButton_1ezgb_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1ezgb_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1ezgb_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1ezgb_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1ezgb_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1ezgb_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1ezgb_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1ezgb_48 {
padding-top: 16px;
}
._button_1ezgb_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1ezgb_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1ezgb_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._partnerPlanning_1ezgb_67 {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
gap: 4px;
}
._partnerPlanning_1ezgb_67 ._empty_1ezgb_74 {
background-color: var(--color-white);
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 32px 0;
font-size: larger;
font-weight: 500;
}._container_qofao_1 {
width: 100%;
height: 100%;
position: relative;
}
._container_qofao_1 ._partnerPlanning_qofao_6 {
position: relative;
}
._container_qofao_1 ._partnerPlanning_qofao_6 > *:not(:last-child) {
border-bottom: 1px solid var(--color-primary-light);
}._expandToggle_d0v0y_1 {
cursor: pointer;
color: #0171ad;
font-size: 14px;
}._status_1ds52_1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
._status_1ds52_1 ._approved_1ds52_7 {
color: #24B600;
}
._status_1ds52_1 ._toPlan_1ds52_10 {
color: #EB4563;
}
._status_1ds52_1 ._awaiting_1ds52_13 {
color: #FF951A;
}
._status_1ds52_1 ._icon_1ds52_16 {
font-size: var(--fz-base);
}._partnerScopeTable_1y8ks_1 {
width: 100%;
border: 2px solid #bbd8fc;
}
._partnerScopeTable__header_1y8ks_5 {
background-color: var(--color-white);
}
._partnerScopeTable__headerCell_1y8ks_8 {
font-size: 12px;
line-height: 14px;
padding: 16px;
font-weight: 300;
color: #909090;
border-bottom: 1px solid #bbd8fc;
}
._partnerScopeTable__body_1y8ks_16 {
background-color: var(--color-white);
}
._partnerScopeTable__bodyRow_1y8ks_19 {
cursor: pointer;
}
._partnerScopeTable__bodyCell_1y8ks_22 {
font-size: 12px;
line-height: 14px;
padding: 16px;
font-weight: 300;
border-bottom: 1px solid #bbd8fc;
}
._partnerScopeTable__bodyCell_1y8ks_22 span {
cursor: default;
}
._partnerScopeTable__bodyCellExpanded_1y8ks_32 {
border: 2px solid #bbd8fc;
}
._partnerScopeTable__partnerPlans_1y8ks_35 {
padding: 0;
border: 2px solid #bbd8fc;
}
._partnerScopeTable__partnerTotal_1y8ks_39 {
vertical-align: top;
padding: 0;
border-top: 2px solid #bbd8fc;
border-bottom: 2px solid #bbd8fc;
}
._partnerScopeTable__cellContent_1y8ks_45 {
display: flex;
flex-direction: column;
text-align: right;
}
._partnerScopeTable__cellContent_1y8ks_45 > * {
width: fit-content;
}
._partnerScopeTable__cellContent_1y8ks_45._alignLeft_1y8ks_53 {
text-align: left;
}
._partnerScopeTable__amplifyMembershipCell_1y8ks_56, ._partnerScopeTable__rateToDistributeCell_1y8ks_56, ._partnerScopeTable__partnerNameCell_1y8ks_56 {
font-weight: 400;
font-size: 14px;
line-height: 14px;
}
._partnerScopeTable__rateToDistributeCell_1y8ks_56 {
width: 60px;
}
._partnerScopeTable__amplifyMembershipCell_1y8ks_56, ._partnerScopeTable__amplifyMembershipHeaderCell_1y8ks_64 {
width: 100px;
}
._partnerScopeTable__ramApproverCell_1y8ks_67, ._partnerScopeTable__partnerIdCell_1y8ks_67 {
text-wrap: nowrap;
}
._partnerScopeTable__statusHeaderCell_1y8ks_70 {
align-items: center;
}._partnerTotal_ptcs5_1 {
display: flex;
flex-direction: column;
padding: 16px;
}
._partnerTotal_ptcs5_1 ._cell_ptcs5_6 {
padding: 0;
}
._partnerTotal_ptcs5_1 ._headerTitle_ptcs5_9 {
width: 70px;
font-weight: 400;
font-size: var(--fz-sm);
line-height: var(--fz-sm);
}
._partnerTotal_ptcs5_1 ._topPadding_ptcs5_15 {
padding-top: 24px;
}
._partnerTotal_ptcs5_1 ._cellSeparator_ptcs5_18 {
height: 55px;
width: 2px;
margin: 0 8px;
background-color: #bbd8fc;
}
._partnerTotal_ptcs5_1 ._placeValue_ptcs5_24 {
font-weight: 700;
font-size: var(--fz-xxl);
line-height: var(--fz-xxl);
color: var(--color-primary-web);
}
._partnerTotal_ptcs5_1 ._placeTotalValue_ptcs5_30 {
font-weight: 700;
font-size: var(--fz-lg);
line-height: var(--fz-xxl);
color: var(--color-primary-web);
}
._partnerTotal_ptcs5_1 ._percentRevenue_ptcs5_36 {
font-weight: 400;
font-size: var(--fz-xs);
line-height: var(--fz-xs);
}
._partnerTotal_ptcs5_1 ._revenue_ptcs5_41 {
font-weight: 400;
font-size: var(--fz-xs);
line-height: var(--fz-xs);
}
._partnerTotal_ptcs5_1 ._revenueLabel_ptcs5_46,
._partnerTotal_ptcs5_1 ._totalRevenue_ptcs5_47 {
font-weight: 300;
font-size: var(--fz-xs);
line-height: var(--fz-xs);
}._actionButtons_1xs0v_1 {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 8px;
}
._actionButtons__label_1xs0v_8 {
font-weight: 400;
font-size: 16px;
line-height: 16px;
text-transform: uppercase;
}
._actionButtons__clearButton_1xs0v_14 {
border: 1px;
border-radius: 4px;
}._amplifyMembershipField_ety6w_1 {
display: flex;
flex-direction: column;
gap: 16px;
}
._amplifyMembershipField__options_ety6w_6 {
display: flex;
flex-direction: column;
gap: 8px;
}._approverField_1pip2_1 {
display: flex;
flex-direction: column;
}._geoField_1ye5q_1 {
display: flex;
flex-direction: column;
}._buttonGroup_m94sf_1 {
display: inline-flex;
flex-direction: row;
padding: 1px;
border: 1px solid var(--color-primary-main);
border-radius: 10px;
}
._buttonGroup_m94sf_1._disabled_m94sf_8 {
border-color: var(--color-gray-400);
background-color: var(--color-gray-100);
}._offeringField_b5der_1 {
display: flex;
}
._offeringField_b5der_1 * {
flex: 1;
}._partnerIdField_yadrq_1 {
display: flex;
flex-direction: column;
}._ramField_1ye47_1 {
display: flex;
flex-direction: column;
}._segmentField_btle0_1 {
display: flex;
flex-direction: column;
gap: 16px;
}
._segmentField__options_btle0_6 {
display: flex;
flex-direction: column;
gap: 8px;
}._statisticFilters_1vphr_1 {
display: flex;
flex-direction: column;
gap: 24px;
padding: 24px;
width: 100%;
background-color: #eff6ff;
border: 2px solid #bbd8fc;
}
._statisticFilters__filterBy_1vphr_10 {
flex: 1;
display: flex;
flex-direction: column;
gap: 24px;
}
._statisticFilters__filterByLabel_1vphr_16 {
font-size: 18px;
line-height: 22px;
font-weight: 700;
}
._statisticFilters__filterByValue_1vphr_21 {
font-size: 18px;
line-height: 22px;
font-weight: 400;
}
._statisticFilters__segmentField_1vphr_26, ._statisticFilters__geoField_1vphr_26, ._statisticFilters__approverField_1vphr_26, ._statisticFilters__ramField_1vphr_26, ._statisticFilters__amplifyMembershipField_1vphr_26, ._statisticFilters__partnerIdField_1vphr_26 {
width: 100%;
}
._statisticFilters__exportWrapper_1vphr_29 {
margin-top: 40px;
}._retailersScopeStatistics_z2hxw_1 {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 16px;
}
._retailersScopeStatistics_z2hxw_1 ._partnersCountLabel_z2hxw_7 {
padding: 16px 24px;
font-size: var(--fz-base);
line-height: var(--fz-base);
font-weight: 300;
}
._retailersScopeStatistics__filtersContainer_z2hxw_13 {
width: 290px;
height: 932px;
}
._retailersScopeStatistics_z2hxw_1 ._scrollableContent_z2hxw_17 {
width: calc(100% - 290px - 16px);
display: flex;
flex-direction: column;
height: 980px;
overflow-y: scroll;
}
._retailersScopeStatistics_z2hxw_1 ._table_z2hxw_24 {
width: 100%;
}._container_1x2m4_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1x2m4_10 {
gap: 16px;
}
._tabHeaderButton_1x2m4_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1x2m4_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1x2m4_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1x2m4_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1x2m4_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1x2m4_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1x2m4_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1x2m4_48 {
padding-top: 16px;
}
._button_1x2m4_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1x2m4_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1x2m4_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._customHeader_1x2m4_67 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 0;
}
._retailersScope_1x2m4_73 ._tabs_1x2m4_73 {
display: flex;
padding: 40px 0;
margin-left: -12px;
}
._retailersScope_1x2m4_73 ._items_1x2m4_78 {
gap: 0;
}
._retailersScope_1x2m4_73 ._tab_1x2m4_10 {
font-size: 24px;
line-height: 24px;
font-weight: 700;
color: var(--color-gray-600);
text-transform: uppercase;
border-bottom: 0;
}
._retailersScope_1x2m4_73 ._tab_1x2m4_10:focus {
text-decoration: underline;
}
._retailersScope_1x2m4_73 ._tabActive_1x2m4_92 {
color: #2c3038;
text-decoration: underline;
}._fQuartersSelect_1q1y6_1 {
display: flex;
flex-direction: column;
width: 136px;
}
._fQuartersSelect__popupClassName_1q1y6_6 {
width: 136px;
}
._fQuartersSelect__label_1q1y6_9 {
font-weight: 400;
}._text_14m87_1 {
text-transform: uppercase;
color: #2c3038;
line-height: 28px;
}
._text_14m87_1 ._textWrapper_14m87_6 {
display: flex;
gap: 8px;
line-height: 1.4rem;
}
._text_14m87_1 ._textWrapper_14m87_6 ._label_14m87_11 {
font-weight: 300;
font-size: medium;
color: #2c3038;
}
._text_14m87_1 ._textWrapper_14m87_6 ._value_14m87_16 {
font-weight: 700;
font-size: large;
}._container_ymcan_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_ymcan_10 {
gap: 16px;
}
._tabHeaderButton_ymcan_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_ymcan_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_ymcan_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_ymcan_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_ymcan_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_ymcan_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_ymcan_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_ymcan_48 {
padding-top: 16px;
}
._button_ymcan_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_ymcan_52[class*=outlined] {
background-color: var(--color-white);
}
._button_ymcan_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._header_ymcan_67 ._headerContent_ymcan_67 {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
._header_ymcan_67 ._headerContent_ymcan_67 ._period_ymcan_73 {
display: flex;
align-items: center;
gap: 32px;
}
@media screen and (max-width: 1600px) {
._header_ymcan_67 ._headerContent_ymcan_67 ._period_ymcan_73 {
gap: 16px;
}
}
@media screen and (max-width: 1600px) {
._header_ymcan_67 {
display: flex;
justify-content: space-between;
}
}._container_1lacv_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1lacv_10 {
gap: 16px;
}
._tabHeaderButton_1lacv_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1lacv_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1lacv_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1lacv_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1lacv_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1lacv_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1lacv_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1lacv_48 {
padding-top: 16px;
}
._button_1lacv_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1lacv_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1lacv_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._content_1lacv_67 {
display: flex;
flex-direction: column;
gap: 16px;
background-color: white;
padding: 24px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
cursor: pointer;
}
@media screen and (max-width: 1600px) {
._content_1lacv_67 {
padding: 16px;
gap: 8px;
}
}
._content_1lacv_67:hover {
background-color: rgba(var(--color-primary-light--rgb), 0.1);
}
._content_1lacv_67 strong {
letter-spacing: 0.3px;
font-weight: 500;
}
._content_1lacv_67 ._info_1lacv_89 {
display: flex;
align-items: center;
justify-content: space-between;
}
@media screen and (max-width: 1600px) {
._content_1lacv_67 ._info_1lacv_89 {
font-size: smaller;
}
}
._content_1lacv_67 ._info_1lacv_89 ._segment_1lacv_99 {
display: flex;
gap: 8px;
}
._content_1lacv_67 ._info_1lacv_89 ._compensation_1lacv_103 {
display: flex;
flex-direction: column;
align-items: flex-end;
}
._content_1lacv_67 ._info_1lacv_89 ._compensation_1lacv_103 ._compensationValue_1lacv_108 {
font-size: xx-large;
font-weight: 900;
color: var(--color-gray-800);
}
._content_1lacv_67 ._info_1lacv_89 ._compensation_1lacv_103 ._compensationLabel_1lacv_113 {
font-size: medium;
font-weight: 400;
}
@media screen and (max-width: 1600px) {
._content_1lacv_67 ._info_1lacv_89 ._compensation_1lacv_103 ._compensationLabel_1lacv_113 {
font-size: smaller;
}
}
._content_1lacv_67 ._partnerName_1lacv_122 {
display: block;
font-size: x-large;
font-weight: 900;
color: var(--color-primary-web);
}
@media screen and (max-width: 1600px) {
._content_1lacv_67 ._partnerName_1lacv_122 {
font-size: larger;
}
}
._content_1lacv_67 ._partnerDetailsWrapper_1lacv_133 {
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 1600px) {
._content_1lacv_67 ._partnerDetailsWrapper_1lacv_133 {
font-size: smaller;
}
}
._content_1lacv_67 ._partnerDetailsWrapper_1lacv_133 ._partnerDetails_1lacv_133 {
display: flex;
flex-direction: column;
gap: 8px;
}
._content_1lacv_67 ._partnerDetailsWrapper_1lacv_133 ._partnerDetails__item_1lacv_147 {
display: flex;
align-items: flex-end;
gap: 4px;
}
._content_1lacv_67 ._partnerDetailsWrapper_1lacv_133 ._contact_1lacv_152 {
flex: 1;
text-align: end;
}
._content_1lacv_67 ._partnerDetailsWrapper_1lacv_133 ._contact_1lacv_152 ._contactEmail_1lacv_156 {
display: inline-block;
overflow: hidden;
text-wrap: nowrap;
text-overflow: ellipsis;
width: 220px;
}
._content_1lacv_67 ._comment_1lacv_163 {
display: block;
cursor: pointer;
}._menuButtonContainer_ex3ql_1 {
position: relative;
}
._menuButtonList_ex3ql_5 {
position: absolute;
right: 0;
bottom: -8px;
z-index: 9999;
height: 100%;
}
._popup_ex3ql_13 {
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}._container_16i0q_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_16i0q_10 {
gap: 16px;
}
._tabHeaderButton_16i0q_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_16i0q_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_16i0q_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_16i0q_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_16i0q_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_16i0q_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_16i0q_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_16i0q_48 {
padding-top: 16px;
}
._button_16i0q_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_16i0q_52[class*=outlined] {
background-color: var(--color-white);
}
._button_16i0q_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._label_16i0q_67 {
display: flex;
font-size: smaller;
color: var(--color-gray-700);
}
._suggestion_16i0q_73 {
display: flex;
flex-direction: column;
gap: 4px;
padding: 8px;
}
._suggestion_16i0q_73 ._name_16i0q_79 {
font-weight: bold;
font-size: small;
color: var(--color-gray-900);
}
._suggestion_16i0q_73 ._email_16i0q_84 {
color: var(--color-gray-900);
}._container_2gij2_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_2gij2_10 {
gap: 16px;
}
._tabHeaderButton_2gij2_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_2gij2_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_2gij2_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_2gij2_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_2gij2_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_2gij2_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_2gij2_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_2gij2_48 {
padding-top: 16px;
}
._button_2gij2_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_2gij2_52[class*=outlined] {
background-color: var(--color-white);
}
._button_2gij2_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._actionPanel_2gij2_67 {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}._container_9z0gj_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_9z0gj_10 {
gap: 16px;
}
._tabHeaderButton_9z0gj_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_9z0gj_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_9z0gj_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_9z0gj_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_9z0gj_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_9z0gj_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_9z0gj_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_9z0gj_48 {
padding-top: 16px;
}
._button_9z0gj_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_9z0gj_52[class*=outlined] {
background-color: var(--color-white);
}
._button_9z0gj_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._button_9z0gj_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}._container_1ng5l_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1ng5l_10 {
gap: 16px;
}
._tabHeaderButton_1ng5l_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1ng5l_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1ng5l_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1ng5l_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1ng5l_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1ng5l_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1ng5l_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1ng5l_48 {
padding-top: 16px;
}
._button_1ng5l_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1ng5l_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1ng5l_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._card_1ng5l_67 {
display: flex;
flex-direction: column;
gap: 16px;
background-color: white;
padding: 16px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
@media screen and (max-width: 1600px) {
._card_1ng5l_67 {
font-size: small;
}
}
._card_1ng5l_67 ._empty_1ng5l_80 {
height: 100%;
width: 400px;
display: flex;
justify-content: center;
align-items: center;
font-size: x-large;
font-weight: 500;
color: var(--color-gray-500);
}
._card_1ng5l_67 strong {
letter-spacing: 0.3px;
font-weight: 500;
}
._card_1ng5l_67 ._info_1ng5l_94 {
display: flex;
align-items: center;
justify-content: space-between;
align-items: flex-start;
}
._card_1ng5l_67 ._info_1ng5l_94 ._segment_1ng5l_100 {
display: flex;
gap: 8px;
}
._card_1ng5l_67 ._info_1ng5l_94 ._geo_1ng5l_104 {
display: flex;
flex-direction: column;
align-items: flex-end;
color: var(--color-primary-main);
text-transform: uppercase;
}
._card_1ng5l_67 ._info_1ng5l_94 ._geo_1ng5l_104 ._market_1ng5l_111 {
font-size: large;
font-weight: 500;
}
._card_1ng5l_67 ._info_1ng5l_94 ._geo_1ng5l_104 ._country_1ng5l_115 {
font-size: large;
font-weight: 500;
}
._card_1ng5l_67 ._partnerName_1ng5l_119 {
display: block;
font-size: x-large;
font-weight: 900;
color: var(--color-primary-web);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 400px;
}
._card_1ng5l_67 ._partnerDetails_1ng5l_129 {
display: flex;
align-items: center;
gap: 16px;
}
._card_1ng5l_67 ._partnerDetails_1ng5l_129 ._contact_1ng5l_134 {
flex: 1;
text-align: end;
}
._card_1ng5l_67 ._partnerDetails_1ng5l_129 ._contact_1ng5l_134 ._contactEmail_1ng5l_138 {
display: inline-block;
overflow: hidden;
text-wrap: nowrap;
text-overflow: ellipsis;
width: 220px;
}
._card_1ng5l_67 ._partnerDetails__item_1ng5l_145 {
display: flex;
align-items: flex-end;
gap: 4px;
}
._card_1ng5l_67 ._comment_1ng5l_150 {
display: block;
}
._card_1ng5l_67 ._actionCard_1ng5l_153 {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
justify-content: flex-end;
}
._card_1ng5l_67 ._actionCard_1ng5l_153 ._row_1ng5l_160 {
display: flex;
gap: 8px;
}
@media screen and (max-width: 1400px) {
._card_1ng5l_67 ._actionCard_1ng5l_153 ._row_1ng5l_160 {
flex-direction: column;
}
}
._card_1ng5l_67 ._actionCard_1ng5l_153 ._buttonWithFixSize_1ng5l_169 {
min-width: 228px;
width: 100%;
}._container_ju0vm_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_ju0vm_10 {
gap: 16px;
}
._tabHeaderButton_ju0vm_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_ju0vm_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_ju0vm_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_ju0vm_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_ju0vm_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_ju0vm_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_ju0vm_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_ju0vm_48 {
padding-top: 16px;
}
._button_ju0vm_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_ju0vm_52[class*=outlined] {
background-color: var(--color-white);
}
._button_ju0vm_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._actions_ju0vm_67 {
display: flex;
justify-content: space-between;
gap: 16px;
}
._actions_ju0vm_67 ._groupedActions_ju0vm_72 {
display: flex;
gap: 16px;
flex: 1;
justify-content: flex-end;
}
@media screen and (max-width: 1600px) {
._actions_ju0vm_67 ._groupedActions_ju0vm_72 {
flex-direction: column;
justify-content: flex-start;
flex-direction: column-reverse;
}
}
@media screen and (max-width: 1600px) {
._actions_ju0vm_67 {
flex-direction: column-reverse;
justify-content: flex-start;
}
}
._form_ju0vm_92 {
display: flex;
flex-direction: column;
gap: 24px;
color: var(--color-gray-900);
}
._form_ju0vm_92 ._fieldGroup_ju0vm_98 {
display: grid;
grid-template-columns: calc(50% - 8px) calc(50% - 8px);
gap: 16px;
}
._field_ju0vm_98 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
._field_ju0vm_98 ._readOnlyValue_ju0vm_110 {
font-weight: 500;
}
._fullWidth_ju0vm_114 {
width: 100%;
}
._dropdownPopup_ju0vm_118 {
width: 40px;
}
._payoutScope_ju0vm_122 {
font-size: x-large;
font-weight: 500;
}
._tooltip_ju0vm_127 {
width: inherit;
}
._accordionTitleWrapper_ju0vm_131 {
color: var(--color-primary-web);
cursor: help;
}
._accordionTitle_ju0vm_131 {
text-decoration: underline;
}
._accordionIcon_ju0vm_140 {
color: var(--color-primary-web);
}
._accordionContent_ju0vm_144 {
color: var(--color-primary-web);
}
._readOnlyField_ju0vm_148 {
font-weight: 500;
}
._readOnlyField_ju0vm_148 ._dimension_ju0vm_151 {
padding-left: 8px;
}
._dimensionSelector_ju0vm_155 {
display: flex;
flex-direction: column;
gap: 8px;
}._container_1fiqz_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1fiqz_10 {
gap: 16px;
}
._tabHeaderButton_1fiqz_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1fiqz_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1fiqz_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1fiqz_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1fiqz_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1fiqz_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1fiqz_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1fiqz_48 {
padding-top: 16px;
}
._button_1fiqz_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1fiqz_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1fiqz_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._retailerPlanningEditor_1fiqz_67 {
position: relative;
display: grid;
grid-template-columns: auto 460px;
gap: 16px;
}
@media screen and (max-width: 1400px) {
._retailerPlanningEditor_1fiqz_67 {
grid-template-columns: auto 320px;
}
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 {
position: relative;
background: var(--color-white);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningHeader_1fiqz_83 {
display: flex;
height: 48px;
align-items: center;
padding: 8px 24px;
font-weight: 500;
color: var(--color-gray-500);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningHeader_1fiqz_83 span > span {
color: var(--color-primary-main);
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningContent_1fiqz_95 {
position: relative;
height: fit-content;
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningContent_1fiqz_95 ._planningList_1fiqz_99 {
max-height: 680px;
overflow: scroll;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningContent_1fiqz_95 ._planningList_1fiqz_99 ._planningItem_1fiqz_104 {
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningContent_1fiqz_95 ._planningList_1fiqz_99 ._planningItem_1fiqz_104[data-selected=true]::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 12px;
height: 100%;
width: 100%;
opacity: 0.05;
pointer-events: none;
background-color: var(--color-primary-main);
z-index: 100;
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningContent_1fiqz_95 ._planningList_1fiqz_99 ._planningEmpty_1fiqz_120 {
height: 592px;
}
@media screen and (max-width: 1600px) {
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningContent_1fiqz_95 ._planningList_1fiqz_99 ._planningEmpty_1fiqz_120 {
min-height: 702px;
}
}
._retailerPlanningEditor_1fiqz_67 ._planningWrapper_1fiqz_78 ._planningContent_1fiqz_95:has(._planningList_1fiqz_99 > *:nth-child(5))::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
box-shadow: inset rgba(var(--color-primary-main--rgb), 0.2) 0px -15px 15px -10px, inset rgba(var(--color-primary-main--rgb), 0.2) 0px 15px 15px -10px;
z-index: 100px;
top: 0;
pointer-events: none;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 {
display: flex;
flex-direction: column;
gap: 16px;
position: relative;
min-height: 558px;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._actions_1fiqz_145 {
display: flex;
justify-content: flex-end;
gap: 16px;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._actions_1fiqz_145 ._new_1fiqz_150 {
flex: 1;
}
@media screen and (max-width: 1600px) {
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._actions_1fiqz_145 {
flex-direction: column;
justify-content: flex-start;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._actions_1fiqz_145 ._new_1fiqz_150 {
display: grid;
flex: unset;
width: 100%;
}
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 {
display: flex;
flex-direction: column;
background-color: var(--color-white);
justify-content: space-between;
height: 100%;
gap: 32px;
padding: 24px 24px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
@media screen and (max-width: 1400px) {
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 {
padding: 16px 16px;
}
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 #_stupidIE_1fiqz_1 {
display: -ms-grid;
-ms-grid-row: min-content;
grid-row: min-content;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 ._approved_1fiqz_184 {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: larger;
font-weight: 500;
min-height: 100%;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 ._form_1fiqz_194 {
display: flex;
flex-direction: column;
gap: 24px;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 ._form_1fiqz_194 ._fieldGroup_1fiqz_199 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
@media screen and (max-width: 1600px) {
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 ._form_1fiqz_194 ._fieldGroup_1fiqz_199 {
grid-template-columns: 1fr;
}
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 ._field_1fiqz_199 {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 ._field_1fiqz_199 ._readOnlyValue_1fiqz_215 {
font-weight: 500;
}
._retailerPlanningEditor_1fiqz_67 ._editorWrapper_1fiqz_138 ._editor_1fiqz_138 ._fullWidth_1fiqz_218 {
width: 100%;
}
._dropdownPopup_1fiqz_222 {
width: 40px;
}._container_gsm9s_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_gsm9s_10 {
gap: 16px;
}
._tabHeaderButton_gsm9s_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_gsm9s_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_gsm9s_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_gsm9s_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_gsm9s_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_gsm9s_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_gsm9s_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_gsm9s_48 {
padding-top: 16px;
}
._button_gsm9s_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_gsm9s_52[class*=outlined] {
background-color: var(--color-white);
}
._button_gsm9s_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._planningInfoCard_gsm9s_67 {
display: grid;
grid-template-rows: 40px auto;
gap: 16px;
background-color: white;
padding: 16px;
color: var(--color-gray-900);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
@media screen and (max-width: 1600px) {
._planningInfoCard_gsm9s_67 {
gap: 8px;
}
}
._planningInfoCard_gsm9s_67 ._detailed_gsm9s_81 {
height: 100%;
display: flex;
gap: 32px;
}
@media screen and (max-width: 1600px) {
._planningInfoCard_gsm9s_67 ._detailed_gsm9s_81 {
gap: 16px;
}
}
._info_gsm9s_92 {
flex-direction: column;
display: flex;
}
._info_gsm9s_92 ._title_gsm9s_96 {
font-size: small;
font-weight: 400;
color: var(--color-gray-800);
text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
._info_gsm9s_92 ._title_gsm9s_96 {
font-size: x-small;
}
}
._info_gsm9s_92 ._value_gsm9s_107 {
font-size: 48px;
line-height: 48px;
font-weight: 900;
color: var(--color-gray-800);
}
@media screen and (max-width: 1600px) {
._info_gsm9s_92 ._value_gsm9s_107 {
font-size: 32px;
line-height: 32px;
}
}
._info_gsm9s_92 ._colored_gsm9s_119 {
color: var(--color-primary-web);
}
._info_gsm9s_92 ._pale_gsm9s_122 {
color: var(--color-gray-300);
}
._adaptiveRate_gsm9s_126 {
height: 100%;
display: flex;
gap: 24px;
align-items: center;
}._container_abo7n_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_abo7n_10 {
gap: 16px;
}
._tabHeaderButton_abo7n_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_abo7n_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_abo7n_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_abo7n_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_abo7n_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_abo7n_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_abo7n_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_abo7n_48 {
padding-top: 16px;
}
._button_abo7n_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_abo7n_52[class*=outlined] {
background-color: var(--color-white);
}
._button_abo7n_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._status_abo7n_67 {
height: 40px;
display: flex;
align-items: center;
gap: 8px;
text-transform: uppercase;
font-weight: 900;
padding-bottom: 8px;
line-height: 16px;
}
._status_abo7n_67 ._icon_abo7n_77 {
font-size: 40px;
}
._status_abo7n_67 ._text_abo7n_80 {
font-size: 16px;
color: var(--color-gray-800);
}
._status_abo7n_67 ._text_abo7n_80 ._comment_abo7n_84 {
font-size: 12px;
font-weight: 400;
color: var(--color-gray-900);
width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: help;
}
._status_abo7n_67._toPlan_abo7n_94 {
color: var(--color-primary-main);
}
._status_abo7n_67._awaiting_abo7n_97 {
color: var(--color-primary-main);
}
._status_abo7n_67._rejected_abo7n_100 {
color: var(--color-danger-main);
}
._status_abo7n_67._approved_abo7n_103 {
color: var(--color-success-main);
}._container_1u25b_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1u25b_10 {
gap: 16px;
}
._tabHeaderButton_1u25b_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1u25b_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1u25b_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1u25b_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1u25b_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1u25b_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1u25b_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1u25b_48 {
padding-top: 16px;
}
._button_1u25b_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1u25b_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1u25b_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._planningInfoCard_1u25b_67 {
display: grid;
grid-template-rows: 40px auto;
gap: 16px;
background-color: white;
padding: 16px;
color: var(--color-gray-900);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
@media screen and (max-width: 1600px) {
._planningInfoCard_1u25b_67 {
gap: 8px;
}
}
._planningInfoCard_1u25b_67 ._detailed_1u25b_81 {
height: 100%;
display: flex;
gap: 32px;
}
@media screen and (max-width: 1600px) {
._planningInfoCard_1u25b_67 ._detailed_1u25b_81 {
gap: 16px;
}
}
._info_1u25b_92 {
flex-direction: column;
display: flex;
}
._info_1u25b_92 ._title_1u25b_96 {
font-size: small;
font-weight: 400;
color: var(--color-gray-800);
text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
._info_1u25b_92 ._title_1u25b_96 {
font-size: x-small;
}
}
._info_1u25b_92 ._value_1u25b_107 {
font-size: 48px;
line-height: 48px;
font-weight: 900;
color: var(--color-gray-800);
}
@media screen and (max-width: 1600px) {
._info_1u25b_92 ._value_1u25b_107 {
font-size: 32px;
line-height: 32px;
}
}
._info_1u25b_92 ._colored_1u25b_119 {
color: var(--color-primary-web);
}
._info_1u25b_92 ._pale_1u25b_122 {
color: var(--color-gray-300);
}
._summary_1u25b_126 {
display: flex;
gap: 24px;
align-items: center;
}
._summary_1u25b_126 ._type_1u25b_131 {
display: flex;
gap: 8px;
}
._summary_1u25b_126 ._type_1u25b_131 ._info_1u25b_92 {
justify-content: center;
}
._summary_1u25b_126 ._revenue_1u25b_138 {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 4px;
padding-bottom: 8px;
}
@media screen and (max-width: 1600px) {
._summary_1u25b_126 ._revenue_1u25b_138 {
font-size: small;
}
}
._summary_1u25b_126 ._revenue_1u25b_138 ._percent_1u25b_150 {
font-size: 16px;
font-weight: 300;
color: var(--color-gray-800);
}
@media screen and (max-width: 1600px) {
._summary_1u25b_126 ._revenue_1u25b_138 ._percent_1u25b_150 {
font-size: small;
}
}
._summary_1u25b_126 ._revenue_1u25b_138 ._subValue_1u25b_160 {
font-size: 16px;
display: flex;
gap: 8px;
}
@media screen and (max-width: 1600px) {
._summary_1u25b_126 ._revenue_1u25b_138 ._subValue_1u25b_160 {
font-size: small;
gap: 1.6px;
}
}
._summary_1u25b_126 ._revenue_1u25b_138 ._subValue_1u25b_160 ._place_1u25b_171 {
font-weight: 600;
color: var(--color-gray-800);
}
._summary_1u25b_126 ._revenue_1u25b_138 ._subValue_1u25b_160 ._total_1u25b_175 {
font-weight: 300;
color: var(--color-gray-700);
}._container_ns3pk_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_ns3pk_10 {
gap: 16px;
}
._tabHeaderButton_ns3pk_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_ns3pk_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_ns3pk_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_ns3pk_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_ns3pk_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_ns3pk_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_ns3pk_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_ns3pk_48 {
padding-top: 16px;
}
._button_ns3pk_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_ns3pk_52[class*=outlined] {
background-color: var(--color-white);
}
._button_ns3pk_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._vSeparator_ns3pk_67 {
width: 1px;
height: 100%;
background-color: var(--color-primary-web);
}._container_1is3m_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1is3m_10 {
gap: 16px;
}
._tabHeaderButton_1is3m_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1is3m_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1is3m_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1is3m_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1is3m_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1is3m_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1is3m_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1is3m_48 {
padding-top: 16px;
}
._button_1is3m_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1is3m_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1is3m_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._planningInfoCard_1is3m_67 {
display: grid;
grid-template-rows: 40px auto;
gap: 16px;
background-color: white;
padding: 16px;
color: var(--color-gray-900);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
@media screen and (max-width: 1600px) {
._planningInfoCard_1is3m_67 {
gap: 8px;
}
}
._planningInfoCard_1is3m_67 ._detailed_1is3m_81 {
height: 100%;
display: flex;
gap: 32px;
}
@media screen and (max-width: 1600px) {
._planningInfoCard_1is3m_67 ._detailed_1is3m_81 {
gap: 16px;
}
}
._info_1is3m_92 {
flex-direction: column;
display: flex;
}
._info_1is3m_92 ._title_1is3m_96 {
font-size: small;
font-weight: 400;
color: var(--color-gray-800);
text-transform: uppercase;
}
@media screen and (max-width: 1600px) {
._info_1is3m_92 ._title_1is3m_96 {
font-size: x-small;
}
}
._info_1is3m_92 ._value_1is3m_107 {
font-size: 48px;
line-height: 48px;
font-weight: 900;
color: var(--color-gray-800);
}
@media screen and (max-width: 1600px) {
._info_1is3m_92 ._value_1is3m_107 {
font-size: 32px;
line-height: 32px;
}
}
._info_1is3m_92 ._colored_1is3m_119 {
color: var(--color-primary-web);
}
._info_1is3m_92 ._pale_1is3m_122 {
color: var(--color-gray-300);
}._container_1w1qz_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1w1qz_10 {
gap: 16px;
}
._tabHeaderButton_1w1qz_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1w1qz_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1w1qz_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1w1qz_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1w1qz_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1w1qz_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1w1qz_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1w1qz_48 {
padding-top: 16px;
}
._button_1w1qz_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1w1qz_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1w1qz_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._dashboard_1w1qz_67 {
display: flex;
flex-direction: column;
gap: 16px;
padding: 1px;
}
._dashboard_1w1qz_67 ._staticInfoRow_1w1qz_73 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 8px;
}
._dashboard_1w1qz_67 ._infoBlockRow_1w1qz_78 {
display: flex;
flex-direction: column;
gap: 8px;
}._container_13tbg_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_13tbg_10 {
gap: 16px;
}
._tabHeaderButton_13tbg_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_13tbg_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_13tbg_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_13tbg_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_13tbg_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_13tbg_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_13tbg_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_13tbg_48 {
padding-top: 16px;
}
._button_13tbg_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_13tbg_52[class*=outlined] {
background-color: var(--color-white);
}
._button_13tbg_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._page_13tbg_67 {
position: relative;
background-color: var(--gray-light);
height: 100%;
}
._page_13tbg_67 ._customHeader_13tbg_72 {
display: flex;
justify-content: flex-start;
gap: 16px;
}
._page_13tbg_67 ._shaderActions_13tbg_77 {
width: 100%;
flex: 1;
display: flex;
justify-content: flex-end;
}
._page_13tbg_67 ._content_13tbg_83 {
padding: 40px 0;
}._container_1dfks_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1dfks_10 {
gap: 16px;
}
._tabHeaderButton_1dfks_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1dfks_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1dfks_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1dfks_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1dfks_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1dfks_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1dfks_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1dfks_48 {
padding-top: 16px;
}
._button_1dfks_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1dfks_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1dfks_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._searchPanel_1dfks_67 {
display: flex;
}
._searchPanel_1dfks_67 ._searchInput_1dfks_70 {
width: 400px;
}
@media screen and (max-width: 1600px) {
._searchPanel_1dfks_67 {
width: 100%;
}
}._container_4qo5u_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_4qo5u_10 {
gap: 16px;
}
._tabHeaderButton_4qo5u_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_4qo5u_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_4qo5u_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_4qo5u_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_4qo5u_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_4qo5u_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_4qo5u_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_4qo5u_48 {
padding-top: 16px;
}
._button_4qo5u_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_4qo5u_52[class*=outlined] {
background-color: var(--color-white);
}
._button_4qo5u_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._actionPanel_4qo5u_67 {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
@media screen and (max-width: 1600px) {
._actionPanel_4qo5u_67 {
width: 100%;
}
}._container_12grg_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_12grg_10 {
gap: 16px;
}
._tabHeaderButton_12grg_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_12grg_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_12grg_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_12grg_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_12grg_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_12grg_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_12grg_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_12grg_48 {
padding-top: 16px;
}
._button_12grg_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_12grg_52[class*=outlined] {
background-color: var(--color-white);
}
._button_12grg_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._wrapper_12grg_67 {
width: 100%;
overflow: hidden;
}
._wrapper_12grg_67 ._header_12grg_71 {
display: flex;
gap: 8px;
height: 40px;
align-items: center;
padding: 24px 0;
border-bottom: 2px solid var(--color-gray-800);
color: var(--color-gray-800);
text-transform: uppercase;
font-size: x-large;
font-weight: 700;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._header_12grg_71 {
font-size: large;
padding: 16px 0;
}
}
._wrapper_12grg_67 ._header_12grg_71 ._total_12grg_89 {
font-size: medium;
font-weight: 300;
align-self: flex-end;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._header_12grg_71 ._total_12grg_89 {
font-size: smaller;
}
}
._wrapper_12grg_67 ._list_12grg_99 {
overflow-y: auto;
border-bottom: 1px solid #bbd8fc;
min-height: 480px;
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 {
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
margin-bottom: 1px;
background-color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 > div:hover {
background-color: var(--color-gray-600);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 > div:hover ._collapseLabel_12grg_112,
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 > div:hover i {
color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] {
background-color: var(--color-gray-800);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] > :hover {
background-color: var(--color-gray-600);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] > :hover ._collapseLabel_12grg_112,
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] > :hover i {
color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] ._collapseLabel_12grg_112,
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] i {
color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
font-size: large;
font-weight: 400;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 {
font-size: medium;
padding: 12.8px 24px;
padding-left: 8px;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 ._total_12grg_89 {
font-size: medium;
font-weight: 300;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 ._total_12grg_89 {
font-size: smaller;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 {
background-color: rgba(var(--color-primary-light--rgb), 0.1);
padding: 0 8px;
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159 {
padding: 16px 0;
padding-bottom: 0;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159 {
padding: 8px 0;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159:last-of-type {
padding-bottom: 16px;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159:last-of-type {
padding: 8px 0;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._emptyLabel_12grg_176 {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: x-large;
font-weight: 300;
color: var(--color-gray-600);
}._container_1oj5s_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1oj5s_10 {
gap: 16px;
}
._tabHeaderButton_1oj5s_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1oj5s_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1oj5s_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1oj5s_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1oj5s_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1oj5s_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1oj5s_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1oj5s_48 {
padding-top: 16px;
}
._button_1oj5s_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1oj5s_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1oj5s_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._content_1oj5s_67 {
position: relative;
height: 100%;
width: 100%;
display: flex;
gap: 8px;
min-height: 400px;
}
._content_1oj5s_67 ._loader_1oj5s_75 {
position: absolute;
}._container_1jsiv_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1jsiv_10 {
gap: 16px;
}
._tabHeaderButton_1jsiv_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1jsiv_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1jsiv_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1jsiv_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1jsiv_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1jsiv_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1jsiv_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1jsiv_48 {
padding-top: 16px;
}
._button_1jsiv_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1jsiv_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1jsiv_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._cardHeader_1jsiv_67 {
padding: 0;
}
._cardItems_1jsiv_71 {
gap: 0;
}
._cardItem_1jsiv_71 {
padding: 0 8px;
padding-bottom: 4px;
background-color: var(--color-gray-50);
color: var(--color-gray-400);
}
._cardActive_1jsiv_82[class*=active] {
background-color: white;
border: none;
}._container_12grg_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_12grg_10 {
gap: 16px;
}
._tabHeaderButton_12grg_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_12grg_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_12grg_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_12grg_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_12grg_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_12grg_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_12grg_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_12grg_48 {
padding-top: 16px;
}
._button_12grg_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_12grg_52[class*=outlined] {
background-color: var(--color-white);
}
._button_12grg_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._wrapper_12grg_67 {
width: 100%;
overflow: hidden;
}
._wrapper_12grg_67 ._header_12grg_71 {
display: flex;
gap: 8px;
height: 40px;
align-items: center;
padding: 24px 0;
border-bottom: 2px solid var(--color-gray-800);
color: var(--color-gray-800);
text-transform: uppercase;
font-size: x-large;
font-weight: 700;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._header_12grg_71 {
font-size: large;
padding: 16px 0;
}
}
._wrapper_12grg_67 ._header_12grg_71 ._total_12grg_89 {
font-size: medium;
font-weight: 300;
align-self: flex-end;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._header_12grg_71 ._total_12grg_89 {
font-size: smaller;
}
}
._wrapper_12grg_67 ._list_12grg_99 {
overflow-y: auto;
border-bottom: 1px solid #bbd8fc;
min-height: 480px;
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 {
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
margin-bottom: 1px;
background-color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 > div:hover {
background-color: var(--color-gray-600);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 > div:hover ._collapseLabel_12grg_112,
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 > div:hover i {
color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] {
background-color: var(--color-gray-800);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] > :hover {
background-color: var(--color-gray-600);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] > :hover ._collapseLabel_12grg_112,
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] > :hover i {
color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] ._collapseLabel_12grg_112,
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 [aria-expanded=true] i {
color: var(--color-white);
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
font-size: large;
font-weight: 400;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 {
font-size: medium;
padding: 12.8px 24px;
padding-left: 8px;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 ._total_12grg_89 {
font-size: medium;
font-weight: 300;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._collapseLabel_12grg_112 ._total_12grg_89 {
font-size: smaller;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 {
background-color: rgba(var(--color-primary-light--rgb), 0.1);
padding: 0 8px;
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159 {
padding: 16px 0;
padding-bottom: 0;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159 {
padding: 8px 0;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159:last-of-type {
padding-bottom: 16px;
}
@media screen and (max-width: 1600px) {
._wrapper_12grg_67 ._list_12grg_99 ._collapseContainer_12grg_104 ._innerList_12grg_155 ._innerListLabel_12grg_159:last-of-type {
padding: 8px 0;
}
}
._wrapper_12grg_67 ._list_12grg_99 ._emptyLabel_12grg_176 {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: x-large;
font-weight: 300;
color: var(--color-gray-600);
}._container_1oj5s_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1oj5s_10 {
gap: 16px;
}
._tabHeaderButton_1oj5s_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1oj5s_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1oj5s_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1oj5s_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1oj5s_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1oj5s_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1oj5s_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1oj5s_48 {
padding-top: 16px;
}
._button_1oj5s_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1oj5s_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1oj5s_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._content_1oj5s_67 {
position: relative;
height: 100%;
width: 100%;
display: flex;
gap: 8px;
min-height: 400px;
}
._content_1oj5s_67 ._loader_1oj5s_75 {
position: absolute;
}._container_1ti1i_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_1ti1i_10 {
gap: 16px;
}
._tabHeaderButton_1ti1i_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_1ti1i_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_1ti1i_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_1ti1i_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_1ti1i_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_1ti1i_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_1ti1i_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_1ti1i_48 {
padding-top: 16px;
}
._button_1ti1i_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_1ti1i_52[class*=outlined] {
background-color: var(--color-white);
}
._button_1ti1i_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._customHeader_1ti1i_67 {
display: grid;
grid-template-columns: 1fr 2fr;
gap: 0;
}
._shared_1ti1i_73 {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: end;
gap: 32px;
}
@media screen and (max-width: 1600px) {
._customHeader_1ti1i_67 {
grid-template-columns: 1fr;
gap: 24px;
}
._shared_1ti1i_73 {
align-items: flex-end;
}
}._container_10ayi_1 {
position: relative;
width: 100%;
height: 100%;
padding: 32px 96px;
margin: 0 auto;
min-width: 1280px;
}
._tabHeader_10ayi_10 {
gap: 16px;
}
._tabHeaderButton_10ayi_14 {
padding: 0;
font-size: 24px;
line-height: 24px;
font-weight: 900;
color: var(--color-gray-600);
text-transform: uppercase;
border-radius: var(--button__bd-radius);
cursor: pointer;
min-width: 0;
}
._tabHeaderButton_10ayi_14:hover {
background-color: transparent;
color: var(--color-primary-main);
}
._tabHeaderButton_10ayi_14[class*=active] {
background-color: transparent;
}
._tabHeaderButton_10ayi_14[class*=active] {
color: var(--color-black);
border-bottom: none;
}
._tabHeaderButton_10ayi_14[class*=active] span :last-child {
text-decoration: underline;
text-underline-offset: 0.2em;
}
._tabHeaderButton_10ayi_14[class*=active] i {
font-size: medium;
}
._tabHeaderButton_10ayi_14[class*=active]:hover {
text-decoration: none;
color: var(--color-primary-main);
}
._tabContent_10ayi_48 {
padding-top: 16px;
}
._button_10ayi_52 {
border-radius: 4px;
height: 40px;
cursor: pointer;
text-transform: uppercase;
}
._button_10ayi_52[class*=outlined] {
background-color: var(--color-white);
}
._button_10ayi_52[class*=icon-button] {
padding: 0;
width: 40px;
height: 40px;
}
._page_10ayi_67 {
position: relative;
background-color: var(--gray-light);
min-width: 1280px;
}</style><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-NXuaTKr4.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/selectors-BLroN6wa.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/uploadAttachments-DI4EeMXe.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/updatePartnerFilesAction-4mQdBlst.js"></head>
<body class="theme-container">
<div id="root" style="width: 100%"><div class="_root_1fqb3_1 _fullScreen_1fqb3_9"><div class="_centering_1fqb3_13"><div class="_paper_1fqb3_19"><div class="_avatar_1fqb3_35"><svg class="_logo_1fqb3_51" xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 32 32"><path d="M25.1 11.4h-2.4l-3.3 9.2h2.4l3.3-9.2zM16 31h-.4l3.1-8.4h4.2c.7 0 1.6-.6 1.8-1.3l3.3-9.1c.5-1.5-.3-2.7-1.9-2.7h-5.9L15.3 23l-2.8 7.6C5.9 29 1 23.1 1 16 1 9.1 5.6 3.3 12 1.6L9.1 9.4 4.3 22.6h3.2l4.1-11.1H14L9.9 22.6h3.2l3.8-10.4c.5-1.5-.3-2.7-1.9-2.7h-2.7l3-8.5h.7c8.3 0 15 6.7 15 15s-6.7 15-15 15z"></path></svg></div><form class="_form_1fqb3_57"><button class="_contained_1rf86_14 _contained--primary_1rf86_63 undefined _submit_1fqb3_64" type="button" data-testid="buttonRoot"><span class="_inner_1rf86_1"><span class="_caption_1rf86_10">Sign in</span></span></button></form></div></div></div><div class="_pinOutContainer_8u4wx_1" id="absolute_container"></div></div>
</body></html>