.dialog{background:var(--color-background-default);border:0;height:auto;top:0;right:0;bottom:0;left:0;overflow:auto;overscroll-behavior:contain;pointer-events:all;position:fixed;z-index:var(--z-index-panel)}.dialog__header{column-gap:1rem;display:flex;flex:0 0 auto;margin-bottom:1rem;min-height:1lh;padding-right:5.5rem}.dialog__close{position:absolute;right:2rem}.dialog__close .icon{width:1.5rem}.dialog__close .icon:first-child{margin:0}.dialog__content{flex:1 1 auto;height:100%;overflow:auto;overscroll-behavior:contain;position:relative}.dialog__buttons{bottom:0;left:0;position:sticky;right:0;width:100%}.dialog__footer{flex:0 0 auto;padding-top:1rem}.dialog--modal{box-shadow:0 .5rem 2rem #0003;inset:auto;left:50%;margin:0;max-height:calc(100% - 4rem);max-width:56rem;overflow:auto;padding:2.5rem 2rem;top:50%;transform:translate(-50%,-50%);width:calc(100vw - 4rem)}@media (min-width:40em){.dialog--modal{padding-left:4rem;padding-right:4rem}}.dialog--slide-in{background:var(--color-background-default);color:var(--color-copy-default);display:flex;flex-direction:column;height:100%;left:auto;max-height:none;max-width:40rem;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:fixed;right:0;top:0;transform:translate(30%);transition:all .2s ease-out;visibility:hidden;width:calc(100vw - 4.8rem);z-index:var(--z-index-panel)}.dialog--slide-in[open]{opacity:1;pointer-events:all;transform:translate(0);visibility:visible}.dialog--slide-in[open] .dialog__close{transform:translate(0);transition-delay:.25s}.dialog--slide-in .dialog__header{padding:4rem 2rem 2rem}.dialog--slide-in .dialog__header .dialog__title{font-size:2.2rem;font-weight:700;line-height:2.5rem;padding-right:6.5rem;text-align:left;text-transform:unset}.dialog--slide-in .dialog__back{align-items:center;align-self:flex-start;cursor:pointer;display:flex;flex-direction:row;font-size:1.4rem;font-weight:400;gap:1rem;line-height:2.2rem;margin-top:2.4rem}.dialog--slide-in .dialog__back:focus,.dialog--slide-in .dialog__back:hover{-webkit-text-decoration:underline;text-decoration:underline}.dialog--slide-in .dialog__back .icon{flex-shrink:0;height:1.5rem;width:.8rem}.dialog--slide-in .dialog__close{align-items:center;background-color:var(--color-brand-1);border-bottom-left-radius:2.4rem;border-top-left-radius:2.4rem;display:flex;height:4.8rem;justify-content:flex-end;overflow:hidden;padding:0 1rem;position:fixed;right:0;top:2.4rem;transform:translate(100%);transition:transform .2s ease-out;width:7.2rem;z-index:var(--z-index-panel-close)}.dialog--slide-in .dialog__close .icon{color:var(--color-white);height:2.8rem;transition:transform .2s ease-out 0ms;width:2.8rem}.dialog--slide-in .dialog__close:before{background-color:var(--color-black);content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transform:translate(-100%);transition:all .2s ease-out 0ms;z-index:-1}.dialog--slide-in .dialog__close:hover:before{opacity:1;transform:translate(0)}.dialog--slide-in .dialog__close:hover .icon{transform:rotate(90deg)}.dialog--slide-in .dialog__content{flex-grow:0;height:auto;padding:0 2rem}.dialog--slide-in .dialog__content .container{margin:0;width:100%}.dialog--slide-in .dialog__footer{padding-block:2rem}.dialog--panel{background:var(--color-background-default);box-shadow:-1px 4px 6px #0000;display:flex;flex-direction:column;height:100%;left:auto;max-height:100%;max-width:44rem;padding:2rem;top:0;transform:translate(100%);transition:transform .6s cubic-bezier(.075,.82,.165,1),box-shadow .6s ease-out;width:90vw}.dialog--panel[open]{box-shadow:-1px 4px 6px #00000040;transform:none}.dialog--panel[open] .dialog__close{transform:translate(0);transition-delay:.25s}.dialog--panel .dialog__close{align-items:center;background-color:var(--color-brand-1);border-bottom-left-radius:2.4rem;border-top-left-radius:2.4rem;display:flex;height:4.8rem;justify-content:flex-end;padding:0 1rem;position:fixed;right:0;top:2.4rem;transform:translate(100%);transition:transform .2s ease-out;width:7.2rem;z-index:var(--z-index-panel-close)}.dialog--panel .dialog__close .icon{color:var(--color-white);height:2.8rem;transition:transform .2s ease-out 0ms;width:2.8rem}.dialog--panel .dialog__close:before{background-color:var(--color-black);content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transform:translate(-100%);transition:all .2s ease-out 0ms;z-index:-1}.dialog--panel .dialog__close:hover:before{opacity:1;transform:translate(0)}.dialog--panel .dialog__close:hover .icon{transform:rotate(90deg)}.dialog::backdrop{background:#00000040}body:has(.dialog--modal[open]),body:has(.dialog--panel[open]){overflow:hidden}
