.pg-demo .bf .dt{container-type:inline-size}.pg-demo .bf .dt-f{width:100%;min-height:46px;font:400 15px/1.3 var(--font);color:var(--navy);text-align:left;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;align-items:center;margin:0;padding:12px 42px 12px 14px;transition:border-color .2s;display:flex;position:relative}.pg-demo .bf .dt-f:focus-visible,.pg-demo .bf .dt.open .dt-f{outline:2px solid var(--sky);outline-offset:0;border-color:var(--sky)}.pg-demo .bf .dt-f.bad{border-color:#d1302f}.pg-demo .bf .dt-f.bad:focus-visible{outline-color:#d1302f}.pg-demo .bf .dt-v{min-width:0;font-weight:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pg-demo .bf .dt-f>svg{width:16px;height:16px;color:var(--navy);margin-top:-8px;position:absolute;top:50%;right:14px}.pg-demo .bf .dt-h{color:var(--text);font-size:13px;line-height:1.4}.pg-demo .bf .dt-p{opacity:0;height:0;overflow:hidden}.pg-demo .bf .dt-in{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:2px 0 4px;display:grid}.pg-demo .bf .dt-cal{border-right:1px solid var(--line);padding:18px 16px 16px}.pg-demo .bf .dt-tm{padding:18px 16px 16px}.pg-demo .bf .dt-mh{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.pg-demo .bf .dt-mh b{font:600 15px/1.2 var(--font-h,var(--font));letter-spacing:-.01em;color:var(--navy)}.pg-demo .bf .dt-mn{gap:6px;display:flex}.pg-demo .bf .dt-mn button{width:32px;height:32px;color:var(--navy);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;padding:0;display:grid}.pg-demo .bf .dt-mn button:disabled{opacity:.4;cursor:default}.pg-demo .bf .dt-mn svg{width:16px;height:16px}.pg-demo .bf .dt-wd,.pg-demo .bf .dt-days{text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.pg-demo .bf .dt-wd i{color:var(--text);padding-bottom:6px;font-size:12.5px;font-style:normal}.pg-demo .bf .dt-days button{height:40px;font:600 14.5px/1 var(--font);color:var(--navy);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:8px;padding:0;position:relative}.pg-demo .bf .dt-days button:disabled{color:#a9b8c2;cursor:default;font-weight:400}.pg-demo .bf .dt-days button:not(:disabled):hover{background:var(--pale,#eef6fb)}.pg-demo .bf .dt-days button[aria-pressed=true]{color:#fff;background:var(--cw-brand-600,#1274ac)}.pg-demo .bf .dt-days .today:after{content:"";background:var(--sky);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.pg-demo .bf .dt-days .today[aria-pressed=true]:after{background:#fff}.pg-demo .bf .dt-th{font:600 14.5px/1.3 var(--font-h,var(--font));letter-spacing:-.01em;color:var(--navy);margin-bottom:12px;display:block}.pg-demo .bf .dt-times{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.pg-demo .bf .dt-times button{height:38px;font:500 14px/1 var(--font);color:var(--navy);border:1px solid var(--line);cursor:pointer;font-variant-numeric:tabular-nums;background:#fff;border-radius:8px;padding:0}.pg-demo .bf .dt-times button:disabled{color:#a9b8c2;cursor:default}.pg-demo .bf .dt-times button:not(:disabled):hover{border-color:var(--sky)}.pg-demo .bf .dt-times button[aria-pressed=true]{color:#fff;background:var(--cw-brand-600,#1274ac);border-color:var(--cw-brand-600,#1274ac)}.pg-demo .bf .dt-tzn{color:var(--text);margin-top:12px;font-size:12.5px;line-height:1.4;display:block}.pg-demo .bf .dt-clr{font:500 13.5px/1.3 var(--font);color:var(--cw-brand-600,#1274ac);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;text-decoration:underline;display:inline-block}.pg-demo .bf .dt-p button:focus-visible{outline:2px solid var(--sky);outline-offset:2px}@container (max-width:500px){.pg-demo .bf .dt-in{grid-template-columns:minmax(0,1fr)}.pg-demo .bf .dt-cal{border-right:0;border-bottom:1px solid var(--line)}}@media (max-width:640px){.pg-demo .bf .dt-f{font-size:16px}.pg-demo .bf .dt-days button{height:42px;font-size:16px}.pg-demo .bf .dt-times button{height:44px;font-size:16px}}