#pg-demo .dm-top{isolation:isolate;padding-top:112px}@media(min-width:980px){#pg-demo .dm-top .pa-fl{position:static}#pg-demo .dm-top:has(.dm-f) .pa-fl{position:sticky}#pg-demo .dm-top{padding-top:144px}}#pg-demo .dm-mh{margin-bottom:32px}#pg-demo .dm-mods{display:grid;gap:40px}#pg-demo .dm-mod{display:grid;align-content:start;gap:12px;min-width:0}#pg-demo .dm-mod .h3{margin-top:8px}@media(min-width:760px){#pg-demo .dm-mods{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}#pg-demo .dm-bk{max-width:none;margin:0;gap:20px}#pg-demo .dm-facts{display:grid;margin-top:8px;border-top:1px solid var(--line)}#pg-demo .dm-facts li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:#ededed}#pg-demo .dm-facts svg{flex:none;width:20px;height:20px;color:#d8c8ff}@media(max-width:979px){#pg-demo .dm-facts{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:0;border-top:0}#pg-demo .dm-facts li{gap:6px;padding:0;border-bottom:0;font-size:14px;color:var(--muted)}#pg-demo .dm-facts svg{width:16px;height:16px}}#pg-demo .dm-cal{display:grid;gap:28px}@media(min-width:640px){#pg-demo .dm-cal{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:32px}}#pg-demo .dm-mo{display:grid;align-content:start;gap:16px;min-width:0}#pg-demo .dm-wk{display:flex;align-items:center;justify-content:space-between;gap:12px}#pg-demo .dm-wl{display:flex;align-items:center;justify-content:center;min-height:28px;font-size:17px;line-height:1.35;text-align:center;color:#ededed}#pg-demo .dm-wl:first-letter{text-transform:uppercase}#pg-demo .dm-nav{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--line2);color:#ededed;transition:border-color .2s ease,background-color .2s ease}#pg-demo .dm-nav:hover:not(:disabled){border-color:#a990ff73;background:#ffffff0a}#pg-demo .dm-nav:disabled{opacity:.3;cursor:default}#pg-demo .dm-nav svg{width:18px;height:18px}#pg-demo .dm-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}#pg-demo .dm-wd{display:flex;align-items:center;justify-content:center;height:28px;font-size:12px;color:var(--dim)}#pg-demo .dm-day{display:flex;align-items:center;justify-content:center;justify-self:center;width:100%;max-width:48px;aspect-ratio:1;border-radius:999px;border:1px solid transparent;background:#8852e024;font-size:15px;color:#ededed;transition:border-color .2s ease,background-color .2s ease,color .2s ease}#pg-demo .dm-day:hover:not(:disabled){border-color:#a990ff99}#pg-demo .dm-day[aria-pressed=true]{background:#8852e0;color:#fff}#pg-demo .dm-day:disabled{background:none;color:var(--dim);opacity:.55;cursor:default}#pg-demo .dm-times{display:grid;align-content:start;gap:12px;min-width:0}#pg-demo .dm-th{display:flex;align-items:center;min-height:40px;font-size:15px;color:#ededed}#pg-demo .dm-th:first-letter{text-transform:uppercase}#pg-demo .dm-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px}@media(min-width:640px){#pg-demo .dm-slots{grid-template-columns:repeat(2,minmax(0,1fr));max-height:344px;overflow-y:auto;padding-right:4px;padding-bottom:32px;-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),transparent),linear-gradient(#000,#000);mask-image:linear-gradient(#000 calc(100% - 48px),transparent),linear-gradient(#000,#000);-webkit-mask-size:calc(100% - 10px) 100%,10px 100%;mask-size:calc(100% - 10px) 100%,10px 100%;-webkit-mask-position:left,right;mask-position:left,right;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}#pg-demo .dm-slots::-webkit-scrollbar{width:6px}#pg-demo .dm-slots::-webkit-scrollbar-track{background:transparent}#pg-demo .dm-slots::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}#pg-demo .dm-slots::-webkit-scrollbar-thumb:hover{background:#a990ff73}@supports not selector(::-webkit-scrollbar){#pg-demo .dm-slots{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}}#pg-demo .dm-slot{display:flex;align-items:center;justify-content:center;height:44px;border-radius:10px;border:1px solid var(--line2);background:#ffffff05;font-size:15px;color:#ededed;transition:border-color .2s ease,background-color .2s ease,color .2s ease}#pg-demo .dm-slot:hover{border-color:#a990ff73}#pg-demo .dm-slot[aria-pressed=true]{border-color:#8852e0;background:#8852e0;color:#fff}#pg-demo .dm-none{grid-column:1/-1}#pg-demo :is(.dm-nav,.dm-day,.dm-slot):focus-visible{outline:2px solid var(--lav);outline-offset:2px}#pg-demo .dm-sk{display:block;border-radius:12px;background:#ffffff0d;animation:dm-pulse 1.4s ease-in-out infinite}#pg-demo .dm-skl{width:170px;height:20px;border-radius:6px}#pg-demo .dm-skd{justify-self:center;width:100%;max-width:48px;aspect-ratio:1;border-radius:999px}#pg-demo .dm-sks{height:44px;border-radius:10px}@keyframes dm-pulse{50%{opacity:.45}}#pg-demo .dm-tz{font-size:13px;line-height:1.5;color:var(--dim)}#pg-demo .dm-err{font-size:13px;line-height:1.5;color:var(--loss)}#pg-demo .dm-err-f{font-size:14.5px}#pg-demo .pa-f input[aria-invalid=true]{border-color:#ff64678c}#pg-demo .pa-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}#pg-demo .pa-btn:disabled{opacity:.6;cursor:default}#pg-demo .dm-spin{animation:pa-spin 1s linear infinite}#pg-demo .dm-f{display:grid;gap:20px;padding-top:24px;border-top:1px solid var(--line)}#pg-demo .dm-pick{font-size:15px;color:var(--muted)}#pg-demo .dm-pick b{font-weight:400;color:#ededed}#pg-demo .pa-note a{color:#ededed;text-decoration:underline;text-underline-offset:2px}#pg-demo .pa-note a:hover{color:var(--lav)}#pg-demo .dm-ok,#pg-demo .dm-off{justify-items:center;gap:12px;padding:48px 0;text-align:center}#pg-demo .dm-ok .body,#pg-demo .dm-off .body{max-width:40ch}#pg-demo .dm-ok b{font-weight:400;color:#ededed}#pg-demo .dm-okic{display:grid;place-items:center;width:56px;height:56px;margin-bottom:4px;border-radius:999px;border:1px solid rgba(169,144,255,.45);background:#8852e02e;color:#d8c8ff}#pg-demo .dm-okic svg{width:24px;height:24px}#pg-demo .dm-off .pa-cta{margin-top:8px}@media(max-width:767px){#pg-demo .pa-f :is(input,textarea){font-size:16px}}@media(prefers-reduced-motion:reduce){#pg-demo *,#pg-demo *::details-content{animation:none!important;transition:none!important}}