[data-theme=light]{--replanishment-bg: var(--black-white);--app-border: var(--black-white);--white-black: #ffffff}[data-theme=dark]{--replanishment-bg: none;--app-border: var(--black-white);--white-black: #282828}.replenishment .wrapper-outer{padding:clamp(40px,5vw,72px) 0}.replenishment .wrapper-outer .heading h2{font-size:clamp(22px,2vw,28px);font-weight:600;margin-bottom:8px;padding:0}.replenishment .wrapper-outer .heading p{color:var(--smoke-grey);font-size:clamp(16px,1.5vw,18px)}.replenishment .wrapper-outer .heading.-container h2{margin-bottom:12px}.replenishment .wrapper-outer .inner{border-radius:20px;background:var(--white-grey);margin-top:clamp(30px,2vw,48px);padding:clamp(48px,2vw,40px) 12px}.replenishment .wrapper-outer .inner .heading{text-align:center;margin-bottom:24px}.replenishment .wrapper-outer .inner .form{margin:0 auto;max-width:416px;width:100%}.replenishment .wrapper-outer .inner .form .exchange{margin-bottom:16px}.replenishment .wrapper-outer .inner .form .number-input div{border-radius:12px;margin:0}.replenishment .wrapper-outer .inner .form .number-input div fieldset{border-color:var(--grey-stroke_middle-grey)}.replenishment .wrapper-outer .inner .form .number-input:hover label{color:var(--middle_accent-green)}.replenishment .wrapper-outer .inner .form .number-input:hover div fieldset{border-color:var(--middle_accent-green)}.replenishment .wrapper-outer .inner .form .selectCard .number-input div{position:relative;padding-right:12px}.replenishment .wrapper-outer .inner .form .selectCard .number-input div:after{content:"KZT";display:block;color:var(--grey-stroke)}.replenishment .wrapper-outer .inner .form .selectCard .Mui-focused fieldset{border-color:var(--middle_accent-green)!important}.replenishment .wrapper-outer .inner .form .selectCard .MuiFormControl-root.MuiTextField-root{margin:0}.replenishment .wrapper-outer .inner .form .button{width:100%;font-size:16px;color:var(--milk-dark);border-radius:12px;border:1px solid var(--middle_accent-green);background:var(--middle_accent-green);padding:14px}.replenishment .wrapper-outer .inner .form .button:disabled{opacity:.6}.replenishment .wrapper-outer .inner .form .inputCode{display:flex;align-items:center;justify-content:center;gap:16px}.replenishment .wrapper-outer .inner .form .inputCode input,.replenishment .wrapper-outer .inner .form .inputCode select{max-width:42px;width:100%!important;max-height:48px;height:100%;padding:16px 14px 16px 16px;border:1.4px solid var(--grey-stroke);border-radius:12px;background:none;color:var(--smoke-grey);outline:none}.replenishment .wrapper-outer .inner .form .inputCode input:focus,.replenishment .wrapper-outer .inner .form .inputCode select:focus{border-color:var(--middle_accent-green)}.replenishment .wrapper-outer .inner .form .timerCode{margin:clamp(24px,2vw,40px) auto;text-align:center;font-size:14px}.replenishment .wrapper-outer .inner .form .timerCode p{color:var(--smoke-grey)}.replenishment .wrapper-outer .inner .form .timerCode a{color:var(--middle_accent-green);cursor:pointer}.replenishment .wrapper-outer .inner .form .select{max-width:416px;margin-inline:auto;border-radius:12px;color:var(--dark_grey-white);text-align:left}.replenishment .wrapper-outer .inner .form .select:hover label{color:var(--middle_accent-green)}.replenishment .wrapper-outer .inner .form .select label{color:var(--dark_grey-white)}.replenishment .wrapper-outer .inner .form .select div{border-radius:12px;color:var(--black-white)}.replenishment .wrapper-outer .inner .form .select div svg{fill:var(--grey-stroke_middle-grey)}.replenishment .wrapper-outer .inner .form .select div fieldset{border-color:var(--grey-stroke_middle-grey)}.replenishment .wrapper-outer .inner .form .select div:hover fieldset{border-color:var(--middle_accent-green)}.replenishment .wrapper-outer .inner .form .select .Mui-focused{color:var(--middle_accent-green);border-color:var(--middle_accent-green)}.replenishment .wrapper-outer .inner .form .select .Mui-focused fieldset{border-color:var(--middle_accent-green)}.replenishment .wrapper-outer .result{padding-inline:16px;display:flex;align-items:stretch;justify-content:space-between;gap:40px}@media (max-width: 991px){.replenishment .wrapper-outer .result{flex-direction:column}}.replenishment .wrapper-outer .result__check{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;background:var(--white-grey);width:100%;max-width:410px;flex:1 1 auto;align-self:stretch}@media (max-width: 991px){.replenishment .wrapper-outer .result__check{align-self:center}}.replenishment .wrapper-outer .result__check:after{content:"";position:absolute;left:0;top:100%;width:100%;height:15px;background-image:linear-gradient(45deg,transparent 47%,var(--white-black) 10%),linear-gradient(-45deg,transparent 47%,var(--white-black) 10%);background-size:10px;background-repeat:repeat-x}.replenishment .wrapper-outer .result__check:before{content:"";position:absolute;left:0;bottom:100%;width:100%;height:15px;background-image:linear-gradient(135deg,transparent 47%,var(--white-black) 10%),linear-gradient(225deg,transparent 47%,var(--white-black) 10%);background-size:10px;background-repeat:repeat-x}.replenishment .wrapper-outer .result__check .logo{padding-inline:20px;margin-bottom:24px}.replenishment .wrapper-outer .result__check .logo svg{width:100px;height:30px;margin:0}.replenishment .wrapper-outer .result__check .status{color:var(--milk-dark);text-align:center;width:100%;padding:8px;font-size:16px;font-style:normal;font-weight:500;line-height:22px}.replenishment .wrapper-outer .result__check .status p{margin:0}.replenishment .wrapper-outer .result__check .success{background:var(--middle_accent-green)}.replenishment .wrapper-outer .result__check .error{background:var(--red)}.replenishment .wrapper-outer .result__check .field{padding:12px 20px;width:100%}.replenishment .wrapper-outer .result__check .field p{display:flex;justify-content:space-between;align-items:center;font-size:10px;text-transform:uppercase}.replenishment .wrapper-outer .result__check .field p span{font-size:14px;font-weight:600}.replenishment .wrapper-outer .result__check .field-sum{color:var(--middle_accent-green)}.replenishment .wrapper-outer .result__check .field-sum p,.replenishment .wrapper-outer .result__check .field-sum span{font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase}.replenishment .wrapper-outer .result__check .send-check{display:flex;gap:10px;align-items:center;color:var(--middle_accent-green);font-size:16px;font-style:normal;font-weight:500;line-height:20px;text-align:center;padding-inline:20px;margin:38px auto 20px;background:transparent;border:0}.replenishment .wrapper-outer .result__check hr{border:1px dashed var(--grey-stroke_middle-grey);align-self:center;width:95%;margin:12px 0}.replenishment .wrapper-outer .result__app{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;max-width:890px;width:100%}.replenishment .wrapper-outer .result__app .item{flex:1 1;background:none;border:1px solid var(--grey-stroke_middle-grey);border-radius:20px;padding:clamp(24px,2vw,40px);width:100%;height:100%;gap:24px;display:flex;flex-direction:column;justify-content:space-between}.replenishment .wrapper-outer .result__app .item__header{display:flex;align-items:center;gap:clamp(22px,2vw,32px)}.replenishment .wrapper-outer .result__app .item__header img{max-width:114px;max-height:114px}@media (max-width: 580px){.replenishment .wrapper-outer .result__app .item__header{align-items:flex-start;flex-direction:column}}.replenishment .wrapper-outer .result__app .item__header h3{font-size:clamp(22px,2vw,28px);font-style:normal;font-weight:700;line-height:40px;margin-bottom:8px}.replenishment .wrapper-outer .result__app .item__header p{color:var(--smoke-grey)}.replenishment .wrapper-outer .result__app .item__footer{display:flex;align-items:center;gap:8px}@media (max-width: 580px){.replenishment .wrapper-outer .result__app .item__footer{flex-direction:column}}.replenishment .wrapper-outer .result__app .item__footer a{background:var(--replanishment-bg);border:1px solid var(--app-border);padding:8px 12px;min-width:148px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px}@media (max-width: 991px){.replenishment .wrapper-outer .result__app .item__footer a{width:100%}}.replenishment .wrapper-outer .result__app .item__footer a img{max-height:24px;width:auto}.MuiPopover-root .MuiPaper-root .MuiList-root{background:var(--milk-dark);color:var(--black-white)}
