@font-face{font-family:Horteco;src:url('../demo/assets/brand-regular.ttf')}*{box-sizing:border-box}body{margin:0;background:#152b3a;color:#e9eff3;font:14px Horteco,Arial,sans-serif;overflow:hidden}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d8a34a;outline-offset:3px}button:disabled{opacity:.25;cursor:default}#deck{height:100dvh;display:flex;flex-direction:column}.deck-top{height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;letter-spacing:.16em}.muted{color:#8ca5b7}.deck-top button{color:#c4d2dd;background:transparent;border:0;font-size:23px;width:36px;height:32px;border-radius:6px}.stage{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;padding:8px 22px 72px}.slide-frame{position:relative;width:min(100%,calc((100dvh - 122px)*16/9));aspect-ratio:16/9;box-shadow:0 12px 45px #0005;background:#fff;overflow:hidden;border-radius:3px}#slide{display:block;width:100%;height:100%;object-fit:contain}#slide.fade{animation:fade .32s ease-out}@keyframes fade{from{opacity:.2}to{opacity:1}}#view-demo{position:absolute;right:14px;top:12px;background:#203849;color:#fff;border:1px solid #9cb0bd;border-radius:9px;padding:10px 16px;box-shadow:0 3px 12px #0003;font-size:13px}#view-demo:hover{background:#34576e}.controls{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:8px 12px 10px;background:#edf2f5;color:#203849;border-radius:17px 17px 0 0;box-shadow:0 -5px 24px #0002}.controls::before,.controls::after{content:"";position:absolute;bottom:0;width:16px;height:16px;background:transparent}.controls::before{left:-16px;border-radius:0 0 16px 0;box-shadow:5px 5px 0 5px #edf2f5}.controls::after{right:-16px;border-radius:0 0 0 16px;box-shadow:-5px 5px 0 5px #edf2f5}.controls button{border:0;background:transparent;color:#203849;border-radius:8px;width:38px;height:36px;font-size:25px}.controls button:hover:not(:disabled){background:#dbe5ec}#counter{min-width:116px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}#demo-dock{position:fixed;inset:0 0 0 auto;margin:0;width:95vw;max-width:none;height:100dvh;max-height:none;padding:0;border:1px solid #b6c7d3;border-right:0;border-radius:20px 0 0 20px;overflow:hidden;background:#fff;box-shadow:-18px 0 80px #0008;color:#203849}#demo-dock[open]{display:flex;flex-direction:column;animation:dock-in .35s cubic-bezier(.2,.8,.2,1)}#demo-dock.closing{animation:dock-out .3s ease-in forwards}#demo-dock::backdrop{background:#071521a8;backdrop-filter:blur(2px);animation:dim-in .3s ease}#demo-dock.closing::backdrop{animation:dim-out .3s forwards}@keyframes dock-in{from{transform:translateX(105%)}to{transform:translateX(0)}}@keyframes dock-out{to{transform:translateX(105%)}}@keyframes dim-in{from{opacity:0}to{opacity:1}}@keyframes dim-out{to{opacity:0}}.browser-bar{height:56px;flex-shrink:0;display:flex;align-items:center;gap:18px;padding:9px 18px;background:#edf2f5;border-bottom:1px solid #cad6df}.browser-bar button{white-space:nowrap;border:1px solid #bacbd7;background:#fff;border-radius:8px;color:#203849;padding:8px 12px;font-size:12px}.address{flex:1;max-width:680px;margin:auto;background:#fff;border:1px solid #d8e1e8;border-radius:7px;padding:7px 14px;font-size:12px;color:#5d7485}.address span{color:#8a9ba8;margin-right:8px}.browser-bar a{color:#203849;text-decoration:none;font-size:23px;padding:4px 8px}iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.stage{padding:4px 6px 64px}.slide-frame{width:min(100%,calc((100dvh - 110px)*16/9))}.deck-top{padding:0 12px}#view-demo{font-size:10px;top:6px;right:6px;padding:6px 9px}.browser-bar{gap:8px;padding:8px}.address{overflow:hidden;white-space:nowrap}.controls{gap:0;padding:6px 8px 8px}#counter{min-width:100px}}@media(prefers-reduced-motion:reduce){*,*::backdrop{animation-duration:.01ms!important}}