[data-view]{container-type:inline-size}.bp-dates{gap:1.5rem;display:grid}@container (width>=600px){.bp-dates{grid-template-columns:minmax(0,27rem) minmax(12rem,15rem);justify-content:space-between;gap:2rem}}.gsteps{border-bottom:1px solid var(--mist);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:14px 22px 12px;display:grid}.gsteps li{gap:7px;min-width:0;display:grid}.gsteps-bar{background:var(--mist);border-radius:var(--r-pill);height:3px;overflow:hidden}.gsteps-bar span{background:var(--ink);width:0;height:100%;transition:width .6s var(--ease-out-soft);display:block}.gsteps li.is-done .gsteps-bar span{width:100%}.gsteps li.is-now .gsteps-bar span{background:var(--ember);width:100%}.gsteps-l{color:var(--slate);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.gsteps li.is-now .gsteps-l{color:var(--ink)}.gsteps li.is-done .gsteps-l{color:var(--steel)}.cal-nav{border-radius:var(--r-pill);width:2.25rem;height:2.25rem;color:var(--ink);justify-content:center;align-items:center;font-size:18px;transition:background-color .15s;display:inline-flex}.cal-nav:hover:not(:disabled){background:var(--ash)}.cal-nav:disabled{opacity:.3}.dcal{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.dcal-h{text-align:center;font-family:var(--font-mono);color:var(--slate);padding-bottom:.3rem;font-size:11px}.dcal-d{aspect-ratio:1.75;border-radius:var(--r-cell);font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--fog);color:var(--ink);cursor:pointer;font-size:12.5px}.dcal-d:hover:not(:disabled){background:var(--ember-soft)}.dcal-d:disabled{color:#bdbdbd;cursor:default;background:0 0}.dcal-d.is-full{color:#b0b0b0;text-decoration:line-through}.dcal-d.is-in{background:var(--ember-soft)}.dcal-d.is-start,.dcal-d.is-end{background:var(--ink);color:var(--canvas)}.dvilla{border:1px solid var(--mist);border-radius:var(--r-field);grid-template-columns:1fr;display:grid;overflow:hidden}.dvilla-img{aspect-ratio:16/9;object-fit:cover;background:var(--fog);width:100%}@container (width>=560px){.dvilla:not(.no-photo){grid-template-columns:13rem minmax(0,1fr)}.dvilla-img{aspect-ratio:auto;height:100%;min-height:150px}}.demo-error{color:#8a2a17;border-radius:var(--r-field);background:#fbeae6;margin-top:12px;padding:10px 14px;font-size:14px}.demo-ok{background:color-mix(in srgb, var(--ok) 9%, white);border-left:3px solid var(--ok);border-radius:var(--r-cell);padding:12px 14px}.addon-check{appearance:none;background:var(--mist);cursor:pointer;border-radius:999px;width:34px;height:20px;transition:background-color .2s;position:relative}.addon-check:after{content:"";width:16px;height:16px;transition:transform .2s var(--ease-out-soft);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px}.addon-check:checked{background:var(--ok)}.addon-check:checked:after{transform:translate(14px)}.addon-check:disabled{opacity:.4}.input.is-typing{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ember) 22%, transparent)}.cardf-v.is-typing:after{content:"";vertical-align:-2px;background:currentColor;width:1.5px;height:1em;margin-left:1px;display:inline-block}@media (prefers-reduced-motion:no-preference){.cardf-v.is-typing:after{animation:1.06s step-end infinite cursor-blink}[data-pay-test].is-ready{animation:1.4s ease-in-out 2 pay-nudge}@keyframes pay-nudge{50%{transform:translateY(-2px);box-shadow:0 10px 22px -10px #00000073}}}.cardf{border:1px solid var(--mist);border-radius:var(--r-field);background:#fff;gap:10px;padding:16px;display:grid}.cardf-h{font-family:var(--font-display);justify-content:space-between;align-items:baseline;gap:10px;font-size:15px;display:flex}.cardf-by{font-family:var(--font-mono);color:var(--slate);font-size:11px}.cardf-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cardf-f{color:var(--steel);gap:4px;font-size:12px;display:grid}.cardf-v{border:1px solid var(--line);border-radius:var(--r-field);min-height:42px;font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink);white-space:nowrap;padding:11px 12px;font-size:14px;display:block;overflow:hidden}.bp-themed .cardf,.bp-themed .cardf-v{border-radius:min(var(--b-radius), 10px)}.bp-themed .input.is-typing{border-color:var(--b-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--b-primary) 22%, transparent)}
