.vhd__datepicker{z-index:999;background-color:#fff;font-family:Source Sans Pro,sans-serif,verdana,arial;font-size:16px;line-height:.875em;transition:all .2s ease-in-out;position:absolute;top:3em;overflow:hidden}.vhd__datepicker--right{right:0}.vhd__datepicker .vhd__square{float:left;width:14.2857%;position:relative}.vhd__datepicker .vhd__square:last-child{margin-bottom:1.5em}.vhd__datepicker button.next--mobile{float:none;appearance:none;background:#fff;border:1px solid #eaeaea;outline:none;width:100%;height:3.125em;position:fixed;bottom:0;left:0;overflow:hidden;box-shadow:0 5px 30px 10px #00000014}.vhd__datepicker button.next--mobile:after{content:"";background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='14'%20viewBox='0%200%208%2014'%3e%3cpath%20fill='none'%20fill-rule='evenodd'%20stroke='%2300CA9D'%20stroke-width='1.5'%20d='M1.368%201L6.66%207.092%201%2013.512'/%3e%3c/svg%3e") 50%/8px no-repeat;width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(90deg)}.vhd__datepicker--closed{box-shadow:none;max-height:0}.vhd__datepicker--open{max-height:56.25em;box-shadow:0 15px 30px 10px #00000014}@media screen and (width<=767px){.vhd__datepicker--open{box-shadow:none;width:100%;height:100%;position:fixed;inset:0;-webkit-overflow-scrolling:touch!important}}.vhd__datepicker__header{text-align:left;padding:.5em;position:absolute;top:0;left:0;right:0}.vhd__datepicker__header-mobile{text-align:left;z-index:1;width:100%;position:absolute}.vhd__datepicker__wrapper{background:#fff url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16'%20height='18'%20viewBox='0%200%2016%2018'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%2017.311h15.754V.115H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(0%20.148)'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cpath%20fill='%2300CA9D'%20d='M14.465%2016.215H1.29a.196.196%200%200%201-.194-.193v-8.69h13.562v8.69a.196.196%200%200%201-.193.193zM1.29%202.958h1.013v.563c0%20.817.664%201.482%201.481%201.482.818%200%201.482-.665%201.482-1.482v-.563h5.046v.563c0%20.817.665%201.482%201.482%201.482s1.482-.665%201.482-1.482v-.563h1.189c.105%200%20.193.089.193.193v3.142H1.096V3.151c0-.104.089-.193.194-.193zM3.34%201.596a.444.444%200%200%201%20.887%200v1.925a.444.444%200%200%201-.887%200V1.596zm8.01%200a.444.444%200%200%201%20.886%200v1.925a.444.444%200%200%201-.887%200V1.596zm3.114.266h-1.19v-.266c0-.817-.664-1.482-1.481-1.482-.817%200-1.482.665-1.482%201.482v.266H5.266v-.266C5.266.78%204.602.114%203.784.114c-.817%200-1.481.665-1.481%201.482v.266H1.29C.579%201.862%200%202.44%200%203.152v12.87c0%20.711.579%201.29%201.29%201.29h13.175a1.29%201.29%200%200%200%201.29-1.29V3.152a1.29%201.29%200%200%200-1.29-1.29z'%20mask='url(%23b)'/%3e%3c/g%3e%3cpath%20fill='%2300CA9D'%20d='M3.194%2010.998h1.357V9.642H3.194zM5.864%2010.998h1.357V9.642H5.864zM8.534%2010.998H9.89V9.642H8.534zM11.204%2010.998h1.356V9.642h-1.356zM3.194%2013.94h1.357v-1.357H3.194zM5.864%2013.94h1.357v-1.357H5.864zM8.534%2013.94H9.89v-1.357H8.534zM11.204%2013.94h1.356v-1.357h-1.356z'/%3e%3c/g%3e%3c/svg%3e") 1em/1em no-repeat;width:100%;height:3em;display:inline-block;position:relative}.vhd__datepicker__wrapper *,.vhd__datepicker__wrapper :before,.vhd__datepicker__wrapper :after{box-sizing:border-box}.vhd__datepicker__wrapper--grid .vhd__square .vhd__datepicker__month-day{border:1px solid #eaeaea;margin:-1px 0 0 -1px}.vhd__datepicker__wrapper--booking .vhd__datepicker__month-day-wrapper .day{text-align:right;padding-top:.75em;padding-right:.75em;display:inline;top:0;right:0;transform:none}.vhd__datepicker__wrapper--booking .vhd__datepicker__month-day:before{display:none}.vhd__datepicker__fullview{background:0 0;height:auto}.vhd__datepicker__fullview .vhd__datepicker__close-button,.vhd__datepicker__fullview .vhd__datepicker__dummy-wrapper,.vhd__datepicker__fullview .vhd__datepicker__clear-button,.vhd__datepicker__fullview .vhd__hide-on-desktop{display:none}.vhd__datepicker__fullview .vhd__datepicker{position:relative;top:0}.vhd__datepicker__fullview .vhd__hide-up-to-tablet{display:block}.vhd__datepicker__fullview .vhd__datepicker__month-button{display:inline-block}.vhd__datepicker__fullview .vhd__datepicker__months{width:auto;margin:0;position:static}.vhd__datepicker__fullview .vhd__datepicker__months:before{display:none}.vhd__datepicker__fullview .vhd__datepicker__months.vhd__datepicker__months--full{width:100%!important}.vhd__datepicker__dummy-wrapper{cursor:pointer;border:1px solid #eaeaea;flex-wrap:wrap;justify-content:space-between;width:100%;height:100%;display:flex}.vhd__datepicker__dummy-wrapper--no-border.vhd__datepicker__dummy-wrapper{border:0}.vhd__datepicker__dummy-wrapper--is-active{border:1px solid #0fb8ad}.vhd__datepicker__input{color:#35343d;text-align:center;word-spacing:.3125em;background:0 0;border:0;outline:none;width:50%;height:3.43em;padding:0 1.875em .125em;font-size:14px;line-height:3.43em}.vhd__datepicker__input:focus{outline:none}.vhd__datepicker__input::-webkit-input-placeholder{color:#35343d}.vhd__datepicker__input::-moz-placeholder{color:#35343d}.vhd__datepicker__input:-ms-placeholder-shown{color:#35343d}.vhd__datepicker__input:-moz-placeholder-shown{color:#35343d}@media screen and (width<=479px){.vhd__datepicker__input{text-indent:0;text-align:center}}.vhd__datepicker__input:first-child{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='18'%20viewBox='0%200%208%2018'%3e%3cpath%20fill='%239599AA'%20fill-rule='nonzero'%20d='M.119.718l7.158%207.407-.033-.551-6.737%208.889a.425.425%200%200%200%20.08.593.42.42%200%200%200%20.59-.08l6.737-8.889a.425.425%200%200%200-.033-.551L.723.128A.42.42%200%200%200%20.128.12a.425.425%200%200%200-.009.598z'/%3e%3c/svg%3e") 100%/8px no-repeat;width:50%}.vhd__datepicker__input--is-active,.vhd__datepicker__input--is-active::placeholder{color:#0fb8ad}.vhd__datepicker__input--is-active::-moz-placeholder{color:#0fb8ad}.vhd__datepicker__input--is-active:-ms-placeholder-shown{color:#0fb8ad}.vhd__datepicker__input--is-active:-moz-placeholder-shown{color:#0fb8ad}.vhd__datepicker__input--single-date:first-child{text-align:center;background:0 0;width:100%}.vhd__datepicker__month-day-wrapper{height:0;padding-top:calc(100% - 1px)}.vhd__datepicker__month-day-wrapper span.day{z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vhd__datepicker__month-day-wrapper .price{text-align:center;width:100%;font-size:.75em;font-weight:700;position:absolute;top:0}.vhd__datepicker__month-day{visibility:visible;text-align:center;color:#35343d;cursor:pointer;transition:transform .15s,box-shadow .15s,background-color .15s,color .15s;position:relative}.vhd__datepicker__month-day:focus{outline:none}.vhd__datepicker__month-day--today{border:0}.vhd__datepicker__month-day--today .vhd__datepicker__month-day-wrapper{border:2px solid #0fb8ad;padding-top:calc(100% - 5px)}.vhd__datepicker__month-day--invalid-range{color:#f3f5f8;cursor:not-allowed;background-color:#0fb8ad4d;position:relative}.vhd__datepicker__month-day--invalid{cursor:not-allowed;pointer-events:none}.vhd__datepicker__month-day--valid:hover,.vhd__datepicker__month-day--allowed-checkout:hover{color:#fff;z-index:2;background-color:#0fb8ad;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 18px #0000002e}.vhd__datepicker__month-day--disabled{opacity:1;color:#d8d8d8;cursor:not-allowed;pointer-events:none;background:#f5f7f8;font-weight:400}.vhd__datepicker__month-day--disabled span{text-decoration:line-through}.vhd__datepicker__month-day--valid.vhd__datepicker__month-day--not-allowed,.vhd__datepicker__month-day--not-allowed.vhd__currentDay,.vhd__datepicker__month-day--valid.vhd__datepicker__month-day--not-allowed:hover{color:#35343d;cursor:default;background:0 0;font-weight:400}.vhd__datepicker__month-day--valid.vhd__datepicker__month-day--not-allowed span,.vhd__datepicker__month-day--not-allowed.vhd__currentDay span,.vhd__datepicker__month-day--valid.vhd__datepicker__month-day--not-allowed:hover span{text-decoration:none}.vhd__datepicker__month-day--hovering.vhd__datepicker__month-day--not-allowed:hover{cursor:pointer}.vhd__datepicker__month-day--halfCheckIn,.vhd__datepicker__month-day--halfCheckOut{position:relative;overflow:hidden}.vhd__datepicker__month-day--halfCheckIn:before,.vhd__datepicker__month-day--halfCheckOut:before{content:"";content:"";z-index:-1;border-bottom:120px solid #f5f7f8;border-left:120px solid #0000;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vhd__datepicker__month-day--halfCheckOut:before{border-top:120px solid #f5f7f8;border-bottom:0;border-left:0;border-right:120px solid #0000}.vhd__datepicker__month-day--selected{color:#fff;background-color:#0fb8adb3}.vhd__datepicker__month-day--selected span{text-decoration:none}.vhd__datepicker__month-day--selected:hover,.vhd__datepicker__month-day--hovering{color:#0fb8ad;z-index:2;cursor:pointer;background-color:#fff;border:none;font-weight:700;transform:scale(1.15);box-shadow:0 0 18px #000000b3}.vhd__datepicker__month-day--hovering span{text-decoration:none}.vhd__datepicker__month-day--first-day-selected,.vhd__datepicker__month-day--last-day-selected{color:#fff;cursor:pointer;pointer-events:auto;background:#0fb8ad;font-weight:700}.vhd__datepicker__month-day--first-day-selected span,.vhd__datepicker__month-day--last-day-selected span{text-decoration:none}.vhd__datepicker__month-day--allowed-checkout{color:#424b53}.vhd__datepicker__month-day--out-of-range{color:#f3f5f8;cursor:not-allowed;pointer-events:none;font-weight:400;position:relative}.vhd__datepicker__month-day--out-of-range span{text-decoration:none}.vhd__datepicker__month-day--valid{cursor:pointer;font-weight:700}.vhd__datepicker__month-day--valid.vhd__datepicker__month-day--halfCheckIn.vhd__datepicker__month-day--last-day-selected{color:#fff}.vhd__datepicker__month-day--hidden{opacity:0;pointer-events:none}.vhd__datepicker__month-button{text-align:center;cursor:pointer;opacity:1;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='14'%20viewBox='0%200%208%2014'%3e%3cpath%20fill='none'%20fill-rule='evenodd'%20stroke='%2300CA9D'%20stroke-width='1.5'%20d='M1.368%201L6.66%207.092%201%2013.512'/%3e%3c/svg%3e") 50%/8px no-repeat;border:1px solid #00ca9d;outline:none;width:2.5em;height:2.5em;transition:opacity .5s}.vhd__datepicker__month-button:hover{opacity:.65}.vhd__datepicker__month-button:focus{outline:none}.vhd__datepicker__month-button--prev{transform:rotateY(180deg)}.vhd__datepicker__month-button--next{float:right}.vhd__datepicker__month-button[disabled]{opacity:.2;cursor:not-allowed;pointer-events:none}.vhd__datepicker__inner{height:calc(100% - 3em);padding:0 2.5rem;position:relative}@media screen and (width<=767px){.vhd__datepicker__inner{padding:0}}.vhd__datepicker__months-wrapper{height:100%}.vhd__datepicker__months-wrapper .vhd__datepicker__months{height:100%;margin-top:0}.vhd__datepicker__months-wrapper .vhd__datepicker__months .vhd__datepicker__month .vhd__datepickerweek-name{font-size:1.25em}.vhd__datepicker .vhd__show-tooltip .vhd__datepicker__months{height:calc(100% - 10em);margin-top:10em}.vhd__datepicker .vhd__show-tooltip .vhd__datepicker__tooltip--mobile{opacity:1;visibility:visible;height:auto;padding:1em}@media screen and (width>=768px){.vhd__datepicker__months{flex-wrap:wrap;justify-content:space-between;width:40.625em;display:flex}.vhd__datepicker__months.vhd__datepicker__months--full{width:20.3125em!important}}@media screen and (width<=767px){.vhd__datepicker__months{height:calc(100% - 5.625em);margin-top:5.625em;transition:all .2s;position:absolute;inset:0;overflow-y:scroll}}.vhd__datepicker__months:before{content:"";background:#eaeaea;width:1px;display:block;position:absolute;top:0;bottom:0;left:50%}@media screen and (width<=767px){.vhd__datepicker__months:before{display:none}}.vhd__datepicker__months--full .vhd__datepicker__month{padding:0;width:100%!important}.vhd__datepicker__months--full:before{display:none}.vhd__datepicker__month{width:50%;padding-right:.83334em;font-size:.75em}@media screen and (width<=767px){.vhd__datepicker__month{width:100%;height:30em;padding-top:5em;padding-right:0}.vhd__datepicker__month:last-of-type{margin-bottom:5.41667em}}@media screen and (width>=768px){.vhd__datepicker__month:last-of-type{padding-left:.83334em;padding-right:0}}.vhd__datepicker__month--with-week-numbers{position:relative}.vhd__datepicker__month--with-week-numbers .vhd__datepicker__weeknumbers{flex-direction:column;display:flex;position:absolute;top:4.5rem;bottom:.875rem}.vhd__datepicker__month--with-week-numbers .vhd__datepicker__weeknumbers__number{align-items:center;width:2rem;height:16.6667%;margin:-.5px 0 0;display:flex}.vhd__datepicker__month--with-week-numbers:first-child{padding-left:2rem}.vhd__datepicker__month--with-week-numbers:first-child .vhd__datepicker__weeknumbers{left:0}.vhd__datepicker__month--with-week-numbers:last-child{padding-right:2rem}.vhd__datepicker__month--with-week-numbers:last-child .vhd__datepicker__weeknumbers{right:0}.vhd__datepicker__month--with-week-numbers:last-child .vhd__datepicker__weeknumbers__number{justify-content:center}.vhd__datepicker__month-caption{vertical-align:middle;height:2.5em}.vhd__datepicker__month-name{pointer-events:none;text-align:center;height:2.5em;margin:0;padding:.5em 0 1.625em;font-size:16px;font-weight:700;line-height:2em}@media screen and (width<=767px){.vhd__datepicker__month-name{width:100%;margin-top:-3.125em;margin-bottom:0;position:absolute}}.vhd__datepicker__week-days{vertical-align:middle;height:2em}.vhd__datepicker__week-row{height:2.5em;line-height:2.5em}@media screen and (width<=767px){.vhd__datepicker__week-row{box-shadow:0 8px 12px #0000001a}}.vhd__datepicker__week-name{float:left;color:#424b53;text-align:center;width:14.2857%;font-size:1em;font-weight:400}.vhd__datepicker__close-button{appearance:none;color:#35343d;cursor:pointer;z-index:10000;background:0 0;border:0;outline:0;height:2.286em;margin-top:0;font-size:1.3125em;font-weight:700;line-height:2.286em;position:fixed;top:0;right:.7143em}.vhd__datepicker__close-button i{font-style:inherit;display:block;transform:rotate(45deg)}.vhd__datepicker__clear-button{appearance:none;cursor:pointer;color:#0fb8ad;background:0 0;border:0;width:1.6em;height:100%;margin:0;padding:0;font-size:1.25em;font-weight:700;position:absolute;top:0;right:0}.vhd__datepicker__clear-button svg{fill:#0fb8ad;stroke-linecap:round;stroke-width:.32em;stroke:#0fb8ad;width:.56em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vhd__datepicker__clear-button:focus{outline:none}.vhd__datepicker__tooltip{color:#fff;padding:0, 45em 0, 91em;z-index:50;white-space:nowrap;text-align:center;background-color:#2d3047;border-radius:2px;font-size:11px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.vhd__datepicker__tooltip--mobile{opacity:0;visibility:hidden;border:1px solid #d7d9e2;height:0;padding:0 1.1em;font-size:14px;line-height:1.4;transition:all .2s}.vhd__datepicker__tooltip:after{content:"";border-top:4px solid #2d3047;border-left:4px solid #0000;border-right:4px solid #0000;margin-left:-.364em;position:absolute;bottom:-.364em;left:50%}.-vhd__is-hidden{display:none}@media screen and (width<=767px){.vhd__hide-up-to-tablet{display:none}}@media screen and (width>=768px){.vhd__hide-on-desktop{display:none}}.vhd__parent-bullet{z-index:-1;width:100%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vhd__parent-bullet .vhd__bullet{width:100%;height:4px;transition:opacity .3s;position:absolute;top:60%;left:50%;transform:translate(-50%,-50%)}@media screen and (width>=768px){.vhd__parent-bullet .vhd__bullet{top:50%}}.vhd__parent-bullet .vhd__bullet.vhd__checkInCheckOut,.vhd__parent-bullet .vhd__bullet.vhd__checkIn,.vhd__parent-bullet .vhd__bullet.vhd__checkOut{border-radius:.625em;width:.5em;height:1.125em}.vhd__parent-bullet .vhd__bullet.vhd__checkInCheckOut.vhd__bullet--small,.vhd__parent-bullet .vhd__bullet.vhd__checkIn.vhd__bullet--small,.vhd__parent-bullet .vhd__bullet.vhd__checkOut.vhd__bullet--small{width:.875em;height:.375em}.vhd__parent-bullet .vhd__bullet.vhd__checkInCheckOut{left:calc(50% - 1em)}.vhd__parent-bullet .vhd__pipe{width:100%;height:4px;transition:opacity .3s;display:block;position:absolute;top:60%;transform:translateY(-50%)}@media screen and (width>=768px){.vhd__parent-bullet .vhd__pipe{top:50%}}.vhd__parent-bullet .vhd__pipe.pipe--small{height:3px}.vhd__parent-bullet .vhd__pipe.vhd__checkIn{width:calc(50% - 4px);left:calc(50% + 4px)}.vhd__parent-bullet .vhd__pipe.vhd__checkOut{width:calc(50% - 4px);left:0}.vhd__parent-bullet .vhd__pipe.vhd__checkInCheckOut{width:calc(50% - 1.1875em)}:root{--ink:#13292b;--ink-soft:#4a5f61;--linen:#edf0ee;--paper:#fbfcfb;--rule:#cfd7d4;--brass:#8f6620;--brass-bg:#f3e9d2;--mint:#00ca9d;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--body:"Instrument Sans", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}html,body{background:var(--linen);color:var(--ink);font-family:var(--body);margin:0;padding:0;font-size:16px;line-height:1.5}.demo{flex-direction:column;min-height:100vh;display:flex}.demo button,.demo select,.demo input{font:inherit;color:inherit}.demo button:focus-visible,.demo select:focus-visible,.demo input:focus-visible,.demo a:focus-visible{outline:3px solid var(--brass);outline-offset:2px}.masthead{background:var(--ink);color:var(--linen);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:20px 24px;display:flex}.masthead__brand{align-items:center;gap:16px;min-width:0;display:flex}.masthead__brand h1{font-family:var(--display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:2rem;font-weight:700;line-height:1}.masthead__brand p{color:#b6c4c2;max-width:46ch;margin:6px 0 0;font-size:.9rem}.masthead__plate{width:52px;height:64px;font-family:var(--display);color:var(--ink);background:linear-gradient(#d9b25f,#b98d3b);border-radius:4px;flex:none;place-items:center;font-size:2.6rem;font-weight:800;display:grid;box-shadow:inset 0 0 0 3px #13292b40}.masthead__tools{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.masthead .install{cursor:pointer;color:var(--linen);background:#ffffff12;border:1px solid #ffffff38;border-radius:4px;align-items:center;gap:14px;padding:8px 12px;display:flex}.masthead .install code{font-family:var(--mono);font-size:.82rem}.masthead .install span{text-transform:uppercase;letter-spacing:.1em;color:#d9b25f;font-size:.72rem}.masthead .install:hover{background:#ffffff24}.masthead .lang{color:#b6c4c2;align-items:center;gap:8px;font-size:.8rem;display:flex}.masthead .lang select{background:var(--ink);color:var(--linen);border:1px solid #ffffff4d;border-radius:4px;padding:6px 8px}.masthead .link{color:var(--linen);text-underline-offset:3px;font-size:.9rem}.layout{flex:1;grid-template-columns:17rem minmax(0,1fr) 21rem;gap:0;width:100%;max-width:1500px;margin:0 auto;display:grid}.index{border-right:1px solid var(--rule);padding:24px 16px 40px 24px}.index__toggle{display:none}.index section+section{margin-top:20px}.index h2{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 6px;font-size:.95rem;font-weight:600}.index ul{margin:0;padding:0;list-style:none}.index li button{text-align:left;cursor:pointer;width:100%;color:var(--ink-soft);background:0 0;border:0;border-left:3px solid #0000;padding:7px 10px;font-size:.92rem;line-height:1.3}.index li button:hover{color:var(--ink);background:#13292b0d}.index li button.active{color:var(--ink);border-left-color:var(--brass);background:var(--brass-bg);font-weight:600}.stage{min-width:0;padding:24px 32px 48px}.stage__head{max-width:62ch}.stage__head h2{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:2.6rem;font-weight:700;line-height:1.02}.stage__blurb{color:var(--ink-soft);margin:10px 0 0}.stage .eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);margin:0 0 4px;font-size:.75rem;font-weight:600}.sandbox{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:12px;margin-top:20px;display:grid}.sandbox fieldset{border:1px solid var(--rule);background:var(--paper);border-radius:4px;margin:0;padding:10px 14px 12px}.sandbox legend{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding:0 6px;font-size:.72rem}.sandbox .toggle{cursor:pointer;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;padding:4px 0;font-size:.92rem;display:grid}.sandbox .toggle input{accent-color:var(--ink);margin:0}.sandbox .toggle code{font-family:var(--mono);color:var(--ink-soft);grid-column:2;font-size:.72rem}.sandbox .field{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:.92rem;display:flex}.sandbox .field input{border:1px solid var(--rule);background:#fff;border-radius:4px;width:5rem;padding:4px 8px}.card{background:var(--paper);border:1px solid var(--rule);border-radius:6px;max-width:760px;margin-top:24px;display:flex;overflow:hidden;box-shadow:0 1px #13292b0a,0 18px 40px -24px #13292b59}.card__rail{background:var(--ink);color:#d9b25f;flex:none;place-items:center;width:34px;display:grid}.card__rail span{writing-mode:vertical-rl;font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;font-size:.85rem;font-weight:600;transform:rotate(180deg)}.card__body{flex:1;min-width:0;min-height:420px;padding:20px;overflow-x:auto}.card .vhd__datepicker__wrapper{margin:0 auto}.slot-demo{background:var(--brass-bg);border-left:4px solid var(--brass);color:var(--ink);text-align:left;margin:12px;padding:12px 14px;font-size:.9rem}.folio{border-left:1px solid var(--rule);flex-direction:column;gap:24px;min-width:0;padding:24px 24px 40px 16px;display:flex}.folio__title{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.folio__title h3{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1.15rem;font-weight:700}.folio__title button{color:var(--brass);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:2px 0;font-size:.8rem;font-weight:600;text-decoration:underline}.folio__title button:disabled{color:var(--rule);cursor:default;text-decoration:none}.folio .code{background:var(--ink);color:#dbe7e4;font-family:var(--mono);text-align:left;border-radius:4px;max-height:22rem;margin:0;padding:12px 14px;font-size:.78rem;line-height:1.6;overflow-x:auto}.folio .stay{grid-template-columns:1fr 1fr 4rem;gap:8px;margin:0;display:grid}.folio .stay dt{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:.7rem}.folio .stay dd{font-family:var(--mono);margin:0;font-size:.9rem;font-weight:500}.folio .stay dd.empty{color:var(--rule)}.folio .log{max-height:16rem;margin:0;padding:0;list-style:none;overflow-y:auto}.folio .log li{border-bottom:1px dashed var(--rule);grid-template-columns:auto 1fr;column-gap:10px;padding:6px 0;font-size:.8rem;display:grid}.folio .log time{font-family:var(--mono);color:var(--ink-soft);grid-row:span 2}.folio .log code{font-family:var(--mono);font-weight:600}.folio .log span{color:var(--ink-soft);font-family:var(--mono);overflow-wrap:anywhere;font-size:.75rem}.folio .log__empty{color:var(--ink-soft);margin:0;font-size:.88rem}.tabs{background:var(--ink);border-top:1px solid #ffffff1f;gap:4px;padding:0 24px;display:flex}.tabs button,.tabs a{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:#b6c4c2;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:8px 14px;font-size:1.1rem;font-weight:600;text-decoration:none}.tabs button:hover,.tabs a:hover{color:var(--linen)}.tabs button.active,.tabs a.active{color:#d9b25f;border-bottom-color:#d9b25f}.docs{flex:1;grid-template-columns:15rem minmax(0,1fr);width:100%;max-width:1100px;margin:0 auto;display:grid}.docs__nav{border-right:1px solid var(--rule);align-self:start;padding:24px 16px 24px 24px;position:sticky;top:0}.docs__nav ul{margin:0;padding:0;list-style:none}.docs__nav a{color:var(--ink-soft);border-left:3px solid #0000;padding:7px 10px;font-size:.95rem;text-decoration:none;display:block}.docs__nav a:hover{color:var(--ink);border-left-color:var(--brass);background:var(--brass-bg)}.docs__body{text-align:left;min-width:0;max-width:52rem;padding:24px 32px 64px}.docs__body section{scroll-margin-top:16px}.docs__body section+section{border-top:1px solid var(--rule);margin-top:48px;padding-top:32px}.docs__body h2{font-family:var(--display);margin:0 0 12px;font-size:2.2rem;font-weight:700;line-height:1.05}.docs__body p{max-width:62ch;margin:0 0 14px}.docs__body a{color:var(--brass);text-underline-offset:3px}.docs__body :not(pre)>code{font-family:var(--mono);background:#13292b12;border-radius:3px;padding:1px 5px;font-size:.85em}.docs__body .code{background:var(--ink);color:#dbe7e4;font-family:var(--mono);border-radius:4px;margin:0 0 12px;padding:12px 14px;font-size:.8rem;line-height:1.6;overflow-x:auto}.docs__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;margin-bottom:8px;display:flex}.docs__row h2{margin:0}.docs__filter{color:var(--ink-soft);align-items:center;gap:8px;font-size:.8rem;display:flex}.docs__filter input{border:1px solid var(--rule);background:var(--paper);border-radius:4px;width:14rem;max-width:100%;padding:7px 10px}.docs__empty{color:var(--ink-soft)}.props{margin:0}.props__item{border-bottom:1px dashed var(--rule);padding:14px 0;scroll-margin-top:16px}.props__item dt{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.props__item dd{max-width:62ch;color:var(--ink-soft);margin:4px 0 0}.props__name{font-family:var(--mono);color:var(--ink);font-size:1rem;font-weight:600}.props__type{font-family:var(--mono);color:var(--brass);font-size:.78rem}.props__default{color:var(--ink-soft);font-size:.78rem}.props__flag{letter-spacing:.08em;text-transform:uppercase;background:var(--brass-bg);color:var(--brass);border-radius:3px;padding:1px 6px;font-size:.7rem}.props__flag>span{text-transform:none;font-family:Courier New,Courier,monospace;font-weight:700}.props__try{white-space:nowrap;margin-left:8px;font-size:.85rem}.keys{border-collapse:collapse;width:100%;margin:0 0 16px;font-size:.92rem}.keys th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:2px solid var(--ink);padding:6px 10px 6px 0;font-size:.72rem}.keys td{border-bottom:1px dashed var(--rule);vertical-align:top;padding:8px 10px 8px 0}.keys td:first-child{white-space:nowrap}@media (width<=760px){.tabs{padding:0 8px}.docs{grid-template-columns:minmax(0,1fr)}.docs__nav{border-right:0;border-bottom:1px solid var(--rule);padding:8px 16px;position:static}.docs__nav ul{flex-wrap:wrap;gap:0 4px;display:flex}.docs__body{padding:20px 16px 48px}.keys{display:block;overflow-x:auto}}@media (width<=1180px){.layout{grid-template-columns:15rem minmax(0,1fr)}.folio{border-left:0;border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));align-items:start;padding:24px;display:grid}}@media (width<=760px){.masthead{padding:16px}.masthead__brand h1{font-size:1.5rem}.masthead__plate{width:40px;height:50px;font-size:2rem}.layout{grid-template-columns:minmax(0,1fr)}.index{border-right:0;border-bottom:1px solid var(--rule);padding:0}.index__toggle{background:var(--paper);cursor:pointer;border:0;justify-content:space-between;align-items:center;width:100%;padding:14px 16px;font-weight:600;display:flex}.index__list{padding:8px 16px 20px;display:none}.index--open .index__list{display:block}.stage{padding:20px 16px 32px}.stage__head h2{font-size:2rem}.card__rail{display:none}.card__body{padding:8px}.folio{padding:20px 16px}}.card .vhd__datepicker__wrapper{max-width:100%}