@font-face{font-family:Ubuntu;src:url(/frontend_mentor_multi_step_form/assets/Ubuntu-Regular-9eLR-srf.ttf)}:root{--marine-blue: hsl(213, 96%, 18%);--purplish-blue: hsl(243, 100%, 62%);--pastel-blue: hsl(228, 100%, 84%);--light-blue: hsl(206, 94%, 87%);--strawberry-red: hsl(354, 84%, 57%);--cool-gray: hsl(231, 11%, 63%);--light-gray: hsl(229, 24%, 87%);--magnolia: hsl(217, 100%, 97%);--alabaster: hsl(231, 100%, 99%);--white: hsl(0, 0%, 100%)}*{margin:0;padding:0;font-family:Ubuntu;box-sizing:border-box}body{min-height:100vh;background-color:var(--light-gray)}p{font-size:16px}#app{min-height:inherit;min-width:100%;display:grid;place-items:center}.stepper[data-v-dfae8a5b]{display:flex}.stepper-wrapper[data-v-dfae8a5b]{display:flex;gap:.5rem}.row[data-v-dfae8a5b]{flex-direction:row}.column[data-v-dfae8a5b]{flex-direction:column}.badge[data-v-dfae8a5b]{display:flex;justify-content:center;align-items:center;border:1px solid var(--light-blue);border-radius:100%;width:2rem;height:2rem;margin:.5rem;color:var(--white)}.step-content-desktop[data-v-dfae8a5b]{display:none}.selected[data-v-dfae8a5b]{background-color:var(--light-blue);color:#000}@media (min-width: 750px){.step-content-desktop[data-v-dfae8a5b]{display:flex;flex-direction:column;justify-content:center}.step-content-counter[data-v-dfae8a5b]{color:var(--cool-gray);font-size:x-small}.step-content-title[data-v-dfae8a5b]{color:var(--light-blue);font-size:small;font-weight:700}}.container[data-v-b2acb8a6]{background-color:var(--white);width:100%;height:5rem;display:grid;grid-template-columns:auto auto;padding:0 1rem}.container button[data-v-b2acb8a6]{width:6rem;height:2.5rem;border-radius:5px;align-self:center}.back-btn-wrapper[data-v-b2acb8a6]{display:flex;align-items:center}.back-btn[data-v-b2acb8a6]{background-color:var(--white);border:none;color:var(--cool-gray)}.back-btn[data-v-b2acb8a6]:hover{cursor:pointer;background-color:var(--light-gray)}.rightside-btn-wrapper[data-v-b2acb8a6]{display:flex;align-items:center;justify-content:end}.next-btn[data-v-b2acb8a6]{background-color:var(--marine-blue);color:var(--white);border:none;justify-self:end}.next-btn[data-v-b2acb8a6]:hover{cursor:pointer;opacity:.75}.confirm-btn[data-v-b2acb8a6]{background-color:var(--purplish-blue);color:var(--white);border:none;justify-self:end}.confirm-btn[data-v-b2acb8a6]:hover{cursor:pointer;opacity:.75}.card[data-v-980ef16e]{background-color:var(--white);min-width:10rem;max-width:60rem;min-height:20rem;max-height:50rem;border-radius:1rem;padding:2rem 1.5rem 1.5rem}.content[data-v-980ef16e]{min-width:100%;min-height:100%;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='375'%20height='172'%20viewBox='0%200%20375%20172'%3e%3cdefs%3e%3cpath%20id='a'%20d='M0%200h375v172H0z'/%3e%3c/defs%3e%3cg%20fill='none'%20fill-rule='evenodd'%3e%3cmask%20id='b'%20fill='%23fff'%3e%3cuse%20xlink:href='%23a'/%3e%3c/mask%3e%3cuse%20xlink:href='%23a'%20fill='%23483EFF'/%3e%3cg%20mask='url(%23b)'%3e%3cg%20transform='translate(-151.029%20-133.957)'%3e%3cpath%20fill='%236259FF'%20d='M79.546%20349.634c54.547%20128.646%20292.524%20204.132%20354.626%2099.852%2062.102-104.28-95.035-123.204-150.583-230.963-55.547-107.759-98.711-175.015-178.973-150.466C24.354%2092.607%2025%20220.987%2079.546%20349.634Z'/%3e%3cellipse%20cx='129.864'%20cy='258.711'%20fill='%23FFAF7E'%20rx='96.329'%20ry='96.373'/%3e%3cpath%20fill='%23F9818E'%20d='M464.88%20433.146c87.31-40.69%20133.585-206.525%2060.253-246.82-73.333-40.293-82.587%2068.465-155.485%20109.343-72.898%2040.877-118.192%2072.245-99.348%20126.973%2018.845%2054.728%20107.27%2051.194%20194.58%2010.504Z'/%3e%3cg%20stroke='%23FFF'%20stroke-linecap='round'%20stroke-linejoin='bevel'%20stroke-width='5'%3e%3cpath%20d='m367.336%20243.125%2015.263-15.549M430.872%20251.016l-17.995-15.112M399.36%20271.751l-9.94%2021.293'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;padding:1rem;display:flex;flex-direction:column}.stepper-desktop[data-v-980ef16e]{display:none}.stepper-mobile[data-v-980ef16e]{display:flex;justify-content:center;margin:1rem}.navigation-mobile[data-v-980ef16e]{display:grid;position:fixed;bottom:0}@media (min-width: 750px){.content[data-v-980ef16e]{background-image:none;min-width:60rem;min-height:50rem;max-width:70rem;max-height:60rem;justify-content:center}.card[data-v-980ef16e]{display:grid;grid-template-columns:15rem auto;grid-template-rows:auto max-content;min-width:10rem;max-width:60rem;min-height:40rem;max-height:50rem}.stepper-desktop[data-v-980ef16e]{display:flex;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='274'%20height='568'%20fill='none'%20viewBox='0%200%20274%20568'%3e%3crect%20width='274'%20height='568'%20fill='%23483EFF'%20rx='10'/%3e%3cmask%20id='a'%20width='274'%20height='568'%20x='0'%20y='0'%20maskUnits='userSpaceOnUse'%20style='mask-type:alpha'%3e%3crect%20width='274'%20height='568'%20fill='%23fff'%20rx='10'/%3e%3c/mask%3e%3cg%20mask='url(%23a)'%3e%3cpath%20fill='%236259FF'%20fill-rule='evenodd'%20d='M-34.692%20543.101C3.247%20632.538%20168.767%20685.017%20211.96%20612.52c43.194-72.497-66.099-85.653-104.735-160.569-38.635-74.916-68.657-121.674-124.482-104.607-55.824%2017.068-55.375%20106.32-17.436%20195.757Z'%20clip-rule='evenodd'/%3e%3cpath%20fill='%23F9818E'%20fill-rule='evenodd'%20d='M233.095%20601.153c60.679-28.278%2092.839-143.526%2041.875-171.528-50.965-28.003-57.397%2047.579-108.059%2075.987-50.662%2028.408-82.14%2050.207-69.044%2088.241%2013.096%2038.034%2074.549%2035.578%20135.228%207.3Z'%20clip-rule='evenodd'/%3e%3cpath%20stroke='%23fff'%20stroke-linecap='round'%20stroke-linejoin='bevel'%20stroke-width='5'%20d='m165.305%20469.097%2010.607-10.806M209.461%20474.581l-12.506-10.503M187.56%20488.991l-6.908%2014.798'/%3e%3cpath%20fill='%23FFAF7E'%20d='M.305%20546.891c37.003%200%2067-29.997%2067-67s-29.997-67-67-67-67%2029.997-67%2067%2029.997%2067%2067%2067Z'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:cover;grid-row:span 2;border-radius:.5rem;padding:2rem}.stepper-mobile[data-v-980ef16e],.navigation-mobile[data-v-980ef16e]{display:none}.padding-desktop[data-v-980ef16e]{padding:3rem}}.text-gray[data-v-43b82ec8]{color:var(--cool-gray)}.text-marine-blue[data-v-dbef8be1]{color:var(--marine-blue)}.personal-info-wrapper[data-v-2fb83627]{display:flex;flex-direction:column;gap:1rem;color:var(--marine-blue)}.input-fields[data-v-2fb83627]{display:flex;flex-direction:column}.personal-info-wrapper label[data-v-2fb83627]{font-size:small}.personal-info-wrapper input[data-v-2fb83627]{width:100%;height:2.5rem;padding:0 1rem;font-size:medium;font-weight:700;margin-bottom:1rem;border-radius:.5rem}.label-wrapper[data-v-2fb83627]{display:flex;justify-content:space-between;padding:.5rem 0}.error-label[data-v-2fb83627]{color:var(--strawberry-red);font-weight:700}.red-outline[data-v-2fb83627]{border-color:var(--strawberry-red)}.plan-form[data-v-cc753025]{display:flex;flex-direction:column;gap:1rem}.plan-card[data-v-cc753025]{width:100%;min-height:5rem;border:solid 1px var(--light-gray);border-radius:10px;padding:1rem;display:grid;grid-template-columns:max-content auto;gap:1rem;cursor:pointer}.plan-card[data-v-cc753025]:hover{border:solid 1px var(--purplish-blue)}.text-wrapper[data-v-cc753025]{display:flex;flex-direction:column;align-items:start}.title[data-v-cc753025]{font-weight:700}.price[data-v-cc753025]{font-size:small;color:var(--cool-gray)}.blue-border[data-v-cc753025]{border:solid 1px var(--purplish-blue)}.darker-background[data-v-cc753025]{background-color:var(--alabaster)}@media (min-width: 750px){.plan-form[data-v-cc753025]{display:flex;flex-direction:row;gap:1rem}.plan-card[data-v-cc753025]{grid-template-rows:max-content auto;grid-template-columns:none;row-gap:2.5rem}}input[type=radio][data-v-cc753025]{display:none}.plan-selector[data-v-4f0949d6]{display:flex;justify-content:center;align-items:center;gap:2rem;background-color:var(--magnolia);min-width:100%;min-height:3rem;border-radius:.5rem}.checkbox[data-v-4f0949d6]{position:relative;width:2.5rem;height:1.25rem;background-color:var(--marine-blue);border-radius:1rem}.slider[data-v-4f0949d6]{position:absolute;left:.125rem;top:.25rem;transition:.4s}.slider[data-v-4f0949d6]:before{position:absolute;content:"";border-radius:50%;width:.75rem;height:.75rem;background-color:var(--white);transition:.4s}input:checked+.slider[data-v-4f0949d6]:before{transform:translate(1.5rem)}input[data-v-4f0949d6]{width:0;height:0;opacity:0}p[data-v-4f0949d6]{font-weight:500;color:var(--marine-blue)}.text-gray[data-v-4f0949d6]{color:var(--cool-gray)}.select-plan-view[data-v-68c90853]{display:flex;flex-direction:column;gap:1rem}.addon-card[data-v-afd6507f]{width:100%;min-height:5rem;border:solid 1px var(--light-gray);border-radius:10px;padding:1rem;display:grid;grid-template-columns:max-content auto max-content;gap:1rem}.addon-card[data-v-afd6507f]:hover{border:solid 1px var(--purplish-blue)}.addon-card input[type=checkbox][data-v-afd6507f]{width:1.5rem}.addon-card input[type=checkbox][data-v-afd6507f]:checked{accent-color:var(--purplish-blue)}.addon-text[data-v-afd6507f]{display:flex;flex-direction:column;justify-content:center}.pricetag[data-v-afd6507f]{align-self:center;color:var(--purplish-blue)}.title[data-v-afd6507f]{font-weight:700;color:var(--marine-blue)}.description[data-v-afd6507f]{color:var(--cool-gray);font-size:small}.blue-border[data-v-afd6507f]{border:solid 1px var(--purplish-blue)}.darker-background[data-v-afd6507f]{background-color:var(--alabaster)}label[data-v-afd6507f]:hover{cursor:pointer}.pick-addon-view[data-v-6fae48d7],.finish-up-view[data-v-ac7303e9]{display:flex;flex-direction:column;gap:1rem}.plan-addon-list[data-v-ac7303e9]{display:flex;flex-direction:column;background-color:var(--magnolia);width:100%;height:fit-content;border-radius:.5rem;padding:1rem;gap:1rem}.plan-addon-list-item[data-v-ac7303e9]{display:flex;justify-content:space-between;align-items:center}.plan-description[data-v-ac7303e9]{display:flex;flex-direction:column}.addon-description[data-v-ac7303e9]{display:flex;justify-content:space-between;align-items:center}.total[data-v-ac7303e9]{display:flex;justify-content:space-between;padding:0 1rem}.cool-gray[data-v-ac7303e9]{color:var(--cool-gray)}.marine-blue[data-v-ac7303e9]{color:var(--marine-blue)}.purplish-blue[data-v-ac7303e9]{color:var(--purplish-blue)}.bold[data-v-ac7303e9]{font-weight:700}.small-font[data-v-ac7303e9]{font-size:small}.navigation-desktop[data-v-9cebae56]{display:none}@media (min-width: 750px){.navigation-desktop[data-v-9cebae56]{display:grid;grid-column:2;grid-row:2}.padding-desktop[data-v-9cebae56]{padding:3rem}}.success-view[data-v-9ef889b2]{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.checkmark-img[data-v-9ef889b2]{width:4rem;height:4rem}.description[data-v-9ef889b2]{text-align:center}@media (min-width: 750px){.success-view[data-v-9ef889b2]{padding:0 5rem}}