.site-notice{display:flex;align-items:flex-start;gap:14px;padding:20px 22px;border:1px solid #78622e;border-radius:15px;background:linear-gradient(115deg,#322b1e,#28231d);color:#f3e5bc}
.site-notice.global{margin:0 0 22px;animation:noticeIn .32s ease-out}
.site-notice-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:#ffb31f19;color:#ffc43e;font-size:19px}
.site-notice b{display:block;color:#ffd365;font-size:16px;line-height:1.4}
.site-notice p{margin:7px 0 0;color:#e7dfd1;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.site-notice a{color:#ffd365;text-decoration:underline;text-underline-offset:3px}
.site-notice-editor{margin-bottom:24px!important}
.site-notice-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid #403740}
.site-notice-editor-head h2{font-size:25px;margin:7px 0}
.site-notice-editor-head p{font-size:14px;line-height:1.5;color:#bdb3bc;margin:0}
.site-notice-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:15px 17px;border:1px solid #39323c;background:#15151a;border-radius:13px;cursor:pointer}
.site-notice-toggle b{display:block;font-size:15px;color:#f4edf0}
.site-notice-toggle small{display:block;font-size:12px;color:#a99da8;margin-top:4px}
.site-notice-toggle input{appearance:none;position:relative;flex:none;width:43px;height:24px;border:1px solid #675b66;border-radius:20px;background:#38323b;cursor:pointer;transition:.2s}
.site-notice-toggle input:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#b7aab4;transition:.2s}
.site-notice-toggle input:checked{background:#ac5662;border-color:#db858e}
.site-notice-toggle input:checked:after{left:21px;background:#fff}
.site-notice-field{margin:0 0 15px;font-size:14px}
.site-notice-field input,.site-notice-field textarea{font-size:15px!important;padding:12px 15px!important;background:#111116!important}
.site-notice-field textarea{min-height:128px}
.site-notice-preview-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:#c4aeb9;margin:19px 0 9px}
.site-notice.preview{padding:17px 18px}
.site-notice-save{width:100%;height:51px;margin-top:17px;font-size:15px}
@keyframes noticeIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.site-notice{padding:16px}.site-notice p{font-size:14px}.site-notice-editor-head h2{font-size:22px}.site-notice-toggle{padding:13px}}