.ui-modal{--uioption-modal-icon-color:var(--uicolor-font-1);--uioption-modal-box-shadow:var(--uicolor-box-shadow);--uioption-modal-border-radius:8px;--uioption-modal-background-color:var(--uicolor-font-6);--uioption-modal-active-icon-color:var(--uicolor-main-color);background-color:var(--uicolor-full-mask);overflow-y:auto;position:fixed}.ui-modal>.ui-modal-container{background-color:var(--uioption-modal-background-color);border-radius:var(--uioption-modal-border-radius);-webkit-box-shadow:var(--uioption-modal-box-shadow);box-shadow:var(--uioption-modal-box-shadow);position:relative;-webkit-transition:margin-top .5s;transition:margin-top .5s}.ui-modal>.ui-modal-container>.ui-modal-header{font-size:32px;font-weight:700;line-height:40px;margin:0 0 28px;position:relative}.ui-modal>.ui-modal-container>.ui-modal-close{color:var(--uioption-modal-icon-color);cursor:pointer;font-size:48px;position:absolute;right:20px;top:20px;-webkit-transition:all .3s;transition:all .3s}.ui-modal>.ui-modal-container>.ui-modal-close:hover{color:var(--uioption-modal-active-icon-color)}