[data-first-day=sun] .empty-day{width:0;margin-right:-4px}[data-first-day=mon] .empty-day{width:40px}[data-first-day=tue] .empty-day{width:84px}[data-first-day=wed] .empty-day{width:128px}[data-first-day=thu] .empty-day{width:172px}[data-first-day=fri] .empty-day{width:216px}[data-first-day=sat] .empty-day{width:260px}.calendar-app{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0 auto}.calendar-container{background-color:#030303;padding:20px 10px;width:325px;position:relative;z-index:1;border-radius:20px}.calendar-container .header-row{display:flex;justify-content:center;flex-direction:column}.calendar-container .header-row .calendar-date-select select{background:none;border:0;font-size:1.5rem;text-transform:uppercase;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:light-dark(#E3B426,#F3DFA2);width:fit-content;cursor:pointer}.calendar-container .header-row .calendar-date-select select:first-child{margin-right:10px}.calendar-container .header-row .calendar-date-select select option{font-size:1rem}.calendar-container .header-row .month-totals{margin-left:20px;font-weight:600;font-size:.8em}.calendar-container .header-row .month-totals ul{list-style:none}.calendar-container .header-row .month-totals ul .income-value{color:light-dark(#90A955,#90A955)}.calendar-container .header-row .month-totals ul .expense-value{color:light-dark(#A40606,#F96262)}.calendar-container .header-row .month-totals svg{transform:translateY(2px)}.calendar-container .calendar{display:flex;flex-direction:column;align-items:center;justify-content:center}.calendar-container .calendar .weekdays{font-size:.8em;font-weight:600;margin-bottom:5px}.calendar-container .calendar .weekdays div{border-radius:3px;padding:2px 0;color:#fff8}.calendar-container .calendar .days{display:grid;grid-template-columns:repeat(7,40px);gap:4px;text-align:center}.calendar-container .calendar .days.individual-days{width:304px;display:flex;flex-wrap:wrap}.calendar-container .calendar .days.individual-days .day{width:40px;font-weight:700;font-size:.8em}.calendar-container .calendar .days.individual-days .day.active{background-color:#68686866!important}.calendar-container .calendar .individual-days .empty-day{transition:width .2s ease-in-out}.calendar-container .calendar .days .day{display:flex;flex-direction:column;justify-content:center;align-items:center;height:40px;text-align:center}.calendar-container .calendar .individual-days .day{border-radius:10px;transition:background ease-out .2s;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0px;grid-row-gap:0px}.calendar-container .calendar .individual-days .day .day-number{grid-area:1/1/3/3;-webkit-user-select:none;user-select:none}.calendar-container .calendar .individual-days .day .payment-icons{padding-right:3px;justify-self:end;grid-area:1/1/2/3}.calendar-container .calendar .individual-days .day .payment-icons span+span{margin-left:-6px}.calendar-container .calendar .day:hover{background-color:#68686866}.calendar-container .calendar .day:has(+.day:hover),.calendar-container .calendar .day:hover+.day{background-color:#68686833}.calendar-container .calendar .day:has(+.day+.day+.day+.day+.day+.day+.day:hover){background-color:#68686833}.calendar-container .calendar .day:hover+.day+.day+.day+.day+.day+.day+.day{background-color:#68686833}.calendar-container .calendar .day:has(+.day+.day+.day+.day+.day+.day+.day+.day:hover),.calendar-container .calendar .day:has(+.day+.day+.day+.day+.day+.day:hover){background-color:#6868680d}.calendar-container .calendar .day:hover+.day+.day+.day+.day+.day+.day,.calendar-container .calendar .day:hover+.day+.day+.day+.day+.day+.day+.day+.day{background-color:#6868680d}.calendar-container .calendar .day.sat:hover+.day.sun,.calendar-container .calendar .day.sun:has(+.day+.day+.day+.day+.day+.day.sat:hover),.calendar-container .calendar .day.sat:hover+.day+.day+.day+.day+.day+.day+.day+.day.sun{background-color:transparent}.calendar-container .calendar .day.sat:has(+.day.sun:hover),.calendar-container .calendar .day.sat:has(+.day+.day+.day+.day+.day+.day+.day+.day.sun:hover),.calendar-container .calendar .day.sun:hover+.day+.day+.day+.day+.day+.day.sat{background-color:transparent}.day-panel-container{margin-top:-20px;position:relative;z-index:0;background-color:#fff;color:#000;border:0;border-radius:0 0 20px 20px;padding:15px 7px 7px;width:325px}.day-panel-container .day-panel-content{width:304px;margin:15px auto}.day-panel-container fieldset{width:80%;border:none;display:flex;flex-direction:column;align-items:start;gap:10px}.day-summary .new-entry-form fieldset,.day-summary .edit-mode-form fieldset{font-size:16px;border:0;display:flex;flex-direction:column;gap:7px}.day-summary{background-color:#fff;color:#000;text-align:left;padding:37px 20px 20px;font-size:.9em;width:325px;margin-left:-10px;margin-right:-11px;z-index:3;border-radius:0 0 20px 20px}.day-summary:before{content:"";background-color:#000;position:absolute;left:0;width:100%;margin-top:-40px;height:20px;border-radius:0 0 20px 20px}.day-summary+.day-summary{display:none}.colour-picker{display:flex;gap:3px}.colour-picker label{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}.colour-picker label input,.colour-picker label .colour-option{grid-area:1/1/2/2}.colour-option{width:20px;height:20px;border-radius:20px;visibility:visible}input:checked+.colour-option{outline:2px solid blue}:root{color-scheme:dark;color:#e8e9eb;background-color:#68b2f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Verdana,Geneva,Tahoma,sans-serif;min-width:375px}a{color:#1eaedb;cursor:pointer}a:hover{color:light-dark(#747bff,#0FA0CE)}.container{margin:20px}