@layer reset,base,layout,components,features,utilities;@layer reset{html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}ul,ol{list-style:none;padding:0;margin:0}img{max-width:100%;display:block}input,button,textarea,select{font:inherit;outline:none}textarea{resize:none}button{border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{min-height:100dvh;line-height:1.5}input[type=datetime-local]{cursor:pointer}input::-webkit-calendar-picker-indicator{filter:invert(53%) sepia(8%) saturate(654%) hue-rotate(191deg) brightness(94%) contrast(89%);cursor:pointer}}@layer base{@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:local("Poppins Regular"),local("Poppins-Regular"),url(../fonts/Poppins-Regular.woff2) format("woff2"),url(../fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:local("Poppins Medium"),local("Poppins-Medium"),url(../fonts/Poppins-Medium.woff2) format("woff2"),url(../fonts/Poppins-Medium.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:local("Poppins SemiBold"),local("Poppins-SemiBold"),url(../fonts/Poppins-SemiBold.woff2) format("woff2"),url(../fonts/Poppins-SemiBold.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:local("Poppins Bold"),local("Poppins-Bold"),url(../fonts/Poppins-Bold.woff2) format("woff2"),url(../fonts/Poppins-Bold.woff) format("woff")}}@layer base{:root{--font-family-arial: "Arial", "Helvetica Neue", "Helvetica", sans-serif;--font-family-poppins: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size-xxxs: .563rem;--font-size-xxs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2.5rem;--font-size-h1: 2rem;--font-size-h2: 1.75rem;--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-h5: 1rem;--font-size-h6: .875rem;--transition: .25s ease;--scrollbar-background-color: transparent;--scrollbar-thumb: #50545F;--scrollbar-thumb-hover: #686D7A;--background-color: #252728;--background-color-secondary: #1C1C1D;--background-color-third: #2E3031;--border-color: #50545F;--hover-color: #252728;--text: #F1F1F1;--text-secondary: #A9AEB8;--text-muted: #767B86;--text-positive-color: #6BFFB3;--text-negative-color: #FF8585;--text-warning-color: #EA580C;--btn-primary: #2563eb;--btn-primary-hover: #3b82f6;--btn-success: #16a34a;--btn-success-hover: #22c55e;--btn-danger: #dc2626;--btn-danger-hover: #ef4444;--btn-warning: #EA580C;--btn-warning-hover: #F97316;--btn-light: #ffffff;--btn-light-hover: #f3f4f6;--btn-light-text: #111827;--btn-text-light: #ffffff;--icon-default-color: #7A7E8C;--icon-hover-color: #50C3F7;--active-state-color: #50C3F7;--loading-bar-gradient: linear-gradient(90deg, #3498db, #9b59b6, #3498db);--danger: #FF6B6B;--success: #6BFFB3;--warning: #EA580C;--calendar-background-color: #1C1C1D;--calendar-header-background-color: #252728;--calendar-header-weekend-background-color: #222222;--calendar-header-today-background-color: #50C3F7;--calendar-weekend-background-color: #171717;--placeholder-background: #1C1C1D;--placeholder-border-color: rgba(255, 255, 255, .08);--placeholder-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--modal-background: #1C1C1D;--modal-border-color: rgba(255, 255, 255, .08);--modal-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--snackbar-background: #1C1C1D;--snackbar-border-color: rgba(255, 255, 255, .08);--snackbar-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--header-height: 4rem;--box-shadow: 0 4px 12px rgba(0, 0, 0, .4);--border-radius-sm: .5rem;--border-radius: 1rem}body{background-color:var(--background-color);color:var(--text);overflow:hidden;height:100%}body:has(.aside--visible) #to-top{opacity:0!important;pointer-events:none}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-background-color)}*::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}*::-webkit-scrollbar-track{background:var(--scrollbar-background-color)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}}@layer base{html{font-family:var(--font-family-arial);font-size:16px}h1{font-family:var(--font-family-poppins);font-size:var(--font-size-h1);font-weight:700}h2{font-family:var(--font-family-poppins);font-size:var(--font-size-h2);font-weight:600}h3{font-family:var(--font-family-poppins);font-size:var(--font-size-h3);font-weight:600}h4{font-family:var(--font-family-poppins);font-size:var(--font-size-h4);font-weight:500}h5{font-family:var(--font-family-poppins);font-size:var(--font-size-h5);font-weight:500}h6{font-family:var(--font-family-poppins);font-size:var(--font-size-h6);font-weight:500}hr{border-color:var(--border-color)}}@layer base{input,textarea{color:var(--text);background-color:var(--background-color-secondary);font-size:var(--font-size-sm);width:100%;padding:.5rem 1rem;border:solid 1px var(--placeholder-border-color);border-radius:var(--border-radius-sm);&:focus:not([readonly]){border-color:var(--active-state-color)}&:-webkit-autofill:not([readonly]){-webkit-box-shadow:0 0 0px 1000px var(--background-color-secondary) inset;-webkit-text-fill-color:#fff}}input[type=checkbox]{width:auto;cursor:pointer}input[readonly]{opacity:.4}}@layer base{#to-top{position:fixed;bottom:20px;right:20px;padding:.5rem;background-color:var(--background-color-secondary);border-radius:var(--border-radius-sm);text-align:center;cursor:pointer;box-shadow:var(--box-shadow);transform:translateY(100%);opacity:0;will-change:opacity,transform,background-color;transition:opacity var(--transition),transform var(--transition),background-color var(--transition);pointer-events:none;z-index:999999;display:flex;place-content:center;&:hover{background-color:var(--hover-color)}.icon{width:32px;height:32px}&.show{opacity:1;transform:translateY(0);cursor:pointer;pointer-events:auto}}}@layer base{.breadcrumb{display:flex;flex-direction:column;margin-bottom:1rem;.breadcrumb__path{display:flex;width:100%;gap:.5rem;margin-top:1rem}}.breadcrumb__item{display:flex;position:relative;align-items:center;&:not(:first-of-type){&:before{content:"";width:16px;height:16px;display:flex;margin-right:.5rem;background-color:currentColor;color:var(--icon-default-color);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(../images/icons/arrow.svg);mask-image:url(../images/icons/arrow.svg);transform:rotate(-90deg)}}&:is(:last-of-type){& a{cursor:default;pointer-events:none;color:var(--text-secondary)}}& a{display:flex;font-size:var(--font-size-sm);align-items:center;cursor:pointer;gap:.5rem}}}#loading-bar{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--loading-bar-gradient);background-size:200% 100%;background-position:0% 0%;z-index:9999;animation:loadingBarSlide 1s linear infinite;display:none}body.global--loading #loading-bar{display:block}@layer base{#tooltip{padding:.5rem 1rem;border-radius:var(--border-radius-sm);border:solid 1px var(--placeholder-border-color);background-color:var(--placeholder-background);position:fixed;z-index:1000;font-size:var(--font-size-sm);box-shadow:var(--box-shadow);opacity:0;top:0;left:0;will-change:transform,opacity;transition:opacity var(--transition);max-width:15.625rem;pointer-events:none;margin:0}}@layer layout{.layout__main{--aside-width: 0px;display:grid;grid-template-areas:"aside main";grid-template-columns:var(--aside-width) minmax(0,1fr);width:100%;height:100dvh;transition:grid-template-columns var(--transition);&:has(.placeholder--fullscreen){& aside{z-index:0}}&:has(aside.aside--visible){& main{opacity:.2;&,*{pointer-events:none}#to-top{opacity:0!important}}}& aside{grid-area:aside;background-color:var(--background-color-secondary);position:fixed;top:0;height:100dvh;z-index:100;overflow:hidden;transform:translate(calc(var(--aside-width) - 100%));transition:transform var(--transition);&.aside--visible{transform:translate(0)}}& main{grid-area:main;padding-bottom:1rem;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;height:100%;min-height:0;will-change:opacity;transition:opacity var(--transition)}}aside{.aside__header{height:var(--header-height);& a:before{content:"";display:inline-block;width:32px;height:32px;background:url(../images/logo.svg) no-repeat center center;background-size:contain;vertical-align:middle;margin-right:.5rem}}.aside__container{padding:0 .5rem}}main{& header{height:var(--header-height);display:flex;align-items:center;padding:0 1rem;position:sticky;top:0;background-color:var(--background-color-third);box-shadow:var(--box-shadow);z-index:10;gap:1rem;.main-options{display:flex;align-items:center;margin-left:auto;position:relative}.user{margin-left:auto}}.user{.dropdown__selected{.text{display:none;@media (min-width: 64rem){display:initial}}.icon{color:var(--icon-default-color)!important}}.dropdown__content{right:0;width:18.75rem;height:max-content;max-height:max-content!important}.dropdown__body{height:4rem;padding:1rem;display:flex;flex-direction:column;justify-content:center;position:relative}.display-name{color:var(--text);font-family:var(--font-family-poppins);font-size:var(--font-size-md)}.email{color:var(--text-secondary)}}.container{padding:1rem 1rem 0;min-height:0;display:flex;flex-direction:column;.content{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;max-width:40.625rem;margin:auto}}}@media (min-width: 48rem){.layout__main{--aside-width: 15.625rem;& header{gap:0}.icon--menu,.main-options{display:none!important}& aside{position:sticky;transform:translate(0)}}}}@layer features{.calendar{display:flex;flex-direction:column;align-items:center}.calendar__options{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;.dropdown{margin:0 1rem;.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em;flex-shrink:0}.dropdown__content{min-width:12.5rem}}#previous-month{.icon{transform:rotate(90deg)}}#next-month{.icon{transform:rotate(-90deg)}}#hide-details{margin-left:1rem}}.calendar__content{display:flex;flex-direction:column;width:100%;background-color:var(--calendar-background-color);border:1px solid var(--placeholder-border-color);box-shadow:var(--placeholder-box-shadow);@media (min-width: 64rem){display:grid;grid-template-rows:repeat(5,minmax(200px,auto))}}.calendar__week{display:flex;flex-direction:column;width:100%;@media (min-width: 64rem){display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));min-height:250px}}.calendar__day{width:100%;display:flex;flex-direction:column;@media (max-width: 48rem){&:not(:has(.calendar__item)){display:none}}@media (min-width: 64rem){min-height:350px}&.calendar__day--outside{@media (min-width: 64rem){opacity:.1;display:initial;cursor:not-allowed}}&.calendar__day--weekend{.calendar__header{background-color:var(--calendar-header-weekend-background-color)}}&.calendar__day--today{.calendar__header{color:var(--calendar-header-today-background-color)}}.totals{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xxs);gap:.5rem;margin-top:auto;padding:.5rem 0;.totals__label{font-family:var(--font-family-poppins);font-weight:600;text-transform:uppercase;color:var(--text-muted)}}}.calendar__header{display:flex;align-items:center;justify-content:center;height:2.625rem;position:sticky;top:var(--header-height);background-color:var(--calendar-header-background-color);z-index:1;font-family:var(--font-family-poppins);font-weight:600;color:var(--text-secondary)}.calendar__items{display:flex;flex-direction:column;gap:.5rem;flex-grow:1;&:has(.calendar__item){padding-top:.5rem}@media (min-width: 64rem){&:last-child{border-right:0}}}.calendar__item{width:100%;padding:.3rem 1rem;position:relative;cursor:pointer;transition:opacity var(--transition);.item-header{display:flex;gap:.5rem;font-size:var(--font-size-sm);& span:first-of-type{flex-grow:1}& span:last-of-type{flex-shrink:0}}}.item-details{font-size:var(--font-size-xxs);letter-spacing:.02rem;color:var(--text-secondary);padding-top:.2rem;flex-wrap:wrap;gap:.5rem;width:100%;display:flex;align-items:center;.icon{width:11px;height:11px}.details-group{display:flex;gap:.3rem;align-items:center;min-width:0;&:hover{.icon{color:var(--icon-default-color)}}}.item-group{display:flex;gap:.3rem;align-items:center;min-width:0}}}@layer features{.feature-pages-categories-yearly_planner{.planner{display:flex;flex-direction:column;align-items:center}.planner__options{display:flex;align-items:center;justify-content:center;margin-bottom:1rem;.dropdown{margin:0 1rem;.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em;flex-shrink:0}.dropdown__content{min-width:12.5rem}}#previous-year{.icon{transform:rotate(90deg)}}#next-year{.icon{transform:rotate(-90deg)}}}}}@layer features{.feature-pages-account-security{.placeholder{width:100%}#account_security_delete_account__form{& p{margin-bottom:1rem}}}}@layer features{.feature-pages-account-settings{.placeholder{width:100%}}}@layer features{.feature-pages-account-profile{.container{padding:1rem 0 0}.content{padding:0 1rem}.card__holder{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding-inline:1rem;padding-bottom:1rem;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}@media (min-width: 64rem){padding-inline:initial;flex-wrap:wrap;padding:0 0 1rem 1rem;overflow:initial}}.placeholder{width:100%;font-size:var(--font-size-sm);.placeholder__content{display:flex;flex-direction:column;gap:.5rem}.placeholder__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;&:not(:last-child){padding-bottom:.5rem}}.row__field{display:flex;align-items:center;gap:.5rem;white-space:nowrap;color:var(--text-secondary)}&.stats-card{display:flex;flex-direction:row;min-width:320px;width:100%;padding:1rem;@media (min-width: 64rem){width:19.875rem}}}.stats-card__holder{display:flex;align-items:center;justify-content:center;width:48px;flex-shrink:0;margin-right:1rem;.icon{width:48px;height:48px}}.stats-card__info{display:flex;flex-direction:column;gap:.2rem;flex:1;& span{font-family:var(--font-family-poppins);font-weight:400;font-size:var(--font-size-xxl)}& p{font-size:var(--font-size-xs);color:var(--text-secondary)}}}}@layer features{.feature-pages-auth-login{#container{display:flex;justify-content:center;align-items:center;height:100dvh}#login{width:100%;max-width:21.875rem;margin:1rem;.placeholder{width:100%}& h2{text-align:center;font-family:var(--font-family-poppins);font-weight:600;& span{color:var(--active-state-color)}}& p{margin-bottom:1rem;text-align:center;font-size:var(--font-size-sm)}}}}@layer features{.feature-pages-spaces-space{.card__holder{display:flex;flex-wrap:wrap;gap:1rem;.placeholder{width:100%;@media (min-width: 64rem){width:15.625rem}}&.card__holder--can-edit{& a{cursor:pointer}}& a{display:flex;flex-grow:1;min-width:0;width:100%;cursor:initial;@media (min-width: 64rem){display:block;flex-grow:initial;width:auto}}}}}@layer features{.feature-pages-spaces-edit{.placeholder{width:100%}.dropdown{.dropdown__content{min-width:17.5rem}}}}@layer features{.feature-pages-transactions-edit{.placeholder{width:100%}}}@layer feature{.feature-pages-dashboard{.container{gap:1rem}.placeholder{width:100%;.placeholder__content{overflow-y:auto;max-height:25rem;height:100%}}.pulse-chart{pointer-events:none}.dashboard-navigation{.placeholder__header{justify-content:space-between;gap:0;@media (min-width: 64rem){justify-content:center;gap:1rem}}.placeholder__content{overflow:hidden;display:block;height:15.25rem;contain:strict}.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em}#dashboard-previous-month{.icon{transform:rotate(90deg)}}#dashboard-next-month{.icon{transform:rotate(-90deg)}}}.dashboard-card{display:flex;flex-direction:column;position:relative;padding:.5rem 0 0;&[data-transactions="0"]{.dashboard-card__content{cursor:default}}.dashboard-card__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dashboard-card__content{display:flex;flex-direction:column;height:30px;padding-top:.5rem;width:100%;cursor:pointer}}.dashboard-card__title{display:flex;flex-direction:column;min-width:0;flex:1;& span:last-child{font-size:var(--font-size-sm);color:var(--text-muted)}}.dashboard-card__data{display:flex;flex-direction:column;align-items:flex-end;cursor:pointer;.dashboard-card__stats{display:flex;gap:.5rem;align-items:center}}.dashboard-card__label{text-transform:uppercase;font-size:var(--font-size-xxs);font-family:var(--font-family-poppins);font-weight:600;color:var(--text-muted);align-items:center}}}@layer features{@property --planner-progress{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.feature-pages-categories-yearly_planner{.container{gap:1rem}.placeholder{width:100%;&:not(.planner-navigation){container-type:inline-size;container-name:placeholder;.placeholder__content{min-height:400px;@container placeholder (min-width: 64rem){max-height:calc(100vh - var(--header-height) - 21.5rem)}}}.placeholder__content{overflow-y:auto;min-height:8.75rem;max-height:25rem;height:100%}}.planner-navigation{.placeholder__header{justify-content:space-between;gap:0;@media (min-width: 64rem){justify-content:center;gap:1rem}}.placeholder__content{overflow:hidden;display:block;height:8.75rem;contain:strict;padding:0;margin:0}.chart_planner_overview{border-radius:var(--border-radius);overflow:hidden;isolation:isolate}.dropdown__selected{font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02em}#planner-previous-year{.icon{transform:rotate(90deg)}}#planner-next-year{.icon{transform:rotate(-90deg)}}}.planner-card{display:flex;flex-direction:column;position:relative;padding:.5rem 0;&.planner-card--opened{.planner-card__content{max-height:28.125rem}}.planner-card__header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.planner-card__content{display:flex;flex-direction:column;width:100%;height:100%;max-height:0;overflow:hidden;will-change:max-height;transition:max-height var(--transition)}}.planner-card__title{display:flex;flex-direction:column;min-width:0;flex:1;& span:last-child{font-size:var(--font-size-sm);color:var(--text-muted)}}.planner-card__data{display:flex;flex-direction:column;align-items:flex-end;.planner-card__stats{display:flex;gap:.5rem;align-items:center}}.planner-card__label{text-transform:uppercase;font-size:var(--font-size-xxs);font-family:var(--font-family-poppins);font-weight:600;color:var(--text-muted);align-items:center}.planner-card__value{width:4.375rem;height:1.063rem;background-color:var(--background-color);border-radius:var(--border-radius);border:solid 1px var(--placeholder-border-color)}.progress-bar-fill{container-type:inline-size;container-name:progress;height:100%;position:relative;width:var(--planner-progress);border-radius:var(--border-radius);background:var(--active-state-color);&.progress-bar-fill--initial-animation{animation:fill-up-progress-bar var(--progress-bar-animation-time) cubic-bezier(.4,0,.2,1) forwards}transition:width var(--progress-bar-animation-time) cubic-bezier(.4,0,.2,1);transform-origin:left;.progress-bar-text{position:absolute;height:1.063rem;left:50%;transform:translate(-50%);color:#1a3a4a;font-size:var(--font-size-xxs);font-family:var(--font-family-poppins);font-weight:600;letter-spacing:.02rem;animation:fade-in-text-on-progress-bar var(--transition) forwards;animation-delay:var(--progress-bar-animation-time);opacity:0;@container progress (width < 2.063rem){left:100%;transform:translate(.5rem);color:#fff}}}.planner-card__line{font-size:var(--font-size-sm);justify-content:flex-end;display:flex;position:relative;padding:.5rem 1rem;gap:1rem;& span{transition:opacity var(--transition)}&.planner-card__line--disabled{& span{opacity:.2}.line-budget,.icon{pointer-events:none}}&:last-child{padding-bottom:0}.line-month{font-family:var(--font-family-poppins);font-weight:600;color:var(--text-secondary);cursor:pointer;margin-right:auto}.line-budget,.icon{cursor:pointer}}}}@layer features{.feature-pages-notes-note{.notes-container{display:flex;flex-wrap:wrap;gap:1rem}.placeholder{width:100%;@media (min-width: 64rem){width:15.625rem}.icon--notes{margin-right:auto}&:hover{@media (min-width: 64rem){.icon--edit,.icon--delete{opacity:1}}}.icon--edit,.icon--delete{cursor:pointer;transition:opacity var(--transition);@media (min-width: 64rem){opacity:0}&:hover{color:var(--active-state-color)}}.icon--delete{&:hover{color:var(--danger)}}.placeholder__content{font-size:var(--font-size-sm);height:10rem;overflow-x:hidden;overflow-y:auto;margin-bottom:0;white-space:break-spaces}}}}@layer feature{.feature-pages-categories-categories_builder{.placeholder{width:100%}.placeholder__row--depth-0{margin-left:0}.placeholder__row--depth-1{margin-left:.5rem}.placeholder__row--depth-2{margin-left:1rem}.placeholder__row--depth-3{margin-left:1.5rem}.placeholder__row--depth-4{margin-left:2rem}.placeholder__row--depth-5{margin-left:2.5rem}.placeholder__row{padding:.5rem 0;position:relative;display:flex;align-items:center;justify-content:space-between;transition:background var(--transition);&.placeholder__row--container{color:var(--active-state-color)}&.placeholder__row--archived{opacity:.2;pointer-events:none}}.dropdown{flex-shrink:0;&.dropdown--options{.dropdown__content{max-height:min-content}}}}}@layer features{.feature-pages-scheduledtransactions-edit{.placeholder{width:100%}}}@layer features{.feature-pages-scheduledtransactions-transactions{@container table (min-width: 70rem){.table__row{display:grid;grid-template-columns:minmax(120px,200px) 110px minmax(120px,1fr) 140px 160px 160px 100px 70px 80px}}}}@layer features{.feature-pages-transactiontemplates-templates{@container table (min-width: 70rem){.table__row{display:grid;grid-template-columns:minmax(160px,200px) minmax(160px,200px) 110px minmax(80px,1fr) 180px 80px}}}}@layer features{.feature-pages-transactiontemplates-edit{.placeholder{width:100%}}}@layer transactions{.feature-pages-transactions{@container table (min-width: 70rem){.table__row{display:grid;grid-template-columns:220px 110px minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) 180px 100px 80px;gap:.5rem}}}}@layer components{.aside__header{display:flex;justify-content:center;align-items:center;font-family:var(--font-family-poppins);font-weight:600;font-size:var(--font-size-xl);& span{color:var(--active-state-color)}}.aside__container{overflow:auto;height:calc(100% - var(--header-height));padding-bottom:1rem;scroll-timeline:--scroll-area block;animation:shadow-reveal linear both;animation-timeline:--scroll-area;animation-range:0px 20px;h5{color:var(--text-muted);margin-bottom:.5rem;margin-left:.5rem;white-space:nowrap}& nav{display:flex;flex-direction:column;margin-bottom:.7rem;position:relative;&:last-child{border-bottom:0;margin-bottom:0}}& a{color:var(--text);display:flex;will-change:background-color;transition:background-color var(--transition);font-size:var(--font-size-sm);border-radius:.5rem;margin-bottom:.2rem;align-items:center;padding:.6rem .5rem;gap:.5rem;white-space:nowrap;&:hover{background-color:var(--hover-color)}&.disabled{opacity:.4;pointer-events:none;cursor:not-allowed}}}}@layer components{.button{border-radius:2rem;color:var(--btn-text-light);font-size:var(--font-size-14px);border:solid 1px var(--border-color);will-change:background-color,opacity;transition:background-color var(--transition),opacity var(--transition);letter-spacing:.02em;font-weight:500;padding:.5rem 1rem;display:flex;justify-content:center;align-items:center;&.button--hoverless{&:hover{background-color:initial}}&.button--disabled{pointer-events:none;opacity:.3}&.button--borderless{border:0}&.button--small-radius{border-radius:.5rem}&.button--invisible{width:1px;height:1px;margin-top:-1px;padding:0;overflow:hidden;border:none}&:hover{background-color:var(--hover-color)}&.button--primary{background-color:var(--btn-primary);border-color:transparent;&:hover{background-color:var(--btn-primary-hover)}}&.button--success{background-color:var(--btn-success);border-color:transparent;&:hover{background-color:var(--btn-success-hover)}}&.button--danger{background-color:var(--btn-danger);border-color:transparent;&:hover{background-color:var(--btn-danger-hover)}}&.button--warning{background-color:var(--btn-warning);border-color:transparent;&:hover{background-color:var(--btn-warning-hover)}}&.button--light{background-color:var(--btn-light);border-color:transparent;color:var(--btn-light-text);&:hover{background-color:var(--btn-light-hover)}}&.button--no-background{background:transparent}}}@layer components{.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;color:var(--icon-default-color);background-color:currentColor;margin-top:-.094rem;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;will-change:color;transition:color var(--transition);&.icon--active{color:var(--icon-hover-color)}&.icon--dashboard{-webkit-mask-image:url(../images/icons/dashboard.svg);mask-image:url(../images/icons/dashboard.svg)}&.icon--search{-webkit-mask-image:url(../images/icons/search.svg);mask-image:url(../images/icons/search.svg)}&.icon--sort{-webkit-mask-image:url(../images/icons/sort.svg);mask-image:url(../images/icons/sort.svg)}&.icon--arrow-downward{-webkit-mask-image:url(../images/icons/arrow_downward.svg);mask-image:url(../images/icons/arrow_downward.svg)}&.icon--arrow-upward{-webkit-mask-image:url(../images/icons/arrow_upward.svg);mask-image:url(../images/icons/arrow_upward.svg)}&.icon--drive-file-move{-webkit-mask-image:url(../images/icons/drive_file_move.svg);mask-image:url(../images/icons/drive_file_move.svg)}&.icon--vertical-align-top{-webkit-mask-image:url(../images/icons/vertical_align_top.svg);mask-image:url(../images/icons/vertical_align_top.svg)}&.icon--vertical-align-bottom{-webkit-mask-image:url(../images/icons/vertical_align_bottom.svg);mask-image:url(../images/icons/vertical_align_bottom.svg)}&.icon--archive{-webkit-mask-image:url(../images/icons/archive.svg);mask-image:url(../images/icons/archive.svg)}&.icon--calendar{-webkit-mask-image:url(../images/icons/calendar.svg);mask-image:url(../images/icons/calendar.svg)}&.icon--general{-webkit-mask-image:url(../images/icons/general.svg);mask-image:url(../images/icons/general.svg)}&.icon--analytics{-webkit-mask-image:url(../images/icons/chart.svg);mask-image:url(../images/icons/chart.svg)}&.icon--spaces{-webkit-mask-image:url(../images/icons/spaces.svg);mask-image:url(../images/icons/spaces.svg)}&.icon--delete{-webkit-mask-image:url(../images/icons/delete.svg);mask-image:url(../images/icons/delete.svg)}&.icon--notes{-webkit-mask-image:url(../images/icons/notes.svg);mask-image:url(../images/icons/notes.svg)}&.icon--shared-spaces{-webkit-mask-image:url(../images/icons/shared_spaces.svg);mask-image:url(../images/icons/shared_spaces.svg)}&.icon--categories{-webkit-mask-image:url(../images/icons/categories.svg);mask-image:url(../images/icons/categories.svg)}&.icon--template{-webkit-mask-image:url(../images/icons/template.svg);mask-image:url(../images/icons/template.svg)}&.icon--play{-webkit-mask-image:url(../images/icons/play.svg);mask-image:url(../images/icons/play.svg)}&.icon--categories-incomes{-webkit-mask-image:url(../images/icons/stacks.svg);mask-image:url(../images/icons/stacks.svg)}&.icon--categories-expenses{-webkit-mask-image:url(../images/icons/stacks.svg);mask-image:url(../images/icons/stacks.svg)}&.icon--add{-webkit-mask-image:url(../images/icons/add.svg);mask-image:url(../images/icons/add.svg)}&.icon--add-group{-webkit-mask-image:url(../images/icons/add_group.svg);mask-image:url(../images/icons/add_group.svg)}&.icon--transactions{-webkit-mask-image:url(../images/icons/transactions.svg);mask-image:url(../images/icons/transactions.svg)}&.icon--scheduled-transactions{-webkit-mask-image:url(../images/icons/scheduled_transactions.svg);mask-image:url(../images/icons/scheduled_transactions.svg)}&.icon--clock{-webkit-mask-image:url(../images/icons/scheduled_transactions.svg);mask-image:url(../images/icons/scheduled_transactions.svg)}&.icon--transactions-up{-webkit-mask-image:url(../images/icons/transactions_up.svg);mask-image:url(../images/icons/transactions_up.svg)}&.icon--transactions-down{-webkit-mask-image:url(../images/icons/transactions_down.svg);mask-image:url(../images/icons/transactions_down.svg)}&.icon--profile{-webkit-mask-image:url(../images/icons/profile.svg);mask-image:url(../images/icons/profile.svg)}&.icon--security{-webkit-mask-image:url(../images/icons/security.svg);mask-image:url(../images/icons/security.svg)}&.icon--subscriptions{-webkit-mask-image:url(../images/icons/subscription.svg);mask-image:url(../images/icons/subscription.svg)}&.icon--settings{-webkit-mask-image:url(../images/icons/settings.svg);mask-image:url(../images/icons/settings.svg)}&.icon--options{-webkit-mask-image:url(../images/icons/options.svg);mask-image:url(../images/icons/options.svg)}&.icon--fullscreen{-webkit-mask-image:url(../images/icons/full_screen.svg);mask-image:url(../images/icons/full_screen.svg)}&.icon--exit-fullscreen{-webkit-mask-image:url(../images/icons/exit_full_screen.svg);mask-image:url(../images/icons/exit_full_screen.svg)}&.icon--sign-out{-webkit-mask-image:url(../images/icons/signout.svg);mask-image:url(../images/icons/signout.svg)}&.icon--faq{-webkit-mask-image:url(../images/icons/faq.svg);mask-image:url(../images/icons/faq.svg)}&.icon--contact-support{-webkit-mask-image:url(../images/icons/contacts.svg);mask-image:url(../images/icons/contacts.svg)}&.icon--tutorials{-webkit-mask-image:url(../images/icons/tutorials.svg);mask-image:url(../images/icons/tutorials.svg)}&.icon--feedback{-webkit-mask-image:url(../images/icons/feedback.svg);mask-image:url(../images/icons/feedback.svg)}&.icon--menu{-webkit-mask-image:url(../images/icons/menu.svg);mask-image:url(../images/icons/menu.svg)}&.icon--tags{-webkit-mask-image:url(../images/icons/tags.svg);mask-image:url(../images/icons/tags.svg)}&.icon--disable{-webkit-mask-image:url(../images/icons/disable.svg);mask-image:url(../images/icons/disable.svg)}&.icon--enable{-webkit-mask-image:url(../images/icons/enable.svg);mask-image:url(../images/icons/enable.svg)}&.icon--edit{-webkit-mask-image:url(../images/icons/edit.svg);mask-image:url(../images/icons/edit.svg)}&.icon--scroll-top{-webkit-mask-image:url(../images/icons/scroll_top.svg);mask-image:url(../images/icons/scroll_top.svg)}&.icon--mail{-webkit-mask-image:url(../images/icons/mail.svg);mask-image:url(../images/icons/mail.svg)}&.icon--globe{-webkit-mask-image:url(../images/icons/globe.svg);mask-image:url(../images/icons/globe.svg)}&.icon--currency{-webkit-mask-image:url(../images/icons/currency.svg);mask-image:url(../images/icons/currency.svg)}&.icon--search{-webkit-mask-image:url(../images/icons/search.svg);mask-image:url(../images/icons/search.svg)}&.icon--theme{-webkit-mask-image:url(../images/icons/theme_mode.svg);mask-image:url(../images/icons/theme_mode.svg)}&.icon--arrow{-webkit-mask-image:url(../images/icons/arrow.svg);mask-image:url(../images/icons/arrow.svg)}}}@layer components{.dropdown{position:relative;will-change:background-color;transition:background-color var(--transition);width:max-content;min-width:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;color:var(--text);&.dropdown--options{.dropdown__selected{padding:.5rem;.text{display:none}&:after{-webkit-mask-image:url(../images/icons/options.svg);mask-image:url(../images/icons/options.svg)}}.dropdown__content{right:0}}&.dropdown--active{.dropdown__selected{background-color:var(--hover-color)}.dropdown__content{visibility:visible;opacity:1;pointer-events:initial;transform:scaleY(1)}&:not(.dropdown--options) .dropdown__selected:after{transform:rotate(180deg);color:var(--icon-hover-color)}}&.dropdown--disabled{opacity:.2;pointer-events:none}&.dropdown--flipped{.dropdown__content{transform-origin:bottom;bottom:100%}}.dropdown__selected{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;max-width:260px;cursor:pointer;border-radius:2rem;will-change:background-color;transition:background-color var(--transition);.icon{color:var(--icon-hover-color)}&:after{content:"";min-width:18px;min-height:18px;width:18px;height:18px;color:var(--icon-default-color);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url(../images/icons/arrow.svg);mask-image:url(../images/icons/arrow.svg);display:inline-block;will-change:transform,filter;transition:transform var(--transition),filter var(--transition)}:where(.dropdown--hide-indicator) &:after{display:none}&:hover{background-color:var(--hover-color)}}.dropdown__content{visibility:hidden;position:absolute;background-color:var(--background-color-secondary);border-radius:.5rem;box-shadow:var(--box-shadow);max-width:260px;max-height:350px;overflow-x:hidden;overflow-y:auto;opacity:0;pointer-events:none;will-change:opacity,visibility,transform;transition:opacity var(--transition),visibility var(--transition),transform var(--transition);transform:scaleY(0);transform-origin:top;z-index:25;font-size:var(--font-size-sm);overscroll-behavior:contain;&:has(.dropdown__item--searchbar){min-width:200px}}.dropdown-separator{position:relative;padding-bottom:.3rem;margin-bottom:.3rem}.dropdown__item{display:flex;align-items:center;gap:.5rem;padding:.6rem .5rem;cursor:pointer;will-change:background-color;transition:background-color var(--transition);white-space:nowrap;min-width:6.25rem;contain:layout style;.dropdown__grouped{display:flex;flex-direction:column;min-width:0;flex:1}.dropdown__inner_group{display:flex;justify-content:space-between}&.dropdown__item--hide{display:none}&.dropdown__item--inactive{opacity:.3;pointer-events:none}&.dropdown__item--selected{background-color:var(--hover-color)}.checkbox{margin-left:auto}&.dropdown__item--searchbar{padding:1rem .5rem;position:sticky;top:0;background-color:var(--background-color-secondary);z-index:2;& input{padding:0;border:0;border-bottom:solid 1px var(--placeholder-border-color);border-radius:0;background-color:var(--background-color-secondary)}}& input:focus~.icon{color:var(--icon-hover-color)}& input[type=checkbox]:checked~.icon{color:var(--icon-hover-color)}&:last-child{margin-bottom:0}&:hover:not(.dropdown__item--searchbar){background-color:var(--hover-color)}}.dropdown__item--active{background-color:var(--hover-color);.icon{color:var(--icon-hover-color)}}.dropdown__value{display:none}.dropdown__grouped{& span:last-child{font-size:var(--font-size-sm);color:var(--text-muted)}}}}@layer components{.checkbox{position:relative;display:flex;align-items:center;cursor:pointer;.checkbox__input{appearance:none;opacity:0;inset:0;position:absolute;z-index:1;margin:0;padding:0}.checkbox__box{width:16px;height:16px;border:solid 1px #fff;display:flex;align-items:center;justify-content:center;&:after{content:"\2714";color:var(--active-state-color);font-size:var(--font-size-xxs);opacity:0;transform:scale(0);transition:scale var(--transition),opacity var(--transition)}}.checkbox__input:checked+.checkbox__box{border-color:var(--active-state-color);&:after{opacity:1;transform:scale(1)}}}}@layer components{.toggle{position:relative;display:flex;align-items:center;width:2.938rem;.toggle__input{appearance:none;opacity:0;inset:0;position:absolute;z-index:1;margin:0;padding:0}.toggle__rail{border-radius:2rem;width:3rem;height:1.4rem;background-color:var(--background-color);transition:background-color var(--transition),border-color var(--transition)}.toggle__thumb{background-color:#fff;width:16px;height:16px;border-radius:50%;margin-top:.2rem;margin-left:.2rem;transition:transform .25s cubic-bezier(.4,0,.2,1)}.toggle__input:checked+.toggle__rail{background-color:var(--btn-success);border-color:var(--btn-success);.toggle__thumb{transform:translate(calc(2.6rem - 16px))}}}}@layer components{@property --fade-color{syntax: "<color>"; initial-value: rgba(59,61,62,.8); inherits: false;}@property --fade-outer{syntax: "<color>"; initial-value: rgba(59,61,62,0); inherits: false;}.table-container{container-type:inline-size;container-name:table;width:100%}.table{display:flex;flex-direction:column;font-size:var(--font-size-sm);table-layout:fixed;width:100%;border-collapse:collapse;@container table (min-width: 70rem){border-radius:var(--border-radius);border:1px solid var(--placeholder-border-color);box-shadow:var(--placeholder-box-shadow);background:var(--placeholder-background);padding:1rem;.table__row:hover{.table__cell{opacity:1}}.table__cell:last-child{opacity:0;will-change:opacity;transition:opacity var(--transition)}}.table__row{display:flex;flex-direction:column;padding:1rem;border-radius:var(--border-radius);border:1px solid var(--placeholder-border-color);box-shadow:var(--placeholder-box-shadow);background:var(--placeholder-background);margin-bottom:1rem;transition:opacity var(--transition);&.table__row--header{display:none}&.table__row--inactive{opacity:.4}}.table__cell{display:flex;justify-content:space-between;padding:.5rem 0;gap:1rem;white-space:nowrap;position:relative;align-items:center;& button{padding:.5rem}&:first-child{padding-left:0}&:last-child{justify-content:flex-end;padding-top:1rem;padding-bottom:0}&:before{content:attr(data-label);font-family:var(--font-family-poppins);font-weight:600;color:var(--text-secondary)}@container table (max-width: 70rem){&:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--fade-outer) 0%,var(--fade-color) 30%,var(--fade-color) 70%,var(--fade-outer) 100%);transition:--fade-color var(--transition),--fade-outer var(--transition)}&:not(:last-child):hover:after{--fade-color: rgba(80, 195, 247, .8);--fade-outer: rgba(80, 195, 247, 0)}}}@container table (min-width: 70rem){.table__row{display:grid;grid-template-columns:220px 110px minmax(80px,1fr) minmax(80px,1fr) minmax(80px,1fr) 180px 100px 80px;border:initial;box-shadow:initial;background:initial;padding:0;margin:0;position:relative;border-radius:0;transition:background-color var(--transition),opacity var(--transition);&:not(:last-child):not(.table__row--header){&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--fade-outer) 0%,var(--fade-color) 30%,var(--fade-color) 70%,var(--fade-outer) 100%);transition:--fade-color var(--transition),--fade-outer var(--transition)}&:hover:after{--fade-color: rgba(80, 195, 247, .8);--fade-outer: rgba(80, 195, 247, 0)}}&.table__row--header{display:grid;font-family:var(--font-family-poppins);font-weight:600;color:var(--text-secondary);background-color:var(--placeholder-background);position:sticky;top:var(--header-height);z-index:5}}.table__cell{justify-content:flex-start;padding:.7rem;&:before{content:unset}&:last-child{padding:0}}}.icon{width:16px;height:16px}}}@layer components{.scrollable-table{display:flex;width:100%;max-width:100vw;border-radius:var(--border-radius);border:1px solid var(--placeholder-border-color);box-shadow:var(--placeholder-box-shadow);background:var(--placeholder-background);padding:1rem;.scrollable-table__data--static{flex-shrink:0;.scrollable-table__data_header,.scrollable-table__data_cell{min-width:220px;max-width:220px}.scrollable-table__data_cell{padding-left:2rem}}.scrollable-table__data{display:flex;flex-direction:column;.scrollable-table__data_header{user-select:none;cursor:grab;position:sticky!important;top:0!important}}.scrollable-table__data_cell{display:flex;justify-content:space-between;&.depth_0{padding-left:1rem}&.depth_1{padding-left:2rem}& span{cursor:pointer}.icon{width:1.125rem;height:1.125rem;color:var(--icon-default-color);opacity:1;@media (min-width: 64rem){opacity:0;will-change:opacity;transition:var(--transition)}&:hover{color:var(--active-state-color)}}@media (min-width: 64rem){&:hover{.icon{opacity:1}}}}.scrollable-table__scrollable-area-wrapper{overflow-x:auto;scroll-behavior:smooth;flex:1;min-width:0;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.scrollable-table__scrollable-area-content{display:flex}.scrollable-table__data_header,.scrollable-table__data_cell{padding:1rem;height:3rem;display:flex;align-items:center;min-width:150px;max-width:150px;white-space:nowrap}.scrollable-table__data_header{font-family:var(--font-family-poppins);font-weight:500;border-bottom:solid 1px var(--border-color)}}}@layer components{.placeholder{width:fit-content;border-radius:var(--border-radius);border:1px solid var(--placeholder-border-color);box-shadow:var(--placeholder-box-shadow);background:var(--placeholder-background);&.placeholder--fullscreen{position:absolute;inset:0;z-index:999999;.placeholder__content{max-height:100dvh!important;padding-bottom:3.5rem}}&.placeholder--max-height{.placeholder__content{max-height:100dvh!important;padding-bottom:3.5rem}}&.placeholder--padding-top{padding-top:1rem}&.placeholder--no-scroll{.placeholder__content{overflow:hidden!important}}.placeholder__header{display:flex;gap:1rem;align-items:center;padding:1rem;&.placeholder__header--fullscreen{#fullscreen{padding:0;margin-left:auto}}}.placeholder__content{padding:0 1rem;margin-bottom:1rem;scroll-timeline:--scroll-area block;animation:shadow-reveal linear both;animation-timeline:--scroll-area;animation-range:0px 20px}.placeholder__footer{padding:1rem;font-size:var(--font-size-sm);text-align:right;display:flex;justify-content:space-between;align-items:center}}}@layer components{form{display:flex;flex-direction:column;height:100%;width:100%;&.form__error{& span.error{opacity:1}}& span.error{font-size:var(--font-size-xs);color:var(--danger);opacity:0;will-change:opacity;transition:opacity var(--transition);height:1rem;margin-bottom:1rem}}.form__group{display:flex;flex-direction:column;will-change:border-color;transition:border-color var(--transition);gap:.5rem;position:relative;&.form__group--required{& label:after{content:"*";color:var(--text-negative-color);margin-left:.2rem}}&.form__group--hidden{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden}.dropdown__selected{border:solid 1px var(--placeholder-border-color)}&.form__group--error{>input{border:solid 1px var(--danger)}}& label{color:var(--text-secondary);font-family:var(--font-family-poppins);font-weight:500;&:has(+.dropdown--disabled){pointer-events:none}}&.form__group--multiple-buttons{display:flex;flex-direction:row;justify-content:flex-end;gap:1rem;.button--success{flex-grow:1}}}}@layer component{@keyframes shadow-reveal{0%{box-shadow:inset 0 0 #0000}to{box-shadow:inset 0 10px 10px -10px #00000080}}@keyframes shadow-reveal-bottom{0%{box-shadow:inset 0 0 #0000}to{box-shadow:inset 0 -10px 5px -10px #00000080}}@keyframes loadingBarSlide{0%{background-position:0% 0%}to{background-position:200% 0%}}@keyframes fill-up-progress-bar{0%{width:0%}to{width:var(--planner-progress)}}@keyframes fade-in-text-on-progress-bar{to{opacity:1}}}@layer components{.card__box{display:flex;flex-direction:column;gap:1rem;width:100%;min-height:7.5rem;@media (min-width: 64rem){width:15.625rem}&:hover{.icon{color:var(--active-state-color)}}.card__header{display:flex;gap:1rem;align-items:center}}}@layer components{body.modal--opened{overflow:hidden;.modal{background:#0000004d;.modal__content{opacity:1;transform:scale(1)}}&.scrollbar-present{padding-right:calc(var(--scrollbar-width) + 2px)}}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:900;will-change:background-color;transition:background-color var(--transition);&.modal--medium-size{.modal__content{width:21.875rem}}&.modal--big-size{@media (min-width: 70rem){.modal__content{width:75rem}}}&.transactions{.table{border:none;box-shadow:none}.table__row{border:none;box-shadow:none;background:none}.table__row--header{top:0}}&.note{& textarea{min-height:15rem}}&.archive{.modal__body{overflow:visible}.dropdown__content{max-height:200px}& form{flex-direction:row;gap:1rem;justify-content:center}& label{text-align:center}}.modal__content{width:100%;max-width:95vw;max-height:80dvh;border-radius:1rem;border:1px solid var(--modal-border-color);box-shadow:var(--modal-box-shadow);background:var(--modal-background);display:flex;flex-direction:column;will-change:transform,opacity;opacity:0;transform:scale(.6);transition:transform var(--transition),opacity var(--transition)}.modal__header{padding:1rem;justify-content:center;display:flex;font-size:var(--font-size-lg);font-family:var(--font-family-poppins)}.modal__body{flex-grow:1;height:100%;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:0 1rem;& p{font-size:var(--font-size-sm);padding-bottom:1rem}}.modal__footer{display:flex;gap:1rem;padding:1rem;justify-content:flex-end}}}@layer components{#snackbar{position:fixed;top:50px;left:50%;transform:translate(-50%,-100%);opacity:0;max-width:300px;background:var(--snackbar-background);border:solid 1px var(--snackbar-border-color);border-radius:var(--border-radius-sm);will-change:transform,opacity;transition:opacity var(--transition),transform var(--transition);pointer-events:none;z-index:999999;box-shadow:var(--snackbar-box-shadow);font-size:var(--font-size-md);&:hover{background-color:var(--hover-color)}&.show{transform:translate(-50%);opacity:1;pointer-events:auto;cursor:pointer}& p{padding:1rem;margin:0}}}@layer components{.pills-container{display:flex;flex-wrap:wrap;gap:1rem;max-height:20rem;overflow:auto;& input{display:none}.pill-box{display:flex;flex-direction:column;min-width:0;cursor:pointer;padding:.5rem 1.2rem;will-change:color,background-color;transition:color var(--transition),background-color var(--transition);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border-radius:2rem;border:solid 1px var(--placeholder-border-color);line-height:1.2;-webkit-user-select:none;user-select:none;&.pill-box--active{background-color:var(--hover-color);color:var(--active-state-color)}&:hover{background-color:var(--hover-color)}}}.pill-box{& span:first-child{font-size:var(--font-size-sm)}& span:last-child{font-size:var(--font-size-xxs);color:var(--text-muted)}}}@layer utilities{.text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-bold{font-weight:600}}@layer utilities{.positive{color:var(--text-positive-color)}.negative{color:var(--text-negative-color)}.warning{color:var(--text-warning-color)}.secondary-text{color:var(--text-secondary)}}@layer utilities{@property --fade-color{syntax: "<color>"; initial-value: rgba(59,61,62,.8); inherits: false;}@property --fade-outer{syntax: "<color>"; initial-value: rgba(59,61,62,0); inherits: false;}.border-line{&:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--fade-outer) 0%,var(--fade-color) 30%,var(--fade-color) 70%,var(--fade-outer) 100%);transition:--fade-color var(--transition),--fade-outer var(--transition)}&:not(.border-line--no-hover):hover:after{--fade-color: rgba(80, 195, 247, .8);--fade-outer: rgba(80, 195, 247, 0)}}}@layer utilities{.hide-element{display:none}.disabled-element{pointer-events:none;opacity:.2}}@layer utilities{.float-left{float:left}.float-right{float:right}.inactive-element{opacity:.2}.margin-left-auto{margin-left:auto}}