:root{--big-font-size:36px;--medium-font-size:20px;--base-font-size:16px;--header-height:70px;--left-menu-width:245px;--content-padding:30px;--white-color:#fff;--black-color:#000;--common-color:#343434;--blue-color:#0074b1;--yellow-color:#ffc507;--error:#ff5229}.payment{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.payment .payment-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.payment .title{text-align:center;font-size:48px;color:#000;color:var(--black-color)}.payment .status-icon{display:block;width:128px;height:128px;position:relative;border-radius:50%;border:6px solid #ffc507;border:6px solid var(--yellow-color);margin:40px auto 0}.payment .status-icon svg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.payment .status-icon svg path{fill:#ffc507;fill:var(--yellow-color)}.payment .status-icon.fail{border:6px solid #ff5229;border:6px solid var(--error)}.payment .status-icon.fail path{fill:#ff5229;fill:var(--error)}.payment .description{color:#000;color:var(--black-color);text-align:center;margin-top:30px;font-size:20px;font-size:var(--medium-font-size)}