:root{font-family:sans-serif}body{margin:0}.hidden{display:none}h1{font-size:1.3em;color:#555;border-bottom:2px solid #f0f0f0;padding-bottom:.25em;margin:1.5em 0 .5em}h2{font-size:1em;color:#555;padding-bottom:.25em;margin:1.5em 0 .5em}#main{display:flex;flex-direction:column;height:100dvh}#app{flex-shrink:1;-webkit-mask-image:linear-gradient(to bottom,black calc(100% - 20px),transparent 100%);mask-image:linear-gradient(to bottom,black calc(100% - 20px),transparent 100%);overflow:scroll}#panel{flex-shrink:0;margin-top:auto}#app{padding:20px 8px}#app-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:15px;width:100%;max-width:800px}.app-configElement{-webkit-tap-highlight-color:transparent}.app-configElement-link{align-items:center;display:flex;flex-direction:column;gap:8px;text-decoration:none}.app-configElement-link img{border-radius:16px;box-shadow:0 4px 12px #00000014;filter:sepia(20%) brightness(120%);height:50px;object-fit:cover;width:50px}.app-configElement-link:active img{box-shadow:0 6px 20px #0006;transform:scale(.95)}.app-configElement-link:active .app-configElement-link-label{text-shadow:0 0 5px rgba(0,0,0,.3);transform:scale(1.05)}.app-configElement-link-label{color:#343a40;font-size:.8em;max-width:80px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#panel{padding:0 20px 20px}#panel-settings-button{border:none;border-radius:25px;background-color:transparent;cursor:pointer;filter:grayscale(1);font-size:1.3em;margin-bottom:3px;margin-left:-10px;opacity:.2;padding:10px}#panel-settings-button:hover{background-color:#0000001a}#settings{border:1px solid #ccc;border-radius:4px;margin:10px;padding:20px}#settings h1:first-of-type{margin-top:0}#settings-addBookmark{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;max-width:400px}#settings-addBookmark label{color:#555;font-weight:600;text-align:right}#settings-addBookmark input[type=text]{color:#111;width:100%;padding:8px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}#settings-addBookmark #settings-addBookmark-preview{grid-column:2;width:32px;height:32px;border:1px dashed #ccc}#settings-addBookmark #settings-addBookmark-add{grid-column:2;justify-self:end;padding:8px 16px;border:none;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer}#settings-elementsList-list{cursor:default;display:flex;flex-direction:column;gap:6px}#settings-elementsList-list div:first-child .settings-elementsList-btnUp{visibility:hidden}#settings-elementsList-list div:last-child .settings-elementsList-btnDown{visibility:hidden}#settings-elementsList-list .settings-elementsList-faviconImg{margin-right:.5em;height:24px;width:24px}#settings-elementsList-list .settings-elementsList-propertyRow{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden}#settings-elementsList-list .settings-elementsList-propertyRow>button:first-of-type{margin-left:auto}#settings-elementsList-list .settings-elementsList-propertyPair{background-color:#f4f4f8;border-radius:4px;flex-shrink:100;font-size:.9em;margin-right:.5em;min-width:0;padding:.25em .75em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#settings-elementsList-list .settings-elementsList-propertyName{font-weight:600;color:#555}#settings-elementsList-list .settings-elementsList-propertyValue{color:#495057;cursor:pointer}#settings-elementsList-list .settings-elementsList-propertyPair_name{flex-shrink:1}#settings-elementsList-list .settings-elementsList-propertyPair_type{display:none}#settings-elementsList-list .settings-elementsList-propertyPair_favicon{flex-shrink:1000}#settings-elementsList-list .settings-elementsList-propertyRowMoved{animation:settings-elementsList-propertyRowMoved 1s ease-out}#settings-elementsList-list .settings-elementsList-propertyRowMoved .settings-elementsList-propertyPair{animation:settings-elementsList-propertyPairMoved 1s ease-out}#settings-elementsList-list .settings-elementsList-propertyRowDeleted{animation:settings-elementsList-propertyRowDeleted .5s ease-out}#settings-elementsList-list .settings-elementsList-propertyRowDeleted .settings-elementsList-propertyPair{background-color:#f4f4f880}#settings-elementsList-list .settings-elementsList-btnUp,#settings-elementsList-list .settings-elementsList-btnDown,#settings-elementsList-list .settings-elementsList-btnDelete{padding:4px 12px;margin-left:6px;border:1px solid #ccc;background-color:#f8f9fa;border-radius:4px;cursor:pointer;font-size:1em;line-height:1.2;transition:background-color .2s ease,border-color .2s ease,color .2s ease}#settings-elementsList-list .settings-elementsList-btnUp:hover,#settings-elementsList-list .settings-elementsList-btnDown:hover{background-color:#e9ecef;border-color:#adb5bd}#settings-elementsList-list .settings-elementsList-btnDelete:hover{background-color:#fff0f0;border-color:#ffb3b3;color:#d32f2f}#settings-link{display:inline-block;background-color:#e9ecef;color:#495057;padding:.5em 1em;border-radius:4px;text-decoration:none;font-family:monospace;max-width:calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s ease}#settings-link:hover{background-color:#dee2e6}#settings-link-counter{background-color:#e9ecef;border-radius:4px;color:#495057;font-weight:700;padding:2px}#settings-showRawConfig{padding:8px 16px;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer;transition:background-color .2s ease}#settings-showRawConfig:hover{background-color:#f8f9fa}#settings-rawConfig{background-color:#2d2d2d;color:#f1f1f1;padding:1em;border-radius:4px;margin-top:1em;white-space:pre-wrap;word-break:break-all;font-family:monospace;font-size:.9em}@keyframes settings-elementsList-propertyRowMoved{0%{background-color:#c4ffd1}to{background-color:transparent}}@keyframes settings-elementsList-propertyPairMoved{0%{background-color:transparent}to{background-color:#f4f4f8}}@keyframes settings-elementsList-propertyRowDeleted{0%,20%{background-color:#ed8897;opacity:1}to{opacity:0}}