:root{background-color:#fff;color:#000;font-style:normal;font-weight:500;line-height:1.5;font-family:Inter,sans-serif;font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--default-background: rgb(255, 255, 255);--overlay: rgba(17, 17, 17, .15);--text-primary: rgba(28, 28, 30, 1);--text-secondary: rgba(119, 119, 124, 1);--text-tertiary: rgba(173, 174, 178, 1);--button-default-bg: rgba(242, 241, 246, 1);--button-default-text: rgba(119, 119, 124, 1);--button-primary-bg: rgba(5, 38, 63, 1);--button-primary-text: rgba(255, 255, 255, 1);--input-background: rgba(245, 245, 245, 1);--danger: rgba(255, 59, 48, 1);--accent: rgba(16, 127, 209, 1)}button[data-v-de96e024]{transition:border-color .25s;cursor:pointer;border:1px solid transparent;border-radius:12px;background-color:var(--button-default-bg);padding:.6em 1.2em;height:40px;color:var(--button-default-text);font-weight:500;font-size:1em;font-family:inherit}button[data-v-de96e024]:hover{background-color:oklch(from var(--button-default-bg) calc(l - .05) c h);color:oklch(from var(--button-default-text) calc(l - .05) c h)}button[data-v-de96e024]:focus-visible{outline:4px auto -webkit-focus-ring-color}.primary[data-v-de96e024]{background-color:var(--button-primary-bg);color:var(--button-primary-text)}.primary[data-v-de96e024]:hover{background-color:oklch(from var(--button-primary-bg) calc(l + .05) c h);color:oklch(from var(--button-primary-text) calc(l - .05) c h)}dialog[data-v-6dce0f14]{box-sizing:border-box;border:none;border-radius:16px;background-color:var(--default-background);padding:24px;width:100%;max-width:516px}@media (width < 540px){dialog[data-v-6dce0f14]{margin:auto 16px;width:calc(100% - 32px)}}@media (width < 375px){dialog[data-v-6dce0f14]{margin:0;border-radius:0;padding:16px;width:100%;min-height:100vh}}dialog[data-v-6dce0f14]::backdrop{background-color:var(--overlay)}dialog[data-v-6dce0f14]:focus{outline:none}.close[data-v-6dce0f14]{position:absolute;top:10px;right:10px;appearance:none;border:none;background:center no-repeat url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10%200.25C4.62391%200.25%200.25%204.62391%200.25%2010C0.25%2015.3761%204.62391%2019.75%2010%2019.75C15.3761%2019.75%2019.75%2015.3761%2019.75%2010C19.75%204.62391%2015.3761%200.25%2010%200.25ZM13.5302%2012.4698C13.6027%2012.5388%2013.6608%2012.6216%2013.7008%2012.7133C13.7409%2012.805%2013.7622%2012.9039%2013.7635%2013.004C13.7648%2013.1041%2013.746%2013.2034%2013.7083%2013.2961C13.6706%2013.3889%2013.6147%2013.4731%2013.5439%2013.5439C13.4731%2013.6147%2013.3889%2013.6706%2013.2961%2013.7083C13.2034%2013.746%2013.1041%2013.7648%2013.004%2013.7635C12.9039%2013.7622%2012.805%2013.7409%2012.7133%2013.7008C12.6216%2013.6608%2012.5388%2013.6027%2012.4698%2013.5302L10%2011.0608L7.53016%2013.5302C7.38836%2013.6649%207.19955%2013.7389%207.00398%2013.7364C6.8084%2013.7339%206.62155%2013.6551%206.48325%2013.5168C6.34495%2013.3785%206.26614%2013.1916%206.26364%2012.996C6.26114%2012.8005%206.33513%2012.6116%206.46984%2012.4698L8.93922%2010L6.46984%207.53016C6.33513%207.38836%206.26114%207.19955%206.26364%207.00398C6.26614%206.8084%206.34495%206.62155%206.48325%206.48325C6.62155%206.34495%206.8084%206.26614%207.00398%206.26364C7.19955%206.26114%207.38836%206.33513%207.53016%206.46984L10%208.93922L12.4698%206.46984C12.6116%206.33513%2012.8005%206.26114%2012.996%206.26364C13.1916%206.26614%2013.3785%206.34495%2013.5168%206.48325C13.6551%206.62155%2013.7339%206.8084%2013.7364%207.00398C13.7389%207.19955%2013.6649%207.38836%2013.5302%207.53016L11.0608%2010L13.5302%2012.4698Z'%20fill='%23DFDEE3'/%3e%3c/svg%3e");width:24px;height:24px}.visually-hidden[data-v-6dce0f14]{position:absolute;clip-path:inset(100%);margin:-1px;border:0;padding:0;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);overflow:hidden}.input-container[data-v-fd6d7ed6]{display:flex;flex-direction:column}label[data-v-fd6d7ed6]{padding-bottom:8px;color:var(--text-primary);font-weight:500;font-size:14px;line-height:18px}input[data-v-fd6d7ed6]{flex-grow:1;box-sizing:border-box;border:none;background-color:transparent;padding:12px 0;color:var(--text-primary);font-weight:500;font-size:14px;line-height:18px;font-family:inherit}input[data-v-fd6d7ed6]::placeholder{color:var(--text-secondary)}input[data-v-fd6d7ed6]:focus{outline:none}.wrapper[data-v-fd6d7ed6]{display:flex;flex-direction:row;align-items:center;gap:8px;border-radius:12px;background-color:var(--input-background);padding:0 12px;height:44px}.wrapper[data-v-fd6d7ed6]:has(input:focus){outline:2px solid var(--accent)}.required[data-v-fd6d7ed6]{color:var(--danger)}.error-text[data-v-fd6d7ed6]{padding-top:4px;color:var(--danger);font-weight:400;font-size:12px;line-height:16px}.error[data-v-fd6d7ed6]{border:1px solid var(--danger)}label[data-v-a42a01e5]{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-primary);font-weight:500;font-size:14px;line-height:18px}label[data-v-a42a01e5]:before{display:block;box-sizing:border-box;border:1px solid rgba(223,222,227,1);border-radius:4px;width:20px;height:20px;content:" "}label[data-v-a42a01e5]:has(:checked):before{border:1px solid var(--accent);background:center/80% no-repeat url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23FFFFFF'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-check-icon%20lucide-check'%3e%3cpath%20d='M20%206%209%2017l-5-5'/%3e%3c/svg%3e"),var(--accent)}.visually-hidden[data-v-a42a01e5]{position:absolute;clip-path:inset(100%);margin:-1px;border:0;padding:0;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);overflow:hidden}.container[data-v-104dd27a]{display:flex;flex-direction:column}label[data-v-104dd27a]{padding-bottom:8px;color:var(--text-primary);font-weight:500;font-size:14px;line-height:18px}textarea[data-v-104dd27a]{box-sizing:border-box;border:none;border-radius:12px;background-color:var(--input-background);padding:16px 12px;color:var(--text-primary);field-sizing:content;min-height:calc(3lh + 32px);max-height:calc(10lh + 32px);resize:vertical;font-weight:500;font-size:14px;line-height:18px;font-family:inherit}textarea[data-v-104dd27a]::placeholder{color:var(--text-secondary)}textarea[data-v-104dd27a]:focus{outline:2px solid var(--accent)}.invalid[data-v-104dd27a]{border:1px solid var(--danger)}.info[data-v-104dd27a]{display:flex;flex-direction:row;justify-content:space-between;gap:16px}.counter[data-v-104dd27a],.description[data-v-104dd27a]{padding-top:4px;font-weight:400;font-size:12px;line-height:16px}.counter[data-v-104dd27a]{flex-grow:1;color:var(--text-tertiary);text-align:right}.required[data-v-104dd27a],.error[data-v-104dd27a]{color:var(--danger)}input[data-v-0a5b37ae]{right:0;bottom:0;left:0;border:none;background-color:transparent;color:var(--text-primary);font-weight:500;font-size:14px;line-height:18px;font-family:inherit}input[data-v-0a5b37ae]:focus{outline:none;border:none}input[type=time][data-v-0a5b37ae]::-webkit-calendar-picker-indicator,input[type=date][data-v-0a5b37ae]::-webkit-calendar-picker-indicator{display:none}.caption[data-v-0a5b37ae]{padding-bottom:6px;color:var(--text-secondary);font-weight:500;font-size:14px;line-height:18px}.fields[data-v-0a5b37ae]{display:grid;grid-template-columns:minmax(140px,160px) minmax(60px,80px);gap:4px}.field[data-v-0a5b37ae]{display:flex;position:relative;flex-direction:column;border-radius:12px;background-color:var(--input-background);height:44px}.date[data-v-0a5b37ae]:before{display:block;position:absolute;top:10px;left:12px;background:url(https://annagolmakova.github.io/vue-form-test/assets/calendar-icon-JuDfxpkE.svg) center center no-repeat;width:24px;height:24px;content:" "}.date-label[data-v-0a5b37ae]{padding:4px 12px 0 44px;color:var(--text-tertiary);font-weight:400;font-size:12px;line-height:16px;font-family:inherit}.date input[data-v-0a5b37ae]{box-sizing:border-box;padding:0 12px 6px 44px}.time[data-v-0a5b37ae]{justify-content:center}.time input[data-v-0a5b37ae]{padding:12px}.error[data-v-0a5b37ae]{border:1px solid var(--danger)}.container[data-v-9f18779c]{display:flex;flex-direction:column;gap:16px}.items[data-v-9f18779c]{display:flex;flex-direction:column;gap:12px}.caption[data-v-9f18779c]{font-weight:600;font-size:14px;line-height:18px}label[data-v-9f18779c]{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--text-primary);font-weight:500;font-size:14px;line-height:18px}label[data-v-9f18779c]:before{display:block;box-sizing:border-box;border:1px solid rgba(223,222,227,1);border-radius:50%;width:20px;height:20px;content:" "}.item:has(:checked) label[data-v-9f18779c]:before{border:5px solid var(--accent)}.visually-hidden[data-v-9f18779c]{position:absolute;clip-path:inset(100%);margin:-1px;border:0;padding:0;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);overflow:hidden}.container[data-v-917471a0]{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:10px;box-shadow:inset 0 -1px #e5e5ea;padding:0 12px}button[data-v-917471a0]{border:none;background:transparent;min-height:34px;color:var(--text-secondary);font-weight:500;font-size:14px;line-height:18px}button[data-v-917471a0]:not(:disabled){cursor:pointer}.active[data-v-917471a0]{border-bottom:2px solid var(--accent);color:var(--accent);font-weight:600}fieldset[data-v-0c3ad620]{border:none;padding:0}hr[data-v-0c3ad620]{margin:0;border:none;background-color:#ebebf0;width:100%;height:1px}h1[data-v-0c3ad620]{margin:0 0 16px;font-weight:600;font-size:20px;line-height:25px}h2[data-v-0c3ad620]{margin:0 0 12px;font-weight:600;font-size:14px;line-height:18px}.step[data-v-0c3ad620]{display:flex;flex-direction:column;margin:20px 0 0}.first[data-v-0c3ad620]{gap:16px}.second[data-v-0c3ad620]{gap:20px}.dates[data-v-0c3ad620]{display:flex;flex-direction:row;gap:20px;margin-bottom:8px}@media (width < 520px){.dates[data-v-0c3ad620]{flex-direction:column;gap:16px;margin-bottom:16px}}.actions[data-v-0c3ad620]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.required[data-v-0c3ad620]{color:var(--danger);font-weight:500;font-size:14px;line-height:18px}.error[data-v-0c3ad620]{padding-top:4px;color:var(--danger);font-weight:400;font-size:12px;line-height:16px}body{display:grid;place-items:center;margin:0;min-width:100vw;min-height:100vh}#app{display:contents}