.overlay-dialog{--overlay-padding-inline:min(var(--content-padding), 3rem);--overlay-padding-block:min(var(--content-padding), 3rem)}.overlay-dialog .overlay-dialog-title.tt{--tt-font-family:var(--dialog-title-font-family)}.overlay-dialog .overlay-content{background-color:var(--color-white);cursor:default;width:100%;margin:auto;position:relative}@media (width<=61.9375em){.overlay-dialog .overlay-content{flex-direction:column;height:100%;display:flex}.overlay-dialog .overlay-content>*{flex:auto}.overlay-dialog .overlay-content .overlay-dialog-header{flex:none}.overlay-dialog.partial .overlay-content{border-radius:.5rem .5rem 0 0;height:auto;max-height:min(30rem,100%);margin-bottom:0}.overlay-dialog:not([class*=dock-]) .overlay-dialog-content{overscroll-behavior:contain;overflow:auto}}.overlay-dialog.dock-start .overlay-content{margin-left:0}.overlay-dialog.dock-end .overlay-content{margin-right:0}.overlay-dialog[class*=dock-] .overlay-dialog-title.tt{--tt-font-size:.8125rem;--tt-font-weight:600;text-transform:uppercase}.overlay-dialog .overlay-close{--cta-background--hover:var(--color-dark-snow)}.overlay-dialog-header{min-height:4rem;padding:0 var(--header-padding,var(--overlay-padding-inline));z-index:10;position:relative}@media (width<=61.9375em){.overlay-dialog-header{--header-padding:calc(var(--overlay-padding-inline)/2);box-shadow:var(--shadow-level2);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.overlay-dialog-header .overlay-dialog-title.tt{--tt-font-size:.8125rem;--tt-font-weight:600;text-transform:uppercase}}@media (width>=62em){.overlay-dialog .overlay-content{box-shadow:var(--shadow-level6);max-width:var(--dialog-max-width,50rem)}.overlay-dialog:not([class*=dock-]) .overlay-dialog-header{min-height:0;padding-top:calc(var(--overlay-padding-block)/2)}.overlay-dialog:not([class*=dock-]) .overlay-dialog-header div{position:absolute;top:.5rem;right:.5rem}.overlay-dialog:not([class*=dock-]) .overlay-dialog-header .overlay-dialog-title.tt{--tt-font-size:1.5rem;--tt-font-weight:600}.overlay-dialog:not([class*=dock-]) .overlay-scroller-content{overscroll-behavior:contain;overflow:auto}.overlay-dialog[class*=dock-]{--dialog-max-width:30rem}.overlay-dialog[class*=dock-] .overlay-content{flex-direction:column;height:100%;margin-bottom:0;display:flex}.overlay-dialog[class*=dock-] .overlay-content>*{flex:auto}.overlay-dialog[class*=dock-] .overlay-content .overlay-dialog-content{overscroll-behavior:contain;overflow:auto}.overlay-dialog[class*=dock-] .overlay-content .overlay-dialog-header{flex:none}.overlay-dialog[class*=dock-] .overlay-dialog-header{box-shadow:var(--shadow-level2);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.5rem;display:grid}.overlay-dialog[class*=dock-] .overlay-close{margin-left:-.5rem}}