.overview{padding:calc(var(--fs)*7) calc(var(--fs)*4) calc(var(--fs)*9);position:relative;overflow:hidden}.overview .comparison-title{color:var(--color-primary-950)}.overview__glow{z-index:0;width:calc(var(--fs)*40);height:calc(var(--fs)*20);opacity:.33;filter:blur(100px);pointer-events:none;background:#6bc5d3d9;position:absolute;top:50%;left:50%;transform:translate(-50%,-20%)}.overview__grid{z-index:0;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 72%);mask-image:radial-gradient(#000 0%,#0000 72%)}.overview__grid-img{object-fit:cover;width:100%;height:100%}.overview .comparison-head{z-index:1;position:relative}.overview__card{z-index:1;gap:calc(var(--fs)*1.5);width:min(var(--fs)*54,92%);margin:calc(var(--fs)*4) auto 0;padding:calc(var(--fs)*2);border-radius:calc(var(--fs)*1.75);box-shadow:0 calc(var(--fs)*2.5) calc(var(--fs)*5) calc(var(--fs)*-1.5) #585c5f29;background:#fff;border:1px solid #e4e4e7cc;flex-direction:column;display:flex;position:relative}.overview__card-head{justify-content:space-between;align-items:flex-start;gap:calc(var(--fs)*1);margin-bottom:calc(var(--fs)*.75);display:flex}.overview__user{align-items:center;gap:calc(var(--fs)*.9);display:flex}.overview__avatar{width:calc(var(--fs)*3);height:calc(var(--fs)*3);font-family:var(--font-sans);color:#fff;background:#3f9aa4;border-radius:50%;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}@media (min-width:1024px){.overview__avatar{font-size:14px}}@media (min-width:1280px){.overview__avatar{font-size:15px}}.overview__user-text{gap:calc(var(--fs)*.15);flex-direction:column;display:flex}.overview__user-name{font-family:var(--font-sans);color:var(--color-primary-950);font-size:17px;font-weight:700}@media (min-width:1024px){.overview__user-name{font-size:14px}}@media (min-width:1280px){.overview__user-name{font-size:15px}}.overview__user-sub{font-family:var(--font-sans);color:#9aa4b2;font-size:13px;font-weight:500}@media (min-width:1024px){.overview__user-sub{font-size:11px}}@media (min-width:1280px){.overview__user-sub{font-size:12px}}.overview__invoice{align-items:flex-end;gap:calc(var(--fs)*.15);flex-direction:column;display:flex}.overview__invoice-title{font-family:var(--font-sans);color:var(--color-primary-950);font-size:20px;font-weight:700}@media (min-width:1024px){.overview__invoice-title{font-size:17px}}@media (min-width:1280px){.overview__invoice-title{font-size:18px}}.overview__invoice-due{font-family:var(--font-sans);color:#9aa4b2;font-size:12px;font-weight:500}@media (min-width:1024px){.overview__invoice-due{font-size:10px}}@media (min-width:1280px){.overview__invoice-due{font-size:11px}}.overview__form{gap:calc(var(--fs)*.85);flex-direction:column;display:flex}.overview__row{gap:calc(var(--fs)*.85);grid-template-columns:1fr 1fr;display:grid}.overview__field{align-items:center;gap:calc(var(--fs)*.6);height:calc(var(--fs)*3);padding:0 calc(var(--fs)*1);border-radius:calc(var(--fs)*.75);font-family:var(--font-sans);color:#9aa4b2;background:#f4f6f8;border:1px solid #ececf0;font-size:14px;font-weight:500;display:flex}@media (min-width:1024px){.overview__field{font-size:12px}}.overview__field-icon{width:calc(var(--fs)*1.1);height:calc(var(--fs)*1.1);color:#b6bdc7;flex:none;display:flex}.overview__field-icon svg{width:100%;height:100%}.overview__pay{justify-content:center;align-items:center;gap:calc(var(--fs)*.6);height:calc(var(--fs)*3.5);margin-top:calc(var(--fs)*.5);border-radius:calc(var(--fs)*.9);font-family:var(--font-sans);color:#fff;cursor:pointer;box-shadow:0 calc(var(--fs)*.75) calc(var(--fs)*1.75) #3f9aa459;background:#3f9aa4;border:none;font-size:15px;font-weight:700;display:flex}@media (min-width:1024px){.overview__pay{font-size:13px}}@media (min-width:1280px){.overview__pay{font-size:14px}}.overview__pay-icon{width:calc(var(--fs)*1.2);height:calc(var(--fs)*1.2);display:flex}.overview__pay-icon svg{width:100%;height:100%}@media (orientation:portrait){.overview{padding:calc(var(--fs)*4) calc(var(--fs)*1.5) calc(var(--fs)*5)}.overview__glow{opacity:1;filter:none;background:radial-gradient(#00a0ac4d 0%,#00a0ac00 60%);width:120vw;height:65vw}.overview__card{width:100%;margin-top:calc(var(--fs)*3);padding:calc(var(--fs)*1.5);gap:calc(var(--fs)*1.25)}.overview__card-head{margin-bottom:calc(var(--fs)*.25)}.overview__avatar{width:calc(var(--fs)*2.6);height:calc(var(--fs)*2.6);font-size:15px}}@media (orientation:portrait) and (min-width:1024px){.overview__avatar{font-size:13px}}@media (orientation:portrait) and (min-width:1280px){.overview__avatar{font-size:14px}}@media (orientation:portrait){.overview__user-name{font-size:14px}}@media (orientation:portrait) and (min-width:1024px){.overview__user-name{font-size:12px}}@media (orientation:portrait) and (min-width:1280px){.overview__user-name{font-size:13px}}@media (orientation:portrait){.overview__user-sub{font-size:12px}}@media (orientation:portrait) and (min-width:1024px){.overview__user-sub{font-size:10px}}@media (orientation:portrait) and (min-width:1280px){.overview__user-sub{font-size:11px}}@media (orientation:portrait){.overview__invoice-title{font-size:16px}}@media (orientation:portrait) and (min-width:1024px){.overview__invoice-title{font-size:13px}}@media (orientation:portrait) and (min-width:1280px){.overview__invoice-title{font-size:14px}}@media (orientation:portrait){.overview__invoice-due{font-size:11px}}@media (orientation:portrait) and (min-width:1024px){.overview__invoice-due{font-size:10px}}@media (orientation:portrait){.overview__field{height:calc(var(--fs)*3);font-size:12px}}@media (orientation:portrait) and (min-width:1024px){.overview__field{font-size:10px}}@media (orientation:portrait) and (min-width:1280px){.overview__field{font-size:11px}}@media (orientation:portrait){.overview__pay{height:calc(var(--fs)*3.5);font-size:14px}}@media (orientation:portrait) and (min-width:1024px){.overview__pay{font-size:12px}}