@charset "utf-8";

#alert .alert-model { z-index: 10000; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.3; }

#alert .alert-wrapper { min-width: 400px; min-height: 64px; z-index: 10001; position: fixed; transform: translateX(-50%); top: 40%; left: 50%; border-radius: 4px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px; padding: 15px 30px 15px 20px; overflow: hidden; }

#alert .alert-wrapper .alert-icon { width: 25px; height: 25px; margin-right: 16px; }

#alert .alert-wrapper .alert-message { word-break: break-all; display: inline-block; vertical-align: middle; max-width: 500px; font-weight: 400; font-size: 18px; line-height: 32px; letter-spacing: 1.5px; color: rgb(51, 51, 51); }

#alert .alert-wrapper .close-btn { position: absolute; top: 0px; right: 0px; width: 28px; height: 28px; background-size: contain; background-repeat: no-repeat; text-align: center; }

#alert .alert-wrapper .close-btn img { width: 10px; height: 10px; margin: 6px 0px 0px 4px; vertical-align: baseline; }