セマンティックUIモーダルセットの最大幅は？

Question

http://jsfiddle.net/eq2kyprs/3/

上記のjsfiddleのセマンティックUIモーダルウィンドウで次のように設定するにはどうすればよいですか？

width:100% 
margin-left:10px; 
margin-right:10px; 
max-width:300px; 

https://semantic-ui.com/modules/modal.html#/definition

Answer 1

モーダル https://codepen.io/hesham-farag/pen/jwrLJd

(function() { 
    'use strict'; 

    $('#demo-show-small').on('click', function() { 
    $('#demo-small-modal').modal('show'); 
    }); 

    $('#demo-show-long').on('click', function() { 
    $('#demo-long-modal').modal('show'); 
    }); 
})();