.Button_button__f_l0m{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border-radius:0;font-size:14px;font-weight:500;transition:all .2s ease;border:none;cursor:pointer;outline:none;font-family:var(--primary-font)}.Button_button__f_l0m:disabled{background-color:#2c2c2e;pointer-events:none;color:#a0a0a0}.Button_solid__rzyUa{background-color:#fff}.Button_outline__Nk0b6{background-color:transparent;border:1px solid #8e8e93;color:#1e1e1e}.Button_button__f_l0m:hover{opacity:.85}.Button_sm__CDbQJ{padding:8px 14px}.Button_md__fwg2m,.Button_sm__CDbQJ{font-weight:700;font-size:14px;line-height:20px;letter-spacing:0}.Button_md__fwg2m{padding:10px 16px}.Button_lg__2Fw1x{padding:10px 18px}.Button_lg__2Fw1x,.Button_xl__eOf74{font-weight:700;font-size:16px;line-height:24px;letter-spacing:0}.Button_xl__eOf74{padding:12px 20px}.Button_xl2__L6wNN{padding:16px 28px;font-weight:700;font-size:16px;line-height:24px;letter-spacing:0}.PassportProfile_container__P2RYN{display:flex;flex-direction:column;gap:40px;padding:40px 20px;color:var(--text-color-primary-2)}.PassportProfile_headingGroup__syf2c{display:flex;flex-direction:column;gap:8px}.PassportProfile_sectionTitle__dCULb{font-family:var(--font-bebas-neue);font-weight:400;font-size:var(--heading-lg-size);line-height:var(--heading-line-height-normal);letter-spacing:var(--heading-letter-spacing);margin-bottom:0}.PassportProfile_sectionDesc__U9CU2{font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);margin-bottom:0}@media only screen and (min-width:992px){.PassportProfile_container__P2RYN{gap:52px;padding:0}.PassportProfile_headingGroup__syf2c{gap:12px}.PassportProfile_sectionTitle__dCULb{font-size:var(--heading-2xl-size)}.PassportProfile_sectionDesc__U9CU2{font-size:var(--text-base-size);line-height:var(--text-base-line-height);letter-spacing:var(--text-base-letter-spacing)}}.PassportProfile_divider__OyHco{margin:0}.PassportProfile_paymentProgress__d0zp_{padding:16px;background-color:var(--bg-accent-4);display:flex;flex-direction:column;gap:28px}.PassportProfile_moneyPaidContainer__2ydRM{display:flex;flex-direction:column;align-items:center;gap:4px}.PassportProfile_title__TEWdJ{margin-bottom:0;font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing)}.PassportProfile_moneyPaid__2Kt3l{font-weight:700;font-size:32px;line-height:100%;letter-spacing:0;color:var(--text-color-accent-3);margin-bottom:0;margin-top:4px}.PassportProfile_percentage__eWF8Z{font-family:var(--primary-font);font-weight:800;font-size:17px;line-height:32px;letter-spacing:0;vertical-align:middle;color:var(--text-color-primary-2)}.PassportProfile_estimatePayment__GRmX5{font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);margin-bottom:0;color:var(--text-color-accent-3)}.PassportProfile_paymentCounter__ElUxI{display:grid;grid-template-rows:1fr;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;max-width:340px;width:100%;margin:0 auto}.PassportProfile_currentPayment__7GL8l{border-right:1px solid #8e8e93}.PassportProfile_currentPayment__7GL8l,.PassportProfile_paymentRemaining__RBq9V{display:flex;flex-direction:column;gap:8px;align-items:center}.PassportProfile_currentPayment__7GL8l span,.PassportProfile_paymentRemaining__RBq9V span{font-family:var(--primary-font);font-weight:600;font-size:var(--text-xl-size);line-height:var(--text-xl-line-height);letter-spacing:var(--text-xl-letter-spacing);margin-bottom:0}.PassportProfile_currentPayment__7GL8l p,.PassportProfile_paymentRemaining__RBq9V p{font-family:var(--primary-font);font-weight:400;font-size:var(--text-xs-size);line-height:var(--text-xs-line-height);letter-spacing:var(--text-xs-letter-spacing);margin-bottom:0}.PassportProfile_acceleration__UVs74{display:flex;flex-direction:column;gap:16px}.PassportProfile_acceleration__UVs74 p{font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);margin-bottom:0}@media only screen and (min-width:768px){.PassportProfile_moneyPaid__2Kt3l{line-height:32px}.PassportProfile_paymentProgress__d0zp_{padding:16px 32px 32px}.PassportProfile_paymentCounter__ElUxI{max-width:460px}.PassportProfile_currentPayment__7GL8l{border-right:1px solid #8e8e93}.PassportProfile_currentPayment__7GL8l,.PassportProfile_paymentRemaining__RBq9V{display:flex;flex-direction:column;gap:8px;align-items:center}.PassportProfile_currentPayment__7GL8l span,.PassportProfile_paymentRemaining__RBq9V span{font-size:var(--text-2xl-size);line-height:var(--text-2xl-line-height);letter-spacing:var(--text-2xl-letter-spacing)}.PassportProfile_currentPayment__7GL8l p,.PassportProfile_paymentRemaining__RBq9V p{font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing)}.PassportProfile_acceleration__UVs74{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between}}.PassportProfile_paymentComplete__mNoX7 h3{text-align:center;margin-bottom:0;font-family:var(--primary-font);font-weight:800;font-size:var(--text-xl-size);line-height:var(--text-xl-line-height);letter-spacing:var(--text-xl-letter-spacing);color:var(--text-color-accent-3)}.PassportProfile_paymentComplete__mNoX7 p{margin-bottom:0;margin-top:12px;font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);text-align:center}@media only screen and (min-width:768px){.PassportProfile_paymentComplete__mNoX7 h3{font-size:var(--text-2xl-size);line-height:var(--text-2xl-line-height);letter-spacing:var(--text-2xl-letter-spacing)}.PassportProfile_paymentComplete__mNoX7 p{margin-top:16px;font-size:var(--text-base-size);line-height:var(--text-base-line-height);letter-spacing:var(--text-base-letter-spacing)}}.PassportProfile_paymentHistory__Dr_Xw{display:flex;flex-direction:column;gap:32px}.PassportProfile_tabContainer__es5W0{display:flex;flex-direction:row;gap:4px;overflow-x:auto;margin-bottom:20px}.PassportProfile_paymentHistoryTab__nQt61{all:unset;padding:0 8px 16px;font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);text-wrap:nowrap;color:var(--text-color-quarternary)}.PassportProfile_paymentHistoryTab__nQt61.PassportProfile_activeTab__zE0iL{font-weight:900;color:var(--text-color-primary-2);border-bottom:3px solid #c7c7cc}@media only screen and (min-width:768px){.PassportProfile_tabContainer__es5W0{display:flex;flex-direction:row;gap:24px;overflow-x:auto}.PassportProfile_paymentHistoryTab__nQt61{font-size:var(--text-base-size);line-height:var(--text-base-line-height);letter-spacing:var(--text-base-letter-spacing)}}.PassportProfile_historyCardContainer__CvIHy{list-style-type:none;display:flex;flex-direction:column;gap:16px;padding:0}.PassportProfile_historyCard__SCzTj{background-color:var(--bg-bluish-2);padding:20px;border:1px solid #8e8e93;display:flex;flex-direction:column;gap:24px}.PassportProfile_historyHeading__vVThx{display:flex;flex-direction:column-reverse;gap:8px}.PassportProfile_persibLogo__eNbcG{display:none}.PassportProfile_historyIndex__pm8Vz{font-family:var(--primary-font);font-weight:600;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);margin-bottom:0}.PassportProfile_historyDate__W8Oz3{font-family:var(--primary-font);font-weight:400;font-size:var(--text-xs-size);line-height:var(--text-xs-line-height);letter-spacing:var(--text-xs-letter-spacing);margin-bottom:0;margin-top:4px}.PassportProfile_historyStatus__6vGMX{font-family:var(--primary-font);font-weight:900;font-style:italic;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);text-transform:uppercase;margin:0;padding:0 8px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;text-wrap:nowrap}.PassportProfile_paid__gZPTB{background-color:#38b467;color:var(--text-color-primary-1)}.PassportProfile_overdue__hXf08{background-color:#ed2525;color:var(--text-color-primary-1)}.PassportProfile_waiting__yGoO1{background-color:#edb925;color:var(--text-color-primary-1)}.PassportProfile_historyFooter__rwvr4{display:flex;flex-direction:column;gap:16px}.PassportProfile_billText__9qs_h{font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);margin-bottom:0}.PassportProfile_billNominal__sWRGe{font-family:var(--primary-font);font-weight:700;font-style:Bold;font-size:var(--text-base-size);line-height:var(--text-base-line-height);letter-spacing:var(--text-base-letter-spacing);margin-bottom:0;margin-top:4px}@media only screen and (min-width:768px){.PassportProfile_historyCard__SCzTj{padding:16px 20px;display:flex;flex-direction:column;gap:36px}.PassportProfile_historyHeading__vVThx{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.PassportProfile_historyInfo__8oKlq{display:flex;gap:20px;align-items:center}.PassportProfile_persibLogo__eNbcG{display:block}.PassportProfile_historyIndex__pm8Vz{font-size:var(--text-base-size);line-height:var(--text-base-line-height);letter-spacing:var(--text-base-letter-spacing)}.PassportProfile_historyDate__W8Oz3{font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing)}.PassportProfile_historyFooter__rwvr4{display:flex;flex-direction:row;gap:0;align-items:center;justify-content:space-between}}.PassportProfile_installmentStatusBanner__XPAwN{background-color:#fff;z-index:100;position:fixed;width:100%;display:flex;gap:12px;padding-top:16px;padding-bottom:16px}.PassportProfile_bannerMessage__QD_VU{font-family:var(--primary-font);font-weight:400;font-size:var(--text-sm-size);line-height:var(--text-sm-line-height);letter-spacing:var(--text-sm-letter-spacing);width:100%}.PassportProfile_closeButton__uOg8j{all:unset;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.TopHeader_navContainer__fRqLb{font-family:var(--primary-font);position:relative}.TopHeader_navContainer__fRqLb a{text-decoration:none}.TopHeader_fixedNav__WATil{position:fixed;top:0;width:100%;z-index:1000;background:linear-gradient(to right,var(--bg-neutral-5) 50%,var(--bg-accent-3) 50%)}.TopHeader_desktopHide__VoOxH{padding:0 10%}.TopHeader_desktopNavbarContainer__qtMfI{width:100%;background:linear-gradient(to right,var(--bg-neutral-5) 95%,var(--bg-accent-3) 5%);display:flex;flex-direction:row;align-items:center;height:112px;justify-content:space-between}.TopHeader_desktopNavMenu___DliL{display:flex;flex-direction:row;margin-bottom:0;color:var(--text-color-primary-2);list-style-type:none;text-transform:uppercase}.TopHeader_logoWrapper__VhSpk{min-height:80px;min-width:80px;position:relative}.TopHeader_desktopNavMenu___DliL li{padding:9px 12px;text-wrap:nowrap}.TopHeader_desktopNavMenu___DliL li:hover{color:var(--text-color-primary-2)}.TopHeader_desktopNavMenu___DliL a{height:24px;display:block}.TopHeader_menuText__HMv0L{position:relative;font-family:var(--primary-font);font-weight:500;font-size:var(--text-base-size);line-height:var(--text-base-line-height);letter-spacing:var(--text-base-letter-spacing);color:var(--text-color-primary-2);list-style-type:none;text-transform:uppercase}.TopHeader_menuText__HMv0L:hover{background-color:transparent;color:var(--primary-font)!important}.TopHeader_menuText__HMv0L:after{content:" ";position:absolute;left:0;bottom:-5px;width:100%;height:3px;background-color:#fff;transform:scaleX(0);transition:transform .2s;transform-origin:right}.TopHeader_menuText__HMv0L:hover:after{transform-origin:left;transform:scaleX(1)}.TopHeader_activeNav__LcQKa{font-weight:700}.TopHeader_desktopNavButton__M0z2i{display:flex;gap:8px;flex-direction:row;background-color:var(--bg-accent-3);height:100%;align-items:center;padding-left:130px;-webkit-clip-path:polygon(120px 0,100% 0,100% 100%,0 100%);clip-path:polygon(120px 0,100% 0,100% 100%,0 100%)}.TopHeader_desktopNavButton__M0z2i button{height:-moz-fit-content;height:fit-content;width:123px}@media (max-width:1180px){.TopHeader_menuText__HMv0L{font-size:var(--text-sm-size)}.TopHeader_desktopNavMenu___DliL li{padding:8px}.TopHeader_desktopNavButton__M0z2i button{width:100px}}@media (max-width:1250px){.TopHeader_logoWrapper__VhSpk{min-height:50px;min-width:50px}.TopHeader_menuText__HMv0L{font-size:var(--text-xs-size)}}@media (max-width:1400px){.TopHeader_logoWrapper__VhSpk{min-height:60px;min-width:60px}.TopHeader_menuText__HMv0L{font-size:var(--text-sm-size)}.TopHeader_registerButton__Q9w0A{display:none}}.TopHeader_dropdown__JXQgE{background-color:var(--bg-accent-3);border-radius:0}.TopHeader_mobileHide__rzElf{display:none}@media screen and (max-width:992px){.TopHeader_desktopHide__VoOxH{display:none}.TopHeader_mobileHide__rzElf{display:block}}.TopHeader_mobileHide__rzElf{position:relative;background-color:var(--bg-neutral-5)}.TopHeader_mobileNavContainer__EFd1P{position:relative;width:100%;padding:0}.TopHeader_mobileNavHeader__L0t8d{display:flex;align-items:center;z-index:1001;position:relative;background-color:var(--bg-neutral-5);width:100%;height:80px;justify-content:space-between;background:linear-gradient(to right,var(--bg-neutral-5) 95%,var(--bg-accent-3) 5%)}.TopHeader_mobileNavHeader__L0t8d .TopHeader_rightSection__vm_aL{padding:20px 16px 20px 100px;background-color:var(--bg-accent-3);-webkit-clip-path:polygon(70px 0,100% 0,100% 100%,0 100%);clip-path:polygon(70px 0,100% 0,100% 100%,0 100%);height:100%;min-width:200px;display:flex;gap:27px;align-items:center;justify-content:flex-end}.TopHeader_userInfo__7_gcb{display:flex;gap:8px;align-items:center}.TopHeader_username__V_LnS{color:#fff}.TopHeader_btnLogout__g4xdV,.TopHeader_username__V_LnS{font-family:var(--font-bebas-neue);font-weight:400;font-size:var(--heading-lg-size);line-height:var(--heading-line-height-normal);letter-spacing:var(--heading-letter-spacing);text-align:center;margin-bottom:0;text-wrap:nowrap;height:24px;line-height:25px}.TopHeader_btnLogout__g4xdV{color:var(--text-color-primary-1);margin-left:1rem}.TopHeader_mobileNavHeader__L0t8d .TopHeader_leftSection__zYxdv{padding:20px 16px}.TopHeader_navbarToggleCustom__IkLmj{all:unset;cursor:pointer;padding:0}.TopHeader_navbarToggleCustom__IkLmj:focus{outline:none;box-shadow:none}.TopHeader_mobileMenu__flsi_{position:fixed;top:80px;left:0;right:0;background-color:var(--bg-neutral-5);z-index:1000;overflow-y:auto;padding:32px 20px;max-height:0;transform:translateY(-100%);transition:max-height .3s ease,transform .3s ease;overflow:hidden;display:flex;flex-direction:column}.TopHeader_mobileMenu__flsi_.TopHeader_show__MDxdg{max-height:calc(100dvh - 80px);transform:translateY(0);bottom:0}.TopHeader_mobileNavList__08IUS{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.TopHeader_mobileNavLink__oMZaK{color:#fff;text-decoration:none;text-transform:uppercase;display:block;font-size:1rem;font-family:var(--primary-font);font-weight:500;font-size:var(--text-base-size);line-height:var(--text-base-line-height);letter-spacing:var(--text-base-letter-spacing);color:var(--text-color-primary-2);width:-moz-fit-content;width:fit-content}.TopHeader_mobileNavLink__oMZaK:hover{color:#fff}.TopHeader_mobileNavLink__oMZaK.TopHeader_active__Txeil{font-weight:700}.TopHeader_dropdownToggle__CnpcJ{display:flex;align-items:center;color:#fff;gap:12px;text-transform:uppercase;cursor:pointer;width:-moz-fit-content;width:fit-content}.TopHeader_dropdownMenu__Y6J6n{list-style:none;padding-left:1rem;padding-top:.5rem;max-height:0;transform:translateY(-10px);transition:max-height .3s ease,transform .3s ease;overflow:hidden}.TopHeader_showDropdown__3OYlW{max-height:500px;transform:translateY(0)}.TopHeader_rotateIcon__QtPZe{transform:rotate(90deg);transition:transform .3s ease}.TopHeader_subMenu__GrQr9{text-decoration:none;display:block;margin:10px 0}.TopHeader_buttonGroup__1LcQS{margin-top:auto;display:flex;flex-direction:column;gap:12px}.TopHeader_buttonGroup__1LcQS button{width:100%}