.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border:1px solid #949494;border-radius:4px;flex-direction:column;max-height:calc(100vh - 32px);display:flex;overflow:hidden;box-shadow:0 2px 4px #00000026}.modal-size-small{width:100%;max-width:400px}.modal-size-default{width:100%;max-width:600px}.modal-size-large{width:100%;max-width:800px}@media only screen and (max-width:600px){.modal-backdrop{padding:8px}.modal-size-small,.modal-size-default,.modal-size-large{width:100%;max-width:100%}.modal-position-right{border-radius:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh}.modal-backdrop .modal-position-right{padding:0}}@media only screen and (min-width:600px){.modal-size-small{max-width:70%}.modal-size-default{max-width:80%}.modal-size-large{max-width:90%}}@media only screen and (min-width:768px){.modal-size-small{max-width:50%}.modal-size-default{max-width:60%}.modal-size-large{max-width:80%}}@media only screen and (min-width:992px){.modal-size-small,.modal-size-default{max-width:50%}.modal-size-large{max-width:70%}}@media only screen and (min-width:1440px){.modal-size-small{max-width:30%}.modal-size-default{max-width:40%}.modal-size-large{max-width:60%}}@media only screen and (min-width:2500px){.modal-size-small{max-width:25%}.modal-size-default{max-width:35%}.modal-size-large{max-width:60%}}.modal-position-right{border-radius:4px 0 0 4px;align-self:flex-end;height:100%;max-height:100%}.modal-inner{flex-direction:column;height:100%;display:flex}.modal-header{background:#fff;border-bottom:1px solid #dcdcdc;justify-content:space-between;align-items:center;margin:0;padding:16px;display:flex;position:sticky;top:0}.modal-close{color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;background-image:url(/icons/x-lg.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;width:20px;height:20px;padding:0;line-height:16px;display:flex}.modal-content{flex:1;max-height:60vh;padding:16px;overflow:auto}.modal-footer{background:#fff;position:sticky;bottom:0}.modal-footer .actions{border-top:1px solid #dcdcdc;justify-content:flex-end;gap:16px;margin:0;padding:16px;display:flex}