.wizard-container{overflow:hidden;height:100%;display:flex;flex-direction:column;.wizard-header{display:flex;align-items:center;justify-content:center;padding:.9rem .5rem;backdrop-filter:blur(80px);.back-button{position:absolute;left:.5rem;background:none;border:none;cursor:pointer;display:flex;align-items:center;color:var(--shade800);font-size:1rem;padding:.5rem;width:auto;.button-icon{margin-right:.5rem}}#wizardStepTitle{font-size:1rem;font-weight:600;text-align:center;color:var(--shade800);&:focus{outline:none}}}.wizard-slides-container{overflow:auto;padding:1rem 2rem;height:100%;padding:.5rem 2rem 2rem;.wizard-slide,.wizard-step-container{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.wizard-step-container{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.left-column{display:flex;flex-direction:column;gap:1rem}.right-column{display:flex;flex-direction:column;gap:.5rem}}}.wizard-dots{width:100%;height:.5rem;display:flex;gap:.25rem;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly;margin-bottom:1rem;.wizard-dot{background-color:var(--shade200);height:.5rem;min-width:.5rem;width:100%;border-radius:1rem;display:block;&.active{background-color:var(--shade600)}}}}.wizard-container{--pill-scrim-color: var(--background-card);position:relative;.wizard-slides-container{padding-bottom:7.5rem;scroll-padding-bottom:7.5rem}}.wizard-nav{position:absolute;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:400;display:flex;gap:var(--pill-pad);width:max-content;max-width:calc(100% - 2rem);>button{flex:0 0 auto;width:auto;border-radius:var(--pill-inner-radius)}#takePhotoButtonBottomNav{min-width:4rem}#wizardNextButton{min-width:12rem}}@media(max-width:768px){.wizard-nav{width:calc(100% - 2rem);#wizardNextButton{flex:1 1 auto}}}@media(min-width:1024px){.wizard-container{--wizard-gutter: max(2rem, calc((100% - 60rem)/2) );.wizard-slides-container{padding-inline:var(--wizard-gutter)}.wizard-header .back-button{left:calc(var(--wizard-gutter) - .5rem)}.wizard-header .legal-info-button{right:calc(var(--wizard-gutter) - .5rem)}}}