main.svelte-14n58yl{display:grid;grid-template-columns:auto auto;gap:100px;justify-content:center;align-items:center}#content.svelte-14n58yl{display:block;width:100%}#tutorial.svelte-14n58yl{display:flex;flex-direction:column;flex-wrap:nowrap;gap:10px;align-items:center}#platform.svelte-14n58yl{margin:0;background:none;border:none;outline:2px solid var(--accent-color);padding:6px 14px;border-radius:5px;color:var(--accent-color);font-size:20px;font-weight:inherit;cursor:pointer}#platform.svelte-14n58yl:hover,#platform.svelte-14n58yl:focus-visible{outline-color:var(--accent-color-focused);color:var(--accent-color-focused)}#device.svelte-14n58yl{position:relative;margin:20px 0;box-sizing:border-box;padding:30px 10px 0;border-radius:20px 20px 0 0;background-color:#111;box-shadow:0 3px 20px #aaa}#device.svelte-14n58yl:before{content:"";position:absolute;z-index:101;background-color:#444;top:13px;left:0;right:0;margin:0 auto;width:50px;height:4px;border-radius:4px}#device.svelte-14n58yl:after{content:"";position:absolute;z-index:101;background:linear-gradient(to bottom,#fff0,#fff 40%);bottom:-25px;left:-30px;right:-30px;height:45px}#visual.svelte-14n58yl{position:relative;display:flex;width:100%;max-width:250px;height:auto}#visual.svelte-14n58yl>img:where(.svelte-14n58yl){width:100%;border-radius:10px 10px 0 0}#screenshot.svelte-14n58yl{z-index:100}#overlay.svelte-14n58yl{z-index:102;position:absolute;top:0;left:0;opacity:0}#device.masked.svelte-14n58yl{background-color:#666;transition:background-color .2s}#device.masked.svelte-14n58yl:before{background-color:#777;transition:background-color .2s}#screenshot.masked.svelte-14n58yl{filter:grayscale(1) contrast(.5) brightness(1.5);transition:filter .2s}#overlay.masked.svelte-14n58yl{opacity:1;transition:opacity .5s}#device.svelte-14n58yl>button:where(.svelte-14n58yl){color:none;border:none;position:absolute;cursor:pointer;top:0;bottom:0;margin:auto 0;-webkit-tap-highlight-color:transparent;height:100%;width:30px;z-index:110;background-color:unset;background-repeat:no-repeat;background-position:50% 50%;background-size:20px;opacity:.5;transition:opacity .25s}#device.svelte-14n58yl>button:where(.svelte-14n58yl):hover,#device.svelte-14n58yl>button:where(.svelte-14n58yl):focus-visible{opacity:.8}#device.svelte-14n58yl>button:where(.svelte-14n58yl):disabled{cursor:unset;opacity:.1}#step-prev.svelte-14n58yl{left:-40px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20mm'%20height='50mm'%20version='1.1'%20viewBox='0%200%2020%2050'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(-3.0803)'%20fill='none'%20stroke='%23000'%20stroke-dashoffset='10'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.6458'%3e%3cpath%20d='m6.9032%201.3229%2012.354%2023.677'/%3e%3cpath%20d='m6.9032%2048.677%2012.354-23.677'/%3e%3c/g%3e%3c/svg%3e");rotate:180deg}#step-next.svelte-14n58yl{right:-40px;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20mm'%20height='50mm'%20version='1.1'%20viewBox='0%200%2020%2050'%20xml:space='preserve'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20transform='translate(-3.0803)'%20fill='none'%20stroke='%23000'%20stroke-dashoffset='10'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.6458'%3e%3cpath%20d='m6.9032%201.3229%2012.354%2023.677'/%3e%3cpath%20d='m6.9032%2048.677%2012.354-23.677'/%3e%3c/g%3e%3c/svg%3e")}@media (max-width: 990px){main.svelte-14n58yl{gap:50px}#device.svelte-14n58yl{margin:20px 30px}}@media (max-width: 800px){main.svelte-14n58yl{display:flex;flex-direction:column;gap:30px}}