*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
img,svg{max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.showcase-demo-notice{position:relative;z-index:1000;color:#fff;background:#071d35;font-family:Arial,sans-serif;font-size:13px}
.showcase-demo-notice-inner{width:min(1320px,calc(100% - 28px));min-height:42px;margin:auto;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;text-align:center}
.showcase-demo-notice strong,.showcase-demo-notice a{display:inline-flex;align-items:center;gap:7px;font-weight:800}
.showcase-demo-notice strong svg,.showcase-demo-notice a svg{width:15px;height:15px}
.showcase-demo-notice span{color:#d7e6f6}
.showcase-demo-notice a{color:#ffd24d;text-decoration:none}
.showcase-demo-notice a:hover{text-decoration:underline}
.showcase-demo-toast{position:fixed;left:50%;bottom:22px;z-index:1200;max-width:min(520px,calc(100% - 28px));padding:13px 18px;border-radius:999px;color:#fff;background:#071d35;box-shadow:0 14px 38px rgba(0,0,0,.24);font:700 14px/1.4 Arial,sans-serif;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:.24s ease}
.showcase-demo-toast.is-visible{opacity:1;transform:translate(-50%,0)}
:focus-visible{outline:3px solid #2f9ef5;outline-offset:3px}
@media(max-width:720px){.showcase-demo-notice-inner{padding:8px 0;gap:5px 10px}.showcase-demo-notice span{width:100%;font-size:12px}.showcase-demo-toast{border-radius:18px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}