*{padding:0;margin:0;box-sizing:border-box}img,svg{width:auto;height:100%}a{text-decoration:none}button{cursor:pointer;border:none;outline:none}:root{--font-color: #333;--font-light-color: #494949;--heading-color: #2c3e50;--link-color: #0e91fc;--link-light-color: #39a6ff;--button-color: #333;--input-color: #f8f8f8;--background-color: #f5f7fa;--content-color: #fff;--th-color: #f0f0f0;--border-color: #e3e3e3;--box-shadow: 0 2px 12px rgba(0, 0, 0, .05)}@media (prefers-color-scheme: dark){:root{--font-color: #f0f0f0;--font-light-color: #9aa0a6;--heading-color: #ffffff;--button-color: rgba(255, 255, 255, .05);--input-color: #1d1d1f;--background-color: #1d1d1f;--content-color: #2c2c2f;--th-color: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .08)}}html{font-size:16px}body{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;font-optical-sizing:auto;font-style:normal;font-synthesis:none;font-variation-settings:"wdth" 100;color:var(--font-color);line-height:1.4;letter-spacing:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-color)}h3{color:var(--heading-color)}a{display:inline-flex;align-items:center;justify-content:center;color:var(--link-color);cursor:pointer;transition:all .3s ease}a:hover{color:var(--link-light-color)}table{width:100%;border-collapse:separate}table thead th:first-child{border-top-left-radius:.5rem}table thead th:last-child{border-top-right-radius:.5rem}table tbody tr:last-child td:first-child{border-bottom-left-radius:.5rem}table tbody tr:last-child td:last-child{border-bottom-right-radius:.5rem}th,td{padding:.75rem 1rem;border-top:1px solid var(--border-color);border-right:1px solid var(--border-color);text-align:left}thead th:first-child,tbody tr td:first-child{border-left:1px solid var(--border-color)}tbody tr:last-child td{border-bottom:1px solid var(--border-color)}tr td:first-child{font-weight:700}tr td:last-child{min-width:24rem}th{background-color:var(--th-color)}.table-wrapper{width:100%;overflow:auto}.container{display:flex;flex-direction:column;width:100%;max-width:71.25rem;margin:0 auto;padding:0 1.5rem}#app{min-height:100vh}#header,#content,#footer{width:100%}#app,#content{display:flex;flex-direction:column;align-items:center;justify-content:center}#content{flex:1;padding:.5rem}#header .container,#footer .container{flex-direction:row;justify-content:space-between;align-items:center}#header{position:sticky;top:0;padding:.75rem 0;background:var(--content-color);border-bottom:1px solid var(--border-color);box-shadow:var(--box-shadow)}#header h2{color:var(--heading-color)}#header .right{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25rem}#header img{border-radius:.25rem}#footer{border-top:1px solid var(--border-color);background:var(--content-color);align-items:center;padding:.875rem 0}#footer .links{display:flex;align-items:center;gap:.75rem}#footer img{height:2.625rem}#copyright{text-align:center;color:var(--font-light-color)}#copyright a{color:var(--font-color);text-decoration:underline}#content .container{border-radius:1rem;box-shadow:var(--box-shadow);background:var(--content-color);border:1px solid var(--border-color);padding:1.5rem;gap:1rem}#target-url{font-size:1rem;width:100%;outline:none;padding:.875rem 1.125rem;border-radius:.5rem;background:var(--input-color);border:1px solid var(--border-color);color:var(--font-color);transition:all .3s ease}#browsers{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}#browsers .icon{cursor:pointer;background:var(--button-color);padding:.5rem 1.125rem;height:2.875rem;border-radius:.5rem;box-shadow:0 2px 6px #0000;transition:all .3s ease;gap:.75rem;font-weight:500;color:#fff}#browsers .icon:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--box-shadow)}#browsers .icon img{height:1.75rem}.button{color:#fff!important;background:var(--link-color);padding:.875rem 1.75rem;border-radius:.5rem;font-weight:700;line-height:1.125}.button:hover{background:var(--link-light-color)}#default-desktop{margin:1rem 0}.row-dynamic{display:none}.row-dynamic.active{display:block}.row-dynamic p:last-of-type{color:var(--font-light-color)}.row h3{margin-bottom:.75rem}@media (max-width: 680px){#header .container{flex-direction:column;gap:.375rem}#browsers .icon{width:100%}#footer .container{flex-direction:column;gap:.5rem}#footer .links{order:-1}}
