diff --git a/public/assets/css/base.css b/public/assets/css/base.css index 083d746842..cbda53c890 100644 --- a/public/assets/css/base.css +++ b/public/assets/css/base.css @@ -1,345 +1,279 @@ :root { - /* FONTS */ - --display-font: 'Manrope-ExtraBold', sans-serif; - --main-font: 'Inter', sans-serif; + /* fonts */ + --display-font: 'Manrope-ExtraBold', sans-serif; + --main-font: 'Inter', sans-serif; - /* UNITS - * unit size - every element should be a multiplier of this - * main size - used for headers and icons - * medium size - same as above, except that the element in question is contained in something else - * small size - used in common text, borders - */ - --unit-size: 0.5rem; - --main-size: 1.5rem; - --medium-size: 1.125rem; - --small-size: 1rem; + /* font and margin sizes */ + --unit-size-h: calc(100vh / 9); + --unit-size-w: calc(100vw / 9); + --main-size: 1.5rem; + --medium-size: 1.125rem; + --small-size: 1rem; - /* colours and shadows */ - --black: #040506; - --bg1: #383E51; - --bg2: #434A60; - --bg3: #5C6684; - --translucent: #00000033; - --translucent-light: #FFFFFF33; - --white: #EEDFD4; - - --accent-blue: #8E8DBE; - --accent-red: #FF6666; - --accent-green: #2EC4B6; - - --shadow: 0px 0px 16px 0px #383E51; - --shadow-light: 0px 0px 16px 0px #8E8DBE; + /* colours and shadows */ + --fg: #eceff4; + --accent: #81a1c1; + --accent-low: #81a1c160; + --bg-translucent: rgba(46, 52, 64, 0.6); + --bg1: #2e3440; + --bg2: #3b4252; + --bg3: #434c5e; + --bg4: #4c566a; + --bg5: #d8dee9; + --shadow: 0px 0px 20px 0px rgba(46,52,64,0.95); } /* TYPOGRAPHY */ html { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } h1 { - font-family: var(--display-font); - font-size: var(--main-size); - font-weight: 900; - opacity: 1.00; - letter-spacing: -0.40px; - word-spacing: 4.00px; + font-family: var(--display-font); + font-size: var(--main-size); + font-weight: 900; + opacity: 1.00; + letter-spacing: -0.40px; + word-spacing: 4.00px; } h2 { - font-family: var(--display-font); - font-size: var(--medium-size); - font-weight: 800; - letter-spacing: -0.75px; - word-spacing: 3.00px; - text-transform: none; + font-family: var(--display-font); + font-size: var(--medium-size); + font-weight: 800; + letter-spacing: -0.75px; + word-spacing: 3.00px; + text-transform: none; } h3 { - font-family: var(--display-font); - font-size: var(--medium-size); - font-weight: 600; - line-height: 1.00; - letter-spacing: -0.20px; - word-spacing: 1.00px; - text-transform: none; + font-family: var(--display-font); + font-size: var(--medium-size); + font-weight: 600; + line-height: 1.00; + letter-spacing: -0.20px; + word-spacing: 1.00px; + text-transform: none; } p { - font-family: var(--main-font); - font-size: var(--medium-size); - font-weight: 400; - letter-spacing: -0.30px; - word-spacing: -0.10px; - margin-bottom: var(--small-size) !important; - text-transform: none; -} - -ul { - text-decoration: none; - margin: 0; - padding: 0; - list-style: none; -} - -li { - margin: 0; - padding: 0; -} - -summary { - cursor: default !important; -} - -a:link { - text-decoration: none; - color: var(--white); - outline: 0; -} - -a:visited { - text-decoration: none; - color: var(--white); - outline: 0; - margin: 0; - padding: 0; -} - -a:focus, -a:hover { - border-radius: var(--unit-size) !important; - padding: var(--unit-size) var(--small-size) var(--unit-size) var(--small-size) !important; - background: var(--white) !important; - color: var(--bg1) !important; - transition: all 0.4s ease; -} - -#instance a:focus svg, -#instance a:hover svg { - fill: var(--bg1); - transition: all 0.4s ease; -} - -summary:hover > svg, -summary:focus > svg { - border-radius: var(--unit-size); - background: var(--white); - fill: var(--bg1); - transition: all 0.4s ease; -} - -hr { - all: unset; - display: block; - height: 2px; - background-image: linear-gradient(to right, var(--bg1), transparent 90%); + font-family: var(--main-font); + font-size: var(--small-size); + font-weight: 400; + letter-spacing: -0.30px; + word-spacing: -0.10px; + text-transform: none; } /* DEFAULTS */ body, html { - display: flex; - flex-direction: column; - height: 100%; - width: auto; - color: var(--white); - font-family: var(--main-font); - - /* BLENDING BANDING IN FIREFOX */ - background-image: radial-gradient(ellipse at 50% 5%, var(--bg1), var(--bg2)), - url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAACUkpSEhoSMioyMjoyEgoRr6djFAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAU1JREFUKJEVUcl1xTAIpAVLSgECXIAYUoCAX0Bi919LlCPLm5ValiOUUe2+ZRVFuYpKXFsUX9aIp0V6GtC8VRhNL0X2fikvswhKrNDhes7pbpPkufFAtI0B76LEjfc2bgdHDk6RX4A/sjt6LCylfoYpNYYJx/9COhIugsjluzN9VGZ/Hnl51jIH2ba+Ywsy2RJCFdoDe8Obw61TXGAv+ewExMRJs7gd7YcimPuk42uMqY2VJ1fK+bDL32rb7kwok/la/u7Mrz7Xf0DTssSP2Btp1ZS0zw35tM/SsJKgWNLcRh+/th1QqntwtM3Tx0LNosoBYbM3qjJFiMeLsMH2i5BcQdU3n9sJHOE1Hoqn1GA/bm4s0YkVB/y4r0PbltF32FpljXmdlOOwbDvFWkoDYLppSG4pnM6UxX3Src1lhXeU36FOu3o+R2vNaHME/wESUl9/3zMniwAAAABJRU5ErkJggg==); - background-blend-mode: multiply; - background-attachment: fixed; - + height: 100%; + width: auto; + color: var(--fg); + background-image: + linear-gradient( + 135deg, + var(--bg1) 0%, + var(--bg1) 100% + ), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); + background-blend-mode: exclusion; } +hr { + margin: 0; + color: var(--accent-low); +} + +ul { + text-decoration: none; + margin: 0; + padding: 0; + list-style: none; +} + +li { + margin: 0; + padding: 0; +} + +a:link { + text-decoration: none; + outline: 0; + color: var(--fg); +} +a:visited { + outline: 0; + color: var(--fg); + margin: 0; + padding: 0; +} +a:hover { + color: var(--fg); + transition: all 0.8s ease; +} +a:focus { + color: var(--fg); + transition: all 0.8s ease; +} + +/* HEADER */ #header { - display: flex; - justify-content: center; - position: fixed; + position: fixed; + top: 0; + left: 0; + right: 0; + height: 100vh; +} - width: 100%; - height: calc(5 * var(--unit-size)); - padding: var(--small-size); - box-sizing: content-box; +#top { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + height: 100%; + width: auto; +} - background-image: radial-gradient(ellipse at 50% 5%, var(--bg1), var(--accent-blue)), - url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAACUkpSEhoSMioyMjoyEgoRr6djFAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAU1JREFUKJEVUcl1xTAIpAVLSgECXIAYUoCAX0Bi919LlCPLm5ValiOUUe2+ZRVFuYpKXFsUX9aIp0V6GtC8VRhNL0X2fikvswhKrNDhes7pbpPkufFAtI0B76LEjfc2bgdHDk6RX4A/sjt6LCylfoYpNYYJx/9COhIugsjluzN9VGZ/Hnl51jIH2ba+Ywsy2RJCFdoDe8Obw61TXGAv+ewExMRJs7gd7YcimPuk42uMqY2VJ1fK+bDL32rb7kwok/la/u7Mrz7Xf0DTssSP2Btp1ZS0zw35tM/SsJKgWNLcRh+/th1QqntwtM3Tx0LNosoBYbM3qjJFiMeLsMH2i5BcQdU3n9sJHOE1Hoqn1GA/bm4s0YkVB/y4r0PbltF32FpljXmdlOOwbDvFWkoDYLppSG4pnM6UxX3Src1lhXeU36FOu3o+R2vNaHME/wESUl9/3zMniwAAAABJRU5ErkJggg==); - background-blend-mode: multiply; - background-attachment: fixed; - box-shadow: var(--shadow); +.icon-menu { + margin: 0; + padding: 0; + display: none; + width: var(--main-size); + height: var(--main-size); + stroke: currentColor; + fill: currentColor; } #instance { - display: flex; - align-items: center; - justify-content: center; - height: 100%; - width: 100%; + order: 1; + font-size: var(--main-size); + display: flex; + justify-content: center; + + height: calc(var(--unit-size-h) / 2); + width: 100%; + padding: 0; + box-sizing: border-box; + + background-color: var(--accent); } #instance a { - display: flex; - color: var(--white); - font-size: var(--main-size); + font-family: var(--display-font); + font-size: var(--main-size); + display: inline-flex; + flex-wrap: nowrap; + align-items: center; + align-self: center; + color: var(--bg1); } .icon-logo { - margin-right: var(--small-size); - fill: var(--white); + margin-right: 5px; + stroke-width: 0; + stroke: currentColor; + fill: var(--bg1); + vertical-align: middle; } -/* CONTAINS ALL ELEMENTS BESIDES HEADER */ -.container { - order: 2; - display: flex; - justify-content: space-evenly; - width: 100%; - margin-top: calc(3 * var(--small-size) + var(--main-size)); +#panels { + order: 2; + display: flex; + width: var(--unit-size-w); + font-size: var(--medium-size); + background-color: var(--bg-translucent); } -/* THE FOCUSED (middle) DIV */ -.content { - box-sizing: border-box; - padding: calc(2 * var(--main-size)); - display: flex; - flex-direction: column; - width: calc(3 * (100% / 5)); +/* left panel z-index fix */ +.form { + position: relative; + z-index: 0; +} +#header { + z-index: 1; } -/* NOTES */ -.h-feed, -.notes { - margin-top: var(--main-size); +/* styling radio buttons and checkboxes */ +.content input[type="checkbox"] + label::before { + content: ''; + position: relative; + display: inline-block; + margin-right: 5px; + width: var(--medium-size); + height: var(--medium-size); + background: var(--fg); + border-radius: 10% +} +.content input[type="checkbox"]:checked + label::before { + background: var(--accent); + border-radius: 10%; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIzMiIgICBoZWlnaHQ9IjMyIiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBpZD0ic3ZnNiIgICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVja21hcmsuc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjEuMCAoNDAzNWE0ZmI0OSwgMjAyMC0wNS0wMSkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMiI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZGVmcyAgICAgaWQ9ImRlZnMxMCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTM4MiIgICAgIGlkPSJuYW1lZHZpZXc4IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaW5rc2NhcGU6em9vbT0iMjkuODc1IiAgICAgaW5rc2NhcGU6Y3g9IjE2LjA2Njk0NiIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmNoZWNrbWFyazwvdGl0bGU+ICA8cGF0aCAgICAgZD0iTTI3IDRsLTE1IDE1LTctNy01IDUgMTIgMTIgMjAtMjB6IiAgICAgaWQ9InBhdGg0IiAgICAgc3R5bGU9ImZpbGw6IzJlMzQ0MDtmaWxsLW9wYWNpdHk6MSIgLz48L3N2Zz4=); background-position: center; + background-repeat: no-repeat; + background-size: 80%; +} +.content input[type="checkbox"]:focus + label::before, +.content input[type="checkbox"]:hover + label::before{ + border-radius: 10%; + box-shadow: 0 0 8px var(--accent); +} +.content input[type="checkbox"] { + height: 1px; + width: 1px; + overflow: hidden; } -.h-feed, -.notes hr { - margin-top: var(--unit-size); - margin-bottom: var(--main-size); + +.content input[type="radio"] + label::before { + content: ''; + position: relative; + display: inline-block; + margin-right: 5px; + width: var(--medium-size); + height: var(--medium-size); + background: var(--fg); + border-radius: 50% +} +.content input[type="radio"]:checked + label::before { + background: var(--accent); + border-radius: 50%; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJjaXJjbGUuc3ZnIiAgIGlkPSJzdmc0IiAgIHZlcnNpb249IjEuMSIgICBoZWlnaHQ9IjUwMCIgICB3aWR0aD0iNTAwIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTAiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzOCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTpjeT0iMjUwIiAgICAgaW5rc2NhcGU6Y3g9IjI1MS4wNDYwMyIgICAgIGlua3NjYXBlOnpvb209IjEuOTEyIiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzgyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPiAgPGNpcmNsZSAgICAgc3R5bGU9ImZpbGw6IzJlMzQ0MDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzJlMzQ0MDtzdHJva2Utb3BhY2l0eTowIiAgICAgaWQ9ImNpcmNsZTIiICAgICBzdHJva2Utd2lkdGg9IjgiICAgICBzdHJva2U9IiMwMDAiICAgICBmaWxsPSIjZmZmIiAgICAgcj0iMjEwIiAgICAgY3k9IjI1MCIgICAgIGN4PSIyNTAiIC8+PC9zdmc+); + background-position: center center; + background-repeat: no-repeat; + background-size: 60%; + -webkit-background-size: 60%; + -moz-background-size: 60%; + -o-background-size: 60%; + fill: #2e3440; +} +.content input[type="radio"]:focus + label::before, +.content input[type="radio"]:hover + label::before{ + border-radius: 50%; + box-shadow: 0 0 8px var(--accent); +} +.content input[type="radio"] { + position: absolute; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); +} +.create-notice button[type=submit] { + background: var(--bg1); + padding: 0.3em 1em; + color: var(--fg); + border-style: solid; + border-color: var(--accent); + border-radius: var(--unit-size); + border-width: 2px; +} +.create-notice button[type=submit]:focus, +.create-notice button[type=submit]:hover { + border-radius: var(--unit-size); + box-shadow: 0 0 8px var(--accent); } -.h-entry, -.note { - background-image: radial-gradient(ellipse at 10% 10%, var(--bg3), var(--accent-blue)), - url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAACUkpSEhoSMioyMjoyEgoRr6djFAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAU1JREFUKJEVUcl1xTAIpAVLSgECXIAYUoCAX0Bi919LlCPLm5ValiOUUe2+ZRVFuYpKXFsUX9aIp0V6GtC8VRhNL0X2fikvswhKrNDhes7pbpPkufFAtI0B76LEjfc2bgdHDk6RX4A/sjt6LCylfoYpNYYJx/9COhIugsjluzN9VGZ/Hnl51jIH2ba+Ywsy2RJCFdoDe8Obw61TXGAv+ewExMRJs7gd7YcimPuk42uMqY2VJ1fK+bDL32rb7kwok/la/u7Mrz7Xf0DTssSP2Btp1ZS0zw35tM/SsJKgWNLcRh+/th1QqntwtM3Tx0LNosoBYbM3qjJFiMeLsMH2i5BcQdU3n9sJHOE1Hoqn1GA/bm4s0YkVB/y4r0PbltF32FpljXmdlOOwbDvFWkoDYLppSG4pnM6UxX3Src1lhXeU36FOu3o+R2vNaHME/wESUl9/3zMniwAAAABJRU5ErkJggg==); - background-blend-mode: multiply; - border-radius: var(--unit-size); +.avatar { + border-radius: 50%; } - -.note-info { - display: flex; - border-radius: var(--unit-size); - box-sizing: border-box; - - background-color: var(--translucent); - font-size: var(--main-size); - padding: var(--unit-size); -} - -.note-info .avatar { - width: auto; - height: var(--main-size); -} - -.note-content { - padding: var(--small-size); -} -.note-content p { - font-size: var(--medium-size); - padding-left: var(--small-size); - padding-right: var(--small-size); -} - -.note-attachments { - display: flex; -} -.note-attachments > div { - margin: var(--small-size) 0 0 0; - border-radius: var(--unit-size); - background-color: var(--translucent); -} - -.note-attachments > div figure { - margin: 0; - padding: var(--small-size); -} - -figcaption a:link { - font-size: var(--small-size); - color: var(--white); -} - -/* MEDIA QUERIES */ -@media (min-width: 1200px) { - .icon-left, - .icon-right { - display: none; - } - - summary { - cursor: none; - } - - .panel aside { - position: fixed; - display: flex !important; - flex-direction: column; - padding: var(--small-size); - box-sizing: border-box; - - font-size: var(--main-size); - width: calc(100vw / 5); - height: calc(100vh - (3 * var(--small-size) + var(--main-size))); - animation: fadeIn 300ms cubic-bezier(0, 0.55, 0.45, 1); - } -} - -@media (max-width: 1200px) { - .content { - padding: var(--main-size); - display: flex; - flex-direction: column; - width: 100%; - } - - .icon-left, - .icon-right { - display: flow; - } - - .panel aside { - display: none !important; - } - - .panel[open] aside { - background-image: radial-gradient(ellipse at 50% 5%, var(--bg1), var(--bg2)), - url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAACUkpSEhoSMioyMjoyEgoRr6djFAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAU1JREFUKJEVUcl1xTAIpAVLSgECXIAYUoCAX0Bi919LlCPLm5ValiOUUe2+ZRVFuYpKXFsUX9aIp0V6GtC8VRhNL0X2fikvswhKrNDhes7pbpPkufFAtI0B76LEjfc2bgdHDk6RX4A/sjt6LCylfoYpNYYJx/9COhIugsjluzN9VGZ/Hnl51jIH2ba+Ywsy2RJCFdoDe8Obw61TXGAv+ewExMRJs7gd7YcimPuk42uMqY2VJ1fK+bDL32rb7kwok/la/u7Mrz7Xf0DTssSP2Btp1ZS0zw35tM/SsJKgWNLcRh+/th1QqntwtM3Tx0LNosoBYbM3qjJFiMeLsMH2i5BcQdU3n9sJHOE1Hoqn1GA/bm4s0YkVB/y4r0PbltF32FpljXmdlOOwbDvFWkoDYLppSG4pnM6UxX3Src1lhXeU36FOu3o+R2vNaHME/wESUl9/3zMniwAAAABJRU5ErkJggg==); - background-blend-mode: multiply; - background-attachment: fixed; - - position: fixed; - display: flex !important; - flex-direction: column; - padding: var(--small-size); - box-sizing: border-box; - - font-size: var(--main-size); - width: 100%; - height: calc(100vh - (3 * var(--small-size) + var(--main-size))); - animation: fadeIn 300ms cubic-bezier(0, 0.55, 0.45, 1); - } -} - -/* ANIMATIONS */ -@keyframes fadeIn { - 0% { - opacity: 0; - transform: translateY(-10px); - } - - 100% { - opacity: unset; - transform: none; - } -} \ No newline at end of file diff --git a/public/assets/css/base_mid.css b/public/assets/css/base_mid.css new file mode 100644 index 0000000000..655b41a50c --- /dev/null +++ b/public/assets/css/base_mid.css @@ -0,0 +1,258 @@ +:root { + /* fonts */ + --main-font: 'Montserrat', sans-serif; + --main-font: 'Open Sans', sans-serif; + + /* font and margin sizes */ + --main-size: 1.15em; + --medium-size: 0.7em; + --small-size: 0.65em; + --unit-size: 1em; + --side-margin: 5em; + --nav-size: 15em; + + /* colours and shadows */ + --fg: #eceff4; + --accent: #81a1c1; + --accent-low: #81a1c160; + --bg1: #2e3440; + --bg2: #3b4252; + --bg3: #434c5e; + --bg4: #4c566a; + --bg5: #d8dee9; + --shadow: 0px 0px 20px 0px rgba(46,52,64,0.95); +} + +/* DEFAULTS */ +body, +html { + background: var(--bg1); + background-attachment: fixed; + background-size: cover; + color: var(--fg); + font-family: var(--main-font); + font-size: var(--main-size); + margin: 0; + padding: 0; +} + +ul { + text-decoration: none; + margin: 0; + padding: 0; + list-style: none; +} + +li { + margin: 0; + padding: 0; +} + +a:link { + text-decoration: none; + outline: 0; + color: var(--fg); + margin: 0; + padding: 0; +} +a:visited { + outline: 0; + color: var(--fg); + margin: 0; + padding: 0; +} +a:hover { + color: var(--fg); + transition: all 0.8s ease; +} +a:focus { + color: var(--fg); + transition: all 0.8s ease; +} + +b { + font-family: var(--main-font); + font-weight: 800; +} + +/* HEADER */ +#header { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: var(--accent); + padding: var(--main-size); + height: var(--main-size); +} + +#top { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + width: 100%; +} + +.icon-menu { + position: relative; + display: flex; + align-items: center; + width: var(--unit-size); + height: var(--unit-size); + cursor: pointer; + transition: all .5s ease-in-out; +} +.icon-menu label { + width: var(--unit-size); + height: 3px; + border-radius: 3px; + background: var(--bg1); + transition: all .5s ease-in-out; +} +.icon-menu label::before, +.icon-menu label::after { + content: ''; + position: absolute; + width: var(--unit-size); + height: 3px; + border-radius: 3px; + background: var(--bg1); + transition: all .5s ease-in-out; +} +.icon-menu label::before { + transform: translateY(-6px); +} +.icon-menu label::after { + transform: translateY(6px); +} +#toggle:checked+div label{ + width: 0; +} +#toggle:checked+div label::before { + transform: rotate(45deg); +} +#toggle:checked+div label::after { + transform: rotate(-45deg); +} + +#instance { + order: 2; +} + +#instance b { + margin: 0; + padding: 0; + vertical-align: middle; + margin-left: calc(0.2 * var(--unit-size)); + color: var(--bg1); +} + +.icon-logo { + margin: 0; + padding: 0; + display: inline-block; + width: var(--unit-size); + height: var(--unit-size); + stroke-width: 0; + stroke: currentColor; + fill: var(--bg1); + vertical-align: middle; +} + +#left-panel { + order: 1; +} + +/* left panel z-index fix */ +.form { + position: relative; + z-index: 0; +} +#header { + z-index: 1; +} + +/* styling radio buttons and checkboxes */ +.content input[type="checkbox"] + label::before { + content: ''; + position: relative; + display: inline-block; + margin-right: 5px; + width: var(--medium-size); + height: var(--medium-size); + background: var(--fg); + border-radius: 10% +} +.content input[type="checkbox"]:checked + label::before { + background: var(--accent); + border-radius: 10%; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIzMiIgICBoZWlnaHQ9IjMyIiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBpZD0ic3ZnNiIgICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVja21hcmsuc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjEuMCAoNDAzNWE0ZmI0OSwgMjAyMC0wNS0wMSkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMiI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZGVmcyAgICAgaWQ9ImRlZnMxMCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTM4MiIgICAgIGlkPSJuYW1lZHZpZXc4IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaW5rc2NhcGU6em9vbT0iMjkuODc1IiAgICAgaW5rc2NhcGU6Y3g9IjE2LjA2Njk0NiIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmNoZWNrbWFyazwvdGl0bGU+ICA8cGF0aCAgICAgZD0iTTI3IDRsLTE1IDE1LTctNy01IDUgMTIgMTIgMjAtMjB6IiAgICAgaWQ9InBhdGg0IiAgICAgc3R5bGU9ImZpbGw6IzJlMzQ0MDtmaWxsLW9wYWNpdHk6MSIgLz48L3N2Zz4=); background-position: center; + background-repeat: no-repeat; + background-size: 80%; +} +.content input[type="checkbox"]:focus + label::before, +.content input[type="checkbox"]:hover + label::before{ + border-radius: 10%; + box-shadow: 0 0 8px var(--accent); +} +.content input[type="checkbox"] { + height: 1px; + width: 1px; + overflow: hidden; +} + + +.content input[type="radio"] + label::before { + content: ''; + position: relative; + display: inline-block; + margin-right: 5px; + width: var(--medium-size); + height: var(--medium-size); + background: var(--fg); + border-radius: 50% +} +.content input[type="radio"]:checked + label::before { + background: var(--accent); + border-radius: 50%; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJjaXJjbGUuc3ZnIiAgIGlkPSJzdmc0IiAgIHZlcnNpb249IjEuMSIgICBoZWlnaHQ9IjUwMCIgICB3aWR0aD0iNTAwIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTAiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzOCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTpjeT0iMjUwIiAgICAgaW5rc2NhcGU6Y3g9IjI1MS4wNDYwMyIgICAgIGlua3NjYXBlOnpvb209IjEuOTEyIiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzgyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPiAgPGNpcmNsZSAgICAgc3R5bGU9ImZpbGw6IzJlMzQ0MDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzJlMzQ0MDtzdHJva2Utb3BhY2l0eTowIiAgICAgaWQ9ImNpcmNsZTIiICAgICBzdHJva2Utd2lkdGg9IjgiICAgICBzdHJva2U9IiMwMDAiICAgICBmaWxsPSIjZmZmIiAgICAgcj0iMjEwIiAgICAgY3k9IjI1MCIgICAgIGN4PSIyNTAiIC8+PC9zdmc+); + background-position: center; + background-repeat: no-repeat; + background-size: 50%; + fill: #2e3440; +} +.content input[type="radio"]:focus + label::before, +.content input[type="radio"]:hover + label::before{ + border-radius: 50%; + box-shadow: 0 0 8px var(--accent); +} +.content input[type="radio"] { + position: absolute; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); +} +.create-notice button[type=submit] { + background: var(--bg1); + padding: 0.3em 1em; + color: var(--fg); + border-style: solid; + border-color: var(--accent); + border-radius: var(--small-size); + border-width: 2px; + font-family: 'Montserrat', sans-serif; + font-size: var(--small-size); + font-weight: 700; +} +.create-notice button[type=submit]:focus, +.create-notice button[type=submit]:hover { + border-radius: var(--small-size); + box-shadow: 0 0 8px var(--accent); +} + +.avatar { + border-radius: 50%; +} diff --git a/public/assets/css/base_small.css b/public/assets/css/base_small.css new file mode 100644 index 0000000000..42fbdb6b32 --- /dev/null +++ b/public/assets/css/base_small.css @@ -0,0 +1,258 @@ +:root { + /* fonts */ + --main-font: 'Montserrat', sans-serif; + --main-font: 'Open Sans', sans-serif; + + /* font and margin sizes */ + --main-size: 1.2em; + --medium-size: 0.7em; + --small-size: 0.65em; + --unit-size: 1em; + --side-margin: 2em; + --nav-size: 100%; + + /* colours and shadows */ + --fg: #eceff4; + --accent: #81a1c1; + --bg1: #2e3440; + --bg2: #3b4252; + --bg3: #434c5e; + --bg4: #4c566a; + --bg5: #d8dee9; + --shadow: 0px 0px 40px 0px rgba(46,52,64,0.95); +} + +/* DEFAULTS */ +body, +html { + background: var(--bg1); + background-attachment: fixed; + background-size: cover; + color: var(--fg); + font-family: var(--main-font); + font-size: var(--main-size); + margin: 0; + padding: 0; +} + +ul { + text-decoration: none; + margin: 0; + padding: 0; + list-style: none; +} + +li { + margin: 0; + padding: 0; +} + +a:link { + text-decoration: none; + outline: 0; + color: var(--fg); + margin: 0; + padding: 0; +} +a:visited { + outline: 0; + color: var(--fg); + margin: 0; + padding: 0; +} +a:hover { + color: var(--fg); + transition: all 0.8s ease; +} +a:focus { + color: var(--fg); + transition: all 0.8s ease; +} + +b { + font-family: var(--main-font); + font-weight: 800; +} + +/* HEADER */ +#header { + position: fixed; + top: 0; + left: 0; + right: 0; + background-color: var(--accent); + padding: var(--main-size); + height: var(--main-size); +} + +#top { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + width: 100%; +} + +.icon-menu { + position: relative; + display: flex; + align-items: center; + width: var(--unit-size); + height: var(--unit-size); + cursor: pointer; + transition: all .5s ease-in-out; +} +.icon-menu label { + width: var(--unit-size); + height: 3px; + border-radius: 3px; + background: var(--bg1); + transition: all .5s ease-in-out; +} +.icon-menu label::before, +.icon-menu label::after { + content: ''; + position: absolute; + width: var(--unit-size); + height: 3px; + border-radius: 3px; + background: var(--bg1); + transition: all .5s ease-in-out; +} +.icon-menu label::before { + transform: translateY(-6px); +} +.icon-menu label::after { + transform: translateY(6px); +} +#toggle:checked+div label{ + width: 0; +} +#toggle:checked+div label::before { + transform: rotate(45deg); +} +#toggle:checked+div label::after { + transform: rotate(-45deg); +} + +#instance { + order: 2; +} + +#instance b { + margin: 0; + padding: 0; + vertical-align: middle; + margin-left: calc(0.2 * var(--unit-size)); + color: var(--bg1); +} + +.icon-logo { + margin: 0; + padding: 0; + display: inline-block; + width: var(--unit-size); + height: var(--unit-size); + stroke-width: 0; + stroke: currentColor; + fill: var(--bg1); + vertical-align: middle; +} + +#left-panel { + order: 1; +} + +/* left panel z-index fix */ +.form { + position: relative; + z-index: 0; +} +#header { + z-index: 1; +} + +/* styling radio buttons and checkboxes */ +.content input[type="checkbox"] + label::before { + content: ''; + position: relative; + display: inline-block; + margin-right: 5px; + width: var(--unit-size); + height: var(--unit-size); + background: var(--fg); + border-radius: 10% +} +.content input[type="checkbox"]:checked + label::before { + background: var(--accent); + border-radius: 10%; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIzMiIgICBoZWlnaHQ9IjMyIiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIgICBpZD0ic3ZnNiIgICBzb2RpcG9kaTpkb2NuYW1lPSJjaGVja21hcmsuc3ZnIiAgIGlua3NjYXBlOnZlcnNpb249IjEuMCAoNDAzNWE0ZmI0OSwgMjAyMC0wNS0wMSkiPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGExMiI+ICAgIDxyZGY6UkRGPiAgICAgIDxjYzpXb3JrICAgICAgICAgcmRmOmFib3V0PSIiPiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgICAgICA8ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz4gICAgICA8L2NjOldvcms+ICAgIDwvcmRmOlJERj4gIDwvbWV0YWRhdGE+ICA8ZGVmcyAgICAgaWQ9ImRlZnMxMCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMTM4MiIgICAgIGlkPSJuYW1lZHZpZXc4IiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaW5rc2NhcGU6em9vbT0iMjkuODc1IiAgICAgaW5rc2NhcGU6Y3g9IjE2LjA2Njk0NiIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOndpbmRvdy14PSIwIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmNoZWNrbWFyazwvdGl0bGU+ICA8cGF0aCAgICAgZD0iTTI3IDRsLTE1IDE1LTctNy01IDUgMTIgMTIgMjAtMjB6IiAgICAgaWQ9InBhdGg0IiAgICAgc3R5bGU9ImZpbGw6IzJlMzQ0MDtmaWxsLW9wYWNpdHk6MSIgLz48L3N2Zz4=); + background-position: center; + background-repeat: no-repeat; + background-size: 80%; +} +.content input[type="checkbox"]:focus + label::before, +.content input[type="checkbox"]:hover + label::before{ + border-radius: 10%; + box-shadow: 0 0 8px var(--accent); +} +.content input[type="checkbox"] { + height: 1px; + width: 1px; + overflow: hidden; +} + + +.content input[type="radio"] + label::before { + content: ''; + position: relative; + display: inline-block; + margin-right: 5px; + width: var(--unit-size); + height: var(--unit-size); + background: var(--fg); + border-radius: 50% +} +.content input[type="radio"]:checked + label::before { + background: var(--accent); + border-radius: 50%; + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJjaXJjbGUuc3ZnIiAgIGlkPSJzdmc0IiAgIHZlcnNpb249IjEuMSIgICBoZWlnaHQ9IjUwMCIgICB3aWR0aD0iNTAwIj4gIDxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMTAiPiAgICA8cmRmOlJERj4gICAgICA8Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj4gICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2Uvc3ZnK3htbDwvZGM6Zm9ybWF0PiAgICAgICAgPGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzOCIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzQiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTpjeT0iMjUwIiAgICAgaW5rc2NhcGU6Y3g9IjI1MS4wNDYwMyIgICAgIGlua3NjYXBlOnpvb209IjEuOTEyIiAgICAgc2hvd2dyaWQ9ImZhbHNlIiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzgyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPiAgPGNpcmNsZSAgICAgc3R5bGU9ImZpbGw6IzJlMzQ0MDtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzJlMzQ0MDtzdHJva2Utb3BhY2l0eTowIiAgICAgaWQ9ImNpcmNsZTIiICAgICBzdHJva2Utd2lkdGg9IjgiICAgICBzdHJva2U9IiMwMDAiICAgICBmaWxsPSIjZmZmIiAgICAgcj0iMjEwIiAgICAgY3k9IjI1MCIgICAgIGN4PSIyNTAiIC8+PC9zdmc+); + background-position: center; + background-repeat: no-repeat; + background-size: 50%; + fill: #2e3440; +} +.content input[type="radio"]:focus + label::before, +.content input[type="radio"]:hover + label::before{ + border-radius: 50%; + box-shadow: 0 0 8px var(--accent); +} +.content input[type="radio"] { + position: absolute; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); +} +.create-notice button[type=submit] { + background: var(--bg1); + padding: 0.6em 1.3em; + color: var(--fg); + border-style: solid; + border-color: var(--accent); + border-radius: var(--unit-size); + border-width: 2px; + font-family: 'Montserrat', sans-serif; + font-size: var(--small-size); + font-weight: 700; +} +.create-notice button[type=submit]:focus, +.create-notice button[type=submit]:hover { + border-radius: var(--small-size); + box-shadow: 0 0 8px var(--accent); +} + +.avatar { + border-radius: 50%; +} diff --git a/public/assets/css/left/left.css b/public/assets/css/left/left.css index 0db639d077..dac0245154 100644 --- a/public/assets/css/left/left.css +++ b/public/assets/css/left/left.css @@ -1,116 +1,26 @@ -.icon-left { - position: fixed; - top: 0; - left: 0; - padding: calc(3 * var(--unit-size)); - - width: var(--main-size); - height: auto; - - fill: var(--white); - stroke-width: 0; - vertical-align: middle; +/* CHECKBOX TRICK */ +.icon-menu label { + opacity: 0; + cursor: pointer } - -.icon-avatar { - width: var(--main-size); - height: auto; +#toggle { + position: absolute; + z-index: 2; + cursor: pointer; + opacity: 0; +} +#toggle:checked+.navbar { + display: block; + left: 0; + top: 0; + transition: 0.3s ease; } #left-panel { - top: inherit; - left: 0; -} + display: flex; + flex-direction: column; + position: fixed; -/* PROFILE */ -.profile-nav { - display: flex; - flex-direction: column; - font-family: var(--display-font); -} - -.profile-nav nav { - margin-bottom: var(--main-size); - display: flex; - flex-direction: column; -} - -.profile { - margin-bottom: var(--main-size); - - background-image: radial-gradient(ellipse at 10% 10%, var(--bg3), var(--accent-blue)), - url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAACUkpSEhoSMioyMjoyEgoRr6djFAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAU1JREFUKJEVUcl1xTAIpAVLSgECXIAYUoCAX0Bi919LlCPLm5ValiOUUe2+ZRVFuYpKXFsUX9aIp0V6GtC8VRhNL0X2fikvswhKrNDhes7pbpPkufFAtI0B76LEjfc2bgdHDk6RX4A/sjt6LCylfoYpNYYJx/9COhIugsjluzN9VGZ/Hnl51jIH2ba+Ywsy2RJCFdoDe8Obw61TXGAv+ewExMRJs7gd7YcimPuk42uMqY2VJ1fK+bDL32rb7kwok/la/u7Mrz7Xf0DTssSP2Btp1ZS0zw35tM/SsJKgWNLcRh+/th1QqntwtM3Tx0LNosoBYbM3qjJFiMeLsMH2i5BcQdU3n9sJHOE1Hoqn1GA/bm4s0YkVB/y4r0PbltF32FpljXmdlOOwbDvFWkoDYLppSG4pnM6UxX3Src1lhXeU36FOu3o+R2vNaHME/wESUl9/3zMniwAAAABJRU5ErkJggg==); - background-blend-mode: multiply; - border-radius: var(--unit-size); - - padding: var(--unit-size); - box-sizing: border-box; -} - -#profile-links { - width: 100%; - height: auto; - display: flex; - align-items: center; - box-sizing: border-box; - margin-bottom: var(--unit-size); -} - -#user-avatar { - box-sizing: border-box; - max-width: 50%; - margin-right: var(--unit-size); -} - -#user-avatar img { - border-radius: 50%; - width: calc(3 * var(--main-size)); - height: auto; -} - -#user-avatar:hover img, -#user-avatar:focus img { - border-radius: 50% !important; - box-shadow: var(--shadow-light) !important; -} - -#user-info { - display: flex; - flex-direction: column; -} - -#user-tags { - font-family: var(--main-font); - font-size: var(--medium-size); -} - -.footer { - font-size: var(--small-size); - margin-top: auto; -} - -/* TIMELINE NAVIGATION / PLUGINS */ -.timeline-nav, -.timeline-nav h1 { - display: flex; - flex-direction: column; -} - -.timeline-nav a { - color: var(--white); -} - -.timeline-nav .active { - color: var(--white); -} - -.main-nav a { - display: flex; - flex-direction: column; -} - -.sec-nav { - font-size: var(--medium-size); - display: flex; - flex-direction: column; + left: 0; + flex-basis: border-box; } \ No newline at end of file diff --git a/public/assets/css/network/public.css b/public/assets/css/network/public.css index e69de29bb2..29445d2db9 100644 --- a/public/assets/css/network/public.css +++ b/public/assets/css/network/public.css @@ -0,0 +1,356 @@ +.content { + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; +} +.content .main { + width: calc(5 * var(--unit-size-w)); + margin-top: var(--unit-size-h); + + background-image: + linear-gradient( + 135deg, + var(--bg2) 0%, + var(--bg4) 100% + ), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); + background-blend-mode: exclusion; + border-radius: 1rem; + padding: var(--small-size); +} + +.main-nav { + order: 1; + + display: flex; + flex-wrap: wrap; + flex: 1; + justify-content: space-evenly; + font-size: var(--medium-size); +} + +.main-nav ul { + display: flex; + align-items: stretch; + justify-content: space-evenly; + text-align: center; + + width: 100%; +} +.main-nav li { + display: inline-flex; + list-style-type: none; + font-family: var(--main-font); +} + +.active { + color: var(--fg) !important; +} + +.main-nav a { + font-family: var(--main-font); + font-size: var(--medium-size); + font-weight: 900; + color: var(--accent); +} + +.main-nav a:hover { + color: var(--fg); + transition: all 0.8s ease; +} + +/* notices */ +.notes { + display: flex; + flex-wrap: wrap; +} + +.notes-wrap { + display: flex; + flex-wrap: wrap; + font-size: var(--medium-size); +} +.notes-wrap .timeline { + order: 3; + width: 100%; +} +.notes-wrap .timeline .notes > div { + width: 100%; +} +.notes-wrap .timeline .notes > div:last-child { +} +.notes-wrap .main-nav { + width: 100%; + font-size: var(--unit-size); + border-radius: 0; +} + +.note { + display: flex; + flex-wrap: wrap; + box-shadow: var(--shadow); +} +.note > .replies > .note { + border: none; +} +.notes > h1 { +} +.note-info { + order: 1; + background-color: var(--bg1); + box-sizing: border-box; + display: flex; + align-items: center; + flex-grow: 1; + flex-shrink: 0; + width: 50%; +} +.note-info a img { + width: var(--unit-size); + height: auto; +} + +.note-content { + order: 3; + word-break: break-word; + padding: var(--small-size); + width: 100%; +} +.note-attachments { + display: flex; + flex-wrap: wrap; + width: 100%; + margin-top: var(--small-size); + justify-content: center; + text-align: center; +} + +.note-attachments img { + order: 1; + max-width: 100%; + height: auto; +} +.note-attachments i { + order: 2; + width: 100%; + margin-top: var(--small-size); + color: var(--accent); +} + +.note-actions { + order: 2; + width: 50%; + justify-content: flex-end; + background-color: var(--bg1); + box-sizing: border-box; + display: flex; + align-items: center; + flex-grow: 1; + flex-shrink: 0; +} +.note-actions a { + height: var(--main-size); +} +.note-actions a svg { + width: var(--main-size); + height: var(--main-size); + filter: invert(91%) sepia(3%) saturate(350%) hue-rotate(162deg) brightness(106%) contrast(92%); + stroke: none; +} +#reply div, +#repeat div, +#favourite div { + width: var(--main-size); + height: var(--main-size); + display: flex; +} +#repeat_repeat, +#reply_reply, +#favourite_favourite { + cursor: pointer; + border: none !important; + background-color: transparent; + background-size: 100%; + background-repeat: no-repeat; + width: 100%; + height: 100%; +} +#repeat_repeat { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJyZWN5Y2xlLnN2ZyIgICBpZD0ic3ZnMTAiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE2Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczE0IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTAiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTpjeT0iMTYiICAgICBpbmtzY2FwZTpjeD0iMTYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3MTIiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzgyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPiAgPHRpdGxlICAgICBpZD0idGl0bGUyIj5yZWN5Y2xlPC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojZWNlZmY0O2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjkzIDIyLjYyN2MwLjkxNC0wLjU0NyAxLjkzMS0wLjI0NyAyLjMyNSAwLjc2MmwwLjU0NCAxLjY5NyA2LjA0MSAwLjA4N2MxLjU2NiAwLjAzNCAyLjU2NS0xLjY3NiAxLjc2NS0zLjAyMmwtMS42NjEtMi43OTNjLTAuMjEyLTAuMzU2LTAuODY4LTEuMDkyLTAuMDk0LTEuNTUzbDIuMTQ5LTEuMjc4YzAuNzQtMC40NCAxLjE3MiAwLjQzIDEuMzgzIDAuNzg2bDEuNjU4IDIuNzg3YzIuNDA3IDQuMDQ3LTAuNTg1IDkuMTY5LTUuMjg5IDkuMDY2bC02LjA3NSAwLjMzNy0wLjY5MSAxLjU2OGMtMC40NTUgMC43NjQtMS4xMDYgMS4wNDctMi4yNDUgMC41MWwtNC42MjctMy43NzNjLTAuMzgyLTAuMzk5LTAuMzgyLTEuMzQ5IDAuMDE3LTEuNzN6IiAvPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNlY2VmZjQ7ZmlsbC1vcGFjaXR5OjEiICAgICBpZD0icGF0aDYiICAgICBkPSJNMTkuOTk4IDE0LjA1NGMtMC45MzUtMC41MTEtMS4xOTEtMS41NC0wLjUyLTIuMzkxbDEuMTg3LTEuMzI4LTIuOTg0LTUuMjUzYy0wLjc2My0xLjM2OC0yLjc0NC0xLjM2My0zLjQ5OSAwLjAwOWwtMS41NjcgMi44NDZjLTAuMiAwLjM2My0wLjUwMiAxLjMwMi0xLjI5MSAwLjg2N2wtMi4xOS0xLjIwNmMtMC43NTUtMC40MTUtMC4yMjMtMS4yMjgtMC4wMjMtMS41OTFsMS41NjQtMi44NDFjMi4yNzEtNC4xMjUgOC4yMDMtNC4xMzkgMTAuNDk2LTAuMDMwbDMuMzY3IDUuMDY4IDEuNzAyLTAuMTk4YzAuODg5IDAuMDA1IDEuNDYzIDAuNDIzIDEuNTc3IDEuNjc4bC0wLjkxIDUuOWMtMC4xNTEgMC41MzEtMC45NjkgMS4wMTItMS41MDEgMC44NjJ6IiAvPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNlY2VmZjQ7ZmlsbC1vcGFjaXR5OjEiICAgICBpZD0icGF0aDgiICAgICBkPSJNMTAuOTcgMTUuNjAyYzAuMDA1IDEuMDY1LTAuNzcxIDEuNzg3LTEuODQgMS42MTJsLTEuNzM3LTAuMzk2LTMuMTUzIDUuMTU0Yy0wLjgyOCAxLjMzIDAuMTM1IDMuMDYxIDEuNzAxIDMuMDU4bDMuMjQ5LTAuMDA2YzAuNDE0LTAuMDAxIDEuMzgyLTAuMTkxIDEuMzg0IDAuNzFsMC4wMDUgMi41YzAuMDAyIDAuODYxLTAuOTY3IDAuNzg5LTEuMzgxIDAuNzlsLTMuMjQzIDAuMDA2Yy00LjcwOCAwLjAwOS03LjU5MS01LjE3Ni01LjEwNi05LjE3bDIuODA1LTUuMzk5LTAuOTk3LTEuMzkzYy0wLjQyNi0wLjc4LTAuMzM3LTEuNDg1IDAuNzA1LTIuMTkybDUuNjA0LTIuMDU5YzAuNTM4LTAuMTI1IDEuMzU1IDAuMzU4IDEuNDggMC44OTZ6IiAvPjwvc3ZnPg==); +} +#favourite_favourite { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJoZWFydC5zdmciICAgaWQ9InN2ZzYiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczEwIiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMzAiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOmN4PSIxNi4wNjY5NDYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3OCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEzODIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI1NjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmhlYXJ0PC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojZWNlZmY0O2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjAyMCA3LjcxOWMwIDAgMC0wLjAwMyAwLTAuMDEwczAtMC4wMTcgMC4wMDEtMC4wMzBjMC4wMDEtMC4wMTMgMC4wMDEtMC4wMzAgMC4wMDMtMC4wNTBzMC4wMDMtMC4wNDMgMC4wMDUtMC4wNjljMC4wMDItMC4wMjYgMC4wMDUtMC4wNTYgMC4wMDktMC4wODhzMC4wMDgtMC4wNjggMC4wMTMtMC4xMDdjMC4wMDUtMC4wMzkgMC4wMTEtMC4wODAgMC4wMTgtMC4xMjVzMC4wMTUtMC4wOTIgMC4wMjQtMC4xNDNjMC4wMDktMC4wNTAgMC4wMjAtMC4xMDQgMC4wMzEtMC4xNTlzMC4wMjQtMC4xMTQgMC4wMzktMC4xNzVjMC4wMTQtMC4wNjEgMC4wMzAtMC4xMjQgMC4wNDctMC4xOXMwLjAzNi0wLjEzNCAwLjA1Ni0wLjIwNGMwLjAyMC0wLjA3MCAwLjA0Mi0wLjE0MyAwLjA2NS0wLjIxN3MwLjA0OS0wLjE1MSAwLjA3Ni0wLjIyOWMwLjAyNy0wLjA3OCAwLjA1Ni0wLjE1OCAwLjA4Ni0wLjI0czAuMDYzLTAuMTY1IDAuMDk3LTAuMjQ5YzAuMDM0LTAuMDg0IDAuMDcxLTAuMTcgMC4xMDktMC4yNTdzMC4wNzktMC4xNzUgMC4xMjEtMC4yNjRjMC4wNDItMC4wODkgMC4wODctMC4xNzkgMC4xMzQtMC4yNjlzMC4wOTUtMC4xODEgMC4xNDYtMC4yNzNjMC4wNTEtMC4wOTEgMC4xMDQtMC4xODMgMC4xNTktMC4yNzZzMC4xMTMtMC4xODQgMC4xNzItMC4yNzdjMC4wNjAtMC4wOTIgMC4xMjEtMC4xODQgMC4xODUtMC4yNzZzMC4xMy0wLjE4MyAwLjE5OS0wLjI3NWMwLjA2OC0wLjA5MSAwLjEzOS0wLjE4MiAwLjIxMi0wLjI3MXMwLjE0OC0wLjE3OSAwLjIyNS0wLjI2N2MwLjA3Ny0wLjA4OCAwLjE1Ny0wLjE3NSAwLjIzOC0wLjI2MXMwLjE2NS0wLjE3IDAuMjUxLTAuMjUzYzAuMDg2LTAuMDgzIDAuMTc0LTAuMTY1IDAuMjY0LTAuMjQ1czAuMTgyLTAuMTU4IDAuMjc2LTAuMjM0YzAuMDk0LTAuMDc2IDAuMTktMC4xNTEgMC4yODgtMC4yMjNzMC4xOTgtMC4xNDMgMC4yOTktMC4yMTFjMC4xMDItMC4wNjggMC4yMDUtMC4xMzQgMC4zMS0wLjE5N3MwLjIxMi0wLjEyNCAwLjMyMS0wLjE4M2MwLjEwOS0wLjA1OCAwLjIxOS0wLjExNCAwLjMzMS0wLjE2N3MwLjIyNS0wLjEwMyAwLjM0LTAuMTVjMC4xMTUtMC4wNDcgMC4yMzEtMC4wOTIgMC4zNDgtMC4xMzNzMC4yMzYtMC4wODAgMC4zNTYtMC4xMTUgMC4yNDEtMC4wNjcgMC4zNjMtMC4wOTZjMC4xMjItMC4wMjkgMC4yNDUtMC4wNTQgMC4zNjktMC4wNzZzMC4yNDktMC4wNDEgMC4zNzQtMC4wNTZjMC4xMjYtMC4wMTUgMC4yNTItMC4wMjcgMC4zNzktMC4wMzZzMC4yNTQtMC4wMTMgMC4zODItMC4wMTVjMC4xMjgtMC4wMDEgMC4yNTYgMC4wMDEgMC4zODUgMC4wMDZzMC4yNTcgMC4wMTUgMC4zODYgMC4wMjdjMC4xMjkgMC4wMTMgMC4yNTggMC4wMjkgMC4zODcgMC4wNDlzMC4yNTggMC4wNDMgMC4zODYgMC4wNzBjMC4xMjggMC4wMjcgMC4yNTcgMC4wNTggMC4zODQgMC4wOTFzMC4yNTUgMC4wNzIgMC4zODIgMC4xMTNjMC4xMjcgMC4wNDEgMC4yNTMgMC4wODYgMC4zNzggMC4xMzRzMC4yNSAwLjA5OSAwLjM3MyAwLjE1NGMwLjEyNCAwLjA1NSAwLjI0NiAwLjExMyAwLjM2OCAwLjE3NXMwLjI0MiAwLjEyNiAwLjM2MSAwLjE5NCAwLjIzNyAwLjEzOSAwLjM1MyAwLjIxNGMwLjExNiAwLjA3NCAwLjIzMSAwLjE1MiAwLjM0NCAwLjIzMnMwLjIyNCAwLjE2NCAwLjMzNCAwLjI1MSAwLjIxNyAwLjE3NiAwLjMyMyAwLjI2OGMwLjEwNiAwLjA5MiAwLjIxIDAuMTg3IDAuMzExIDAuMjg1czAuMjAxIDAuMTk4IDAuMjk5IDAuMzAxYzAuMDk3IDAuMTAzIDAuMTkyIDAuMjA4IDAuMjg1IDAuMzE2czAuMTgzIDAuMjE4IDAuMjcgMC4zM2MwLjA4OCAwLjExMiAwLjE3MyAwLjIyNyAwLjI1NSAwLjM0NHMwLjE2MiAwLjIzNiAwLjIzOSAwLjM1N2MwLjA3NyAwLjEyMSAwLjE1MSAwLjI0NCAwLjIyMiAwLjM2OHMwLjE0IDAuMjUxIDAuMjA1IDAuMzc5YzAuMDY1IDAuMTI4IDAuMTI4IDAuMjU4IDAuMTg3IDAuMzg5czAuMTE1IDAuMjY0IDAuMTY4IDAuMzk4YzAuMDUzIDAuMTM0IDAuMTAyIDAuMjcgMC4xNDkgMC40MDZzMC4wOTAgMC4yNzUgMC4xMjkgMC40MTRjMC4wNDAgMC4xMzkgMC4wNzYgMC4yNzkgMC4xMDkgMC40MnMwLjA2MyAwLjI4MyAwLjA4OSAwLjQyNmMwLjAyNiAwLjE0MyAwLjA0OSAwLjI4NiAwLjA2OCAwLjQzczAuMDM1IDAuMjg5IDAuMDQ3IDAuNDM0YzAuMDEyIDAuMTQ1IDAuMDIxIDAuMjkxIDAuMDI2IDAuNDM4czAuMDA3IDAuMjkzIDAuMDA1IDAuNDRjLTAuMDAyIDAuMTQ3LTAuMDA3IDAuMjk0LTAuMDE2IDAuNDQycy0wLjAyMSAwLjI5NS0wLjAzNyAwLjQ0M2MtMC4wMTYgMC4xNDgtMC4wMzUgMC4yOTYtMC4wNTggMC40NDRzLTAuMDQ5IDAuMjk2LTAuMDc5IDAuNDQzYy0wLjAzMCAwLjE0OC0wLjA2MyAwLjI5NS0wLjA5OSAwLjQ0M3MtMC4wNzYgMC4yOTUtMC4xMTkgMC40NDJjLTAuMDQzIDAuMTQ3LTAuMDkwIDAuMjk0LTAuMTM5IDAuNDRzLTAuMTAyIDAuMjkzLTAuMTU5IDAuNDM4Yy0wLjA1NiAwLjE0Ni0wLjExNSAwLjI5MS0wLjE3NyAwLjQzNnMtMC4xMjggMC4yODktMC4xOTYgMC40MzQtMC4xNCAwLjI4OC0wLjIxNCAwLjQzMWMtMC4wNzQgMC4xNDMtMC4xNTEgMC4yODYtMC4yMzEgMC40MjhzLTAuMTYyIDAuMjgzLTAuMjQ3IDAuNDI0Yy0wLjA4NSAwLjE0MS0wLjE3MyAwLjI4MS0wLjI2MyAwLjQyMXMtMC4xODMgMC4yNzktMC4yNzggMC40MTdjLTAuMDk1IDAuMTM5LTAuMTkyIDAuMjc2LTAuMjkyIDAuNDE0cy0wLjIwMSAwLjI3NC0wLjMwNSAwLjQxLTAuMjEgMC4yNzItMC4zMTcgMC40MDZjLTAuMTA4IDAuMTM1LTAuMjE3IDAuMjY5LTAuMzI5IDAuNDAzcy0wLjIyNCAwLjI2Ny0wLjMzOSAwLjM5OWMtMC4xMTUgMC4xMzItMC4yMzEgMC4yNjQtMC4zNDkgMC4zOTZzLTAuMjM3IDAuMjYyLTAuMzU3IDAuMzkyYy0wLjEyIDAuMTMtMC4yNDIgMC4yNi0wLjM2NCAwLjM4OXMtMC4yNDYgMC4yNTctMC4zNzEgMC4zODUtMC4yNSAwLjI1NS0wLjM3NiAwLjM4MmMtMC4xMjYgMC4xMjctMC4yNTMgMC4yNTMtMC4zOCAwLjM3OXMtMC4yNTUgMC4yNTEtMC4zODMgMC4zNzYtMC4yNTcgMC4yNDktMC4zODUgMC4zNzMtMC4yNTggMC4yNDctMC4zODYgMC4zN2MtMC4xMjkgMC4xMjMtMC4yNTggMC4yNDUtMC4zODYgMC4zNjdzLTAuMjU3IDAuMjQ0LTAuMzg2IDAuMzY1Yy0wLjEyOCAwLjEyMS0wLjI1NiAwLjI0Mi0wLjM4NCAwLjM2MnMtMC4yNTQgMC4yNC0wLjM4MSAwLjM1OWMtMC4xMjYgMC4xMTktMC4yNTIgMC4yMzgtMC4zNzcgMC4zNTdzLTAuMjQ5IDAuMjM2LTAuMzcyIDAuMzU0Yy0wLjEyMyAwLjExOC0wLjI0NSAwLjIzNS0wLjM2NiAwLjM1MXMtMC4yNDEgMC4yMzMtMC4zNiAwLjM0OWMtMC4xMTkgMC4xMTYtMC4yMzYgMC4yMzEtMC4zNTIgMC4zNDZzLTAuMjMxIDAuMjI5LTAuMzQ0IDAuMzQzYy0wLjExMyAwLjExNC0wLjIyNSAwLjIyNy0wLjMzNSAwLjM0cy0wLjIxOSAwLjIyNS0wLjMyNiAwLjMzNi0wLjIxMiAwLjIyMi0wLjMxNiAwLjMzM2MtMC4xMDMgMC4xMS0wLjIwNSAwLjIyLTAuMzA1IDAuMzI5cy0wLjE5OCAwLjIxNy0wLjI5NCAwLjMyNWMtMC4wOTYgMC4xMDgtMC4xOSAwLjIxNC0wLjI4MiAwLjMycy0wLjE4MiAwLjIxMS0wLjI3IDAuMzE2LTAuMTc0IDAuMjA4LTAuMjU3IDAuMzExYy0wLjA4NCAwLjEwMy0wLjE2NSAwLjIwNC0wLjI0NSAwLjMwNXMtMC4xNTcgMC4yMDEtMC4yMzIgMC4zYy0wLjA3NSAwLjA5OS0wLjE0OCAwLjE5Ny0wLjIxOSAwLjI5M3MtMC4xMzkgMC4xOTItMC4yMDUgMC4yODctMC4xMyAwLjE4OC0wLjE5MiAwLjI4Yy0wLjA2MiAwLjA5Mi0wLjEyMSAwLjE4My0wLjE3OSAwLjI3MnMtMC4xMTMgMC4xNzctMC4xNjYgMC4yNjRjLTAuMDUzIDAuMDg3LTAuMTA0IDAuMTcyLTAuMTUzIDAuMjU1cy0wLjA5NSAwLjE2Ni0wLjE0IDAuMjQ2LTAuMDg3IDAuMTYtMC4xMjcgMC4yMzdjLTAuMDQwIDAuMDc3LTAuMDc5IDAuMTUzLTAuMTE1IDAuMjI3cy0wLjA3MSAwLjE0Ni0wLjEwMyAwLjIxN2MtMC4wMzIgMC4wNzAtMC4wNjMgMC4xMzktMC4wOTIgMC4yMDZzLTAuMDU2IDAuMTMxLTAuMDgxIDAuMTk0Yy0wLjAyNSAwLjA2My0wLjA0OSAwLjEyNC0wLjA3MCAwLjE4M3MtMC4wNDIgMC4xMTYtMC4wNjEgMC4xN2MtMC4wMTkgMC4wNTUtMC4wMzYgMC4xMDctMC4wNTEgMC4xNThzLTAuMDMwIDAuMDk5LTAuMDQzIDAuMTQ1LTAuMDI0IDAuMDkwLTAuMDM1IDAuMTMxYy0wLjAxMCAwLjA0MS0wLjAyMCAwLjA4MS0wLjAyOCAwLjExN3MtMC4wMTUgMC4wNzEtMC4wMjEgMC4xMDRjLTAuMDA2IDAuMDMyLTAuMDExIDAuMDYyLTAuMDE2IDAuMDg5cy0wLjAwOCAwLjA1Mi0wLjAxMSAwLjA3NWMtMC4wMDMgMC4wMjMtMC4wMDUgMC4wNDMtMC4wMDcgMC4wNjBzLTAuMDAzIDAuMDMzLTAuMDA0IDAuMDQ1Yy0wLjAwMSAwLjAxMy0wLjAwMSAwLjAyMy0wLjAwMiAwLjAzMHMtMCAwLjAxMy0wIDAuMDE1IDAgMC4wMDMgMCAwLTAtMC4wMDgtMC0wLjAxNS0wLjAwMS0wLjAxOC0wLjAwMi0wLjAzMGMtMC4wMDEtMC4wMTMtMC4wMDItMC4wMjgtMC4wMDQtMC4wNDVzLTAuMDA0LTAuMDM3LTAuMDA3LTAuMDYwYy0wLjAwMy0wLjAyMi0wLjAwNy0wLjA0Ny0wLjAxMS0wLjA3NXMtMC4wMTAtMC4wNTctMC4wMTYtMC4wODljLTAuMDA2LTAuMDMyLTAuMDEzLTAuMDY3LTAuMDIxLTAuMTA0cy0wLjAxNy0wLjA3Ni0wLjAyOC0wLjExN2MtMC4wMTAtMC4wNDEtMC4wMjItMC4wODUtMC4wMzUtMC4xMzFzLTAuMDI3LTAuMDk0LTAuMDQzLTAuMTQ1Yy0wLjAxNi0wLjA1MC0wLjAzMy0wLjEwMy0wLjA1MS0wLjE1OHMtMC4wMzktMC4xMTEtMC4wNjEtMC4xN2MtMC4wMjItMC4wNTktMC4wNDUtMC4xMi0wLjA3MC0wLjE4M3MtMC4wNTItMC4xMjgtMC4wODEtMC4xOTRjLTAuMDI5LTAuMDY3LTAuMDU5LTAuMTM1LTAuMDkyLTAuMjA2cy0wLjA2Ny0wLjE0My0wLjEwMy0wLjIxN2MtMC4wMzYtMC4wNzQtMC4wNzUtMC4xNS0wLjExNS0wLjIyN3MtMC4wODMtMC4xNTYtMC4xMjctMC4yMzctMC4wOTEtMC4xNjMtMC4xNC0wLjI0NmMtMC4wNDktMC4wODQtMC4xLTAuMTY5LTAuMTUzLTAuMjU1cy0wLjEwOC0wLjE3NS0wLjE2Ni0wLjI2NGMtMC4wNTctMC4wODktMC4xMTctMC4xOC0wLjE3OS0wLjI3MnMtMC4xMjYtMC4xODUtMC4xOTItMC4yOGMtMC4wNjYtMC4wOTQtMC4xMzUtMC4xOS0wLjIwNS0wLjI4N3MtMC4xNDQtMC4xOTUtMC4yMTktMC4yOTNjLTAuMDc1LTAuMDk5LTAuMTUyLTAuMTk5LTAuMjMyLTAuM3MtMC4xNjEtMC4yMDMtMC4yNDUtMC4zMDUtMC4xNjktMC4yMDYtMC4yNTctMC4zMTFjLTAuMDg4LTAuMTA0LTAuMTc4LTAuMjEtMC4yNy0wLjMxNnMtMC4xODYtMC4yMTMtMC4yODItMC4zMi0wLjE5NC0wLjIxNi0wLjI5NC0wLjMyNWMtMC4xLTAuMTA5LTAuMjAxLTAuMjE5LTAuMzA1LTAuMzI5cy0wLjIwOS0wLjIyMS0wLjMxNi0wLjMzM2MtMC4xMDctMC4xMTEtMC4yMTYtMC4yMjQtMC4zMjYtMC4zMzZzLTAuMjIyLTAuMjI2LTAuMzM1LTAuMzRjLTAuMTEzLTAuMTE0LTAuMjI4LTAuMjI4LTAuMzQ0LTAuMzQzcy0wLjIzNC0wLjIzLTAuMzUyLTAuMzQ2Yy0wLjExOS0wLjExNi0wLjIzOS0wLjIzMi0wLjM2LTAuMzQ5cy0wLjI0My0wLjIzNC0wLjM2Ni0wLjM1MS0wLjI0Ny0wLjIzNi0wLjM3Mi0wLjM1NGMtMC4xMjUtMC4xMTgtMC4yNS0wLjIzNy0wLjM3Ny0wLjM1N3MtMC4yNTMtMC4yMzktMC4zODEtMC4zNTljLTAuMTI3LTAuMTItMC4yNTUtMC4yNDEtMC4zODMtMC4zNjJzLTAuMjU3LTAuMjQzLTAuMzg2LTAuMzY1Yy0wLjEyOS0wLjEyMi0wLjI1OC0wLjI0NC0wLjM4Ni0wLjM2N3MtMC4yNTgtMC4yNDYtMC4zODYtMC4zN2MtMC4xMjktMC4xMjQtMC4yNTctMC4yNDgtMC4zODUtMC4zNzNzLTAuMjU2LTAuMjUtMC4zODMtMC4zNzZjLTAuMTI3LTAuMTI2LTAuMjU0LTAuMjUyLTAuMzgtMC4zNzlzLTAuMjUxLTAuMjU0LTAuMzc2LTAuMzgyYy0wLjEyNC0wLjEyOC0wLjI0OC0wLjI1Ni0wLjM3MS0wLjM4NXMtMC4yNDQtMC4yNTktMC4zNjQtMC4zODljLTAuMTItMC4xMy0wLjIzOS0wLjI2MS0wLjM1Ny0wLjM5MnMtMC4yMzQtMC4yNjMtMC4zNDktMC4zOTZjLTAuMTE1LTAuMTMyLTAuMjI4LTAuMjY2LTAuMzM5LTAuMzk5cy0wLjIyMS0wLjI2OC0wLjMyOS0wLjQwM2MtMC4xMDgtMC4xMzUtMC4yMTQtMC4yNy0wLjMxNy0wLjQwNnMtMC4yMDYtMC4yNzMtMC4zMDUtMC40MWMtMC4xLTAuMTM3LTAuMTk3LTAuMjc1LTAuMjkyLTAuNDE0cy0wLjE4OC0wLjI3OC0wLjI3OC0wLjQxN2MtMC4wOTAtMC4xNC0wLjE3OC0wLjI4LTAuMjYzLTAuNDIxcy0wLjE2Ny0wLjI4Mi0wLjI0Ny0wLjQyNGMtMC4wODAtMC4xNDItMC4xNTctMC4yODQtMC4yMzEtMC40MjhzLTAuMTQ1LTAuMjg3LTAuMjE0LTAuNDMxYy0wLjA2OC0wLjE0NC0wLjEzNC0wLjI4OS0wLjE5Ni0wLjQzNHMtMC4xMjItMC4yOS0wLjE3Ny0wLjQzNmMtMC4wNTYtMC4xNDYtMC4xMDktMC4yOTItMC4xNTktMC40MzhzLTAuMDk2LTAuMjkzLTAuMTM5LTAuNDRjLTAuMDQzLTAuMTQ3LTAuMDgzLTAuMjk0LTAuMTE5LTAuNDQycy0wLjA2OS0wLjI5NS0wLjA5OS0wLjQ0My0wLjA1Ni0wLjI5Ni0wLjA3OS0wLjQ0M2MtMC4wMjMtMC4xNDgtMC4wNDItMC4yOTYtMC4wNTgtMC40NDRzLTAuMDI4LTAuMjk2LTAuMDM3LTAuNDQzYy0wLjAwOS0wLjE0OC0wLjAxNC0wLjI5NS0wLjAxNi0wLjQ0MnMwLTAuMjk0IDAuMDA1LTAuNDQgMC4wMTQtMC4yOTIgMC4wMjYtMC40MzhjMC4wMTItMC4xNDUgMC4wMjgtMC4yOSAwLjA0Ny0wLjQzNHMwLjA0Mi0wLjI4OCAwLjA2OC0wLjQzIDAuMDU2LTAuMjg1IDAuMDg5LTAuNDI2YzAuMDMzLTAuMTQxIDAuMDY5LTAuMjgxIDAuMTA5LTAuNDJzMC4wODMtMC4yNzcgMC4xMjktMC40MTQgMC4wOTYtMC4yNzIgMC4xNDktMC40MDZjMC4wNTMtMC4xMzQgMC4xMDktMC4yNjcgMC4xNjgtMC4zOThzMC4xMjEtMC4yNjEgMC4xODctMC4zODljMC4wNjUtMC4xMjggMC4xMzQtMC4yNTUgMC4yMDUtMC4zNzlzMC4xNDUtMC4yNDcgMC4yMjItMC4zNjhjMC4wNzctMC4xMjEgMC4xNTctMC4yNCAwLjIzOS0wLjM1N3MwLjE2OC0wLjIzMSAwLjI1NS0wLjM0NGMwLjA4OC0wLjExMiAwLjE3OC0wLjIyMyAwLjI3LTAuMzNzMC4xODgtMC4yMTMgMC4yODUtMC4zMTYgMC4xOTctMC4yMDMgMC4yOTktMC4zMDFjMC4xMDItMC4wOTggMC4yMDYtMC4xOTMgMC4zMTEtMC4yODVzMC4yMTQtMC4xODIgMC4zMjMtMC4yNjggMC4yMjEtMC4xNyAwLjMzNC0wLjI1MWMwLjExMy0wLjA4MSAwLjIyOC0wLjE1OCAwLjM0NC0wLjIzMnMwLjIzNC0wLjE0NiAwLjM1My0wLjIxNCAwLjIzOS0wLjEzMyAwLjM2MS0wLjE5NGMwLjEyMS0wLjA2MiAwLjI0NC0wLjEyIDAuMzY4LTAuMTc1czAuMjQ4LTAuMTA2IDAuMzczLTAuMTU0YzAuMTI1LTAuMDQ4IDAuMjUxLTAuMDkzIDAuMzc4LTAuMTM0czAuMjU0LTAuMDc5IDAuMzgyLTAuMTEzYzAuMTI4LTAuMDM0IDAuMjU2LTAuMDY1IDAuMzg0LTAuMDkxczAuMjU3LTAuMDUwIDAuMzg2LTAuMDcwYzAuMTI5LTAuMDIwIDAuMjU4LTAuMDM2IDAuMzg3LTAuMDQ5czAuMjU4LTAuMDIyIDAuMzg2LTAuMDI3YzAuMTI5LTAuMDA2IDAuMjU3LTAuMDA4IDAuMzg1LTAuMDA2czAuMjU1IDAuMDA3IDAuMzgyIDAuMDE1IDAuMjUzIDAuMDIxIDAuMzc5IDAuMDM2YzAuMTI2IDAuMDE1IDAuMjUgMC4wMzQgMC4zNzQgMC4wNTZzMC4yNDcgMC4wNDggMC4zNjkgMC4wNzZjMC4xMjIgMC4wMjkgMC4yNDMgMC4wNjEgMC4zNjMgMC4wOTZzMC4yMzkgMC4wNzQgMC4zNTYgMC4xMTVjMC4xMTcgMC4wNDEgMC4yMzQgMC4wODYgMC4zNDggMC4xMzNzMC4yMjggMC4wOTggMC4zNCAwLjE1YzAuMTEyIDAuMDUzIDAuMjIyIDAuMTA5IDAuMzMxIDAuMTY3czAuMjE2IDAuMTE5IDAuMzIxIDAuMTgzYzAuMTA1IDAuMDYzIDAuMjA5IDAuMTI5IDAuMzEgMC4xOTdzMC4yMDEgMC4xMzggMC4yOTkgMC4yMTFjMC4wOTggMC4wNzIgMC4xOTQgMC4xNDcgMC4yODggMC4yMjNzMC4xODYgMC4xNTUgMC4yNzYgMC4yMzQgMC4xNzggMC4xNjEgMC4yNjQgMC4yNDVjMC4wODYgMC4wODMgMC4xNjkgMC4xNjcgMC4yNTEgMC4yNTNzMC4xNjEgMC4xNzMgMC4yMzggMC4yNjEgMC4xNTIgMC4xNzcgMC4yMjUgMC4yNjdjMC4wNzMgMC4wOTAgMC4xNDQgMC4xOCAwLjIxMiAwLjI3MXMwLjEzNSAwLjE4MyAwLjE5OSAwLjI3NWMwLjA2NCAwLjA5MiAwLjEyNiAwLjE4NCAwLjE4NSAwLjI3NnMwLjExNyAwLjE4NSAwLjE3MiAwLjI3N2MwLjA1NSAwLjA5MiAwLjEwOCAwLjE4NCAwLjE1OSAwLjI3NnMwLjEgMC4xODMgMC4xNDYgMC4yNzNjMC4wNDcgMC4wOTAgMC4wOTEgMC4xOCAwLjEzNCAwLjI2OXMwLjA4MyAwLjE3NyAwLjEyMSAwLjI2NGMwLjAzOCAwLjA4NyAwLjA3NSAwLjE3MyAwLjEwOSAwLjI1N3MwLjA2NyAwLjE2NyAwLjA5NyAwLjI0OWMwLjAzMSAwLjA4MSAwLjA1OSAwLjE2MSAwLjA4NiAwLjI0czAuMDUyIDAuMTU1IDAuMDc2IDAuMjI5YzAuMDIzIDAuMDc0IDAuMDQ1IDAuMTQ3IDAuMDY1IDAuMjE3czAuMDM5IDAuMTM4IDAuMDU2IDAuMjA0YzAuMDE3IDAuMDY2IDAuMDMzIDAuMTI5IDAuMDQ3IDAuMTlzMC4wMjcgMC4xMTkgMC4wMzkgMC4xNzVjMC4wMTIgMC4wNTYgMC4wMjIgMC4xMDkgMC4wMzEgMC4xNTlzMC4wMTcgMC4wOTggMC4wMjQgMC4xNDNjMC4wMDcgMC4wNDUgMC4wMTMgMC4wODYgMC4wMTggMC4xMjVzMC4wMTAgMC4wNzQgMC4wMTMgMC4xMDdjMC4wMDQgMC4wMzMgMC4wMDcgMC4wNjIgMC4wMDkgMC4wODhzMC4wMDQgMC4wNDkgMC4wMDUgMC4wNjljMC4wMDEgMC4wMjAgMC4wMDIgMC4wMzYgMC4wMDMgMC4wNTBzMC4wMDEgMC4wMjMgMC4wMDEgMC4wMzBjMCAwLjAwNyAwIDAuMDEwIDAgMC4wMTB6IiAgICAgZmlsbD0iIzAwMCIgICAgIG9wYWNpdHk9IjAuOTk1NDM0IiAvPjwvc3ZnPg==); +} +/* input[value='1'] ~ div > #favourite_favourite { */ +/* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJoZWFydC5zdmciICAgaWQ9InN2ZzYiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczEwIiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMzAiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOmN4PSIxNi4wNjY5NDYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3OCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEzODIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI1NjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmhlYXJ0PC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojODFhMWMxO2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjAyMCA3LjcxOWMwIDAgMC0wLjAwMyAwLTAuMDEwczAtMC4wMTcgMC4wMDEtMC4wMzBjMC4wMDEtMC4wMTMgMC4wMDEtMC4wMzAgMC4wMDMtMC4wNTBzMC4wMDMtMC4wNDMgMC4wMDUtMC4wNjljMC4wMDItMC4wMjYgMC4wMDUtMC4wNTYgMC4wMDktMC4wODhzMC4wMDgtMC4wNjggMC4wMTMtMC4xMDdjMC4wMDUtMC4wMzkgMC4wMTEtMC4wODAgMC4wMTgtMC4xMjVzMC4wMTUtMC4wOTIgMC4wMjQtMC4xNDNjMC4wMDktMC4wNTAgMC4wMjAtMC4xMDQgMC4wMzEtMC4xNTlzMC4wMjQtMC4xMTQgMC4wMzktMC4xNzVjMC4wMTQtMC4wNjEgMC4wMzAtMC4xMjQgMC4wNDctMC4xOXMwLjAzNi0wLjEzNCAwLjA1Ni0wLjIwNGMwLjAyMC0wLjA3MCAwLjA0Mi0wLjE0MyAwLjA2NS0wLjIxN3MwLjA0OS0wLjE1MSAwLjA3Ni0wLjIyOWMwLjAyNy0wLjA3OCAwLjA1Ni0wLjE1OCAwLjA4Ni0wLjI0czAuMDYzLTAuMTY1IDAuMDk3LTAuMjQ5YzAuMDM0LTAuMDg0IDAuMDcxLTAuMTcgMC4xMDktMC4yNTdzMC4wNzktMC4xNzUgMC4xMjEtMC4yNjRjMC4wNDItMC4wODkgMC4wODctMC4xNzkgMC4xMzQtMC4yNjlzMC4wOTUtMC4xODEgMC4xNDYtMC4yNzNjMC4wNTEtMC4wOTEgMC4xMDQtMC4xODMgMC4xNTktMC4yNzZzMC4xMTMtMC4xODQgMC4xNzItMC4yNzdjMC4wNjAtMC4wOTIgMC4xMjEtMC4xODQgMC4xODUtMC4yNzZzMC4xMy0wLjE4MyAwLjE5OS0wLjI3NWMwLjA2OC0wLjA5MSAwLjEzOS0wLjE4MiAwLjIxMi0wLjI3MXMwLjE0OC0wLjE3OSAwLjIyNS0wLjI2N2MwLjA3Ny0wLjA4OCAwLjE1Ny0wLjE3NSAwLjIzOC0wLjI2MXMwLjE2NS0wLjE3IDAuMjUxLTAuMjUzYzAuMDg2LTAuMDgzIDAuMTc0LTAuMTY1IDAuMjY0LTAuMjQ1czAuMTgyLTAuMTU4IDAuMjc2LTAuMjM0YzAuMDk0LTAuMDc2IDAuMTktMC4xNTEgMC4yODgtMC4yMjNzMC4xOTgtMC4xNDMgMC4yOTktMC4yMTFjMC4xMDItMC4wNjggMC4yMDUtMC4xMzQgMC4zMS0wLjE5N3MwLjIxMi0wLjEyNCAwLjMyMS0wLjE4M2MwLjEwOS0wLjA1OCAwLjIxOS0wLjExNCAwLjMzMS0wLjE2N3MwLjIyNS0wLjEwMyAwLjM0LTAuMTVjMC4xMTUtMC4wNDcgMC4yMzEtMC4wOTIgMC4zNDgtMC4xMzNzMC4yMzYtMC4wODAgMC4zNTYtMC4xMTUgMC4yNDEtMC4wNjcgMC4zNjMtMC4wOTZjMC4xMjItMC4wMjkgMC4yNDUtMC4wNTQgMC4zNjktMC4wNzZzMC4yNDktMC4wNDEgMC4zNzQtMC4wNTZjMC4xMjYtMC4wMTUgMC4yNTItMC4wMjcgMC4zNzktMC4wMzZzMC4yNTQtMC4wMTMgMC4zODItMC4wMTVjMC4xMjgtMC4wMDEgMC4yNTYgMC4wMDEgMC4zODUgMC4wMDZzMC4yNTcgMC4wMTUgMC4zODYgMC4wMjdjMC4xMjkgMC4wMTMgMC4yNTggMC4wMjkgMC4zODcgMC4wNDlzMC4yNTggMC4wNDMgMC4zODYgMC4wNzBjMC4xMjggMC4wMjcgMC4yNTcgMC4wNTggMC4zODQgMC4wOTFzMC4yNTUgMC4wNzIgMC4zODIgMC4xMTNjMC4xMjcgMC4wNDEgMC4yNTMgMC4wODYgMC4zNzggMC4xMzRzMC4yNSAwLjA5OSAwLjM3MyAwLjE1NGMwLjEyNCAwLjA1NSAwLjI0NiAwLjExMyAwLjM2OCAwLjE3NXMwLjI0MiAwLjEyNiAwLjM2MSAwLjE5NCAwLjIzNyAwLjEzOSAwLjM1MyAwLjIxNGMwLjExNiAwLjA3NCAwLjIzMSAwLjE1MiAwLjM0NCAwLjIzMnMwLjIyNCAwLjE2NCAwLjMzNCAwLjI1MSAwLjIxNyAwLjE3NiAwLjMyMyAwLjI2OGMwLjEwNiAwLjA5MiAwLjIxIDAuMTg3IDAuMzExIDAuMjg1czAuMjAxIDAuMTk4IDAuMjk5IDAuMzAxYzAuMDk3IDAuMTAzIDAuMTkyIDAuMjA4IDAuMjg1IDAuMzE2czAuMTgzIDAuMjE4IDAuMjcgMC4zM2MwLjA4OCAwLjExMiAwLjE3MyAwLjIyNyAwLjI1NSAwLjM0NHMwLjE2MiAwLjIzNiAwLjIzOSAwLjM1N2MwLjA3NyAwLjEyMSAwLjE1MSAwLjI0NCAwLjIyMiAwLjM2OHMwLjE0IDAuMjUxIDAuMjA1IDAuMzc5YzAuMDY1IDAuMTI4IDAuMTI4IDAuMjU4IDAuMTg3IDAuMzg5czAuMTE1IDAuMjY0IDAuMTY4IDAuMzk4YzAuMDUzIDAuMTM0IDAuMTAyIDAuMjcgMC4xNDkgMC40MDZzMC4wOTAgMC4yNzUgMC4xMjkgMC40MTRjMC4wNDAgMC4xMzkgMC4wNzYgMC4yNzkgMC4xMDkgMC40MnMwLjA2MyAwLjI4MyAwLjA4OSAwLjQyNmMwLjAyNiAwLjE0MyAwLjA0OSAwLjI4NiAwLjA2OCAwLjQzczAuMDM1IDAuMjg5IDAuMDQ3IDAuNDM0YzAuMDEyIDAuMTQ1IDAuMDIxIDAuMjkxIDAuMDI2IDAuNDM4czAuMDA3IDAuMjkzIDAuMDA1IDAuNDRjLTAuMDAyIDAuMTQ3LTAuMDA3IDAuMjk0LTAuMDE2IDAuNDQycy0wLjAyMSAwLjI5NS0wLjAzNyAwLjQ0M2MtMC4wMTYgMC4xNDgtMC4wMzUgMC4yOTYtMC4wNTggMC40NDRzLTAuMDQ5IDAuMjk2LTAuMDc5IDAuNDQzYy0wLjAzMCAwLjE0OC0wLjA2MyAwLjI5NS0wLjA5OSAwLjQ0M3MtMC4wNzYgMC4yOTUtMC4xMTkgMC40NDJjLTAuMDQzIDAuMTQ3LTAuMDkwIDAuMjk0LTAuMTM5IDAuNDRzLTAuMTAyIDAuMjkzLTAuMTU5IDAuNDM4Yy0wLjA1NiAwLjE0Ni0wLjExNSAwLjI5MS0wLjE3NyAwLjQzNnMtMC4xMjggMC4yODktMC4xOTYgMC40MzQtMC4xNCAwLjI4OC0wLjIxNCAwLjQzMWMtMC4wNzQgMC4xNDMtMC4xNTEgMC4yODYtMC4yMzEgMC40MjhzLTAuMTYyIDAuMjgzLTAuMjQ3IDAuNDI0Yy0wLjA4NSAwLjE0MS0wLjE3MyAwLjI4MS0wLjI2MyAwLjQyMXMtMC4xODMgMC4yNzktMC4yNzggMC40MTdjLTAuMDk1IDAuMTM5LTAuMTkyIDAuMjc2LTAuMjkyIDAuNDE0cy0wLjIwMSAwLjI3NC0wLjMwNSAwLjQxLTAuMjEgMC4yNzItMC4zMTcgMC40MDZjLTAuMTA4IDAuMTM1LTAuMjE3IDAuMjY5LTAuMzI5IDAuNDAzcy0wLjIyNCAwLjI2Ny0wLjMzOSAwLjM5OWMtMC4xMTUgMC4xMzItMC4yMzEgMC4yNjQtMC4zNDkgMC4zOTZzLTAuMjM3IDAuMjYyLTAuMzU3IDAuMzkyYy0wLjEyIDAuMTMtMC4yNDIgMC4yNi0wLjM2NCAwLjM4OXMtMC4yNDYgMC4yNTctMC4zNzEgMC4zODUtMC4yNSAwLjI1NS0wLjM3NiAwLjM4MmMtMC4xMjYgMC4xMjctMC4yNTMgMC4yNTMtMC4zOCAwLjM3OXMtMC4yNTUgMC4yNTEtMC4zODMgMC4zNzYtMC4yNTcgMC4yNDktMC4zODUgMC4zNzMtMC4yNTggMC4yNDctMC4zODYgMC4zN2MtMC4xMjkgMC4xMjMtMC4yNTggMC4yNDUtMC4zODYgMC4zNjdzLTAuMjU3IDAuMjQ0LTAuMzg2IDAuMzY1Yy0wLjEyOCAwLjEyMS0wLjI1NiAwLjI0Mi0wLjM4NCAwLjM2MnMtMC4yNTQgMC4yNC0wLjM4MSAwLjM1OWMtMC4xMjYgMC4xMTktMC4yNTIgMC4yMzgtMC4zNzcgMC4zNTdzLTAuMjQ5IDAuMjM2LTAuMzcyIDAuMzU0Yy0wLjEyMyAwLjExOC0wLjI0NSAwLjIzNS0wLjM2NiAwLjM1MXMtMC4yNDEgMC4yMzMtMC4zNiAwLjM0OWMtMC4xMTkgMC4xMTYtMC4yMzYgMC4yMzEtMC4zNTIgMC4zNDZzLTAuMjMxIDAuMjI5LTAuMzQ0IDAuMzQzYy0wLjExMyAwLjExNC0wLjIyNSAwLjIyNy0wLjMzNSAwLjM0cy0wLjIxOSAwLjIyNS0wLjMyNiAwLjMzNi0wLjIxMiAwLjIyMi0wLjMxNiAwLjMzM2MtMC4xMDMgMC4xMS0wLjIwNSAwLjIyLTAuMzA1IDAuMzI5cy0wLjE5OCAwLjIxNy0wLjI5NCAwLjMyNWMtMC4wOTYgMC4xMDgtMC4xOSAwLjIxNC0wLjI4MiAwLjMycy0wLjE4MiAwLjIxMS0wLjI3IDAuMzE2LTAuMTc0IDAuMjA4LTAuMjU3IDAuMzExYy0wLjA4NCAwLjEwMy0wLjE2NSAwLjIwNC0wLjI0NSAwLjMwNXMtMC4xNTcgMC4yMDEtMC4yMzIgMC4zYy0wLjA3NSAwLjA5OS0wLjE0OCAwLjE5Ny0wLjIxOSAwLjI5M3MtMC4xMzkgMC4xOTItMC4yMDUgMC4yODctMC4xMyAwLjE4OC0wLjE5MiAwLjI4Yy0wLjA2MiAwLjA5Mi0wLjEyMSAwLjE4My0wLjE3OSAwLjI3MnMtMC4xMTMgMC4xNzctMC4xNjYgMC4yNjRjLTAuMDUzIDAuMDg3LTAuMTA0IDAuMTcyLTAuMTUzIDAuMjU1cy0wLjA5NSAwLjE2Ni0wLjE0IDAuMjQ2LTAuMDg3IDAuMTYtMC4xMjcgMC4yMzdjLTAuMDQwIDAuMDc3LTAuMDc5IDAuMTUzLTAuMTE1IDAuMjI3cy0wLjA3MSAwLjE0Ni0wLjEwMyAwLjIxN2MtMC4wMzIgMC4wNzAtMC4wNjMgMC4xMzktMC4wOTIgMC4yMDZzLTAuMDU2IDAuMTMxLTAuMDgxIDAuMTk0Yy0wLjAyNSAwLjA2My0wLjA0OSAwLjEyNC0wLjA3MCAwLjE4M3MtMC4wNDIgMC4xMTYtMC4wNjEgMC4xN2MtMC4wMTkgMC4wNTUtMC4wMzYgMC4xMDctMC4wNTEgMC4xNThzLTAuMDMwIDAuMDk5LTAuMDQzIDAuMTQ1LTAuMDI0IDAuMDkwLTAuMDM1IDAuMTMxYy0wLjAxMCAwLjA0MS0wLjAyMCAwLjA4MS0wLjAyOCAwLjExN3MtMC4wMTUgMC4wNzEtMC4wMjEgMC4xMDRjLTAuMDA2IDAuMDMyLTAuMDExIDAuMDYyLTAuMDE2IDAuMDg5cy0wLjAwOCAwLjA1Mi0wLjAxMSAwLjA3NWMtMC4wMDMgMC4wMjMtMC4wMDUgMC4wNDMtMC4wMDcgMC4wNjBzLTAuMDAzIDAuMDMzLTAuMDA0IDAuMDQ1Yy0wLjAwMSAwLjAxMy0wLjAwMSAwLjAyMy0wLjAwMiAwLjAzMHMtMCAwLjAxMy0wIDAuMDE1IDAgMC4wMDMgMCAwLTAtMC4wMDgtMC0wLjAxNS0wLjAwMS0wLjAxOC0wLjAwMi0wLjAzMGMtMC4wMDEtMC4wMTMtMC4wMDItMC4wMjgtMC4wMDQtMC4wNDVzLTAuMDA0LTAuMDM3LTAuMDA3LTAuMDYwYy0wLjAwMy0wLjAyMi0wLjAwNy0wLjA0Ny0wLjAxMS0wLjA3NXMtMC4wMTAtMC4wNTctMC4wMTYtMC4wODljLTAuMDA2LTAuMDMyLTAuMDEzLTAuMDY3LTAuMDIxLTAuMTA0cy0wLjAxNy0wLjA3Ni0wLjAyOC0wLjExN2MtMC4wMTAtMC4wNDEtMC4wMjItMC4wODUtMC4wMzUtMC4xMzFzLTAuMDI3LTAuMDk0LTAuMDQzLTAuMTQ1Yy0wLjAxNi0wLjA1MC0wLjAzMy0wLjEwMy0wLjA1MS0wLjE1OHMtMC4wMzktMC4xMTEtMC4wNjEtMC4xN2MtMC4wMjItMC4wNTktMC4wNDUtMC4xMi0wLjA3MC0wLjE4M3MtMC4wNTItMC4xMjgtMC4wODEtMC4xOTRjLTAuMDI5LTAuMDY3LTAuMDU5LTAuMTM1LTAuMDkyLTAuMjA2cy0wLjA2Ny0wLjE0My0wLjEwMy0wLjIxN2MtMC4wMzYtMC4wNzQtMC4wNzUtMC4xNS0wLjExNS0wLjIyN3MtMC4wODMtMC4xNTYtMC4xMjctMC4yMzctMC4wOTEtMC4xNjMtMC4xNC0wLjI0NmMtMC4wNDktMC4wODQtMC4xLTAuMTY5LTAuMTUzLTAuMjU1cy0wLjEwOC0wLjE3NS0wLjE2Ni0wLjI2NGMtMC4wNTctMC4wODktMC4xMTctMC4xOC0wLjE3OS0wLjI3MnMtMC4xMjYtMC4xODUtMC4xOTItMC4yOGMtMC4wNjYtMC4wOTQtMC4xMzUtMC4xOS0wLjIwNS0wLjI4N3MtMC4xNDQtMC4xOTUtMC4yMTktMC4yOTNjLTAuMDc1LTAuMDk5LTAuMTUyLTAuMTk5LTAuMjMyLTAuM3MtMC4xNjEtMC4yMDMtMC4yNDUtMC4zMDUtMC4xNjktMC4yMDYtMC4yNTctMC4zMTFjLTAuMDg4LTAuMTA0LTAuMTc4LTAuMjEtMC4yNy0wLjMxNnMtMC4xODYtMC4yMTMtMC4yODItMC4zMi0wLjE5NC0wLjIxNi0wLjI5NC0wLjMyNWMtMC4xLTAuMTA5LTAuMjAxLTAuMjE5LTAuMzA1LTAuMzI5cy0wLjIwOS0wLjIyMS0wLjMxNi0wLjMzM2MtMC4xMDctMC4xMTEtMC4yMTYtMC4yMjQtMC4zMjYtMC4zMzZzLTAuMjIyLTAuMjI2LTAuMzM1LTAuMzRjLTAuMTEzLTAuMTE0LTAuMjI4LTAuMjI4LTAuMzQ0LTAuMzQzcy0wLjIzNC0wLjIzLTAuMzUyLTAuMzQ2Yy0wLjExOS0wLjExNi0wLjIzOS0wLjIzMi0wLjM2LTAuMzQ5cy0wLjI0My0wLjIzNC0wLjM2Ni0wLjM1MS0wLjI0Ny0wLjIzNi0wLjM3Mi0wLjM1NGMtMC4xMjUtMC4xMTgtMC4yNS0wLjIzNy0wLjM3Ny0wLjM1N3MtMC4yNTMtMC4yMzktMC4zODEtMC4zNTljLTAuMTI3LTAuMTItMC4yNTUtMC4yNDEtMC4zODMtMC4zNjJzLTAuMjU3LTAuMjQzLTAuMzg2LTAuMzY1Yy0wLjEyOS0wLjEyMi0wLjI1OC0wLjI0NC0wLjM4Ni0wLjM2N3MtMC4yNTgtMC4yNDYtMC4zODYtMC4zN2MtMC4xMjktMC4xMjQtMC4yNTctMC4yNDgtMC4zODUtMC4zNzNzLTAuMjU2LTAuMjUtMC4zODMtMC4zNzZjLTAuMTI3LTAuMTI2LTAuMjU0LTAuMjUyLTAuMzgtMC4zNzlzLTAuMjUxLTAuMjU0LTAuMzc2LTAuMzgyYy0wLjEyNC0wLjEyOC0wLjI0OC0wLjI1Ni0wLjM3MS0wLjM4NXMtMC4yNDQtMC4yNTktMC4zNjQtMC4zODljLTAuMTItMC4xMy0wLjIzOS0wLjI2MS0wLjM1Ny0wLjM5MnMtMC4yMzQtMC4yNjMtMC4zNDktMC4zOTZjLTAuMTE1LTAuMTMyLTAuMjI4LTAuMjY2LTAuMzM5LTAuMzk5cy0wLjIyMS0wLjI2OC0wLjMyOS0wLjQwM2MtMC4xMDgtMC4xMzUtMC4yMTQtMC4yNy0wLjMxNy0wLjQwNnMtMC4yMDYtMC4yNzMtMC4zMDUtMC40MWMtMC4xLTAuMTM3LTAuMTk3LTAuMjc1LTAuMjkyLTAuNDE0cy0wLjE4OC0wLjI3OC0wLjI3OC0wLjQxN2MtMC4wOTAtMC4xNC0wLjE3OC0wLjI4LTAuMjYzLTAuNDIxcy0wLjE2Ny0wLjI4Mi0wLjI0Ny0wLjQyNGMtMC4wODAtMC4xNDItMC4xNTctMC4yODQtMC4yMzEtMC40MjhzLTAuMTQ1LTAuMjg3LTAuMjE0LTAuNDMxYy0wLjA2OC0wLjE0NC0wLjEzNC0wLjI4OS0wLjE5Ni0wLjQzNHMtMC4xMjItMC4yOS0wLjE3Ny0wLjQzNmMtMC4wNTYtMC4xNDYtMC4xMDktMC4yOTItMC4xNTktMC40MzhzLTAuMDk2LTAuMjkzLTAuMTM5LTAuNDRjLTAuMDQzLTAuMTQ3LTAuMDgzLTAuMjk0LTAuMTE5LTAuNDQycy0wLjA2OS0wLjI5NS0wLjA5OS0wLjQ0My0wLjA1Ni0wLjI5Ni0wLjA3OS0wLjQ0M2MtMC4wMjMtMC4xNDgtMC4wNDItMC4yOTYtMC4wNTgtMC40NDRzLTAuMDI4LTAuMjk2LTAuMDM3LTAuNDQzYy0wLjAwOS0wLjE0OC0wLjAxNC0wLjI5NS0wLjAxNi0wLjQ0MnMwLTAuMjk0IDAuMDA1LTAuNDQgMC4wMTQtMC4yOTIgMC4wMjYtMC40MzhjMC4wMTItMC4xNDUgMC4wMjgtMC4yOSAwLjA0Ny0wLjQzNHMwLjA0Mi0wLjI4OCAwLjA2OC0wLjQzIDAuMDU2LTAuMjg1IDAuMDg5LTAuNDI2YzAuMDMzLTAuMTQxIDAuMDY5LTAuMjgxIDAuMTA5LTAuNDJzMC4wODMtMC4yNzcgMC4xMjktMC40MTQgMC4wOTYtMC4yNzIgMC4xNDktMC40MDZjMC4wNTMtMC4xMzQgMC4xMDktMC4yNjcgMC4xNjgtMC4zOThzMC4xMjEtMC4yNjEgMC4xODctMC4zODljMC4wNjUtMC4xMjggMC4xMzQtMC4yNTUgMC4yMDUtMC4zNzlzMC4xNDUtMC4yNDcgMC4yMjItMC4zNjhjMC4wNzctMC4xMjEgMC4xNTctMC4yNCAwLjIzOS0wLjM1N3MwLjE2OC0wLjIzMSAwLjI1NS0wLjM0NGMwLjA4OC0wLjExMiAwLjE3OC0wLjIyMyAwLjI3LTAuMzNzMC4xODgtMC4yMTMgMC4yODUtMC4zMTYgMC4xOTctMC4yMDMgMC4yOTktMC4zMDFjMC4xMDItMC4wOTggMC4yMDYtMC4xOTMgMC4zMTEtMC4yODVzMC4yMTQtMC4xODIgMC4zMjMtMC4yNjggMC4yMjEtMC4xNyAwLjMzNC0wLjI1MWMwLjExMy0wLjA4MSAwLjIyOC0wLjE1OCAwLjM0NC0wLjIzMnMwLjIzNC0wLjE0NiAwLjM1My0wLjIxNCAwLjIzOS0wLjEzMyAwLjM2MS0wLjE5NGMwLjEyMS0wLjA2MiAwLjI0NC0wLjEyIDAuMzY4LTAuMTc1czAuMjQ4LTAuMTA2IDAuMzczLTAuMTU0YzAuMTI1LTAuMDQ4IDAuMjUxLTAuMDkzIDAuMzc4LTAuMTM0czAuMjU0LTAuMDc5IDAuMzgyLTAuMTEzYzAuMTI4LTAuMDM0IDAuMjU2LTAuMDY1IDAuMzg0LTAuMDkxczAuMjU3LTAuMDUwIDAuMzg2LTAuMDcwYzAuMTI5LTAuMDIwIDAuMjU4LTAuMDM2IDAuMzg3LTAuMDQ5czAuMjU4LTAuMDIyIDAuMzg2LTAuMDI3YzAuMTI5LTAuMDA2IDAuMjU3LTAuMDA4IDAuMzg1LTAuMDA2czAuMjU1IDAuMDA3IDAuMzgyIDAuMDE1IDAuMjUzIDAuMDIxIDAuMzc5IDAuMDM2YzAuMTI2IDAuMDE1IDAuMjUgMC4wMzQgMC4zNzQgMC4wNTZzMC4yNDcgMC4wNDggMC4zNjkgMC4wNzZjMC4xMjIgMC4wMjkgMC4yNDMgMC4wNjEgMC4zNjMgMC4wOTZzMC4yMzkgMC4wNzQgMC4zNTYgMC4xMTVjMC4xMTcgMC4wNDEgMC4yMzQgMC4wODYgMC4zNDggMC4xMzNzMC4yMjggMC4wOTggMC4zNCAwLjE1YzAuMTEyIDAuMDUzIDAuMjIyIDAuMTA5IDAuMzMxIDAuMTY3czAuMjE2IDAuMTE5IDAuMzIxIDAuMTgzYzAuMTA1IDAuMDYzIDAuMjA5IDAuMTI5IDAuMzEgMC4xOTdzMC4yMDEgMC4xMzggMC4yOTkgMC4yMTFjMC4wOTggMC4wNzIgMC4xOTQgMC4xNDcgMC4yODggMC4yMjNzMC4xODYgMC4xNTUgMC4yNzYgMC4yMzQgMC4xNzggMC4xNjEgMC4yNjQgMC4yNDVjMC4wODYgMC4wODMgMC4xNjkgMC4xNjcgMC4yNTEgMC4yNTNzMC4xNjEgMC4xNzMgMC4yMzggMC4yNjEgMC4xNTIgMC4xNzcgMC4yMjUgMC4yNjdjMC4wNzMgMC4wOTAgMC4xNDQgMC4xOCAwLjIxMiAwLjI3MXMwLjEzNSAwLjE4MyAwLjE5OSAwLjI3NWMwLjA2NCAwLjA5MiAwLjEyNiAwLjE4NCAwLjE4NSAwLjI3NnMwLjExNyAwLjE4NSAwLjE3MiAwLjI3N2MwLjA1NSAwLjA5MiAwLjEwOCAwLjE4NCAwLjE1OSAwLjI3NnMwLjEgMC4xODMgMC4xNDYgMC4yNzNjMC4wNDcgMC4wOTAgMC4wOTEgMC4xOCAwLjEzNCAwLjI2OXMwLjA4MyAwLjE3NyAwLjEyMSAwLjI2NGMwLjAzOCAwLjA4NyAwLjA3NSAwLjE3MyAwLjEwOSAwLjI1N3MwLjA2NyAwLjE2NyAwLjA5NyAwLjI0OWMwLjAzMSAwLjA4MSAwLjA1OSAwLjE2MSAwLjA4NiAwLjI0czAuMDUyIDAuMTU1IDAuMDc2IDAuMjI5YzAuMDIzIDAuMDc0IDAuMDQ1IDAuMTQ3IDAuMDY1IDAuMjE3czAuMDM5IDAuMTM4IDAuMDU2IDAuMjA0YzAuMDE3IDAuMDY2IDAuMDMzIDAuMTI5IDAuMDQ3IDAuMTlzMC4wMjcgMC4xMTkgMC4wMzkgMC4xNzVjMC4wMTIgMC4wNTYgMC4wMjIgMC4xMDkgMC4wMzEgMC4xNTlzMC4wMTcgMC4wOTggMC4wMjQgMC4xNDNjMC4wMDcgMC4wNDUgMC4wMTMgMC4wODYgMC4wMTggMC4xMjVzMC4wMTAgMC4wNzQgMC4wMTMgMC4xMDdjMC4wMDQgMC4wMzMgMC4wMDcgMC4wNjIgMC4wMDkgMC4wODhzMC4wMDQgMC4wNDkgMC4wMDUgMC4wNjljMC4wMDEgMC4wMjAgMC4wMDIgMC4wMzYgMC4wMDMgMC4wNTBzMC4wMDEgMC4wMjMgMC4wMDEgMC4wMzBjMCAwLjAwNyAwIDAuMDEwIDAgMC4wMTB6IiAgICAgZmlsbD0iIzAwMCIgICAgIG9wYWNpdHk9IjAuOTk1NDM0IiAvPjwvc3ZnPg==); */ +/* } */ +#reply_reply { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMzIiCiAgIGhlaWdodD0iMzIiCiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIKICAgaWQ9InN2ZzI0NSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMjUxIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT5yZXBseTwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyNDkiIC8+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMjQxIj5yZXBseTwvdGl0bGU+CiAgPHBhdGgKICAgICBkPSJNMC45NTggMTUuNTU5bDUuMjAzLTEwLjE5N2MwLjQ5OS0xLjE3IDEuNzQ1LTMuMDEyIDMuMDE1LTAuNzk5bDAuOTMzIDEuNjI1YzEwLjMyOS0zLjIwOCAxNy43MjMgMS4xNzggMTkuNjEzIDYuODg0IDEuMjA4IDMuNjQ1IDAuOTIyIDguODcxLTEuNzExIDEzLjg5OS0wLjY2MyAwLjk1NC0xLjUyMiAwLjMxNS0xLjM3NS0wLjUzMiAzLjEyNi0xMS43MzMtNi43NDMtMTcuMTA4LTExLjg4Mi0xMC40NjhsMC44MSAxLjk5YzAuNTE4IDEuMjcxLTAuNjQgMS41NDEtMi43NzkgMS4xNjFsLTEwLjgyOC0xLjUyNGMtMC44ODQtMC4yMzItMS4zNTgtMS4xOTctMC45OTktMi4wMzl6IgogICAgIGlkPSJwYXRoMjQzIgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNmZmZmZmI7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==); +} + +.replies { + order: 4; + width: 100%; + box-sizing: border-box; +} + +/* POSTING */ +.content > form { + display: flex; + flex: 1; +} +.create-notice { + display: flex; + flex-wrap: wrap; + flex: 1; + background-color: var(--bg3); +} +.create-right { + order: 2; + background-color: var(--bg3); +} + +/* target multi-select */ +.target { + order: 1; + background-color: var(--bg1); +} +.target-top { + font-size: var(--medium-size); +} +.target-bot { + font-size: var(--medium-size); +} +.target .required { + font-family: var(--display-font); + font-weight: 900; +} +.target #post_to { + font-family: var(--main-font); +} + +/* top right */ +.create-top-right{ + display: flex; + justify-content: space-between; + width: 100%; + box-sizing: border-box; + color: var(--fg); + background-color: var(--bg1); +} + +/* tabs */ + +.tabs{ + padding: var(--small-size); +} + +/* scope options */ +.scope { + display: flex; + flex-wrap: wrap; + color: var(--fg); + background-color: var(--bg1); + border-radius: 0 var(--unit-size) 0 0; +} +.scope > div { + display: inline; + vertical-align: middle; + flex: 1; + padding: var(--small-size); + + font-size: var(--medium-size); + color: var(--fg); +} +.scope .required { + order: 1; + font-family: var(--main-font); + font-weight: 900; +} +#post_visibility .required { + font-family: var(--main-font); +} +.scope #post_scope { + order: 2; + flex-grow: 1; + flex-shrink: 1; +} + +/* input box */ +.input-wrapper { + order: 2; + display: inline-flex; + justify-content: flex-start; + width: 100%; + box-sizing: border-box; +} +.content-input { + order: 2; + flex-grow: 1; + flex-shrink: 0; +} +#post_content { + background-color: var(--bg3); + padding: var(--unit-size); + color: var(--fg); + font-size: var(--medium-size); + font-family: var(--main-font); + width: 100%; + box-sizing: border-box; + height: calc(8 * var(--medium-size)); + resize: vertical; +} + +/* options */ +.notice-options { + order: 3; + display: inline-flex; + width: 100%; + box-sizing: border-box; + background-color: var(--bg3); +} +.post { + order: 2; +} +.post div { + float: right; + vertical-align: middle; +} + +#post_attachments { + width: 0; + height: 0; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -1; +} +#post_attachments + label { + cursor: pointer; +} +#post_attachments:focus + label, +#post_attachments + label:hover { + border-radius: var(--unit-size); + box-shadow: 0 0 8px var(--accent); +} +.icon-attach { + width: var(--main-size); + height: var(--main-size); + font-size: var(--medium-size); + fill: var(--fg); + background-color: var(--bg1); + cursor: pointer; +} + +#replyform { + margin: var(--small-size); +} +#replyform div { + display: inline-flex; + justify-content: flex-start; + width: 100%; + box-sizing: border-box; +} +#replyform div textarea { + width: 100%; +} diff --git a/public/assets/css/network/public_mid.css b/public/assets/css/network/public_mid.css new file mode 100644 index 0000000000..6d01dc0a29 --- /dev/null +++ b/public/assets/css/network/public_mid.css @@ -0,0 +1,414 @@ +.content { + display: flex; + flex-wrap: wrap; + margin-top: calc(4 * var(--main-size)); + justify-content: center; + align-items: center; + margin-left: 4%; + margin-right: 4%; + margin-bottom: 4%; +} +.content .main { + width: 100%; + margin-left: 4%; + margin-right: 4%; + margin-top: var(--unit-size); + border-radius: var(--unit-size); + background-color: var(--bg3); + border: solid 2px var(--accent-low); +} + +.main-nav { + order: 1; + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex: 1; + background-color: var(--bg1); + padding: var(--medium-size); + font-family: var(--main-font); + border-radius: var(--unit-size) var(--unit-size) 0 0; + border-bottom: solid 2px var(--accent-low); +} + +.main-nav ul { + display: flex; + align-items: stretch; + justify-content: space-evenly; + text-align: center; + width: 100%; + font-size: var(--medium-size); + padding: 0; +} +.main-nav li { + display: block; + flex: 0 1 auto; + list-style-type: none; + font-weight: 700; + width: 10%; +} +.notes-wrap .main-nav ul { + font-size: var(--unit-size); +} + +.active { + color: var(--fg) !important; + font-weight: 700; +} + +.main-nav a { + color: var(--accent); +} + +.main-nav a:hover { + color: var(--fg); + transition: all 0.8s ease; +} + +/* notices */ +.notes { + display: flex; + flex-wrap: wrap; +} + +.notes-wrap { + display: flex; + flex-wrap: wrap; + font-size: var(--medium-size); +} +.notes-wrap .timeline { + order: 3; + width: 100%; +} +.notes-wrap .timeline .notes > div { + margin: var(--unit-size) var(--unit-size) 0 var(--unit-size); + border-radius: var(--unit-size); + width: 100%; +} +.notes-wrap .timeline .notes > div:last-child { + margin: var(--unit-size) var(--unit-size) var(--unit-size) var(--unit-size); +} +.notes-wrap .main-nav { + width: 100%; + font-size: var(--unit-size); + border-radius: 0; +} + +.note { + display: flex; + flex-wrap: wrap; + border: solid 2px var(--accent-low); + border-radius: var(--unit-size); + box-shadow: var(--shadow); + margin-bottom: var(--unit-size); +} +.note > .replies > .note { + border: none; +} +.notes > h1 { + padding: var(--unit-size); +} +.note-info { + order: 1; + background-color: var(--bg1); + box-sizing: border-box; + padding: 5px 10px 5px 10px; + border-radius: var(--unit-size) 0 0 0; + display: flex; + align-items: center; + flex-grow: 1; + flex-shrink: 0; + width: 50%; +} +.note-info b { + margin-left: var(--small-size); +} +.note-info a { + height: calc(2 * var(--unit-size)); +} +.note-info a img { + width: calc(2 * var(--unit-size)); + height: calc(2 * var(--unit-size)); +} + +.note-content { + order: 3; + word-break: break-word; + padding: var(--small-size); + border-radius: 0 0 var(--unit-size) var(--unit-size); + width: 100%; +} +.note-attachments { + display: flex; + flex-wrap: wrap; + width: 100%; + margin-top: var(--small-size); + justify-content: center; + text-align: center; +} + +.note-attachments img { + order: 1; + max-width: 100%; + height: auto; +} +.note-attachments i { + order: 2; + width: 100%; + margin-top: var(--small-size); + color: var(--accent); +} + +.note-actions { + order: 2; + width: 50%; + justify-content: flex-end; + border-radius: 0 var(--unit-size) 0 0; + background-color: var(--bg1); + box-sizing: border-box; + padding: 5px 10px 5px 10px; + display: flex; + align-items: center; + flex-grow: 1; + flex-shrink: 0; +} +.note-actions a { + height: var(--main-size); + margin-left: var(--unit-size); +} +.note-actions a svg { + width: var(--main-size); + height: var(--main-size); + filter: invert(91%) sepia(3%) saturate(350%) hue-rotate(162deg) brightness(106%) contrast(92%); + stroke: none; +} +#reply div, +#repeat div, +#favourite div { + width: var(--main-size); + height: var(--main-size); + display: flex; + margin-left: var(--unit-size); +} +#repeat_repeat, +#reply_reply, +#favourite_favourite { + cursor: pointer; + border: none !important; + background-color: transparent; + background-size: 100%; + background-repeat: no-repeat; + width: 100%; + height: 100%; +} +#repeat_repeat { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJyZWN5Y2xlLnN2ZyIgICBpZD0ic3ZnMTAiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE2Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczE0IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTAiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTpjeT0iMTYiICAgICBpbmtzY2FwZTpjeD0iMTYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3MTIiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzgyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPiAgPHRpdGxlICAgICBpZD0idGl0bGUyIj5yZWN5Y2xlPC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojZWNlZmY0O2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjkzIDIyLjYyN2MwLjkxNC0wLjU0NyAxLjkzMS0wLjI0NyAyLjMyNSAwLjc2MmwwLjU0NCAxLjY5NyA2LjA0MSAwLjA4N2MxLjU2NiAwLjAzNCAyLjU2NS0xLjY3NiAxLjc2NS0zLjAyMmwtMS42NjEtMi43OTNjLTAuMjEyLTAuMzU2LTAuODY4LTEuMDkyLTAuMDk0LTEuNTUzbDIuMTQ5LTEuMjc4YzAuNzQtMC40NCAxLjE3MiAwLjQzIDEuMzgzIDAuNzg2bDEuNjU4IDIuNzg3YzIuNDA3IDQuMDQ3LTAuNTg1IDkuMTY5LTUuMjg5IDkuMDY2bC02LjA3NSAwLjMzNy0wLjY5MSAxLjU2OGMtMC40NTUgMC43NjQtMS4xMDYgMS4wNDctMi4yNDUgMC41MWwtNC42MjctMy43NzNjLTAuMzgyLTAuMzk5LTAuMzgyLTEuMzQ5IDAuMDE3LTEuNzN6IiAvPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNlY2VmZjQ7ZmlsbC1vcGFjaXR5OjEiICAgICBpZD0icGF0aDYiICAgICBkPSJNMTkuOTk4IDE0LjA1NGMtMC45MzUtMC41MTEtMS4xOTEtMS41NC0wLjUyLTIuMzkxbDEuMTg3LTEuMzI4LTIuOTg0LTUuMjUzYy0wLjc2My0xLjM2OC0yLjc0NC0xLjM2My0zLjQ5OSAwLjAwOWwtMS41NjcgMi44NDZjLTAuMiAwLjM2My0wLjUwMiAxLjMwMi0xLjI5MSAwLjg2N2wtMi4xOS0xLjIwNmMtMC43NTUtMC40MTUtMC4yMjMtMS4yMjgtMC4wMjMtMS41OTFsMS41NjQtMi44NDFjMi4yNzEtNC4xMjUgOC4yMDMtNC4xMzkgMTAuNDk2LTAuMDMwbDMuMzY3IDUuMDY4IDEuNzAyLTAuMTk4YzAuODg5IDAuMDA1IDEuNDYzIDAuNDIzIDEuNTc3IDEuNjc4bC0wLjkxIDUuOWMtMC4xNTEgMC41MzEtMC45NjkgMS4wMTItMS41MDEgMC44NjJ6IiAvPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNlY2VmZjQ7ZmlsbC1vcGFjaXR5OjEiICAgICBpZD0icGF0aDgiICAgICBkPSJNMTAuOTcgMTUuNjAyYzAuMDA1IDEuMDY1LTAuNzcxIDEuNzg3LTEuODQgMS42MTJsLTEuNzM3LTAuMzk2LTMuMTUzIDUuMTU0Yy0wLjgyOCAxLjMzIDAuMTM1IDMuMDYxIDEuNzAxIDMuMDU4bDMuMjQ5LTAuMDA2YzAuNDE0LTAuMDAxIDEuMzgyLTAuMTkxIDEuMzg0IDAuNzFsMC4wMDUgMi41YzAuMDAyIDAuODYxLTAuOTY3IDAuNzg5LTEuMzgxIDAuNzlsLTMuMjQzIDAuMDA2Yy00LjcwOCAwLjAwOS03LjU5MS01LjE3Ni01LjEwNi05LjE3bDIuODA1LTUuMzk5LTAuOTk3LTEuMzkzYy0wLjQyNi0wLjc4LTAuMzM3LTEuNDg1IDAuNzA1LTIuMTkybDUuNjA0LTIuMDU5YzAuNTM4LTAuMTI1IDEuMzU1IDAuMzU4IDEuNDggMC44OTZ6IiAvPjwvc3ZnPg==); +} +#favourite_favourite { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJoZWFydC5zdmciICAgaWQ9InN2ZzYiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczEwIiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMzAiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOmN4PSIxNi4wNjY5NDYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3OCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEzODIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI1NjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmhlYXJ0PC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojZWNlZmY0O2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjAyMCA3LjcxOWMwIDAgMC0wLjAwMyAwLTAuMDEwczAtMC4wMTcgMC4wMDEtMC4wMzBjMC4wMDEtMC4wMTMgMC4wMDEtMC4wMzAgMC4wMDMtMC4wNTBzMC4wMDMtMC4wNDMgMC4wMDUtMC4wNjljMC4wMDItMC4wMjYgMC4wMDUtMC4wNTYgMC4wMDktMC4wODhzMC4wMDgtMC4wNjggMC4wMTMtMC4xMDdjMC4wMDUtMC4wMzkgMC4wMTEtMC4wODAgMC4wMTgtMC4xMjVzMC4wMTUtMC4wOTIgMC4wMjQtMC4xNDNjMC4wMDktMC4wNTAgMC4wMjAtMC4xMDQgMC4wMzEtMC4xNTlzMC4wMjQtMC4xMTQgMC4wMzktMC4xNzVjMC4wMTQtMC4wNjEgMC4wMzAtMC4xMjQgMC4wNDctMC4xOXMwLjAzNi0wLjEzNCAwLjA1Ni0wLjIwNGMwLjAyMC0wLjA3MCAwLjA0Mi0wLjE0MyAwLjA2NS0wLjIxN3MwLjA0OS0wLjE1MSAwLjA3Ni0wLjIyOWMwLjAyNy0wLjA3OCAwLjA1Ni0wLjE1OCAwLjA4Ni0wLjI0czAuMDYzLTAuMTY1IDAuMDk3LTAuMjQ5YzAuMDM0LTAuMDg0IDAuMDcxLTAuMTcgMC4xMDktMC4yNTdzMC4wNzktMC4xNzUgMC4xMjEtMC4yNjRjMC4wNDItMC4wODkgMC4wODctMC4xNzkgMC4xMzQtMC4yNjlzMC4wOTUtMC4xODEgMC4xNDYtMC4yNzNjMC4wNTEtMC4wOTEgMC4xMDQtMC4xODMgMC4xNTktMC4yNzZzMC4xMTMtMC4xODQgMC4xNzItMC4yNzdjMC4wNjAtMC4wOTIgMC4xMjEtMC4xODQgMC4xODUtMC4yNzZzMC4xMy0wLjE4MyAwLjE5OS0wLjI3NWMwLjA2OC0wLjA5MSAwLjEzOS0wLjE4MiAwLjIxMi0wLjI3MXMwLjE0OC0wLjE3OSAwLjIyNS0wLjI2N2MwLjA3Ny0wLjA4OCAwLjE1Ny0wLjE3NSAwLjIzOC0wLjI2MXMwLjE2NS0wLjE3IDAuMjUxLTAuMjUzYzAuMDg2LTAuMDgzIDAuMTc0LTAuMTY1IDAuMjY0LTAuMjQ1czAuMTgyLTAuMTU4IDAuMjc2LTAuMjM0YzAuMDk0LTAuMDc2IDAuMTktMC4xNTEgMC4yODgtMC4yMjNzMC4xOTgtMC4xNDMgMC4yOTktMC4yMTFjMC4xMDItMC4wNjggMC4yMDUtMC4xMzQgMC4zMS0wLjE5N3MwLjIxMi0wLjEyNCAwLjMyMS0wLjE4M2MwLjEwOS0wLjA1OCAwLjIxOS0wLjExNCAwLjMzMS0wLjE2N3MwLjIyNS0wLjEwMyAwLjM0LTAuMTVjMC4xMTUtMC4wNDcgMC4yMzEtMC4wOTIgMC4zNDgtMC4xMzNzMC4yMzYtMC4wODAgMC4zNTYtMC4xMTUgMC4yNDEtMC4wNjcgMC4zNjMtMC4wOTZjMC4xMjItMC4wMjkgMC4yNDUtMC4wNTQgMC4zNjktMC4wNzZzMC4yNDktMC4wNDEgMC4zNzQtMC4wNTZjMC4xMjYtMC4wMTUgMC4yNTItMC4wMjcgMC4zNzktMC4wMzZzMC4yNTQtMC4wMTMgMC4zODItMC4wMTVjMC4xMjgtMC4wMDEgMC4yNTYgMC4wMDEgMC4zODUgMC4wMDZzMC4yNTcgMC4wMTUgMC4zODYgMC4wMjdjMC4xMjkgMC4wMTMgMC4yNTggMC4wMjkgMC4zODcgMC4wNDlzMC4yNTggMC4wNDMgMC4zODYgMC4wNzBjMC4xMjggMC4wMjcgMC4yNTcgMC4wNTggMC4zODQgMC4wOTFzMC4yNTUgMC4wNzIgMC4zODIgMC4xMTNjMC4xMjcgMC4wNDEgMC4yNTMgMC4wODYgMC4zNzggMC4xMzRzMC4yNSAwLjA5OSAwLjM3MyAwLjE1NGMwLjEyNCAwLjA1NSAwLjI0NiAwLjExMyAwLjM2OCAwLjE3NXMwLjI0MiAwLjEyNiAwLjM2MSAwLjE5NCAwLjIzNyAwLjEzOSAwLjM1MyAwLjIxNGMwLjExNiAwLjA3NCAwLjIzMSAwLjE1MiAwLjM0NCAwLjIzMnMwLjIyNCAwLjE2NCAwLjMzNCAwLjI1MSAwLjIxNyAwLjE3NiAwLjMyMyAwLjI2OGMwLjEwNiAwLjA5MiAwLjIxIDAuMTg3IDAuMzExIDAuMjg1czAuMjAxIDAuMTk4IDAuMjk5IDAuMzAxYzAuMDk3IDAuMTAzIDAuMTkyIDAuMjA4IDAuMjg1IDAuMzE2czAuMTgzIDAuMjE4IDAuMjcgMC4zM2MwLjA4OCAwLjExMiAwLjE3MyAwLjIyNyAwLjI1NSAwLjM0NHMwLjE2MiAwLjIzNiAwLjIzOSAwLjM1N2MwLjA3NyAwLjEyMSAwLjE1MSAwLjI0NCAwLjIyMiAwLjM2OHMwLjE0IDAuMjUxIDAuMjA1IDAuMzc5YzAuMDY1IDAuMTI4IDAuMTI4IDAuMjU4IDAuMTg3IDAuMzg5czAuMTE1IDAuMjY0IDAuMTY4IDAuMzk4YzAuMDUzIDAuMTM0IDAuMTAyIDAuMjcgMC4xNDkgMC40MDZzMC4wOTAgMC4yNzUgMC4xMjkgMC40MTRjMC4wNDAgMC4xMzkgMC4wNzYgMC4yNzkgMC4xMDkgMC40MnMwLjA2MyAwLjI4MyAwLjA4OSAwLjQyNmMwLjAyNiAwLjE0MyAwLjA0OSAwLjI4NiAwLjA2OCAwLjQzczAuMDM1IDAuMjg5IDAuMDQ3IDAuNDM0YzAuMDEyIDAuMTQ1IDAuMDIxIDAuMjkxIDAuMDI2IDAuNDM4czAuMDA3IDAuMjkzIDAuMDA1IDAuNDRjLTAuMDAyIDAuMTQ3LTAuMDA3IDAuMjk0LTAuMDE2IDAuNDQycy0wLjAyMSAwLjI5NS0wLjAzNyAwLjQ0M2MtMC4wMTYgMC4xNDgtMC4wMzUgMC4yOTYtMC4wNTggMC40NDRzLTAuMDQ5IDAuMjk2LTAuMDc5IDAuNDQzYy0wLjAzMCAwLjE0OC0wLjA2MyAwLjI5NS0wLjA5OSAwLjQ0M3MtMC4wNzYgMC4yOTUtMC4xMTkgMC40NDJjLTAuMDQzIDAuMTQ3LTAuMDkwIDAuMjk0LTAuMTM5IDAuNDRzLTAuMTAyIDAuMjkzLTAuMTU5IDAuNDM4Yy0wLjA1NiAwLjE0Ni0wLjExNSAwLjI5MS0wLjE3NyAwLjQzNnMtMC4xMjggMC4yODktMC4xOTYgMC40MzQtMC4xNCAwLjI4OC0wLjIxNCAwLjQzMWMtMC4wNzQgMC4xNDMtMC4xNTEgMC4yODYtMC4yMzEgMC40MjhzLTAuMTYyIDAuMjgzLTAuMjQ3IDAuNDI0Yy0wLjA4NSAwLjE0MS0wLjE3MyAwLjI4MS0wLjI2MyAwLjQyMXMtMC4xODMgMC4yNzktMC4yNzggMC40MTdjLTAuMDk1IDAuMTM5LTAuMTkyIDAuMjc2LTAuMjkyIDAuNDE0cy0wLjIwMSAwLjI3NC0wLjMwNSAwLjQxLTAuMjEgMC4yNzItMC4zMTcgMC40MDZjLTAuMTA4IDAuMTM1LTAuMjE3IDAuMjY5LTAuMzI5IDAuNDAzcy0wLjIyNCAwLjI2Ny0wLjMzOSAwLjM5OWMtMC4xMTUgMC4xMzItMC4yMzEgMC4yNjQtMC4zNDkgMC4zOTZzLTAuMjM3IDAuMjYyLTAuMzU3IDAuMzkyYy0wLjEyIDAuMTMtMC4yNDIgMC4yNi0wLjM2NCAwLjM4OXMtMC4yNDYgMC4yNTctMC4zNzEgMC4zODUtMC4yNSAwLjI1NS0wLjM3NiAwLjM4MmMtMC4xMjYgMC4xMjctMC4yNTMgMC4yNTMtMC4zOCAwLjM3OXMtMC4yNTUgMC4yNTEtMC4zODMgMC4zNzYtMC4yNTcgMC4yNDktMC4zODUgMC4zNzMtMC4yNTggMC4yNDctMC4zODYgMC4zN2MtMC4xMjkgMC4xMjMtMC4yNTggMC4yNDUtMC4zODYgMC4zNjdzLTAuMjU3IDAuMjQ0LTAuMzg2IDAuMzY1Yy0wLjEyOCAwLjEyMS0wLjI1NiAwLjI0Mi0wLjM4NCAwLjM2MnMtMC4yNTQgMC4yNC0wLjM4MSAwLjM1OWMtMC4xMjYgMC4xMTktMC4yNTIgMC4yMzgtMC4zNzcgMC4zNTdzLTAuMjQ5IDAuMjM2LTAuMzcyIDAuMzU0Yy0wLjEyMyAwLjExOC0wLjI0NSAwLjIzNS0wLjM2NiAwLjM1MXMtMC4yNDEgMC4yMzMtMC4zNiAwLjM0OWMtMC4xMTkgMC4xMTYtMC4yMzYgMC4yMzEtMC4zNTIgMC4zNDZzLTAuMjMxIDAuMjI5LTAuMzQ0IDAuMzQzYy0wLjExMyAwLjExNC0wLjIyNSAwLjIyNy0wLjMzNSAwLjM0cy0wLjIxOSAwLjIyNS0wLjMyNiAwLjMzNi0wLjIxMiAwLjIyMi0wLjMxNiAwLjMzM2MtMC4xMDMgMC4xMS0wLjIwNSAwLjIyLTAuMzA1IDAuMzI5cy0wLjE5OCAwLjIxNy0wLjI5NCAwLjMyNWMtMC4wOTYgMC4xMDgtMC4xOSAwLjIxNC0wLjI4MiAwLjMycy0wLjE4MiAwLjIxMS0wLjI3IDAuMzE2LTAuMTc0IDAuMjA4LTAuMjU3IDAuMzExYy0wLjA4NCAwLjEwMy0wLjE2NSAwLjIwNC0wLjI0NSAwLjMwNXMtMC4xNTcgMC4yMDEtMC4yMzIgMC4zYy0wLjA3NSAwLjA5OS0wLjE0OCAwLjE5Ny0wLjIxOSAwLjI5M3MtMC4xMzkgMC4xOTItMC4yMDUgMC4yODctMC4xMyAwLjE4OC0wLjE5MiAwLjI4Yy0wLjA2MiAwLjA5Mi0wLjEyMSAwLjE4My0wLjE3OSAwLjI3MnMtMC4xMTMgMC4xNzctMC4xNjYgMC4yNjRjLTAuMDUzIDAuMDg3LTAuMTA0IDAuMTcyLTAuMTUzIDAuMjU1cy0wLjA5NSAwLjE2Ni0wLjE0IDAuMjQ2LTAuMDg3IDAuMTYtMC4xMjcgMC4yMzdjLTAuMDQwIDAuMDc3LTAuMDc5IDAuMTUzLTAuMTE1IDAuMjI3cy0wLjA3MSAwLjE0Ni0wLjEwMyAwLjIxN2MtMC4wMzIgMC4wNzAtMC4wNjMgMC4xMzktMC4wOTIgMC4yMDZzLTAuMDU2IDAuMTMxLTAuMDgxIDAuMTk0Yy0wLjAyNSAwLjA2My0wLjA0OSAwLjEyNC0wLjA3MCAwLjE4M3MtMC4wNDIgMC4xMTYtMC4wNjEgMC4xN2MtMC4wMTkgMC4wNTUtMC4wMzYgMC4xMDctMC4wNTEgMC4xNThzLTAuMDMwIDAuMDk5LTAuMDQzIDAuMTQ1LTAuMDI0IDAuMDkwLTAuMDM1IDAuMTMxYy0wLjAxMCAwLjA0MS0wLjAyMCAwLjA4MS0wLjAyOCAwLjExN3MtMC4wMTUgMC4wNzEtMC4wMjEgMC4xMDRjLTAuMDA2IDAuMDMyLTAuMDExIDAuMDYyLTAuMDE2IDAuMDg5cy0wLjAwOCAwLjA1Mi0wLjAxMSAwLjA3NWMtMC4wMDMgMC4wMjMtMC4wMDUgMC4wNDMtMC4wMDcgMC4wNjBzLTAuMDAzIDAuMDMzLTAuMDA0IDAuMDQ1Yy0wLjAwMSAwLjAxMy0wLjAwMSAwLjAyMy0wLjAwMiAwLjAzMHMtMCAwLjAxMy0wIDAuMDE1IDAgMC4wMDMgMCAwLTAtMC4wMDgtMC0wLjAxNS0wLjAwMS0wLjAxOC0wLjAwMi0wLjAzMGMtMC4wMDEtMC4wMTMtMC4wMDItMC4wMjgtMC4wMDQtMC4wNDVzLTAuMDA0LTAuMDM3LTAuMDA3LTAuMDYwYy0wLjAwMy0wLjAyMi0wLjAwNy0wLjA0Ny0wLjAxMS0wLjA3NXMtMC4wMTAtMC4wNTctMC4wMTYtMC4wODljLTAuMDA2LTAuMDMyLTAuMDEzLTAuMDY3LTAuMDIxLTAuMTA0cy0wLjAxNy0wLjA3Ni0wLjAyOC0wLjExN2MtMC4wMTAtMC4wNDEtMC4wMjItMC4wODUtMC4wMzUtMC4xMzFzLTAuMDI3LTAuMDk0LTAuMDQzLTAuMTQ1Yy0wLjAxNi0wLjA1MC0wLjAzMy0wLjEwMy0wLjA1MS0wLjE1OHMtMC4wMzktMC4xMTEtMC4wNjEtMC4xN2MtMC4wMjItMC4wNTktMC4wNDUtMC4xMi0wLjA3MC0wLjE4M3MtMC4wNTItMC4xMjgtMC4wODEtMC4xOTRjLTAuMDI5LTAuMDY3LTAuMDU5LTAuMTM1LTAuMDkyLTAuMjA2cy0wLjA2Ny0wLjE0My0wLjEwMy0wLjIxN2MtMC4wMzYtMC4wNzQtMC4wNzUtMC4xNS0wLjExNS0wLjIyN3MtMC4wODMtMC4xNTYtMC4xMjctMC4yMzctMC4wOTEtMC4xNjMtMC4xNC0wLjI0NmMtMC4wNDktMC4wODQtMC4xLTAuMTY5LTAuMTUzLTAuMjU1cy0wLjEwOC0wLjE3NS0wLjE2Ni0wLjI2NGMtMC4wNTctMC4wODktMC4xMTctMC4xOC0wLjE3OS0wLjI3MnMtMC4xMjYtMC4xODUtMC4xOTItMC4yOGMtMC4wNjYtMC4wOTQtMC4xMzUtMC4xOS0wLjIwNS0wLjI4N3MtMC4xNDQtMC4xOTUtMC4yMTktMC4yOTNjLTAuMDc1LTAuMDk5LTAuMTUyLTAuMTk5LTAuMjMyLTAuM3MtMC4xNjEtMC4yMDMtMC4yNDUtMC4zMDUtMC4xNjktMC4yMDYtMC4yNTctMC4zMTFjLTAuMDg4LTAuMTA0LTAuMTc4LTAuMjEtMC4yNy0wLjMxNnMtMC4xODYtMC4yMTMtMC4yODItMC4zMi0wLjE5NC0wLjIxNi0wLjI5NC0wLjMyNWMtMC4xLTAuMTA5LTAuMjAxLTAuMjE5LTAuMzA1LTAuMzI5cy0wLjIwOS0wLjIyMS0wLjMxNi0wLjMzM2MtMC4xMDctMC4xMTEtMC4yMTYtMC4yMjQtMC4zMjYtMC4zMzZzLTAuMjIyLTAuMjI2LTAuMzM1LTAuMzRjLTAuMTEzLTAuMTE0LTAuMjI4LTAuMjI4LTAuMzQ0LTAuMzQzcy0wLjIzNC0wLjIzLTAuMzUyLTAuMzQ2Yy0wLjExOS0wLjExNi0wLjIzOS0wLjIzMi0wLjM2LTAuMzQ5cy0wLjI0My0wLjIzNC0wLjM2Ni0wLjM1MS0wLjI0Ny0wLjIzNi0wLjM3Mi0wLjM1NGMtMC4xMjUtMC4xMTgtMC4yNS0wLjIzNy0wLjM3Ny0wLjM1N3MtMC4yNTMtMC4yMzktMC4zODEtMC4zNTljLTAuMTI3LTAuMTItMC4yNTUtMC4yNDEtMC4zODMtMC4zNjJzLTAuMjU3LTAuMjQzLTAuMzg2LTAuMzY1Yy0wLjEyOS0wLjEyMi0wLjI1OC0wLjI0NC0wLjM4Ni0wLjM2N3MtMC4yNTgtMC4yNDYtMC4zODYtMC4zN2MtMC4xMjktMC4xMjQtMC4yNTctMC4yNDgtMC4zODUtMC4zNzNzLTAuMjU2LTAuMjUtMC4zODMtMC4zNzZjLTAuMTI3LTAuMTI2LTAuMjU0LTAuMjUyLTAuMzgtMC4zNzlzLTAuMjUxLTAuMjU0LTAuMzc2LTAuMzgyYy0wLjEyNC0wLjEyOC0wLjI0OC0wLjI1Ni0wLjM3MS0wLjM4NXMtMC4yNDQtMC4yNTktMC4zNjQtMC4zODljLTAuMTItMC4xMy0wLjIzOS0wLjI2MS0wLjM1Ny0wLjM5MnMtMC4yMzQtMC4yNjMtMC4zNDktMC4zOTZjLTAuMTE1LTAuMTMyLTAuMjI4LTAuMjY2LTAuMzM5LTAuMzk5cy0wLjIyMS0wLjI2OC0wLjMyOS0wLjQwM2MtMC4xMDgtMC4xMzUtMC4yMTQtMC4yNy0wLjMxNy0wLjQwNnMtMC4yMDYtMC4yNzMtMC4zMDUtMC40MWMtMC4xLTAuMTM3LTAuMTk3LTAuMjc1LTAuMjkyLTAuNDE0cy0wLjE4OC0wLjI3OC0wLjI3OC0wLjQxN2MtMC4wOTAtMC4xNC0wLjE3OC0wLjI4LTAuMjYzLTAuNDIxcy0wLjE2Ny0wLjI4Mi0wLjI0Ny0wLjQyNGMtMC4wODAtMC4xNDItMC4xNTctMC4yODQtMC4yMzEtMC40MjhzLTAuMTQ1LTAuMjg3LTAuMjE0LTAuNDMxYy0wLjA2OC0wLjE0NC0wLjEzNC0wLjI4OS0wLjE5Ni0wLjQzNHMtMC4xMjItMC4yOS0wLjE3Ny0wLjQzNmMtMC4wNTYtMC4xNDYtMC4xMDktMC4yOTItMC4xNTktMC40MzhzLTAuMDk2LTAuMjkzLTAuMTM5LTAuNDRjLTAuMDQzLTAuMTQ3LTAuMDgzLTAuMjk0LTAuMTE5LTAuNDQycy0wLjA2OS0wLjI5NS0wLjA5OS0wLjQ0My0wLjA1Ni0wLjI5Ni0wLjA3OS0wLjQ0M2MtMC4wMjMtMC4xNDgtMC4wNDItMC4yOTYtMC4wNTgtMC40NDRzLTAuMDI4LTAuMjk2LTAuMDM3LTAuNDQzYy0wLjAwOS0wLjE0OC0wLjAxNC0wLjI5NS0wLjAxNi0wLjQ0MnMwLTAuMjk0IDAuMDA1LTAuNDQgMC4wMTQtMC4yOTIgMC4wMjYtMC40MzhjMC4wMTItMC4xNDUgMC4wMjgtMC4yOSAwLjA0Ny0wLjQzNHMwLjA0Mi0wLjI4OCAwLjA2OC0wLjQzIDAuMDU2LTAuMjg1IDAuMDg5LTAuNDI2YzAuMDMzLTAuMTQxIDAuMDY5LTAuMjgxIDAuMTA5LTAuNDJzMC4wODMtMC4yNzcgMC4xMjktMC40MTQgMC4wOTYtMC4yNzIgMC4xNDktMC40MDZjMC4wNTMtMC4xMzQgMC4xMDktMC4yNjcgMC4xNjgtMC4zOThzMC4xMjEtMC4yNjEgMC4xODctMC4zODljMC4wNjUtMC4xMjggMC4xMzQtMC4yNTUgMC4yMDUtMC4zNzlzMC4xNDUtMC4yNDcgMC4yMjItMC4zNjhjMC4wNzctMC4xMjEgMC4xNTctMC4yNCAwLjIzOS0wLjM1N3MwLjE2OC0wLjIzMSAwLjI1NS0wLjM0NGMwLjA4OC0wLjExMiAwLjE3OC0wLjIyMyAwLjI3LTAuMzNzMC4xODgtMC4yMTMgMC4yODUtMC4zMTYgMC4xOTctMC4yMDMgMC4yOTktMC4zMDFjMC4xMDItMC4wOTggMC4yMDYtMC4xOTMgMC4zMTEtMC4yODVzMC4yMTQtMC4xODIgMC4zMjMtMC4yNjggMC4yMjEtMC4xNyAwLjMzNC0wLjI1MWMwLjExMy0wLjA4MSAwLjIyOC0wLjE1OCAwLjM0NC0wLjIzMnMwLjIzNC0wLjE0NiAwLjM1My0wLjIxNCAwLjIzOS0wLjEzMyAwLjM2MS0wLjE5NGMwLjEyMS0wLjA2MiAwLjI0NC0wLjEyIDAuMzY4LTAuMTc1czAuMjQ4LTAuMTA2IDAuMzczLTAuMTU0YzAuMTI1LTAuMDQ4IDAuMjUxLTAuMDkzIDAuMzc4LTAuMTM0czAuMjU0LTAuMDc5IDAuMzgyLTAuMTEzYzAuMTI4LTAuMDM0IDAuMjU2LTAuMDY1IDAuMzg0LTAuMDkxczAuMjU3LTAuMDUwIDAuMzg2LTAuMDcwYzAuMTI5LTAuMDIwIDAuMjU4LTAuMDM2IDAuMzg3LTAuMDQ5czAuMjU4LTAuMDIyIDAuMzg2LTAuMDI3YzAuMTI5LTAuMDA2IDAuMjU3LTAuMDA4IDAuMzg1LTAuMDA2czAuMjU1IDAuMDA3IDAuMzgyIDAuMDE1IDAuMjUzIDAuMDIxIDAuMzc5IDAuMDM2YzAuMTI2IDAuMDE1IDAuMjUgMC4wMzQgMC4zNzQgMC4wNTZzMC4yNDcgMC4wNDggMC4zNjkgMC4wNzZjMC4xMjIgMC4wMjkgMC4yNDMgMC4wNjEgMC4zNjMgMC4wOTZzMC4yMzkgMC4wNzQgMC4zNTYgMC4xMTVjMC4xMTcgMC4wNDEgMC4yMzQgMC4wODYgMC4zNDggMC4xMzNzMC4yMjggMC4wOTggMC4zNCAwLjE1YzAuMTEyIDAuMDUzIDAuMjIyIDAuMTA5IDAuMzMxIDAuMTY3czAuMjE2IDAuMTE5IDAuMzIxIDAuMTgzYzAuMTA1IDAuMDYzIDAuMjA5IDAuMTI5IDAuMzEgMC4xOTdzMC4yMDEgMC4xMzggMC4yOTkgMC4yMTFjMC4wOTggMC4wNzIgMC4xOTQgMC4xNDcgMC4yODggMC4yMjNzMC4xODYgMC4xNTUgMC4yNzYgMC4yMzQgMC4xNzggMC4xNjEgMC4yNjQgMC4yNDVjMC4wODYgMC4wODMgMC4xNjkgMC4xNjcgMC4yNTEgMC4yNTNzMC4xNjEgMC4xNzMgMC4yMzggMC4yNjEgMC4xNTIgMC4xNzcgMC4yMjUgMC4yNjdjMC4wNzMgMC4wOTAgMC4xNDQgMC4xOCAwLjIxMiAwLjI3MXMwLjEzNSAwLjE4MyAwLjE5OSAwLjI3NWMwLjA2NCAwLjA5MiAwLjEyNiAwLjE4NCAwLjE4NSAwLjI3NnMwLjExNyAwLjE4NSAwLjE3MiAwLjI3N2MwLjA1NSAwLjA5MiAwLjEwOCAwLjE4NCAwLjE1OSAwLjI3NnMwLjEgMC4xODMgMC4xNDYgMC4yNzNjMC4wNDcgMC4wOTAgMC4wOTEgMC4xOCAwLjEzNCAwLjI2OXMwLjA4MyAwLjE3NyAwLjEyMSAwLjI2NGMwLjAzOCAwLjA4NyAwLjA3NSAwLjE3MyAwLjEwOSAwLjI1N3MwLjA2NyAwLjE2NyAwLjA5NyAwLjI0OWMwLjAzMSAwLjA4MSAwLjA1OSAwLjE2MSAwLjA4NiAwLjI0czAuMDUyIDAuMTU1IDAuMDc2IDAuMjI5YzAuMDIzIDAuMDc0IDAuMDQ1IDAuMTQ3IDAuMDY1IDAuMjE3czAuMDM5IDAuMTM4IDAuMDU2IDAuMjA0YzAuMDE3IDAuMDY2IDAuMDMzIDAuMTI5IDAuMDQ3IDAuMTlzMC4wMjcgMC4xMTkgMC4wMzkgMC4xNzVjMC4wMTIgMC4wNTYgMC4wMjIgMC4xMDkgMC4wMzEgMC4xNTlzMC4wMTcgMC4wOTggMC4wMjQgMC4xNDNjMC4wMDcgMC4wNDUgMC4wMTMgMC4wODYgMC4wMTggMC4xMjVzMC4wMTAgMC4wNzQgMC4wMTMgMC4xMDdjMC4wMDQgMC4wMzMgMC4wMDcgMC4wNjIgMC4wMDkgMC4wODhzMC4wMDQgMC4wNDkgMC4wMDUgMC4wNjljMC4wMDEgMC4wMjAgMC4wMDIgMC4wMzYgMC4wMDMgMC4wNTBzMC4wMDEgMC4wMjMgMC4wMDEgMC4wMzBjMCAwLjAwNyAwIDAuMDEwIDAgMC4wMTB6IiAgICAgZmlsbD0iIzAwMCIgICAgIG9wYWNpdHk9IjAuOTk1NDM0IiAvPjwvc3ZnPg==); +} +/* input[value='1'] ~ div > #favourite_favourite { */ +/* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJoZWFydC5zdmciICAgaWQ9InN2ZzYiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczEwIiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMzAiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOmN4PSIxNi4wNjY5NDYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3OCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEzODIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI1NjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmhlYXJ0PC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojODFhMWMxO2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjAyMCA3LjcxOWMwIDAgMC0wLjAwMyAwLTAuMDEwczAtMC4wMTcgMC4wMDEtMC4wMzBjMC4wMDEtMC4wMTMgMC4wMDEtMC4wMzAgMC4wMDMtMC4wNTBzMC4wMDMtMC4wNDMgMC4wMDUtMC4wNjljMC4wMDItMC4wMjYgMC4wMDUtMC4wNTYgMC4wMDktMC4wODhzMC4wMDgtMC4wNjggMC4wMTMtMC4xMDdjMC4wMDUtMC4wMzkgMC4wMTEtMC4wODAgMC4wMTgtMC4xMjVzMC4wMTUtMC4wOTIgMC4wMjQtMC4xNDNjMC4wMDktMC4wNTAgMC4wMjAtMC4xMDQgMC4wMzEtMC4xNTlzMC4wMjQtMC4xMTQgMC4wMzktMC4xNzVjMC4wMTQtMC4wNjEgMC4wMzAtMC4xMjQgMC4wNDctMC4xOXMwLjAzNi0wLjEzNCAwLjA1Ni0wLjIwNGMwLjAyMC0wLjA3MCAwLjA0Mi0wLjE0MyAwLjA2NS0wLjIxN3MwLjA0OS0wLjE1MSAwLjA3Ni0wLjIyOWMwLjAyNy0wLjA3OCAwLjA1Ni0wLjE1OCAwLjA4Ni0wLjI0czAuMDYzLTAuMTY1IDAuMDk3LTAuMjQ5YzAuMDM0LTAuMDg0IDAuMDcxLTAuMTcgMC4xMDktMC4yNTdzMC4wNzktMC4xNzUgMC4xMjEtMC4yNjRjMC4wNDItMC4wODkgMC4wODctMC4xNzkgMC4xMzQtMC4yNjlzMC4wOTUtMC4xODEgMC4xNDYtMC4yNzNjMC4wNTEtMC4wOTEgMC4xMDQtMC4xODMgMC4xNTktMC4yNzZzMC4xMTMtMC4xODQgMC4xNzItMC4yNzdjMC4wNjAtMC4wOTIgMC4xMjEtMC4xODQgMC4xODUtMC4yNzZzMC4xMy0wLjE4MyAwLjE5OS0wLjI3NWMwLjA2OC0wLjA5MSAwLjEzOS0wLjE4MiAwLjIxMi0wLjI3MXMwLjE0OC0wLjE3OSAwLjIyNS0wLjI2N2MwLjA3Ny0wLjA4OCAwLjE1Ny0wLjE3NSAwLjIzOC0wLjI2MXMwLjE2NS0wLjE3IDAuMjUxLTAuMjUzYzAuMDg2LTAuMDgzIDAuMTc0LTAuMTY1IDAuMjY0LTAuMjQ1czAuMTgyLTAuMTU4IDAuMjc2LTAuMjM0YzAuMDk0LTAuMDc2IDAuMTktMC4xNTEgMC4yODgtMC4yMjNzMC4xOTgtMC4xNDMgMC4yOTktMC4yMTFjMC4xMDItMC4wNjggMC4yMDUtMC4xMzQgMC4zMS0wLjE5N3MwLjIxMi0wLjEyNCAwLjMyMS0wLjE4M2MwLjEwOS0wLjA1OCAwLjIxOS0wLjExNCAwLjMzMS0wLjE2N3MwLjIyNS0wLjEwMyAwLjM0LTAuMTVjMC4xMTUtMC4wNDcgMC4yMzEtMC4wOTIgMC4zNDgtMC4xMzNzMC4yMzYtMC4wODAgMC4zNTYtMC4xMTUgMC4yNDEtMC4wNjcgMC4zNjMtMC4wOTZjMC4xMjItMC4wMjkgMC4yNDUtMC4wNTQgMC4zNjktMC4wNzZzMC4yNDktMC4wNDEgMC4zNzQtMC4wNTZjMC4xMjYtMC4wMTUgMC4yNTItMC4wMjcgMC4zNzktMC4wMzZzMC4yNTQtMC4wMTMgMC4zODItMC4wMTVjMC4xMjgtMC4wMDEgMC4yNTYgMC4wMDEgMC4zODUgMC4wMDZzMC4yNTcgMC4wMTUgMC4zODYgMC4wMjdjMC4xMjkgMC4wMTMgMC4yNTggMC4wMjkgMC4zODcgMC4wNDlzMC4yNTggMC4wNDMgMC4zODYgMC4wNzBjMC4xMjggMC4wMjcgMC4yNTcgMC4wNTggMC4zODQgMC4wOTFzMC4yNTUgMC4wNzIgMC4zODIgMC4xMTNjMC4xMjcgMC4wNDEgMC4yNTMgMC4wODYgMC4zNzggMC4xMzRzMC4yNSAwLjA5OSAwLjM3MyAwLjE1NGMwLjEyNCAwLjA1NSAwLjI0NiAwLjExMyAwLjM2OCAwLjE3NXMwLjI0MiAwLjEyNiAwLjM2MSAwLjE5NCAwLjIzNyAwLjEzOSAwLjM1MyAwLjIxNGMwLjExNiAwLjA3NCAwLjIzMSAwLjE1MiAwLjM0NCAwLjIzMnMwLjIyNCAwLjE2NCAwLjMzNCAwLjI1MSAwLjIxNyAwLjE3NiAwLjMyMyAwLjI2OGMwLjEwNiAwLjA5MiAwLjIxIDAuMTg3IDAuMzExIDAuMjg1czAuMjAxIDAuMTk4IDAuMjk5IDAuMzAxYzAuMDk3IDAuMTAzIDAuMTkyIDAuMjA4IDAuMjg1IDAuMzE2czAuMTgzIDAuMjE4IDAuMjcgMC4zM2MwLjA4OCAwLjExMiAwLjE3MyAwLjIyNyAwLjI1NSAwLjM0NHMwLjE2MiAwLjIzNiAwLjIzOSAwLjM1N2MwLjA3NyAwLjEyMSAwLjE1MSAwLjI0NCAwLjIyMiAwLjM2OHMwLjE0IDAuMjUxIDAuMjA1IDAuMzc5YzAuMDY1IDAuMTI4IDAuMTI4IDAuMjU4IDAuMTg3IDAuMzg5czAuMTE1IDAuMjY0IDAuMTY4IDAuMzk4YzAuMDUzIDAuMTM0IDAuMTAyIDAuMjcgMC4xNDkgMC40MDZzMC4wOTAgMC4yNzUgMC4xMjkgMC40MTRjMC4wNDAgMC4xMzkgMC4wNzYgMC4yNzkgMC4xMDkgMC40MnMwLjA2MyAwLjI4MyAwLjA4OSAwLjQyNmMwLjAyNiAwLjE0MyAwLjA0OSAwLjI4NiAwLjA2OCAwLjQzczAuMDM1IDAuMjg5IDAuMDQ3IDAuNDM0YzAuMDEyIDAuMTQ1IDAuMDIxIDAuMjkxIDAuMDI2IDAuNDM4czAuMDA3IDAuMjkzIDAuMDA1IDAuNDRjLTAuMDAyIDAuMTQ3LTAuMDA3IDAuMjk0LTAuMDE2IDAuNDQycy0wLjAyMSAwLjI5NS0wLjAzNyAwLjQ0M2MtMC4wMTYgMC4xNDgtMC4wMzUgMC4yOTYtMC4wNTggMC40NDRzLTAuMDQ5IDAuMjk2LTAuMDc5IDAuNDQzYy0wLjAzMCAwLjE0OC0wLjA2MyAwLjI5NS0wLjA5OSAwLjQ0M3MtMC4wNzYgMC4yOTUtMC4xMTkgMC40NDJjLTAuMDQzIDAuMTQ3LTAuMDkwIDAuMjk0LTAuMTM5IDAuNDRzLTAuMTAyIDAuMjkzLTAuMTU5IDAuNDM4Yy0wLjA1NiAwLjE0Ni0wLjExNSAwLjI5MS0wLjE3NyAwLjQzNnMtMC4xMjggMC4yODktMC4xOTYgMC40MzQtMC4xNCAwLjI4OC0wLjIxNCAwLjQzMWMtMC4wNzQgMC4xNDMtMC4xNTEgMC4yODYtMC4yMzEgMC40MjhzLTAuMTYyIDAuMjgzLTAuMjQ3IDAuNDI0Yy0wLjA4NSAwLjE0MS0wLjE3MyAwLjI4MS0wLjI2MyAwLjQyMXMtMC4xODMgMC4yNzktMC4yNzggMC40MTdjLTAuMDk1IDAuMTM5LTAuMTkyIDAuMjc2LTAuMjkyIDAuNDE0cy0wLjIwMSAwLjI3NC0wLjMwNSAwLjQxLTAuMjEgMC4yNzItMC4zMTcgMC40MDZjLTAuMTA4IDAuMTM1LTAuMjE3IDAuMjY5LTAuMzI5IDAuNDAzcy0wLjIyNCAwLjI2Ny0wLjMzOSAwLjM5OWMtMC4xMTUgMC4xMzItMC4yMzEgMC4yNjQtMC4zNDkgMC4zOTZzLTAuMjM3IDAuMjYyLTAuMzU3IDAuMzkyYy0wLjEyIDAuMTMtMC4yNDIgMC4yNi0wLjM2NCAwLjM4OXMtMC4yNDYgMC4yNTctMC4zNzEgMC4zODUtMC4yNSAwLjI1NS0wLjM3NiAwLjM4MmMtMC4xMjYgMC4xMjctMC4yNTMgMC4yNTMtMC4zOCAwLjM3OXMtMC4yNTUgMC4yNTEtMC4zODMgMC4zNzYtMC4yNTcgMC4yNDktMC4zODUgMC4zNzMtMC4yNTggMC4yNDctMC4zODYgMC4zN2MtMC4xMjkgMC4xMjMtMC4yNTggMC4yNDUtMC4zODYgMC4zNjdzLTAuMjU3IDAuMjQ0LTAuMzg2IDAuMzY1Yy0wLjEyOCAwLjEyMS0wLjI1NiAwLjI0Mi0wLjM4NCAwLjM2MnMtMC4yNTQgMC4yNC0wLjM4MSAwLjM1OWMtMC4xMjYgMC4xMTktMC4yNTIgMC4yMzgtMC4zNzcgMC4zNTdzLTAuMjQ5IDAuMjM2LTAuMzcyIDAuMzU0Yy0wLjEyMyAwLjExOC0wLjI0NSAwLjIzNS0wLjM2NiAwLjM1MXMtMC4yNDEgMC4yMzMtMC4zNiAwLjM0OWMtMC4xMTkgMC4xMTYtMC4yMzYgMC4yMzEtMC4zNTIgMC4zNDZzLTAuMjMxIDAuMjI5LTAuMzQ0IDAuMzQzYy0wLjExMyAwLjExNC0wLjIyNSAwLjIyNy0wLjMzNSAwLjM0cy0wLjIxOSAwLjIyNS0wLjMyNiAwLjMzNi0wLjIxMiAwLjIyMi0wLjMxNiAwLjMzM2MtMC4xMDMgMC4xMS0wLjIwNSAwLjIyLTAuMzA1IDAuMzI5cy0wLjE5OCAwLjIxNy0wLjI5NCAwLjMyNWMtMC4wOTYgMC4xMDgtMC4xOSAwLjIxNC0wLjI4MiAwLjMycy0wLjE4MiAwLjIxMS0wLjI3IDAuMzE2LTAuMTc0IDAuMjA4LTAuMjU3IDAuMzExYy0wLjA4NCAwLjEwMy0wLjE2NSAwLjIwNC0wLjI0NSAwLjMwNXMtMC4xNTcgMC4yMDEtMC4yMzIgMC4zYy0wLjA3NSAwLjA5OS0wLjE0OCAwLjE5Ny0wLjIxOSAwLjI5M3MtMC4xMzkgMC4xOTItMC4yMDUgMC4yODctMC4xMyAwLjE4OC0wLjE5MiAwLjI4Yy0wLjA2MiAwLjA5Mi0wLjEyMSAwLjE4My0wLjE3OSAwLjI3MnMtMC4xMTMgMC4xNzctMC4xNjYgMC4yNjRjLTAuMDUzIDAuMDg3LTAuMTA0IDAuMTcyLTAuMTUzIDAuMjU1cy0wLjA5NSAwLjE2Ni0wLjE0IDAuMjQ2LTAuMDg3IDAuMTYtMC4xMjcgMC4yMzdjLTAuMDQwIDAuMDc3LTAuMDc5IDAuMTUzLTAuMTE1IDAuMjI3cy0wLjA3MSAwLjE0Ni0wLjEwMyAwLjIxN2MtMC4wMzIgMC4wNzAtMC4wNjMgMC4xMzktMC4wOTIgMC4yMDZzLTAuMDU2IDAuMTMxLTAuMDgxIDAuMTk0Yy0wLjAyNSAwLjA2My0wLjA0OSAwLjEyNC0wLjA3MCAwLjE4M3MtMC4wNDIgMC4xMTYtMC4wNjEgMC4xN2MtMC4wMTkgMC4wNTUtMC4wMzYgMC4xMDctMC4wNTEgMC4xNThzLTAuMDMwIDAuMDk5LTAuMDQzIDAuMTQ1LTAuMDI0IDAuMDkwLTAuMDM1IDAuMTMxYy0wLjAxMCAwLjA0MS0wLjAyMCAwLjA4MS0wLjAyOCAwLjExN3MtMC4wMTUgMC4wNzEtMC4wMjEgMC4xMDRjLTAuMDA2IDAuMDMyLTAuMDExIDAuMDYyLTAuMDE2IDAuMDg5cy0wLjAwOCAwLjA1Mi0wLjAxMSAwLjA3NWMtMC4wMDMgMC4wMjMtMC4wMDUgMC4wNDMtMC4wMDcgMC4wNjBzLTAuMDAzIDAuMDMzLTAuMDA0IDAuMDQ1Yy0wLjAwMSAwLjAxMy0wLjAwMSAwLjAyMy0wLjAwMiAwLjAzMHMtMCAwLjAxMy0wIDAuMDE1IDAgMC4wMDMgMCAwLTAtMC4wMDgtMC0wLjAxNS0wLjAwMS0wLjAxOC0wLjAwMi0wLjAzMGMtMC4wMDEtMC4wMTMtMC4wMDItMC4wMjgtMC4wMDQtMC4wNDVzLTAuMDA0LTAuMDM3LTAuMDA3LTAuMDYwYy0wLjAwMy0wLjAyMi0wLjAwNy0wLjA0Ny0wLjAxMS0wLjA3NXMtMC4wMTAtMC4wNTctMC4wMTYtMC4wODljLTAuMDA2LTAuMDMyLTAuMDEzLTAuMDY3LTAuMDIxLTAuMTA0cy0wLjAxNy0wLjA3Ni0wLjAyOC0wLjExN2MtMC4wMTAtMC4wNDEtMC4wMjItMC4wODUtMC4wMzUtMC4xMzFzLTAuMDI3LTAuMDk0LTAuMDQzLTAuMTQ1Yy0wLjAxNi0wLjA1MC0wLjAzMy0wLjEwMy0wLjA1MS0wLjE1OHMtMC4wMzktMC4xMTEtMC4wNjEtMC4xN2MtMC4wMjItMC4wNTktMC4wNDUtMC4xMi0wLjA3MC0wLjE4M3MtMC4wNTItMC4xMjgtMC4wODEtMC4xOTRjLTAuMDI5LTAuMDY3LTAuMDU5LTAuMTM1LTAuMDkyLTAuMjA2cy0wLjA2Ny0wLjE0My0wLjEwMy0wLjIxN2MtMC4wMzYtMC4wNzQtMC4wNzUtMC4xNS0wLjExNS0wLjIyN3MtMC4wODMtMC4xNTYtMC4xMjctMC4yMzctMC4wOTEtMC4xNjMtMC4xNC0wLjI0NmMtMC4wNDktMC4wODQtMC4xLTAuMTY5LTAuMTUzLTAuMjU1cy0wLjEwOC0wLjE3NS0wLjE2Ni0wLjI2NGMtMC4wNTctMC4wODktMC4xMTctMC4xOC0wLjE3OS0wLjI3MnMtMC4xMjYtMC4xODUtMC4xOTItMC4yOGMtMC4wNjYtMC4wOTQtMC4xMzUtMC4xOS0wLjIwNS0wLjI4N3MtMC4xNDQtMC4xOTUtMC4yMTktMC4yOTNjLTAuMDc1LTAuMDk5LTAuMTUyLTAuMTk5LTAuMjMyLTAuM3MtMC4xNjEtMC4yMDMtMC4yNDUtMC4zMDUtMC4xNjktMC4yMDYtMC4yNTctMC4zMTFjLTAuMDg4LTAuMTA0LTAuMTc4LTAuMjEtMC4yNy0wLjMxNnMtMC4xODYtMC4yMTMtMC4yODItMC4zMi0wLjE5NC0wLjIxNi0wLjI5NC0wLjMyNWMtMC4xLTAuMTA5LTAuMjAxLTAuMjE5LTAuMzA1LTAuMzI5cy0wLjIwOS0wLjIyMS0wLjMxNi0wLjMzM2MtMC4xMDctMC4xMTEtMC4yMTYtMC4yMjQtMC4zMjYtMC4zMzZzLTAuMjIyLTAuMjI2LTAuMzM1LTAuMzRjLTAuMTEzLTAuMTE0LTAuMjI4LTAuMjI4LTAuMzQ0LTAuMzQzcy0wLjIzNC0wLjIzLTAuMzUyLTAuMzQ2Yy0wLjExOS0wLjExNi0wLjIzOS0wLjIzMi0wLjM2LTAuMzQ5cy0wLjI0My0wLjIzNC0wLjM2Ni0wLjM1MS0wLjI0Ny0wLjIzNi0wLjM3Mi0wLjM1NGMtMC4xMjUtMC4xMTgtMC4yNS0wLjIzNy0wLjM3Ny0wLjM1N3MtMC4yNTMtMC4yMzktMC4zODEtMC4zNTljLTAuMTI3LTAuMTItMC4yNTUtMC4yNDEtMC4zODMtMC4zNjJzLTAuMjU3LTAuMjQzLTAuMzg2LTAuMzY1Yy0wLjEyOS0wLjEyMi0wLjI1OC0wLjI0NC0wLjM4Ni0wLjM2N3MtMC4yNTgtMC4yNDYtMC4zODYtMC4zN2MtMC4xMjktMC4xMjQtMC4yNTctMC4yNDgtMC4zODUtMC4zNzNzLTAuMjU2LTAuMjUtMC4zODMtMC4zNzZjLTAuMTI3LTAuMTI2LTAuMjU0LTAuMjUyLTAuMzgtMC4zNzlzLTAuMjUxLTAuMjU0LTAuMzc2LTAuMzgyYy0wLjEyNC0wLjEyOC0wLjI0OC0wLjI1Ni0wLjM3MS0wLjM4NXMtMC4yNDQtMC4yNTktMC4zNjQtMC4zODljLTAuMTItMC4xMy0wLjIzOS0wLjI2MS0wLjM1Ny0wLjM5MnMtMC4yMzQtMC4yNjMtMC4zNDktMC4zOTZjLTAuMTE1LTAuMTMyLTAuMjI4LTAuMjY2LTAuMzM5LTAuMzk5cy0wLjIyMS0wLjI2OC0wLjMyOS0wLjQwM2MtMC4xMDgtMC4xMzUtMC4yMTQtMC4yNy0wLjMxNy0wLjQwNnMtMC4yMDYtMC4yNzMtMC4zMDUtMC40MWMtMC4xLTAuMTM3LTAuMTk3LTAuMjc1LTAuMjkyLTAuNDE0cy0wLjE4OC0wLjI3OC0wLjI3OC0wLjQxN2MtMC4wOTAtMC4xNC0wLjE3OC0wLjI4LTAuMjYzLTAuNDIxcy0wLjE2Ny0wLjI4Mi0wLjI0Ny0wLjQyNGMtMC4wODAtMC4xNDItMC4xNTctMC4yODQtMC4yMzEtMC40MjhzLTAuMTQ1LTAuMjg3LTAuMjE0LTAuNDMxYy0wLjA2OC0wLjE0NC0wLjEzNC0wLjI4OS0wLjE5Ni0wLjQzNHMtMC4xMjItMC4yOS0wLjE3Ny0wLjQzNmMtMC4wNTYtMC4xNDYtMC4xMDktMC4yOTItMC4xNTktMC40MzhzLTAuMDk2LTAuMjkzLTAuMTM5LTAuNDRjLTAuMDQzLTAuMTQ3LTAuMDgzLTAuMjk0LTAuMTE5LTAuNDQycy0wLjA2OS0wLjI5NS0wLjA5OS0wLjQ0My0wLjA1Ni0wLjI5Ni0wLjA3OS0wLjQ0M2MtMC4wMjMtMC4xNDgtMC4wNDItMC4yOTYtMC4wNTgtMC40NDRzLTAuMDI4LTAuMjk2LTAuMDM3LTAuNDQzYy0wLjAwOS0wLjE0OC0wLjAxNC0wLjI5NS0wLjAxNi0wLjQ0MnMwLTAuMjk0IDAuMDA1LTAuNDQgMC4wMTQtMC4yOTIgMC4wMjYtMC40MzhjMC4wMTItMC4xNDUgMC4wMjgtMC4yOSAwLjA0Ny0wLjQzNHMwLjA0Mi0wLjI4OCAwLjA2OC0wLjQzIDAuMDU2LTAuMjg1IDAuMDg5LTAuNDI2YzAuMDMzLTAuMTQxIDAuMDY5LTAuMjgxIDAuMTA5LTAuNDJzMC4wODMtMC4yNzcgMC4xMjktMC40MTQgMC4wOTYtMC4yNzIgMC4xNDktMC40MDZjMC4wNTMtMC4xMzQgMC4xMDktMC4yNjcgMC4xNjgtMC4zOThzMC4xMjEtMC4yNjEgMC4xODctMC4zODljMC4wNjUtMC4xMjggMC4xMzQtMC4yNTUgMC4yMDUtMC4zNzlzMC4xNDUtMC4yNDcgMC4yMjItMC4zNjhjMC4wNzctMC4xMjEgMC4xNTctMC4yNCAwLjIzOS0wLjM1N3MwLjE2OC0wLjIzMSAwLjI1NS0wLjM0NGMwLjA4OC0wLjExMiAwLjE3OC0wLjIyMyAwLjI3LTAuMzNzMC4xODgtMC4yMTMgMC4yODUtMC4zMTYgMC4xOTctMC4yMDMgMC4yOTktMC4zMDFjMC4xMDItMC4wOTggMC4yMDYtMC4xOTMgMC4zMTEtMC4yODVzMC4yMTQtMC4xODIgMC4zMjMtMC4yNjggMC4yMjEtMC4xNyAwLjMzNC0wLjI1MWMwLjExMy0wLjA4MSAwLjIyOC0wLjE1OCAwLjM0NC0wLjIzMnMwLjIzNC0wLjE0NiAwLjM1My0wLjIxNCAwLjIzOS0wLjEzMyAwLjM2MS0wLjE5NGMwLjEyMS0wLjA2MiAwLjI0NC0wLjEyIDAuMzY4LTAuMTc1czAuMjQ4LTAuMTA2IDAuMzczLTAuMTU0YzAuMTI1LTAuMDQ4IDAuMjUxLTAuMDkzIDAuMzc4LTAuMTM0czAuMjU0LTAuMDc5IDAuMzgyLTAuMTEzYzAuMTI4LTAuMDM0IDAuMjU2LTAuMDY1IDAuMzg0LTAuMDkxczAuMjU3LTAuMDUwIDAuMzg2LTAuMDcwYzAuMTI5LTAuMDIwIDAuMjU4LTAuMDM2IDAuMzg3LTAuMDQ5czAuMjU4LTAuMDIyIDAuMzg2LTAuMDI3YzAuMTI5LTAuMDA2IDAuMjU3LTAuMDA4IDAuMzg1LTAuMDA2czAuMjU1IDAuMDA3IDAuMzgyIDAuMDE1IDAuMjUzIDAuMDIxIDAuMzc5IDAuMDM2YzAuMTI2IDAuMDE1IDAuMjUgMC4wMzQgMC4zNzQgMC4wNTZzMC4yNDcgMC4wNDggMC4zNjkgMC4wNzZjMC4xMjIgMC4wMjkgMC4yNDMgMC4wNjEgMC4zNjMgMC4wOTZzMC4yMzkgMC4wNzQgMC4zNTYgMC4xMTVjMC4xMTcgMC4wNDEgMC4yMzQgMC4wODYgMC4zNDggMC4xMzNzMC4yMjggMC4wOTggMC4zNCAwLjE1YzAuMTEyIDAuMDUzIDAuMjIyIDAuMTA5IDAuMzMxIDAuMTY3czAuMjE2IDAuMTE5IDAuMzIxIDAuMTgzYzAuMTA1IDAuMDYzIDAuMjA5IDAuMTI5IDAuMzEgMC4xOTdzMC4yMDEgMC4xMzggMC4yOTkgMC4yMTFjMC4wOTggMC4wNzIgMC4xOTQgMC4xNDcgMC4yODggMC4yMjNzMC4xODYgMC4xNTUgMC4yNzYgMC4yMzQgMC4xNzggMC4xNjEgMC4yNjQgMC4yNDVjMC4wODYgMC4wODMgMC4xNjkgMC4xNjcgMC4yNTEgMC4yNTNzMC4xNjEgMC4xNzMgMC4yMzggMC4yNjEgMC4xNTIgMC4xNzcgMC4yMjUgMC4yNjdjMC4wNzMgMC4wOTAgMC4xNDQgMC4xOCAwLjIxMiAwLjI3MXMwLjEzNSAwLjE4MyAwLjE5OSAwLjI3NWMwLjA2NCAwLjA5MiAwLjEyNiAwLjE4NCAwLjE4NSAwLjI3NnMwLjExNyAwLjE4NSAwLjE3MiAwLjI3N2MwLjA1NSAwLjA5MiAwLjEwOCAwLjE4NCAwLjE1OSAwLjI3NnMwLjEgMC4xODMgMC4xNDYgMC4yNzNjMC4wNDcgMC4wOTAgMC4wOTEgMC4xOCAwLjEzNCAwLjI2OXMwLjA4MyAwLjE3NyAwLjEyMSAwLjI2NGMwLjAzOCAwLjA4NyAwLjA3NSAwLjE3MyAwLjEwOSAwLjI1N3MwLjA2NyAwLjE2NyAwLjA5NyAwLjI0OWMwLjAzMSAwLjA4MSAwLjA1OSAwLjE2MSAwLjA4NiAwLjI0czAuMDUyIDAuMTU1IDAuMDc2IDAuMjI5YzAuMDIzIDAuMDc0IDAuMDQ1IDAuMTQ3IDAuMDY1IDAuMjE3czAuMDM5IDAuMTM4IDAuMDU2IDAuMjA0YzAuMDE3IDAuMDY2IDAuMDMzIDAuMTI5IDAuMDQ3IDAuMTlzMC4wMjcgMC4xMTkgMC4wMzkgMC4xNzVjMC4wMTIgMC4wNTYgMC4wMjIgMC4xMDkgMC4wMzEgMC4xNTlzMC4wMTcgMC4wOTggMC4wMjQgMC4xNDNjMC4wMDcgMC4wNDUgMC4wMTMgMC4wODYgMC4wMTggMC4xMjVzMC4wMTAgMC4wNzQgMC4wMTMgMC4xMDdjMC4wMDQgMC4wMzMgMC4wMDcgMC4wNjIgMC4wMDkgMC4wODhzMC4wMDQgMC4wNDkgMC4wMDUgMC4wNjljMC4wMDEgMC4wMjAgMC4wMDIgMC4wMzYgMC4wMDMgMC4wNTBzMC4wMDEgMC4wMjMgMC4wMDEgMC4wMzBjMCAwLjAwNyAwIDAuMDEwIDAgMC4wMTB6IiAgICAgZmlsbD0iIzAwMCIgICAgIG9wYWNpdHk9IjAuOTk1NDM0IiAvPjwvc3ZnPg==); */ +/* } */ +#reply_reply { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMzIiCiAgIGhlaWdodD0iMzIiCiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIKICAgaWQ9InN2ZzI0NSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMjUxIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT5yZXBseTwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyNDkiIC8+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMjQxIj5yZXBseTwvdGl0bGU+CiAgPHBhdGgKICAgICBkPSJNMC45NTggMTUuNTU5bDUuMjAzLTEwLjE5N2MwLjQ5OS0xLjE3IDEuNzQ1LTMuMDEyIDMuMDE1LTAuNzk5bDAuOTMzIDEuNjI1YzEwLjMyOS0zLjIwOCAxNy43MjMgMS4xNzggMTkuNjEzIDYuODg0IDEuMjA4IDMuNjQ1IDAuOTIyIDguODcxLTEuNzExIDEzLjg5OS0wLjY2MyAwLjk1NC0xLjUyMiAwLjMxNS0xLjM3NS0wLjUzMiAzLjEyNi0xMS43MzMtNi43NDMtMTcuMTA4LTExLjg4Mi0xMC40NjhsMC44MSAxLjk5YzAuNTE4IDEuMjcxLTAuNjQgMS41NDEtMi43NzkgMS4xNjFsLTEwLjgyOC0xLjUyNGMtMC44ODQtMC4yMzItMS4zNTgtMS4xOTctMC45OTktMi4wMzl6IgogICAgIGlkPSJwYXRoMjQzIgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNmZmZmZmI7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==); +} + +.replies { + order: 4; + width: 100%; + box-sizing: content-box; + padding: var(--unit-size) var(--unit-size) 0 var(--unit-size); +} + +/* POSTING */ +.content > form { + display: flex; + flex: max-content; + width: -webkit-fill-available; +} +.create-notice { + display: flex; + flex-wrap: wrap; + flex: max-content; + width: -webkit-fill-available; + margin-left: 4%; + margin-right: 4%; + border-radius: var(--unit-size); + border: solid 2px var(--accent-low); + background-color: var(--bg3); +} +.create-right { + order: 2; + width: 90%; + border-radius: 0 var(--unit-size) var(--unit-size) 0; + background-color: var(--bg3); +} + +/* target multi-select */ +.target { + order: 1; + width: 10%; + background-color: var(--bg1); + border-radius: var(--unit-size) 0 0 var(--unit-size); +} +.target-top { + padding: var(--unit-size) var(--unit-size) 0 var(--unit-size); + font-size: var(--medium-size); +} +.target-bot { + padding-left: var(--unit-size); + padding-bottom: var(--unit-size); + font-size: var(--medium-size); +} +.target .required { + font-weight: 800; + font-family: var(--main-font); +} +.target #post_to { + font-weight: 400; + font-family: var(--main-font); +} +.target #post_to label { + margin-left: 0.2em; +} + +.create-top-right{ + display: flex; + justify-content: space-between; + color: var(--fg); + background-color: var(--bg1); + border-radius: 0 var(--unit-size) 0 0; + width: 100%; + box-sizing: border-box; +} + +/* tabs */ + +.tabs{ + padding: var(--unit-size); +} + + +/* scope options */ +.scope { + display: flex; + flex-wrap: wrap; + color: var(--fg); + background-color: var(--bg1); + border-radius: 0 var(--unit-size) 0 0; +} + +.scope > div { + display: inline; + vertical-align: middle; + flex: 1; + font-size: var(--medium-size); + color: var(--fg); + padding: var(--unit-size); +} +.scope .required { + order: 1; + font-weight: 800; + font-family: var(--main-font); +} +#post_visibility .required { + font-family: var(--main-font); + font-weight: 400; + margin-left: 0.1em; + margin-right: 1em; +} +.scope #post_scope { + order: 2; + flex-grow: 1; + flex-shrink: 1; +} + +/* input box */ +.input-wrapper { + order: 2; + display: inline-flex; + justify-content: flex-start; + width: 100%; + box-sizing: border-box; +} +.content-input { + order: 2; + flex-grow: 1; + flex-shrink: 0; +} +#post_content { + background-color: var(--bg3); + padding: var(--unit-size); + color: var(--fg); + font-size: var(--medium-size); + font-family: var(--main-font); + width: 100%; + box-sizing: border-box; + height: calc(8 * var(--unit-size)); + resize: vertical; +} + +/* options */ +.notice-options { + order: 3; + display: inline-flex; + width: 100%; + box-sizing: border-box; + padding: 1%; + background-color: var(--bg3); + border-radius: 0 0 var(--unit-size) 0; +} +.post { + order: 2; + width: calc(100% - var(--main-size)); +} +.post div { + float: right; + vertical-align: middle; +} + +#post_attachments { + width: 0; + height: 0; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -1; +} +#post_attachments + label { + cursor: pointer; +} +#post_attachments:focus + label, +#post_attachments + label:hover { + border-radius: var(--unit-size); + box-shadow: 0 0 8px var(--accent); +} +.icon-attach { + width: var(--main-size); + height: var(--main-size); + font-size: var(--medium-size); + fill: var(--fg); + background-color: var(--bg1); + padding: 0.3em 1em; + border-style: solid; + border-color: var(--accent); + border-radius: var(--unit-size); + border-width: 2px; + margin-bottom: -0.5em; + cursor: pointer; + z-index: 0; +} + +#replyform { + margin: var(--main-size); +} +#replyform div { + display: inline-flex; + justify-content: flex-start; + width: 100%; + box-sizing: border-box; +} +#replyform div textarea { + width: 100%; +} diff --git a/public/assets/css/network/public_small.css b/public/assets/css/network/public_small.css new file mode 100644 index 0000000000..7b497ca9a2 --- /dev/null +++ b/public/assets/css/network/public_small.css @@ -0,0 +1,414 @@ +.content { + display: flex; + flex-wrap: wrap; + margin-top: calc(4 * var(--main-size)); + justify-content: center; + align-items: center; + margin-left: 1%; + margin-right: 1%; + margin-bottom: 1%; +} +.content .main { + width: 100%; + margin-left: 0; + margin-right: 0; + margin-top: var(--unit-size); + border-radius: var(--unit-size); + background-color: var(--bg3); + border: solid 2px var(--accent-low); +} + +.main-nav { + order: 1; + display: flex; + justify-content: space-evenly; + flex-wrap: wrap; + flex: 1; + background-color: var(--bg1); + padding: var(--medium-size); + font-family: var(--main-font); + border-radius: var(--unit-size) var(--unit-size) 0 0; + border-bottom: solid 2px var(--accent-low); +} + +.main-nav ul { + display: flex; + align-items: stretch; + justify-content: space-evenly; + text-align: center; + width: 100%; + font-size: var(--medium-size); + padding: 0; +} +.main-nav li { + display: block; + flex: 1; + list-style-type: none; + font-weight: 700; + width: auto; +} +.notes-wrap .main-nav ul { + font-size: var(--unit-size); +} + +.active { + color: var(--fg) !important; + font-weight: 700; +} + +.main-nav a { + color: var(--accent); +} + +.main-nav a:hover { + color: var(--fg); + transition: all 0.8s ease; +} + +/* notices */ +.notes { + display: flex; + flex-wrap: wrap; +} + +.notes-wrap { + display: flex; + flex-wrap: wrap; + font-size: var(--medium-size); +} +.notes-wrap .timeline { + order: 3; + width: 100%; +} +.notes-wrap .timeline .notes > div { + margin: 2% 2% 0 2%; + border-radius: var(--unit-size); + width: 100%; +} +.notes-wrap .timeline .notes > div:last-child { + margin: 2%; +} +.notes-wrap .main-nav { + width: 100%; + font-size: var(--unit-size); + border-radius: 0; +} + +.note { + display: flex; + flex-wrap: wrap; + border: solid 2px var(--accent-low); + border-radius: var(--unit-size); + box-shadow: var(--shadow); + margin-bottom: 2%; +} +.note > .replies > .note { + border: none; +} +.notes > h1 { + padding: var(--unit-size); +} +.note-info { + order: 1; + background-color: var(--bg1); + box-sizing: border-box; + padding: 5px 10px 5px 10px; + border-radius: var(--unit-size) 0 0 0; + display: flex; + align-items: center; + flex-grow: 1; + flex-shrink: 0; + width: 50%; +} +.note-info b { + margin-left: var(--small-size); +} +.note-info a { + height: calc(2 * var(--unit-size)); +} +.note-info a img { + width: calc(2 * var(--unit-size)); + height: calc(2 * var(--unit-size)); +} + +.note-content { + order: 3; + word-break: break-word; + padding: var(--small-size); + border-radius: 0 0 var(--unit-size) var(--unit-size); + width: 100%; +} +.note-attachments { + display: flex; + flex-wrap: wrap; + width: 100%; + margin-top: var(--small-size); + justify-content: center; + text-align: center; +} + +.note-attachments img { + order: 1; + max-width: 100%; + height: auto; +} +.note-attachments i { + order: 2; + width: 100%; + margin-top: var(--small-size); + color: var(--accent); +} + +.note-actions { + order: 2; + width: 50%; + justify-content: flex-end; + border-radius: 0 var(--unit-size) 0 0; + background-color: var(--bg1); + box-sizing: border-box; + padding: 5px 10px 5px 10px; + display: flex; + align-items: center; + flex-grow: 1; + flex-shrink: 0; +} +.note-actions a { + height: var(--main-size); + margin-left: var(--unit-size); +} +.note-actions a svg { + width: var(--main-size); + height: var(--main-size); + filter: invert(91%) sepia(3%) saturate(350%) hue-rotate(162deg) brightness(106%) contrast(92%); + stroke: none; +} +#reply div, +#repeat div, +#favourite div { + width: var(--main-size); + height: var(--main-size); + display: flex; + margin-left: var(--unit-size); +} +#repeat_repeat, +#reply_reply, +#favourite_favourite { + cursor: pointer; + border: none !important; + background-color: transparent; + background-size: 100%; + background-repeat: no-repeat; + width: 100%; + height: 100%; +} +#repeat_repeat { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJyZWN5Y2xlLnN2ZyIgICBpZD0ic3ZnMTAiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE2Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczE0IiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMTAiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9IjAiICAgICBpbmtzY2FwZTpjeT0iMTYiICAgICBpbmtzY2FwZTpjeD0iMTYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3MTIiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMzgyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIyNTYwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAvPiAgPHRpdGxlICAgICBpZD0idGl0bGUyIj5yZWN5Y2xlPC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojZWNlZmY0O2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjkzIDIyLjYyN2MwLjkxNC0wLjU0NyAxLjkzMS0wLjI0NyAyLjMyNSAwLjc2MmwwLjU0NCAxLjY5NyA2LjA0MSAwLjA4N2MxLjU2NiAwLjAzNCAyLjU2NS0xLjY3NiAxLjc2NS0zLjAyMmwtMS42NjEtMi43OTNjLTAuMjEyLTAuMzU2LTAuODY4LTEuMDkyLTAuMDk0LTEuNTUzbDIuMTQ5LTEuMjc4YzAuNzQtMC40NCAxLjE3MiAwLjQzIDEuMzgzIDAuNzg2bDEuNjU4IDIuNzg3YzIuNDA3IDQuMDQ3LTAuNTg1IDkuMTY5LTUuMjg5IDkuMDY2bC02LjA3NSAwLjMzNy0wLjY5MSAxLjU2OGMtMC40NTUgMC43NjQtMS4xMDYgMS4wNDctMi4yNDUgMC41MWwtNC42MjctMy43NzNjLTAuMzgyLTAuMzk5LTAuMzgyLTEuMzQ5IDAuMDE3LTEuNzN6IiAvPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNlY2VmZjQ7ZmlsbC1vcGFjaXR5OjEiICAgICBpZD0icGF0aDYiICAgICBkPSJNMTkuOTk4IDE0LjA1NGMtMC45MzUtMC41MTEtMS4xOTEtMS41NC0wLjUyLTIuMzkxbDEuMTg3LTEuMzI4LTIuOTg0LTUuMjUzYy0wLjc2My0xLjM2OC0yLjc0NC0xLjM2My0zLjQ5OSAwLjAwOWwtMS41NjcgMi44NDZjLTAuMiAwLjM2My0wLjUwMiAxLjMwMi0xLjI5MSAwLjg2N2wtMi4xOS0xLjIwNmMtMC43NTUtMC40MTUtMC4yMjMtMS4yMjgtMC4wMjMtMS41OTFsMS41NjQtMi44NDFjMi4yNzEtNC4xMjUgOC4yMDMtNC4xMzkgMTAuNDk2LTAuMDMwbDMuMzY3IDUuMDY4IDEuNzAyLTAuMTk4YzAuODg5IDAuMDA1IDEuNDYzIDAuNDIzIDEuNTc3IDEuNjc4bC0wLjkxIDUuOWMtMC4xNTEgMC41MzEtMC45NjkgMS4wMTItMS41MDEgMC44NjJ6IiAvPiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNlY2VmZjQ7ZmlsbC1vcGFjaXR5OjEiICAgICBpZD0icGF0aDgiICAgICBkPSJNMTAuOTcgMTUuNjAyYzAuMDA1IDEuMDY1LTAuNzcxIDEuNzg3LTEuODQgMS42MTJsLTEuNzM3LTAuMzk2LTMuMTUzIDUuMTU0Yy0wLjgyOCAxLjMzIDAuMTM1IDMuMDYxIDEuNzAxIDMuMDU4bDMuMjQ5LTAuMDA2YzAuNDE0LTAuMDAxIDEuMzgyLTAuMTkxIDEuMzg0IDAuNzFsMC4wMDUgMi41YzAuMDAyIDAuODYxLTAuOTY3IDAuNzg5LTEuMzgxIDAuNzlsLTMuMjQzIDAuMDA2Yy00LjcwOCAwLjAwOS03LjU5MS01LjE3Ni01LjEwNi05LjE3bDIuODA1LTUuMzk5LTAuOTk3LTEuMzkzYy0wLjQyNi0wLjc4LTAuMzM3LTEuNDg1IDAuNzA1LTIuMTkybDUuNjA0LTIuMDU5YzAuNTM4LTAuMTI1IDEuMzU1IDAuMzU4IDEuNDggMC44OTZ6IiAvPjwvc3ZnPg==); +} +#favourite_favourite { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJoZWFydC5zdmciICAgaWQ9InN2ZzYiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczEwIiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMzAiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOmN4PSIxNi4wNjY5NDYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3OCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEzODIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI1NjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmhlYXJ0PC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojZWNlZmY0O2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjAyMCA3LjcxOWMwIDAgMC0wLjAwMyAwLTAuMDEwczAtMC4wMTcgMC4wMDEtMC4wMzBjMC4wMDEtMC4wMTMgMC4wMDEtMC4wMzAgMC4wMDMtMC4wNTBzMC4wMDMtMC4wNDMgMC4wMDUtMC4wNjljMC4wMDItMC4wMjYgMC4wMDUtMC4wNTYgMC4wMDktMC4wODhzMC4wMDgtMC4wNjggMC4wMTMtMC4xMDdjMC4wMDUtMC4wMzkgMC4wMTEtMC4wODAgMC4wMTgtMC4xMjVzMC4wMTUtMC4wOTIgMC4wMjQtMC4xNDNjMC4wMDktMC4wNTAgMC4wMjAtMC4xMDQgMC4wMzEtMC4xNTlzMC4wMjQtMC4xMTQgMC4wMzktMC4xNzVjMC4wMTQtMC4wNjEgMC4wMzAtMC4xMjQgMC4wNDctMC4xOXMwLjAzNi0wLjEzNCAwLjA1Ni0wLjIwNGMwLjAyMC0wLjA3MCAwLjA0Mi0wLjE0MyAwLjA2NS0wLjIxN3MwLjA0OS0wLjE1MSAwLjA3Ni0wLjIyOWMwLjAyNy0wLjA3OCAwLjA1Ni0wLjE1OCAwLjA4Ni0wLjI0czAuMDYzLTAuMTY1IDAuMDk3LTAuMjQ5YzAuMDM0LTAuMDg0IDAuMDcxLTAuMTcgMC4xMDktMC4yNTdzMC4wNzktMC4xNzUgMC4xMjEtMC4yNjRjMC4wNDItMC4wODkgMC4wODctMC4xNzkgMC4xMzQtMC4yNjlzMC4wOTUtMC4xODEgMC4xNDYtMC4yNzNjMC4wNTEtMC4wOTEgMC4xMDQtMC4xODMgMC4xNTktMC4yNzZzMC4xMTMtMC4xODQgMC4xNzItMC4yNzdjMC4wNjAtMC4wOTIgMC4xMjEtMC4xODQgMC4xODUtMC4yNzZzMC4xMy0wLjE4MyAwLjE5OS0wLjI3NWMwLjA2OC0wLjA5MSAwLjEzOS0wLjE4MiAwLjIxMi0wLjI3MXMwLjE0OC0wLjE3OSAwLjIyNS0wLjI2N2MwLjA3Ny0wLjA4OCAwLjE1Ny0wLjE3NSAwLjIzOC0wLjI2MXMwLjE2NS0wLjE3IDAuMjUxLTAuMjUzYzAuMDg2LTAuMDgzIDAuMTc0LTAuMTY1IDAuMjY0LTAuMjQ1czAuMTgyLTAuMTU4IDAuMjc2LTAuMjM0YzAuMDk0LTAuMDc2IDAuMTktMC4xNTEgMC4yODgtMC4yMjNzMC4xOTgtMC4xNDMgMC4yOTktMC4yMTFjMC4xMDItMC4wNjggMC4yMDUtMC4xMzQgMC4zMS0wLjE5N3MwLjIxMi0wLjEyNCAwLjMyMS0wLjE4M2MwLjEwOS0wLjA1OCAwLjIxOS0wLjExNCAwLjMzMS0wLjE2N3MwLjIyNS0wLjEwMyAwLjM0LTAuMTVjMC4xMTUtMC4wNDcgMC4yMzEtMC4wOTIgMC4zNDgtMC4xMzNzMC4yMzYtMC4wODAgMC4zNTYtMC4xMTUgMC4yNDEtMC4wNjcgMC4zNjMtMC4wOTZjMC4xMjItMC4wMjkgMC4yNDUtMC4wNTQgMC4zNjktMC4wNzZzMC4yNDktMC4wNDEgMC4zNzQtMC4wNTZjMC4xMjYtMC4wMTUgMC4yNTItMC4wMjcgMC4zNzktMC4wMzZzMC4yNTQtMC4wMTMgMC4zODItMC4wMTVjMC4xMjgtMC4wMDEgMC4yNTYgMC4wMDEgMC4zODUgMC4wMDZzMC4yNTcgMC4wMTUgMC4zODYgMC4wMjdjMC4xMjkgMC4wMTMgMC4yNTggMC4wMjkgMC4zODcgMC4wNDlzMC4yNTggMC4wNDMgMC4zODYgMC4wNzBjMC4xMjggMC4wMjcgMC4yNTcgMC4wNTggMC4zODQgMC4wOTFzMC4yNTUgMC4wNzIgMC4zODIgMC4xMTNjMC4xMjcgMC4wNDEgMC4yNTMgMC4wODYgMC4zNzggMC4xMzRzMC4yNSAwLjA5OSAwLjM3MyAwLjE1NGMwLjEyNCAwLjA1NSAwLjI0NiAwLjExMyAwLjM2OCAwLjE3NXMwLjI0MiAwLjEyNiAwLjM2MSAwLjE5NCAwLjIzNyAwLjEzOSAwLjM1MyAwLjIxNGMwLjExNiAwLjA3NCAwLjIzMSAwLjE1MiAwLjM0NCAwLjIzMnMwLjIyNCAwLjE2NCAwLjMzNCAwLjI1MSAwLjIxNyAwLjE3NiAwLjMyMyAwLjI2OGMwLjEwNiAwLjA5MiAwLjIxIDAuMTg3IDAuMzExIDAuMjg1czAuMjAxIDAuMTk4IDAuMjk5IDAuMzAxYzAuMDk3IDAuMTAzIDAuMTkyIDAuMjA4IDAuMjg1IDAuMzE2czAuMTgzIDAuMjE4IDAuMjcgMC4zM2MwLjA4OCAwLjExMiAwLjE3MyAwLjIyNyAwLjI1NSAwLjM0NHMwLjE2MiAwLjIzNiAwLjIzOSAwLjM1N2MwLjA3NyAwLjEyMSAwLjE1MSAwLjI0NCAwLjIyMiAwLjM2OHMwLjE0IDAuMjUxIDAuMjA1IDAuMzc5YzAuMDY1IDAuMTI4IDAuMTI4IDAuMjU4IDAuMTg3IDAuMzg5czAuMTE1IDAuMjY0IDAuMTY4IDAuMzk4YzAuMDUzIDAuMTM0IDAuMTAyIDAuMjcgMC4xNDkgMC40MDZzMC4wOTAgMC4yNzUgMC4xMjkgMC40MTRjMC4wNDAgMC4xMzkgMC4wNzYgMC4yNzkgMC4xMDkgMC40MnMwLjA2MyAwLjI4MyAwLjA4OSAwLjQyNmMwLjAyNiAwLjE0MyAwLjA0OSAwLjI4NiAwLjA2OCAwLjQzczAuMDM1IDAuMjg5IDAuMDQ3IDAuNDM0YzAuMDEyIDAuMTQ1IDAuMDIxIDAuMjkxIDAuMDI2IDAuNDM4czAuMDA3IDAuMjkzIDAuMDA1IDAuNDRjLTAuMDAyIDAuMTQ3LTAuMDA3IDAuMjk0LTAuMDE2IDAuNDQycy0wLjAyMSAwLjI5NS0wLjAzNyAwLjQ0M2MtMC4wMTYgMC4xNDgtMC4wMzUgMC4yOTYtMC4wNTggMC40NDRzLTAuMDQ5IDAuMjk2LTAuMDc5IDAuNDQzYy0wLjAzMCAwLjE0OC0wLjA2MyAwLjI5NS0wLjA5OSAwLjQ0M3MtMC4wNzYgMC4yOTUtMC4xMTkgMC40NDJjLTAuMDQzIDAuMTQ3LTAuMDkwIDAuMjk0LTAuMTM5IDAuNDRzLTAuMTAyIDAuMjkzLTAuMTU5IDAuNDM4Yy0wLjA1NiAwLjE0Ni0wLjExNSAwLjI5MS0wLjE3NyAwLjQzNnMtMC4xMjggMC4yODktMC4xOTYgMC40MzQtMC4xNCAwLjI4OC0wLjIxNCAwLjQzMWMtMC4wNzQgMC4xNDMtMC4xNTEgMC4yODYtMC4yMzEgMC40MjhzLTAuMTYyIDAuMjgzLTAuMjQ3IDAuNDI0Yy0wLjA4NSAwLjE0MS0wLjE3MyAwLjI4MS0wLjI2MyAwLjQyMXMtMC4xODMgMC4yNzktMC4yNzggMC40MTdjLTAuMDk1IDAuMTM5LTAuMTkyIDAuMjc2LTAuMjkyIDAuNDE0cy0wLjIwMSAwLjI3NC0wLjMwNSAwLjQxLTAuMjEgMC4yNzItMC4zMTcgMC40MDZjLTAuMTA4IDAuMTM1LTAuMjE3IDAuMjY5LTAuMzI5IDAuNDAzcy0wLjIyNCAwLjI2Ny0wLjMzOSAwLjM5OWMtMC4xMTUgMC4xMzItMC4yMzEgMC4yNjQtMC4zNDkgMC4zOTZzLTAuMjM3IDAuMjYyLTAuMzU3IDAuMzkyYy0wLjEyIDAuMTMtMC4yNDIgMC4yNi0wLjM2NCAwLjM4OXMtMC4yNDYgMC4yNTctMC4zNzEgMC4zODUtMC4yNSAwLjI1NS0wLjM3NiAwLjM4MmMtMC4xMjYgMC4xMjctMC4yNTMgMC4yNTMtMC4zOCAwLjM3OXMtMC4yNTUgMC4yNTEtMC4zODMgMC4zNzYtMC4yNTcgMC4yNDktMC4zODUgMC4zNzMtMC4yNTggMC4yNDctMC4zODYgMC4zN2MtMC4xMjkgMC4xMjMtMC4yNTggMC4yNDUtMC4zODYgMC4zNjdzLTAuMjU3IDAuMjQ0LTAuMzg2IDAuMzY1Yy0wLjEyOCAwLjEyMS0wLjI1NiAwLjI0Mi0wLjM4NCAwLjM2MnMtMC4yNTQgMC4yNC0wLjM4MSAwLjM1OWMtMC4xMjYgMC4xMTktMC4yNTIgMC4yMzgtMC4zNzcgMC4zNTdzLTAuMjQ5IDAuMjM2LTAuMzcyIDAuMzU0Yy0wLjEyMyAwLjExOC0wLjI0NSAwLjIzNS0wLjM2NiAwLjM1MXMtMC4yNDEgMC4yMzMtMC4zNiAwLjM0OWMtMC4xMTkgMC4xMTYtMC4yMzYgMC4yMzEtMC4zNTIgMC4zNDZzLTAuMjMxIDAuMjI5LTAuMzQ0IDAuMzQzYy0wLjExMyAwLjExNC0wLjIyNSAwLjIyNy0wLjMzNSAwLjM0cy0wLjIxOSAwLjIyNS0wLjMyNiAwLjMzNi0wLjIxMiAwLjIyMi0wLjMxNiAwLjMzM2MtMC4xMDMgMC4xMS0wLjIwNSAwLjIyLTAuMzA1IDAuMzI5cy0wLjE5OCAwLjIxNy0wLjI5NCAwLjMyNWMtMC4wOTYgMC4xMDgtMC4xOSAwLjIxNC0wLjI4MiAwLjMycy0wLjE4MiAwLjIxMS0wLjI3IDAuMzE2LTAuMTc0IDAuMjA4LTAuMjU3IDAuMzExYy0wLjA4NCAwLjEwMy0wLjE2NSAwLjIwNC0wLjI0NSAwLjMwNXMtMC4xNTcgMC4yMDEtMC4yMzIgMC4zYy0wLjA3NSAwLjA5OS0wLjE0OCAwLjE5Ny0wLjIxOSAwLjI5M3MtMC4xMzkgMC4xOTItMC4yMDUgMC4yODctMC4xMyAwLjE4OC0wLjE5MiAwLjI4Yy0wLjA2MiAwLjA5Mi0wLjEyMSAwLjE4My0wLjE3OSAwLjI3MnMtMC4xMTMgMC4xNzctMC4xNjYgMC4yNjRjLTAuMDUzIDAuMDg3LTAuMTA0IDAuMTcyLTAuMTUzIDAuMjU1cy0wLjA5NSAwLjE2Ni0wLjE0IDAuMjQ2LTAuMDg3IDAuMTYtMC4xMjcgMC4yMzdjLTAuMDQwIDAuMDc3LTAuMDc5IDAuMTUzLTAuMTE1IDAuMjI3cy0wLjA3MSAwLjE0Ni0wLjEwMyAwLjIxN2MtMC4wMzIgMC4wNzAtMC4wNjMgMC4xMzktMC4wOTIgMC4yMDZzLTAuMDU2IDAuMTMxLTAuMDgxIDAuMTk0Yy0wLjAyNSAwLjA2My0wLjA0OSAwLjEyNC0wLjA3MCAwLjE4M3MtMC4wNDIgMC4xMTYtMC4wNjEgMC4xN2MtMC4wMTkgMC4wNTUtMC4wMzYgMC4xMDctMC4wNTEgMC4xNThzLTAuMDMwIDAuMDk5LTAuMDQzIDAuMTQ1LTAuMDI0IDAuMDkwLTAuMDM1IDAuMTMxYy0wLjAxMCAwLjA0MS0wLjAyMCAwLjA4MS0wLjAyOCAwLjExN3MtMC4wMTUgMC4wNzEtMC4wMjEgMC4xMDRjLTAuMDA2IDAuMDMyLTAuMDExIDAuMDYyLTAuMDE2IDAuMDg5cy0wLjAwOCAwLjA1Mi0wLjAxMSAwLjA3NWMtMC4wMDMgMC4wMjMtMC4wMDUgMC4wNDMtMC4wMDcgMC4wNjBzLTAuMDAzIDAuMDMzLTAuMDA0IDAuMDQ1Yy0wLjAwMSAwLjAxMy0wLjAwMSAwLjAyMy0wLjAwMiAwLjAzMHMtMCAwLjAxMy0wIDAuMDE1IDAgMC4wMDMgMCAwLTAtMC4wMDgtMC0wLjAxNS0wLjAwMS0wLjAxOC0wLjAwMi0wLjAzMGMtMC4wMDEtMC4wMTMtMC4wMDItMC4wMjgtMC4wMDQtMC4wNDVzLTAuMDA0LTAuMDM3LTAuMDA3LTAuMDYwYy0wLjAwMy0wLjAyMi0wLjAwNy0wLjA0Ny0wLjAxMS0wLjA3NXMtMC4wMTAtMC4wNTctMC4wMTYtMC4wODljLTAuMDA2LTAuMDMyLTAuMDEzLTAuMDY3LTAuMDIxLTAuMTA0cy0wLjAxNy0wLjA3Ni0wLjAyOC0wLjExN2MtMC4wMTAtMC4wNDEtMC4wMjItMC4wODUtMC4wMzUtMC4xMzFzLTAuMDI3LTAuMDk0LTAuMDQzLTAuMTQ1Yy0wLjAxNi0wLjA1MC0wLjAzMy0wLjEwMy0wLjA1MS0wLjE1OHMtMC4wMzktMC4xMTEtMC4wNjEtMC4xN2MtMC4wMjItMC4wNTktMC4wNDUtMC4xMi0wLjA3MC0wLjE4M3MtMC4wNTItMC4xMjgtMC4wODEtMC4xOTRjLTAuMDI5LTAuMDY3LTAuMDU5LTAuMTM1LTAuMDkyLTAuMjA2cy0wLjA2Ny0wLjE0My0wLjEwMy0wLjIxN2MtMC4wMzYtMC4wNzQtMC4wNzUtMC4xNS0wLjExNS0wLjIyN3MtMC4wODMtMC4xNTYtMC4xMjctMC4yMzctMC4wOTEtMC4xNjMtMC4xNC0wLjI0NmMtMC4wNDktMC4wODQtMC4xLTAuMTY5LTAuMTUzLTAuMjU1cy0wLjEwOC0wLjE3NS0wLjE2Ni0wLjI2NGMtMC4wNTctMC4wODktMC4xMTctMC4xOC0wLjE3OS0wLjI3MnMtMC4xMjYtMC4xODUtMC4xOTItMC4yOGMtMC4wNjYtMC4wOTQtMC4xMzUtMC4xOS0wLjIwNS0wLjI4N3MtMC4xNDQtMC4xOTUtMC4yMTktMC4yOTNjLTAuMDc1LTAuMDk5LTAuMTUyLTAuMTk5LTAuMjMyLTAuM3MtMC4xNjEtMC4yMDMtMC4yNDUtMC4zMDUtMC4xNjktMC4yMDYtMC4yNTctMC4zMTFjLTAuMDg4LTAuMTA0LTAuMTc4LTAuMjEtMC4yNy0wLjMxNnMtMC4xODYtMC4yMTMtMC4yODItMC4zMi0wLjE5NC0wLjIxNi0wLjI5NC0wLjMyNWMtMC4xLTAuMTA5LTAuMjAxLTAuMjE5LTAuMzA1LTAuMzI5cy0wLjIwOS0wLjIyMS0wLjMxNi0wLjMzM2MtMC4xMDctMC4xMTEtMC4yMTYtMC4yMjQtMC4zMjYtMC4zMzZzLTAuMjIyLTAuMjI2LTAuMzM1LTAuMzRjLTAuMTEzLTAuMTE0LTAuMjI4LTAuMjI4LTAuMzQ0LTAuMzQzcy0wLjIzNC0wLjIzLTAuMzUyLTAuMzQ2Yy0wLjExOS0wLjExNi0wLjIzOS0wLjIzMi0wLjM2LTAuMzQ5cy0wLjI0My0wLjIzNC0wLjM2Ni0wLjM1MS0wLjI0Ny0wLjIzNi0wLjM3Mi0wLjM1NGMtMC4xMjUtMC4xMTgtMC4yNS0wLjIzNy0wLjM3Ny0wLjM1N3MtMC4yNTMtMC4yMzktMC4zODEtMC4zNTljLTAuMTI3LTAuMTItMC4yNTUtMC4yNDEtMC4zODMtMC4zNjJzLTAuMjU3LTAuMjQzLTAuMzg2LTAuMzY1Yy0wLjEyOS0wLjEyMi0wLjI1OC0wLjI0NC0wLjM4Ni0wLjM2N3MtMC4yNTgtMC4yNDYtMC4zODYtMC4zN2MtMC4xMjktMC4xMjQtMC4yNTctMC4yNDgtMC4zODUtMC4zNzNzLTAuMjU2LTAuMjUtMC4zODMtMC4zNzZjLTAuMTI3LTAuMTI2LTAuMjU0LTAuMjUyLTAuMzgtMC4zNzlzLTAuMjUxLTAuMjU0LTAuMzc2LTAuMzgyYy0wLjEyNC0wLjEyOC0wLjI0OC0wLjI1Ni0wLjM3MS0wLjM4NXMtMC4yNDQtMC4yNTktMC4zNjQtMC4zODljLTAuMTItMC4xMy0wLjIzOS0wLjI2MS0wLjM1Ny0wLjM5MnMtMC4yMzQtMC4yNjMtMC4zNDktMC4zOTZjLTAuMTE1LTAuMTMyLTAuMjI4LTAuMjY2LTAuMzM5LTAuMzk5cy0wLjIyMS0wLjI2OC0wLjMyOS0wLjQwM2MtMC4xMDgtMC4xMzUtMC4yMTQtMC4yNy0wLjMxNy0wLjQwNnMtMC4yMDYtMC4yNzMtMC4zMDUtMC40MWMtMC4xLTAuMTM3LTAuMTk3LTAuMjc1LTAuMjkyLTAuNDE0cy0wLjE4OC0wLjI3OC0wLjI3OC0wLjQxN2MtMC4wOTAtMC4xNC0wLjE3OC0wLjI4LTAuMjYzLTAuNDIxcy0wLjE2Ny0wLjI4Mi0wLjI0Ny0wLjQyNGMtMC4wODAtMC4xNDItMC4xNTctMC4yODQtMC4yMzEtMC40MjhzLTAuMTQ1LTAuMjg3LTAuMjE0LTAuNDMxYy0wLjA2OC0wLjE0NC0wLjEzNC0wLjI4OS0wLjE5Ni0wLjQzNHMtMC4xMjItMC4yOS0wLjE3Ny0wLjQzNmMtMC4wNTYtMC4xNDYtMC4xMDktMC4yOTItMC4xNTktMC40MzhzLTAuMDk2LTAuMjkzLTAuMTM5LTAuNDRjLTAuMDQzLTAuMTQ3LTAuMDgzLTAuMjk0LTAuMTE5LTAuNDQycy0wLjA2OS0wLjI5NS0wLjA5OS0wLjQ0My0wLjA1Ni0wLjI5Ni0wLjA3OS0wLjQ0M2MtMC4wMjMtMC4xNDgtMC4wNDItMC4yOTYtMC4wNTgtMC40NDRzLTAuMDI4LTAuMjk2LTAuMDM3LTAuNDQzYy0wLjAwOS0wLjE0OC0wLjAxNC0wLjI5NS0wLjAxNi0wLjQ0MnMwLTAuMjk0IDAuMDA1LTAuNDQgMC4wMTQtMC4yOTIgMC4wMjYtMC40MzhjMC4wMTItMC4xNDUgMC4wMjgtMC4yOSAwLjA0Ny0wLjQzNHMwLjA0Mi0wLjI4OCAwLjA2OC0wLjQzIDAuMDU2LTAuMjg1IDAuMDg5LTAuNDI2YzAuMDMzLTAuMTQxIDAuMDY5LTAuMjgxIDAuMTA5LTAuNDJzMC4wODMtMC4yNzcgMC4xMjktMC40MTQgMC4wOTYtMC4yNzIgMC4xNDktMC40MDZjMC4wNTMtMC4xMzQgMC4xMDktMC4yNjcgMC4xNjgtMC4zOThzMC4xMjEtMC4yNjEgMC4xODctMC4zODljMC4wNjUtMC4xMjggMC4xMzQtMC4yNTUgMC4yMDUtMC4zNzlzMC4xNDUtMC4yNDcgMC4yMjItMC4zNjhjMC4wNzctMC4xMjEgMC4xNTctMC4yNCAwLjIzOS0wLjM1N3MwLjE2OC0wLjIzMSAwLjI1NS0wLjM0NGMwLjA4OC0wLjExMiAwLjE3OC0wLjIyMyAwLjI3LTAuMzNzMC4xODgtMC4yMTMgMC4yODUtMC4zMTYgMC4xOTctMC4yMDMgMC4yOTktMC4zMDFjMC4xMDItMC4wOTggMC4yMDYtMC4xOTMgMC4zMTEtMC4yODVzMC4yMTQtMC4xODIgMC4zMjMtMC4yNjggMC4yMjEtMC4xNyAwLjMzNC0wLjI1MWMwLjExMy0wLjA4MSAwLjIyOC0wLjE1OCAwLjM0NC0wLjIzMnMwLjIzNC0wLjE0NiAwLjM1My0wLjIxNCAwLjIzOS0wLjEzMyAwLjM2MS0wLjE5NGMwLjEyMS0wLjA2MiAwLjI0NC0wLjEyIDAuMzY4LTAuMTc1czAuMjQ4LTAuMTA2IDAuMzczLTAuMTU0YzAuMTI1LTAuMDQ4IDAuMjUxLTAuMDkzIDAuMzc4LTAuMTM0czAuMjU0LTAuMDc5IDAuMzgyLTAuMTEzYzAuMTI4LTAuMDM0IDAuMjU2LTAuMDY1IDAuMzg0LTAuMDkxczAuMjU3LTAuMDUwIDAuMzg2LTAuMDcwYzAuMTI5LTAuMDIwIDAuMjU4LTAuMDM2IDAuMzg3LTAuMDQ5czAuMjU4LTAuMDIyIDAuMzg2LTAuMDI3YzAuMTI5LTAuMDA2IDAuMjU3LTAuMDA4IDAuMzg1LTAuMDA2czAuMjU1IDAuMDA3IDAuMzgyIDAuMDE1IDAuMjUzIDAuMDIxIDAuMzc5IDAuMDM2YzAuMTI2IDAuMDE1IDAuMjUgMC4wMzQgMC4zNzQgMC4wNTZzMC4yNDcgMC4wNDggMC4zNjkgMC4wNzZjMC4xMjIgMC4wMjkgMC4yNDMgMC4wNjEgMC4zNjMgMC4wOTZzMC4yMzkgMC4wNzQgMC4zNTYgMC4xMTVjMC4xMTcgMC4wNDEgMC4yMzQgMC4wODYgMC4zNDggMC4xMzNzMC4yMjggMC4wOTggMC4zNCAwLjE1YzAuMTEyIDAuMDUzIDAuMjIyIDAuMTA5IDAuMzMxIDAuMTY3czAuMjE2IDAuMTE5IDAuMzIxIDAuMTgzYzAuMTA1IDAuMDYzIDAuMjA5IDAuMTI5IDAuMzEgMC4xOTdzMC4yMDEgMC4xMzggMC4yOTkgMC4yMTFjMC4wOTggMC4wNzIgMC4xOTQgMC4xNDcgMC4yODggMC4yMjNzMC4xODYgMC4xNTUgMC4yNzYgMC4yMzQgMC4xNzggMC4xNjEgMC4yNjQgMC4yNDVjMC4wODYgMC4wODMgMC4xNjkgMC4xNjcgMC4yNTEgMC4yNTNzMC4xNjEgMC4xNzMgMC4yMzggMC4yNjEgMC4xNTIgMC4xNzcgMC4yMjUgMC4yNjdjMC4wNzMgMC4wOTAgMC4xNDQgMC4xOCAwLjIxMiAwLjI3MXMwLjEzNSAwLjE4MyAwLjE5OSAwLjI3NWMwLjA2NCAwLjA5MiAwLjEyNiAwLjE4NCAwLjE4NSAwLjI3NnMwLjExNyAwLjE4NSAwLjE3MiAwLjI3N2MwLjA1NSAwLjA5MiAwLjEwOCAwLjE4NCAwLjE1OSAwLjI3NnMwLjEgMC4xODMgMC4xNDYgMC4yNzNjMC4wNDcgMC4wOTAgMC4wOTEgMC4xOCAwLjEzNCAwLjI2OXMwLjA4MyAwLjE3NyAwLjEyMSAwLjI2NGMwLjAzOCAwLjA4NyAwLjA3NSAwLjE3MyAwLjEwOSAwLjI1N3MwLjA2NyAwLjE2NyAwLjA5NyAwLjI0OWMwLjAzMSAwLjA4MSAwLjA1OSAwLjE2MSAwLjA4NiAwLjI0czAuMDUyIDAuMTU1IDAuMDc2IDAuMjI5YzAuMDIzIDAuMDc0IDAuMDQ1IDAuMTQ3IDAuMDY1IDAuMjE3czAuMDM5IDAuMTM4IDAuMDU2IDAuMjA0YzAuMDE3IDAuMDY2IDAuMDMzIDAuMTI5IDAuMDQ3IDAuMTlzMC4wMjcgMC4xMTkgMC4wMzkgMC4xNzVjMC4wMTIgMC4wNTYgMC4wMjIgMC4xMDkgMC4wMzEgMC4xNTlzMC4wMTcgMC4wOTggMC4wMjQgMC4xNDNjMC4wMDcgMC4wNDUgMC4wMTMgMC4wODYgMC4wMTggMC4xMjVzMC4wMTAgMC4wNzQgMC4wMTMgMC4xMDdjMC4wMDQgMC4wMzMgMC4wMDcgMC4wNjIgMC4wMDkgMC4wODhzMC4wMDQgMC4wNDkgMC4wMDUgMC4wNjljMC4wMDEgMC4wMjAgMC4wMDIgMC4wMzYgMC4wMDMgMC4wNTBzMC4wMDEgMC4wMjMgMC4wMDEgMC4wMzBjMCAwLjAwNyAwIDAuMDEwIDAgMC4wMTB6IiAgICAgZmlsbD0iIzAwMCIgICAgIG9wYWNpdHk9IjAuOTk1NDM0IiAvPjwvc3ZnPg==); +} +/* input[value='1'] ~ div > #favourite_favourite { */ +/* background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgaW5rc2NhcGU6dmVyc2lvbj0iMS4wICg0MDM1YTRmYjQ5LCAyMDIwLTA1LTAxKSIgICBzb2RpcG9kaTpkb2NuYW1lPSJoZWFydC5zdmciICAgaWQ9InN2ZzYiICAgdmlld0JveD0iMCAwIDMyIDMyIiAgIGhlaWdodD0iMzIiICAgd2lkdGg9IjMyIiAgIHZlcnNpb249IjEuMSI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEyIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczEwIiAvPiAgPHNvZGlwb2RpOm5hbWVkdmlldyAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnNiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjEiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMzAiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOmN5PSIxNiIgICAgIGlua3NjYXBlOmN4PSIxNi4wNjY5NDYiICAgICBpbmtzY2FwZTp6b29tPSIyOS44NzUiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpZD0ibmFtZWR2aWV3OCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEzODIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjI1NjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBwYWdlY29sb3I9IiNmZmZmZmYiIC8+ICA8dGl0bGUgICAgIGlkPSJ0aXRsZTIiPmhlYXJ0PC90aXRsZT4gIDxwYXRoICAgICBzdHlsZT0iZmlsbDojODFhMWMxO2ZpbGwtb3BhY2l0eToxIiAgICAgaWQ9InBhdGg0IiAgICAgZD0iTTE2LjAyMCA3LjcxOWMwIDAgMC0wLjAwMyAwLTAuMDEwczAtMC4wMTcgMC4wMDEtMC4wMzBjMC4wMDEtMC4wMTMgMC4wMDEtMC4wMzAgMC4wMDMtMC4wNTBzMC4wMDMtMC4wNDMgMC4wMDUtMC4wNjljMC4wMDItMC4wMjYgMC4wMDUtMC4wNTYgMC4wMDktMC4wODhzMC4wMDgtMC4wNjggMC4wMTMtMC4xMDdjMC4wMDUtMC4wMzkgMC4wMTEtMC4wODAgMC4wMTgtMC4xMjVzMC4wMTUtMC4wOTIgMC4wMjQtMC4xNDNjMC4wMDktMC4wNTAgMC4wMjAtMC4xMDQgMC4wMzEtMC4xNTlzMC4wMjQtMC4xMTQgMC4wMzktMC4xNzVjMC4wMTQtMC4wNjEgMC4wMzAtMC4xMjQgMC4wNDctMC4xOXMwLjAzNi0wLjEzNCAwLjA1Ni0wLjIwNGMwLjAyMC0wLjA3MCAwLjA0Mi0wLjE0MyAwLjA2NS0wLjIxN3MwLjA0OS0wLjE1MSAwLjA3Ni0wLjIyOWMwLjAyNy0wLjA3OCAwLjA1Ni0wLjE1OCAwLjA4Ni0wLjI0czAuMDYzLTAuMTY1IDAuMDk3LTAuMjQ5YzAuMDM0LTAuMDg0IDAuMDcxLTAuMTcgMC4xMDktMC4yNTdzMC4wNzktMC4xNzUgMC4xMjEtMC4yNjRjMC4wNDItMC4wODkgMC4wODctMC4xNzkgMC4xMzQtMC4yNjlzMC4wOTUtMC4xODEgMC4xNDYtMC4yNzNjMC4wNTEtMC4wOTEgMC4xMDQtMC4xODMgMC4xNTktMC4yNzZzMC4xMTMtMC4xODQgMC4xNzItMC4yNzdjMC4wNjAtMC4wOTIgMC4xMjEtMC4xODQgMC4xODUtMC4yNzZzMC4xMy0wLjE4MyAwLjE5OS0wLjI3NWMwLjA2OC0wLjA5MSAwLjEzOS0wLjE4MiAwLjIxMi0wLjI3MXMwLjE0OC0wLjE3OSAwLjIyNS0wLjI2N2MwLjA3Ny0wLjA4OCAwLjE1Ny0wLjE3NSAwLjIzOC0wLjI2MXMwLjE2NS0wLjE3IDAuMjUxLTAuMjUzYzAuMDg2LTAuMDgzIDAuMTc0LTAuMTY1IDAuMjY0LTAuMjQ1czAuMTgyLTAuMTU4IDAuMjc2LTAuMjM0YzAuMDk0LTAuMDc2IDAuMTktMC4xNTEgMC4yODgtMC4yMjNzMC4xOTgtMC4xNDMgMC4yOTktMC4yMTFjMC4xMDItMC4wNjggMC4yMDUtMC4xMzQgMC4zMS0wLjE5N3MwLjIxMi0wLjEyNCAwLjMyMS0wLjE4M2MwLjEwOS0wLjA1OCAwLjIxOS0wLjExNCAwLjMzMS0wLjE2N3MwLjIyNS0wLjEwMyAwLjM0LTAuMTVjMC4xMTUtMC4wNDcgMC4yMzEtMC4wOTIgMC4zNDgtMC4xMzNzMC4yMzYtMC4wODAgMC4zNTYtMC4xMTUgMC4yNDEtMC4wNjcgMC4zNjMtMC4wOTZjMC4xMjItMC4wMjkgMC4yNDUtMC4wNTQgMC4zNjktMC4wNzZzMC4yNDktMC4wNDEgMC4zNzQtMC4wNTZjMC4xMjYtMC4wMTUgMC4yNTItMC4wMjcgMC4zNzktMC4wMzZzMC4yNTQtMC4wMTMgMC4zODItMC4wMTVjMC4xMjgtMC4wMDEgMC4yNTYgMC4wMDEgMC4zODUgMC4wMDZzMC4yNTcgMC4wMTUgMC4zODYgMC4wMjdjMC4xMjkgMC4wMTMgMC4yNTggMC4wMjkgMC4zODcgMC4wNDlzMC4yNTggMC4wNDMgMC4zODYgMC4wNzBjMC4xMjggMC4wMjcgMC4yNTcgMC4wNTggMC4zODQgMC4wOTFzMC4yNTUgMC4wNzIgMC4zODIgMC4xMTNjMC4xMjcgMC4wNDEgMC4yNTMgMC4wODYgMC4zNzggMC4xMzRzMC4yNSAwLjA5OSAwLjM3MyAwLjE1NGMwLjEyNCAwLjA1NSAwLjI0NiAwLjExMyAwLjM2OCAwLjE3NXMwLjI0MiAwLjEyNiAwLjM2MSAwLjE5NCAwLjIzNyAwLjEzOSAwLjM1MyAwLjIxNGMwLjExNiAwLjA3NCAwLjIzMSAwLjE1MiAwLjM0NCAwLjIzMnMwLjIyNCAwLjE2NCAwLjMzNCAwLjI1MSAwLjIxNyAwLjE3NiAwLjMyMyAwLjI2OGMwLjEwNiAwLjA5MiAwLjIxIDAuMTg3IDAuMzExIDAuMjg1czAuMjAxIDAuMTk4IDAuMjk5IDAuMzAxYzAuMDk3IDAuMTAzIDAuMTkyIDAuMjA4IDAuMjg1IDAuMzE2czAuMTgzIDAuMjE4IDAuMjcgMC4zM2MwLjA4OCAwLjExMiAwLjE3MyAwLjIyNyAwLjI1NSAwLjM0NHMwLjE2MiAwLjIzNiAwLjIzOSAwLjM1N2MwLjA3NyAwLjEyMSAwLjE1MSAwLjI0NCAwLjIyMiAwLjM2OHMwLjE0IDAuMjUxIDAuMjA1IDAuMzc5YzAuMDY1IDAuMTI4IDAuMTI4IDAuMjU4IDAuMTg3IDAuMzg5czAuMTE1IDAuMjY0IDAuMTY4IDAuMzk4YzAuMDUzIDAuMTM0IDAuMTAyIDAuMjcgMC4xNDkgMC40MDZzMC4wOTAgMC4yNzUgMC4xMjkgMC40MTRjMC4wNDAgMC4xMzkgMC4wNzYgMC4yNzkgMC4xMDkgMC40MnMwLjA2MyAwLjI4MyAwLjA4OSAwLjQyNmMwLjAyNiAwLjE0MyAwLjA0OSAwLjI4NiAwLjA2OCAwLjQzczAuMDM1IDAuMjg5IDAuMDQ3IDAuNDM0YzAuMDEyIDAuMTQ1IDAuMDIxIDAuMjkxIDAuMDI2IDAuNDM4czAuMDA3IDAuMjkzIDAuMDA1IDAuNDRjLTAuMDAyIDAuMTQ3LTAuMDA3IDAuMjk0LTAuMDE2IDAuNDQycy0wLjAyMSAwLjI5NS0wLjAzNyAwLjQ0M2MtMC4wMTYgMC4xNDgtMC4wMzUgMC4yOTYtMC4wNTggMC40NDRzLTAuMDQ5IDAuMjk2LTAuMDc5IDAuNDQzYy0wLjAzMCAwLjE0OC0wLjA2MyAwLjI5NS0wLjA5OSAwLjQ0M3MtMC4wNzYgMC4yOTUtMC4xMTkgMC40NDJjLTAuMDQzIDAuMTQ3LTAuMDkwIDAuMjk0LTAuMTM5IDAuNDRzLTAuMTAyIDAuMjkzLTAuMTU5IDAuNDM4Yy0wLjA1NiAwLjE0Ni0wLjExNSAwLjI5MS0wLjE3NyAwLjQzNnMtMC4xMjggMC4yODktMC4xOTYgMC40MzQtMC4xNCAwLjI4OC0wLjIxNCAwLjQzMWMtMC4wNzQgMC4xNDMtMC4xNTEgMC4yODYtMC4yMzEgMC40MjhzLTAuMTYyIDAuMjgzLTAuMjQ3IDAuNDI0Yy0wLjA4NSAwLjE0MS0wLjE3MyAwLjI4MS0wLjI2MyAwLjQyMXMtMC4xODMgMC4yNzktMC4yNzggMC40MTdjLTAuMDk1IDAuMTM5LTAuMTkyIDAuMjc2LTAuMjkyIDAuNDE0cy0wLjIwMSAwLjI3NC0wLjMwNSAwLjQxLTAuMjEgMC4yNzItMC4zMTcgMC40MDZjLTAuMTA4IDAuMTM1LTAuMjE3IDAuMjY5LTAuMzI5IDAuNDAzcy0wLjIyNCAwLjI2Ny0wLjMzOSAwLjM5OWMtMC4xMTUgMC4xMzItMC4yMzEgMC4yNjQtMC4zNDkgMC4zOTZzLTAuMjM3IDAuMjYyLTAuMzU3IDAuMzkyYy0wLjEyIDAuMTMtMC4yNDIgMC4yNi0wLjM2NCAwLjM4OXMtMC4yNDYgMC4yNTctMC4zNzEgMC4zODUtMC4yNSAwLjI1NS0wLjM3NiAwLjM4MmMtMC4xMjYgMC4xMjctMC4yNTMgMC4yNTMtMC4zOCAwLjM3OXMtMC4yNTUgMC4yNTEtMC4zODMgMC4zNzYtMC4yNTcgMC4yNDktMC4zODUgMC4zNzMtMC4yNTggMC4yNDctMC4zODYgMC4zN2MtMC4xMjkgMC4xMjMtMC4yNTggMC4yNDUtMC4zODYgMC4zNjdzLTAuMjU3IDAuMjQ0LTAuMzg2IDAuMzY1Yy0wLjEyOCAwLjEyMS0wLjI1NiAwLjI0Mi0wLjM4NCAwLjM2MnMtMC4yNTQgMC4yNC0wLjM4MSAwLjM1OWMtMC4xMjYgMC4xMTktMC4yNTIgMC4yMzgtMC4zNzcgMC4zNTdzLTAuMjQ5IDAuMjM2LTAuMzcyIDAuMzU0Yy0wLjEyMyAwLjExOC0wLjI0NSAwLjIzNS0wLjM2NiAwLjM1MXMtMC4yNDEgMC4yMzMtMC4zNiAwLjM0OWMtMC4xMTkgMC4xMTYtMC4yMzYgMC4yMzEtMC4zNTIgMC4zNDZzLTAuMjMxIDAuMjI5LTAuMzQ0IDAuMzQzYy0wLjExMyAwLjExNC0wLjIyNSAwLjIyNy0wLjMzNSAwLjM0cy0wLjIxOSAwLjIyNS0wLjMyNiAwLjMzNi0wLjIxMiAwLjIyMi0wLjMxNiAwLjMzM2MtMC4xMDMgMC4xMS0wLjIwNSAwLjIyLTAuMzA1IDAuMzI5cy0wLjE5OCAwLjIxNy0wLjI5NCAwLjMyNWMtMC4wOTYgMC4xMDgtMC4xOSAwLjIxNC0wLjI4MiAwLjMycy0wLjE4MiAwLjIxMS0wLjI3IDAuMzE2LTAuMTc0IDAuMjA4LTAuMjU3IDAuMzExYy0wLjA4NCAwLjEwMy0wLjE2NSAwLjIwNC0wLjI0NSAwLjMwNXMtMC4xNTcgMC4yMDEtMC4yMzIgMC4zYy0wLjA3NSAwLjA5OS0wLjE0OCAwLjE5Ny0wLjIxOSAwLjI5M3MtMC4xMzkgMC4xOTItMC4yMDUgMC4yODctMC4xMyAwLjE4OC0wLjE5MiAwLjI4Yy0wLjA2MiAwLjA5Mi0wLjEyMSAwLjE4My0wLjE3OSAwLjI3MnMtMC4xMTMgMC4xNzctMC4xNjYgMC4yNjRjLTAuMDUzIDAuMDg3LTAuMTA0IDAuMTcyLTAuMTUzIDAuMjU1cy0wLjA5NSAwLjE2Ni0wLjE0IDAuMjQ2LTAuMDg3IDAuMTYtMC4xMjcgMC4yMzdjLTAuMDQwIDAuMDc3LTAuMDc5IDAuMTUzLTAuMTE1IDAuMjI3cy0wLjA3MSAwLjE0Ni0wLjEwMyAwLjIxN2MtMC4wMzIgMC4wNzAtMC4wNjMgMC4xMzktMC4wOTIgMC4yMDZzLTAuMDU2IDAuMTMxLTAuMDgxIDAuMTk0Yy0wLjAyNSAwLjA2My0wLjA0OSAwLjEyNC0wLjA3MCAwLjE4M3MtMC4wNDIgMC4xMTYtMC4wNjEgMC4xN2MtMC4wMTkgMC4wNTUtMC4wMzYgMC4xMDctMC4wNTEgMC4xNThzLTAuMDMwIDAuMDk5LTAuMDQzIDAuMTQ1LTAuMDI0IDAuMDkwLTAuMDM1IDAuMTMxYy0wLjAxMCAwLjA0MS0wLjAyMCAwLjA4MS0wLjAyOCAwLjExN3MtMC4wMTUgMC4wNzEtMC4wMjEgMC4xMDRjLTAuMDA2IDAuMDMyLTAuMDExIDAuMDYyLTAuMDE2IDAuMDg5cy0wLjAwOCAwLjA1Mi0wLjAxMSAwLjA3NWMtMC4wMDMgMC4wMjMtMC4wMDUgMC4wNDMtMC4wMDcgMC4wNjBzLTAuMDAzIDAuMDMzLTAuMDA0IDAuMDQ1Yy0wLjAwMSAwLjAxMy0wLjAwMSAwLjAyMy0wLjAwMiAwLjAzMHMtMCAwLjAxMy0wIDAuMDE1IDAgMC4wMDMgMCAwLTAtMC4wMDgtMC0wLjAxNS0wLjAwMS0wLjAxOC0wLjAwMi0wLjAzMGMtMC4wMDEtMC4wMTMtMC4wMDItMC4wMjgtMC4wMDQtMC4wNDVzLTAuMDA0LTAuMDM3LTAuMDA3LTAuMDYwYy0wLjAwMy0wLjAyMi0wLjAwNy0wLjA0Ny0wLjAxMS0wLjA3NXMtMC4wMTAtMC4wNTctMC4wMTYtMC4wODljLTAuMDA2LTAuMDMyLTAuMDEzLTAuMDY3LTAuMDIxLTAuMTA0cy0wLjAxNy0wLjA3Ni0wLjAyOC0wLjExN2MtMC4wMTAtMC4wNDEtMC4wMjItMC4wODUtMC4wMzUtMC4xMzFzLTAuMDI3LTAuMDk0LTAuMDQzLTAuMTQ1Yy0wLjAxNi0wLjA1MC0wLjAzMy0wLjEwMy0wLjA1MS0wLjE1OHMtMC4wMzktMC4xMTEtMC4wNjEtMC4xN2MtMC4wMjItMC4wNTktMC4wNDUtMC4xMi0wLjA3MC0wLjE4M3MtMC4wNTItMC4xMjgtMC4wODEtMC4xOTRjLTAuMDI5LTAuMDY3LTAuMDU5LTAuMTM1LTAuMDkyLTAuMjA2cy0wLjA2Ny0wLjE0My0wLjEwMy0wLjIxN2MtMC4wMzYtMC4wNzQtMC4wNzUtMC4xNS0wLjExNS0wLjIyN3MtMC4wODMtMC4xNTYtMC4xMjctMC4yMzctMC4wOTEtMC4xNjMtMC4xNC0wLjI0NmMtMC4wNDktMC4wODQtMC4xLTAuMTY5LTAuMTUzLTAuMjU1cy0wLjEwOC0wLjE3NS0wLjE2Ni0wLjI2NGMtMC4wNTctMC4wODktMC4xMTctMC4xOC0wLjE3OS0wLjI3MnMtMC4xMjYtMC4xODUtMC4xOTItMC4yOGMtMC4wNjYtMC4wOTQtMC4xMzUtMC4xOS0wLjIwNS0wLjI4N3MtMC4xNDQtMC4xOTUtMC4yMTktMC4yOTNjLTAuMDc1LTAuMDk5LTAuMTUyLTAuMTk5LTAuMjMyLTAuM3MtMC4xNjEtMC4yMDMtMC4yNDUtMC4zMDUtMC4xNjktMC4yMDYtMC4yNTctMC4zMTFjLTAuMDg4LTAuMTA0LTAuMTc4LTAuMjEtMC4yNy0wLjMxNnMtMC4xODYtMC4yMTMtMC4yODItMC4zMi0wLjE5NC0wLjIxNi0wLjI5NC0wLjMyNWMtMC4xLTAuMTA5LTAuMjAxLTAuMjE5LTAuMzA1LTAuMzI5cy0wLjIwOS0wLjIyMS0wLjMxNi0wLjMzM2MtMC4xMDctMC4xMTEtMC4yMTYtMC4yMjQtMC4zMjYtMC4zMzZzLTAuMjIyLTAuMjI2LTAuMzM1LTAuMzRjLTAuMTEzLTAuMTE0LTAuMjI4LTAuMjI4LTAuMzQ0LTAuMzQzcy0wLjIzNC0wLjIzLTAuMzUyLTAuMzQ2Yy0wLjExOS0wLjExNi0wLjIzOS0wLjIzMi0wLjM2LTAuMzQ5cy0wLjI0My0wLjIzNC0wLjM2Ni0wLjM1MS0wLjI0Ny0wLjIzNi0wLjM3Mi0wLjM1NGMtMC4xMjUtMC4xMTgtMC4yNS0wLjIzNy0wLjM3Ny0wLjM1N3MtMC4yNTMtMC4yMzktMC4zODEtMC4zNTljLTAuMTI3LTAuMTItMC4yNTUtMC4yNDEtMC4zODMtMC4zNjJzLTAuMjU3LTAuMjQzLTAuMzg2LTAuMzY1Yy0wLjEyOS0wLjEyMi0wLjI1OC0wLjI0NC0wLjM4Ni0wLjM2N3MtMC4yNTgtMC4yNDYtMC4zODYtMC4zN2MtMC4xMjktMC4xMjQtMC4yNTctMC4yNDgtMC4zODUtMC4zNzNzLTAuMjU2LTAuMjUtMC4zODMtMC4zNzZjLTAuMTI3LTAuMTI2LTAuMjU0LTAuMjUyLTAuMzgtMC4zNzlzLTAuMjUxLTAuMjU0LTAuMzc2LTAuMzgyYy0wLjEyNC0wLjEyOC0wLjI0OC0wLjI1Ni0wLjM3MS0wLjM4NXMtMC4yNDQtMC4yNTktMC4zNjQtMC4zODljLTAuMTItMC4xMy0wLjIzOS0wLjI2MS0wLjM1Ny0wLjM5MnMtMC4yMzQtMC4yNjMtMC4zNDktMC4zOTZjLTAuMTE1LTAuMTMyLTAuMjI4LTAuMjY2LTAuMzM5LTAuMzk5cy0wLjIyMS0wLjI2OC0wLjMyOS0wLjQwM2MtMC4xMDgtMC4xMzUtMC4yMTQtMC4yNy0wLjMxNy0wLjQwNnMtMC4yMDYtMC4yNzMtMC4zMDUtMC40MWMtMC4xLTAuMTM3LTAuMTk3LTAuMjc1LTAuMjkyLTAuNDE0cy0wLjE4OC0wLjI3OC0wLjI3OC0wLjQxN2MtMC4wOTAtMC4xNC0wLjE3OC0wLjI4LTAuMjYzLTAuNDIxcy0wLjE2Ny0wLjI4Mi0wLjI0Ny0wLjQyNGMtMC4wODAtMC4xNDItMC4xNTctMC4yODQtMC4yMzEtMC40MjhzLTAuMTQ1LTAuMjg3LTAuMjE0LTAuNDMxYy0wLjA2OC0wLjE0NC0wLjEzNC0wLjI4OS0wLjE5Ni0wLjQzNHMtMC4xMjItMC4yOS0wLjE3Ny0wLjQzNmMtMC4wNTYtMC4xNDYtMC4xMDktMC4yOTItMC4xNTktMC40MzhzLTAuMDk2LTAuMjkzLTAuMTM5LTAuNDRjLTAuMDQzLTAuMTQ3LTAuMDgzLTAuMjk0LTAuMTE5LTAuNDQycy0wLjA2OS0wLjI5NS0wLjA5OS0wLjQ0My0wLjA1Ni0wLjI5Ni0wLjA3OS0wLjQ0M2MtMC4wMjMtMC4xNDgtMC4wNDItMC4yOTYtMC4wNTgtMC40NDRzLTAuMDI4LTAuMjk2LTAuMDM3LTAuNDQzYy0wLjAwOS0wLjE0OC0wLjAxNC0wLjI5NS0wLjAxNi0wLjQ0MnMwLTAuMjk0IDAuMDA1LTAuNDQgMC4wMTQtMC4yOTIgMC4wMjYtMC40MzhjMC4wMTItMC4xNDUgMC4wMjgtMC4yOSAwLjA0Ny0wLjQzNHMwLjA0Mi0wLjI4OCAwLjA2OC0wLjQzIDAuMDU2LTAuMjg1IDAuMDg5LTAuNDI2YzAuMDMzLTAuMTQxIDAuMDY5LTAuMjgxIDAuMTA5LTAuNDJzMC4wODMtMC4yNzcgMC4xMjktMC40MTQgMC4wOTYtMC4yNzIgMC4xNDktMC40MDZjMC4wNTMtMC4xMzQgMC4xMDktMC4yNjcgMC4xNjgtMC4zOThzMC4xMjEtMC4yNjEgMC4xODctMC4zODljMC4wNjUtMC4xMjggMC4xMzQtMC4yNTUgMC4yMDUtMC4zNzlzMC4xNDUtMC4yNDcgMC4yMjItMC4zNjhjMC4wNzctMC4xMjEgMC4xNTctMC4yNCAwLjIzOS0wLjM1N3MwLjE2OC0wLjIzMSAwLjI1NS0wLjM0NGMwLjA4OC0wLjExMiAwLjE3OC0wLjIyMyAwLjI3LTAuMzNzMC4xODgtMC4yMTMgMC4yODUtMC4zMTYgMC4xOTctMC4yMDMgMC4yOTktMC4zMDFjMC4xMDItMC4wOTggMC4yMDYtMC4xOTMgMC4zMTEtMC4yODVzMC4yMTQtMC4xODIgMC4zMjMtMC4yNjggMC4yMjEtMC4xNyAwLjMzNC0wLjI1MWMwLjExMy0wLjA4MSAwLjIyOC0wLjE1OCAwLjM0NC0wLjIzMnMwLjIzNC0wLjE0NiAwLjM1My0wLjIxNCAwLjIzOS0wLjEzMyAwLjM2MS0wLjE5NGMwLjEyMS0wLjA2MiAwLjI0NC0wLjEyIDAuMzY4LTAuMTc1czAuMjQ4LTAuMTA2IDAuMzczLTAuMTU0YzAuMTI1LTAuMDQ4IDAuMjUxLTAuMDkzIDAuMzc4LTAuMTM0czAuMjU0LTAuMDc5IDAuMzgyLTAuMTEzYzAuMTI4LTAuMDM0IDAuMjU2LTAuMDY1IDAuMzg0LTAuMDkxczAuMjU3LTAuMDUwIDAuMzg2LTAuMDcwYzAuMTI5LTAuMDIwIDAuMjU4LTAuMDM2IDAuMzg3LTAuMDQ5czAuMjU4LTAuMDIyIDAuMzg2LTAuMDI3YzAuMTI5LTAuMDA2IDAuMjU3LTAuMDA4IDAuMzg1LTAuMDA2czAuMjU1IDAuMDA3IDAuMzgyIDAuMDE1IDAuMjUzIDAuMDIxIDAuMzc5IDAuMDM2YzAuMTI2IDAuMDE1IDAuMjUgMC4wMzQgMC4zNzQgMC4wNTZzMC4yNDcgMC4wNDggMC4zNjkgMC4wNzZjMC4xMjIgMC4wMjkgMC4yNDMgMC4wNjEgMC4zNjMgMC4wOTZzMC4yMzkgMC4wNzQgMC4zNTYgMC4xMTVjMC4xMTcgMC4wNDEgMC4yMzQgMC4wODYgMC4zNDggMC4xMzNzMC4yMjggMC4wOTggMC4zNCAwLjE1YzAuMTEyIDAuMDUzIDAuMjIyIDAuMTA5IDAuMzMxIDAuMTY3czAuMjE2IDAuMTE5IDAuMzIxIDAuMTgzYzAuMTA1IDAuMDYzIDAuMjA5IDAuMTI5IDAuMzEgMC4xOTdzMC4yMDEgMC4xMzggMC4yOTkgMC4yMTFjMC4wOTggMC4wNzIgMC4xOTQgMC4xNDcgMC4yODggMC4yMjNzMC4xODYgMC4xNTUgMC4yNzYgMC4yMzQgMC4xNzggMC4xNjEgMC4yNjQgMC4yNDVjMC4wODYgMC4wODMgMC4xNjkgMC4xNjcgMC4yNTEgMC4yNTNzMC4xNjEgMC4xNzMgMC4yMzggMC4yNjEgMC4xNTIgMC4xNzcgMC4yMjUgMC4yNjdjMC4wNzMgMC4wOTAgMC4xNDQgMC4xOCAwLjIxMiAwLjI3MXMwLjEzNSAwLjE4MyAwLjE5OSAwLjI3NWMwLjA2NCAwLjA5MiAwLjEyNiAwLjE4NCAwLjE4NSAwLjI3NnMwLjExNyAwLjE4NSAwLjE3MiAwLjI3N2MwLjA1NSAwLjA5MiAwLjEwOCAwLjE4NCAwLjE1OSAwLjI3NnMwLjEgMC4xODMgMC4xNDYgMC4yNzNjMC4wNDcgMC4wOTAgMC4wOTEgMC4xOCAwLjEzNCAwLjI2OXMwLjA4MyAwLjE3NyAwLjEyMSAwLjI2NGMwLjAzOCAwLjA4NyAwLjA3NSAwLjE3MyAwLjEwOSAwLjI1N3MwLjA2NyAwLjE2NyAwLjA5NyAwLjI0OWMwLjAzMSAwLjA4MSAwLjA1OSAwLjE2MSAwLjA4NiAwLjI0czAuMDUyIDAuMTU1IDAuMDc2IDAuMjI5YzAuMDIzIDAuMDc0IDAuMDQ1IDAuMTQ3IDAuMDY1IDAuMjE3czAuMDM5IDAuMTM4IDAuMDU2IDAuMjA0YzAuMDE3IDAuMDY2IDAuMDMzIDAuMTI5IDAuMDQ3IDAuMTlzMC4wMjcgMC4xMTkgMC4wMzkgMC4xNzVjMC4wMTIgMC4wNTYgMC4wMjIgMC4xMDkgMC4wMzEgMC4xNTlzMC4wMTcgMC4wOTggMC4wMjQgMC4xNDNjMC4wMDcgMC4wNDUgMC4wMTMgMC4wODYgMC4wMTggMC4xMjVzMC4wMTAgMC4wNzQgMC4wMTMgMC4xMDdjMC4wMDQgMC4wMzMgMC4wMDcgMC4wNjIgMC4wMDkgMC4wODhzMC4wMDQgMC4wNDkgMC4wMDUgMC4wNjljMC4wMDEgMC4wMjAgMC4wMDIgMC4wMzYgMC4wMDMgMC4wNTBzMC4wMDEgMC4wMjMgMC4wMDEgMC4wMzBjMCAwLjAwNyAwIDAuMDEwIDAgMC4wMTB6IiAgICAgZmlsbD0iIzAwMCIgICAgIG9wYWNpdHk9IjAuOTk1NDM0IiAvPjwvc3ZnPg==); */ +/* } */ +#reply_reply { + background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMzIiCiAgIGhlaWdodD0iMzIiCiAgIHZpZXdCb3g9IjAgMCAzMiAzMiIKICAgaWQ9InN2ZzI0NSI+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMjUxIj4KICAgIDxyZGY6UkRGPgogICAgICA8Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+CiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+CiAgICAgICAgPGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPgogICAgICAgIDxkYzp0aXRsZT5yZXBseTwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnMyNDkiIC8+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMjQxIj5yZXBseTwvdGl0bGU+CiAgPHBhdGgKICAgICBkPSJNMC45NTggMTUuNTU5bDUuMjAzLTEwLjE5N2MwLjQ5OS0xLjE3IDEuNzQ1LTMuMDEyIDMuMDE1LTAuNzk5bDAuOTMzIDEuNjI1YzEwLjMyOS0zLjIwOCAxNy43MjMgMS4xNzggMTkuNjEzIDYuODg0IDEuMjA4IDMuNjQ1IDAuOTIyIDguODcxLTEuNzExIDEzLjg5OS0wLjY2MyAwLjk1NC0xLjUyMiAwLjMxNS0xLjM3NS0wLjUzMiAzLjEyNi0xMS43MzMtNi43NDMtMTcuMTA4LTExLjg4Mi0xMC40NjhsMC44MSAxLjk5YzAuNTE4IDEuMjcxLTAuNjQgMS41NDEtMi43NzkgMS4xNjFsLTEwLjgyOC0xLjUyNGMtMC44ODQtMC4yMzItMS4zNTgtMS4xOTctMC45OTktMi4wMzl6IgogICAgIGlkPSJwYXRoMjQzIgogICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOiNmZmZmZmI7c3Ryb2tlLW9wYWNpdHk6MSIgLz4KPC9zdmc+Cg==); +} + +.replies { + order: 4; + width: 100%; + box-sizing: content-box; + padding: 2% 2% 0 2%; +} + +/* POSTING */ +.content > form { + display: flex; + flex: max-content; + width: -webkit-fill-available; +} +.create-notice { + display: flex; + flex-wrap: wrap; + flex: max-content; + width: -webkit-fill-available; + margin-left: 0; + margin-right: 0; + border-radius: var(--unit-size); + border: solid 2px var(--accent-low); + background-color: var(--bg3); +} +.create-right { + order: 2; + width: 75%; + border-radius: 0 var(--unit-size) var(--unit-size) 0; + background-color: var(--bg3); +} + +/* target multi-select */ +.target { + order: 1; + width: 25%; + background-color: var(--bg1); + border-radius: var(--unit-size) 0 0 var(--unit-size); +} +.target-top { + padding: var(--unit-size) var(--unit-size) 0 var(--unit-size); + font-size: var(--medium-size); +} +.target-bot { + padding-left: var(--unit-size); + padding-bottom: var(--unit-size); + font-size: var(--medium-size); +} +.target .required { + font-weight: 800; + font-family: var(--main-font); +} +.target #post_to { + font-weight: 400; + font-family: var(--main-font); +} +.target #post_to label { + margin-left: 0.2em; +} + +.create-top-right{ + display: flex; + justify-content: space-between; + color: var(--fg); + background-color: var(--bg1); + border-radius: 0 var(--unit-size) 0 0; + width: 100%; + box-sizing: border-box; +} + +/* tabs */ + +.tabs{ + padding: var(--unit-size); +} + + +/* scope options */ +.scope { + display: flex; + flex-wrap: wrap; + color: var(--fg); + background-color: var(--bg1); + border-radius: 0 var(--unit-size) 0 0; +} +.scope > div { + display: inline; + vertical-align: middle; + flex: 1; + font-size: var(--medium-size); + color: var(--fg); + padding: var(--unit-size); +} +.scope .required { + order: 1; + font-weight: 800; + font-family: var(--main-font); +} +#post_visibility .required { + font-family: var(--main-font); + font-weight: 400; + margin-left: 0.1em; + margin-right: 1em; + float: left; +} +.scope #post_scope { + order: 2; + flex-grow: 1; + flex-shrink: 1; +} + +/* input box */ +.input-wrapper { + order: 2; + display: inline-flex; + justify-content: flex-start; + width: 100%; + box-sizing: border-box; +} +.content-input { + order: 2; + flex-grow: 1; + flex-shrink: 0; +} +#post_content { + background-color: var(--bg3); + padding: var(--unit-size); + color: var(--fg); + font-size: var(--medium-size); + font-family: var(--main-font); + width: 100%; + box-sizing: border-box; + height: calc(8 * var(--unit-size)); + resize: vertical; +} + +/* options */ +.notice-options { + order: 3; + display: inline-flex; + width: 100%; + box-sizing: border-box; + padding: 1%; + background-color: var(--bg3); + border-radius: 0 0 var(--unit-size) 0; +} +.post { + order: 2; + width: calc(100% - var(--main-size)); +} +.post div { + float: right; + vertical-align: middle; +} + +#post_attachments { + width: 0; + height: 0; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -1; +} +#post_attachments + label { + cursor: pointer; +} +#post_attachments:focus + label, +#post_attachments + label:hover { + border-radius: var(--unit-size); + box-shadow: 0 0 8px var(--accent); +} +.icon-attach { + width: var(--main-size); + height: var(--main-size); + font-size: var(--medium-size); + fill: var(--fg); + background-color: var(--bg1); + padding: 0.6em 1.2em; + border-style: solid; + border-color: var(--accent); + border-radius: var(--unit-size); + border-width: 2px; + margin-bottom: -0.5em; + cursor: pointer; + z-index: 0; +} + +#replyform { + margin: var(--main-size); +} +#replyform div { + display: inline-flex; + justify-content: flex-start; + width: 100%; + box-sizing: border-box; +} +#replyform div textarea { + width: 100%; +} diff --git a/public/assets/css/right/right.css b/public/assets/css/right/right.css index 6e79ada04f..9528abe2cf 100644 --- a/public/assets/css/right/right.css +++ b/public/assets/css/right/right.css @@ -1,176 +1,53 @@ -.icon-right { - position: fixed; - top: 0; - right: 0; - padding: calc(3 * var(--unit-size)); - - width: var(--main-size); - height: auto; - - fill: var(--white); - stroke-width: 0; - vertical-align: middle; +.arrow { + border: solid var(--fg); + border-width: 0 3px 3px 0; + display: none; + padding: 0.3em; +} +.right { + transform: rotate(135deg); + -webkit-transform: rotate(135deg); } #right-panel { - font-size: var(--main-size); - top: inherit; + display: flex; + flex-direction: column; + position: fixed; + right: 0; + top: var(--unit-size); + margin: 0; } -.create-notice { - background-image: radial-gradient(ellipse at 10% 10%, var(--bg3), var(--accent-blue)), - url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAElBMVEUAAACUkpSEhoSMioyMjoyEgoRr6djFAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAU1JREFUKJEVUcl1xTAIpAVLSgECXIAYUoCAX0Bi919LlCPLm5ValiOUUe2+ZRVFuYpKXFsUX9aIp0V6GtC8VRhNL0X2fikvswhKrNDhes7pbpPkufFAtI0B76LEjfc2bgdHDk6RX4A/sjt6LCylfoYpNYYJx/9COhIugsjluzN9VGZ/Hnl51jIH2ba+Ywsy2RJCFdoDe8Obw61TXGAv+ewExMRJs7gd7YcimPuk42uMqY2VJ1fK+bDL32rb7kwok/la/u7Mrz7Xf0DTssSP2Btp1ZS0zw35tM/SsJKgWNLcRh+/th1QqntwtM3Tx0LNosoBYbM3qjJFiMeLsMH2i5BcQdU3n9sJHOE1Hoqn1GA/bm4s0YkVB/y4r0PbltF32FpljXmdlOOwbDvFWkoDYLppSG4pnM6UxX3Src1lhXeU36FOu3o+R2vNaHME/wESUl9/3zMniwAAAABJRU5ErkJggg==); - background-blend-mode: multiply; - border-radius: var(--unit-size); +/* UNTOGGLED */ +#right-container { + right: 0; + top: 0; + transition: 0.3s ease; } - -.section-title { - display: flex; - width: 100%; - border-radius: var(--unit-size); - - padding: var(--unit-size); - box-sizing: border-box; - - background-color: var(--translucent); - font-family: var(--display-font); - font-size: var(--main-size); -} - -.section-content { - margin: var(--unit-size); -} - -.section-content hr { - all: unset; +.arrow label { display: block; - height: 2px; - background-image: linear-gradient(to left, var(--translucent-light), transparent 90%); - margin-bottom: var(--unit-size); -} - -.target, -.scope { - border-radius: var(--unit-size); -} - -.target label, -.scope label { - font-family: var(--display-font); -} - -#post_visibility { - display: flex; - justify-content: flex-start; - font-size: var(--medium-size); - padding: var(--unit-size); - box-sizing: border-box; -} - -#post_visibility input[type="radio"] { - margin-right: 5px; -} - -#post_visibility label { - margin-right: var(--main-size); -} - -#tabs { - display: flex; - flex-direction: column; - font-family: var(--display-font); -} - -.notice-options { - margin-top: var(--unit-size); - display: flex; - flex-wrap: wrap; - box-sizing: border-box; - - font-family: var(--display-font); - width: 100%; -} - -.post { - align-self: flex-end; -} - -#post_content { - border-radius: var(--unit-size); - background-color: var(--translucent); - - width: 100%; - margin-top: var(--unit-size); - padding: var(--unit-size); - resize: vertical; - height: calc(6 * var(--main-size)); - - font-family: var(--main-font); - font-size: var(--medium-size); - color: var(--white); - box-sizing: border-box; -} - - -#post_attachments, -#post_post { cursor: pointer; } - -#post_post { - font-family: var(--display-font); - font-size: var(--medium-size); - padding: .2em .4em; - - border-radius: var(--unit-size); - border: 2px solid var(--bg3); - - background-color: var(--translucent); - color: var(--white); - transition: 0.4s; -} - -.attachments { - flex: 1; -} - -input[type=file]::file-selector-button { - font-family: var(--display-font); - font-size: var(--medium-size); - padding: .2em .4em; - - border-radius: var(--unit-size); - border: 2px solid var(--bg3); - - background-color: var(--translucent); - color: var(--white); - transition: 0.4s; -} - -#post_post:hover { - border: 2px solid var(--white); - background-color: var(--white); - color: var(--bg1); -} - -input[type=file]::file-selector-button:hover, -input[type=button]:hover { - border: 2px solid var(--white); - background-color: var(--white); - color: var(--bg1); -} - -.create-notice details { - font-family: var(--display-font); - padding: var(--unit-size); - box-sizing: border-box; +#toggle-right { + position: absolute; + z-index: 2; cursor: pointer; + opacity: 0; +} +#toggle-right:not(:checked)+.arrow { + transform: rotate(135deg); + transition: 0.3s ease; } -#note-types { - padding: var(--unit-size); - box-sizing: border-box; +/* TOGGLED */ +#toggle-right:checked~#right-container { display: flex; - flex-direction: column; -} \ No newline at end of file + right: 0; + top: 0; + transition: 0.3s ease; +} +#toggle-right:checked+.arrow { + transform: rotate(-45deg); + transition: 0.3s ease; +} diff --git a/public/assets/fonts/inter/inter.css b/public/assets/fonts/inter/inter.css index 9718343664..f450010124 100644 --- a/public/assets/fonts/inter/inter.css +++ b/public/assets/fonts/inter/inter.css @@ -1,163 +1,154 @@ @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 100; - font-display: swap; - src: url("Inter-Thin.woff2?v=3.19") format("woff2"), - url("Inter-Thin.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 100; + font-display: swap; + src: url("Inter-Thin.woff2?v=3.19") format("woff2"), + url("Inter-Thin.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 100; + font-display: swap; + src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"), + url("Inter-ThinItalic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 100; - font-display: swap; - src: url("Inter-ThinItalic.woff2?v=3.19") format("woff2"), - url("Inter-ThinItalic.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 200; + font-display: swap; + src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"), + url("Inter-ExtraLight.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 200; + font-display: swap; + src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), + url("Inter-ExtraLightItalic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 200; - font-display: swap; - src: url("Inter-ExtraLight.woff2?v=3.19") format("woff2"), - url("Inter-ExtraLight.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + font-display: swap; + src: url("Inter-Light.woff2?v=3.19") format("woff2"), + url("Inter-Light.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 300; + font-display: swap; + src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"), + url("Inter-LightItalic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 200; - font-display: swap; - src: url("Inter-ExtraLightItalic.woff2?v=3.19") format("woff2"), - url("Inter-ExtraLightItalic.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url("Inter-Regular.woff2?v=3.19") format("woff2"), + url("Inter-Regular.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url("Inter-Italic.woff2?v=3.19") format("woff2"), + url("Inter-Italic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 300; - font-display: swap; - src: url("Inter-Light.woff2?v=3.19") format("woff2"), - url("Inter-Light.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + font-display: swap; + src: url("Inter-Medium.woff2?v=3.19") format("woff2"), + url("Inter-Medium.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 500; + font-display: swap; + src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"), + url("Inter-MediumItalic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 300; - font-display: swap; - src: url("Inter-LightItalic.woff2?v=3.19") format("woff2"), - url("Inter-LightItalic.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + font-display: swap; + src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"), + url("Inter-SemiBold.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 600; + font-display: swap; + src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), + url("Inter-SemiBoldItalic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url("Inter-Regular.woff2?v=3.19") format("woff2"), - url("Inter-Regular.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + font-display: swap; + src: url("Inter-Bold.woff2?v=3.19") format("woff2"), + url("Inter-Bold.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + font-display: swap; + src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"), + url("Inter-BoldItalic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url("Inter-Italic.woff2?v=3.19") format("woff2"), - url("Inter-Italic.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 800; + font-display: swap; + src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"), + url("Inter-ExtraBold.woff?v=3.19") format("woff"); +} +@font-face { + font-family: 'Inter'; + font-style: italic; + font-weight: 800; + font-display: swap; + src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), + url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff"); } @font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url("Inter-Medium.woff2?v=3.19") format("woff2"), - url("Inter-Medium.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + font-display: swap; + src: url("Inter-Black.woff2?v=3.19") format("woff2"), + url("Inter-Black.woff?v=3.19") format("woff"); } - @font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url("Inter-MediumItalic.woff2?v=3.19") format("woff2"), - url("Inter-MediumItalic.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url("Inter-SemiBold.woff2?v=3.19") format("woff2"), - url("Inter-SemiBold.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 600; - font-display: swap; - src: url("Inter-SemiBoldItalic.woff2?v=3.19") format("woff2"), - url("Inter-SemiBoldItalic.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("Inter-Bold.woff2?v=3.19") format("woff2"), - url("Inter-Bold.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url("Inter-BoldItalic.woff2?v=3.19") format("woff2"), - url("Inter-BoldItalic.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 800; - font-display: swap; - src: url("Inter-ExtraBold.woff2?v=3.19") format("woff2"), - url("Inter-ExtraBold.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 800; - font-display: swap; - src: url("Inter-ExtraBoldItalic.woff2?v=3.19") format("woff2"), - url("Inter-ExtraBoldItalic.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 900; - font-display: swap; - src: url("Inter-Black.woff2?v=3.19") format("woff2"), - url("Inter-Black.woff?v=3.19") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 900; - font-display: swap; - src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"), - url("Inter-BlackItalic.woff?v=3.19") format("woff"); + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url("Inter-BlackItalic.woff2?v=3.19") format("woff2"), + url("Inter-BlackItalic.woff?v=3.19") format("woff"); } /* ------------------------------------------------------- @@ -170,21 +161,20 @@ Usage: } */ @font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: normal; - font-named-instance: 'Regular'; - src: url("Inter-roman.var.woff2?v=3.19") format("woff2"); + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: normal; + font-named-instance: 'Regular'; + src: url("Inter-roman.var.woff2?v=3.19") format("woff2"); } - @font-face { - font-family: 'Inter var'; - font-weight: 100 900; - font-display: swap; - font-style: italic; - font-named-instance: 'Italic'; - src: url("Inter-italic.var.woff2?v=3.19") format("woff2"); + font-family: 'Inter var'; + font-weight: 100 900; + font-display: swap; + font-style: italic; + font-named-instance: 'Italic'; + src: url("Inter-italic.var.woff2?v=3.19") format("woff2"); } @@ -202,9 +192,9 @@ explicitly, e.g. */ @font-face { - font-family: 'Inter var experimental'; - font-weight: 100 900; - font-display: swap; - font-style: oblique 0deg 10deg; - src: url("Inter.var.woff2?v=3.19") format("woff2"); + font-family: 'Inter var experimental'; + font-weight: 100 900; + font-display: swap; + font-style: oblique 0deg 10deg; + src: url("Inter.var.woff2?v=3.19") format("woff2"); } diff --git a/public/assets/fonts/manrope/manrope.css b/public/assets/fonts/manrope/manrope.css index 3a45583087..ea1de49de8 100644 --- a/public/assets/fonts/manrope/manrope.css +++ b/public/assets/fonts/manrope/manrope.css @@ -1,13 +1,13 @@ @font-face { font-family: 'Manrope'; - font-style: normal; + font-style: normal; src: url(Manrope-Regular.woff2), url(Manrope-Regular.woff); } @font-face { font-family: 'Manrope-ExtraBold'; - font-style: normal; + font-style: normal; src: url(Manrope-ExtraBold.woff2), url(Manrope-ExtraBold.woff2); } \ No newline at end of file diff --git a/templates/base.html.twig b/templates/base.html.twig index 8a1b9790b6..9d2debe573 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -5,21 +5,24 @@ {% endblock %} - {% block title %}{% endblock %} - {% block stylesheets %} - + + +{# #} +{# #} {% for stylesheet in show_stylesheets() %} {% endfor %} {% endblock %} - {% for arr in handle_event('ShowHeadElements', app.request) %} {# Only one element, but has dynamic value, can't access it directly #} {% for type, element in arr %} @@ -28,38 +31,32 @@ {% endfor %} + +
{% block header %} {% endblock header %} -
-
- - {{ icon('person', 'icon icon-left') | raw }} - {{ block("leftpanel", "stdgrid.html.twig") }} - - -
- - {% block nav %}{% endblock %} - {% block body %}{% endblock %} - {% block javascripts %}{% endblock javascripts %} - -
- - {{ icon('notes', 'icon icon-right') | raw }} - {{ block("rightpanel", "stdgrid.html.twig") }} - -
-
- + {% block nav %}{% endblock %} + {% block body %}{% endblock %} + {% block javascripts %}{% endblock javascripts %} +