.hp.hp-demo{line-height:normal}.hp.hp-demo .bk-wrap{flex-direction:column;justify-self:end;gap:18px;width:100%;max-width:640px;display:flex;position:relative}.hp.hp-demo .bk-cut{z-index:1;pointer-events:none;max-width:none;height:auto;animation:8s ease-in-out infinite hp-fl;display:block;position:absolute}.hp.hp-demo .bk{z-index:2;background:#fff;border-radius:28px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 0 -1px #d4b3c4,0 34px 60px -36px #17233780}.hp.hp-demo .bk-h{background:#fbf6f8;border-bottom:1px solid #f0e4ea;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.hp.hp-demo .bk-hr{align-items:center;gap:16px;display:flex}.hp.hp-demo .bk-av{flex-shrink:0;display:flex}.hp.hp-demo .bk-av span{border:3px solid #fbf6f8;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:inline-flex}.hp.hp-demo .bk-av .a1{color:#523745;background:#ebccdc}.hp.hp-demo .bk-av .a2{color:#172337;background:#c2dae5;margin-left:-12px}.hp.hp-demo .bk-ht{flex-direction:column;gap:2px;min-width:0;display:flex}.hp.hp-demo .bk-ht b{letter-spacing:-.01em;color:#172337;font-size:17px;font-weight:700}.hp.hp-demo .bk-ht span{color:#464d4d;font-size:14px;line-height:1.4}.hp.hp-demo .bk-tz{color:#523745;white-space:nowrap;background:#fff;border-radius:50px;align-items:center;gap:6px;margin-left:60px;padding:5px 11px 5px 9px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 2px 0 -1px #ebccdc}.hp.hp-demo .bk-tz svg{color:#926b7f}.hp.hp-demo .bk-sp{align-items:center;gap:14px;padding:16px 24px 0;display:flex}.hp.hp-demo .bk-sn{letter-spacing:.08em;text-transform:uppercase;color:#926b7f;white-space:nowrap;font-size:12px;font-weight:700}.hp.hp-demo .bk-bars{flex:1;gap:4px;display:flex}.hp.hp-demo .bk-bars i{background:#ebdde4;border-radius:4px;flex:1;height:4px}.hp.hp-demo .bk-bars i.done{background:#d4b3c4}.hp.hp-demo .bk-bars i.on{background:#926b7f}.hp.hp-demo .bk-b1{grid-template-columns:minmax(0,1fr) 188px;gap:22px 28px;padding:20px 24px 4px;display:grid}.hp.hp-demo .bk-mh{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hp.hp-demo .bk-mt{letter-spacing:-.01em;color:#172337;margin:0;font-size:26px;font-weight:500;line-height:1.1}.hp.hp-demo .bk-nv{color:#172337;cursor:pointer;background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 3px 0 -1px #d4b3c4}.hp.hp-demo .bk-nv:hover{transform:translateY(2px);box-shadow:0 1px 0 -1px #d4b3c4}.hp.hp-demo .bk-nv[aria-disabled=true]{color:#c4bcc0;cursor:default;box-shadow:0 3px 0 -1px #ebdde4}.hp.hp-demo .bk-nv[aria-disabled=true]:hover{transform:none}.hp.hp-demo .bk-wk,.hp.hp-demo .bk-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px 2px;display:grid}.hp.hp-demo .bk-wk span{text-align:center;letter-spacing:.06em;text-transform:uppercase;color:#737373;padding:4px 0 6px;font-size:11px;font-weight:700}.hp.hp-demo .bk-d{aspect-ratio:1;color:#b5adb2;cursor:default;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:100%;max-width:42px;max-height:42px;margin:0 auto;padding:0;font:500 15px Roboto,system-ui,sans-serif;display:inline-flex}.hp.hp-demo .bk-d.av{color:#523745;cursor:pointer;background:#f5e5ed;font-weight:700;transition:background .15s,transform .15s}.hp.hp-demo .bk-d.av:hover{background:#ebccdc;transform:translateY(-1px)}.hp.hp-demo .bk-d.sel,.hp.hp-demo .bk-d.sel:hover{color:#fff;background:#926b7f;box-shadow:0 3px 0 -1px #715061}.hp.hp-demo .bk-d.blank{visibility:hidden}.hp.hp-demo .bk-lg{color:#6b5b64;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.hp.hp-demo .bk-lg i{background:#f5e5ed;border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 1px #d4b3c4}.hp.hp-demo .bk-sl{flex-direction:column;gap:10px;min-width:0;display:flex}.hp.hp-demo .bk-sd{color:#172337;padding-top:46px;font-size:14px;font-weight:700;line-height:1.35}.hp.hp-demo .bk-hint{color:#6b5b64;margin:0;padding-top:46px;font-size:14px;line-height:1.55}.hp.hp-demo .bk-slots{flex-direction:column;gap:8px;display:flex}.hp.hp-demo .bk-s{color:#172337;cursor:pointer;background:#fff;border:0;border-radius:50px;justify-content:center;align-items:center;height:44px;padding:0 12px;font:500 15px Roboto,system-ui,sans-serif;transition:background .15s,transform .15s,box-shadow .15s;display:flex;box-shadow:inset 0 0 0 1.5px #d4b3c4,0 3px 0 -1px #ebccdc}.hp.hp-demo .bk-s:hover{background:#fbf6f8;transform:translateY(2px);box-shadow:inset 0 0 0 1.5px #d4b3c4,0 1px 0 -1px #ebccdc}.hp.hp-demo .bk-s.sel,.hp.hp-demo .bk-s.sel:hover{color:#fff;background:#926b7f;box-shadow:0 3px 0 -1px #715061}.hp.hp-demo .bk-f{gap:10px;padding:16px 24px 24px;display:flex}.hp.hp-demo .bk-go{flex:1}.hp.hp-demo .btn.off,.hp.hp-demo .btn.off:hover{color:#8b7a84;box-shadow:none;cursor:default;background:#ebdde4;transform:none}.hp.hp-demo .bk-b2{flex-direction:column;gap:14px;padding:18px 24px 0;display:flex}.hp.hp-demo .bk-sum{color:#523745;background:#f5e5ed;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;display:flex}.hp.hp-demo .bk-sum .disc{color:#715061;background:#fff;width:32px;height:32px}.hp.hp-demo .bk-fl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.hp.hp-demo .bk-fd{flex-direction:column;gap:6px;min-width:0;display:flex}.hp.hp-demo .bk-fd.wide{grid-column:1/-1}.hp.hp-demo .bk-fd label{color:#172337;font-size:13px;font-weight:700}.hp.hp-demo .bk-fd label em{color:#6b5b64;font-style:normal;font-weight:400}.hp.hp-demo .bk-in{color:#172337;background:#fbf6f8;border:0;border-radius:14px;width:100%;padding:12px 14px;font:400 15px Roboto,system-ui,sans-serif;box-shadow:inset 0 0 0 1.5px #ebdde4}.hp.hp-demo .bk-in::placeholder{color:#9a8d94}.hp.hp-demo .bk-in:focus-visible{outline-offset:2px;background:#fff;outline:3px solid #3e4e6a}.hp.hp-demo .bk-in[aria-invalid=true]{box-shadow:inset 0 0 0 1.5px #b4536f}.hp.hp-demo textarea.bk-in{resize:vertical;min-height:84px;line-height:1.5}.hp.hp-demo .bk-er{color:#9a3b57;font-size:12px}.hp.hp-demo .bk-b2 .bk-f{padding:6px 0 24px}.hp.hp-demo .bk-ok{flex-direction:column;align-items:flex-start;gap:14px;padding:28px 24px;display:flex}.hp.hp-demo .bk-ok .ck{color:#3f6b55;background:#e6efe9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex}.hp.hp-demo .bk-ok h3{letter-spacing:-.02em;color:#172337;margin:0;font-size:34px;font-weight:500;line-height:1.05}.hp.hp-demo .bk-when{background:#fbf6f8;border:1px solid #f0e4ea;border-radius:20px;flex-direction:column;gap:4px;width:100%;padding:16px 18px;display:flex}.hp.hp-demo .bk-when b{color:#172337;font-size:18px;font-weight:700}.hp.hp-demo .bk-when span{color:#464d4d;font-size:14px}.hp.hp-demo .bk-ok p{color:#464d4d;margin:0;font-size:16px;line-height:1.55}.hp.hp-demo .bk-ok .sent{color:#6b5b64;font-size:14px}.hp.hp-demo .bk-acts{flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px;display:flex}.hp.hp-demo .bk-again{color:#523745;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:10px 6px;font:500 15px Roboto,system-ui,sans-serif;text-decoration:underline}.hp.hp-demo .bk-note{text-align:center;color:#464d4d;margin:0;font-size:14px;line-height:1.55}.hp.hp-demo .bk-exp{flex-direction:column;gap:10px;margin-top:6px;display:flex}.hp.hp-demo .bk-exp ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hp.hp-demo .bk-exp li{color:#172337;background:#ffffffd9;border-radius:50px;align-items:center;gap:8px;padding:7px 14px 7px 10px;font-size:14px;display:inline-flex;box-shadow:0 2px 0 -1px #ebccdc}.hp.hp-demo .bk-exp li svg{color:#926b7f;flex-shrink:0}.hp.hp-demo .bk-d:focus-visible,.hp.hp-demo .bk-s:focus-visible,.hp.hp-demo .bk-nv:focus-visible,.hp.hp-demo .bk-again:focus-visible{outline-offset:2px;outline:3px solid #3e4e6a}@media (max-width:1040px){.hp.hp-demo .bk-wrap{justify-self:center}}@media (max-width:760px){.hp.hp-demo .bk-h{padding:18px}.hp.hp-demo .bk-tz{white-space:normal;margin-left:0}.hp.hp-demo .bk-sp{padding:14px 18px 0}.hp.hp-demo .bk-b1{grid-template-columns:minmax(0,1fr);padding:18px 18px 0}.hp.hp-demo .bk-sd,.hp.hp-demo .bk-hint{padding-top:0}.hp.hp-demo .bk-slots{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hp.hp-demo .bk-f{padding:16px 18px 20px}.hp.hp-demo .bk-b2{padding:16px 18px 0}.hp.hp-demo .bk-b2 .bk-f{padding:6px 0 20px}.hp.hp-demo .bk-fl{grid-template-columns:minmax(0,1fr)}.hp.hp-demo .bk-ok{padding:24px 18px}.hp.hp-demo .bk-ok h3{font-size:30px}.hp.hp-demo .bk-mt{font-size:24px}.hp.hp-demo .bk-d{font-size:14px}.hp.hp-demo .bk-cut{display:none}}@media (prefers-reduced-motion:reduce){.hp.hp-demo .bk-cut{animation:none!important}.hp.hp-demo .bk-d,.hp.hp-demo .bk-s,.hp.hp-demo .bk-nv{transition:none}}.hp.hp-demo .bk-fe{color:#9a3b57;background:#fbeff2;border-radius:14px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.hp.hp-demo .bk-fe a,.hp.hp-demo .bk-hint a{color:inherit;text-underline-offset:3px;text-decoration:underline}.hp.hp-demo .bk-hp{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.hp.hp-demo .bk-go[aria-disabled=true]{cursor:default}.hp.hp-demo .bk-embed{background:#fff;width:100%;display:block}.hp.hp-demo .bk-note-live{color:#6b5b64;margin:0;padding:0 24px 16px;font-size:13px}@media (max-width:760px){.hp.hp-demo .bk-note-live{padding:0 18px 14px}}