.account-button{position:relative}.account-button button.button.account-button__button,.account-button button.button.account-button__button .skeleton{margin:0}.account-button button.button.account-button__button span{text-align:left;font-weight:400}.account-button .account-button__button.account-button__button--empty,.account-button .account-button__button.account-button__button--empty span{color:var(--text-3)}.account-button.account-button--alert:after{background-color:var(--status-danger)}.account-button.account-button--alert:after,.account-button.account-button--info:after{content:" ";border:1px solid var(--surface-1);border-radius:50%;width:9px;height:9px;display:block;position:absolute;top:-4px;right:-4px}.account-button.account-button--info:after{background-color:var(--beau)}@media (width>=580px){.account-button .account-button__button.account-button__button--has-name{text-align:left;max-width:150px}}.bar-graph{margin:18px 0 0;padding:0;container-type:inline-size}.bar-graph .chart{width:100%;position:relative}.bar-graph .chart .chart__ticks{flex-flow:column-reverse;justify-content:space-between;align-items:stretch;display:flex;position:absolute;inset:0}.bar-graph .chart .chart__ticks .chart__ticks__tick{border-bottom:1px dashed var(--edge-action);opacity:.7;width:100%;height:0;position:relative}.bar-graph .chart .chart__bars{flex-flow:row;justify-content:space-between;align-items:stretch;display:flex}.bar-graph .chart .chart__bars .chart__bars__bar{width:100%;height:calc(max(100px,15vh));transition:background .1s linear;position:relative}.bar-graph .chart .chart__bars .chart__bars__bar .chart__bars__bar__item{background-color:var(--bar-colour);width:76%;transition:height .5s ease calc(var(--bar-index,0) * 15ms);border-radius:6px;margin:0 12%;position:absolute;bottom:0;left:0}.bar-graph .chart .chart__bars .chart__bars__bar .chart__bars__bar__item:after{content:"";background:linear-gradient(0deg,var(--surface-1),transparent);opacity:.8;mix-blend-mode:soft-light;border-radius:2px;position:absolute;inset:0}.bar-graph .chart .chart__bars .chart__bars__bar .chart__bars__bar__label{text-align:center;color:var(--text-3);z-index:1;font-size:9px;line-height:9px;transition:color .1s linear;display:none;position:absolute;bottom:-14px;left:0;right:0}.bar-graph .chart .chart__bars .chart__bars__bar.chart__bars__bar--can-focus:hover{background-color:var(--action-2-active)}.bar-graph .chart .chart__bars .chart__bars__bar.chart__bars__bar--can-focus:hover .chart__bars__bar__item:after{opacity:.4}.bar-graph .chart .chart__bars .chart__bars__bar.chart__bars__bar--can-focus:hover .chart__bars__bar__label{color:var(--text-1)}@container (width>=380px){.bar-graph .chart{margin:0 0 15px}.bar-graph .chart .chart__bars .chart__bars__bar .chart__bars__bar__label{display:block}}.truncated-label{flex-flow:row;align-items:center;min-width:0;max-width:100%;display:flex}.truncated-label__left{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.truncated-label__right{white-space:nowrap}.file-card{background-color:var(--surface-1);border:1px solid var(--edge);box-sizing:border-box;cursor:pointer;border-radius:11px;flex-flow:column;align-items:center;gap:6px;width:100%;min-width:0;max-width:180px;padding:18px 15px;transition:color 50ms linear,background 50ms linear,border 50ms linear;display:flex;position:relative}.file-card--selected{background-color:var(--action-3-hover)}.file-card--dragging{opacity:.5}.file-card--selected:hover,.file-card:hover{background-color:var(--action-3)}.file-card--disabled{cursor:not-allowed;background-color:var(--overlay-hover);border:1px solid var(--overlay-hover)}.file-card--disabled .primary{color:var(--text-2)!important}.file-card--disabled.file-card--selected:hover,.file-card--disabled:hover{background-color:var(--overlay-hover)}.file-card .file-card__select{position:absolute;top:6px;left:6px}.file-card .file-card__select .checkbox,.file-card .file-card__select .checkbox .checkbox__label{padding:0}.file-card .file-card__select .checkbox input~.checkbox__label .check-mark{top:6px;left:6px}.file-card .file-card__menu{position:absolute;top:6px;right:6px}.file-card .file-card__menu>div>button.action{margin:0}.file-card .file-card__icon{background-color:inherit;display:flex;position:relative}.file-card .file-card__icon>svg.icon{width:20px;height:20px;fill:var(--text-3)}.file-card .file-card__status{background-color:inherit;border-radius:50%;display:flex;position:absolute;bottom:-3px;right:-6px}.file-card .file-card__content{text-align:center;width:100%}.file-card .file-card__content .file-card__verifies{white-space:nowrap;border:1px solid var(--edge-success);color:var(--status-success);border-radius:999px;margin:6px 0 0;padding:2px 9px;font-size:.875rem;font-weight:600;display:inline-block}.file-card .file-card__content .truncated-label{color:var(--text-1);font-size:.875rem;line-height:1.125rem;display:inline-flex}.file-card .file-card__content svg.icon{margin-left:6px}.file-breadcrumb{flex-flow:wrap;align-items:center;margin:12px 0;display:flex}.file-breadcrumb>button.action{margin:0}.file-breadcrumb--dropready .action{border:1px dashed var(--edge-action)}.file-breadcrumb__separator{fill:var(--text-3)}.file-breadcrumb__crumb--active{color:var(--text-1)}.app main .file-breadcrumb{margin:12px}@media (width>=960px){.app main .file-breadcrumb{margin:12px 24px}}.file-card.folder-card .file-card__icon svg.icon{fill:var(--text-1)}.file-card.folder-card--dragging{opacity:.5}.file-card.folder-card--dropready{border-style:dashed;border-color:var(--edge-action)}.file-card.folder-card--droptarget{background-color:var(--action-3-hover);border-color:var(--action-2)}.file-grid{container-type:inline-size}.file-grid__inner{grid-template-columns:1fr;gap:12px;display:grid}.file-grid__inner .file-card{max-width:none}@container (width>=426px){.file-grid__inner{grid-template-columns:repeat(2,1fr)}}@container (width>=580px){.file-grid__inner{grid-template-columns:repeat(4,1fr)}}@container (width>=960px){.file-grid__inner{grid-template-columns:repeat(5,1fr)}}.app main .file-grid__inner{padding:12px}@media (width>=960px){.app main .file-grid__inner{margin:0 12px}}.file-viewer{flex-flow:column;gap:15px;display:flex}.file-viewer .file-viewer__info{border:1px solid var(--edge);border-radius:19px;flex-flow:wrap;align-items:center;gap:12px;padding:15px;display:flex}.file-viewer .file-viewer__info .file-viewer__icon svg.icon{width:24px;height:24px;fill:var(--metal)}.file-viewer .file-viewer__info .file-viewer__details{flex-grow:1;min-width:0}.file-viewer .file-viewer__info .file-viewer__details h3,.file-viewer .file-viewer__info .file-viewer__details p{overflow-wrap:break-word;margin:0}.file-viewer .file-viewer__info button.action{margin:0}.file-viewer .file-viewer__preview{border:1px solid var(--edge);background:var(--overlay-default);border-radius:19px;justify-content:center;align-items:center;min-height:120px;padding:12px;display:flex;overflow:hidden}.file-viewer .file-viewer__preview img{-o-object-fit:contain;object-fit:contain;border-radius:15px;max-width:100%;max-height:420px}.file-viewer .card{margin:0 0 12px}.file-viewer .file-viewer__status{flex-flow:column;gap:3px;display:flex}@media (width>=426px){.file-viewer .file-viewer__info{flex-flow:row}}.file-attached{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:12px;display:flex;position:relative}@media (width>=580px){.sidepanel .file-attached .file-card{max-width:calc(33.333% - 8px)}}.grid.grid--multi-chooser.multi-chooser{grid-template-columns:auto auto 1fr auto;margin:24px 0 0}.grid.grid--multi-chooser.multi-chooser .multi-chooser-option .multi-chooser-option__description{align-items:center;gap:9px;display:flex}.grid.grid--sales-tax-adder{grid-template-columns:1fr auto auto;margin:6px 0 0}.grid.grid--sales-tax-adder .grid__row .grid__row__cell{padding:3px 0 3px 12px}.grid.grid--sales-tax-adder .grid__row .grid__row__cell:last-child{padding-right:3px}.actions.actions--add-sales-tax{margin:6px 0 0}.actions.actions--add-sales-tax .action{margin:0}.account-logo{border:1px solid var(--edge);background-color:var(--surface-1);border-radius:11px;flex-flow:row;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.account-logo img{width:30px;height:auto}.account-logo svg.icon{margin:0!important;inset:auto!important}.account-logo.account-logo--mini{border-radius:7px;width:20px;height:20px}.account-logo.account-logo--mini img{width:20px}.transaction-card{border:1px solid var(--edge);box-sizing:border-box;border-radius:15px;flex-flow:row;justify-content:space-between;align-items:center;gap:9px;width:100%;padding:6px 9px 6px 12px;display:flex;position:relative}.transaction-card .bank-logo{background-color:#0000}.transaction-card .transaction-card__content{flex-grow:1}.transaction-card button.action{margin:0}.base-account-button{position:relative}.base-account-button .base-account-button__button span{text-align:left;font-weight:400}.base-account-button .base-account-button__button .base-account-button__logo{flex-shrink:0;margin-top:-3px;margin-bottom:-3px;margin-right:6px}.base-account-button .base-account-button__button .skeleton{margin:0}.base-account-button .base-account-button__button.base-account-button__button--empty,.base-account-button .base-account-button__button.base-account-button__button--empty span{color:var(--text-3)}.chooser-option--transaction .bank-logo{margin-right:9px}.grid.grid--chooser{grid-template-columns:auto auto auto 1fr auto auto;margin:24px 0 0}.base-account-selector .base-account-selector__input{flex-flow:row;justify-content:space-between;align-items:center;gap:6px;display:flex;position:relative}.base-account-selector .base-account-selector__input .base-account-selector__input__button,.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector span{flex-grow:1}.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector{border:1px solid var(--edge-action);width:100%;max-width:none;box-shadow:none;text-align:left;background-color:#0000;border-radius:7px;flex-flow:row;justify-content:space-between;align-items:center;margin:0;display:flex}.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector svg.icon{flex-shrink:0}.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector:hover{border:1px solid var(--edge-action);box-shadow:0 0 0 3px var(--action-2);background-color:#0000}.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector:focus,.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector:focus:hover{border:1px solid var(--action-1);box-shadow:0 0 0 1px var(--action-1);background-color:#0000}.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector:disabled,.base-account-selector .base-account-selector__input .base-account-selector__input__button button.button.button--selector:disabled:hover{background-color:var(--overlay-hover);border:1px solid var(--overlay-hover);color:var(--text-2);box-shadow:none}.base-account-selector .base-account-selector__input>button.action{margin:0}.bill-date-link{color:var(--text-1);font:inherit;cursor:pointer;border:none;border-bottom:1px dashed var(--text-2);background:0 0;padding:0}.bill-date-link:hover{color:var(--action-1);border-bottom:1px dashed var(--action-1)}.invoice-date-link{color:var(--text-1);font:inherit;cursor:pointer;border:none;border-bottom:1px dashed var(--text-2);background:0 0;padding:0}.invoice-date-link:hover{color:var(--action-1);border-bottom:1px dashed var(--action-1)}.emails-input label{margin-top:0}.emails-input .emails-input__container{border:1px solid var(--edge-action);border-radius:7px;flex-flow:wrap;justify-content:flex-start;align-items:center;max-width:100%;display:flex}.emails-input .emails-input__container input[type=email]{border:none;flex-grow:1;width:auto;min-width:0}.emails-input .emails-input__container input[type=email]:hover{box-shadow:none}.emails-input .emails-input__container input[type=email]:focus,.emails-input .emails-input__container input[type=email]:focus:hover{box-shadow:none;border:none}.emails-input .emails-input__container .emails-input__tag{background-color:var(--overlay-hover);color:var(--text-1);overflow-wrap:anywhere;border-radius:11px;max-width:100%;margin:2px;padding:6px 36px 6px 9px;font-size:.9375rem;line-height:1.3125rem;position:relative}.emails-input .emails-input__container .emails-input__tag .action{margin:0;position:absolute;top:0;right:0}.emails-input .emails-input__container:hover{box-shadow:0 0 0 3px var(--action-2)}.emails-input .emails-input__container.emails-input__container--focused{border:1px solid var(--action-1);box-shadow:0 0 0 1px var(--action-1)}.emails-input .emails-input__container.emails-input__container--disabled{border:1px solid var(--overlay-hover);background-color:var(--overlay-hover);color:var(--text-2);box-shadow:none;cursor:default}.emails-input .emails-input__container.emails-input__container--disabled .emails-input__tag{color:var(--text-2)}.emails-input .emails-input__container.emails-input__container--disabled:hover{box-shadow:none}.customer-selector{position:relative}.customer-selector .customer-selector__value{color:var(--text-1);font-size:.9375rem;line-height:1.3125rem;position:absolute;top:10px;left:13px}.supplier-selector{position:relative}.supplier-selector .supplier-selector__value{color:var(--text-1);font-size:.9375rem;line-height:1.3125rem;position:absolute;top:10px;left:13px}.grid.grid--products-adder-select{grid-template-columns:auto auto 1fr auto}.grid.grid--products-adder-select .grid__row--expanded .button--toggle-row svg.icon{transform:rotate(90deg)}.grid.grid--products-adder-confirm{grid-template-columns:1fr 10% 26% 19%}.account-selector .account-selector__input{flex-flow:row;justify-content:space-between;align-items:center;gap:6px;display:flex}.account-selector .account-selector__input .account-selector__input__button,.account-selector .account-selector__input .account-selector__input__button button.button.button--selector span{flex-grow:1}.account-selector .account-selector__input .account-selector__input__button button.button.button--selector{flex-flow:row;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;display:flex}.account-selector .account-selector__input .account-selector__input__button button.button.button--selector svg.icon{flex-shrink:0}.account-selector .account-selector__input>button.action,.account-selector .account-selector__input>button.button{margin:0}.account-selector.account-selector--basic .account-selector__input .account-selector__input__button button.button{border:1px solid var(--edge-action);box-shadow:none;background-color:#0000;border-radius:7px}.account-selector.account-selector--basic .account-selector__input .account-selector__input__button button.button:hover{border:1px solid var(--edge-action);box-shadow:0 0 0 3px var(--action-2);background-color:#0000}.account-selector.account-selector--basic .account-selector__input .account-selector__input__button button.button:focus,.account-selector.account-selector--basic .account-selector__input .account-selector__input__button button.button:focus:hover{border:1px solid var(--action-1);box-shadow:0 0 0 1px var(--action-1);background-color:#0000}.account-selector.account-selector--basic .account-selector__input .account-selector__input__button button.button:disabled,.account-selector.account-selector--basic .account-selector__input .account-selector__input__button button.button:disabled:hover{background-color:var(--overlay-hover);border:1px solid var(--overlay-hover);color:var(--text-2);box-shadow:none}