.c-payslip{width:100%}.c-payslip__container{background:#fff;border:1px solid #e0f3ff;border-radius:2.75rem;box-shadow:.3125rem .3125rem 2rem rgba(28,152,235,.3);overflow:hidden;padding:2rem;position:relative}@media screen and (max-width:47.9375em){.c-payslip__container{border-radius:2rem;padding:1.5rem}}.c-payslip__header{border:1px solid #1c98eb70;border-radius:1rem;margin-bottom:2rem;padding:2rem 1.25rem}.c-payslip__total{margin-bottom:2rem;text-align:center}.c-payslip__total-label{color:#3d556c;display:block;font-size:1.125rem;margin-bottom:.5rem}.c-payslip__total-amount{color:#1d364f;display:block;font-size:2.75rem;font-weight:700}.c-payslip__details{display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}@media screen and (max-width:62.5em){.c-payslip__details{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:47.9375em){.c-payslip__details{grid-template-columns:repeat(2,1fr)}}.c-payslip__detail-item{display:flex;flex-direction:column;padding:0 0 0 .5rem}.c-payslip__detail-label{color:#3d556c;font-size:.875rem;margin-bottom:.25rem}.c-payslip__detail-value{color:#1d364f;font-size:1rem;font-weight:500}.c-payslip__section{margin-bottom:1.5rem}.c-payslip__section:last-child{margin-bottom:0}.c-payslip__section-header{margin-bottom:.25rem}.c-payslip__section-title{color:#1d364f;font-size:1.25rem;font-weight:700;margin:0 0 0 1.25rem}.c-payslip__rows{border:1px solid #e0f3ff;border-radius:.75rem}.c-payslip__row{align-items:center;border-bottom:1px solid #e0f3ff;display:flex;justify-content:space-between;padding:.8rem 1.25rem}.c-payslip__row:last-child{border-bottom:none}.c-payslip__row-label{color:#3d556c;font-size:1rem}.c-payslip__row-value{color:#1d364f;font-size:1rem;font-weight:500}.js-payslip-trigger{border-radius:8px;cursor:pointer;transition:background-color .3s ease}.js-payslip-trigger:hover{background-color:rgba(28,152,235,.1)}.c-payslip__section:first-of-type .c-payslip__rows,.c-payslip__section:last-of-type .c-payslip__rows{border-color:#e0f3ff}.c-payslip__section:has(+.c-payslip__section--bottom) .c-payslip__rows{border-color:#1c98eb}.c-payslip__section--payments .c-payslip__rows{border-color:#1c98eb}@media screen and (max-width:47.9375em){.c-payslip__total{margin-bottom:1.5rem}.c-payslip__total-label{font-size:.875rem}.c-payslip__total-amount{font-size:1.75rem}.c-payslip__section{margin-bottom:1rem}.c-payslip__section-title{font-size:1.2rem;margin:0 0 0 .875rem}.c-payslip__header{padding:1.5rem}.c-payslip__row{padding:.875rem 1rem}}@keyframes pulseBackground{0%{background-color:transparent}50%{background-color:rgba(28,152,235,.1)}to{background-color:transparent}}.c-payslip__tour-highlight{animation:pulseBackground 2s ease-in-out}.c-payslip--tour-complete .c-payslip__tour-highlight{animation:none}.c-payslip__tour-message{background:radial-gradient(#4eaeef,#1c98eb);border-radius:0 1rem 1rem 0;box-shadow:.3125rem .3125rem 1.25rem hsla(0,0%,100%,.25);color:#fff;left:0;max-width:24rem;opacity:0;padding:2.5rem 2rem 2.5rem 3rem;position:fixed;text-align:left;top:50%;transform:translate(-100%,-50%);transition:all .5s ease-in-out;z-index:100}.c-payslip__tour-message.active{opacity:1;transform:translateY(-50%)}.c-payslip__tour-message-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.75rem}.c-payslip__tour-message-content{font-size:1rem;line-height:1.5}@media screen and (max-width:47.9375em){.c-payslip__tour-message{max-width:80vw;padding:2rem 1.5rem 2rem 2.5rem;top:80%}.c-payslip__tour-message-title{font-size:1.25rem}}.c-payslip__section--bottom{border:1px solid #e0f3ff;border-radius:.75rem;margin-top:2rem;padding:2rem}@media screen and (max-width:47.9375em){.c-payslip__section--bottom{margin-top:1.5rem;padding:1.5rem}}