*{margin:0;padding:0;border:0;outline:0;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation;user-select:none}*,*::before,*::after{box-sizing:border-box}*:focus,*:hover{outline:none;text-decoration:none}*::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background-color:#afa0a0;border-radius:6px}::-ms-input-placeholder{color:rgba(116,116,116,.4235294118)}::placeholder{color:rgba(116,116,116,.4235294118)}html{line-height:1.15;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;height:100%}body{width:100%;height:100%;padding:0 10px 30px 10px;background:#f4f2ee;transition:all 1s ease-out;scroll-behavior:smooth;overscroll-behavior-y:contain;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif}header{width:100%;max-width:1200px;margin:auto;margin-top:40px;margin-bottom:20px}header h1{text-align:center}main{width:100%;max-width:1200px;margin:auto}main h2{margin-bottom:20px}main .layout-container{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;gap:10px;justify-content:center;align-items:center;margin-bottom:30px}main .layout-container .layout{width:100px;height:100px;padding:5px}main .layout-container .layout svg{width:100px;height:100px;border-radius:5px;cursor:pointer}main .layout-container .layout svg:hover{box-shadow:0px 2px 4px rgba(0,0,0,.2)}main .resize{border:2px solid #c7c5c5;border-radius:10px;padding:0;margin:.5em 0;height:500px;width:100%;resize:both;overflow:hidden}main iframe.preview{background:#e2e2e2;padding:0;overflow:hidden;width:100%;height:100%}pre[class*=language-]{background:#e2e2e2;border-radius:10px;border:2px solid #c7c5c5}