@keyframes pulse{0%{background-color:#a5a5a51a}50%{background-color:#a5a5a566}to{background-color:#a5a5a51a}}dialog{position:fixed;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete;box-sizing:border-box;margin:0;border:none}dialog::backdrop{opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete;background-color:var(--color-black-overlay)}dialog[open]{opacity:1}dialog[open]::backdrop{opacity:1}@starting-style{dialog[open]{opacity:0}dialog[open]::backdrop{opacity:0}}.dialog{transform:translateY(100%);inset:auto 0 0 8px;border-top-right-radius:var(--box-border-radius);border-top-left-radius:var(--box-border-radius);width:100%;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.dialog[open]{transform:translateY(0)}@starting-style{.dialog[open]{transform:translateY(100%)}}.dialog-sidebar{z-index:var(--zindex-flyout)}@media screen and (min-width: 768px){.dialog-sidebar{transform:translate(100%);inset:8px 0 0 auto;border-top-right-radius:unset;border-bottom-left-radius:var(--box-border-radius);max-width:60%;height:calc(100vh - 16px)}.dialog-sidebar[open]{transform:translate(0)}}@starting-style{@media screen and (min-width: 768px){.dialog-sidebar[open]{transform:translate(100%)}}}.dialog-modal{z-index:var(--zindex-modal)}@media screen and (min-width: 768px){.dialog-modal{transform:none;margin:auto;top:0;right:0;bottom:0;left:0;border-radius:var(--box-border-radius);width:auto;width:-webkit-fit-content;width:fit-content;max-width:calc(100vw - 16px);height:auto;height:-webkit-fit-content;height:fit-content;max-height:calc(100vh - 16px)}}@starting-style{@media screen and (min-width: 768px){.dialog-modal[open]{transform:none}}}.dialog__header{display:flex;position:-webkit-sticky;position:sticky;top:0;flex-direction:row;align-items:center;z-index:10;box-shadow:none;border-top-left-radius:var(--box-border-radius);padding:var(--space-16)}@media screen and (min-width: 768px){.dialog__header{padding:var(--space-24)}}.dialog__heading{margin:0}.dialog__content-wrapper{padding:var(--space-16)}@media screen and (min-width: 768px){.dialog__content-wrapper{position:relative;padding:var(--space-32) var(--space-24);overflow-y:auto}}.dialog__header+.dialog__content-wrapper{padding-top:.5rem}.dialog__close-button{display:flex;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;width:4.2rem;height:4.2rem}