:root{--c-MultiStepOffcanvas-color-background:var(--c-Token-color-0);--c-MultiStepOffcanvas-color-separator:var(--c-Token-color-grey-200);--c-MultiStepOffcanvas-color-backdrop:var(--c-Token-color-1000)}.c-MultiStepOffcanvas{background-color:var(--c-MultiStepOffcanvas-color-background);block-size:100%;border:none;box-shadow:var(--c-Token-elevation-inline-start-xl);inline-size:460px;inset:0 0 0 auto;max-block-size:100%;max-inline-size:calc(100vw - var(--c-Token-space-200));outline:none;overflow:auto;padding:0;transform:translate(100%)}.c-MultiStepOffcanvas,.c-MultiStepOffcanvas::backdrop{opacity:0;transition:all var(--c-Token-transition-duration50) allow-discrete}.c-MultiStepOffcanvas::backdrop{background-color:var(--c-MultiStepOffcanvas-color-backdrop)}.c-MultiStepOffcanvas[open]{opacity:1;transform:translate(0)}.c-MultiStepOffcanvas[open]::backdrop{opacity:.25}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-main{block-size:100%;display:flex;flex:1;flex-direction:column;inline-size:100%;position:relative}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-step{block-size:100%;display:none;flex:1;flex-direction:column;inline-size:100%;overflow:auto;position:relative}.is-visible:is(.c-MultiStepOffcanvas .c-MultiStepOffcanvas-step){display:flex}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-back{display:none}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-step+.c-MultiStepOffcanvas-step .c-MultiStepOffcanvas-back{display:block}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-loader{inset:0;margin:auto;position:absolute}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-header{align-items:center;display:flex;gap:4px;justify-content:flex-start;padding-block:var(--c-Token-space-100);padding-inline:var(--c-Token-space-100)}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-title{margin:0;margin-inline-end:auto}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-content{flex:1;padding-block:var(--c-Token-space-50);padding-inline:var(--c-Token-space-100)}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-footer{background:var(--c-MultiStepOffcanvas-color-background);border-block-start:1px solid var(--c-MultiStepOffcanvas-color-separator);display:flex;flex-direction:column;gap:var(--c-Token-space-50);inset-block-end:0;padding:var(--c-Token-space-100);position:sticky;z-index:1020}.c-MultiStepOffcanvas .c-MultiStepOffcanvas-footerButton{inline-size:100%}@starting-style{.c-MultiStepOffcanvas[open]{transform:translate(100%)}.c-MultiStepOffcanvas[open]::backdrop{opacity:0}}.c-MultiStepOffcanvas--size-s{inline-size:400px}.c-MultiStepOffcanvas--size-m{inline-size:460px}