:root{--page-background-color:rgb(3, 5, 13);--nav-background-color:rgb(2, 4, 8);--scrollbar-thumb-color:rgb(91, 97, 105);--scrollbar-background-color:rgb(72, 77, 84);--scrollbar-track-color:transparent;--h2-text-color:rgb(241, 246, 251);--p-text-color:rgb(146, 152, 160);--a-text-color:rgb(89, 145, 241);--input-text-color:var(--p-text-color);--input-background-color:rgb(13, 17, 23);--pre-text-color:var(--p-text-color);--pre-background-color:var(--input-background-color);--submit-text-color:rgb(241, 246, 251);--submit-top-color:rgb(78, 122, 210);--submit-side-color:rgb(47, 83, 156);--submit-border-color:rgb(29, 56, 108);--section-border-color:rgb(62, 68, 76);--section-background-color:rgb(22, 27, 34);--info-icon-color:rgb(189, 195, 201);--info-icon-background-color:rgb(33, 40, 48);--info-tooltip-text-color:rgb(213, 221, 227);--info-tooltip-background-color:rgba(255, 255, 255, .15);--table-text-color:rgb(179, 181, 186);--table-heading-color:rgb(215, 217, 222);--table-heading-background-color:rgb(14, 19, 25);--table-border-radius:8px;--error-text-color:rgb(185, 67, 63)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-background-color)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.info-icon,.not-selectable,button,div,main,section{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.info-tooltip,.selectable,h2,input,p,pre,table{user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.page-info{text-align:center}.page-info h2{font-size:20px}.page-info p{font-size:18px}.input-group{display:flex;align-items:center;flex-wrap:nowrap;margin-bottom:18px}.input-group input{flex:1}.input-group button{margin-left:40px}.error{color:var(--error-text-color);margin-top:0;margin-bottom:8px}.hidden{display:none!important}.info-header{position:relative;margin-top:8px;margin-bottom:8px}.info-header h2{display:inline-block;margin:0;vertical-align:middle}.solution{padding-top:12px}.info-icon{position:relative;display:inline-block;width:35px;height:35px;background-color:var(--info-icon-background-color);border-radius:10px;border:none;color:var(--info-icon-color);font-size:14px;font-family:"Times New Roman",Times,serif;line-height:35px;text-align:center;vertical-align:middle;cursor:pointer;margin-left:20px}.info-icon::after{content:"";position:absolute;width:50%;height:50%;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--info-icon-color);border-radius:50%;pointer-events:none}.info-tooltip{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s linear .3s;display:inline;vertical-align:middle;position:absolute;top:50%;transform:translateY(-50%);margin-left:8px;font-size:12px;background:var(--info-icon-background-color);color:var(--info-tooltip-text-color);padding:5px;border:2px solid var(--info-tooltip-background-color);border-radius:5px;overflow-wrap:normal;z-index:999}.info-icon:hover+.info-tooltip,.info-tooltip:hover{opacity:1;visibility:visible;transition:none}.raised-button{--depth:.4em;--hover-lower:.12em;--text-color:var(--submit-text-color);--top-color:var(--submit-top-color);--side-color:var(--submit-side-color);--border-color:var(--submit-border-color);height:35px;width:95px;min-width:95px;max-width:95px;position:relative;outline:0;border:0;text-transform:inherit;font-size:16px;font-family:inherit;top:calc(-1 * var(--depth));font-weight:600;color:var(--text-color);padding:.2em 0;background:var(--top-color);border:2px solid var(--border-color);transform-style:preserve-3d;transition:transform 150ms cubic-bezier(0, 0, .58, 1);transform:translate(0,0)}.raised-button::before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:var(--side-color);border-radius:inherit;box-shadow:0 0 0 2px var(--border-color);transform:translate3d(0,var(--depth),-1em);transition:transform 150ms cubic-bezier(0, 0, .58, 1)}.raised-button:hover{background:var(--top-color);transform:translate(0,var(--hover-lower))}.raised-button:hover::before{box-shadow:0 0 0 2px var(--border-color);transform:translate3d(0,calc((2 * var(--depth)/ 2) - var(--hover-lower)),-1em)}.raised-button:active{background:var(--top-color);transform:translate(0,var(--depth))}.raised-button:active::before{box-shadow:0 0 0 2px var(--border-color);transform:translate3d(0,0,-1em)}.raised-button.raised-button-active{background:var(--top-color);transform:translate(0,var(--depth))}.raised-button.raised-button-active::before{box-shadow:0 0 0 2px var(--border-color);transform:translate3d(0,0,-1em)}html{color-scheme:dark;padding:0}body,html{margin:0;background-color:var(--page-background-color)}body{min-width:320px;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;padding:0 clamp(1%,var(--dynamic-width,4%),60%)}nav{position:sticky;top:0;width:100%;background:var(--nav-background-color);padding:.5em 0;text-align:left;border-bottom:1px solid var(--section-border-color)}nav a{color:#fff;margin:0 1em;text-decoration:none}nav a:hover{text-decoration:underline}main,section{background:var(--section-background-color);margin:2.5em auto;height:auto;min-width:240px;overflow:hidden;padding:.75em 2em;border-radius:16px;border:2px solid var(--section-border-color)}h2{color:var(--h2-text-color);font-size:20px}p{color:var(--p-text-color);font-size:16px}a{color:var(--a-text-color)}input{background:var(--input-background-color);border:2px solid var(--section-border-color);border-radius:8px;color:var(--input-text-color);min-width:50px;height:20px;font-size:16px;outline:0;padding:5px 8px}button{cursor:pointer;border-radius:8px;text-align:center}pre{background:var(--pre-background-color);border:2px solid var(--section-border-color);border-radius:8px;color:var(--pre-text-color);font-size:16px;outline:0;padding-top:7px;padding-bottom:3px;padding-left:8px;padding-right:8px;margin-bottom:18px;display:inline-block;margin-top:0;align-items:center;width:auto;height:auto;max-width:90%;overflow:auto}table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--section-border-color);border-radius:var(--table-border-radius);color:var(--table-text-color);margin-bottom:20px}td,th{border:1px solid var(--section-border-color);text-align:center;vertical-align:middle;padding:10px}th{color:var(--table-heading-color);background-color:var(--table-heading-background-color)}th:first-child{border-top-left-radius:var(--table-border-radius)}th:last-child{border-top-right-radius:var(--table-border-radius)}tr:last-child td:first-child{border-bottom-left-radius:var(--table-border-radius)}tr:last-child td:last-child{border-bottom-right-radius:var(--table-border-radius)}