:root{--c-Modal-color-background:var(--c-Token-color-0);--c-Modal-color-backdrop:var(--c-Token-color-1000)}.c-Modal{background-color:var(--c-Modal-color-background);border:none;border-radius:8px;box-shadow:var(--c-Token-elevation-block-end-xl);inline-size:820px;overflow:auto;padding:0}.c-Modal,.c-Modal::backdrop{opacity:0;transition:all var(--c-Token-transition-duration50) allow-discrete}.c-Modal::backdrop{background-color:var(--c-Modal-color-backdrop)}.c-Modal[open]{opacity:1}.c-Modal[open]::backdrop{opacity:.25}.c-Modal .c-Modal-main{block-size:100%;inline-size:100%;padding:var(--c-Token-space-150)}.c-Modal .c-Modal-header{align-items:center;display:flex;justify-content:space-between;margin-block-end:var(--c-Token-space-50)}.c-Modal .c-Modal-title{margin:0}@starting-style{.c-Modal[open],.c-Modal[open]::backdrop{opacity:0}}.c-Modal--size-s{inline-size:520px}.c-Modal--size-m{inline-size:820px}.c-Modal--size-full{block-size:100%;border-radius:0;inline-size:100%;margin:0;max-block-size:100%;max-inline-size:100%}