body{margin:0;padding:0}body a,body button,body h1,body h2,body input,body p{color:#5a5a5a;font-family:Rubik,sans-serif;font-weight:400;margin:0;padding:0}#app{background-color:#141414;height:100vh;position:relative;width:100vw}#app #calendar-background-wrapper{height:100%;left:0;position:fixed;top:0;width:100%}#app #calendar-background-wrapper #calendar-background{background-image:url(../img/bg.b7fc9fef.jpeg);background-position:50%;background-size:cover;height:100%;left:50%;min-height:1200px;min-width:1200px;opacity:.7;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}#app #calendar{height:100vh;overflow:auto;position:relative;width:100vw}#app #calendar-month{margin-top:25px;color:#fff;font-size:2rem;font-family:Rubik,sans-serif;display:flex;align-items:center;justify-content:center}#app #calendar-month span{margin:0 25px}#app #calendar-month button{border:none;background:none;color:#fff;cursor:pointer;transition:all .5s ease;border-radius:50%;width:25px;height:25px}#app #calendar-month button:hover{background:hsla(0,0%,100%,.2)}#app #calendar #calendar-dates{background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.15);border-radius:20px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);display:flex;flex-shrink:0;flex-wrap:wrap;gap:10px;height:840px;padding:20px;margin:25px auto 45px;transition:transform .4s ease-in-out;width:1180px}#app #calendar #calendar-dates .date-wrapper{background-color:transparent;border:none;box-shadow:inset 0 0 6px 2px rgba(0,0,0,.03),inset 0 0 10px 8px rgba(0,0,0,.02);display:flex;flex-direction:column;flex-shrink:0;gap:10px;height:160px;outline:none;overflow:hidden;padding:10px;transition:transform .25s;width:160px;box-sizing:border-box}#app #calendar #calendar-dates .date-wrapper.active-month:focus,#app #calendar #calendar-dates .date-wrapper.active-month:hover{cursor:pointer;transform:translateY(-5px)}#app #calendar #calendar-dates .date-wrapper.active-month:focus .date,#app #calendar #calendar-dates .date-wrapper.active-month:hover .date{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.25)}#app #calendar #calendar-dates .date-wrapper:not(.active-month){opacity:.6}#app #calendar #calendar-dates .date-wrapper .date{background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 48px 100px 0 rgba(17,12,46,.02);flex-grow:1;justify-content:space-between;position:relative;text-align:left;transition:background-color .25s;width:calc(100% - 2px)}#app #calendar #calendar-dates .date-wrapper .date .date-day{border-radius:100px;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 0 8px 4px rgba(0,0,0,.04),inset 0 0 6px 4px rgba(0,0,0,.02);display:inline-flex}#app #calendar #calendar-dates .date-wrapper .date .date-day h2{text-align:center}#app #calendar #calendar-dates .date-wrapper .date .date-day .date-day-of-month{color:#fff}#app #calendar #calendar-dates .date-wrapper .date .date-day .date-day-of-week{color:#282828;font-weight:700;text-transform:uppercase}#app #calendar #calendar-dates .date-wrapper .date .date-title{align-items:start;display:flex}#app #calendar #calendar-dates .date-wrapper .date .date-title .date-title-dot{background-color:#fff;flex-shrink:0}#app #calendar #calendar-dates .date-wrapper .date .date-title h2{color:#fff;word-break:break-word;white-space:pre-line}#app #calendar #calendar-dates .date-wrapper .active-day-indicator{background-color:#e1f5fe;border-radius:5px;height:5px;margin:0 20px;width:calc(100% - 40px)}@media (max-width:1500px){#app #calendar #calendar-dates{border-radius:16px;gap:8px;height:632px;padding:16px;width:888px}#app #calendar #calendar-dates .date-wrapper{border-radius:16px;gap:8px;height:120px;padding:8px;width:120px}#app #calendar #calendar-dates .date-wrapper.active-month:focus,#app #calendar #calendar-dates .date-wrapper.active-month:hover{cursor:pointer;transform:translateY(-3px)}#app #calendar #calendar-dates .date-wrapper .date{border-radius:12px}#app #calendar #calendar-dates .date-wrapper .date .date-day{display:inline-flex;gap:3px;margin:8px;padding:3px 9px}#app #calendar #calendar-dates .date-wrapper .date .date-day .date-day-of-month{font-size:1em}#app #calendar #calendar-dates .date-wrapper .date .date-day .date-day-of-week{font-size:.7em;margin-top:0}#app #calendar #calendar-dates .date-wrapper .date .date-title{gap:8px;padding:4px 8px 8px}#app #calendar #calendar-dates .date-wrapper .date .date-title .date-title-dot{border-radius:4px;height:4px;margin-top:4px;width:4px}#app #calendar #calendar-dates .date-wrapper .date .date-title h2{font-size:.9em;max-height:45px;overflow:hidden}#app #calendar #calendar-dates .date-wrapper .active-day-indicator{margin:0 10px;width:calc(100% - 20px)}#app #calendar #calendar-dates .date-wrapper.active-day .date .date-title h2{max-height:30px}}@media (max-width:1000px){#app #calendar{overflow:auto}#app #calendar::-webkit-scrollbar{width:0}#app #calendar #calendar-dates{height:auto;left:0;margin:10px auto;padding:16px;position:relative;top:0;transform:none;transition:none;width:calc(100% - 54px)}#app #calendar #calendar-dates .date-wrapper{width:100%}#app #calendar #calendar-dates .date-wrapper .active-day-indicator{margin:0 40px;width:calc(100% - 80px)}}@media (max-width:1000px),(min-width:1501px){#app #calendar #calendar-dates .date-wrapper{border-radius:26px}#app #calendar #calendar-dates .date-wrapper .date{border-radius:20px}#app #calendar #calendar-dates .date-wrapper .date .date-day{gap:5px;margin:10px;padding:4px 12px}#app #calendar #calendar-dates .date-wrapper .date .date-day .date-day-of-month{font-size:1.1em}#app #calendar #calendar-dates .date-wrapper .date .date-day .date-day-of-week{font-size:.8em;margin-top:2px}#app #calendar #calendar-dates .date-wrapper .date .date-title{gap:8px;padding:10px}#app #calendar #calendar-dates .date-wrapper .date .date-title .date-title-dot{border-radius:5px;height:5px;margin-top:5px;width:5px}#app #calendar #calendar-dates .date-wrapper .date .date-title h2{font-size:1em;max-height:30px}#app #calendar #calendar-dates .date-wrapper.active-day .date .date-title h2{max-height:19px}}#calendar-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fadeIn 1s ease both}#calendar-modal .modal{width:500px;background-color:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);max-width:90%}#calendar-modal .modal .date-day{border-radius:100px;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 0 8px 4px rgba(0,0,0,.04),inset 0 0 6px 4px rgba(0,0,0,.02);display:inline-flex;gap:3px;margin:8px;padding:3px 9px}#calendar-modal .modal .date-day h2{text-align:center}#calendar-modal .modal .date-day .date-day-of-month{color:#fff;font-size:1.5em}#calendar-modal .modal .date-day .date-day-of-week{color:#282828;font-weight:700;text-transform:uppercase;font-size:1em;margin-top:0;margin-left:5px}#calendar-modal .modal-header{display:flex}#calendar-modal .modal-body{padding:10px}#calendar-modal .modal-body textarea{width:100%;border:none;height:100px;border-radius:16px;resize:none;background:hsla(0,0%,100%,.2);padding:15px;box-sizing:border-box;outline:none;color:#fff}#calendar-modal .modal-body textarea::-webkit-scrollbar{width:6px}#calendar-modal .modal-body textarea::-webkit-scrollbar-track{background:hsla(0,0%,100%,.5);border-radius:20px;margin-top:12px;margin-bottom:12px}#calendar-modal .modal-body textarea::-webkit-scrollbar-thumb{border-radius:20px;background:#fff}#calendar-modal .modal-body textarea::-webkit-scrollbar-thumb:hover{background:#fff}#calendar-modal .modal-footer{padding-bottom:10px;padding-left:10px;padding-right:10px;text-align:right}#calendar-modal .modal-footer button{border:none;background:hsla(0,0%,100%,.2);color:#fff;padding:10px 18px;border-radius:16px;cursor:pointer;margin-left:8px;transition:all .5s ease}#calendar-modal .modal-footer button:hover{background:hsla(0,0%,100%,.4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}