@media screen,print and (prefers-color-scheme: light){html{--button--primary---idle: var(--semantic-colors--accent);--button--secondary---idle: var(--semantic-colors--white);--stroke--thin: var(--semantic-colors--information);--button--secondary---idle-2: var(--semantic-colors--white);--button--tetriary---idle: var(--semantic-colors--in-progress);--button--info: var(--semantic-colors--information);--text--filled-aaa: #212529;--text--secondary-grey--aa: var(--semantic-colors--disabled-aa);--text--label: var(--text--secondary-grey--aa);--text--link-aaa: var(--text--filled-aaa);--text--primary-on-colored-background: var(--semantic-colors--white);--text--secondary-on-colored-backgroun-light: rgba(250, 250, 250, .6);--text--disabled: var(--semantic-colors--disabled-aa);--button--disabled---idle: var(--text--primary-on-colored-background);--text--fail: #e31c3d;--text--success: #2e8540;--icons--filled: var(--text--filled-aaa);--icons--light: var(--stroke--thin);--icons--on-colored-background: var(--semantic-colors--white);--button--deleting: var(--semantic-colors--action-needed);--icons--accent: var(--semantic-colors--in-progress);--icons--warning: var(--semantic-colors--warning);--background--l1: #f0f0f0;--background--l2: var(--semantic-colors--white);--background--l3-and-hover: var(--semantic-colors--information);--background--dark-l1: #1a1f22;--hover--default: var(--background--l1);--background--dark-l2: #232c30;--background--dark-l3: #3e525f;--semantic-colors--in-progress: #67afee;--semantic-colors--secondary: #3e525f;--semantic-colors--success: #2e8540;--semantic-colors--action-needed: #ed726d;--semantic-colors--warning: #f5c06b;--semantic-colors--information: #eaeaeb;--semantic-colors--disabled-aa: #646669;--semantic-colors--accent: #fbe87c;--semantic-colors--white: #ffffff;--chart--accent--l1: var(--semantic-colors--accent);--chart--accent--l-2: var(--semantic-colors--secondary);--chart--accent--l-3: var(--semantic-colors--warning);--chart--accent--l-4: var(--chart--default--l5);--chart--accent--l-5: var(--chart--default--l8);--chart--accent--l-6: var(--chart--default--l6);--chart--accent--l-7: var(--chart--default--l7);--chart--accent--l-8: var(--chart--default--l3);--chart--accent--l-9: var(--semantic-colors--information);--chart--accent--l-10: var(--chart--default--l4);--background--overlay: rgba(35, 44, 48, .15);--chart--default--l1: var(--semantic-colors--in-progress);--chart--default--l2: var(--semantic-colors--secondary);--chart--default--l3: #b2d0f3;--chart--default--l4: #6987a3;--chart--default--l5: #000000;--chart--default--l6: var(--text--secondary-grey--aa);--chart--default--l7: var(--background--dark-l1);--chart--default--l8: #a8b8c8;--chart--default--l9: var(--semantic-colors--accent);--chart--default--l10: var(--semantic-colors--warning)}}@media screen and (prefers-color-scheme: dark){html{--button--primary---idle: var(--semantic-colors--accent);--button--secondary---idle: var(--semantic-colors--white);--stroke--thin: var(--semantic-colors--information);--button--secondary---idle-2: #ffffff;--button--tetriary---idle: var(--semantic-colors--in-progress);--button--info: var(--semantic-colors--information);--text--filled-aaa: var(--text--primary-on-colored-background);--text--secondary-grey--aa: var(--text--secondary-on-colored-backgroun-light);--text--label: var(--text--secondary-on-colored-backgroun-light);--text--link-aaa: var(--icons--on-colored-background);--text--primary-on-colored-background: var(--semantic-colors--white);--text--secondary-on-colored-backgroun-light: rgba(250, 250, 250, .7);--text--disabled: var(--semantic-colors--disabled-aa);--button--disabled---idle: var(--text--primary-on-colored-background);--text--fail: #ff4d6a;--text--success: var(--semantic-colors--success);--icons--filled: var(--icons--on-colored-background);--icons--light: var(--stroke--thin);--icons--on-colored-background: var(--semantic-colors--white);--button--deleting: var(--semantic-colors--action-needed);--icons--accent: var(--semantic-colors--in-progress);--icons--warning: var(--semantic-colors--warning);--background--l1: var(--background--dark-l1);--background--l2: var(--background--dark-l2);--background--l3-and-hover: #3e525f;--background--dark-l1: #1a1f22;--hover--default: var(--background--dark-l1);--background--dark-l2: #232c30;--background--dark-l3: #1a1f22;--semantic-colors--in-progress: #67afee;--semantic-colors--secondary: #3e525f;--semantic-colors--success: #7eef95;--semantic-colors--action-needed: #ed726d;--semantic-colors--warning: #f5c06b;--semantic-colors--information: #646669;--semantic-colors--disabled-aa: #646669;--semantic-colors--accent: #fbe87c;--semantic-colors--white: #ffffff;--chart--accent--l1: var(--semantic-colors--accent);--chart--accent--l-2: var(--semantic-colors--secondary);--chart--accent--l-3: var(--semantic-colors--warning);--chart--accent--l-4: var(--chart--default--l5);--chart--accent--l-5: var(--chart--default--l8);--chart--accent--l-6: var(--chart--default--l6);--chart--accent--l-7: var(--chart--default--l7);--chart--accent--l-8: var(--chart--default--l3);--chart--accent--l-9: var(--semantic-colors--information);--chart--accent--l-10: var(--chart--default--l4);--background--overlay: rgba(26, 31, 34, .7);--chart--default--l1: var(--semantic-colors--in-progress);--chart--default--l2: var(--semantic-colors--secondary);--chart--default--l3: #b2d0f3;--chart--default--l4: #6987a3;--chart--default--l5: #000000;--chart--default--l6: var(--text--secondary-grey--aa);--chart--default--l7: var(--background--dark-l1);--chart--default--l8: #a8b8c8;--chart--default--l9: var(--semantic-colors--accent);--chart--default--l10: var(--semantic-colors--warning)}}@media screen and (max-width: 1024px){html{--padding-rules--modal-dialog: var(--base--1-rem-16);--row-size-and-input-size: var(--base--2p5-rem-40);--progress: var(--base--0p5-rem-8);--space-between--content: var(--base--1-rem-16);--space-between--buttons: var(--base--0p5-rem-8);--space-between--minor-space: var(--base--0p25-rem-4);--padding-rules--container-side: var(--base--0p75-rem-12);--padding-rules--container-top-and-bottom: var(--base--1-rem-16);--padding-rules--small-element: var(--base--0p75-rem-12);--icon--default: var(--base--1p5-rem-24);--icon--small: var(--base--1-rem-16);--base--0p25-rem-4: 4px;--base--0p5-rem-8: 8px;--base--0p625-rem-10: 10px;--base--0p75-rem-12: 12px;--base--0p875-rem-12: 14px;--base--1-rem-16: 16px;--base--1p5-rem-24: 24px;--base--2-rem-32: 32px;--base--2p5-rem-40: 40px;--base--60: 40px}}@media screen and (min-width: 1024px){html{--padding-rules--modal-dialog: var(--base--2p5-rem-40);--row-size-and-input-size: var(--base--2p5-rem-40);--progress: var(--base--2p5-rem-40);--space-between--content: var(--base--1-rem-16);--space-between--buttons: var(--base--0p5-rem-8);--space-between--minor-space: var(--base--0p25-rem-4);--padding-rules--container-side: var(--base--1p5-rem-24);--padding-rules--container-top-and-bottom: var(--base--1-rem-16);--padding-rules--small-element: var(--base--0p75-rem-12);--icon--default: var(--base--1p5-rem-24);--icon--small: var(--base--1-rem-16);--base--0p25-rem-4: 4px;--base--0p5-rem-8: 8px;--base--0p625-rem-10: 10px;--base--0p75-rem-12: 12px;--base--0p875-rem-12: 14px;--base--1-rem-16: 16px;--base--1p5-rem-24: 24px;--base--2-rem-32: 32px;--base--2p5-rem-40: 40px;--base--60: 60px}}@font-face{font-family:Labil Grotesk;font-style:normal;font-weight:500;src:url(/assets/LabilGrotesk-50Regular-BY1xZeu3.otf) format("opentype"),url(/assets/LabilGrotesk-50Regular-BiWLHCOO.woff) format("woff"),url(/assets/LabilGrotesk-50Regular-CUzuN5Zh.woff2) format("woff2")}@font-face{font-family:Labil Grotesk;font-style:normal;font-weight:700;src:url(/assets/LabilGrotesk-70Bold-C7roXV0L.otf) format("opentype"),url(/assets/LabilGrotesk-70Bold-BBRN_87F.woff) format("woff"),url(/assets/LabilGrotesk-70Bold-n_8yTrwl.woff2) format("woff2")}:root{font-family:Labil Grotesk,Arial,sans-serif;line-height:1.4;font-weight:500;margin:0;color-scheme:light dark;color:var(--text--filled-aaa);background-color:var(--background--l1);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}h1{font-family:Labil Grotesk,Arial,sans-serif;font-size:1.5rem;font-style:normal;font-weight:500;line-height:normal}h2{font-family:Labil Grotesk,Arial,sans-serif;font-size:1rem;font-style:normal;font-weight:500;line-height:normal}p{color:var(--text--secondary-grey--aa);font-size:.75rem;font-style:normal;font-weight:500;line-height:1.5}a{color:var(--text--secondary-grey--aa);font-size:.75rem;font-style:normal;font-weight:500;line-height:normal}a:hover{color:var(--text--filled-aaa)}._header_1g8qc_1{background:var(--background--dark-l1);color:var(--text--primary-on-colored-background);display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;padding:0 var(--padding-rules--modal-dialog);margin-bottom:var(--base--1p5-rem-24);padding-top:2px}._logoSection_1g8qc_14 span{font-size:var(--base--1p5-rem-24)}._logoSection_1g8qc_14{display:flex;flex-direction:row;align-items:center;gap:12px}._actionsSection_1g8qc_25{display:flex;flex-direction:row;align-items:center;gap:var(--space-between--buttons);position:relative}@media screen and (max-width: 400px){._logoSection_1g8qc_14 span{font-size:calc(var(--base--1p5-rem-24) * .8)}}._localeContainer_cu2uj_1{position:relative}._menuToggleButtonContainer_cu2uj_5{display:none}._menuItemsContainer_cu2uj_9{display:flex;flex-direction:row;gap:var(--space-between--buttons)}@media screen and (max-width: 600px){._menuHidden_cu2uj_16{display:none}._screen_cu2uj_20{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}._menuToggleButtonContainer_cu2uj_5{display:flex}._menuItemsContainer_cu2uj_9{position:absolute;flex-direction:column;right:0;top:2.5rem;z-index:1000;min-width:150px;box-shadow:0 0 16px #00000080;background:var(--background--dark-l1)}._menuItemsContainer_cu2uj_9 button{justify-content:flex-start;width:100%;border-radius:0}}._button_l0r0a_1{font-family:Labil Grotesk,Arial,sans-serif;text-align:center;font-size:.75rem;font-style:normal;font-weight:500;line-height:normal;display:flex;flex-direction:row;height:44px;min-width:44px;overflow:hidden;padding:var(--base--0p5-rem-8) var(--base--0p75-rem-12);justify-content:center;align-items:center;gap:var(--base--0p25-rem-4);border-radius:var(--base--60);color:#212529;background:var(--semantic-colors--accent);border:none;transition:background .2s}._button_l0r0a_1:hover{cursor:pointer;background:#fede32;transition:background .1s}._button_l0r0a_1:disabled{opacity:.6;background:var(--semantic-colors--accent);cursor:auto}._link_l0r0a_42{background:transparent;border:none;color:var(--text--filled-aaa)}._link_l0r0a_42:hover{background:var(--background--l3-and-hover)}._transparent_l0r0a_52{background:transparent;border:none;color:var(--text--filled-aaa)}._transparent_l0r0a_52:hover{background:var(--background--l3-and-hover)}._header_l0r0a_62{background:transparent;border:none;color:var(--semantic-colors--white)}._header_l0r0a_62:hover{background:var(--background--dark-l2)}._button_l0r0a_1 img{display:block;padding:2px}._spinner_j30fi_1{width:1.1rem;height:1.1rem;border-radius:50%;background:radial-gradient(farthest-side,var(--text--filled-aaa) 94%,#0000) top/3px 3px no-repeat,conic-gradient(#0000 30%,var(--text--filled-aaa));-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 3px),#000 0);animation:_spinner-c7wet2_j30fi_1 1s infinite linear}._spinnerDark_j30fi_10{background:radial-gradient(farthest-side,#212529 94%,#0000) top/3px 3px no-repeat,conic-gradient(#0000 30%,#212529)}@keyframes _spinner-c7wet2_j30fi_1{to{transform:rotate(1turn)}}._icon_146li_1 svg path{fill:var(--text--filled-aaa)}._iconLight_146li_5 svg path{fill:#fff}._iconDark_146li_9 svg path{fill:#212529}._container_1myep_1{display:none}._visible_1myep_5{display:block}._dropDown_1myep_9{position:absolute;right:0;display:flex;flex-direction:column;z-index:1000;min-width:100%;top:2.5rem;box-shadow:0 0 16px #00000080;background:var(--background--dark-l1)}._dropDown_1myep_9 button{border-radius:0;justify-content:flex-start}._screen_1myep_26{position:fixed;top:0;left:0;bottom:0;right:0;background:transparent;z-index:999}@media screen and (max-width: 600px){._dropDown_1myep_9{box-shadow:2px 2px 8px #00000080 inset;position:inherit;top:0}._dropDown_1myep_9 button{background-color:transparent!important;padding-left:calc(var(--base--0p75-rem-12) * 1.5)}._dropDown_1myep_9 button:hover{background-color:var(--background--dark-l2)!important}._screen_1myep_26{display:none}}._container_1hdoz_1{display:flex;flex-direction:row;padding:0 var(--padding-rules--modal-dialog);gap:var(--space-between--content)}._thumbsContainer_juqul_4{display:flex;flex-direction:row;gap:var(--space-between--buttons);flex-wrap:wrap}._paginationContainer_juqul_11{display:none}._thumbLink_juqul_15{position:relative}._thumbLink_juqul_15 img{transform:scale(1);transition:transform .2s;display:block}._thumbLink_juqul_15 span{position:absolute;bottom:8px;right:8px;color:#212529;font-size:.625rem}._thumbLinkSelected_juqul_33{border:1px solid var(--icons--accent)}._thumbLink_juqul_15:hover img{transform:scale(1.05);transition:transform .2s}@media screen and (max-width: 600px){._thumbsContainer_juqul_4{display:none}._paginationContainer_juqul_11{display:flex;flex-direction:row;justify-content:space-between;align-items:center}._paginationContainer_juqul_11 span{color:var(--text--filled-aaa);text-shadow:var(--background--l1) 0 0 2px;font-weight:400}._paginationLink_juqul_60{border-radius:var(--base--60);background-color:#fff9}._disabledPaginationLink_juqul_65{border-radius:var(--base--60);background-color:#fff9;opacity:.2}}._buttonLabel_1kk7c_1{display:inherit}@media screen and (max-width: 400px){._buttonLabel_1kk7c_1{display:none}}._container_54aa3_1{display:flex;flex-direction:row;gap:var(--space-between--content);margin-bottom:var(--padding-rules--modal-dialog)}._payslipSelectContainer_54aa3_8{width:25vw;max-width:288px}._payslipDownloadContainerSmallScreen_54aa3_13{display:none}._payslipDownloadContainerLargeScreen_54aa3_17 button{width:100%}._payslipSelectAndPreviewContainer_54aa3_21{display:flex;flex-direction:row;gap:var(--space-between--content)}._payslipPreviewContainer_54aa3_27{width:50vw;max-width:700px}._payslipPageSelectContainer_54aa3_32{display:flex;flex-direction:column;max-width:400px;gap:var(--space-between--content)}@media screen and (max-width: 900px){._payslipDownloadContainerLargeScreen_54aa3_17{height:2.8rem;justify-content:center;display:flex;flex-direction:column}._payslipSelectContainer_54aa3_8{width:auto;max-width:none}._payslipSelectAndPreviewContainer_54aa3_21{flex-direction:column}._payslipPreviewContainer_54aa3_27{width:70vw}}@media screen and (max-width: 600px){._container_54aa3_1,._payslipSelectAndPreviewContainer_54aa3_21{width:100%}._payslipPreviewContainer_54aa3_27{width:auto;max-width:none}._payslipSelectContainer_54aa3_8{width:auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-between--content)}._payslipPageSelectContainer_54aa3_32{position:fixed;max-width:none;bottom:38px;left:48px;right:48px}._payslipDownloadContainerLargeScreen_54aa3_17{display:none}._payslipDownloadContainerSmallScreen_54aa3_13{display:block}._payOfficeInfoContainer_54aa3_100{display:none}}._container_1benr_1{flex:1 1 0;display:flex;flex-direction:column;gap:var(--space-between--buttons)}._payslipLinksContainer_1benr_8{gap:var(--space-between--buttons);display:flex;flex-direction:column}._linkItem_1benr_14{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--base--0p5-rem-8) var(--padding-rules--small-element);background-color:var(--background--l2);transition:background-color .2s;text-decoration:none;color:var(--text--filled-aaa);font-size:.75rem;font-style:normal;font-weight:500;line-height:normal;min-height:calc(44px - var(--base--0p5-rem-8) * 2)}._linkItem_1benr_14:hover{background-color:var(--background--l3-and-hover);transition:background-color .1s}._payerName_1benr_36{color:var(--text--secondary-grey--aa);font-size:.625rem;font-style:normal;font-weight:500;line-height:normal;text-align:left}._netPaymentContainer_1benr_45{display:flex;flex-direction:row;align-items:center;gap:var(--space-between--buttons)}._linkItemSelected_1benr_52{border:1px solid var(--icons--accent)}._payslipDropdownSelectContainer_1benr_56{display:none}._payslipDropdownSelectToggle_1benr_60{width:100%;display:none;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--base--0p5-rem-8) var(--padding-rules--small-element);background-color:var(--background--l2);transition:background-color .2s;text-decoration:none;color:var(--text--filled-aaa);font-family:Labil Grotesk,Arial,sans-serif;min-height:44px;font-size:.75rem;font-style:normal;font-weight:500;text-align:left;line-height:normal;border:none;cursor:pointer}._payslipDropdownSelectToggle_1benr_60:hover{background-color:var(--background--l3-and-hover);transition:background-color .1s}._payslipLinksContainer_1benr_8 button{width:100%}._screen_1benr_91{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}._dropDownVisible_1benr_100{display:flex!important}._dropDownContainer_1benr_104{position:relative}@media screen and (max-width: 900px){._container_1benr_1{gap:0}._payslipDropdownSelectToggle_1benr_60{display:flex}._payslipLinksContainer_1benr_8{display:none;position:absolute;width:100%;z-index:1000;top:5px;max-height:70vh;overflow:auto;background:var(--background--l2);box-shadow:0 0 16px #00000080;gap:0}._payslipLinksContainer_1benr_8 button{border-radius:0}}._container_pjzry_1{padding:0 var(--padding-rules--modal-dialog);margin-bottom:var(--base--1p5-rem-24);max-width:800px}._container_10zrk_1{margin:0 var(--padding-rules--modal-dialog)}._container_fh1ij_1{position:fixed;top:var(--padding-rules--small-element);right:var(--padding-rules--small-element);display:flex;flex-direction:column;gap:var(--space-between--buttons);z-index:2000}._toastItem_fh1ij_11{background-color:var(--background--l2);padding:var(--padding-rules--small-element);min-width:200px;max-width:400px;box-shadow:0 0 16px #00000080}._typeInfo_fh1ij_19{border-left:var(--base--0p75-rem-12) solid var(--semantic-colors--in-progress)}._typeError_fh1ij_23{border-left:var(--base--0p75-rem-12) solid var(--semantic-colors--action-needed)}