2023-12-02 02:32:27 +09:00
/ * Tangerine UI for Mastodon 🍊
2023-11-21 08:32:06 +09:00
A Tangerine redesign for Mastodon ' s Web UI.
https : / / github . com / nileane / TangerineUI-for-Mastodon /
by @ nileane @ nileane . fr
* /
2023-12-02 02:32:27 +09:00
/* 📄 Meta */
: root {
2024-07-24 03:51:49 +09:00
--version : " v2.0.0-pre7~ " ;
2024-02-28 08:02:43 +09:00
--variant-name : " Tangerine " ;
--variant-emoji : " \1F34A\00A0 " ;
--variant : var ( -- variant-emoji ) var ( -- variant-name ) ;
2024-03-04 22:55:20 +09:00
--meta : ' Tangerine UI for Mastodon: ' var ( -- version ) ' \00B7 ' var ( -- variant ) ;
2023-12-02 02:32:27 +09:00
}
2023-11-21 08:32:06 +09:00
/* 🎨 Colors */
: root {
2024-02-28 08:02:43 +09:00
color-scheme : light dark ;
--color-bg : #f5f2ef ;
2023-12-27 06:54:03 +09:00
--gradient-bg : linear-gradient ( 90 deg , var ( -- color - bg ) , var ( -- color - bg )) ;
2023-11-21 08:32:06 +09:00
--color-fg : #2a2d37 ;
--color-fg-muted : #948c84 ;
--color-secondary-bg : #f2eae4 ;
--color-secondary-separator : #ede3db ;
--color-content-bg : #ffffff ;
--color-content-fg : #444a5a ;
--color-content-fg-bold : #000000 ;
2024-07-24 03:51:49 +09:00
--color-content-fg-muted : color-mix ( in srgb , var ( -- color - content - fg ) , var ( -- color - content - bg ) 40 % ) ;
2023-11-21 08:32:06 +09:00
--color-content-secondary-bg : #f9f6f4 ;
--color-content-secondary-separator : rgba ( 237 , 227 , 219 , 0 .4 ) ;
--color-content-bg-focus : #fffcfa ;
--color-accent : #f76902 ;
--color-accent-focus : #ff9447 ;
--color-accent-lines : rgba ( 247 , 105 , 2 , 0 .12 ) ;
--color-accent-bg : #f6e5dd ;
--color-accent-fg : #ffffff ;
--color-lines : #e1dde4 ;
2024-02-01 03:20:59 +09:00
--color-lines-translucent : rgba ( 0 , 0 , 0 , .15 ) ;
2023-12-26 09:19:25 +09:00
--color-confirm : #79bd9a ;
--color-confirm-bg : rgba ( 121 , 189 , 154 , 0 .3 ) ;
--color-confirm-fg : #4E8A6B ;
--color-reject : #df405a ;
--color-reject-bg : rgba ( 223 , 64 , 90 , 0 .3 ) ;
2023-11-21 08:32:06 +09:00
}
@media ( prefers-color-scheme : dark ) {
: root {
2024-07-18 00:07:12 +09:00
--color-bg : #111111 ;
2023-12-27 06:54:03 +09:00
--gradient-bg : linear-gradient ( 90 deg , var ( -- color - bg ) , var ( -- color - bg )) ;
2023-11-21 08:32:06 +09:00
--color-fg : #e0d6d1 ;
--color-fg-muted : #6e635e ;
--color-secondary-bg : #1e1810 ;
--color-secondary-separator : #25201c ;
2024-07-18 00:07:12 +09:00
--color-content-bg : #030303 ;
2023-11-21 08:32:06 +09:00
--color-content-fg : var ( -- color - fg ) ;
--color-content-fg-bold : #ffffff ;
--color-content-fg-muted : #737373 ;
--color-content-secondary-bg : var ( -- color - secondary-bg ) ;
--color-content-secondary-separator : rgba ( 77 , 73 , 70 , 0 .4 ) ;
2023-12-27 06:02:40 +09:00
--color-content-bg-focus : #0e0e0e ;
2023-11-21 08:32:06 +09:00
--color-accent : #e68933 ;
--color-accent-focus : #ffa047 ;
--color-accent-lines : rgb ( 230 , 137 , 51 , 0 .3 ) ;
--color-accent-bg : #3c2a1f ;
--color-accent-fg : #ffffff ;
--color-lines : #343434 ;
2024-02-01 03:20:59 +09:00
--color-lines-translucent : rgba ( 255 , 255 , 255 , .15 ) ;
2024-03-19 03:14:13 +09:00
--color-confirm-fg : var ( -- color - confirm ) ;
2023-11-21 08:32:06 +09:00
}
}
: root {
/* Mastodon logo */
--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 .088 c - 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 .206 l .867 19 .09 s - 14 .77 7 .931 - 41 .08 9 .39 c - 14 .51 .797 - 32 .525 - .365 - 53 .507 - 5 .919 C 9 .232 213 .82 1 .406 165 .311 .209 116 .091 c - .365 - 14 .613 - .14 - 28 .393 - .14 - 39 .918 0 - 50 .33 32 .976 - 65 .083 32 .976 - 65 .083 C 49 .672 3 .454 78 .204 .242 107 .865 0 h .729 c 29 .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= ' % 23 fff ' d= ' M177 .51 80 .077 v 60 .941 h - 24 .144 v - 59 .15 c 0 - 12 .469 - 5 .246 - 18 .797 - 15 .74 - 18 .797 - 11 .602 0 - 17 .417 7 .507 - 17 .417 22 .352 V 117 .8 H 96 .207 V 85 .423 c 0 - 14 .845 - 5 .816 - 22 .352 - 17 .418 - 22 .352 - 10 .494 0 - 15 .74 6 .328 - 15 .74 18 .797 v 59 .15 H 38 .905 V 80 .077 c 0 - 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 .247 l 6 .013 10 .082 6 .015 - 10 .082 c 6 .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");
/* Post+Notifications icons */
--icon-reply : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYsMjAwYTEyLDEyLDAsMCwxLTI0LDAsODQuMDksODQuMDksMCwwLDAtODQtODRINjFsMjcuNTIsMjcuNTFhMTIsMTIsMCwwLDEtMTcsMTdsLTQ4LTQ4YTEyLDEyLDAsMCwxLDAtMTdsNDgtNDhhMTIsMTIsMCwwLDEsMTcsMTdMNjEsOTJoNjdBMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-reply-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTgwLDU2djk2TDMyLDEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMjgsOTZIODhWNTZhOCw4LDAsMCwwLTEzLjY2LTUuNjZsLTQ4LDQ4YTgsOCwwLDAsMCwwLDExLjMybDQ4LDQ4QTgsOCwwLDAsMCw4OCwxNTJWMTEyaDQwYTg4LjEsODguMSwwLDAsMSw4OCw4OCw4LDgsMCwwLDAsMTYsMEExMDQuMTEsMTA0LjExLDAsMCwwLDEyOCw5NlpNNzIsMTMyLjY5LDQzLjMxLDEwNCw3Miw3NS4zMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
2024-07-18 00:07:12 +09:00
--icon-reply-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMjAwYTgsOCwwLDAsMS0xNiwwLDg4LjEsODguMSwwLDAsMC04OC04OEg4OHY0MGE4LDgsMCwwLDEtMTMuNjYsNS42NmwtNDgtNDhhOCw4LDAsMCwxLDAtMTEuMzJsNDgtNDhBOCw4LDAsMCwxLDg4LDU2Vjk2aDQwQTEwNC4xMSwxMDQuMTEsMCwwLDEsMjMyLDIwMFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-20 11:49:35 +09:00
--icon-boost : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-boost-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+" ) ;
2024-03-14 05:44:57 +09:00
--icon-boost-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzI1OTRmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-03-09 02:02:16 +09:00
--icon-boost-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-20 11:49:35 +09:00
--icon-star : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-21 08:32:06 +09:00
--icon-star-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
2024-03-14 05:44:57 +09:00
--icon-star-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmYmYwMCIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-bookmark : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-03-14 05:44:57 +09:00
--icon-bookmark-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-21 08:32:06 +09:00
--icon-bookmark-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzUzYjc4MSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMzJINzJBMTYsMTYsMCwwLDAsNTYsNDhWMjI0YTgsOCwwLDAsMCwxMi4yNCw2Ljc4TDEyOCwxOTMuNDNsNTkuNzcsMzcuMzVBOCw4LDAsMCwwLDIwMCwyMjRWNDhBMTYsMTYsMCwwLDAsMTg0LDMyWk0xMzIuMjMsMTc3LjIyYTgsOCwwLDAsMC04LjQ4LDBMNzIsMjA5LjU3VjE4MC40M2w1Ni0zNSw1NiwzNXYyOS4xNFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-translate : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-translate-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-22 01:41:37 +09:00
--icon-translate-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-02-28 08:02:43 +09:00
--icon-ellipsis : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-ellipsis-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-22 01:41:37 +09:00
--icon-ellipsis-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-poll : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-poll-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-12-20 03:56:45 +09:00
--icon-poll-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-21 08:32:06 +09:00
--icon-post : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNjOWM1YmU7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCwxMjhBOTYsOTYsMCwwLDEsNzkuOTMsMjExLjExaDBMNDIuNTQsMjIzLjU4YTgsOCwwLDAsMS0xMC4xMi0xMC4xMmwxMi40Ny0zNy4zOWgwQTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwwLDAsMzYuMTgsMTc2Ljg4TDI0LjgzLDIxMC45M2ExNiwxNiwwLDAsMCwyMC4yNCwyMC4yNGwzNC4wNS0xMS4zNUExMDQsMTA0LDAsMSwwLDEyOCwyNFptMCwxOTJhODcuODcsODcuODcsMCwwLDEtNDQuMDYtMTEuODEsOCw4LDAsMCwwLTQtMS4wOCw3Ljg1LDcuODUsMCwwLDAtMi41My40Mkw0MCwyMTYsNTIuNDcsMTc4LjZhOCw4LDAsMCwwLS42Ni02LjU0QTg4LDg4LDAsMSwxLDEyOCwyMTZabTEyLTg4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabS00NCwwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDk2LDEyOFptODgsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxODQsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-post-notification : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-post-notification-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-users : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-users-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-user-plus : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--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==" ) ;
/* Navigation icons */
2024-02-19 21:47:25 +09:00
--icon-home : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-home-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-home-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-home-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-bell : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-explore : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-explore-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-explore-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-explore-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-globe : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-globe-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-direct-messages : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-direct-messages-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-direct-messages-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-direct-messages-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bookmark-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bookmark-column-link-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-star-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-star-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-star-column-link-accent : var ( -- icon - star-accent ) ;
--icon-star-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-search : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
2024-02-19 21:47:25 +09:00
--icon-search-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-search-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-search-column-link-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-search-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-user-plus-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-user-plus-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-user-plus-column-link-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-user-plus-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-list : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-list-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-list-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-list-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-settings : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-settings-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
2024-02-20 00:18:33 +09:00
2023-11-21 08:32:06 +09:00
--icon-logout : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4bC00MCw0MFY4OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTIsMjE2YTgsOCwwLDAsMS04LDhINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJoNTZhOCw4LDAsMCwxLDAsMTZINDhWMjA4aDU2QTgsOCwwLDAsMSwxMTIsMjE2Wm0xMDkuNjYtODIuMzQtNDAsNDBBOCw4LDAsMCwxLDE2OCwxNjhWMTM2SDEwNGE4LDgsMCwwLDEsMC0xNmg2NFY4OGE4LDgsMCwwLDEsMTMuNjYtNS42Nmw0MCw0MEE4LDgsMCwwLDEsMjIxLjY2LDEzMy42NlptLTE3LTUuNjZMMTg0LDEwNy4zMXY0MS4zOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2024-02-20 00:18:33 +09:00
--icon-ellipsis-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-ellipsis-column-link-active-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-21 08:32:06 +09:00
2024-02-28 08:02:43 +09:00
--icon-hashtag : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-hashtag-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-21 08:32:06 +09:00
/* Post visibility icons */
2023-12-20 11:49:35 +09:00
--icon-globe-visibility : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-21 08:32:06 +09:00
--icon-globe-visibility-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
2024-01-26 08:00:46 +09:00
--icon-globe-visibility-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
2023-12-20 11:49:35 +09:00
--icon-unlock : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-20 03:56:45 +09:00
--icon-unlock-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-01-26 08:00:46 +09:00
--icon-unlock-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-20 11:49:35 +09:00
--icon-lock : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-lock-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
2024-01-26 08:00:46 +09:00
--icon-lock-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-20 11:49:35 +09:00
--icon-at : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-at-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=" ) ;
2024-01-26 08:00:46 +09:00
--icon-at-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
/* Other icons */
--icon-bell-still : var ( -- icon - bell ) ;
--icon-bell-ringing : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-30 12:43:55 +09:00
--icon-erase : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTY4bC00OCw0OEg2Ni43NUwzNi42OSwxODUuOTRhMTYsMTYsMCwwLDEsMC0yMi42M0w5NiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI1LDgwLjQsMTgzLjYsMzlhMjQsMjQsMCwwLDAtMzMuOTQsMEwzMSwxNTcuNjZhMjQsMjQsMCwwLDAsMCwzMy45NGwzMC4wNiwzMC4wNkE4LDgsMCwwLDAsNjYuNzQsMjI0SDIxNmE4LDgsMCwwLDAsMC0xNmgtODQuN0wyMjUsMTE0LjM0QTI0LDI0LDAsMCwwLDIyNSw4MC40Wk0xMDguNjgsMjA4SDcwLjA1TDQyLjMzLDE4MC4yOGE4LDgsMCwwLDEsMC0xMS4zMUw5NiwxMTUuMzEsMTQ4LjY5LDE2OFptMTA1LTEwNUwxNjAsMTU2LjY5LDEwNy4zMSwxMDQsMTYxLDUwLjM0YTgsOCwwLDAsMSwxMS4zMiwwbDQxLjM4LDQxLjM4YTgsOCwwLDAsMSwwLDExLjMxWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-erase-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUsODAuNCwxODMuNiwzOWEyNCwyNCwwLDAsMC0zMy45NCwwTDMxLDE1Ny42NmEyNCwyNCwwLDAsMCwwLDMzLjk0bDMwLjA2LDMwLjA2QTgsOCwwLDAsMCw2Ni43NCwyMjRIMjE2YTgsOCwwLDAsMCwwLTE2aC04NC43TDIyNSwxMTQuMzRBMjQsMjQsMCwwLDAsMjI1LDgwLjRaTTIxMy42NywxMDMsMTYwLDE1Ni42OSwxMDcuMzEsMTA0LDE2MSw1MC4zNGE4LDgsMCwwLDEsMTEuMzIsMGw0MS4zOCw0MS4zOGE4LDgsMCwwLDEsMCwxMS4zMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-reject : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2RmNDA1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDguNDksMTkxLjUxYTEyLDEyLDAsMCwxLTE3LDE3TDEyOCwxNDUsNjQuNDksMjA4LjQ5YTEyLDEyLDAsMCwxLTE3LTE3TDExMSwxMjgsNDcuNTEsNjQuNDlhMTIsMTIsMCwwLDEsMTctMTdMMTI4LDExMWw2My41MS02My41MmExMiwxMiwwLDAsMSwxNywxN0wxNDUsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-reject-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDguNDksMTkxLjUxYTEyLDEyLDAsMCwxLTE3LDE3TDEyOCwxNDUsNjQuNDksMjA4LjQ5YTEyLDEyLDAsMCwxLTE3LTE3TDExMSwxMjgsNDcuNTEsNjQuNDlhMTIsMTIsMCwwLDEsMTctMTdMMTI4LDExMWw2My41MS02My41MmExMiwxMiwwLDAsMSwxNywxN0wxNDUsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-megaphone : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsNjkuMDlWMTcwLjkxTDQyLjI0LDE5OS42N0E4LDgsMCwwLDEsMzIsMTkyVjQ4YTgsOCwwLDAsMSwxMC4yNC03LjY3WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMC41NCw4Ni42NmwtMTc2LjA2LTU0QTE2LDE2LDAsMCwwLDI0LDQ4VjE5MmExNiwxNiwwLDAsMCwxNiwxNiwxNiwxNiwwLDAsMCw0LjUyLS42NUwxMjgsMTgxLjczVjE5MmExNiwxNiwwLDAsMCwxNiwxNmgzMmExNiwxNiwwLDAsMCwxNi0xNnYtMjkuOWwyOC41NC04Ljc1QTE2LjA5LDE2LjA5LDAsMCwwLDIzMiwxMzhWMTAyQTE2LjA5LDE2LjA5LDAsMCwwLDIyMC41NCw4Ni42NlpNMTI4LDE2NSw0MCwxOTJWNDhsODgsMjdabTQ4LDI3SDE0NFYxNzYuODJMMTc2LDE2N1ptNDAtNTQtLjExLDBMMTQ0LDE2MC4wOFY3OS45Mmw3MS44OSwyMiwuMTEsMHYzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-sliders : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-20 11:49:35 +09:00
--icon-paperclip : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZWMTc4LjA2bC0zOS43Mi0zOS43MmE4LDgsMCwwLDAtMTEuMzEsMEwxNDcuMzEsMTY0LDk3LjY2LDExNC4zNGE4LDgsMCwwLDAtMTEuMzIsMEwzMiwxNjguNjlWNTZhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCw1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsNDBINDBBMTYsMTYsMCwwLDAsMjQsNTZWMjAwYTE2LDE2LDAsMCwwLDE2LDE2SDIxNmExNiwxNiwwLDAsMCwxNi0xNlY1NkExNiwxNiwwLDAsMCwyMTYsNDBabTAsMTZWMTU4Ljc1bC0yNi4wNy0yNi4wNmExNiwxNiwwLDAsMC0yMi42MywwbC0yMCwyMC00NC00NGExNiwxNiwwLDAsMC0yMi42MiwwTDQwLDE0OS4zN1Y1NlpNNDAsMTcybDUyLTUyLDgwLDgwSDQwWm0xNzYsMjhIMTk0LjYzbC0zNi0zNiwyMC0yMEwyMTYsMTgxLjM4VjIwMFpNMTQ0LDEwMGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSwxNDQsMTAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-20 03:56:45 +09:00
--icon-warning : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTUuNDYsMjE2SDQwLjU0QzI3LjkyLDIxNiwyMCwyMDIuNzksMjYuMTMsMTkyLjA5TDExMy41OSw0MC4yMmM2LjMtMTEsMjIuNTItMTEsMjguODIsMGw4Ny40NiwxNTEuODdDMjM2LDIwMi43OSwyMjguMDgsMjE2LDIxNS40NiwyMTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM2LjgsMTg4LjA5LDE0OS4zNSwzNi4yMmgwYTI0Ljc2LDI0Ljc2LDAsMCwwLTQyLjcsMEwxOS4yLDE4OC4wOWEyMy41MSwyMy41MSwwLDAsMCwwLDIzLjcyQTI0LjM1LDI0LjM1LDAsMCwwLDQwLjU1LDIyNGgxNzQuOWEyNC4zNSwyNC4zNSwwLDAsMCwyMS4zMy0xMi4xOUEyMy41MSwyMy41MSwwLDAsMCwyMzYuOCwxODguMDlaTTIyMi45MywyMDMuOGE4LjUsOC41LDAsMCwxLTcuNDgsNC4ySDQwLjU1YTguNSw4LjUsMCwwLDEtNy40OC00LjIsNy41OSw3LjU5LDAsMCwxLDAtNy43MkwxMjAuNTIsNDQuMjFhOC43NSw4Ljc1LDAsMCwxLDE1LDBsODcuNDUsMTUxLjg3QTcuNTksNy41OSwwLDAsMSwyMjIuOTMsMjAzLjhaTTEyMCwxNDRWMTA0YTgsOCwwLDAsMSwxNiwwdjQwYTgsOCwwLDAsMS0xNiwwWm0yMCwzNmExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTgwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-warning-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTUuNDYsMjE2SDQwLjU0QzI3LjkyLDIxNiwyMCwyMDIuNzksMjYuMTMsMTkyLjA5TDExMy41OSw0MC4yMmM2LjMtMTEsMjIuNTItMTEsMjguODIsMGw4Ny40NiwxNTEuODdDMjM2LDIwMi43OSwyMjguMDgsMjE2LDIxNS40NiwyMTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM2LjgsMTg4LjA5LDE0OS4zNSwzNi4yMmgwYTI0Ljc2LDI0Ljc2LDAsMCwwLTQyLjcsMEwxOS4yLDE4OC4wOWEyMy41MSwyMy41MSwwLDAsMCwwLDIzLjcyQTI0LjM1LDI0LjM1LDAsMCwwLDQwLjU1LDIyNGgxNzQuOWEyNC4zNSwyNC4zNSwwLDAsMCwyMS4zMy0xMi4xOUEyMy41MSwyMy41MSwwLDAsMCwyMzYuOCwxODguMDlaTTIyMi45MywyMDMuOGE4LjUsOC41LDAsMCwxLTcuNDgsNC4ySDQwLjU1YTguNSw4LjUsMCwwLDEtNy40OC00LjIsNy41OSw3LjU5LDAsMCwxLDAtNy43MkwxMjAuNTIsNDQuMjFhOC43NSw4Ljc1LDAsMCwxLDE1LDBsODcuNDUsMTUxLjg3QTcuNTksNy41OSwwLDAsMSwyMjIuOTMsMjAzLjhaTTEyMCwxNDRWMTA0YTgsOCwwLDAsMSwxNiwwdjQwYTgsOCwwLDAsMS0xNiwwWm0yMCwzNmExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTgwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +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==" ) ;
--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==" ) ;
2023-12-20 03:56:45 +09:00
--icon-emoji-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk1LjkxLDk1LjkxLDAsMCwxLTQuMjEsMjguMjFsLTYzLjU3LDYzLjU4QTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc0LjkyLDE1NmMtMTAuMjksMTcuNzktMjcuMzksMjgtNDYuOTIsMjhzLTM2LjYzLTEwLjItNDYuOTItMjhhOCw4LDAsMSwxLDEzLjg0LThjNy40NywxMi45MSwxOS4yMSwyMCwzMy4wOCwyMHMyNS42MS03LjEsMzMuMDgtMjBhOCw4LDAsMSwxLDEzLjg0LDhaTTIzMiwxMjhhMTA0LjM1LDEwNC4zNSwwLDAsMS00LjU2LDMwLjU2LDgsOCwwLDAsMS0yLDMuMzFsLTYzLjU3LDYzLjU3YTcuOSw3LjksMCwwLDEtMy4zLDJBMTA0LDEwNCwwLDEsMSwyMzIsMTI4Wm0tMTYsMGE4Ny44OSw4Ny44OSwwLDEsMC02NCw4NC42OUwyMTIuNjksMTUyQTg4LjA1LDg4LjA1LDAsMCwwLDIxNiwxMjhaTTkyLDEyMGExMiwxMiwwLDEsMC0xMi0xMkExMiwxMiwwLDAsMCw5MiwxMjBabTcyLTI0YTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE2NCw5NloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-emoji-accent-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk1LjkxLDk1LjkxLDAsMCwxLTQuMjEsMjguMjFsLTYzLjU3LDYzLjU4QTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc0LjkyLDE1NmMtMTAuMjksMTcuNzktMjcuMzksMjgtNDYuOTIsMjhzLTM2LjYzLTEwLjItNDYuOTItMjhhOCw4LDAsMSwxLDEzLjg0LThjNy40NywxMi45MSwxOS4yMSwyMCwzMy4wOCwyMHMyNS42MS03LjEsMzMuMDgtMjBhOCw4LDAsMSwxLDEzLjg0LDhaTTIzMiwxMjhhMTA0LjM1LDEwNC4zNSwwLDAsMS00LjU2LDMwLjU2LDgsOCwwLDAsMS0yLDMuMzFsLTYzLjU3LDYzLjU3YTcuOSw3LjksMCwwLDEtMy4zLDJBMTA0LDEwNCwwLDEsMSwyMzIsMTI4Wm0tMTYsMGE4Ny44OSw4Ny44OSwwLDEsMC02NCw4NC42OUwyMTIuNjksMTUyQTg4LjA1LDg4LjA1LDAsMCwwLDIxNiwxMjhaTTkyLDEyMGExMiwxMiwwLDEsMC0xMi0xMkExMiwxMiwwLDAsMCw5MiwxMjBabTcyLTI0YTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE2NCw5NloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNmZDdkMjA7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIwOS45NCwxMTMuOTRsLTI4LDI4YTQ3Ljc2LDQ3Ljc2LDAsMCwxLTI2LjUyLDEzLjQ4LDQ3Ljc2LDQ3Ljc2LDAsMCwxLTEzLjQ4LDI2LjUybC0yOCwyOGE0OCw0OCwwLDAsMS02Ny44OC02Ny44OGwyOC0yOGE0Ny43Niw0Ny43NiwwLDAsMSwyNi41Mi0xMy40OCw0Ny43Niw0Ny43NiwwLDAsMSwxMy40OC0yNi41MmwyOC0yOGE0OCw0OCwwLDAsMSw2Ny44OCw2Ny44OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMzcuNTQsMTg2LjM2YTgsOCwwLDAsMSwwLDExLjMxbC0xNy45NCwxOEE1Niw1NiwwLDAsMSw0MC4zOCwxMzYuNEw2OC41LDEwOC4yOUE1Niw1NiwwLDAsMSwxNDUuMzEsMTA2YTgsOCwwLDEsMS0xMC42NCwxMiw0MCw0MCwwLDAsMC01NC44NSwxLjYzTDUxLjcsMTQ3LjcyYTQwLDQwLDAsMSwwLDU2LjU4LDU2LjU4bDE3Ljk0LTE3Ljk0QTgsOCwwLDAsMSwxMzcuNTQsMTg2LjM2Wm03OC4wOC0xNDZhNTYuMDgsNTYuMDgsMCwwLDAtNzkuMjIsMEwxMTguNDYsNTguMzNhOCw4LDAsMCwwLDExLjMyLDExLjMxTDE0Ny43Miw1MS43YTQwLDQwLDAsMCwxLDU2LjU4LDU2LjU4TDE3Ni4xOCwxMzYuNEE0MCw0MCwwLDAsMSwxMjEuMzMsMTM4LDgsOCwwLDEsMCwxMTAuNjksMTUwYTU2LDU2LDAsMCwwLDc2LjgxLTIuMjdsMjguMTItMjguMTFBNTYuMDgsNTYuMDgsMCwwLDAsMjE1LjYyLDQwLjM4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-share : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-22 07:54:30 +09:00
--icon-compose : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTEuODQsMTM0LjgxbC01OS43OSw2MC40NywwLDBhMTUuNzUsMTUuNzUsMCwwLDEtMTEuMiw0LjY4SDc1LjMyTDQ1LjY2LDIyOS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJsMjIuNTktMjIuNThoMEwxMjQuNywxMjhIMjA5QTQsNCwwLDAsMSwyMTEuODQsMTM0LjgxWk0yMTYuNywzMC41N2E2NCw2NCwwLDAsMC04NS45LDQuMTRsLTkuNiw5LjQ4QTQsNCwwLDAsMCwxMjAsNDd2NjNsNTUtNTVhOCw4LDAsMCwxLDExLjMxLDExLjMxTDE0MC43MSwxMTJoODguMzhhNCw0LDAsMCwwLDMuNTYtMi4xNkE2NC4wOCw2NC4wOCwwLDAsMCwyMTYuNywzMC41N1pNNjIuODMsMTY3LjIzLDEwNCwxMjYuMDZWNzAuNzZhNCw0LDAsMCwwLTYuODEtMi44NEw2MC42OSwxMDRBMTUuOSwxNS45LDAsMCwwLDU2LDExNS4zMVYxNjQuNEE0LDQsMCwwLDAsNjIuODMsMTY3LjIzWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-21 00:01:19 +09:00
--icon-send : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTkuOTEsMTM0Ljg2LDUxLjkzLDIzMWE4LDgsMCwwLDEtMTEuNDQtOS42N2wzMS05MC43MWE3Ljg5LDcuODksMCwwLDAsMC01LjM4bC0zMS05MC40N2E4LDgsMCwwLDEsMTEuNDQtOS42N2wxNjgsOTUuODVBOCw4LDAsMCwxLDIxOS45MSwxMzQuODZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjg3LDExNGwtMTY4LTk1Ljg5QTE2LDE2LDAsMCwwLDMyLjkzLDM3LjMybDMxLDkwLjQ3YS40Mi40MiwwLDAsMCwwLC4xLjMuMywwLDAsMCwwLC4xbC0zMSw5MC42N0ExNiwxNiwwLDAsMCw0OCwyNDBhMTYuMTQsMTYuMTQsMCwwLDAsNy45Mi0yLjFsMTY3LjkxLTk2LjA1YTE2LDE2LDAsMCwwLC4wNS0yNy44OVpNNDgsMjI0bDAtLjA5TDc4LjE0LDEzNkgxMzZhOCw4LDAsMCwwLDAtMTZINzguMjJMNDguMDYsMzIuMTIsNDgsMzJsMTY4LDk1LjgzWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-01-09 03:33:49 +09:00
--icon-send-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI3Ljg5YTE2LDE2LDAsMCwxLTguMTgsMTRMNTUuOTEsMjM3LjlBMTYuMTQsMTYuMTQsMCwwLDEsNDgsMjQwYTE2LDE2LDAsMCwxLTE1LjA1LTIxLjM0TDYwLjMsMTM4LjcxQTQsNCwwLDAsMSw2NC4wOSwxMzZIMTM2YTgsOCwwLDAsMCw4LTguNTMsOC4xOSw4LjE5LDAsMCwwLTguMjYtNy40N0g2NC4xNmE0LDQsMCwwLDEtMy43OS0yLjdsLTI3LjQ0LTgwQTE2LDE2LDAsMCwxLDU1Ljg1LDE4LjA3bDE2OCw5NS44OUExNiwxNiwwLDAsMSwyMzIsMTI3Ljg5WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-27 01:14:58 +09:00
--icon-copy : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-copied : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJabS04LDEyOEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-12-20 11:49:35 +09:00
--icon-eye-shut : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0Yy0xNi44MSwyMC44MS00Ny42Myw0OC05Niw0OHMtNzkuMTktMjcuMTktOTYtNDhjMTYuODEtMjAuODEsNDcuNjMtNDgsOTYtNDhTMjA3LjE5LDgzLjE5LDIyNCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI4LDE3NWE4LDgsMCwwLDEtMTAuOTItM2wtMTktMzMuMkExMjMuMjMsMTIzLjIzLDAsMCwxLDE2MiwxNTUuNDZsNS44NywzNS4yMmE4LDgsMCwwLDEtNi41OCw5LjIxQTguNCw4LjQsMCwwLDEsMTYwLDIwMGE4LDgsMCwwLDEtNy44OC02LjY5bC01Ljc3LTM0LjU4YTEzMy4wNiwxMzMuMDYsMCwwLDEtMzYuNjgsMGwtNS43NywzNC41OEE4LDgsMCwwLDEsOTYsMjAwYTguNCw4LjQsMCwwLDEtMS4zMi0uMTEsOCw4LDAsMCwxLTYuNTgtOS4yMUw5NCwxNTUuNDZhMTIzLjIzLDEyMy4yMywwLDAsMS0zNi4wNi0xNi42OUwzOSwxNzJBOCw4LDAsMSwxLDI1LjA2LDE2NGwyMC0zNWExNTMuNDcsMTUzLjQ3LDAsMCwxLTE5LjMtMjBBOCw4LDAsMSwxLDM4LjIyLDk5YzE2LjYsMjAuNTQsNDUuNjQsNDUsODkuNzgsNDVzNzMuMTgtMjQuNDksODkuNzgtNDVBOCw4LDAsMSwxLDIzMC4yMiwxMDlhMTUzLjQ3LDE1My40NywwLDAsMS0xOS4zLDIwbDIwLDM1QTgsOCwwLDAsMSwyMjgsMTc1WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-27 06:02:40 +09:00
--icon-eye-shut-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0Yy0xNi44MSwyMC44MS00Ny42Myw0OC05Niw0OHMtNzkuMTktMjcuMTktOTYtNDhjMTYuODEtMjAuODEsNDcuNjMtNDgsOTYtNDhTMjA3LjE5LDgzLjE5LDIyNCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI4LDE3NWE4LDgsMCwwLDEtMTAuOTItM2wtMTktMzMuMkExMjMuMjMsMTIzLjIzLDAsMCwxLDE2MiwxNTUuNDZsNS44NywzNS4yMmE4LDgsMCwwLDEtNi41OCw5LjIxQTguNCw4LjQsMCwwLDEsMTYwLDIwMGE4LDgsMCwwLDEtNy44OC02LjY5bC01Ljc3LTM0LjU4YTEzMy4wNiwxMzMuMDYsMCwwLDEtMzYuNjgsMGwtNS43NywzNC41OEE4LDgsMCwwLDEsOTYsMjAwYTguNCw4LjQsMCwwLDEtMS4zMi0uMTEsOCw4LDAsMCwxLTYuNTgtOS4yMUw5NCwxNTUuNDZhMTIzLjIzLDEyMy4yMywwLDAsMS0zNi4wNi0xNi42OUwzOSwxNzJBOCw4LDAsMSwxLDI1LjA2LDE2NGwyMC0zNWExNTMuNDcsMTUzLjQ3LDAsMCwxLTE5LjMtMjBBOCw4LDAsMSwxLDM4LjIyLDk5YzE2LjYsMjAuNTQsNDUuNjQsNDUsODkuNzgsNDVzNzMuMTgtMjQuNDksODkuNzgtNDVBOCw4LDAsMSwxLDIzMC4yMiwxMDlhMTUzLjQ3LDE1My40NywwLDAsMS0xOS4zLDIwbDIwLDM1QTgsOCwwLDAsMSwyMjgsMTc1WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-20 11:49:35 +09:00
--icon-eye-open : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-edited : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzQ0NGE1YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMTUsNzAuNTQsMTg1LjQ2LDI1Ljg2YTIwLDIwLDAsMCwwLTI4LjI4LDBMMzMuODYsMTQ5LjE3QTE5Ljg2LDE5Ljg2LDAsMCwwLDI4LDE2My4zMVYyMDhhMjAsMjAsMCwwLDAsMjAsMjBIMjE2YTEyLDEyLDAsMCwwLDAtMjRIMTI1TDIzMC4xNSw5OC44M0EyMCwyMCwwLDAsMCwyMzAuMTUsNzAuNTRaTTkxLDIwNEg1MlYxNjVsODQtODQsMzksMzlaTTE5MiwxMDMsMTUzLDY0bDE4LjM0LTE4LjM0LDM5LDM5WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-03-13 10:50:57 +09:00
--icon-edited-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMyLDczLjM3LDE4Mi42MywyOC42OWExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDIxNmE4LDgsMCwwLDAsMC0xNkgxMTUuMzJsMTEyLTExMkExNiwxNiwwLDAsMCwyMjcuMzIsNzMuMzdaTTQ4LDE2My4zMWw4OC04OEwxODAuNjksMTIwbC04OCw4OEg0OFptMTQ0LTU0LjYyTDE0Ny4zMiw2NGwyNC0yNEwyMTYsODQuNjlaIj48L3BhdGg+PC9zdmc+" ) ;
2023-12-21 00:01:19 +09:00
--icon-timer : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNDRhOTYsOTYsMCwxLDAsOTYsOTZBOTYuMTEsOTYuMTEsMCwwLDAsMTI4LDQ0Wm0wLDE2OGE3Miw3MiwwLDEsMSw3Mi03MkE3Mi4wOCw3Mi4wOCwwLDAsMSwxMjgsMjEyWk0xNjQuNDksOTkuNTFhMTIsMTIsMCwwLDEsMCwxN2wtMjgsMjhhMTIsMTIsMCwwLDEtMTctMTdsMjgtMjhBMTIsMTIsMCwwLDEsMTY0LjQ5LDk5LjUxWk05MiwxNkExMiwxMiwwLDAsMSwxMDQsNGg0OGExMiwxMiwwLDAsMSwwLDI0SDEwNEExMiwxMiwwLDAsMSw5MiwxNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-timer-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNDRhOTYsOTYsMCwxLDAsOTYsOTZBOTYuMTEsOTYuMTEsMCwwLDAsMTI4LDQ0Wm0wLDE2OGE3Miw3MiwwLDEsMSw3Mi03MkE3Mi4wOCw3Mi4wOCwwLDAsMSwxMjgsMjEyWk0xNjQuNDksOTkuNTFhMTIsMTIsMCwwLDEsMCwxN2wtMjgsMjhhMTIsMTIsMCwwLDEtMTctMTdsMjgtMjhBMTIsMTIsMCwwLDEsMTY0LjQ5LDk5LjUxWk05MiwxNkExMiwxMiwwLDAsMSwxMDQsNGg0OGExMiwxMiwwLDAsMSwwLDI0SDEwNEExMiwxMiwwLDAsMSw5MiwxNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-check-radio : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYuNDksOTUuNTFhMTIsMTIsMCwwLDEsMCwxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMGwtMjQtMjRhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MkExMiwxMiwwLDAsMSwxNzYuNDksOTUuNTFaTTIzNiwxMjhBMTA4LDEwOCwwLDEsMSwxMjgsMjAsMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMTI4Wm0tMjQsMGE4NCw4NCwwLDEsMC04NCw4NEE4NC4wOSw4NC4wOSwwLDAsMCwyMTIsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-check-radio-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYuNDksOTUuNTFhMTIsMTIsMCwwLDEsMCwxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMGwtMjQtMjRhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MkExMiwxMiwwLDAsMSwxNzYuNDksOTUuNTFaTTIzNiwxMjhBMTA4LDEwOCwwLDEsMSwxMjgsMjAsMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMTI4Wm0tMjQsMGE4NCw4NCwwLDEsMC04NCw4NEE4NC4wOSw4NC4wOSwwLDAsMCwyMTIsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-check-box : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03OS41MSwxNDQuNDlhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MmExMiwxMiwwLDAsMSwxNywxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMFpNMjI4LDQ4VjIwOGEyMCwyMCwwLDAsMS0yMCwyMEg0OGEyMCwyMCwwLDAsMS0yMC0yMFY0OEEyMCwyMCwwLDAsMSw0OCwyOEgyMDhBMjAsMjAsMCwwLDEsMjI4LDQ4Wm0tMjQsNEg1MlYyMDRIMjA0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-check-box-inv : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03OS41MSwxNDQuNDlhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MmExMiwxMiwwLDAsMSwxNywxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMFpNMjI4LDQ4VjIwOGEyMCwyMCwwLDAsMS0yMCwyMEg0OGEyMCwyMCwwLDAsMS0yMC0yMFY0OEEyMCwyMCwwLDAsMSw0OCwyOEgyMDhBMjAsMjAsMCwwLDEsMjI4LDQ4Wm0tMjQsNEg1MlYyMDRIMjA0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-26 09:19:25 +09:00
--icon-trophy : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzRlOGE2YiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDAsNTZ2NTUuMWMwLDM5LjctMzEuNzUsNzIuNi03MS40NSw3Mi45QTcyLDcyLDAsMCwxLDU2LDExMlY1NmE4LDgsMCwwLDEsOC04SDE5MkE4LDgsMCwwLDEsMjAwLDU2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzMiw2NEgyMDhWNTZhMTYsMTYsMCwwLDAtMTYtMTZINjRBMTYsMTYsMCwwLDAsNDgsNTZ2OEgyNEExNiwxNiwwLDAsMCw4LDgwVjk2YTQwLDQwLDAsMCwwLDQwLDQwaDMuNjVBODAuMTMsODAuMTMsMCwwLDAsMTIwLDE5MS42MVYyMTZIOTZhOCw4LDAsMCwwLDAsMTZoNjRhOCw4LDAsMCwwLDAtMTZIMTM2VjE5MS41OGMzMS45NC0zLjIzLDU4LjQ0LTI1LjY0LDY4LjA4LTU1LjU4SDIwOGE0MCw0MCwwLDAsMCw0MC00MFY4MEExNiwxNiwwLDAsMCwyMzIsNjRaTTQ4LDEyMEEyNCwyNCwwLDAsMSwyNCw5NlY4MEg0OHYzMnEwLDQsLjM5LDhabTE0NC04LjljMCwzNS41Mi0yOC40OSw2NC42NC02My41MSw2NC45SDEyOGE2NCw2NCwwLDAsMS02NC02NFY1NkgxOTJaTTIzMiw5NmEyNCwyNCwwLDAsMS0yNCwyNGgtLjVhODEuODEsODEuODEsMCwwLDAsLjUtOC45VjgwaDI0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-02-20 01:27:09 +09:00
--icon-broom : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIuOCwxNjUuMTIsNDMuOTMsMTA1LjU3QTExMC44OCwxMTAuODgsMCwwLDEsNjEuNDcsODIuMzhhOCw4LDAsMCwxLDguNjctMS44MUw5NS41Miw5MC44NWExNiwxNiwwLDAsMCwyMC44Mi05bDIxLTUzLjFjNC4xNS0xMCwxNS40Ny0xNS4zMywyNS42My0xMS41M2EyMCwyMCwwLDAsMSwxMS41MSwyNi4zOUwxNTMuMTMsOTYuNzFhMTYsMTYsMCwwLDAsOC45MywyMC43NUwxODcsMTI3LjNhOCw4LDAsMCwxLDUsNy40M1YxNTJBMTA0LjU4LDEwNC41OCwwLDAsMCwxOTIuOCwxNjUuMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM1LjUsMjE2LjgxYy0yMi41Ni0xMS0zNS41LTM0LjU4LTM1LjUtNjQuOFYxMzQuNzNhMTUuOTQsMTUuOTQsMCwwLDAtMTAuMDktMTQuODdMMTY1LDExMGE4LDgsMCwwLDEtNC40OC0xMC4zNGwyMS4zMi01M2EyOCwyOCwwLDAsMC0xNi4xLTM3LDI4LjE0LDI4LjE0LDAsMCwwLTM1LjgyLDE2LC42MS42MSwwLDAsMCwwLC4xMkwxMDguOSw3OWE4LDgsMCwwLDEtMTAuMzcsNC40OUw3My4xMSw3My4xNEExNS44OSwxNS44OSwwLDAsMCw1NS43NCw3Ni44QzM0LjY4LDk4LjQ1LDI0LDEyMy43NSwyNCwxNTJhMTExLjQ1LDExMS40NSwwLDAsMCwzMS4xOCw3Ny41M0E4LDgsMCwwLDAsNjEsMjMySDIzMmE4LDgsMCwwLDAsMy41LTE1LjE5Wk02Ny4xNCw4OGwyNS40MSwxMC4zYTI0LDI0LDAsMCwwLDMxLjIzLTEzLjQ1bDIxLTUzYzIuNTYtNi4xMSw5LjQ3LTkuMjcsMTUuNDMtN2ExMiwxMiwwLDAsMSw2Ljg4LDE1LjkyTDE0NS42OSw5My43NmEyNCwyNCwwLDAsMCwxMy40MywzMS4xNEwxODQsMTM0LjczVjE1MmMwLC4zMywwLC42NiwwLDFMNTUuNzcsMTAxLjcxQTEwOC44NCwxMDguODQsMCwwLDEsNjcuMTQsODhabTQ4LDEyOGE4Ny41Myw4Ny41MywwLDAsMS0yNC4zNC00Miw4LDgsMCwwLDAtMTUuNDksNCwxMDUuMTYsMTA1LjE2LDAsMCwwLDE4LjM2LDM4SDY0LjQ0QTk1LjU0LDk1LjU0LDAsMCwxLDQwLDE1MmE4NS45LDg1LjksMCwwLDEsNy43My0zNi4yOWwxMzcuOCw1NS4xMmMzLDE4LDEwLjU2LDMzLjQ4LDIxLjg5LDQ1LjE2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-02-29 03:25:46 +09:00
/* Popular hashtag icons */
--icon-music : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTg0YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxODRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjEwLjMsNTYuMzRsLTgwLTI0QTgsOCwwLDAsMCwxMjAsNDBWMTQ4LjI2QTQ4LDQ4LDAsMSwwLDEzNiwxODRWNTAuNzVsNjkuNywyMC45MWE4LDgsMCwxLDAsNC42LTE1LjMyWk04OCwyMTZhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsODgsMjE2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-03-02 20:42:25 +09:00
--icon-microphone : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYuNSwxNTEsNTksMjIyLjQ1YTgsOCwwLDAsMS0xMC4zOC0uNzlsLTE0LjMtMTQuM0E4LDgsMCwwLDEsMzMuNTUsMTk3TDEwNSw5OS41bDAsMEE2NCw2NCwwLDAsMCwxNTYuNDgsMTUxWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2OCwxNkE3Mi4wNyw3Mi4wNywwLDAsMCw5Niw4OGE3My4yOSw3My4yOSwwLDAsMCwuNjMsOS40MkwyNy4xMiwxOTIuMjJBMTUuOTMsMTUuOTMsMCwwLDAsMjguNzEsMjEzTDQzLDIyNy4yOWExNS45MywxNS45MywwLDAsMCwyMC43OCwxLjU5bDk0LjgxLTY5LjUzQTczLjI5LDczLjI5LDAsMCwwLDE2OCwxNjBhNzIsNzIsMCwxLDAsMC0xNDRabTU2LDcyYTU1LjcyLDU1LjcyLDAsMCwxLTExLjE2LDMzLjUyTDEzNC40OSw0My4xNkE1Niw1NiwwLDAsMSwyMjQsODhaTTU0LjMyLDIxNiw0MCwyMDEuNjgsMTAyLjE0LDExN0E3Mi4zNyw3Mi4zNywwLDAsMCwxMzksMTUzLjg2Wk0xMTIsODhhNTUuNjcsNTUuNjcsMCwwLDEsMTEuMTYtMzMuNTFsNzguMzQsNzguMzRBNTYsNTYsMCwwLDEsMTEyLDg4Wm0tMi4zNSw1OC4zNGE4LDgsMCwwLDEsMCwxMS4zMWwtOCw4YTgsOCwwLDEsMS0xMS4zMS0xMS4zMWw4LThBOCw4LDAsMCwxLDEwOS42NywxNDYuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
2024-02-29 03:25:46 +09:00
--icon-cake : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsNDhjMC0yNCwyNC00MCwyNC00MHMyNCwxNiwyNCw0MGEyNCwyNCwwLDAsMS00OCwwWk0yMDgsOTZINDhhMTYsMTYsMCwwLDAtMTYsMTZ2MjMuMzNjMCwxNy40NCwxMy42NywzMi4xOCwzMS4xLDMyLjY2QTMyLDMyLDAsMCwwLDk2LDEzNmEzMiwzMiwwLDAsMCw2NCwwLDMyLDMyLDAsMCwwLDMyLjksMzJjMTcuNDMtLjQ4LDMxLjEtMTUuMjIsMzEuMS0zMi42NlYxMTJBMTYsMTYsMCwwLDAsMjA4LDk2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzMiwxMTJhMjQsMjQsMCwwLDAtMjQtMjRIMTM2Vjc5YTMyLjA2LDMyLjA2LDAsMCwwLDI0LTMxYzAtMjgtMjYuNDQtNDUuOTEtMjcuNTYtNDYuNjZhOCw4LDAsMCwwLTguODgsMEMxMjIuNDQsMi4wOSw5NiwyMCw5Niw0OGEzMi4wNiwzMi4wNiwwLDAsMCwyNCwzMXY5SDQ4YTI0LDI0LDAsMCwwLTI0LDI0djIzLjMzYTQwLjg0LDQwLjg0LDAsMCwwLDgsMjQuMjRWMjAwYTI0LDI0LDAsMCwwLDI0LDI0SDIwMGEyNCwyNCwwLDAsMCwyNC0yNFYxNTkuNTdhNDAuODQsNDAuODQsMCwwLDAsOC0yNC4yNFpNMTEyLDQ4YzAtMTMuNTcsMTAtMjQuNDYsMTYtMjkuNzksNiw1LjMzLDE2LDE2LjIyLDE2LDI5Ljc5YTE2LDE2LDAsMCwxLTMyLDBaTTQwLDExMmE4LDgsMCwwLDEsOC04SDIwOGE4LDgsMCwwLDEsOCw4djIzLjMzYzAsMTMuMjUtMTAuNDYsMjQuMzEtMjMuMzIsMjQuNjZBMjQsMjQsMCwwLDEsMTY4LDEzNmE4LDgsMCwwLDAtMTYsMCwyNCwyNCwwLDAsMS00OCwwLDgsOCwwLDAsMC0xNiwwLDI0LDI0LDAsMCwxLTI0LjY4LDI0QzUwLjQ2LDE1OS42NCw0MCwxNDguNTgsNDAsMTM1LjMzWm0xNjAsOTZINTZhOCw4LDAsMCwxLTgtOFYxNzIuNTZBMzguNzcsMzguNzcsMCwwLDAsNjIuODgsMTc2YTM5LjY5LDM5LjY5LDAsMCwwLDI5LTExLjMxQTQwLjM2LDQwLjM2LDAsMCwwLDk2LDE2MGE0MCw0MCwwLDAsMCw2NCwwLDQwLjM2LDQwLjM2LDAsMCwwLDQuMTMsNC42N0EzOS42NywzOS42NywwLDAsMCwxOTIsMTc2Yy4zOCwwLC43NiwwLDEuMTQsMEEzOC43NywzOC43NywwLDAsMCwyMDgsMTcyLjU2VjIwMEE4LDgsMCwwLDEsMjAwLDIwOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-calendar : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWODhINDBWNDhhOCw4LDAsMCwxLDgtOEgyMDhBOCw4LDAsMCwxLDIxNiw0OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMDgsMzJIMTg0VjI0YTgsOCwwLDAsMC0xNiwwdjhIODhWMjRhOCw4LDAsMCwwLTE2LDB2OEg0OEExNiwxNiwwLDAsMCwzMiw0OFYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjQ4QTE2LDE2LDAsMCwwLDIwOCwzMlpNNzIsNDh2OGE4LDgsMCwwLDAsMTYsMFY0OGg4MHY4YTgsOCwwLDAsMCwxNiwwVjQ4aDI0VjgwSDQ4VjQ4Wk0yMDgsMjA4SDQ4Vjk2SDIwOFYyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-popcorn : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04OCw5NmwxNiwxMjBINzAuMzRhOCw4LDAsMCwxLTcuNzktNi4xN0wzMiw4MFptODAsMEwxNTIsMjE2aDMzLjY2YTgsOCwwLDAsMCw3Ljc5LTYuMTdMMjI0LDgwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyOS41Miw3NC4yMWE4LDgsMCwwLDAtNy4xMy0yQTQ0LDQ0LDAsMCwwLDE2OCw0MS42N2E0NCw0NCwwLDAsMC04MCwwLDQ0LDQ0LDAsMCwwLTU0LjQsMzAuNTEsOCw4LDAsMCwwLTkuNCw5LjY1TDU0Ljc2LDIxMS42N0ExNiwxNiwwLDAsMCw3MC4zNCwyMjRIMTg1LjY2YTE2LDE2LDAsMCwwLDE1LjU4LTEyLjMzTDIzMS43OSw4MS44M0E4LDgsMCwwLDAsMjI5LjUyLDc0LjIxWk03Niw1NmEyNy42OCwyNy42OCwwLDAsMSwxMy4xMSwzLjI2LDgsOCwwLDAsMCwxMS41Ni01LjM0LDI4LDI4LDAsMCwxLDU0LjY2LDAsOCw4LDAsMCwwLDExLjU2LDUuMzRBMjgsMjgsMCwwLDEsMjA3LDc2LjU0bC0zOC41NiwxMS0zNC40OS0xMy44YTE2LDE2LDAsMCwwLTExLjg4LDBMODcuNTcsODcuNTYsNDksNzYuNTRBMjgsMjgsMCwwLDEsNzYsNTZabTgzLjI1LDQ1LjExTDE0NSwyMDhIMTExTDk2Ljc1LDEwMS4xMSwxMjgsODguNjJaTTQyLjkxLDkxLjQ0bDM3Ljg1LDEwLjgxTDk0Ljg2LDIwOEg3MC4zNFpNMTg1LjY2LDIwOEgxNjEuMTRsMTQuMS0xMDUuNzUsMzcuODUtMTAuODFaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-tangerine-slice : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsODhBODgsODgsMCwwLDEsNDAsODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ4LDgwSDhhOCw4LDAsMCwwLTgsOCwxMjgsMTI4LDAsMCwwLDI1NiwwQTgsOCwwLDAsMCwyNDgsODBaTTc3LjQsMTQ5LjkxbDQyLjYtNDIuNlYxNjcuNkE3OS41OSw3OS41OSwwLDAsMSw3Ny40LDE0OS45MVpNNjYuMDksMTM4LjZBNzkuNTksNzkuNTksMCwwLDEsNDguNCw5Nmg2MC4yOVpNMTM2LDEwNy4zMWw0Mi42LDQyLjZBNzkuNTksNzkuNTksMCwwLDEsMTM2LDE2Ny42Wm01My45MSwzMS4yOUwxNDcuMzEsOTZIMjA3LjZBNzkuNTksNzkuNTksMCwwLDEsMTg5LjkxLDEzOC42Wk0xMjgsMjAwQTExMi4xNSwxMTIuMTUsMCwwLDEsMTYuMjgsOTZIMzIuMzRhOTYsOTYsMCwwLDAsMTkxLjMyLDBoMTYuMDZBMTEyLjE1LDExMi4xNSwwLDAsMSwxMjgsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-sunset : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTQ0YTY0LjMzLDY0LjMzLDAsMCwxLTIsMTZINjZhNjQsNjQsMCwxLDEsMTI2LTE2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0MCwxNTJIMTk5LjU1YTczLjU0LDczLjU0LDAsMCwwLC40NS04LDcyLDcyLDAsMCwwLTE0NCwwLDczLjU0LDczLjU0LDAsMCwwLC40NSw4SDE2YTgsOCwwLDAsMCwwLDE2SDI0MGE4LDgsMCwwLDAsMC0xNlpNNzIsMTQ0YTU2LDU2LDAsMSwxLDExMS40MSw4SDcyLjU5QTU2LjEzLDU2LjEzLDAsMCwxLDcyLDE0NFptMTQ0LDU2YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLDAtMTZIMjA4QTgsOCwwLDAsMSwyMTYsMjAwWk03Mi44NCw0My41OGE4LDgsMCwwLDEsMTQuMzItNy4xNmw4LDE2YTgsOCwwLDAsMS0xNC4zMiw3LjE2Wm0tNTYsNDguODRhOCw4LDAsMCwxLDEwLjc0LTMuNTdsMTYsOGE4LDgsMCwwLDEtNy4xNiwxNC4zMWwtMTYtOEE4LDgsMCwwLDEsMTYuODQsOTIuNDJabTE5MiwxNS4xNmE4LDgsMCwwLDEsMy41OC0xMC43M2wxNi04YTgsOCwwLDEsMSw3LjE2LDE0LjMxbC0xNiw4YTgsOCwwLDAsMS0xMC43NC0zLjU4Wm0tNDgtNTUuMTYsOC0xNmE4LDgsMCwwLDEsMTQuMzIsNy4xNmwtOCwxNmE4LDgsMCwxLDEtMTQuMzItNy4xNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-camera : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNjRIMTc2TDE2MCw0MEg5Nkw4MCw2NEg0OEExNiwxNiwwLDAsMCwzMiw4MFYxOTJhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjgwQTE2LDE2LDAsMCwwLDIwOCw2NFpNMTI4LDE2OGEzNiwzNiwwLDEsMSwzNi0zNkEzNiwzNiwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIwOCw1NkgxODAuMjhMMTY2LjY1LDM1LjU2QTgsOCwwLDAsMCwxNjAsMzJIOTZhOCw4LDAsMCwwLTYuNjUsMy41Nkw3NS43MSw1Nkg0OEEyNCwyNCwwLDAsMCwyNCw4MFYxOTJhMjQsMjQsMCwwLDAsMjQsMjRIMjA4YTI0LDI0LDAsMCwwLDI0LTI0VjgwQTI0LDI0LDAsMCwwLDIwOCw1NlptOCwxMzZhOCw4LDAsMCwxLTgsOEg0OGE4LDgsMCwwLDEtOC04VjgwYTgsOCwwLDAsMSw4LThIODBhOCw4LDAsMCwwLDYuNjYtMy41NkwxMDAuMjgsNDhoNTUuNDNsMTMuNjMsMjAuNDRBOCw4LDAsMCwwLDE3Niw3MmgzMmE4LDgsMCwwLDEsOCw4Wk0xMjgsODhhNDQsNDQsMCwxLDAsNDQsNDRBNDQuMDUsNDQuMDUsMCwwLDAsMTI4LDg4Wm0wLDcyYTI4LDI4LDAsMSwxLDI4LTI4QTI4LDI4LDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-pine : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0zMiwxOTJsNTYtNzJINDhMMTI4LDE2bDgwLDEwNEgxNjhsNTYsNzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMwLjMxLDE4Ny4wOSwxODQuMzYsMTI4SDIwOGE4LDgsMCwwLDAsNi4zNC0xMi44OGwtODAtMTA0YTgsOCwwLDAsMC0xMi42OCwwbC04MCwxMDRBOCw4LDAsMCwwLDQ4LDEyOEg3MS42NEwyNS42OSwxODcuMDlBOCw4LDAsMCwwLDMyLDIwMGg4OHY0MGE4LDgsMCwwLDAsMTYsMFYyMDBoODhhOCw4LDAsMCwwLDYuMzEtMTIuOTFaTTQ4LjM2LDE4NGw0Ni01OS4wOUE4LDgsMCwwLDAsODgsMTEySDY0LjI1TDEyOCwyOS4xMiwxOTEuNzUsMTEySDE2OGE4LDgsMCwwLDAtNi4zMSwxMi45MUwyMDcuNjQsMTg0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-tree : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI3LjgyYTY0LDY0LDAsMCwxLTk5LjUyLDUzLjQxLDgsOCwwLDAsMC05LDBBNjQsNjQsMCwxLDEsNjEuMjUsNjkuODZhOCw4LDAsMCwwLDQtNC4xNyw2OCw2OCwwLDAsMSwxMjUuNDQsMCw4LDgsMCwwLDAsNCw0LjE3QTY0LDY0LDAsMCwxLDIzMiwxMjcuODJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk4LjEsNjIuNmE3Niw3NiwwLDAsMC0xNDAuMiwwQTcyLjI5LDcyLjI5LDAsMCwwLDE2LDEyNy44QzE1Ljg5LDE2Ni42Miw0Ny4zNiwxOTksODYuMTQsMjAwQTcxLjY4LDcxLjY4LDAsMCwwLDEyMCwxOTIuNDlWMjMyYTgsOCwwLDAsMCwxNiwwVjE5Mi40OUE3MS40NSw3MS40NSwwLDAsMCwxNjgsMjAwbDEuODYsMGMzOC43OC0xLDcwLjI1LTMzLjM2LDcwLjE0LTcyLjE4QTcyLjI2LDcyLjI2LDAsMCwwLDE5OC4xLDYyLjZaTTE2OS40NSwxODRhNTUuNyw1NS43LDAsMCwxLTMyLjUyLTkuNHEtLjQ3LS4zLS45My0uNTdWMTMyLjk0bDQzLjU4LTIxLjc4YTgsOCwwLDEsMC03LjE2LTE0LjMyTDEzNiwxMTUuMDZWODhhOCw4LDAsMCwwLTE2LDB2NTEuMDZMODMuNTgsMTIwLjg0YTgsOCwwLDEsMC03LjE2LDE0LjMyTDEyMCwxNTYuOTRWMTc0Yy0uMzEuMTgtLjYyLjM3LS45Mi41N0E1NS43Myw1NS43MywwLDAsMSw4Ni41NSwxODRhNTYsNTYsMCwwLDEtMjItMTA2Ljg2LDE1LjksMTUuOSwwLDAsMCw4LjA1LTguMzMsNjAsNjAsMCwwLDEsMTEwLjcsMCwxNS45LDE1LjksMCwwLDAsOC4wNSw4LjMzLDU2LDU2LDAsMCwxLTIyLDEwNi44NloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-cat : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDh2ODhjMCw0OC42LTQzLDg4LTk2LDg4cy05Ni0zOS40LTk2LTg4VjQ4YTgsOCwwLDAsMSwxMy42Ni01LjY2TDY3LjYsNjcuNmgwYTEwMi44NywxMDIuODcsMCwwLDEsMTIwLjgsMGgwbDIxLjk0LTI1LjI0QTgsOCwwLDAsMSwyMjQsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNOTYsMTQwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDk2LDE0MFptNzYtMTJhMTIsMTIsMCwxLDAsMTIsMTJBMTIsMTIsMCwwLDAsMTcyLDEyOFptNjAtODB2ODhjMCw1Mi45My00Ni42NSw5Ni0xMDQsOTZTMjQsMTg4LjkzLDI0LDEzNlY0OEExNiwxNiwwLDAsMSw1MS4zMSwzNi42OWMuMTQuMTQuMjYuMjcuMzguNDFMNjksNTdhMTExLjIyLDExMS4yMiwwLDAsMSwxMTguMSwwTDIwNC4zMSwzNy4xYy4xMi0uMTQuMjQtLjI3LjM4LS40MUExNiwxNiwwLDAsMSwyMzIsNDhabS0xNiwwLTIxLjU2LDI0LjhBOCw4LDAsMCwxLDE4My42Myw3NCw4OC44Niw4OC44NiwwLDAsMCwxNjgsNjQuNzVWODhhOCw4LDAsMSwxLTE2LDBWNTkuMDVhOTcuNDMsOTcuNDMsMCwwLDAtMTYtMi43MlY4OGE4LDgsMCwxLDEtMTYsMFY1Ni4zM2E5Ny40Myw5Ny40MywwLDAsMC0xNiwyLjcyVjg4YTgsOCwwLDEsMS0xNiwwVjY0Ljc1QTg4Ljg2LDg4Ljg2LDAsMCwwLDcyLjM3LDc0YTgsOCwwLDAsMS0xMC44MS0xLjE3TDQwLDQ4djg4YzAsNDEuNjYsMzUuMjEsNzYsODAsNzkuNjdWMTk1LjMxbC0xMy42Ni0xMy42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzFMMTI4LDE4MC42OGwxMC4zNC0xMC4zNGE4LDgsMCwwLDEsMTEuMzIsMTEuMzFMMTM2LDE5NS4zMXYyMC4zNmM0NC43OS0zLjY5LDgwLTM4LDgwLTc5LjY3WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-dog : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTIwLjM4VjE4NGEzMiwzMiwwLDAsMS0zMiwzMkg4MGEzMiwzMiwwLDAsMS0zMi0zMlYxMjAuMzhMMTA0LDQ4aDQ4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzOS43MSwxMjVsLTE2LjQyLTg4YTE2LDE2LDAsMCwwLTE5LjYxLTEyLjU4bC0uMzEuMDlMMTUwLjg1LDQwaC00NS43TDUyLjYzLDI0LjU2bC0uMzEtLjA5QTE2LDE2LDAsMCwwLDMyLjcxLDM3LjA1TDE2LjI5LDEyNWExNS43NywxNS43NywwLDAsMCw5LjEyLDE3LjUyQTE2LjI2LDE2LjI2LDAsMCwwLDMyLjEyLDE0NCwxNS40OCwxNS40OCwwLDAsMCw0MCwxNDEuODRWMTg0YTQwLDQwLDAsMCwwLDQwLDQwaDk2YTQwLDQwLDAsMCwwLDQwLTQwVjE0MS44NWExNS41LDE1LjUsMCwwLDAsNy44NywyLjE2LDE2LjMxLDE2LjMxLDAsMCwwLDYuNzItMS40N0ExNS43NywxNS43NywwLDAsMCwyMzkuNzEsMTI1Wk0zMiwxMjhoMEw0OC40Myw0MCw5MC41LDUyLjM3Wm0xNDQsODBIMTM2VjE5NS4zMWwxMy42Ni0xMy42NWE4LDgsMCwwLDAtMTEuMzItMTEuMzJMMTI4LDE4MC42OWwtMTAuMzQtMTAuMzVhOCw4LDAsMCwwLTExLjMyLDExLjMyTDEyMCwxOTUuMzFWMjA4SDgwYTI0LDI0LDAsMCwxLTI0LTI0VjEyMy4xMUwxMDcuOTMsNTZoNDAuMTRMMjAwLDEyMy4xMVYxODRBMjQsMjQsMCwwLDEsMTc2LDIwOFptNDgtODBMMTY1LjUsNTIuMzcsMjA3LjU3LDQwLDIyNCwxMjhaTTEwNCwxNDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTA0LDE0MFptNzIsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNzYsMTQwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-brush : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMzJjMCwzMi44MS0zMS42NCw2Ny40My01OC42NCw5MS4wNUE4NC4zOSw4NC4zOSwwLDAsMCwxMzMsOTAuNjRDMTU2LjU3LDYzLjY0LDE5MS4xOSwzMiwyMjQsMzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMyLDMyYTgsOCwwLDAsMC04LThjLTQ0LjA4LDAtODkuMzEsNDkuNzEtMTE0LjQzLDgyLjYzQTYwLDYwLDAsMCwwLDMyLDE2NGMwLDMwLjg4LTE5LjU0LDQ0LjczLTIwLjQ3LDQ1LjM3QTgsOCwwLDAsMCwxNiwyMjRIOTJhNjAsNjAsMCwwLDAsNTcuMzctNzcuNTdDMTgyLjMsMTIxLjMxLDIzMiw3Ni4wOCwyMzIsMzJaTTkyLDIwOEgzNC42M0M0MS4zOCwxOTguNDEsNDgsMTgzLjkyLDQ4LDE2NGE0NCw0NCwwLDEsMSw0NCw0NFptMzIuNDItOTQuNDVxNS4xNC02LjY2LDEwLjA5LTEyLjU1QTc2LjIzLDc2LjIzLDAsMCwxLDE1NSwxMjEuNDlxLTUuOSw0Ljk0LTEyLjU1LDEwLjA5QTYwLjU0LDYwLjU0LDAsMCwwLDEyNC40MiwxMTMuNTVabTQyLjctMi42OGE5Mi41Nyw5Mi41NywwLDAsMC0yMi0yMmMzMS43OC0zNC41Myw1NS43NS00NSw2OS45LTQ3LjkxQzIxMi4xNyw1NS4xMiwyMDEuNjUsNzkuMDksMTY3LjEyLDExMC44N1oiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-apple : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNzMuNTJabTAsOTkuMjZjLTE2Ljc5LTExLjUzLTI0LTMwLjg3LTI0LTUyLjc4LDAtMTguMywxMS42OC0zNC44MSwyNC00Ni40OEMyMDQuNTMsNjIuNjYsMTg1LDU2LDE2OCw1NmE2My43Miw2My43MiwwLDAsMC00MCwxNGgwQTYzLjcxLDYzLjcxLDAsMCwwLDg4Ljg4LDU2QzUyLDU1LjUsMjMuMDYsODYuMywyNCwxMjMuMTlhMTE5LjYyLDExOS42MiwwLDAsMCwzNy42NSw4NC4xMkEzMiwzMiwwLDAsMCw4My42LDIxNmg4Ny43YTMxLjc1LDMxLjc1LDAsMCwwLDIzLjI2LTEwYzE1Ljg1LTE3LDIxLjQ0LTMzLjIsMjEuNDQtMzMuMloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjMuMywxNjkuNTlhOC4wNyw4LjA3LDAsMCwwLTIuOC0zLjRDMjAzLjUzLDE1NC41MywyMDAsMTM0LjY0LDIwMCwxMjBjMC0xNy42NywxMy40Ny0zMy4wNiwyMS41LTQwLjY3YTgsOCwwLDAsMCwwLTExLjYyQzIwOC44Miw1NS43NCwxODcuODIsNDgsMTY4LDQ4YTcyLjIzLDcyLjIzLDAsMCwwLTQwLDEyLjEzLDcxLjU2LDcxLjU2LDAsMCwwLTkwLjcxLDkuMDlBNzQuNjMsNzQuNjMsMCwwLDAsMTYsMTIzLjRhMTI3LDEyNywwLDAsMCw0MC4xNCw4OS43M0EzOS44LDM5LjgsMCwwLDAsODMuNTksMjI0aDg3LjY4YTM5Ljg0LDM5Ljg0LDAsMCwwLDI5LjEyLTEyLjU3LDEyNSwxMjUsMCwwLDAsMTcuODItMjQuNkMyMjUuMjMsMTc0LDIyNC4zMywxNzIsMjIzLjMsMTY5LjU5Wm0tMzQuNjMsMzAuOTRhMjMuNzYsMjMuNzYsMCwwLDEtMTcuNCw3LjQ3SDgzLjU5YTIzLjgyLDIzLjgyLDAsMCwxLTE2LjQ0LTYuNTFBMTExLjE0LDExMS4xNCwwLDAsMSwzMiwxMjMsNTguNSw1OC41LDAsMCwxLDQ4LjY1LDgwLjQ3LDU0LjgxLDU0LjgxLDAsMCwxLDg4LDY0aC43OEE1NS40NSw1NS40NSwwLDAsMSwxMjMsNzYuMjhhOCw4LDAsMCwwLDEwLDBBNTUuMzksNTUuMzksMCwwLDEsMTY4LDY0YTcwLjY0LDcwLjY0LDAsMCwxLDM2LDEwLjM1Yy0xMywxNC41Mi0yMCwzMC40Ny0yMCw0NS42NSwwLDIzLjc3LDcuNjQsNDIuNzMsMjIuMTgsNTUuM0ExMDUuNTIsMTA1LjUyLDAsMCwxLDE4OC42NywyMDAuNTNaTTEyOC4yMywzMEE0MCw0MCwwLDAsMSwxNjcsMGgxYTgsOCwwLDAsMSwwLDE2aC0xYTI0LDI0LDAsMCwwLTIzLjI0LDE4LDgsOCwwLDEsMS0xNS41LTRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-pencil : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMxLDczLjM3LDE4Mi42MywyOC42OGExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDkyLjY5QTE1Ljg2LDE1Ljg2LDAsMCwwLDEwNCwyMTkuMzFMMjI3LjMxLDk2YTE2LDE2LDAsMCwwLDAtMjIuNjNaTTUxLjMxLDE2MCwxMzYsNzUuMzEsMTUyLjY5LDkyLDY4LDE3Ni42OFpNNDgsMTc5LjMxLDc2LjY5LDIwOEg0OFptNDgsMjUuMzhMNzkuMzEsMTg4LDE2NCwxMDMuMzEsMTgwLjY5LDEyMFptOTYtOTZMMTQ3LjMxLDY0bDI0LTI0TDIxNiw4NC42OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-gaming : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYuODYsMjA3LjU3YTI4LDI4LDAsMCwxLTI0LjY2LTcuNzdMMTUwLjA5LDE1MkgxNzJhNTEuOTQsNTEuOTQsMCwwLDAsNTEuMi02MWgwbDE2LjM2LDg0LjE3QTI4LDI4LDAsMCwxLDIxNi44NiwyMDcuNTdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc2LDExMkgxNTJhOCw4LDAsMCwxLDAtMTZoMjRhOCw4LDAsMCwxLDAsMTZaTTEwNCw5Nkg5NlY4OGE4LDgsMCwwLDAtMTYsMHY4SDcyYTgsOCwwLDAsMCwwLDE2aDh2OGE4LDgsMCwwLDAsMTYsMHYtOGg4YTgsOCwwLDAsMCwwLTE2Wk0yNDEuNDgsMjAwLjY1YTM2LDM2LDAsMCwxLTU0Ljk0LDQuODFjLS4xMi0uMTItLjI0LS4yNC0uMzUtLjM3TDE0Ni40OCwxNjBoLTM3TDY5LjgxLDIwNS4wOWwtLjM1LjM3QTM2LjA4LDM2LjA4LDAsMCwxLDQ0LDIxNiwzNiwzNiwwLDAsMSw4LjU2LDE3My43NWEuNjguNjgsMCwwLDEsMC0uMTRMMjQuOTMsODkuNTJBNTkuODgsNTkuODgsMCwwLDEsODMuODksNDBIMTcyYTYwLjA4LDYwLjA4LDAsMCwxLDU5LDQ5LjI1YzAsLjA2LDAsLjEyLDAsLjE4bDE2LjM3LDg0LjE3YS42OC42OCwwLDAsMSwwLC4xNEEzNS43NCwzNS43NCwwLDAsMSwyNDEuNDgsMjAwLjY1Wk0xNzIsMTQ0YTQ0LDQ0LDAsMCwwLDAtODhIODMuODlBNDMuOSw0My45LDAsMCwwLDQwLjY4LDkyLjM3bDAsLjEzTDI0LjMsMTc2LjU5QTIwLDIwLDAsMCwwLDU4LDE5NC4zbDQxLjkyLTQ3LjU5YTgsOCwwLDAsMSw2LTIuNzFabTU5LjcsMzIuNTktOC43NC00NUE2MCw2MCwwLDAsMSwxNzIsMTYwaC00LjJMMTk4LDE5NC4zMWEyMC4wOSwyMC4wOSwwLDAsMCwxNy40Niw1LjM5LDIwLDIwLDAsMCwwLDE2LjIzLTIzLjExWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-cube : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTI5LjA5VjIzMmE4LDgsMCwwLDEtMy44NC0xbC04OC00OC4xNmE4LDgsMCwwLDEtNC4xNi03VjgwLjJhOCw4LDAsMCwxLC43LTMuMjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjY4LDY2LjE1LDEzNS42OCwxOGgwYTE1Ljg4LDE1Ljg4LDAsMCwwLTE1LjM2LDBsLTg4LDQ4LjE3YTE2LDE2LDAsMCwwLTguMzIsMTR2OTUuNjRhMTYsMTYsMCwwLDAsOC4zMiwxNGw4OCw0OC4xN2ExNS44OCwxNS44OCwwLDAsMCwxNS4zNiwwbDg4LTQ4LjE3YTE2LDE2LDAsMCwwLDguMzItMTRWODAuMThBMTYsMTYsMCwwLDAsMjIzLjY4LDY2LjE1Wk0xMjgsMzJoMGw4MC4zNCw0NEwxMjgsMTIwLDQ3LjY2LDc2Wk00MCw5MGw4MCw0My43OHY4NS43OUw0MCwxNzUuODJabTk2LDEyOS41N1YxMzMuODJMMjE2LDkwdjg1Ljc4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-football : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik02NS4xNywxMDguMDhsLTMzLDI1LjM0Yy0uMS0xLjgtLjE1LTMuNi0uMTUtNS40MkE5NS42MSw5NS42MSwwLDAsMSw1My4yMyw2Ny43OFpNNDYuOTIsMTc5LjQyYTk2LjEyLDk2LjEyLDAsMCwwLDU3LDQxLjUybC0xNC43LTQxLjUyWm0xMDUuMjEsNDEuNTJhOTYuMTIsOTYuMTIsMCwwLDAsNTctNDEuNTJIMTY2LjgzWk0yMDIuNzcsNjcuNzhsLTExLjk0LDQwLjMsMzMsMjUuMzRjLjEtMS44LjE1LTMuNi4xNS01LjQyQTk1LjYxLDk1LjYxLDAsMCwwLDIwMi43Nyw2Ny43OFptLTM4LjUyLTI4LjdhOTYuMzQsOTYuMzQsMCwwLDAtNzIuNSwwTDEyOCw2NFpNMTUyLjcyLDE2MCwxNjgsMTE1LjUsMTI4LDg4LDg4LDExNS41LDEwMy4yOCwxNjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptNzYuNTIsMTQ3LjQySDE3MC45bC05LjI2LTEyLjc2LDEyLjYzLTM2Ljc4LDE1LTQuODksMjYuMjQsMjAuMTNBODcuMzgsODcuMzgsMCwwLDEsMjA0LjUyLDE3MS40MlptLTE2NC0zNC4zTDY2LjcxLDExN2wxNSw0Ljg5LDEyLjYzLDM2Ljc4TDg1LjEsMTcxLjQySDUxLjQ4QTg3LjM4LDg3LjM4LDAsMCwxLDQwLjQ3LDEzNy4xMlptMTAtNTAuNjQsNS41MSwxOC42TDQwLjcxLDExNi43N0E4Ny4zMyw4Ny4zMywwLDAsMSw1MC40Myw4Ni40OFpNMTA5LDE1Miw5Ny41NCwxMTguNjUsMTI4LDk3LjcxbDMwLjQ2LDIwLjk0TDE0NywxNTJabTkxLjA3LTQ2LjkyLDUuNTEtMTguNmE4Ny4zMyw4Ny4zMywwLDAsMSw5LjcyLDMwLjI5Wm0tNi4yLTM1LjM4LTkuNTEsMzIuMDgtMTUuMDcsNC44OUwxMzYsODMuNzlWNjguMjFsMjkuMDktMjBBODguNTgsODguNTgsMCwwLDEsMTkzLjg2LDY5LjdaTTE0Ni4wNyw0MS44NywxMjgsNTQuMjksMTA5LjkzLDQxLjg3YTg4LjI0LDg4LjI0LDAsMCwxLDM2LjE0LDBaTTkwLjkxLDQ4LjIxbDI5LjA5LDIwVjgzLjc5TDg2LjcyLDEwNi42N2wtMTUuMDctNC44OUw2Mi4xNCw2OS43QTg4LjU4LDg4LjU4LDAsMCwxLDkwLjkxLDQ4LjIxWk02My4xNSwxODcuNDJIODMuNTJsNy4xNywyMC4yN0E4OC40LDg4LjQsMCwwLDEsNjMuMTUsMTg3LjQyWk0xMTAsMjE0LjEzLDk4LjEyLDE4MC43MSwxMDcuMzUsMTY4aDQxLjNsOS4yMywxMi43MS0xMS44MywzMy40MmE4OCw4OCwwLDAsMS0zNi4xLDBabTU1LjM2LTYuNDQsNy4xNy0yMC4yN2gyMC4zN0E4OC40LDg4LjQsMCwwLDEsMTY1LjMxLDIwNy42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-pride : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTEydjE2YTk2LDk2LDAsMCwxLTE5MiwwVjg4YTI0LDI0LDAsMCwxLDQ4LDBWNjRhMjQsMjQsMCwwLDEsNDgsMCwyNCwyNCwwLDAsMSw0OCwwVjg4aDI0QTI0LDI0LDAsMCwxLDIyNCwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjAwLDgwSDE4NFY2NGEzMiwzMiwwLDAsMC01Ni0yMS4xM0EzMiwzMiwwLDAsMCw3Mi4yMSw2MC40MiwzMiwzMiwwLDAsMCwyNCw4OHY0MGExMDQsMTA0LDAsMCwwLDIwOCwwVjExMkEzMiwzMiwwLDAsMCwyMDAsODBaTTE1Miw0OGExNiwxNiwwLDAsMSwxNiwxNlY4MEgxMzZWNjRBMTYsMTYsMCwwLDEsMTUyLDQ4Wk04OCw2NGExNiwxNiwwLDAsMSwzMiwwdjQwYTE2LDE2LDAsMCwxLTMyLDBaTTQwLDg4YTE2LDE2LDAsMCwxLDMyLDB2MTZhMTYsMTYsMCwwLDEtMzIsMFptMTc2LDQwYTg4LDg4LDAsMCwxLTE3NS45MiwzLjc1QTMxLjkzLDMxLjkzLDAsMCwwLDgwLDEyNS4xM2EzMS45MywzMS45MywwLDAsMCw0NC41OCwzLjM1LDMyLjIxLDMyLjIxLDAsMCwwLDExLjgsMTEuNDRBNDcuODgsNDcuODgsMCwwLDAsMTIwLDE3NmE4LDgsMCwwLDAsMTYsMCwzMiwzMiwwLDAsMSwzMi0zMiw4LDgsMCwwLDAsMC0xNkgxNTJhMTYsMTYsMCwwLDEtMTYtMTZWOTZoNjRhMTYsMTYsMCwwLDEsMTYsMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-vote : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWMjA4YTgsOCwwLDAsMS04LDhINjRMNDAsMTkyVjQ4YTgsOCwwLDAsMSw4LThIMjA4QTgsOCwwLDAsMSwyMTYsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI0LDQ4VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxMzZhOCw4LDAsMCwxLDAtMTZoNzJWNDhINDh2OTZhOCw4LDAsMCwxLTE2LDBWNDhBMTYsMTYsMCwwLDEsNDgsMzJIMjA4QTE2LDE2LDAsMCwxLDIyNCw0OFpNMTI1LjY2LDE1NC4zNGE4LDgsMCwwLDAtMTEuMzIsMEw2NCwyMDQuNjksNDUuNjYsMTg2LjM0YTgsOCwwLDAsMC0xMS4zMiwxMS4zMmwyNCwyNGE4LDgsMCwwLDAsMTEuMzIsMGw1Ni01NkE4LDgsMCwwLDAsMTI1LjY2LDE1NC4zNFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-code : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDAsMTI4bC00OCw0MEg2NEwxNiwxMjgsNjQsODhIMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTY5LjEyLDk0LjE1LDI4LjUsMTI4bDQwLjYyLDMzLjg1YTgsOCwwLDEsMS0xMC4yNCwxMi4yOWwtNDgtNDBhOCw4LDAsMCwxLDAtMTIuMjlsNDgtNDBhOCw4LDAsMCwxLDEwLjI0LDEyLjNabTE3NiwyNy43LTQ4LTQwYTgsOCwwLDEsMC0xMC4yNCwxMi4zTDIyNy41LDEyOGwtNDAuNjIsMzMuODVhOCw4LDAsMSwwLDEwLjI0LDEyLjI5bDQ4LTQwYTgsOCwwLDAsMCwwLTEyLjI5Wk0xNjIuNzMsMzIuNDhhOCw4LDAsMCwwLTEwLjI1LDQuNzlsLTY0LDE3NmE4LDgsMCwwLDAsNC43OSwxMC4yNkE4LjE0LDguMTQsMCwwLDAsOTYsMjI0YTgsOCwwLDAsMCw3LjUyLTUuMjdsNjQtMTc2QTgsOCwwLDAsMCwxNjIuNzMsMzIuNDhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-handshake : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDAsMTUybC00MCw0MEw5NiwxNzYsNDAsMTM2LDcyLDcybDU2LTE2LDU2LDE2SDE0NEw5OC4zNCwxMTYuMjlhOCw4LDAsMCwwLDEuMzgsMTIuNDJDMTE3LjIzLDEzOS45LDE0MSwxMzkuMTMsMTYwLDEyMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTkuNzYsMjE3Ljk0QTgsOCwwLDAsMSwxMTIsMjI0YTguMTMsOC4xMywwLDAsMS0yLS4yNGwtMzItOGE4LDgsMCwwLDEtMi41LTEuMTFsLTI0LTE2YTgsOCwwLDEsMSw4Ljg4LTEzLjMxbDIyLjg0LDE1LjIzLDMwLjY2LDcuNjdBOCw4LDAsMCwxLDExOS43NiwyMTcuOTRabTEzMi42OS05Ni40NmExNS44OSwxNS44OSwwLDAsMS04LDkuMjVsLTIzLjY4LDExLjg0LTU1LjA4LDU1LjA5YTgsOCwwLDAsMS03LjYsMi4xbC02NC0xNmE4LjA2LDguMDYsMCwwLDEtMi43MS0xLjI1TDM1Ljg2LDE0Mi44NywxMS41OCwxMzAuNzNhMTYsMTYsMCwwLDEtNy4xNi0yMS40NkwyOS4yNyw1OS41OGgwYTE2LDE2LDAsMCwxLDIxLjQ2LTcuMTZsMjIuMDYsMTEsNTMtMTUuMTRhOCw4LDAsMCwxLDQuNCwwbDUzLDE1LjE0LDIyLjA2LTExYTE2LDE2LDAsMCwxLDIxLjQ2LDcuMTZsMjQuODUsNDkuNjlBMTUuOSwxNS45LDAsMCwxLDI1Mi40NSwxMjEuNDhabS00Ni4xOCwxMi45NEwxNzkuMDYsODBIMTQ3LjI0TDEwNCwxMjJjMTIuNjYsOC4wOSwzMi41MSwxMC4zMiw1MC4zMi03LjYzYTgsOCwwLDAsMSwxMC42OC0uNjFsMzQuNDEsMjcuNTdabS0xODcuNTQtMTgsMTcuNjksOC44NUw2MS4yNyw3NS41OCw0My41OCw2Ni43M1pNMTg4LDE1Mi42NmwtMjcuNzEtMjIuMTljLTE5LjU0LDE2LTQ0LjM1LDE4LjExLTY0LjkxLDVhMTYsMTYsMCwwLDEtMi43Mi0yNC44Mi42LjYsMCwwLDEsLjA4LS4wOEwxMzcuNiw2Ny4wNiwxMjgsNjQuMzIsNzcuNTgsNzguNzMsNTAuMjEsMTMzLjQ2bDQ5LjIsMzUuMTUsNTguMTQsMTQuNTNabTQ5LjI0LTM2LjI0TDIxMi40Miw2Ni43M2wtMTcuNjksOC44NSwyNC44NSw0OS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-science : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTAuMjYsMjEwLjI2Yy0xNy4yMywxNy4yMy02OC01LjYzLTExMy40Ni01MS4wNlMyOC41MSw2Myw0NS43NCw0NS43NHM2OCw1LjYzLDExMy40Niw1MS4wNlMyMjcuNDksMTkzLDIxMC4yNiwyMTAuMjZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk2LjEyLDEyOGMyNC42NS0zNC42MSwzNy4yMi03MC4zOCwxOS43NC04Ny44NlMxNjIuNjEsMzUuMjMsMTI4LDU5Ljg4QzkzLjM5LDM1LjIzLDU3LjYyLDIyLjY2LDQwLjE0LDQwLjE0UzM1LjIzLDkzLjM5LDU5Ljg4LDEyOGMtMjQuNjUsMzQuNjEtMzcuMjIsNzAuMzgtMTkuNzQsODcuODZoMGM1LjYzLDUuNjMsMTMuMTUsOC4xNCwyMS45MSw4LjE0LDE4LjQ4LDAsNDIuNDgtMTEuMTcsNjYtMjcuODhDMTUxLjQ3LDIxMi44MywxNzUuNDcsMjI0LDE5NCwyMjRjOC43NiwwLDE2LjI5LTIuNTIsMjEuOTEtOC4xNGgwQzIzMy4zNCwxOTguMzgsMjIwLjc3LDE2Mi42MSwxOTYuMTIsMTI4Wm04LjQzLTc2LjU1YzcuNjQsNy42NCwyLjQ4LDMyLjQtMTguNTIsNjMuMjhhMzAwLjMzLDMwMC4zMywwLDAsMC0yMS4xOS0yMy41N0EzMDAuMzMsMzAwLjMzLDAsMCwwLDE0MS4yNyw3MEMxNzIuMTUsNDksMTk2LjkxLDQzLjgsMjA0LjU1LDUxLjQ1Wk0xNzYuMjksMTI4YTI4OS4xNCwyODkuMTQsMCwwLDEtMjIuNzYsMjUuNTNBMjg5LjE0LDI4OS4xNCwwLDAsMSwxMjgsMTc2LjI5YTI4OS4xNCwyODkuMTQsMCwwLDEtMjUuNTMtMjIuNzZBMjg5LjE0LDI4OS4xNCwwLDAsMSw3OS43MSwxMjgsMjk4LjYyLDI5OC42MiwwLDAsMSwxMjgsNzkuNzFhMjg5LjE0LDI4OS4xNCwwLDAsMSwyNS41MywyMi43NkEyODkuMTQsMjg5LjE0LDAsMCwxLDE3Ni4yOSwxMjhaTTUxLjQ1LDUxLjQ1YzIuMi0yLjIxLDUuODMtMy4zNSwxMC42Mi0zLjM1QzczLjg5LDQ4LjEsOTIuNzYsNTUsMTE0LjcyLDcwQTMwNCwzMDQsMCwwLDAsOTEuMTYsOTEuMTYsMzAwLjMzLDMwMC4zMywwLDAsMCw3MCwxMTQuNzNDNDksODMuODUsNDMuODEsNTkuMDksNTEuNDUsNTEuNDVabTAsMTUzLjFDNDMuODEsMTk2LjkxLDQ5LDE3Mi4xNSw3MCwxNDEuMjdhMzAwLjMzLDMwMC4zMywwLDAsMCwyMS4xOSwyMy41N0EzMDQuMTgsMzA0LjE4LDAsMCwwLDExNC43MywxODZDODMuODUsMjA3LDU5LjA5LDIxMi4yLDUxLjQ1LDIwNC41NVptMTUzLjEsMGMtNy42NCw3LjY1LTMyLjQsMi40OC02My4yOC0xOC41MmEzMDQuMTgsMzA0LjE4LDAsMCwwLDIzLjU3LTIxLjE5QTMwMC4zMywzMDAuMzMsMCwwLDAsMTg2LDE0MS4yN0MyMDcsMTcyLjE1LDIxMi4xOSwxOTYuOTEsMjA0LjU1LDIwNC41NVpNMTQwLDEyOGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-book : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2Y3NjkwMiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsNjRWMTkyYTgsOCwwLDAsMS04LDhIMTYwYTMyLDMyLDAsMCwwLTMyLDMyLDMyLDMyLDAsMCwwLTMyLTMySDMyYTgsOCwwLDAsMS04LThWNjRhOCw4LDAsMCwxLDgtOEg5NmEzMiwzMiwwLDAsMSwzMiwzMiwzMiwzMiwwLDAsMSwzMi0zMmg2NEE4LDgsMCwwLDEsMjMyLDY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgxNjBhNDAsNDAsMCwwLDAtMzIsMTZBNDAsNDAsMCwwLDAsOTYsNDhIMzJBMTYsMTYsMCwwLDAsMTYsNjRWMTkyYTE2LDE2LDAsMCwwLDE2LDE2SDk2YTI0LDI0LDAsMCwxLDI0LDI0LDgsOCwwLDAsMCwxNiwwLDI0LDI0LDAsMCwxLDI0LTI0aDY0YTE2LDE2LDAsMCwwLDE2LTE2VjY0QTE2LDE2LDAsMCwwLDIyNCw0OFpNOTYsMTkySDMyVjY0SDk2YTI0LDI0LDAsMCwxLDI0LDI0VjIwMEEzOS44MSwzOS44MSwwLDAsMCw5NiwxOTJabTEyOCwwSDE2MGEzOS44MSwzOS44MSwwLDAsMC0yNCw4Vjg4YTI0LDI0LDAsMCwxLDI0LTI0aDY0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-07-23 20:27:23 +09:00
--icon-olympics : url( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/ ) --% 3 E % 3 Csvg xmlns : dc = 'http :// purl . or g / dc / elements / 1 .1 / ' xmlns:cc= ' http :// creativecommons . or g / ns % 23 ' xmlns:rdf= ' http :// www . w3 . or g / 1999 / 02 / 22 - rdf-syntax-ns % 23 ' xmlns:svg= ' http :// www . w3 . or g / 2000 / svg ' xmlns= ' http :// www . w3 . or g / 2000 / svg ' version= ' 1 .1 ' width= ' 1020 ' height= ' 495 ' id= ' svg2 ' %3E%3Cmetadata id= ' metadata28'%3E%3Crdf : RDF %3E%3Ccc : Work rdf : about = ''%3E%3Cdc : format %3Eimage/svg+xml%3C/dc : format %3E%3Cdc : type rdf : resource = 'http :// purl . or g / dc / dcmitype / StillImage ' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id= ' defs4 ' /%3E%3Cg transform= ' matrix ( 5 .7658033 , 0 , 0 , 5 .7658033 ,- 216 .55705 ,- 1629 .403 ) ' id= ' g3854 ' style= ' fill :% 23000000 ; fill-opacity : 1 ' %3E%3Cpath d= ' m 77 .998457 , 338 .04465 c 9 .719843 ,- 3 .74035 16 .634311 ,- 13 .17634 16 .634311 ,- 24 .1989 0 ,- 14 .29201 - 11 .62467 ,- 25 .91668 - 25 .916678 ,- 25 .91668 - 14 .292008 , 0 - 25 .95413 , 11 .62467 - 25 .95413 , 25 .91668 0 , 14 .29201 11 .662122 , 25 .91668 25 .95413 , 25 .91668 0 .54665 , 0 1 .089397 ,- 0 .017 1 .627741 ,- 0 .0505 - 0 .212847 ,- 1 .56081 - 0 .14221 ,- 4 .09918 0 .0472 ,- 5 .10887 - 0 .552337 , 0 .0437 - 1 .110922 , 0 .0659 - 1 .674938 , 0 .0659 - 11 .526965 , 0 - 20 .823227 ,- 9 .29627 - 20 .823227 ,- 20 .82323 0 ,- 11 .52696 9 .296262 ,- 20 .82323 20 .823227 ,- 20 .82323 l 0 , 4 e - 5 c 11 .526959 , 0 20 .785775 , 9 .29627 20 .785775 , 20 .82323 0 , 7 .91769 - 4 .368408 , 14 .78291 - 10 .83969 , 18 .30588 - 0 .315166 , 1 .3712 - 0 .711622 , 4 .31209 - 0 .663721 , 5 .893 z ' id= ' path3016 ' style= ' fill :% 23 f 76902 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 118 .12057 , 340 .00218 c - 1 .34862 , 10 .20474 - 10 .02005 , 18 .04148 - 20 .603518 , 18 .04148 - 11 .52697 , 0 - 20 .82323 ,- 9 .29627 - 20 .82323 ,- 20 .82323 0 ,- 7 .8992 4 .36561 ,- 14 .75085 10 .82304 ,- 18 .28114 0 .45237 ,- 1 .7753 0 .72684 ,- 3 .69514 0 .65576 ,- 5 .89574 - 9 .70007 , 3 .75525 - 16 .6097 , 13 .17589 - 16 .6097 , 24 .17688 0 , 14 .29201 11 .66212 , 25 .91668 25 .95413 , 25 .91668 13 .026538 , 0 23 .837178 ,- 9 .65722 25 .649488 ,- 22 .18923 - 1 .32835 ,- 0 .0348 - 4 .11703 ,- 0 .60321 - 5 .04597 ,- 0 .9457 z m 4 .98685 ,- 6 .89716 c - 1 .97707 ,- 12 .3428 - 12 .69857 ,- 21 .80127 - 25 .590368 ,- 21 .80127 - 0 .5666 , 0 - 1 .12907 , 0 .0183 - 1 .68684 , 0 .0542 0 .31178 , 1 .20255 0 .3074 , 3 .96583 - 0 .0166 , 5 .10739 l 0 , 6 e - 5 c 0 .5617 ,- 0 .0452 1 .1298 ,- 0 .0682 1 .70343 ,- 0 .0682 9 .546428 , 0 17 .537168 , 6 .37619 20 .001238 , 15 .11504 1 .68318 , 0 .64085 3 .49015 , 1 .20604 5 .58913 , 1 .59278 z ' id= ' path3790 ' style= ' fill :% 23 f 76902 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 157 .72746 , 317 .82769 c 1 .60373 , 10 .29047 9 .36704 , 19 .0414 20 .1411 , 21 .36875 13 .96979 , 3 .01767 27 .78686 ,- 5 .89044 30 .80453 ,- 19 .86023 3 .01768 ,- 13 .9698 - 5 .88253 ,- 27 .82347 - 19 .85233 ,- 30 .84115 - 13 .96979 ,- 3 .01767 - 27 .79477 , 5 .92705 - 30 .81244 , 19 .89685 - 0 .11542 , 0 .53432 - 0 .2134 , 1 .06841 - 0 .29433 , 1 .6017 1 .57057 , 0 .12151 4 .03679 , 0 .72651 4 .98373 , 1 .12484 0 .0739 ,- 0 .54911 0 .17015 ,- 1 .09979 0 .28924 ,- 1 .65109 2 .43385 ,- 11 .26709 13 .48338 ,- 18 .39092 24 .75047 ,- 15 .95707 11 .26708 , 2 .43385 18 .39092 , 13 .48338 15 .95706 , 24 .75047 l - 3 e - 5 ,- 1 e - 5 c - 2 .43385 , 11 .26709 - 13 .47548 , 18 .35431 - 24 .74257 , 15 .92046 - 7 .73918 ,- 1 .67178 - 13 .52726 ,- 7 .39124 - 15 .60443 ,- 14 .46049 - 1 .27374 ,- 0 .59757 - 4 .06462 ,- 1 .60605 - 5 .62 ,- 1 .89303 z ' id= ' path3842 ' style= ' fill :% 23 f 76902 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 105 .40431 , 311 .064 c 1 .34862 ,- 10 .20474 10 .02005 ,- 18 .04148 20 .60351 ,- 18 .04148 11 .52697 , 0 20 .82323 , 9 .29627 20 .82323 , 20 .82323 0 , 7 .8992 - 4 .36561 , 14 .75085 - 10 .82304 , 18 .28114 - 0 .45237 , 1 .7753 - 0 .72684 , 3 .69514 - 0 .65576 , 5 .89574 9 .70007 ,- 3 .75525 16 .6097 ,- 13 .17589 16 .6097 ,- 24 .17688 0 ,- 14 .29201 - 11 .66212 ,- 25 .91668 - 25 .95413 ,- 25 .91668 - 13 .02653 , 0 - 23 .83717 , 9 .65722 - 25 .64948 , 22 .18923 1 .32835 , 0 .0348 4 .11703 , 0 .60321 5 .04597 , 0 .9457 z m - 4 .98685 , 6 .89716 c 1 .97707 , 12 .3428 12 .69857 , 21 .80127 25 .59036 , 21 .80127 0 .5666 , 0 1 .12907 ,- 0 .0183 1 .68684 ,- 0 .0542 - 0 .31178 ,- 1 .20255 - 0 .3074 ,- 3 .96583 0 .0166 ,- 5 .10739 l 0 ,- 6 e - 5 c - 0 .5617 , 0 .0452 - 1 .1298 , 0 .0682 - 1 .70343 , 0 .0682 - 9 .54642 , 0 - 17 .53716 ,- 6 .37619 - 20 .00123 ,- 15 .11504 - 1 .68318 ,- 0 .64085 - 3 .49015 ,- 1 .20604 - 5 .58913 ,- 1 .59278 z ' id= ' path3850 ' style= ' fill :% 23 f 76902 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 175 .43867 , 340 .00219 c - 1 .34862 , 10 .20474 - 10 .02005 , 18 .04148 - 20 .60351 , 18 .04148 - 11 .52697 , 0 - 20 .82323 ,- 9 .29627 - 20 .82323 ,- 20 .82323 0 ,-
2023-11-21 08:32:06 +09:00
}
@media ( prefers-color-scheme : dark ) {
: root {
/* Mastodon logo */
--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 .088 c - 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 .206 l .867 19 .09 s - 14 .77 7 .931 - 41 .08 9 .39 c - 14 .51 .797 - 32 .525 - .365 - 53 .507 - 5 .919 C 9 .232 213 .82 1 .406 165 .311 .209 116 .091 c - .365 - 14 .613 - .14 - 28 .393 - .14 - 39 .918 0 - 50 .33 32 .976 - 65 .083 32 .976 - 65 .083 C 49 .672 3 .454 78 .204 .242 107 .865 0 h .729 c 29 .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= ' % 23 fff ' d= ' M177 .51 80 .077 v 60 .941 h - 24 .144 v - 59 .15 c 0 - 12 .469 - 5 .246 - 18 .797 - 15 .74 - 18 .797 - 11 .602 0 - 17 .417 7 .507 - 17 .417 22 .352 V 117 .8 H 96 .207 V 85 .423 c 0 - 14 .845 - 5 .816 - 22 .352 - 17 .418 - 22 .352 - 10 .494 0 - 15 .74 6 .328 - 15 .74 18 .797 v 59 .15 H 38 .905 V 80 .077 c 0 - 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 .247 l 6 .013 10 .082 6 .015 - 10 .082 c 6 .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");
/* Post+Notifications icons */
--icon-reply : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzNiwyMDBhMTIsMTIsMCwwLDEtMjQsMCw4NC4wOSw4NC4wOSwwLDAsMC04NC04NEg2MWwyNy41MiwyNy41MWExMiwxMiwwLDAsMS0xNywxN2wtNDgtNDhhMTIsMTIsMCwwLDEsMC0xN2w0OC00OGExMiwxMiwwLDAsMSwxNywxN0w2MSw5Mmg2N0ExMDguMTIsMTA4LjEyLDAsMCwxLDIzNiwyMDBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-reply-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04MCw1NnY5NkwzMiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2SDg4VjU2YTgsOCwwLDAsMC0xMy42Ni01LjY2bC00OCw0OGE4LDgsMCwwLDAsMCwxMS4zMmw0OCw0OEE4LDgsMCwwLDAsODgsMTUyVjExMmg0MGE4OC4xLDg4LjEsMCwwLDEsODgsODgsOCw4LDAsMCwwLDE2LDBBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsOTZaTTcyLDEzMi42OSw0My4zMSwxMDQsNzIsNzUuMzFaIj48L3BhdGg+PC9zdmc+" ) ;
2024-07-18 00:07:12 +09:00
--icon-reply-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMjAwYTgsOCwwLDAsMS0xNiwwLDg4LjEsODguMSwwLDAsMC04OC04OEg4OHY0MGE4LDgsMCwwLDEtMTMuNjYsNS42NmwtNDgtNDhhOCw4LDAsMCwxLDAtMTEuMzJsNDgtNDhBOCw4LDAsMCwxLDg4LDU2Vjk2aDQwQTEwNC4xMSwxMDQuMTEsMCwwLDEsMjMyLDIwMFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-boost : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjcuODUsNDYuODlhMjAsMjAsMCwwLDAtMTguNzQtMTguNzRjLTEzLjEzLS43Ny00Ni42NS40Mi03NC40OCwyOC4yNEwxMzEsNjBINzQuMzZhMTkuODMsMTkuODMsMCwwLDAtMTQuMTQsNS44NkwyNS44NywxMDAuMTlhMjAsMjAsMCwwLDAsMTEuMzUsMzMuOTVsMzcuMTQsNS4xOCw0Mi4zMiw0Mi4zMiw1LjE5LDM3LjE4QTE5Ljg4LDE5Ljg4LDAsMCwwLDEzNS4zNCwyMzVhMjAuMTMsMjAuMTMsMCwwLDAsNi4zNywxLDE5LjksMTkuOSwwLDAsMCwxNC4xLTUuODdsMzQuMzQtMzQuMzVBMTkuODUsMTkuODUsMCwwLDAsMTk2LDE4MS42NFYxMjVsMy42LTMuNTlDMjI3LjQzLDkzLjU0LDIyOC42Miw2MCwyMjcuODUsNDYuODlaTTc2LDg0aDMxTDc1Ljc1LDExNS4yOGwtMjcuMjMtMy44Wk0xNTEuNiw3My4zN0E3Mi4yNyw3Mi4yNywwLDAsMSwyMDQsNTJhNzIuMTcsNzIuMTcsMCwwLDEtMjEuMzgsNTIuNDFMMTI4LDE1OSw5NywxMjhaTTE3MiwxODBsLTI3LjQ5LDI3LjQ5LTMuOC0yNy4yM0wxNzIsMTQ5Wm0tNzEuNjcsMjEuNjJDOTEuNjcsMjEzLjY1LDc0LjE2LDIyOCw0MCwyMjhhMTIsMTIsMCwwLDEtMTItMTJjMC0zNC4xNSwxNC4zNS01MS42NiwyNi4zOS02MC4zM2ExMiwxMiwwLDAsMSwxNCwxOS40N2MtNiw0LjMxLTEyLjg5LDEyLjUtMTUuNDIsMjcuODcsMTUuMzctMi41MywyMy41Ni05LjQ0LDI3Ljg3LTE1LjQyYTEyLDEyLDAsMSwxLDE5LjQ3LDE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-boost-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03MiwxNjBsMjQsMjRzLTgsMzItNTYsMzJDNDAsMTY4LDcyLDE2MCw3MiwxNjBabTY0LTg4SDc0LjM1YTgsOCwwLDAsMC01LjY1LDIuMzRMMzQuMzUsMTA4LjY5YTgsOCwwLDAsMCw0LjUzLDEzLjU3TDgwLDEyOFptLTgsMTA0LDUuNzQsNDEuMTJhOCw4LDAsMCwwLDEzLjU3LDQuNTNsMzQuMzUtMzQuMzVhOCw4LDAsMCwwLDIuMzQtNS42NVYxMjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTAzLjc3LDE4NS45NEMxMDMuMzgsMTg3LjQ5LDkzLjYzLDIyNCw0MCwyMjRhOCw4LDAsMCwxLTgtOGMwLTUzLjYzLDM2LjUxLTYzLjM4LDM4LjA2LTYzLjc3YTgsOCwwLDAsMSwzLjg4LDE1LjUzYy0uOS4yNS0yMi40Miw2LjU0LTI1LjU2LDM5Ljg2QzgxLjcsMjA0LjQ4LDg4LDE4Myw4OC4yNiwxODJhOCw4LDAsMCwxLDE1LjUxLDRabTkzLTY3LjRMMTkyLDEyMy4zMXY1OC4zM0ExNS45MSwxNS45MSwwLDAsMSwxODcuMzIsMTkzTDE1MywyMjcuM0ExNS45MSwxNS45MSwwLDAsMSwxNDEuNywyMzJhMTYuMTEsMTYuMTEsMCwwLDEtNS4xLS44MywxNS45NCwxNS45NCwwLDAsMS0xMC43OC0xMi45MmwtNS4zNy0zOC40OUw3Ni4yNCwxMzUuNTVsLTM4LjQ3LTUuMzdBMTYsMTYsMCwwLDEsMjguNywxMDNMNjMsNjguNjhBMTUuOTEsMTUuOTEsMCwwLDEsNzQuMzYsNjRoNTguMzNsNC43Ny00Ljc3YzI2LjY4LTI2LjY3LDU4LjgzLTI3LjgyLDcxLjQxLTI3LjA3YTE2LDE2LDAsMCwxLDE1LDE1QzIyNC42LDU5LjcxLDIyMy40NSw5MS44NiwxOTYuNzgsMTE4LjU0Wk00MCwxMTQuMzRsMzcuMTUsNS4xOEwxMTYuNjksODBINzQuMzZaTTkxLjMyLDEyOCwxMjgsMTY0LjY4bDU3LjQ1LTU3LjQ1YTc2LjQ2LDc2LjQ2LDAsMCwwLDIyLjQyLTU5LjE2LDc2LjY0LDc2LjY0LDAsMCwwLTU5LjExLDIyLjQ3Wk0xNzYsMTM5LjMxbC0zOS41MywzOS41M0wxNDEuNjcsMjE2LDE3NiwxODEuNjRaIj48L3BhdGg+PC9zdmc+" ) ;
2024-03-09 02:02:16 +09:00
--icon-boost-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDMuNzcsMTg1Ljk0QzEwMy4zOCwxODcuNDksOTMuNjMsMjI0LDQwLDIyNGE4LDgsMCwwLDEtOC04YzAtNTMuNjMsMzYuNTEtNjMuMzgsMzguMDYtNjMuNzdhOCw4LDAsMCwxLDMuODgsMTUuNTNjLS45LjI1LTIyLjQyLDYuNTQtMjUuNTYsMzkuODZDODEuNywyMDQuNDgsODgsMTgzLDg4LjI2LDE4MmE4LDgsMCwwLDEsMTUuNTEsNFptOTMtNjcuNEwxOTIsMTIzLjMxdjU4LjMzQTE1LjkxLDE1LjkxLDAsMCwxLDE4Ny4zMiwxOTNMMTUzLDIyNy4zQTE1LjkxLDE1LjkxLDAsMCwxLDE0MS43LDIzMmExNi4xMSwxNi4xMSwwLDAsMS01LjEtLjgzLDE1Ljk0LDE1Ljk0LDAsMCwxLTEwLjc4LTEyLjkybC01LjM3LTM4LjQ5TDc2LjI0LDEzNS41NWwtMzguNDctNS4zN0ExNiwxNiwwLDAsMSwyOC43LDEwM0w2Myw2OC42OEExNS45MSwxNS45MSwwLDAsMSw3NC4zNiw2NGg1OC4zM2w0Ljc3LTQuNzdjMjYuNjgtMjYuNjcsNTguODItMjcuODIsNzEuNDEtMjcuMDdhMTYsMTYsMCwwLDEsMTUsMTVDMjI0LjYsNTkuNzEsMjIzLjQ1LDkxLjg2LDE5Ni43OCwxMTguNTRaTTExNi42OSw4MEg3NC4zNkw0MCwxMTQuMzRsMzcuMTUsNS4xOFpNMTc2LDEzOS4zMWwtMzkuNTMsMzkuNTNMMTQxLjY3LDIxNiwxNzYsMTgxLjY0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-star : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDMsOTYuMDVhMjAsMjAsMCwwLDAtMTcuMjYtMTMuNzJsLTU3LTQuOTMtMjIuMy01My4xNGgwYTIwLDIwLDAsMCwwLTM2LjgyLDBMODcuMjksNzcuNGwtNTcsNC45M0EyMCwyMCwwLDAsMCwxOC44NywxMTcuNGw0My4zMiwzNy44LTEzLDU2LjI0QTIwLDIwLDAsMCwwLDc5LDIzMy4xbDQ5LTI5Ljc2LDQ5LDI5Ljc2YTIwLDIwLDAsMCwwLDI5LjgtMjEuNjZsLTEzLTU2LjI0LDQzLjMyLTM3LjhBMjAsMjAsMCwwLDAsMjQzLDk2LjA1Wm0tNjYuNzUsNDIuNjJhMjAsMjAsMCwwLDAtNi4zNSwxOS42M2wxMS4zOSw0OS4zMi00Mi45NC0yNi4wOGExOS45LDE5LjksMCwwLDAtMjAuNywwTDc0LjcxLDIwNy42Miw4Ni4xLDE1OC4zYTIwLDIwLDAsMCwwLTYuMzUtMTkuNjNMNDEuNjYsMTA1LjQ0LDkxLjgsMTAxLjFhMTkuOTIsMTkuOTIsMCwwLDAsMTYuNjktMTIuMTlMMTI4LDQyLjQybDE5LjUxLDQ2LjQ5QTE5LjkyLDE5LjkyLDAsMCwwLDE2NC4yLDEwMS4xbDUwLjE0LDQuMzRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-star-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bookmark : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQsMjhINzJBMjAsMjAsMCwwLDAsNTIsNDhWMjI0YTEyLDEyLDAsMCwwLDE4LjM2LDEwLjE4bDU3LjYzLTM2LDU3LjY1LDM2QTEyLDEyLDAsMCwwLDIwNCwyMjRWNDhBMjAsMjAsMCwwLDAsMTg0LDI4Wm0tNCwyNFYxNTQuMzVsLTQ1LjY1LTI4LjUzYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMTU0LjM1VjUyWk0xMzQuMzUsMTczLjgyYTEyLDEyLDAsMCwwLTEyLjcyLDBMNzYsMjAyLjM1di0xOS43bDUyLTMyLjUsNTIsMzIuNXYxOS43WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-03-14 05:44:57 +09:00
--icon-bookmark-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTc2djQ4bC02NC00MEw2NCwyMjRWMTc2bDY0LTQwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE4NCwzMkg3MkExNiwxNiwwLDAsMCw1Niw0OFYyMjRhOCw4LDAsMCwwLDEyLjI0LDYuNzhMMTI4LDE5My40M2w1OS43NywzNy4zNUE4LDgsMCwwLDAsMjAwLDIyNFY0OEExNiwxNiwwLDAsMCwxODQsMzJabTAsMTZWMTYxLjU3bC01MS43Ny0zMi4zNWE4LDgsMCwwLDAtOC40OCwwTDcyLDE2MS41NlY0OFpNMTMyLjIzLDE3Ny4yMmE4LDgsMCwwLDAtOC40OCwwTDcyLDIwOS41N1YxODAuNDNsNTYtMzUsNTYsMzV2MjkuMTRaIj48L3BhdGg+PC9zdmc+" ) ;
2023-11-21 08:32:06 +09:00
--icon-translate : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDIuNzMsMjEwLjYzbC01Ni0xMTJhMTIsMTIsMCwwLDAtMjEuNDYsMGwtMjAuNTIsNDFBODQuMiw4NC4yLDAsMCwxLDEwNiwxMjYuMjIsMTA3LjQ4LDEwNy40OCwwLDAsMCwxMzEuMzMsNjhIMTUyYTEyLDEyLDAsMCwwLDAtMjRIMTAwVjMyYTEyLDEyLDAsMCwwLTI0LDBWNDRIMjRhMTIsMTIsMCwwLDAsMCwyNGg4My4xM0E4My42OSw4My42OSwwLDAsMSw4OCwxMTAuMzUsODQsODQsMCwwLDEsNzUuNiw5MWExMiwxMiwwLDEsMC0yMS44MSwxMEExMDcuNTUsMTA3LjU1LDAsMCwwLDcwLDEyNi4yNCw4My41NCw4My41NCwwLDAsMSwyNCwxNDBhMTIsMTIsMCwwLDAsMCwyNCwxMDcuNDcsMTA3LjQ3LDAsMCwwLDY0LTIxLjA3LDEwOC40LDEwOC40LDAsMCwwLDQ1LjM5LDE5LjQ0bC0yNC4xMyw0OC4yNmExMiwxMiwwLDEsMCwyMS40NiwxMC43M0wxNDMuNDEsMTk2aDY1LjE3bDEyLjY4LDI1LjM2YTEyLDEyLDAsMSwwLDIxLjQ3LTEwLjczWk0xNTUuNDEsMTcyLDE3NiwxMzAuODMsMTk2LjU4LDE3MloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-translate-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTg0SDEzNmw0MC04MFpNODgsMTI3LjU2aDBBOTUuNzgsOTUuNzgsMCwwLDAsMTIwLDU2SDU2QTk1Ljc4LDk1Ljc4LDAsMCwwLDg4LDEyNy41NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMzkuMTUsMjEyLjQybC01Ni0xMTJhOCw4LDAsMCwwLTE0LjMxLDBsLTIxLjcxLDQzLjQzQTg4LDg4LDAsMCwxLDEwMCwxMjYuOTMsMTAzLjY1LDEwMy42NSwwLDAsMCwxMjcuNjksNjRIMTUyYTgsOCwwLDAsMCwwLTE2SDk2VjMyYTgsOCwwLDAsMC0xNiwwVjQ4SDI0YTgsOCwwLDAsMCwwLDE2aDg3LjYzQTg3LjcsODcuNywwLDAsMSw4OCwxMTYuMzVhODcuNzQsODcuNzQsMCwwLDEtMTktMzEsOCw4LDAsMSwwLTE1LjA4LDUuMzRBMTAzLjYzLDEwMy42MywwLDAsMCw3NiwxMjdhODcuNTUsODcuNTUsMCwwLDEtNTIsMTcsOCw4LDAsMCwwLDAsMTYsMTAzLjQ2LDEwMy40NiwwLDAsMCw2NC0yMi4wOCwxMDQuMTgsMTA0LjE4LDAsMCwwLDUxLjQ0LDIxLjMxbC0yNi42LDUzLjE5YTgsOCwwLDAsMCwxNC4zMSw3LjE2TDE0MC45NCwxOTJoNzAuMTFsMTMuNzksMjcuNThBOCw4LDAsMCwwLDIzMiwyMjRhOCw4LDAsMCwwLDcuMTUtMTEuNThaTTE0OC45NCwxNzYsMTc2LDEyMS44OSwyMDMuMDUsMTc2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-02-28 08:02:43 +09:00
--icon-ellipsis : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-ellipsis-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTIsMTI4YTI0LDI0LDAsMSwxLTI0LTI0QTI0LDI0LDAsMCwxLDE1MiwxMjhaTTQ4LDEwNGEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCw0OCwxMDRabTE2MCwwYTI0LDI0LDAsMSwwLDI0LDI0QTI0LDI0LDAsMCwwLDIwOCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDk2YTMyLDMyLDAsMSwwLDMyLDMyQTMyLDMyLDAsMCwwLDEyOCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSwxMjgsMTQ0Wk00OCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCw0OCw5NlptMCw0OGExNiwxNiwwLDEsMSwxNi0xNkExNiwxNiwwLDAsMSw0OCwxNDRaTTIwOCw5NmEzMiwzMiwwLDEsMCwzMiwzMkEzMiwzMiwwLDAsMCwyMDgsOTZabTAsNDhhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMjA4LDE0NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-poll : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsOTJIMTgwVjU2YTEyLDEyLDAsMCwwLTEyLTEySDUyVjQwYTEyLDEyLDAsMCwwLTI0LDBWMjE2YTEyLDEyLDAsMCwwLDI0LDB2LTRoODRhMTIsMTIsMCwwLDAsMTItMTJWMTY0aDY4YTEyLDEyLDAsMCwwLDEyLTEyVjEwNEExMiwxMiwwLDAsMCwyMTYsOTJaTTE1Niw2OFY5Mkg1MlY2OFpNMTI0LDE4OEg1MlYxNjRoNzJabTgwLTQ4SDUyVjExNkgyMDRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-poll-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTA0djQ4SDQwVjEwNFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsOTZIMTc2VjU2YTgsOCwwLDAsMC04LThINDhWNDBhOCw4LDAsMCwwLTE2LDBWMjE2YTgsOCwwLDAsMCwxNiwwdi04aDg4YTgsOCwwLDAsMCw4LThWMTYwaDcyYTgsOCwwLDAsMCw4LThWMTA0QTgsOCwwLDAsMCwyMTYsOTZaTTE2MCw2NFY5Nkg0OFY2NFpNMTI4LDE5Mkg0OFYxNjBoODBabTgwLTQ4SDQ4VjExMkgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-post : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-post-notification : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjAsMTI4YTE2LDE2LDAsMSwxLTE2LTE2QTE2LDE2LDAsMCwxLDEyMCwxMjhabTMyLTE2YTE2LDE2LDAsMSwwLDE2LDE2QTE2LDE2LDAsMCwwLDE1MiwxMTJabTg0LDE2QTEwOCwxMDgsMCwwLDEsNzguNzcsMjI0LjE1TDQ2LjM0LDIzNUEyMCwyMCwwLDAsMSwyMSwyMDkuNjZsMTAuODEtMzIuNDNBMTA4LDEwOCwwLDEsMSwyMzYsMTI4Wm0tMjQsMEE4NCw4NCwwLDEsMCw1NS4yNywxNzAuMDZhMTIsMTIsMCwwLDEsMSw5LjgxbC05LjkzLDI5Ljc5LDI5Ljc5LTkuOTNhMTIuMSwxMi4xLDAsMCwxLDMuOC0uNjIsMTIsMTIsMCwwLDEsNiwxLjYyQTg0LDg0LDAsMCwwLDIxMiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-post-notification-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4QTk2LDk2LDAsMCwxLDc5LjkzLDIxMS4xMWgwTDQyLjU0LDIyMy41OGE4LDgsMCwwLDEtMTAuMTItMTAuMTJsMTIuNDctMzcuMzloMEE5Niw5NiwwLDEsMSwyMjQsMTI4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTEyOCwyNEExMDQsMTA0LDAsMCwwLDM2LjE4LDE3Ni44OEwyNC44MywyMTAuOTNhMTYsMTYsMCwwLDAsMjAuMjQsMjAuMjRsMzQuMDUtMTEuMzVBMTA0LDEwNCwwLDEsMCwxMjgsMjRabTAsMTkyYTg3Ljg3LDg3Ljg3LDAsMCwxLTQ0LjA2LTExLjgxLDgsOCwwLDAsMC00LTEuMDgsNy44NSw3Ljg1LDAsMCwwLTIuNTMuNDJMNDAsMjE2LDUyLjQ3LDE3OC42YTgsOCwwLDAsMC0uNjYtNi41NEE4OCw4OCwwLDEsMSwxMjgsMjE2Wm0xMi04OGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4Wm0tNDQsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSw5NiwxMjhabTg4LDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTg0LDEyOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-users : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-users-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMzYsMTA4QTUyLDUyLDAsMSwxLDg0LDU2LDUyLDUyLDAsMCwxLDEzNiwxMDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTE3LjI1LDE1Ny45MmE2MCw2MCwwLDEsMC02Ni41LDBBOTUuODMsOTUuODMsMCwwLDAsMy41MywxOTUuNjNhOCw4LDAsMSwwLDEzLjQsOC43NCw4MCw4MCwwLDAsMSwxMzQuMTQsMCw4LDgsMCwwLDAsMTMuNC04Ljc0QTk1LjgzLDk1LjgzLDAsMCwwLDExNy4yNSwxNTcuOTJaTTQwLDEwOGE0NCw0NCwwLDEsMSw0NCw0NEE0NC4wNSw0NC4wNSwwLDAsMSw0MCwxMDhabTIxMC4xNCw5OC43YTgsOCwwLDAsMS0xMS4wNy0yLjMzQTc5LjgzLDc5LjgzLDAsMCwwLDE3MiwxNjhhOCw4LDAsMCwxLDAtMTYsNDQsNDQsMCwxLDAtMTYuMzQtODQuODcsOCw4LDAsMSwxLTUuOTQtMTQuODUsNjAsNjAsMCwwLDEsNTUuNTMsMTA1LjY0LDk1LjgzLDk1LjgzLDAsMCwxLDQ3LjIyLDM3LjcxQTgsOCwwLDAsMSwyNTAuMTQsMjA2LjdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-user-plus : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTEyLDEyLDAsMCwxLTEyLDEyaC04djhhMTIsMTIsMCwwLDEtMjQsMHYtOGgtOGExMiwxMiwwLDAsMSwwLTI0aDh2LThhMTIsMTIsMCwwLDEsMjQsMHY4aDhBMTIsMTIsMCwwLDEsMjU2LDEzNlptLTU0LjgxLDU2LjI4YTEyLDEyLDAsMSwxLTE4LjM4LDE1LjQ0QzE2OS4xMiwxOTEuNDIsMTQ1LDE3MiwxMDgsMTcyYy0yOC44OSwwLTU1LjQ2LDEyLjY4LTc0LjgxLDM1LjcyYTEyLDEyLDAsMCwxLTE4LjM4LTE1LjQ0QTEyNC4wOCwxMjQuMDgsMCwwLDEsNjMuNSwxNTYuNTNhNzIsNzIsMCwxLDEsODksMEExMjQsMTI0LDAsMCwxLDIwMS4xOSwxOTIuMjhaTTEwOCwxNDhhNDgsNDgsMCwxLDAtNDgtNDhBNDguMDUsNDguMDUsMCwwLDAsMTA4LDE0OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--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==" ) ;
/* Navigation icons */
2024-02-19 21:47:25 +09:00
--icon-home : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-home-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-home-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTE1LjU0VjIwOGE4LDgsMCwwLDEtOCw4SDE2MGE4LDgsMCwwLDEtOC04VjE2MGE4LDgsMCwwLDAtOC04SDExMmE4LDgsMCwwLDAtOCw4djQ4YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLTgtOFYxMTUuNTRhOCw4LDAsMCwxLDIuNjItNS45Mmw4MC03NS41NGE4LDgsMCwwLDEsMTAuNzcsMGw4MCw3NS41NEE4LDgsMCwwLDEsMjE2LDExNS41NFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTguODMsMTAzLjc3bC04MC03NS40OGExLjE0LDEuMTQsMCwwLDEtLjExLS4xMSwxNiwxNiwwLDAsMC0yMS41MywwbC0uMTEuMTFMMzcuMTcsMTAzLjc3QTE2LDE2LDAsMCwwLDMyLDExNS41NVYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIOTZhMTYsMTYsMCwwLDAsMTYtMTZWMTYwaDMydjQ4YTE2LDE2LDAsMCwwLDE2LDE2aDQ4YTE2LDE2LDAsMCwwLDE2LTE2VjExNS41NUExNiwxNiwwLDAsMCwyMTguODMsMTAzLjc3Wk0yMDgsMjA4SDE2MFYxNjBhMTYsMTYsMCwwLDAtMTYtMTZIMTEyYTE2LDE2LDAsMCwwLTE2LDE2djQ4SDQ4VjExNS41NWwuMTEtLjFMMTI4LDQwbDc5LjksNzUuNDMuMTEuMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-home-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTE1LjU1VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxNjhhMTYsMTYsMCwwLDEtMTYtMTZWMTY4YTgsOCwwLDAsMC04LThIMTEyYTgsOCwwLDAsMC04LDh2NDBhMTYsMTYsMCwwLDEtMTYsMTZINDhhMTYsMTYsMCwwLDEtMTYtMTZWMTE1LjU1YTE2LDE2LDAsMCwxLDUuMTctMTEuNzhsODAtNzUuNDguMTEtLjExYTE2LDE2LDAsMCwxLDIxLjUzLDAsMS4xNCwxLjE0LDAsMCwwLC4xMS4xMWw4MCw3NS40OEExNiwxNiwwLDAsMSwyMjQsMTE1LjU1WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-bell : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTkySDQ4YTgsOCwwLDAsMS02Ljg4LTEyQzQ3LjcxLDE2OC42LDU2LDEzOS44MSw1NiwxMDRhNzIsNzIsMCwwLDEsMTQ0LDBjMCwzNS44Miw4LjMsNjQuNiwxNC45LDc2QTgsOCwwLDAsMSwyMDgsMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyMS44LDE3NS45NEMyMTYuMjUsMTY2LjM4LDIwOCwxMzkuMzMsMjA4LDEwNGE4MCw4MCwwLDEsMC0xNjAsMGMwLDM1LjM0LTguMjYsNjIuMzgtMTMuODEsNzEuOTRBMTYsMTYsMCwwLDAsNDgsMjAwSDg4LjgxYTQwLDQwLDAsMCwwLDc4LjM4LDBIMjA4YTE2LDE2LDAsMCwwLDEzLjgtMjQuMDZaTTEyOCwyMTZhMjQsMjQsMCwwLDEtMjIuNjItMTZoNDUuMjRBMjQsMjQsMCwwLDEsMTI4LDIxNlpNNDgsMTg0YzcuNy0xMy4yNCwxNi00My45MiwxNi04MGE2NCw2NCwwLDEsMSwxMjgsMGMwLDM2LjA1LDguMjgsNjYuNzMsMTYsODBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bell-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuOCwxNzUuOTRDMjE2LjI1LDE2Ni4zOCwyMDgsMTM5LjMzLDIwOCwxMDRhODAsODAsMCwxLDAtMTYwLDBjMCwzNS4zNC04LjI2LDYyLjM4LTEzLjgxLDcxLjk0QTE2LDE2LDAsMCwwLDQ4LDIwMEg4OC44MWE0MCw0MCwwLDAsMCw3OC4zOCwwSDIwOGExNiwxNiwwLDAsMCwxMy44LTI0LjA2Wk0xMjgsMjE2YTI0LDI0LDAsMCwxLTIyLjYyLTE2aDQ1LjI0QTI0LDI0LDAsMCwxLDEyOCwyMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-explore : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-explore-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-explore-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsMTY4YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEwNCwxNjhabTg4LTQwYTQwLDQwLDAsMSwwLDQwLDQwQTQwLDQwLDAsMCwwLDE5MiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM3LjIsMTUxLjg3djBhNDcuMSw0Ny4xLDAsMCwwLTIuMzUtNS40NUwxOTMuMjYsNTEuOGE3LjgyLDcuODIsMCwwLDAtMS42Ni0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDcuODIsNy44MiwwLDAsMC0xLjY2LDIuNDRMMjEuMTUsMTQ2LjRhNDcuMSw0Ny4xLDAsMCwwLTIuMzUsNS40NXYwQTQ4LDQ4LDAsMSwwLDExMiwxNjhWOTZoMzJ2NzJhNDgsNDgsMCwxLDAsOTMuMi0xNi4xM1pNNzYuNzEsNTkuNzVhMTYsMTYsMCwwLDEsMTkuMjktMXY3My41MWE0Ny45LDQ3LjksMCwwLDAtNDYuNzktOS45MlpNNjQsMjAwYTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDY0LDIwMFpNMTYwLDU4Ljc0YTE2LDE2LDAsMCwxLDE5LjI5LDFsMjcuNSw2Mi41OEE0Ny45LDQ3LjksMCwwLDAsMTYwLDEzMi4yNVpNMTkyLDIwMGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxOTIsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-explore-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuMjIsMTUxLjlsMC0uMWExLjQyLDEuNDIsMCwwLDAtLjA3LS4yMiw0OC40Niw0OC40NiwwLDAsMC0yLjMxLTUuM0wxOTMuMjcsNTEuOGE4LDgsMCwwLDAtMS42Ny0yLjQ0LDMyLDMyLDAsMCwwLTQ1LjI2LDBBOCw4LDAsMCwwLDE0NCw1NVY4MEgxMTJWNTVhOCw4LDAsMCwwLTIuMzQtNS42NiwzMiwzMiwwLDAsMC00NS4yNiwwLDgsOCwwLDAsMC0xLjY3LDIuNDRMMjEuMiwxNDYuMjhhNDguNDYsNDguNDYsMCwwLDAtMi4zMSw1LjMsMS43MiwxLjcyLDAsMCwwLS4wNy4yMXMwLC4wOCwwLC4xMWE0OCw0OCwwLDAsMCw5MC4zMiwzMi41MSw0Ny40OSw0Ny40OSwwLDAsMCwyLjktMTYuNTlWOTZoMzJ2NzEuODNhNDcuNDksNDcuNDksMCwwLDAsMi45LDE2LjU5LDQ4LDQ4LDAsMCwwLDkwLjMyLTMyLjUxWm0tMTQzLjE1LDI3YTMyLDMyLDAsMCwxLTYwLjItMjEuNzFsMS44MS00LjEzQTMyLDMyLDAsMCwxLDk2LDE2Ny44OFYxNjhoMEEzMiwzMiwwLDAsMSw5NC4wNywxNzguOTRaTTIwMywxOTguMDdBMzIsMzIsMCwwLDEsMTYwLDE2OGgwdi0uMTFhMzIsMzIsMCwwLDEsNjAuMzItMTQuNzhsMS44MSw0LjEzQTMyLDMyLDAsMCwxLDIwMywxOTguMDdaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-globe : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-globe-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4YTg4LDg4LDAsMSwxLTg4LTg4QTg4LDg4LDAsMCwxLDIxNiwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ1LjExLDYwLjY4Yy03LjY1LTEzLjE5LTI3Ljg0LTE2LjE2LTU4LjUtOC42NkE5NS45Myw5NS45MywwLDAsMCwzMiwxMjhhOTgsOTgsMCwwLDAsLjc4LDEyLjMxQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNEE5NS45Myw5NS45MywwLDAsMCwyMjQsMTI4YTk3LjA4LDk3LjA4LDAsMCwwLS43Ny0xMi4yNWMxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4Wk0xMjgsNDhhODAuMTEsODAuMTEsMCwwLDEsNzgsNjIuMmMtMTcuMDYsMTYuMDYtNDAuMTUsMzIuNTMtNjIuMDcsNDUuMTNDMTE2LjM4LDE3MS4xNCw5Mi40OCwxODEsNzMuNDIsMTg2LjRBNzkuOTQsNzkuOTQsMCwwLDEsMTI4LDQ4Wk0yNC43NCwxODcuMjljLTEuNDYtMi41MS0uNjUtNy4yNCwyLjIyLTEzYTc5LjA1LDc5LjA1LDAsMCwxLDEwLjI5LTE1LjA1LDk2LDk2LDAsMCwwLDE4LDMxLjMyQzM4LDE5My40NiwyNy4yNCwxOTEuNjEsMjQuNzQsMTg3LjI5Wk0xMjgsMjA4YTc5LjQ1LDc5LjQ1LDAsMCwxLTM4LjU2LTkuOTQsMzcwLDM3MCwwLDAsMCw2Mi40My0yOC44NmMyMS41OC0xMi4zOSw0MC42OC0yNS44Miw1Ni4wNy0zOS4wOEE4MC4wNyw4MC4wNywwLDAsMSwxMjgsMjA4Wk0yMzEuNDIsNzUuNjljLTEuNyw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVjMTQuMjEtMi4zNSwyNy4zNy0yLjE3LDMwLjUsMy4yNEMyMzIuMTksNzAuMjgsMjMyLjI0LDcyLjYzLDIzMS40Miw3NS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-globe-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjMuMjIsMTE1Ljc1QTk3LjA4LDk3LjA4LDAsMCwxLDIyNCwxMjgsOTUuOTMsOTUuOTMsMCwwLDEsNjkuNDMsMjA0YzI1LjE5LTYuMTYsNTQuODItMTguOTMsODIuNDQtMzQuOEMxODEuMzEsMTUyLjI5LDIwNi4xNiwxMzMuNDYsMjIzLjIyLDExNS43NVptMjEuODktNTUuMDdjLTcuNjUtMTMuMTktMjcuODQtMTYuMTYtNTguNS04LjY2aDBBOTUuOTMsOTUuOTMsMCwwLDAsMzIsMTI4YTk4LDk4LDAsMCwwLC43OCwxMi4zMWgwQzUuMDksMTY5LDUuNDksMTg2LDEwLjksMTk1LjMyLDE2LDIwNC4xNiwyNi42NCwyMDgsNDAuNjQsMjA4YTEyNC4xMSwxMjQuMTEsMCwwLDAsMjguNzktNCw5Ny4yMiw5Ny4yMiwwLDAsMS0xNC4xNi0xMy40MmMtMTcuMjksMi44OC0yOCwxLTMwLjUzLTMuMjktMS40Ni0yLjUxLS42NS03LjI0LDIuMjItMTNhNzkuNDIsNzkuNDIsMCwwLDEsMTAuMjgtMTUuMDUuMjkuMjksMCwwLDAsMC0uMDlsMCwuMDhoMGE5Ni4yMSw5Ni4yMSwwLDAsMCwxOCwzMS4zMmMyMC45NC0zLjQ5LDUxLjQ5LTEzLjkxLDg4LjYzLTM1LjI1QzE3MiwxMzkuMTksMjAyLDExNi42NywyMTguNzksOTYuODJhOTUuNjksOTUuNjksMCwwLDAtMTgtMzEuMzVoMGwtLjEzLS4xNWMwLC4wNS4wOS4wOS4xMy4xNSwxNC4yMS0yLjM1LDI3LjM3LTIuMTcsMzAuNSwzLjI0LjkyLDEuNTcsMSwzLjkyLjE1LDctMS42OSw2LjMxLTYuMTksMTMuNTMtMTIuNjMsMjEuMTNhOTUuMzksOTUuMzksMCwwLDEsNC40MywxOC45M2MxMi41LTEzLDIwLjgyLTI1LjM1LDIzLjY1LTM1LjkyQzI0OC44Myw3Mi41MSwyNDguMjQsNjYuMDcsMjQ1LjExLDYwLjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-direct-messages : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-direct-messages-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-direct-messages-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk2LDk2LDAsMSwxLTk2LTk2QTk2LDk2LDAsMCwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0YTEwNCwxMDQsMCwwLDAsMCwyMDhjMjEuNTEsMCw0NC4xLTYuNDgsNjAuNDMtMTcuMzNhOCw4LDAsMCwwLTguODYtMTMuMzNDMTY2LDIxMC4zOCwxNDYuMjEsMjE2LDEyOCwyMTZhODgsODgsMCwxLDEsODgtODhjMCwyNi40NS0xMC44OCwzMi0yMCwzMnMtMjAtNS41NS0yMC0zMlY4OGE4LDgsMCwwLDAtMTYsMHY0LjI2YTQ4LDQ4LDAsMSwwLDUuOTMsNjUuMWM2LDEyLDE2LjM1LDE4LjY0LDMwLjA3LDE4LjY0LDIyLjU0LDAsMzYtMTcuOTQsMzYtNDhBMTA0LjExLDEwNC4xMSwwLDAsMCwxMjgsMjRabTAsMTM2YTMyLDMyLDAsMSwxLDMyLTMyQTMyLDMyLDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-direct-messages-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI4YzAsLjUxLDAsMSwwLDEuNTItLjM0LDE0LjI2LTUuNjMsMzAuNDgtMjgsMzAuNDgtMjMuMTQsMC0yOC0xNy40LTI4LTMyVjg4YTgsOCwwLDAsMC04LjUzLThBOC4xNyw4LjE3LDAsMCwwLDE2MCw4OC4yN3Y0YTQ4LDQ4LDAsMSwwLDYuNzMsNjQuMDUsNDAuMTksNDAuMTksMCwwLDAsMy4zOCw1QzE3NS40OCwxNjgsMTg1LjcxLDE3NiwyMDQsMTc2YTU0LjgxLDU0LjgxLDAsMCwwLDkuMjItLjc1LDQsNCwwLDAsMSw0LjA5LDZBMTA0LjA1LDEwNC4wNSwwLDAsMSwxMjUuOTEsMjMyQzcxLjEzLDIzMC45LDI2LjIsMTg2Ljg2LDI0LjA4LDEzMi4xMUExMDQsMTA0LDAsMSwxLDIzMiwxMjhaTTk2LDEyOGEzMiwzMiwwLDEsMCwzMi0zMkEzMiwzMiwwLDAsMCw5NiwxMjhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bookmark-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-bookmark-column-link-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsNzJWMjI0bC01Ni00MEw1NiwyMjRWNzJhOCw4LDAsMCwxLDgtOGg5NkE4LDgsMCwwLDEsMTY4LDcyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2MCw1Nkg2NEExNiwxNiwwLDAsMCw0OCw3MlYyMjRhOCw4LDAsMCwwLDEyLjY1LDYuNTFMMTEyLDE5My44M2w1MS4zNiwzNi42OEE4LDgsMCwwLDAsMTc2LDIyNFY3MkExNiwxNiwwLDAsMCwxNjAsNTZabTAsMTUyLjQ2LTQzLjM2LTMxYTgsOCwwLDAsMC05LjMsMEw2NCwyMDguNDVWNzJoOTZaTTIwOCw0MFYxOTJhOCw4LDAsMCwxLTE2LDBWNDBIODhhOCw4LDAsMCwxLDAtMTZIMTkyQTE2LDE2LDAsMCwxLDIwOCw0MFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-bookmark-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsNTZINjRBMTYsMTYsMCwwLDAsNDgsNzJWMjI0YTgsOCwwLDAsMCwxMi42NSw2LjUxTDExMiwxOTMuODNsNTEuMzYsMzYuNjhBOCw4LDAsMCwwLDE3NiwyMjRWNzJBMTYsMTYsMCwwLDAsMTYwLDU2WiI+PC9wYXRoPjxwYXRoIGQ9Ik0xOTIsMjRIODhhOCw4LDAsMCwwLDAsMTZIMTkyVjE5MmE4LDgsMCwwLDAsMTYsMFY0MEExNiwxNiwwLDAsMCwxOTIsMjRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-star-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xODQuMTMsMTQ3LjdhOC4wOCw4LjA4LDAsMCwwLTIuNTQsNy44OWwxMy41Miw1OC41NGE4LDgsMCwwLDEtMTEuODksOC42OWwtNTEuMS0zMWE3LjkzLDcuOTMsMCwwLDAtOC4yNCwwbC01MS4xLDMxYTgsOCwwLDAsMS0xMS44OS04LjY5bDEzLjUyLTU4LjU0YTguMDgsOC4wOCwwLDAsMC0yLjU0LTcuODlMMjYuNzYsMTA4LjM1QTgsOCwwLDAsMSwzMS4zLDk0LjI4bDU5LjQ2LTUuMTRhOCw4LDAsMCwwLDYuNjctNC44OEwxMjAuNjYsMjguOWE4LDgsMCwwLDEsMTQuNjgsMGwyMy4yMyw1NS4zNmE4LDgsMCwwLDAsNi42Nyw0Ljg4bDU5LjQ2LDUuMTRhOCw4LDAsMCwxLDQuNTQsMTQuMDdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM5LjIsOTcuMjlhMTYsMTYsMCwwLDAtMTMuODEtMTFMMTY2LDgxLjE3LDE0Mi43MiwyNS44MWgwYTE1Ljk1LDE1Ljk1LDAsMCwwLTI5LjQ0LDBMOTAuMDcsODEuMTcsMzAuNjEsODYuMzJhMTYsMTYsMCwwLDAtOS4xMSwyOC4wNkw2Ni42MSwxNTMuOCw1My4wOSwyMTIuMzRhMTYsMTYsMCwwLDAsMjMuODQsMTcuMzRsNTEtMzEsNTEuMTEsMzFhMTYsMTYsMCwwLDAsMjMuODQtMTcuMzRsLTEzLjUxLTU4LjYsNDUuMS0zOS4zNkExNiwxNiwwLDAsMCwyMzkuMiw5Ny4yOVptLTE1LjIyLDUtNDUuMSwzOS4zNmExNiwxNiwwLDAsMC01LjA4LDE1LjcxTDE4Ny4zNSwyMTZ2MGwtNTEuMDctMzFhMTUuOSwxNS45LDAsMCwwLTE2LjU0LDBsLTUxLDMxaDBMODIuMiwxNTcuNGExNiwxNiwwLDAsMC01LjA4LTE1LjcxTDMyLDEwMi4zNWEuMzcuMzcsMCwwLDEsMC0uMDlsNTkuNDQtNS4xNGExNiwxNiwwLDAsMCwxMy4zNS05Ljc1TDEyOCwzMi4wOGwyMy4yLDU1LjI5YTE2LDE2LDAsMCwwLDEzLjM1LDkuNzVMMjI0LDEwMi4yNlMyMjQsMTAyLjMyLDIyNCwxMDIuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-star-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-star-column-link-accent : var ( -- icon - star-accent ) ;
--icon-star-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzQuNSwxMTQuMzhsLTQ1LjEsMzkuMzYsMTMuNTEsNTguNmExNiwxNiwwLDAsMS0yMy44NCwxNy4zNGwtNTEuMTEtMzEtNTEsMzFhMTYsMTYsMCwwLDEtMjMuODQtMTcuMzRMNjYuNjEsMTUzLjgsMjEuNSwxMTQuMzhhMTYsMTYsMCwwLDEsOS4xMS0yOC4wNmw1OS40Ni01LjE1LDIzLjIxLTU1LjM2YTE1Ljk1LDE1Ljk1LDAsMCwxLDI5LjQ0LDBoMEwxNjYsODEuMTdsNTkuNDQsNS4xNWExNiwxNiwwLDAsMSw5LjExLDI4LjA2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-search : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzJhMmQzNyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-search-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIuNDksMjE1LjUxLDE4NSwxNjhhOTIuMTIsOTIuMTIsMCwxLDAtMTcsMTdsNDcuNTMsNDcuNTRhMTIsMTIsMCwwLDAsMTctMTdaTTQ0LDExMmE2OCw2OCwwLDEsMSw2OCw2OEE2OC4wNyw2OC4wNywwLDAsMSw0NCwxMTJaIj48L3BhdGg+PC9zdmc+" ) ;
2024-02-19 21:47:25 +09:00
--icon-search-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-search-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-search-column-link-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTEyYTgwLDgwLDAsMSwxLTgwLTgwQTgwLDgwLDAsMCwxLDE5MiwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI5LjY2LDIxOC4zNCwxNzkuNiwxNjguMjhhODguMjEsODguMjEsMCwxLDAtMTEuMzIsMTEuMzFsNTAuMDYsNTAuMDdhOCw4LDAsMCwwLDExLjMyLTExLjMyWk00MCwxMTJhNzIsNzIsMCwxLDEsNzIsNzJBNzIuMDgsNzIuMDgsMCwwLDEsNDAsMTEyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-search-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTEyYTU2LDU2LDAsMSwxLTU2LTU2QTU2LDU2LDAsMCwxLDE2OCwxMTJabTYxLjY2LDExNy42NmE4LDgsMCwwLDEtMTEuMzIsMGwtNTAuMDYtNTAuMDdhODgsODgsMCwxLDEsMTEuMzItMTEuMzFsNTAuMDYsNTAuMDZBOCw4LDAsMCwxLDIyOS42NiwyMjkuNjZaTTExMiwxODRhNzIsNzIsMCwxLDAtNzItNzJBNzIuMDgsNzIuMDgsMCwwLDAsMTEyLDE4NFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-user-plus-column-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-user-plus-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-user-plus-column-link-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjgsMTAwYTYwLDYwLDAsMSwxLTYwLTYwQTYwLDYwLDAsMCwxLDE2OCwxMDBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjU2LDEzNmE4LDgsMCwwLDEtOCw4SDIzMnYxNmE4LDgsMCwwLDEtMTYsMFYxNDRIMjAwYTgsOCwwLDAsMSwwLTE2aDE2VjExMmE4LDgsMCwwLDEsMTYsMHYxNmgxNkE4LDgsMCwwLDEsMjU2LDEzNlptLTU3Ljg3LDU4Ljg1YTgsOCwwLDAsMS0xMi4yNiwxMC4zQzE2NS43NSwxODEuMTksMTM4LjA5LDE2OCwxMDgsMTY4cy01Ny43NSwxMy4xOS03Ny44NywzNy4xNWE4LDgsMCwwLDEtMTIuMjUtMTAuM2MxNC45NC0xNy43OCwzMy41Mi0zMC40MSw1NC4xNy0zNy4xN2E2OCw2OCwwLDEsMSw3MS45LDBDMTY0LjYsMTY0LjQ0LDE4My4xOCwxNzcuMDcsMTk4LjEzLDE5NC44NVpNMTA4LDE1MmE1Miw1MiwwLDEsMC01Mi01MkE1Mi4wNiw1Mi4wNiwwLDAsMCwxMDgsMTUyWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-user-plus-column-link-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNTYsMTM2YTgsOCwwLDAsMS04LDhIMjMydjE2YTgsOCwwLDAsMS0xNiwwVjE0NEgyMDBhOCw4LDAsMCwxLDAtMTZoMTZWMTEyYTgsOCwwLDAsMSwxNiwwdjE2aDE2QTgsOCwwLDAsMSwyNTYsMTM2Wk0xNDQsMTU3LjY4YTY4LDY4LDAsMSwwLTcxLjksMGMtMjAuNjUsNi43Ni0zOS4yMywxOS4zOS01NC4xNywzNy4xN0E4LDgsMCwwLDAsMjQsMjA4SDE5MmE4LDgsMCwwLDAsNi4xMy0xMy4xNUMxODMuMTgsMTc3LjA3LDE2NC42LDE2NC40NCwxNDQsMTU3LjY4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-list : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-list-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-list-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNjRWMTkySDQwVjY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCwxMjhhOCw4LDAsMCwxLTgsOEg0MGE4LDgsMCwwLDEsMC0xNkgyMTZBOCw4LDAsMCwxLDIyNCwxMjhaTTQwLDcySDIxNmE4LDgsMCwwLDAsMC0xNkg0MGE4LDgsMCwwLDAsMCwxNlpNMjE2LDE4NEg0MGE4LDgsMCwwLDAsMCwxNkgyMTZhOCw4LDAsMCwwLDAtMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-list-accent-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTIwdjE2YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLTgtOFYxMjBhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCwxMjBabS04LDU2SDQwYTgsOCwwLDAsMC04LDh2MTZhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFYxODRBOCw4LDAsMCwwLDIxNiwxNzZabTAtMTI4SDQwYTgsOCwwLDAsMC04LDhWNzJhOCw4LDAsMCwwLDgsOEgyMTZhOCw4LDAsMCwwLDgtOFY1NkE4LDgsMCwwLDAsMjE2LDQ4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-settings : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-settings-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMSwxMDguNzYsMTk4LjI1LDkwLjYyYy0uNjQtMS4xNi0xLjMxLTIuMjktMi0zLjQxbC0uMTItMzZBMTA0LjYxLDEwNC42MSwwLDAsMCwxNjIsMzJMMTMwLDQ5Ljg5Yy0xLjM0LDAtMi42OSwwLTQsMEw5NCwzMkExMDQuNTgsMTA0LjU4LDAsMCwwLDU5Ljg5LDUxLjI1bC0uMTYsMzZjLS43LDEuMTItMS4zNywyLjI2LTIsMy40MWwtMzEuODQsMTguMWE5OS4xNSw5OS4xNSwwLDAsMCwwLDM4LjQ2bDMxLjg1LDE4LjE0Yy42NCwxLjE2LDEuMzEsMi4yOSwyLDMuNDFsLjEyLDM2QTEwNC42MSwxMDQuNjEsMCwwLDAsOTQsMjI0bDMyLTE3Ljg3YzEuMzQsMCwyLjY5LDAsNCwwTDE2MiwyMjRhMTA0LjU4LDEwNC41OCwwLDAsMCwzNC4wOC0xOS4yNWwuMTYtMzZjLjctMS4xMiwxLjM3LTIuMjYsMi0zLjQxbDMxLjg0LTE4LjFBOTkuMTUsOTkuMTUsMCwwLDAsMjMwLjEsMTA4Ljc2Wk0xMjgsMTY4YTQwLDQwLDAsMSwxLDQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxNjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDgwYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWm0xMDkuOTQtNTIuNzlhOCw4LDAsMCwwLTMuODktNS40bC0yOS44My0xNy0uMTItMzMuNjJhOCw4LDAsMCwwLTIuODMtNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLTM2LjcyLTIwLjY3LDgsOCwwLDAsMC02LjQ2LjU5TDEyOCw0MS44NSw5Ny44OCwyNWE4LDgsMCwwLDAtNi40Ny0uNkExMTEuOTIsMTExLjkyLDAsMCwwLDU0LjczLDQ1LjE1YTgsOCwwLDAsMC0yLjgzLDYuMDdsLS4xNSwzMy42NS0yOS44MywxN2E4LDgsMCwwLDAtMy44OSw1LjQsMTA2LjQ3LDEwNi40NywwLDAsMCwwLDQxLjU2LDgsOCwwLDAsMCwzLjg5LDUuNGwyOS44MywxNywuMTIsMzMuNjNhOCw4LDAsMCwwLDIuODMsNi4wOCwxMTEuOTEsMTExLjkxLDAsMCwwLDM2LjcyLDIwLjY3LDgsOCwwLDAsMCw2LjQ2LS41OUwxMjgsMjE0LjE1LDE1OC4xMiwyMzFhNy45MSw3LjkxLDAsMCwwLDMuOSwxLDguMDksOC4wOSwwLDAsMCwyLjU3LS40MiwxMTIuMSwxMTIuMSwwLDAsMCwzNi42OC0yMC43Myw4LDgsMCwwLDAsMi44My02LjA3bC4xNS0zMy42NSwyOS44My0xN2E4LDgsMCwwLDAsMy44OS01LjRBMTA2LjQ3LDEwNi40NywwLDAsMCwyMzcuOTQsMTA3LjIxWm0tMTUsMzQuOTEtMjguNTcsMTYuMjVhOCw4LDAsMCwwLTMsM2MtLjU4LDEtMS4xOSwyLjA2LTEuODEsMy4wNmE3Ljk0LDcuOTQsMCwwLDAtMS4yMiw0LjIxbC0uMTUsMzIuMjVhOTUuODksOTUuODksMCwwLDEtMjUuMzcsMTQuM0wxMzQsMTk5LjEzYTgsOCwwLDAsMC0zLjkxLTFoLS4xOWMtMS4yMSwwLTIuNDMsMC0zLjY0LDBhOC4xLDguMSwwLDAsMC00LjEsMWwtMjguODQsMTYuMUE5Niw5NiwwLDAsMSw2Ny44OCwyMDFsLS4xMS0zMi4yYTgsOCwwLDAsMC0xLjIyLTQuMjJjLS42Mi0xLTEuMjMtMi0xLjgtMy4wNmE4LjA5LDguMDksMCwwLDAtMy0zLjA2bC0yOC42LTE2LjI5YTkwLjQ5LDkwLjQ5LDAsMCwxLDAtMjguMjZMNjEuNjcsOTcuNjNhOCw4LDAsMCwwLDMtM2MuNTgtMSwxLjE5LTIuMDYsMS44MS0zLjA2YTcuOTQsNy45NCwwLDAsMCwxLjIyLTQuMjFsLjE1LTMyLjI1YTk1Ljg5LDk1Ljg5LDAsMCwxLDI1LjM3LTE0LjNMMTIyLDU2Ljg3YTgsOCwwLDAsMCw0LjEsMWMxLjIxLDAsMi40MywwLDMuNjQsMGE4LDgsMCwwLDAsNC4xLTFsMjguODQtMTYuMUE5Niw5NiwwLDAsMSwxODguMTIsNTVsLjExLDMyLjJhOCw4LDAsMCwwLDEuMjIsNC4yMmMuNjIsMSwxLjIzLDIsMS44LDMuMDZhOC4wOSw4LjA5LDAsMCwwLDMsMy4wNmwyOC42LDE2LjI5QTkwLjQ5LDkwLjQ5LDAsMCwxLDIyMi45LDE0Mi4xMloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-logout : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsMTI4bC00MCw0MFY4OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTIsMjE2YTgsOCwwLDAsMS04LDhINDhhMTYsMTYsMCwwLDEtMTYtMTZWNDhBMTYsMTYsMCwwLDEsNDgsMzJoNTZhOCw4LDAsMCwxLDAsMTZINDhWMjA4aDU2QTgsOCwwLDAsMSwxMTIsMjE2Wm0xMDkuNjYtODIuMzQtNDAsNDBBOCw4LDAsMCwxLDE2OCwxNjhWMTM2SDEwNGE4LDgsMCwwLDEsMC0xNmg2NFY4OGE4LDgsMCwwLDEsMTMuNjYtNS42Nmw0MCw0MEE4LDgsMCwwLDEsMjIxLjY2LDEzMy42NlptLTE3LTUuNjZMMTg0LDEwNy4zMXY0MS4zOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2024-02-20 00:18:33 +09:00
--icon-ellipsis-column-link-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-ellipsis-column-link-active-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYsMTI4YTI4LDI4LDAsMSwxLTI4LTI4QTI4LDI4LDAsMCwxLDE1NiwxMjhaTTQ4LDEwMGEyOCwyOCwwLDEsMCwyOCwyOEEyOCwyOCwwLDAsMCw0OCwxMDBabTE2MCwwYTI4LDI4LDAsMSwwLDI4LDI4QTI4LDI4LDAsMCwwLDIwOCwxMDBaIj48L3BhdGg+PC9zdmc+" ) ;
2024-02-28 08:02:43 +09:00
--icon-hashtag : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2UwZDZkMSIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-hashtag-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzcuNjYsMTUzLDE1MywyMzcuNjZhOCw4LDAsMCwxLTExLjMxLDBMNDIuMzQsMTM4LjM0QTgsOCwwLDAsMSw0MCwxMzIuNjlWNDBoOTIuNjlhOCw4LDAsMCwxLDUuNjUsMi4zNGw5OS4zMiw5OS4zMkE4LDgsMCwwLDEsMjM3LjY2LDE1M1oiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yNDMuMzEsMTM2LDE0NCwzNi42OUExNS44NiwxNS44NiwwLDAsMCwxMzIuNjksMzJINDBhOCw4LDAsMCwwLTgsOHY5Mi42OUExNS44NiwxNS44NiwwLDAsMCwzNi42OSwxNDRMMTM2LDI0My4zMWExNiwxNiwwLDAsMCwyMi42MywwbDg0LjY4LTg0LjY4YTE2LDE2LDAsMCwwLDAtMjIuNjNabS05Niw5Nkw0OCwxMzIuNjlWNDhoODQuNjlMMjMyLDE0Ny4zMVpNOTYsODRBMTIsMTIsMCwxLDEsODQsNzIsMTIsMTIsMCwwLDEsOTYsODRaIj48L3BhdGg+PC9zdmc+" ) ;
2024-02-20 00:18:33 +09:00
2023-11-21 08:32:06 +09:00
/* Post visibility icons */
--icon-globe-visibility : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-globe-visibility-inv : var ( -- icon - globe-visibility ) ;
2024-01-26 08:00:46 +09:00
--icon-globe-visibility-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDguNTksNTguNjdjLTYuMzEtMTAuODctMjMtMjEuMDYtNjYuMTYtOS43MUE5NS45NCw5NS45NCwwLDAsMCwzMiwxMjhxMCwzLjYuMjYsNy4xNEMuNTYsMTY2Ljg2LDEuMSwxODYuNCw3LjQ0LDE5Ny4zMywxMy40LDIwNy42MSwyNS4zLDIxMiw0MC42OCwyMTJjOS43OSwwLDIxLTEuNzgsMzIuOTUtNC45MUE5NS45NCw5NS45NCwwLDAsMCwyMjQsMTI4YzAtMi40MS0uMDktNC43OS0uMjctNy4xNiwxNC4zMS0xNC4zOCwyMy44Ni0yOC4yMSwyNy00MEMyNTMuNTUsNzAuNDIsMjUxLjEyLDYzLDI0OC41OSw1OC42N1pNMTI4LDU2YTcyLjExLDcyLjExLDAsMCwxLDcwLjE5LDU2QzE4NCwxMjQuNzMsMTY1LDEzOC41OSwxNDEuOTIsMTUxLjg2Yy0yMS43NCwxMi40OS00My41NSwyMi4zNi02My4wOSwyOC42NUE3Miw3MiwwLDAsMSwxMjgsNTZaTTI4LjE5LDE4NS4yOWMtLjYxLTEuMDctLjE3LTguMjIsMTAuNjctMjEuNzFBOTUuNzcsOTUuNzcsMCwwLDAsNTIuMzUsMTg3QzM1LjEyLDE4OS42MSwyOC44NSwxODYuNDEsMjguMTksMTg1LjI5Wk0xMjgsMjAwYTcxLjY2LDcxLjY2LDAsMCwxLTIyLjU2LTMuNjQsMzk0LjEsMzk0LjEsMCwwLDAsNDguNDItMjMuNjlBMzg4LjExLDM4OC4xMSwwLDAsMCwxOTguNDMsMTQzLDcyLjEyLDcyLjEyLDAsMCwxLDEyOCwyMDBaTTIyNy41Nyw3NC42NWMtMS4yOCw0Ljc4LTQuODEsMTAuODctMTAuMzksMTcuOEE5NS43NCw5NS43NCwwLDAsMCwyMDMuNjgsNjljMTUuODMtMi4zNywyMy4xNywwLDI0LjE1LDEuNzFDMjI4LDcxLDIyOC4yMSw3Mi4yOCwyMjcuNTcsNzQuNjVaIj48L3BhdGg+PC9zdmc+" ) ;
2023-12-20 03:56:45 +09:00
--icon-unlock : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-unlock-inv : var ( -- icon - unlock ) ;
2024-01-26 08:00:46 +09:00
--icon-unlock-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzYuMzcsMTM5LjRhMTIsMTIsMCwwLDAtMTItM0E4NC4wNyw4NC4wNywwLDAsMSwxMTkuNiwzMS41OWExMiwxMiwwLDAsMC0xNS0xNUExMDguODYsMTA4Ljg2LDAsMCwwLDQ5LjY5LDU1LjA3LDEwOCwxMDgsMCwwLDAsMTM2LDIyOGExMDcuMDksMTA3LjA5LDAsMCwwLDY0LjkzLTIxLjY5LDEwOC44NiwxMDguODYsMCwwLDAsMzguNDQtNTQuOTRBMTIsMTIsMCwwLDAsMjM2LjM3LDEzOS40Wm0tNDkuODgsNDcuNzRBODQsODQsMCwwLDEsNjguODYsNjkuNTEsODQuOTMsODQuOTMsMCwwLDEsOTIuMjcsNDguMjlROTIsNTIuMTMsOTIsNTZBMTA4LjEyLDEwOC4xMiwwLDAsMCwyMDAsMTY0cTMuODcsMCw3LjcxLS4yN0E4NC43OSw4NC43OSwwLDAsMSwxODYuNDksMTg3LjE0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-lock : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-lock-inv : var ( -- icon - lock ) ;
2024-01-26 08:00:46 +09:00
--icon-lock-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNzZIMTgwVjU2QTUyLDUyLDAsMCwwLDc2LDU2Vjc2SDQ4QTIwLDIwLDAsMCwwLDI4LDk2VjIwOGEyMCwyMCwwLDAsMCwyMCwyMEgyMDhhMjAsMjAsMCwwLDAsMjAtMjBWOTZBMjAsMjAsMCwwLDAsMjA4LDc2Wk0xMDAsNTZhMjgsMjgsMCwwLDEsNTYsMFY3NkgxMDBaTTIwNCwyMDRINTJWMTAwSDIwNFptLTc2LTkyYTMyLDMyLDAsMCwwLTEyLDYxLjY2VjE4MGExMiwxMiwwLDAsMCwyNCwwdi02LjM0QTMyLDMyLDAsMCwwLDEyOCwxMTJabTAsMjRhOCw4LDAsMSwxLTgsOEE4LDgsMCwwLDEsMTI4LDEzNloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-20 11:49:35 +09:00
--icon-at : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-at-inv : var ( -- icon - at ) ;
2024-01-26 08:00:46 +09:00
--icon-at-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMjBhMTA4LDEwOCwwLDAsMCwwLDIxNmMyMi4yNywwLDQ1LjY5LTYuNzMsNjIuNjQtMThhMTIsMTIsMCwxLDAtMTMuMjktMjBjLTEzLDguNjMtMzEuODksMTQtNDkuMzUsMTRhODQsODQsMCwxLDEsODQtODRjMCw5LjI5LTEuNjcsMTcuMDgtNC42OSwyMS45NS0yLjY0LDQuMjQtNiw2LjA1LTExLjMxLDYuMDVzLTguNjctMS44MS0xMS4zMS02LjA1Yy0zLTQuODctNC42OS0xMi42Ni00LjY5LTIxLjk1Vjg4YTEyLDEyLDAsMCwwLTIzLjQ5LTMuNDYsNTIsNTIsMCwxLDAsOC44Niw3OS41N0MxNzIuMywxNzQuMywxODIuODEsMTgwLDE5NiwxODBjMjQuNjcsMCw0MC0xOS45Miw0MC01MkExMDguMTIsMTA4LjEyLDAsMCwwLDEyOCwyMFptMCwxMzZhMjgsMjgsMCwxLDEsMjgtMjhBMjgsMjgsMCwwLDEsMTI4LDE1NloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
/* Other icons */
--icon-bell-still : var ( -- icon - bell ) ;
--icon-bell-ringing : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlODkyNDM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIyNCw3MS4xYTgsOCwwLDAsMS0xMC43OC0zLjQyLDk0LjEzLDk0LjEzLDAsMCwwLTMzLjQ2LTM2LjkxLDgsOCwwLDEsMSw4LjU0LTEzLjU0LDExMS40NiwxMTEuNDYsMCwwLDEsMzkuMTIsNDMuMDlBOCw4LDAsMCwxLDIyNCw3MS4xWk0zNS43MSw3MmE4LDgsMCwwLDAsNy4xLTQuMzJBOTQuMTMsOTQuMTMsMCwwLDEsNzYuMjcsMzAuNzdhOCw4LDAsMSwwLTguNTQtMTMuNTRBMTExLjQ2LDExMS40NiwwLDAsMCwyOC42MSw2MC4zMiw4LDgsMCwwLDAsMzUuNzEsNzJabTE4Ni4xLDEwMy45NEExNiwxNiwwLDAsMSwyMDgsMjAwSDE2Ny4yYTQwLDQwLDAsMCwxLTc4LjQsMEg0OGExNiwxNiwwLDAsMS0xMy43OS0yNC4wNkM0My4yMiwxNjAuMzksNDgsMTM4LjI4LDQ4LDExMmE4MCw4MCwwLDAsMSwxNjAsMEMyMDgsMTM4LjI3LDIxMi43OCwxNjAuMzgsMjIxLjgxLDE3NS45NFpNMTUwLjYyLDIwMEgxMDUuMzhhMjQsMjQsMCwwLDAsNDUuMjQsMFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-30 12:43:55 +09:00
--icon-erase : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNjAsMTY4bC00OCw0OEg2Ni43NUwzNi42OSwxODUuOTRhMTYsMTYsMCwwLDEsMC0yMi42M0w5NiwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI1LDgwLjQsMTgzLjYsMzlhMjQsMjQsMCwwLDAtMzMuOTQsMEwzMSwxNTcuNjZhMjQsMjQsMCwwLDAsMCwzMy45NGwzMC4wNiwzMC4wNkE4LDgsMCwwLDAsNjYuNzQsMjI0SDIxNmE4LDgsMCwwLDAsMC0xNmgtODQuN0wyMjUsMTE0LjM0QTI0LDI0LDAsMCwwLDIyNSw4MC40Wk0xMDguNjgsMjA4SDcwLjA1TDQyLjMzLDE4MC4yOGE4LDgsMCwwLDEsMC0xMS4zMUw5NiwxMTUuMzEsMTQ4LjY5LDE2OFptMTA1LTEwNUwxNjAsMTU2LjY5LDEwNy4zMSwxMDQsMTYxLDUwLjM0YTgsOCwwLDAsMSwxMS4zMiwwbDQxLjM4LDQxLjM4YTgsOCwwLDAsMSwwLDExLjMxWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-erase-active : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjUsODAuNCwxODMuNiwzOWEyNCwyNCwwLDAsMC0zMy45NCwwTDMxLDE1Ny42NmEyNCwyNCwwLDAsMCwwLDMzLjk0bDMwLjA2LDMwLjA2QTgsOCwwLDAsMCw2Ni43NCwyMjRIMjE2YTgsOCwwLDAsMCwwLTE2aC04NC43TDIyNSwxMTQuMzRBMjQsMjQsMCwwLDAsMjI1LDgwLjRaTTIxMy42NywxMDMsMTYwLDE1Ni42OSwxMDcuMzEsMTA0LDE2MSw1MC4zNGE4LDgsMCwwLDEsMTEuMzIsMGw0MS4zOCw0MS4zOGE4LDgsMCwwLDEsMCwxMS4zMVoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-11-21 08:32:06 +09:00
--icon-megaphone : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICNlOGU2ZTM7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTEzNiw2OS4wOVYxNzAuOTFMNDIuMjQsMTk5LjY3QTgsOCwwLDAsMSwzMiwxOTJWNDhhOCw4LDAsMCwxLDEwLjI0LTcuNjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIwLjU0LDg2LjY2bC0xNzYuMDYtNTRBMTYsMTYsMCwwLDAsMjQsNDhWMTkyYTE2LDE2LDAsMCwwLDE2LDE2LDE2LDE2LDAsMCwwLDQuNTItLjY1TDEyOCwxODEuNzNWMTkyYTE2LDE2LDAsMCwwLDE2LDE2aDMyYTE2LDE2LDAsMCwwLDE2LTE2di0yOS45bDI4LjU0LTguNzVBMTYuMDksMTYuMDksMCwwLDAsMjMyLDEzOFYxMDJBMTYuMDksMTYuMDksMCwwLDAsMjIwLjU0LDg2LjY2Wk0xMjgsMTY1LDQwLDE5MlY0OGw4OCwyN1ptNDgsMjdIMTQ0VjE3Ni44MkwxNzYsMTY3Wm00MC01NC0uMTEsMEwxNDQsMTYwLjA4Vjc5LjkybDcxLjg5LDIyLC4xMSwwdjM2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-sliders : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsODBhMjQsMjQsMCwxLDEtMjQtMjRBMjQsMjQsMCwwLDEsMTI4LDgwWm00MCw3MmEyNCwyNCwwLDEsMCwyNCwyNEEyNCwyNCwwLDAsMCwxNjgsMTUyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTQwLDg4SDczYTMyLDMyLDAsMCwwLDYyLDBoODFhOCw4LDAsMCwwLDAtMTZIMTM1YTMyLDMyLDAsMCwwLTYyLDBINDBhOCw4LDAsMCwwLDAsMTZabTY0LTI0QTE2LDE2LDAsMSwxLDg4LDgwLDE2LDE2LDAsMCwxLDEwNCw2NFpNMjE2LDE2OEgxOTlhMzIsMzIsMCwwLDAtNjIsMEg0MGE4LDgsMCwwLDAsMCwxNmg5N2EzMiwzMiwwLDAsMCw2MiwwaDE3YTgsOCwwLDAsMCwwLTE2Wm0tNDgsMjRhMTYsMTYsMCwxLDEsMTYtMTZBMTYsMTYsMCwwLDEsMTY4LDE5MloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-20 11:49:35 +09:00
--icon-paperclip : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNTZWMTc4LjA2bC0zOS43Mi0zOS43MmE4LDgsMCwwLDAtMTEuMzEsMEwxNDcuMzEsMTY0LDk3LjY2LDExNC4zNGE4LDgsMCwwLDAtMTEuMzIsMEwzMiwxNjguNjlWNTZhOCw4LDAsMCwxLDgtOEgyMTZBOCw4LDAsMCwxLDIyNCw1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsNDBINDBBMTYsMTYsMCwwLDAsMjQsNTZWMjAwYTE2LDE2LDAsMCwwLDE2LDE2SDIxNmExNiwxNiwwLDAsMCwxNi0xNlY1NkExNiwxNiwwLDAsMCwyMTYsNDBabTAsMTZWMTU4Ljc1bC0yNi4wNy0yNi4wNmExNiwxNiwwLDAsMC0yMi42MywwbC0yMCwyMC00NC00NGExNiwxNiwwLDAsMC0yMi42MiwwTDQwLDE0OS4zN1Y1NlpNNDAsMTcybDUyLTUyLDgwLDgwSDQwWm0xNzYsMjhIMTk0LjYzbC0zNi0zNiwyMC0yMEwyMTYsMTgxLjM4VjIwMFpNMTQ0LDEwMGExMiwxMiwwLDEsMSwxMiwxMkExMiwxMiwwLDAsMSwxNDQsMTAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-12-20 03:56:45 +09:00
--icon-warning : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTUuNDYsMjE2SDQwLjU0QzI3LjkyLDIxNiwyMCwyMDIuNzksMjYuMTMsMTkyLjA5TDExMy41OSw0MC4yMmM2LjMtMTEsMjIuNTItMTEsMjguODIsMGw4Ny40NiwxNTEuODdDMjM2LDIwMi43OSwyMjguMDgsMjE2LDIxNS40NiwyMTZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM2LjgsMTg4LjA5LDE0OS4zNSwzNi4yMmgwYTI0Ljc2LDI0Ljc2LDAsMCwwLTQyLjcsMEwxOS4yLDE4OC4wOWEyMy41MSwyMy41MSwwLDAsMCwwLDIzLjcyQTI0LjM1LDI0LjM1LDAsMCwwLDQwLjU1LDIyNGgxNzQuOWEyNC4zNSwyNC4zNSwwLDAsMCwyMS4zMy0xMi4xOUEyMy41MSwyMy41MSwwLDAsMCwyMzYuOCwxODguMDlaTTIyMi45MywyMDMuOGE4LjUsOC41LDAsMCwxLTcuNDgsNC4ySDQwLjU1YTguNSw4LjUsMCwwLDEtNy40OC00LjIsNy41OSw3LjU5LDAsMCwxLDAtNy43MkwxMjAuNTIsNDQuMjFhOC43NSw4Ljc1LDAsMCwxLDE1LDBsODcuNDUsMTUxLjg3QTcuNTksNy41OSwwLDAsMSwyMjIuOTMsMjAzLjhaTTEyMCwxNDRWMTA0YTgsOCwwLDAsMSwxNiwwdjQwYTgsOCwwLDAsMS0xNiwwWm0yMCwzNmExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTgwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-21 08:32:06 +09:00
--icon-check : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzc5YmQ5YSIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSItLW5vaXItaW5saW5lLWZpbGw6ICM3ZmMwOWY7IiBkYXRhLW5vaXItaW5saW5lLWZpbGw9IiI+PHBhdGggZD0iTTIzMi40OSw4MC40OWwtMTI4LDEyOGExMiwxMiwwLDAsMS0xNywwbC01Ni01NmExMiwxMiwwLDEsMSwxNy0xN0w5NiwxODMsMjE1LjUxLDYzLjUxYTEyLDEyLDAsMCwxLDE3LDE3WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--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==" ) ;
2023-12-20 03:56:45 +09:00
--icon-emoji-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTI4YTk1LjkxLDk1LjkxLDAsMCwxLTQuMjEsMjguMjFsLTYzLjU3LDYzLjU4QTk2LDk2LDAsMSwxLDIyNCwxMjhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc0LjkyLDE1NmMtMTAuMjksMTcuNzktMjcuMzksMjgtNDYuOTIsMjhzLTM2LjYzLTEwLjItNDYuOTItMjhhOCw4LDAsMSwxLDEzLjg0LThjNy40NywxMi45MSwxOS4yMSwyMCwzMy4wOCwyMHMyNS42MS03LjEsMzMuMDgtMjBhOCw4LDAsMSwxLDEzLjg0LDhaTTIzMiwxMjhhMTA0LjM1LDEwNC4zNSwwLDAsMS00LjU2LDMwLjU2LDgsOCwwLDAsMS0yLDMuMzFsLTYzLjU3LDYzLjU3YTcuOSw3LjksMCwwLDEtMy4zLDJBMTA0LDEwNCwwLDEsMSwyMzIsMTI4Wm0tMTYsMGE4Ny44OSw4Ny44OSwwLDEsMC02NCw4NC42OUwyMTIuNjksMTUyQTg4LjA1LDg4LjA1LDAsMCwwLDIxNiwxMjhaTTkyLDEyMGExMiwxMiwwLDEsMC0xMi0xMkExMiwxMiwwLDAsMCw5MiwxMjBabTcyLTI0YTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE2NCw5NloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-02 07:48:04 +09:00
--icon-link : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDkuOTQsMTEzLjk0bC0yOCwyOGE0Ny43Niw0Ny43NiwwLDAsMS0yNi41MiwxMy40OCw0Ny43Niw0Ny43NiwwLDAsMS0xMy40OCwyNi41MmwtMjgsMjhhNDgsNDgsMCwwLDEtNjcuODgtNjcuODhsMjgtMjhhNDcuNzYsNDcuNzYsMCwwLDEsMjYuNTItMTMuNDgsNDcuNzYsNDcuNzYsMCwwLDEsMTMuNDgtMjYuNTJsMjgtMjhhNDgsNDgsMCwwLDEsNjcuODgsNjcuODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTM3LjU0LDE4Ni4zNmE4LDgsMCwwLDEsMCwxMS4zMWwtMTcuOTQsMThBNTYsNTYsMCwwLDEsNDAuMzgsMTM2LjRMNjguNSwxMDguMjlBNTYsNTYsMCwwLDEsMTQ1LjMxLDEwNmE4LDgsMCwxLDEtMTAuNjQsMTIsNDAsNDAsMCwwLDAtNTQuODUsMS42M0w1MS43LDE0Ny43MmE0MCw0MCwwLDEsMCw1Ni41OCw1Ni41OGwxNy45NC0xNy45NEE4LDgsMCwwLDEsMTM3LjU0LDE4Ni4zNlptNzguMDgtMTQ2YTU2LjA4LDU2LjA4LDAsMCwwLTc5LjIyLDBMMTE4LjQ2LDU4LjMzYTgsOCwwLDAsMCwxMS4zMiwxMS4zMUwxNDcuNzIsNTEuN2E0MCw0MCwwLDAsMSw1Ni41OCw1Ni41OEwxNzYuMTgsMTM2LjRBNDAsNDAsMCwwLDEsMTIxLjMzLDEzOCw4LDgsMCwxLDAsMTEwLjY5LDE1MGE1Niw1NiwwLDAsMCw3Ni44MS0yLjI3bDI4LjEyLTI4LjExQTU2LjA4LDU2LjA4LDAsMCwwLDIxNS42Miw0MC4zOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-26 09:19:25 +09:00
--icon-share : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0bC00OCw0OFY1NloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjkuNjYsOTguMzRsLTQ4LTQ4QTgsOCwwLDAsMCwxNjgsNTZWOTZoLTNBMTAzLjk0LDEwMy45NCwwLDAsMCw2NC4yNSwxNzRhOCw4LDAsMCwwLDE1LjUsNEE4OCw4OCwwLDAsMSwxNjUsMTEyaDN2NDBhOCw4LDAsMCwwLDEzLjY2LDUuNjZsNDgtNDhBOCw4LDAsMCwwLDIyOS42Niw5OC4zNFpNMTg0LDEzMi42OVY3NS4zMUwyMTIuNjksMTA0Wk0yMDAsMjE2YTgsOCwwLDAsMS04LDhINDBhMTYsMTYsMCwwLDEtMTYtMTZWODhhOCw4LDAsMCwxLDE2LDBWMjA4SDE5MkE4LDgsMCwwLDEsMjAwLDIxNloiPjwvcGF0aD48L3N2Zz4=" ) ;
2023-12-21 00:01:19 +09:00
--icon-send : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTkuOTEsMTM0Ljg2LDUxLjkzLDIzMWE4LDgsMCwwLDEtMTEuNDQtOS42N2wzMS05MC43MWE3Ljg5LDcuODksMCwwLDAsMC01LjM4bC0zMS05MC40N2E4LDgsMCwwLDEsMTEuNDQtOS42N2wxNjgsOTUuODVBOCw4LDAsMCwxLDIxOS45MSwxMzQuODZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjg3LDExNGwtMTY4LTk1Ljg5QTE2LDE2LDAsMCwwLDMyLjkzLDM3LjMybDMxLDkwLjQ3YS40Mi40MiwwLDAsMCwwLC4xLjMuMywwLDAsMCwwLC4xbC0zMSw5MC42N0ExNiwxNiwwLDAsMCw0OCwyNDBhMTYuMTQsMTYuMTQsMCwwLDAsNy45Mi0yLjFsMTY3LjkxLTk2LjA1YTE2LDE2LDAsMCwwLC4wNS0yNy44OVpNNDgsMjI0bDAtLjA5TDc4LjE0LDEzNkgxMzZhOCw4LDAsMCwwLDAtMTZINzguMjJMNDguMDYsMzIuMTIsNDgsMzJsMTY4LDk1LjgzWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2023-11-27 01:14:58 +09:00
--icon-copy : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDBWMTY4SDE2OFY4OEg4OFY0MFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTYsMzJIODhhOCw4LDAsMCwwLTgsOFY4MEg0MGE4LDgsMCwwLDAtOCw4VjIxNmE4LDgsMCwwLDAsOCw4SDE2OGE4LDgsMCwwLDAsOC04VjE3Nmg0MGE4LDgsMCwwLDAsOC04VjQwQTgsOCwwLDAsMCwyMTYsMzJaTTE2MCwyMDhINDhWOTZIMTYwWm00OC00OEgxNzZWODhhOCw4LDAsMCwwLTgtOEg5NlY0OEgyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
2023-12-20 11:49:35 +09:00
--icon-eye-shut : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTA0Yy0xNi44MSwyMC44MS00Ny42Myw0OC05Niw0OHMtNzkuMTktMjcuMTktOTYtNDhjMTYuODEtMjAuODEsNDcuNjMtNDgsOTYtNDhTMjA3LjE5LDgzLjE5LDIyNCwxMDRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI4LDE3NWE4LDgsMCwwLDEtMTAuOTItM2wtMTktMzMuMkExMjMuMjMsMTIzLjIzLDAsMCwxLDE2MiwxNTUuNDZsNS44NywzNS4yMmE4LDgsMCwwLDEtNi41OCw5LjIxQTguNCw4LjQsMCwwLDEsMTYwLDIwMGE4LDgsMCwwLDEtNy44OC02LjY5bC01Ljc3LTM0LjU4YTEzMy4wNiwxMzMuMDYsMCwwLDEtMzYuNjgsMGwtNS43NywzNC41OEE4LDgsMCwwLDEsOTYsMjAwYTguNCw4LjQsMCwwLDEtMS4zMi0uMTEsOCw4LDAsMCwxLTYuNTgtOS4yMUw5NCwxNTUuNDZhMTIzLjIzLDEyMy4yMywwLDAsMS0zNi4wNi0xNi42OUwzOSwxNzJBOCw4LDAsMSwxLDI1LjA2LDE2NGwyMC0zNWExNTMuNDcsMTUzLjQ3LDAsMCwxLTE5LjMtMjBBOCw4LDAsMSwxLDM4LjIyLDk5YzE2LjYsMjAuNTQsNDUuNjQsNDUsODkuNzgsNDVzNzMuMTgtMjQuNDksODkuNzgtNDVBOCw4LDAsMSwxLDIzMC4yMiwxMDlhMTUzLjQ3LDE1My40NywwLDAsMS0xOS4zLDIwbDIwLDM1QTgsOCwwLDAsMSwyMjgsMTc1WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-eye-open : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNTZDNDgsNTYsMTYsMTI4LDE2LDEyOHMzMiw3MiwxMTIsNzIsMTEyLTcyLDExMi03MlMyMDgsNTYsMTI4LDU2Wm0wLDExMmE0MCw0MCwwLDEsMSw0MC00MEE0MCw0MCwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0Ny4zMSwxMjQuNzZjLS4zNS0uNzktOC44Mi0xOS41OC0yNy42NS0zOC40MUMxOTQuNTcsNjEuMjYsMTYyLjg4LDQ4LDEyOCw0OFM2MS40Myw2MS4yNiwzNi4zNCw4Ni4zNUMxNy41MSwxMDUuMTgsOSwxMjQsOC42OSwxMjQuNzZhOCw4LDAsMCwwLDAsNi41Yy4zNS43OSw4LjgyLDE5LjU3LDI3LjY1LDM4LjRDNjEuNDMsMTk0Ljc0LDkzLjEyLDIwOCwxMjgsMjA4czY2LjU3LTEzLjI2LDkxLjY2LTM4LjM0YzE4LjgzLTE4LjgzLDI3LjMtMzcuNjEsMjcuNjUtMzguNEE4LDgsMCwwLDAsMjQ3LjMxLDEyNC43NlpNMTI4LDE5MmMtMzAuNzgsMC01Ny42Ny0xMS4xOS03OS45My0zMy4yNUExMzMuNDcsMTMzLjQ3LDAsMCwxLDI1LDEyOCwxMzMuMzMsMTMzLjMzLDAsMCwxLDQ4LjA3LDk3LjI1QzcwLjMzLDc1LjE5LDk3LjIyLDY0LDEyOCw2NHM1Ny42NywxMS4xOSw3OS45MywzMy4yNUExMzMuNDYsMTMzLjQ2LDAsMCwxLDIzMS4wNSwxMjhDMjIzLjg0LDE0MS40NiwxOTIuNDMsMTkyLDEyOCwxOTJabTAtMTEyYTQ4LDQ4LDAsMSwwLDQ4LDQ4QTQ4LjA1LDQ4LjA1LDAsMCwwLDEyOCw4MFptMCw4MGEzMiwzMiwwLDEsMSwzMi0zMkEzMiwzMiwwLDAsMSwxMjgsMTYwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-edited : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2ZmZmZmZiIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzAuMTUsNzAuNTQsMTg1LjQ2LDI1Ljg2YTIwLDIwLDAsMCwwLTI4LjI4LDBMMzMuODYsMTQ5LjE3QTE5Ljg2LDE5Ljg2LDAsMCwwLDI4LDE2My4zMVYyMDhhMjAsMjAsMCwwLDAsMjAsMjBIMjE2YTEyLDEyLDAsMCwwLDAtMjRIMTI1TDIzMC4xNSw5OC44M0EyMCwyMCwwLDAsMCwyMzAuMTUsNzAuNTRaTTkxLDIwNEg1MlYxNjVsODQtODQsMzksMzlaTTE5MiwxMDMsMTUzLDY0bDE4LjM0LTE4LjM0LDM5LDM5WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-03-13 10:50:57 +09:00
--icon-edited-accent : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMyLDczLjM3LDE4Mi42MywyOC42OWExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDIxNmE4LDgsMCwwLDAsMC0xNkgxMTUuMzJsMTEyLTExMkExNiwxNiwwLDAsMCwyMjcuMzIsNzMuMzdaTTQ4LDE2My4zMWw4OC04OEwxODAuNjksMTIwbC04OCw4OEg0OFptMTQ0LTU0LjYyTDE0Ny4zMiw2NGwyNC0yNEwyMTYsODQuNjlaIj48L3BhdGg+PC9zdmc+" ) ;
2023-12-21 00:01:19 +09:00
--icon-timer : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsNDRhOTYsOTYsMCwxLDAsOTYsOTZBOTYuMTEsOTYuMTEsMCwwLDAsMTI4LDQ0Wm0wLDE2OGE3Miw3MiwwLDEsMSw3Mi03MkE3Mi4wOCw3Mi4wOCwwLDAsMSwxMjgsMjEyWk0xNjQuNDksOTkuNTFhMTIsMTIsMCwwLDEsMCwxN2wtMjgsMjhhMTIsMTIsMCwwLDEtMTctMTdsMjgtMjhBMTIsMTIsMCwwLDEsMTY0LjQ5LDk5LjUxWk05MiwxNkExMiwxMiwwLDAsMSwxMDQsNGg0OGExMiwxMiwwLDAsMSwwLDI0SDEwNEExMiwxMiwwLDAsMSw5MiwxNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-check-radio : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNzYuNDksOTUuNTFhMTIsMTIsMCwwLDEsMCwxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMGwtMjQtMjRhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MkExMiwxMiwwLDAsMSwxNzYuNDksOTUuNTFaTTIzNiwxMjhBMTA4LDEwOCwwLDEsMSwxMjgsMjAsMTA4LjEyLDEwOC4xMiwwLDAsMSwyMzYsMTI4Wm0tMjQsMGE4NCw4NCwwLDEsMC04NCw4NEE4NC4wOSw4NC4wOSwwLDAsMCwyMTIsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-check-box : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik03OS41MSwxNDQuNDlhMTIsMTIsMCwxLDEsMTctMTdMMTEyLDE0M2w0Ny41MS00Ny41MmExMiwxMiwwLDAsMSwxNywxN2wtNTYsNTZhMTIsMTIsMCwwLDEtMTcsMFpNMjI4LDQ4VjIwOGEyMCwyMCwwLDAsMS0yMCwyMEg0OGEyMCwyMCwwLDAsMS0yMC0yMFY0OEEyMCwyMCwwLDAsMSw0OCwyOEgyMDhBMjAsMjAsMCwwLDEsMjI4LDQ4Wm0tMjQsNEg1MlYyMDRIMjA0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-02-20 01:27:09 +09:00
--icon-broom : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIuOCwxNjUuMTIsNDMuOTMsMTA1LjU3QTExMC44OCwxMTAuODgsMCwwLDEsNjEuNDcsODIuMzhhOCw4LDAsMCwxLDguNjctMS44MUw5NS41Miw5MC44NWExNiwxNiwwLDAsMCwyMC44Mi05bDIxLTUzLjFjNC4xNS0xMCwxNS40Ny0xNS4zMywyNS42My0xMS41M2EyMCwyMCwwLDAsMSwxMS41MSwyNi4zOUwxNTMuMTMsOTYuNzFhMTYsMTYsMCwwLDAsOC45MywyMC43NUwxODcsMTI3LjNhOCw4LDAsMCwxLDUsNy40M1YxNTJBMTA0LjU4LDEwNC41OCwwLDAsMCwxOTIuOCwxNjUuMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjM1LjUsMjE2LjgxYy0yMi41Ni0xMS0zNS41LTM0LjU4LTM1LjUtNjQuOFYxMzQuNzNhMTUuOTQsMTUuOTQsMCwwLDAtMTAuMDktMTQuODdMMTY1LDExMGE4LDgsMCwwLDEtNC40OC0xMC4zNGwyMS4zMi01M2EyOCwyOCwwLDAsMC0xNi4xLTM3LDI4LjE0LDI4LjE0LDAsMCwwLTM1LjgyLDE2LC42MS42MSwwLDAsMCwwLC4xMkwxMDguOSw3OWE4LDgsMCwwLDEtMTAuMzcsNC40OUw3My4xMSw3My4xNEExNS44OSwxNS44OSwwLDAsMCw1NS43NCw3Ni44QzM0LjY4LDk4LjQ1LDI0LDEyMy43NSwyNCwxNTJhMTExLjQ1LDExMS40NSwwLDAsMCwzMS4xOCw3Ny41M0E4LDgsMCwwLDAsNjEsMjMySDIzMmE4LDgsMCwwLDAsMy41LTE1LjE5Wk02Ny4xNCw4OGwyNS40MSwxMC4zYTI0LDI0LDAsMCwwLDMxLjIzLTEzLjQ1bDIxLTUzYzIuNTYtNi4xMSw5LjQ3LTkuMjcsMTUuNDMtN2ExMiwxMiwwLDAsMSw2Ljg4LDE1LjkyTDE0NS42OSw5My43NmEyNCwyNCwwLDAsMCwxMy40MywzMS4xNEwxODQsMTM0LjczVjE1MmMwLC4zMywwLC42NiwwLDFMNTUuNzcsMTAxLjcxQTEwOC44NCwxMDguODQsMCwwLDEsNjcuMTQsODhabTQ4LDEyOGE4Ny41Myw4Ny41MywwLDAsMS0yNC4zNC00Miw4LDgsMCwwLDAtMTUuNDksNCwxMDUuMTYsMTA1LjE2LDAsMCwwLDE4LjM2LDM4SDY0LjQ0QTk1LjU0LDk1LjU0LDAsMCwxLDQwLDE1MmE4NS45LDg1LjksMCwwLDEsNy43My0zNi4yOWwxMzcuOCw1NS4xMmMzLDE4LDEwLjU2LDMzLjQ4LDIxLjg5LDQ1LjE2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-02-29 03:25:46 +09:00
/* Popular hashtag icons */
--icon-music : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTg0YTQwLDQwLDAsMSwxLTQwLTQwQTQwLDQwLDAsMCwxLDEyOCwxODRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjEwLjMsNTYuMzRsLTgwLTI0QTgsOCwwLDAsMCwxMjAsNDBWMTQ4LjI2QTQ4LDQ4LDAsMSwwLDEzNiwxODRWNTAuNzVsNjkuNywyMC45MWE4LDgsMCwxLDAsNC42LTE1LjMyWk04OCwyMTZhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsODgsMjE2WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-03-02 20:42:25 +09:00
--icon-microphone : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xNTYuNSwxNTEsNTksMjIyLjQ1YTgsOCwwLDAsMS0xMC4zOC0uNzlsLTE0LjMtMTQuM0E4LDgsMCwwLDEsMzMuNTUsMTk3TDEwNSw5OS41bDAsMEE2NCw2NCwwLDAsMCwxNTYuNDgsMTUxWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTE2OCwxNkE3Mi4wNyw3Mi4wNywwLDAsMCw5Niw4OGE3My4yOSw3My4yOSwwLDAsMCwuNjMsOS40MkwyNy4xMiwxOTIuMjJBMTUuOTMsMTUuOTMsMCwwLDAsMjguNzEsMjEzTDQzLDIyNy4yOWExNS45MywxNS45MywwLDAsMCwyMC43OCwxLjU5bDk0LjgxLTY5LjUzQTczLjI5LDczLjI5LDAsMCwwLDE2OCwxNjBhNzIsNzIsMCwxLDAsMC0xNDRabTU2LDcyYTU1LjcyLDU1LjcyLDAsMCwxLTExLjE2LDMzLjUyTDEzNC40OSw0My4xNkE1Niw1NiwwLDAsMSwyMjQsODhaTTU0LjMyLDIxNiw0MCwyMDEuNjgsMTAyLjE0LDExN0E3Mi4zNyw3Mi4zNywwLDAsMCwxMzksMTUzLjg2Wk0xMTIsODhhNTUuNjcsNTUuNjcsMCwwLDEsMTEuMTYtMzMuNTFsNzguMzQsNzguMzRBNTYsNTYsMCwwLDEsMTEyLDg4Wm0tMi4zNSw1OC4zNGE4LDgsMCwwLDEsMCwxMS4zMWwtOCw4YTgsOCwwLDEsMS0xMS4zMS0xMS4zMWw4LThBOCw4LDAsMCwxLDEwOS42NywxNDYuMzNaIj48L3BhdGg+PC9zdmc+" ) ;
2024-02-29 03:25:46 +09:00
--icon-cake : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMDQsNDhjMC0yNCwyNC00MCwyNC00MHMyNCwxNiwyNCw0MGEyNCwyNCwwLDAsMS00OCwwWk0yMDgsOTZINDhhMTYsMTYsMCwwLDAtMTYsMTZ2MjMuMzNjMCwxNy40NCwxMy42NywzMi4xOCwzMS4xLDMyLjY2QTMyLDMyLDAsMCwwLDk2LDEzNmEzMiwzMiwwLDAsMCw2NCwwLDMyLDMyLDAsMCwwLDMyLjksMzJjMTcuNDMtLjQ4LDMxLjEtMTUuMjIsMzEuMS0zMi42NlYxMTJBMTYsMTYsMCwwLDAsMjA4LDk2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzMiwxMTJhMjQsMjQsMCwwLDAtMjQtMjRIMTM2Vjc5YTMyLjA2LDMyLjA2LDAsMCwwLDI0LTMxYzAtMjgtMjYuNDQtNDUuOTEtMjcuNTYtNDYuNjZhOCw4LDAsMCwwLTguODgsMEMxMjIuNDQsMi4wOSw5NiwyMCw5Niw0OGEzMi4wNiwzMi4wNiwwLDAsMCwyNCwzMXY5SDQ4YTI0LDI0LDAsMCwwLTI0LDI0djIzLjMzYTQwLjg0LDQwLjg0LDAsMCwwLDgsMjQuMjRWMjAwYTI0LDI0LDAsMCwwLDI0LDI0SDIwMGEyNCwyNCwwLDAsMCwyNC0yNFYxNTkuNTdhNDAuODQsNDAuODQsMCwwLDAsOC0yNC4yNFpNMTEyLDQ4YzAtMTMuNTcsMTAtMjQuNDYsMTYtMjkuNzksNiw1LjMzLDE2LDE2LjIyLDE2LDI5Ljc5YTE2LDE2LDAsMCwxLTMyLDBaTTQwLDExMmE4LDgsMCwwLDEsOC04SDIwOGE4LDgsMCwwLDEsOCw4djIzLjMzYzAsMTMuMjUtMTAuNDYsMjQuMzEtMjMuMzIsMjQuNjZBMjQsMjQsMCwwLDEsMTY4LDEzNmE4LDgsMCwwLDAtMTYsMCwyNCwyNCwwLDAsMS00OCwwLDgsOCwwLDAsMC0xNiwwLDI0LDI0LDAsMCwxLTI0LjY4LDI0QzUwLjQ2LDE1OS42NCw0MCwxNDguNTgsNDAsMTM1LjMzWm0xNjAsOTZINTZhOCw4LDAsMCwxLTgtOFYxNzIuNTZBMzguNzcsMzguNzcsMCwwLDAsNjIuODgsMTc2YTM5LjY5LDM5LjY5LDAsMCwwLDI5LTExLjMxQTQwLjM2LDQwLjM2LDAsMCwwLDk2LDE2MGE0MCw0MCwwLDAsMCw2NCwwLDQwLjM2LDQwLjM2LDAsMCwwLDQuMTMsNC42N0EzOS42NywzOS42NywwLDAsMCwxOTIsMTc2Yy4zOCwwLC43NiwwLDEuMTQsMEEzOC43NywzOC43NywwLDAsMCwyMDgsMTcyLjU2VjIwMEE4LDgsMCwwLDEsMjAwLDIwOFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-calendar : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWODhINDBWNDhhOCw4LDAsMCwxLDgtOEgyMDhBOCw4LDAsMCwxLDIxNiw0OFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMDgsMzJIMTg0VjI0YTgsOCwwLDAsMC0xNiwwdjhIODhWMjRhOCw4LDAsMCwwLTE2LDB2OEg0OEExNiwxNiwwLDAsMCwzMiw0OFYyMDhhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjQ4QTE2LDE2LDAsMCwwLDIwOCwzMlpNNzIsNDh2OGE4LDgsMCwwLDAsMTYsMFY0OGg4MHY4YTgsOCwwLDAsMCwxNiwwVjQ4aDI0VjgwSDQ4VjQ4Wk0yMDgsMjA4SDQ4Vjk2SDIwOFYyMDhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-popcorn : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik04OCw5NmwxNiwxMjBINzAuMzRhOCw4LDAsMCwxLTcuNzktNi4xN0wzMiw4MFptODAsMEwxNTIsMjE2aDMzLjY2YTgsOCwwLDAsMCw3Ljc5LTYuMTdMMjI0LDgwWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyOS41Miw3NC4yMWE4LDgsMCwwLDAtNy4xMy0yQTQ0LDQ0LDAsMCwwLDE2OCw0MS42N2E0NCw0NCwwLDAsMC04MCwwLDQ0LDQ0LDAsMCwwLTU0LjQsMzAuNTEsOCw4LDAsMCwwLTkuNCw5LjY1TDU0Ljc2LDIxMS42N0ExNiwxNiwwLDAsMCw3MC4zNCwyMjRIMTg1LjY2YTE2LDE2LDAsMCwwLDE1LjU4LTEyLjMzTDIzMS43OSw4MS44M0E4LDgsMCwwLDAsMjI5LjUyLDc0LjIxWk03Niw1NmEyNy42OCwyNy42OCwwLDAsMSwxMy4xMSwzLjI2LDgsOCwwLDAsMCwxMS41Ni01LjM0LDI4LDI4LDAsMCwxLDU0LjY2LDAsOCw4LDAsMCwwLDExLjU2LDUuMzRBMjgsMjgsMCwwLDEsMjA3LDc2LjU0bC0zOC41NiwxMS0zNC40OS0xMy44YTE2LDE2LDAsMCwwLTExLjg4LDBMODcuNTcsODcuNTYsNDksNzYuNTRBMjgsMjgsMCwwLDEsNzYsNTZabTgzLjI1LDQ1LjExTDE0NSwyMDhIMTExTDk2Ljc1LDEwMS4xMSwxMjgsODguNjJaTTQyLjkxLDkxLjQ0bDM3Ljg1LDEwLjgxTDk0Ljg2LDIwOEg3MC4zNFpNMTg1LjY2LDIwOEgxNjEuMTRsMTQuMS0xMDUuNzUsMzcuODUtMTAuODFaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-tangerine-slice : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsODhBODgsODgsMCwwLDEsNDAsODhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjQ4LDgwSDhhOCw4LDAsMCwwLTgsOCwxMjgsMTI4LDAsMCwwLDI1NiwwQTgsOCwwLDAsMCwyNDgsODBaTTc3LjQsMTQ5LjkxbDQyLjYtNDIuNlYxNjcuNkE3OS41OSw3OS41OSwwLDAsMSw3Ny40LDE0OS45MVpNNjYuMDksMTM4LjZBNzkuNTksNzkuNTksMCwwLDEsNDguNCw5Nmg2MC4yOVpNMTM2LDEwNy4zMWw0Mi42LDQyLjZBNzkuNTksNzkuNTksMCwwLDEsMTM2LDE2Ny42Wm01My45MSwzMS4yOUwxNDcuMzEsOTZIMjA3LjZBNzkuNTksNzkuNTksMCwwLDEsMTg5LjkxLDEzOC42Wk0xMjgsMjAwQTExMi4xNSwxMTIuMTUsMCwwLDEsMTYuMjgsOTZIMzIuMzRhOTYsOTYsMCwwLDAsMTkxLjMyLDBoMTYuMDZBMTEyLjE1LDExMi4xNSwwLDAsMSwxMjgsMjAwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-sunset : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xOTIsMTQ0YTY0LjMzLDY0LjMzLDAsMCwxLTIsMTZINjZhNjQsNjQsMCwxLDEsMTI2LTE2WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTI0MCwxNTJIMTk5LjU1YTczLjU0LDczLjU0LDAsMCwwLC40NS04LDcyLDcyLDAsMCwwLTE0NCwwLDczLjU0LDczLjU0LDAsMCwwLC40NSw4SDE2YTgsOCwwLDAsMCwwLDE2SDI0MGE4LDgsMCwwLDAsMC0xNlpNNzIsMTQ0YTU2LDU2LDAsMSwxLDExMS40MSw4SDcyLjU5QTU2LjEzLDU2LjEzLDAsMCwxLDcyLDE0NFptMTQ0LDU2YTgsOCwwLDAsMS04LDhINDhhOCw4LDAsMCwxLDAtMTZIMjA4QTgsOCwwLDAsMSwyMTYsMjAwWk03Mi44NCw0My41OGE4LDgsMCwwLDEsMTQuMzItNy4xNmw4LDE2YTgsOCwwLDAsMS0xNC4zMiw3LjE2Wm0tNTYsNDguODRhOCw4LDAsMCwxLDEwLjc0LTMuNTdsMTYsOGE4LDgsMCwwLDEtNy4xNiwxNC4zMWwtMTYtOEE4LDgsMCwwLDEsMTYuODQsOTIuNDJabTE5MiwxNS4xNmE4LDgsMCwwLDEsMy41OC0xMC43M2wxNi04YTgsOCwwLDEsMSw3LjE2LDE0LjMxbC0xNiw4YTgsOCwwLDAsMS0xMC43NC0zLjU4Wm0tNDgtNTUuMTYsOC0xNmE4LDgsMCwwLDEsMTQuMzIsNy4xNmwtOCwxNmE4LDgsMCwxLDEtMTQuMzItNy4xNloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-camera : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsNjRIMTc2TDE2MCw0MEg5Nkw4MCw2NEg0OEExNiwxNiwwLDAsMCwzMiw4MFYxOTJhMTYsMTYsMCwwLDAsMTYsMTZIMjA4YTE2LDE2LDAsMCwwLDE2LTE2VjgwQTE2LDE2LDAsMCwwLDIwOCw2NFpNMTI4LDE2OGEzNiwzNiwwLDEsMSwzNi0zNkEzNiwzNiwwLDAsMSwxMjgsMTY4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIwOCw1NkgxODAuMjhMMTY2LjY1LDM1LjU2QTgsOCwwLDAsMCwxNjAsMzJIOTZhOCw4LDAsMCwwLTYuNjUsMy41Nkw3NS43MSw1Nkg0OEEyNCwyNCwwLDAsMCwyNCw4MFYxOTJhMjQsMjQsMCwwLDAsMjQsMjRIMjA4YTI0LDI0LDAsMCwwLDI0LTI0VjgwQTI0LDI0LDAsMCwwLDIwOCw1NlptOCwxMzZhOCw4LDAsMCwxLTgsOEg0OGE4LDgsMCwwLDEtOC04VjgwYTgsOCwwLDAsMSw4LThIODBhOCw4LDAsMCwwLDYuNjYtMy41NkwxMDAuMjgsNDhoNTUuNDNsMTMuNjMsMjAuNDRBOCw4LDAsMCwwLDE3Niw3MmgzMmE4LDgsMCwwLDEsOCw4Wk0xMjgsODhhNDQsNDQsMCwxLDAsNDQsNDRBNDQuMDUsNDQuMDUsMCwwLDAsMTI4LDg4Wm0wLDcyYTI4LDI4LDAsMSwxLDI4LTI4QTI4LDI4LDAsMCwxLDEyOCwxNjBaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-pine : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0zMiwxOTJsNTYtNzJINDhMMTI4LDE2bDgwLDEwNEgxNjhsNTYsNzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMwLjMxLDE4Ny4wOSwxODQuMzYsMTI4SDIwOGE4LDgsMCwwLDAsNi4zNC0xMi44OGwtODAtMTA0YTgsOCwwLDAsMC0xMi42OCwwbC04MCwxMDRBOCw4LDAsMCwwLDQ4LDEyOEg3MS42NEwyNS42OSwxODcuMDlBOCw4LDAsMCwwLDMyLDIwMGg4OHY0MGE4LDgsMCwwLDAsMTYsMFYyMDBoODhhOCw4LDAsMCwwLDYuMzEtMTIuOTFaTTQ4LjM2LDE4NGw0Ni01OS4wOUE4LDgsMCwwLDAsODgsMTEySDY0LjI1TDEyOCwyOS4xMiwxOTEuNzUsMTEySDE2OGE4LDgsMCwwLDAtNi4zMSwxMi45MUwyMDcuNjQsMTg0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-tree : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsMTI3LjgyYTY0LDY0LDAsMCwxLTk5LjUyLDUzLjQxLDgsOCwwLDAsMC05LDBBNjQsNjQsMCwxLDEsNjEuMjUsNjkuODZhOCw4LDAsMCwwLDQtNC4xNyw2OCw2OCwwLDAsMSwxMjUuNDQsMCw4LDgsMCwwLDAsNCw0LjE3QTY0LDY0LDAsMCwxLDIzMiwxMjcuODJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk4LjEsNjIuNmE3Niw3NiwwLDAsMC0xNDAuMiwwQTcyLjI5LDcyLjI5LDAsMCwwLDE2LDEyNy44QzE1Ljg5LDE2Ni42Miw0Ny4zNiwxOTksODYuMTQsMjAwQTcxLjY4LDcxLjY4LDAsMCwwLDEyMCwxOTIuNDlWMjMyYTgsOCwwLDAsMCwxNiwwVjE5Mi40OUE3MS40NSw3MS40NSwwLDAsMCwxNjgsMjAwbDEuODYsMGMzOC43OC0xLDcwLjI1LTMzLjM2LDcwLjE0LTcyLjE4QTcyLjI2LDcyLjI2LDAsMCwwLDE5OC4xLDYyLjZaTTE2OS40NSwxODRhNTUuNyw1NS43LDAsMCwxLTMyLjUyLTkuNHEtLjQ3LS4zLS45My0uNTdWMTMyLjk0bDQzLjU4LTIxLjc4YTgsOCwwLDEsMC03LjE2LTE0LjMyTDEzNiwxMTUuMDZWODhhOCw4LDAsMCwwLTE2LDB2NTEuMDZMODMuNTgsMTIwLjg0YTgsOCwwLDEsMC03LjE2LDE0LjMyTDEyMCwxNTYuOTRWMTc0Yy0uMzEuMTgtLjYyLjM3LS45Mi41N0E1NS43Myw1NS43MywwLDAsMSw4Ni41NSwxODRhNTYsNTYsMCwwLDEtMjItMTA2Ljg2LDE1LjksMTUuOSwwLDAsMCw4LjA1LTguMzMsNjAsNjAsMCwwLDEsMTEwLjcsMCwxNS45LDE1LjksMCwwLDAsOC4wNSw4LjMzLDU2LDU2LDAsMCwxLTIyLDEwNi44NloiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-cat : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsNDh2ODhjMCw0OC42LTQzLDg4LTk2LDg4cy05Ni0zOS40LTk2LTg4VjQ4YTgsOCwwLDAsMSwxMy42Ni01LjY2TDY3LjYsNjcuNmgwYTEwMi44NywxMDIuODcsMCwwLDEsMTIwLjgsMGgwbDIxLjk0LTI1LjI0QTgsOCwwLDAsMSwyMjQsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNOTYsMTQwYTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDk2LDE0MFptNzYtMTJhMTIsMTIsMCwxLDAsMTIsMTJBMTIsMTIsMCwwLDAsMTcyLDEyOFptNjAtODB2ODhjMCw1Mi45My00Ni42NSw5Ni0xMDQsOTZTMjQsMTg4LjkzLDI0LDEzNlY0OEExNiwxNiwwLDAsMSw1MS4zMSwzNi42OWMuMTQuMTQuMjYuMjcuMzguNDFMNjksNTdhMTExLjIyLDExMS4yMiwwLDAsMSwxMTguMSwwTDIwNC4zMSwzNy4xYy4xMi0uMTQuMjQtLjI3LjM4LS40MUExNiwxNiwwLDAsMSwyMzIsNDhabS0xNiwwLTIxLjU2LDI0LjhBOCw4LDAsMCwxLDE4My42Myw3NCw4OC44Niw4OC44NiwwLDAsMCwxNjgsNjQuNzVWODhhOCw4LDAsMSwxLTE2LDBWNTkuMDVhOTcuNDMsOTcuNDMsMCwwLDAtMTYtMi43MlY4OGE4LDgsMCwxLDEtMTYsMFY1Ni4zM2E5Ny40Myw5Ny40MywwLDAsMC0xNiwyLjcyVjg4YTgsOCwwLDEsMS0xNiwwVjY0Ljc1QTg4Ljg2LDg4Ljg2LDAsMCwwLDcyLjM3LDc0YTgsOCwwLDAsMS0xMC44MS0xLjE3TDQwLDQ4djg4YzAsNDEuNjYsMzUuMjEsNzYsODAsNzkuNjdWMTk1LjMxbC0xMy42Ni0xMy42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzFMMTI4LDE4MC42OGwxMC4zNC0xMC4zNGE4LDgsMCwwLDEsMTEuMzIsMTEuMzFMMTM2LDE5NS4zMXYyMC4zNmM0NC43OS0zLjY5LDgwLTM4LDgwLTc5LjY3WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-dog : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDgsMTIwLjM4VjE4NGEzMiwzMiwwLDAsMS0zMiwzMkg4MGEzMiwzMiwwLDAsMS0zMi0zMlYxMjAuMzhMMTA0LDQ4aDQ4WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIzOS43MSwxMjVsLTE2LjQyLTg4YTE2LDE2LDAsMCwwLTE5LjYxLTEyLjU4bC0uMzEuMDlMMTUwLjg1LDQwaC00NS43TDUyLjYzLDI0LjU2bC0uMzEtLjA5QTE2LDE2LDAsMCwwLDMyLjcxLDM3LjA1TDE2LjI5LDEyNWExNS43NywxNS43NywwLDAsMCw5LjEyLDE3LjUyQTE2LjI2LDE2LjI2LDAsMCwwLDMyLjEyLDE0NCwxNS40OCwxNS40OCwwLDAsMCw0MCwxNDEuODRWMTg0YTQwLDQwLDAsMCwwLDQwLDQwaDk2YTQwLDQwLDAsMCwwLDQwLTQwVjE0MS44NWExNS41LDE1LjUsMCwwLDAsNy44NywyLjE2LDE2LjMxLDE2LjMxLDAsMCwwLDYuNzItMS40N0ExNS43NywxNS43NywwLDAsMCwyMzkuNzEsMTI1Wk0zMiwxMjhoMEw0OC40Myw0MCw5MC41LDUyLjM3Wm0xNDQsODBIMTM2VjE5NS4zMWwxMy42Ni0xMy42NWE4LDgsMCwwLDAtMTEuMzItMTEuMzJMMTI4LDE4MC42OWwtMTAuMzQtMTAuMzVhOCw4LDAsMCwwLTExLjMyLDExLjMyTDEyMCwxOTUuMzFWMjA4SDgwYTI0LDI0LDAsMCwxLTI0LTI0VjEyMy4xMUwxMDcuOTMsNTZoNDAuMTRMMjAwLDEyMy4xMVYxODRBMjQsMjQsMCwwLDEsMTc2LDIwOFptNDgtODBMMTY1LjUsNTIuMzcsMjA3LjU3LDQwLDIyNCwxMjhaTTEwNCwxNDBhMTIsMTIsMCwxLDEtMTItMTJBMTIsMTIsMCwwLDEsMTA0LDE0MFptNzIsMGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNzYsMTQwWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-brush : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMzJjMCwzMi44MS0zMS42NCw2Ny40My01OC42NCw5MS4wNUE4NC4zOSw4NC4zOSwwLDAsMCwxMzMsOTAuNjRDMTU2LjU3LDYzLjY0LDE5MS4xOSwzMiwyMjQsMzJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjMyLDMyYTgsOCwwLDAsMC04LThjLTQ0LjA4LDAtODkuMzEsNDkuNzEtMTE0LjQzLDgyLjYzQTYwLDYwLDAsMCwwLDMyLDE2NGMwLDMwLjg4LTE5LjU0LDQ0LjczLTIwLjQ3LDQ1LjM3QTgsOCwwLDAsMCwxNiwyMjRIOTJhNjAsNjAsMCwwLDAsNTcuMzctNzcuNTdDMTgyLjMsMTIxLjMxLDIzMiw3Ni4wOCwyMzIsMzJaTTkyLDIwOEgzNC42M0M0MS4zOCwxOTguNDEsNDgsMTgzLjkyLDQ4LDE2NGE0NCw0NCwwLDEsMSw0NCw0NFptMzIuNDItOTQuNDVxNS4xNC02LjY2LDEwLjA5LTEyLjU1QTc2LjIzLDc2LjIzLDAsMCwxLDE1NSwxMjEuNDlxLTUuOSw0Ljk0LTEyLjU1LDEwLjA5QTYwLjU0LDYwLjU0LDAsMCwwLDEyNC40MiwxMTMuNTVabTQyLjctMi42OGE5Mi41Nyw5Mi41NywwLDAsMC0yMi0yMmMzMS43OC0zNC41Myw1NS43NS00NSw2OS45LTQ3LjkxQzIxMi4xNyw1NS4xMiwyMDEuNjUsNzkuMDksMTY3LjEyLDExMC44N1oiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-apple : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNzMuNTJabTAsOTkuMjZjLTE2Ljc5LTExLjUzLTI0LTMwLjg3LTI0LTUyLjc4LDAtMTguMywxMS42OC0zNC44MSwyNC00Ni40OEMyMDQuNTMsNjIuNjYsMTg1LDU2LDE2OCw1NmE2My43Miw2My43MiwwLDAsMC00MCwxNGgwQTYzLjcxLDYzLjcxLDAsMCwwLDg4Ljg4LDU2QzUyLDU1LjUsMjMuMDYsODYuMywyNCwxMjMuMTlhMTE5LjYyLDExOS42MiwwLDAsMCwzNy42NSw4NC4xMkEzMiwzMiwwLDAsMCw4My42LDIxNmg4Ny43YTMxLjc1LDMxLjc1LDAsMCwwLDIzLjI2LTEwYzE1Ljg1LTE3LDIxLjQ0LTMzLjIsMjEuNDQtMzMuMloiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0yMjMuMywxNjkuNTlhOC4wNyw4LjA3LDAsMCwwLTIuOC0zLjRDMjAzLjUzLDE1NC41MywyMDAsMTM0LjY0LDIwMCwxMjBjMC0xNy42NywxMy40Ny0zMy4wNiwyMS41LTQwLjY3YTgsOCwwLDAsMCwwLTExLjYyQzIwOC44Miw1NS43NCwxODcuODIsNDgsMTY4LDQ4YTcyLjIzLDcyLjIzLDAsMCwwLTQwLDEyLjEzLDcxLjU2LDcxLjU2LDAsMCwwLTkwLjcxLDkuMDlBNzQuNjMsNzQuNjMsMCwwLDAsMTYsMTIzLjRhMTI3LDEyNywwLDAsMCw0MC4xNCw4OS43M0EzOS44LDM5LjgsMCwwLDAsODMuNTksMjI0aDg3LjY4YTM5Ljg0LDM5Ljg0LDAsMCwwLDI5LjEyLTEyLjU3LDEyNSwxMjUsMCwwLDAsMTcuODItMjQuNkMyMjUuMjMsMTc0LDIyNC4zMywxNzIsMjIzLjMsMTY5LjU5Wm0tMzQuNjMsMzAuOTRhMjMuNzYsMjMuNzYsMCwwLDEtMTcuNCw3LjQ3SDgzLjU5YTIzLjgyLDIzLjgyLDAsMCwxLTE2LjQ0LTYuNTFBMTExLjE0LDExMS4xNCwwLDAsMSwzMiwxMjMsNTguNSw1OC41LDAsMCwxLDQ4LjY1LDgwLjQ3LDU0LjgxLDU0LjgxLDAsMCwxLDg4LDY0aC43OEE1NS40NSw1NS40NSwwLDAsMSwxMjMsNzYuMjhhOCw4LDAsMCwwLDEwLDBBNTUuMzksNTUuMzksMCwwLDEsMTY4LDY0YTcwLjY0LDcwLjY0LDAsMCwxLDM2LDEwLjM1Yy0xMywxNC41Mi0yMCwzMC40Ny0yMCw0NS42NSwwLDIzLjc3LDcuNjQsNDIuNzMsMjIuMTgsNTUuM0ExMDUuNTIsMTA1LjUyLDAsMCwxLDE4OC42NywyMDAuNTNaTTEyOC4yMywzMEE0MCw0MCwwLDAsMSwxNjcsMGgxYTgsOCwwLDAsMSwwLDE2aC0xYTI0LDI0LDAsMCwwLTIzLjI0LDE4LDgsOCwwLDEsMS0xNS41LTRaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-pencil : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjEuNjYsOTAuMzQsMTkyLDEyMCwxMzYsNjRsMjkuNjYtMjkuNjZhOCw4LDAsMCwxLDExLjMxLDBMMjIxLjY2LDc5QTgsOCwwLDAsMSwyMjEuNjYsOTAuMzRaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI3LjMxLDczLjM3LDE4Mi42MywyOC42OGExNiwxNiwwLDAsMC0yMi42MywwTDM2LjY5LDE1MkExNS44NiwxNS44NiwwLDAsMCwzMiwxNjMuMzFWMjA4YTE2LDE2LDAsMCwwLDE2LDE2SDkyLjY5QTE1Ljg2LDE1Ljg2LDAsMCwwLDEwNCwyMTkuMzFMMjI3LjMxLDk2YTE2LDE2LDAsMCwwLDAtMjIuNjNaTTUxLjMxLDE2MCwxMzYsNzUuMzEsMTUyLjY5LDkyLDY4LDE3Ni42OFpNNDgsMTc5LjMxLDc2LjY5LDIwOEg0OFptNDgsMjUuMzhMNzkuMzEsMTg4LDE2NCwxMDMuMzEsMTgwLjY5LDEyMFptOTYtOTZMMTQ3LjMxLDY0bDI0LTI0TDIxNiw4NC42OFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-gaming : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYuODYsMjA3LjU3YTI4LDI4LDAsMCwxLTI0LjY2LTcuNzdMMTUwLjA5LDE1MkgxNzJhNTEuOTQsNTEuOTQsMCwwLDAsNTEuMi02MWgwbDE2LjM2LDg0LjE3QTI4LDI4LDAsMCwxLDIxNi44NiwyMDcuNTdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTc2LDExMkgxNTJhOCw4LDAsMCwxLDAtMTZoMjRhOCw4LDAsMCwxLDAsMTZaTTEwNCw5Nkg5NlY4OGE4LDgsMCwwLDAtMTYsMHY4SDcyYTgsOCwwLDAsMCwwLDE2aDh2OGE4LDgsMCwwLDAsMTYsMHYtOGg4YTgsOCwwLDAsMCwwLTE2Wk0yNDEuNDgsMjAwLjY1YTM2LDM2LDAsMCwxLTU0Ljk0LDQuODFjLS4xMi0uMTItLjI0LS4yNC0uMzUtLjM3TDE0Ni40OCwxNjBoLTM3TDY5LjgxLDIwNS4wOWwtLjM1LjM3QTM2LjA4LDM2LjA4LDAsMCwxLDQ0LDIxNiwzNiwzNiwwLDAsMSw4LjU2LDE3My43NWEuNjguNjgsMCwwLDEsMC0uMTRMMjQuOTMsODkuNTJBNTkuODgsNTkuODgsMCwwLDEsODMuODksNDBIMTcyYTYwLjA4LDYwLjA4LDAsMCwxLDU5LDQ5LjI1YzAsLjA2LDAsLjEyLDAsLjE4bDE2LjM3LDg0LjE3YS42OC42OCwwLDAsMSwwLC4xNEEzNS43NCwzNS43NCwwLDAsMSwyNDEuNDgsMjAwLjY1Wk0xNzIsMTQ0YTQ0LDQ0LDAsMCwwLDAtODhIODMuODlBNDMuOSw0My45LDAsMCwwLDQwLjY4LDkyLjM3bDAsLjEzTDI0LjMsMTc2LjU5QTIwLDIwLDAsMCwwLDU4LDE5NC4zbDQxLjkyLTQ3LjU5YTgsOCwwLDAsMSw2LTIuNzFabTU5LjcsMzIuNTktOC43NC00NUE2MCw2MCwwLDAsMSwxNzIsMTYwaC00LjJMMTk4LDE5NC4zMWEyMC4wOSwyMC4wOSwwLDAsMCwxNy40Niw1LjM5LDIwLDIwLDAsMCwwLDE2LjIzLTIzLjExWiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-cube : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0xMjgsMTI5LjA5VjIzMmE4LDgsMCwwLDEtMy44NC0xbC04OC00OC4xNmE4LDgsMCwwLDEtNC4xNi03VjgwLjJhOCw4LDAsMCwxLC43LTMuMjdaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjIzLjY4LDY2LjE1LDEzNS42OCwxOGgwYTE1Ljg4LDE1Ljg4LDAsMCwwLTE1LjM2LDBsLTg4LDQ4LjE3YTE2LDE2LDAsMCwwLTguMzIsMTR2OTUuNjRhMTYsMTYsMCwwLDAsOC4zMiwxNGw4OCw0OC4xN2ExNS44OCwxNS44OCwwLDAsMCwxNS4zNiwwbDg4LTQ4LjE3YTE2LDE2LDAsMCwwLDguMzItMTRWODAuMThBMTYsMTYsMCwwLDAsMjIzLjY4LDY2LjE1Wk0xMjgsMzJoMGw4MC4zNCw0NEwxMjgsMTIwLDQ3LjY2LDc2Wk00MCw5MGw4MCw0My43OHY4NS43OUw0MCwxNzUuODJabTk2LDEyOS41N1YxMzMuODJMMjE2LDkwdjg1Ljc4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-football : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik02NS4xNywxMDguMDhsLTMzLDI1LjM0Yy0uMS0xLjgtLjE1LTMuNi0uMTUtNS40MkE5NS42MSw5NS42MSwwLDAsMSw1My4yMyw2Ny43OFpNNDYuOTIsMTc5LjQyYTk2LjEyLDk2LjEyLDAsMCwwLDU3LDQxLjUybC0xNC43LTQxLjUyWm0xMDUuMjEsNDEuNTJhOTYuMTIsOTYuMTIsMCwwLDAsNTctNDEuNTJIMTY2LjgzWk0yMDIuNzcsNjcuNzhsLTExLjk0LDQwLjMsMzMsMjUuMzRjLjEtMS44LjE1LTMuNi4xNS01LjQyQTk1LjYxLDk1LjYxLDAsMCwwLDIwMi43Nyw2Ny43OFptLTM4LjUyLTI4LjdhOTYuMzQsOTYuMzQsMCwwLDAtNzIuNSwwTDEyOCw2NFpNMTUyLjcyLDE2MCwxNjgsMTE1LjUsMTI4LDg4LDg4LDExNS41LDEwMy4yOCwxNjBaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTI4LDI0QTEwNCwxMDQsMCwxLDAsMjMyLDEyOCwxMDQuMTEsMTA0LjExLDAsMCwwLDEyOCwyNFptNzYuNTIsMTQ3LjQySDE3MC45bC05LjI2LTEyLjc2LDEyLjYzLTM2Ljc4LDE1LTQuODksMjYuMjQsMjAuMTNBODcuMzgsODcuMzgsMCwwLDEsMjA0LjUyLDE3MS40MlptLTE2NC0zNC4zTDY2LjcxLDExN2wxNSw0Ljg5LDEyLjYzLDM2Ljc4TDg1LjEsMTcxLjQySDUxLjQ4QTg3LjM4LDg3LjM4LDAsMCwxLDQwLjQ3LDEzNy4xMlptMTAtNTAuNjQsNS41MSwxOC42TDQwLjcxLDExNi43N0E4Ny4zMyw4Ny4zMywwLDAsMSw1MC40Myw4Ni40OFpNMTA5LDE1Miw5Ny41NCwxMTguNjUsMTI4LDk3LjcxbDMwLjQ2LDIwLjk0TDE0NywxNTJabTkxLjA3LTQ2LjkyLDUuNTEtMTguNmE4Ny4zMyw4Ny4zMywwLDAsMSw5LjcyLDMwLjI5Wm0tNi4yLTM1LjM4LTkuNTEsMzIuMDgtMTUuMDcsNC44OUwxMzYsODMuNzlWNjguMjFsMjkuMDktMjBBODguNTgsODguNTgsMCwwLDEsMTkzLjg2LDY5LjdaTTE0Ni4wNyw0MS44NywxMjgsNTQuMjksMTA5LjkzLDQxLjg3YTg4LjI0LDg4LjI0LDAsMCwxLDM2LjE0LDBaTTkwLjkxLDQ4LjIxbDI5LjA5LDIwVjgzLjc5TDg2LjcyLDEwNi42N2wtMTUuMDctNC44OUw2Mi4xNCw2OS43QTg4LjU4LDg4LjU4LDAsMCwxLDkwLjkxLDQ4LjIxWk02My4xNSwxODcuNDJIODMuNTJsNy4xNywyMC4yN0E4OC40LDg4LjQsMCwwLDEsNjMuMTUsMTg3LjQyWk0xMTAsMjE0LjEzLDk4LjEyLDE4MC43MSwxMDcuMzUsMTY4aDQxLjNsOS4yMywxMi43MS0xMS44MywzMy40MmE4OCw4OCwwLDAsMS0zNi4xLDBabTU1LjM2LTYuNDQsNy4xNy0yMC4yN2gyMC4zN0E4OC40LDg4LjQsMCwwLDEsMTY1LjMxLDIwNy42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-pride : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMjQsMTEydjE2YTk2LDk2LDAsMCwxLTE5MiwwVjg4YTI0LDI0LDAsMCwxLDQ4LDBWNjRhMjQsMjQsMCwwLDEsNDgsMCwyNCwyNCwwLDAsMSw0OCwwVjg4aDI0QTI0LDI0LDAsMCwxLDIyNCwxMTJaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjAwLDgwSDE4NFY2NGEzMiwzMiwwLDAsMC01Ni0yMS4xM0EzMiwzMiwwLDAsMCw3Mi4yMSw2MC40MiwzMiwzMiwwLDAsMCwyNCw4OHY0MGExMDQsMTA0LDAsMCwwLDIwOCwwVjExMkEzMiwzMiwwLDAsMCwyMDAsODBaTTE1Miw0OGExNiwxNiwwLDAsMSwxNiwxNlY4MEgxMzZWNjRBMTYsMTYsMCwwLDEsMTUyLDQ4Wk04OCw2NGExNiwxNiwwLDAsMSwzMiwwdjQwYTE2LDE2LDAsMCwxLTMyLDBaTTQwLDg4YTE2LDE2LDAsMCwxLDMyLDB2MTZhMTYsMTYsMCwwLDEtMzIsMFptMTc2LDQwYTg4LDg4LDAsMCwxLTE3NS45MiwzLjc1QTMxLjkzLDMxLjkzLDAsMCwwLDgwLDEyNS4xM2EzMS45MywzMS45MywwLDAsMCw0NC41OCwzLjM1LDMyLjIxLDMyLjIxLDAsMCwwLDExLjgsMTEuNDRBNDcuODgsNDcuODgsMCwwLDAsMTIwLDE3NmE4LDgsMCwwLDAsMTYsMCwzMiwzMiwwLDAsMSwzMi0zMiw4LDgsMCwwLDAsMC0xNkgxNTJhMTYsMTYsMCwwLDEtMTYtMTZWOTZoNjRhMTYsMTYsMCwwLDEsMTYsMTZaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-vote : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTYsNDhWMjA4YTgsOCwwLDAsMS04LDhINjRMNDAsMTkyVjQ4YTgsOCwwLDAsMSw4LThIMjA4QTgsOCwwLDAsMSwyMTYsNDhaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMjI0LDQ4VjIwOGExNiwxNiwwLDAsMS0xNiwxNkgxMzZhOCw4LDAsMCwxLDAtMTZoNzJWNDhINDh2OTZhOCw4LDAsMCwxLTE2LDBWNDhBMTYsMTYsMCwwLDEsNDgsMzJIMjA4QTE2LDE2LDAsMCwxLDIyNCw0OFpNMTI1LjY2LDE1NC4zNGE4LDgsMCwwLDAtMTEuMzIsMEw2NCwyMDQuNjksNDUuNjYsMTg2LjM0YTgsOCwwLDAsMC0xMS4zMiwxMS4zMmwyNCwyNGE4LDgsMCwwLDAsMTEuMzIsMGw1Ni01NkE4LDgsMCwwLDAsMTI1LjY2LDE1NC4zNFoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-code : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yNDAsMTI4bC00OCw0MEg2NEwxNiwxMjgsNjQsODhIMTkyWiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTY5LjEyLDk0LjE1LDI4LjUsMTI4bDQwLjYyLDMzLjg1YTgsOCwwLDEsMS0xMC4yNCwxMi4yOWwtNDgtNDBhOCw4LDAsMCwxLDAtMTIuMjlsNDgtNDBhOCw4LDAsMCwxLDEwLjI0LDEyLjNabTE3NiwyNy43LTQ4LTQwYTgsOCwwLDEsMC0xMC4yNCwxMi4zTDIyNy41LDEyOGwtNDAuNjIsMzMuODVhOCw4LDAsMSwwLDEwLjI0LDEyLjI5bDQ4LTQwYTgsOCwwLDAsMCwwLTEyLjI5Wk0xNjIuNzMsMzIuNDhhOCw4LDAsMCwwLTEwLjI1LDQuNzlsLTY0LDE3NmE4LDgsMCwwLDAsNC43OSwxMC4yNkE4LjE0LDguMTQsMCwwLDAsOTYsMjI0YTgsOCwwLDAsMCw3LjUyLTUuMjdsNjQtMTc2QTgsOCwwLDAsMCwxNjIuNzMsMzIuNDhaIj48L3BhdGg+PC9zdmc+" ) ;
--icon-handshake : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMDAsMTUybC00MCw0MEw5NiwxNzYsNDAsMTM2LDcyLDcybDU2LTE2LDU2LDE2SDE0NEw5OC4zNCwxMTYuMjlhOCw4LDAsMCwwLDEuMzgsMTIuNDJDMTE3LjIzLDEzOS45LDE0MSwxMzkuMTMsMTYwLDEyMFoiIG9wYWNpdHk9IjAuMiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMTkuNzYsMjE3Ljk0QTgsOCwwLDAsMSwxMTIsMjI0YTguMTMsOC4xMywwLDAsMS0yLS4yNGwtMzItOGE4LDgsMCwwLDEtMi41LTEuMTFsLTI0LTE2YTgsOCwwLDEsMSw4Ljg4LTEzLjMxbDIyLjg0LDE1LjIzLDMwLjY2LDcuNjdBOCw4LDAsMCwxLDExOS43NiwyMTcuOTRabTEzMi42OS05Ni40NmExNS44OSwxNS44OSwwLDAsMS04LDkuMjVsLTIzLjY4LDExLjg0LTU1LjA4LDU1LjA5YTgsOCwwLDAsMS03LjYsMi4xbC02NC0xNmE4LjA2LDguMDYsMCwwLDEtMi43MS0xLjI1TDM1Ljg2LDE0Mi44NywxMS41OCwxMzAuNzNhMTYsMTYsMCwwLDEtNy4xNi0yMS40NkwyOS4yNyw1OS41OGgwYTE2LDE2LDAsMCwxLDIxLjQ2LTcuMTZsMjIuMDYsMTEsNTMtMTUuMTRhOCw4LDAsMCwxLDQuNCwwbDUzLDE1LjE0LDIyLjA2LTExYTE2LDE2LDAsMCwxLDIxLjQ2LDcuMTZsMjQuODUsNDkuNjlBMTUuOSwxNS45LDAsMCwxLDI1Mi40NSwxMjEuNDhabS00Ni4xOCwxMi45NEwxNzkuMDYsODBIMTQ3LjI0TDEwNCwxMjJjMTIuNjYsOC4wOSwzMi41MSwxMC4zMiw1MC4zMi03LjYzYTgsOCwwLDAsMSwxMC42OC0uNjFsMzQuNDEsMjcuNTdabS0xODcuNTQtMTgsMTcuNjksOC44NUw2MS4yNyw3NS41OCw0My41OCw2Ni43M1pNMTg4LDE1Mi42NmwtMjcuNzEtMjIuMTljLTE5LjU0LDE2LTQ0LjM1LDE4LjExLTY0LjkxLDVhMTYsMTYsMCwwLDEtMi43Mi0yNC44Mi42LjYsMCwwLDEsLjA4LS4wOEwxMzcuNiw2Ny4wNiwxMjgsNjQuMzIsNzcuNTgsNzguNzMsNTAuMjEsMTMzLjQ2bDQ5LjIsMzUuMTUsNTguMTQsMTQuNTNabTQ5LjI0LTM2LjI0TDIxMi40Miw2Ni43M2wtMTcuNjksOC44NSwyNC44NSw0OS42OVoiPjwvcGF0aD48L3N2Zz4=" ) ;
--icon-science : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMTAuMjYsMjEwLjI2Yy0xNy4yMywxNy4yMy02OC01LjYzLTExMy40Ni01MS4wNlMyOC41MSw2Myw0NS43NCw0NS43NHM2OCw1LjYzLDExMy40Niw1MS4wNlMyMjcuNDksMTkzLDIxMC4yNiwyMTAuMjZaIiBvcGFjaXR5PSIwLjIiPjwvcGF0aD48cGF0aCBkPSJNMTk2LjEyLDEyOGMyNC42NS0zNC42MSwzNy4yMi03MC4zOCwxOS43NC04Ny44NlMxNjIuNjEsMzUuMjMsMTI4LDU5Ljg4QzkzLjM5LDM1LjIzLDU3LjYyLDIyLjY2LDQwLjE0LDQwLjE0UzM1LjIzLDkzLjM5LDU5Ljg4LDEyOGMtMjQuNjUsMzQuNjEtMzcuMjIsNzAuMzgtMTkuNzQsODcuODZoMGM1LjYzLDUuNjMsMTMuMTUsOC4xNCwyMS45MSw4LjE0LDE4LjQ4LDAsNDIuNDgtMTEuMTcsNjYtMjcuODhDMTUxLjQ3LDIxMi44MywxNzUuNDcsMjI0LDE5NCwyMjRjOC43NiwwLDE2LjI5LTIuNTIsMjEuOTEtOC4xNGgwQzIzMy4zNCwxOTguMzgsMjIwLjc3LDE2Mi42MSwxOTYuMTIsMTI4Wm04LjQzLTc2LjU1YzcuNjQsNy42NCwyLjQ4LDMyLjQtMTguNTIsNjMuMjhhMzAwLjMzLDMwMC4zMywwLDAsMC0yMS4xOS0yMy41N0EzMDAuMzMsMzAwLjMzLDAsMCwwLDE0MS4yNyw3MEMxNzIuMTUsNDksMTk2LjkxLDQzLjgsMjA0LjU1LDUxLjQ1Wk0xNzYuMjksMTI4YTI4OS4xNCwyODkuMTQsMCwwLDEtMjIuNzYsMjUuNTNBMjg5LjE0LDI4OS4xNCwwLDAsMSwxMjgsMTc2LjI5YTI4OS4xNCwyODkuMTQsMCwwLDEtMjUuNTMtMjIuNzZBMjg5LjE0LDI4OS4xNCwwLDAsMSw3OS43MSwxMjgsMjk4LjYyLDI5OC42MiwwLDAsMSwxMjgsNzkuNzFhMjg5LjE0LDI4OS4xNCwwLDAsMSwyNS41MywyMi43NkEyODkuMTQsMjg5LjE0LDAsMCwxLDE3Ni4yOSwxMjhaTTUxLjQ1LDUxLjQ1YzIuMi0yLjIxLDUuODMtMy4zNSwxMC42Mi0zLjM1QzczLjg5LDQ4LjEsOTIuNzYsNTUsMTE0LjcyLDcwQTMwNCwzMDQsMCwwLDAsOTEuMTYsOTEuMTYsMzAwLjMzLDMwMC4zMywwLDAsMCw3MCwxMTQuNzNDNDksODMuODUsNDMuODEsNTkuMDksNTEuNDUsNTEuNDVabTAsMTUzLjFDNDMuODEsMTk2LjkxLDQ5LDE3Mi4xNSw3MCwxNDEuMjdhMzAwLjMzLDMwMC4zMywwLDAsMCwyMS4xOSwyMy41N0EzMDQuMTgsMzA0LjE4LDAsMCwwLDExNC43MywxODZDODMuODUsMjA3LDU5LjA5LDIxMi4yLDUxLjQ1LDIwNC41NVptMTUzLjEsMGMtNy42NCw3LjY1LTMyLjQsMi40OC02My4yOC0xOC41MmEzMDQuMTgsMzA0LjE4LDAsMCwwLDIzLjU3LTIxLjE5QTMwMC4zMywzMDAuMzMsMCwwLDAsMTg2LDE0MS4yN0MyMDcsMTcyLjE1LDIxMi4xOSwxOTYuOTEsMjA0LjU1LDIwNC41NVpNMTQwLDEyOGExMiwxMiwwLDEsMS0xMi0xMkExMiwxMiwwLDAsMSwxNDAsMTI4WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
--icon-book : url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iI2U2ODkzMyIgdmlld0JveD0iMCAwIDI1NiAyNTYiPjxwYXRoIGQ9Ik0yMzIsNjRWMTkyYTgsOCwwLDAsMS04LDhIMTYwYTMyLDMyLDAsMCwwLTMyLDMyLDMyLDMyLDAsMCwwLTMyLTMySDMyYTgsOCwwLDAsMS04LThWNjRhOCw4LDAsMCwxLDgtOEg5NmEzMiwzMiwwLDAsMSwzMiwzMiwzMiwzMiwwLDAsMSwzMi0zMmg2NEE4LDgsMCwwLDEsMjMyLDY0WiIgb3BhY2l0eT0iMC4yIj48L3BhdGg+PHBhdGggZD0iTTIyNCw0OEgxNjBhNDAsNDAsMCwwLDAtMzIsMTZBNDAsNDAsMCwwLDAsOTYsNDhIMzJBMTYsMTYsMCwwLDAsMTYsNjRWMTkyYTE2LDE2LDAsMCwwLDE2LDE2SDk2YTI0LDI0LDAsMCwxLDI0LDI0LDgsOCwwLDAsMCwxNiwwLDI0LDI0LDAsMCwxLDI0LTI0aDY0YTE2LDE2LDAsMCwwLDE2LTE2VjY0QTE2LDE2LDAsMCwwLDIyNCw0OFpNOTYsMTkySDMyVjY0SDk2YTI0LDI0LDAsMCwxLDI0LDI0VjIwMEEzOS44MSwzOS44MSwwLDAsMCw5NiwxOTJabTEyOCwwSDE2MGEzOS44MSwzOS44MSwwLDAsMC0yNCw4Vjg4YTI0LDI0LDAsMCwxLDI0LTI0aDY0WiI+PC9wYXRoPjwvc3ZnPg==" ) ;
2024-07-23 20:27:23 +09:00
--icon-olympics : url( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Created with Inkscape (http://www.inkscape.org/ ) --% 3 E % 3 Csvg xmlns : dc = 'http :// purl . or g / dc / elements / 1 .1 / ' xmlns:cc= ' http :// creativecommons . or g / ns % 23 ' xmlns:rdf= ' http :// www . w3 . or g / 1999 / 02 / 22 - rdf-syntax-ns % 23 ' xmlns:svg= ' http :// www . w3 . or g / 2000 / svg ' xmlns= ' http :// www . w3 . or g / 2000 / svg ' version= ' 1 .1 ' width= ' 1020 ' height= ' 495 ' id= ' svg2 ' %3E%3Cmetadata id= ' metadata28'%3E%3Crdf : RDF %3E%3Ccc : Work rdf : about = ''%3E%3Cdc : format %3Eimage/svg+xml%3C/dc : format %3E%3Cdc : type rdf : resource = 'http :// purl . or g / dc / dcmitype / StillImage ' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id= ' defs4 ' /%3E%3Cg transform= ' matrix ( 5 .7658033 , 0 , 0 , 5 .7658033 ,- 216 .55705 ,- 1629 .403 ) ' id= ' g3854 ' style= ' fill :% 23 e 68933 ; fill-opacity : 1 ' %3E%3Cpath d= ' m 77 .998457 , 338 .04465 c 9 .719843 ,- 3 .74035 16 .634311 ,- 13 .17634 16 .634311 ,- 24 .1989 0 ,- 14 .29201 - 11 .62467 ,- 25 .91668 - 25 .916678 ,- 25 .91668 - 14 .292008 , 0 - 25 .95413 , 11 .62467 - 25 .95413 , 25 .91668 0 , 14 .29201 11 .662122 , 25 .91668 25 .95413 , 25 .91668 0 .54665 , 0 1 .089397 ,- 0 .017 1 .627741 ,- 0 .0505 - 0 .212847 ,- 1 .56081 - 0 .14221 ,- 4 .09918 0 .0472 ,- 5 .10887 - 0 .552337 , 0 .0437 - 1 .110922 , 0 .0659 - 1 .674938 , 0 .0659 - 11 .526965 , 0 - 20 .823227 ,- 9 .29627 - 20 .823227 ,- 20 .82323 0 ,- 11 .52696 9 .296262 ,- 20 .82323 20 .823227 ,- 20 .82323 l 0 , 4 e - 5 c 11 .526959 , 0 20 .785775 , 9 .29627 20 .785775 , 20 .82323 0 , 7 .91769 - 4 .368408 , 14 .78291 - 10 .83969 , 18 .30588 - 0 .315166 , 1 .3712 - 0 .711622 , 4 .31209 - 0 .663721 , 5 .893 z ' id= ' path3016 ' style= ' fill :% 23 e 68933 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 118 .12057 , 340 .00218 c - 1 .34862 , 10 .20474 - 10 .02005 , 18 .04148 - 20 .603518 , 18 .04148 - 11 .52697 , 0 - 20 .82323 ,- 9 .29627 - 20 .82323 ,- 20 .82323 0 ,- 7 .8992 4 .36561 ,- 14 .75085 10 .82304 ,- 18 .28114 0 .45237 ,- 1 .7753 0 .72684 ,- 3 .69514 0 .65576 ,- 5 .89574 - 9 .70007 , 3 .75525 - 16 .6097 , 13 .17589 - 16 .6097 , 24 .17688 0 , 14 .29201 11 .66212 , 25 .91668 25 .95413 , 25 .91668 13 .026538 , 0 23 .837178 ,- 9 .65722 25 .649488 ,- 22 .18923 - 1 .32835 ,- 0 .0348 - 4 .11703 ,- 0 .60321 - 5 .04597 ,- 0 .9457 z m 4 .98685 ,- 6 .89716 c - 1 .97707 ,- 12 .3428 - 12 .69857 ,- 21 .80127 - 25 .590368 ,- 21 .80127 - 0 .5666 , 0 - 1 .12907 , 0 .0183 - 1 .68684 , 0 .0542 0 .31178 , 1 .20255 0 .3074 , 3 .96583 - 0 .0166 , 5 .10739 l 0 , 6 e - 5 c 0 .5617 ,- 0 .0452 1 .1298 ,- 0 .0682 1 .70343 ,- 0 .0682 9 .546428 , 0 17 .537168 , 6 .37619 20 .001238 , 15 .11504 1 .68318 , 0 .64085 3 .49015 , 1 .20604 5 .58913 , 1 .59278 z ' id= ' path3790 ' style= ' fill :% 23 e 68933 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 157 .72746 , 317 .82769 c 1 .60373 , 10 .29047 9 .36704 , 19 .0414 20 .1411 , 21 .36875 13 .96979 , 3 .01767 27 .78686 ,- 5 .89044 30 .80453 ,- 19 .86023 3 .01768 ,- 13 .9698 - 5 .88253 ,- 27 .82347 - 19 .85233 ,- 30 .84115 - 13 .96979 ,- 3 .01767 - 27 .79477 , 5 .92705 - 30 .81244 , 19 .89685 - 0 .11542 , 0 .53432 - 0 .2134 , 1 .06841 - 0 .29433 , 1 .6017 1 .57057 , 0 .12151 4 .03679 , 0 .72651 4 .98373 , 1 .12484 0 .0739 ,- 0 .54911 0 .17015 ,- 1 .09979 0 .28924 ,- 1 .65109 2 .43385 ,- 11 .26709 13 .48338 ,- 18 .39092 24 .75047 ,- 15 .95707 11 .26708 , 2 .43385 18 .39092 , 13 .48338 15 .95706 , 24 .75047 l - 3 e - 5 ,- 1 e - 5 c - 2 .43385 , 11 .26709 - 13 .47548 , 18 .35431 - 24 .74257 , 15 .92046 - 7 .73918 ,- 1 .67178 - 13 .52726 ,- 7 .39124 - 15 .60443 ,- 14 .46049 - 1 .27374 ,- 0 .59757 - 4 .06462 ,- 1 .60605 - 5 .62 ,- 1 .89303 z ' id= ' path3842 ' style= ' fill :% 23 e 68933 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 105 .40431 , 311 .064 c 1 .34862 ,- 10 .20474 10 .02005 ,- 18 .04148 20 .60351 ,- 18 .04148 11 .52697 , 0 20 .82323 , 9 .29627 20 .82323 , 20 .82323 0 , 7 .8992 - 4 .36561 , 14 .75085 - 10 .82304 , 18 .28114 - 0 .45237 , 1 .7753 - 0 .72684 , 3 .69514 - 0 .65576 , 5 .89574 9 .70007 ,- 3 .75525 16 .6097 ,- 13 .17589 16 .6097 ,- 24 .17688 0 ,- 14 .29201 - 11 .66212 ,- 25 .91668 - 25 .95413 ,- 25 .91668 - 13 .02653 , 0 - 23 .83717 , 9 .65722 - 25 .64948 , 22 .18923 1 .32835 , 0 .0348 4 .11703 , 0 .60321 5 .04597 , 0 .9457 z m - 4 .98685 , 6 .89716 c 1 .97707 , 12 .3428 12 .69857 , 21 .80127 25 .59036 , 21 .80127 0 .5666 , 0 1 .12907 ,- 0 .0183 1 .68684 ,- 0 .0542 - 0 .31178 ,- 1 .20255 - 0 .3074 ,- 3 .96583 0 .0166 ,- 5 .10739 l 0 ,- 6 e - 5 c - 0 .5617 , 0 .0452 - 1 .1298 , 0 .0682 - 1 .70343 , 0 .0682 - 9 .54642 , 0 - 17 .53716 ,- 6 .37619 - 20 .00123 ,- 15 .11504 - 1 .68318 ,- 0 .64085 - 3 .49015 ,- 1 .20604 - 5 .58913 ,- 1 .59278 z ' id= ' path3850 ' style= ' fill :% 23 e 68933 ; fill-opacity : 1 ' /%3E%3Cpath d= ' m 175 .43867 , 340 .00219 c - 1 .34862 , 10 .20474 - 10 .02005 , 18 .04148 - 20 .60351 , 18 .04148 - 11 .52697 , 0 - 20 .82323 ,- 9 .29627 - 20 .82323 ,- 20 .82323
2023-11-21 08:32:06 +09:00
}
}
body . app-body {
background-color : var ( -- color - bg ) ;
color : var ( -- color - fg ) ;
font-family : ui-rounded , " mastodon-font-sans-serif " , sans-serif ;
}
2023-12-22 01:41:37 +09:00
. layout-single-column . ui : : before {
content : " " ;
display : block ;
height : 16 px ;
position : fixed ;
top : 0 ;
left : 0 ;
right : 0 ;
z-index : 1 ;
background-color : var ( -- color - bg ) ;
background-image : var ( -- gradient-bg ) ;
}
. app-body . columns-area__panels__pane {
z-index : 1 ;
}
2024-01-14 10:05:07 +09:00
: : selection {
color : var ( -- color - accent-fg ) ;
background-color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
/* 🖱️ Scrollbars */
: root : has ( . app-body ) * : : -webkit-scrollbar-track {
background-color : var ( -- color - bg ) ;
padding : 2 px ;
}
: root : has ( . app-body ) * : : -webkit-scrollbar-thumb {
background-color : var ( -- color - accent ) ;
2024-02-28 08:02:43 +09:00
border-radius : 8 px ;
2023-11-21 08:32:06 +09:00
opacity : .4 ;
}
: root : has ( . app-body ) * : : -webkit-scrollbar-track : hover {
background-color : var ( -- color - bg ) ;
}
: root : has ( . app-body ) * : : -webkit-scrollbar-thumb : hover {
background-color : var ( -- color - accent ) ;
opacity : .7 ;
}
@media screen and ( max-width : 1174 px ) {
: root : has ( . app-body ) * : : -webkit-scrollbar {
display : none ;
}
}
2024-02-28 08:02:43 +09:00
: root ,
* {
scrollbar-color : var ( -- color - accent ) var ( -- color - bg ) ;
scrollbar-width : thin ;
}
2023-11-21 08:32:06 +09:00
2023-12-20 03:56:45 +09:00
. app-body {
- - dropdown-shadow :
0 20px 25px - 5px rgba ( 0 , 0 , 0 , . 15 ) ,
0 8px 10px - 6px rgba ( 0 , 0 , 0 , . 15 ) ;
2024-03-21 03:17:11 +09:00
--safe-area-bottom : env ( safe - area-inset-bottom ) ;
}
@media ( display - mode : standalone ) {
. app-body {
--safe-area-bottom : max ( env ( safe - area-inset-bottom ) , 30 px ) ;
}
2023-12-20 03:56:45 +09:00
}
2023-11-21 08:32:06 +09:00
. app-body . loading-bar {
background-color : var ( -- color - accent ) ;
}
2024-02-15 00:05:35 +09:00
. app-body . circular-progress {
color : var ( -- color - accent ) ;
}
. app-body . redirect__logo {
background-image : var ( -- logo ) ;
background-size : 100 % ;
background-position : center ;
background-repeat : no-repeat ;
}
. app-body . redirect__logo img {
opacity : 0 ;
}
. app-body . redirect__message a {
color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . getting-started ,
. app-body . regeneration-indicator ,
. app-body . audio-player ,
. app-body . compose-form . spoiler-input__input ,
. app-body . compose-form__autosuggest-wrapper ,
. app-body . compose-form__poll-wrapper select ,
. app-body . poll__option input [ type = text ] ,
. app-body . report-dialog-modal__textarea ,
. app-body . search__input ,
. app-body . setting-text ,
. app-body . compose-form . compose-form__buttons-wrapper ,
. app-body . about__section__body {
border : 0 ;
}
. app-body . column-inline-form ,
. app-body . column > . scrollable ,
. app-body . getting-started ,
. app-body . regeneration-indicator {
background : transparent ;
}
2024-03-12 23:19:26 +09:00
: root {
--background-filter : none ;
}
2023-11-21 08:32:06 +09:00
. app-body . account__avatar img {
border-radius : 50 % ;
}
2023-12-21 05:53:46 +09:00
/* Keyframes */
@keyframes bounce {
0 % {
transform : scale ( 1 ) ;
}
50 % {
transform : scale ( 1 .6 ) ;
}
75 % {
transform : scale ( .8 ) ;
}
100 % {
transform : scale ( 1 ) ;
}
}
@keyframes bounce-sml {
0 % {
transform : scale ( 1 ) ;
}
50 % {
2024-02-20 00:18:33 +09:00
transform : scale ( 1 .25 ) ;
2023-12-21 05:53:46 +09:00
}
100 % {
transform : scale ( 1 ) ;
}
}
@keyframes bounce-vertical {
0 % {
transform : translateY ( 0 ) ;
}
50 % {
2023-12-26 09:19:25 +09:00
transform : translateY ( - 30 % ) ;
2023-12-21 05:53:46 +09:00
}
75 % {
transform : translateY ( 20 % ) ;
}
100 % {
transform : translate ( 0 ) ;
}
}
@keyframes launch {
0 % {
transform : translate ( 0 ) ;
opacity : 0 ;
}
5 % {
transform : translate ( 0 ) ;
opacity : 1 ;
}
50 % {
2023-12-26 09:19:25 +09:00
transform : translate ( 200 % , - 200 % ) ;
2023-12-21 05:53:46 +09:00
opacity : 0 ;
}
80 % {
2023-12-26 09:19:25 +09:00
transform : translate ( 200 % , - 200 % ) ;
2023-12-21 05:53:46 +09:00
opacity : 0 ;
}
85 % {
transform : translate ( - 20 % , 20 % ) ;
opacity : 0 ;
}
100 % {
transform : translate ( 0 ) ;
opacity : 1 ;
}
}
@keyframes fadein {
from {
opacity : 0 ;
transform : translateY ( - 10 % ) ;
}
to {
opacity : 1 ;
transform : translateY ( 0 ) ;
}
}
@keyframes fadein-short {
from {
transform : translate ( 0 , - 10 px ) ;
opacity : 0 ;
}
to {
transform : translate ( 0 , 0 ) ;
opacity : 1 ;
}
}
@keyframes slowin {
0 % {
opacity : 0 ;
}
20 % {
opacity : 0 ;
}
100 % {
opacity : 1 ;
}
}
2023-12-22 01:41:37 +09:00
@keyframes rotate-bounce {
0 % {
transform : rotate ( 0 ) scale ( 1 ) ;
}
60 % {
2023-12-26 09:19:25 +09:00
transform : rotate ( 80 deg ) scale ( 1 .2 ) ;
2023-12-22 01:41:37 +09:00
}
100 % {
2023-12-26 09:19:25 +09:00
transform : rotate ( 60 deg ) scale ( 1 .1 ) ;
}
}
@keyframes bell-ring {
0 % {
transform : rotate ( 0 ) ;
}
40 % {
transform : rotate ( 15 deg ) ;
}
70 % {
transform : rotate ( - 15 deg ) ;
}
100 % {
transform : rotate ( 0 ) ;
2023-12-22 01:41:37 +09:00
}
}
2023-12-21 05:53:46 +09:00
2023-11-21 08:32:06 +09:00
/* Rordered layout */
. app-body . columns-area__panels__pane--navigational {
order : 1 ;
}
. app-body . columns-area__panels__main {
order : 2 ;
}
. app-body . columns-area__panels__pane--compositional {
order : 3 ;
}
. app-body . columns-area--mobile . column {
flex : unset ;
}
. app-body . columns-area--mobile . column : focus-within {
overflow : visible ;
}
. app-body . scrollable ,
. app-body . column > . scrollable {
2023-12-30 12:43:55 +09:00
background-color : var ( -- color - content - bg ) ;
2023-12-29 05:58:20 +09:00
border-right : 1 px solid var ( -- color - lines ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-top : 0 ;
border-bottom : 0 ;
border-radius : 0 ;
2023-12-30 12:43:55 +09:00
padding-bottom : 20 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . dismissable-banner + . scrollable {
border-top-left-radius : 0 ;
border-top-right-radius : 0 ;
}
2023-12-29 05:58:20 +09:00
. app-body . columns-area--mobile {
padding : 0 ;
}
2023-12-20 11:49:35 +09:00
. app-body . columns-area__panels {
gap : 10 px ;
}
2023-12-29 05:58:20 +09:00
@media screen and ( max-width : 889 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . scrollable ,
. app-body : not ( . layout-multiple-columns ) . column > . scrollable {
2023-12-29 05:58:20 +09:00
border-right : 0 ;
border-left : 0 ;
}
}
2023-12-20 11:49:35 +09:00
@media screen and ( min-width : 1175 px ) {
. app-body . columns-area__panels__main {
max-width : 580 px ;
2024-01-13 01:56:08 +09:00
padding : 0 ;
2023-12-20 11:49:35 +09:00
}
}
@media screen and ( max-width : 1174 px ) {
. app-body . columns-area__panels {
gap : 0 ;
}
}
2023-11-21 08:32:06 +09:00
/ * * ️ ⃣ Icons
- - - - - - - - * /
2024-01-13 08:09:13 +09:00
. app-body . icon {
height : 20 px ;
width : 20 px ;
}
. app-body . verified-badge . icon {
width : 18 px ;
height : 18 px ;
}
. app-body . account__header__tabs__buttons . icon-button . icon {
height : 24 px ;
width : 24 px ;
}
. app-body . status__visibility-icon . icon {
height : 1 em ;
width : 1 em ;
}
2024-01-14 10:05:07 +09:00
. app-body . detailed-status__meta . icon ,
. app-body . dropdown-button . icon {
2024-01-13 08:09:13 +09:00
height : 15 px ;
width : 15 px ;
}
. app-body . icon-button {
padding : 2 px ;
}
2023-11-21 08:32:06 +09:00
. app-body
: is (
. icon-bookmark ,
. icon-star ,
. icon-retweet ,
2024-07-18 00:07:12 +09:00
. icon-repeat ,
2023-11-21 08:32:06 +09:00
. icon-reply ,
. icon-reply-all ,
. icon-tasks ,
. icon-quote-right ,
. icon-home ,
2024-07-18 00:07:12 +09:00
. icon-notifications-active ,
2023-11-21 08:32:06 +09:00
. icon-hashtag ,
2024-03-02 09:56:49 +09:00
. icon-explore ,
2023-11-21 08:32:06 +09:00
. icon-search ,
. icon-times-circle ,
. icon-bell ,
. icon-at ,
. icon-bookmarks ,
. icon-list-ul ,
. column-link . icon-cog ,
. drawer__tab . icon-cog ,
. icon-bars ,
2024-07-18 00:07:12 +09:00
. icon-bar-chart-4-bars ,
2023-12-20 03:56:45 +09:00
. navigation-bar . icon-close ,
2023-11-21 08:32:06 +09:00
. icon-user-plus ,
. icon-user ,
. icon-users ,
. icon-bullhorn ,
. icon-sliders ,
. icon-globe ,
. icon-unlock ,
. icon-lock ,
. icon-paperclip ,
2023-12-20 03:56:45 +09:00
. compose-form__buttons . icon-button : nth-child ( 3 ) . icon ,
. emoji-picker-dropdown > . icon-button . icon ,
2023-11-21 08:32:06 +09:00
. 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 ,
2023-11-25 05:49:10 +09:00
. icon-check : is ( . verified__mark , . verified-badge__mark ) ,
. follow-request-banner . button . icon-check ,
. account--panel button . icon-check ,
2023-12-18 21:05:47 +09:00
. account__relationship . icon-check ,
2023-11-21 08:32:06 +09:00
. status__action-bar . icon-close ,
. detailed-status__action-bar . icon-close ,
. account__header__tabs__buttons . icon-close ,
2023-11-25 02:26:44 +09:00
. icon-sign-out ,
2023-12-20 11:49:35 +09:00
. account__header__tabs__buttons . icon-undefined ,
. icon-eye-slash ,
2024-02-20 01:27:09 +09:00
. icon-eye ,
2024-03-13 10:50:57 +09:00
. icon-eraser ,
. icon-pencil ,
2024-03-15 23:49:27 +09:00
. app-form__header-input . icon ,
2024-03-17 01:11:04 +09:00
. account__domain-pill__popout__parts__icon . icon ,
. safety-action-modal__bullet-points__icon . icon
2023-11-21 08:32:06 +09:00
)
path {
2023-12-29 05:58:20 +09:00
display : none ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is (
. icon-bookmark ,
. icon-star ,
. icon-retweet ,
2024-07-18 00:07:12 +09:00
. icon-repeat ,
2023-11-21 08:32:06 +09:00
. icon-reply ,
. icon-reply-all ,
. icon-tasks ,
. icon-quote-right ,
. icon-home ,
2024-07-18 00:07:12 +09:00
. icon-notifications-active ,
2023-11-21 08:32:06 +09:00
. icon-hashtag ,
2024-03-02 09:56:49 +09:00
. icon-explore ,
2023-11-21 08:32:06 +09:00
. icon-search ,
. icon-times-circle ,
. icon-bell ,
. icon-at ,
. icon-bookmarks ,
. icon-list-ul ,
. column-link . icon-cog ,
. drawer__tab . icon-cog ,
. icon-bars ,
2024-07-18 00:07:12 +09:00
. icon-bar-chart-4-bars ,
2023-12-20 03:56:45 +09:00
. navigation-bar . icon-close ,
2023-11-21 08:32:06 +09:00
. icon-user-plus ,
. icon-user ,
. icon-users ,
. icon-bullhorn ,
. icon-sliders ,
. icon-globe ,
. icon-unlock ,
. icon-lock ,
. icon-paperclip ,
2023-12-20 03:56:45 +09:00
. compose-form__buttons . icon-button : nth-child ( 3 ) . icon ,
. emoji-picker-dropdown > . icon-button . icon ,
2023-11-21 08:32:06 +09:00
. 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 ,
2023-11-25 05:49:10 +09:00
. icon-check : is ( . verified__mark , . verified-badge__mark ) ,
. follow-request-banner . button . icon-check ,
. account--panel button . icon-check ,
2023-12-18 21:05:47 +09:00
. account__relationship . icon-check ,
2023-11-21 08:32:06 +09:00
. status__action-bar . icon-close ,
. detailed-status__action-bar . icon-close ,
. account__header__tabs__buttons . icon-close ,
2023-11-25 02:26:44 +09:00
. icon-sign-out ,
2023-12-20 11:49:35 +09:00
. account__header__tabs__buttons . icon-undefined ,
. icon-eye-slash ,
2024-02-20 01:27:09 +09:00
. icon-eye ,
2024-03-13 10:50:57 +09:00
. icon-eraser ,
. icon-pencil ,
2024-03-15 23:49:27 +09:00
. app-form__header-input . icon ,
2024-03-17 01:11:04 +09:00
. account__domain-pill__popout__parts__icon . icon ,
. safety-action-modal__bullet-points__icon . icon
2023-11-21 08:32:06 +09:00
) {
2023-12-29 05:58:20 +09:00
background-repeat : no-repeat ;
background-size : 100 % ;
background-position : center ;
2023-11-21 08:32:06 +09:00
}
/* Bookmark */
. app-body . icon-bookmark {
background-image : var ( -- icon - bookmark-accent ) ;
}
. app-body . detailed-status__button . icon-bookmark {
background-image : var ( -- icon - bookmark-accent ) ;
}
. app-body . icon-button . active . icon-bookmark {
background-image : var ( -- icon - bookmark-active ) ;
}
/* Favorite */
. app-body . icon-star {
background-image : var ( -- icon - star-accent ) ;
}
. app-body button . icon-button . active . icon-star ,
2024-07-18 00:07:12 +09:00
. app-body . notification__message . icon-star ,
. app-body . notification-group--favourite . icon-star {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - star-active ) ;
}
. app-body . detailed-status__link . icon-star {
background-image : var ( -- icon - star ) ;
2024-01-24 03:06:31 +09:00
margin : 0 ;
2023-11-21 08:32:06 +09:00
}
2023-11-25 01:04:00 +09:00
. app-body . media-modal__overlay . icon-star {
2023-12-15 07:06:38 +09:00
background-image : var ( -- icon - star-accent ) ;
2023-11-25 01:04:00 +09:00
}
2023-11-21 08:32:06 +09:00
/* Boost */
. app-body . icon-retweet {
background-image : var ( -- icon - boost-accent ) ;
}
. app-body button . icon-button . active . icon-retweet ,
. app-body . detailed-status__button button . icon-button . active : hover . icon-retweet {
background-image : var ( -- icon - boost-active ) ;
}
2024-07-18 00:07:12 +09:00
. app-body . status__prepend-icon . icon-retweet ,
. app-body . notification-group--reblog . icon-repeat {
2024-03-09 02:02:16 +09:00
background-image : var ( -- icon - boost-accent-active ) ;
}
2024-03-13 10:50:57 +09:00
. app-body . notification__message . icon-retweet {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - boost-active ) ;
}
. app-body . detailed-status__link . icon-retweet {
background-image : var ( -- icon - boost ) ;
2024-01-24 03:06:31 +09:00
margin : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body
button . icon-button : is (
2024-01-02 22:49:26 +09:00
. reblogPrivate : where ( . disabled , [ disabled ] ) ,
. reblogPrivate : where ( . disabled , [ disabled ] ) : hover ,
. disabled ,
2023-11-21 08:32:06 +09:00
. disabled : hover
)
. icon-retweet {
2023-12-29 05:58:20 +09:00
background-image : var ( -- icon - boost-accent ) ;
opacity : .2 ;
pointer-events : none ;
2023-11-21 08:32:06 +09:00
}
. app-body . boost-modal__action-bar . icon-retweet {
background-image : var ( -- icon - boost-accent ) ;
vertical-align : middle ;
}
2023-11-25 01:04:00 +09:00
. app-body . media-modal__overlay . icon-retweet {
2023-12-15 07:06:38 +09:00
background-image : var ( -- icon - boost-accent ) ;
2023-11-25 01:04:00 +09:00
}
2023-11-21 08:32:06 +09:00
/* Reply */
. app-body . icon-reply ,
. app-body . icon-reply-all {
background-image : var ( -- icon - reply-accent ) ;
}
. app-body . detailed-status__action-bar : is ( . icon-reply , . icon-reply-all ) {
background-image : var ( -- icon - reply-accent ) ;
}
2023-11-25 01:04:00 +09:00
. app-body . media-modal__overlay : is ( . icon-reply , . icon-reply-all ) {
2023-12-15 07:06:38 +09:00
background-image : var ( -- icon - reply-accent ) ;
2023-11-25 01:04:00 +09:00
}
2024-07-18 00:07:12 +09:00
. app-body . status__prepend-icon . icon-reply ,
. app-body . notification-ungrouped__header__icon . icon-reply {
background-image : var ( -- icon - reply-accent-active ) ;
2024-03-12 04:25:08 +09:00
}
2023-11-21 08:32:06 +09:00
/* Ellipsis */
. app-body : is ( . icon-ellipsis-h , . icon-ellipsis-v ) {
background-image : var ( -- icon - ellipsis - accent ) ;
}
. app-body . detailed-status__action-bar . icon-ellipsis-h {
background-image : var ( -- icon - ellipsis - accent ) ;
}
. app-body : is ( . status__action-bar , . detailed-status__action-bar , . account__header__tabs__buttons ) . icon-close {
background-image : var ( -- icon - ellipsis - active ) ;
}
/* Poll icon */
2024-07-18 00:07:12 +09:00
. app-body . icon-tasks ,
. app-body . icon-bar-chart-4-bars {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - poll ) ;
}
2024-07-18 00:07:12 +09:00
. app-body . notification__message . icon-tasks ,
. app-body . notification-ungrouped . icon-bar-chart-4-bars {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - poll-accent ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form . icon-tasks {
background-image : var ( -- icon - poll-accent ) ;
}
2023-11-21 08:32:06 +09:00
/* Post icon */
. app-body . icon-quote-right {
background-image : var ( -- icon - post ) ;
}
/* Navigation panel icons */
. app-body . column-link__icon {
2024-02-15 02:59:28 +09:00
transform : scale ( 1 .45 ) ;
2023-11-21 08:32:06 +09:00
margin-right : 7 px ;
2024-02-15 02:59:28 +09:00
margin-left : 3 px ;
2023-11-21 08:32:06 +09:00
}
/* Home icon */
. app-body . icon-home {
background-image : var ( -- icon - home ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-link . active . icon-home {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - home-active ) ;
}
2024-02-20 00:18:33 +09:00
. layout-multiple-columns . column-link . icon-home {
background-image : var ( -- icon - home-accent ) ;
}
2024-07-18 00:07:12 +09:00
. app-body . notification__message . icon-home ,
. app-body . notification-ungrouped . icon-notifications-active {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - post-notification-accent ) ;
}
/* Globe icon */
. app-body . column-link . icon-globe ,
. app-body . column-header__icon . icon-globe {
background-image : var ( -- icon - globe ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-link . active . icon-globe {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - globe-active ) ;
}
2024-02-20 00:18:33 +09:00
. layout-multiple-columns . column-link . icon-globe {
background-image : var ( -- icon - globe-accent ) ;
}
2024-03-02 09:56:49 +09:00
/* Hashtag icon */
. app-body . icon-hashtag {
background-image : var ( -- icon - hashtag ) ;
}
/* Explore icon */
. app-body . icon-explore ,
. app-body . column-link . icon-explore {
2023-12-20 11:49:35 +09:00
background-image : var ( -- icon - explore ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-02 09:56:49 +09:00
. app-body . column-link . active . icon-explore {
2023-12-20 11:49:35 +09:00
background-image : var ( -- icon - explore-active ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-02 09:56:49 +09:00
. layout-multiple-columns . column-link . icon-explore {
2024-02-20 00:18:33 +09:00
background-image : var ( -- icon - explore-accent ) ;
}
2023-11-21 08:32:06 +09:00
/* Search icon */
. app-body . icon-search {
background-image : var ( -- icon - search ) ;
}
. app-body . ui__header__links . icon-search ,
. app-body . search__icon . icon-search {
background-image : var ( -- icon - search-active ) ;
}
. app-body . column-link . icon-search {
background-image : var ( -- icon - search-column-link ) ;
}
. app-body . column-link . active . icon-search {
background-image : var ( -- icon - search-column-link-active ) ;
}
. app-body . column-header__icon . icon-search {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - search-column-link ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . icon-times-circle {
2023-12-30 12:43:55 +09:00
background-image : var ( -- icon - erase ) ;
2023-11-21 08:32:06 +09:00
}
/* Notifications icon */
2024-02-19 21:47:25 +09:00
. app-body . column-link . icon-bell ,
. app-body . column-header__icon . icon-bell {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - bell ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-link . active . icon-bell {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - bell-active ) ;
}
/* Direct messages icon */
2024-02-19 21:47:25 +09:00
. app-body . column-link . icon-at ,
. app-body . column-header__icon . icon-at {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - direct-messages ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-link . active . icon-at {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - direct-messages-active ) ;
}
2024-02-20 00:18:33 +09:00
. layout-multiple-columns . column-link . icon-at {
background-image : var ( -- icon - direct-messages-accent ) ;
}
2023-11-21 08:32:06 +09:00
/* Bookmarks icon */
2024-02-19 21:47:25 +09:00
. app-body . icon-bookmarks ,
. app-body . column-header__icon . icon-bookmarks {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - bookmark-column-link ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-link . active . icon-bookmarks {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - bookmark-column-link-active ) ;
2024-02-20 00:18:33 +09:00
}
. layout-multiple-columns . column-link . icon-bookmarks {
background-image : var ( -- icon - bookmark-column-link-accent ) ;
}
2023-11-21 08:32:06 +09:00
/* Favorites icon */
2024-02-19 21:47:25 +09:00
. app-body . column-link . icon-star ,
. app-body . column-header__icon . icon-star {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - star-column-link ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-link . active . icon-star {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - star-column-link-active ) ;
}
2024-02-20 00:18:33 +09:00
. layout-multiple-columns . column-link . icon-star {
background-image : var ( -- icon - star-column-link-accent ) ;
}
2023-11-21 08:32:06 +09:00
/* Lists icon */
2024-02-19 21:47:25 +09:00
. app-body . icon-list-ul ,
. app-body . column-header__icon . icon-list-ul {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - list ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-link . active . icon-list-ul {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - list-active ) ;
}
2024-02-20 00:18:33 +09:00
. layout-multiple-columns . column-link . icon-list-ul {
background-image : var ( -- icon - list-accent ) ;
}
2023-11-21 08:32:06 +09:00
/* Settings icon */
. app-body . column-link . icon-cog {
background-image : var ( -- icon - settings ) ;
}
2024-02-20 00:18:33 +09:00
. layout-multiple-columns . column-link . icon-cog {
background-image : var ( -- icon - settings-accent ) ;
}
2024-02-19 21:47:25 +09:00
/* About page icon */
. app-body . navigation-panel . column-link . icon-ellipsis-h {
background-image : var ( -- icon - ellipsis ) ;
}
. app-body . navigation-panel . column-link . active . icon-ellipsis-h {
2024-02-20 00:18:33 +09:00
background-image : var ( -- icon - ellipsis - column - link-active ) ;
2024-02-19 21:47:25 +09:00
}
2023-11-21 08:32:06 +09:00
/* Profile settings */
2023-12-20 03:56:45 +09:00
. app-body . navigation-bar . icon-button . icon-bars {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - gear ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . navigation-bar . icon-button . active . icon-close {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - gear-active ) ;
}
2023-12-22 01:41:37 +09:00
. app-body . navigation-bar . icon-button : is ( : active , : focus , : hover ) {
background-color : transparent ;
}
. app-body . navigation-bar . icon-button . active {
2023-12-26 09:19:25 +09:00
transform : rotate ( 60 deg ) scale ( 1 .1 ) ;
2023-12-22 01:41:37 +09:00
animation : rotate - bounce .4 s 1 ;
}
2023-11-21 08:32:06 +09:00
/* Follow user icon */
. app-body . icon-user-plus ,
. app-body . icon-user {
background-image : var ( -- icon - user-plus-accent ) ;
}
. app-body . active . icon-user-plus {
background-image : var ( -- icon - user-plus ) ;
}
2024-02-19 21:47:25 +09:00
. app-body . column-header__icon . icon-user-plus ,
. app-body . column-link . icon-user-plus {
background-image : var ( -- icon - user-plus-column-link ) ;
}
. app-body . column-link . active . icon-user-plus {
background-image : var ( -- icon - user-plus-column-link-active ) ;
2023-11-21 08:32:06 +09:00
}
2024-02-20 00:18:33 +09:00
. layout-multiple-columns . column-link . icon-user-plus {
background-image : var ( -- icon - user-plus-column-link-accent ) ;
}
2023-11-21 08:32:06 +09:00
/* Users icon */
. app-body . icon-users {
background-image : var ( -- icon - users ) ;
}
. app-body . column-link . icon-users {
background-image : var ( -- icon - users-accent ) ;
}
/* Announcement icon */
. app-body . icon-bullhorn {
background-image : var ( -- icon - megaphone ) ;
}
/* Column settings icon */
. app-body . icon-sliders {
background-image : var ( -- icon - sliders ) ;
}
/* Post visibility icons */
. app-body . icon-globe {
background-image : var ( -- icon - globe-visibility ) ;
}
2024-01-26 08:00:46 +09:00
. app-body . dropdown-button . icon-globe {
background-image : var ( -- icon - globe-visibility-accent ) ;
}
. app-body . dropdown-button . active . icon-globe {
background-image : var ( -- icon - globe-visibility-inv ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . icon-unlock {
background-image : var ( -- icon - unlock ) ;
}
2024-01-26 08:00:46 +09:00
. app-body . dropdown-button . icon-unlock {
background-image : var ( -- icon - unlock-accent ) ;
}
. app-body . dropdown-button . active . icon-unlock {
background-image : var ( -- icon - unlock-inv ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . icon-lock {
background-image : var ( -- icon - lock ) ;
}
2024-01-26 08:00:46 +09:00
. app-body . dropdown-button . icon-lock {
background-image : var ( -- icon - lock-accent ) ;
}
. app-body . dropdown-button . active . icon-lock {
background-image : var ( -- icon - lock-inv ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . icon-at {
background-image : var ( -- icon - at ) ;
}
2024-01-26 08:00:46 +09:00
. app-body . dropdown-button . icon-at {
background-image : var ( -- icon - at-accent ) ;
}
. app-body . dropdown-button . active . icon-at {
background-image : var ( -- icon - at-inv ) ;
}
2023-11-21 08:32:06 +09:00
/* Other icons */
. app-body . icon-paperclip {
background-image : var ( -- icon - paperclip ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . icon-button : is ( . active , . active : hover ) . icon-paperclip {
background-image : var ( -- icon - paperclip-inv ) ;
}
. app-body . compose-form__buttons . icon-button : nth-child ( 3 ) . icon {
background-image : var ( -- icon - warning ) ;
}
. app-body . compose-form__buttons . icon-button : nth-child ( 3 ) : is ( . active , . active : hover ) . icon {
background-image : var ( -- icon - warning-inv ) ;
}
2023-11-25 05:49:10 +09:00
. app-body . icon-check : is ( . verified__mark , . verified-badge__mark ) {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - verified ) ;
}
. app-body . follow-request-banner . button : is ( : active , : focus , : hover ) . icon-check {
background-image : var ( -- icon - check-inv ) ;
}
. app-body . account__relationship . icon-check ,
. app-body . follow-request-banner . button . icon-check {
background-image : var ( -- icon - check ) ;
}
. app-body . icon-bell {
background-image : var ( -- icon - bell-ringing ) ;
}
. app-body . icon-bell-o {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - bell-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . icon-thumb-tack {
background-image : var ( -- icon - pin ) ;
}
. app-body . icon-file-text {
background-image : var ( -- icon - link ) ;
}
. app-body
: is (
. account--panel ,
. follow-request-banner ,
. account__relationship
)
. icon-times {
2023-12-29 05:58:20 +09:00
background-image : var ( -- icon - reject ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . account--panel . icon-times ,
. app-body . follow-request-banner . button : is ( : active , : focus , : hover ) . icon-times {
background-image : var ( -- icon - reject-inv ) ;
}
. app-body . account__relationship . icon-times ,
. app-body . follow-request-banner . button . icon-times {
background-image : var ( -- icon - reject ) ;
}
2023-11-25 02:26:44 +09:00
. app-body . account__header__tabs__buttons . icon-undefined {
background-image : var ( -- icon - share ) ;
}
2023-11-27 01:14:58 +09:00
. app-body . account__header__tabs__buttons . copyable . icon-undefined {
background-image : var ( -- icon - copy ) ;
}
. app-body . account__header__tabs__buttons . copied . icon-undefined {
background-image : var ( -- icon - copied ) ;
}
2023-12-20 11:49:35 +09:00
. app-body . icon-eye-slash {
background-image : var ( -- icon - eye-shut ) ;
}
2023-12-27 06:02:40 +09:00
. app-body . icon-button . overlayed . icon-eye-slash {
background-image : var ( -- icon - eye-shut-inv ) ;
}
2024-02-27 21:49:07 +09:00
. app-body . player-button . icon-eye-slash {
filter : brightness ( 100 ) ;
}
2023-12-20 11:49:35 +09:00
. app-body . icon-eye {
background-image : var ( -- icon - eye-open ) ;
}
2024-02-20 01:27:09 +09:00
. app-body . icon-eraser {
background-image : var ( -- icon - broom ) ;
}
2024-03-13 10:50:57 +09:00
. app-body . icon-pencil {
background-image : var ( -- icon - edited-accent ) ;
}
2023-11-21 08:32:06 +09:00
2024-02-19 21:47:25 +09:00
@media screen and ( min-width : 1173 px ) {
2023-11-21 08:32:06 +09:00
. app-body . navigation-panel . column-link . icon-home {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - home-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-home {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - home-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-bell {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - bell-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-bell {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - bell-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-02 09:56:49 +09:00
. app-body . navigation-panel . column-link . icon-explore {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - explore-accent ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-02 09:56:49 +09:00
. app-body . navigation-panel . column-link . active . icon-explore {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - explore-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-search {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - search-column-link-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-search {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - search-column-link-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-globe {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - globe-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-globe {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - globe-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-at {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - direct-messages-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-at {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - direct-messages-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-bookmarks {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - bookmark-column-link-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-bookmarks {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - bookmark-column-link-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-star {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - star-column-link-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-star {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - star-column-link-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-list-ul {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - list-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-list-ul {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - list-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-cog {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - settings-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . icon-user-plus {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - user-plus-column-link-accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-panel . column-link . active . icon-user-plus {
2024-02-19 21:47:25 +09:00
background-image : var ( -- icon - user-plus-column-link-accent-active ) ;
2023-11-21 08:32:06 +09:00
}
}
2023-12-02 00:34:54 +09:00
/* Links */
. app-body a : is ( . status-link , . mention , . navigation-bar__profile-edit ) span ,
. app-body : is ( . account__header__fields , . account__header__content ) a span {
text-decoration-line : underline ;
text-decoration-color : var ( -- color - accent-bg ) ;
text-decoration-thickness : 2 px ;
text-underline-offset : 2 px ;
}
. app-body a : is ( . status-link , . mention , . navigation-bar__profile-edit ) : is ( : active , : focus , : hover ) span ,
. app-body : is ( . account__header__fields , . account__header__content , . trends__item__name ) a : is ( : active , : focus , : hover ) span ,
. app-body
: is (
. detailed-status__display-name ,
. reply-indicator__display-name ,
. status__display-name ,
a . account__display-name
) : is ( : active , : focus , : hover )
2024-02-28 08:02:43 +09:00
. display-name strong ,
2024-03-19 03:14:13 +09:00
. app-body . status__prepend . status__display-name : is ( : active , : focus , : hover ) strong ,
. app-body a . notification-request__link : is ( : active , : focus , : hover ) . notification-request__name__display-name strong {
2023-12-20 11:49:35 +09:00
text-decoration-line : underline ;
text-decoration-color : currentColor ;
text-decoration-thickness : 2 px ;
text-underline-offset : 2 px ;
2023-12-02 00:34:54 +09:00
}
. app-body a : is ( . status-link , . mention ) : is ( : active , : focus , : hover ) ,
2023-12-20 11:49:35 +09:00
. app-body : is ( . account__header__fields , . account__header__content ) a : is ( : active , : focus , : hover ) ,
. app-body : is ( . detailed-status__datetime , . status__relative-time ) : is ( : active , : focus , : hover ) {
2023-12-02 00:34:54 +09:00
text-decoration : none !important ;
}
. app-body . account__header__fields . verified a span {
display : inline ;
}
2023-11-21 08:32:06 +09:00
/ * 📝 Compose panel
- - - - - - - - - - - - - - - - * /
. app-body . compose-form {
2023-12-20 03:56:45 +09:00
gap : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-bar {
border-radius : 8 px 8 px 0 0 ;
2024-01-14 10:05:07 +09:00
padding : 23 px 15 px 15 px 18 px ;
2023-12-30 12:43:55 +09:00
position : relative ;
2024-01-14 10:05:07 +09:00
background-color : var ( -- color - content - bg ) ;
2023-11-21 08:32:06 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
2023-12-21 03:36:26 +09:00
transition :
background-color . 2s ,
border-color . 2s ;
2023-11-21 08:32:06 +09:00
}
. app-body . navigation-bar strong {
color : var ( -- color - content - fg ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . navigation-bar . account {
background-color : transparent ;
padding-left : 0 ;
padding-top : 0 ;
border-left : 0 ;
border-right : 0 ;
2024-02-28 08:02:43 +09:00
border-bottom : 0 ;
2023-12-20 03:56:45 +09:00
}
2024-01-24 02:09:51 +09:00
. app-body . navigation-bar . account__display-name {
line-height : 20 px ;
2024-01-24 03:06:31 +09:00
overflow : visible ;
}
. app-body : is ( . navigation-bar , . reply-indicator ) . account__avatar {
outline : 6 px solid var ( -- color - content - bg ) ;
border-radius : 8 px ;
position : relative ;
z-index : 2 ;
}
. app-body . reply-indicator__line {
z-index : 1 ;
2024-01-24 02:09:51 +09:00
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form__highlightable {
border-top : 0 ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
border-bottom-left-radius : 8 px ;
border-bottom-right-radius : 8 px ;
border-top-left-radius : 0 ;
border-top-right-radius : 0 ;
background-color : var ( -- color - content - bg ) ;
transition : all .2 s ;
2023-11-21 08:32:06 +09:00
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form . reply-indicator : has ( ~ . compose-form__highlightable : focus-within ) ,
. app-body . compose-form . navigation-bar : has ( ~ . compose-form__highlightable : focus-within ) ,
. app-body . compose-form . compose-form__warning : has ( ~ . compose-form__highlightable : focus-within ) ,
. app-body . compose-form__highlightable : focus-within {
2023-11-21 08:32:06 +09:00
border-color : var ( -- color - accent ) ;
}
2023-12-21 03:36:26 +09:00
. app-body . compose-form . reply-indicator + . navigation-bar ,
2024-01-14 10:05:07 +09:00
. app-body . compose-form . navigation-bar : has ( ~ . compose-form__highlightable : focus-within ) ,
. app-body . reply-indicator {
background-color : var ( -- color - content - bg ) ;
2023-12-21 03:36:26 +09:00
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form__highlightable . active {
box-shadow : none ;
}
2023-11-21 08:32:06 +09:00
. app-body . compose-form
: is (
. autosuggest-textarea__suggestions ,
. autosuggest-textarea__textarea ,
. autosuggest-textarea__suggestions__item ,
. compose-form__modifiers
2023-12-20 03:56:45 +09:00
) {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
border : 0 ;
border-top : 0 ;
border-radius : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . compose-form . autosuggest-textarea__textarea {
2024-03-14 05:44:57 +09:00
padding-inline-start : 20 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . compose-form . autosuggest-textarea__textarea : : placeholder {
font-size : 130 % ;
opacity : .5 ;
}
2023-12-20 03:56:45 +09:00
. app-body . autosuggest-textarea__textarea : : placeholder ,
. app-body . autosuggest-account . display-name__html {
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
}
2024-06-27 20:06:54 +09:00
. app-body . autosuggest-account . display-name__account ,
. app-body . hover-card . display-name__account ,
. app-body . hover-card . account-fields dl dt {
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg-muted ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . autosuggest-textarea__suggestions {
background-color : var ( -- color - content - bg ) ;
border : 1 px solid var ( -- color - lines ) ;
box-shadow :
0 20px 25px - 5px rgba ( 0 , 0 , 0 , . 25 ) ,
0 8px 10px - 6px rgba ( 0 , 0 , 0 , . 25 ) ;
2024-02-12 00:09:36 +09:00
}
. app-body . autosuggest-textarea__suggestions__item {
color : var ( -- color - content - fg ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . autosuggest-textarea__suggestions__item : is ( . selected , : active , : focus , : hover ) ,
. app-body . autosuggest-textarea__suggestions__item : is ( . selected , : active , : focus , : hover ) . autosuggest-account : is ( . display-name__account , . display-name__html ) {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . autosuggest-textarea__suggestions ,
. app-body . autosuggest-textarea__suggestions__item : last-child {
border-bottom-left-radius : 8 px ;
border-bottom-right-radius : 8 px ;
2023-11-21 08:32:06 +09:00
}
2023-12-20 03:56:45 +09:00
. app-body . autosuggest-account . account__avatar {
border : 0 ;
}
. app-body . dropdown-button {
2023-12-20 11:49:35 +09:00
border-radius : 8 px ;
2023-12-20 03:56:45 +09:00
border-color : var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
2023-12-21 00:01:19 +09:00
padding : 5 px 8 px ;
2023-12-20 11:49:35 +09:00
transition : border-color .2 s ;
}
. app-body . dropdown-button : hover {
border-color : var ( -- color - accent ) ;
2023-12-20 03:56:45 +09:00
}
. app-body . dropdown-button . active {
border-color : var ( -- color - accent ) ;
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
. app-body . reply-indicator {
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
border-top : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
border-bottom : 0 ;
2023-12-20 03:56:45 +09:00
border-radius : 8 px 8 px 0 0 ;
2023-11-21 08:32:06 +09:00
box-shadow : none ;
margin : 0 ;
2023-12-20 03:56:45 +09:00
padding : 18 px 15 px 0 18 px ;
transition : all .2 s ;
}
2024-01-14 10:05:07 +09:00
. app-body . reply-indicator p {
overflow : hidden ;
}
2023-12-20 03:56:45 +09:00
. app-body . reply-indicator__line : before {
background-color : var ( -- color - accent ) ;
2023-12-30 12:43:55 +09:00
z-index : 1 ;
2023-12-20 03:56:45 +09:00
opacity : .6 ;
}
. app-body . reply-indicator + . navigation-bar {
border-top : 0 ;
border-top-left-radius : 0 ;
border-top-right-radius : 0 ;
padding-top : 16 px ;
}
. app-body . reply-indicator . display-name__account ,
. app-body . reply-indicator__attachments {
color : var ( -- color - content - fg ) ;
opacity : .7 ;
}
. app-body . reply-indicator__attachments {
margin-top : 8 px ;
}
2024-01-14 10:05:07 +09:00
2024-03-14 05:44:57 +09:00
. app-body . edit-indicator {
background-color : var ( -- color - content - secondary-bg ) ;
border-bottom : 0 ;
gap : 2 px ;
padding-inline-start : 20 px ;
padding-bottom : 17 px ;
}
. app-body . edit-indicator__header {
color : var ( -- color - content - fg ) ;
}
. app-body . edit-indicator__header > * : not ( . edit-indicator__cancel ) {
opacity : .7 ;
}
. app-body . edit-indicator__content {
color : var ( -- color - content - fg ) ;
}
. app-body . edit-indicator__content a {
color : var ( -- color - accent ) ;
}
2024-01-14 10:05:07 +09:00
. app-body . navigation-bar . icon-button : not ( : has ( . icon-bars ) , . active ) {
border : 1 px solid var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
border-radius : 8 px ;
transition : all .2 s ;
}
. app-body . navigation-bar . icon-button : not ( : has ( . icon-bars ) , . active ) : hover {
border-color : var ( -- color - accent ) ;
}
2024-02-28 08:02:43 +09:00
. app-body . navigation-bar . icon-button : not ( : has ( . icon-bars ) , . active ) : active {
background-color : var ( -- color - accent-bg ) ;
}
2024-01-14 10:05:07 +09:00
2023-12-20 03:56:45 +09:00
. app-body . compose-form . compose-form__warning {
background-color : var ( -- color - accent-bg ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
border-radius : 0 ;
2023-12-20 03:56:45 +09:00
box-shadow : none ;
transition : border-color .2 s ;
2023-11-21 08:32:06 +09:00
}
. app-body . compose-form . compose-form__warning ,
. app-body . simple_form . recommended ,
. app-body . compose-form . compose-form__warning ,
. app-body . compose-form . compose-form__warning a ,
. app-body . reply-indicator__content a ,
. app-body . navigation-bar__profile-edit {
color : var ( -- color - accent ) ;
}
2023-12-17 04:30:31 +09:00
. app-body . simple_form . recommended {
border-color : var ( -- color - lines ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . compose-form__sensitive-button . icon-button : hover {
background-color : transparent ;
}
. app-body . compose-form__sensitive-button input [ type = checkbox ] : checked {
background-color : var ( -- color - accent ) ;
border-color : var ( -- color - accent ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . spoiler-input__border {
display : none ;
}
2023-11-21 08:32:06 +09:00
. app-body . compose-form . autosuggest-input {
box-sizing : border-box ;
2023-11-27 01:14:58 +09:00
}
2023-11-21 08:32:06 +09:00
. app-body . compose-form . spoiler-input . spoiler-input--visible {
margin-bottom : 0 ;
height : auto ;
background-color : var ( -- color - content - bg ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form . spoiler-input . autosuggest-input {
background-color : var ( -- color - content - bg ) ;
2024-01-24 02:09:51 +09:00
border-bottom : 0 ;
2023-12-20 03:56:45 +09:00
padding : 5 px ;
}
2023-11-21 08:32:06 +09:00
. app-body . compose-form . spoiler-input__input {
2023-12-21 00:01:19 +09:00
background-image : var ( -- icon - warning ) ;
background-position : 10 px center ;
background-repeat : no-repeat ;
background-size : 20 px ;
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
2023-12-20 03:56:45 +09:00
border : 1 px solid var ( -- color - accent-lines ) ;
2023-11-21 08:32:06 +09:00
margin-bottom : 0 ;
2023-12-11 06:08:07 +09:00
border-radius : 8 px ;
2023-12-21 00:01:19 +09:00
padding : 8 px 15 px 8 px 36 px ;
font-weight : 500 ;
transition : all .2 s ;
2023-11-21 08:32:06 +09:00
}
. app-body . compose-form . spoiler-input__input : focus {
2023-12-20 03:56:45 +09:00
border-color : var ( -- color - accent ) ;
2023-12-21 00:01:19 +09:00
background-color : var ( -- color - content - bg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . display-name {
color : var ( -- color - content - fg ) ;
}
2024-02-01 03:20:59 +09:00
. app-body . compose-form__upload__thumbnail {
outline-offset : - 1 px ;
outline : 1 px solid var ( -- color - lines-translucent ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . compose-form . compose-form__modifiers . compose-form__upload . icon-button {
color : #ffffff ;
}
. app-body . compose-form . compose-form__modifiers . compose-form__upload . icon-button : is ( : active , : focus , : hover ) {
background-color : rgba ( 0 , 0 , 0 , .4 ) ;
}
@media screen and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . compose-form {
2023-12-20 11:49:35 +09:00
padding : 15 px ;
2023-11-21 08:32:06 +09:00
}
}
2023-12-11 06:08:07 +09:00
. app-body . compose-form . attachment-list . compact . icon {
color : var ( -- color - content - fg-muted ) ;
vertical-align : bottom ;
}
2023-12-20 03:56:45 +09:00
. app-body . character-counter {
color : var ( -- color - content - fg ) ;
2023-12-26 09:19:25 +09:00
opacity : 0 ;
font-size : 15 px ;
2024-03-12 04:25:08 +09:00
font-weight : 500 ;
2023-12-26 09:19:25 +09:00
transition :
opacity . 3s ,
margin-right . 3s ;
transform-origin : right center ;
margin-right : - 10 px ;
}
. app-body . compose-form : not ( : has ( . autosuggest-textarea__textarea : placeholder-shown ) ) . character-counter {
opacity : 1 ;
margin-right : 0 ;
2023-11-21 08:32:06 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body . character-counter--over {
color : #df405a ;
font-weight : 500 ;
animation : bounce .3 s 1 ;
}
2023-12-20 11:49:35 +09:00
. compose-form__footer {
2024-01-14 10:05:07 +09:00
gap : 10 px ;
padding : 0 ;
}
. app-body . compose-form__dropdowns {
2023-12-20 11:49:35 +09:00
gap : 6 px ;
2024-01-14 10:05:07 +09:00
padding : 0 12 px ;
}
. app-body . compose-form__actions {
border-radius : 0 0 8 px 8 px ;
padding : 10 px 12 px ;
background-color : var ( -- color - content - secondary-bg ) ;
2023-12-20 11:49:35 +09:00
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form__buttons {
gap : 1 px ;
}
. app-body . compose-form__buttons . icon-button {
padding : 6 px ;
border-radius : 8 px ;
transition : all .2 s ;
}
. app-body . compose-form__buttons . icon {
transform : scale ( 1 .2 ) ;
2023-12-21 00:01:19 +09:00
width : 20 px ;
2023-12-20 03:56:45 +09:00
}
. app-body . compose-form__buttons . icon-button : is ( . active , . active : hover ) {
background-color : var ( -- color - accent ) ;
}
2023-12-20 11:49:35 +09:00
. app-body . compose-form__submit {
2023-12-21 00:01:19 +09:00
max-width : 40 px ;
2023-12-20 11:49:35 +09:00
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form__submit . button {
transition : all .3 s ;
2023-12-21 00:01:19 +09:00
height : 40 px ;
max-width : 40 px ;
2023-12-20 11:49:35 +09:00
color : transparent ;
background-size : 60 % ;
background-position : center ;
background-repeat : no-repeat ;
2023-12-21 00:01:19 +09:00
background-image : var ( -- icon - send-inv ) ;
background-color : var ( -- color - accent ) ;
transition :
transform . 2s ,
2024-01-14 10:05:07 +09:00
background-color . 2s ,
border-color . 2s ;
2023-12-20 03:56:45 +09:00
}
. app-body . compose-form__submit . button : active {
transform : scale ( .95 ) ;
2023-11-21 08:32:06 +09:00
}
2023-12-21 00:01:19 +09:00
. app-body . compose-form : has ( . autosuggest-textarea__textarea : placeholder-shown ) . compose-form__submit . button {
background-image : var ( -- icon - send ) ;
2024-01-14 10:05:07 +09:00
background-color : var ( -- color - accent-bg ) ;
2023-12-21 00:01:19 +09:00
}
. app-body . compose-form : not ( : has ( . autosuggest-textarea__textarea : placeholder-shown ) ) . compose-form__submit {
2024-03-12 04:25:08 +09:00
animation : bounce-sml .2 s ease-out 1 ;
2023-12-21 00:01:19 +09:00
}
2023-11-21 08:32:06 +09:00
2024-01-14 10:05:07 +09:00
. app-body . upload-progress__tracker {
background-color : var ( -- color - accent ) ;
}
. app-body . upload-progress__backdrop {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . upload-progress . icon {
color : var ( -- color - accent )
}
. app-body . upload-progress__message ,
. app-body . upload-progress__message span {
color : var ( -- color - content - fg ) ;
}
. app-body . compose-form__upload . icon-button {
background-color : rgba ( 0 , 0 , 0 , .75 ) ;
-webkit-backdrop-filter : blur ( 10 px ) ;
backdrop-filter : blur ( 10 px ) ;
color : var ( -- color - accent-fg ) ;
border-radius : 8 px ;
padding : 6 px ;
}
. app-body . compose-form__upload . icon-button : hover {
background-color : #444 ;
color : var ( -- color - accent-fg ) ;
}
2023-12-21 00:01:19 +09:00
/* Poll composer */
2023-12-20 03:56:45 +09:00
. app-body . compose-form__poll {
gap : 3 px ;
}
. app-body . compose-form__poll . poll__option {
margin-bottom : 2 px ;
}
. app-body . poll__option input [ type = text ] {
border-radius : 8 px ;
2023-12-29 05:58:20 +09:00
padding : 7 px 12 px ;
2023-12-20 03:56:45 +09:00
border : 1 px solid var ( -- color - lines ) ;
2023-12-20 04:34:44 +09:00
background-color : var ( -- color - content - bg ) ;
2023-12-26 09:19:25 +09:00
color : var ( -- color - content - fg ) ;
2023-12-21 00:01:19 +09:00
transition : all .2 s ;
2023-12-20 03:56:45 +09:00
}
. app-body . poll__option input [ type = text ] : focus {
border-color : var ( -- color - accent ) ;
}
. app-body . compose-form__poll__footer {
margin-top : 5 px ;
2023-12-21 00:01:19 +09:00
padding-inline-start : 12 px ;
gap : 6 px ;
margin-bottom : - 10 px ;
2023-11-21 08:32:06 +09:00
}
2023-12-20 04:34:44 +09:00
. app-body . compose-form__poll__select__label {
2023-12-21 00:01:19 +09:00
display : none ;
2023-12-20 04:34:44 +09:00
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form__poll__select__value {
2023-12-21 00:01:19 +09:00
background-position : 8 px center ;
background-size : 15 px ;
background-repeat : no-repeat ;
2023-12-20 03:56:45 +09:00
color : var ( -- color - accent ) ;
2023-12-21 00:01:19 +09:00
padding : 4 px 8 px 4 px 27 px ;
border-radius : 8 px ;
border : 1 px solid var ( -- color - accent-bg ) ;
font-size : 12 px ;
line-height : 16 px ;
transition :
background-color . 2s ,
border-color . 2s ;
cursor : pointer ;
2023-11-21 08:32:06 +09:00
}
2023-12-21 00:01:19 +09:00
. app-body . compose-form__poll__select__value : is ( : active , : hover , : focus ) {
border-color : var ( -- color - accent ) ;
outline : 0 ;
}
. app-body . compose-form__poll__select__value : active {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
. app-body . compose-form__poll__footer . compose-form__poll__select : first-child . compose-form__poll__select__value {
background-image : var ( -- icon - timer ) ;
}
. app-body . compose-form__poll__footer . compose-form__poll__select : first-child . compose-form__poll__select__value : active {
background-image : var ( -- icon - timer-inv ) ;
}
. app-body . compose-form__poll__footer . compose-form__poll__select : last-child . compose-form__poll__select__value {
background-image : var ( -- icon - check-radio ) ;
}
. app-body . compose-form__poll__footer . compose-form__poll__select : last-child . compose-form__poll__select__value : active ,
. app-body . compose-form__poll__footer . compose-form__poll__select : last-child . compose-form__poll__select__value : has ( option : first-child : checked ) : active {
background-image : var ( -- icon - check-radio-inv ) ;
}
. app-body . compose-form__poll__footer . compose-form__poll__select : last-child . compose-form__poll__select__value : has ( option : first-child : checked ) {
background-image : var ( -- icon - check-radio ) ;
}
. app-body . compose-form__poll__footer . compose-form__poll__select : last-child . compose-form__poll__select__value : has ( option : last-child : checked ) {
background-image : var ( -- icon - check-box ) ;
}
. app-body . compose-form__poll__footer . compose-form__poll__select : last-child . compose-form__poll__select__value : has ( option : last-child : checked ) : active {
background-image : var ( -- icon - check-box-inv ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . compose-form__poll__footer__sep {
2023-12-21 00:01:19 +09:00
display : none ;
}
. app-body . compose-form__poll . poll__option . empty : not ( : focus-within ) {
opacity : .8 ;
}
. app-body . compose-form__poll-wrapper ,
. app-body . compose-form__poll-wrapper . poll__footer {
border-top : 0 ;
}
. app-body . compose-form__poll-wrapper ul {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . compose-form__poll-wrapper . autosuggest-input input ,
. app-body . compose-form__poll-wrapper select {
background-color : var ( -- color - content - bg ) ;
border : 1 px solid var ( -- color - lines ) ;
border-radius : 8 px ;
color : var ( -- color - content - fg ) ;
}
. app-body . compose-form__poll-wrapper . autosuggest-input input : focus ,
. app-body . compose-form__poll-wrapper select : focus {
border-color : var ( -- color - accent ) ;
}
. app-body . compose-form__poll-wrapper . poll__footer . button . button-secondary {
padding : 6 px 16 px ;
}
. app-body . compose-form__poll-wrapper . icon-button . disabled {
color : transparent ;
pointer-events : none ;
}
. app-body . compose-form__poll-button . icon-button . active {
background-color : var ( -- color - accent ) ;
}
. app-body . compose-form__poll-button . icon-button . active . icon-tasks {
background-image : var ( -- icon - poll-active ) ;
}
/* Polls in posts */
. app-body . muted . poll {
color : var ( -- color - content - fg-muted ) ;
}
. app-body . poll__footer {
2023-12-26 09:19:25 +09:00
color : var ( -- color - content - fg-muted ) ;
2023-12-27 06:02:40 +09:00
display : flex ;
flex-flow : wrap ;
gap : 5 px ;
align-items : center ;
2023-12-26 09:19:25 +09:00
box-sizing : border-box ;
2023-12-27 06:02:40 +09:00
font-size : 12 px ;
2023-12-26 09:19:25 +09:00
padding : 0 ;
2023-12-21 00:01:19 +09:00
}
. app-body . poll__link {
color : var ( -- color - accent ) ;
text-decoration : none ;
2023-12-27 06:02:40 +09:00
box-sizing : border-box ;
padding : 0 8 px ;
2023-12-26 09:19:25 +09:00
border : 1 px solid var ( -- color - accent-bg ) ;
border-radius : 8 px ;
font-size : 12 px ;
font-weight : 500 ;
2023-12-27 06:02:40 +09:00
height : 32 px ;
2023-12-26 09:19:25 +09:00
transition : all .3 s ;
2023-12-21 00:01:19 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body . poll__link : hover {
border-color : var ( -- color - accent ) ;
}
. app-body . poll__link : active {
background-color : var ( -- color - accent-bg ) ;
2023-12-21 00:01:19 +09:00
}
. app-body . poll__option . editable . poll__input {
display : none ;
}
2023-12-26 09:19:25 +09:00
. app-body . poll li {
2024-01-02 00:17:51 +09:00
margin-bottom : 4 px ;
2023-12-26 09:19:25 +09:00
position : relative ;
border-radius : 8 px ;
overflow : hidden ;
}
. app-body : is ( . status , . detailed-status ) . poll__option {
border : 1 px solid var ( -- color - lines ) ;
color : var ( -- color - content - fg ) ;
font-weight : 500 ;
padding : 8 px ;
border-radius : 8 px ;
transition : all .2 s ;
position : relative ;
z-index : 1 ;
align-items : center ;
}
. app-body . poll__option . selectable {
cursor : pointer ;
}
. app-body . poll__option . selectable : active {
transform : scale ( .98 ) ;
}
. app-body . poll__option . selectable : hover {
border-color : var ( -- color - accent ) ;
color : var ( -- color - accent ) ;
}
. app-body . poll__option . selectable : has ( . poll__input . active ) {
2023-12-21 00:01:19 +09:00
border-color : var ( -- color - accent ) ;
background-color : var ( -- color - accent-bg ) ;
2023-12-26 09:19:25 +09:00
color : var ( -- color - accent ) ;
2023-12-21 00:01:19 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body . poll__option . selectable . poll__input : not ( . active ) {
border-width : 0 ;
outline-width : 0 !important ;
background-color : var ( -- color - lines ) ;
transition :
background . 2s ;
2023-12-21 00:01:19 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body . poll__option . selectable : hover . poll__input : not ( . active ) {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . poll__option . selectable . poll__input . active {
border-width : 3 px ;
border-color : var ( -- color - accent-bg ) ;
outline-width : 1 px !important ;
2023-12-21 00:01:19 +09:00
}
. app-body . poll__footer . button . button-secondary {
2023-12-27 06:02:40 +09:00
box-sizing : border-box ;
2023-12-21 00:01:19 +09:00
padding : 0 16 px ;
2023-12-27 06:02:40 +09:00
margin : 0 ;
2023-12-26 09:19:25 +09:00
height : 32 px ;
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
float : inline-end ;
2023-12-21 00:01:19 +09:00
}
. app-body . poll__footer . button . button-secondary : hover {
2023-12-26 09:19:25 +09:00
background-color : var ( -- color - accent-focus ) ;
2023-12-21 00:01:19 +09:00
color : var ( -- color - accent-fg ) ;
2023-12-20 03:56:45 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body . poll__footer . button . button-secondary : disabled {
opacity : 1 ;
background-color : var ( -- color - content - secondary-bg ) ;
color : var ( -- color - accent ) ;
display : none ;
}
. app-body . poll__footer . button . button-secondary : not ( : disabled ) {
animation : bounce-sml .3 s ease-out 1 ;
}
. app-body . poll__footer . button . button-secondary : active {
transform : scale ( .95 ) ;
}
. app-body . poll__voted {
position : absolute ;
right : 3 px ;
height : 20 px ;
}
. app-body . poll__option : has ( + . poll__chart . leading ) . poll__voted {
right : 28 px ;
color : var ( -- color - confirm-fg ) ;
}
. app-body . poll__chart {
background : var ( -- color - lines ) ;
opacity : .5 ;
height : auto ;
border-radius : 8 px 0 0 8 px ;
position : absolute ;
top : 0 ;
bottom : 0 ;
z-index : 0 ;
}
@media ( prefers-color-scheme : dark ) {
. app-body . poll__chart {
opacity : .65 ;
}
}
. app-body . poll__chart . leading ,
. app-body . muted . poll__chart . leading ,
. app-body . poll__option : has ( . poll__voted ) + . poll__chart . leading {
background : var ( -- color - confirm-bg ) ;
opacity : 1 ;
}
. app-body . poll__option : has ( . poll__voted ) {
border-color : var ( -- color - accent ) ;
background-color : transparent ;
color : var ( -- color - accent ) ;
}
. app-body . poll__option : has ( . poll__voted ) + . poll__chart {
background-color : var ( -- color - accent-bg ) ;
opacity : 1 ;
}
. app-body . poll__option : has ( + . poll__chart . leading ) ,
. app-body . poll__option : has ( . poll__voted ) : has ( + . poll__chart . leading ) {
border-color : var ( -- color - confirm-bg ) ;
color : var ( -- color - content - fg ) ;
background-color : transparent ;
background-size : 20 px ;
background-position : right 8 px center ;
background-repeat : no-repeat ;
background-image : var ( -- icon - trophy ) ;
}
. app-body . poll__option : has ( . poll__voted ) : has ( + . poll__chart . leading ) {
border-color : var ( -- color - confirm ) ;
}
2023-12-20 03:56:45 +09:00
/* Emoji picker */
. app-body . emoji-picker-dropdown > . icon-button . icon {
2023-11-21 08:32:06 +09:00
background-image : var ( -- icon - emoji - accent ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . emoji-picker-dropdown > . icon-button . active . icon {
background-image : var ( -- icon - emoji - accent-inv ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . emoji-picker-dropdown__menu {
overflow : hidden ;
border-radius : 8 px ;
background-color : var ( -- color - content - bg ) ;
2023-12-11 06:08:07 +09:00
border : 1 px solid var ( -- color - lines ) ;
2024-01-24 02:09:51 +09:00
box-shadow : var ( -- dropdown-shadow ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . emoji-mart {
display : block ;
}
. app-body . emoji-mart-bar : first-child {
2023-12-20 03:56:45 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
border-color : var ( -- color - lines ) ;
padding-top : 2 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . emoji-mart-anchor-bar {
background-color : var ( -- color - accent ) ;
}
. app-body . emoji-mart-anchor-selected {
color : var ( -- color - accent ) ;
}
. app-body . emoji-mart-anchor-icon svg path ,
. app-body . emoji-mart-anchor-icon svg rect {
fill : var ( -- color - content - fg ) ;
}
. app-body . emoji-mart-anchor-selected . emoji-mart-anchor-icon svg path ,
. app-body . emoji-mart-anchor-selected . emoji-mart-anchor-icon svg rect ,
. app-body . emoji-mart-search-icon svg path {
fill : var ( -- color - accent ) ;
}
. app-body . emoji-mart-search-icon ,
. app-body . emoji-mart-search-icon : disabled ,
. app-body . emoji-mart-search-icon svg {
opacity : 1 ;
}
. app-body . emoji-mart-scroll : : -webkit-scrollbar-track {
background-color : var ( -- color - content - bg ) ;
}
. app-body . emoji-mart-search ,
. app-body . emoji-mart-scroll ,
. app-body . emoji-mart-category-label span {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . emoji-mart-search input {
background-color : var ( -- color - accent-bg ) ;
border-color : var ( -- color - accent-lines ) ;
color : var ( -- color - content - fg ) ;
border-radius : 8 px ;
}
. app-body . emoji-mart-search input : focus {
border-color : var ( -- color - accent ) ;
outline : 0 ;
}
. app-body . emoji-mart-search input : : placeholder {
color : var ( -- color - accent ) ;
}
/* Zoom on emojis on hover (in post content only */
. app-body . status__content : not ( . status__content--collapsed ) { /* So the emoji doesn't clip out when zoomed on. */
overflow : visible ;
}
. app-body . status__content . emojione {
transition : transform .8 s .8 s ;
}
. app-body . status__content . emojione : hover {
transform : scale ( 2 .5 ) ;
}
/ * 💬 Posts
- - - - - - - - * /
. app-body . reply-indicator__content ,
. app-body . status__content {
color : var ( -- color - content - fg ) ;
}
. app-body . account__display-name strong ,
. app-body . status__display-name strong ,
. app-body . status__info . status__display-name . display-name__account {
color : var ( -- color - content - fg ) ;
}
. app-body . translate-button {
color : var ( -- color - content - fg-muted ) ;
}
. app-body . translate-button__meta ,
. app-body . translate-button button ,
. app-body . status__content__translate-button {
font-size : 85 % ;
}
. app-body . status__content__translate-button ,
. app-body . translate-button . link-button {
width : 32 px ;
height : 32 px ;
bottom : 13 px ;
right : 52 px ;
padding : 0 px ;
position : absolute ;
background-size : 20 px ;
background-repeat : no-repeat ;
background-position : center ;
background-image : var ( -- icon - translate - accent ) ;
border-radius : 8 px ;
transition : all .3 s ;
background-color : transparent ;
}
. app-body . detailed-status . status__content__translate-button ,
. app-body . detailed-status . translate-button . link-button {
background-image : var ( -- icon - translate - accent ) ;
background-size : 25 px ;
width : 40 px ;
height : 40 px ;
right : 60 px ;
2024-01-09 01:59:24 +09:00
bottom : 20 px ;
}
@media screen and ( max-width : 889 px ) {
. app-body . status__content__translate-button ,
. app-body . translate-button . link-button {
bottom : 10 px ;
}
}
. app-body . scrollable > div : is ( : last-child , : only-child ) . detailed-status__wrapper : last-child
: is (
. translate-button . link-button ,
. status__content__translate-button
) {
2024-02-15 00:05:35 +09:00
bottom : 12 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . status__content__translate-button : hover ,
. app-body . translate-button . link-button : hover {
background-color : var ( -- color - accent-bg ) ;
}
2023-12-22 01:41:37 +09:00
. app-body . translate-button . link-button ,
. app-body . detailed-status . translate-button . link-button ,
. app-body . translate-button . link-button : hover ,
. app-body . detailed-status . translate-button . link-button : hover {
background-image : var ( -- icon - translate - active ) ;
background-color : var ( -- color - accent ) ;
transform : scale ( .8 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . status__content__translate-button > span ,
. app-body . translate-button . link-button > span ,
. app-body . notification . status__content__translate-button {
display : none ;
}
. app-body . account__display-name strong ,
2024-03-19 03:14:13 +09:00
. app-body . status__display-name strong ,
. app-body . notification-request__name__display-name strong {
2023-11-21 08:32:06 +09:00
font-weight : bold ;
}
. app-body . status {
margin-left : 56 px ;
padding : 0 10 px ;
border-bottom : 0 ;
}
. app-body . status__wrapper {
transition : background .3 s ;
}
. app-body . status__wrapper ,
. app-body . detailed-status__wrapper {
2024-01-09 01:59:24 +09:00
--color-post-bg : var ( -- color - content - bg ) ;
background-color : var ( -- color - post-bg ) ;
2023-11-21 08:32:06 +09:00
padding : 13 px 12 px ;
position : relative ;
}
@media screen and ( max-width : 889 px ) {
. app-body . status__wrapper {
padding : 10 px 8 px ;
}
2024-07-18 00:07:12 +09:00
. app-body . notification-ungrouped . status__wrapper {
padding : 13 px 12 px ;
}
2023-11-21 08:32:06 +09:00
}
. app-body . scrollable > div : first-child > div : first-child > . status__wrapper ,
. app-body . scrollable > div : first-child > . status__wrapper ,
. app-body . explore__search-results > div : first-child > . status__wrapper {
border-top : 1 px solid var ( -- color - lines ) ;
}
. app-body . scrollable > div : last-child > div : last-child > . status__wrapper ,
. app-body . scrollable > div > article : last-child > div > . status__wrapper ,
. app-body . search-results__section > div : last-child > . status__wrapper {
border-bottom : 1 px solid var ( -- color - lines ) ;
}
. app-body . dismissable-banner + . scrollable > div > article : first-child > div > . status__wrapper {
border-top : 0 ;
}
. app-body . status__info {
height : 22 px ;
2024-01-26 08:00:46 +09:00
width : calc ( 100 % + 56 px ) ;
gap : 2 px ;
margin-inline-start : - 56 px ;
2023-11-21 08:32:06 +09:00
padding : 0 ;
margin-bottom : 0 ;
line-height : 10 px ;
align-items : start ;
}
. app-body . status__info . status__display-name {
overflow : visible ;
align-items : start ;
}
. app-body . status__info . status__display-name . display-name bdi ,
. app-body . status__info . status__display-name . display-name__account {
vertical-align : top ;
}
. app-body . status__info . status__display-name . display-name__account {
display : inline ;
2023-12-20 11:49:35 +09:00
opacity : .6 ;
2023-11-21 08:32:06 +09:00
}
. app-body . status__relative-time {
height : 22 px ;
color : var ( -- color - content - fg ) ;
2023-12-20 11:49:35 +09:00
display : flex ;
2024-01-26 08:00:46 +09:00
position : absolute ;
2024-07-18 00:07:12 +09:00
inset-inline-end : 23 px ;
2024-01-26 08:00:46 +09:00
z-index : 1 ;
}
. app-body . status__relative-time > * {
opacity : .6 ;
}
. app-body . status__relative-time : : before ,
. app-body . status__relative-time : : after {
position : absolute ;
content : " " ;
display : block ;
height : 100 % ;
z-index : - 1 ;
2024-01-30 05:38:55 +09:00
transition : all .3 s ;
2024-01-26 08:00:46 +09:00
}
. app-body . status__relative-time : : before {
width : 20 px ;
inset-inline-start : - 20 px ;
background : linear-gradient ( 90 deg , transparent , var ( -- color - post-bg )) ;
2024-03-13 10:50:57 +09:00
transition : all .2 s ;
2024-01-26 08:00:46 +09:00
}
. app-body . status__relative-time : : after {
inset-inline-start : 0 ;
inset-inline-end : 0 ;
background-color : var ( -- color - post-bg ) ;
2023-12-20 11:49:35 +09:00
}
. app-body . status__relative-time time + abbr {
display : inline-block ;
width : 18 px ;
height : 22 px ;
order : 2 ;
margin : 0 4 px 0 0 ;
background-size : 16 px ;
background-repeat : no-repeat ;
background-position : center ;
background-image : var ( -- icon - edited ) ;
color : transparent ;
}
. app-body . status__relative-time . status__visibility-icon {
order : 1 ;
}
. app-body . status__relative-time time {
order : 3 ;
}
. app-body . status__relative-time time + abbr {
order : 2 ;
2023-11-21 08:32:06 +09:00
}
. app-body . status__avatar {
margin-bottom : - 10 px ;
z-index : 2 ;
2023-12-08 12:19:47 +09:00
border-radius : 50 % ;
2024-01-09 01:59:24 +09:00
outline : 6 px solid var ( -- color - post-bg ) ;
background-color : var ( -- color - post-bg ) ;
2023-12-18 02:55:02 +09:00
transition : outline .3 s ;
2023-11-21 08:32:06 +09:00
}
2024-03-12 04:25:08 +09:00
. app-body . status__prepend + . status . status__avatar . account__avatar-overlay-base . account__avatar {
width : 46 px !important ;
height : 46 px !important ;
}
. app-body . status__prepend + . status . status__avatar . account__avatar-overlay-overlay {
position : absolute ;
top : - 34 px ;
right : - 38 px ;
pointer-events : none ;
}
. app-body . status__prepend + . status . status__avatar . account__avatar-overlay-overlay . account__avatar {
width : 29 px !important ;
height : 29 px !important ;
}
2023-11-21 08:32:06 +09:00
. app-body . reply-indicator__content ,
. app-body . status__content {
line-height : 19 px ;
position : static ;
}
. app-body . e-content blockquote ,
. app-body . reply-indicator__content blockquote ,
. app-body . status__content__text blockquote {
2023-11-24 23:28:24 +09:00
color : var ( -- color - content - fg ) ;
2023-11-21 08:32:06 +09:00
border-color : var ( -- color - lines ) ;
2024-02-28 08:02:43 +09:00
font-style : italic ;
2023-12-02 00:34:54 +09:00
}
2023-11-21 08:32:06 +09:00
/* 📏 Post dividers */
/* Use ::before to set a non-full-width divider between posts and notifications. The divider sits above the post. */
. app-body . status : : before ,
. app-body . notification__message : : before {
position : absolute ;
background-color : var ( -- color - lines ) ;
height : 1 px ;
2024-03-12 04:25:08 +09:00
width : calc ( 100 % - 78 px ) ;
2023-11-21 08:32:06 +09:00
right : 0 ;
top : - 1 px ;
content : " " ;
opacity : .7 ;
}
@media screen and ( max-width : 889 px ) {
. app-body . status : : before ,
. app-body . notification__message : : before {
width : calc ( 100 % - 73 px ) ;
}
}
@media ( prefers-color-scheme : dark ) {
. app-body . status : : before ,
. app-body . notification__message : : before {
opacity : 1 ;
}
}
/* Remove border between posts when applicable */
. app-body . notification . status : : before , / * no dividers on posts _inside_ notifications * /
. app-body . account-timeline__header + article . status : : before , / * no divider above first post on profile pages * /
. app-body . scrollable > div : first-child > . status : : before , / * no divider above first post in a column thread * /
. app-body . scrollable > div : first-child > div : first-child . status : : before , / * no divider above first post in a column thread ( backwards compatibility with 4 . 1 . * ) * /
. app-body . hashtag-header + article . status : : before ,
2024-01-13 08:09:13 +09:00
. app-body . search-results__section . search-results__section__header + div . status : : before ,
. app-body . dismissable-banner + article . status : : before {
2023-11-21 08:32:06 +09:00
display : none ;
}
@media screen and ( min-width : 890 px ) and ( max-width : 1174 px ) { /* no divider above first post in a column thread on medium-size devices */
. app-body . scrollable > div : first-child > div : first-child > . status__wrapper . status : : before ,
. app-body . scrollable > div > article : first-child > div > . status__wrapper . status : : before {
display : none ;
}
}
/* 👥 Threaded replies */
. app-body . status--first-in-thread {
border-top : 0 ;
}
. app-body . status--first-in-thread : : before {
width : 100 % ;
right : 0 ;
}
. app-body . status--in-thread
: is (
. attachment-list ,
. audio-player ,
. hashtag-bar ,
. media-gallery ,
. picture-in-picture-placeholder ,
. status-card ,
. status__action-bar ,
. status__content ,
. video-player
) {
2023-12-29 05:58:20 +09:00
margin-left : 0 ;
width : auto ;
2023-11-21 08:32:06 +09:00
}
. app-body . status__line--first {
height : 100 % ;
}
. app-body . status__line--full {
height : calc ( 100 % + 32 px ) ;
}
/* Default lines when replying in real time */
. app-body 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 */
. app-body div [ tabindex = " -1 " ] : has ( . status--in-thread ) + div [ tabindex = " -1 " ] > . status--in-thread . status--first-in-thread > . status__line : not ( . status__line--full ) ,
. app-body div [ tabindex = " -1 " ] : has ( . detailed-status__wrapper ) + div [ tabindex = " -1 " ] > . status__wrapper . status__line : not ( . status__line--full ) {
height : 0 ;
}
. app-body div [ tabindex = " -1 " ] : has ( + div [ tabindex = " -1 " ] > . detailed-status__wrapper ) . status--in-thread . status__line {
height : calc ( 100 % - 32 px ) !important ;
}
. app-body div [ tabindex = " -1 " ] + div [ tabindex = " -1 " ] > . status__wrapper > . status-reply . status--in-thread > . status__line . status__line--full ,
. app-body . status__line--full . status__line--first {
top : 32 px ;
height : 100 % ;
z-index : 1 ;
}
. app-body . detailed-status {
background-color : transparent ;
border-top : 0 ;
}
/* Threaded line, actually */
. app-body . status__line {
2023-12-08 12:19:47 +09:00
margin-inline-start : 6 px ;
2023-11-21 08:32:06 +09:00
border-inline-start : 2 px solid var ( -- color - accent ) ;
-webkit-border-start : 2 px solid var ( -- color - accent ) ;
opacity : .6 ;
}
. app-body . 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 ,
. app-body . status-reply . status--in-thread . status--first-in-thread > . status__line ,
. app-body . status-reply . status--in-thread . status--first-in-thread > . status__line--full : : before {
top : 32 px ;
}
@media screen and ( max-width : 889 px ) {
. app-body . status__line {
inset-inline-start : 35 px ;
}
}
/* ⏺️ Posts when in focus */
. app-body
: is ( . status__wrapper . focusable , . detailed-status__wrapper . focusable ) : focus ,
. app-body
: is ( . focusable , . status__wrapper . focusable ) : focus
2024-07-18 00:07:12 +09:00
: is ( . detailed-status , . detailed-status__action-bar ) ,
2024-07-23 20:42:52 +09:00
. app-body . focusable : focus . notification-ungrouped__header ,
. app-body . focusable : focus . status__wrapper ,
2024-07-18 00:07:12 +09:00
. app-body . focusable : focus {
2023-12-29 05:58:20 +09:00
outline : 0 ;
2024-01-09 01:59:24 +09:00
--color-post-bg : var ( -- color - content - bg-focus ) ;
background-color : var ( -- color - post-bg ) ;
2023-11-21 08:32:06 +09:00
}
@media screen and ( min-width : 1175 px ) { /* Subtle hover effect when you hover over a post content in the timeline. Only on bigger screens. */
. app-body . status__wrapper : has ( . status__content : hover ) ,
2024-01-09 01:59:24 +09:00
. app-body . notification__message : has ( + div > . status__wrapper . status__content : hover ) ,
2024-07-23 20:42:52 +09:00
. app-body . status__wrapper : has ( . status__content : hover ) . status__avatar ,
. app-body . notification-ungrouped : has ( . status__wrapper . status__content : hover ) . notification-ungrouped__header {
2024-01-09 01:59:24 +09:00
--color-post-bg : var ( -- color - content - bg-focus ) ;
2023-12-08 12:19:47 +09:00
}
}
. app-body : is ( . status__wrapper . focusable , . detailed-status__wrapper . focusable ) : focus . status__avatar {
2024-03-28 07:47:06 +09:00
outline : 6 px solid var ( -- color - post-bg ) ;
2023-11-21 08:32:06 +09:00
}
/* 👁️ Post detailed view */
. app-body . detailed-status__wrapper { /* Set full-width divider above and below a detailed post */
2024-01-09 01:59:24 +09:00
background-color : var ( -- color - post-bg ) ;
2023-11-21 08:32:06 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
2024-01-09 01:59:24 +09:00
padding-bottom : 20 px ;
box-shadow :
inset 0 - 5px var ( - - color-content-secondary-bg ) ,
inset 0 - 6px var ( - - color-lines ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . scrollable > div : first-child > . detailed-status__wrapper { /* Detailed post is first in column */
border-top : 0 ;
}
. app-body . scrollable > div : last-child . detailed-status__wrapper : last-child { /* Detailed post is last in column */
border-bottom : 1 px solid var ( -- color - lines ) ;
2024-01-09 01:59:24 +09:00
padding-bottom : 12 px ;
box-shadow : none ;
2023-11-21 08:32:06 +09:00
}
. app-body . scrollable > div : only-child . detailed-status__wrapper : last-child { /* Detailed post is the only post in column */
2024-01-09 01:59:24 +09:00
padding-bottom : 12 px ;
2023-11-21 08:32:06 +09:00
box-shadow : none ;
}
@media screen and ( max-width : 889 px ) {
. app-body . detailed-status {
padding : 8 px 8 px 14 px ;
}
}
2024-01-01 21:42:39 +09:00
. app-body . detailed-status . detailed-status__display-avatar . account__avatar {
2023-11-21 08:32:06 +09:00
width : 60 px !important ;
height : 60 px !important ;
}
. app-body . detailed-status . status__content {
line-height : 24 px ;
}
2024-04-15 06:05:40 +09:00
. app-body . detailed-status {
padding-bottom : 8 px ;
}
2023-11-21 08:32:06 +09:00
. app-body . detailed-status ,
. app-body . detailed-status__action-bar {
background-color : var ( -- color - content - bg ) ;
border : 0 ;
}
. app-body . detailed-status__display-name strong ,
. app-body . detailed-status__display-name . display-name__account {
color : var ( -- color - content - fg ) ;
}
. app-body . detailed-status__display-name strong {
font-size : 18 px ;
font-weight : bold ;
}
2024-02-12 00:09:36 +09:00
. app-body : is ( . compose-panel , . compose-form ) . detailed-status__display-name strong {
2024-01-09 03:33:49 +09:00
font-size : 14 px ;
}
. app-body . detailed-status__display-name . display-name__account {
2023-11-21 08:32:06 +09:00
opacity : .7 ;
}
. app-body . detailed-status__meta {
2023-12-20 11:49:35 +09:00
color : var ( -- color - content - fg ) ;
2024-01-24 03:06:31 +09:00
display : flex ;
2024-03-15 00:49:39 +09:00
align-items : start ;
2024-04-13 08:17:35 +09:00
flex-flow : row wrap ;
2024-03-15 01:26:36 +09:00
font-size : 13 px ;
2024-03-15 00:49:39 +09:00
gap : 5 px ;
2024-07-23 20:27:23 +09:00
border-top : 1 px solid color-mix ( in srgb , var ( -- color - lines ) , transparent 20 % ) ;
2024-04-15 06:05:40 +09:00
margin-top : 25 px ;
2024-04-20 22:41:43 +09:00
padding-top : 12 px ;
2024-04-22 22:56:05 +09:00
overflow : hidden ;
2024-04-22 22:57:37 +09:00
position : relative ;
2024-03-15 00:49:39 +09:00
}
2024-04-22 22:56:05 +09:00
. app-body . detailed-status__meta : : before {
position : absolute ;
content : " " ;
display : block ;
height : 100 % ;
z-index : 1 ;
width : 30 px ;
inset-inline-end : 0 ;
background : linear-gradient ( 90 deg , transparent , var ( -- color - post-bg )) ;
2024-04-22 22:57:37 +09:00
}
2024-03-15 00:49:39 +09:00
. app-body . detailed-status__meta__line {
border-top : 0 ;
border-bottom : 0 ;
padding-top : 0 ;
padding-bottom : 0 ;
gap : 6 px ;
position : relative ;
2024-04-14 09:03:15 +09:00
opacity : .6 ;
2024-03-15 00:49:39 +09:00
}
. app-body . detailed-status__meta__line : first-child {
2024-03-28 07:47:06 +09:00
color : transparent ;
2024-03-15 00:49:39 +09:00
padding-left : 20 px ;
2024-04-22 22:59:14 +09:00
padding-right : 5 px ;
2024-03-28 07:47:06 +09:00
gap : 0 ;
2024-03-15 00:49:39 +09:00
}
. app-body . detailed-status__meta__line : first-child svg {
position : absolute ;
left : 0 ;
}
. app-body . detailed-status__meta__line : first-child > * {
color : var ( -- color - content - fg ) ;
2024-04-22 22:56:05 +09:00
white-space : nowrap ;
2024-03-15 00:49:39 +09:00
}
2024-04-13 08:17:35 +09:00
. app-body . detailed-status__meta__line : last-child {
flex : 100 % ;
2024-04-15 06:05:40 +09:00
opacity : .9 ;
2024-04-13 08:17:35 +09:00
}
2024-03-28 07:47:06 +09:00
. app-body . detailed-status__application : : before {
content : " \00B7\00A0 " ;
margin-left : - 3 px ;
}
2024-03-15 00:49:39 +09:00
. app-body . detailed-status__link : is ( [ href $ = " /reblogs " ] , [ href $ = " /favourites " ] ) {
padding-left : 20 px ;
border-radius : 8 px ;
background-position : left center ;
background-repeat : no-repeat ;
background-size : 15 px ;
transition : all .2 s ;
}
. app-body . detailed-status__link [ href $ = " /reblogs " ] {
background-image : var ( -- icon - boost ) ;
}
. app-body . detailed-status__link [ href $ = " /favourites " ] {
background-image : var ( -- icon - star ) ;
}
. app-body . detailed-status__meta__line . dropdown-menu__text-button {
overflow : hidden ;
padding-left : 20 px ;
background-image : var ( -- icon - edited ) ;
background-position : left center ;
background-repeat : no-repeat ;
background-size : 15 px ;
2024-04-22 22:56:05 +09:00
text-align : start ;
2024-03-15 00:49:39 +09:00
}
. app-body . detailed-status__meta__line . dropdown-menu__text-button : is ( : hover ) {
text-decoration : none ;
2023-11-21 08:32:06 +09:00
}
. app-body . detailed-status__action-bar {
2024-03-15 00:49:39 +09:00
padding : 0 12 px ;
2023-11-21 08:32:06 +09:00
justify-content : left ;
gap : 8 px ;
2024-03-15 00:49:39 +09:00
width : auto ;
}
2024-03-15 01:26:36 +09:00
@media screen and ( max-width : 889 px ) {
. app-body . detailed-status__action-bar {
padding-left : 0 ;
padding-right : 0 ;
}
}
2024-03-15 00:49:39 +09:00
. app-body . detailed-status__button {
width : 40 px ;
height : 40 px ;
flex : unset ;
2023-11-21 08:32:06 +09:00
}
. app-body . detailed-status__action-bar-dropdown {
position : absolute ;
right : 18 px ;
2024-03-15 00:49:39 +09:00
}
. app-body . detailed-status__meta . animated-number {
color : var ( -- color - content - fg ) ;
2024-04-14 09:03:15 +09:00
font-weight : 700 ;
2024-03-15 00:49:39 +09:00
}
2024-04-13 08:17:35 +09:00
. app-body . detailed-status__meta . dropdown-menu__text-button . animated-number {
font-weight : 500 ;
}
2023-11-21 08:32:06 +09:00
. app-body . status__action-bar . animated-number {
color : var ( -- color - accent ) ;
font-weight : 600 ;
}
. app-body . status__action-bar__button : has ( . icon-button__counter > . animated-number ) {
padding-left : 4 px ;
padding-right : 4 px ;
margin-right : 2 px ;
}
. app-body
2023-12-15 07:06:38 +09:00
: is ( . status__action-bar , . detailed-status__action-bar , . picture-in-picture__footer )
2023-11-21 08:32:06 +09:00
. active
. icon-retweet + . icon-button__counter > . animated-number {
2024-03-14 05:44:57 +09:00
color : #2594FF ;
2023-11-21 08:32:06 +09:00
}
. app-body
2023-12-15 07:06:38 +09:00
: is ( . status__action-bar , . detailed-status__action-bar , . picture-in-picture__footer )
2023-11-21 08:32:06 +09:00
. active
. icon-star + . icon-button__counter
> . animated-number {
2024-03-14 05:44:57 +09:00
color : #FFBF00 ;
2023-11-21 08:32:06 +09:00
}
. app-body article > . account {
padding : 16 px ;
}
2023-11-25 21:07:48 +09:00
. app-body . account-timeline__header + article > . account {
border-top : 1 px solid var ( -- color - lines ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . detailed-status__link {
2024-01-24 03:06:31 +09:00
display : inline-flex ;
2023-11-21 08:32:06 +09:00
position : static ;
2024-01-24 03:06:31 +09:00
gap : 4 px ;
}
2023-11-21 08:32:06 +09:00
/* Hashtag bar */
. app-body . hashtag-bar a ,
. app-body . hashtag-bar . link-button {
2024-07-24 23:05:46 +09:00
color : var ( -- color - content - fg-muted ) ;
2023-11-21 08:32:06 +09:00
transition : all .1 s ;
}
2024-03-12 04:25:08 +09:00
. app-body . hashtag-bar a {
font-weight : 500 ;
}
2023-11-21 08:32:06 +09:00
. app-body . hashtag-bar . link-button {
margin-left : 3 px ;
}
. app-body . hashtag-bar a {
2024-03-12 04:25:08 +09:00
background-color :
color-mix (
in srgb ,
2024-07-24 23:05:46 +09:00
var ( - - color-content-fg ) ,
2024-03-12 04:25:08 +09:00
transparent 92 %
) ;
2023-11-21 08:32:06 +09:00
transition : all .3 s ;
padding : 3 px 8 px ;
border-radius : 8 px ;
}
. app-body . hashtag-bar a : hover ,
. app-body . hashtag-bar . link-button : hover {
color : var ( -- color - accent ) ;
}
. app-body . hashtag-bar a : hover {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . hashtag-bar a : active ,
. app-body . hashtag-bar a : focus {
color : var ( -- color - accent-fg ) ;
background-color : var ( -- color - accent ) ;
}
. app-body . hashtag-bar a : hover span {
text-decoration : none ;
}
/* ⭐ Action bar */
. app-body . status__action-bar {
justify-content : left ;
margin-top : 8 px ;
gap : 8 px ;
}
. app-body
2023-12-15 07:06:38 +09:00
: is ( . status__action-bar , . detailed-status__action-bar , . picture-in-picture__footer )
2023-11-21 08:32:06 +09:00
: is ( button , . status__action-bar__dropdown ) {
2023-12-29 05:58:20 +09:00
transition : all .3 s ;
2023-11-21 08:32:06 +09:00
}
2023-12-22 01:41:37 +09:00
. app-body . status__action-bar . icon-button : last-child {
2023-11-21 08:32:06 +09:00
position : absolute ;
right : 18 px ;
}
2023-12-22 01:41:37 +09:00
2023-11-21 08:32:06 +09:00
. app-body . status__action-bar . icon-button . disabled {
pointer-events : none ;
}
. app-body
2023-12-15 07:06:38 +09:00
: is ( . status__action-bar , . detailed-status__action-bar , . picture-in-picture__footer )
2023-11-21 08:32:06 +09:00
. icon-button : is (
: active ,
. active : active ,
: focus ,
. active : focus
) {
2023-12-29 05:58:20 +09:00
background-color : transparent ;
2023-11-21 08:32:06 +09:00
}
2023-12-22 01:41:37 +09:00
. app-body . status__action-bar . icon-button : last-child : is ( . active , . active : active , . active : focus ) ,
. app-body . detailed-status__action-bar-dropdown . icon-button : is ( . active , . active : active , . active : focus ) {
background-color : var ( -- color - accent ) ;
transform : scale ( .9 ) ;
}
2023-12-15 07:06:38 +09:00
. app-body . icon-button . star-icon . deactivate > . icon-star ,
. app-body . icon-button . star-icon . activate > . icon-star { /* Disable default star spinning animation */
2023-11-21 08:32:06 +09:00
animation : none ;
}
2023-12-15 07:06:38 +09:00
. app-body
: is ( . status__action-bar , . detailed-status__action-bar , . picture-in-picture__footer )
. icon-button . star-icon . active
> . icon-star {
2023-12-29 05:58:20 +09:00
animation : bounce .4 s ease-out !important ;
2023-11-21 08:32:06 +09:00
}
. app-body . status__action-bar . icon-button . reblogPrivate > . icon-retweet {
opacity : 1 ;
}
2023-12-15 07:06:38 +09:00
. app-body
: is ( . status__action-bar , . detailed-status__action-bar , . picture-in-picture__footer )
. icon-button . active > . icon-retweet {
2023-12-29 05:58:20 +09:00
animation : launch 1 .2 s ease-in 1 !important ;
2023-11-21 08:32:06 +09:00
}
. app-body . status__action-bar . icon-button . bookmark-icon . active > . icon-bookmark ,
. app-body . detailed-status__action-bar . icon-button . bookmark-icon . active > . icon-bookmark {
animation : bounce-vertical .4 s ease-out !important ;
}
. app-body . status__action-bar . icon-button ,
. app-body . detailed-status__action-bar . icon-button {
min-width : 32 px ;
height : 32 px ;
border-radius : 8 px ;
position : relative ;
}
. app-body . detailed-status__action-bar . icon-button {
min-width : 40 px ;
height : 40 px ;
}
. app-body . detailed-status__action-bar . icon-button > . icon {
width : 25 px ;
height : 25 px ;
}
. app-body . detailed-status__action-bar . icon-button
. app-body . icon-button . star-icon . active ,
. app-body . notification__favourite-icon-wrapper . star-icon {
color : #ffb609 ;
}
. app-body . status__prepend {
2024-03-12 04:25:08 +09:00
padding : 0 10 px ;
margin-top : 3 px ;
margin-bottom : 5 px ;
margin-left : 66 px ;
height : 29 px ;
gap : 5 px ;
border-radius : 50 px ;
align-items : center ;
background-color : var ( -- color - content - secondary-bg ) ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
2024-03-12 04:25:08 +09:00
font-size : 13 px ;
}
. app-body . status__prepend : has ( . status__prepend-icon-wrapper . icon-retweet ) {
padding-left : 35 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . status__prepend-icon-wrapper {
2024-03-12 04:25:08 +09:00
height : 20 px ;
2023-11-21 08:32:06 +09:00
text-align : right ;
}
2024-03-12 04:25:08 +09:00
. app-body . status__prepend . status__prepend-icon-wrapper : has ( . icon-retweet ) {
order : 2 ;
}
2023-11-21 08:32:06 +09:00
. app-body . status__prepend-icon-wrapper . icon {
2024-03-12 04:25:08 +09:00
transform : scale ( .9 ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . detailed-status__wrapper . status__prepend-icon-wrapper {
width : 46 px ;
}
2024-03-12 04:25:08 +09:00
. app-body . status__prepend > span {
color : var ( -- color - fg-muted ) ;
}
. app-body . status__prepend : has ( . status__prepend-icon-wrapper > . icon-thumb-tack ) > span {
color : var ( -- color - content - fg ) ;
font-weight : 600 ;
}
2023-11-21 08:32:06 +09:00
. app-body . status__prepend . muted . emojione {
opacity : 1 ;
}
. app-body . status-card ,
. app-body . status-card . compact {
background-color : var ( -- color - content - bg ) ;
border : 1 px solid var ( -- color - lines ) ;
box-shadow : none ;
transition : all .3 s ;
border-radius : 8 px ;
}
2023-12-15 07:06:38 +09:00
. app-body . status-card : hover ,
. app-body . status-card . compact : hover {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - content - bg-focus ) ;
border-color : var ( -- color - lines ) ;
}
2023-12-15 07:06:38 +09:00
. app-body . status-card : active ,
. app-body . status-card . compact : active {
transform : scale ( .98 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . status-card__image {
background : var ( -- color - content - secondary-bg ) ;
}
. app-body . status-card__image . icon {
width : 32 px ;
height : 32 px ;
}
2023-12-27 06:02:40 +09:00
. app-body . status-card__image : has ( . icon-file-text : only-child ) ,
. app-body . status-card__description : empty {
display : none ;
}
2023-11-21 08:32:06 +09:00
. app-body . status-card__title ,
. app-body . status-card__description ,
. app-body . status-card__author ,
. app-body . status-card__host {
color : var ( -- color - content - fg ) ;
transition : all .2 s ;
}
. app-body . status-card__host {
color : var ( -- color - content - fg-muted ) ;
}
. app-body . status-card : active . status-card__host ,
. app-body . status-card : focus . status-card__host ,
. app-body . status-card : hover . status-card__host {
color : var ( -- color - accent ) ;
}
. app-body . status-card : active . status-card__author ,
. app-body . status-card : active . status-card__description ,
. app-body . status-card : active . status-card__title ,
. app-body . status-card : focus . status-card__author ,
. app-body . status-card : focus . status-card__description ,
. app-body . status-card : focus . status-card__title ,
. app-body . status-card : hover . status-card__author ,
. app-body . status-card : hover . status-card__description ,
. app-body . status-card : hover . status-card__title {
color : var ( -- color - content - fg ) ;
}
. app-body . status-card__author strong {
2023-12-20 11:49:35 +09:00
font-weight : 500 ;
2023-11-21 08:32:06 +09:00
}
2023-11-24 23:28:24 +09:00
@media screen and ( max-width : 889 px ) {
. app-body . status-card : not ( . expanded ) . status-card__image {
width : 80 px ;
}
2023-12-27 06:02:40 +09:00
. app-body . status-card : not ( . expanded , : has ( . icon-file-text ) ) . status-card__content {
2023-11-24 23:28:24 +09:00
padding-top : 0 ;
padding-bottom : 0 ;
}
. app-body . status-card : not ( . expanded ) . status-card__host {
margin-bottom : 2 px ;
font-size : 12 px ;
}
. app-body . status-card : not ( . expanded ) . status-card__title {
font-size : 16 px ;
}
. app-body . status-card : not ( . expanded ) . status-card__description {
margin-top : 2 px ;
font-size : 12 px ;
}
}
. layout-multiple-columns . status-card : not ( . expanded ) . status-card__image {
width : 80 px ;
}
2023-12-27 06:02:40 +09:00
. layout-multiple-columns . status-card : not ( . expanded , : has ( . icon-file-text ) ) . status-card__content {
2023-11-24 23:28:24 +09:00
padding-top : 0 ;
padding-bottom : 0 ;
}
. layout-multiple-columns . status-card : not ( . expanded ) . status-card__host {
margin-bottom : 2 px ;
font-size : 12 px ;
}
. layout-multiple-columns . status-card : not ( . expanded ) . status-card__title {
font-size : 16 px ;
}
. layout-multiple-columns . status-card : not ( . expanded ) . status-card__description {
margin-top : 2 px ;
font-size : 12 px ;
}
2024-06-17 23:24:32 +09:00
. app-body . status-card : has ( + . more-from-author ) {
border-bottom-left-radius : 0 ;
border-bottom-right-radius : 0 ;
}
. app-body . status-card + . more-from-author {
background-color : var ( -- color - content - secondary-bg ) ;
border : 1 px solid var ( -- color - lines ) ;
border-top : 0 ;
}
. app-body . more-from-author {
color : var ( -- color - content - fg ) ;
}
. app-body . more-from-author . logo {
color : var ( -- color - content - fg ) ;
}
. app-body . more-from-author a : is ( : active , : hover , : focus ) {
color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . status__content p {
margin-bottom : 12 px ;
}
. app-body . status__content p : last-child {
margin-bottom : 0 ;
}
. app-body . status__content > p : first-child : has ( . status__content__spoiler-link ) {
margin-bottom : 1 px ;
}
2023-12-20 11:49:35 +09:00
. app-body . status__content > p : first-child : has ( . status__content__spoiler-link ) > span {
2023-11-21 08:32:06 +09:00
font-weight : bold ;
2023-12-20 11:49:35 +09:00
}
. app-body : is ( . reply-indicator__content , . status__content ) : not ( : has ( > . status__content__text--visible ) ) > p : first-child : has ( . status__content__spoiler-link ) + div {
display : none ;
}
. app-body : is ( . reply-indicator__content , . status__content ) : not ( : has ( > . status__content__text--visible ) ) : has ( > p : first-child . status__content__spoiler-link ) + . media-gallery {
margin-top : 5 px ;
}
. app-body : is ( . reply-indicator__content , . status__content ) . status__content__spoiler-link {
2023-12-26 09:19:25 +09:00
background-color : transparent ;
width : 100 % ;
2024-01-12 07:20:00 +09:00
margin : - 22 px 0 0 ;
padding : 27 px 0 5 px ;
2023-12-27 08:55:58 +09:00
text-align : start ;
2023-12-26 09:19:25 +09:00
position : relative ;
}
. app-body : is ( . reply-indicator__content , . status__content ) . status__content__spoiler-link span {
2023-12-27 08:55:58 +09:00
background-color : transparent ;
2023-12-20 11:49:35 +09:00
background-image : var ( -- icon - eye-shut ) ;
background-repeat : no-repeat ;
2023-12-27 08:55:58 +09:00
background-position : left 7 px center ;
2023-12-20 11:49:35 +09:00
background-size : auto 18 px ;
border : 1 px solid var ( -- color - lines ) ;
border-radius : 8 px ;
text-transform : initial ;
font-size : 12 px ;
line-height : 16 px ;
font-weight : 500 ;
color : var ( -- color - content - fg ) ;
2023-12-27 08:55:58 +09:00
padding : 5 px 8 px 5 px 30 px ;
2023-12-26 09:19:25 +09:00
margin : 0 ;
2023-12-20 11:49:35 +09:00
vertical-align : middle ;
2023-12-26 09:19:25 +09:00
display : inline-block ;
2023-12-27 08:55:58 +09:00
transform-origin : center left ;
2023-12-26 09:19:25 +09:00
transition :
border-color . 3s ,
outline-color . 3s ,
transform . 3s ,
background-color . 3s ;
position : relative ;
z-index : 1 ;
2023-12-20 11:49:35 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body : is ( . reply-indicator__content , . status__content ) . status__content__spoiler-link : hover span {
2023-12-20 11:49:35 +09:00
border-color : rgba ( 68 , 74 , 90 , .6 ) ;
}
2023-12-26 09:19:25 +09:00
. app-body : is ( . reply-indicator__content , . status__content ) . status__content__spoiler-link : active span {
transform : scale ( .95 ) ;
}
. app-body : is ( . reply-indicator__content , . status__content ) : has ( > . status__content__text--visible ) . status__content__spoiler-link span {
2023-12-20 11:49:35 +09:00
background-image : var ( -- icon - eye-open ) ;
}
2023-12-26 09:19:25 +09:00
. app-body : is ( . reply-indicator__content , . status__content ) . status__content__spoiler-link span {
2023-12-20 11:49:35 +09:00
color : var ( -- color - content - fg ) ;
}
@media ( prefers-color-scheme : dark ) {
2023-12-26 09:19:25 +09:00
. app-body : is ( . reply-indicator__content , . status__content ) . status__content__spoiler-link : hover span {
2023-12-20 11:49:35 +09:00
border-color : rgba ( 255 , 255 , 255 , .3 ) ;
}
2023-11-21 08:32:06 +09:00
}
. app-body . icon-button . overlayed {
background-color : #ffffff ;
color : #444b5d ;
opacity : .6 ;
transition : opacity .3 s ;
2023-12-27 06:02:40 +09:00
border-radius : 7 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . icon-button . overlayed : hover {
background-color : #ffffff ;
color : #444b5d ;
opacity : 1 ;
}
. app-body . status__wrapper--filtered__button {
color : var ( -- color - accent ) ;
}
. app-body . status__wrapper--filtered {
color : var ( -- color - content - fg ) ;
border-top : 1 px solid var ( -- color - lines ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
padding : 12 px ;
margin-top : - 1 px ;
}
2023-12-17 23:39:11 +09:00
. app-body . media-gallery {
gap : 4 px ;
grid-template-columns : calc ( 50 % - 2 px ) calc ( 50 % - 2 px ) ;
grid-template-rows : calc ( 50 % - 3 px ) calc ( 50 % - 3 px ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . audio-player ,
. app-body . media-gallery ,
. app-body . video-player {
2023-12-15 07:06:38 +09:00
transition : transform .3 s ;
}
. app-body . media-gallery__item {
2023-12-17 23:39:11 +09:00
border-radius : 8 px ;
2023-11-21 08:32:06 +09:00
}
2023-12-15 07:06:38 +09:00
. app-body div : not ( . detailed-status ) > . media-gallery : has ( . media-gallery__item . standalone ) ,
2024-02-15 02:59:28 +09:00
. app-body . status > * : not ( . status__info , . status__content , . status__action-bar , . status__line , . status-card ) {
2023-12-01 21:55:20 +09:00
max-height : 450 px ;
2023-11-29 22:01:07 +09:00
width : auto ;
}
2023-12-17 23:39:11 +09:00
. app-body . media-gallery__item ,
. app-body . media-gallery__item-thumbnail ,
. app-body . media-gallery__item-gifv-thumbnail {
2023-12-15 07:06:38 +09:00
cursor : pointer ;
2023-12-17 23:39:11 +09:00
transition : .2 s transform ;
2024-07-18 00:38:58 +09:00
overflow : visible ;
2023-12-15 07:06:38 +09:00
}
2023-12-17 23:39:11 +09:00
. app-body . media-gallery__item : active {
2023-12-15 07:06:38 +09:00
transform : scale ( .98 ) ;
}
2023-12-17 23:39:11 +09:00
. app-body . media-gallery__item-thumbnail img {
border-radius : 8 px ;
2024-02-01 03:20:59 +09:00
outline : 1 px solid var ( -- color - lines-translucent ) ;
2023-12-17 23:39:11 +09:00
outline-offset : - 1 px ;
}
. app-body . media-gallery__gifv : : after ,
. app-body . video-player : : after {
position : absolute ;
display : block ;
content : " " ;
border-radius : 8 px ;
top : 0 ;
left : 0 ;
bottom : 0 ;
right : 0 ;
2024-02-01 03:20:59 +09:00
border : 1 px solid var ( -- color - lines-translucent ) ;
2023-12-17 23:39:11 +09:00
z-index : 1 ;
}
2023-12-17 23:41:20 +09:00
. app-body . media-gallery__gifv : is ( : active , : hover ) : : after {
2023-12-17 23:39:11 +09:00
display : none ;
}
. app-body . picture-in-picture . video-player : : after {
border-radius : 0 ;
}
. app-body . media-gallery__preview ,
. app-body . video-player {
2023-12-18 00:20:44 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
}
. app-body . media-gallery__preview {
outline : 1 px solid rgba ( 0 , 0 , 0 , 0 .05 ) ;
outline-offset : - 1 px ;
height : calc ( 100 % - 1 px ) ;
border-radius : 8 px ;
transition : all .2 s ;
}
2023-12-18 00:27:22 +09:00
. app-body . spoiler-button : hover ~ . media-gallery__item > . media-gallery__preview {
2024-02-01 03:20:59 +09:00
outline : 1 px solid var ( -- color - lines-translucent ) ;
2023-12-18 00:27:22 +09:00
}
2023-12-18 00:20:44 +09:00
. app-body . spoiler-button__overlay__label ,
. app-body . spoiler-button__overlay__label : is ( : focus , : hover ) ,
. app-body . spoiler-button__overlay : is ( : focus , : hover ) . spoiler-button__overlay__label {
backdrop-filter : none ;
-webkit-backdrop-filter : none ;
2023-12-18 00:37:06 +09:00
background-color : var ( -- color - content - bg ) ;
border : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ;
2023-12-18 00:20:44 +09:00
color : var ( -- color - content - fg ) ;
2023-12-18 00:37:06 +09:00
border-radius : 8 px ;
2023-12-18 00:20:44 +09:00
}
. app-body . spoiler-button__overlay__label > span : first-child {
font-weight : bold ;
}
2024-01-18 01:18:03 +09:00
. app-body : is ( . media-gallery__alt__label , . media-gallery__gifv__label ) {
2023-12-18 00:20:44 +09:00
background-color : rgba ( 0 , 0 , 0 , .1 ) ;
border-radius : 6 px ;
2023-12-18 00:37:06 +09:00
}
2024-01-18 01:18:03 +09:00
. app-body . spoiler-button : not ( . spoiler-button--minified ) ~ . media-gallery__item : is ( . media-gallery__alt__label , . media-gallery__gifv__label ) {
2023-12-18 00:37:06 +09:00
display : none ;
}
2023-11-29 22:01:07 +09:00
2023-12-18 00:20:44 +09:00
2023-11-21 08:32:06 +09:00
/* Empty columns */
. app-body . empty-column-indicator {
background-color : var ( -- color - content - secondary-bg ) ;
color : var ( -- color - content - fg ) ;
border-radius : 0 0 8 px 8 px ;
contain : content ;
}
. app-body . empty-column-indicator a {
color : var ( -- color - accent ) ;
}
. app-body . explore__links > . empty-column-indicator {
border : 0 ;
}
2023-11-25 00:21:29 +09:00
2023-11-21 08:32:06 +09:00
/* Timeline hint */
. app-body . timeline-hint {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . timeline-hint a {
color : var ( -- color - accent ) ;
}
. app-body article + . timeline-hint : last-child {
border-bottom : 1 px solid var ( -- color - lines ) ;
}
/* 📤 DMs */
. app-body . follow_requests-unlocked_explanation {
2023-12-20 11:49:35 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
2023-12-29 05:58:20 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
2024-01-09 01:59:24 +09:00
border-bottom : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . follow_requests-unlocked_explanation a {
color : var ( -- color - accent ) ;
}
. app-body . conversation__unread {
background-color : var ( -- color - accent ) ;
}
. app-body . conversation__unread {
color : var ( -- color - accent-fg ) ;
}
. app-body . conversation__content__names a strong {
font-weight : bold ;
}
. app-body . conversation__content__names ,
. app-body . conversation__content__names a ,
. app-body . conversation__content__relative-time ,
. app-body . conversation . attachment-list__list a ,
. app-body . conversation . status__content p {
color : var ( -- color - content - fg ) ;
}
. app-body . conversation {
background-color : var ( -- color - content - bg ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
}
. app-body . conversation__content__relative-time {
opacity : .7 ;
}
2023-12-20 11:49:35 +09:00
. app-body . conversation__content {
position : relative ;
}
. app-body . conversation__content . status__action-bar button : last-child {
bottom : 10 px ;
right : 10 px ;
}
. app-body . account__avatar-composite {
border-radius : 0 ;
padding : 1 px ;
}
. app-body . account__avatar-composite . account__avatar {
height : auto !important ;
}
. app-body . account__avatar-composite__label {
display : none ;
}
2023-11-21 08:32:06 +09:00
2024-03-28 07:47:06 +09:00
. app-body . status__wrapper . status__wrapper-direct ,
2024-07-18 00:07:12 +09:00
. app-body . notification__message : has ( + div > . status__wrapper . status__wrapper-direct ) ,
. app-body . notification-ungrouped--direct . notification-ungrouped__header {
--color-post-bg : color-mix ( in srgb , var ( -- color - accent ) , var ( -- color - content - bg ) 92 % ) ;
2024-03-13 10:50:57 +09:00
}
. app-body . status__wrapper . status__wrapper-direct : has ( . status__content : hover ) ,
2024-03-28 07:47:06 +09:00
. app-body . status__wrapper . status__wrapper-direct : has ( . status__content : hover ) . status__avatar ,
. app-body . status__wrapper . status__wrapper-direct . focusable : focus ,
2024-07-18 00:07:12 +09:00
. app-body . notification__message : has ( + div > . status__wrapper . status__wrapper-direct . status__content : hover ) ,
. app-body . notification-ungrouped--direct : has ( . status__wrapper . status__wrapper-direct . status__content : hover ) . notification-ungrouped__header {
--color-post-bg : color-mix ( in srgb , var ( -- color - accent ) , var ( -- color - content - bg ) 88 % ) ;
2024-03-13 10:50:57 +09:00
}
2024-01-09 01:59:24 +09:00
. app-body : is ( . status__wrapper-direct , . detailed-status__wrapper-direct ) . status__prepend {
background-color : var ( -- color - accent ) ;
margin-inline-start : 10 px ;
z-index : 3 ;
position : relative ;
outline : 5 px solid var ( -- color - post-bg ) ;
2024-03-14 05:44:57 +09:00
border-radius : 50 px 50 px 50 px 10 px ;
2024-03-13 10:50:57 +09:00
transition : all .2 s ;
2023-11-21 08:32:06 +09:00
}
2024-01-09 01:59:24 +09:00
. app-body : is ( . detailed-status__wrapper-direct ) . status__prepend {
margin-inline-start : 0 ;
margin-block-end : 0 ;
position : absolute ;
top : 4 px ;
left : 4 px ;
right : 4 px ;
border-radius : 8 px ;
outline : 0 ;
font-size : 13 px ;
2023-11-21 08:32:06 +09:00
}
2024-01-09 01:59:24 +09:00
. app-body : is ( . detailed-status__wrapper-direct ) : has ( . status__prepend ) {
padding-top : 40 px ;
}
. app-body : is ( . status__wrapper-direct ) : not ( : has ( . status__line ) ) . status__prepend {
2024-03-12 04:25:08 +09:00
margin-inline-start : 66 px ;
2024-01-09 01:59:24 +09:00
}
. app-body : is ( . status__wrapper-direct , . detailed-status__wrapper-direct ) . status__prepend . status__prepend-icon-wrapper {
width : 20 px ;
height : 20 px ;
}
. app-body : is ( . status__wrapper-direct , . detailed-status__wrapper-direct ) . status__prepend . status__prepend-icon-wrapper svg {
transform : scale ( .85 ) ;
background-image : var ( -- icon - at-inv ) ;
}
. app-body : is ( . status__wrapper-direct , . detailed-status__wrapper-direct ) . status__prepend > span {
color : var ( -- color - accent-fg ) ;
margin-top : - 1 px ;
2023-11-21 08:32:06 +09:00
}
2024-07-18 00:07:12 +09:00
. app-body . notification-ungrouped--direct . notification-ungrouped__header > . notification-ungrouped__header__icon > svg {
display : none ;
}
. app-body . notification-ungrouped--direct . notification-ungrouped__header > span {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
border-radius : 50 px 50 px 50 px 10 px ;
padding : 3 px 12 px ;
margin-top : 2 px ;
font-size : 90 % ;
}
2023-11-21 08:32:06 +09:00
/ * ⏺ ️ Column headers
- - - - - - - - - - - - - - - - - * /
. app-body . tabs-bar__wrapper {
background-color : transparent ;
2024-03-16 07:21:04 +09:00
box-shadow : inset 0 10 px var ( -- color - bg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-header__wrapper . active : before {
background : none ;
opacity : 40 % ;
}
. app-body . column-header__wrapper . active {
box-shadow : 0 0 ;
}
. app-body . column-header {
border-radius : 8 px ;
}
. app-body . column-header ,
. app-body . column-back-button {
2024-03-13 04:11:21 +09:00
background-color : color-mix ( in srgb , var ( -- color - content - bg ) , transparent 15 % ) ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
border-right : 1 px solid var ( -- color - lines ) ;
border-left : 1 px solid var ( -- color - lines ) ;
2023-12-29 05:58:20 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
border-bottom : 0 ;
border-radius : 8 px 8 px 0 0 ;
overflow : hidden ;
font-weight : bold ;
height : 50 px ;
box-sizing : border-box ;
-webkit-backdrop-filter : blur ( 20 px ) ;
backdrop-filter : blur ( 20 px ) ;
}
2024-03-19 03:14:13 +09:00
. app-body . column-back-button {
padding-left : 15 px ;
}
2023-11-21 08:32:06 +09:00
. app-body . column-header__button ,
. app-body . column-header__back-button {
background-color : transparent ;
border : 0 ;
}
. app-body . column-header__button {
color : var ( -- color - content - fg ) ;
transition : all .2 s ;
border-radius : 6 px ;
height : 42 px ;
margin : 4 px 4 px 4 px 0 ;
}
2023-12-22 07:54:30 +09:00
. app-body . column-header__button : active {
transform : scale ( .8 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . column-header__icon {
transform : scale ( 1 .1 ) ;
margin-right : 4 px ;
}
2024-03-19 03:14:13 +09:00
. app-body . column-header__buttons . column-header__button : has ( > . icon : only-child ) {
width : 42 px ;
}
2023-11-21 08:32:06 +09:00
. app-body . column-header . active . column-header__icon {
color : var ( -- color - accent ) ;
text-shadow : none ;
}
. app-body . column-header__button : is ( . active , . active : hover , : hover ) {
color : var ( -- color - accent ) ;
background-color : var ( -- color - accent-bg ) ;
}
2024-05-27 02:27:25 +09:00
. app-body . column-header__button . active . icon {
transform : none ;
}
2023-11-21 08:32:06 +09:00
@media screen and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-header__wrapper : : after ,
. app-body : not ( . layout-multiple-columns ) . column-back-button : : after {
2023-11-21 08:32:06 +09:00
display : none ;
}
2024-02-15 04:53:38 +09:00
. app-body . column-header__buttons {
height : 55 px ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-header ,
. app-body : not ( . layout-multiple-columns ) . column-back-button {
2023-11-21 08:32:06 +09:00
background-color : transparent ;
-webkit-backdrop-filter : none ;
backdrop-filter : none ;
}
2024-02-15 04:53:38 +09:00
. app-body : not ( . layout-multiple-columns ) . column-header__button ,
. app-body : not ( . layout-multiple-columns ) . column-header__button : is ( . active , . active : hover , : hover ) {
padding : 0 12 px ;
height : 35 px !important ;
align-self : center ;
}
2023-11-21 08:32:06 +09:00
}
. app-body . column-back-button--slim-button : : after {
display : none ;
}
. app-body . column-back-button--slim-button {
top : - 50 px
}
@media screen and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-back-button--slim-button {
2023-11-21 08:32:06 +09:00
height : 50 px ;
}
}
@media screen and ( min-width : 1175 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-back-button--slim-button {
2023-11-21 08:32:06 +09:00
display : none ;
}
}
2023-12-30 12:43:55 +09:00
. app-body : is ( . column-header__back-button , . column-back-button ) {
gap : 5 px ;
}
. app-body . column-back-button__icon {
margin-inline-end : 0 ;
}
2024-03-19 03:14:13 +09:00
. app-body : is ( . column-header__back-button , . column-back-button ) span ,
. app-body . column-header__back-button {
2023-12-30 12:43:55 +09:00
position : relative ;
}
. app-body : is ( . column-header__back-button , . column-back-button ) : hover {
text-decoration : none ;
}
2024-03-19 03:14:13 +09:00
. app-body : is ( . column-header__back-button , . column-back-button ) span : : before ,
. app-body . column-header__back-button : has ( > svg : last-child ) : : before {
2023-12-30 12:43:55 +09:00
content : " " ;
position : absolute ;
2024-03-19 03:14:13 +09:00
left : 4 px ;
right : 4 px ;
bottom : 4 px ;
top : 4 px ;
2023-12-30 12:43:55 +09:00
z-index : - 1 ;
border-radius : 8 px ;
background-color : transparent ;
transition : all .3 s ;
}
2024-03-19 03:14:13 +09:00
. app-body : is ( . column-header__back-button , . column-back-button ) span : : before {
left : - 35 px ;
right : - 12 px ;
bottom : - 11 px ;
top : - 10 px ;
}
. app-body : is ( . column-header__back-button , . column-back-button ) : hover span : : before ,
. app-body . column-header__back-button : has ( > svg : last-child ) : hover : : before {
2023-12-30 12:43:55 +09:00
background-color : var ( -- color - accent-bg ) ;
}
2024-03-19 03:14:13 +09:00
. app-body : is ( . column-header__back-button , . column-back-button ) : active span : : before ,
. app-body . column-header__back-button : has ( > svg : last-child ) : active : : before {
2023-12-30 12:43:55 +09:00
transform : scale ( .9 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . load-gap ,
. app-body . load-more {
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
border-bottom : 0 ;
}
. app-body . load-gap : hover ,
. app-body . load-more : hover {
background-color : var ( -- color - accent-lines ) ;
}
. app-body . column-header__collapsible {
2024-02-20 01:27:09 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
2023-11-21 08:32:06 +09:00
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
2023-12-11 09:12:12 +09:00
border-bottom : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-header__collapsible : : -webkit-scrollbar-track {
background-color : transparent ;
}
@media screen and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-header__collapsible {
2023-11-21 08:32:06 +09:00
box-shadow : none ;
border-radius : 0 ;
}
}
. app-body . column-header__collapsible-inner {
2023-12-22 01:51:45 +09:00
background : var ( -- color - content - secondary-bg ) ;
2023-11-21 08:32:06 +09:00
border : 0 ;
}
. app-body . column-settings__section {
color : var ( -- color - content - fg-bold ) ;
}
. app-body . setting-toggle__label {
color : var ( -- color - content - fg ) ;
}
. app-body . column-header > button {
padding : 0 0 0 15 px ;
2024-02-28 08:02:43 +09:00
}
2024-03-16 07:21:04 +09:00
. app-body . column-header > button : nth-child ( 2 ) {
padding-left : 0 ;
}
2024-02-28 08:02:43 +09:00
. app-body . column-header . column-header__back-button {
2024-03-19 03:14:13 +09:00
padding-right : 15 px ;
2024-02-28 08:02:43 +09:00
}
2024-03-10 06:28:37 +09:00
. app-body . column-header > button ,
. app-body . column-header . column-header__back-button {
2023-11-21 08:32:06 +09:00
font-weight : bold ;
}
@media screen and ( max-width : 1174 px ) {
2024-03-07 05:10:10 +09:00
. app-body : not ( . layout-multiple-columns ) . ui {
padding-top : 55 px ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . ui__header {
2023-11-21 08:32:06 +09:00
background-color : transparent ;
border-bottom : 0 ;
2024-03-07 05:10:10 +09:00
position : fixed ;
inset-inline-start : 0 ;
inset-inline-end : 0 ;
2023-11-21 08:32:06 +09:00
}
2024-02-15 02:59:28 +09:00
. app-body : not ( . layout-multiple-columns ) . ui__header . ui__header__logo {
2023-11-25 00:10:41 +09:00
margin-left : 3 px ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . tabs-bar__wrapper {
2023-11-21 08:32:06 +09:00
box-shadow : none ;
display : block ;
margin-bottom : - 2 px ;
border-radius : 0 ;
height : 45 px ;
2024-02-15 02:59:28 +09:00
border-bottom : 0 ;
2023-11-21 08:32:06 +09:00
}
2024-02-15 04:53:38 +09:00
. app-body : not ( . layout-multiple-columns ) . tabs-bar__wrapper {
2023-11-21 08:32:06 +09:00
display : block ;
2024-02-15 02:59:28 +09:00
top : 0 ;
2024-02-19 07:48:15 +09:00
inset-inline-start : 45 px ;
2024-03-07 05:10:10 +09:00
inset-inline-end : 55 px ;
2024-02-15 02:59:28 +09:00
height : 55 px ;
position : fixed ;
2024-02-15 04:53:38 +09:00
}
. app-body : not ( . layout-multiple-columns ) : not ( : has ( . ui . ui__header__links > . button [ href = " /auth/sign_in " ] ) ) . tabs-bar__wrapper {
2024-02-15 02:59:28 +09:00
z-index : 3 ;
2023-11-21 08:32:06 +09:00
}
2024-02-15 04:53:38 +09:00
. app-body : not ( . layout-multiple-columns ) : has ( . ui . ui__header__links > . button [ href = " /auth/sign_in " ] ) . tabs-bar__wrapper : is ( . column-back-button , . column-header > * ) {
display : none ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns )
: is (
. column-header ,
. column-back-button ,
. column-header__button ,
. column-header__back-button
) {
background-color : transparent ;
2024-02-15 02:59:28 +09:00
height : 55 px ;
2024-01-13 08:09:13 +09:00
border : 0 ;
margin : 0 ;
2023-11-21 08:32:06 +09:00
}
2024-02-15 02:59:28 +09:00
. app-body . column-header__icon {
display : none ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . ui : : after { /* Set a backdrop blur background to both top bars */
2023-11-21 08:32:06 +09:00
-webkit-backdrop-filter : blur ( 20 px ) ;
backdrop-filter : blur ( 20 px ) ;
2024-03-13 04:11:21 +09:00
background-color : color-mix ( in srgb , var ( -- color - content - bg ) , transparent 25 % ) ;
2024-02-15 02:59:28 +09:00
border-bottom : 1 px solid var ( -- color - lines-translucent ) ;
2023-11-21 08:32:06 +09:00
content : " " ;
2024-02-15 02:59:28 +09:00
height : 55 px ;
2023-11-21 08:32:06 +09:00
left : 0 ;
position : fixed ;
top : 0 ;
width : 100 % ;
2024-05-29 03:38:22 +09:00
z-index : 2 ;
2023-11-21 08:32:06 +09:00
}
2024-03-21 03:17:11 +09:00
@media ( display - mode : standalone ) {
. app-body : not ( . layout-multiple-columns ) . ui : : after {
box-shadow : 0 - 10 px 0 10 px #191b22 ;
border-radius : 15 px 15 px 0 0 ;
}
2024-05-16 04:10:09 +09:00
@media ( prefers-color-scheme : light ) {
. app-body . theme-system . ui : : after {
box-shadow : 0 - 10 px 0 10 px #f3f5f7 ;
border-radius : 15 px 15 px 0 0 ;
}
}
@media ( prefers-color-scheme : dark ) {
. app-body . theme-system . ui : : after {
box-shadow : 0 - 10 px 0 10 px #191b22 ;
border-radius : 15 px 15 px 0 0 ;
}
}
2024-03-21 03:17:11 +09:00
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-header__collapsible { /* Remove margin between column settings and column header */
2024-02-15 02:59:28 +09:00
margin-top : 1 px ;
position : fixed ;
left : 0 ;
right : 0 ;
2023-11-21 08:32:06 +09:00
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-header__collapsible : not ( . collapsed ) {
2023-12-22 07:54:30 +09:00
border-bottom : 1 px solid var ( -- color - lines ) ;
}
}
@media screen and ( max-width : 885 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . column-header__collapsible : not ( . collapsed ) {
2023-12-22 07:54:30 +09:00
border-left-color : var ( -- color - content - secondary-bg ) ;
border-right-color : var ( -- color - content - secondary-bg ) ;
}
2023-11-24 23:50:23 +09:00
}
@media screen and ( min-width : 890 px ) and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . tabs-bar__wrapper {
2023-11-24 23:50:23 +09:00
border-color : transparent ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . ui : : after {
2023-11-24 23:50:23 +09:00
border-bottom : 1 px solid var ( -- color - lines ) ;
}
2023-11-21 08:32:06 +09:00
}
@media ( prefers-color-scheme : dark ) {
@media screen and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . tabs-bar__wrapper {
2023-11-21 08:32:06 +09:00
border-color : var ( -- color - lines ) ;
}
}
}
/ * ⏺ ️ Horizontal selectors
( used to navigate subsections on the Explore , Live Feeds and Account pages ) * /
. app-body
: is ( . account__section-headline , . notification__filter-bar ) {
background : var ( -- color - accent-bg ) ;
border : 1 px solid var ( -- color - accent-lines ) ;
}
. app-body . account__header + . account__section-headline {
2023-12-29 05:58:20 +09:00
border-left : 0 ;
border-right : 0 ;
2023-11-21 08:32:06 +09:00
}
@media screen and ( min-width : 890 px ) and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . explore__search-header + . account__section-headline {
2023-11-21 08:32:06 +09:00
border-top-left-radius : 8 px ;
border-top-right-radius : 8 px ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . notification__filter-bar {
2023-11-21 08:32:06 +09:00
border-top-left-radius : 8 px ;
border-top-right-radius : 8 px ;
margin-top : 10 px ;
}
}
@media screen and ( max-width : 889 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) : is ( . account__section-headline , . notification__filter-bar ) {
2023-11-21 08:32:06 +09:00
border-left : 0 ;
border-right : 0 ;
}
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) {
2023-12-20 03:56:45 +09:00
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
box-shadow : 0 0 0 4 px var ( -- color - accent-bg ) inset ;
border-radius : 9 px ;
transition : all .2 s ;
max-height : 45 px ;
padding : 14 px 10 px ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
. icon {
2023-12-20 03:56:45 +09:00
margin-top : - 1 .5 px ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) : hover {
2023-12-20 03:56:45 +09:00
background-color : var ( -- color - accent-lines ) ;
color : var ( -- color - accent ) ;
box-shadow : 0 0 0 4 px var ( -- color - accent-bg ) inset ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) . active {
2023-12-20 03:56:45 +09:00
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
box-shadow : 0 0 0 4 px var ( -- color - accent-bg ) inset ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) . active : : before {
2023-12-20 03:56:45 +09:00
display : none ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
button {
2023-12-20 03:56:45 +09:00
background-color : transparent ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button , a . active , button . active ) : : after {
2023-12-20 03:56:45 +09:00
display : block ;
position : absolute ;
content : " " ;
width : 2 px ;
height : auto ;
background-color : var ( -- color - accent-lines ) ;
top : 8 px ;
right : - 1 px ;
left : auto ;
bottom : 8 px ;
border-radius : 50 px ;
z-index : 1 ;
transform : unset ;
border : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) : last-child : : after {
2023-12-20 03:56:45 +09:00
display : none ;
2023-11-21 08:32:06 +09:00
}
@media ( prefers-color-scheme : dark ) {
. app-body
: is ( . account__section-headline , . notification__filter-bar )
: is ( a , button ) . active {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - bg ) ;
2023-11-21 08:32:06 +09:00
}
}
. app-body . notification__filter-bar . icon-reply-all {
background-image : var ( -- icon - reply-accent ) ;
}
. app-body . notification__filter-bar . active . icon-reply-all {
background-image : var ( -- icon - reply ) ;
}
. app-body . notification__filter-bar . icon-star {
background-image : var ( -- icon - star-accent ) ;
}
. app-body . notification__filter-bar . active . icon-star {
background-image : var ( -- icon - star ) ;
}
. app-body . notification__filter-bar . icon-retweet {
background-image : var ( -- icon - boost-accent ) ;
}
. app-body . notification__filter-bar . active . icon-retweet {
background-image : var ( -- icon - boost ) ;
}
. app-body . notification__filter-bar . icon-tasks {
background-image : var ( -- icon - poll-accent ) ;
}
. app-body . notification__filter-bar . active . icon-tasks {
background-image : var ( -- icon - poll ) ;
}
. app-body . notification__filter-bar . icon-home {
background-image : var ( -- icon - post-notification-accent ) ;
}
. app-body . notification__filter-bar . active . icon-home {
background-image : var ( -- icon - post-notification ) ;
}
@media screen and ( max-width : 889 px ) {
. app-body . account__header + . account__section-headline {
border-radius : 0 ;
}
}
/ * 📍 Navigation panel
- - - - - - - - - - - - - - - - - - - * /
@media screen and ( min-width : 1175 px ) {
/* Order of the side nav items */
. app-body . navigation-panel__logo {
order : 1 ;
}
. app-body . column-link [ href = " /home " ] {
order : 2 ;
}
. app-body . column-link [ href = " /notifications " ] {
order : 3 ;
}
2023-11-25 21:30:44 +09:00
. app-body . column-link : is ( [ href = " /explore " ] , [ href = " /search " ] ) {
2023-11-21 08:32:06 +09:00
order : 4 ;
}
. app-body . column-link [ href = " /public/local " ] {
order : 5 ;
}
. app-body . column-link [ href = " /public " ] {
order : 6 ;
}
. app-body . column-link [ href = " /conversations " ] {
order : 7 ;
}
. app-body . column-link [ href = " /follow_requests " ] {
order : 8 ;
}
. app-body . column-link [ href = " /bookmarks " ] {
order : 9 ;
}
. app-body . column-link [ href = " /favourites " ] {
order : 10 ;
}
. app-body . column-link [ href = " /lists " ] {
order : 12 ;
}
. app-body . list-panel {
order : 13 ;
}
. app-body . column-link [ href = " /settings/preferences " ] {
order : 11 ;
}
. app-body . navigation-panel__sign-in-banner ,
. app-body . navigation-panel__legal {
order : 14 ;
}
2023-12-15 07:06:38 +09:00
. app-body * : not ( . compose-panel ) > . flex-spacer {
2023-11-21 08:32:06 +09:00
order : 15 ;
}
. app-body . getting-started__trends {
order : 16 ;
}
}
. app-body . column-link--transparent {
color : var ( -- color - fg ) ;
}
. app-body . ui__header__logo . logo--icon {
display : none ;
}
. app-body . ui__header__links . button . button-secondary {
padding : 8 px 15 px ;
}
2023-11-24 23:28:24 +09:00
. app-body . ui__header__links . button . button-secondary [ href = " /search " ] {
display : none ;
}
2023-11-21 08:32:06 +09:00
. app-body . ui__header__links . button . button-secondary [ href = " /publish " ] {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
2024-03-07 05:10:10 +09:00
width : 50 px ;
height : 50 px ;
2023-11-24 23:28:24 +09:00
box-sizing : border-box ;
background-image : var ( -- icon - compose ) ;
background-position : center ;
background-repeat : no-repeat ;
2024-03-07 05:10:10 +09:00
position : fixed ;
2024-03-21 03:17:11 +09:00
bottom : calc ( 4 .8 em + var ( -- safe - area-bottom )) ;
2024-03-07 05:10:10 +09:00
inset-inline-end : 1 em ;
2023-11-24 23:28:24 +09:00
background-size : 22 px ;
2024-03-07 05:10:10 +09:00
border-radius : 50 % ;
box-shadow :
0 1px 1px rgba ( 0 , 0 , 0 , . 2 ) ,
0 2px 10px rgba ( 0 , 0 , 0 , . 2 ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . ui__header__links . button . button-secondary [ href = " /publish " ] : is ( : hover , : focus , : active ) {
background-color : var ( -- color - accent-focus ) ;
color : var ( -- color - accent-fg ) ;
}
2023-11-24 23:28:24 +09:00
. app-body . ui__header__links . button . button-secondary [ href = " /publish " ] span {
color : transparent ;
}
@media screen and ( max-width : 1174 px ) {
. layout-single-column . ui__header__links {
padding-left : 12 px ;
}
}
2023-11-21 08:32:06 +09:00
. app-body . column-link--logo {
margin-left : 4 px ;
}
. app-body . column-link . column-link--logo ,
. app-body . ui__header__logo {
display : inline-flex ;
2024-04-09 02:10:37 +09:00
flex-grow : unset ;
2023-11-21 08:32:06 +09:00
padding : 0 ;
2024-02-29 23:58:52 +09:00
border : 0 ;
2023-11-21 08:32:06 +09:00
width : 50 px ;
height : 50 px ;
background-image : var ( -- logo ) ;
background-repeat : no-repeat ;
background-position : center ;
background-size : 32 px auto ;
}
. app-body . column-link . column-link--logo svg ,
. app-body . ui__header__logo svg {
display : none ;
}
. app-body . navigation-panel__logo {
2024-02-29 23:58:52 +09:00
margin-bottom : 5 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-link : not ( . column-link--logo ) {
2024-02-15 02:59:28 +09:00
padding : 15 px 20 px 16 px 13 px ;
gap : 7 px ;
2023-11-21 08:32:06 +09:00
margin-left : 3 px ;
2024-02-29 23:58:52 +09:00
border : 0 ;
2023-11-21 08:32:06 +09:00
font-weight : 500 ;
font-size : 18 px ;
overflow : visible ;
2023-12-15 07:06:38 +09:00
transform-origin : 60 px center ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-link--transparent : is ( . active , . active : hover ) {
color : var ( -- color - content - fg ) ;
2024-01-01 21:30:11 +09:00
font-weight : bold ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-link--transparent : hover {
border-radius : 8 px ;
padding-right : 20 px ;
}
. app-body . column-link--transparent span {
position : relative ;
}
@media screen and ( min-width : 1175 px ) {
. app-body . column-link : not ( . column-link--logo ) {
2023-12-15 07:06:38 +09:00
transition : all .3 s ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-link--transparent span : : before {
content : " " ;
2024-02-20 00:18:33 +09:00
left : - 52 px ;
2023-11-21 08:32:06 +09:00
background-color : transparent ;
transition : .3 s background-color ;
2024-02-20 00:18:33 +09:00
top : - 14 px ;
2023-11-21 08:32:06 +09:00
right : - 16 px ;
position : absolute ;
2024-02-27 00:50:59 +09:00
border-radius : 10 px ;
2023-11-21 08:32:06 +09:00
z-index : - 1 ;
2024-02-20 00:18:33 +09:00
bottom : - 14 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-link--transparent : hover span : : before {
2024-03-12 04:25:08 +09:00
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 85 % ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-link--transparent : is ( . active , . active : hover ) span : : before {
2024-02-19 21:47:25 +09:00
background-color : transparent ;
2023-11-21 08:32:06 +09:00
}
2023-12-15 07:06:38 +09:00
. app-body . column-link--transparent : active {
transform : scale ( .95 ) ;
}
2023-11-21 08:32:06 +09:00
}
. app-body . icon-with-badge__badge {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
border-radius : 20 px ;
top : - 4 px ;
font-weight : bold ;
border : 0 ;
z-index : 1 ;
}
. app-body . compose-panel hr , . navigation-panel hr {
display : none ;
}
. app-body . column-link span {
vertical-align : middle ;
}
. app-body . list-panel {
padding : 5 px 9 px 50 px 27 px ;
margin : 0 0 5 px ;
display : none ;
}
. app-body . list-panel . icon {
display : none ;
}
. app-body . list-panel . column-link span : : before {
left : - 15 px ;
top : - 10 px ;
right : - 15 px ;
bottom : - 10 px ;
}
@media screen and ( min-width : 1175 px ) {
. app-body . column-link [ href = " /lists " ] : is ( . active , : hover ) + . list-panel ,
. app-body . list-panel : hover {
display : block ;
animation : fadein .5 s 1 ;
}
}
@media screen and ( max-width : 1174 px ) {
. app-body . columns-area__panels__pane--navigational . columns-area__panels__pane__inner {
width : 100 vw ;
2024-03-21 03:17:11 +09:00
height : calc ( 4 .2 em + var ( -- safe - area-bottom )) ;
2023-11-21 08:32:06 +09:00
bottom : 0 ;
left : 0 ;
z-index : 3 ;
}
. app-body . columns-area__panels__pane--navigational . navigation-panel {
width : 100 vw ;
height : 4 .2 em ;
padding-right : 20 vw ;
2024-03-21 03:17:11 +09:00
padding-bottom : var ( -- safe - area-bottom ) ;
2023-11-21 08:32:06 +09:00
flex-direction : row ;
overflow-x : auto ;
2024-03-13 04:11:21 +09:00
background-color : color-mix ( in srgb , var ( -- color - content - bg ) , transparent 25 % ) ;
2024-02-20 00:18:33 +09:00
border-top : 1 px solid var ( -- color - lines-translucent ) ;
2023-11-21 08:32:06 +09:00
border-left : 0 ;
2024-02-20 00:18:33 +09:00
-webkit-backdrop-filter : blur ( 20 px ) ;
backdrop-filter : blur ( 20 px ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-07 05:10:10 +09:00
. app-body . columns-area__panels__pane--navigational . columns-area__panels__pane__inner : : before {
2023-11-21 08:32:06 +09:00
content : " " ;
position : fixed ;
right : 0 ;
2024-03-07 05:10:10 +09:00
bottom : 0 ;
2023-11-21 08:32:06 +09:00
width : 17 vw ;
2024-03-21 03:17:11 +09:00
height : calc ( 4 .2 em + var ( -- safe - area-bottom ) - 1 px ) ;
2024-03-13 04:11:21 +09:00
background-image : linear-gradient ( to right , transparent , var ( -- color - content - bg ) 75 .63 % ) ;
2023-11-21 08:32:06 +09:00
background-color : transparent ;
z-index : 2 ;
}
. app-body . columns-area__panels__pane--navigational . navigation-panel : : after {
content : " " ;
}
. app-body . navigation-panel : has ( > * : nth-child ( 4 ) : last-child ) : : after ,
. app-body . navigation-panel : has ( > * : nth-child ( 5 ) : last-child ) : : after ,
. app-body . navigation-panel : has ( > * : nth-child ( 6 ) : last-child ) : : after ,
. app-body . navigation-panel : has ( > * : nth-child ( 4 ) : last-child ) : : before ,
. app-body . navigation-panel : has ( > * : nth-child ( 5 ) : last-child ) : : before ,
. app-body . navigation-panel : has ( > * : nth-child ( 6 ) : last-child ) : : before {
display : none ;
}
. app-body . navigation-panel : is ( . column-link , . navigation-panel__legal ) ,
. app-body . column-link--transparent : is ( . active , . active : hover , : active ) ,
. app-body . columns-area__panels__pane--navigational . navigation-panel : : after {
flex : 0 0 17 vw ;
margin : 6 px 0 8 px ;
padding : 4 px 0 3 px ;
border-radius : 0 ;
border : 0 ;
justify-content : center ;
display : inline-flex ;
align-items : center ;
box-sizing : border-box ;
background-color : transparent ;
2023-12-20 11:49:35 +09:00
transform-origin : center ;
transition : .2 s transform ;
2023-11-21 08:32:06 +09:00
}
. app-body
. navigation-panel : has ( > * : nth-child ( 4 ) : last-child )
: is ( . column-link , . navigation-panel__legal ) {
flex : 50 vw ;
}
2023-12-20 11:49:35 +09:00
. app-body . navigation-panel : is ( . column-link , . navigation-panel__legal ) : active {
2023-12-21 05:53:46 +09:00
transform : scale ( .8 ) ;
2023-12-20 11:49:35 +09:00
}
2023-11-21 08:32:06 +09:00
. app-body
. navigation-panel : has ( > * : nth-child ( 5 ) : last-child )
2023-11-25 01:04:00 +09:00
: is ( . column-link , . navigation-panel__legal ) ,
. app-body
. navigation-panel : has ( > * : nth-child ( 7 ) : last-child ) : has ( . getting-started__trends )
: is ( . column-link , . navigation-panel__legal ) {
2023-11-21 08:32:06 +09:00
flex : calc ( 100 vw / 3 ) ;
}
. app-body
. navigation-panel : has ( > * : nth-child ( 6 ) : last-child )
: is ( . column-link , . navigation-panel__legal ) {
flex : 25 vw ;
}
2023-11-25 01:04:00 +09:00
. app-body
. navigation-panel : has ( > * : nth-child ( 7 ) : last-child ) : has ( . getting-started__trends ) : : after {
display : none ;
}
2023-11-21 08:32:06 +09:00
. app-body . column-link--transparent : is ( . active , . active : hover , : active ) {
margin : 6 px 0 8 px ;
padding : 4 px 0 3 px ;
border-radius : 8 px ;
border : 0 ;
}
2023-12-21 05:53:46 +09:00
. app-body . column-link--transparent . active {
animation : bounce-sml .3 s 1 ;
}
2023-11-21 08:32:06 +09:00
. app-body . column-link__icon {
margin : 0 ;
2024-02-15 04:53:38 +09:00
transform : scale ( 1 .3 ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-link span {
padding-left : .5 em ;
}
. app-body . columns-area__panels__main {
width : calc ( 100 % - 285 px ) ;
margin-left : - 285 px ;
}
. app-body . columns-area__panels {
2023-12-30 12:43:55 +09:00
padding-bottom : 4 em ;
2023-11-21 08:32:06 +09:00
}
. app-body . columns-area__panels . navigation-panel__legal {
margin : 0 ;
padding : 0 ;
}
. app-body . columns-area__panels . navigation-panel__legal . column-link--transparent {
height : calc ( 100 % - 13 px ) ;
box-sizing : border-box ;
border : 0 ;
}
. app-body . navigation-panel . flex-spacer {
display : none ;
}
}
@media screen and ( max-width : 889 px ) {
. app-body . columns-area__panels__main {
width : 100 % ;
margin-left : - 55 px ;
}
}
2024-01-14 10:05:07 +09:00
2023-11-21 08:32:06 +09:00
/ * 👤 Account view
- - - - - - - - - - - - - - - * /
. app-body . account__header {
2023-12-30 12:43:55 +09:00
padding-bottom : 5 px ;
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - content - bg ) ;
}
@media screen and ( max-width : 889 px ) {
. app-body . account__header {
border-left : 0 ;
border-right : 0 ;
}
}
. app-body . account__header__image {
2024-02-28 08:02:43 +09:00
height : 200 px ;
background-color : var ( -- color - content - bg ) ;
2023-11-21 08:32:06 +09:00
border-bottom : 0 ;
2024-02-29 03:25:46 +09:00
margin : 0 ;
2024-02-28 08:02:43 +09:00
}
. app-body . account__header__image img {
object-position : top center ;
background-color : var ( -- color - content - secondary-bg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . account__header__bar {
border : 0 ;
}
2023-12-16 01:15:25 +09:00
. app-body . account__header__bar . avatar {
transition : transform .3 s ;
}
. app-body . account__header__bar . avatar : active {
transform : scale ( .92 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . account__header__bar . avatar . account__avatar {
border-radius : 50 % ;
2024-02-15 00:05:35 +09:00
margin : 0 x ;
2024-02-12 00:46:50 +09:00
border-width : 4 px ;
border-color : var ( -- color - content - bg ) ;
2023-11-21 08:32:06 +09:00
width : 100 px !important ;
height : 100 px !important ;
background-color : var ( -- color - content - bg ) ;
}
. app-body . account__header__tabs__name h1 ,
. app-body . account__header__tabs__name h1 small {
color : var ( -- color - content - fg ) ;
}
. app-body . account__header__tabs__name h1 > span {
font-size : 18 px ;
}
2024-03-15 23:49:27 +09:00
. app-body . account__header__tabs__name h1 small > span : first-child {
2023-11-21 08:32:06 +09:00
opacity : .7 ;
}
. app-body . account__header__tabs__name . icon-lock {
2024-01-30 05:38:55 +09:00
height : 20 px ;
width : 16 px ;
top : unset ;
2023-11-21 08:32:06 +09:00
vertical-align : bottom ;
}
. app-body . account__header__content a {
color : var ( -- color - accent ) ;
text-decoration : none ;
}
. app-body . account__header__content a : hover {
text-decoration : underline ;
}
. app-body . account__header__extra__links a strong {
color : var ( -- color - content - fg-bold ) ;
}
. app-body . account__header__account-note label {
margin-bottom : 0 ;
}
. app-body . account__header__account-note label ,
. app-body . account__header__account-note textarea : : placeholder {
color : var ( -- color - content - fg-bold ) ;
opacity : .5 ;
2023-12-30 12:43:55 +09:00
font-style : normal ;
2023-11-21 08:32:06 +09:00
}
. app-body . account__header__account-note textarea {
color : var ( -- color - content - fg ) ;
2023-12-30 12:43:55 +09:00
border-radius : 8 px ;
font-style : italic ;
2024-03-02 20:42:25 +09:00
margin : 0 ;
width : 100 % ;
outline : 1 px solid transparent ;
outline-offset : - 1 px ;
transition : all .2 s ;
}
. app-body . account__header__account-note textarea : placeholder-shown {
padding-left : 0 ;
padding-right : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . account__header__account-note textarea : focus {
background-color : var ( -- color - accent-bg ) ;
2024-03-02 20:42:25 +09:00
padding-left : 10 px ;
padding-right : 10 px ;
2023-11-21 08:32:06 +09:00
}
2023-12-30 12:43:55 +09:00
. app-body . account__header__account-note textarea : not ( : placeholder-shown ) : not ( : focus ) {
2024-03-02 20:42:25 +09:00
outline-color : var ( -- color - lines ) ;
box-shadow : 2 px 3 px var ( -- color - content - secondary-bg ) ;
}
. app-body . account__header__account-note textarea : not ( : placeholder-shown ) : focus {
outline-color : var ( -- color - accent ) ;
box-shadow : 2 px 3 px var ( -- color - accent-bg ) ;
2023-12-30 12:43:55 +09:00
}
2023-11-21 08:32:06 +09:00
. app-body . account__header__badges . account-role {
2024-03-15 23:49:27 +09:00
color : var ( -- color - content - fg ) ;
border : 0 ;
border-radius : 50 px ;
padding : 0 10 px ;
height : 29 px ;
background-color : var ( -- color - content - secondary-bg ) ;
gap : 5 px ;
}
. app-body . account__header__badges . account-role span : not ( . account-role__domain ) {
font-weight : 500 ;
2023-11-21 08:32:06 +09:00
}
. app-body . account-role svg {
opacity : 1 ;
2024-03-15 23:49:27 +09:00
color : var ( -- color - accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . account__header__extra__links a ,
. app-body . account__header__bio . account__header__content ,
. app-body . account__header__bio . account__header__fields dd {
color : var ( -- color - content - fg ) ;
}
. app-body . account__header__bio . account__header__fields {
background-color : var ( -- color - content - secondary-bg ) ;
border-radius : 8 px ;
2024-03-12 23:19:26 +09:00
border : 0 ;
2023-11-21 08:32:06 +09:00
}
@media ( prefers-color-scheme : dark ) {
. app-body . account__header__bio . account__header__fields {
background-color : var ( -- color - secondary-bg ) ;
}
}
. app-body . account__header__bio . account__header__fields : has ( dl : only-child ) {
display : none ;
}
. app-body . account__header__bio . account__header__fields dt {
font-weight : bold ;
font-size : 12 px ;
}
. app-body . account__header__bio . account__header__fields : is ( dl , . verified ) {
border-bottom : 0 ;
position : relative ;
}
. app-body . account__header__bio . account__header__fields dl : not ( : last-child ) : after {
display : block ;
content : " " ;
height : 1 px ;
bottom : - 1 px ;
right : 15 px ;
background-color : var ( -- color - lines ) ;
left : 15 px ;
position : absolute ;
border-radius : 50 px ;
}
2023-12-26 09:19:25 +09:00
@media ( prefers-color-scheme : dark ) {
. app-body . account__header__bio . account__header__fields dl : not ( : last-child ) : after {
background-color : var ( -- color - accent-bg ) ;
}
}
2023-11-21 08:32:06 +09:00
. app-body . 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 */
border-top-left-radius : 8 px ;
border-top-right-radius : 8 px ;
margin-top : 0 ;
}
. app-body . account__header__bio . account__header__fields . verified + . verified { /* Fix double border between 2 successive verified fields */
margin-top : 0 ;
border-top-width : 0 ;
}
2024-06-27 20:06:54 +09:00
. app-body . account__header__bio . account__header__fields . verified : is ( a , dd ) ,
. app-body . hover-card . account-fields dl . verified dd a {
2023-11-21 08:32:06 +09:00
color : var ( -- color - accent ) ;
2023-12-11 06:08:07 +09:00
gap : 5 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . account__header__bio . account__header__fields : is ( . verified dt , dt ) {
color : var ( -- color - content - fg ) ;
}
. app-body . 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 ;
}
. app-body . account__header__extra . account__header__fields . verified dd > span : first-child {
vertical-align : bottom ;
}
. app-body . account__header__extra . account__header__fields . verified__mark {
float : left ;
2023-12-09 01:29:08 +09:00
transform : scale ( 1 .1 ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . account__header__bio . account__header__fields . verified : last-child {
border-bottom : 0 ;
}
2023-11-27 01:14:58 +09:00
. app-body . account__header__tabs__buttons . icon-button . copied ,
. app-body . account__header__tabs__buttons . icon-button . copied : is ( : active , : focus , : hover ) {
background-color : rgba ( 121 , 189 , 154 , 0 .3 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . follow-request-banner ,
. app-body . moved-account-banner {
2024-02-19 21:47:25 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
border-top : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . follow-request-banner__message ,
. app-body . moved-account-banner__message {
color : var ( -- color - content - fg ) ;
}
. app-body . moved-account-banner__message {
font-weight : bold ;
}
2024-02-03 23:54:12 +09:00
. app-body . account__header__tabs__buttons > button : first-child : active {
transform : scale ( .95 ) ;
}
2024-03-15 23:49:27 +09:00
. app-body . account__domain-pill ,
. app-body . account__domain-pill__popout__handle {
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 88 % ) ;
color : var ( -- color - accent ) ;
border-color : var ( -- color - accent ) ;
border-radius : 8 px ;
font-weight : 500 ;
transition : all .2 s ;
}
. app-body . account__domain-pill : hover {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . account__domain-pill . active {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
. app-body . dropdown-animation . account__domain-pill__popout {
animation : none ;
}
. app-body . account__domain-pill__popout {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
border : 1 px solid var ( -- color - lines ) ;
border-radius : 8 px ;
}
. app-body . account__domain-pill__popout__header__icon {
background-color : var ( -- color - accent ) ;
}
. app-body . account__domain-pill__popout__handle {
padding : 12 px ;
}
. app-body : where ( . account__domain-pill__popout__header , . account__domain-pill__popout__parts ) : is ( h3 , h6 ) {
color : var ( -- color - content - fg ) ;
font-weight : 600 ;
}
. app-body . account__domain-pill__popout__parts > div . account__domain-pill__popout__parts__icon {
align-items : start ;
padding-top : 2 px ;
}
. app-body . account__domain-pill__popout__parts > div . account__domain-pill__popout__parts__icon . icon {
width : 28 px ;
height : 28 px ;
}
. app-body . account__domain-pill__popout__parts > div : first-child . account__domain-pill__popout__parts__icon . icon {
background-image : var ( -- icon - direct-messages-accent ) ;
}
. app-body . account__domain-pill__popout__parts > div : last-child . account__domain-pill__popout__parts__icon . icon {
background-image : var ( -- icon - globe-accent ) ;
}
2024-06-27 20:06:54 +09:00
. app-body . hover-card {
2024-07-18 10:56:07 +09:00
background-color : color-mix ( in srgb , var ( -- color - content - bg ) , transparent 10 % ) ;
2024-07-18 10:02:49 +09:00
-webkit-backdrop-filter : blur ( 10 px ) ;
backdrop-filter : blur ( 10 px ) ;
2024-06-27 20:06:54 +09:00
border-color : var ( -- color - lines ) ;
}
2024-07-24 23:24:19 +09:00
. app-body . hover-card . display-name__html {
font-weight : 600 ;
}
2024-07-18 10:56:07 +09:00
. app-body . account-fields {
color : var ( -- color - content - fg ) ;
font-size : 95 % ;
}
. app-body . hover-card . account-fields {
background-color : var ( -- color - content - secondary-bg ) ;
border-radius : 8 px ;
padding : 8 px ;
}
. app-body . hover-card . account-fields dl : not ( : first-child : last-child ) {
gap : 10 px ;
padding-bottom : 6 px ;
border-bottom : 1 px solid color-mix ( in srgb , var ( -- color - lines ) 70 % , transparent ) ;
}
@media ( prefers-color-scheme : dark ) {
. app-body . hover-card . account-fields {
background-color : var ( -- color - secondary-bg ) ;
}
. app-body . hover-card . account-fields dl {
border-color : var ( -- color - accent-bg ) ;
}
}
. app-body . hover-card . account-fields dl : last-child : not ( : first-child ) {
padding-top : 6 px ;
padding-bottom : 0 ;
border-bottom : 0 ;
}
. app-body . hover-card . account-fields dl dt {
width : 30 % ;
min-width : 30 % ;
max-width : 30 % ;
text-align : left ;
font-weight : bold ;
text-transform : uppercase ;
font-size : 80 % ;
}
. app-body . hover-card . account-fields dl dd {
text-align : left ;
justify-content : flex-start ;
}
2024-03-15 23:49:27 +09:00
2023-11-21 08:32:06 +09:00
/ * ✨ Explore tab
- - - - - - - - - - - - - - * /
. app-body . explore__links {
background-color : var ( -- color - content - bg ) ;
overflow : hidden ;
2023-11-25 00:21:29 +09:00
}
2023-12-02 00:34:54 +09:00
. layout-multiple-columns . explore__links . scrollable {
background-color : var ( -- color - content - bg ) ;
overflow-y : auto ;
}
. app-body . explore__links . trends__item {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - content - bg ) ;
border-bottom : 2 px solid var ( -- color - content - secondary-bg ) ;
2024-02-28 08:02:43 +09:00
padding : 15 px 18 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . explore__links . trends__item : last-child {
border-bottom : 0 ;
}
. app-body . trends__item__name ,
. app-body . trends__item__current {
color : var ( -- color - fg-muted ) ;
}
. app-body . trends__item__name a {
color : var ( -- color - fg ) ;
}
2024-02-28 08:02:43 +09:00
. app-body . getting-started__trends {
padding : 0 ;
display : flex ;
flex-flow : column ;
}
. app-body . getting-started__trends h4 {
border-bottom : 0 ;
padding : 0 ;
}
. app-body . getting-started__trends h4 > : is ( a , span ) {
2024-02-29 23:58:52 +09:00
padding : 15 px 20 px 6 px 47 px ;
2024-02-28 08:02:43 +09:00
margin-left : 3 px ;
font-weight : 500 ;
color : var ( -- color - fg-muted ) ;
border-left : 4 px solid transparent ;
display : block ;
transition : all .3 s ;
}
. app-body . getting-started__trends h4 a : hover {
color : var ( -- color - accent ) ;
}
. app-body . getting-started__trends h4 a : active {
transform : scale ( .95 ) ;
}
. app-body . getting-started__trends h4 a : : after {
content : ' \2192 ' ;
margin-left : 0 ;
opacity : 0 ;
transition : all .2 s ;
}
. app-body . getting-started__trends : hover h4 a : : after {
opacity : 1 ;
margin-left : 5 px ;
}
. app-body . getting-started__trends . trends__item {
2024-02-29 23:58:52 +09:00
padding-left : 19 px ;
2024-02-28 08:02:43 +09:00
}
@media screen and ( max-width : 1174 px ) {
. app-body . getting-started__trends {
display : none ;
}
}
. app-body . trends__item : : before {
background-image : var ( -- icon - hashtag-accent ) ;
background-position : center ;
background-size : contain ;
background-repeat : no-repeat ;
2024-03-02 20:42:25 +09:00
min-width : 20 px ;
2024-02-28 08:02:43 +09:00
width : 20 px ;
height : 20 px ;
transform : scale ( 1 .45 ) ;
content : " " ;
display : block ;
}
. app-body . trends__item__name span {
white-space : pre-wrap ;
}
. app-body . trends__item__sparkline {
flex : 0 0 auto ;
position : relative ;
height : 30 px ;
width : 30 px ;
border-radius : 6 px ;
overflow : hidden ;
background-color : var ( -- color - content - secondary-bg ) ;
box-shadow : inset 0 - 2 px var ( -- color - accent-bg ) ;
transform : scale ( 1 .25 ) ;
transition : all .3 s ;
}
. app-body . getting-started__trends . trends__item__sparkline {
background-color : var ( -- color - secondary-bg ) ;
}
@media ( prefers-color-scheme : dark ) {
. app-body . getting-started__trends . trends__item__sparkline {
background-color : var ( -- color - content - secondary-bg ) ;
}
}
. app-body . trends__item__sparkline svg {
width : 50 px ;
height : 30 px ;
position : absolute ;
right : - 2 px ;
}
. app-body . trends__item__sparkline : : after {
position : absolute ;
display : block ;
content : " " ;
left : 0 ;
right : 0 ;
height : 2 px ;
bottom : 0 ;
background-color : var ( -- color - accent ) ;
opacity : .4 ;
}
. app-body . trends__item__sparkline path : last-child {
stroke : var ( -- color - accent ) !important ;
}
. app-body . trends__item__sparkline path : first-child {
fill : var ( -- color - accent ) !important ;
fill-opacity : .4 !important ;
transform : translate ( 0 px , 0 .2 px ) ;
}
2023-11-21 08:32:06 +09:00
/* Hashtag header */
. app-body . hashtag-header {
font-size : 15 px ;
2023-12-02 00:34:54 +09:00
padding : 24 px 20 px ;
2024-02-28 08:02:43 +09:00
margin : 10 px ;
border-radius : 8 px ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
background-color : var ( -- color - content - secondary-bg ) ;
2024-02-28 08:02:43 +09:00
border : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . hashtag-header__header {
margin-bottom : 0 ;
}
. app-body . hashtag-header__header h1 {
color : var ( -- color - content - fg ) ;
}
. app-body . hashtag-header . hashtag-header__header + div {
color : var ( -- color - content - fg ) ;
font-size : 85 % ;
opacity : .8 ;
margin-top : - 5 px ;
width : max-content ;
}
2023-12-02 00:34:54 +09:00
@media screen and ( max-width : 460 px ) {
. app-body . hashtag-header . hashtag-header__header + div {
max-width : 55 % ;
line-height : 1 .5 ;
margin-top : - 2 px ;
}
. app-body . hashtag-header . hashtag-header__header + div > span {
display : inline-block ;
margin-right : 5 px ;
2023-11-21 08:32:06 +09:00
}
}
2023-12-02 00:34:54 +09:00
. layout-multiple-columns . hashtag-header . hashtag-header__header + div {
max-width : 55 % ;
line-height : 1 .5 ;
margin-top : - 2 px ;
}
. layout-multiple-columns . hashtag-header . hashtag-header__header + div > span {
display : inline-block ;
margin-right : 5 px ;
}
2023-11-21 08:32:06 +09:00
@media screen and ( min-width : 890 px ) {
. app-body . hashtag-header . hashtag-header__header button {
transform : translate ( 0 , 8 px ) ;
}
}
/* Account recommendations (For You Tab + User directory */
. app-body . scrollable . account-card {
2023-12-29 05:58:20 +09:00
margin : 0 ;
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - content - bg ) ;
2023-12-29 05:58:20 +09:00
border-radius : 0 ;
2024-03-14 05:44:57 +09:00
border : 0 ;
2023-12-29 05:58:20 +09:00
border-bottom : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . account-card__header {
padding : 0 ;
2023-12-29 05:58:20 +09:00
border-radius : 0 ;
2023-11-21 08:32:06 +09:00
height : 128 px ;
overflow : hidden ;
}
. app-body . scrollable . account-card__bio : after {
background : linear-gradient ( 270 deg , var ( -- color - content - bg ) , transparent ) ;
}
2024-03-07 05:30:06 +09:00
. app-body . account-card__header img {
background-color : var ( -- color - content - secondary-bg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . account-card__title__avatar . account__avatar {
border : 0 ;
border-radius : 50 % ;
overflow : visible ;
}
. app-body . account-card__title__avatar img {
border : 0 ;
border-radius : 50 % ;
box-shadow : 0 0 0 3 px var ( -- color - content - bg ) ;
}
. app-body . account-card__title . display-name bdi ,
. app-body . account-card__counters__item ,
. app-body . account-card__counters__item small {
2024-03-21 03:17:11 +09:00
color : var ( -- color - content - fg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . account-card__counters__item small {
opacity : .7 ;
}
2024-03-21 03:17:11 +09:00
. account-card__title . display-name bdi . display-name__html {
font-weight : bold ;
}
2023-11-21 08:32:06 +09:00
. app-body . account-card__bio a {
color : var ( -- color - accent ) ;
}
. app-body . filter-form {
2023-12-26 09:19:25 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
2023-12-29 05:58:20 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . filter-form__column {
padding : 10 px 15 px ;
}
2024-01-13 08:09:13 +09:00
2024-05-10 02:45:46 +09:00
. app-body . explore__suggestions__card {
border-bottom : 2 px solid var ( -- color - content - secondary-bg ) ;
gap : 2 px ;
padding-bottom : 14 px ;
}
. app-body . explore__suggestions__card__source span {
background-color : var ( -- color - content - secondary-bg ) ;
padding : 6 px 12 px ;
display : inline-block ;
border-radius : 50 px ;
color : var ( -- color - fg-muted ) ;
font-weight : 500 ;
}
. app-body . explore__suggestions__card__body__main__name-button . display-name__account {
color : var ( -- color - content - fg ) ;
opacity : .75 ;
}
. app-body . explore__suggestions__card . icon-button {
background-color : var ( -- color - content - secondary-bg ) ;
color : var ( -- color - fg-muted ) ;
padding : 6 px ;
border : 0 ;
}
. app-body . explore__suggestions__card . icon-button : is ( : active , : hover ) {
background-color : var ( -- color - accent-bg ) ;
}
@media screen and ( min-width : 1173 px ) {
. app-body . explore__suggestions__card . icon-button {
opacity : 0 ;
transform : translateX ( 50 % ) ;
transition : all .3 s ;
}
. app-body . explore__suggestions__card : hover . icon-button {
opacity : 1 ;
transform : translateX ( 0 ) ;
}
}
2023-11-21 08:32:06 +09:00
/* 📰 Trending stories */
. app-body . story {
background-color : var ( -- color - content - bg ) ;
2024-07-05 03:46:50 +09:00
transition : all .3 s ;
2023-11-21 08:32:06 +09:00
}
. app-body . story : not ( : last-child ) {
border-bottom : 2 px solid var ( -- color - content - secondary-separator ) ;
}
. app-body . story ,
. app-body . story__details__title {
color : var ( -- color - content - fg ) ;
}
2024-01-24 02:09:51 +09:00
. app-body . story__details__title {
font-weight : bold ;
2024-07-05 03:46:50 +09:00
transition : all .3 s ;
2024-01-24 02:09:51 +09:00
}
2024-07-05 03:46:50 +09:00
. app-body . story : has ( : is ( . story__thumbnail , . story__details__title ) : hover ) {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - content - bg-focus ) ;
}
2024-07-05 03:46:50 +09:00
. app-body . story__details__publisher {
2023-11-21 08:32:06 +09:00
color : var ( -- color - fg ) ;
}
2024-07-05 03:46:50 +09:00
. app-body . story . story__details__publisher {
2024-02-18 05:17:05 +09:00
opacity : .7 ;
2023-11-21 08:32:06 +09:00
transition : all .3 s ;
}
2024-07-05 03:46:50 +09:00
. app-body . story : has ( : is ( . story__thumbnail , . story__details__title ) : hover ) : is ( . story__details__publisher , . story__details__title ) {
2023-11-21 08:32:06 +09:00
color : var ( -- color - accent ) ;
2024-02-18 05:17:05 +09:00
opacity : 1 ;
2023-11-21 08:32:06 +09:00
}
2024-07-05 03:46:50 +09:00
. app-body . story__details__shared__pill {
background-color :
color-mix (
in srgb ,
var ( - - color-accent ) ,
transparent 92 %
) ;
color : var ( -- color - accent ) ;
border-radius : 8 px ;
transition : all .3 s ;
}
. app-body . story__details__shared__pill : hover {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . story__details__shared__pill : active {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
2023-11-25 02:26:44 +09:00
. app-body . story . expanded {
gap : 10 px ;
padding-bottom : 20 px ;
}
2023-11-21 08:32:06 +09:00
. app-body . story . expanded . story__thumbnail {
margin : 0 0 - 25 px ;
}
. app-body . story . expanded . story__thumbnail img {
2024-01-13 08:09:13 +09:00
margin : - 5 px - 5 px 30 px ;
2023-11-26 22:15:10 +09:00
border-radius : 8 px ;
2024-01-13 08:09:13 +09:00
width : calc ( 100 % + 10 px ) ;
2023-11-21 08:32:06 +09:00
}
/* 🔍 Search field and search results */
. app-body . search {
margin-bottom : 10 px ;
2023-12-30 12:43:55 +09:00
transition : transform .3 s ;
}
. app-body . search : has ( . search__icon : active ) {
transform : scale ( .95 ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . search__input {
border-radius : 8 px ;
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - content - fg ) ;
border : 1 px solid var ( -- color - accent-lines ) ;
2023-12-26 09:19:25 +09:00
font-weight : 500 ;
2024-01-24 02:09:51 +09:00
padding-inline-end : 45 px ;
padding-inline-start : 16 px ;
2024-01-13 08:09:13 +09:00
outline-offset : 0 ;
outline : 0 solid var ( -- color - accent-bg ) ;
2023-12-21 00:01:19 +09:00
transition :
border-color . 2s ,
2024-01-13 08:09:13 +09:00
background-color . 2s ,
outline . 2s ;
2023-11-21 08:32:06 +09:00
}
. app-body . search__input : : placeholder ,
. app-body . compose-form . spoiler-input__input : : placeholder {
font-weight : 500 ;
color : var ( -- color - accent ) ;
}
. app-body . search__input : focus {
2023-12-21 00:01:19 +09:00
border-color : var ( -- color - accent ) ;
background-color : var ( -- color - content - bg ) ;
2024-01-13 08:09:13 +09:00
outline : 3 px solid var ( -- color - accent-bg ) ;
2024-01-24 02:09:51 +09:00
border-radius : 8 px ;
2023-12-21 00:01:19 +09:00
}
. app-body . search__input : focus : : placeholder ,
. app-body . compose-form . spoiler-input__input : focus : : placeholder {
color : var ( -- color - content - fg ) ;
opacity : .4 ;
2023-11-21 08:32:06 +09:00
}
. app-body . search__icon . icon {
2023-12-26 09:19:25 +09:00
padding : 5 px ;
2024-01-13 08:09:13 +09:00
transform : scale ( 1 ) translateY ( - 50 % ) ;
2023-12-26 09:19:25 +09:00
background-size : 24 px !important ;
2024-01-13 08:09:13 +09:00
top : 50 % ;
2024-01-24 02:09:51 +09:00
inset-inline-start : unset ;
inset-inline-end : 12 px ;
2023-12-26 09:19:25 +09:00
}
. app-body . search__input : not ( : placeholder-shown ) + . search__icon : hover . icon {
2023-12-30 12:43:55 +09:00
background-image : var ( -- icon - erase-active ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . compose-panel . icon-search ,
. app-body . compose-panel . icon-search . active ,
. app-body . explore__search-header . icon-search {
background-image : var ( -- icon - search-active ) ;
}
. app-body . compose-panel . icon-search . active ,
. app-body . search__icon . icon-search . active {
opacity : 1 ;
z-index : 1 ;
}
. app-body . explore__search-results {
2023-12-29 05:58:20 +09:00
border-radius : 0 ;
2024-03-15 00:49:39 +09:00
border : 0 ;
2023-11-21 08:32:06 +09:00
background-color : transparent ;
overflow : hidden ;
}
. app-body . explore__search-header {
background-color : transparent ;
}
. app-body . explore__search-results . account {
padding-top : 16 px ;
}
. app-body . explore__search-results article : last-child > . account {
border-bottom : 1 px solid var ( -- color - lines ) ;
}
2024-02-12 00:09:36 +09:00
. app-body : is ( . explore__search-results , . search-results__section ) . trends__item {
2023-12-02 07:48:04 +09:00
border-bottom : 2 px solid var ( -- color - content - secondary-bg ) ;
2023-11-21 08:32:06 +09:00
}
2024-02-12 00:09:36 +09:00
. app-body : is ( . explore__search-results , . search-results__section ) article : first-child > . trends__item ,
. app-body : is ( . explore__search-results , . search-results__section ) > . trends__item : first-child ,
. app-body : is ( . explore__search-results , . search-results__section ) > . account : first-child {
2023-11-21 08:32:06 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
}
2024-02-12 00:09:36 +09:00
. app-body : is ( . explore__search-results , . search-results__section ) article : last-child > . trends__item ,
. app-body : is ( . explore__search-results , . search-results__section ) > . trends__item : last-child ,
. app-body : is ( . explore__search-results , . search-results__section ) > . account : last-child {
2023-11-21 08:32:06 +09:00
border-bottom : 1 px solid var ( -- color - lines ) ;
}
. app-body . search-results__section {
2024-01-13 08:09:13 +09:00
background-color : var ( -- color - content - bg ) ;
2023-11-21 08:32:06 +09:00
border-bottom : 0 ;
}
. app-body . search-results__section__header {
background-color : var ( -- color - content - secondary-bg ) ;
border-bottom : 0 ;
color : var ( -- color - content - fg ) ;
}
. app-body . search-results__section__header button {
color : var ( -- color - accent ) ;
}
. app-body . account . account__details > span {
color : var ( -- color - content - fg ) ;
}
. app-body . account . account__details . verified-badge {
color : var ( -- color - accent ) ;
}
. app-body . account . account__details . verified-badge span {
font-weight : 500 ;
2023-12-11 06:08:07 +09:00
}
. app-body . compose-panel : has ( > . search . active ) {
overflow : visible ;
2023-11-21 08:32:06 +09:00
}
. app-body . search__popout {
background-color : var ( -- color - content - bg ) ;
border-radius : 8 px ;
margin-top : 10 px ;
border : 1 px solid var ( -- color - lines ) ;
2023-12-11 06:08:07 +09:00
animation : fadein-short .2 s 1 ;
2023-11-21 08:32:06 +09:00
}
. app-body . search__popout h4 {
font-weight : bold ;
}
. app-body . search__popout h4 ,
. app-body . search__popout__menu__message ,
. app-body . search__popout__menu__item {
color : var ( -- color - content - fg ) ;
}
. app-body . search__popout__menu__item {
2024-01-13 08:09:13 +09:00
align-items : center ;
border-radius : 6 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . search__popout__menu__item mark {
color : var ( -- color - content - fg-bold ) ;
}
2023-12-26 09:19:25 +09:00
. app-body . search__popout__menu__item : is ( . icon-button , . icon-button . icon ) {
2024-01-13 08:09:13 +09:00
border-radius : 6 px ;
2023-12-26 09:19:25 +09:00
transition : none ;
2023-12-20 11:49:35 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body . search__popout__menu__item : is ( . selected , : active , : focus , : hover ) : is ( . icon-button , . icon-button . icon ) {
2023-12-11 06:08:07 +09:00
color : var ( -- color - accent-fg ) ;
}
2023-12-26 09:19:25 +09:00
. app-body . search__popout__menu__item . icon-button : is ( : active , : focus , : hover ) ,
. app-body . search__popout__menu__item . icon-button : is ( : active , : focus , : hover ) . icon {
2023-12-02 07:48:04 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
color : var ( -- color - accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . search__popout__menu__item : is ( . selected , : active , : focus , : hover ) ,
. app-body . search__popout__menu__item : is ( . selected , : active , : focus , : hover ) mark {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
2024-02-29 23:58:52 +09:00
. app-body . search__popout__menu : nth-child ( 2 ) : not ( : has ( . search__popout__menu__message ) ) {
margin-bottom : 10 px ;
}
. app-body . search__popout h4 : has ( + . search__popout__menu : last-child , + . search__popout__menu__message ) {
background-color : var ( -- color - content - secondary-bg ) ;
padding-top : 15 px ;
padding-left : 15 px ;
padding-right : 15 px ;
margin : 0 ;
border-radius : 6 px 6 px 0 0 ;
color : var ( -- color - fg-muted ) ;
}
. app-body . search__popout__menu : last-child ,
. app-body . search__popout > . search__popout__menu__message : last-child {
margin : 0 0 - 10 px ;
background-color : var ( -- color - content - secondary-bg ) ;
border-radius : 0 0 6 px 6 px ;
padding : 5 px ;
}
. app-body . search__popout > . search__popout__menu__message : last-child {
padding : 5 px 15 px 15 px ;
color : var ( -- color - fg-muted ) ;
}
. app-body . search__popout__menu : last-child . search__popout__menu__item : not ( . selected , : active , : hover , : focus ) {
color : var ( -- color - fg-muted ) ;
}
. app-body . search__popout__menu : last-child . search__popout__menu__item : not ( . selected , : active , : hover , : focus ) mark {
color : var ( -- color - content - fg ) ;
}
2023-11-21 08:32:06 +09:00
@media screen and ( max-width : 1174 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . search {
2023-11-21 08:32:06 +09:00
margin-bottom : 0 ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . explore__search-header {
2023-11-21 08:32:06 +09:00
padding-top : 2 px ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . search__input {
2023-11-21 08:32:06 +09:00
padding : 13 px ;
}
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . explore__search-header {
2023-11-21 08:32:06 +09:00
padding : 10 px 0 ;
}
}
@media screen and ( max-width : 889 px ) {
2024-01-13 08:09:13 +09:00
. app-body : not ( . layout-multiple-columns ) . explore__search-header {
2023-11-21 08:32:06 +09:00
padding : 10 px ;
}
}
@keyframes makeawish {
0 % {
transform : scale ( 120 % ) translate ( 0 , 0 ) rotate ( 0 deg ) ;
}
100 % {
transform : scale ( 200 % ) translate ( 100 vw , 100 vh ) rotate ( 600 deg ) ;
}
}
2024-06-07 17:46:04 +09:00
. app-body : has ( . search__input [ value = " Tangerine UI " ] ) : : after ,
. app-body : has ( . search__input [ value = " tangerine ui " ] ) : : after {
content : " \1F34A " ;
2023-11-21 08:32:06 +09:00
position : fixed ;
display : block ;
text-align : center ;
width : 30 px ;
height : 30 px ;
font-size : 27 px ;
line-height : 30 px ;
top : - 40 px ;
left : - 40 px ;
2023-12-29 05:58:20 +09:00
animation : 10 s linear 0 s makeawish ;
2023-11-21 08:32:06 +09:00
}
/* Dismissable banners */
. app-body . dismissable-banner {
background-color : var ( -- color - accent ) ;
box-shadow : 0 5 px var ( -- color - content - bg ) ;
2024-01-13 08:09:13 +09:00
border-radius : 8 px ;
2023-11-21 08:32:06 +09:00
border : 0 ;
2024-01-13 08:09:13 +09:00
margin : 10 px 10 px 5 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . dismissable-banner__message h1 {
2023-11-25 02:26:44 +09:00
color : var ( -- color - content - fg ) ;
margin-bottom : 8 px ;
}
2023-11-25 21:07:48 +09:00
. app-body . dismissable-banner__message ,
. app-body . dismissable-banner . dismissable-banner__action . icon-button {
color : var ( -- color - accent-fg ) ;
2023-11-25 02:26:44 +09:00
font-weight : normal ;
2023-11-21 08:32:06 +09:00
}
2023-11-25 21:07:48 +09:00
. app-body . dismissable-banner . dismissable-banner__action . icon-button : hover {
color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . dismissable-banner__message__actions__wrapper {
flex-flow : row-reverse ;
}
. app-body . dismissable-banner : has ( . dismissable-banner__message > img : first-child ) {
2023-11-25 02:26:44 +09:00
background : var ( -- color - content - bg ) ;
2024-01-13 08:09:13 +09:00
margin : 0 ;
padding-top : 10 px ;
2023-11-21 08:32:06 +09:00
padding-left : 10 px ;
padding-right : 10 px ;
2023-11-25 02:26:44 +09:00
padding-bottom : 10 px ;
2024-01-13 08:09:13 +09:00
border-radius : 0 ;
border-top : 1 px solid var ( -- color - lines ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
}
2023-11-25 21:07:48 +09:00
. app-body . dismissable-banner : has ( . dismissable-banner__message > img : first-child ) . dismissable-banner__action . icon-button {
color : var ( -- color - accent ) ;
}
. app-body . dismissable-banner : has ( . dismissable-banner__message > img : first-child ) . dismissable-banner__message {
color : var ( -- color - content - fg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . dismissable-banner__background-image {
display : none ;
}
. app-body . dismissable-banner__message__actions . button ,
. app-body . dismissable-banner__message__actions . button . button-tertiary {
line-height : 28 px ;
padding : 6 px 17 px ;
}
2023-11-25 02:26:44 +09:00
. app-body . dismissable-banner__message__actions {
gap : 5 px ;
2023-11-21 08:32:06 +09:00
}
/ * 🔔 Notifications
- - - - - - - - - - - - - - - - * /
. app-body . status . muted
2023-12-29 05:58:20 +09:00
: is (
. status__content ,
. status__content a ,
. status__content p ,
. status__display-name strong
) ,
2023-11-21 08:32:06 +09:00
. app-body . attachment-list__list a {
color : var ( -- color - content - fg-muted ) ;
}
. app-body . notification . unread : : before ,
2024-07-23 20:42:52 +09:00
. app-body . status__wrapper . unread : : before ,
. app-body . notification-group--unread : before ,
. app-body . notification-ungrouped--unread : before {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - accent ) ;
width : 8 px ;
border : 0 ;
top : 5 px ;
height : auto ;
bottom : 5 px ;
border-radius : 8 px ;
left : 5 px ;
z-index : 1 ;
}
. app-body . notification__message {
padding : 12 px 12 px 5 px ;
2024-03-28 07:47:06 +09:00
background-color : var ( -- color - post-bg ) ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg-bold ) ;
transition : all .3 s ;
}
. app-body . notification__display-name {
font-weight : bold ;
2023-12-18 21:05:47 +09:00
color : var ( -- color - content - fg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . notification__report {
background-color : var ( -- color - content - bg ) ;
border-bottom : 0 ;
padding-top : 10 px ;
gap : 15 px ;
}
. app-body . notification__report__details {
color : var ( -- color - content - fg ) ;
}
. app-body . notification__message . icon {
color : var ( -- color - accent ) ;
width : 18 px ;
margin-left : 38 px ;
text-align : right ;
background-position : center right ;
}
@media screen and ( max-width : 889 px ) {
. app-body . notification__message . icon {
margin-left : 34 px ;
}
}
. app-body . notification . status__wrapper {
padding-top : 0 ;
}
. app-body
2023-12-26 09:19:25 +09:00
: is (
. notification-favourite ,
. notification-reblog ,
. notification-poll ,
. notification-status
)
. status__action-bar {
2023-12-29 05:58:20 +09:00
display : none ;
2023-11-21 08:32:06 +09:00
}
2024-03-19 03:14:13 +09:00
. app-body . account ,
. app-body . notification-request {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - content - bg ) ;
2024-02-28 08:02:43 +09:00
border-bottom : 2 px solid var ( -- color - content - secondary-bg ) ;
2023-11-21 08:32:06 +09:00
padding-left : 22 px ;
2024-07-18 10:07:30 +09:00
padding-top : 12 px ;
2023-11-21 08:32:06 +09:00
}
2024-02-28 08:02:43 +09:00
. app-body . notification . account {
border-bottom : 0 ;
}
2023-11-21 08:32:06 +09:00
. app-body . explore__search-results . account {
padding-top : 16 px ;
}
. app-body
. notification
. account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) )
. display-name__account {
display : block ;
}
. app-body
. notification
. account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) )
. display-name {
margin-bottom : 0 ;
}
@media screen and ( min-width : 890 px ) {
. app-body . notification . account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) ) {
padding-left : 32 px ;
padding-right : 22 px ;
}
}
@media screen and ( max-width : 889 px ) {
. app-body . notification . account : has ( . account__wrapper > . account__relationship > button : nth-child ( 2 ) ) {
padding-left : 27 px ;
}
}
@media screen and ( max-width : 1174 px ) {
. app-body . account {
padding-left : 18 px ;
}
}
. app-body . notification . account__relationship . icon-button {
padding : 5 px ;
border-radius : 8 px ;
2023-12-18 21:05:47 +09:00
transition : background-color .2 s ;
2023-11-21 08:32:06 +09:00
}
. app-body . notification . account__relationship . icon-button : first-child {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - confirm-bg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . notification . account__relationship . icon-button : first-child : is ( : active , : focus , : hover ) {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - confirm ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . notification . account__relationship . icon-button : first-child : is ( : active , : focus , : hover ) . icon-check {
background-image : var ( -- icon - check-inv ) ;
}
. app-body . notification . account__relationship . icon-button : last-child {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - reject-bg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . notification . account__relationship . icon-button : last-child : is ( : active , : focus , : hover ) {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - reject ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . notification . account__relationship . icon-button : last-child : is ( : active , : focus , : hover ) . icon-times {
background-image : var ( -- icon - reject-inv ) ;
}
2024-02-28 08:02:43 +09:00
@media screen and ( max-width : 1174 px ) {
. app-body . notification-list {
2024-03-21 03:17:11 +09:00
bottom : calc ( 5 rem + var ( -- safe - area-bottom )) ;
2024-02-28 08:02:43 +09:00
}
}
2024-02-26 21:57:10 +09:00
. app-body . notification-bar {
2024-03-13 04:11:21 +09:00
background-color : color-mix ( in srgb , var ( -- color - content - bg ) , transparent 25 % ) ;
2024-02-26 21:57:10 +09:00
color : var ( -- color - content - fg ) ;
border : 1 px solid var ( -- color - lines-translucent ) ;
box-shadow : var ( -- dropdown-shadow ) ;
-webkit-backdrop-filter : blur ( 10 px ) ;
backdrop-filter : blur ( 10 px ) ;
}
2024-02-28 08:02:43 +09:00
. app-body . notification-bar-action {
transition : all .2 s ;
}
. app-body . notification-bar-action : is ( : active , : focus , : hover ) {
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
2024-03-16 05:54:25 +09:00
. app-body . column-settings h3 ,
. app-body . app-form__toggle ,
. app-body . app-form__toggle__label . hint {
color : var ( -- color - content - fg-bold ) ;
}
. app-body . column-header__setting-btn {
font-weight : 600 ;
}
. app-body . column-settings h3 {
margin-bottom : 12 px ;
font-weight : 500 ;
}
. app-body . column-settings section {
border-color : var ( -- color - lines ) ;
}
. app-body . column-settings section : not ( : first-child ) {
padding-bottom : 25 px ;
}
. app-body . app-form__toggle__label . hint {
opacity : .5 ;
}
2024-03-19 03:14:13 +09:00
. app-body . filtered-notifications-banner {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - accent ) ;
border : 0 ;
position : relative ;
padding : 25 px ;
}
. app-body . filtered-notifications-banner : : before {
position : absolute ;
display : block ;
left : 10 px ;
right : 10 px ;
top : 10 px ;
bottom : 10 px ;
content : " " ;
background-color : var ( -- color - content - secondary-bg ) ;
border-radius : 8 px ;
transition : all .2 s ;
}
. app-body . filtered-notifications-banner : is ( : active , : hover , : focus ) : : before {
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 88 % ) ;
}
. app-body . filtered-notifications-banner : hover : : before {
left : 6 px ;
right : 6 px ;
top : 8 px ;
bottom : 8 px ;
}
. app-body . filtered-notifications-banner : active : : before {
transform : scale ( .98 ) ;
}
. app-body . filtered-notifications-banner > * {
z-index : 1 ;
}
. app-body . filtered-notifications-banner . filtered-notifications-banner__badge ,
. app-body . filtered-notifications-banner : is ( : active , : focus , : hover ) . filtered-notifications-banner__badge ,
. app-body . notification-request__name . filtered-notifications-banner__badge {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
border-radius : 50 px ;
}
2024-04-02 01:28:32 +09:00
. app-body . filtered-notifications-banner__badge__badge {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
font-weight : 600 ;
}
2024-03-19 03:14:13 +09:00
. app-body . filtered-notifications-banner__text {
color : var ( -- color - content - fg ) ;
}
. app-body . filtered-notifications-banner__text strong {
font-weight : 600 ;
}
2024-07-18 00:07:12 +09:00
. app-body . filtered-notifications-banner . notification-group__icon {
justify-content : center ;
}
2024-03-19 03:14:13 +09:00
. app-body . notification-request__name__display-name ,
. app-body . notification-request__name {
color : var ( -- color - content - fg ) ;
letter-spacing : unset ;
}
. app-body . notification-request {
padding-top : 15 px ;
}
2024-07-18 00:07:12 +09:00
. app-body . notification-group {
padding : 16 px 23 px ;
}
. app-body . notification-group ,
. app-body . notification-ungrouped {
border : none ;
position : relative ;
}
. app-body : is ( . notification-group , . notification-ungrouped ) : : after ,
. app-body . filtered-notifications-banner : : after {
position : absolute ;
display : block ;
background-color : var ( -- color - lines ) ;
height : 1 px ;
width : calc ( 100 % - 78 px ) ;
right : 0 ;
bottom : 0 ;
content : " " ;
opacity : .7 ;
}
. app-body . notification-ungrouped {
padding : 0 ;
}
. app-body . notification-ungrouped : is ( . status__avatar , . account__avatar ) {
height : 46 px !important ;
width : 46 px !important ;
}
. app-body . notification-ungrouped
: is (
. attachment-list ,
. audio-player ,
. hashtag-bar ,
. media-gallery ,
. more-from-author ,
. picture-in-picture-placeholder ,
. status-card ,
. status__action-bar ,
. status__content ,
. video-player
) {
margin-left : 0 ;
width : 100 % ;
}
. app-body . notification-ungrouped__header {
margin-bottom : - 6 px ;
padding-top : 16 px ;
z-index : 1 ;
position : relative ;
font-weight : 500 ;
color : var ( -- color - content - fg ) ;
2024-07-23 20:42:52 +09:00
background-color : var ( -- color - post-bg ) ;
transition : background .3 s ;
2024-07-18 00:07:12 +09:00
}
. app-body . notification-ungrouped__header bdi {
font-weight : bold ;
}
. app-body . notification-ungrouped--direct . notification-ungrouped__header {
background-color : var ( -- color - post-bg ) ;
transition : background .3 s ;
}
. app-body
: is (
. notification-group__icon ,
. notification-ungrouped__header__icon
) {
width : 46 px ;
height : 28 px ;
justify-content : end ;
}
. app-body
: is (
. notification-group__icon ,
. notification-ungrouped__header__icon
)
svg {
width : 22 px ;
height : 22 px ;
}
. app-body . notification-ungrouped . status : : before {
display : none ;
}
. app-body . notification-group__main__status {
border : 0 ;
background-color : var ( -- color - content - secondary-bg ) ;
padding : 10 px ;
transition : background .3 s ;
}
. app-body . notification-group__main__status : has ( . notification-group__embedded-status__content > p : hover ) {
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 88 % ) ;
}
. app-body . notification-group__main__header__label {
color : var ( -- color - content - fg ) ;
justify-content : space-between ;
}
. app-body . notification-group__main__header__label time {
color : var ( -- color - content - fg-muted ) ;
}
. app-body . notification-group__embedded-status__account {
color : var ( -- color - content - fg ) ;
}
. app-body . notification-group__embedded-status . account__avatar {
opacity : 1 ;
}
2024-03-19 03:14:13 +09:00
2023-11-21 08:32:06 +09:00
/* 📋 Lists tab */
. app-body . column-inline-form {
2023-12-20 11:49:35 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
border : 1 px solid var ( -- color - lines ) ;
border-bottom : 0 ;
2023-11-21 08:32:06 +09:00
}
@media screen and ( max-width : 889 px ) {
. app-body . column-inline-form {
2023-12-20 11:49:35 +09:00
border-left : 0 ;
border-right : 0 ;
2023-11-21 08:32:06 +09:00
}
}
. app-body . column-inline-form label : is ( input , input : focus ) {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
border-radius : 8 px ;
2023-12-20 11:49:35 +09:00
border : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . column-inline-form label input : focus {
2023-12-20 11:49:35 +09:00
border-color : var ( -- color - accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body : is ( . column-subheading , . columns-area__panels__main . column-link ) {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - fg ) ;
}
. app-body . item-list . column-subheading {
color : var ( -- color - fg-muted ) ;
2023-11-25 05:49:10 +09:00
border-top : 0 ;
2023-11-21 08:32:06 +09:00
border-bottom : 0 ;
}
. app-body . getting-started . column-subheading {
color : var ( -- color - fg-muted ) ;
}
@media screen and ( max-width : 889 px ) {
. app-body . item-list . column-subheading {
border-left : 0 ;
border-right : 0 ;
border-radius : 0 ;
}
}
2023-12-20 11:49:35 +09:00
. app-body . list-editor {
background-color : var ( -- color - content - bg ) ;
}
2023-11-25 05:49:10 +09:00
. app-body . list-editor . drawer__inner {
background-color : var ( -- color - content - bg ) ;
2023-12-20 11:49:35 +09:00
border-radius : 0 ;
2023-11-25 05:49:10 +09:00
}
. app-body . list-editor__search {
margin : 10 px ;
2023-12-20 11:49:35 +09:00
background-color : var ( -- color - content - bg ) ;
2023-11-25 05:49:10 +09:00
}
. app-body . list-editor . column-inline-form {
background-color : var ( -- color - content - secondary-bg ) ;
border-top : 0 ;
border-right : 0 ;
border-left : 0 ;
border-color : var ( -- color - lines ) ;
}
. app-body . list-editor . column-inline-form . icon-button {
color : var ( -- color - accent ) ;
}
. app-body . list-editor . column-inline-form . icon-button . disabled {
opacity : .5 ;
pointer-events : none ;
}
. app-body . list-editor . account {
border-right : 0 !important ;
border-left : 0 !important ;
}
. app-body . list-editor . setting-text {
width : 100 % ;
background-color : var ( -- color - accent-bg ) ;
border : 1 px solid var ( -- color - accent-lines ) ;
border-radius : 8 px ;
color : var ( -- color - content - fg ) ;
}
. app-body . list-editor . setting-text : is ( : active , : focus ) {
border-color : var ( -- color - accent ) ;
background-color : var ( -- color - content - bg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . item-list . column-link {
margin-left : 0 ;
width : 100 % ;
border-bottom : 2 px solid var ( -- color - content - secondary-separator ) ;
background-color : var ( -- color - content - bg ) ;
box-sizing : border-box ;
}
. app-body . item-list . column-link : hover {
background-color : var ( -- color - content - secondary-bg ) ;
color : var ( -- color - accent ) ;
}
. app-body . item-list article : last-child . column-link {
2024-02-01 03:20:59 +09:00
border-bottom : 0 ;
2023-11-21 08:32:06 +09:00
}
@media screen and ( max-width : 889 px ) {
. app-body . item-list . column-link {
border-left : 0 ;
border-right : 0 ;
}
. app-body . item-list article : last-child . column-link {
border-radius : 0 ;
}
}
/* List adder dialog */
. app-body : is ( . list-adder , . list-adder__account , . list-adder__lists ) {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . list-adder__account {
margin-top : 12 px ;
}
. app-body . list-adder . column-inline-form {
border-radius : 0 ;
}
. list-adder . list {
border-bottom : 2 px solid var ( -- color - content - secondary-separator ) ;
}
/* ➕ Follow requests */
. app-body # Follow-requests {
margin-bottom : 0 ;
z-index : 0 ;
}
. app-body . account-authorize__wrapper {
margin : 0 ;
border-bottom : 1 px solid var ( -- color - lines ) ;
}
. app-body . account-authorize {
background-color : var ( -- color - content - bg ) ;
padding : 20 px
}
. app-body . account--panel {
background-color : var ( -- color - content - bg ) ;
border : 0 ;
padding : 0 5 px ;
}
. app-body . account__header__content {
color : var ( -- color - content - fg ) ;
}
. app-body . account--panel__button {
padding : 0 5 px 12 px 5 px ;
}
. app-body . account--panel__button . icon-button {
2024-03-19 03:14:13 +09:00
width : 100 % ;
}
. app-body . account--panel__button . icon-button ,
. app-body . notification-request__actions . icon-button {
2023-11-21 08:32:06 +09:00
padding : 10 px ;
box-sizing : border-box ;
border-radius : 8 px ;
transition : all .3 s ;
2024-03-19 03:14:13 +09:00
border : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . account--panel button . icon-check {
background-image : var ( -- icon - check ) ;
}
. app-body . account--panel button : is ( : active , : focus , : hover ) . icon-check {
background-image : var ( -- icon - check-inv ) ;
}
2024-03-19 03:14:13 +09:00
. app-body . account--panel__button : first-child . icon-button ,
. app-body . notification-request__actions . icon-button : last-child {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - confirm-bg ) ;
2024-03-19 03:14:13 +09:00
color : var ( -- color - confirm-fg ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-19 03:14:13 +09:00
. app-body . account--panel__button : first-child . icon-button : is ( : hover , : active ) ,
. app-body . notification-request__actions . icon-button : last-child : is ( : hover , : active ) {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - confirm ) ;
2024-03-19 03:14:13 +09:00
color : var ( -- color - accent-fg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . account--panel button . icon-times {
background-image : var ( -- icon - reject ) ;
}
. app-body . account--panel button : is ( : active , : focus , : hover ) . icon-times {
background-image : var ( -- icon - reject-inv ) ;
}
2024-03-19 03:14:13 +09:00
. app-body . account--panel__button : nth-child ( 2 ) . icon-button ,
. app-body . notification-request__actions . icon-button : first-child {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - reject-bg ) ;
2024-03-19 03:14:13 +09:00
color : var ( -- color - reject ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-19 03:14:13 +09:00
. app-body . account--panel__button : nth-child ( 2 ) . icon-button : is ( : hover , : active ) ,
. app-body . notification-request__actions . icon-button : first-child : is ( : hover , : active ) {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - reject ) ;
2024-03-19 03:14:13 +09:00
color : var ( -- color - accent-fg ) ;
2023-11-21 08:32:06 +09:00
}
@media screen and ( max-width : 1174 px ) {
. app-body # Follow-requests + . column-back-button--slim . column-back-button {
position : absolute ;
right : 0 ;
margin : 0 ;
width : auto ;
}
}
2024-02-03 23:54:12 +09:00
/* Inline Follow Suggesitons */
. app-body . inline-follow-suggestions {
2024-02-12 00:46:50 +09:00
background-color : var ( -- color - content - bg ) ;
2024-02-03 23:54:12 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
position : relative ;
}
. app-body . inline-follow-suggestions__header h3 {
font-weight : bold ;
color : var ( -- color - content - fg ) ;
}
2024-02-29 03:25:46 +09:00
. app-body . inline-follow-suggestions__body__scrollable {
scroll-padding : 60 px ;
}
2024-04-22 23:43:34 +09:00
. app-body . inline-follow-suggestions__body__scrollable : : -webkit-scrollbar {
height : 5 px ;
}
. app-body . inline-follow-suggestions__body__scrollable : : -webkit-scrollbar-thumb {
opacity : 1 ;
border-radius : 0 ;
}
2024-02-03 23:54:12 +09:00
. app-body . inline-follow-suggestions__body__scrollable__card {
border-radius : 8 px ;
2024-02-12 00:46:50 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
2024-02-15 00:05:35 +09:00
border : 0 ;
2024-02-03 23:54:12 +09:00
}
. app-body . inline-follow-suggestions__body__scrollable__card : is ( . display-name__html , . display-name__account ) ,
. app-body . inline-follow-suggestions__body__scrollable__card__text-stack__source {
color : var ( -- color - content - fg ) ;
}
. app-body . inline-follow-suggestions__body__scrollable__card . display-name__account {
opacity : .6 ;
}
. app-body . inline-follow-suggestions__body__scrollable__card . verified-badge {
color : var ( -- color - accent ) ;
}
. app-body . inline-follow-suggestions__body__scrollable__card button : active {
transform : scale ( .95 ) ;
}
. app-body . inline-follow-suggestions__body__scroll-button__icon {
background-color : var ( -- color - accent ) ;
border-radius : 8 px ;
padding : 6 px ;
transition : all .3 s ;
}
2024-02-28 08:02:43 +09:00
. app-body . inline-follow-suggestions__body__scroll-button {
opacity : 1 ;
}
2024-02-03 23:54:12 +09:00
. app-body . inline-follow-suggestions__body__scroll-button : is ( : active ) . inline-follow-suggestions__body__scroll-button__icon {
transform : scale ( .9 ) ;
}
. app-body . inline-follow-suggestions__body__scroll-button : is ( : active , : focus , : hover ) . inline-follow-suggestions__body__scroll-button__icon {
background-color : var ( -- color - accent-focus ) ;
}
2024-02-29 03:25:46 +09:00
. app-body . inline-follow-suggestions__body__scroll-button . left {
background : linear-gradient ( to right , var ( -- color - content - bg ) , transparent ) ;
margin-left : - 15 px ;
padding-left : 21 px ;
}
2024-02-12 00:46:50 +09:00
. app-body . inline-follow-suggestions__body__scroll-button . right {
background : linear-gradient ( to left , var ( -- color - content - bg ) , transparent ) ;
margin-right : - 15 px ;
padding-right : 21 px ;
}
2024-02-03 23:54:12 +09:00
. app-body . inline-follow-suggestions__body__scrollable__card . account__avatar {
border-radius : 50 px ;
background-color : var ( -- color - content - bg ) ;
2024-02-12 00:46:50 +09:00
border : 3 px solid var ( -- color - content - bg ) ;
2024-02-03 23:54:12 +09:00
box-shadow : 0 2 px 5 px rgba ( 0 , 0 , 0 , .1 ) ;
2024-02-12 00:46:50 +09:00
transform : translateY ( 3 px ) ;
2024-02-03 23:54:12 +09:00
}
2024-07-18 10:56:07 +09:00
. app-body . inline-follow-suggestions . button : is ( . button-secondary , . button-tertiary ) {
padding : 7 px 18 px ;
}
. app-body . inline-follow-suggestions__body__scrollable__card__text-stack__source . icon {
width : 17 px ;
height : 17 px ;
}
2023-12-11 06:08:07 +09:00
2023-11-21 08:32:06 +09:00
. app-body . button ,
. app-body . account__header__tabs__buttons . icon-button {
border-radius : 8 px ;
}
. app-body . button ,
. app-body . button . logo-button ,
. app-body . rules-list li : before ,
. app-body . icon-with-badge__badge {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
transition : all .2 s ;
}
. app-body . button : disabled ,
. app-body . button . disabled {
opacity : .7 ;
}
. app-body . text-icon-button . active ,
. app-body . button . button-tertiary ,
. app-body . account__header__fields a ,
. app-body . account__header__bio . account__header__fields a ,
. app-body . reply-indicator__content a . unhandled-link ,
. app-body . status__content a ,
. app-body . status__content a . hashtag ,
. app-body . status__content a . unhandled-link ,
. app-body . column-back-button ,
. app-body . about__section__title ,
. app-body . prose a ,
. app-body . column-link--transparent . active ,
. app-body . column-header > . column-header__back-button ,
. app-body . column-header__back-button ,
. app-body . interaction-modal__icon ,
. app-body . status__content a . mention ,
. app-body . status__content__read-more-button ,
. app-body . link-button ,
. app-body . translate-button button ,
. app-body . status__content__translate-button ,
. app-body . status__action-bar__dropdown . icon-button . active ,
. app-body . account__relationship . icon-button . active ,
. app-body . account__header__tabs__buttons . icon-button . active ,
. app-body . text-btn ,
. app-body . detailed-status__action-bar-dropdown . icon-button ,
. app-body . notification-bar-action {
color : var ( -- color - accent ) ;
}
. app-body . icon-button ,
2023-12-20 11:49:35 +09:00
. app-body . icon-button . inverted {
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
}
. app-body . account__header__tabs__buttons . icon-button {
padding : 6 px ;
border : 0 ;
color : var ( -- color - content - fg ) ;
background-color : var ( -- color - content - secondary-bg ) ;
}
. app-body . account__header__tabs__buttons . icon-button : hover {
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
}
2023-12-22 01:41:37 +09:00
. app-body . account__header__tabs__buttons . icon-button : has ( . icon-ellipsis-v , . icon-close ) . active {
background-color : var ( -- color - accent ) ;
}
2023-12-20 03:56:45 +09:00
. app-body . icon-button {
border-radius : 8 px ;
transition : all .2 s ;
}
2023-11-21 08:32:06 +09:00
. app-body . icon-button : is ( : active , : focus , : hover ) {
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - accent ) ;
}
2023-12-26 09:19:25 +09:00
. app-body . account__header__tabs__buttons . icon-button . active . icon-bell {
animation : bell-ring .4 s ease-in 1 ;
transform-origin : top center ;
}
. app-body . account__header__tabs__buttons . icon-button . active : has ( . icon-bell ) : is ( : active , : focus ) {
background-color : var ( -- color - content - secondary-bg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . language-dropdown__dropdown {
background-color : var ( -- color - content - bg ) ;
border-radius : 8 px ;
border : 1 px solid var ( -- color - lines ) ;
2023-12-20 03:56:45 +09:00
box-shadow : var ( -- dropdown-shadow ) ;
2024-01-24 02:09:51 +09:00
padding : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . language-dropdown__dropdown__results__item {
border-radius : 8 px ;
}
. app-body . language-dropdown__dropdown__results__item . active ,
. app-body . language-dropdown__dropdown__results__item . active : hover {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
. app-body . language-dropdown__dropdown__results__item : is ( : active , : focus , : hover ) {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . language-dropdown__dropdown__results__item__native-name {
font-weight : bold ;
}
. app-body . language-dropdown__dropdown__results__item__common-name {
opacity : .7 ;
}
. app-body
: is ( . language-dropdown__dropdown__results__item__common-name ,
. language-dropdown__dropdown__results__item__native-name ) {
color : var ( -- color - content - fg ) ;
}
. app-body
. language-dropdown__dropdown__results__item : is ( . active , . active : hover )
: is ( . language-dropdown__dropdown__results__item__common-name ,
. language-dropdown__dropdown__results__item__native-name ) {
color : var ( -- color - accent-fg ) ;
}
. app-body
. language-dropdown__dropdown__results__item : is ( : active , : focus , : hover )
: is ( . language-dropdown__dropdown__results__item__native-name ,
. language-dropdown__dropdown__results__item__common-name ) {
color : var ( -- color - accent ) ;
}
2024-02-03 23:54:12 +09:00
. app-body . button : not ( . button-secondary ) : is ( : active , : hover ) ,
. app-body . button . button-tertiary : is ( : active , : hover ) ,
. app-body . button . logo-button : is ( : active , : hover ) {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - accent-focus ) ;
}
2024-01-03 10:42:03 +09:00
. app-body . react-toggle {
transition : transform .3 s ;
}
. app-body . react-toggle : active {
transform : scale ( .9 ) ;
}
2024-03-16 05:54:25 +09:00
. app-body . react-toggle-track ,
. app-body . react-toggle : hover : not ( . react-toggle--disabled ) . react-toggle-track {
2023-12-11 09:12:12 +09:00
background-color : var ( -- color - fg-muted ) ;
transition : all .2 s ;
2023-11-21 08:32:06 +09:00
}
. app-body . react-toggle-thumb {
border : 0 ;
2023-12-11 09:12:12 +09:00
background-color : #ffffff ;
2023-11-21 08:32:06 +09:00
}
. app-body . react-toggle . react-toggle--checked . react-toggle-track ,
. app-body . react-toggle . react-toggle--checked : is ( : hover , : focus-within ) : not ( . react-toggle--disabled ) . react-toggle-track ,
. app-body . react-toggle . react-toggle--checked : hover : not ( . react-toggle--disabled ) . react-toggle-track {
background-color : var ( -- color - accent ) ;
}
. app-body . react-toggle--checked . react-toggle-thumb {
border-color : var ( -- color - accent ) ;
}
2024-01-03 10:42:03 +09:00
. app-body . react-toggle--focus {
outline : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . radio-button {
color : var ( -- color - content - fg ) ;
}
2023-12-26 09:19:25 +09:00
. app-body . radio-button__input ,
2024-03-17 01:11:04 +09:00
. app-body . poll__input ,
. app-body . check-box__input {
2023-12-26 09:19:25 +09:00
border-width : 4 px ;
border-color : var ( -- color - content - bg ) ;
background-color : var ( -- color - accent-bg ) ;
outline : 1 px solid var ( -- color - accent ) !important ;
outline-offset : - 1 px ;
transition : transform .3 s ;
2024-03-17 01:11:04 +09:00
width : 20 px ;
height : 20 px ;
2023-11-21 08:32:06 +09:00
}
2023-12-26 09:19:25 +09:00
. app-body . radio-button : active . radio-button__input ,
2024-03-17 01:11:04 +09:00
. app-body . poll__option : active . poll__input ,
. app-body . check-box : active . check-box__input {
2023-12-26 09:19:25 +09:00
transform : scale ( .9 ) ;
}
. app-body . radio-button__input . checked ,
. app-body . poll__input . active {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - accent ) ;
}
2024-03-17 01:11:04 +09:00
. app-body . check-box__input . checked : before ,
. app-body . radio-button__input . checked : before {
display : none ;
}
. app-body . check-box__input . checked ,
. app-body . radio-button__input . checked {
background-color : var ( -- color - accent ) ;
}
. app-body . check-box__input . checked . icon-check {
transform : scale ( .5 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . dropdown-menu {
border : 1 px solid var ( -- color - lines ) ;
border-radius : 8 px ;
}
. app-body . dropdown-menu ,
. app-body . dropdown-menu__container__header ,
. app-body . dropdown-menu__item . edited-timestamp__history__item ,
. app-body . dropdown-menu__item : is ( a , button ) {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
border-color : var ( -- color - lines ) ;
}
. app-body . dropdown-menu__item a ,
. app-body . dropdown-menu__arrow : before {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
border : 0 ;
}
. app-body . dropdown-menu__item : is ( a , button ) : is ( : active , : focus , : hover ) {
background : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
outline : 0 ;
}
. app-body . dropdown-menu__separator {
border-color : var ( -- color - content - secondary-separator ) ;
}
2024-04-13 08:17:35 +09:00
. app-body . dropdown-menu__container__list--scrollable {
overflow-y : auto ;
}
2023-11-28 20:58:15 +09:00
. app-body . privacy-dropdown__dropdown {
background-color : var ( -- color - content - bg ) ;
border-radius : 8 px ;
border : 1 px solid var ( -- color - lines ) ;
2023-12-20 03:56:45 +09:00
box-shadow : var ( -- dropdown-shadow ) ;
padding : 8 px ;
2023-11-28 20:58:15 +09:00
}
. app-body . privacy-dropdown : is ( . privacy-dropdown__value , . privacy-dropdown__value ) ,
. app-body . privacy-dropdown__option {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
2023-12-20 03:56:45 +09:00
border-radius : 6 px ;
margin-bottom : 2 px ;
2023-11-28 20:58:15 +09:00
}
2023-11-21 08:32:06 +09:00
. app-body . privacy-dropdown . active : is ( . privacy-dropdown__value , . privacy-dropdown__value . active ) ,
. app-body . privacy-dropdown__option : is ( . active , . active : hover , : hover ) {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
2023-11-28 20:58:15 +09:00
. app-body . privacy-dropdown . active . privacy-dropdown__value : has ( . text-icon-button . active ) {
border-radius : 6 px 6 px 0 0 ;
}
. app-body . privacy-dropdown__option . privacy-dropdown__option__content ,
. app-body . privacy-dropdown__option . privacy-dropdown__option__content strong {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . privacy-dropdown__option . active . privacy-dropdown__option__content ,
. app-body . privacy-dropdown__option . active . privacy-dropdown__option__content strong ,
. app-body . privacy-dropdown__option : hover . privacy-dropdown__option__content ,
. app-body . privacy-dropdown__option : hover . privacy-dropdown__option__content strong ,
. app-body . privacy-dropdown . active . privacy-dropdown__value . active . icon-button ,
. app-body . privacy-dropdown . icon-button . inverted . active {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
}
. app-body . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-globe {
background-image : var ( -- icon - globe-visibility-inv ) ;
}
. app-body . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-unlock {
background-image : var ( -- icon - unlock-inv ) ;
}
. app-body . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-lock {
background-image : var ( -- icon - lock-inv ) ;
}
. app-body . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-at {
background-image : var ( -- icon - at-inv ) ;
}
2024-02-01 03:20:59 +09:00
. app-body . privacy-dropdown__option . icon-info-circle path {
fill : var ( -- color - content - fg ) ;
}
. app-body . privacy-dropdown__option : is ( : hover , . active , . active : hover ) . icon-info-circle path {
fill : var ( -- color - accent-fg ) ;
}
2023-11-21 08:32:06 +09:00
2023-12-11 06:08:07 +09:00
. app-body . dropdown-animation {
animation : fadein-short .2 s 1 ;
}
2023-11-21 08:32:06 +09:00
. app-body . button . button-tertiary : is ( . button--confirmation , . button--destructive ) {
background-color : transparent ;
}
. app-body . button . button-tertiary . button--confirmation {
color : #4e8a6b ;
background-color : rgba ( 121 , 189 , 154 , 0 .3 ) ;
}
. app-body . button . button-tertiary . button--destructive {
color : #df405a ;
background-color : rgba ( 223 , 64 , 90 , 0 .3 ) ;
}
. app-body . button . button-tertiary . button--confirmation : is ( : active , : focus , : hover ) {
background-color : #79bd9a ;
color : #ffffff ;
}
. app-body . button . button-tertiary . button--destructive : is ( : active , : focus , : hover ) {
background-color : #df405a ;
color : #ffffff ;
}
@media ( prefers-color-scheme : dark ) {
. app-body . button . button-tertiary . button--confirmation {
color : #72cb9d ;
}
. app-body . button . button-tertiary . button--destructive {
color : #f3637b ;
}
}
2024-01-09 01:59:24 +09:00
. app-body
: is (
. block-modal__cancel-button ,
. confirmation-modal__cancel-button ,
. confirmation-modal__secondary-button ,
. mute-modal__cancel-button
) : not ( : hover ) {
2024-03-13 10:50:57 +09:00
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 90 % ) ;
color : var ( -- color - accent ) ;
}
. app-body
: is (
. block-modal__cancel-button ,
. confirmation-modal__cancel-button ,
. confirmation-modal__secondary-button ,
. mute-modal__cancel-button
) : is ( : active , : hover ) {
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 70 % ) !important ;
2024-01-09 01:59:24 +09:00
color : var ( -- color - accent ) ;
2023-11-21 08:32:06 +09:00
}
2024-02-03 23:54:12 +09:00
. app-body
: is (
. block-modal__cancel-button ,
. confirmation-modal__cancel-button ,
. confirmation-modal__secondary-button ,
. mute-modal__cancel-button
) : active ,
: is (
. block-modal__cancel-button ,
. confirmation-modal__cancel-button ,
. confirmation-modal__secondary-button ,
. mute-modal__cancel-button
)
+ button : active {
transform : scale ( .95 ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . status__content a . hashtag {
color : var ( -- color - accent ) ;
}
/ * 🖱 ️ Interaction modals
- - - - - - - - - - - - - - - - - - - - - * /
2023-12-18 00:20:44 +09:00
. app-body . modal-root__modal : not ( . media-modal ) {
2024-03-17 01:11:04 +09:00
border : 0 ;
outline : 1 px solid var ( -- color - lines-translucent ) ;
2023-11-21 08:32:06 +09:00
}
2024-03-21 03:17:11 +09:00
@media screen and ( max-width : 1174 px ) {
. app-body . modal-root__modal : not ( . media-modal ) {
margin-top : unset ;
}
}
2023-12-29 01:53:34 +09:00
. app-body . compare-history-modal {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . compare-history-modal . report-modal__target {
border-color : var ( -- color - lines ) ;
}
2024-03-17 01:11:04 +09:00
. app-body . safety-action-modal {
border : 1 px solid var ( -- color - lines ) ;
background-color : var ( -- color - content - bg ) ;
border-radius : 8 px ;
}
. app-body . safety-action-modal__header__icon {
background-color : var ( -- color - accent ) ;
}
. app-body . safety-action-modal__header ,
. app-body . safety-action-modal__header h1 ,
. app-body . safety-action-modal__caveats ,
. app-body . safety-action-modal__bullet-points {
color : var ( -- color - content - fg ) ;
}
. app-body . safety-action-modal__header h1 {
font-weight : 600 ;
}
. app-body . safety-action-modal__header h1 + div {
opacity : .6 ;
}
. app-body . safety-action-modal__top {
background-color : transparent ;
border : 0 ;
}
. app-body . safety-action-modal__bottom {
background-color : var ( -- color - content - secondary-bg ) ;
padding-top : 24 px ;
border : 0 ;
border-radius : 0 0 8 px 8 px ;
}
. app-body . safety-action-modal__bullet-points__icon . icon {
transform : scale ( 1 .3 ) ;
}
. app-body . safety-action-modal__bullet-points > div : first-child . safety-action-modal__bullet-points__icon . icon {
background-image : var ( -- icon - megaphone ) ;
}
. app-body . safety-action-modal__bullet-points > div : nth-child ( 2 ) . safety-action-modal__bullet-points__icon . icon {
background-image : var ( -- icon - eye-shut ) ;
}
. app-body . safety-action-modal__bullet-points > div : nth-child ( 3 ) . safety-action-modal__bullet-points__icon . icon {
background-image : var ( -- icon - direct-messages ) ;
}
. app-body . safety-action-modal__bullet-points > div : nth-child ( 4 ) . safety-action-modal__bullet-points__icon . icon {
background-image : var ( -- icon - reply ) ;
transform : scale ( 1 ) ;
}
. app-body . safety-action-modal__field-group label {
color : var ( -- color - content - fg ) ;
}
2024-01-14 10:05:07 +09:00
. app-body . report-modal {
background-color : var ( -- color - content - bg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . interaction-modal {
background-color : var ( -- color - content - bg ) ;
2024-04-02 01:28:32 +09:00
border-radius : 10 px ;
box-shadow : var ( -- dropdown-shadow ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . interaction-modal ,
. app-body . interaction-modal__lead h3 {
color : var ( -- color - content - fg ) ;
}
. app-body . interaction-modal__lead p ,
. app-body . interaction-modal__choices__choice p {
color : var ( -- color - fg ) ;
}
. app-body . interaction-modal__icon {
vertical-align : middle ;
2023-11-25 00:47:26 +09:00
display : inline-block ;
transform : scale ( 1 .4 ) translateX ( - 2 px ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . interaction-modal p {
color : var ( -- color - content - fg ) ;
}
. app-body . interaction-modal p . hint {
color : var ( -- color - content - fg-muted ) ;
}
. app-body . interaction-modal : is ( . button , . button . button-tertiary ) {
padding : 10 px 18 px ;
}
. app-body . interaction-modal . button . button-tertiary : hover {
background-color : var ( -- color - content - secondary-separator ) ;
}
. app-body . copypaste input ,
. app-body . interaction-modal__login__input {
2023-11-25 02:26:44 +09:00
border-color : var ( -- color - lines ) ;
background-color : var ( -- color - content - secondary-bg ) ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
border-radius : 8 px ;
2024-01-13 08:09:13 +09:00
outline : 0 solid var ( -- color - accent-bg ) ;
transition : all .2 s ;
2023-11-21 08:32:06 +09:00
}
. app-body . interaction-modal__login . expanded . interaction-modal__login__input {
border-top-left-radius : 8 px ;
border-top-right-radius : 8 px ;
border-bottom-left-radius : 8 px ;
border-bottom-right-radius : 8 px ;
}
. app-body . interaction-modal__login__input input : : placeholder {
2023-11-25 02:26:44 +09:00
color : var ( -- color - content - fg-muted ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . interaction-modal__login . focused . interaction-modal__login__input {
background-color : var ( -- color - content - bg ) ;
border-color : var ( -- color - accent ) ;
2024-01-13 08:09:13 +09:00
outline : 3 px solid var ( -- color - accent-bg ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . interaction-modal__login . search__popout {
border-color : var ( -- color - lines ) ;
}
. app-body . interaction-modal . copypaste button {
padding : 8 px 18 px ;
}
2023-12-16 01:15:25 +09:00
. app-body . interaction-modal ,
2023-11-21 08:32:06 +09:00
. app-body . boost-modal__container ,
. app-body . mute-modal__container ,
. app-body . block-modal__container {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . boost-modal__container {
margin-bottom : - 11 px ;
}
. app-body . confirmation-modal__container ,
. app-body . mute-modal__container ,
. app-body . block-modal__container {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . block-modal__action-bar ,
. app-body . boost-modal__action-bar ,
. app-body . confirmation-modal__action-bar ,
. app-body . mute-modal__action-bar {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . block-modal__action-bar > div ,
. app-body . boost-modal__action-bar > div ,
. app-body . confirmation-modal__action-bar > div ,
. app-body . mute-modal__action-bar > div ,
. app-body . boost-modal__container . status__content__text ,
. app-body . boost-modal__container . display-name strong . display-name__html ,
. app-body . boost-modal__container . status__info ,
. app-body . boost-modal__container . status__relative-time time ,
. app-body . boost-modal__container . status . light . status__visibility-icon {
color : var ( -- color - content - fg ) ;
}
. app-body . actions-modal ul li : not ( : empty ) a {
color : var ( -- color - content - fg ) ;
}
. app-body . actions-modal ul li : not ( : empty )
a : is ( . active ,
. active button ,
: active ,
: active button ,
: focus ,
: focus button ,
: hover ,
: hover button ) {
2023-12-29 05:58:20 +09:00
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
2023-11-21 08:32:06 +09:00
}
/* Media modals */
2023-12-17 23:39:11 +09:00
. app-body . modal-root__overlay : has ( + div > . media-modal ) {
background-color : #030303 !important ;
2023-11-21 08:32:06 +09:00
}
2024-07-18 00:07:12 +09:00
. app-body . modal-root__overlay {
background-color : rgb ( 0 , 0 , 0 , .4 ) ;
}
@media ( prefers-color-scheme : dark ) {
. app-body . modal-root__overlay {
background-color : rgb ( 0 , 0 , 0 , .9 ) ;
}
}
2023-12-17 23:39:11 +09:00
. app-body
: is (
. media-modal__close ,
. media-modal__nav ,
2023-12-29 05:58:20 +09:00
. media-modal__zoom-button
) {
background-color : #1e1e1e ;
color : #777777 ;
height : 44 px ;
width : 44 px ;
border-radius : 50 % ;
align-items : center ;
justify-content : center ;
padding : 0 ;
transition : .2 s all ;
2023-12-17 23:39:11 +09:00
}
. app-body
: is (
. media-modal__close ,
. media-modal__nav ,
. media-modal__zoom-button
) : is ( : active , : focus , : hover ) {
2023-12-29 05:58:20 +09:00
background-color : #343434 ;
color : #ffffff ;
2023-12-17 23:39:11 +09:00
}
. app-body
: is (
. media-modal__close ,
. media-modal__nav ,
. media-modal__zoom-button )
svg {
2023-12-29 05:58:20 +09:00
transform : scale ( 1 .3 ) ;
2023-12-17 23:39:11 +09:00
}
. app-body . media-modal__close {
top : 24 px ;
left : 24 px ;
}
. app-body . media-modal__zoom-button {
top : 24 px ;
right : 24 px ;
}
. app-body . media-modal__nav--left {
left : 24 px ;
}
. app-body . media-modal__nav--right {
right : 24 px ;
}
@media screen and ( max-width : 889 px ) {
. app-body . media-modal__nav {
display : none ;
}
}
. app-body . media-modal__overlay . picture-in-picture__footer {
display : none ;
2023-11-21 08:32:06 +09:00
}
2023-12-15 07:06:38 +09:00
. app-body . media-modal__overlay . picture-in-picture__footer . icon-button > svg {
width : 25 px ;
height : 25 px ;
}
. app-body . media-modal__overlay . picture-in-picture__footer . icon-button : is ( : active , : hover , : focus ) {
background-color : transparent !important ;
}
. app-body . picture-in-picture__footer . animated-number {
color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . media-modal__page-dot {
2023-12-17 23:39:11 +09:00
background-color : #858585 ;
2023-11-21 08:32:06 +09:00
}
2023-12-15 07:06:38 +09:00
. app-body . media-modal__overlay . icon-external-link path {
fill : var ( -- color - accent ) ;
}
. app-body . modal-root > div {
animation : slowin .3 s 1 ;
}
2023-12-21 05:53:46 +09:00
2023-11-21 08:32:06 +09:00
/* Report modals */
. app-body . report-dialog-modal__lead {
color : var ( -- color - content - fg-muted ) ;
}
2024-01-03 10:42:03 +09:00
. app-body . report-dialog-modal {
background-color : var ( -- color - content - bg ) ;
}
. app-body . report-dialog-modal . dialog-option ,
. app-body . report-dialog-modal . poll__option . dialog-option : last-child {
border-top : 1 px solid var ( -- color - lines ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
padding : 15 px ;
margin-bottom : 5 px ;
border-radius : 8 px ;
transition : all .2 s ;
}
. app-body . report-dialog-modal . dialog-option : hover ,
. app-body . report-dialog-modal . poll__option . dialog-option : hover ,
. app-body . report-dialog-modal . dialog-option : has ( . poll__input . active ) {
border-top : 1 px solid var ( -- color - accent ) ;
border-left : 1 px solid var ( -- color - accent ) ;
border-right : 1 px solid var ( -- color - accent ) ;
border-bottom : 1 px solid var ( -- color - accent ) ;
2023-11-21 08:32:06 +09:00
}
2024-01-03 10:42:03 +09:00
. app-body . report-dialog-modal . dialog-option . poll__input ,
. app-body . report-dialog-modal__textarea : focus {
2023-11-21 08:32:06 +09:00
border-color : var ( -- color - accent ) ;
}
. app-body . report-dialog-modal . dialog-option . poll__input . active {
background-color : var ( -- color - accent ) ;
}
2024-01-03 10:42:03 +09:00
. app-body . report-dialog-modal . dialog-option . poll__input svg {
display : none ;
}
. app-body . report-dialog-modal . poll__option . dialog-option > . poll__option__text ,
. app-body . report-dialog-modal . dialog-option time ,
. app-body . report-dialog-modal . status__content > p : first-child : has ( . status__content__spoiler-link ) > span ,
. app-body . report-dialog-modal__toggle ,
. app-body . report-dialog-modal__subtitle ,
. app-body . report-modal__comment . setting-text-label ,
. app-body . report-dialog-modal . status__content__text p ,
. app-body . report-dialog-modal__title ,
. app-body . report-modal__target {
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
}
. app-body . report-dialog-modal . poll__option . dialog-option > . poll__option__text strong {
color : var ( -- color - content - fg-bold )
}
. app-body . report-modal__comment ,
2024-01-03 10:42:03 +09:00
. app-body . report-modal__container ,
. app-body . report-dialog-modal__container {
2023-11-21 08:32:06 +09:00
border-color : var ( -- color - lines ) ;
}
2024-01-14 10:05:07 +09:00
. app-body . report-modal__comment {
color : var ( -- color - content - fg-muted ) ;
}
. app-body # upload-modal__description {
background-color : var ( -- color - content - bg ) ;
border : 1 px solid var ( -- color - lines ) ;
border-radius : 8 px ;
color : var ( -- color - content - fg ) ;
}
. app-body # upload-modal__description : focus {
border-color : var ( -- color - accent ) ;
}
. app-body . setting-text__wrapper {
background-color : var ( -- color - content - bg ) ;
border : 0 ;
}
2024-01-03 10:42:03 +09:00
. app-body . report-dialog-modal__textarea {
background-color : var ( -- color - secondary-bg ) ;
border : 1 px solid var ( -- color - lines ) ;
border-radius : 8 px ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
}
2024-01-03 10:42:03 +09:00
. app-body . report-dialog-modal__textarea : : placeholder {
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
2024-01-03 10:42:03 +09:00
opacity : .5 ;
}
2023-11-21 08:32:06 +09:00
/* 🖼️ Picture in Picture */
. app-body . picture-in-picture {
box-shadow : 0 0 5 px rgba ( 0 , 0 , 0 , .2 ) ;
border-radius : 8 px ;
2023-12-15 07:06:38 +09:00
border : 1 px solid var ( -- color - lines ) ;
}
. app-body . picture-in-picture__header {
border-top-left-radius : 8 px ;
border-top-right-radius : 8 px ;
}
. app-body . picture-in-picture__footer {
border-bottom-left-radius : 8 px ;
border-bottom-right-radius : 8 px ;
}
. app-body . picture-in-picture . video-player {
border : 0 ;
2023-11-21 08:32:06 +09:00
}
. app-body . picture-in-picture__footer ,
. app-body . picture-in-picture__header {
background-color : var ( -- color - content - bg ) ;
}
. app-body . picture-in-picture__header . display-name span {
color : var ( -- color - content - fg-muted ) ;
}
2023-12-15 07:06:38 +09:00
. app-body . picture-in-picture-placeholder {
border-radius : 8 px ;
background-color : var ( -- color - content - secondary-bg ) ;
border-color : var ( -- color - lines ) ;
color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
/* ⏯️ Video controls */
. app-body . video-player__seek__progress ,
. app-body . video-player__volume__handle ,
. app-body . video-player__volume__current ,
. app-body . video-player__seek__handle {
background-color : var ( -- color - accent ) ;
}
2023-12-02 02:32:27 +09:00
/* 📄 Meta footer */
. app-body . link-footer {
2023-12-20 11:49:35 +09:00
margin-bottom : 20 px ;
margin-left : 10 px ;
margin-right : 10 px ;
2023-12-02 02:32:27 +09:00
display : flex ;
flex-flow : column ;
2024-01-13 01:56:08 +09:00
padding : 20 px 0 0 ;
2023-12-02 02:32:27 +09:00
}
2023-11-21 08:32:06 +09:00
. app-body . link-footer p ,
. app-body . link-footer a {
color : var ( -- color - fg-muted ) ;
}
2023-12-02 02:32:27 +09:00
. app-body . link-footer : : after {
2024-02-28 08:02:43 +09:00
content : var ( -- meta ) ;
2023-12-02 02:32:27 +09:00
color : var ( -- color - fg-muted ) ;
order : 10 ;
}
2023-11-21 08:32:06 +09:00
/* Server banner */
. app-body . server-banner__introduction {
display : none ;
}
. app-body . server-banner {
padding : 0 0 20 px ;
}
. app-body . server-banner__hero {
border-radius : 8 px 8 px 0 0 ;
margin-bottom : 0 ;
2024-02-28 08:02:43 +09:00
border : 1 px solid var ( -- color - lines-translucent ) ;
border-bottom : 0 ;
background-color : var ( -- color - content - bg ) ;
box-sizing : border-box ;
2023-11-21 08:32:06 +09:00
}
. app-body . server-banner__description {
padding : 20 px 15 px 20 px ;
margin-bottom : 0 ;
background-color : var ( -- color - content - bg ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
}
. app-body . server-banner__meta {
padding : 0 15 px 20 px ;
background-color : var ( -- color - content - bg ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
border-bottom : 1 px solid var ( -- color - lines ) ;
gap : 0 ;
margin : 0 ;
border-radius : 0 0 8 px 8 px ;
align-items : end ;
}
. app-body . server-banner h4 {
color : var ( -- color - fg ) ;
font-size : 80 % ;
}
. app-body . server-banner__number {
2024-03-12 04:25:08 +09:00
color : var ( -- color - content - fg ) ;
font-size : 15 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . server-banner__number-label {
color : var ( -- color - content - fg ) ;
}
. app-body . server-banner . account {
background-color : transparent ;
box-shadow : none ;
padding : 0 ;
border-left : 0 ;
border-right : 0 ;
2024-02-29 03:25:46 +09:00
border-bottom : 0 ;
2023-11-21 08:32:06 +09:00
}
2024-02-28 08:02:43 +09:00
. app-body . server-banner . account . display-name__account {
opacity : .7 ;
}
2023-11-21 08:32:06 +09:00
. app-body . server-banner__meta__column : first-child {
width : calc ( 60 % - 5 px ) ;
}
. app-body . server-banner__meta__column : nth-child ( 2 ) {
width : calc ( 40 % - 5 px ) ;
}
. app-body . server-banner . button . button-secondary {
padding : 10 px ;
margin : 10 px 0 ;
}
. app-body . button . button-secondary ,
. app-body . button . button-tertiary {
border : 0 ;
2024-03-12 04:25:08 +09:00
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 82 % ) ;
2023-11-21 08:32:06 +09:00
color : var ( -- color - accent ) ;
}
2024-07-18 10:56:07 +09:00
. app-body . hover-card . button : not ( . button--destructive ) {
2024-07-18 00:38:58 +09:00
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
line-height : 22 px ;
padding : 10 px 18 px ;
}
2024-07-24 23:24:19 +09:00
. app-body . hover-card . button : not ( . button--destructive ) : hover {
background-color : var ( -- color - accent-focus ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . button : is ( . button-secondary , . button-tertiary ) : hover {
2024-03-13 10:50:57 +09:00
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 70 % ) ;
2024-02-29 03:25:46 +09:00
}
2024-07-18 00:38:58 +09:00
. app-body . button . button--destructive : is ( : active , : hover , : focus ) {
background-color : var ( -- color - reject ) ;
color : var ( -- color - accent-fg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . sign-in-banner . button ,
. app-body . button : is ( . button-secondary , . button-tertiary ) {
padding : 10 px 18 px ;
}
2023-12-16 01:15:25 +09:00
. app-body . sign-in-banner . button : active ,
. app-body . button : is ( . button-secondary , . button-tertiary ) : active {
transform : scale ( .95 ) ;
}
2023-11-21 08:32:06 +09:00
@media screen and ( max-width : 1174 px ) {
. app-body . button . button-tertiary {
padding : 7 px 18 px ;
}
}
2024-01-14 10:05:07 +09:00
. app-body . sign-in-banner {
padding : 10 px 0 10 px 10 px ;
}
2023-11-21 08:32:06 +09:00
. app-body . sign-in-banner p {
2024-02-28 08:02:43 +09:00
color : var ( -- color - fg-muted ) ;
2024-02-29 23:58:52 +09:00
padding : 0 5 px 5 px ;
2023-11-21 08:32:06 +09:00
}
2024-06-27 20:06:54 +09:00
. app-body . sign-in-banner p strong {
font-weight : 600 ;
}
. app-body . sign-in-banner p {
margin-bottom : 25 px ;
}
. app-body . sign-in-banner p : first-child {
margin-bottom : 5 px ;
}
2023-11-21 08:32:06 +09:00
/* 🤗 Onboarding */
. app-body . scrollable . follow-recommendations-container ,
. app-body . column-list {
background-color : var ( -- color - content - bg ) ;
}
. app-body . column-title . logo {
display : none ;
}
. app-body . column-title h3 ,
. app-body . column-title p {
color : var ( -- color - content - fg ) ;
}
. app-body . column-list {
border : 0 ;
}
. app-body . account__note {
color : var ( -- color - content - fg-muted ) ;
}
. app-body . onboarding__steps__item ,
. app-body . onboarding__link {
background-color : var ( -- color - content - secondary-bg ) ;
2023-12-18 02:31:47 +09:00
margin-bottom : 8 px ;
2023-11-21 08:32:06 +09:00
transition : all .2 s ;
}
. app-body . onboarding__steps__item : is ( : active , : focus , : hover ) ,
. app-body . onboarding__link : is ( : active , : focus , : hover ) {
background-color : var ( -- color - accent-bg ) ;
}
. app-body . onboarding__steps__item__icon ,
. app-body . onboarding__link {
color : var ( -- color - accent ) ;
}
2023-11-25 02:26:44 +09:00
. app-body . onboarding__steps__item__description h6 ,
2023-11-21 08:32:06 +09:00
. app-body . onboarding__steps__item__description p ,
. app-body . onboarding__lead ,
. app-body . onboarding__lead strong {
color : var ( -- color - content - fg ) ;
}
. app-body . onboarding__steps__item__go svg path ,
. app-body . onboarding__link svg path {
fill : var ( -- color - accent ) ;
}
2024-03-13 10:50:57 +09:00
. app-body . app-form__avatar-input ,
. app-body . app-form__header-input {
background-color : var ( -- color - accent-bg ) ;
transition : all .2 s ;
}
. app-body . app-form__avatar-input : hover ,
. app-body . app-form__header-input : hover {
background-color : color-mix ( in srgb , var ( -- color - accent ) , transparent 75 % ) ;
}
. app-body . app-form__header-input {
border-top : 1 px solid var ( -- color - lines ) ;
}
. app-body . app-form__header-input . icon {
background-image : var ( -- icon - paperclip ) ;
transform : scale ( 1 .4 ) translateX ( - 50 % ) translateY ( - 25 % ) ;
position : absolute ;
inset-inline-start : 50 % ;
top : 50 % ;
}
2023-11-25 02:26:44 +09:00
. app-body . onboarding__profile . app-form__avatar-input {
border-color : var ( -- color - content - bg ) ;
border-radius : 50 % ;
border-width : 5 px ;
}
. app-body . onboarding__profile . app-form__avatar-input img {
border-radius : 50 % ;
background : var ( -- color - content - secondary-bg ) ;
}
. app-body . onboarding__profile . app-form__header-input img {
2023-12-17 04:30:31 +09:00
background : var ( -- color - accent-bg ) ;
2023-11-25 02:26:44 +09:00
}
. app-body . simple_form . input . with_block_label > label ,
. app-body . simple_form . input . with_block_label . hint ,
. app-body . app-form__toggle__label strong ,
. app-body . simple_form . hint {
color : var ( -- color - fg ) ;
}
. app-body . app-form__toggle__toggle > div {
border-color : var ( -- color - lines ) ;
}
. app-form__avatar-input . selected . icon ,
. app-form__header-input . selected . icon {
color : var ( -- color - accent ) ;
}
. app-body . simple_form
: is (
input [ type = datetime-local ] ,
input [ type = email ] ,
input [ type = number ] ,
input [ type = password ] ,
input [ type = text ] ,
input [ type = url ] ,
textarea
) {
2024-01-13 08:09:13 +09:00
background-color : var ( -- color - content - secondary-bg ) ;
border-color : var ( -- color - lines ) ;
border-radius : 8 px ;
color : var ( -- color - content - fg ) ;
2023-11-25 02:26:44 +09:00
}
. app-body . simple_form
: is (
input [ type = datetime-local ] ,
input [ type = email ] ,
input [ type = number ] ,
input [ type = password ] ,
input [ type = text ] ,
input [ type = url ] ,
textarea
) : is ( : active , : focus ) {
2024-01-13 08:09:13 +09:00
border-color : var ( -- color - accent ) ;
2023-11-25 02:26:44 +09:00
}
. app-body . column-title {
margin : - 20 px - 20 px 30 px ;
2023-12-29 05:58:20 +09:00
padding : 50 px 40 px 40 px ;
2023-11-25 02:26:44 +09:00
}
2023-12-17 04:30:31 +09:00
. app-body . column-title : not ( : has ( . onboarding__illustration ) ) {
background-color : var ( -- color - content - secondary-bg ) ;
}
2023-11-25 02:26:44 +09:00
. app-body . column-title : has ( + . simple_form ) {
margin-bottom : 0 ;
background-color : var ( -- color - content - secondary-bg ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . follow-recommendations {
background-color : var ( -- color - content - bg ) ;
}
. app-body . follow-recommendations . account {
border-left : 0 ;
border-right : 0 ;
margin-bottom : 15 px ;
}
. app-body . follow-recommendations . account__note {
color : var ( -- color - content - fg ) ;
opacity : .7 ;
}
. app-body . follow-recommendations . account__note p {
overflow : hidden ;
}
. app-body . copy-paste-text {
background-color : var ( -- color - accent-bg ) ;
border-color : var ( -- color - accent-lines ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . copy-paste-text : is ( : focus , : active ) ,
. app-body . tip-carousel : focus {
border-color : var ( -- color - accent ) ;
}
. app-body . copy-paste-text : has ( textarea : focus ) {
border-color : var ( -- color - accent ) ;
}
/* 📢 Announcements */
. app-body . announcements ,
. app-body . announcements : : after {
background-color : var ( -- color - content - secondary-bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . announcements {
overflow : visible ;
z-index : 0 ;
box-shadow : 0 - 20 px var ( -- color - bg ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
}
. app-body . announcements__item strong {
font-weight : 800 ;
color : var ( -- color - content - fg-bold ) ;
}
. app-body . announcements__item__unread {
color : var ( -- color - accent ) ;
2023-12-11 09:49:39 +09:00
background-color : var ( -- color - accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . announcements__pagination ,
. app-body . announcements__pagination . icon-button {
color : var ( -- color - content - fg ) ;
}
2023-12-11 09:49:39 +09:00
. app-body . announcements__pagination > * {
vertical-align : middle ;
}
2023-11-21 08:32:06 +09:00
. app-body . reactions-bar__item {
2023-12-11 09:49:39 +09:00
background-color : var ( -- color - accent-bg ) ;
border-radius : 8 px ;
padding : 2 px 8 px ;
}
. app-body . reactions-bar__item : is ( : active , : hover , : focus ) {
2023-11-21 08:32:06 +09:00
background-color : var ( -- color - content - bg ) ;
}
. app-body . reactions-bar__item . active {
background-color : var ( -- color - accent ) ;
}
. app-body . reactions-bar__item__count ,
. app-body . reactions-bar__item__count . animated-number {
2023-12-11 09:49:39 +09:00
color : var ( -- color - accent ) ;
}
. app-body . reactions-bar__item : is ( : active , : hover , : focus ) . reactions-bar__item__count . animated-number {
2023-11-21 08:32:06 +09:00
color : var ( -- color - content - fg ) ;
}
. app-body . reactions-bar__item . active . reactions-bar__item__count . animated-number {
color : var ( -- color - accent-fg ) ;
}
. app-body . reactions-bar . emoji-button ,
. app-body . announcements__item__content a . unhandled-link ,
. app-body . announcements__item__content a {
color : var ( -- color - accent ) ;
}
. app-body . announcements . emoji-button {
margin : 0 ;
}
@media screen and ( max-width : 1174 px ) {
. app-body . announcements {
box-shadow : none ;
margin-top : - 4 px ;
border-radius : 0 ;
}
. app-body . announcements__mastodon {
border-radius : 0 ;
}
}
/* 404 */
. app-body . empty-column-indicator ,
. app-body . error-column {
background-color : var ( -- color - content - bg ) ;
color : var ( -- color - content - fg ) ;
}
. app-body . error-column__message h1 ,
. app-body . error-column__message {
color : var ( -- color - content - fg ) ;
}
. app-body . error-column__image {
margin-top : 0 ;
}
2023-11-25 21:30:44 +09:00
. app-body . regeneration-indicator {
background-color : var ( -- color - content - bg ) ;
}
@media screen and ( min-width : 890 px ) {
. app-body . regeneration-indicator {
padding-top : 50 px ;
padding-bottom : 40 px ;
}
}
2023-11-21 08:32:06 +09:00
/ * 📜 About page
- - - - - - - - - - - - - * /
. app-body . scrollable . about {
background-color : var ( -- color - content - bg ) ;
border : 1 px solid var ( -- color - lines ) ;
2024-02-01 03:49:03 +09:00
border-bottom : 0 ;
2023-11-21 08:32:06 +09:00
display : flex ;
flex-flow : column ;
2023-12-16 01:15:25 +09:00
padding-bottom : 20 px ;
2023-12-26 09:19:25 +09:00
z-index : 1 ;
2023-11-21 08:32:06 +09:00
}
@media screen and ( max-width : 889 px ) {
. app-body . scrollable . about {
border-left : 0 ;
border-right : 0 ;
}
}
. app-body . about__header {
order : 1 ;
margin-bottom : 10 px ;
}
. app-body . about__section : nth-child ( 3 ) {
order : 3 ;
}
. app-body . about__meta {
order : 2 ;
}
. app-body . about__section : nth-child ( 4 ) {
order : 4 ;
}
. app-body . about__section : nth-child ( 5 ) {
order : 5 ;
}
. app-body . about . link-footer {
order : 6 ;
}
. app-body . about__footer {
order : 7 ;
}
. app-body # 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 ;
}
. app-body . about__header p ,
. app-body . about__meta h4 {
color : var ( -- color - fg ) ;
}
. app-body . about__header__hero {
margin : - 20 px - 20 px 20 px ;
width : calc ( 100 % + 40 px ) ;
border-radius : 0 ;
background-color : var ( -- color - content - bg ) ;
}
. app-body . about__header__hero ,
. app-body . about__meta {
margin-bottom : 10 px ;
}
2023-12-16 01:15:25 +09:00
. app-body . about__header > h1 {
color : var ( -- color - content - fg ) ;
margin : 30 px 0 0 20 px ;
text-align : left ;
font-variant : small-caps ;
font-size : 20 px ;
}
. app-body . about__header > h1 + p {
color : var ( -- color - content - fg ) ;
opacity : .8 ;
text-align : left ;
margin-left : 20 px ;
margin-bottom : 15 px ;
font-size : 14 px ;
2023-11-21 08:32:06 +09:00
}
@media screen and ( min-width : 890 px ) {
. app-body . scrollable . about {
2024-02-01 03:49:03 +09:00
border-radius : 8 px 8 px 0 0 !important ;
2023-11-21 08:32:06 +09:00
}
. app-body . about__header__hero {
2024-02-29 23:58:52 +09:00
border-radius : 6 px 6 px 0 0 ;
2023-11-21 08:32:06 +09:00
}
}
2023-11-25 00:47:26 +09:00
@media screen and ( min-width : 890 px ) and ( max-width : 1174 px ) {
. app-body . scrollable . about {
margin-top : 10 px ;
}
}
2023-11-21 08:32:06 +09:00
. app-body . about__mail {
color : var ( -- color - content - fg ) ;
}
. app-body . about__meta h4 {
font-size : 12 px ;
font-weight : bold ;
margin-bottom : 8 px ;
}
. app-body . about__meta . account {
background : none ;
box-shadow : none ;
padding : 0 ;
border-left : 0 ;
border-right : 0 ;
}
. app-body . about__meta__divider {
border-left : 3 px solid var ( -- color - content - secondary-separator ) ;
}
@media screen and ( max-width : 600 px ) {
. app-body . about__meta__divider {
border-top : 3 px solid var ( -- color - content - secondary-separator ) ;
width : 90 % ;
}
}
. app-body . about__section : nth-child ( 3 ) . about__section__body {
padding-bottom : 3 em ;
}
. app-body . about__meta ,
. app-body . about__section__title {
color : var ( -- color - accent ) ;
background-color : var ( -- color - content - secondary-bg ) ;
border : 0 ;
border-radius : 8 px ;
}
. app-body . about__section . active . about__section__title {
border-radius : 8 px 8 px 0 0 ;
}
. app-body . about__section . active : not ( : nth-of-type ( 3 ) ) . about__section__body {
border : 0 !important ;
background-color : var ( -- color - content - secondary-bg ) ;
border-radius : 0 0 8 px 8 px ;
}
. app-body . prose ,
. app-body . prose p ,
. app-body . prose b ,
. app-body . prose h1 ,
. app-body . prose h2 ,
. app-body . prose h3 ,
. app-body . prose h4 ,
. app-body . prose h5 ,
. app-body . prose h6 ,
. app-body . prose strong ,
. app-body . rules-list ,
. app-body . about__domain-blocks__domain h6 ,
. app-body . about__domain-blocks__domain__type {
color : var ( -- color - content - fg ) ;
}
2023-12-20 11:49:35 +09:00
. app-body . prose ul > li : before {
background-color : var ( -- color - content - fg ) ;
opacity : .3 ;
top : .55 em ;
width : 7 px ;
height : 7 px ;
2023-11-21 08:32:06 +09:00
}
. app-body . about__section__body . prose hr {
border-color : var ( -- color - content - secondary-separator ) ;
margin-top : 2 em ;
margin-bottom : 2 em ;
border-width : 3 px ;
}
2024-07-18 10:56:07 +09:00
. app-body . hover-card__bio a ,
. app-body . hover-card . account-fields a {
2024-06-27 20:06:54 +09:00
text-decoration : none ;
color : var ( -- color - accent ) ;
}
2023-11-21 08:32:06 +09:00
. app-body . about__section__body . prose a ,
. app-body . about__section__body . prose a : hover ,
2024-06-27 20:06:54 +09:00
. app-body . prose a strong ,
. app-body . hover-card__bio a span {
2023-11-21 08:32:06 +09:00
color : var ( -- color - accent ) ;
2023-12-16 01:15:25 +09:00
text-decoration-line : underline ;
text-decoration-color : var ( -- color - accent-bg ) ;
text-decoration-thickness : 2 px ;
text-underline-offset : 2 px ;
2023-11-21 08:32:06 +09:00
}
2024-06-27 20:06:54 +09:00
. app-body . about__section__body . prose a : hover span ,
. app-body . hover-card__bio a : hover {
2023-12-16 01:15:25 +09:00
text-decoration-color : var ( -- color - accent ) ;
2023-11-21 08:32:06 +09:00
}
. app-body . about__section__body . prose small . lang_label {
margin-left : - 2 em ;
margin-top : 1 px ;
display : block ;
color : var ( -- color - content - fg-muted ) ;
font-weight : bold ;
font-size : 80 % ;
float : left ;
}
. about__section . active . about__section__title {
background-color : var ( -- color - accent-bg ) ;
}
2024-03-28 07:47:06 +09:00
. app-body . rules-list__text ,
. app-body . rules-list__hint {
color : var ( -- color - content - fg ) ;
}
. app-body . rules-list__text {
font-weight : 600 ;
}
. app-body . rules-list__hint {
opacity : .7 ;
padding-top : 4 px ;
}
2023-11-21 08:32:06 +09:00
. app-body . rules-list li {
2024-03-28 07:47:06 +09:00
border-bottom : 1 px solid var ( -- color - lines ) ;
2023-11-21 08:32:06 +09:00
padding : 1 em 1 .75 em 1 em 3 .4 em ;
}
. app-body . 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-12-16 01:15:25 +09:00
@media screen and ( min-width : 1175 px ) {
. app-body . about : is ( . link-footer , . about__footer ) {
display : none ;
}
}
2023-11-21 08:32:06 +09:00
2024-02-20 00:18:33 +09:00
/* Keyboard shortcuts page */
. keyboard-shortcuts kbd {
background-color : var ( -- color - content - secondary-bg ) ;
border : 1 px solid var ( -- color - lines ) ;
box-shadow : 0 1 px var ( -- color - lines-translucent ) ;
color : var ( -- color - content - fg ) ;
border-radius : 5 px ;
padding : 3 px 8 px ;
margin : 0 4 px ;
font-weight : 500 ;
}
2023-11-21 08:32:06 +09:00
/* Privacy Policy page */
. app-body . column > . scrollable . privacy-policy {
border : 1 px solid var ( -- color - lines ) ;
background-color : var ( -- color - content - bg ) ;
2023-12-17 04:30:31 +09:00
padding-bottom : 20 px ;
2023-12-26 09:19:25 +09:00
z-index : 1 ;
2023-11-21 08:32:06 +09:00
}
2023-11-25 02:26:44 +09:00
@media screen and ( min-width : 1175 px ) {
. app-body : not ( : has ( # tabs-bar__portal > * ) ) . column > . scrollable . privacy-policy {
border-top-left-radius : 8 px ;
border-top-right-radius : 8 px ;
}
}
2023-11-21 08:32:06 +09:00
/* 👋 Hide superfluous UI */
. app-body div # mastodon > div > div > div : nth-child ( 2 ) > div : nth-child ( 3 ) > div > div > div : nth-child ( 3 ) > hr ,
. app-body . navigation-panel__legal > hr ,
. app-body . about__footer , / * Hide meta footer * /
. app-body . server-banner__introduction , / * Hide generic mastodon server introduction in sidebar * /
. app-body . search-banner ~ . search , / * Hide search field for logged out users * /
. app-body . account__header__bio . account__header__fields > dl : first-child / * Hide " Joined " field on profiles * / {
display : none ;
}
/ * Multi-column layout
- - - - - - - - - - - - - - - - - - - * /
: root : has ( . layout-multiple-columns ) * : : -webkit-scrollbar {
width : 4 px ;
}
: root : has ( . layout-multiple-columns ) * : : -webkit-scrollbar-track {
background-color : var ( -- color - accent-bg ) ;
}
: root : has ( . layout-multiple-columns ) * : : -webkit-scrollbar-thumb {
opacity : .8 ;
}
. layout-multiple-columns . scrollable ,
. layout-multiple-columns . column > . scrollable {
max-height : 100 % ;
}
. layout-multiple-columns . column {
width : 400 px ;
padding-bottom : 0 ;
}
. layout-multiple-columns . drawer__inner__mastodon {
display : none ;
}
. layout-multiple-columns : is ( . drawer__inner , . drawer__inner . darker ) {
background : transparent ;
}
. layout-multiple-columns . drawer__header {
background-color : var ( -- color - content - bg ) ;
border : 1 px solid var ( -- color - lines ) ;
border-radius : 8 px ;
margin-bottom : 0 ;
}
. layout-multiple-columns . drawer . search {
margin-top : 10 px ;
}
. layout-multiple-columns . drawer__tab {
transition : all .3 s ;
border-radius : 6 px ;
height : 40 px ;
padding : 5 px ;
margin : 5 px ;
box-sizing : border-box ;
border : 0 ;
}
. layout-multiple-columns . drawer__tab . icon {
transform : scale ( 1 .2 ) ;
}
2024-02-12 00:52:24 +09:00
. layout-multiple-columns . drawer__tab : active {
transform : scale ( .9 ) ;
}
2023-11-21 08:32:06 +09:00
. layout-multiple-columns . drawer__tab : is ( : active , : focus , : hover ) {
background-color : var ( -- color - accent-bg ) ;
}
. layout-multiple-columns . drawer__tab . icon-cog {
background-image : var ( -- icon - gear ) ;
}
. layout-multiple-columns . drawer__tab . icon-globe {
2024-02-20 00:18:33 +09:00
background-image : var ( -- icon - globe ) ;
2023-11-21 08:32:06 +09:00
}
. layout-multiple-columns . drawer__tab . icon-users {
background-image : var ( -- icon - users ) ;
}
. layout-multiple-columns . drawer__tab . icon-bars {
background-image : var ( -- logo ) ;
}
. layout-multiple-columns . drawer__tab . icon-sign-out {
background-image : var ( -- icon - logout ) ;
}
. layout-multiple-columns . column-header__icon . icon-bars {
background-image : var ( -- icon - globe-active ) ;
}
. layout-multiple-columns . flex-spacer ,
. layout-multiple-columns . getting-started ,
. layout-multiple-columns . getting-started__wrapper ,
. layout-multiple-columns . getting-started . column-link ,
. layout-multiple-columns . getting-started . column-subheading {
background-color : var ( -- color - bg ) ;
}
2023-12-30 12:43:55 +09:00
. layout-multiple-columns . scrollable . getting-started {
border-left : 0 ;
border-right : 0 ;
background-color : var ( -- color - bg ) ;
}
2023-11-21 08:32:06 +09:00
. layout-multiple-columns . getting-started__wrapper {
padding-bottom : 10 px ;
border-radius : 0 0 8 px 8 px ;
}
. layout-multiple-columns . getting-started . column-link {
color : var ( -- color - content - fg ) ;
margin : 0 5 px 2 px ;
border-radius : 8 px ;
}
. app-body . getting-started . column-link {
margin-left : 0 ;
font-weight : 500 ;
color : var ( -- color - fg ) ;
}
. layout-multiple-columns . getting-started . column-link : is ( : active , : focus , : hover ) {
background-color : var ( -- color - accent-bg ) ;
color : var ( -- color - fg ) ;
}
. layout-multiple-columns . getting-started . column-link__icon {
transform : scale ( 1 .4 ) ;
}
. app-body . getting-started . column-link__badge {
background-color : var ( -- color - accent ) ;
color : var ( -- color - accent-fg ) ;
border-radius : 8 px ;
line-height : 15 px ;
font-weight : bold ;
padding-left : 8 px ;
padding-right : 8 px ;
}
2024-02-29 03:25:46 +09:00
. layout-multiple-columns . getting-started__trends . trends__item {
padding-left : 16 px ;
}
. layout-multiple-columns . getting-started__trends h4 > : is ( a , span ) {
2024-02-29 23:58:52 +09:00
padding-left : 45 px ;
2024-02-29 03:25:46 +09:00
}
2023-11-21 08:32:06 +09:00
. layout-multiple-columns : is ( . column-header , . column-back-button ) {
background-color : var ( -- color - content - bg ) ;
}
. layout-multiple-columns . column-header__setting-btn {
font-weight : 600 ;
}
. layout-multiple-columns . column : has ( > . getting-started ) {
width : 330 px ;
}
. layout-multiple-columns
. column : has ( > . getting-started )
: is ( . column-header , . column-back-button ) ,
. layout-single-column . navigation-bar : has ( + . getting-started ) {
display : none ;
}
2023-12-27 04:20:57 +09:00
. layout-multiple-columns . getting-started__trends {
margin-bottom : 10 px ;
}
2024-01-13 08:09:13 +09:00
. layout-multiple-columns . search-results__header ,
. layout-multiple-columns . explore__search-header {
2023-11-21 08:32:06 +09:00
display : none ;
}
. layout-multiple-columns . drawer {
width : 280 px ;
transition : width .3 s ;
}
. layout-multiple-columns
. drawer : has ( > . drawer__pager > . drawer__inner > . search-results > . search-results__section ) {
width : 400 px ;
}
2024-01-13 08:09:13 +09:00
. layout-multiple-columns . drawer__inner : has ( > . search-results > . search-results__section ) {
2024-02-12 00:09:36 +09:00
z-index : 2 ;
2024-01-13 08:09:13 +09:00
background-color : var ( -- color - content - bg ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
}
2023-11-21 08:32:06 +09:00
. layout-multiple-columns
. drawer
> . search : has ( + . drawer__pager > . drawer__inner > . search-results > . search-results__section ) {
margin-bottom : 0 ;
}
. layout-multiple-columns
. drawer
> . search : has ( + . drawer__pager > . drawer__inner > . search-results > . search-results__section )
> . search__input {
border-radius : 8 px 8 px 0 0 ;
}
. layout-multiple-columns . drawer__pager {
border-radius : 0 ;
2024-03-16 02:21:42 +09:00
border : 0 ;
2023-11-21 08:32:06 +09:00
}
. layout-multiple-columns
. drawer
> . search : has ( + . drawer__pager > . drawer__inner > . search-results > . search-results__section )
> . search__popout {
border-radius : 0 0 8 px 8 px ;
margin-top : 0 ;
}
2023-12-27 04:20:57 +09:00
. layout-multiple-columns . compose-form {
padding : 0 ;
}
2024-01-13 08:09:13 +09:00
. layout-multiple-columns . drawer__inner : not ( : has ( > . search-results ) ) : : after {
2024-02-28 08:02:43 +09:00
content : var ( -- meta ) ;
2023-12-27 04:20:57 +09:00
color : var ( -- color - fg-muted ) ;
padding : 12 px ;
position : absolute ;
bottom : 0 ;
2024-03-16 02:21:42 +09:00
z-index : - 1 ;
2023-12-27 04:20:57 +09:00
}
. layout-multiple-columns . link-footer : : before ,
. layout-multiple-columns . link-footer : : after {
display : none ;
}
2023-11-21 08:32:06 +09:00
@media screen and ( min-width : 630 px ) and ( max-width : 1174 px ) {
. layout-multiple-columns
: is (
. column-header ,
. column-back-button
) {
2024-01-13 08:09:13 +09:00
border-top : 1 px solid var ( -- color - lines ) ;
border-right : 1 px solid var ( -- color - lines ) ;
border-left : 1 px solid var ( -- color - lines ) ;
border-top-left-radius : 8 px !important ;
border-top-right-radius : 8 px !important ;
2023-11-21 08:32:06 +09:00
}
}
2023-12-02 07:48:04 +09:00
. app-body . switch-to-advanced {
background-color : var ( -- color - accent-bg ) ;
border-radius : 8 px ;
color : var ( -- color - content - fg ) ;
}
. app-body . switch-to-advanced . switch-to-advanced__toggle {
color : var ( -- color - accent ) ;
}
2024-02-29 03:25:46 +09:00
/ * Popular hashtag icons
- - - - - - - - - - - - - - - - - - - - - * /
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " tangerine " i ]
)
) : : before {
background-image : var ( -- icon - tangerine-slice ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-02-29 23:58:52 +09:00
[ href $ = " day " i ] ,
2024-03-12 22:31:16 +09:00
[ href $ = " tag " i ] ,
2024-02-29 03:25:46 +09:00
[ href * = " monday " i ] ,
[ href * = " tuesday " i ] ,
[ href * = " wednesday " i ] ,
[ href * = " thursday " i ] ,
[ href * = " friday " i ] ,
[ href * = " saturday " i ] ,
[ href * = " sunday " i ] ,
[ href * = " montag " i ] ,
[ href * = " dienstag " i ] ,
[ href * = " mittwoch " i ] ,
[ href * = " donnerstag " i ] ,
[ href * = " freitag " i ] ,
[ href * = " samstag " i ] ,
[ href * = " sonntag " i ] ,
[ href * = " lundi " i ] ,
[ href * = " mardi " i ] ,
[ href * = " mercredi " i ] ,
[ href * = " jeudi " i ] ,
[ href * = " vendredi " i ] ,
[ href * = " samedi " i ] ,
2024-03-04 22:55:20 +09:00
[ href * = " dimanche " i ] ,
[ href * = " lunes " i ] ,
[ href * = " martes " i ] ,
[ href * = " miercoles " i ] ,
[ href * = " jueves " i ] ,
[ href * = " viernes " i ] ,
[ href * = " sabado " i ] ,
[ href * = " domingo " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - calendar ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-03-08 04:33:30 +09:00
[ href * = " tune " i ] ,
[ href $ = " /np " i ] ,
2024-02-29 03:25:46 +09:00
[ href * = " nowplaying " i ] ,
[ href * = " singit " i ] ,
[ href * = " music " i ] ,
[ href * = " eurovision " i ] ,
[ href * = " song " i ] ,
2024-03-02 09:59:50 +09:00
[ href $ = " synth " i ] ,
2024-03-02 20:42:25 +09:00
[ href $ = " jazz " i ] ,
[ href $ = " rock " i ] ,
[ href $ = " rap " i ] ,
[ href $ = " BandcampFriday " i ] ,
2024-03-04 22:55:20 +09:00
[ href * = " Jukebox " i ] ,
[ href * = " /kpop " i ] ,
[ href * = " /rock " i ] ,
[ href $ = " /pop " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - music ) ;
}
. app-body
2024-03-02 20:42:25 +09:00
. trends__item : has (
. trends__item__name a : is (
[ href * = " eurovision " i ]
)
) : : before {
background-image : var ( -- icon - microphone ) ;
}
. app-body
2024-02-29 03:25:46 +09:00
. trends__item : has (
. trends__item__name a : is (
[ href * = " birthday " i ]
)
) : : before {
background-image : var ( -- icon - cake ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " letterboxd " i ] ,
[ href $ = " trakt " i ] ,
[ href $ = " TV " i ] ,
2024-06-19 07:34:56 +09:00
[ href $ = " cinema " i ] ,
2024-02-29 03:25:46 +09:00
[ href * = " nowwatching " i ] ,
[ href * = " WatchingNow " i ] ,
2024-03-11 07:50:57 +09:00
[ href * = " movie " i ] ,
[ href * = " /cinema " i ] ,
[ href * = " /oscars " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - popcorn ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " photography " i ] ,
[ href * = " photo " i ] ,
[ href * = " foto " i ] ,
[ href * = " pics " i ] ,
2024-03-02 20:42:25 +09:00
[ href * = " selfie " i ] ,
[ href * = " /ShotWith " i ] ,
[ href * = " WindowFriday " i ] ,
2024-03-07 05:10:10 +09:00
[ href * = " FensterFreitag " i ] ,
[ href $ = " /instagram " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - camera ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " SilentSunday " i ] ,
[ href * = " sunset " i ] ,
[ href * = " sunrise " i ] ,
2024-06-19 07:34:56 +09:00
[ href $ = " /sky " i ] ,
2024-02-29 03:25:46 +09:00
[ href * = " skyblue " i ] ,
[ href * = " ocean " i ]
)
) : : before {
background-image : var ( -- icon - sunset ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " gift " i ] ,
[ href * = " christmas " i ] ,
[ href * = " weihnachten " i ] ,
[ href * = " noel " i ]
)
) : : before {
background-image : var ( -- icon - pine ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " tree " i ] ,
[ href * = " trunk " i ] ,
[ href * = " ecology " i ] ,
[ href * = " klima " i ] ,
[ href * = " climat " i ] ,
2024-03-04 22:55:20 +09:00
[ href * = " environment " i ] ,
[ href * = " /garden " i ] ,
2024-03-07 05:10:10 +09:00
[ href * = " mosstodon " i ] ,
[ href * = " /vegan " i ] ,
[ href * = " /plants " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - tree ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-02-29 23:58:52 +09:00
[ href $ = " /cat " i ] ,
2024-03-02 20:42:25 +09:00
[ href * = " /cats " i ] ,
2024-02-29 23:58:52 +09:00
[ href * = " catloaf " i ] ,
2024-02-29 03:25:46 +09:00
[ href * = " Caturday " i ] ,
[ href * = " catsofmastodon " i ] ,
[ href * = " WhiskersWednesday " i ]
) : not (
[ href * = " cath " i ]
)
) : : before {
background-image : var ( -- icon - cat ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-02-29 23:58:52 +09:00
[ href $ = " dog " i ] ,
[ href $ = " dogs " i ] ,
[ href * = " /dog " i ] ,
2024-02-29 03:25:46 +09:00
[ href * = " DogLovers " i ] ,
2024-02-29 23:58:52 +09:00
[ href * = " dogsofmastodon " i ] ,
[ href * = " DogsOfFedi " i ] ,
[ href * = " dogstadon " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - dog ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href $ = " art " i ] ,
[ href * = " artmatters " i ] ,
[ href * = " DigitalArt " i ] ,
[ href * = " PixelArt " i ] ,
[ href * = " artwork " i ] ,
[ href * = " artist " i ] ,
[ href $ = " design " i ] ,
[ href * = " designer " i ] ,
[ href * = " watercolo " i ] ,
[ href * = " painting " i ]
) : not (
[ href * = " aiart " i ] ,
[ href * = " artificial " i ] ,
[ href * = " aidesign " i ]
)
) : : before {
background-image : var ( -- icon - brush ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href $ = " apple " i ] ,
[ href $ = " macos " i ] ,
2024-06-19 07:38:10 +09:00
[ href $ = " /mac " i ] ,
2024-02-29 03:25:46 +09:00
[ href $ = " ios " i ] ,
[ href * = " ipad " i ] ,
2024-03-07 05:19:11 +09:00
[ href * = " iphone " i ] ,
[ href * = " /wwdc " i ] ,
[ href * = " /appleevent " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - apple ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " poem " i ] ,
[ href * = " writing " i ] ,
[ href * = " write " i ] ,
2024-03-01 01:36:21 +09:00
[ href * = " article " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - pencil ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-03-07 05:10:10 +09:00
[ href * = " /book " i ] ,
2024-03-04 22:55:20 +09:00
[ href * = " literature " i ] ,
[ href * = " reading " i ] ,
[ href $ = " /history " i ] ,
[ href $ = " /histoire " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - book ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href $ = " game " i ] ,
[ href * = " gaming " i ] ,
[ href * = " gamedev " i ] ,
[ href * = " games " i ] ,
[ href * = " gamer " i ] ,
[ href * = " playstation " i ] ,
[ href * = " arcade " i ] ,
[ href * = " xbox " i ] ,
[ href * = " nintendo " i ]
)
) : : before {
background-image : var ( -- icon - gaming ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-03-02 09:59:50 +09:00
[ href * = " /minecraft " i ] ,
[ href * = " /hermitcraft " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - cube ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-03-04 22:55:20 +09:00
[ href $ = " /fifa " i ] ,
[ href $ = " /fifaworldcup " i ] ,
[ href $ = " /soccer " i ] ,
2024-06-19 07:34:56 +09:00
[ href * = " /euro202 " i ] ,
2024-03-04 22:55:20 +09:00
[ href $ = " /mls " i ] ,
[ href * = " /sport " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - football ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-02-29 23:58:52 +09:00
[ href $ = " lgbt " i ] ,
[ href * = " /lgbt " i ] ,
[ href * = " /queer " i ] ,
2024-02-29 03:25:46 +09:00
[ href $ = " trans " i ] ,
[ href $ = " pride " i ] ,
2024-03-04 22:55:20 +09:00
[ href $ = " womensday " i ] ,
2024-03-07 23:11:50 +09:00
[ href * = " internationalwomensday " i ] ,
2024-03-08 23:24:56 +09:00
[ href $ = " /IWD " i ] ,
[ href * = " JourneeDesDroitsDesFemmes " i ] ,
2024-03-08 23:36:27 +09:00
[ href * = " feministischerkampftag " i ] ,
2024-03-08 23:24:56 +09:00
[ href * = " celebratewomen " i ] ,
2024-03-07 23:11:50 +09:00
[ href * = " /8mars " i ] ,
2024-03-04 22:55:20 +09:00
[ href $ = " transdayofvisibility " i ] ,
[ href $ = " TDOV " i ] ,
[ href $ = " transdayofremembrance " i ] ,
[ href $ = " TDOR " i ] ,
2024-02-29 03:25:46 +09:00
[ href $ = " pridemonth " i ] ,
[ href $ = " blm " i ] ,
[ href $ = " blacklivesmatter " i ] ,
[ href $ = " blackmastodon " i ] ,
[ href $ = " blackfedi " i ] ,
[ href * = " protest " i ] ,
[ href * = " greve " i ] ,
[ href * = " manif " i ] ,
[ href $ = " riot " i ]
)
) : : before {
background-image : var ( -- icon - pride ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " electionday " i ] ,
[ href $ = " election " i ] ,
2024-02-29 23:58:52 +09:00
[ href $ = " /election " i ] ,
2024-02-29 03:25:46 +09:00
[ href * = " presidentielle " i ] ,
[ href * = " presidential " i ] ,
[ href * = " legislativ " i ]
)
) : : before {
background-image : var ( -- icon - vote ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href $ = " dev " i ] ,
[ href $ = " code " i ] ,
[ href * = " development " i ] ,
[ href * = " developer " i ] ,
[ href * = " devops " i ] ,
[ href * = " opensource " i ]
)
) : : before {
background-image : var ( -- icon - code ) ;
}
. app-body
. trends__item : has (
. trends__item__name a : is (
2024-02-29 23:58:52 +09:00
[ href * = " mutualaid " i ] ,
[ href * = " crowdfund " i ]
2024-02-29 03:25:46 +09:00
)
) : : before {
background-image : var ( -- icon - handshake ) ;
}
2024-07-23 20:27:23 +09:00
. app-body
. trends__item : has (
. trends__item__name a : is (
[ href * = " olympics " i ] ,
[ href * = " /Paris2024 " i ] ,
[ href * = " /LA2028 " i ]
)
) : : before {
background-image : var ( -- icon - olympics ) ;
2024-07-24 22:55:13 +09:00
transform : scale ( 1 .85 ) ;
2024-07-23 20:27:23 +09:00
}