2023-07-11 01:55:08 +09:00
/ * TangerineUI 🍊 for Mastodon
2023-11-13 05:39:41 +09:00
version : 2 . 0 . 0
2023-07-10 20:39:55 +09:00
2023-07-13 08:14:11 +09:00
A Tangerine redesign for Mastodon ' s Web UI .
https : / / github . com / nileane / TangerineUI-for-Mastodon /
2023-07-15 08:06:28 +09:00
2023-07-10 19:09:13 +09:00
by @ nileane @ nileane . fr
2023-07-15 08:06:28 +09:00
2023-10-25 05:55:33 +09:00
Compatible with : Mastodon v4 . 3 . 0 ✅
2023-07-10 19:09:13 +09:00
* /
2023-07-11 21:07:14 +09:00
/* 🎨 Colors */
2023-07-10 19:09:13 +09:00
: root {
2023-11-16 06:28:05 +09:00
--color-bg : # ffffff ;
2023-07-12 00:18:18 +09:00
--color-fg : # 2a2d37 ;
2023-07-13 04:50:44 +09:00
--color-fg-muted : # 948c84 ;
--color-secondary-bg : # f2eae4 ;
--color-secondary-separator : # ede3db ;
2023-07-10 19:09:13 +09:00
--color-content-bg : # ffffff ;
2023-07-12 00:18:18 +09:00
--color-content-fg : # 444a5a ;
--color-content-fg-bold : # 000000 ;
--color-content-fg-muted : # 8b92a7 ;
2023-07-13 04:50:44 +09:00
--color-content-secondary-bg : # f9f6f4 ;
--color-content-secondary-separator : rgba ( 237 , 227 , 219 , 0 . 4 ) ;
2023-07-10 19:09:13 +09:00
--color-content-bg-focus : # fffcfa ;
2023-07-13 04:50:44 +09:00
--color-accent : # f76902 ;
--color-accent-focus : # ff9447 ;
2023-07-30 04:59:25 +09:00
--color-accent-lines : rgba ( 247 , 105 , 2 , 0 . 12 ) ;
2023-07-13 04:50:44 +09:00
--color-accent-bg : # f6e5dd ;
2023-07-10 19:09:13 +09:00
--color-accent-fg : # ffffff ;
2023-07-30 03:19:43 +09:00
--color-lines : # e1dde4 ;
2023-07-12 19:00:21 +09:00
2023-07-11 21:07:14 +09:00
}
@ media ( prefers-color-scheme : dark ) {
: root {
2023-07-26 06:00:49 +09:00
--color-bg : # 030303 ;
2023-07-12 00:18:18 +09:00
--color-fg : # e0d6d1 ;
--color-fg-muted : # 6e635e ;
2023-11-16 06:28:05 +09:00
--color-secondary-bg : # 1e1810 ;
2023-07-15 07:22:49 +09:00
--color-secondary-separator : # 25201c ;
2023-07-15 08:06:28 +09:00
2023-11-16 06:28:05 +09:00
--color-content-bg : var ( --color-bg ) ;
2023-11-14 11:58:05 +09:00
--color-content-fg : var ( --color-fg ) ;
2023-07-12 00:18:18 +09:00
--color-content-fg-bold : # ffffff ;
--color-content-fg-muted : # 737373 ;
2023-11-16 06:28:05 +09:00
--color-content-secondary-bg : var ( --color-secondary-bg ) ;
2023-07-11 21:07:14 +09:00
--color-content-secondary-separator : rgba ( 77 , 73 , 70 , 0 . 4 ) ;
2023-11-16 06:28:05 +09:00
--color-content-bg-focus : # 111111 ;
2023-07-15 08:06:28 +09:00
2023-07-12 00:18:18 +09:00
--color-accent : # e68933 ;
--color-accent-focus : # ffa047 ;
2023-10-16 04:37:50 +09:00
--color-accent-lines : rgb ( 230 , 137 , 51 , 0 . 3 ) ;
2023-07-11 21:07:14 +09:00
--color-accent-bg : # 3c2a1f ;
--color-accent-fg : # ffffff ;
2023-07-12 19:00:21 +09:00
2023-07-26 06:00:49 +09:00
--color-lines : # 343434 ;
2023-07-11 21:07:14 +09:00
}
}
: root {
2023-11-14 10:46:22 +09:00
/* Mastodon logo */
2023-07-13 04:50:44 +09:00
--logo : url ( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23f76a02'/%3E%3Cstop offset='100%25' stop-color='%23f76a02'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E" ) ;
2023-07-10 19:09:13 +09:00
2023-11-14 10:46:22 +09:00
/* Post+Notifications icons */
--icon-reply : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-reply-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTgwLDU2djk2TDMyLDEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMjgsOTZIODhWNTZhOCw4LDAsMCwwLTEzLjY2LTUuNjZsLTQ4LDQ4YTgsOCwwLDAsMCwwLDExLjMybDQ4LDQ4QTgsOCwwLDAsMCw4OCwxNTJWMTEyaDQwYTg4LjEsODguMSwwLDAsMSw4OCw4OCw4LDgsMCwwLDAsMTYsMEExMDQuMTEsMTA0LjExLDAsMCwwLDEyOCw5NlpNNzIsMTMyLjY5LDQzLjMxLDEwNCw3Miw3NS4zMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-boost : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-boost-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-boost-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U1Mzg4MCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-star : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-16 06:28:05 +09:00
--icon-star-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-star-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y0Yjk0MiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-bookmark : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-bookmark-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-bookmark-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzUzYjc4MSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMzJINzJBMTYsMTYsMCwwLDAsNTYsNDhWMjI0YTgsOCwwLDAsMCwxMi4yNCw2Ljc4TDEyOCwxOTMuNDNsNTkuNzcsMzcuMzVBOCw4LDAsMCwwLDIwMCwyMjRWNDhBMTYsMTYsMCwwLDAsMTg0LDMyWk0xMzIuMjMsMTc3LjIyYTgsOCwwLDAsMC04LjQ4LDBMNzIsMjA5LjU3VjE4MC40M2w1Ni0zNSw1NiwzNXYyOS4xNFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-translate : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-16 06:28:05 +09:00
--icon-translate-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-14 10:46:22 +09:00
--icon-translate-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTI5Ljg5LDE3NS4wNiwxNjBIMTQ0Ljk0bDYuMzYtMTIuN3YwWk0yMjQsNDhWMjA4YTE2LDE2LDAsMCwxLTE2LDE2SDQ4YTE2LDE2LDAsMCwxLTE2LTE2VjQ4QTE2LDE2LDAsMCwxLDQ4LDMySDIwOEExNiwxNiwwLDAsMSwyMjQsNDhaTTIwNy4xNiwxODguNDJsLTQwLTgwYTgsOCwwLDAsMC0xNC4zMiwwTDEzOS42NiwxMzQuOGE2Mi4zMSw2Mi4zMSwwLDAsMS0yMy42MS0xMEE3OS42MSw3OS42MSwwLDAsMCwxMzUuNiw4MEgxNTJhOCw4LDAsMCwwLDAtMTZIMTEyVjU2YTgsOCwwLDAsMC0xNiwwdjhINTZhOCw4LDAsMCwwLDAsMTZoNjMuNDhhNjMuNzMsNjMuNzMsMCwwLDEtMTUuMywzNC4wNSw2NS45Myw2NS45MywwLDAsMS05LTEzLjYxLDgsOCwwLDAsMC0xNC4zMiw3LjEyLDgxLjc1LDgxLjc1LDAsMCwwLDExLjQsMTcuMTVBNjMuNjIsNjMuNjIsMCwwLDEsNTYsMTM2YTgsOCwwLDAsMCwwLDE2LDc5LjU2LDc5LjU2LDAsMCwwLDQ4LjExLTE2LjEzLDc4LjMzLDc4LjMzLDAsMCwwLDI4LjE4LDEzLjY2bC0xOS40NSwzOC44OWE4LDgsMCwwLDAsMTQuMzIsNy4xNkwxMzYuOTQsMTc2aDQ2LjEybDkuNzgsMTkuNThhOCw4LDAsMSwwLDE0LjMyLTcuMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-ellipsis : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsOTZhMzIsMzIsMCwxLDAsMzIsMzJBMzIsMzIsMCwwLDAsMTI4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDEyOCwxNDRaTTQ4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDQ4LDk2Wm0wLDQ4YTE2LDE2LDAsMSwxLDE2LTE2QTE2LDE2LDAsMCwxLDQ4LDE0NFpNMjA4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDIwOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwyMDgsMTQ0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-ellipsis-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-ellipsis-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-poll : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-16 06:28:05 +09:00
--icon-poll-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-post : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNjOWM1YmU7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCwxMjhBOTYsOTYsMCwwLDEsNzkuOTMsMjExLjExaDBMNDIuNTQsMjIzLjU4YTgsOCwwLDAsMS0xMC4xMi0xMC4xMmwxMi40Ny0zNy4zOWgwQTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwwLDAsMzYuMTgsMTc2Ljg4TDI0LjgzLDIxMC45M2ExNiwxNiwwLDAsMCwyMC4yNCwyMC4yNGwzNC4wNS0xMS4zNUExMDQsMTA0LDAsMSwwLDEyOCwyNFptMCwxOTJhODcuODcsODcuODcsMCwwLDEtNDQuMDYtMTEuODEsOCw4LDAsMCwwLTQtMS4wOCw3Ljg1LDcuODUsMCwwLDAtMi41My40Mkw0MCwyMTYsNTIuNDcsMTc4LjZhOCw4LDAsMCwwLS42Ni02LjU0QTg4LDg4LDAsMSwxLDEyOCwyMTZabTEyLTg4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabS00NCwwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDk2LDEyOFptODgsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxODQsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-post-notification : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-16 06:28:05 +09:00
--icon-post-notification-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-users : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-user-plus : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-16 06:28:05 +09:00
--icon-user-plus-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNjOWM1YmU7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2OCwxMDBhNjAsNjAsMCwxLDEtNjAtNjBBNjAsNjAsMCwwLDEsMTY4LDEwMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wm0tNTcuODcsNTguODVhOCw4LDAsMCwxLTEyLjI2LDEwLjNDMTY1Ljc1LDE4MS4xOSwxMzguMDksMTY4LDEwOCwxNjhzLTU3Ljc1LDEzLjE5LTc3Ljg3LDM3LjE1YTgsOCwwLDAsMS0xMi4yNS0xMC4zYzE0Ljk0LTE3Ljc4LDMzLjUyLTMwLjQxLDU0LjE3LTM3LjE3YTY4LDY4LDAsMSwxLDcxLjksMEMxNjQuNiwxNjQuNDQsMTgzLjE4LDE3Ny4wNywxOTguMTMsMTk0Ljg1Wk0xMDgsMTUyYTUyLDUyLDAsMSwwLTUyLTUyQTUyLjA2LDUyLjA2LDAsMCwwLDEwOCwxNTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-user-plus-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-14 10:46:22 +09:00
/* Navigation icons */
--icon-home : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-home-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bell : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-hashtag : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-hashtag-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-direct-messages : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-direct-messages-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-star-column-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-star-column-link-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search-column-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-search-column-link-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-list : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-list-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-settings : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
/* Post visibility icons */
--icon-globe-visibility : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-globe-visibility-inv : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-unlock : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-unlock-inv : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-lock : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-lock-inv : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-at : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-at-inv : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
/* Other icons */
2023-11-16 06:28:05 +09:00
--icon-bell-still : var ( --icon-bell ) ;
--icon-bell-ringing : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-close : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-16 06:28:05 +09:00
--icon-reject : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2RmNDA1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDguNDksMTkxLjUxYTEyLDEyLDAsMCwxLTE3LDE3TDEyOCwxNDUsNjQuNDksMjA4LjQ5YTEyLDEyLDAsMCwxLTE3LTE3TDExMSwxMjgsNDcuNTEsNjQuNDlhMTIsMTIsMCwwLDEsMTctMTdMMTI4LDExMWw2My41MS02My41MmExMiwxMiwwLDAsMSwxNywxN0wxNDUsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-reject-inv : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDguNDksMTkxLjUxYTEyLDEyLDAsMCwxLTE3LDE3TDEyOCwxNDUsNjQuNDksMjA4LjQ5YTEyLDEyLDAsMCwxLTE3LTE3TDExMSwxMjgsNDcuNTEsNjQuNDlhMTIsMTIsMCwwLDEsMTctMTdMMTI4LDExMWw2My41MS02My41MmExMiwxMiwwLDAsMSwxNywxN0wxNDUsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-14 10:53:36 +09:00
--icon-megaphone : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsNjkuMDlWMTcwLjkxTDQyLjI0LDE5OS42N0E4LDgsMCwwLDEsMzIsMTkyVjQ4YTgsOCwwLDAsMSwxMC4yNC03LjY3WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMC41NCw4Ni42NmwtMTc2LjA2LTU0QTE2LDE2LDAsMCwwLDI0LDQ4VjE5MmExNiwxNiwwLDAsMCwxNiwxNiwxNiwxNiwwLDAsMCw0LjUyLS42NUwxMjgsMTgxLjczVjE5MmExNiwxNiwwLDAsMCwxNiwxNmgzMmExNiwxNiwwLDAsMCwxNi0xNnYtMjkuOWwyOC41NC04Ljc1QTE2LjA5LDE2LjA5LDAsMCwwLDIzMiwxMzhWMTAyQTE2LjA5LDE2LjA5LDAsMCwwLDIyMC41NCw4Ni42NlpNMTI4LDE2NSw0MCwxOTJWNDhsODgsMjdabTQ4LDI3SDE0NFYxNzYuODJMMTc2LDE2N1ptNDAtNTQtLjExLDBMMTQ0LDE2MC4wOFY3OS45Mmw3MS44OSwyMiwuMTEsMHYzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-sliders : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-paperclip : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIuNDgsMTM2LjQ5bC04Mi4wNiw4MmE2MCw2MCwwLDAsMS04NC44NS04NC44OGw5OC4xNi05Ny44OWE0MCw0MCwwLDAsMSw1Ni41Niw1Ni41OWwtLjE3LjE2LTk1LjgsOTIuMjJhMTIsMTIsMCwxLDEtMTYuNjQtMTcuM2w5NS43MS05Mi4xMmExNiwxNiwwLDAsMC0yMi43LTIyLjU2TDYyLjUzLDE1MC41N2EzNiwzNiwwLDAsMCw1MC45Myw1MC45MWw4Mi4wNi04MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-16 06:28:05 +09:00
--icon-check : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzRlOGE2YiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3ZWI2OTk7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-check-inv : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-14 10:46:22 +09:00
--icon-verified : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-gear : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-gear-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-pin : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyOS42Niw5OC4zNCwxNzIuMzksMTU1LjhjMTEuNDYsMjIuOTMtMS43Miw0NS44Ni0xMC4xMSw1N2E4LDgsMCwwLDEtMTIsLjgzTDQyLjM0LDEwNS43NkE4LDgsMCwwLDEsNDMsOTMuODVjMjkuNjUtMjMuOTIsNTcuNC0xMCw1Ny40LTEwbDU3LjI3LTU3LjQ2YTgsOCwwLDAsMSwxMS4zMSwwTDIyOS42Niw4N0E4LDgsMCwwLDEsMjI5LjY2LDk4LjM0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzNS4zMiw4MS4zNywxNzQuNjMsMjAuNjlhMTYsMTYsMCwwLDAtMjIuNjMsMEw5OC4zNyw3NC40OWMtMTAuNjYtMy4zNC0zNS03LjM3LTYwLjQsMTMuMTRhMTYsMTYsMCwwLDAtMS4yOSwyMy43OEw4NSwxNTkuNzEsNDIuMzQsMjAyLjM0YTgsOCwwLDAsMCwxMS4zMiwxMS4zMkw5Ni4yOSwxNzFsNDguMjksNDguMjlBMTYsMTYsMCwwLDAsMTU1LjksMjI0Yy4zOCwwLC43NSwwLDEuMTMsMGExNS45MywxNS45MywwLDAsMCwxMS42NC02LjMzYzE5LjY0LTI2LjEsMTcuNzUtNDcuMzIsMTMuMTktNjBMMjM1LjMzLDEwNEExNiwxNiwwLDAsMCwyMzUuMzIsODEuMzdaTTIyNCw5Mi42OWgwbC01Ny4yNyw1Ny40NmE4LDgsMCwwLDAtMS40OSw5LjIyYzkuNDYsMTguOTMtMS44LDM4LjU5LTkuMzQsNDguNjJMNDgsMTAwLjA4YzEyLjA4LTkuNzQsMjMuNjQtMTIuMzEsMzIuNDgtMTIuMzFBNDAuMTMsNDAuMTMsMCwwLDEsOTYuODEsOTFhOCw4LDAsMCwwLDkuMjUtMS41MUwxNjMuMzIsMzIsMjI0LDkyLjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-emoji : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-emoji-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOS45NCwxMTMuOTRsLTI4LDI4YTQ3Ljc2LDQ3Ljc2LDAsMCwxLTI2LjUyLDEzLjQ4LDQ3Ljc2LDQ3Ljc2LDAsMCwxLTEzLjQ4LDI2LjUybC0yOCwyOGE0OCw0OCwwLDAsMS02Ny44OC02Ny44OGwyOC0yOGE0Ny43Niw0Ny43NiwwLDAsMSwyNi41Mi0xMy40OCw0Ny43Niw0Ny43NiwwLDAsMSwxMy40OC0yNi41MmwyOC0yOGE0OCw0OCwwLDAsMSw2Ny44OCw2Ny44OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMzcuNTQsMTg2LjM2YTgsOCwwLDAsMSwwLDExLjMxbC0xNy45NCwxOEE1Niw1NiwwLDAsMSw0MC4zOCwxMzYuNEw2OC41LDEwOC4yOUE1Niw1NiwwLDAsMSwxNDUuMzEsMTA2YTgsOCwwLDEsMS0xMC42NCwxMiw0MCw0MCwwLDAsMC01NC44NSwxLjYzTDUxLjcsMTQ3LjcyYTQwLDQwLDAsMSwwLDU2LjU4LDU2LjU4bDE3Ljk0LTE3Ljk0QTgsOCwwLDAsMSwxMzcuNTQsMTg2LjM2Wm03OC4wOC0xNDZhNTYuMDgsNTYuMDgsMCwwLDAtNzkuMjIsMEwxMTguNDYsNTguMzNhOCw4LDAsMCwwLDExLjMyLDExLjMxTDE0Ny43Miw1MS43YTQwLDQwLDAsMCwxLDU2LjU4LDU2LjU4TDE3Ni4xOCwxMzYuNEE0MCw0MCwwLDAsMSwxMjEuMzMsMTM4LDgsOCwwLDEsMCwxMTAuNjksMTUwYTU2LDU2LDAsMCwwLDc2LjgxLTIuMjdsMjguMTItMjguMTFBNTYuMDgsNTYuMDgsMCwwLDAsMjE1LjYyLDQwLjM4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-07-10 19:09:13 +09:00
}
@ media ( prefers-color-scheme : dark ) {
: root {
2023-11-14 10:46:22 +09:00
/* Mastodon logo */
2023-07-10 19:09:13 +09:00
--logo : url ( "data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' class='mastodon-logo' viewBox='0 0 216.414 232.01'%3E%3Cdefs xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient xmlns='http://www.w3.org/2000/svg' id='a' x2='0%25' y2='100%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0%25' stop-color='%23E68A32'/%3E%3Cstop offset='100%25' stop-color='%23E68A32'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath xmlns='http://www.w3.org/2000/svg' fill='url(%23a)' d='M211.807 139.088c-3.18 16.366-28.492 34.277-57.562 37.748-15.159 1.809-30.084 3.471-45.999 2.741-26.027-1.192-46.565-6.212-46.565-6.212 0 2.534.156 4.946.469 7.202 3.384 25.687 25.47 27.225 46.391 27.943 21.116.723 39.919-5.206 39.919-5.206l.867 19.09s-14.77 7.931-41.08 9.39c-14.51.797-32.525-.365-53.507-5.919C9.232 213.82 1.406 165.311.209 116.091c-.365-14.613-.14-28.393-.14-39.918 0-50.33 32.976-65.083 32.976-65.083C49.672 3.454 78.204.242 107.865 0h.729c29.66.242 58.21 3.454 74.837 11.09 0 0 32.975 14.752 32.975 65.082 0 0 .414 37.134-4.599 62.916'/%3E%3Cpath fill='%23fff' d='M177.51 80.077v60.941h-24.144v-59.15c0-12.469-5.246-18.797-15.74-18.797-11.602 0-17.417 7.507-17.417 22.352V117.8H96.207V85.423c0-14.845-5.816-22.352-17.418-22.352-10.494 0-15.74 6.328-15.74 18.797v59.15H38.905V80.077c0-12.455 3.171-22.352 9.541-29.675 6.569-7.322 15.171-11.076 25.85-11.076 12.355 0 21.711 4.748 27.898 14.247l6.013 10.082 6.015-10.082c6.185-9.498 15.542-14.247 27.898-14.247 10.677 0 19.28 3.753 25.85 11.076 6.369 7.322 9.54 17.22 9.54 29.675'/%3E%3C/svg%3E" ) ;
2023-11-14 10:46:22 +09:00
/* Post+Notifications icons */
2023-11-16 06:28:05 +09:00
--icon-reply : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzNiwyMDBhMTIsMTIsMCwwLDEtMjQsMCw4NC4wOSw4NC4wOSwwLDAsMC04NC04NEg2MWwyNy41MiwyNy41MWExMiwxMiwwLDAsMS0xNywxN2wtNDgtNDhhMTIsMTIsMCwwLDEsMC0xN2w0OC00OGExMiwxMiwwLDAsMSwxNywxN0w2MSw5Mmg2N0ExMDguMTIsMTA4LjEyLDAsMCwxLDIzNiwyMDBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-reply-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-boost : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-boost-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-star : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-16 06:28:05 +09:00
--icon-star-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-bookmark : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-bookmark-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-translate : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-translate-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-translate-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlODkyNDM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2MCwxMjkuODksMTc1LjA2LDE2MEgxNDQuOTRsNi4zNi0xMi43djBaTTIyNCw0OFYyMDhhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJIMjA4QTE2LDE2LDAsMCwxLDIyNCw0OFpNMjA3LjE2LDE4OC40MmwtNDAtODBhOCw4LDAsMCwwLTE0LjMyLDBMMTM5LjY2LDEzNC44YTYyLjMxLDYyLjMxLDAsMCwxLTIzLjYxLTEwQTc5LjYxLDc5LjYxLDAsMCwwLDEzNS42LDgwSDE1MmE4LDgsMCwwLDAsMC0xNkgxMTJWNTZhOCw4LDAsMCwwLTE2LDB2OEg1NmE4LDgsMCwwLDAsMCwxNmg2My40OGE2My43Myw2My43MywwLDAsMS0xNS4zLDM0LjA1LDY1LjkzLDY1LjkzLDAsMCwxLTktMTMuNjEsOCw4LDAsMCwwLTE0LjMyLDcuMTIsODEuNzUsODEuNzUsMCwwLDAsMTEuNCwxNy4xNUE2My42Miw2My42MiwwLDAsMSw1NiwxMzZhOCw4LDAsMCwwLDAsMTYsNzkuNTYsNzkuNTYsMCwwLDAsNDguMTEtMTYuMTMsNzguMzMsNzguMzMsMCwwLDAsMjguMTgsMTMuNjZsLTE5LjQ1LDM4Ljg5YTgsOCwwLDAsMCwxNC4zMiw3LjE2TDEzNi45NCwxNzZoNDYuMTJsOS43OCwxOS41OGE4LDgsMCwxLDAsMTQuMzItNy4xNloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-ellipsis : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-ellipsis-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-ellipsis-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-poll : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-16 06:28:05 +09:00
--icon-poll-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-14 10:46:22 +09:00
--icon-post : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-post-notification : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-16 06:28:05 +09:00
--icon-post-notification-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-users : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-user-plus : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-16 06:28:05 +09:00
--icon-user-plus-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTE2OCwxMDBhNjAsNjAsMCwxLDEtNjAtNjBBNjAsNjAsMCwwLDEsMTY4LDEwMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wm0tNTcuODcsNTguODVhOCw4LDAsMCwxLTEyLjI2LDEwLjNDMTY1Ljc1LDE4MS4xOSwxMzguMDksMTY4LDEwOCwxNjhzLTU3Ljc1LDEzLjE5LTc3Ljg3LDM3LjE1YTgsOCwwLDAsMS0xMi4yNS0xMC4zYzE0Ljk0LTE3Ljc4LDMzLjUyLTMwLjQxLDU0LjE3LTM3LjE3YTY4LDY4LDAsMSwxLDcxLjksMEMxNjQuNiwxNjQuNDQsMTgzLjE4LDE3Ny4wNywxOTguMTMsMTk0Ljg1Wk0xMDgsMTUyYTUyLDUyLDAsMSwwLTUyLTUyQTUyLjA2LDUyLjA2LDAsMCwwLDEwOCwxNTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-user-plus-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-14 10:46:22 +09:00
/* Navigation icons */
--icon-home : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-home-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bell : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOCwxOTJINDhhOCw4LDAsMCwxLTYuODgtMTJDNDcuNzEsMTY4LjYsNTYsMTM5LjgxLDU2LDEwNGE3Miw3MiwwLDAsMSwxNDQsMGMwLDM1LjgyLDguMyw2NC42LDE0LjksNzZBOCw4LDAsMCwxLDIwOCwxOTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIxLjgsMTc1Ljk0QzIxNi4yNSwxNjYuMzgsMjA4LDEzOS4zMywyMDgsMTA0YTgwLDgwLDAsMSwwLTE2MCwwYzAsMzUuMzQtOC4yNiw2Mi4zOC0xMy44MSw3MS45NEExNiwxNiwwLDAsMCw0OCwyMDBIODguODFhNDAsNDAsMCwwLDAsNzguMzgsMEgyMDhhMTYsMTYsMCwwLDAsMTMuOC0yNC4wNlpNMTI4LDIxNmEyNCwyNCwwLDAsMS0yMi42Mi0xNmg0NS4yNEEyNCwyNCwwLDAsMSwxMjgsMjE2Wk00OCwxODRjNy43LTEzLjI0LDE2LTQzLjkyLDE2LTgwYTY0LDY0LDAsMSwxLDEyOCwwYzAsMzYuMDUsOC4yOCw2Ni43MywxNiw4MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-hashtag : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-hashtag-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsOTZ2NjRIOTZWOTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjE2LDE1MkgxNjhWMTA0aDQ4YTgsOCwwLDAsMCwwLTE2SDE2OFY0MGE4LDgsMCwwLDAtMTYsMFY4OEgxMDRWNDBhOCw4LDAsMCwwLTE2LDBWODhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhINDBhOCw4LDAsMCwwLDAsMTZIODh2NDhhOCw4LDAsMCwwLDE2LDBWMTY4aDQ4djQ4YTgsOCwwLDAsMCwxNiwwVjE2OGg0OGE4LDgsMCwwLDAsMC0xNlptLTExMiwwVjEwNGg0OHY0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-direct-messages : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-direct-messages-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZsLTk2LDg4TDMyLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgzMmE4LDgsMCwwLDAtOCw4VjE5MmExNiwxNiwwLDAsMCwxNiwxNkgyMTZhMTYsMTYsMCwwLDAsMTYtMTZWNTZBOCw4LDAsMCwwLDIyNCw0OFpNMjAzLjQzLDY0LDEyOCwxMzMuMTUsNTIuNTcsNjRaTTIxNiwxOTJINDBWNzQuMTlsODIuNTksNzUuNzFhOCw4LDAsMCwwLDEwLjgyLDBMMjE2LDc0LjE5VjE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-star-column-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-star-column-link-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search-column-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-search-column-link-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-list : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-list-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-settings : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
/* Post visibility icons */
--icon-globe-visibility : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-globe-visibility-inv : var ( --icon-globe-visibility ) ;
--icon-unlock : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTAwVjU2YTI4LDI4LDAsMCwxLDI4LTI4YzEzLjUxLDAsMjUuNjUsOS42MiwyOC4yNCwyMi4zOWExMiwxMiwwLDEsMCwyMy41Mi00Ljc4QzE3NC44NywyMS41LDE1My4xLDQsMTI4LDRBNTIuMDYsNTIuMDYsMCwwLDAsNzYsNTZWNzZINDhBMjAsMjAsMCwwLDAsMjgsOTZWMjA4YTIwLDIwLDAsMCwwLDIwLDIwSDIwOGEyMCwyMCwwLDAsMCwyMC0yMFY5NkEyMCwyMCwwLDAsMCwyMDgsNzZabS00LDEyOEg1MlYxMDBIMjA0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-unlock-inv : var ( --icon-unlock ) ;
--icon-lock : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-lock-inv : var ( --icon-lock ) ;
--icon-at : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDRIMzJBMTIsMTIsMCwwLDAsMjAsNTZWMTkyYTIwLDIwLDAsMCwwLDIwLDIwSDIxNmEyMCwyMCwwLDAsMCwyMC0yMFY1NkExMiwxMiwwLDAsMCwyMjQsNDRaTTE5My4xNSw2OCwxMjgsMTI3LjcyLDYyLjg1LDY4Wk00NCwxODhWODMuMjhsNzUuODksNjkuNTdhMTIsMTIsMCwwLDAsMTYuMjIsMEwyMTIsODMuMjhWMTg4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-at-inv : var ( --icon-at ) ;
/* Other icons */
2023-11-16 06:28:05 +09:00
--icon-bell-still : var ( --icon-bell ) ;
--icon-bell-ringing : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlODkyNDM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:46:22 +09:00
--icon-close : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjRBMTA0LDEwNCwwLDEsMCwyMzIsMTI4LDEwNC4xMSwxMDQuMTEsMCwwLDAsMTI4LDI0Wm0zNy42NiwxMzAuMzRhOCw4LDAsMCwxLTExLjMyLDExLjMyTDEyOCwxMzkuMzFsLTI2LjM0LDI2LjM1YTgsOCwwLDAsMS0xMS4zMi0xMS4zMkwxMTYuNjksMTI4LDkwLjM0LDEwMS42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJMMTI4LDExNi42OWwyNi4zNC0yNi4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-14 10:53:36 +09:00
--icon-megaphone : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTEzNiw2OS4wOVYxNzAuOTFMNDIuMjQsMTk5LjY3QTgsOCwwLDAsMSwzMiwxOTJWNDhhOCw4LDAsMCwxLDEwLjI0LTcuNjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIwLjU0LDg2LjY2bC0xNzYuMDYtNTRBMTYsMTYsMCwwLDAsMjQsNDhWMTkyYTE2LDE2LDAsMCwwLDE2LDE2LDE2LDE2LDAsMCwwLDQuNTItLjY1TDEyOCwxODEuNzNWMTkyYTE2LDE2LDAsMCwwLDE2LDE2aDMyYTE2LDE2LDAsMCwwLDE2LTE2di0yOS45bDI4LjU0LTguNzVBMTYuMDksMTYuMDksMCwwLDAsMjMyLDEzOFYxMDJBMTYuMDksMTYuMDksMCwwLDAsMjIwLjU0LDg2LjY2Wk0xMjgsMTY1LDQwLDE5MlY0OGw4OCwyN1ptNDgsMjdIMTQ0VjE3Ni44MkwxNzYsMTY3Wm00MC01NC0uMTEsMEwxNDQsMTYwLjA4Vjc5LjkybDcxLjg5LDIyLC4xMSwwdjM2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-sliders : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-paperclip : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTIuNDgsMTM2LjQ5bC04Mi4wNiw4MmE2MCw2MCwwLDAsMS04NC44NS04NC44OGw5OC4xNi05Ny44OWE0MCw0MCwwLDAsMSw1Ni41Niw1Ni41OWwtLjE3LjE2LTk1LjgsOTIuMjJhMTIsMTIsMCwxLDEtMTYuNjQtMTcuM2w5NS43MS05Mi4xMmExNiwxNiwwLDAsMC0yMi43LTIyLjU2TDYyLjUzLDE1MC41N2EzNiwzNiwwLDAsMCw1MC45Myw1MC45MWw4Mi4wNi04MmExMiwxMiwwLDAsMSwxNywxN1oiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-check : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3ZmMwOWY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-14 10:46:22 +09:00
--icon-verified : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUuODYsMTAyLjgyYy0zLjc3LTMuOTQtNy42Ny04LTkuMTQtMTEuNTctMS4zNi0zLjI3LTEuNDQtOC42OS0xLjUyLTEzLjk0LS4xNS05Ljc2LS4zMS0yMC44Mi04LTI4LjUxcy0xOC43NS03Ljg1LTI4LjUxLThjLTUuMjUtLjA4LTEwLjY3LS4xNi0xMy45NC0xLjUyLTMuNTYtMS40Ny03LjYzLTUuMzctMTEuNTctOS4xNEMxNDYuMjgsMjMuNTEsMTM4LjQ0LDE2LDEyOCwxNnMtMTguMjcsNy41MS0yNS4xOCwxNC4xNGMtMy45NCwzLjc3LTgsNy42Ny0xMS41Nyw5LjE0Qzg4LDQwLjY0LDgyLjU2LDQwLjcyLDc3LjMxLDQwLjhjLTkuNzYuMTUtMjAuODIuMzEtMjguNTEsOFM0MSw2Ny41NSw0MC44LDc3LjMxYy0uMDgsNS4yNS0uMTYsMTAuNjctMS41MiwxMy45NC0xLjQ3LDMuNTYtNS4zNyw3LjYzLTkuMTQsMTEuNTdDMjMuNTEsMTA5LjcyLDE2LDExNy41NiwxNiwxMjhzNy41MSwxOC4yNywxNC4xNCwyNS4xOGMzLjc3LDMuOTQsNy42Nyw4LDkuMTQsMTEuNTcsMS4zNiwzLjI3LDEuNDQsOC42OSwxLjUyLDEzLjk0LjE1LDkuNzYuMzEsMjAuODIsOCwyOC41MXMxOC43NSw3Ljg1LDI4LjUxLDhjNS4yNS4wOCwxMC42Ny4xNiwxMy45NCwxLjUyLDMuNTYsMS40Nyw3LjYzLDUuMzcsMTEuNTcsOS4xNEMxMDkuNzIsMjMyLjQ5LDExNy41NiwyNDAsMTI4LDI0MHMxOC4yNy03LjUxLDI1LjE4LTE0LjE0YzMuOTQtMy43Nyw4LTcuNjcsMTEuNTctOS4xNCwzLjI3LTEuMzYsOC42OS0xLjQ0LDEzLjk0LTEuNTIsOS43Ni0uMTUsMjAuODItLjMxLDI4LjUxLThzNy44NS0xOC43NSw4LTI4LjUxYy4wOC01LjI1LjE2LTEwLjY3LDEuNTItMTMuOTQsMS40Ny0zLjU2LDUuMzctNy42Myw5LjE0LTExLjU3QzIzMi40OSwxNDYuMjgsMjQwLDEzOC40NCwyNDAsMTI4UzIzMi40OSwxMDkuNzMsMjI1Ljg2LDEwMi44MlptLTUyLjIsNi44NC01Niw1NmE4LDgsMCwwLDEtMTEuMzIsMGwtMjQtMjRhOCw4LDAsMCwxLDExLjMyLTExLjMyTDExMiwxNDguNjlsNTAuMzQtNTAuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-gear : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-gear-active : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuOTQsMTA3LjIxYTgsOCwwLDAsMC0zLjg5LTUuNGwtMjkuODMtMTctLjEyLTMzLjYyYTgsOCwwLDAsMC0yLjgzLTYuMDgsMTExLjkxLDExMS45MSwwLDAsMC0zNi43Mi0yMC42Nyw4LDgsMCwwLDAtNi40Ni41OUwxMjgsNDEuODUsOTcuODgsMjVhOCw4LDAsMCwwLTYuNDctLjZBMTExLjkyLDExMS45MiwwLDAsMCw1NC43Myw0NS4xNWE4LDgsMCwwLDAtMi44Myw2LjA3bC0uMTUsMzMuNjUtMjkuODMsMTdhOCw4LDAsMCwwLTMuODksNS40LDEwNi40NywxMDYuNDcsMCwwLDAsMCw0MS41Niw4LDgsMCwwLDAsMy44OSw1LjRsMjkuODMsMTcsLjEyLDMzLjYzYTgsOCwwLDAsMCwyLjgzLDYuMDgsMTExLjkxLDExMS45MSwwLDAsMCwzNi43MiwyMC42Nyw4LDgsMCwwLDAsNi40Ni0uNTlMMTI4LDIxNC4xNSwxNTguMTIsMjMxYTcuOTEsNy45MSwwLDAsMCwzLjksMSw4LjA5LDguMDksMCwwLDAsMi41Ny0uNDIsMTEyLjEsMTEyLjEsMCwwLDAsMzYuNjgtMjAuNzMsOCw4LDAsMCwwLDIuODMtNi4wN2wuMTUtMzMuNjUsMjkuODMtMTdhOCw4LDAsMCwwLDMuODktNS40QTEwNi40NywxMDYuNDcsMCwwLDAsMjM3Ljk0LDEwNy4yMVpNMTI4LDE2OGE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-pin : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzQsMTcyLjM5LDE1NS44YzExLjQ2LDIyLjkzLTEuNzIsNDUuODYtMTAuMTEsNTdhOCw4LDAsMCwxLTEyLC44M0w0Mi4zNCwxMDUuNzZBOCw4LDAsMCwxLDQzLDkzLjg1YzI5LjY1LTIzLjkyLDU3LjQtMTAsNTcuNC0xMGw1Ny4yNy01Ny40NmE4LDgsMCwwLDEsMTEuMzEsMEwyMjkuNjYsODdBOCw4LDAsMCwxLDIyOS42Niw5OC4zNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzUuMzIsODEuMzcsMTc0LjYzLDIwLjY5YTE2LDE2LDAsMCwwLTIyLjYzLDBMOTguMzcsNzQuNDljLTEwLjY2LTMuMzQtMzUtNy4zNy02MC40LDEzLjE0YTE2LDE2LDAsMCwwLTEuMjksMjMuNzhMODUsMTU5LjcxLDQyLjM0LDIwMi4zNGE4LDgsMCwwLDAsMTEuMzIsMTEuMzJMOTYuMjksMTcxbDQ4LjI5LDQ4LjI5QTE2LDE2LDAsMCwwLDE1NS45LDIyNGMuMzgsMCwuNzUsMCwxLjEzLDBhMTUuOTMsMTUuOTMsMCwwLDAsMTEuNjQtNi4zM2MxOS42NC0yNi4xLDE3Ljc1LTQ3LjMyLDEzLjE5LTYwTDIzNS4zMywxMDRBMTYsMTYsMCwwLDAsMjM1LjMyLDgxLjM3Wk0yMjQsOTIuNjloMGwtNTcuMjcsNTcuNDZhOCw4LDAsMCwwLTEuNDksOS4yMmM5LjQ2LDE4LjkzLTEuOCwzOC41OS05LjM0LDQ4LjYyTDQ4LDEwMC4wOGMxMi4wOC05Ljc0LDIzLjY0LTEyLjMxLDMyLjQ4LTEyLjMxQTQwLjEzLDQwLjEzLDAsMCwxLDk2LjgxLDkxYTgsOCwwLDAsMCw5LjI1LTEuNTFMMTYzLjMyLDMyLDIyNCw5Mi42OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-emoji : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-emoji-accent : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptMCwxOTJhODgsODgsMCwxLDEsODgtODhBODguMSw4OC4xLDAsMCwxLDEyOCwyMTZaTTgwLDEwOGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSw4MCwxMDhabTk2LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTc2LDEwOFptLTEuMDgsNDhjLTEwLjI5LDE3Ljc5LTI3LjM5LDI4LTQ2LjkyLDI4cy0zNi42My0xMC4yLTQ2LjkyLTI4YTgsOCwwLDEsMSwxMy44NC04YzcuNDcsMTIuOTEsMTkuMjEsMjAsMzMuMDgsMjBzMjUuNjEtNy4xLDMzLjA4LTIwYTgsOCwwLDEsMSwxMy44NCw4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-16 06:28:05 +09:00
--icon-link : url ( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDkuOTQsMTEzLjk0bC0yOCwyOGE0Ny43Niw0Ny43NiwwLDAsMS0yNi41MiwxMy40OCw0Ny43Niw0Ny43NiwwLDAsMS0xMy40OCwyNi41MmwtMjgsMjhhNDgsNDgsMCwwLDEtNjcuODgtNjcuODhsMjgtMjhhNDcuNzYsNDcuNzYsMCwwLDEsMjYuNTItMTMuNDgsNDcuNzYsNDcuNzYsMCwwLDEsMTMuNDgtMjYuNTJsMjgtMjhhNDgsNDgsMCwwLDEsNjcuODgsNjcuODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTM3LjU0LDE4Ni4zNmE4LDgsMCwwLDEsMCwxMS4zMWwtMTcuOTQsMThBNTYsNTYsMCwwLDEsNDAuMzgsMTM2LjRMNjguNSwxMDguMjlBNTYsNTYsMCwwLDEsMTQ1LjMxLDEwNmE4LDgsMCwxLDEtMTAuNjQsMTIsNDAsNDAsMCwwLDAtNTQuODUsMS42M0w1MS43LDE0Ny43MmE0MCw0MCwwLDEsMCw1Ni41OCw1Ni41OGwxNy45NC0xNy45NEE4LDgsMCwwLDEsMTM3LjU0LDE4Ni4zNlptNzguMDgtMTQ2YTU2LjA4LDU2LjA4LDAsMCwwLTc5LjIyLDBMMTE4LjQ2LDU4LjMzYTgsOCwwLDAsMCwxMS4zMiwxMS4zMUwxNDcuNzIsNTEuN2E0MCw0MCwwLDAsMSw1Ni41OCw1Ni41OEwxNzYuMTgsMTM2LjRBNDAsNDAsMCwwLDEsMTIxLjMzLDEzOCw4LDgsMCwxLDAsMTEwLjY5LDE1MGE1Niw1NiwwLDAsMCw3Ni44MS0yLjI3bDI4LjEyLTI4LjExQTU2LjA4LDU2LjA4LDAsMCwwLDIxNS42Miw0MC4zOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-07-10 19:09:13 +09:00
}
}
body . layout-single-column {
background-color : var ( --color-bg ) ;
color : var ( --color-fg ) ;
font-family : ui-rounded , "mastodon-font-sans-serif" , sans-serif ;
}
2023-07-10 21:58:15 +09:00
/* 🖱️ Scrollbars */
2023-07-11 04:27:58 +09:00
: root : has ( . layout-single-column ) * :: -webkit-scrollbar-track {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-bg ) ;
padding : 2px ;
}
2023-07-11 04:27:58 +09:00
: root : has ( . layout-single-column ) * :: -webkit-scrollbar-thumb {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-accent ) ;
border-radius : 50px ;
2023-07-12 22:05:44 +09:00
opacity : . 4 ;
2023-07-10 19:09:13 +09:00
}
2023-07-11 04:27:58 +09:00
: root : has ( . layout-single-column ) * :: -webkit-scrollbar-track : hover {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-bg ) ;
}
2023-07-11 04:27:58 +09:00
: root : has ( . layout-single-column ) * :: -webkit-scrollbar-thumb : hover {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-accent ) ;
opacity : . 7 ;
}
@ media screen and ( max-width : 1174px ) {
2023-07-11 04:27:58 +09:00
: root : has ( . layout-single-column ) * :: -webkit-scrollbar {
2023-07-10 19:09:13 +09:00
display : none ;
}
}
2023-07-15 08:06:28 +09:00
. layout-single-column . loading-bar {
2023-07-10 21:58:15 +09:00
background-color : var ( --color-accent ) ;
}
2023-07-15 08:06:28 +09:00
. layout-single-column . getting-started ,
2023-07-10 22:00:01 +09:00
. layout-single-column . regeneration-indicator ,
2023-07-15 08:06:28 +09:00
. layout-single-column . audio-player ,
. layout-single-column . compose-form . spoiler-input__input ,
. layout-single-column . compose-form__autosuggest-wrapper ,
. layout-single-column . compose-form__poll-wrapper select ,
. layout-single-column . poll__option input [ type = text ] ,
. layout-single-column . report-dialog-modal__textarea ,
. layout-single-column . search__input ,
2023-07-10 22:00:01 +09:00
. layout-single-column . setting-text ,
2023-07-10 22:55:50 +09:00
. layout-single-column . compose-form . compose-form__buttons-wrapper ,
. layout-single-column . about__section__body {
2023-07-10 22:00:01 +09:00
border : 0 ;
}
2023-07-15 08:06:28 +09:00
. layout-single-column . column-inline-form ,
. layout-single-column . column > . scrollable ,
. layout-single-column . getting-started ,
2023-07-10 22:00:01 +09:00
. layout-single-column . regeneration-indicator {
background : transparent ;
}
2023-07-12 08:09:31 +09:00
2023-07-10 22:00:01 +09:00
. layout-single-column . account__avatar img {
border-radius : 50 % ;
}
2023-07-12 08:09:31 +09:00
/* Rordered layout */
. layout-single-column . columns-area__panels__pane--navigational {
order : 1 ;
}
. layout-single-column . columns-area__panels__main {
order : 2 ;
}
. layout-single-column . columns-area__panels__pane--compositional {
order : 3 ;
}
. layout-single-column . columns-area--mobile . column {
2023-07-12 19:00:21 +09:00
flex : unset ;
2023-07-12 08:09:31 +09:00
height : auto ;
}
2023-10-15 22:47:22 +09:00
. layout-single-column . columns-area--mobile . column : focus-within {
overflow : visible ;
}
2023-07-12 08:09:31 +09:00
. layout-single-column . scrollable ,
. layout-single-column . column > . scrollable {
max-height : max-content ;
2023-07-30 03:19:43 +09:00
border-bottom-left-radius : 8px ;
border-bottom-right-radius : 8px ;
2023-07-12 08:09:31 +09:00
}
2023-08-02 22:28:17 +09:00
. layout-single-column . dismissable-banner + . scrollable {
border-top-left-radius : 0 ;
border-top-right-radius : 0 ;
}
2023-07-10 22:00:01 +09:00
2023-07-10 21:58:15 +09:00
/ * * ️ ⃣ Icons
-------- * /
2023-11-16 06:28:05 +09:00
. layout-single-column
2023-11-16 07:13:16 +09:00
: is (
. icon-bookmark ,
2023-11-16 06:28:05 +09:00
. icon-star ,
. icon-retweet ,
. icon-reply ,
. icon-reply-all ,
. icon-tasks ,
. icon-quote-right ,
. icon-home ,
. icon-hashtag ,
. icon-search ,
. icon-times-circle ,
. icon-bell ,
. icon-at ,
. icon-bookmarks ,
. icon-list-ul ,
. column-link . icon-cog ,
. compose__action-bar-dropdown . icon-bars ,
. compose__action-bar-dropdown . icon-close ,
. icon-user-plus ,
. icon-user ,
. icon-users ,
. icon-bullhorn ,
. icon-sliders ,
. icon-globe ,
. icon-unlock ,
. icon-lock ,
. icon-paperclip ,
. icon-bell-o ,
. icon-thumb-tack ,
. icon-file-text ,
. account--panel . icon-times ,
. follow-request-banner . icon-times ,
. account__relationship . icon-times ,
. icon-ellipsis-h ,
. icon-ellipsis-v ,
. icon-check ,
. status__action-bar . icon-close ,
. detailed-status__action-bar . icon-close ,
2023-11-16 07:13:16 +09:00
. account__header__tabs__buttons . icon-close
)
2023-11-16 06:28:05 +09:00
path {
2023-10-25 07:20:40 +09:00
display : none ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column
2023-11-16 07:13:16 +09:00
: is (
. icon-bookmark ,
2023-11-16 06:28:05 +09:00
. icon-star ,
. icon-retweet ,
. icon-reply ,
. icon-reply-all ,
. icon-tasks ,
. icon-quote-right ,
. icon-home ,
. icon-hashtag ,
. icon-search ,
. icon-times-circle ,
. icon-bell ,
. icon-at ,
. icon-bookmarks ,
. icon-list-ul ,
. column-link . icon-cog ,
. compose__action-bar-dropdown . icon-bars ,
. compose__action-bar-dropdown . icon-close ,
. icon-user-plus ,
. icon-user ,
. icon-users ,
. icon-bullhorn ,
. icon-sliders ,
. icon-globe ,
. icon-unlock ,
. icon-lock ,
. icon-paperclip ,
. icon-bell-o ,
. icon-thumb-tack ,
. icon-file-text ,
. account--panel . icon-times ,
. follow-request-banner . icon-times ,
. account__relationship . icon-times ,
. icon-ellipsis-h ,
. icon-ellipsis-v ,
. icon-check ,
. status__action-bar . icon-close ,
. detailed-status__action-bar . icon-close ,
2023-11-16 07:13:16 +09:00
. account__header__tabs__buttons . icon-close
) {
2023-10-25 07:20:40 +09:00
background-repeat : no-repeat ;
2023-11-14 10:46:22 +09:00
background-size : 100 % ;
background-position : center ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 06:28:05 +09:00
/* Bookmark */
. layout-single-column . icon-bookmark {
background-image : var ( --icon-bookmark-accent ) ;
}
2023-10-25 07:20:40 +09:00
. layout-single-column . detailed-status__button . icon-bookmark {
2023-07-13 05:47:47 +09:00
background-image : var ( --icon-bookmark-accent ) ;
}
2023-10-25 07:20:40 +09:00
. layout-single-column . icon-button . active . icon-bookmark {
2023-07-10 19:09:13 +09:00
background-image : var ( --icon-bookmark-active ) ;
}
2023-11-14 10:46:22 +09:00
/* Favorite */
2023-10-25 07:20:40 +09:00
. layout-single-column . icon-star {
2023-07-13 05:47:47 +09:00
background-image : var ( --icon-star-accent ) ;
}
2023-10-25 07:20:40 +09:00
. layout-single-column button . icon-button . active . icon-star ,
. layout-single-column . notification . icon-star {
2023-07-30 21:49:58 +09:00
background-image : var ( --icon-star-active ) ;
2023-07-10 19:09:13 +09:00
}
2023-10-25 07:20:40 +09:00
. layout-single-column . detailed-status__link . icon-star {
2023-11-16 06:28:05 +09:00
background-image : var ( --icon-star ) ;
2023-11-13 05:34:06 +09:00
margin : 0 4px -2px 0 ;
2023-07-10 19:09:13 +09:00
}
2023-11-14 10:46:22 +09:00
/* Boost */
2023-10-25 07:20:40 +09:00
. layout-single-column . icon-retweet {
2023-07-13 05:47:47 +09:00
background-image : var ( --icon-boost-accent ) ;
}
2023-10-25 06:26:37 +09:00
. layout-single-column button . icon-button . active . icon-retweet ,
. layout-single-column . detailed-status__button button . icon-button . active : hover . icon-retweet {
2023-07-10 19:09:13 +09:00
background-image : var ( --icon-boost-active ) ;
}
2023-10-25 06:26:37 +09:00
. layout-single-column . status__prepend-icon . icon-retweet ,
. layout-single-column . notification . icon-retweet {
2023-07-31 04:22:32 +09:00
background-image : var ( --icon-boost-active ) ;
2023-07-10 19:09:13 +09:00
}
2023-10-25 06:26:37 +09:00
. layout-single-column . detailed-status__link . icon-retweet {
2023-11-16 06:28:05 +09:00
background-image : var ( --icon-boost ) ;
2023-11-13 05:34:06 +09:00
margin : 0 4px -2px 0 ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 07:13:16 +09:00
. layout-single-column
button . icon-button : is (
. reblogPrivate ,
. reblogPrivate : hover ,
. disabled ,
. disabled : hover
)
. icon-retweet {
2023-11-16 06:28:05 +09:00
background-image : var ( --icon-boost-accent ) ;
2023-07-10 19:09:13 +09:00
opacity : . 2 ;
pointer-events : none ;
}
2023-10-25 06:26:37 +09:00
. layout-single-column . boost-modal__action-bar . icon-retweet {
2023-11-16 06:28:05 +09:00
background-image : var ( --icon-boost-accent ) ;
2023-07-14 02:11:32 +09:00
vertical-align : middle ;
}
2023-11-14 10:46:22 +09:00
/* Reply */
2023-10-25 07:20:40 +09:00
. layout-single-column . icon-reply ,
. layout-single-column . icon-reply-all {
2023-11-16 06:28:05 +09:00
background-image : var ( --icon-reply-accent ) ;
2023-10-25 07:20:40 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . detailed-status__action-bar : is ( . icon-reply , . icon-reply-all ) {
background-image : var ( --icon-reply-accent ) ;
2023-07-10 19:09:13 +09:00
}
2023-11-14 10:46:22 +09:00
/* Ellipsis */
2023-11-16 06:28:05 +09:00
. layout-single-column : is ( . icon-ellipsis-h , . icon-ellipsis-v ) {
background-image : var ( --icon-ellipsis-accent ) ;
2023-11-14 10:46:22 +09:00
}
. layout-single-column . detailed-status__action-bar . icon-ellipsis-h {
background-image : var ( --icon-ellipsis-accent ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column : is ( . status__action-bar , . detailed-status__action-bar , . account__header__tabs__buttons ) . icon-close {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-ellipsis-active ) ;
}
/* Poll icon */
2023-11-13 05:34:06 +09:00
. layout-single-column . icon-tasks {
background-image : var ( --icon-poll ) ;
2023-07-12 22:05:44 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__message . icon-tasks {
background-image : var ( --icon-poll-accent ) ;
2023-07-10 21:58:15 +09:00
}
2023-11-14 10:46:22 +09:00
/* Post icon */
. layout-single-column . icon-quote-right {
background-image : var ( --icon-post ) ;
}
2023-11-13 05:34:06 +09:00
/* Navigation panel icons */
. layout-single-column . column-link__icon {
2023-11-14 10:46:22 +09:00
transform : scale ( 1 . 3 ) ;
margin-right : 7px ;
2023-11-13 05:34:06 +09:00
margin-left : 2px ;
2023-07-10 21:58:15 +09:00
}
2023-11-13 05:34:06 +09:00
/* Home icon */
. layout-single-column . icon-home {
background-image : var ( --icon-home ) ;
2023-07-10 21:58:15 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column : is ( . column-link . active . icon-home , . column-header__icon . icon-home ) {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-home-active ) ;
2023-07-10 21:58:15 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__message . icon-home {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-post-notification-accent ) ;
2023-07-12 22:05:44 +09:00
}
2023-11-13 05:34:06 +09:00
/* Globe icon */
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . icon-globe ,
. layout-single-column . column-header__icon . icon-globe {
2023-11-13 05:34:06 +09:00
background-image : var ( --icon-globe ) ;
2023-07-12 00:11:27 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . active . icon-globe ,
. layout-single-column . column-header__icon . icon-globe {
background-image : var ( --icon-globe-active ) ;
}
/* Explore + Hashtag icon */
2023-11-13 05:34:06 +09:00
. layout-single-column . icon-hashtag {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-hashtag-active ) ;
2023-07-12 22:05:44 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . icon-hashtag {
background-image : var ( --icon-hashtag ) ;
}
. layout-single-column . column-link . active . icon-hashtag {
background-image : var ( --icon-hashtag-active ) ;
}
2023-11-13 05:34:06 +09:00
/* Search icon */
. layout-single-column . icon-search {
background-image : var ( --icon-search ) ;
2023-11-16 06:28:05 +09:00
}
. layout-single-column . ui__header__links . icon-search {
background-image : var ( --icon-search-active ) ;
2023-11-14 10:46:22 +09:00
}
. layout-single-column . column-link . icon-search {
background-image : var ( --icon-search-column-link ) ;
}
. layout-single-column . column-link . active . icon-search {
background-image : var ( --icon-search-column-link-active ) ;
}
. layout-single-column . column-header__icon . icon-search {
background-image : var ( --icon-search-column-link-active ) ;
}
. layout-single-column . icon-times-circle {
background-image : var ( --icon-close ) ;
2023-07-10 21:58:15 +09:00
}
/* Notifications icon */
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . icon-bell {
2023-11-13 05:34:06 +09:00
background-image : var ( --icon-bell ) ;
2023-07-10 21:58:15 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . active . icon-bell ,
. layout-single-column . column-header__icon . icon-bell {
2023-11-13 05:34:06 +09:00
background-image : var ( --icon-bell-active ) ;
2023-07-12 22:05:44 +09:00
}
2023-07-10 21:58:15 +09:00
/* Direct messages icon */
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . icon-at {
2023-11-13 05:34:06 +09:00
background-image : var ( --icon-direct-messages ) ;
2023-07-23 19:00:37 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . active . icon-at {
background-image : var ( --icon-direct-messages-active ) ;
}
2023-07-12 22:05:44 +09:00
/* Bookmarks icon */
2023-11-13 05:34:06 +09:00
. layout-single-column . icon-bookmarks {
background-image : var ( --icon-bookmark-column-link ) ;
2023-07-12 22:05:44 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . active . icon-bookmarks ,
. layout-single-column . column-header__icon . icon-bookmarks {
2023-11-13 05:34:06 +09:00
background-image : var ( --icon-bookmark-column-link-active ) ;
}
2023-07-12 22:05:44 +09:00
/* Favorites icon */
2023-11-13 05:34:06 +09:00
. layout-single-column . column-link . icon-star {
background-image : var ( --icon-star-column-link ) ;
2023-07-10 21:58:15 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . active . icon-star ,
. layout-single-column . column-header__icon . icon-star {
2023-11-13 05:34:06 +09:00
background-image : var ( --icon-star-column-link-active ) ;
2023-07-12 22:05:44 +09:00
}
/* Lists icon */
2023-11-13 05:34:06 +09:00
. layout-single-column . icon-list-ul {
background-image : var ( --icon-list ) ;
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-link . active . icon-list-ul {
background-image : var ( --icon-list-active ) ;
}
/* Settings icon */
. layout-single-column . column-link . icon-cog {
background-image : var ( --icon-settings ) ;
}
/* Profile settings */
. layout-single-column . compose__action-bar-dropdown . icon-bars {
background-image : var ( --icon-gear ) ;
}
. layout-single-column . compose__action-bar-dropdown . active . icon-close {
background-image : var ( --icon-gear-active ) ;
}
2023-11-13 05:34:06 +09:00
/* Follow user icon */
2023-11-16 06:28:05 +09:00
. layout-single-column . icon-user-plus ,
. layout-single-column . icon-user {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-user-plus-accent ) ;
2023-08-22 03:56:44 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . active . icon-user-plus {
background-image : var ( --icon-user-plus ) ;
}
. layout-single-column . column-link . active . icon-user-plus {
background-image : var ( --icon-user-plus-active ) ;
2023-11-14 10:46:22 +09:00
}
2023-11-16 06:28:05 +09:00
/* Users icon */
2023-11-14 10:46:22 +09:00
. layout-single-column . icon-users {
background-image : var ( --icon-users ) ;
}
/* Announcement icon */
. layout-single-column . icon-bullhorn {
background-image : var ( --icon-megaphone ) ;
}
/* Column settings icon */
. layout-single-column . icon-sliders {
background-image : var ( --icon-sliders ) ;
}
/* Post visibility icons */
. layout-single-column . icon-globe {
background-image : var ( --icon-globe-visibility ) ;
}
. layout-single-column . icon-unlock {
background-image : var ( --icon-unlock ) ;
}
. layout-single-column . icon-lock {
background-image : var ( --icon-lock ) ;
}
. layout-single-column . icon-at {
background-image : var ( --icon-at ) ;
}
2023-07-13 07:31:58 +09:00
2023-11-14 10:46:22 +09:00
/* Other icons */
. layout-single-column . icon-paperclip {
background-image : var ( --icon-paperclip ) ;
}
. layout-single-column . icon-check {
background-image : var ( --icon-verified ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . follow-request-banner . button : is ( : active , : focus , : hover ) . icon-check {
background-image : var ( --icon-check-inv ) ;
}
. layout-single-column . account__relationship . icon-check ,
. layout-single-column . follow-request-banner . button . icon-check {
background-image : var ( --icon-check ) ;
2023-11-14 10:46:22 +09:00
}
. layout-single-column . icon-bell {
background-image : var ( --icon-bell-ringing ) ;
}
. layout-single-column . icon-bell-o {
background-image : var ( --icon-bell-still ) ;
}
. layout-single-column . icon-thumb-tack {
background-image : var ( --icon-pin ) ;
2023-11-16 06:28:05 +09:00
}
. layout-single-column . icon-file-text {
background-image : var ( --icon-link ) ;
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is (
. account--panel ,
. follow-request-banner ,
. account__relationship
)
. icon-times {
2023-11-16 06:28:05 +09:00
background-image : var ( --icon-reject ) ;
}
. layout-single-column . account--panel . icon-times ,
. layout-single-column . follow-request-banner . button : is ( : active , : focus , : hover ) . icon-times {
background-image : var ( --icon-reject-inv ) ;
}
. layout-single-column . account__relationship . icon-times ,
. layout-single-column . follow-request-banner . button . icon-times {
background-image : var ( --icon-reject ) ;
}
@ media screen and ( max-width : 1174px ) {
. layout-single-column . column-link . icon-home {
background-image : var ( --icon-home-active ) ;
}
. layout-single-column . column-link . active . icon-home {
background-image : var ( --icon-home ) ;
}
. layout-single-column . column-link . icon-bell {
background-image : var ( --icon-bell-active ) ;
}
. layout-single-column . column-link . active . icon-bell {
background-image : var ( --icon-bell ) ;
}
. layout-single-column . column-link . icon-hashtag {
background-image : var ( --icon-hashtag-active ) ;
}
. layout-single-column . column-link . active . icon-hashtag {
background-image : var ( --icon-hashtag ) ;
}
. layout-single-column . column-link . icon-search {
background-image : var ( --icon-search-column-link-active ) ;
}
. layout-single-column . column-link . active . icon-search {
background-image : var ( --icon-search-column-link ) ;
}
. layout-single-column . column-link . icon-globe {
background-image : var ( --icon-globe-active ) ;
}
. layout-single-column . column-link . active . icon-globe {
background-image : var ( --icon-globe ) ;
}
. layout-single-column . column-link . icon-at {
background-image : var ( --icon-direct-messages-active ) ;
}
. layout-single-column . column-link . active . icon-at {
background-image : var ( --icon-direct-messages ) ;
}
. layout-single-column . column-link . icon-bookmarks {
background-image : var ( --icon-bookmark-column-link-active ) ;
}
. layout-single-column . column-link . active . icon-bookmarks {
background-image : var ( --icon-bookmark-column-link ) ;
}
. layout-single-column . column-link . icon-star {
background-image : var ( --icon-star-column-link-active ) ;
}
. layout-single-column . column-link . active . icon-star {
background-image : var ( --icon-star-column-link ) ;
}
. layout-single-column . column-link . icon-list-ul {
background-image : var ( --icon-list-active ) ;
}
. layout-single-column . column-link . active . icon-list-ul {
background-image : var ( --icon-list ) ;
}
. layout-single-column . column-link . icon-cog {
background-image : var ( --icon-gear ) ;
}
. layout-single-column . column-link . active . icon-ellipsis-h {
background-image : var ( --icon-ellipsis-active ) ;
}
. layout-single-column . column-link . icon-user-plus {
background-image : var ( --icon-user-plus-active ) ;
}
. layout-single-column . column-link . active . icon-user-plus {
background-image : var ( --icon-user-plus-accent ) ;
}
2023-11-14 10:46:22 +09:00
}
2023-07-10 19:09:13 +09:00
2023-07-10 21:58:15 +09:00
/ * 📝 Compose panel
---------------- * /
2023-07-10 19:09:13 +09:00
. layout-single-column . compose-form {
2023-07-12 00:36:13 +09:00
padding : 0 0 71px ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . navigation-bar {
2023-07-30 03:19:43 +09:00
border-radius : 8px 8px 0 0 ;
2023-11-14 10:46:22 +09:00
padding : 21px 11px 22px 15px ;
2023-07-10 19:09:13 +09:00
background-color : var ( --color-content-secondary-bg ) ;
2023-07-30 03:19:43 +09:00
border-top : 1px solid var ( --color-lines ) ;
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . navigation-bar strong {
2023-07-31 00:08:39 +09:00
color : var ( --color-content-fg ) ;
2023-07-10 19:09:13 +09:00
}
2023-09-22 04:15:48 +09:00
. layout-single-column . compose-form__highlightable . active {
box-shadow : none ;
}
. layout-single-column . navigation-bar : has ( + . compose-form . compose-form__highlightable . active ) ,
. layout-single-column . compose-form__highlightable . active . compose-form__autosuggest-wrapper ,
. layout-single-column . compose-form__highlightable . active . compose-form__buttons-wrapper ,
. layout-single-column . compose-form . compose-form__autosuggest-wrapper : focus-within ,
. layout-single-column . navigation-bar : has ( + . compose-form . compose-form__autosuggest-wrapper : focus-within ) ,
2023-09-22 04:26:43 +09:00
. layout-single-column . compose-form . compose-form__autosuggest-wrapper : focus-within ~ . compose-form__buttons-wrapper ,
2023-11-16 06:28:05 +09:00
. layout-single-column . compose-form : has ( . compose-form__autosuggest-wrapper : focus-within ) : is ( . reply-indicator , . autosuggest-input , . compose-form__warning ) {
2023-09-22 04:15:48 +09:00
border-color : var ( --color-accent ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . compose-form
2023-11-16 07:13:16 +09:00
: is (
. autosuggest-textarea__suggestions ,
2023-11-16 06:28:05 +09:00
. autosuggest-textarea__textarea ,
. autosuggest-textarea__suggestions__item ,
. compose-form__buttons-wrapper ,
2023-11-16 07:13:16 +09:00
. compose-form__modifiers
) ,
2023-11-16 06:28:05 +09:00
. layout-single-column . compose-form__autosuggest-wrapper {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
border : 0 ;
border-top : 0 ;
border-radius : 0 ;
}
2023-07-30 03:19:43 +09:00
. layout-single-column . compose-form__autosuggest-wrapper ,
. layout-single-column . compose-form . compose-form__buttons-wrapper {
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
. layout-single-column . compose-form . compose-form__buttons-wrapper {
border-bottom : 1px solid var ( --color-lines ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . compose-form . compose-form__buttons-wrapper : is ( . icon-button , . text-icon-button ) ,
2023-07-10 19:09:13 +09:00
. layout-single-column . compose-form . character-counter {
2023-10-11 19:04:04 +09:00
color : var ( --color-content-fg ) ;
2023-08-22 03:56:44 +09:00
height : 27px ;
2023-07-10 19:09:13 +09:00
}
2023-07-20 22:01:54 +09:00
. layout-single-column . compose-form . compose-form__buttons-wrapper . icon-button . active {
2023-07-10 19:09:13 +09:00
color : var ( --color-accent ) ;
}
2023-07-20 22:01:54 +09:00
. layout-single-column . compose-form . compose-form__buttons-wrapper . text-icon-button . active {
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . compose-panel . autosuggest-textarea__textarea {
padding-left : 20px ;
2023-08-03 08:09:36 +09:00
padding-right : 45px ;
2023-07-10 19:09:13 +09:00
padding-top : 20px ;
}
2023-07-30 03:19:43 +09:00
. layout-single-column . compose-panel . autosuggest-textarea__textarea :: placeholder {
font-size : 130 % ;
opacity : . 5 ;
}
2023-07-12 07:26:24 +09:00
. layout-single-column . compose-panel . autosuggest-textarea__textarea :: placeholder ,
. layout-single-column . compose-form . autosuggest-account . display-name__html {
2023-07-10 19:09:13 +09:00
color : var ( --color-content-fg ) ;
}
2023-07-12 07:26:24 +09:00
. layout-single-column . compose-form . autosuggest-account . display-name__account {
color : var ( --color-content-fg-muted ) ;
}
2023-07-12 07:04:24 +09:00
. layout-single-column . compose-form . autosuggest-textarea__suggestions--visible ,
. layout-single-column . compose-form . autosuggest-textarea__suggestions__item {
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-12 07:04:24 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . compose-form . autosuggest-textarea__suggestions__item : is ( . selected , : active , : focus , : hover ) ,
. layout-single-column . compose-form . autosuggest-textarea__suggestions__item : is ( . selected , : active , : focus , : hover ) . autosuggest-account : is ( . display-name__account , . display-name__html ) {
2023-07-12 07:04:24 +09:00
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . compose-form . compose-form__buttons-wrapper {
2023-07-30 03:19:43 +09:00
border-radius : 0 0 8px 8px ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . reply-indicator ,
. layout-single-column . compose-form . compose-form__warning {
background-color : var ( --color-accent-bg ) ;
2023-07-30 04:59:25 +09:00
border-left : 1px solid var ( --color-accent-lines ) ;
border-right : 1px solid var ( --color-accent-lines ) ;
2023-07-30 03:19:43 +09:00
border-top : 0 ;
border-bottom : 0 ;
2023-07-10 23:22:40 +09:00
box-shadow : none ;
2023-07-10 19:09:13 +09:00
margin : 0 ;
border-radius : 0 ;
}
. layout-single-column . compose-form . compose-form__warning ,
. layout-single-column . simple_form . recommended ,
. layout-single-column . compose-form . compose-form__warning ,
. layout-single-column . compose-form . compose-form__warning a ,
. layout-single-column . reply-indicator__content a ,
. layout-single-column . navigation-bar__profile-edit {
color : var ( --color-accent ) ;
}
2023-07-30 03:19:43 +09:00
2023-09-22 19:30:39 +09:00
. layout-single-column . compose-form__sensitive-button . icon-button : hover {
background-color : transparent ;
}
. layout-single-column . compose-form__sensitive-button input [ type = checkbox ] : checked {
background-color : var ( --color-accent ) ;
border-color : var ( --color-accent ) ;
}
2023-07-30 03:19:43 +09:00
. layout-single-column . compose-form . autosuggest-input {
box-sizing : border-box ;
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . compose-form . spoiler-input . spoiler-input--visible {
margin-bottom : 0 ;
2023-07-20 21:58:16 +09:00
height : auto ;
background-color : var ( --color-content-bg ) ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . compose-form . spoiler-input__input {
background-color : var ( --color-accent-bg ) ;
color : var ( --color-accent ) ;
margin-bottom : 0 ;
2023-07-20 21:58:16 +09:00
border-radius : 10px ;
padding : 12px 15px ;
box-shadow :
0 0 0 4px inset var ( --color-content-bg ) ;
}
. layout-single-column . compose-form . spoiler-input__input : focus {
box-shadow :
0 0 0 4px inset var ( --color-content-bg ) ,
0 0 0 6px inset var ( --color-accent ) ,
0 0 0 1px inset var ( --color-content-bg ) ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . display-name {
color : var ( --color-content-fg ) ;
}
2023-07-11 02:50:59 +09:00
. layout-single-column . compose-form . compose-form__modifiers . compose-form__upload . icon-button {
color : # ffffff ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . compose-form . compose-form__modifiers . compose-form__upload . icon-button : is ( : active , : focus , : hover ) {
2023-07-11 02:50:59 +09:00
background-color : rgba ( 0 , 0 , 0 , . 4 ) ;
}
2023-07-10 19:09:13 +09:00
@ media screen and ( max-width : 1174px ) {
. layout-single-column . compose-form {
padding : 0 10px 10px ;
}
. layout-single-column . navigation-bar {
2023-07-30 03:19:43 +09:00
border-radius : 8px 8px 0 0 ;
2023-07-10 19:09:13 +09:00
margin : 10px 10px 0 ;
}
}
2023-07-30 03:19:43 +09:00
/* Publish button */
. layout-single-column . compose-form . compose-form__publish . compose-form__publish-button-wrapper {
padding-top : 10px ;
width : 100 % ;
}
. layout-single-column . compose-form . compose-form__publish . compose-form__publish-button-wrapper . button {
padding : 10px 18px ;
}
2023-11-14 10:46:22 +09:00
. layout-single-column . compose-form . compose-form__publish . compose-form__publish-button-wrapper . button . icon-lock {
background-image : var ( --icon-lock-inv ) ;
}
2023-07-30 03:19:43 +09:00
/* Emoji picker */
2023-11-14 22:56:39 +09:00
. layout-single-column . compose-form . emoji-button {
2023-07-30 03:19:43 +09:00
margin : 15px 10px 0 0 ;
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-emoji ) ;
background-size : 26px ;
background-position : bottom left ;
background-repeat : no-repeat ;
}
2023-11-14 22:56:39 +09:00
. layout-single-column . compose-form . emoji-button . emojione {
2023-11-14 10:46:22 +09:00
opacity : 0 ;
}
2023-11-14 22:56:39 +09:00
. layout-single-column . compose-form . emoji-button : hover {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-emoji-accent ) ;
2023-07-30 03:19:43 +09:00
}
. layout-single-column . emoji-picker-dropdown__menu {
overflow : hidden ;
border-radius : 8px ;
background-color : var ( --color-content-bg ) ;
box-shadow :
0 0 0 1px var ( --color-lines ) ,
0 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
}
. layout-single-column . emoji-mart {
width : 100 % ! important ;
display : block ;
}
. layout-single-column . emoji-mart-bar : first-child {
background-color : var ( --color-accent-bg ) ;
2023-07-30 04:59:25 +09:00
border-color : var ( --color-accent-lines ) ;
2023-07-30 03:19:43 +09:00
}
. layout-single-column . emoji-mart-anchor-bar {
background-color : var ( --color-accent ) ;
}
. layout-single-column . emoji-mart-anchor-selected {
color : var ( --color-accent ) ;
}
. layout-single-column . emoji-mart-anchor-icon svg path ,
. layout-single-column . emoji-mart-anchor-icon svg rect {
fill : var ( --color-content-fg ) ;
}
. layout-single-column . emoji-mart-anchor-selected . emoji-mart-anchor-icon svg path ,
. layout-single-column . emoji-mart-anchor-selected . emoji-mart-anchor-icon svg rect ,
. layout-single-column . emoji-mart-search-icon svg path {
fill : var ( --color-accent ) ;
}
. layout-single-column . emoji-mart-search-icon ,
. layout-single-column . emoji-mart-search-icon : disabled ,
. layout-single-column . emoji-mart-search-icon svg {
opacity : 1 ;
}
. layout-single-column . emoji-mart-scroll :: -webkit-scrollbar-track {
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . emoji-mart-search ,
. layout-single-column . emoji-mart-scroll ,
. layout-single-column . emoji-mart-category-label span {
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
}
. layout-single-column . emoji-mart-search input {
background-color : var ( --color-accent-bg ) ;
2023-07-30 04:59:25 +09:00
border-color : var ( --color-accent-lines ) ;
2023-08-03 08:04:46 +09:00
color : var ( --color-content-fg ) ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
}
. layout-single-column . emoji-mart-search input : focus {
border-color : var ( --color-accent ) ;
box-shadow : 0 0 0 1px inset var ( --color-accent ) ;
outline : 0 ;
}
. layout-single-column . emoji-mart-search input :: placeholder {
color : var ( --color-accent ) ;
}
2023-07-10 21:58:15 +09:00
2023-07-31 07:46:04 +09:00
/* Zoom on emojis on hover (in post content only */
2023-08-01 02:48:26 +09:00
. layout-single-column . status__content : not ( . status__content--collapsed ) { /* So the emoji doesn't clip out when zoomed on. */
2023-07-31 07:46:04 +09:00
overflow : visible ;
}
. layout-single-column . status__content . emojione {
transition : transform . 8s . 8s ;
}
. layout-single-column . status__content . emojione : hover {
transform : scale ( 2 . 5 ) ;
}
2023-07-10 21:58:15 +09:00
/ * 💬 Posts
-------- * /
2023-07-10 19:09:13 +09:00
. layout-single-column . reply-indicator__content ,
. layout-single-column . status__content {
color : var ( --color-content-fg ) ;
}
. layout-single-column . account__display-name strong ,
. layout-single-column . status__display-name strong ,
. layout-single-column . status__info . status__display-name . display-name__account {
2023-07-11 03:07:39 +09:00
color : var ( --color-content-fg ) ;
2023-07-10 19:09:13 +09:00
}
2023-08-12 04:28:49 +09:00
. layout-single-column . translate-button {
color : var ( --color-content-fg-muted ) ;
}
2023-10-12 02:25:41 +09:00
. layout-single-column . translate-button__meta ,
. layout-single-column . translate-button button ,
. layout-single-column . status__content__translate-button {
font-size : 85 % ;
}
2023-11-14 10:46:22 +09:00
. layout-single-column . status__content__translate-button ,
. layout-single-column . translate-button . link-button {
width : 32px ;
height : 32px ;
2023-11-16 06:28:05 +09:00
bottom : 13px ;
right : 52px ;
2023-11-14 10:46:22 +09:00
padding : 0px ;
position : absolute ;
background-size : 20px ;
background-repeat : no-repeat ;
background-position : center ;
2023-11-16 06:28:05 +09:00
background-image : var ( --icon-translate-accent ) ;
2023-11-14 10:46:22 +09:00
border-radius : 8px ;
transition : all . 3s ;
background-color : transparent ;
}
. layout-single-column . detailed-status . status__content__translate-button ,
. layout-single-column . detailed-status . translate-button . link-button {
background-image : var ( --icon-translate-accent ) ;
}
. layout-single-column . translate-button . link-button ,
. layout-single-column . detailed-status . translate-button . link-button {
background-image : var ( --icon-translate-active ) ;
}
. layout-single-column . status__content__translate-button : hover ,
. layout-single-column . translate-button . link-button : hover {
background-color : var ( --color-accent-bg ) ;
}
2023-11-16 06:28:05 +09:00
@ media screen and ( max-width : 889px ) {
. layout-single-column . status__content__translate-button ,
. layout-single-column . translate-button . link-button {
bottom : 10px ;
}
. layout-single-column . detailed-status . status__content__translate-button ,
. layout-single-column . detailed-status . translate-button . link-button {
bottom : 13px ;
}
}
2023-11-14 10:46:22 +09:00
. layout-single-column . status__content__translate-button > span ,
2023-11-16 06:28:05 +09:00
. layout-single-column . translate-button . link-button > span ,
. layout-single-column . notification . status__content__translate-button {
2023-11-14 10:46:22 +09:00
display : none ;
}
2023-07-31 00:08:39 +09:00
. layout-single-column . account__display-name strong ,
. layout-single-column . status__display-name strong {
font-weight : bold ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . status {
margin-left : 56px ;
padding : 0 10px ;
border-bottom : 0 ;
}
. layout-single-column . status__wrapper {
2023-07-12 05:45:41 +09:00
transition : background . 3s ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . status__wrapper ,
. layout-single-column . detailed-status__wrapper {
background-color : var ( --color-content-bg ) ;
2023-07-12 20:29:59 +09:00
padding : 13px 12px ;
2023-07-30 03:19:43 +09:00
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
2023-11-16 06:28:05 +09:00
position : relative ;
2023-07-30 03:19:43 +09:00
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . status__wrapper ,
. layout-single-column . detailed-status__wrapper {
border-left : 0 ;
border-right : 0 ;
}
. layout-single-column . status__wrapper {
padding : 10px 8px ;
}
}
. layout-single-column . scrollable > div : first-child > div : first-child > . status__wrapper ,
2023-07-30 05:18:02 +09:00
. layout-single-column . scrollable > div : first-child > . status__wrapper ,
2023-07-30 03:19:43 +09:00
. layout-single-column . explore__search-results > div : first-child > . status__wrapper {
border-top : 1px solid var ( --color-lines ) ;
}
. layout-single-column . scrollable > div : last-child > div : last-child > . status__wrapper ,
2023-07-30 05:18:02 +09:00
. layout-single-column . scrollable > div : last-child > . status__wrapper ,
2023-10-09 20:58:59 +09:00
. layout-single-column . scrollable > div > article : last-child > div > . status__wrapper ,
. layout-single-column . search-results__section > div : last-child > . status__wrapper {
2023-07-30 03:19:43 +09:00
border-bottom : 1px solid var ( --color-lines ) ;
}
. layout-single-column . dismissable-banner + . scrollable > div > article : first-child > div > . status__wrapper {
border-top : 0 ;
}
@ media screen and ( min-width : 890px ) {
. layout-single-column . scrollable > div : first-child > div : first-child > . status__wrapper ,
. layout-single-column . explore__search-results > div : first-child > . status__wrapper {
border-top-left-radius : 8px ;
border-top-right-radius : 8px ;
}
. layout-single-column . scrollable > div : last-child > div : last-child > . status__wrapper ,
2023-07-30 05:18:02 +09:00
. layout-single-column . scrollable > div : last-child > . status__wrapper ,
2023-10-09 20:58:59 +09:00
. layout-single-column . scrollable > div > article : last-child > div > . status__wrapper ,
. layout-single-column . search-results__section > div : last-child > . status__wrapper {
2023-07-30 03:19:43 +09:00
border-bottom-right-radius : 8px ;
border-bottom-left-radius : 8px ;
}
. layout-single-column . dismissable-banner + . scrollable > div > article : first-child > div > . status__wrapper {
border-top-left-radius : 0 ;
border-top-right-radius : 0 ;
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . status__info {
height : 22px ;
margin-left : -56px ;
padding : 0 ;
margin-bottom : 0 ;
line-height : 10px ;
align-items : start ;
}
. layout-single-column . status__info . status__display-name {
overflow : visible ;
align-items : start ;
max-width : calc ( 100 % - 4em ) ;
}
. layout-single-column . status__info . status__display-name . display-name bdi ,
. layout-single-column . status__info . status__display-name . display-name__account {
vertical-align : top ;
}
. layout-single-column . status__info . status__display-name . display-name__account {
display : inline ;
opacity : . 7 ;
}
. layout-single-column . status__relative-time {
height : 22px ;
position : absolute ;
right : 22px ;
color : var ( --color-content-fg ) ;
2023-07-31 00:08:39 +09:00
opacity : . 6 ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . status__avatar {
margin-bottom : -10px ;
2023-11-14 10:46:22 +09:00
z-index : 2 ;
2023-07-10 19:09:13 +09:00
}
2023-07-15 08:06:28 +09:00
. layout-single-column . reply-indicator__content ,
2023-07-10 19:09:13 +09:00
. layout-single-column . status__content {
line-height : 19px ;
2023-11-16 06:28:05 +09:00
position : static ;
2023-07-10 19:09:13 +09:00
}
2023-07-12 20:21:51 +09:00
2023-09-07 02:47:09 +09:00
. layout-single-column . e-content blockquote ,
. layout-single-column . reply-indicator__content blockquote ,
. layout-single-column . status__content__text blockquote {
color : var ( --color-content-fg-muted ) ;
border-color : var ( --color-lines ) ;
}
2023-07-12 20:21:51 +09:00
/* 📏 Post dividers */
2023-07-12 22:05:44 +09:00
/* Use ::before to set a non-full-width divider between posts and notifications. The divider sits above the post. */
2023-07-12 20:21:51 +09:00
. layout-single-column . status :: before ,
. layout-single-column . notification__message :: before {
2023-07-12 05:45:41 +09:00
position : absolute ;
2023-07-12 19:00:21 +09:00
background-color : var ( --color-lines ) ;
2023-07-30 03:19:43 +09:00
height : 1px ;
width : calc ( 100 % - 77px ) ;
2023-07-12 05:45:41 +09:00
right : 0 ;
2023-07-30 03:19:43 +09:00
top : -1px ;
2023-07-12 05:45:41 +09:00
content : "" ;
2023-07-30 21:49:58 +09:00
opacity : . 7 ;
2023-07-12 05:45:41 +09:00
}
2023-07-30 03:19:43 +09:00
@ media screen and ( max-width : 889px ) {
. layout-single-column . status :: before ,
. layout-single-column . notification__message :: before {
width : calc ( 100 % - 73px ) ;
}
}
2023-07-30 21:49:58 +09:00
@ media ( prefers-color-scheme : dark ) {
. layout-single-column . status :: before ,
. layout-single-column . notification__message :: before {
opacity : 1 ;
}
}
2023-07-30 03:19:43 +09:00
2023-07-12 22:05:44 +09:00
/* Remove border between posts when applicable */
2023-07-12 20:21:51 +09:00
. layout-single-column . notification . status :: before , /* no dividers on posts _inside_ notifications */
. layout-single-column . account-timeline__header + article . status :: before , /* no divider above first post on profile pages */
. layout-single-column . scrollable > div : first-child > . status :: before , /* no divider above first post in a column thread */
2023-10-09 20:48:10 +09:00
. layout-single-column . scrollable > div : first-child > div : first-child . status :: before , /* no divider above first post in a column thread (backwards compatibility with 4.1.*) */
2023-10-09 20:58:59 +09:00
. layout-single-column . hashtag-header + article . status :: before ,
. layout-single-column . search-results__section . search-results__section__header + div . status :: before {
2023-07-12 05:45:41 +09:00
display : none ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 890px ) and ( max-width : 1174px ) { /* no divider above first post in a column thread on medium-size devices */
. layout-single-column . scrollable > div : first-child > div : first-child > . status__wrapper . status :: before ,
. layout-single-column . scrollable > div > article : first-child > div > . status__wrapper . status :: before {
display : none ;
}
}
2023-07-10 21:58:15 +09:00
/* 👥 Threaded replies */
. layout-single-column . status--first-in-thread {
border-top : 0 ;
}
2023-07-12 19:00:21 +09:00
. layout-single-column . status--first-in-thread :: before {
width : 100 % ;
right : 0 ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . status--in-thread
2023-11-16 07:13:16 +09:00
: is (
. attachment-list ,
2023-11-16 06:28:05 +09:00
. audio-player ,
. hashtag-bar ,
. media-gallery ,
. picture-in-picture-placeholder ,
. status-card ,
. status__action-bar ,
. status__content ,
2023-11-16 07:13:16 +09:00
. video-player
) {
2023-07-10 21:58:15 +09:00
margin-left : 0 ;
2023-07-25 09:45:14 +09:00
width : auto ;
2023-07-10 21:58:15 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . status__line--first {
height : 100 % ;
2023-08-12 04:28:49 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . status__line--full {
height : calc ( 100 % + 32px ) ;
2023-07-30 05:18:02 +09:00
}
2023-11-14 10:46:22 +09:00
/* Default lines when replying in real time */
. layout-single-column div [ tabindex = "-1" ] : has ( . status--in-thread ) . status--in-thread : not ( . status--first-in-thread ) > . status__line : not ( . status__line--full ) {
height : 0 ;
}
/* Hide line before first in thread */
. layout-single-column div [ tabindex = "-1" ] : has ( . status--in-thread ) + div [ tabindex = "-1" ] > . status--in-thread . status--first-in-thread > . status__line : not ( . status__line--full ) ,
. layout-single-column div [ tabindex = "-1" ] : has ( . detailed-status__wrapper ) + div [ tabindex = "-1" ] > . status__wrapper . status__line : not ( . status__line--full ) {
height : 0 ;
2023-10-12 02:47:54 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column div [ tabindex = "-1" ] : has ( + div [ tabindex = "-1" ] > . detailed-status__wrapper ) . status--in-thread . status__line {
height : calc ( 100 % - 32px ) ! important ;
}
. layout-single-column div [ tabindex = "-1" ] + div [ tabindex = "-1" ] > . status__wrapper > . status-reply . status--in-thread > . status__line . status__line--full ,
. layout-single-column . status__line--full . status__line--first {
top : 32px ;
2023-07-30 05:18:02 +09:00
height : 100 % ;
2023-11-14 10:46:22 +09:00
z-index : 1 ;
2023-07-10 21:58:15 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . detailed-status {
background-color : transparent ;
border-top : 0 ;
2023-07-10 21:58:15 +09:00
}
2023-11-14 10:46:22 +09:00
/* Threaded line, actually */
. layout-single-column . status__line {
margin-inline-start : 5px ;
border-inline-start : 2px solid var ( --color-accent ) ;
-webkit-border-start : 2px solid var ( --color-accent ) ;
opacity : . 6 ;
}
. layout-single-column . status__line--full :: before {
background-color : var ( --color-accent ) ;
}
/* Hide the "stub" from the first status line */
div [ tabindex = "-1" ] + div [ tabindex = "-1" ] > . status__wrapper > . status-reply . status--in-thread > . status__line . status__line--full ,
. layout-single-column . status-reply . status--in-thread . status--first-in-thread > . status__line ,
. layout-single-column . status-reply . status--in-thread . status--first-in-thread > . status__line--full :: before {
top : 32px ;
2023-07-30 05:20:50 +09:00
}
2023-07-30 05:18:02 +09:00
@ media screen and ( max-width : 889px ) {
2023-11-14 10:46:22 +09:00
. layout-single-column . status__line {
2023-11-16 06:28:05 +09:00
inset-inline-start : 35px ;
2023-07-30 05:18:02 +09:00
}
2023-07-10 21:58:15 +09:00
}
2023-07-12 05:45:41 +09:00
2023-11-14 10:46:22 +09:00
2023-07-12 05:45:41 +09:00
/* ⏺️ Posts when in focus */
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . status__wrapper . focusable , . detailed-status__wrapper . focusable ) : focus ,
. layout-single-column
: is ( . focusable , . status__wrapper . focusable ) : focus
: is ( . detailed-status , . detailed-status__action-bar ) {
2023-07-12 05:45:41 +09:00
outline : 0 ;
background : var ( --color-content-bg-focus ) ;
}
@ media screen and ( min-width : 1175px ) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
2023-09-22 04:43:50 +09:00
. layout-single-column . status__wrapper : has ( . status__content : hover ) ,
. layout-single-column . notification__message : has ( + div > . status__wrapper . status__content : hover ) {
2023-07-12 05:45:41 +09:00
background : var ( --color-content-bg-focus ) ;
}
}
/* 👁️ Post detailed view */
2023-07-12 22:05:44 +09:00
. layout-single-column . detailed-status__wrapper { /* Set full-width divider above and below a detailed post */
2023-07-30 03:19:43 +09:00
border-top : 1px solid var ( --color-lines ) ;
border-bottom : 1px solid var ( --color-lines ) ;
}
. layout-single-column . scrollable > div : first-child > . detailed-status__wrapper { /* Detailed post is first in column */
2023-11-16 06:28:05 +09:00
border-top : 0 ;
2023-07-30 03:19:43 +09:00
}
. layout-single-column . scrollable > div : last-child . detailed-status__wrapper : last-child { /* Detailed post is last in column */
border-bottom : 1px solid var ( --color-lines ) ;
border-bottom-right-radius : 8px ;
border-bottom-left-radius : 8px ;
2023-07-30 21:49:58 +09:00
}
. layout-single-column . scrollable > div : only-child . detailed-status__wrapper : last-child { /* Detailed post is the only post in column */
box-shadow : none ;
2023-07-30 03:19:43 +09:00
}
@ media screen and ( min-width : 890px ) and ( max-width : 1174px ) {
. layout-single-column . scrollable > div : first-child > . detailed-status__wrapper {
margin-top : 15px ;
2023-11-16 06:28:05 +09:00
border-top-left-radius : 8px ;
border-top-right-radius : 8px ;
2023-07-30 03:19:43 +09:00
}
2023-07-12 22:05:44 +09:00
}
2023-07-30 03:19:43 +09:00
@ media screen and ( max-width : 889px ) {
. layout-single-column . scrollable > div : last-child . detailed-status__wrapper : last-child {
border-bottom-right-radius : 0 ;
border-bottom-left-radius : 0 ;
}
2023-07-30 21:49:58 +09:00
. layout-single-column . detailed-status {
padding : 8px 8px 14px ;
}
}
. layout-single-column . detailed-status__display-avatar . account__avatar {
width : 60px ! important ;
height : 60px ! important ;
2023-07-12 22:05:44 +09:00
}
2023-07-12 05:45:41 +09:00
. layout-single-column . detailed-status . status__content {
line-height : 24px ;
}
. layout-single-column . detailed-status ,
. layout-single-column . detailed-status__action-bar {
background-color : var ( --color-content-bg ) ;
border : 0 ;
}
2023-07-31 00:08:39 +09:00
. layout-single-column . detailed-status__display-name strong ,
. layout-single-column . detailed-status__display-name . display-name__account {
color : var ( --color-content-fg ) ;
}
. layout-single-column . detailed-status__display-name strong {
font-size : 18px ;
font-weight : bold ;
2023-07-12 05:45:41 +09:00
}
. detailed-status__display-name . display-name__account {
opacity : . 7 ;
}
. layout-single-column . detailed-status__meta {
color : var ( --color-fg ) ;
opacity : . 8 ;
}
. layout-single-column . detailed-status__action-bar {
2023-11-14 10:46:22 +09:00
padding : 0 16px ;
justify-content : left ;
gap : 8px ;
width : 32px ;
2023-07-12 05:45:41 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . detailed-status__action-bar-dropdown {
position : absolute ;
right : 18px ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . status__action-bar . animated-number {
color : var ( --color-accent ) ;
font-weight : 600 ;
}
. layout-single-column . status__action-bar__button : has ( . icon-button__counter > . animated-number ) {
padding-left : 4px ;
padding-right : 4px ;
margin-right : 2px ;
2023-07-12 05:45:41 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . detailed-status__meta . animated-number {
transform : translate ( 0 , -1px ) ;
}
2023-07-12 05:45:41 +09:00
. layout-single-column article > . account {
padding : 16px ;
}
2023-07-30 03:19:43 +09:00
. layout-single-column article : last-child > . account {
border-bottom : 1px solid var ( --color-lines ) ;
border-bottom-left-radius : 8px ;
border-bottom-right-radius : 8px ;
}
2023-08-24 19:52:33 +09:00
. layout-single-column . detailed-status__link {
display : inline-block ;
2023-11-13 05:34:06 +09:00
position : static ;
2023-08-24 19:52:33 +09:00
}
2023-07-10 21:58:15 +09:00
2023-08-19 05:52:38 +09:00
/* Hashtag bar */
2023-09-15 18:49:26 +09:00
. layout-single-column . hashtag-bar a ,
. layout-single-column . hashtag-bar . link-button {
2023-08-25 21:42:59 +09:00
color : var ( --color-fg-muted ) ;
2023-10-09 19:33:02 +09:00
font-size : 90 % ;
2023-10-12 02:47:54 +09:00
transition : all . 1s ;
2023-10-09 19:33:02 +09:00
}
. layout-single-column . hashtag-bar . link-button {
font-size : 80 % ;
margin-left : 3px ;
}
. layout-single-column . hashtag-bar a {
background-color : var ( --color-content-secondary-bg ) ;
2023-08-19 05:52:38 +09:00
transition : all . 3s ;
2023-10-09 19:33:02 +09:00
padding : 3px 8px ;
border-radius : 8px ;
2023-08-19 05:52:38 +09:00
}
2023-09-15 18:49:26 +09:00
. layout-single-column . hashtag-bar a : hover ,
. layout-single-column . hashtag-bar . link-button : hover {
2023-08-25 21:42:59 +09:00
color : var ( --color-accent ) ;
2023-08-19 05:52:38 +09:00
}
2023-10-09 19:33:02 +09:00
. layout-single-column . hashtag-bar a : hover {
background-color : var ( --color-accent-bg ) ;
}
. layout-single-column . hashtag-bar a : active ,
. layout-single-column . hashtag-bar a : focus {
color : var ( --color-accent-fg ) ;
background-color : var ( --color-accent ) ;
}
. layout-single-column . hashtag-bar a : hover span {
text-decoration : none ;
}
2023-10-12 02:47:54 +09:00
@ media ( prefers-color-scheme : dark ) {
. layout-single-column . hashtag-bar a ,
. layout-single-column . hashtag-bar . link-button {
color : var ( --color-accent ) ;
}
. layout-single-column . hashtag-bar a : hover ,
. layout-single-column . hashtag-bar . link-button : hover {
color : var ( --color-content-fg ) ;
}
}
2023-08-19 05:52:38 +09:00
2023-07-10 21:58:15 +09:00
/* ⭐ Action bar */
2023-07-10 19:09:13 +09:00
. layout-single-column . status__action-bar {
justify-content : left ;
margin-top : 8px ;
2023-11-14 10:46:22 +09:00
gap : 8px ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . status__action-bar , . detailed-status__action-bar )
: is ( button , . status__action-bar__dropdown ) {
2023-08-24 19:38:28 +09:00
transition : all . 3s ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . status__action-bar button : last-child {
2023-07-10 19:09:13 +09:00
position : absolute ;
right : 18px ;
}
2023-07-30 21:49:58 +09:00
. layout-single-column . status__action-bar . icon-button . disabled {
pointer-events : none ;
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . status__action-bar , . detailed-status__action-bar )
. icon-button : is (
: active ,
. active : active ,
: focus ,
. active : focus
) {
2023-07-30 21:49:58 +09:00
background-color : transparent ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . icon-button . star-icon . deactivate > . icon-star ,
. layout-single-column . icon-button . star-icon . activate > . icon-star { /* Disable default star spinning animation */
2023-07-30 21:49:58 +09:00
animation : none ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . status__action-bar . icon-button . star-icon . active > . icon-star ,
2023-11-16 06:28:05 +09:00
. layout-single-column . detailed-status__action-bar . icon-button . star-icon . active > . icon-star {
2023-07-30 21:49:58 +09:00
animation : bounce . 4s ease-out ! important ;
}
@ keyframes bounce {
0 % {
transform : scale ( 1 ) ;
}
50 % {
2023-07-31 00:08:39 +09:00
transform : scale ( 1 . 6 ) ;
2023-07-30 21:49:58 +09:00
}
75 % {
transform : scale ( . 8 ) ;
}
100 % {
transform : scale ( 1 ) ;
}
}
2023-11-13 05:34:06 +09:00
. layout-single-column . status__action-bar . icon-button . reblogPrivate > . icon-retweet {
2023-07-31 04:22:32 +09:00
opacity : 1 ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . status__action-bar . icon-button . active > . icon-retweet {
2023-07-31 04:22:32 +09:00
animation : launch 1 . 2s ease-in ! important ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . detailed-status__action-bar . icon-button . active > . icon-retweet {
2023-07-31 04:22:32 +09:00
animation : launch-detailed 1 . 2s ease-out ! important ;
}
@ keyframes launch {
0 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 0 ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
5 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 0 ) ;
2023-07-31 04:22:32 +09:00
opacity : 1 ;
}
50 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 200 % , -150 % ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
80 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 200 % , -150 % ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
85 % {
2023-11-13 05:34:06 +09:00
transform : translate ( -20 % , 20 % ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
100 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 0 ) ;
2023-07-31 04:22:32 +09:00
opacity : 1 ;
}
}
@ keyframes launch-detailed {
0 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 0 ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
5 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 0 ) ;
2023-07-31 04:22:32 +09:00
opacity : 1 ;
}
50 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 150 % , -150 % ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
80 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 150 % , -150 % ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
85 % {
2023-11-13 05:34:06 +09:00
transform : translate ( -20 % , 20 % ) ;
2023-07-31 04:22:32 +09:00
opacity : 0 ;
}
100 % {
2023-11-13 05:34:06 +09:00
transform : translate ( 0 ) ;
2023-07-31 04:22:32 +09:00
opacity : 1 ;
}
}
2023-11-16 06:28:05 +09:00
. layout-single-column . status__action-bar . icon-button . bookmark-icon . active > . icon-bookmark ,
. layout-single-column . detailed-status__action-bar . icon-button . bookmark-icon . active > . icon-bookmark {
animation : bounce-vertical . 4s ease-out ! important ;
}
@ keyframes bounce-vertical {
0 % {
transform : translateY ( 0 ) ;
}
50 % {
transform : translateY ( -40 % ) ;
}
75 % {
transform : translateY ( 20 % ) ;
}
100 % {
transform : translate ( 0 ) ;
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . status__action-bar . icon-button ,
. layout-single-column . detailed-status__action-bar . icon-button {
min-width : 32px ! important ;
height : 32px ! important ;
2023-11-14 10:46:22 +09:00
border-radius : 8px ;
2023-07-10 19:09:13 +09:00
position : relative ;
}
2023-07-11 02:50:59 +09:00
. layout-single-column . icon-button . star-icon . active ,
. layout-single-column . notification__favourite-icon-wrapper . star-icon {
color : # ffb609 ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . status__prepend {
2023-07-12 20:32:37 +09:00
padding-top : 2px ;
2023-07-10 19:09:13 +09:00
padding-right : 0 ;
2023-11-13 05:34:06 +09:00
padding-bottom : 1px ;
padding-left : 0 ;
2023-07-23 19:00:37 +09:00
margin-bottom : 0 ;
2023-07-10 19:09:13 +09:00
height : 25px ;
color : var ( --color-content-fg ) ;
}
. layout-single-column . status__prepend-icon-wrapper {
width : 56px ;
text-align : right ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . status__prepend-icon-wrapper . icon {
2023-11-14 10:46:22 +09:00
transform : translateY ( 1px ) scale ( 1 . 1 ) ;
2023-11-13 05:34:06 +09:00
}
2023-07-23 19:00:37 +09:00
. layout-single-column . detailed-status__wrapper . status__prepend-icon-wrapper {
width : 46px ;
}
2023-07-31 07:46:04 +09:00
. layout-single-column . status__prepend . muted . emojione {
opacity : 1 ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . status-card ,
. layout-single-column . status-card . compact {
2023-11-16 06:28:05 +09:00
background-color : var ( --color-content-bg ) ;
2023-08-09 03:41:19 +09:00
border : 1px solid var ( --color-lines ) ;
box-shadow : none ;
transition : all . 3s ;
2023-08-19 00:37:09 +09:00
border-radius : 8px ;
2023-07-12 00:44:50 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column a . status-card : hover ,
. layout-single-column a . status-card . compact : hover {
2023-08-09 03:41:19 +09:00
background-color : var ( --color-content-bg-focus ) ;
border-color : var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . status-card__image {
2023-11-16 06:28:05 +09:00
background : var ( --color-content-secondary-bg ) ;
2023-07-15 18:55:05 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . status-card__image . icon {
width : 32px ;
height : 32px ;
2023-07-10 19:09:13 +09:00
}
2023-08-09 03:41:19 +09:00
. layout-single-column . status-card__title ,
. layout-single-column . status-card__description ,
2023-11-16 06:28:05 +09:00
. layout-single-column . status-card__author ,
. layout-single-column . status-card__host {
2023-08-09 03:41:19 +09:00
color : var ( --color-content-fg ) ;
transition : all . 2s ;
}
2023-10-16 04:30:36 +09:00
. layout-single-column . status-card__host {
2023-11-16 06:28:05 +09:00
color : var ( --color-content-fg-muted ) ;
2023-10-16 04:30:36 +09:00
}
2023-08-09 03:41:19 +09:00
. layout-single-column . status-card : active . status-card__host ,
. layout-single-column . status-card : focus . status-card__host ,
. layout-single-column . status-card : hover . status-card__host {
color : var ( --color-accent ) ;
}
. layout-single-column . status-card : active . status-card__author ,
. layout-single-column . status-card : active . status-card__description ,
. layout-single-column . status-card : active . status-card__title ,
. layout-single-column . status-card : focus . status-card__author ,
. layout-single-column . status-card : focus . status-card__description ,
. layout-single-column . status-card : focus . status-card__title ,
. layout-single-column . status-card : hover . status-card__author ,
. layout-single-column . status-card : hover . status-card__description ,
. layout-single-column . status-card : hover . status-card__title {
color : var ( --color-content-fg ) ;
}
2023-08-09 04:05:41 +09:00
. layout-single-column . status-card__author strong {
font-weight : 800 ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . status__content p {
margin-bottom : 12px ;
}
. layout-single-column . status__content p : last-child {
margin-bottom : 0 ;
}
. layout-single-column . status__content > p : first-child : has ( . status__content__spoiler-link ) {
margin-bottom : 1px ;
}
. layout-single-column . status__content > p : first-child : has ( . status__content__spoiler-link ) span {
font-weight : bold ;
}
. layout-single-column . media-gallery {
border-radius : 8px ;
}
. layout-single-column . icon-button . overlayed {
background-color : # ffffff ;
color : # 444b5d ;
opacity : . 6 ;
transition : opacity . 3s ;
}
. layout-single-column . icon-button . overlayed : hover {
background-color : # ffffff ;
color : # 444b5d ;
opacity : 1 ;
}
. layout-single-column . status__wrapper--filtered__button {
color : var ( --color-accent ) ;
}
. layout-single-column . status__wrapper--filtered {
2023-07-21 03:05:51 +09:00
color : var ( --color-content-fg ) ;
2023-08-03 22:41:16 +09:00
border-top : 1px solid var ( --color-lines ) ;
border-bottom : 1px solid var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
padding : 12px ;
2023-08-30 06:42:50 +09:00
margin-top : -1px ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . audio-player ,
. layout-single-column . media-gallery ,
. layout-single-column . media-gallery__gifv ,
. layout-single-column . media-gallery__preview ,
. layout-single-column . video-player {
border : 1px solid var ( --color-lines ) ;
}
2023-07-10 23:22:40 +09:00
/* 📊 Polls */
. layout-single-column . poll__chart ,
. layout-single-column . muted . poll__chart . leading {
2023-07-10 21:58:15 +09:00
background : var ( --color-accent ) ;
opacity : . 4 ;
height : 12px ;
border-radius : 10px ;
}
2023-07-10 23:22:40 +09:00
. layout-single-column . poll__chart . leading ,
. layout-single-column . muted . poll__chart . leading {
2023-07-10 21:58:15 +09:00
opacity : 1 ;
}
2023-10-11 19:06:10 +09:00
. layout-single-column . muted . poll {
color : var ( --color-content-fg-muted ) ;
}
2023-07-10 23:22:40 +09:00
. layout-single-column . poll__footer {
color : var ( --color-content-fg ) ;
}
. layout-single-column . poll__link {
color : var ( --color-accent ) ;
text-decoration : none ;
}
2023-07-11 00:32:47 +09:00
. layout-single-column . poll__input {
border : 2px solid var ( --color-content-fg ) ;
}
. layout-single-column . poll__input : hover {
border-color : var ( --color-accent ) ;
background-color : var ( --color-accent-bg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . poll__input : is ( . active , : active , : focus ) {
2023-07-11 00:32:47 +09:00
background-color : var ( --color-accent ) ;
}
. layout-single-column . poll__input . active {
border-color : var ( --color-accent ) ;
}
. layout-single-column . poll__footer . button . button-secondary {
padding : 0 16px ;
}
. layout-single-column . poll__footer . button . button-secondary : hover {
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
}
2023-07-14 21:05:39 +09:00
/* Poll composer */
. layout-single-column . compose-form__poll-wrapper ,
. layout-single-column . compose-form__poll-wrapper . poll__footer {
border-top : 0 ;
}
. layout-single-column . compose-form__poll-wrapper ul {
background-color : var ( --color-accent-bg ) ;
}
. layout-single-column . compose-form__poll-wrapper . autosuggest-input input : focus {
box-shadow : 0 0 0 2px var ( --color-accent ) ;
}
. layout-single-column . compose-form__poll-wrapper . poll__footer . button . button-secondary {
padding : 6px 16px ;
}
2023-07-20 22:07:55 +09:00
. layout-single-column . compose-form__poll-wrapper . icon-button . disabled {
color : transparent ;
pointer-events : none ;
}
2023-07-10 19:09:13 +09:00
2023-07-11 21:50:07 +09:00
/* Empty columns */
2023-07-11 19:16:09 +09:00
. layout-single-column . empty-column-indicator {
2023-07-19 04:16:08 +09:00
background-color : var ( --color-content-secondary-bg ) ;
2023-07-11 19:16:09 +09:00
color : var ( --color-content-fg ) ;
2023-11-14 22:56:39 +09:00
border : 1px solid var ( --color-lines ) ;
border-radius : 0 0 8px 8px ;
2023-07-19 04:16:08 +09:00
contain : content ;
2023-07-11 19:16:09 +09:00
}
2023-07-11 21:35:59 +09:00
. layout-single-column . empty-column-indicator a {
color : var ( --color-accent ) ;
}
2023-11-14 22:56:39 +09:00
. layout-single-column . explore__links > . empty-column-indicator {
border : 0 ;
}
2023-07-11 19:16:09 +09:00
2023-07-12 07:43:53 +09:00
/* Timeline hint */
. layout-single-column . timeline-hint {
2023-08-22 18:53:08 +09:00
background-color : var ( --color-content-bg ) ;
2023-07-12 07:43:53 +09:00
color : var ( --color-content-fg ) ;
}
. layout-single-column . timeline-hint a {
color : var ( --color-accent ) ;
}
2023-08-24 19:58:59 +09:00
. layout-single-column article + . timeline-hint : last-child {
border-bottom-left-radius : 8px ;
border-bottom-right-radius : 8px ;
border-bottom : 1px solid var ( --color-lines ) ;
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
2023-07-11 19:16:09 +09:00
2023-07-11 05:12:11 +09:00
/* 📤 DMs */
2023-07-11 19:16:09 +09:00
. layout-single-column . follow_requests-unlocked_explanation {
2023-07-11 21:35:59 +09:00
background-color : var ( --color-accent-bg ) ;
color : var ( --color-content-fg ) ;
2023-07-31 00:08:39 +09:00
border : 1px solid var ( --color-accent-lines ) ;
2023-07-11 21:35:59 +09:00
}
2023-08-05 04:16:45 +09:00
@ media screen and ( min-width : 890px ) {
. layout-single-column . column-back-button--slim + . scrollable . follow_requests-unlocked_explanation {
border-radius : 8px ;
margin-top : 13px ;
}
}
2023-07-11 21:35:59 +09:00
. layout-single-column . follow_requests-unlocked_explanation a {
color : var ( --color-accent ) ;
}
. layout-single-column . conversation__unread {
2023-07-11 05:12:11 +09:00
background-color : var ( --color-accent ) ;
}
. layout-single-column . conversation . conversation--unread {
background-color : var ( --color-content-bg-focus ) ;
}
2023-07-11 21:35:59 +09:00
. layout-single-column . conversation__unread {
2023-07-11 21:24:28 +09:00
color : var ( --color-accent-fg ) ;
}
. layout-single-column . conversation__content__names a strong {
font-weight : bold ;
}
2023-07-11 05:12:11 +09:00
. layout-single-column . conversation__content__names ,
2023-07-11 21:24:28 +09:00
. layout-single-column . conversation__content__names a ,
. layout-single-column . conversation__content__relative-time ,
. layout-single-column . conversation . attachment-list__list a ,
. layout-single-column . conversation . status__content p {
2023-07-11 05:12:11 +09:00
color : var ( --color-content-fg ) ;
}
2023-07-11 19:16:09 +09:00
. layout-single-column . conversation {
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border-bottom : 1px solid var ( --color-lines ) ;
2023-07-11 19:16:09 +09:00
}
2023-07-11 05:12:11 +09:00
. layout-single-column . conversation__content__relative-time {
opacity : . 7 ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 890px ) {
. layout-single-column . conversation {
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
}
2023-07-11 05:12:11 +09:00
2023-07-31 00:08:39 +09:00
/* Speech bubble look DMs */
2023-11-16 06:28:05 +09:00
. layout-single-column : is ( . status-direct , . detailed-status-direct , . detailed-status__wrapper-direct ) . status__content {
2023-07-31 00:08:39 +09:00
padding : . 7em 1 . 2em . 7em 1em ;
margin-top : 4px ;
background : var ( --color-accent-bg ) ;
border : 1px solid var ( --color-accent-lines ) ;
border-radius : 5px 18px 18px 16px ;
display : inline-block ;
}
. layout-single-column . status-direct . muted . status__content {
background : rgba ( 155 , 174 , 200 , 0 . 1 ) ;
2023-07-31 00:40:41 +09:00
border-color : var ( --color-lines ) ;
2023-07-31 00:08:39 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column : is ( . status__wrapper-direct , . detailed-status__wrapper-direct ) . status__prepend {
2023-08-18 19:54:36 +09:00
display : none ;
}
2023-07-31 00:08:39 +09:00
2023-07-10 19:09:13 +09:00
2023-07-10 21:58:15 +09:00
/ * ⏺ ️ Column headers
----------------- * /
2023-07-10 19:09:13 +09:00
. layout-single-column . tabs-bar__wrapper {
background-color : transparent ;
2023-07-30 03:19:43 +09:00
border-radius : 8px 8px 0 0 ;
2023-07-15 08:06:28 +09:00
box-shadow :
2023-07-10 19:09:13 +09:00
inset 0 10px var ( --color-bg ) ,
0 -30px var ( --color-bg ) ;
}
2023-07-30 03:19:43 +09:00
. layout-single-column . column-header__wrapper . active : before {
background : none ;
opacity : 40 % ;
}
. layout-single-column . column-header__wrapper . active {
box-shadow : 0 0 ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . column-header {
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . column-header ,
. layout-single-column . column-back-button {
background : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
2023-11-14 22:56:39 +09:00
border-top : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
border-left : 1px solid var ( --color-lines ) ;
border-bottom : 0 ;
border-radius : 8px 8px 0 0 ;
2023-07-25 09:41:04 +09:00
overflow : hidden ;
2023-07-10 19:09:13 +09:00
font-weight : bold ;
2023-11-14 10:46:22 +09:00
height : 50px ;
box-sizing : border-box ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . column-header__button ,
. layout-single-column . column-header__back-button {
background-color : var ( --color-content-bg ) ;
border : 0 ;
}
. layout-single-column . column-header__button {
2023-07-10 23:30:40 +09:00
color : var ( --color-content-fg ) ;
transition : all . 2s ;
2023-11-14 22:56:39 +09:00
height : 50px ;
2023-07-10 19:09:13 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . column-header__icon {
transform : scale ( 1 . 1 ) ;
margin-right : 4px ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . column-header . active . column-header__icon {
color : var ( --color-accent ) ;
text-shadow : none ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-header__button : is ( . active , . active : hover , : hover ) {
2023-07-10 19:09:13 +09:00
color : var ( --color-accent ) ;
background-color : var ( --color-accent-bg ) ;
}
2023-07-21 05:35:43 +09:00
@ media screen and ( max-width : 1174px ) {
2023-07-30 03:19:43 +09:00
. layout-single-column . column-header__wrapper :: after ,
. layout-single-column . column-back-button :: after {
display : none ;
}
2023-07-21 05:35:43 +09:00
. layout-single-column . column-header__button . active ,
. layout-single-column . column-header__button . active : hover ,
. layout-single-column . column-header__button : hover {
background-color : transparent ;
}
}
2023-08-05 04:16:45 +09:00
. layout-single-column . column-back-button--slim-button :: after {
display : none ;
}
. layout-single-column . column-back-button--slim-button {
2023-11-16 06:28:05 +09:00
top : -50px
2023-08-05 04:16:45 +09:00
}
@ media screen and ( max-width : 1174px ) {
. layout-single-column . column-back-button--slim-button {
2023-11-16 06:28:05 +09:00
height : 50px ;
2023-08-05 04:16:45 +09:00
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . load-gap ,
. layout-single-column . load-more {
background-color : var ( --color-accent-bg ) ;
color : var ( --color-accent ) ;
2023-11-16 06:28:05 +09:00
border-bottom : 0 ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . load-gap : hover ,
. layout-single-column . load-more : hover {
2023-07-30 04:59:25 +09:00
background-color : var ( --color-accent-lines ) ;
2023-07-30 03:19:43 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column . column-header__collapsible {
border-bottom : 0 ;
2023-07-21 05:35:43 +09:00
box-shadow : 0 -20px 0 var ( --color-bg ) ;
2023-07-30 03:19:43 +09:00
background-color : var ( --color-secondary-bg ) ;
2023-11-14 22:56:39 +09:00
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
2023-07-30 03:19:43 +09:00
}
. layout-single-column . column-header__collapsible :: -webkit-scrollbar-track {
background-color : transparent ;
2023-07-21 05:35:43 +09:00
}
@ media screen and ( max-width : 1174px ) {
. layout-single-column . column-header__collapsible {
box-shadow : none ;
border-radius : 0 ;
}
2023-07-11 22:51:28 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column . column-header__collapsible-inner {
background : var ( --color-secondary-bg ) ;
border : 0 ;
}
. layout-single-column . column-settings__section {
color : var ( --color-content-fg-bold ) ;
}
. layout-single-column . setting-toggle__label {
color : var ( --color-content-fg ) ;
}
. layout-single-column . column-header > button {
padding : 0 0 0 15px ;
font-weight : bold ;
2023-07-15 08:06:28 +09:00
}
2023-07-10 19:09:13 +09:00
@ media screen and ( max-width : 1174px ) {
. layout-single-column . ui__header {
background-color : transparent ;
border-bottom : 0 ;
}
. layout-single-column . ui__header__logo {
margin-left : 3px ;
}
. layout-single-column . tabs-bar__wrapper {
box-shadow : none ;
2023-08-01 02:18:38 +09:00
display : block ;
2023-07-30 03:45:45 +09:00
margin-bottom : -2px ;
2023-07-10 19:09:13 +09:00
border-radius : 0 ;
2023-07-30 03:19:43 +09:00
height : 45px ;
2023-07-30 03:45:45 +09:00
border-bottom : 1px solid rgba ( 0 , 0 , 0 , . 1 ) ;
2023-07-11 01:11:58 +09:00
}
2023-08-01 02:18:38 +09:00
. layout-single-column . tabs-bar__wrapper : has ( > # tabs-bar__portal ) {
display : none ;
}
. layout-single-column . tabs-bar__wrapper : has ( > # tabs-bar__portal > . column-back-button ) ,
. layout-single-column . tabs-bar__wrapper : has ( > # tabs-bar__portal > . column-header__wrapper ) { /* Column header (2nd top bar) is displayed only if there's something inside */
display : block ;
}
2023-07-15 08:06:28 +09:00
. layout-single-column . column-header ,
2023-07-10 19:09:13 +09:00
. layout-single-column . column-back-button ,
2023-07-15 08:06:28 +09:00
. layout-single-column . column-header__button ,
2023-07-10 19:09:13 +09:00
. layout-single-column . column-header__back-button {
background-color : transparent ;
2023-11-16 06:28:05 +09:00
height : 50px ;
2023-07-30 03:19:43 +09:00
border : 0 ;
2023-07-10 19:09:13 +09:00
}
2023-07-15 07:22:49 +09:00
. layout-single-column . ui :: after { /* Set a backdrop blur background to both top bars */
2023-07-20 20:00:18 +09:00
-webkit-backdrop-filter : blur ( 20px ) ;
backdrop-filter : blur ( 20px ) ;
2023-07-10 19:09:13 +09:00
background-color : rgba ( 245 , 242 , 239 , 0 . 75 ) ;
content : "" ;
2023-08-01 02:18:38 +09:00
height : 100px ;
2023-07-10 19:09:13 +09:00
left : 0 ;
position : fixed ;
top : 0 ;
width : 100 % ;
z-index : 1 ;
}
2023-08-01 02:18:38 +09:00
. layout-single-column . ui : has ( . columns-area__panels > . columns-area__panels__main > . tabs-bar__wrapper > # tabs-bar__portal ) :: after {
height : 55px ;
2023-07-10 19:09:13 +09:00
}
2023-08-01 02:18:38 +09:00
. layout-single-column . ui : has ( . columns-area__panels > . columns-area__panels__main > . tabs-bar__wrapper > # tabs-bar__portal > . column-back-button ) :: after ,
. layout-single-column . ui : has ( . columns-area__panels > . columns-area__panels__main > . tabs-bar__wrapper > # tabs-bar__portal > . column-header__wrapper ) :: after { /* Backdrop blur has double the height only in cases where there's 2 top bars present */
height : 100px ;
2023-07-10 19:09:13 +09:00
}
2023-07-12 22:05:44 +09:00
. layout-single-column . column-header__collapsible : not ( . collapsed ) { /* Remove margin between column settings and column header */
2023-07-30 03:19:43 +09:00
margin-top : 0 ;
2023-07-10 19:09:13 +09:00
}
}
@ media ( prefers-color-scheme : dark ) {
@ media screen and ( max-width : 1174px ) {
2023-07-15 07:22:49 +09:00
. layout-single-column . ui :: after {
2023-07-26 06:00:49 +09:00
background-color : rgba ( 3 , 3 , 3 , . 65 ) ;
2023-07-30 03:45:45 +09:00
}
. layout-single-column . tabs-bar__wrapper {
2023-07-30 03:19:43 +09:00
border-color : rgba ( 255 , 255 , 255 , . 1 ) ;
2023-07-10 19:09:13 +09:00
}
}
}
2023-07-10 21:58:15 +09:00
/ * ⏺ ️ Horizontal selectors
( used to navigate subsections on the Explore , Live Feeds and Account pages ) * /
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar ) {
2023-07-10 19:09:13 +09:00
background : var ( --color-accent-bg ) ;
2023-07-30 04:59:25 +09:00
border : 1px solid var ( --color-accent-lines ) ;
2023-11-14 22:56:39 +09:00
}
. layout-single-column . account__header + . account__section-headline {
border-radius : 8px 8px 0 0 ;
}
. layout-single-column . account__section-headline : has ( + . explore__suggestions ) {
border-bottom-left-radius : 8px ;
border-bottom-right-radius : 8px ;
2023-07-10 19:09:13 +09:00
margin-bottom : 10px ;
}
2023-11-16 06:28:05 +09:00
@ media screen and ( min-width : 890px ) and ( max-width : 1174px ) {
. layout-single-column . explore__search-header + . account__section-headline {
border-top-left-radius : 8px ;
border-top-right-radius : 8px ;
}
. layout-single-column . notification__filter-bar {
border-top-left-radius : 8px ;
border-top-right-radius : 8px ;
margin-top : 10px ;
}
}
@ media screen and ( max-width : 889px ) {
. layout-single-column : is ( . account__section-headline , . notification__filter-bar ) {
border-left : 0 ;
border-right : 0 ;
}
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) {
2023-07-10 23:35:40 +09:00
background-color : var ( --color-accent-bg ) ;
color : var ( --color-accent ) ;
box-shadow : 0 0 0 4px var ( --color-accent-bg ) inset ;
border-radius : 9px ;
transition : all . 2s ;
2023-11-13 05:34:06 +09:00
max-height : 45px ;
padding : 14px 10px ;
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
. icon {
2023-11-13 05:34:06 +09:00
margin-top : -1 . 5px ;
2023-07-10 23:35:40 +09:00
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) : hover {
2023-07-30 04:59:25 +09:00
background-color : var ( --color-accent-lines ) ;
2023-07-25 09:17:42 +09:00
color : var ( --color-accent ) ;
2023-07-10 23:35:40 +09:00
box-shadow : 0 0 0 4px var ( --color-accent-bg ) inset ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) . active {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
box-shadow : 0 0 0 4px var ( --color-accent-bg ) inset ;
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) . active :: before {
2023-07-10 19:09:13 +09:00
display : none ;
2023-07-15 08:06:28 +09:00
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
button {
2023-07-10 19:09:13 +09:00
background-color : transparent ;
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button , a . active , button . active ) :: after {
2023-07-10 19:09:13 +09:00
display : block ;
position : absolute ;
content : " " ;
width : 2px ;
2023-07-30 03:19:43 +09:00
height : auto ;
2023-07-30 04:59:25 +09:00
background-color : var ( --color-accent-lines ) ;
2023-07-10 19:09:13 +09:00
top : 8px ;
2023-07-30 03:19:43 +09:00
right : -1px ;
left : auto ;
2023-07-10 19:09:13 +09:00
bottom : 8px ;
border-radius : 50px ;
2023-07-11 19:07:32 +09:00
z-index : 1 ;
2023-07-30 03:19:43 +09:00
transform : unset ;
border : 0 ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) : last-child :: after {
2023-07-10 19:09:13 +09:00
display : none ;
}
@ media ( prefers-color-scheme : dark ) {
2023-11-16 07:13:16 +09:00
. layout-single-column
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) . active {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-bg ) ;
}
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . icon-reply-all {
background-image : var ( --icon-reply-accent ) ;
2023-08-21 19:46:10 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . active . icon-reply-all {
background-image : var ( --icon-reply ) ;
2023-08-21 19:37:00 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . icon-star {
2023-08-21 19:37:00 +09:00
background-image : var ( --icon-star-accent ) ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . active . icon-star {
2023-08-21 19:46:10 +09:00
background-image : var ( --icon-star ) ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . icon-retweet {
2023-08-21 19:37:00 +09:00
background-image : var ( --icon-boost-accent ) ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . active . icon-retweet {
2023-08-21 19:46:10 +09:00
background-image : var ( --icon-boost ) ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . icon-tasks {
background-image : var ( --icon-poll-accent ) ;
2023-08-22 03:56:44 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . active . icon-tasks {
background-image : var ( --icon-poll ) ;
2023-08-22 03:56:44 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . icon-home {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-post-notification-accent ) ;
2023-08-22 03:56:44 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__filter-bar . active . icon-home {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-post-notification ) ;
2023-08-22 03:56:44 +09:00
}
2023-07-10 21:58:15 +09:00
2023-11-16 06:28:05 +09:00
@ media screen and ( max-width : 889px ) {
. layout-single-column . account__header + . account__section-headline {
border-radius : 0 ;
}
}
2023-07-10 21:58:15 +09:00
/ * 📍 Navigation panel
------------------- * /
2023-11-14 10:46:22 +09:00
@ media screen and ( min-width : 1175px ) {
/* Order of the side nav items */
. layout-single-column . navigation-panel__logo {
order : 1 ;
}
. layout-single-column . column-link [ href = "/home" ] {
order : 2 ;
}
. layout-single-column . column-link [ href = "/notifications" ] {
order : 3 ;
}
. layout-single-column . column-link [ href = "/explore" ] {
order : 4 ;
}
. layout-single-column . column-link [ href = "/public/local" ] {
order : 5 ;
}
. layout-single-column . column-link [ href = "/public" ] {
order : 6 ;
}
. layout-single-column . column-link [ href = "/conversations" ] {
order : 7 ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link [ href = "/follow_requests" ] {
2023-11-14 10:46:22 +09:00
order : 8 ;
}
. layout-single-column . column-link [ href = "/bookmarks" ] {
order : 9 ;
}
. layout-single-column . column-link [ href = "/favourites" ] {
order : 10 ;
}
. layout-single-column . column-link [ href = "/lists" ] {
order : 12 ;
}
. layout-single-column . list-panel {
order : 13 ;
}
. layout-single-column . column-link [ href = "/settings/preferences" ] {
order : 11 ;
}
. layout-single-column . navigation-panel__sign-in-banner ,
. layout-single-column . navigation-panel__legal {
order : 14 ;
}
. layout-single-column . flex-spacer {
order : 15 ;
}
. layout-single-column . getting-started__trends {
order : 16 ;
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . column-link--transparent {
color : var ( --color-fg ) ;
}
2023-08-18 23:44:33 +09:00
. layout-single-column . ui__header__logo . logo--icon {
display : none ;
}
. layout-single-column . ui__header__links . button . button-secondary {
2023-09-22 19:12:21 +09:00
padding : 8px 18px 8px 18px ;
}
. layout-single-column . ui__header__links . button . button-secondary [ href = "/publish" ] {
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . ui__header__links . button . button-secondary [ href = "/publish" ] : is ( : hover , : focus , : active ) {
2023-09-22 19:12:21 +09:00
background-color : var ( --color-accent-focus ) ;
color : var ( --color-accent-fg ) ;
2023-08-18 23:44:33 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column . column-link--logo {
margin-left : 4px ;
}
2023-07-15 08:06:28 +09:00
. layout-single-column . column-link . column-link--logo ,
2023-07-10 19:09:13 +09:00
. layout-single-column . ui__header__logo {
display : inline-flex ;
padding : 0 ;
width : 50px ;
height : 50px ;
background-image : var ( --logo ) ;
background-repeat : no-repeat ;
background-position : center ;
background-size : 32px auto ;
}
. layout-single-column . column-link . column-link--logo svg ,
. layout-single-column . ui__header__logo svg {
display : none ;
}
. layout-single-column . navigation-panel__logo {
margin-bottom : 10px ;
}
. layout-single-column . column-link : not ( . column-link--logo ) {
2023-11-14 10:46:22 +09:00
padding : 13px 20px 14px 13px ;
2023-07-10 19:09:13 +09:00
margin-left : 3px ;
font-weight : 500 ;
2023-11-14 10:46:22 +09:00
font-size : 18px ;
2023-11-13 05:34:06 +09:00
overflow : visible ;
2023-07-30 03:19:43 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent : is ( . active , . active : hover ) {
2023-07-10 19:09:13 +09:00
color : var ( --color-content-fg ) ;
font-weight : bold ;
}
. layout-single-column . column-link--transparent : hover {
border-radius : 8px ;
padding-right : 20px ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent span {
2023-07-30 03:19:43 +09:00
position : relative ;
}
@ media screen and ( min-width : 1175px ) {
. layout-single-column . column-link : not ( . column-link--logo ) {
transition : all . 2s ;
}
2023-07-30 03:45:45 +09:00
. layout-single-column . column-link : not ( . column-link--logo ) [ href = "/settings/preferences" ] {
padding-bottom : 13px ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent span :: before {
2023-07-30 03:19:43 +09:00
content : " " ;
2023-11-14 10:46:22 +09:00
left : -44px ;
2023-07-30 03:19:43 +09:00
background-color : transparent ;
transition : . 3s background-color ;
top : -12px ;
right : -16px ;
position : absolute ;
border-radius : 8px ;
z-index : -1 ;
2023-11-13 05:34:06 +09:00
bottom : -12px ;
2023-07-30 03:19:43 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent : hover span :: before {
2023-07-30 03:19:43 +09:00
background-color : var ( --color-accent-bg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent : is ( . active , . active : hover ) span :: before {
background-color : var ( --color-content-secondary-bg ) ;
2023-07-30 03:19:43 +09:00
}
}
2023-11-14 10:46:22 +09:00
@ media ( prefers-color-scheme : dark ) {
@ media screen and ( min-width : 1175px ) {
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent : is ( . active , . active : hover ) span :: before {
2023-11-14 10:46:22 +09:00
background-color : var ( --color-content-secondary-bg ) ;
}
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . icon-with-badge__badge {
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
border-radius : 20px ;
top : -4px ;
font-weight : bold ;
border : 0 ;
2023-07-30 21:49:58 +09:00
z-index : 1 ;
2023-07-15 08:06:28 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column . compose-panel hr , . navigation-panel hr {
display : none ;
}
. layout-single-column . column-link span {
vertical-align : middle ;
}
. layout-single-column . column-link . fa :: before {
position : relative ;
top : 1px ;
}
2023-08-21 20:12:49 +09:00
. layout-single-column . column-link . fa . fa-cog {
transform : scale ( 1 ) translate ( 1px , -1px ) ;
}
2023-07-20 20:46:48 +09:00
. layout-single-column . list-panel {
2023-11-14 10:46:22 +09:00
padding : 5px 9px 50px 27px ;
2023-07-20 20:46:48 +09:00
margin : 0 0 5px ;
display : none ;
}
2023-11-14 10:46:22 +09:00
. layout-single-column . list-panel . icon {
2023-07-20 20:46:48 +09:00
display : none ;
}
2023-07-30 03:19:43 +09:00
. layout-single-column . list-panel . column-link span :: before {
2023-11-14 10:46:22 +09:00
left : -15px ;
2023-07-30 03:19:43 +09:00
top : -10px ;
2023-11-14 10:46:22 +09:00
right : -15px ;
2023-07-30 03:19:43 +09:00
bottom : -10px ;
2023-07-20 20:46:48 +09:00
}
2023-07-30 03:19:43 +09:00
. layout-single-column . column-link [ href = "/lists" ] . active : has ( + . list-panel . column-link . active ) span :: before {
2023-07-20 20:46:48 +09:00
background-color : var ( --color-accent-bg ) ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 1175px ) {
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link [ href = "/lists" ] : is ( . active , : hover ) + . list-panel ,
2023-07-30 03:19:43 +09:00
. layout-single-column . list-panel : hover {
display : block ;
animation : fadein . 5s 1 ;
}
2023-07-20 20:46:48 +09:00
}
@ keyframes fadein {
from {
opacity : 0 ;
transform : translateY ( -10 % ) ;
}
to {
opacity : 1 ;
transform : translateY ( 0 ) ;
}
}
2023-07-10 19:09:13 +09:00
@ media screen and ( max-width : 1174px ) {
. layout-single-column . columns-area__panels__pane--navigational . columns-area__panels__pane__inner {
width : 100vw ;
height : calc ( 4 . 2em + env ( safe-area-inset-bottom ) ) ;
bottom : 0 ;
left : 0 ;
2023-07-12 08:10:27 +09:00
z-index : 3 ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . columns-area__panels__pane--navigational . navigation-panel {
width : 100vw ;
height : 4 . 2em ;
padding-bottom : env ( safe-area-inset-bottom ) ;
flex-direction : row ;
overflow-x : auto ;
2023-11-16 06:28:05 +09:00
background-color : var ( --color-content-bg ) ;
border-top : 1px solid var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
border-left : 0 ;
}
2023-07-15 08:06:28 +09:00
. layout-single-column . navigation-panel . column-link ,
2023-07-10 19:09:13 +09:00
. layout-single-column . navigation-panel . navigation-panel__legal ,
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent : is ( . active , . active : hover , : active ) {
flex : 0 0 20vw ;
2023-07-30 03:19:43 +09:00
margin : 6px 0 8px ;
2023-07-10 19:09:13 +09:00
padding : 4px 0 3px ;
border-radius : 0 ;
2023-09-25 01:11:30 +09:00
border : 0 ;
2023-07-10 19:09:13 +09:00
justify-content : center ;
display : inline-flex ;
align-items : center ;
box-sizing : border-box ;
background-color : transparent ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent : is ( . active , . active : hover , : active ) {
2023-07-30 03:19:43 +09:00
margin : 6px 0 8px ;
2023-07-10 19:09:13 +09:00
padding : 4px 0 3px ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-09-25 01:11:30 +09:00
border : 0 ;
2023-07-30 03:19:43 +09:00
background-color : # ffffff ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . column-link__icon {
margin : 0 ;
}
. layout-single-column . column-link span {
padding-left : . 5em ;
}
. layout-single-column . columns-area__panels__main {
width : calc ( 100 % - 285px ) ;
margin-left : -285px ;
}
. layout-single-column . columns-area__panels {
padding-bottom : 6em ;
}
. layout-single-column . columns-area__panels . navigation-panel__legal {
margin : 0 ;
padding : 0 ;
}
. layout-single-column . columns-area__panels . navigation-panel__legal . column-link--transparent {
height : calc ( 100 % - 13px ) ;
box-sizing : border-box ;
2023-09-25 01:11:30 +09:00
border : 0 ;
2023-07-10 19:09:13 +09:00
}
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . columns-area__panels__main {
width : 100 % ;
margin-left : -55px ;
}
}
@ media ( prefers-color-scheme : dark ) {
@ media screen and ( max-width : 1174px ) {
2023-11-16 06:28:05 +09:00
. layout-single-column . column-link--transparent : is ( . active , . active : hover , : active ) {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-bg ) ;
}
}
}
2023-07-10 21:58:15 +09:00
/ * 👤 Account view
--------------- * /
2023-07-10 19:09:13 +09:00
. layout-single-column . account__header {
2023-11-14 22:56:39 +09:00
border-radius : 0 0 8px 8px ;
2023-07-10 19:09:13 +09:00
margin-bottom : 10px ;
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border : 1px solid var ( --color-lines ) ;
}
@ media screen and ( min-width : 890px ) and ( max-width : 1174px ) {
. layout-single-column . account__header {
margin-top : 15px ;
2023-11-16 06:28:05 +09:00
border-radius : 8px ;
2023-07-30 03:19:43 +09:00
}
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . account__header {
border-left : 0 ;
border-right : 0 ;
border-radius : 0 ;
}
2023-07-10 19:09:13 +09:00
}
. layout-single-column . account__header__image {
2023-11-16 06:28:05 +09:00
height : 159px ;
2023-07-10 19:09:13 +09:00
background-color : var ( --color-secondary-bg ) ;
border-bottom : 0 ;
}
. layout-single-column . account__header__bar {
border : 0 ;
}
. layout-single-column . account__header__bar . avatar . account__avatar {
border-radius : 50 % ;
border-width : 5px ;
width : 100px ! important ;
height : 100px ! important ;
background-color : var ( --color-content-bg ) ;
border-color : var ( --color-content-bg ) ;
}
. layout-single-column . account__header__tabs__name h1 ,
. layout-single-column . account__header__tabs__name h1 small {
2023-07-31 00:08:39 +09:00
color : var ( --color-content-fg ) ;
}
. layout-single-column . account__header__tabs__name h1 > span {
font-size : 18px ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . account__header__tabs__name h1 small {
opacity : . 7 ;
}
2023-11-14 10:46:22 +09:00
. layout-single-column . account__header__tabs__name . icon-lock {
vertical-align : bottom ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . account__header__content a {
color : var ( --color-accent ) ;
text-decoration : none ;
}
. layout-single-column . account__header__content a : hover {
text-decoration : underline ;
}
. layout-single-column . account__header__extra__links a strong {
color : var ( --color-content-fg-bold ) ;
}
. layout-single-column . account__header__account-note label {
margin-bottom : 0 ;
}
. layout-single-column . account__header__account-note label ,
. layout-single-column . account__header__account-note textarea :: placeholder {
color : var ( --color-content-fg-bold ) ;
opacity : . 5 ;
}
. layout-single-column . account__header__account-note textarea {
color : var ( --color-content-fg ) ;
}
. layout-single-column . account__header__account-note textarea : focus {
background-color : var ( --color-accent-bg ) ;
}
2023-08-07 22:10:42 +09:00
. layout-single-column . account__header__badges . account-role {
border-radius : 8px ;
2023-09-22 04:21:47 +09:00
border-color : var ( --color-accent ) ;
color : var ( --color-accent ) ;
2023-08-07 22:10:42 +09:00
}
2023-08-24 19:38:28 +09:00
. layout-single-column . account-role svg {
opacity : 1 ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . account__header__extra__links a ,
. layout-single-column . account__header__bio . account__header__content ,
. layout-single-column . account__header__bio . account__header__fields dd {
color : var ( --color-content-fg ) ;
}
. layout-single-column . account__header__bio . account__header__fields {
background-color : var ( --color-content-secondary-bg ) ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-10 19:09:13 +09:00
}
2023-10-13 02:51:47 +09:00
@ media ( prefers-color-scheme : dark ) {
. layout-single-column . account__header__bio . account__header__fields {
2023-11-16 06:28:05 +09:00
background-color : var ( --color-secondary-bg ) ;
2023-10-13 02:51:47 +09:00
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . account__header__bio . account__header__fields : has ( dl : only-child ) {
display : none ;
}
. layout-single-column . account__header__bio . account__header__fields dt {
font-weight : bold ;
font-size : 12px ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . account__header__bio . account__header__fields : is ( dl , . verified ) {
2023-07-10 19:09:13 +09:00
border-bottom : 0 ;
position : relative ;
}
. layout-single-column . account__header__bio . account__header__fields dl : not ( : last-child ) : after {
display : block ;
content : " " ;
2023-07-30 03:19:43 +09:00
height : 1px ;
2023-07-10 19:09:13 +09:00
bottom : -1px ;
right : 15px ;
2023-07-30 03:19:43 +09:00
background-color : var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
left : 15px ;
position : absolute ;
border-radius : 50px ;
}
. layout-single-column . account__header__bio . account__header__fields dl : nth-child ( 2 ) { /* Add a corner radius to the second profile field because we're hiding the Joined field */
2023-07-30 03:19:43 +09:00
border-top-left-radius : 8px ;
border-top-right-radius : 8px ;
2023-07-10 19:09:13 +09:00
margin-top : 0 ;
}
. layout-single-column . account__header__bio . account__header__fields . verified + . verified { /* Fix double border between 2 successive verified fields */
margin-top : 0 ;
border-top-width : 0 ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . account__header__bio . account__header__fields . verified : is ( a , dd ) {
2023-07-10 19:09:13 +09:00
color : var ( --color-accent ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . account__header__bio . account__header__fields : is ( . verified dt , dt ) {
2023-07-10 19:09:13 +09:00
color : var ( --color-content-fg ) ;
}
. layout-single-column . account__header__bio . account__header__fields . verified { /* Verified field tweak: restore default background and border */
border-top : 0 ;
border-right : 0 ;
border-left : 0 ;
background : none ;
}
2023-11-14 10:46:22 +09:00
. layout-single-column . account__header__extra . account__header__fields . verified dd > span : first-child {
2023-10-25 05:55:33 +09:00
vertical-align : bottom ;
2023-07-10 19:09:13 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . account__header__extra . account__header__fields . verified__mark {
float : left ;
margin-right : 2px ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . account__header__bio . account__header__fields . verified : last-child {
border-bottom : 0 ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( max-width : 889px ) {
2023-11-16 06:28:05 +09:00
. layout-single-column . account-timeline__header + article : is ( . status__wrapper , . account ) {
2023-07-30 03:19:43 +09:00
border-left : 0 ;
border-right : 0 ;
2023-07-30 03:55:25 +09:00
border-radius : 0 ;
2023-07-30 03:19:43 +09:00
}
2023-07-10 19:09:13 +09:00
}
2023-07-19 04:16:08 +09:00
. layout-single-column . follow-request-banner ,
. layout-single-column . moved-account-banner {
2023-07-19 03:49:22 +09:00
background-color : var ( --color-accent-bg ) ;
}
2023-07-19 04:16:08 +09:00
. layout-single-column . moved-account-banner {
margin-bottom : 10px ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-19 04:16:08 +09:00
}
. layout-single-column . follow-request-banner__message ,
. layout-single-column . moved-account-banner__message {
2023-07-19 03:49:22 +09:00
color : var ( --color-content-fg ) ;
}
2023-07-19 04:16:08 +09:00
. layout-single-column . moved-account-banner__message {
2023-07-19 03:49:22 +09:00
font-weight : bold ;
}
2023-07-10 19:09:13 +09:00
2023-07-10 21:58:15 +09:00
/ * ✨ Explore tab
-------------- * /
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 890px ) {
2023-08-01 20:17:10 +09:00
. layout-single-column . account__section-headline + . scrollable article : last-child . status__wrapper {
border-bottom-left-radius : 8px ;
border-bottom-right-radius : 8px ;
}
2023-07-10 19:09:13 +09:00
}
2023-07-10 21:19:16 +09:00
/* #️⃣ Trending hashtags */
2023-07-10 21:58:15 +09:00
. layout-single-column . trends__item__sparkline path : last-child {
stroke : var ( --color-accent ) ! important ;
}
. layout-single-column . trends__item__sparkline path : first-child {
fill : var ( --color-accent ) ! important ;
2023-08-25 03:47:20 +09:00
fill-opacity : 0 . 2 ! important ;
2023-07-10 21:58:15 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column . explore__links {
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border : 1px solid var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
overflow : hidden ;
2023-11-14 22:56:39 +09:00
margin-top : -1px ;
2023-07-10 19:09:13 +09:00
}
2023-07-30 03:19:43 +09:00
@ media screen and ( max-width : 889px ) {
. layout-single-column . explore__links {
border-left : 0 ;
border-right : 0 ;
}
}
2023-07-12 01:08:09 +09:00
. layout-single-column . columns-area__panels__main . trends__item {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-content-bg ) ;
border-bottom : 2px solid var ( --color-content-secondary-bg ) ;
}
. layout-single-column . explore__links . trends__item : last-child {
border-bottom : 0 ;
}
2023-07-12 01:08:09 +09:00
. layout-single-column . trends__item__name ,
2023-07-30 04:02:11 +09:00
. layout-single-column . trends__item__current {
color : var ( --color-fg-muted ) ;
2023-07-10 19:09:13 +09:00
}
2023-07-30 04:02:11 +09:00
. layout-single-column . trends__item__name a {
2023-07-10 19:09:13 +09:00
color : var ( --color-fg ) ;
}
2023-07-10 21:19:16 +09:00
2023-08-09 03:59:24 +09:00
/* Hashtag header */
. layout-single-column . hashtag-header {
font-size : 15px ;
2023-11-14 22:56:39 +09:00
padding : 22px 20px 24px ;
2023-09-22 04:28:58 +09:00
color : var ( --color-content-fg ) ;
2023-10-09 20:48:10 +09:00
background-color : var ( --color-content-secondary-bg ) ;
border-top : 1px solid var ( --color-lines ) ;
border-bottom : 0 ;
2023-08-09 03:59:24 +09:00
}
. layout-single-column . hashtag-header__header {
margin-bottom : 0 ;
}
. layout-single-column . hashtag-header__header h1 {
color : var ( --color-content-fg ) ;
}
2023-10-09 20:48:10 +09:00
. layout-single-column . hashtag-header . hashtag-header__header + div {
color : var ( --color-content-fg ) ;
font-size : 85 % ;
opacity : . 8 ;
margin-top : -5px ;
width : max-content ;
}
2023-08-09 03:59:24 +09:00
@ media screen and ( min-width : 890px ) and ( max-width : 1174px ) {
. layout-single-column . hashtag-header {
margin-top : 15px ;
}
}
@ media screen and ( min-width : 890px ) {
. layout-single-column . hashtag-header {
2023-10-09 20:48:10 +09:00
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
. layout-single-column . hashtag-header . hashtag-header__header button {
transform : translate ( 0 , 8px ) ;
2023-08-09 03:59:24 +09:00
}
}
2023-07-13 19:40:54 +09:00
/* Account recommendations (For You Tab + User directory */
. layout-single-column . scrollable . account-card {
margin : 0 0 10px ;
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
border : 1px solid var ( --color-lines ) ;
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . scrollable . account-card {
margin : 0 10px 10px ;
}
2023-07-15 08:06:28 +09:00
}
2023-07-13 19:40:54 +09:00
. layout-single-column . account-card__header {
padding : 0 ;
2023-07-30 03:19:43 +09:00
border-top-left-radius : 8px ;
border-top-right-radius : 8px ;
border-bottom-left-radius : 0 ;
border-bottom-right-radius : 0 ;
2023-07-13 19:40:54 +09:00
height : 128px ;
overflow : hidden ;
}
. layout-single-column . scrollable . account-card__bio : after {
background : linear-gradient ( 270deg , var ( --color-content-bg ) , transparent ) ;
}
. layout-single-column . account-card__title__avatar . account__avatar {
border : 0 ;
border-radius : 50 % ;
overflow : visible ;
}
. layout-single-column . account-card__title__avatar img {
border : 0 ;
border-radius : 50 % ;
box-shadow : 0 0 0 3px var ( --color-content-bg ) ;
}
. layout-single-column . account-card__title . display-name bdi ,
. layout-single-column . account-card__counters__item ,
. layout-single-column . account-card__counters__item small {
color : var ( --color-content-fg-bold ) ;
}
. layout-single-column . account-card__counters__item small {
opacity : . 7 ;
}
2023-07-13 19:47:57 +09:00
. layout-single-column . account-card__bio a {
color : var ( --color-accent ) ;
}
. layout-single-column . filter-form {
background-color : var ( --color-accent-bg ) ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-13 19:47:57 +09:00
margin-bottom : 10px ;
}
. layout-single-column . filter-form__column {
padding : 10px 15px ;
}
2023-07-13 19:40:54 +09:00
2023-07-10 21:19:16 +09:00
/* 📰 Trending stories */
. layout-single-column . story {
background-color : var ( --color-content-bg ) ;
2023-07-25 09:17:42 +09:00
transition : background-color . 2s ;
2023-07-10 21:19:16 +09:00
}
. layout-single-column . story : not ( : last-child ) {
border-bottom : 2px solid var ( --color-content-secondary-separator ) ;
}
. layout-single-column . story ,
. layout-single-column . story__details__title {
color : var ( --color-content-fg ) ;
}
. layout-single-column . story : hover {
2023-07-25 09:17:42 +09:00
background-color : var ( --color-content-bg-focus ) ;
2023-07-10 21:19:16 +09:00
}
. layout-single-column . story__details__publisher ,
. layout-single-column . story__details__shared {
color : var ( --color-fg ) ;
}
2023-09-07 02:40:24 +09:00
. layout-single-column . story . story__details__publisher ,
. layout-single-column . story . story__details__shared {
transition : all . 3s ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . story : is ( : active , : focus , : hover ) : is ( . story__details__publisher , . story__details__shared ) {
2023-09-07 02:40:24 +09:00
color : var ( --color-accent ) ;
}
2023-10-17 20:56:05 +09:00
. layout-single-column . story . expanded . story__thumbnail {
margin : 0 0 -25px ;
}
. layout-single-column . story . expanded . story__thumbnail img {
width : calc ( 100 % + 30px ) ;
margin : -15px -15px 0 -15px ;
border-radius : 0 0 0 0 ;
}
2023-07-10 21:19:16 +09:00
2023-07-10 21:58:15 +09:00
/* 🔍 Search field and search results */
. layout-single-column . search {
margin-bottom : 10px ;
}
. layout-single-column . search__input {
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-10 21:58:15 +09:00
background-color : var ( --color-accent-bg ) ;
color : var ( --color-content-fg ) ;
2023-07-30 04:59:25 +09:00
border : 1px solid var ( --color-accent-lines ) ;
2023-07-10 21:58:15 +09:00
}
. layout-single-column . search__input :: placeholder ,
. layout-single-column . compose-form . spoiler-input__input :: placeholder {
font-weight : 500 ;
color : var ( --color-accent ) ;
}
2023-07-11 23:27:22 +09:00
. layout-single-column . search__input : focus {
2023-07-30 03:19:43 +09:00
border : 1px solid var ( --color-accent ) ;
2023-07-11 23:27:22 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . search__icon . icon {
margin-right : 4px ;
transform : scale ( . 9 ) ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . compose-panel . icon-search ,
. layout-single-column . compose-panel . icon-search . active ,
. layout-single-column . explore__search-header . icon-search {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-search-active ) ;
2023-07-20 19:53:12 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . compose-panel . icon-search . active ,
. layout-single-column . search__icon . icon-search . active {
2023-07-20 19:53:12 +09:00
opacity : 1 ;
2023-07-30 03:19:43 +09:00
z-index : 1 ;
2023-07-10 21:58:15 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column . explore__search-results {
2023-11-16 06:28:05 +09:00
background-color : transparent ;
2023-07-10 19:09:13 +09:00
overflow : hidden ;
}
. layout-single-column . explore__search-header {
background-color : transparent ;
}
. layout-single-column . explore__search-results . account {
padding-top : 16px ;
}
2023-09-07 02:40:24 +09:00
. layout-single-column . explore__search-results article : last-child > . account {
2023-07-30 03:19:43 +09:00
border-bottom : 1px solid var ( --color-lines ) ;
}
. layout-single-column . explore__search-results . trends__item {
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
2023-09-07 02:40:24 +09:00
. layout-single-column . explore__search-results article : first-child > . trends__item ,
. layout-single-column . search-results__section > . trends__item : first-child ,
. layout-single-column . search-results__section > . account : first-child {
2023-07-30 03:19:43 +09:00
border-top : 1px solid var ( --color-lines ) ;
}
2023-09-07 02:40:24 +09:00
. layout-single-column . explore__search-results article : last-child > . trends__item ,
. layout-single-column . search-results__section > . trends__item : last-child ,
. layout-single-column . search-results__section > . account : last-child {
2023-07-30 03:19:43 +09:00
border-bottom : 1px solid var ( --color-lines ) ;
}
2023-09-07 02:40:24 +09:00
. layout-single-column . search-results__section {
background-color : var ( --color-bg ) ;
border-bottom : 0 ;
}
. layout-single-column . search-results__section__header {
2023-10-09 20:58:59 +09:00
background-color : var ( --color-content-secondary-bg ) ;
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
border-bottom : 0 ;
2023-09-07 02:40:24 +09:00
color : var ( --color-content-fg ) ;
}
. layout-single-column . search-results__section__header button {
color : var ( --color-accent ) ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 890px ) {
2023-11-16 06:28:05 +09:00
. layout-single-column . explore__search-results
: is ( article : last-child > . account ,
article : last-child > . trends__item ,
. load-more : last-child ) ,
. layout-single-column . search-results__section : last-child > : is ( . trends__item , . account ) : last-child {
2023-07-30 03:19:43 +09:00
border-radius : 0 0 8px 8px ;
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . account . account__details > span {
color : var ( --color-content-fg ) ;
}
. layout-single-column . account . account__details . verified-badge {
color : var ( --color-accent ) ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . account . account__details . verified-badge span {
font-weight : 500 ;
}
2023-10-14 06:32:47 +09:00
@ keyframes fadein-short {
from {
transform : translate ( 0 , -10px ) ;
opacity : 0 ;
}
to {
transform : translate ( 0 , 0 ) ;
opacity : 1 ;
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . search__popout {
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-10-14 06:32:47 +09:00
box-shadow : none ;
2023-09-22 03:03:25 +09:00
margin-top : 10px ;
2023-10-14 06:32:47 +09:00
border : 1px solid var ( --color-lines ) ;
animation : . 3s fadein-short 1 ;
}
. layout-single-column . search__popout h4 {
font-weight : bold ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . search__popout h4 ,
. layout-single-column . search__popout__menu__message ,
. layout-single-column . search__popout__menu__item {
color : var ( --color-content-fg ) ;
}
2023-09-22 19:25:36 +09:00
. layout-single-column . search__popout__menu__item {
align-items : initial ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . search__popout__menu__item mark {
color : var ( --color-content-fg-bold ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . search__popout__menu__item . icon-button : is ( : active , : focus , : hover ) {
2023-09-22 19:25:36 +09:00
background-color : transparent ;
color : var ( --color-accent-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . search__popout__menu__item : is ( . selected , : active , : focus , : hover ) ,
. layout-single-column . search__popout__menu__item : is ( . selected , : active , : focus , : hover ) mark {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
}
2023-07-10 21:19:16 +09:00
2023-07-10 19:09:13 +09:00
@ media screen and ( max-width : 1174px ) {
. layout-single-column . search {
margin-bottom : 0 ;
}
. layout-single-column . explore__search-header {
padding-top : 2px ;
}
. layout-single-column . search__input {
padding : 13px ;
}
. layout-single-column . explore__search-header {
2023-11-16 06:28:05 +09:00
padding : 10px 0 ;
}
. layout-single-column . search__icon . icon {
top : 11px ;
2023-07-10 19:09:13 +09:00
}
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . explore__search-header {
2023-11-16 06:28:05 +09:00
padding : 10px ;
2023-07-10 19:09:13 +09:00
}
}
2023-08-02 22:28:17 +09:00
/* Dismissable banners */
2023-07-10 19:09:13 +09:00
. layout-single-column . dismissable-banner {
background-color : var ( --color-accent ) ;
box-shadow : 0 5px var ( --color-content-bg ) ;
2023-11-14 22:56:39 +09:00
border-radius : 0 ;
2023-08-02 22:28:17 +09:00
border : 1px solid var ( --color-lines ) ;
2023-07-11 01:19:18 +09:00
margin : 0 ;
2023-07-10 19:09:13 +09:00
}
2023-08-02 22:28:17 +09:00
. layout-single-column . explore__links . dismissable-banner {
border : 0 ;
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . dismissable-banner ,
. layout-single-column . explore__links . dismissable-banner {
border-left : 0 ;
border-right : 0 ;
}
}
@ media screen and ( min-width : 890px ) and ( max-width : 1174px ) {
. layout-single-column . dismissable-banner {
margin-top : 10px ;
}
. layout-single-column . explore__links . dismissable-banner {
margin-top : 0 ;
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . dismissable-banner__message ,
. layout-single-column . dismissable-banner__action . icon-button {
color : var ( --color-accent-fg ) ;
}
2023-07-23 19:00:37 +09:00
. layout-single-column . dismissable-banner__message h1 {
color : var ( --color-accent-fg ) ;
margin-top : 10px ;
}
. layout-single-column . dismissable-banner__message__actions__wrapper {
flex-flow : row-reverse ;
}
. layout-single-column . dismissable-banner : has ( . dismissable-banner__message > img : first-child ) {
2023-09-22 03:23:51 +09:00
background : linear-gradient ( to bottom , rgba ( 247 , 105 , 2 , 0 . 8 ) , rgba ( 247 , 105 , 2 , 0 . 5 ) ) ;
2023-07-23 19:00:37 +09:00
padding-left : 10px ;
padding-right : 10px ;
}
. layout-single-column . dismissable-banner__background-image {
2023-09-22 03:23:51 +09:00
display : none ;
2023-07-23 19:00:37 +09:00
}
. layout-single-column . dismissable-banner__message__actions . button ,
. layout-single-column . dismissable-banner__message__actions . button . button-tertiary {
line-height : 28px ;
padding : 6px 17px ;
}
2023-09-22 04:43:50 +09:00
@ media ( prefers-color-scheme : dark ) {
. layout-single-column . dismissable-banner : has ( . dismissable-banner__message > img : first-child ) {
background : linear-gradient ( to top , rgba ( 230 , 137 , 51 , . 5 ) , rgba ( 230 , 137 , 51 , . 3 ) ) ;
}
}
2023-07-10 19:09:13 +09:00
2023-07-10 21:58:15 +09:00
/ * 🔔 Notifications
---------------- * /
2023-11-16 06:28:05 +09:00
. layout-single-column . status . muted
: is ( . status__content ,
. status__content a ,
. status__content p ,
. status__display-name strong ) ,
. layout-single-column . attachment-list__list a {
2023-07-11 20:11:24 +09:00
color : var ( --color-content-fg-muted ) ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . notification . unread :: before ,
. layout-single-column . status__wrapper . unread :: before {
background-color : var ( --color-accent ) ;
2023-07-30 03:19:43 +09:00
width : 8px ;
2023-07-10 19:09:13 +09:00
border : 0 ;
top : 5px ;
height : auto ;
bottom : 5px ;
border-radius : 8px ;
left : 5px ;
z-index : 1 ;
}
. layout-single-column . notification__message {
2023-11-13 05:34:06 +09:00
padding : 12px 12px 5px ;
2023-07-10 19:09:13 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg-bold ) ;
2023-09-22 04:43:50 +09:00
transition : all . 3s ;
2023-07-10 19:09:13 +09:00
}
2023-07-31 09:13:55 +09:00
. layout-single-column . notification__display-name {
font-weight : bold ;
}
2023-07-31 07:08:14 +09:00
. layout-single-column . notification__report {
background-color : var ( --color-content-bg ) ;
border-bottom : 0 ;
padding-top : 10px ;
gap : 15px ;
}
. layout-single-column . notification__report__details {
color : var ( --color-content-fg ) ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 889px ) {
. layout-single-column . notification__message {
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
2023-07-31 07:08:14 +09:00
. layout-single-column . notification__report {
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
2023-07-30 03:19:43 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__message . icon {
2023-07-11 03:17:15 +09:00
color : var ( --color-accent ) ;
2023-11-13 05:34:06 +09:00
width : 18px ;
margin-left : 38px ;
2023-07-10 19:09:13 +09:00
text-align : right ;
2023-11-13 05:34:06 +09:00
background-position : center right ;
2023-07-10 19:09:13 +09:00
}
2023-07-31 09:06:19 +09:00
@ media screen and ( max-width : 889px ) {
2023-11-13 05:34:06 +09:00
. layout-single-column . notification__message . icon {
2023-11-16 06:28:05 +09:00
margin-left : 34px ;
2023-07-31 09:06:19 +09:00
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . notification . status__wrapper {
padding-top : 0 ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column
: is ( . notification-favourite ,
. notification-reblog ,
. notification-poll ,
. notification-status )
. status__action-bar {
2023-07-10 19:09:13 +09:00
display : none ;
}
. layout-single-column . account {
background-color : var ( --color-content-bg ) ;
border-bottom : 0 ;
padding-left : 22px ;
padding-top : 4px ;
}
. layout-single-column . explore__search-results . account {
padding-top : 16px ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column
. notification
. account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) )
. display-name__account {
display : block ;
}
. layout-single-column
. notification
. account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) )
. display-name {
margin-bottom : 0 ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 890px ) {
. layout-single-column . account {
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . notification . account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) ) {
padding-left : 32px ;
padding-right : 22px ;
}
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . notification . account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) ) {
padding-left : 27px ;
}
}
@ media screen and ( max-width : 1174px ) {
. layout-single-column . account {
padding-left : 18px ;
}
}
. layout-single-column . notification . account__relationship . icon-button {
padding : 5px ;
border-radius : 8px ;
}
. layout-single-column . notification . account__relationship . icon-button : first-child {
background-color : rgba ( 121 , 189 , 154 , 0 . 3 ) ;
}
. layout-single-column . notification . account__relationship . icon-button : first-child : is ( : active , : focus , : hover ) {
background-color : # 79bd9a ;
}
. layout-single-column . notification . account__relationship . icon-button : first-child : is ( : active , : focus , : hover ) . icon-check {
background-image : var ( --icon-check-inv ) ;
}
. layout-single-column . notification . account__relationship . icon-button : last-child {
background-color : rgba ( 223 , 64 , 90 , 0 . 3 ) ;
}
. layout-single-column . notification . account__relationship . icon-button : last-child : is ( : active , : focus , : hover ) {
background-color : # df405a ;
}
. layout-single-column . notification . account__relationship . icon-button : last-child : is ( : active , : focus , : hover ) . icon-times {
background-image : var ( --icon-reject-inv ) ;
2023-07-30 03:19:43 +09:00
}
2023-07-10 19:09:13 +09:00
2023-07-14 21:42:08 +09:00
/* 📋 Lists tab */
2023-07-11 23:24:54 +09:00
. layout-single-column . column-inline-form {
background-color : var ( --color-accent-bg ) ;
2023-07-30 04:59:25 +09:00
border : 1px solid var ( --color-accent-lines ) ;
2023-11-16 06:28:05 +09:00
border-radius : 0 0 8px 8px ;
2023-07-11 23:24:54 +09:00
margin-bottom : 10px ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( max-width : 1174px ) {
. layout-single-column . column-inline-form {
margin-top : 10px ;
}
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . column-inline-form {
margin-left : 10px ;
margin-right : 10px ;
}
}
2023-11-16 06:28:05 +09:00
. layout-single-column . column-inline-form label : is ( input , input : focus ) {
2023-07-11 23:24:54 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-11 23:24:54 +09:00
}
. layout-single-column . column-inline-form label input : focus {
2023-11-16 06:28:05 +09:00
box-shadow : 0 0 0 1px var ( --color-accent ) ;
2023-07-11 23:24:54 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column : is ( . column-subheading , . columns-area__panels__main . column-link ) {
2023-07-11 23:24:54 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . item-list . column-subheading {
2023-07-11 23:24:54 +09:00
color : var ( --color-fg-muted ) ;
2023-07-30 03:19:43 +09:00
border : 1px solid var ( --color-lines ) ;
border-bottom : 0 ;
border-radius : 8px 8px 0 0 ;
}
@ media screen and ( max-width : 889px ) {
2023-11-16 06:28:05 +09:00
. layout-single-column . item-list . column-subheading {
2023-07-30 03:19:43 +09:00
border-left : 0 ;
border-right : 0 ;
border-radius : 0 ;
}
2023-07-11 23:24:54 +09:00
}
. layout-single-column . columns-area__panels__main . column-link {
margin-left : 0 ;
width : 100 % ;
2023-07-30 03:19:43 +09:00
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
2023-07-11 23:24:54 +09:00
border-bottom : 2px solid var ( --color-content-secondary-separator ) ;
box-sizing : border-box ;
}
. layout-single-column . columns-area__panels__main . column-link : hover {
background-color : var ( --color-content-secondary-bg ) ;
color : var ( --color-accent ) ;
}
. layout-single-column . columns-area__panels__main article : last-child . column-link {
2023-07-30 03:19:43 +09:00
border-bottom : 1px solid var ( --color-lines ) ;
border-radius : 0 0 8px 8px ;
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . columns-area__panels__main . column-link {
border-left : 0 ;
border-right : 0 ;
}
. layout-single-column . columns-area__panels__main article : last-child . column-link {
border-radius : 0 ;
}
2023-07-11 23:24:54 +09:00
}
2023-07-13 03:58:22 +09:00
/* List adder dialog */
2023-11-16 06:28:05 +09:00
. layout-single-column : is ( . list-adder , . list-adder__account , . list-adder__lists ) {
2023-07-13 03:58:22 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
}
2023-07-13 03:58:22 +09:00
. layout-single-column . list-adder__account {
margin-top : 12px ;
}
2023-07-13 03:58:22 +09:00
. layout-single-column . list-adder . column-inline-form {
border-radius : 0 ;
}
. list-adder . list {
border-bottom : 2px solid var ( --color-content-secondary-separator ) ;
}
2023-07-11 23:24:54 +09:00
2023-07-14 21:42:08 +09:00
/* ➕ Follow requests */
2023-07-13 08:05:53 +09:00
. layout-single-column # Follow-requests {
margin-bottom : 0 ;
z-index : 0 ;
}
. layout-single-column . account-authorize__wrapper {
2023-11-16 06:28:05 +09:00
margin : 0 ;
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
border-bottom : 1px solid var ( --color-lines ) ;
}
. layout-single-column article : last-child > . account-authorize__wrapper ,
. layout-single-column article : last-child > . account-authorize__wrapper . account--panel {
border-bottom-left-radius : 8px ;
border-bottom-right-radius : 8px ;
2023-07-13 08:05:53 +09:00
}
. layout-single-column . account-authorize {
background-color : var ( --color-content-bg ) ;
padding : 20px
}
. layout-single-column . account--panel {
2023-11-16 06:28:05 +09:00
background-color : var ( --color-content-bg ) ;
2023-07-13 08:05:53 +09:00
border : 0 ;
2023-11-16 06:28:05 +09:00
padding : 0 5px ;
2023-07-13 08:05:53 +09:00
}
. layout-single-column . account__header__content {
color : var ( --color-content-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . account--panel__button {
padding : 0 5px 10px 5px ;
}
. layout-single-column . account--panel__button . icon-button {
padding : 10px ;
box-sizing : border-box ;
width : 100 % ;
border-radius : 8px ;
transition : all . 3s ;
}
. layout-single-column . account--panel button . icon-check {
background-image : var ( --icon-check ) ;
}
. layout-single-column . account--panel button : is ( : active , : focus , : hover ) . icon-check {
background-image : var ( --icon-check-inv ) ;
}
2023-07-13 08:05:53 +09:00
. layout-single-column . account--panel__button : first-child . icon-button {
2023-11-16 06:28:05 +09:00
background-color : rgba ( 121 , 189 , 154 , 0 . 3 ) ;
}
. layout-single-column . account--panel__button : first-child . icon-button : is ( : hover , : active ) {
background-color : # 79bd9a ;
}
. layout-single-column . account--panel button . icon-times {
background-image : var ( --icon-reject ) ;
}
. layout-single-column . account--panel button : is ( : active , : focus , : hover ) . icon-times {
background-image : var ( --icon-reject-inv ) ;
}
. layout-single-column . account--panel__button : nth-child ( 2 ) . icon-button {
background-color : rgba ( 223 , 64 , 90 , 0 . 3 ) ;
}
. layout-single-column . account--panel__button : nth-child ( 2 ) . icon-button : is ( : hover , : active ) {
background-color : # df405a ;
2023-07-13 08:05:53 +09:00
}
@ media screen and ( max-width : 1174px ) {
. layout-single-column # Follow-requests + . column-back-button--slim . column-back-button {
position : absolute ;
right : 0 ;
margin : 0 ;
width : auto ;
}
}
2023-11-16 06:28:05 +09:00
@ media screen and ( max-width : 889px ) {
. layout-single-column . account-authorize__wrapper {
border-left : 0 ;
border-right : 0 ;
}
}
2023-07-13 08:05:53 +09:00
2023-07-11 19:19:07 +09:00
/ * ⏺ ️ Other UI components : buttons , toggles , . . .
----------------------------------------- * /
2023-07-10 19:09:13 +09:00
. layout-single-column . button ,
. layout-single-column . account__header__tabs__buttons . icon-button {
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . button ,
. layout-single-column . button . logo-button ,
. layout-single-column . rules-list li : before ,
. layout-single-column . icon-with-badge__badge {
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
2023-07-10 23:30:40 +09:00
transition : all . 2s ;
2023-07-10 19:09:13 +09:00
}
2023-08-09 03:17:06 +09:00
. layout-single-column . button : disabled ,
. layout-single-column . button . disabled {
opacity : . 7 ;
}
2023-07-10 21:58:15 +09:00
. layout-single-column . text-icon-button . active ,
2023-07-10 19:09:13 +09:00
. layout-single-column . button . button-tertiary ,
. layout-single-column . account__header__fields a ,
. layout-single-column . account__header__bio . account__header__fields a ,
. layout-single-column . reply-indicator__content a . unhandled-link ,
2023-07-12 20:37:02 +09:00
. layout-single-column . status__content a ,
. layout-single-column . status__content a . hashtag ,
2023-07-10 19:09:13 +09:00
. layout-single-column . status__content a . unhandled-link ,
. layout-single-column . column-back-button ,
. layout-single-column . about__section__title ,
. layout-single-column . prose a ,
. layout-single-column . column-link--transparent . active ,
. layout-single-column . column-header > . column-header__back-button ,
. layout-single-column . column-header__back-button ,
. layout-single-column . interaction-modal__icon ,
. layout-single-column . status__content a . mention ,
2023-07-10 21:58:15 +09:00
. layout-single-column . status__content__read-more-button ,
2023-08-12 04:21:33 +09:00
. layout-single-column . link-button ,
. layout-single-column . translate-button button ,
2023-08-18 19:45:04 +09:00
. layout-single-column . status__content__translate-button ,
2023-07-10 19:09:13 +09:00
. layout-single-column . status__action-bar__dropdown . icon-button . active ,
. layout-single-column . account__relationship . icon-button . active ,
2023-07-11 22:22:12 +09:00
. layout-single-column . account__header__tabs__buttons . icon-button . active ,
2023-07-13 05:47:47 +09:00
. layout-single-column . text-btn ,
2023-09-22 05:08:42 +09:00
. layout-single-column . detailed-status__action-bar-dropdown . icon-button ,
. layout-single-column . notification-bar-action {
2023-07-10 19:09:13 +09:00
color : var ( --color-accent ) ;
}
. layout-single-column . icon-button ,
2023-07-10 21:58:15 +09:00
. layout-single-column . icon-button . inverted ,
2023-07-15 08:06:28 +09:00
. layout-single-column . reply-indicator__content . status__content__spoiler-link ,
2023-07-10 21:58:15 +09:00
. layout-single-column . status__content . status__content__spoiler-link {
2023-07-10 19:09:13 +09:00
color : var ( --color-content-fg ) ;
}
2023-07-15 08:06:28 +09:00
. layout-single-column . reply-indicator__content . status__content__spoiler-link ,
2023-07-10 19:09:13 +09:00
. layout-single-column . status__content . status__content__spoiler-link {
background-color : var ( --color-accent-bg ) ;
2023-10-09 19:33:02 +09:00
border-radius : 8px ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . account__header__tabs__buttons . icon-button {
2023-11-16 06:28:05 +09:00
padding : 6px ;
2023-07-10 19:09:13 +09:00
border : 0 ;
color : var ( --color-content-fg ) ;
background-color : var ( --color-content-secondary-bg ) ;
}
. layout-single-column . account__header__tabs__buttons . icon-button : hover {
background-color : var ( --color-accent-bg ) ;
color : var ( --color-accent ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . icon-button : is ( : active , : focus , : hover ) {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-accent-bg ) ;
2023-07-11 21:42:11 +09:00
color : var ( --color-accent ) ;
2023-07-10 19:09:13 +09:00
}
2023-07-31 06:57:48 +09:00
. layout-single-column . language-dropdown__dropdown {
background-color : var ( --color-content-bg ) ;
border-radius : 8px ;
border : 1px solid var ( --color-lines ) ;
box-shadow : 0 0 5px rgba ( 0 , 0 , 0 , . 15 ) ;
}
. layout-single-column . language-dropdown__dropdown__results__item {
border-radius : 8px ;
}
2023-07-10 19:09:13 +09:00
. layout-single-column . language-dropdown__dropdown__results__item . active ,
. layout-single-column . language-dropdown__dropdown__results__item . active : hover {
background-color : var ( --color-accent ) ;
2023-07-31 06:57:48 +09:00
color : var ( --color-accent-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . language-dropdown__dropdown__results__item : is ( : active , : focus , : hover ) {
2023-07-31 06:57:48 +09:00
background-color : var ( --color-accent-bg ) ;
}
. layout-single-column . language-dropdown__dropdown__results__item__native-name {
font-weight : bold ;
}
. layout-single-column . language-dropdown__dropdown__results__item__common-name {
opacity : . 7 ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column
: is ( . language-dropdown__dropdown__results__item__common-name ,
. language-dropdown__dropdown__results__item__native-name ) {
2023-07-31 06:57:48 +09:00
color : var ( --color-content-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column
. language-dropdown__dropdown__results__item : is ( . active , . active : hover )
: is ( . language-dropdown__dropdown__results__item__common-name ,
. language-dropdown__dropdown__results__item__native-name ) {
2023-07-31 06:57:48 +09:00
color : var ( --color-accent-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column
. language-dropdown__dropdown__results__item : is ( : active , : focus , : hover )
: is ( . language-dropdown__dropdown__results__item__native-name ,
. language-dropdown__dropdown__results__item__common-name ) {
2023-07-31 06:57:48 +09:00
color : var ( --color-accent ) ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . button : not ( . button-secondary ) : is ( : active , : focus , : hover ) ,
. layout-single-column . button . button-tertiary : is ( : active , : focus , : hover ) ,
. layout-single-column . button . logo-button : is ( : active , : focus , : hover ) {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-accent-focus ) ;
}
2023-07-11 22:22:12 +09:00
2023-07-14 21:42:08 +09:00
/* ⏺️ Toggles */
2023-07-11 22:22:12 +09:00
. layout-single-column . setting-toggle__label {
vertical-align : top ;
}
2023-07-10 21:58:15 +09:00
. layout-single-column . react-toggle-track {
2023-07-30 04:59:25 +09:00
background-color : var ( --color-accent-lines ) ;
2023-07-30 03:19:43 +09:00
box-shadow :
2023-07-30 04:59:25 +09:00
0 0 0 20px var ( --color-accent-lines ) inset ,
0 0 0 20px var ( --color-accent-lines ) inset ,
0 0 0 1px var ( --color-accent-lines ) inset ,
0 0 0 1px var ( --color-accent-lines ) inset
2023-08-22 18:53:08 +09:00
}
2023-07-11 22:22:12 +09:00
. layout-single-column . react-toggle-thumb {
border : 0 ;
2023-07-10 21:58:15 +09:00
}
. layout-single-column . react-toggle . react-toggle--checked . react-toggle-track ,
. layout-single-column . react-toggle . react-toggle--checked : is ( : hover , : focus-within ) : not ( . react-toggle--disabled ) . react-toggle-track ,
. layout-single-column . react-toggle . react-toggle--checked : hover : not ( . react-toggle--disabled ) . react-toggle-track {
background-color : var ( --color-accent ) ;
}
. layout-single-column . react-toggle--checked . react-toggle-thumb {
border-color : var ( --color-accent ) ;
}
2023-07-30 03:19:43 +09:00
. layout-single-column . react-toggle : is ( : hover , : focus-within ) : not ( . react-toggle--disabled ) . react-toggle-track {
background-color : var ( --color-accent-focus ) ;
}
2023-07-11 23:33:09 +09:00
2023-07-14 21:42:08 +09:00
/* ⏺️ Radio buttons */
2023-07-11 23:33:09 +09:00
. layout-single-column . radio-button {
color : var ( --color-content-fg ) ;
}
. layout-single-column . radio-button__input {
border-width : 2px ;
border-color : var ( --color-content-fg-muted ) ;
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . radio-button__input . checked {
border-color : var ( --color-accent ) ;
background-color : var ( --color-accent ) ;
}
2023-07-31 00:08:39 +09:00
. layout-single-column . dropdown-menu ,
. layout-single-column . dropdown-menu__container__header ,
. layout-single-column . dropdown-menu__item . edited-timestamp__history__item ,
2023-11-16 06:28:05 +09:00
. layout-single-column . dropdown-menu__item : is ( a , button ) {
2023-07-31 00:08:39 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
border-color : var ( --color-lines ) ;
}
2023-07-11 23:33:09 +09:00
2023-07-11 01:11:58 +09:00
. layout-single-column . dropdown-menu ,
. layout-single-column . dropdown-menu__item a ,
. layout-single-column . dropdown-menu__arrow : before {
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
border : 0 ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . dropdown-menu__item : is ( a , button ) : is ( : active , : focus , : hover ) {
2023-07-10 19:09:13 +09:00
background : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
outline : 0 ;
}
2023-07-11 01:11:58 +09:00
. layout-single-column . dropdown-menu__separator {
border-color : var ( --color-content-secondary-separator ) ;
}
2023-07-10 19:09:13 +09:00
2023-11-16 06:28:05 +09:00
. layout-single-column . privacy-dropdown . active : is ( . privacy-dropdown__value , . privacy-dropdown__value . active ) ,
. layout-single-column . privacy-dropdown__option : is ( . active , . active : hover , : hover ) {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
}
2023-07-15 08:06:28 +09:00
. layout-single-column . privacy-dropdown__option . active . privacy-dropdown__option__content ,
. layout-single-column . privacy-dropdown__option . active . privacy-dropdown__option__content strong ,
. layout-single-column . privacy-dropdown__option : hover . privacy-dropdown__option__content ,
2023-07-10 19:09:13 +09:00
. layout-single-column . privacy-dropdown__option : hover . privacy-dropdown__option__content strong ,
. layout-single-column . privacy-dropdown . active . privacy-dropdown__value . active . icon-button ,
. layout-single-column . privacy-dropdown . icon-button . inverted . active {
2023-07-14 02:11:32 +09:00
background-color : var ( --color-accent ) ;
2023-07-10 19:09:13 +09:00
color : var ( --color-accent-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-globe {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-globe-visibility-inv ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-unlock {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-unlock-inv ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-lock {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-lock-inv ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-at {
2023-11-14 10:46:22 +09:00
background-image : var ( --icon-at-inv ) ;
}
2023-07-10 19:09:13 +09:00
2023-11-16 06:28:05 +09:00
. layout-single-column . button . button-tertiary : is ( . button--confirmation , . button--destructive ) {
2023-07-10 19:09:13 +09:00
background-color : transparent ;
}
2023-07-19 04:16:08 +09:00
. layout-single-column . button . button-tertiary . button--confirmation {
color : # 4e8a6b ;
background-color : rgba ( 121 , 189 , 154 , 0 . 3 ) ;
}
. layout-single-column . button . button-tertiary . button--destructive {
color : # df405a ;
background-color : rgba ( 223 , 64 , 90 , 0 . 3 ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . button . button-tertiary . button--confirmation : is ( : active , : focus , : hover ) {
2023-07-10 19:09:13 +09:00
background-color : # 79bd9a ;
2023-07-19 04:16:08 +09:00
color : # ffffff ;
2023-07-10 19:09:13 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . button . button-tertiary . button--destructive : is ( : active , : focus , : hover ) {
2023-07-10 19:09:13 +09:00
background-color : # df405a ;
2023-07-19 04:16:08 +09:00
color : # ffffff ;
}
@ media ( prefers-color-scheme : dark ) {
. layout-single-column . button . button-tertiary . button--confirmation {
color : # 72cb9d ;
}
. layout-single-column . button . button-tertiary . button--destructive {
color : # f3637b ;
}
2023-07-10 19:09:13 +09:00
}
2023-11-16 06:28:05 +09:00
. layout-single-column . app-body
: is ( . block-modal__cancel-button ,
. confirmation-modal__cancel-button ,
. confirmation-modal__secondary-button ,
. mute-modal__cancel-button ) {
2023-07-10 19:09:13 +09:00
background-color : transparent ;
}
. layout-single-column . status__content a . hashtag {
color : var ( --color-accent ) ;
}
2023-07-10 21:58:15 +09:00
2023-07-11 01:15:45 +09:00
/ * 🖱 ️ Interaction modals
--------------------- * /
2023-11-16 08:15:30 +09:00
. layout-single-column . modal-root__modal {
border : 1px solid var ( --color-lines ) ;
}
2023-07-11 01:15:45 +09:00
. layout-single-column . interaction-modal {
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . interaction-modal ,
. layout-single-column . interaction-modal__lead h3 {
color : var ( --color-content-fg ) ;
}
. layout-single-column . interaction-modal__lead p ,
. layout-single-column . interaction-modal__choices__choice p {
color : var ( --color-fg ) ;
}
2023-11-13 05:34:06 +09:00
. layout-single-column . interaction-modal__icon {
vertical-align : middle ;
}
2023-08-25 19:11:33 +09:00
. layout-single-column . interaction-modal p {
color : var ( --color-content-fg ) ;
}
. layout-single-column . interaction-modal p . hint {
color : var ( --color-content-fg-muted ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . interaction-modal : is ( . button , . button . button-tertiary ) {
2023-07-11 01:15:45 +09:00
padding : 10px 18px ;
}
. layout-single-column . interaction-modal . button . button-tertiary : hover {
background-color : var ( --color-content-secondary-separator ) ;
}
2023-08-25 19:11:33 +09:00
. layout-single-column . copypaste input ,
. layout-single-column . interaction-modal__login__input {
2023-07-11 01:15:45 +09:00
border-color : var ( --color-accent ) ;
2023-08-25 19:11:33 +09:00
background-color : var ( --color-accent-lines ) ;
2023-07-11 01:15:45 +09:00
color : var ( --color-content-fg ) ;
2023-08-25 19:11:33 +09:00
border-radius : 8px ;
}
. layout-single-column . interaction-modal__login . expanded . interaction-modal__login__input {
border-top-left-radius : 8px ;
border-top-right-radius : 8px ;
border-bottom-left-radius : 8px ;
border-bottom-right-radius : 8px ;
}
. layout-single-column . interaction-modal__login__input input :: placeholder {
color : var ( --color-accent ) ;
}
. layout-single-column . interaction-modal__login . focused . interaction-modal__login__input {
background-color : var ( --color-content-bg ) ;
border-color : var ( --color-accent ) ;
box-shadow : 0 0 0 2px var ( --color-accent ) ;
}
. layout-single-column . interaction-modal__login . search__popout {
border-color : var ( --color-lines ) ;
2023-07-11 01:15:45 +09:00
}
. layout-single-column . interaction-modal . copypaste button {
2023-07-30 03:19:43 +09:00
padding : 8px 18px ;
2023-07-11 01:15:45 +09:00
}
2023-07-15 18:50:30 +09:00
. layout-single-column . modal-root__overlay {
background-color : hsla ( 0 , 0 % , 1 % , 0 . 7 ) ;
}
2023-07-14 02:11:32 +09:00
. layout-single-column . modal-root__modal ,
. layout-single-column . boost-modal__container ,
. layout-single-column . mute-modal__container ,
. layout-single-column . block-modal__container {
background-color : var ( --color-content-bg ) ;
2023-07-14 20:42:44 +09:00
color : var ( --color-content-fg ) ;
2023-07-14 02:11:32 +09:00
}
. layout-single-column . boost-modal__container {
margin-bottom : -11px ;
}
. layout-single-column . confirmation-modal__container ,
. layout-single-column . mute-modal__container ,
. layout-single-column . block-modal__container {
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
}
. layout-single-column . block-modal__action-bar ,
. layout-single-column . boost-modal__action-bar ,
. layout-single-column . confirmation-modal__action-bar ,
. layout-single-column . mute-modal__action-bar {
background-color : var ( --color-accent-bg ) ;
}
. layout-single-column . block-modal__action-bar > div ,
. layout-single-column . boost-modal__action-bar > div ,
. layout-single-column . confirmation-modal__action-bar > div ,
. layout-single-column . mute-modal__action-bar > div ,
. layout-single-column . boost-modal__container . status__content__text ,
. layout-single-column . boost-modal__container . display-name strong . display-name__html ,
. layout-single-column . boost-modal__container . status__info ,
. layout-single-column . boost-modal__container . status__relative-time time ,
. layout-single-column . boost-modal__container . status . light . status__visibility-icon {
color : var ( --color-content-fg ) ;
}
2023-07-14 20:42:44 +09:00
. layout-single-column . actions-modal ul li : not ( : empty ) a {
color : var ( --color-content-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . actions-modal ul li : not ( : empty )
a : is ( . active ,
. active button ,
: active ,
: active button ,
: focus ,
: focus button ,
: hover ,
: hover button ) {
2023-07-14 20:42:44 +09:00
background-color : var ( --color-accent ) ;
color : var ( --color-accent-fg ) ;
}
2023-07-14 02:11:32 +09:00
2023-07-23 03:39:21 +09:00
/* Media modals */
. layout-single-column . modal-root__modal . media-modal {
background-color : rgba ( 255 , 255 , 255 , . 8 ) ;
}
. layout-single-column . media-modal__overlay . picture-in-picture__footer {
background-color : transparent ;
}
. layout-single-column . media-modal__nav ,
. layout-single-column . media-modal__overlay . picture-in-picture__footer . icon-button {
color : var ( --color-content-fg ) ;
}
. layout-single-column . media-modal__page-dot {
background-color : var ( --color-content-fg ) ;
}
@ media ( prefers-color-scheme : dark ) {
. layout-single-column . modal-root__modal . media-modal {
background-color : rgba ( 0 , 0 , 0 , . 6 ) ;
}
}
2023-07-25 09:27:28 +09:00
/* Report modals */
. layout-single-column . report-dialog-modal__container {
border-top : 0 ;
}
. layout-single-column . report-dialog-modal__lead {
color : var ( --color-content-fg-muted ) ;
}
. layout-single-column . report-dialog-modal . poll__option . dialog-option {
border-color : var ( --color-lines ) ;
}
. layout-single-column . report-dialog-modal . dialog-option . poll__input {
border-color : var ( --color-accent ) ;
}
. layout-single-column . report-dialog-modal . dialog-option . poll__input . active {
border-color : var ( --color-accent ) ;
background-color : var ( --color-accent ) ;
}
. layout-single-column . report-dialog-modal . poll__option . dialog-option > . poll__option__text {
color : var ( --color-content-fg ) ;
}
. layout-single-column . report-dialog-modal . poll__option . dialog-option > . poll__option__text strong {
color : var ( --color-content-fg-bold )
}
2023-08-23 23:54:23 +09:00
. layout-single-column . report-modal__comment ,
. layout-single-column . report-modal__container {
border-color : var ( --color-lines ) ;
}
. layout-single-column . report-modal__comment . setting-text-label {
2023-09-22 19:30:39 +09:00
color : var ( --color-content-fg ) ;
2023-08-23 23:54:23 +09:00
}
2023-11-13 05:34:06 +09:00
. layout-single-column . report-dialog-modal . status__content__text p {
color : var ( --color-content-fg ) ;
}
2023-07-25 09:27:28 +09:00
2023-07-14 21:42:08 +09:00
/* 🖼️ Picture in Picture */
. layout-single-column . picture-in-picture {
box-shadow : 0 0 5px rgba ( 0 , 0 , 0 , . 2 ) ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-14 21:42:08 +09:00
}
. layout-single-column . picture-in-picture__footer ,
. layout-single-column . picture-in-picture__header {
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . picture-in-picture__header . display-name span {
color : var ( --color-content-fg-muted ) ;
}
/* ⏯️ Video controls */
. layout-single-column . video-player__seek__progress ,
. layout-single-column . video-player__volume__handle ,
2023-07-14 21:49:21 +09:00
. layout-single-column . video-player__volume__current ,
. layout-single-column . video-player__seek__handle {
2023-07-14 21:42:08 +09:00
background-color : var ( --color-accent ) ;
}
2023-07-11 01:15:45 +09:00
2023-07-10 21:58:15 +09:00
/ * 📄 Meta
------- * /
. layout-single-column . link-footer p ,
. layout-single-column . link-footer a {
2023-07-11 21:07:14 +09:00
color : var ( --color-fg-muted ) ;
2023-07-10 21:58:15 +09:00
}
2023-07-10 19:09:13 +09:00
/* Server banner */
. layout-single-column . server-banner__introduction {
display : none ;
}
. layout-single-column . server-banner {
padding : 0 0 20px ;
}
. layout-single-column . server-banner__hero {
2023-07-30 03:19:43 +09:00
border-radius : 8px 8px 0 0 ;
2023-07-10 19:09:13 +09:00
margin-bottom : 0 ;
}
. layout-single-column . server-banner__description {
padding : 20px 15px 20px ;
margin-bottom : 0 ;
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . server-banner__meta {
2023-07-30 03:19:43 +09:00
padding : 0 15px 20px ;
2023-07-10 19:09:13 +09:00
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border-left : 1px solid var ( --color-lines ) ;
border-right : 1px solid var ( --color-lines ) ;
border-bottom : 1px solid var ( --color-lines ) ;
2023-07-10 19:09:13 +09:00
gap : 0 ;
margin : 0 ;
2023-07-30 03:19:43 +09:00
border-radius : 0 0 8px 8px ;
2023-07-10 19:09:13 +09:00
align-items : end ;
}
. layout-single-column . server-banner h4 {
color : var ( --color-fg ) ;
2023-07-30 03:19:43 +09:00
font-size : 80 % ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . server-banner__number {
color : var ( --color-content-fg-bold ) ;
}
. layout-single-column . server-banner__number-label {
color : var ( --color-content-fg ) ;
}
. layout-single-column . server-banner . account {
background-color : transparent ;
box-shadow : none ;
padding : 0 ;
2023-07-30 03:19:43 +09:00
border-left : 0 ;
border-right : 0 ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . server-banner__meta__column : first-child {
width : calc ( 60 % - 5px ) ;
}
. layout-single-column . server-banner__meta__column : nth-child ( 2 ) {
width : calc ( 40 % - 5px ) ;
}
. layout-single-column . server-banner . button . button-secondary {
padding : 10px ;
margin : 10px 0 ;
}
. layout-single-column . button . button-secondary ,
. layout-single-column . button . button-tertiary {
border : 0 ;
background-color : var ( --color-accent-bg ) ;
color : var ( --color-accent ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . button : is ( . button-secondary , . button-tertiary ) : hover {
2023-07-10 19:09:13 +09:00
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
}
. layout-single-column . sign-in-banner . button ,
2023-11-16 06:28:05 +09:00
. layout-single-column . button : is ( . button-secondary , . button-tertiary ) {
2023-07-10 19:09:13 +09:00
padding : 10px 18px ;
}
2023-09-25 01:11:30 +09:00
@ media screen and ( max-width : 1174px ) {
. layout-single-column . button . button-tertiary {
padding : 7px 18px ;
}
}
2023-07-10 19:09:13 +09:00
. layout-single-column . sign-in-banner p {
color : var ( --color-fg ) ;
opacity : . 5 ;
}
2023-07-11 01:11:58 +09:00
2023-09-22 04:15:48 +09:00
/* 🤗 Onboarding */
2023-07-20 21:01:31 +09:00
. layout-single-column . scrollable . follow-recommendations-container ,
. layout-single-column . column-list {
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . column-title . logo {
display : none ;
}
. layout-single-column . column-title h3 ,
. layout-single-column . column-title p {
color : var ( --color-content-fg ) ;
}
. layout-single-column . column-list {
border : 0 ;
}
. layout-single-column . account__note {
color : var ( --color-content-fg-muted ) ;
}
2023-09-22 04:15:48 +09:00
. layout-single-column . onboarding__steps__item ,
. layout-single-column . onboarding__link {
background-color : var ( --color-content-secondary-bg ) ;
transition : all . 2s ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . onboarding__steps__item : is ( : active , : focus , : hover ) ,
. layout-single-column . onboarding__link : is ( : active , : focus , : hover ) {
2023-09-22 04:15:48 +09:00
background-color : var ( --color-accent-bg ) ;
}
. layout-single-column . onboarding__steps__item__icon ,
. layout-single-column . onboarding__steps__item__description h6 ,
. layout-single-column . onboarding__link {
color : var ( --color-accent ) ;
}
. layout-single-column . onboarding__steps__item__description p ,
. layout-single-column . onboarding__lead ,
. layout-single-column . onboarding__lead strong {
color : var ( --color-content-fg ) ;
}
. layout-single-column . onboarding__steps__item__go svg path ,
. layout-single-column . onboarding__link svg path {
fill : var ( --color-accent ) ;
}
. layout-single-column . follow-recommendations {
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . follow-recommendations . account {
border-left : 0 ;
border-right : 0 ;
margin-bottom : 15px ;
}
. layout-single-column . follow-recommendations . account__note {
color : var ( --color-content-fg ) ;
opacity : . 7 ;
}
. layout-single-column . follow-recommendations . account__note p {
overflow : hidden ;
}
2023-07-20 21:01:31 +09:00
2023-09-22 04:15:48 +09:00
. layout-single-column . copy-paste-text {
background-color : var ( --color-accent-bg ) ;
border-color : var ( --color-accent-lines ) ;
color : var ( --color-content-fg ) ;
}
2023-11-16 06:28:05 +09:00
. layout-single-column . copy-paste-text : is ( : focus , : active ) ,
2023-09-22 04:15:48 +09:00
. layout-single-column . tip-carousel : focus {
border-color : var ( --color-accent ) ;
}
. layout-single-column . copy-paste-text : has ( textarea : focus ) {
border-color : var ( --color-accent ) ;
}
2023-07-20 21:01:31 +09:00
2023-07-21 05:35:43 +09:00
/* 📢 Announcements */
. layout-single-column . announcements ,
. layout-single-column . announcements :: after {
background-color : var ( --color-accent-bg ) ;
color : var ( --color-content-fg ) ;
}
. layout-single-column . announcements {
overflow : visible ;
z-index : 0 ;
box-shadow : 0 -20px var ( --color-bg ) ;
2023-08-30 06:37:43 +09:00
border : 1px solid var ( --color-accent-lines ) ;
2023-07-21 05:35:43 +09:00
}
. layout-single-column . announcements__item strong {
font-weight : 800 ;
color : var ( --color-content-fg-bold ) ;
}
2023-09-22 03:14:06 +09:00
. layout-single-column . announcements__item__unread {
color : var ( --color-accent ) ;
}
2023-07-21 05:35:43 +09:00
. layout-single-column . announcements__pagination ,
. layout-single-column . announcements__pagination . icon-button {
color : var ( --color-content-fg ) ;
}
. layout-single-column . announcements__mastodon {
2023-07-30 03:19:43 +09:00
border-radius : 0 0 0 8px ;
2023-07-21 05:35:43 +09:00
}
. layout-single-column . reactions-bar__item {
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . reactions-bar__item . active {
background-color : var ( --color-accent ) ;
}
. layout-single-column . reactions-bar__item__count ,
. layout-single-column . reactions-bar__item__count . animated-number {
color : var ( --color-content-fg ) ;
}
. layout-single-column . reactions-bar__item . active . reactions-bar__item__count . animated-number {
color : var ( --color-accent-fg ) ;
}
2023-07-21 05:43:16 +09:00
. layout-single-column . reactions-bar . emoji-button ,
2023-07-21 06:51:51 +09:00
. layout-single-column . announcements__item__content a . unhandled-link ,
. layout-single-column . announcements__item__content a {
2023-07-21 05:35:43 +09:00
color : var ( --color-accent ) ;
}
2023-08-30 06:37:43 +09:00
. layout-single-column . announcements . emoji-button {
margin : 0 ;
}
2023-07-21 05:35:43 +09:00
@ media screen and ( max-width : 1174px ) {
. layout-single-column . announcements {
box-shadow : none ;
margin-top : -10px ;
border-radius : 0 ;
}
. layout-single-column . announcements__mastodon {
border-radius : 0 ;
}
}
2023-08-18 21:44:34 +09:00
/* 404 */
. layout-single-column . empty-column-indicator ,
. layout-single-column . error-column {
background-color : var ( --color-content-bg ) ;
color : var ( --color-content-fg ) ;
2023-11-14 22:56:39 +09:00
margin-top : -1px ;
2023-08-18 21:44:34 +09:00
}
. layout-single-column . error-column {
border : 1px solid var ( --color-lines ) ;
border-radius : 8px ! important ;
}
. layout-single-column . error-column__message h1 ,
. layout-single-column . error-column__message {
color : var ( --color-content-fg ) ;
}
. layout-single-column . error-column__image {
margin-top : 0 ;
}
@ media screen and ( max-width : 889px ) {
. layout-single-column . error-column {
border-radius : 0 ! important ;
border-left : 0 ;
border-right : 0 ;
}
}
2023-07-10 21:58:15 +09:00
/ * 📜 About page
------------- * /
2023-07-10 19:09:13 +09:00
. layout-single-column . scrollable . about {
background-color : var ( --color-content-bg ) ;
2023-07-30 03:19:43 +09:00
border : 1px solid var ( --color-lines ) ;
2023-07-10 22:55:50 +09:00
display : flex ;
flex-flow : column ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( max-width : 889px ) {
. layout-single-column . scrollable . about {
border-left : 0 ;
border-right : 0 ;
}
}
2023-07-11 01:33:07 +09:00
. layout-single-column . about__header {
2023-07-10 22:55:50 +09:00
order : 1 ;
margin-bottom : 10px ;
}
2023-07-11 01:33:07 +09:00
. layout-single-column . about__section : nth-child ( 3 ) {
2023-10-18 21:54:12 +09:00
order : 3 ;
2023-07-10 22:55:50 +09:00
}
2023-07-11 01:33:07 +09:00
. layout-single-column . about__meta {
2023-10-18 21:54:12 +09:00
order : 2 ;
2023-07-10 22:55:50 +09:00
}
2023-07-11 01:33:07 +09:00
. layout-single-column . about__section : nth-child ( 4 ) {
2023-07-10 22:55:50 +09:00
order : 4 ;
}
2023-07-11 01:33:07 +09:00
. layout-single-column . about__section : nth-child ( 5 ) {
2023-07-10 22:55:50 +09:00
order : 5 ;
2023-07-10 19:09:13 +09:00
}
2023-11-14 10:46:22 +09:00
. layout-single-column . about . link-footer {
2023-07-10 22:55:50 +09:00
order : 6 ;
}
2023-07-11 01:33:07 +09:00
. layout-single-column . about__footer {
2023-07-10 22:55:50 +09:00
order : 7 ;
}
. layout-single-column . about__header h1 ,
. layout-single-column . about__header p ,
2023-07-10 19:09:13 +09:00
. layout-single-column # mastodon > div > div > div . columns-area__panels > div . columns-area__panels__main > div . columns-area . columns-area--mobile > div > div > div . about__section . active : nth-of-type ( 3 ) > div . about__section__title {
display : none ;
}
2023-07-10 22:55:50 +09:00
. layout-single-column . about__header p ,
. layout-single-column . about__meta h4 {
color : var ( --color-fg ) ;
}
. layout-single-column . about__header__hero {
margin : -20px -20px 20px ;
width : calc ( 100 % + 40px ) ;
2023-07-30 03:19:43 +09:00
border-radius : 0 ;
2023-07-10 22:55:50 +09:00
background-color : var ( --color-content-bg ) ;
}
. layout-single-column . about__header__hero ,
. layout-single-column . about__meta {
margin-bottom : 10px ;
}
. layout-single-column . about__header h1 {
margin-bottom : 0 ;
}
2023-07-30 03:19:43 +09:00
@ media screen and ( min-width : 890px ) {
. layout-single-column . scrollable . about {
border-radius : 8px ! important ;
}
. layout-single-column . about__header__hero {
border-radius : 8px 8px 0 0 ;
}
}
2023-07-10 22:55:50 +09:00
. layout-single-column . about__mail {
color : var ( --color-content-fg ) ;
}
. layout-single-column . about__meta h4 {
font-size : 12px ;
font-weight : bold ;
margin-bottom : 8px ;
}
. layout-single-column . about__meta . account {
background : none ;
box-shadow : none ;
padding : 0 ;
2023-07-30 03:19:43 +09:00
border-left : 0 ;
border-right : 0 ;
2023-07-10 22:55:50 +09:00
}
. layout-single-column . about__meta__divider {
border-left : 3px solid var ( --color-content-secondary-separator ) ;
}
@ media screen and ( max-width : 600px ) {
. layout-single-column . about__meta__divider {
border-top : 3px solid var ( --color-content-secondary-separator ) ;
2023-07-11 01:30:29 +09:00
width : 90 % ;
2023-07-10 22:55:50 +09:00
}
}
2023-07-10 23:14:55 +09:00
. layout-single-column . about__section : nth-child ( 3 ) . about__section__body {
2023-10-18 21:54:12 +09:00
padding-bottom : 3em ;
2023-07-10 22:55:50 +09:00
}
2023-07-15 08:06:28 +09:00
. layout-single-column . about__meta ,
2023-07-11 00:51:37 +09:00
. layout-single-column . about__section__title {
2023-07-10 19:09:13 +09:00
color : var ( --color-accent ) ;
background-color : var ( --color-content-secondary-bg ) ;
border : 0 ;
2023-07-30 03:19:43 +09:00
border-radius : 8px ;
2023-07-15 08:06:28 +09:00
}
2023-07-10 19:09:13 +09:00
. layout-single-column . about__section . active . about__section__title {
2023-07-30 03:19:43 +09:00
border-radius : 8px 8px 0 0 ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . about__section . active : not ( : nth-of-type ( 3 ) ) . about__section__body {
border : 0 ! important ;
background-color : var ( --color-content-secondary-bg ) ;
2023-07-30 03:19:43 +09:00
border-radius : 0 0 8px 8px ;
2023-07-10 19:09:13 +09:00
}
2023-07-10 22:55:50 +09:00
. layout-single-column . prose ,
. layout-single-column . prose p ,
2023-07-15 08:06:28 +09:00
. layout-single-column . prose b ,
. layout-single-column . prose h1 ,
. layout-single-column . prose h2 ,
. layout-single-column . prose h3 ,
. layout-single-column . prose h4 ,
. layout-single-column . prose h5 ,
. layout-single-column . prose h6 ,
2023-07-10 22:55:50 +09:00
. layout-single-column . prose strong ,
2023-07-10 23:14:55 +09:00
. layout-single-column . rules-list ,
. layout-single-column . about__domain-blocks__domain h6 ,
. layout-single-column . about__domain-blocks__domain__type {
2023-07-10 19:09:13 +09:00
color : var ( --color-content-fg ) ;
}
2023-07-10 22:55:50 +09:00
. layout-single-column . prose ul > li : before {
background-color : var ( --color-fg ) ;
2023-07-10 19:09:13 +09:00
}
. layout-single-column . about__section__body . prose hr {
border-color : var ( --color-content-secondary-separator ) ;
margin-top : 2em ;
margin-bottom : 2em ;
border-width : 3px ;
}
. layout-single-column . about__section__body . prose a ,
2023-08-21 20:49:52 +09:00
. layout-single-column . about__section__body . prose a : hover ,
. layout-single-column . prose a strong {
2023-08-07 03:35:57 +09:00
color : var ( --color-accent ) ;
2023-07-10 19:09:13 +09:00
text-decoration : none ;
}
2023-08-07 03:35:57 +09:00
. layout-single-column . about__section__body . prose a : hover {
text-decoration : underline ;
}
2023-07-10 22:55:50 +09:00
. layout-single-column . about__section__body . prose small . lang_label {
2023-07-10 19:09:13 +09:00
margin-left : -2em ;
2023-08-21 20:31:42 +09:00
margin-top : 1px ;
2023-07-10 19:09:13 +09:00
display : block ;
2023-08-21 20:31:42 +09:00
color : var ( --color-content-fg-muted ) ;
2023-07-10 19:09:13 +09:00
font-weight : bold ;
font-size : 80 % ;
float : left ;
}
2023-07-10 23:14:55 +09:00
. about__section . active . about__section__title {
background-color : var ( --color-accent-bg ) ;
}
. layout-single-column . rules-list li {
2023-08-02 06:20:04 +09:00
border-bottom : 2px solid var ( --color-accent-lines ) ;
2023-07-10 23:14:55 +09:00
padding : 1em 1 . 75em 1em 3 . 4em ;
}
. layout-single-column . rules-list li : last-child {
border-bottom : 0 ;
}
. about__domain-blocks {
background-color : var ( --color-content-bg ) ;
border : 0 ;
}
. about__domain-blocks__domain {
color : var ( --color-content-fg ) ;
border-bottom : 0 ;
}
. about__domain-blocks__domain : nth-child ( 2n ) {
background-color : var ( --color-content-secondary-bg ) ;
2023-07-12 22:05:44 +09:00
}
2023-08-01 20:39:37 +09:00
/* Privacy Policy page */
. layout-single-column . column > . scrollable . privacy-policy {
border : 1px solid var ( --color-lines ) ;
background-color : var ( --color-content-bg ) ;
}
2023-07-12 22:05:44 +09:00
/* 👋 Hide superfluous UI */
. layout-single-column div # mastodon > div > div > div : nth-child ( 2 ) > div : nth-child ( 3 ) > div > div > div : nth-child ( 3 ) > hr ,
. layout-single-column . navigation-panel__legal > hr ,
. layout-single-column . about__footer , /* Hide meta footer */
. layout-single-column . server-banner__introduction , /* Hide generic mastodon server introduction in sidebar */
. layout-single-column . search-banner ~ . search , /* Hide search field for logged out users */
. layout-single-column . getting-started__trends h4 , /* Hide Trending header in sidebar */
. layout-single-column . account__header__bio . account__header__fields > dl : first-child /* Hide "Joined" field on profiles */ {
display : none ;
2023-07-15 08:06:28 +09:00
}