.custom-select.active .select-button{background-color:var(--secondary-light)}.custom-select.active .select-dropdown{visibility:visible}.custom-select.active .arrow{transform:rotate(180deg)}.custom-select .select-button{display:flex;justify-content:space-between;align-items:center;background-color:var(--primary-light);cursor:pointer;border:1px solid var(--outline);border-radius:var(--border-radius);min-width:150px;max-width:100%;padding:.5rem 1rem;transition:background-color .5s}.custom-select .select-button .arrow{border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--primary-dark);transition:transform .3s ease-in-out;width:-moz-fit-content;width:fit-content}.custom-select .select-dropdown{position:absolute;list-style:none;visibility:hidden;min-width:150px;max-width:500px;box-shadow:0 10px 15px rgba(0,0,0,.2);background-color:var(--background-light);border:1px solid var(--outline);border-radius:var(--border-radius);padding:10px;margin-top:5px;max-height:200px;overflow-y:auto!important;overflow-x:hidden;z-index:5}.custom-select .select-dropdown:focus-within{box-shadow:0 10px 25px rgba(94,108,233,.6)}.custom-select .select-dropdown li{position:relative;cursor:pointer;display:flex;gap:1rem;align-items:center}.custom-select .select-dropdown li label{width:100%;padding:8px 10px;cursor:pointer}.custom-select .select-dropdown li input:checked~label,.custom-select .select-dropdown li:hover{border-radius:var(--border-radius);background-color:var(--primary-light);color:#fff}.custom-select .select-dropdown li input[type=radio]{position:absolute;left:0;opacity:0;cursor:pointer}.custom-select .select-dropdown li input[type=radio]:focus~label{border-radius:var(--border-radius);background-color:var(--primary);color:#fff}.custom-select .select-dropdown .group-divider{margin:.7rem 0}.custom-select .select-dropdown .group-divider .label{position:absolute;margin:-.7rem 1rem;font-size:1rem;padding:0 .5rem;background:var(--background-light);color:var(--primary-dark);border-radius:var(--border-radius);width:-moz-fit-content;width:fit-content;max-width:90%;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.custom-select .select-dropdown .group-divider .label[title]:hover:after{content:attr(title);position:absolute;top:-100%;left:0}.transaction-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 30px;margin:1rem 1rem 90px;padding:1rem;border:1px solid var(--outline);border-radius:var(--border-radius)}.transaction-grid .header{display:contents;justify-self:center}.transaction-grid :not(.header>*){align-self:center;justify-self:center;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.transaction-grid .label{position:absolute;margin:-2rem 1rem;font-size:1.3rem;padding:0 .5rem;background:var(--background-light);color:var(--primary-dark);border-radius:var(--border-radius);align-self:start;justify-self:start;width:-moz-fit-content;width:fit-content}.transaction-grid .delete-trans-button{height:26px;width:26px;font-size:1rem;padding:0;margin:2px 10px}.transaction-grid .transaction-row{display:grid;grid-template-columns:subgrid;grid-column:1/-1;border-radius:var(--border-radius);padding:0 1rem}.transaction-grid .transaction-row.highlight{background-color:var(--primary-light)}.transaction-grid .transaction-row .category-select{width:90%}.upload-label{height:50px}#transactions-upload{opacity:0;width:0;height:0}