#root{max-width:100%;margin:0 auto;padding:1.5rem .5rem;text-align:center;width:100%;box-sizing:border-box}@media (min-width: 768px){#root{padding:2rem;max-width:1280px}}body{margin:0;display:flex;min-width:320px;min-height:100vh}@media (min-width: 768px){body{place-items:center}}*{box-sizing:border-box}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}h1{font-size:3.2em;line-height:1.1}@media (max-width: 480px){h1{font-size:2em}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.card{padding:2em}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(97,218,251,.6666666667))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.calendar{display:flex;flex-direction:column;gap:8px;margin-top:20px;width:100%;overflow-x:hidden;scroll-behavior:smooth}@media (min-width: 768px){.calendar{gap:20px}}.month-container{display:flex;flex-direction:column;gap:2px;border:none;border-radius:0;padding:0;box-shadow:none;overflow-x:auto;margin-bottom:8px}@media (min-width: 768px){.month-container{padding:12px;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 4px #0000000d;gap:4px}}.month-header{text-align:left;margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid #eee;font-size:1rem;text-transform:capitalize}@media (min-width: 768px){.month-header{margin-bottom:12px;font-size:1.5rem}}.day-headers{display:flex;align-items:center;gap:2px;margin-bottom:4px;min-width:auto}@media (min-width: 768px){.day-headers{gap:8px;min-width:600px}}.week-number-header{width:20px;text-align:center}@media (min-width: 768px){.week-number-header{width:40px}}.day-header{flex-grow:1;flex-basis:0;min-width:30px;text-align:center;font-weight:700;font-size:.6rem}@media (min-width: 768px){.day-header{font-size:.8rem;min-width:auto}}.day-header.weekend{color:#d32f2f}.week-row{display:flex;align-items:center;gap:2px;margin-bottom:2px;min-width:auto}@media (min-width: 768px){.week-row{gap:8px;margin-bottom:8px;min-width:600px}}.week-row:first-child{margin-top:2px}@media (min-width: 768px){.week-row:first-child{margin-top:4px}}.week-row:last-child{margin-bottom:2px}@media (min-width: 768px){.week-row:last-child{margin-bottom:4px}}.week-number{width:20px;text-align:center;font-weight:700;color:#546e7a;font-size:.7rem}@media (min-width: 768px){.week-number{width:40px;font-size:1rem}}.days-container{display:flex;gap:2px;flex-grow:1}@media (min-width: 768px){.days-container{gap:8px}}.month-name{font-size:10px;color:#666}@media (min-width: 768px){.month-name{font-size:12px}}.calendar-bottom-actions{margin:20px 0;text-align:center;padding:12px 0;position:relative}.date-box{flex-grow:1;flex-basis:0;min-width:30px;height:30px;border:2px solid #ddd;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}@media (min-width: 768px){.date-box{height:60px;min-width:auto}}.date-box .date-fill-indicator{position:absolute;bottom:0;left:0;width:100%;transition:height .3s ease;z-index:0}.date-box .date-number{font-size:12px;font-weight:700;position:relative;z-index:1}@media (min-width: 768px){.date-box .date-number{font-size:18px}}.date-box:hover{background-color:#f5f5f5}.date-box:hover .date-fill-indicator{opacity:.8}.date-box.weekend{background-color:#ffebee}.date-box.weekend .date-fill-indicator{opacity:.7}.date-box.empty-date{border-color:transparent;background-color:transparent;pointer-events:none;visibility:hidden}.date-box.selected{border-color:#2196f3;border-width:2px}.date-box.selected-by-some{border-color:#b8860b;border-width:2px}.date-box.selected-by-all{border-color:#b8860b;border-width:2px;background:linear-gradient(45deg,gold,khaki,#daa520,#b8860b,gold);background-size:200% 200%;animation:goldShimmer 2s ease infinite;color:#000}@keyframes goldShimmer{0%{background-position:0% 100%}50%{background-position:100% 50%}to{background-position:0% 100%}}.date-box.outside-month.in-range{opacity:.3;background-color:#e3f2fd}.date-box.weekend.in-range:not(.selected){background-color:#ffebee}.date-box.holiday{background-color:#ffebee}.date-box.holiday.outside-month{opacity:.5;background-color:#ffebee}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){button{background-color:#f9f9f9}}
