.demo-notice{--demo-notice-safe:env(safe-area-inset-bottom,0px);box-sizing:border-box;position:fixed;z-index:35;right:16px;bottom:var(--demo-notice-bottom,16px);width:min(380px,calc(100vw - 32px));padding:20px;border:1px solid #37556a;border-radius:18px;background:linear-gradient(130deg,#172b42,#101d30);color:#f4f8ff;box-shadow:0 12px 36px #07172b30;isolation:isolate;text-align:left;font-family:inherit;color-scheme:dark}.demo-notice::before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#80efd0,#6caaec,transparent)}.demo-notice[data-editing]{visibility:hidden;pointer-events:none}.demo-notice-content{max-height:min(250px,40svh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.demo-notice h2{margin:0 38px 10px 0;color:#f4f8ff;font-size:15px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.demo-notice p{margin:0 0 15px;color:#c0d0e4;font-size:13px;line-height:1.75;white-space:pre-line;overflow-wrap:anywhere}.demo-notice a{display:inline-flex;align-items:center;justify-content:center;gap:7px;max-width:100%;min-height:36px;box-sizing:border-box;padding:7px 12px;border:1px solid #85ecd0;border-radius:9px;background:#8ce9ce;color:#102e2a;text-decoration:none;font-size:12px;font-weight:750;line-height:1.5;overflow-wrap:anywhere}.demo-notice svg{display:block;width:17px;height:17px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.demo-notice a svg{width:14px;height:14px}.demo-notice-close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:11px;background:transparent;color:#b5c9df;cursor:pointer}.demo-notice-close:hover{background:#ffffff12;color:#fff}.demo-notice :is(a,button):focus-visible{outline:2px solid #a7ffe4;outline-offset:3px}.demo-notice-spacer{height:var(--demo-notice-reserve,230px);pointer-events:none}.demo-notice-open .invest-customer-float{bottom:calc(var(--demo-notice-bottom,16px) + var(--demo-notice-height,200px) + 12px)!important}@media(max-width:760px){.premium-member .demo-notice{bottom:var(--demo-notice-bottom,96px)}.demo-notice{right:12px;width:calc(100vw - 24px);padding:16px;border-radius:15px}.demo-notice-content{max-height:min(230px,36svh)}.demo-notice h2{font-size:14px}.demo-notice p{font-size:12px}.demo-notice a{min-height:38px}}

.demo-notice h2{display:flex;align-items:center;gap:10px}.demo-notice-developer{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #78e5c74d;border-radius:9px;background:#78e5c715;color:#8ce9ce}.demo-notice .demo-notice-developer svg{width:19px;height:19px;stroke-width:1.8}.demo-notice h2>span:last-child{min-width:0;overflow-wrap:anywhere}
