.c-payslip{width:100%}.c-payslip__container{background:#fff;border:1px solid #c4beff;border-radius:1.5rem;padding:1.5rem;position:relative}@media screen and (min-width:48em){.c-payslip__container{padding:2rem}}@media screen and (min-width:62.5em){.c-payslip__container{border:0;border-radius:2rem;box-shadow:0 .25rem .625rem 0 #c4beff;padding:3rem}}.c-payslip__header{border:1px solid #e7e5ff;border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem 1.25rem}@media screen and (min-width:48em){.c-payslip__header{margin-bottom:2rem;padding:2rem 1.25rem}}.c-payslip__total{margin-bottom:1.5rem;text-align:center}@media screen and (min-width:48em){.c-payslip__total{margin-bottom:2rem}}.c-payslip__total-label{color:#4c4c4c;display:block;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.c-payslip__total-amount{color:#00001d;display:block;font-family:Stratos,sans-serif;font-size:1.75rem;font-weight:700}@media screen and (min-width:48em){.c-payslip__total-amount{font-size:2.75rem}}.c-payslip__details{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:48em){.c-payslip__details{grid-template-columns:repeat(4,1fr)}}.c-payslip__detail-item{display:flex;flex-direction:column;padding:0 0 0 .5rem;position:relative}.c-payslip__detail-item:has(.c-payslip__beacon){z-index:5}.c-payslip__detail-label{color:#4c4c4c;font-family:Inter,sans-serif;font-size:.8125rem;font-weight:500;margin-bottom:.25rem}.c-payslip__detail-value{color:#00001d;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.c-payslip__section{margin-bottom:1rem}@media screen and (min-width:48em){.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:#00001d;font-family:Stratos,sans-serif;font-size:1.2rem;font-weight:700;margin:0 0 0 .875rem}@media screen and (min-width:48em){.c-payslip__section-title{font-size:1.25rem;margin:0 0 0 1.25rem}}.c-payslip__rows{border:1px solid rgba(0,0,29,.12);border-radius:.75rem}.c-payslip__row{align-items:center;border-bottom:1px solid rgba(0,0,29,.12);display:flex;justify-content:space-between;padding:.875rem 1rem;position:relative}.c-payslip__row:has(.c-payslip__beacon){z-index:5}@media screen and (min-width:48em){.c-payslip__row{padding:.8rem 1.25rem}}.c-payslip__row:last-child{border-bottom:none}.c-payslip__row-label{color:#4c4c4c;font-family:Inter,sans-serif;font-size:1rem;font-weight:500}.c-payslip__row-value{color:#00001d;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.js-payslip-trigger{border-radius:.5rem;cursor:pointer;transition:background-color .3s ease-in-out}.js-payslip-trigger:hover{background-color:rgba(107,93,255,.08)}.c-payslip__section--payments .c-payslip__rows{border-color:#6b5dff}@keyframes payslipPulse{0%{background-color:transparent}50%{background-color:rgba(107,93,255,.12)}to{background-color:transparent}}.c-payslip__tour-highlight{animation:payslipPulse 2s ease-in-out}.c-payslip--tour-complete .c-payslip__tour-highlight{animation:none}@keyframes payslipBeaconPulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(2.6)}to{opacity:0;transform:scale(2.6)}}.c-payslip__beacon{bottom:20%;height:.625rem;position:absolute;right:1.25rem;transform:translateY(50%);width:.625rem}.c-payslip__beacon--row{left:60%;right:auto;transform:translate(-50%,50%)}.c-payslip__beacon-dot,.c-payslip__beacon-pulse{background:#6b5dff;border-radius:50%;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.c-payslip__beacon-pulse{animation:payslipBeaconPulse 1.8s ease-out infinite}.c-payslip--tour-complete .c-payslip__beacon-dot,.c-payslip--tour-complete .c-payslip__beacon-pulse{display:none}.c-payslip__tour-message{background:#fffbf4;border:2px solid #e7e5ff;border-radius:.5rem;color:#00001d;left:50%;margin-top:.625rem;max-width:calc(100vw - 2rem);opacity:0;padding:.625rem .875rem;pointer-events:none;position:absolute;top:100%;transform:translateX(-50%) translateY(-.375rem);transition:opacity .3s ease-in-out,transform .3s ease-in-out;width:18rem;z-index:20}.c-payslip__tour-message:before{background:#fffbf4;border-left:2px solid #e7e5ff;border-top:2px solid #e7e5ff;content:"";height:.625rem;left:50%;position:absolute;top:-.4375rem;transform:translateX(-50%) rotate(45deg);width:.625rem}.c-payslip__tour-message.active{opacity:1;padding:1rem;transform:translateX(-50%) translateY(0)}.c-payslip__tour-message-title{font-family:Stratos,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.3;margin-bottom:.25rem}.c-payslip__tour-message-content{color:#4c4c4c;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;line-height:1.4}.c-payslip__section--bottom{border:1px solid rgba(0,0,29,.12);border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}@media screen and (min-width:48em){.c-payslip__section--bottom{margin-top:2rem;padding:2rem}}