.dtds-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% - 150px)) scale(.8);width:100%;height:100%;transition:opacity .3s,transform .3s;opacity:0;pointer-events:none;outline:none;background:#fff;box-shadow:0 4px 6px -2px #10182808,0 12px 16px -4px #10182814;overflow-x:hidden;overflow-y:auto;border:1px solid #bec4c9;z-index:10000;display:flex;flex-direction:column}.dtds-modal--open{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:all}.dtds-modal--keyline{border-top:4px solid}@media screen and (min-width: 768px){.dtds-modal--keyline{border-top-width:8px}}.dtds-modal--primary.dtds-modal--keyline{border-top-color:#9d57b2}.dtds-modal--success.dtds-modal--keyline{border-top-color:#12b76a}.dtds-modal--warning.dtds-modal--keyline{border-top-color:#f79009}.dtds-modal--danger.dtds-modal--keyline{border-top-color:#d92d20}@media screen and (min-width: 768px){.dtds-modal{max-width:96%;height:auto;max-height:96vh;border-radius:8px}.dtds-modal--width-xsmall{width:400px}.dtds-modal--width-small{width:600px}.dtds-modal--width-medium{width:800px}.dtds-modal--width-large{width:1000px}.dtds-modal--width-xlarge{width:1200px}}.dtds-modal__close-button{position:absolute;top:8px;right:8px;z-index:1}.dtds-modal__body{padding:24px 12px;flex:1}@media screen and (min-width: 768px){.dtds-modal__body{padding:32px}}.dtds-modal__title{margin-bottom:8px;margin-right:24px}@media screen and (min-width: 768px){.dtds-modal__title{margin-bottom:12px}}.dtds-modal__footer{border-top:1px solid #e7e9eb;padding:12px}@media screen and (min-width: 768px){.dtds-modal__footer{padding:16px 32px}}