#calendar{display:flex;position:relative}#calendar-title{align-items:center;background:#FFF9C4;display:flex;height:40px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:20px;width:240px}#calendar-title .calendar-title-text{color:#222;font-size:.95em;font-weight:500;text-align:center}#calendar-title .calendar-title-edit{cursor:pointer;display:inline-block;height:25px;margin-left:10px;position:relative;width:22px}#calendar-title .calendar-title-edit img{cursor:pointer;left:0;position:absolute;top:-10px;width:40px}#calendar-edit{background:rgba(255,255,255,.8);height:100%;text-align:center;top:0;width:100%;z-index:100}#calendar-edit,#calendar-edit .form{display:block;left:0;position:absolute}#calendar-edit .form{background:#FEFEFE;border:1px solid #ddd;border-radius:10px;height:170px;margin:0 auto;max-width:500px;padding:20px;right:0;text-align:left;top:10%;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none;width:320px}#calendar-edit .form .iconBack{background:#FDD835;border-radius:100px;cursor:pointer;height:40px!important;padding:2px 0 2px 2px;position:absolute;right:0;transform:rotate(180deg);top:-20px;width:40px!important;z-index:2}#calendar-edit .form input{color:#222;cursor:default;font-size:1em;height:20px;list-style-type:none;margin:10px 10px 0 0;opacity:1;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(100% - 27px)}#calendar-edit .form .button,#calendar-edit .form input{background:#FFF;border:1px solid #fdd835;border-radius:10px;display:inline-block}#calendar-edit .form .button{cursor:pointer;float:right;font-size:.9em;margin:10px 5px 5px 0;padding:8px 10px;text-align:center}#calendar-edit .form .button.update{width:90px}#calendar-edit .form .share{font-size:.9em;margin-top:28px;text-align:left}#calendar-edit .form .share p{width:100%}#calendar-edit .form .share p:first-child{height:25px;margin:0;padding-top:4px}#calendar-edit .form .share p:nth-of-type(2){cursor:pointer;margin:-5px 0 0;padding:0;text-decoration:underline}#calendar-year{-webkit-overflow-scrolling:touch;align-items:flex-start;display:flex;gap:20px;margin:84px 0 0;overflow-x:auto;overflow-y:hidden;padding:4px 50px 28px;scroll-snap-type:x mandatory;scrollbar-color:#FDD835 transparent;scrollbar-width:thin;width:100%}#calendar-year::-webkit-scrollbar{height:8px}#calendar-year::-webkit-scrollbar-track{background:transparent}#calendar-year::-webkit-scrollbar-thumb{background-color:#FDD835;border-radius:20px}#calendar-year .month-group{display:flex;flex:0 0 auto;flex-direction:column}#calendar-year .month-weeks{display:flex;gap:20px}#calendar-year .week{flex:0 0 auto;scroll-snap-align:center}#calendar-year .week-month-label{color:#000;font-size:1.1em;font-style:normal;font-weight:600;left:0;margin:0 0 15px;padding:0;position:-webkit-sticky;position:sticky;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}#calendar-year .week-grid{display:grid;grid-gap:10px;gap:10px;grid-auto-rows:180px;grid-template-columns:repeat(4,80px)}#calendar-year .year-day{background-color:#FEFEFE;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ddd;box-sizing:border-box;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .2s ease,transform .2s ease,background .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}#calendar-year .year-day,#calendar-year .year-day .day-label{align-items:center;display:flex;flex-direction:column;gap:2px}#calendar-year .year-day .weekday{color:#999;font-size:.65em;font-weight:500;letter-spacing:.03em;text-transform:uppercase}#calendar-year .year-day .date-num{color:#222;font-size:1.2em;font-weight:500}#calendar-year .year-day.today{background-color:#FFF9C4}#calendar-year .year-day.today .weekday{color:#7A6A00}#calendar-year .year-day.today .date-num{color:#222;font-weight:700}#calendar-year .year-day.muted{background-color:#FAFAFA}#calendar-year .year-day.muted .date-num,#calendar-year .year-day.muted .weekday{color:#CCC}#calendar-year .year-day.interactive:hover{box-shadow:0 4px 10px rgba(0,0,0,.08);transform:translateY(-2px)}#calendar-year .year-day.draggedOver{background-color:#FFF59D;background-image:none}#calendar-year .year-day.active{align-items:flex-start;border:none;cursor:pointer;justify-content:flex-start;padding:8px}#calendar-year .year-day.active:before{background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));content:"";height:44px;left:0;pointer-events:none;position:absolute;right:0;top:0}#calendar-year .year-day.active .day-label{flex-direction:row;gap:4px;position:relative;z-index:1}#calendar-year .year-day.active .date-num,#calendar-year .year-day.active .weekday{color:#222;font-size:.75em;font-weight:600}