.container{flex-direction:column}.container,.container .card{display:flex;align-items:center}.container .card{background-color:#f9f7ff;border-radius:9999px;margin:10px 4px;width:48px;height:48px;justify-content:center;cursor:pointer;transition:all .3s ease}.container .card.selected{background-color:#1f232b;color:#fff}.container .card.today{background-color:#f9f7ff;color:#1f232b;border:1px solid #1f232b}.container .card.weekend{pointer-events:none;background-color:#f6f6f7;color:#dddedf}.container .card.withEvent{background-color:#f9f7ff;border:1px solid #9878ff;color:#1f232b}.container .card.withEventSelected{background-color:#9878ff;color:#f2f2f2}.container .card.holiday{background-color:#ff6b7a;color:#f2f2f2}.month-section{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.month-scroll-view{display:flex;gap:24px;overflow:hidden;transition:transform .6s ease}.month-item{display:flex;justify-content:center;font-size:16px;color:#41444b;font-weight:600;cursor:pointer;width:100px}.month-item.selected{color:#1f232b}.month-fade{position:absolute;top:0;bottom:0;width:50%;pointer-events:none;z-index:1}.month-fade.left{left:0;background:linear-gradient(90deg,#fff 2%,transparent)}.month-fade.right{right:0;background:linear-gradient(270deg,#fff 2%,transparent)}.centered{display:flex;justify-content:center;align-items:center}.date-section{width:900px;padding:20px}.scroll-view{height:102px;display:flex;flex-direction:row;gap:20px;overflow-x:auto;white-space:nowrap;width:100%}.scroll-view::-webkit-scrollbar{display:none}