.bk528-manage { --bk-accent: #f7274d; --bk-head: #10476f; --bk-body: #595b74; --bk-line: #dfe3ea; }
.bk528 {
	--bk-accent: #f7274d;
	--bk-head: #10476f;
	--bk-body: #595b74;
	--bk-line: #dfe3ea;
	max-width: 640px;
	margin: 0 auto;
	color: var(--bk-body);
	font-family: inherit;
	box-sizing: border-box;
}
.bk528 *, .bk528 *::before, .bk528 *::after { box-sizing: inherit; }
.bk528-h { color: var(--bk-head); font-size: 1.1rem; margin: 1.6em 0 .6em; }
.bk528-tz, .bk528-legal, .bk528-fallback, .bk528 small { font-size: .875rem; }
.bk528-note { padding: 1em 1.2em; border: 1px solid var(--bk-line); border-radius: 8px; }
.bk528-error { padding: .8em 1em; border-left: 4px solid var(--bk-accent); background: #fff1f3; color: #8a1030; border-radius: 4px; }
.bk528-cal { max-width: 420px; border: 1px solid var(--bk-line); border-radius: 10px; padding: .8rem; background: #fff; }
.bk528-cal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: .6rem; }
.bk528-cal-title { font-weight: 700; color: var(--bk-head); font-size: 1.05rem; }
.bk528-nav { width: 40px; height: 40px; padding: 0; background: #fff; border: 1px solid var(--bk-line); border-radius: 50%; color: var(--bk-head); font: inherit; font-size: 1.4rem; line-height: 1; cursor: pointer; }
.bk528-nav:hover:not(:disabled) { border-color: var(--bk-accent); color: var(--bk-accent); }
.bk528-nav:disabled { opacity: .3; cursor: default; }
.bk528-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; }
.bk528-gwd { text-align: center; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; padding: .3em 0; color: var(--bk-body); }
.bk528-cd { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; min-height: 38px; padding: 0; border: 0; border-radius: 50%; background: transparent; font: inherit; font-size: .95rem; color: #b4b8c6; }
.bk528-cd.has { background: #fdecef; color: var(--bk-accent); font-weight: 700; cursor: pointer; }
.bk528-cd.has:hover { background: #fbd5dc; }
.bk528-cd.has.is-on { background: var(--bk-accent); color: #fff; }
.bk528-cd.is-blank { visibility: hidden; }
.bk528-times { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: .5rem; }
.bk528-time { padding: .7em .4em; background: #fff; border: 1px solid var(--bk-line); border-radius: 8px; color: var(--bk-head); font: inherit; font-weight: 600; cursor: pointer; }
.bk528-time:hover { border-color: var(--bk-accent); }
.bk528-time.is-on { background: var(--bk-accent); border-color: var(--bk-accent); color: #fff; }
.bk528-picked { font-weight: 700; color: var(--bk-head); }
.bk528-field { margin: 0 0 1em; }
.bk528-field label, .bk528-methods legend { display: block; margin: 0 0 .3em; padding: 0; font-size: 1rem; line-height: 1.4; font-weight: 600; color: var(--bk-head); }
.bk528-field input, .bk528-field textarea { width: 100%; padding: .7em .8em; border: 1px solid var(--bk-line); border-radius: 8px; font: inherit; color: var(--bk-body); background: #fff; }
.bk528-field input:focus, .bk528-field textarea:focus, .bk528-cd:focus-visible, .bk528-nav:focus-visible, .bk528-time:focus-visible { outline: 2px solid var(--bk-head); outline-offset: 1px; }
.bk528-methods { border: 0; padding: 0; margin: 0 0 1em; }
.bk528-radio { display: block; padding: .35em 0; cursor: pointer; }
.bk528-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.bk528-submit { display: inline-block; width: 100%; padding: 1em 1.4em; background: var(--bk-accent); color: #fff; border: 0; border-radius: 6px; font: inherit; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; cursor: pointer; }
.bk528-submit:disabled { opacity: .6; cursor: wait; }
.bk528-done { padding: 1.2em 1.4em; border: 1px solid var(--bk-line); border-radius: 8px; }
.bk528-done .bk528-h { margin-top: 0; }
body.bk528-standalone { margin: 0; background: #fff; }
.bk528-top { padding: 1.4rem 16px; text-align: center; border-bottom: 1px solid #dfe3ea; }
.bk528-top a { color: #10476f; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; text-decoration: none; }
.bk528-page { padding: 2.5rem 16px 4rem; }
.bk528-manage { max-width: 640px; margin: 0 auto; color: #595b74; }
.bk528-manage h2 { color: #10476f; }
.bk528-manage a { color: #f7274d; }
.bk528-actions { margin: 1.4em 0 .8em; }
.bk528-btn { display: inline-block; padding: 1em 1.4em; background: #f7274d; color: #fff !important; border: 2px solid #f7274d; border-radius: 6px; font: inherit; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; text-decoration: none; cursor: pointer; }
.bk528-btn-quiet { background: transparent; color: #10476f !important; border-color: #dfe3ea; }
@media (min-width: 480px) { .bk528-submit { width: auto; } }
.bk528-types { display: grid; gap: .6rem; }
.bk528-type { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: 100%; padding: 1em 1.1em; background: #fff; border: 1px solid var(--bk-line); border-radius: 8px; color: var(--bk-head); font: inherit; font-weight: 700; text-align: left; cursor: pointer; }
.bk528-type:hover, .bk528-type:focus-visible { border-color: var(--bk-accent); outline: 0; }
.bk528-type-price { color: var(--bk-accent); white-space: nowrap; }
.bk528-h-first { margin-top: 0; }
.bk528-chosen { margin: 0 0 1em; color: var(--bk-head); }
.bk528-link { padding: 0; background: none; border: 0; color: var(--bk-accent); font: inherit; font-size: .875rem; text-decoration: underline; cursor: pointer; }
.bk528-price { margin: 0 0 .2em; font-weight: 700; color: var(--bk-head); }
.bk528-hold { margin: 0 0 1em; font-size: .875rem; }
.bk528.bk528-product { max-width: none; width: 100%; margin: 0; }
.bk528-product .bk528-type { max-width: 420px; }