dialog::-ms-backdrop{backdrop-filter:grayscale(1);background:rgba(0,0,0,.5);cursor:pointer;-ms-user-select:none;user-select:none}dialog::backdrop{backdrop-filter:grayscale(1);background:rgba(0,0,0,.5);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}dialog{background-color:var(--product-background-2);border:0;max-height:100vh;max-width:100%;overflow:hidden;padding:0;width:100%}@media screen and (min-width:768px){dialog{max-height:90vh;max-width:560px}}dialog .title-bar{align-items:center;background-color:var(--product-background-2);border-bottom:1px solid var(--neutral-60,var(--dividers));color:var(--content-copy);display:flex;justify-content:space-between}dialog .title-bar .close{background-color:transparent;border:none;display:flex}dialog .title-bar .close svg{cursor:pointer;height:24px;width:24px}dialog .title-bar .close svg path{fill:var(--content-copy)}dialog .title-bar .close svg:hover path{fill:var(--link-hover)}dialog .content{box-sizing:border-box;overflow-y:auto;-ms-scroll-chaining:none;color:var(--content-copy);overscroll-behavior:contain;width:100%}dialog .content::-webkit-scrollbar{height:.5rem;width:.5rem}dialog .content::-webkit-scrollbar-track{background:var(--dividers);border-radius:.25rem}dialog .content::-webkit-scrollbar-thumb{background:var(--meta-copy);border-radius:.25rem}dialog .content::-webkit-scrollbar-thumb:hover{background:var(--functional-copy)}dialog .content::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,.1)}dialog[open]{animation:fadeDialogIn .15s linear forwards;display:flex;flex-direction:column}dialog[open]::-ms-backdrop{animation:fadeDialogBackdropIn .15s linear forwards}dialog[open]::backdrop{animation:fadeDialogBackdropIn .15s linear forwards}dialog[open].closing{animation:fadeDialogOut .15s linear forwards}dialog[open].closing::-ms-backdrop{animation:fadeDialogBackdropOut .15s linear forwards}dialog[open].closing::backdrop{animation:fadeDialogBackdropOut .15s linear forwards}@keyframes fadeDialogIn{0%{opacity:.2;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDialogOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes fadeDialogBackdropIn{0%{opacity:.2}to{opacity:1}}@keyframes fadeDialogBackdropOut{0%{opacity:1}to{opacity:0}}