:root{--font-family-sans: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--line-height-headers: 1.1;--line-height-body: 1.5;--font-size-xs: 0.75rem;--font-size-s: 0.875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 2.5rem;--color-text-header: hsl(0, 1%, 16%);--color-text-body: hsl(0, 5%, 25%);--color-text-muted: hsl(0, 1%, 44%);--space-xxxs: 0.25rem;--space-xxs: 0.375rem;--space-xs: 0.5rem;--space-s: 0.75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--space-xxxl: 3rem;--space-xxxxl: 4rem;--color-primary: hsl(350, 67%, 50%);--color-primary-rotate: hsl(10, 73%, 54%);--color-primary-bg: hsl(0, 85%, 96%);--color-secondary: hsl(101, 45%, 56%);--color-secondary-rotate: hsl(120, 45%, 56%);--color-tertiary: hsl(49, 89%, 64%);--color-glint: hsl(210, 100%, 82%);--color-white: hsl(0, 0%, 100%);--color-background: hsl(30, 50%, 98%);--color-light: hsl(0, 6%, 93%);--color-dark: var(--color-text-header);--border-radius: 0.375rem;--border: solid 2px var(--color-light);--shadow-large: 2px 4px 10px hsl(0 0% 0% / 0.1);--shadow-small: 1px 3px 6px hsl(0 0% 0% / 0.1)}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{overflow-y:scroll;height:100%}body{display:flex;flex-direction:column;min-height:100%;background-color:var(--color-background);color:var(--color-text-body);line-height:var(--line-height-body);font-family:var(--font-family-sans)}img,picture,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{color:var(--color-text-header);line-height:var(--line-height-headers)}h1{font-size:var(--font-size-xxxl)}h2{font-size:var(--font-size-xxl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-l)}a{color:var(--color-primary);text-decoration:none;transition:color 200ms}a:hover,a:focus,a:active{color:var(--color-primary-rotate)}@keyframes appear-then-fade{0%,100%{opacity:0}5%,60%{opacity:1}}.btn{display:inline-block;padding:var(--space-xxs) var(--space-m);border-radius:var(--border-radius);background-origin:border-box;background-color:transparent;border:solid 2px transparent;font-weight:bold;text-decoration:none;cursor:pointer;outline:none;transition:filter 400ms,color 200ms}.btn:hover,.btn:focus,.btn:focus-within,.btn:active{transition:filter 250ms,color 200ms}.btn--primary{color:var(--color-white);background-image:linear-gradient(to right, var(--color-primary), var(--color-primary-rotate))}.btn--primary:hover,.btn--primary:focus,.btn--primary:focus-within,.btn--primary:active{color:var(--color-white);filter:saturate(1.4) brightness(115%)}.btn--secondary{color:var(--color-white);background-image:linear-gradient(to right, var(--color-secondary), var(--color-secondary-rotate))}.btn--secondary:hover,.btn--secondary:focus,.btn--secondary:focus-within,.btn--secondary:active{color:var(--color-white);filter:saturate(1.2) brightness(110%)}.btn--light{color:var(--color-dark);background-color:var(--color-light)}.btn--light:hover,.btn--light:focus,.btn--light:focus-within,.btn--light:active{color:var(--color-dark);filter:brightness(92%)}.btn--dark{color:var(--color-white);border-color:var(--color-dark);background-color:var(--color-dark)}.btn--dark:hover,.btn--dark:focus,.btn--dark:focus-within,.btn--dark:active{color:var(--color-white)}.btn--transparent{color:transparent;border:none;background-color:transparent;padding:0}.btn--transparent:hover,.btn--transparent:focus,.btn--transparent:focus-within,.btn--transparent:active{color:var(--color-black)}.error-message{width:100%;color:var(--color-primary);background-color:var(--color-primary-bg);padding:var(--space-xs);border-radius:var(--border-radius)}.form{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.form__group{flex:1}.form__input{display:block;width:100%;max-width:100%;padding:var(--space-xxs) var(--space-xs);border:var(--border);border-radius:var(--border-radius);outline:none;transition:box-shadow 250ms}.form__input:focus{box-shadow:0 0 0 2px var(--color-glint)}.form__input--invalid{border-color:var(--color-primary)}.form__input[type=checkbox]{width:auto;margin-bottom:var(--space-s);margin-top:var(--space-s)}.form__checkbox-label{display:flex}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.statement{display:flex;justify-content:space-between;align-items:center;gap:var(--space-s);background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs)}@media(min-width: 50rem){.statement{padding:var(--space-xs) var(--space-m)}}.statement__actions{display:flex;flex:0 0 auto;align-self:flex-start;gap:var(--space-xs)}.stack{display:flex;flex-direction:column;justify-content:flex-start}.stack *{margin-block:0}.stack *+*{margin-block-start:var(--space, 1.5rem)}.underline{text-decoration:underline}.text-red{color:var(--color-primary)}.turbo-progress-bar{background:linear-gradient(to right, var(--color-primary), var(--color-primary-rotate))}.navbar{display:flex;align-items:center;box-shadow:var(--shadow-large);padding:var(--space-xs) var(--space-m);margin-bottom:var(--space-xxl);background-color:var(--color-white)}.navbar__brand{font-weight:bold;font-size:var(--font-size-xl);color:var(--color-text-header)}.navbar__name{font-weight:bold;margin-left:auto;margin-right:var(--space-s);color:var(--color-text-header)}.navbar__right{margin-left:auto}.flash{position:fixed;top:5rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-s);max-width:100%;width:max-content;padding:0 var(--space-m)}.flash__message{font-size:var(--font-size-s);color:var(--color-white);padding:var(--space-xs) var(--space-m);background-color:var(--color-dark);animation:appear-then-fade 4s both;border-radius:999px}.empty-state{padding:var(--space-m);border:var(--border);border-style:dashed;text-align:center}.empty-state__text{font-size:var(--font-size-l);color:var(--color-text-header);margin-bottom:var(--space-l);font-weight:bold}.empty-state--only-child{display:none}.empty-state--only-child:only-child{display:revert}.line-item-ref{margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.line-item-ref__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.line-item-ref__title{font-size:var(--font-size-xl)}.line-item-ref__actions{display:flex;gap:var(--space-xs)}.line-item-ref__body{border-radius:var(--border-radius);background-color:var(--color-white);box-shadow:var(--shadow-small);margin-top:var(--space-xs);padding:var(--space-xxs);padding-top:0}@media(min-width: 50rem){.line-item-ref__body{padding:var(--space-m)}}.line-item-ref__footer{border:dashed 2px var(--color-light);border-radius:var(--border-radius);text-align:center;padding:var(--space-xxs)}@media(min-width: 50rem){.line-item-ref__footer{padding:var(--space-m)}}.line-item-ref-total{margin-top:var(--space-m);display:flex;flex-direction:column;align-items:flex-end;flex-wrap:wrap}.line-item{display:flex;align-items:start;flex-wrap:wrap;background-color:var(--color-white);gap:var(--space-xs);margin-bottom:var(--space-s);padding:var(--space-xs);border-radius:var(--border-radius)}.line-item>*{margin-bottom:0}.line-item__name{flex:1 1 100%;font-weight:bold}@media(min-width: 50rem){.line-item__name{flex:1 1 0}}.line-item__description{flex-basis:100%;max-width:100%;color:var(--color-text-muted);font-weight:normal;font-size:var(--font-size-s)}.line-item__quantity-price{flex:0 0 auto;align-self:flex-end;justify-self:flex-end;order:3;font-weight:bold}@media(min-width: 50rem){.line-item__quantity-price{display:none}}.line-item__quantity{flex:1;display:none}@media(min-width: 50rem){.line-item__quantity{display:revert;flex:0 0 7rem}}.line-item__price,.line-item__total_price{flex:1;display:none}@media(min-width: 50rem){.line-item__price,.line-item__total_price{display:revert;flex:0 0 9rem}}.line-item__negative-price{color:var(--color-primary-rotate);font-weight:bold}.line-item__positive-price{color:var(--color-secondary-rotate);font-weight:bold}.line-item__actions{display:flex;gap:var(--space-xs);order:2;flex:1 1 auto}@media(min-width: 50rem){.line-item__actions{order:revert;flex:0 0 10rem}}.line-item--form{box-shadow:var(--shadow-small)}.line-item--form .line-item__quantity,.line-item--form .line-item__price{display:block}.line-item--form .line-item__description{order:2}.line-item--header{display:none;background-color:var(--color-light);margin-bottom:var(--space-s)}@media(min-width: 50rem){.line-item--header{display:flex}}.line-item--header>*{font-size:var(--font-size-s);font-weight:bold;letter-spacing:1px;text-transform:uppercase}.statement-total{position:fixed;bottom:0;width:100%;font-size:var(--font-size-xl);font-weight:bold;background-color:var(--color-white);box-shadow:var(--shadow-large);padding-top:var(--space-xs);padding-bottom:var(--space-xs)}@media(min-width: 50rem){.statement-total{padding-top:var(--space-m);padding-bottom:var(--space-m)}}.statement-total__inner{display:flex;align-items:center;justify-content:space-between}.all-statements-total{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--space-s);background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-small);margin-bottom:var(--space-m);padding:var(--space-xs)}@media(min-width: 50rem){.all-statements-total{padding:var(--space-xs) var(--space-m)}}.all-statements-total__sum{display:flex;flex:0 0 auto;align-self:flex-start;gap:var(--space-xs)}.table-wrapper{overflow-x:auto}.statement-table{border-collapse:collapse;width:100%;margin-bottom:20px}.statement-table th,.statement-table td{border:1px solid #ddd;padding:8px;text-align:center}.statement-table th{background-color:#f2f2f2}.statement-table tr:nth-child(even){background-color:#f9f9f9}.statement-table th:not(:first-child){min-width:150px}@media(max-width: 767px){.statement-table th,.statement-table td{width:25%}}.icon{width:16px;height:16px;margin-right:5px}.icon__l{width:18px;height:18px}.icon__xl{width:20px;height:20px}.png{width:32px;height:32px;margin-right:10px;margin-top:-8px}.home{text-align:center}.home img{display:inline !important;margin-top:var(--space-xxl);margin-bottom:var(--space-xxl)}.container{width:100%;padding-right:var(--space-xs);padding-left:var(--space-xs);margin-left:auto;margin-right:auto}@media(min-width: 50rem){.container{padding-right:var(--space-m);padding-left:var(--space-m);max-width:60rem}}.header{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:space-between;margin-top:var(--space-m);margin-bottom:var(--space-l)}@media(min-width: 50rem){.header{margin-bottom:var(--space-xl)}}.mb-small{margin-bottom:var(--space-s)}.mb-xxxxl{margin-bottom:var(--space-xxxxl)}.mt-xxl{margin-top:var(--space-xxl)}.mb-mt-s{margin-top:var(--space-s);margin-bottom:var(--space-s)}.mt-l{margin-top:var(--space-l)}.mb-mt-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.margin-auto{margin:auto}.margin-x-auto{margin-right:auto;margin-left:auto}.display_flex{display:flex}.text-center{text-align:center}