.payroll-widget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:-4px 0 18px}.payroll-widget-grid article{background:#fff;border:1px solid #f0dfe0;border-radius:17px;padding:15px;min-height:105px;position:relative;overflow:hidden}.payroll-widget-grid article:after{content:"";height:68px;width:68px;position:absolute;right:-25px;bottom:-31px;border-radius:50%;background:#ffe7e9}.payroll-widget-grid article.overtime:after{background:#fff0d8}.payroll-widget-grid article.deduction:after{background:#ffe2df}.payroll-widget-grid article.net{background:#49111b;border-color:#49111b}.payroll-widget-grid article.net:after{background:#f2223c}.payroll-widget-grid small,.payroll-widget-grid b,.payroll-widget-grid span{display:block;position:relative;z-index:1}.payroll-widget-grid small{font-size:8px;letter-spacing:.8px;color:#9e7b80;font-weight:800}.payroll-widget-grid b{font-family:Georgia,serif;color:#4c1720;font-size:20px;line-height:1.1;margin:6px 0 4px;letter-spacing:-.5px}.payroll-widget-grid span{font-size:9px;color:#9d8286}.payroll-widget-grid .net small{color:#eab8c0}.payroll-widget-grid .net b{color:#fff}.payroll-widget-grid .net span{color:#e3c1c7}.selfie-links{display:flex;gap:5px;flex-wrap:wrap}.selfie-links a{font-size:9px;font-weight:800;color:#b22840;background:#fff0f1;border-radius:6px;padding:4px 5px}.hr-attendance-row{grid-template-columns:1.25fr .75fr .5fr 1.05fr .6fr}@media(max-width:1000px){.payroll-widget-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.payroll-widget-grid{gap:8px}.payroll-widget-grid article{padding:12px;min-height:91px}.payroll-widget-grid b{font-size:16px}.hr-attendance-row{grid-template-columns:1.2fr .8fr}.hr-attendance-row>:nth-child(3),.hr-attendance-row>:nth-child(4),.hr-attendance-row>:nth-child(5){display:none}}
