.page--playground{padding:40px 0 8px;border-left:none;overflow:hidden;max-width:none;height:100dvh}.page--playground~footer,.page--playground aside,.page--playground h1{display:none}.page--playground .main--examples{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.page--playground main{display:flex;flex-direction:column;border:none;padding:0;flex-grow:1}.page--playground main aside{display:flex;flex-direction:column;justify-content:flex-start;width:215px;padding:0}.page--playground .config-panel{padding:12px;background-color:color-mix(in srgb,var(--w-contrast-bg-color) 5%,transparent);border-bottom:1px solid color-mix(in srgb,var(--w-contrast-bg-color) 8%,transparent)}.page--playground .vue-cal--main{--vuecal-height: 100%}.page--playground .vuecal__special-hours{text-align:center}.page--playground .vuecal__special-hours.doctor-1{background-color:#6dc57726;color:#81d58b}.page--playground .vuecal__special-hours.doctor-2{background-color:#6d8fc526;color:#689bee}.page--playground .vuecal__special-hours.doctor-3{background-color:#b26dc526;color:#d168ee}.page--playground .vuecal__special-hours.closed{background:repeating-linear-gradient(-45deg,#fff0 0,#fff0 6px,#ffa25726 6px,#ffa25726 20px);color:#f6984c}.page--playground .vuecal__special-hours em{font-size:.9em;color:#999;line-height:1.15}.page--playground .vuecal__schedule.dr-1{background-color:#86c0fd1a}.page--playground .vuecal__schedule.dr-2{background-color:#bb94ff26}.vuecal--dark .page--playground .vuecal__schedule.dr-1{background-color:#8f9ec41a}.vuecal--dark .page--playground .vuecal__schedule.dr-2{background-color:#83b8ff1a}.page--playground .vuecal__event.leisure{background-color:#fd9c42d9;border-color:#e9882e}.page--playground .vuecal__event.health{background-color:#57cea9cc;border-color:#90d2be}.page--playground .vuecal__event.sport{background-color:#ff6666d9;border-color:#eb5252}@media screen and (max-width: 900px){.main--playground aside{position:absolute;bottom:5px;left:5px;z-index:10;background:var(--w-base-bg-color)}.vue-cal--main{margin-left:80px}}@media screen and (max-width: 600px){.main--playground aside{bottom:-8px;left:-8px;transform:scale(.9)}.vue-cal--main{margin-left:0}}
