.calendar-container{font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;height:calc(100vh - 12rem);overflow:hidden;width:100%}.calendar-container .appointment-title{background-color:#c7c7c70d;font-size:8px;line-height:8px;min-height:1.25rem;padding-bottom:.25rem;padding-left:5px;padding-top:.25rem;transition:background-color .3s}.calendar-container .appointment-title:hover{background-color:#c7c7c759}.calendar-container .appointment-selected{background-color:#c7c7c752}.calendar-container:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-primary-500)/var(--tw-ring-opacity,1))}