body,html{overflow-x:hidden}body{margin:0;width:100vw}.day,.day-block,.day-title{display:inline-block;width:32px;height:32px;text-align:center;align-content:center}.day-title{padding:1px;font-weight:700;font-family:monospace}.day{border:1px solid #000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.day:not(.unavailable):hover{border-color:red}.selected:not(.unavailable){background-color:red;color:#fff}.unavailable{background-color:gray;color:#fff;cursor:not-allowed}.calendar{width:100%;margin:15px 0;font-family:sans-serif;font-size:1rem;box-sizing:border-box}@media(min-width:576px){.calendar{min-width:500px;width:500px;margin:15px}}@media(max-width:575.98px){.calendar{padding:0 15px}}.controls{width:100%;display:flex;justify-content:space-between;margin-bottom:15px}@media(min-width:576px){.controls{min-width:500px;width:500px}}.controls button{width:32px;height:32px}.monthHeader{display:flex;justify-content:space-between;width:calc(100% - 64px);padding:0 15px}.monthHeader.single{justify-content:space-around}.monthHeader>span{align-content:center}.picker{display:flex;justify-content:space-between}@media(max-width:575.98px){.picker{flex-direction:column;width:100%;text-align:center}}.picker>div{display:inline-block}.state-legend{display:flex;justify-content:space-between;margin-top:15px}.state-legend>span:before{content:"";display:inline-block;width:15px;height:15px;border:1px solid gray;margin-right:5px;vertical-align:middle}.state-selected:before{background-color:red}.state-unavailable:before{background-color:gray}.notInMonth{opacity:.25}.example-inputs{width:500px;display:flex;justify-content:space-between;margin:15px}@media(max-width:575.98px){.example-inputs{flex-direction:column;width:100%}}.example-inputs input{width:calc(100% - 30px);box-sizing:border-box;padding:5px}@media(min-width:576px){.example-inputs input{width:238px}}@media(max-width:575.98px){.example-inputs input:not(:first-of-type){margin-top:15px}}