.d-modal-backdrop{background-color:var(--dw-scrim);justify-content:center;display:flex;position:fixed;inset:0}@media screen and (width<=768px){.d-modal-backdrop{align-items:flex-start}}@media (width>=768px){.d-modal-backdrop{align-items:center}}.d-modal-container{width:calc(100vw - 40px);max-width:800px;max-height:calc(100vh - 100px);font-family:var(--dw-font-alt);border-radius:var(--dw-radius);background-color:#0000}.d-modal-container .d-modal-header{background-color:var(--dw-surface-overlay);color:var(--dw-text);border-bottom:1px solid var(--dw-border);border-start-start-radius:var(--dw-radius);border-start-end-radius:var(--dw-radius);align-items:center;height:50px;padding:0 10px;display:flex}.d-modal-container .d-modal-header .header-title{min-width:0;font-weight:600;font-family:var(--dw-font-alt);white-space:nowrap;text-overflow:ellipsis;flex-grow:1;flex-shrink:1;margin-inline-end:10px;overflow:hidden}.d-modal-container .d-modal-header .close-button{border-radius:var(--dw-radius-sm);cursor:pointer;flex-shrink:0;padding:5px}@media (width>=768px){.d-modal-container .d-modal-header.is-draggable{cursor:grab;-webkit-user-select:none;user-select:none}.d-modal-container .d-modal-header.is-draggable:active{cursor:grabbing}.d-modal-container .d-modal-header.is-draggable button,.d-modal-container .d-modal-header.is-draggable a,.d-modal-container .d-modal-header.is-draggable input,.d-modal-container .d-modal-header.is-draggable select,.d-modal-container .d-modal-header.is-draggable textarea,.d-modal-container .d-modal-header.is-draggable [role=button]{cursor:pointer}}.d-modal-container .d-modal-subheader{background-color:var(--dw-surface-overlay);min-height:42px;display:flex}.d-modal-container .d-modal-tabs{background:var(--dw-surface-overlay);border-bottom:1px solid var(--dw-border);flex-direction:row;justify-content:space-around;height:42px;display:flex}.d-modal-container .d-modal-tabs .tab{text-align:center;cursor:pointer;flex-grow:1;justify-content:center;align-items:center;padding:10px;transition:background-color .3s;display:flex}.d-modal-container .d-modal-tabs .tab.active{background-color:var(--dw-accent);color:var(--dw-accent-contrast)}@media (width>=768px){.d-modal-container .d-modal-tabs .tab:not(.active):hover{color:var(--dw-accent);background-color:var(--dw-surface-sunken)}}.d-modal-container .d-modal-content{background:linear-gradient(to left, var(--dw-surface), var(--dw-surface-sunken));height:calc(100% - 100px);max-height:calc(100vh - 200px);color:var(--dw-text);overflow:overlay;padding:0 20px}.d-modal-container .d-modal-content.center{justify-content:center;align-items:center;display:flex}.d-modal-container .d-modal-content.loading{justify-content:center;align-items:center;min-height:160px;display:flex}.d-modal-container .d-modal-footer{background-color:var(--dw-surface-overlay);border-top:1px solid var(--dw-border);border-end-end-radius:var(--dw-radius);border-end-start-radius:var(--dw-radius);flex-direction:row;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}