:root{--color-primary:#e80059;--color-primary-hover:#d20046;--color-primary-light:#ffe9ee;--color-primary-lighter:#fff9fa;--color-primary-faint:#fef5f7;--color-primary-muted:#f1899c}*{box-sizing:border-box;font-family:Red Hat Display,sans-serif;margin:0;padding:0}a{color:#000;text-decoration:none}#root{display:flex;justify-content:center}.App{align-items:flex-start!important;display:flex!important;width:1400px}.view-title{align-items:end;color:#e80059;color:var(--color-primary);display:flex;font-size:3rem;font-weight:600;padding-top:10vh}.header{display:inline-flex;padding:0 0 50px;right:0;top:0;width:75%}@media only screen and (max-width:768px){.header{left:0;padding-top:30px;width:100%}}@media only screen and (min-width:768px){.route-container.is-mobile{left:100px}}.route-container{-ms-overflow-style:none;bottom:0;display:inline-flex;flex-direction:column;height:100vh;position:relative;right:0;scrollbar-width:none;width:75%}.route-container::-webkit-scrollbar{display:none}@media only screen and (max-width:768px){.route-container{left:0;margin:auto;width:90vw}}.graphic-element{animation:animateIn 1s cubic-bezier(.445,.05,.55,.95) forwards;aspect-ratio:1;bottom:5px;height:50px;position:fixed;right:5px;z-index:-1}@keyframes animateIn{0%{bottom:-220px;right:-220px}}.back-home-container{animation:backhome 1.5s cubic-bezier(.165,.84,.44,1) 5s both;border-radius:30px;bottom:30px;box-shadow:0 7px 29px 0 #64646f33;left:30px;padding:20px;position:fixed}@keyframes backhome{0%{bottom:-100px}}.SideBar_menuItem__BxXLe{animation:SideBar_animateInData__Ryq1q .3s cubic-bezier(.47,0,.57,1) both;color:#000;font-size:1.3rem}.SideBar_menuItemActive__jwAIV{color:var(--color-primary)!important}.SideBar_container__QRDpv{display:inline-flex;flex-direction:column;gap:30px;height:100vh;left:0;padding:30vh 50px 50px;top:0;width:20%}.SideBar_hamburgerMenu__bdg8d{background:#fff;border-radius:30px;cursor:pointer;font-size:1.5rem;left:10px;padding:30px;position:fixed;top:10px;z-index:100}@media only screen and (max-width:768px){.SideBar_container__QRDpv{background:#fff;height:100vh;position:fixed;width:100vw;z-index:99}.SideBar_menuItem__BxXLe{color:#000;font-size:2rem}}@media only screen and (min-width:1500px){.SideBar_container__QRDpv{padding-top:20vh}}@keyframes SideBar_animateInData__Ryq1q{0%{opacity:0;top:40px}to{opacity:1;top:0}}.Dropdown_Select__69d-w{-webkit-appearance:none;appearance:none;background-color:#fff;border:none;cursor:inherit;display:inline-block;font-family:inherit;font-size:1.4rem;line-height:inherit;margin:10px 10px 5px 0;outline:none;padding:0}.Dropdown_Select__69d-w::-ms-expand{display:none}.Dropdown_Option__2h58X{color:#000}.site-adress-container{display:inline-block;left:0;opacity:0;position:absolute;width:100%;z-index:10}.bar-loader{animation:animateInBar .5s cubic-bezier(.47,0,.57,1) infinite alternate;background:var(--color-primary);border:none;border-radius:50px;margin:3px;opacity:0;width:50px}.bar-loader:hover{background:var(--color-primary-hover)}.bar{animation:animateInBar .3s cubic-bezier(.47,0,.57,1) forwards;background:var(--color-primary);border:none;border-radius:50px;margin:3px;opacity:0;width:50px}.bar:hover{background:var(--color-primary-hover)}.graph{align-items:flex-end;display:flex;height:300px;position:relative;width:50vw}.graph:not(:hover) .tooltip,.tooltip{opacity:0}.tooltip{transition:all .3s cubic-bezier(.47,0,.57,1)}@media only screen and (max-width:768px){.graph{width:70vw}}@keyframes animateInBar{0%{height:0;opacity:0}to{opacity:1}}.y-axis-label{color:#ababab;font-size:.8rem;position:absolute;right:-60px;transition:all .3s cubic-bezier(.47,0,.57,1);z-index:-1}.graph:hover .y-axis-label{border-bottom:.1px solid var(--color-primary);color:#717171;padding-left:100px}.graph:hover .y-axis-label:first-of-type{transition-delay:.05s}.graph:hover .y-axis-label:nth-of-type(2){padding-left:150px;transition-delay:.1s}.graph:hover .y-axis-label:nth-of-type(3){padding-left:200px;transition-delay:.15s}.graph:hover .y-axis-label:nth-of-type(4){padding-left:200px;transition-delay:.2s}h2.site-adress{align-items:center;display:inline-flex;font-size:2.5rem;justify-content:center;position:relative}.backwards-container,h2.site-adress{color:var(--color-primary);cursor:pointer}.backwards-container{animation:button-in .3s cubic-bezier(.58,0,.35,1.01) both;display:inline-block;padding:0 20px}@media only screen and (max-width:768px){.backwards-container{animation-duration:1s;margin-top:10px;width:100%}}@keyframes button-in{0%{height:0;opacity:0}}@media only screen and (max-width:768px){h2.site-adress{display:block;font-size:1.7rem}.prompt-to-hover{display:none}}.Button_Button__PZ9YR{background:none;border:none;border-radius:50px;color:var(--color-primary);cursor:pointer;font-family:Red Hat Display;font-size:1.1rem;margin:5px;padding:5px 10px}.Button_Primary__rjuIZ{background-color:var(--color-primary-light);padding:20px 30px}.Button_IsActive__LXp3C{background-color:var(--color-primary);color:#fff}.Button_IsSmaller__SGn3H{padding:10px 20px}.invoice-row{animation:animateInRow .5s cubic-bezier(.38,.5,.06,.8) forwards;background-color:#f6f6f6;border-radius:30px;display:flex;flex-direction:row;gap:30px;justify-content:space-between;margin-bottom:10px;opacity:0;padding:10px 25px;position:relative;width:80%}@media only screen and (max-width:768px){.invoice-row{gap:0;width:100%}}@keyframes animateInRow{0%{opacity:0;top:40px}to{opacity:1;top:0}}.invoices-container{scrolling:smooth;-ms-overflow-style:none;height:100%;overflow:scroll;padding-bottom:100px;scrollbar-width:none}.invoices-container:after{background:linear-gradient(0deg,#fff,#0000);bottom:0;content:"";height:100px;pointer-events:none;position:absolute;width:100%;z-index:999}.invoices-container::-webkit-scrollbar{display:none}.invoices-container table{width:100%}.invoices-container table td{align-items:center;display:flex}td.invoice-status:before{background-color:#000;border-radius:50%;content:"";display:inline-block;height:10px;margin-right:10px;width:10px}td.invoice-status.betald:before{background-color:green}td.invoice-status.obetald:before{background-color:orange}td.invoice-status.förfallit:before{background-color:red}.invoice-price{font-weight:800;text-align:left}.invoice-filter-container{background-color:var(--color-primary-light);border-radius:30px;display:flex;flex-direction:row;margin-bottom:20px}@media only screen and (max-width:768px){.invoice-filter-container{flex-direction:column}}.invoice-id{color:#717171;font-size:.8rem;font-weight:400;margin-left:20px;width:50px}.customer-view label{color:var(--color-primary);font-size:1rem}.customer-view p{font-size:2rem;font-weight:500}@media only screen and (max-width:768px){.customer-view p{font-size:1.2rem}}.customer-view{padding-top:50px}.customer-view table{display:flex;flex-direction:column;gap:10px}.customer-view table td{animation:animateInData .3s cubic-bezier(.47,0,.57,1) forwards;display:inline-flex;flex-direction:column;margin:10px 30px 10px 0;opacity:0}@media only screen and (max-width:768px){.account-button-container button{padding:20px}}@keyframes animateInData{0%{opacity:0;top:40px}to{opacity:1;top:0}}.account-button-container{margin-left:-15px}@media only screen and (max-width:768px){.account-button-container{display:flex;flex-direction:column}.settings-view{background:var(--color-primary-lighter);border-radius:30px;padding:25px}}.payment label{margin:0 10px;padding:15px 20px!important}.settings-title:first-of-type{margin-top:0!important}.settings-view form{background:var(--color-primary-lighter);border-radius:30px;display:inline-block;padding:10px}@media only screen and (max-width:768px){.settings-view form{padding:0}.settings-view{padding-bottom:30px}.changed-adress{width:100%!important}}.changed-adress{background:var(--color-primary-lighter);border-radius:30px;display:flex;flex-direction:column;padding:30px;text-align:center;width:30vw}.changed-adress h2{color:var(--color-primary);padding-bottom:10px}.settings-view label{border-radius:50px;margin:0 5px;padding:20px;transition:all .3s cubic-bezier(.165,.84,.44,1)}.settings-view input:checked+label{background-color:var(--color-primary);color:#fff}.settings-title{font-size:1.1rem;font-weight:500;margin-bottom:20px;margin-left:10px;margin-top:40px}.settings-button-container{background-color:var(--color-primary-light);border-radius:30px;display:flex;flex-direction:row;margin:30px 0}@media only screen and (max-width:768px){.settings-button-container{flex-direction:column}}.moving input{border:1px solid var(--color-primary-muted);border-radius:12px;margin-top:5px;padding:10px}.moving label{display:flex;flex-direction:column}.moving{display:grid!important;grid-template-columns:1fr 1fr 1fr}.moving,.payment{align-items:center}.payment{display:flex!important;flex-direction:row;gap:15px;justify-content:space-evenly}@media only screen and (max-width:768px){.payment{flex-direction:column}.moving{grid-template-columns:1fr 1fr}}.payment .payment-site-picker{border-radius:0!important;display:flex;flex-direction:column;font-weight:500;margin:0!important;padding:0 10px!important}.payment .payment-site-picker select{background:#fff;border:1px solid var(--color-primary-muted);border-radius:12px;cursor:pointer;font-size:1rem;margin-top:8px;min-width:200px;outline:none;padding:10px 14px}.payment .payment-site-picker select:focus{border-color:var(--color-primary)}.general-info{background:var(--color-primary-lighter);border-radius:30px;max-width:800px;padding:30px}.general-info p{line-height:1.5;margin-bottom:15px}.general-info a{color:var(--color-primary);text-decoration:none}.general-info a:hover{text-decoration:underline}@media only screen and (max-width:768px){.general-info{padding:20px}}.subscription-view label{color:var(--color-primary);font-size:1rem}.subscription-view p{font-size:2rem;font-weight:500}.subscription-view{padding-top:50px}@media only screen and (max-width:768px){.subscription-view{padding-bottom:50px}.subscription-row{padding-bottom:20px}}.subscription-view table{display:inline-flex;flex-direction:column;gap:10px}.subscription-view table td{animation:animateInData .3s cubic-bezier(.47,0,.57,1) forwards;display:inline-flex;flex-direction:column;margin:10px 30px 10px 0;opacity:0}.subscription-subinfo{animation:animateInSubInfo .3s cubic-bezier(.47,0,.57,1) forwards;background-color:var(--color-primary-lighter);border:none;border-radius:30px;box-sizing:border-box;display:inline-block;margin-left:-10px;max-height:100px;overflow:hidden;padding:20px 30px;transition:all .3s cubic-bezier(.47,0,.57,1)}.subscription-adress{text-transform:capitalize}.subscription-action-container button{animation:animateInSubInfo .3s cubic-bezier(.47,0,.57,1) forwards;padding:10px 20px}.subscription-action-container{margin-top:-5px}@media only screen and (max-width:768px){.subscription-subinfo{height:100%;max-height:100%;overflow:visible}.subscription-id{font-size:1.3rem!important}}.subscription-subinfo:not(.is-disappearing){opacity:0}.toggle{background:none;border:none;color:var(--color-primary);font-size:2rem;margin-left:10px;transition:all .2s cubic-bezier(.47,0,.57,1)}.subscription-row{margin-top:10px;position:relative}.toggle:before{background:none;content:"";cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.toggle.is-active-toggle{transform:rotate(90deg)}@keyframes animateInSubInfo{0%{opacity:0;padding:0}to{opacity:1}}.subscription-subinfo p{font-size:1.5rem}.is-disappearing{margin-top:-10px;max-height:0;padding-bottom:0;padding-top:0;transition:all .3s cubic-bezier(.47,0,.57,1)!important}@media only screen and (max-width:768px){.is-disappearing{max-height:0}}.subscription-subinfo label{font-size:.8rem}.Preload_container__KX2bC{align-items:center;background-color:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .35s ease-out}.Preload_container__KX2bC .Preload_preloaderImage__-i\+2s{animation:Preload_fade-text__3hH9U 2s cubic-bezier(.58,0,.35,1.01) infinite alternate-reverse;position:relative;top:-40px;width:300px}.Preload_container__KX2bC:not(.Preload_visible__IyDl6){opacity:0;pointer-events:none}@keyframes Preload_fade-text__3hH9U{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.BankIDLoginModal_modal__FhYlo{align-items:center;background:#fff;border-radius:30px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;flex-direction:column;gap:24px;justify-content:center;line-height:150%;max-width:420px;padding:40px 60px;position:fixed;text-align:center;transition:transform .5s cubic-bezier(.22,1,.36,1);width:100vw}.BankIDLoginModal_modal__FhYlo input{width:100%}.BankIDLoginModal_backdrop__7JgWe{align-items:center;background-color:#ffffffd9;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .5s cubic-bezier(.22,1,.36,1);z-index:100}.BankIDLoginModal_backdrop__7JgWe:not(.BankIDLoginModal_visible__etPje){opacity:0;pointer-events:none}.BankIDLoginModal_backdrop__7JgWe:not(.BankIDLoginModal_visible__etPje) .BankIDLoginModal_modal__FhYlo{transform:translateY(18px)}.BankIDLoginModal_qrCanvas__xXPvi{max-height:192px;max-width:192px;min-height:192px;min-width:192px}
/*# sourceMappingURL=main.460a9ef2.css.map*/