@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700;900&display=swap");:root{--primary-green:#018786}::-webkit-scrollbar{width:10px;background-color:#cecece}::-webkit-scrollbar,::-webkit-scrollbar-thumb{border-top-right-radius:25px;border-top-left-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px}::-webkit-scrollbar-thumb{background-color:#838383}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}*{box-sizing:border-box;margin:0;padding:0}body,html,input[type=text]{font-family:Lato,sans-serif}input[type=text]{padding:.5rem;font-weight:400;background:none;border:none;color:#fff;width:100%}input::placeholder{color:#e5e5e58e}input:focus,select{outline:none}select{padding:.3rem .2rem;border:1px solid var(--primary-green);border-radius:25px;color:var(--primary-green);font-weight:600}ul{list-style:none}a{text-decoration:none;font-size:.8rem}.material-icons{padding-inline:.2rem}.checked{text-decoration:line-through;color:#d80000}.btn{padding:.5rem .8rem;font-family:Lato,sans-serif;font-weight:600;border:1px solid #018786;border-radius:25px;background-color:#fff;cursor:pointer;color:#018786;transition:all .3s ease-in}.btn:hover{background-color:#018786;color:#fff;border:1px solid #fff}.btn-reverse{background-color:var(--primary-green);color:#fff;border:1px solid #fefefe}.btn-reverse:hover{background-color:#fff;color:#018786;border:1px solid #018786}.btn-block{width:100%}.overlay{top:0;left:0;z-index:1;height:100vh;background-position:50%;background-size:cover}.modal,.overlay{position:absolute;width:100%}.modal{z-index:3}.mask,.modal{display:flex;align-items:center;justify-content:center;height:100dvh;background-color:#2e2e2e}.mask{position:absolute;width:100%;z-index:4}.mask span{padding:1rem;font-size:1.5rem;background-color:#cecece;border-radius:50%}.modal__form{display:flex;flex-direction:column;gap:20px;padding:1rem .7rem;width:300px;border:2px solid #018786}.modal__form input{border-bottom:1px solid #a3a3a3}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons.59322316.woff2) format("woff2"),url(/_next/static/media/material-icons.4ad034d2.woff) format("woff")}.material-icons{font-family:Material Icons;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-outlined.f86cb7b0.woff2) format("woff2"),url(/_next/static/media/material-icons-outlined.78a93b20.woff) format("woff")}.material-icons,.material-icons-outlined{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-outlined{font-family:Material Icons Outlined;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-round.b10ec9db.woff2) format("woff2"),url(/_next/static/media/material-icons-round.92dc7ca2.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-sharp.3885863e.woff2) format("woff2"),url(/_next/static/media/material-icons-sharp.a71cb2bf.woff) format("woff")}.material-icons-round,.material-icons-sharp{font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.material-icons-sharp{font-family:Material Icons Sharp;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/_next/static/media/material-icons-two-tone.675bd578.woff2) format("woff2"),url(/_next/static/media/material-icons-two-tone.588d6313.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}.container{position:relative;width:100%;height:100dvh;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto auto 1fr auto;grid-template-areas:"search blank weather" "clock entry entry" "clock list list" "salutation list list" "controls list list" "footer footer footer";grid-gap:20px;gap:20px;overflow:hidden;z-index:2;color:#fff;background-color:#2d2d2d8a;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container__search{margin-left:.3rem;padding-top:.5rem;grid-area:search;width:100%}.search__group{width:100%;padding-top:.1rem;padding-bottom:.3rem;display:flex;align-items:center;border:1px solid #cecece;border-radius:25px}.search__group input{border-bottom:1px solid #a3a3a3}.clear{cursor:pointer}.container__weather{grid-area:weather;text-align:right;margin-right:.3rem;cursor:default}.container__weather>div{display:flex;gap:10px;justify-content:flex-end;align-items:center}.weather__icon{width:30px;height:30px}.container__clock{grid-area:clock;cursor:default}.clock__date{font-size:3.5vw}.clock__date,.clock__time{font-weight:600;text-align:center}.clock__time{font-size:8vw}.container__salutation{grid-area:salutation;font-size:2.5vw;text-align:center;font-weight:700}.container__controls{grid-area:controls;text-align:center;transition:all .5s ease-in-out}.container__controls div:first-child{font-size:.8rem;font-style:italic;color:#ffffff99}.control__buttons{margin-top:.5rem;padding-inline:.3rem;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));opacity:.3;transition:all .3s ease-in-out}.container__controls:hover .control__buttons{opacity:1}.container__entry{grid-area:entry;width:100%;font-size:1.2rem;padding-inline:.3rem;cursor:default}.entry__data{border:1px solid #cecece;border-radius:25px;margin-top:.2rem}.container__list{grid-area:list;overflow:auto;margin-inline:.3rem;border:1px solid #cecece;border-radius:10px}.container__list ul{padding:.5rem;display:flex;flex-direction:column;gap:10px}.container__list .form-group{display:flex;gap:10px;align-items:center;border-bottom:1px solid #cecece55;transition:all .3s ease-in-out;background-color:#2e2e2e99;border-radius:15px;padding-inline:.5rem}.form-group input[type=checkbox]{transform:scale(1.2)}.form-group label{padding-block:.3rem;flex:1 1}.form-group .material-icons{cursor:pointer}.container__footer{grid-area:footer;padding-block:.5rem;text-align:center;cursor:default}.footer__quote{font-style:italic;font-size:1rem}.footer__quote:after,.footer__quote:before{content:'"'}.container__footer .footer__author{visibility:hidden;transition:all .5s ease-in-out;transform:translateY(100%)}.container__footer:hover .footer__author{transform:translateY(0);visibility:visible}.blank{grid-area:blank}@media (max-width:919px){.container{gap:20px;grid-template-rows:auto auto auto auto auto 1fr auto;grid-template-columns:repeat(2,1fr);grid-template-areas:"search weather" "clock clock" "salutation salutation" "controls controls" "entry entry" "list list" "footer footer"}.container__search,.container__weather{padding:.5rem}.clock__date{padding-top:1rem}.blank{display:none}.container__footer .footer__author{visibility:visible;transform:translateY(0)}}@media (max-width:599px){.container{gap:10px;grid-template-rows:auto auto auto auto 1fr auto;grid-template-columns:repeat(2,1fr);grid-template-areas:"clock weather" "salutation salutation" "controls controls" "entry entry" "list list" "footer footer"}.container__clock,.container__weather{padding:.5rem}.clock__date,.clock__time{text-align:left}.container__salutation{font-size:1.2rem}.container__controls div:first-child{display:none}.container__entry{font-size:1rem;text-align:center}.container__list{margin-bottom:.5rem}.btn{font-size:.8rem;font-weight:400}.control__buttons{opacity:.5;gap:5px;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr))}.blank,.container__search{display:none}}.fixed-btn{position:fixed;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;bottom:1rem;right:1rem;background-color:#cecece;z-index:3}.fixed-btn a{height:100%;width:100%}.fixed-btn .material-icons{color:var(--primary-green);font-size:1.7rem}.salary__container{display:grid;grid-gap:20px;gap:20px;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"input output history" "input output history" "input footer footer";width:100%;height:100dvh;background-color:#023430;color:#fefefe;position:relative;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.salary__container label{font-size:.8rem;font-style:italic}.salary__container small{font-size:.8rem}.input__section{grid-area:input;min-width:280px;max-width:350px;background-color:#fefefe;overflow:auto}.salary__input{color:var(--primary-green);display:flex;flex-direction:column;gap:20px;position:relative;padding:1rem;font-size:1rem}.salary__input .input__logo{text-align:center}.salary__input img{width:4rem;height:4rem;cursor:pointer}.salary__input h3{text-align:center}.salary__input li{padding-block:.2rem}.salary__input .form-group{display:flex;flex-direction:column}.salary__input .form-group input{padding:.3rem .5rem;border:1px solid var(--primary-green);border-radius:25px;color:var(--primary-green);outline:none;font-weight:600;font-size:.9rem}.salary__info{color:var(--primary-green);padding:.5rem}.salary__info .input__bands{padding-block:.5rem}.salary__output{grid-area:output;border-right:1px solid #d3d3d355;margin-block:1rem;text-align:center;display:flex;flex-direction:column;overflow:auto;width:100%}.salary__output h1{padding-bottom:1rem}.salary__output ul{padding:1rem .5rem;color:#fefefeaa}.salary__output li{display:flex;justify-content:flex-end;padding:.5rem 1rem;border-bottom:1px solid #d3d3d355}.salary__output span:last-child{min-width:10rem;text-align:end}.salary__output>div{max-width:70%;display:flex;flex-direction:column;align-items:center;margin:.5rem auto;justify-content:flex-end}.salary__output .salary__estimations{width:100%;display:flex;justify-content:space-between;padding-block:.2rem;font-size:.8rem;color:#f6c624}.salary__history{grid-area:history;margin-block:1rem;min-width:30vw;padding-inline:.5rem;display:flex;flex-direction:column;gap:10px}.salary__history ul{overflow:auto}.salary__history:has(h1,label){text-align:center}.salary__history .card{border:1px solid #d3d3d3aa;padding:.5rem;box-shadow:0 0 5px #fefefeaa;cursor:pointer;margin-bottom:1rem;border-radius:5px}.card .card-content{display:flex;justify-content:space-between;padding-block:.2rem;font-size:.8rem}.card-content span{width:100%;text-align:right}.selected{color:#f6c624;font-weight:600}.input-annual{background-color:#ffeabbaa}.salary__footer{grid-area:footer;padding:.5rem;text-align:center}@media (max-width:599px){.salary__container{overflow:auto;display:block}.fixed-btn{top:.5rem;left:.5rem}.input__section{max-width:100vw;text-align:center}.salary__input .form-group input{padding:.5rem}.salary__input .btn{padding-block:1rem}.salary__input .advance{display:none}.salary__output>div{max-width:100%;display:flex;flex-direction:column;align-items:center;margin:.5rem auto;justify-content:flex-end}}@media (max-width:919px){.salary__container{min-height:100%;grid-template-columns:repeat(3,1fr);grid-template-areas:"input output output" "input history history" "input footer footer"}.input__section{max-width:100%;text-align:center}.salary__output>div{max-width:100%;display:flex;flex-direction:column;align-items:center;margin:.5rem auto;padding-inline:.5rem;justify-content:flex-end}.salary__history{min-height:100%}}