:root{--dialog-index-base:9999}.carbon-dialog[aria-hidden=true]{display:none}.carbon-dialog__overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--dialog-index-base)}.carbon-dialog__content{z-index:calc(var(--dialog-index-base) + 1)}:root{--dialog-overlay-opacity:0.5;--dialog-overlay-background:rgba(0,0,0,var(--dialog-overlay-opacity,0.5));--dialog-background:#fff;--dialog-border:0;--dialog-box-shadow:0 0 10px var(--dialog-overlay-background);--dialog-max-width:850px;--dialog-margin:30px;--dialog-padding:30px}.dialog:not([aria-hidden=true])>.dialog__overlay{-webkit-animation:dialog__overlay .2s 1 both;animation:dialog__overlay .2s 1 both}.dialog:not([aria-hidden=true])>.dialog__content{-webkit-animation:dialog__content .4s .15s 1 both;animation:dialog__content .4s .15s 1 both}.dialog__overlay{background-color:var(--dialog-overlay-background)}.dialog__title{outline:none}.dialog__content{-webkit-overflow-scrolling:touch;background:var(--dialog-background);border:var(--dialog-border);box-shadow:var(--dialog-box-shadow);left:50%;margin:0 auto;max-height:calc(100vh - var(--dialog-margin));max-width:var(--dialog-max-width);overflow-y:auto;padding:var(--dialog-padding);position:fixed;top:50%;transform:translate(-50%,-50%);width:calc(100vw - var(--dialog-margin))}@media only screen and (max-width:400px){.dialog__content{width:100vw}}.dialog__close{-webkit-appearance:none;background:transparent;border:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-family:Arial,Baskerville,monospace;font-size:28px;font-style:normal;height:44px;line-height:44px;opacity:.65;outline:none;overflow:visible;padding:0;position:absolute;right:0;text-align:center;text-decoration:none;text-shadow:1px 1px 2px #fff;top:0;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px;z-index:$dialog-index-base + 10}.dialog__close:focus,.dialog__close:hover{opacity:1;outline:none}.dialog__close:active{transform:translateY(1px)}.dialog__close::-moz-focus-inner{border:0;padding:0}@-webkit-keyframes dialog__overlay{0%{opacity:0}to{opacity:1}}@keyframes dialog__overlay{0%{opacity:0}to{opacity:1}}@-webkit-keyframes dialog__content{0%{opacity:0;transform:translate(-50%,-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes dialog__content{0%{opacity:0;transform:translate(-50%,-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%,-50%)}}