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