@keyframes animate-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0%)}}@keyframes dialog-in{0%{opacity:0}to{opacity:1}}.dialog-container:has(.dialog--dialog){z-index:var(--z-drawer-container);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog-container:has(.dialog--dialog) .dialog--dialog{top:unset;left:unset;transform:unset;position:relative}.dialog{z-index:var(--z-drawer);animation:drawer-in var(--transition-duration) ease-in-out forwards;scrollbar-width:none;position:fixed}.dialog__overlay{z-index:var(--z-drawer-backdrop);animation:animate-backdrop-in var(--transition-duration) linear forwards;background-color:var(--color-backdrop);position:fixed;inset:0}.dialog__overlay:has(+.dialog--dialog){backdrop-filter:blur(var(--spacing-2))}.dialog .dialog__actions{width:100%;padding:var(--spacing-2);margin-top:calc(var(--spacing-4)*-1);gap:var(--spacing-2);display:grid}.dialog .dialog__btn-group{gap:var(--spacing-2);width:100%;display:grid}@media not (max-width:48rem){.dialog .dialog__btn-group{grid-template-columns:1fr 1fr}}.dialog .dialog__footer{max-width:100%;padding-top:var(--spacing-2);background-color:var(--color-background-default)}.dialog .dialog__footer--sticky{z-index:300;position:sticky;bottom:0}.dialog .dialog__footer--sticky:before{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);position:absolute}@media not (max-width:48rem){.dialog .dialog__footer--sticky:before{right:calc(var(--spacing-6)*-1);left:calc(var(--spacing-6)*-1)}}.dialog .dialog__footer--sticky:after{width:100%;height:var(--spacing-4);background-color:var(--color-background-default);content:"";display:block;position:absolute;top:100%}@media not (max-width:48rem){.dialog .dialog__footer--sticky:after{height:var(--spacing-6)}.dialog .dialog__footer{padding-top:var(--spacing-4)}}.dialog--dialog{width:calc(100% - var(--spacing-4));box-sizing:border-box;max-height:90vh;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);flex-direction:column;gap:0;display:flex;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%)}@media not (max-width:48rem){.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{margin-bottom:var(--spacing-2);background-color:var(--color-background-default);justify-content:space-between;align-items:center;display:flex}.dialog--dialog .dialog__header--sticky{z-index:300;position:sticky;top:0}.dialog--dialog .dialog__header--sticky:before{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);position:absolute}@media not (max-width:48rem){.dialog--dialog .dialog__header--sticky:before{right:calc(var(--spacing-6)*-1);left:calc(var(--spacing-6)*-1)}}.dialog--dialog .dialog__header--sticky:after{width:100%;height:var(--spacing-6);background-color:var(--color-background-default);content:"";display:block;position:absolute;bottom:100%}.dialog--dialog .dialog__header .dialog__close{align-self:flex-start}.dialog--dialog .dialog__inner{flex:auto}.dialog--slide-over{height:100%;top:0;bottom:auto;right:0}.dialog--drawer{flex-direction:column;display:flex;overflow:hidden}@media (max-width:48rem){.dialog--drawer{inset:0 0 0 var(--spacing-6)}}@media not (max-width:48rem){.dialog--drawer{width:100%;max-width:22rem;top:0;bottom:0;right:0}}.dialog--drawer .dialog__header{min-height:var(--spacing-12);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-primary-800);color:var(--color-neutral-white);justify-content:space-between;display:flex}.dialog--drawer .dialog__title{color:var(--color-neutral-white);font-size:var(--font-size-h3);line-height:var(--line-height-h3);flex:auto}.dialog--drawer .dialog__inner{max-height:100%;padding:var(--spacing-4);flex:auto;display:flex;overflow:auto}.dialog--drawer .dialog__footer{border-top:var(--spacing-px) solid var(--color-neutral-a20)}
.close-button{width:var(--spacing-6);height:var(--spacing-6);color:inherit;cursor:pointer;transition:var(--transition);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.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);background-color:var(--color-neutral-white-a5);color:var(--color-text-muted);border-radius:100%}.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)}