@keyframes animate-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes dialog-in{0%{opacity:0}to{opacity:1}}.dialog-container:has(.dialog--dialog){position:fixed;z-index:var(--z-drawer-container);display:flex;align-items:center;justify-content:center;inset:0}.dialog-container:has(.dialog--dialog) .dialog--dialog{position:relative;top:unset;left:unset;transform:unset}.dialog{position:fixed;z-index:var(--z-drawer);animation:drawer-in var(--transition-duration) ease-in-out forwards;scrollbar-width:none}.dialog__overlay{position:fixed;z-index:var(--z-drawer-backdrop);animation:animate-backdrop-in var(--transition-duration) linear forwards;background-color:var(--color-backdrop);inset:0}.dialog__overlay:has(+.dialog--dialog){-webkit-backdrop-filter:blur(var(--spacing-2));backdrop-filter:blur(var(--spacing-2))}.dialog--dialog{top:50%;left:50%;display:flex;overflow:auto;width:calc(100% - var(--spacing-4));max-height:90vh;box-sizing:border-box;flex-direction:column;padding:var(--spacing-4);border-radius:var(--border-radius-lg);animation:dialog-in var(--transition-duration) ease-in-out forwards;box-shadow:var(--shadow-xl);gap:0;overflow-x:hidden;transform:translate(-50%,-50%)}@media(min-width:48.001rem){.dialog--dialog{padding:var(--spacing-6)}}.dialog--dialog.dialog--md{max-width:var(--max-width-md)}.dialog--dialog.dialog--lg{max-width:41.25rem}.dialog--dialog.dialog--xl{max-width:48rem}.dialog--dialog .dialog__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-2);background-color:var(--color-background-default)}.dialog--dialog .dialog__header--sticky{position:sticky;z-index:300;top:0}.dialog--dialog .dialog__header--sticky:before{position:absolute;z-index:3;top:100%;right:calc(var(--spacing-4)*-1);left:calc(var(--spacing-4)*-1);height:var(--spacing-6);background:linear-gradient(to top,transparent,var(--color-neutral-white));content:"";pointer-events:none;transition:opacity var(--transition)}@media(min-width:48.001rem){.dialog--dialog .dialog__header--sticky:before{right:calc(var(--spacing-6)*-1);left:calc(var(--spacing-6)*-1)}}.dialog--dialog .dialog__header--sticky:after{position:absolute;bottom:100%;display:block;width:100%;height:var(--spacing-6);background-color:var(--color-background-default);content:""}.dialog--dialog .dialog__header .dialog__close{align-self:flex-start}.dialog--dialog .dialog__inner{flex:1 1 auto}.dialog--dialog .dialog__footer{max-width:100%;padding-top:var(--spacing-2);background-color:var(--color-background-default)}.dialog--dialog .dialog__footer--sticky{position:sticky;z-index:300;bottom:0}.dialog--dialog .dialog__footer--sticky:before{position:absolute;z-index:3;right:calc(var(--spacing-4)*-1);bottom:100%;left:calc(var(--spacing-4)*-1);height:var(--spacing-6);background:linear-gradient(to bottom,transparent,var(--color-neutral-white));content:"";opacity:1;pointer-events:none;transition:opacity var(--transition)}@media(min-width:48.001rem){.dialog--dialog .dialog__footer--sticky:before{right:calc(var(--spacing-6)*-1);left:calc(var(--spacing-6)*-1)}}.dialog--dialog .dialog__footer--sticky:after{position:absolute;top:100%;display:block;width:100%;height:var(--spacing-4);background-color:var(--color-background-default);content:""}@media(min-width:48.001rem){.dialog--dialog .dialog__footer--sticky:after{height:var(--spacing-6)}.dialog--dialog .dialog__footer{padding-top:var(--spacing-4)}}.dialog--slide-over{top:0;right:0;bottom:auto;height:100%}.dialog--drawer{display:flex;overflow:hidden;flex-direction:column;inset:0 0 0 var(--spacing-6)}.dialog--drawer .dialog__header{display:flex;min-height:var(--spacing-12);justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-primary-800)}.dialog--drawer .dialog__title{flex:1 1 auto;color:var(--color-neutral-white)}.dialog--drawer .dialog__inner{display:flex;overflow:auto;max-height:100%;flex:1 1 auto;padding:var(--spacing-4)}.dialog--drawer .dialog__footer{border-top:var(--spacing-px) solid var(--color-neutral-a20)}.close-button{display:flex;width:var(--spacing-6);height:var(--spacing-6);align-items:center;justify-content:center;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;cursor:pointer;transition:var(--transition)}.close-button:focus-within{outline:none}.close-button--transparent{color:var(--color-neutral-white-a60)}.close-button--transparent:hover{color:var(--color-neutral-white-a40)}.close-button--transparent:focus-within{border-color:var(--color-off-white);border-radius:var(--border-radius-md);background-color:var(--color-primary-900)}.close-button--black{color:var(--color-neutral-black-a60)}.close-button--black:hover{color:var(--color-neutral-a50)}.close-button--grey{color:var(--color-neutral-a40)}.close-button--grey:hover{color:var(--color-neutral-a60)}.close-button--absolute{position:absolute}.close-button--box{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--border-radius-md);background-color:var(--color-primary-900);color:var(--color-neutral-white-a80)}.close-button--box:hover{color:var(--color-neutral-white-a40)}.close-button--circle{border:1px solid var(--color-neutral-a40);border-radius:100%;background-color:var(--color-neutral-white-a5);color:var(--color-text-muted)}.close-button--circle:hover{background-color:var(--color-neutral-a5);color:var(--color-text)}.close-button--circle:focus-within{background-color:var(--color-neutral-white);box-shadow:0 0 0 .12rem var(--color-neutral-a40);color:var(--color-text)}.close-button__icon{width:var(--spacing-6);height:var(--spacing-6)}