.home{background-color:#e9e9e9;width:100vw;height:100vh;margin:0;padding:0;display:flex}.home-contents{flex-direction:column;align-items:center;width:100%;display:flex;overflow:auto}.home-contents::-webkit-scrollbar{display:none}.displays{flex-direction:column;align-items:center;display:flex}.hidden{display:none}
.selector-container{flex-direction:column;align-items:center;width:80%;height:fit-content;margin:50px auto;font-size:16px;display:flex}.selector-container img{width:20px}.selector-header{justify-content:space-evenly;align-items:center;width:100%;display:flex}.selector-header button{cursor:pointer;background-color:#fff;border:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.selector-header-info{justify-content:center;align-items:center;width:50%;display:flex}.selector-header-info h3{background-color:#fff;border-radius:5px;margin:3px;padding:5px}.selector-dates{text-align:center;grid-template-columns:repeat(7,1fr);font-weight:500;display:grid}.day-box{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:1px;display:flex}.day-box:hover,.ds-selected{color:#fff;background-color:#dadaff}.not-current-month{color:#adadad}.hidden{display:none}

.search{background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;width:400px;height:50px;margin:50px 0;display:flex}.search>*{margin:20px}.search-icon{width:25px;height:25px}.search-text{border:none;width:100%;height:70%;font-size:20px}.search-text:focus{outline:none}.search-content{background-color:#fff;border-radius:5px;grid-template-columns:repeat(4,1fr);width:90%;height:fit-content;display:grid}.display{background-color:#fff;border-radius:5px;width:90%;margin:1% 0}.display-header{cursor:pointer;justify-content:space-between;align-items:center;width:100%;height:60px;display:flex}.display-title{margin:0 20px;padding:0}.display-header-burger{aspect-ratio:1;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;height:70%;margin:10px;display:flex}.burger-icon{width:75%;height:75%;transition:all .2s}.burger-up{transform:rotate(90deg)}.display-shelf{max-height:710px;transition:all .2s;overflow:auto}.display-shelf::-webkit-scrollbar{display:none}.shelf-grid{grid-template-columns:repeat(4,1fr);display:grid}.display-closed{max-height:0}.box{background-color:red;width:150px;height:200px}.hidden{display:none}@media (max-width:1440px){.shelf-grid{grid-template-columns:repeat(3,1fr)}}
.display-card{aspect-ratio:1/1.5;background-color:#fff;border-radius:30px;margin:10px;overflow:hidden;box-shadow:0 5px 10px #0000004d}.card-header{border-radius:30px;justify-content:space-evenly;align-items:center;height:45%;display:flex;box-shadow:0 5px 10px #0000004d}.card-image{width:30%}.card-body{align-items:center;height:55%;display:flex}.card-date{text-align:center;border-right:1px solid #000;flex-direction:column;justify-content:space-between;width:25%;height:80%;padding:0 2.5%;display:flex}.card-date p,.card-date-header>*{margin:0;padding:0}.card-month{font-size:1.2em}.card-time{font-size:.8em}.card-day{font-size:1.2em}.card-info{flex-direction:column;justify-content:space-between;width:75%;height:80%;margin:0 10px;display:flex}.card-info p{margin:0;padding:0;font-size:.8em}.card-info-header>*{margin:5px 0}.gc{background-color:#c5d0ff}.oc{background-color:#e4ffc5}.tc{background-color:#fffbc5}