@ charset "UTF-8" ;
/ *
✦ P R I M A R Y ✦
an Obsidian Theme by Cecilia May
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
A combination of Bauhaus , Scandinavian
and yellowing magazine pages as palette
inspiration — Primary is a theme for people
looking for a certain nostalgic warmness .
It is toppled with functional pop
of red blue yellow colors .
The perfect mix of loud and reserved .
Playful , reminiscing , productive .
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Support my Work
+ Premium Palettes ( soon ™ )
+ Guides ( soon ™ ) : https : / / ko-fi . com / ceciliamay
Primary Roadmap : https : / / tinyurl . com / primary-board
Forum Thread : https : / / forum . obsidian . md / t / primary-theme / 26687
README : https : / / github . com / ceciliamay / obsidianmd-theme-primary
License : GNU General Public License v3 . 0
Icons : Flaticon UIcons Rounded Regular
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ *
TABLE OF CONTENTS
* General ( Containers , Paddings , etc . ) - >
* Specific ( Icons , Colors , etc . ) - >
* Light Theme Specific ( Base then Style Settings , etc . ) - >
* Dark Theme Specific ( Base then Style Settings , etc . )
Fonts
Karla ( sans-serif # 1 )
Inter ( sans-serif # 2 )
Lora ( sans-serif )
Cascadia Code ( monospace )
Variables
Font Families
Font Weight
Typographic Scale
Tracking ( Letter Spacing )
Layout Sizing
Multiples of 2
Multiples of 8
Duration , Transitions & Animations
Theme Colors
Light Theme
Dark Theme
Workspace
Title Bar
Side Dock Ribbon
Tab Header
Nav Header
Tab Content
File Explorer
Status Bar
Content / Active Note
Note Header
Typography
Base & Reset
Note Colors
Note Markdown
Headings
Emphasis
Bold
Italic
Strikethrough
Highlight
Comments
Mixed Emphasis
Markdown Formatting
Links
Blockquotes
Tags / Tag Pill
Lists
Checkboxes
Inline Code / Codeblocks
Aside / Sidenotes
Gutter Line Numbers
Horizontal Rule
Embeds
Images
Markdown Embed
Live Preview Embed
Mermaid JS ( Diagram Generator )
Markdown Table
YAML / Metadata
Slides
Publish
Other Components
Modals
Modal Close
Settings Modal
Command , Quick Switcher etc . Modals
Menu / More Options Modal
Community Plugin Search Modal
File Explorer Search Modal
Buttons
Search Input Component
Toggle ( Checkboxes in Modals )
Slider
Dropdown
Empty Page
Notification
Popover
Resize Handles
Vertical Handles
Horizontal Handles
Scrollbar
Tooltips
Vault Launch Progress
Mobile
Core Plugins ( other than Workspace Tab Plugins )
Graph View
Graph View Nodes
Graph View Controls
Community Plugins
Calendar by Liam Cain
Sliding Pane ( Andy ' s Mode ) by death_au
Dataview by Michael Brenan
Custom Icons
* /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + Fonts ( base64 ) + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*──────────Karla Regular──────────*/
@ font-face {
font-family : "Karla" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAJVcABAAAAABoywAAJT6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGjYbhLxkHI8mBmAAiDYRCAqBuByBmyYLhn4AATYCJAONeAQgBYspB5RZDAdbGpBxBN22vSDNSOdtG6ZXV4EkK1S31MHVm0kY + nGvVsCNoR42Dn7ALOfZ / / / / yUljjLU7azsAQU20 + qre0CoiPKacE0pJmXUuc0VBgKwRUKtUSmgFs9Kcs + lYupZ1kSl2zcls9Ya0m1TTqMnuyRFmOcJQHJPa5p66y3QwQuZhIlzS5YQ89XnK / L1wjKb13BDvonvuJq8u6ZIuOfWD8IqqWm0mX93XVKeoCqWYdHW3jMyc8WqJ4BNjuKQWJ8LlBX5uNgNd3S6yors + zaco8PF + Skh0C6sZVGIKNLt / zX5g9nY3EwU / FJ4IHGYrqG3q3p2KjWCHROdF0RBV7u2Q14a8RtFUmiBnMyZw0tvj1XTn7JB9cvJKs9jFoZF7Xow4vf / Nixv9x2bKJYa7CrBb4kOkrIcYH + GRf6f + kXTthOcCpR0ww9ceA2QI5tZtpP1ijKgcsRFja2AbsA02WBAbG6wYK1JihEhJCUgJrYiIAUqaj + hb / fa / mO + HfusUNVc9MAzDMMDwDDAMAwxkgIHwhxBMQggiUYyoqKxGjc + / Oc3uZn / fyN73fe7vWVnrrNV9fpeNfzbfYkxcMWIkCQk / 5dTvDUgayyNHAfqpAx8JT3tilpXd497o + Alwi / kpBZ1umxhjy5JsjWjEQ9 / aP3arunpegFROVOQPokIAD + wIYJmcWpZTFNBaZPXMzp38JJ40oEKwQIpJR6ExqIGVJWEjbOyNipMlTb9fSHE0XQHjEMJfuMaHf + fqzzizYx2VjAdvO11kIdzcSNtUpoRyYRJIBW0DDVCjE6Ar9rs / P / tnIs9X + lT6zH / Sre8NEpkXWc70m8iZZGaQf7DBgthC2Mg0uy2 / qK4yrc0qFeBUjnJqsxJbBlZTchlfB1baY358gJ / 3u1WwAOimruu4susoiiJj4pADWHIpVKbj4dGp / QMThzhcQoaTdPj / 8610jOG0ubFy2zf26MTc2CNdqeu6rk0wwcaYITAISQhJSEII8bQQQggQGGx4 / tvv + e1zZuY + ky + OS0hmkUiIsDp19rpYSj8kTBIezTrR / AYARP09u / 7b3Y9RMyHnAUgcAB + E7e5i2v8o8cjiIILAk4GHweRwX0RsvnfOqUompl9qf3ia0mu51kM5POlukJYAeSWo + FT + f / 80t9IEbeHU05VTks2tJ3sOrPd / IM7ven00Go1Gez7gKIqiKIqiKIqiKIqiKIqiKIqiKIqio6P9EIYX4CiKolN0ioJHvk3tfSMpBGl9 + ExOPU0cdcP6eQ1SAAEZANCFOtkEooIcVbbJx1ADKk57ImJ2Lf71mHd9FyObk / yvZc3u73eEGeK7y44YvZvpmaml911KfZc1KQ5kd4ryVzgR4kpCVghHIYzCayRO4ftNS1xKBfAIXCPfojwzJP + Rrdiyd1Nqp11z11FKVQhKAA / A + f9N1a + 9dwYDDmjx / xk4nKF / Au3Pf8Af6eOioUT + vyGlbrvtZt4MgAkYCgRJG0MQJkiKMkhK / gPClEFSOuYApBYM2kPJWfaPWT / lIWR5h3KiJIcUq82h8veGGKot / 5ZbbdVv0cZY7e + qbdstqt16 / a + lJe1 / l5lgL / vL3p1TGwEzrstT0oXZy5LTaHShd3Z19Tf3ys7QABsQm4UEv2ZWrrb2Ql / I2IFgE04Nz / + fejzv2v8WnBQQWIvW6gYraA1CXKpAhepYA9fU / v8lpYxY9VfIwKi6SfnLf0fJDRUwqLnWVdZPKYbn2Y99ce5FrLJXRGQOkSKSM7P7v1 / r1z7VvCV2v5SGG6PBJ8StEMYrjJhzmX / FXwE5fhv5eU9hUtq / UpdFjIgMMllEFhnEtE1pl0TIgG27vRXDwgTsn7HW / 4dGs9Wb392bNcdp1FFDEgKEo5KS8qnSw9Milz5LMwDIi3ntAxdjALzzU / b3ev63aUetIS5W43DFQySwHhSanmCqSqdWRw2o7I6FfhxUXB8SpZF00HZP3OfA5mmv + T2wHttNOg1ZX1DzSpv61rAH2zd9BczvtP0U2DPtAkUK / eGGwyNOLmvOfEEJozk / de497BVlMTh0FEMCkElgaCsYEIQKrEGoYSNf6hNH + H4NAZEdlxWAoIIqWgmaxBwEDglAN + D6ERigTPIPlS6HRgnsZDkgSWd3l7RqV8d8fLL7wOjchclFmXwpZCFuiB4saU1 + r1YAHQC6AfQBGAQwAmAcwBSAWQALAJaBsAaETSASPudB + GGcBZGh8T2IiOY5EE20TUjRCJ8Zi1IvRO / jpMiU0N96AY8mfPgiUhDWfG + cFFvOPPkLEQGDhIohFUTC5OBR0ASpc5D2lEOpHxIPdpacTelLztVOe66kVE35egEsqnldFKH5Qu9ggsmmWcKYTVjW5q3wh5Qk + CaTn6qBMZM / 4EDwVZKlyZI32wSKByrU1kvUucZN7hCNFLsNUB9TUdUwS7xoBt60xCfW + Faz3ReTsKGx4WYAtm / P3NA2Z3rmz5Ai6phIUWOUSkxPCKUpWVApq1pXb25XB6oqTJxKoz5fY8m2wokPq8Cf09v9lkg5CcVxJQ3vNJ9M / cVyACARgSGBksEpkHWFxmBxRE + AkcRMYaWxMzhZd28OTiJx4PRP + xuiOKqy0ZrdeXH06hsBGQ0Lj4CYglYJHS1z384PScipaBnYlFFQwqlRmXoSsbDzfAYWdvXjr2kiJJFQMaRKJySlVKCUkp6VWxAupaCmYyRpC45WUaeziPm6QVL1pmX7HL / rCYQisUQqk0 + hVKk1Wp3eYDSZLVab3eF0uT08PdRRkGG2TNJnqi5X / hprKREhcrRY8RIkTpG2knTV1lR73Q001mTHO91ym2XWzUrrSbXUzHolsOPzM7CwqxfUJCaJhDoMqZNOOFLKKVA6VeqmWcf0GpqDprY5OfPOStqCo1XU6SyCfBSF7GVV95p + 2wWCoYUji8YWTyyZWjqzbG75woqlcqVaqzearXZHZ1qKBltDOS5XbbO2Oe6u + e7YkPtuhJEbbazGm6CJp2jalTTdtK1pztY91MaWa8fXasvbzK6skN0fl72amn1ab9pIwl2vnyFL9uoL1lSsZKSoi1HqSk + 4pClXQaWrKv1qzr16w9fBCutknXW25Loavh5WWT + nr98Sa6v9T / zi8ZuKPzzjWweAEIygGE6QFM2wHC + Ikhwv6t7e9 / G5r + / 9 + Pm3nsSw / BOYKPWAtbIOcFf6AbiyBYhGCBktLLyqCIgpolUSHZc0MaabKWOCclxUlm3GFYW4j4tXVGagy26t0FidPgaWIKCHbg1JOmrxJfwAP0Cw / vDXYAJ00KHH9WwWU28KQ1 / rC44OAc / xJuS5z93ebBRvi3BjwiMBhuqleKGohTvcsQd7wAd / LTsDPi / f7A6T6qELQIAC8lNz / IUSlKMcTnIyyAWVznPeOU + YxMjMiaYgwviVpngjqE9QrEO0fhCZ0KAAgy5oK9WmmpqK3YR4LArjVqAdDCzx9sUdtzGzxcaWNNP0VpM3Qx38dTLEgoiOER9dUsiNVcj9OaPNPsIm5qLhqSGQi5NNcxvQnwn6E7jN20NgEQBu4qYewT16tEw8cv6u / u + Pj1vQS6fP7eszD3fO7bfkRWe0oz1sG5wsjO + ysV5PvLwFIO2xoNju + WTUEp5 / G0yWn + 8y / L18CrKDwzZMbQpraxgiYcBA2jW00Jy9WbWxXn2C49Z52yI5ZpI6tC6bVmJgd5HHNhhgLWAgrAbqlDDk5DnwaEd4zjw1vhNL4aOHkNj35et2A8 / rf / 2cgnzLKU0LDEGNoxBEwgl9pyDWHKaNT0HsYJ3aFrFwRx8ae47pLFseeQ48tb49S + boIXT0bd9aKskjbQ8lgDE4BZUhFu7og5mBxzL8NzRYt9vMc / ZDTXxsd8OdB + OdbXstOVC86 + 9DzXiqQNdrw75lZ2mITXt9bEhbMdBaKP1dvbB5q / 3EcO
font-style : normal ;
font-display : swap ;
}
/*──────────Karla Italic──────────*/
@ font-face {
font-family : "Karla" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAEjYABAAAAAAnUwAAEh3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGjYbtCAckkQGYACINhEICoGxcIGXDwuGfgABNgIkA414BCAFix0HlFkMBxtRizfCdru3ouC2AQCf2tUd51Yw3dyhwHkAlej2spEIc8qIIfv / / 89NKjJmGyBpt8EABK / Kf0dAI1REZqmlsllluJgXK25JWl + tWc5utaiUl9jQtuw1aUcvzYqLmmmrwmIht4xD2RfHR55Msa3cr9mThz3TCq3kLpfGCCEVSKJLguTQnwZf4pu2uJjcp8BT9JdRRUhfSEISkpO4R7rcWWCMck / 6fIMX / FYNlX8BOo3Tu + scUgnEg7ATRReQ3RL97b7BtdmzDb + 6EO1XU4kZff6usu1Xtzr4F3 + Ga4xm6wz + 4U7i8nD3GBs8A9tG / iQnL / Tx79Sfs3slAylATtoqLsEDZPxCIiesH3i39T64m5hnOBrbFqUtbem5jmyZeTaW4sKNiiMcGSjODAnnwIn6McSFiKNtNOTKHOuQiqa2aEq8tAbvvCR3nx1ylakEdkQKUUhRoWkX + mr4rXtm3 + wRYnnqlCUKGX3K5VEKJ5EW + 3eI5ux / KGSTzSZYSCmF4oFCsRIgSJEkxJyYQAIhhABJkGAaNEgFKFKBilKVq5zbk7Oetq9n / v + hCic2MI4cSC5es6XWdoxAKxliUlp73b3i83PaH7NdfTtX63ZxSqkFEe3gQ0zb5lPBzXBztZjJhH + oe / ZnX7XaTAIllBZZos0EBRpLlMCX9L + rfPstlEjLlCZW / XVoX327nTSk / eH66QbA1aXHMd / t12fCpVqEQv4WzASodKYDbUyKKQQ6Om68EvLnd9Lf3f / PR6NoFI2iURRFURRFURRFURRFURSNRqPRaDQajUZRtPty64NrVZoMf8VGsp9vKtVdgc5MGEkYlUCvzRXefddhReVmGsiqzO / + 3 / fZ70 + j0Wi04zt + 6dKlKIqiKIqiKIqiKIqiKIqiKIqiKNq / ACLAOfUKC0h99rt70j + PoiiKoiiKbn7zA755FEVRFEXRoyiKoiiKoiiKvhucexRN0RRFUzRMDvdFxBoCYMp2f4eDb1 + c85i0rNzJ2DsQprQtI9byKHOuN2g89Jfblx2etsQe4xdhLlVD0p6fK23miFPiFHfdXZVFX6N + crTvfgk2JUyKuSstlFgYZKHqKCVOEcARSGBLirQkW9VaU1kjq0zh6ztR0 / l2KzcY5pIloc6r3FKo5hUtMdbKpWL9MRulajw8kCxDLqcUbbqw5 + ATmo / SUfBC + XxL0xemudH4ZHel3r2gtmkVkLPTWQgOQLt / ZutodFX3vJLWReemJ1e5p247Z6XUgkpnrXVkFhRWWWkwxmmEhgUG4lADivK / 05Ra / tK7odvKWk7nJlwtQx7 / LlHsn7Wc6aQzm3Us6LKDBwsLYOmaqAWkgJQAXhN / 6nOSRwdkWKFqYswyqr / emr4bFX5fBBdgp8c1LIMMQUREUhEJQcT2X + cwOmOD9J2QPPyl18 + LUB21jDRXtFkEHxkBfbzj / ZuTtQD45KCLNwH49MnK8xCgDMwDGBHSThDt0gasbGWCKNEkMEq2E4QAGCCgyLoiYVd + 0RxC77OjCrH2K6oFdlIDyDIOCHMpfa93SkDvG6oBw6 + DvgJWyy2LRZVz8zuBiDLtjK1FgCGPmEMNkCtRB9T1EhokkO5ngIf6B0iNx6WcXFM4oaLpQ8FnP1AD2lSWt + 2vvXWkzha5wotVeVVRtdVaPdVfY / WqvrYadnmvbULbtku7djha7lB + rQqTKkqquKe4KWkapE1Gn5Qfo4UilYdgQJ9lV3KoszDqYBFbwZF4NZCRXEi9jKnpNm0SOuhhMMPIECW / aoXGmEUJFRdPE1et4Qh / heWh9JbzQ0rE7wJRbZVhNWfkAatI2HnBUZ1bCd6SJNskFV1WCBVMcvJWFI0yJ9Q1EG3WSlcefZUMLd6BSPVJbrYoJ7eEPiZgg0Ncs86rmizHlNdP0RQlx2cpGV3g0Ie + yq3U3ZTIKUU2Gy + 5KWlV4a / K5QpRyJ0RG6sUbIADrs4rHImSFJChAnIooDRXJaYuiaYGWnHXVUJfHsN28gD5uVJYjRuxWsJ / gRHqL3ynwIY0sA8ydyEIKbkMO7FU4vWUkJQVx6bBzhC9KDW / WaNZAz / cBvnjBhIuSQ8lAgkXvnxR9smI + cWhD308hUeJKOFP0WTGIzTHX0ataLEWrxFQE5BCUjkPV1l8RB9cXAB5yauhkJK1oYRzZOm8ZgnYgBRC3Oa3j5LCZCghQ0FlSI / YWyb8RpCuBsywn1RvkvUvyx9ZrgAU + dAKFYMxsOBx8AUTEgkjYbCZ3 + Gd0Hz8D5 + xVt79AwKDgkMIDSM8gsio6JhY4uJJSISk5JTUNEjPgMw0yT8JLDxcQGAIFBY4IkhU + MDwReGHCUeDxgSLC54QIikAmUKlhc4IkxU2h8sgVNb4x9HRD8AAZASNCTwIdDD4EMih0BgsbnjCiKSRKWNmGSsbOwfnuLjHQx2Nd5T2K + CZD / ikDl + M4Zu9q7d / AFxc3QRCkVgilckVSpVao9XpDUaT2QJWm93htOkooObz / GKJVCZXKFVCOsrVJv5t1BqtTm8wmgSzxWqzO5wut8froIDLUW8vcBA6ipwmlkhlcoVSpdZodXqD0WS2OLvM1c3dw9PL28dq8 / WfwkrP + vSrXrdxy / Zde / ffpSvdCgqLiktKy8orKquqa2rr6hsam5pbWtvaOzrbLPJora + XouKUlJaVV1RWFWWn6tZNr + 3X1NalviGNTSk0p6U1be3p6ExXd3p607fjKE32 + kBDsDHUFI5EY / FEMpXOZHP5woqllStrbllr29o71tm17p5Va71VbHjsbM + + 6XMXr1y / dff + W7ZuG2BwiOERRscYn2ByiukZZueYX2BxCZZXYHUN1jdgc032 / xq8F + 8Ad2g4I6MZG5 + YnBrGzbSdl92a6ZnMzmV + IYtLGSxnZTVr69nYzNZ2dnazd + NB + X / n513SyUHS4DCZx1GyJMdIpxhOkBTNsBwviJKsmC1Wm93hdLk9vWr9VS + / bvcM3A19cM / kwr1SCfdOK9wH / d1ydVvgYORw4mjmeOFkBeB00zrXuzDi0owrK67tuHG6z / + + Awu + O / 6xyT5Po00DkIUuJYh6AOQ56EGs6JZ3EbW2xVx0sxgy20xgaewzyKQJhLtaOuTbfIKpDa2tIbAxbDDJEj0c7jOstewZftwUZncZOnGD0LI2tJRVmiY9JMi0NCJRmY5PoXPWROU3mApKzOU8UQeDp97XojTn2Qjd + + HeRDx4HY + 0GcGeKwnZY8lV / xC6zVv6TMU / CtsVcslkvJBGhxybV2Acurl0y4VJdNBmZiLOa / k1165RFPerB7F3VKcfOXdDlhOkB6X86FG2i / ZC8M + LtbMQnhkjn0Av2oCex + BQcEhKUVQKHvrQIgOz73 + 6PhWtem49 / FyzqwfzKorf7oRee82p9gk3gKqZgRsqmWnUPBJ0c / hIPHNupxObi6kaJ9xCqmgGCGXONKge / kj8CTeVKpkBoOyZBrXDX9h74 / iRmJ / 6MeE2U69ngNDETKMvIwGfht8x8MixGuEmVLMzQOj1TKNfw6 / sjKIORQ9RESo4XIfIaUExYaOoMAAzT9zYTZOjrWdrvjHzDunQO7dqhSXAyTBGyg7R3lv6i0soJi2AFcZs3LBtqa6FaAAVHS6h0LSgpLABM4yetRQvxBmg8sMlxE4L4oZBQsYU3Mw84peqGEuDKf / gRqKahhcHtMR2FmFvlvC9Ei0mEsKd4vF9UC6zQs9fRpbTUml / fixeAKNQvtRWLModS2UbnFJUzaBx4Bx6b1XfrJkbQtyRIcdUnswMz5AQJHYV8VN9Q0IYOnfYAja6e / GMtlRgsRFE4apeY + r6WM4nQQlOv70NQmWEHgd1g3YWZNk1WC3LiXEXD80MPnRH0XZdltf7SOXEyxL11Ow4MtS73Zy7dO27zedrx / ym3P8a2WtoVs6XcS2 / Zl8ystTLklSu4t
font-style : italic ;
font-display : swap ;
}
@ font-face {
font-family : "Lora" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAANWgABAAAAACUDAAANU6AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoEyG4OHHBygaAZgAIoOEQgKhPh8g / dIC41MAAE2AiQDmxQEIAWNfwe4dwwHW5oHkgqvxnN92 + 8KLg4Rgm4yAOo6t1QlqrwzNB3hQYvfOJ16inHtwPaw / GU1MjfnIyF3wYKqmvtPyf7 / / / / / / / 9lyUJk8 + / S3idNkpYCBYAC6nSqzm0mJhO4wKM8KqVhyFZybbmkcYLYpLTZzIPVOCuXwafkoKwmlmVzdGtDyJapu91EdzYKao6R7RXcRJs7W4qTCMmjTzvbYkIthcm2TEEiopI2RDM / ZDY2OApTpVKoTEwmJsu0QZGNzXnmJ3Gx0Z25O3MrbDS38x5zxQTOvQcXGk049SkFVLwKVlwLLrCFkdfObiETzfv5dBRUb / eHQ5qCJSbeTPxKn44mCQayPJvzzMXVwYm + eIDYr70 / XtcnTH15qwFi9bef3usHpr7saoBYnfct1gvmvnxWiYoN1cuuVky9 + Vqu5PX7KSW7QqLf6u61w0O2DabuEl + 7 + 1oW9H7rWsJifzLVOuajtbOV3v35gI + 3dzhA3FrtotIk3vjS0TN + wioq0R / h7e92k9BXxYj34Ft / j / BA8ajgA56I4F9H92ZRkO22gfFipbMf7twDf / CcoaIvVPof6H1IdmApsehOi2WYuxB9CGzAZcCQKUmWvXNcefLl + Yf / q + rX3icqssHsGTdc5RiY / oL1yLw / z8 / tz73vrdiayMGowVgzsgZCyywkB + 0oCQsTrOp9GzASrK98 / P5vFhiICbIrXmd9j6T3nvQkPSkTkhAWq4wQ0bFgUyL42BTZu / s5cfiIPuRA2MQaWb6gS5iQfCCCSCtWpChjdmEN5uNAlmUE4vH4Mqj12s4gCGLZ4MFJEoTUGI8jCIfg5M2fV9W3vCzDDdN0w3S3pUylOv9Kl + 3f49jRP / lL3ZbkQsogJKqAFElRAAmis76Y5 / kfA3ff + 7OSFsraVsWyQlrFJIq2yiFDaBwapZpHf4c67Yal7QONekAwAAZlVkAOWAVPPzw / 2972V / EXmbdd7WLVt7vtIpJrIkJaOhSPUmxCMTBII0EBEz0wGuH5J6 / 3JoNokoHykU9V1h5aCdx9oeKup + t2XW + Jx / + / HOh9nwtckCYVkkJ1umRCk / O / tkyplRKW9KX5s55NPMsGrFKn6Aw8B7zvqgAVZWrzMpr4mOf / 2ebfrWWCATpWYUQuH7UoLHC + qL9OowqJCKOhzxOpcyQXUUzP8U + nviIZSXA + 8QtaU0inuo7YfcBlYocBPCyz76 / p2 + 9tTsXiUWGL1jV7yec / jyEkoNAgLBarkfy8btVee9eKWNFdUWu3XTvTwp3DkpAgGnGihkyAQd9 / vykPo9vNiyTp / 37bt3HPmwGuMIViFBhYAaiLryL + 6nOh0sWEVm / FKzGb + 4oJyRaHoxZQxZnKiJKhH1U4cTrhxJ5mAMB / i0uEb + f5dOCMUsuUPtU6ICEz / 4JtAn0IMC2o02jaRsWk1Pd90EM3PTlnNjOqQ2DIXfMc5Et6MKkB7PX5wff97Y8trb1uzQ + bIKXwij6CivE7gafoeSoZBppsVOEPhdnnBKafCRQKxQBeywu2ly5dNF8cmGfIeRQPKNekGBG6puJoyJLAUPWq6hFzrKS8TsQ7OgfM / 6sMWtMJrgnw9f2py1Ato8kgYpDxISp4OtwUOoQiTA4KRDK7QK0wgjbnc6BKBEHz1rBlDi7Z0v + 9TntpX59r4ve61ygRZwmbBW9r9ist5ev1OxoZOQHWTmVb8cY / 6HfmV4iBkY0SisDYS2Jjk9a8fq3wQouDh3e / Gvvfd0RTerOi0e6mUwKJEALz5tS3r / LbEZxEidwqQE0KxCfJKnvOAOh02 / 88IAoMAlxZ + t86K38GrC7HEY5hV3z3lEwXf2 + mZdofjYEhuWbo9zzPyHiUggQcUs6RkA0VbRD2vN9v / nT / bjQ4jYHpHhDgDN0AxC4wILkksGZ + d4 / FYGDXgTxjrIxbgmuBs8RZm8mZ1BgT21S5wjuPUhC5ILkgvFx10ebKcinIFIdSGIrnX5b1Seto1VKVdohDYvPYLnPJgEQKumf6h / t70zCP2im9zeNczjPfIQG0CUBnGEuLHDIytExQ4uZ5allK + 9XqS62QAVoABdhobpeLwRnlVnBKewsdxlkhsRSRy8wWgS5 + 8MooYiMqaASNoDExxNe0TzptnUozl8fO7OQsKEANqBEzWmmlv / V2diyHNF9fDlmX95zTD8whEprhxYzWKcBDhhlRI8SMETsOrBEegEb2WCAWUTaZbdKQfN4taoRECPmXVJyogQqDkGi8Ax769r6zmdzQljrUjYyQX7jFupQ + UTzag + 6a4nzFQZhINE4ikU0hIzRGaVICBSbgH + qevXYnaLI9FujiAuBO0DTRI2oCkOabfAj6Z6e + 28kqCuMoAB59GkwEd9 / UXrqj2clbre13t9JvzamFsAtTCiABNMheaSSXnd / sTbOdUrucpmMH7wUdwAHsv48SlhBIM / 821fX / 4CmMckoBHiY7JZgA395hFJ1PJzAgB + Fs56STVPvMYbmAICvEigtyGMuEyrBdO2UZO3os0dpuczpsHjN27LB2A + BIgoeetZbZnY9P4xKPFqj1XNHQaBC9iUdrDYTJcRDhQSQNuAVIMaSbYxe28iJiFDGIfhPf / 7xHgni3TSCPYEIwxqhGGCGEdhDDdBBTYbK / 9Lc / eJsKfX4SJM3 + YhHLcAzGGGPSlGddSWX2c69XxIlYJ85oo7XSSimTx0FgGVMNCdhu01HwfE6J3Tn3MmdGCtEhmQVoSc61 / Or1uROvfsbm / 5d7PyJ3V9ggISinwN2Paf1zv / FacqW0RIWNmoZImYEZkH / / QSOAH7wlig3AT / / dPQD84hIbtADBOMB9gIfAuJDJkCmmwRrzCZSC1CMypr + h9rUf7p8TDU3MxCFm0AyCJn7iEZMwCdAkTipi0kYHzZApQEzhFEJIoEAQwHHAicAlIGSqMzo1kwojU5BKkJizUv5jjjeJk4IPQamCgCOkGIe4ytXMECzufHXYgNt98EDBBwlYTAYIvM4l7n3XAwWLH8whsLvv2tuACAgg + fCDgRFIXGwRKFwkNTOG7TZKfj / BAgA993O4YOgLX4LXo754Ffo596WvMGx42GdYAHr6QV4ovtB2oecKLUwSyihtlGEajsanaen32QX8Gfw / BS8I3cJx4Y8igqhAkpRslFKkXNk2uUNVpupT7VO9o5Pr / PinZlh3To / RV5nl5ibzPhvTFrQts52yK + 1zcoyuy8Xn3HPcTwWi0bXRF + Jr4 + / FbyfkiVWJZxN / JtXJguSC5J4SSkm8ZH1pW / pUBmSCmcHMrsxn5Q1VfVX7qj6qH64 / UH + qgdlQ03Su6XLznla5bNvXkGqfqkwqtuj8tqqvBIYoKBQc6fis6xGZc + K34xPFlsSf19OzqudiSXxLZrClqu + 4bFt0Lb6dqiwe78PLib + n2he / jcfq5IlVYX / i2eY / fy3DSbXuXLJAj0ku + HqMWV5CicppKokDEp2wBdOn8O2WZYDUu / VUJvh92pWZQSC + p2oflKWcsZNquuJlFdoGFCqp6JC5qRmnCBsTXVsSz4Dojt + uHRBtZFBfS0SMFJUeZUEnDcwGoJDe4rsEpUM8pIYFqBqynSo + 58oMk2LwUB4k7E0uIBbpi1XPdZG4Yg9ohwIIQkIFkOuKe4N9Nwd2TUENNgxLh5cMfzvaMzpvfHPiz7QKoTpFeS1Nx9cmC7xak6IPKGSIRYKYL8B9B2njKCXC2AdiaBSGC4u6wnrUzfwrjkpjVarVqFU3r / cDihgVDR0DE6vYKA4uHv5cApOh5BSUVCZ6wdjil6iLhpYuBmIyMwsbByf34J3CJSC6a2FM7Zi6izSiQxenERxeuhm + TgjtrnM / ci94xRcI09ynbV1DY1PZ + kW49ievOdTtaWUcv0iHNcjZ1JJnCZz / t4cNeqwwl9fcl13iZ + mBzZOYBF6RzmTkcwWwIa
font-weight : normal ;
font-style : italic ;
font-display : swap ;
}
@ font-face {
font-family : "Lora" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAMJAABAAAAACM2wAAMHcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoEUG4L3JhyfUAZgAIoOEQgKhM9gg9kGC41WAAE2AiQDmygEIAWOCwe5TQwHWyLwka8lcknaVB / Y025m59A5xORxaLEFmOZ / OxeYY8jQtH49xcTKMbDveYAS5fYpuB20H8n9Etn / / / / / / / / / / 85lEbY5O5d09nIh + aESEIo8IqioxVojtx6duUNeQKmAozQRsZxVddOWqLyTib2bVtG9dwzjMF / 0Yr + j8LCEI4pKVHQSXWkd2PesF1aQeXTmoqoFh8wkOGRUOvHUbGLXurAK28isTSIyj0QQWcKZoC3xP3wx1GNToC7MTvZpfzBHM0TrRuSE5EX9rAGpSBOJXaLn3gyq8ZRdHazAF3u5PjfnxizpiFdaiY6iLiaICQ1502uFR2Fz8kVnDiiGgq7FxWqncmc + t + 9CczTTvjepsrcBzluuALF3TExItEd1m / uAHUZ7w76jPVew8wVudNbQsnwz0TwELLL6CLnSxWeB5Zdw7i5mMscYPvKKNSF1wN + ZqfkWJZ8FVFlNuxem4d7YLWa82lAFNNQDxM / 0G8427BsxZq2QE93PAsTK0u8xyca8nMoAsQnSXcTzcp / LJnT490MK2 + iKEokJYoJYCYUq5MAauFqRmJvtINn5 / 2HxirJBymx3pK7wM2Zk8ks8oq2R6EXZnbkyOc + zaXmR / a1tlyblcUf1lVKqyg76Rdx + sipkx9n0XYRcd0hE14dQ73JTm1RlU + TvMOa2sier7JL9sLLfGW0wGpmdWa + Cujz + 55 + iUu5GHFiMVKJbLEyRRUPXgYlcHzCSZNmOXHnjqx / / nfWnqm5LgUadDLFUFmYe80x8ERqeX27vcnHb7Xa5i + zFv6rd3W53y1sFjLE1IIMNJHqEgRhgIAhtgwIziJJQUQGlVGyk8gfS899dEiFIIkhEIokRRCY1ao5KzFkxVomxu4wqpbpUdemv0Tl007XQpf1UFx0TXboRnp6Xq / 9fVbun7xP4ASgSMzg2NGc + 2 / xm8IMo4nHbiBe11dd010UFPWLiPIgZHnGB / Pylii6snXulkEYMGh54crOeGDACg + DAQBixEwwgCkaDgAnsHvaCprilt8TdbL9WtnavNlNL + / C59uQTPntDsxQGRuUqoqo + FUfB2raSTJeEgXBg + mQSqrHRhLxp + GQ4PFi0fDKZ / N82vx + 5Z0jJ7SNJAxWCVexBMa2M + na + 2X7 / oX + 4bz93WrVAyjAMwDLJn8Xr13W572DB7vpAIqRG / cPBejsfoxCCxNKANIPzGxr3791 + G9xWjcZQlqkQt / xsfUH8P / 7EbUqoNk + 4L5DQu + SQgH0uXxegVG2KZL3Ru / E8t1V6vbsPXFF6BSzYEwADw0EIqAkQQDHjp37BW97yVngEb9m8MVbeTtpi3 / At3 / KWXWnf3N4SP4JdfohQ8UMsFTmCHyEfIof4xgq55Uc6dpAQ7FgSSjgK8RTEmkQeRpXoyaDwPH / 7OjP7oWh / N9rfa78URVEURVEUPYqiKHoURVE0NBQNDQ1FURRFURQtLcI2EJZl5yWFA8I0nVWh5svYiI9o5cVv51MuoQIV + jJwLd90lnjV9VlgA5QNzDPkPkon9Mw9KzH8YmgLcaz5yrFyKii8Ir / sf5tWHa7HuafzvLnF3eukWJ2yt6lgZFM44LZVgDAICYEE4ktCbNdf6nr / r6 / 2uCjtzkXrLlUhda3oPDqXFyQkQlZYBRAggVYpAQcC3u46BVTh0stJcfS8u8cfEgwibW0J2nW / f3H6FpcI397i4OHdT8fI5wEq9TlASW38jCAh3I7sqqq0O63paiwec34zyAGFRPypVjyRYNZFgAFb6yzk5KHVj4BJXSqt0nXNA2AbQJKs5H29pxKMgQ5jhw2Y / ASJHdLbGQDwDz77hRrvKlRFqwcZLC87seuH0fN1E4NQkzT5TXPw4GYlCKqxWEnd1D8JVpcL5g9fhpeB5QQRdCrBYuy + zZUSDp5 + LWZo2ZD6hL88DMegyEYvbndwrvxtGWXUAVHHnFFGGWWUUUYZZZRRVFTVqVNVp05VVVVVVUVFRUVVVQ2hx786awYv + / EGhSs1fbfbbKvkrnPHtfKKbEFsUXNhW6H8SL / v / dqWbZm6tmRjUi5rcLIknXKtAA6BTrkYAcgT / sZuNxK5EMpnuGHAZCIZLS8F3TQag / Tg795l + FEpxWaqzQTB / P + m + tbOJQQRxNdfC9J6JW0Uv5OCE4subIipSqcH7ryHh5mHASCApCQMKZCgKAmiaFGAZInkl4wZBM4ABBhERack / ZxJ / ig6UpKDgnOQYwjdpqx15VKli3Kb0qlK1YbUNXu2cultOhfltjmVxZ4lqpb9Sy + / 3J6MRY + 9ZqIDmJCFaO + + rTtZaCxStIxFI + cQFoHOMOMBUwgJigkBIQ7Fw / / bKk3 / lfafU988oTL9o1OGsIJsTBAGXTXVu / u2tjUGahGXuM0tY88YWhgZMAkchG1HCJEyA0YRUGz + + f1k + SA3LBj74 + 8PaxZZaqai8Hzt95ntU2dSnfkvdMNPBbBlhIuVgF1dUx0EBYxWJovgVmiUa9f / d69KK4 + M7XbDoBIaK / uPblQEZdn3OMpYA8DSPj3974w1CCIdgJSXf + iPfvrP39auYPgAsF04DJvv3HgTBlSaEK33P7WkfzQzd5JWzj1b15qTDg8wp3W9oAAcgKyv / y3b0lzxStdsX6ndm6ZN9bJLYBCrBVfEAkgAxiGqHT8oPi7wATVhGEjsESaCocKmh0XWcXl4mz7WfxKbNJtiEWEKY3zGDK5uJ2bUSIZmn3bpUEooIQTj9RljhE8IYYTR5nrfMPe86irfZ97m / o / 1nPRJaYsxwgghjMmyb3sHC04bjOJyw1f1G7ksZxM40 + fMCARPoPVDpr5fEuOX2hntHzPDToxZEoYtYel0WghqVq0xe2LGuqJP6t8kmTj8G2cACIBXX78kAPDW37kjAPDu5ao9IJgPWASwCspBDoY4RDXU4ZcMSUpKYFLav0P6z / TQzpw / ZKQTDjMREw2ZmMmEmazJglAABhABhABqAQyAUclPQQonHEqSEgWQG04YjYmZeLpgKHkQgG2OcphrXUcWDjr3rCjMAZMHyYsVYA0JwP9KAiAc4uWB9y5UgM7vr0bQf / CC3wrAAUAAdO8HBBOKxpXBIqEDZ2J9D5YAEkDPuQ0qQrB3vRR4ff6fQB6u3vOFUPTAswAJ9MaJnKvbxG3tPif34fjT87agoxANGZ8 / PXr + qHV0IiHpZ + KnTSQWpYBSSrlAQcHuCeLEnzVa8UpX2XMDxP1rzfBtEIdi0GGsBPp8A9l4skFvZBU6my8tX / l9Vblq36obW8enUzj2KEbFzHlR5VZl6 + NEGH0rqwKr0Cp2sfBA1PCb1qb / uOHY / 4 + nD2B8D6cuhC7EhQsXvj / NPNeep17uDT2DpkrX6FuECQMUrDiBJHBCwEnTa + cd + WLYNFGx8FsEpDHb + 0j9l3qBgRMCTgINO58vDT0bW6fW6BQOfRBW9cF0Fr4VPVFfWpGbF00NH1iAl5tbL2DNh1 / Dg9kcxBkGV / dxybL9Beh6h40FClhp8Wpk8xlMPL / Jhz42rAiT6U3r28xu + teU + g8wHNup1DUqeSJfnujEhHMVcklu5GkLw3WW6RvZ4xI3ti7QGMVHgJtBpmw1 / pfGwngmnCGjzkNzLFzzQ2LnxSSw0sROgmHoip3jAw / IYOPq / Sv + H8axZ6fxgTTwoEED559y7GYoKY8e2COIwxd3AhuRDIQxDyLoaBPcNDbdaPrjs / tlSfOL5kvNzAat38YvwtfPP8F5VGllYSyLLtAavkfsvmwBCiBZbLFhSEdDTS8Usy9k57JlX3KIFOPckBefNPeSl71itjnziD + MGvxvZIzN / OXmbuflF6glvpia / vQX2rXBJ + nEDcM / 212oQJ6CQVimmhSRi0rFKqhGamqQDJrT0xK0pac9PR1BZ9AbpCiDOkPZmq41I3ixUC8V6uVCvVKo2YWaU6
font-weight : normal ;
font-style : normal ;
font-display : swap ;
}
@ font-face {
font-family : "Lora" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAOCcABAAAAACVEgAAOA5AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoEyG4OMBhygaAZgAIoOEQgKhPpUg / d5C41MAAE2AiQDmxQEIAWPVAe4dwwHWwoLkqo6ZG3pNs6VY8hV1TnE5JlKC0WR5c8ruoEcso1y0e0cTY6ANvWvrzIqYxzABqyb2f / / / / / / / 78uWYhtzU7a2SR9aSn8eiAIogeCkMs6xBQhpJhTlWvkumqqOredqpTVN8nEJI81uiSkCCHOBtRChbHKwxwTFp7cZNPHyJZeM3dnK / fAdYO5TLda003wJCNbO5WwJo4N3U5Ignb7OLyNEdv3ikqhUrBC1rZr / h2OGGV9oh8KdYgJYkKitaZR5nSs12c0FXLOtKJegDM15igTp26yLRY7mlsqhUpUohEN + 0R / WF9mO7T9UqgSEp8rVKLv7sxRYSGzvX71t16mC + + CJaqQ7x9BS / Mf16 + 12V8yNjb2vC / KQ1o + YjzOt7trv9nB70gj1Yn6nErsHc4cdyaz3TQLW / W4zQYMuagTxLx35vWDPpb4 + cYW33uTcZu2v3Su0t3oHQppSnLOesCJM595 + 7ytUCMzQUVfPUCsb9xNtl6WX2Qu1lXubfuyqTQreluf5uZthpQ + FqSJ / Mk7GotshyEslmaFvUzXOHOFTwruRLU4xc98xib41 + 7MgV8Dm9fwIsfgp / mzFy / sbp / 26eZRzCr8DDFBpeyKvRR7sJu3jNH + ldj5IjN3lfDK3KlEG1RmVsSLPgTEY3NUlWgj1nHFE1 + ej + / P / / 8xq / ZJLpgHyN9wS + wJXj / xc3t391csWDEHwkaNTAOxqBYsKgyk7URUzCYEsTCgxSiqBKNBjAJUUHRDZG7N7l7Z2yu15EpyubuUdrWld0gghIRWQqkiBAEFCwawICgERRSwBLEDCoj6ImqQrj4EpVgoPH0Mi / a6e3bOklVU7JF1UikZQWFBKITB4zRKUwiX8vzZl / P / x9LGMJNJZlKq5b3 / LVOcscT / e15rlofbV32brSQguHGxEhRXroJBUiB2RFFaSVERIui9fZlbTMZztd / vi2XHI1mtMb9lpkOnv4xHEk28m8Vvh9jek2Pfze0uzweH6Lt / CXlsDU0s6drDpCIFrtnS3o9t1r81GPNz1r9SqOgJrdFSX9EUMhAs / ZCM3S6f / / / + gP0695k1TUBULAkn + v8eGpf3gCcmuMQtNJW + Flff1KA6qfu2zD9M4 / epTd + 3K51LroYAFwgpkE5rxoUYZFuyLFvFagZIp2GnaSnkz2AR4b4KP2VpF / d + C2y1elzT1 / 7V3E + uTf6tMRQKhVt6TI1QGIlCKJREaJAJNwk8kc70q7H / fUc0pTe3YlFvOiWQCCEwz7etfymHcEYYRNFB3V0EG6NIF8495BErgA3uyy9fhxENYxaYG4Wx0cZ26InevA47 + z9pFI2iaDSKHo2iKBpFURRFURRFURRFo2g0Go1Go9HonxdtBr / ZvyuvyvuxtWuvvGgXLeK91Vu5ciWy / 078byUyRIYrkeHKtYyHDNciIuKiXYkMr1zJu5LhKi / fppfaiKQCJ9IxzKev846Od4c5Lemr2WPJGmvU + sBO0kX4PI / QS / g6wvf9ywkX2EFa5AL1Hwfbe58C5SiggBNumlBl64eynsC / 5j04raZULkKEYTEt0wdFtwk / 26SoKzKBQqFAGdwXcKAQaQPXjHDEl1ULoP8IAG0sPGMCr6oKhUFg6tXUKCCunVlfEqrrN99eaZ / J4LAppNKaLFXwi8KDYBDGRydX5N34M46DDYH7fksr8zILTGANOHFOONVyMZG / pP0sz / 9 + shBXLKm + EC2WMgwK83lwguPj / aBE7X1c0 / RiVVpMHQRJsXBIeIh8rRY / SZXn8br1 / fquFatMikaa6rrrWrZlW40oElFkiW8CAQ8kwLyZGPi / V5cvvddn7LTKLtozKZX3zoZyYNsrJKSVO7rCIms7kLCJ0zo / 1u / Mr2SNNcJy1kWAYU0OBqcVWF4rDp6a27Drpg1aGYTkoWqfSf / / iUis + NK2Sssf8idk6IBxiMmbdrG0831420 + M8AtVCxyL + eKxM1VVHcxpOjeWtt + BWyuRWwWoScFtCgSStcbbZc4B0Os3oAPA8EEJFAs0XRSh / ErwksFhltK + PPyZDuZZ6w7MM + Q8ikfbA + jz5 / ncybEHEsITaOu3XVsKzb9Ndf3fEN8FdTYXbZfksoetgFt5Trfy2Oc7SZHO55OMASlECppCIBmlOMQgCJESlosKoRymqUQ0pVvHpFPHjh0zZi4AbVPGjB7TrcPYtRvDOPbnbWq1 / 0smxQexlyjZKrkqKTrbSY6wu6qaeX + + Zv7 / M5I8Ms5IASkkKTheB + QFzUiWBYYkS4SWFu0s2QcA1dYHQF1zZbZzU1657XVX1HdtAzxP71up6TtYflV / + Y1UzPAybviDbEgfhr97enbm4qMLGPlGY2T809C1Vu5jZdbB2Ji2chljmn4JuZVfUY6ucpVCJalKWaxQJfj / 595PfduezhqgA / jAo1DqTrrOp1mhk1LpJt0sAvUlQB + HKPc / VWnOenI6VqYaVBzC5rbFQKz6cpV / 94AlNHf3 / 7czp7oWJAWMZyyegPsa15 + 3tGN9DEj2OqjjBss2vK0A4x / yJrpH + B130cDb + S4gSjDBeP7hvqYzLZvdT0cwwAwD / K / 1tS68rBQnFOJkCabc / 5nm2vnz51urlWTfSj5C3sdb7HUgFJ1EdXSC3NRUt2G0Hs1 + 7wUJo9PJIqYjZYm0Z5JwdXTuaNocmoKOqqBoa + D / + 7XS / rtn8XfoBWfk1qquqBauYyPVQOjPW6JJBx2TQnQi5QkUgUpFRqZilEovgAQmyOQf8kTtv8KulmcFbDGOxdBgNMGB8uDfzeh / zg0kzW4hQWQQERGxqB6fX63fRvnf36P8NEAyWwghNE0jIo2IOFIU9QsppN + WWXb4mj6w / psBrSxkkC2WEEJY0hQWchxUV2GS1 / 9EnLNWrDZGaW20laZ9aY9nXqX7WtLNsizDMAghhB / irBIk8 + bK5k0Vci8qZuaqkjO7e8RhsB2gA378VJnWsZ / lp2j6Jn / lvb4dFJQyCAoztLvDd1pf77leoK8DfEnRpCRuDJIjmJFmBH02yAutr / 24lgPw7X + K9gv43s5xV0AwHnAn8ACYKmQ1ZI11sPUVAyU2i5Asrj9Q / e0IXP82FWqXdkfaoz2g9mxPpL3aC2rv9kc6oKdBHdyxSMd1HIQCCggCrANsCTgUhEpq0pLe / jAqsUkGmSlOTl3y591 + BCAoKRCwgp + lyIknuysQ / / KxSEH / V5jnYJdfZIxLxQXe + iZ33FTkIP7ZTAoav06KI9AGBMCMftAwgkLDISFjYAdjwqx + 8wEOyHM + DRHwQZ / 6CoCX + W8Bmu4 + 8zWAoYcu4ECePOlj8yP7wcpq04ZgvIBXCM49d3te3D9Pjh / icTpoBbQKWuvtC21x97xb27vSY + Zf9JivGWaUDZVQd3msQapWcZo + Thh / NY5O4af2p8qnVNPu018W7qz83dBu8gO6bSpVMtK5EtfoYhPC658TzeR46gmugj + mbd4Vzyeiep4Vo1oBZ5YgDiRbLa9TE + AE9LP5B5Ii / 6H6iU99ydD + 1uM2n + D66yMZoxwdLESvIR4M18AFDgtOJHu9HO06rqSxONbUBC7mOhJjA5EQXv9Psv6rTkaSzdQ94hTOeKAi4eaK45AEOLVr07EEh3kffcqDacqp8T16imH7PwlnP7GQM43J8dIsn3v6 / DknEx + er / / YTiFcPNFHDuvkBQ2QaYsWdqPCB5XfAm / z5vGD37dhH / Wh + + 176HxPAgrzDS8ZkqKgZ7 + 06BFogx5KVYruccakqzq2y7HEo0FAmjSscQXyhDlc0gm50z0s0gFZGLC2gKP4I7lpsoDaIR1ywwq9Wq + pNrRF3skuGdwlQcZ + sLiztH / B5oVPIt2od6BDAoKQUQJKzfmNkvn9 / / i / ZGSai / i2iC54d2d7BI5iXsmhOSmUeuFH6cKckp9KSxIg7GGfFz
font-weight : bold ;
font-style : italic ;
font-display : swap ;
}
@ font-face {
font-family : "Lora" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAMy0ABAAAAACNJAAAMxPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoEUG4L3fhygBgZgAIoOEQgKhM90g9ZnC41WAAE2AiQDmygEIAWPCQe5TQwHWw / wsUFVxtqlGR + w / McjKGpUnUNMEp0ALVVZ9h + ghG0MrHw7R4PzLD6qBCXK7RMB5xGdQ255 / 7L / / / / / / / / / / 9 + dLESd / yfrXrK8k9gZJg7ZjAKlg9EpRGamglBiTqZYxCSppFSlsrqp2iqxK2oJEmWm5kFiCcJC9XBYcr4yWS9MZlwpM2WmNgGyNLRJ5jgS5W15I9TbVIV2kl1KcqtDCAFUEhEl7vUhHGC9mPeL4zhIFWfICJkZnUYUOplGU3OTE7UNkHQlIQkpPexaqc6mLpSB + rp2rWqYJCAKEWcNnO7kTHW / cq + cmU3SlI10D6Ye0 + 5A3Qc40TUnZG / IFo5f4LT177yTxwkOHkY4HY / cU3UD7Ht8giSsDeUSEOUMeRwnkLfN0z5JLoU / z + 7zu7LmVb24J0xM56RvjrNxVU1R5rfy9R4 + E24dRlwjSzfw5b6SvKKOKG7M1KuKAVGIGA2Z0PXRHIgeTvYtIPPlKo1Omuj7D7tcTipJgShEFGb1ag5EC / lJ1evgy1PeExrqBkrT7HTuy5t7P9jSJNfBl / fGgWjf2nvfTjr68lE6EOXFytS9jr5U4NNpK4Yo9K + 4SHtRv7Kr8DW7Y3HYDsnHZUOSWSQaQU1ohGsqo9rFGN5DFqX + rc6EJPxDnVapjNoih1KfcLf46zb5G / x90v80Xf7TMdcGPtWQ0V7W6kPV / o7wbepmKHq8lyUaoZGwkKSaLPIMihwmaPRlHZDJ7eUYERV1rLiyT36F7 / n + Pn / VrtsdmC + QNMoHZ5bPz / Pb / HPveyAtoAgWNrQBmHMpTp1uU7GxYoqJ9to5167KZbv / e2msXVS4KHWRIsix7A89ydB32p / gFD7y74H4PLkOdA4LMN2IRcQK23az8QY38M + 337PfZ5 / 75iG + uoh0Sx6qVwiZUCmBSg2Ebl9neOL / 8LE7M59SGlAowKViOMKlLUrDPVFa7OVN5GYFQlg2VGmgd1SBExpCCKk + WHVg2a9xdOXxR6x22FBbgTIdpO2w / tXuswK0N + 3qVWdSMe7DUUPmczP6trp3TfmLSotOK5UzN3aJwoSVkCViJGEIMMBgGQfyv07tp0FsrvRZL1OnXLZ4wqVywf3KJgtFKBEST8VtmIebmNNKyEPjClLsCYUaq6leMiwxGBWe77l / fltg3m / WPW / N + zSMURRFURRFURRFURRFUdSfoqg / NakzpVW6bhR2kPp1nAcCWWriIVSCkWDusHUCmp6wrZ9JtoiKVS2FnbqvI + q + vk9t + FWnTmsUCoVCoVAoFAqFlCgIvIz / KfoQwieEkGqrX131 / E9V9ehlWNM3ZS5tDE4HJR10QUrDkRBpm / kWCv1QDabdr0vio4WXvwHIBK0NUOGhYnjetr075nFjb + 6OG3Dw745bAw72MZYoDhA3LhQcqCmuTbnLCtPM1Ax3jhK1TMsMR + 4K090ykrnvr + wc0URJQlBKEHxoBylV + / 1WyrCzJBpFo9FoFI1Go9FoNBqNRkdHR6MoiqIoiqIoiqIoiqIoiu6D / / cnziiNULjJmvdzaGoQZJeT4LpgdjMDqr7ffp83yQw / xA + 8q0qWUPV4VKxMrSk97Ce7MeZ3A3UDLdIFwW6p1m6o4f29m / UH + Cx8CGHsYMgca1wRPyLnEVtxqcrtqm3aE7NqxbNOHqps3VHWE57XJlNKTJzrf9kSCnSQYA7 + wW6fPAlaJLfbDiGijG7eFuILgKk5LZEan5 + cFZ2W0xwALNN / klYhjWJ4fyKYRpwOcVkQ0wNGOwDoPIWQg0Brvw / UOXzEeDsRmDH2TAebPOUg08HuTDkwNadA7PD81ISe0J2dmhEJf4ED / TAXwegNm5b87NhTRZ06dQqFQqFQKBQKFRWFiopCRUWhoqKiouiiiy666KKLrvHTO83eszf3Mc8qMC5g9iCtSzBgW9naCvaaEgR + NL8zv5JlSFi2Qrsp2HG32XLgCNKY6WDsphxsgIsUFiNzem2LwAOKfwhUgAAP9Fd7s7x0dhwnRUufoiiKomgpiqIoiqKAawF8fv9ucG5RNE1TFE3R9I9n / ts / QqF / hkI7869QKFQKlUqhUikUKoVCpVKpNBqVRqNSqVQalf5xXC0uEb5dN7dSVgxi8jC0mJ5M0vPuxKJHUdtt0acoKvJc8nugQCjUaQKctFyN0dD / B0 + JWdEodwfZprv1QAxkf7l / i4OHd59 / 3f5t1 / 75nw6j6LJ3EttW3ho6IgmigdiN + Y1TSEggyBX4fm7HsbSSNPaJYRYxLxktrwRFhb9g9v5tmjPt / + 3sR8ElWRDEqQiaynzIVYibIs86awXmXbGBxMf896Zapf8RaLHBkUaENFNFSmfEs9J6XRBJOufW + CC8CxL069 / 46P7dBAgIooAmKQmkuAJJjUiCMiRHc2gAJNEEnTTy65xmvXacEwlRhlwnajVO6zQ648xaaxReOOEm4YaXepdelF + 44aYXZRvuZT66MLk6nv9 + b / VJ34qaF / NSvkOA / MPmwweQ6ntIs7Kzze6MiqiSzy6VjD9TciV / 1bIGEAuocWjQT5jyHUI / Bn4kwoSgAKQDIJTft1alo2EBUa6wwNXTt6gOFQp5OVn9X210Th1wvXmlDlktREZW4xJ19xyQEyeMPOUGhDng / 4l7Flf3WM8KA8IP1ERNYGvteP7XtJLO79d / bxWmfBrVWg5pkEMGTLvMTHZGcNTdknbV6pMnXZjgkBPSOM4xp + IG9JgTisVdhsTcBBgRbkYM / x / 3Gr + U8QC2Ox7QkEak1JPqtePHWOiHKmc8GvDQn1AouwvWCHZ8AWXBF2F53na8m5aF9LAAaZx9 + JyPkX4zW1K6bhHBMY4wwqkf3 + e3YcU3T6Hzj27ooQlhCCGIX4KIuG5RFIUUbu / 9j1NdhvaydBkylA4hZHhKKMdhjDDCGCHiiz8XgZeWswpqdZedlNvj6 / axttowNuqXoYIY6Awt7P3u3nda6wa2nK8DdqA1KgaSFMGM0H5nYk7nFDzCpCEohmD43ONzkkW0TVT4m4SGrSnofzgDBMBrXx1mAcDbv20J4L37zFBAYDgAYwCmgGGCmARiMlNhGvMzSDmqhlBNfIfiR3 / C8WujQI50HITjnQRyssdBuNCFIEiAABAEQEmAqgCtQJAqV4XMjgNDKEelgAfbAMvJTkUAAqkMBFCYMdRB9OmXLcH6Y70W4P4py0rQQQKQkgAQ2LcmFs / VEqz / di0Fu8 + mH + YCZwABoB98wGAISCiwsEGMDA0YGhjvzzORANr3CVDhgu78Fvj6srteAKq4515rGlq848dc1 + 5z83inzEHtDr6QSd8bhYlwurNQdcyqIA5YfygeaQtpO1lMpVEj1JvT + 06CdoytZ5ewu9kb + TefMPqxigs6BJsEr1bdkgNSmD1PWaHsVp5PaHpGlsjyqiZs7bw15i / NP + UWusvcs9xHPRRPyLN0eETuvJZ5072jvEu874KpwTXBgWA65B19Fz9Wwi + JlcyqpFVKKo2V8ysvVkWrDtTk0hJYxu5m698yJgs4wYBWkAQPFB6Wla42al / MLXPPcgveMrCOa2vKaWppWsfggcJDYEQkvoKWyF9awta7BaER6zazxF2GG + l2z / oK / vV3eCUCzLu0qe + 07EY14o6gw3NU0OqB4XqaRZJub7r0jq54A8BMt1HyggkUVwTXhJtHbI3blU3BAdzY7z5ML7WkafQrwbq9 + bvmTKrUkfvl0y + MOCmxl / RBV3G1Ip217gc94tLqrRZvwD2rHwHPocBOicFXX + EWlDBoz7CjCd50t2twDcWei2npnkPYSFCAuWPj + MITdnCpstvy + VcMY8se4wvrwJPFZXn6r / TY26GkNOXEXsESxs0bwUI0ARHARH6dUGH7qE2jzrcwWoa0zGg52HKqZUHZzd8OLcOjizxLPXeY5pIcbsz3BoJrWpSbd3
font-weight : bold ;
font-style : normal ;
font-display : swap ;
}
/*──────────Inter Italic──────────*/
@ font-face {
font-family : "Inter" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAZtMAA8AAAAGGxAAAZroAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoNaG4XCGByG + WIGYACdMBEICojdGIefBAvPWAABNgIkA89UBCAFjxgHgckvWyCTtRr6L8b29vpDFhhWItIdp0UDBuSQWFqpHlGSh5p2G7yLkQUlh3hfaYIMutpsHNJX16lg2K / yBnLuB1krnbcpCc / qzKbs / / / / / / / / / / / / / / / / / / 9vNfnxZJsz82 / fn / l / d2 / v9lqHg + 4FUAQRDGCJIopKii2axJJqRJBXyXyIlFJGZiynKqlSQbV6Xg3M81qdlw1Wd2hKvtXuxG6PxcTl1BNAyMDLfn0wDCMWwpi3SbWqfGATMyF4P53wIc1oieUsUK / rlCVveU4rQrc + HueDfnSuMrAp1UlX5RpbY + vphvu8LMs2D8ndDCFsDNlW8rbFxo0sy2jSpjSRC8kGrCCLjmDfSaAdCQTaFffoJsBmW1V / i23WWq3GfL + zPhS3IVZR8dt1qpVgvYNA + zzMDn0TrESkTa7kDwRPHiJc7 / gWxKO7QlbocWEnNIgxxhi5pSIgAo73cofvT4X9M1Wlc4KZKRlXFQERcOxFB0j3Gw88GxMW + rB9v8Zz91B1fAQH / CBMHz8ZFXZAWAkhWOCWioCYwfGi + hSivxSGd4JnLcIzHSkZ1ygCIuD4PHe4GgijkaoKqqq0wlVFQAQct6IDpO6wO1AqCUMzpQHX1BlwfJG3IHqp3TPPCsJce0rGo2yo0MvMYeqFbk87Sj2CmSkZD7KZCDi + Sh2a10Knr6rUJfTNlixwMxEQAccfswVE / 5Ow2NzTwtqEEELYHHIzERABxy1KhUOIT + ky0 + c / BxZWaYmU6V16 + cyYCaC8Bg7vHYZUCM / Or385Zjm1xSsk6KG4eH2d5qw0BoDOVaHCTB + THrGR2Vi879j00htfk9avRCOQ5568AJp5wVMzgt6SJy + nPvPvYOqlFiH4gbb0faAYlpkZhTTsjGIs0wXIfg1UNJgv5Q98l3 / 46Hz1opQaBOkjwWVFrPLfqNcWeo0hqXnmIRq85CF570WDoNih1560O6ZH70nBl1l1q8ZUXhanPZXmPQcvT9jvcPxDfvopOSYuKhQTMZTfJr3fAHirr8o8jeABCJAGMDAFQB7kEZR7Nqd + 1FDsnVE1D6Nijc2NRzpUcQJhNPEiIGLNv2Md9q4nge2Wn3k4oS / Nr5H2vopLEgil5L2XvDQV6zm7dPhcLKEOOrHEfayNCX8SYrO7BD0hgyqbKvuLHbIzVQpV6q + GsB93GinVjRk7pnd0ESJ1WIsO6HR5xG7wYQW + yKjczbtDQemMP6Rjh / OKhQqOy0 / drxRokti / j9wzJOaVGJDneT5rUOQXHHQpofLH / 9wgsPYuuwnmHXL5luwr31umxuyIWfIGYtn / l9L6NouV68hw / 08cnY7H + ZjH5IYQpP3Epg2zbHvKjhLXfcKbPOPfnotwCIGmdEDGrmdHpFQTTsmL63JD3G7VvUsvSR8OFxcMSuhQZBrglFPGlYNDrKbB6fYGrbCwNWqbAE8R8vDeoXLrx0vjll + 2jN6gxlFMCxOKsgoJrCuAvHTU9UlbW2eTzSKrxE7l74jp7Y2t / EE1p6xyq + 6oQJqmke8keN4Qv4kRyf0 / ac + Ihtx9ywRIiSVaO8TWtqXlrLnc4vHWZ + YXnv6 / zf / / WVWru9dqGmgIIYQQAoSIkb2z1XLERMb / lc877peIPTEJ / 0 + / t357nZ43Xfd / gqOQCIMRIUk0LqsQFUKhUCiJcDhDLp953trL / uySebmhSwfOIjzCgpBVeWT51bk2wNvt33t3zh0NlSRrVypzZ80zspOvpYyZSneSrJBfMuY564zYl7FHhHTOHBl3 / 0NM076GAQZ5qsyqVCHOnEN8rMrqcS7RET2eS5SplnOoyjk8ldUSnapSh6gT7Zw9UVll7GO9Ex / V4xxO4RziIyrLTrRUR32swiqcHs / HKpxCHayjelOFqqzCqhOVKDzdRDvRUYe6WIYWLUqGpY9CuRcxViUAAsF895XZOqok + / ckb3EWIB5AwZ49LWnRVpbUAFi22pFsaccB7413J + EDjRVsF7oAwhMX5dHc / zMOmBVgAy7zKeCAb4CTliX + Fz99Pffu7t190geFPybsFwBwChjwZDwZh92gy24INa0LHAQHiN2GyClhEBS09fS0Z8g5ctx + ytb3TFOWEbCceFRPPIp4IvYTqe0NSZ8ylVozAUABOWR2XYqG + Lr9uGrXrt3brj3srres88yx68pZhBx37kIIkXMdIWdFKEKOUIqiKGJLoSiSTpJQVFup / Nqu39AcLdSpnujcHpNEptEgUaO0CCWqDKyLKvVaHYLLY0p4V6Iy / k95fc250zML8CpcqaQrC + g24OG + ME7ffqiqfJSSao0wMI + 6Z6l9lHn + / + / Tff779w0RyIpgsCCdgTJY1StcwmJXRYKi2 / spoQhKw9YYaNUAldsF6GXQ2CGo7u91WlqEIEiWpRfri75JjhQ0 / bUF6x + DHCnU7ajTgvYAuLwq1TFVuSuvwhKL3t3hNVWf3J5 + O5fZBbnUKaW79B3QW0L9eHAbt + xrUEGuOYNh5 / dfikbRaDSKRtEoOopG0Sg6io6iUTSKRtEoGkWjKIqiKIqi96P / j4ve8 / bX1GxMghYKMMYDeNuvX + vfG5A0MuGWkS1X3vKBrqcSPkJ2wrLlylMVS6d8YEI8IR6xPx9oP / GE7HvwpYtH3 / h861k7iSoFlyBaygqin + + hnv72362HgWgTJc3v + viPoqWhpaGloaWh + 5372 / t50VK0FC1FS9FSFEVRFEVRFEVRFEVRFA3MeRkgMMDzuItaawsoCDzKI / qADzDA2w5Ob2RueyhdRRErlcSIgUXVyMGwBIAgBFEUVa3ucs13X2uyrJmmBEEUgICbAmn66KMYnJgwboVA0QX / WQCr4D + 0qKILkYNWNM4r0HxED54khmWHQr3k + + 2ptsoiEcNkniyYSCBzA9s12AZjrU5IQPDgfqNXokHE8BU5DAbZNjDIcSmdN5j14GydIYINJW8aQlWnUEKnUEJRCOUTIEoKHq + kf + djCDmN1YQwVs1prOopvuppfNXGJ9DnDxO5kycecNux2LYS7S9duhzk1i5X4YN8Gky6dOnS / fty + j1sz7m3AzAW9fGLExern8P + dJ + G23KDQEJI9pOtxO17JnmL5L969gRLsl + KuaGp4if7Vc1yFptPsblLpZnaGPI47f7734kuRUuHlg4tHVo6tNTe96FoKboULUVLURRFURRFURRFURRFURTdP5F4nvCotEgji5T2UiLnotF6IeYPQkVk8cVXvSpswGU4BTyVAEBGhJk2iS8w3vhOFChFU0HknGfUVNXUQyBQiIoqTOQyjZqfTuCcdEZWTc1kBFICfZOqL4Agf / xSPXBL + 5 + QsYUZqy2oszzwroGJXMbRgb9FRbsljH + Cw8ZDVK4IoycDGx0ZckdvHlgUbMClEAU2DeK29To4rJpMp0uXwcG6C8ZiwFNjsX + 9zYYduWC8YBAxihjlY / g / n2claZo2HVSpUmH + 0BllIb3RiW / lN3v2cU / QDdKNPgEeHtrmP28U5RAMFQ0Nz8zUPM5UBIRAFAQ5BIVEDkXFGxOPGw3zyEpLy0pNmy0tLSubWlp2WFrZasstu7flVlttuV / 7 / abzBQC / u493F1tfDpKTT + xvOVUnF9kFYBfG8lRlKn6aMkXWXiAaCcCNOSK1rveRhoZXAT7Av7cemxny + c634Zl / X5VKnc9mGyppvlFkRA07kcXIePv4lSJR84nRQo5aWZ06ss2mdU2hVa + iFIlSp6JzV7CNQbY / CsiJOvHXMHCAkOdd + + V6YvL67 / 0DmU5o204TPtEACZjLmuX6K80c4aQ8R8itbsVaJHuPnJXU / 2 / ePOyAqWrrn1dKZgZLucysAoMTxOf / 6W / EWqAcvzufF3QlOBl4DeWAZHOOiM8ABxtt / ykOGFe0Nms3CQoSGmIgZKUbHFkcx3E8z / M8Hwfw + Oy353RCCJYCTa
font-weight : normal ;
font-style : italic ;
font-display : swap ;
}
/*──────────Inter Regular──────────*/
@ font-face {
font-family : "Inter" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAXy0AA8AAAAF / OQAAXxQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoNaG4XCWhyG + WIGYACdMBEICoigHIbrOwvPWAABNgIkA89UBCAFjyQHgckvW6V51QP0b9j25iOtG6ul2svdClqCLKIgyaViCB4Qc4glGSjAoVS7fd4yCWqM4X3CUIqSrekcYqQgRVR02x9 + Bd22CVK8Mr1ZXT + Czxhl / / / / / / / / / / / / / / / / / / / / / / / tLv + JcvP / N7u + mdkzx8WGJCQhieFWBEQUEEFBUbRoLdRatFK1tvbSVNZ5JxGVd3GSZnmpXEkqSVmqtTiuN8RXlfdN1aJv + JmiPSudvCs9ShnM6X5HBkM7b + Jxa4RtYM2xl0Lm3SS6GUszltJUeR3jBWuQwzJOkVWLaDJaarUqLdXFSWh6lXQ5TVMYqXJwY0zz0XIcC1VrYaVRWrGdMEe1Vpzp1fB11 + TWsrpdq1Un9caoXYarDM86nN4piqIozUoavg1oN9M0TVsD2TJPzIkzODs0uGvBdt / dc7IjvO + 9ezCrfQpJSBru5gZ7 + + BhxVlp3RXr / YGLZrRPIAlJQ5saED06PNp / nB1pH5YnmcHxCTjJncv8gjCKoshn2ntIQtLwaWrAMujNOOdkLBx4X + r3tfeQhKThs / yUkM9Br + KstKtivY9c1NDeQxKShi9Sg7MmmCmcc8A557JMew9JyMRwJzV4acGr6nRhtdyQ + fhWHMc1XSpBEpKGP1QMiAa7VmyiOHQyHA61C / o8M1hcAq3XzjUqDYnjOI7jWBKJImDFWkgazksHnBA2b6 / J8zNxCT0gyW1tlQWUxBJYooo6gy / fPJJDHv0o9fCNRjILTmJJ86320dvwjAwGcHKSF2uqJGPltLVe7E9q1fsEZMSrphfNrCNde + mQHZ0Kz5Kbd9NY4oP0tYsimUaNzUgi2c5 + rkdn1WaXclGzHlZhWrWkTEg6WkdlHcUpamepnLMUCgFJUmKfehmDd4X6xRZE5xa1WxbdnFqQWLGm76VB / krZxVfHas10C7lgN4D / IFYSKwMnBRjBoa8iikN0DlA5GaI0iEvZDou7cXzEx78NVT0BE5m + R5QyeB + LRc5a5D3wqFOlkV0336iE8NMHgzk1ASugbnC1eRXM3ryqU5ZklG1rdwA / jvExOpLIeEWVKKRanH + MqndAhpeIM8gAp7JFULE5d9W1hw2CD04sohAxs7 + jz7hmUM5LoOUgGXiKH7RlTdu45pDTjsBbl / oDKi / e6gfS8y6iRMrZ4w0P3Hqqcnn76Uv9q + 4r24QMoI + t8VewpqzaAZF4RKF2JiRcCCCHL7 + sfu7KjIrD24qia + 2n + Dw018VGHdSll29dHkoHt3fxKl4M7Ko4WCpFKuv / IffnLyTCVUyDHM8Fd7Iv5fSz6gdefWE + PvVjp2bXl9mWR4eSwRcMroVP8Brsc2VSFPWpxCYLiOF5kqapzKhv4ZuDg7EaU40CaGAfgkqe17fVAN / CNGdwg3qSrC6oZ6Hbly / SQevqzRM5PPUL2zMj7dV9uVJWeamMmr6VybdY + ccyp3Z09anEk0J79adYRbUOaDYnDbGK575E7yGNlsGlYZNGr6QsJDU1ZYqcNepKoaz6S0rS1dMA7hlfB7AE7feld / PS60oSvu8wnabFQCUSi0NRD7pQ5b3ZQPbMH5pfwspetZxlWUXSG8DfzyBD / E / o / 8WOof0v / PZ / yBA7zPD70F20YAI3GZb3ATpueQEBI4QjgkpF0XrgBZk2JguRiI04JPvm + / Sh3Pz / c2YmRJQQUghpkKYUqV3qVIwnJrJ8X3e + FNv9pS9VBkm3ctfSgQhVcbGmA5W9FJkyhW3hwQ2UsRwslYL7 / xELlFKm6EYQlVnKaqFIYYuIglgKLRS2s / Wrb5m9l5mVVT0jmJs1LOh8rDZo9wDIRKCNkFnH + jpEE4LiwqBPIyxL6m51LeYqZbvoJAU6JJLs7WSBILb + 3wK / gjOF2eV7l6Ba + 8ee3du3M2FFqEABgyOQZAFIxwHLlAdAFVYpD / xheMjbP1eRfqkURaXL1UXuLJvZmI0dNtvNbLPDxjbGhpkxcWdMdAhFKMoZkkpRVCod9yq / Q3755f / qp / / 7BfW195 / 17O68M / PD / WQHKhqbNYVwWYWoJEaiRFSCQsjcAQBDYu + dvp7yePbj9 / gfUsaYzprM42zLQ3J0UhYqgw1hBaiwvEXF5Z120l / 0FD1Fo + gpGo1G0Sh6ip6ip + gpGkWjaBSNolEURVEURVE02qWzdOo8bgqPm9JF13jcuSkJWYSsIwqxgBA6oT / z59j4 / AAEI4HnxQN7Wdf8BG3ih3DAWNi4bAp2wFqXwxkUgAc45E7WPLD0wCGAtxEeLD2GYRh2C8MwiqIoiqIoiqIoiqIonu + d1NuVbctV0gchIBAEcJDDQ + DuTLdfQyMAa4VY3rv + XRAGw2AYDIMdnYpygqHUqpYiThogvzZlrF9JEcUrbY3wRA / 4 / gfwH + / XL7 / f / SSVxhFSS2TjVl4hu76CfNTqA1m2XEcXX1N1yhOGlEcMIT3S + + Q4Wwwp7fuBf29 / sN1dDMNksRgWyydj419WhoWyEEJZURShUhRlPrGiUhRFEpNPkrLilcqLWLWytMrLreQpqlVeea + 9x8vwkLd / heyHrKxcUyvKWckRRSjHnTsKkSshVGQ5zrHFnHMMyzRjc82wkHPZMFFGlM9CKKoVRVmlhMDAmrSSn1II + dRs22ulemZiTlK4dy / 09BSgsjMWKMDQNMhN4YHUNNH5 / f + H + 7ZGEznRNkHc6XgiwxJeAv1xx3oLaVvHfipSRKggQxurDH7 + ebh88r6ZPztbeMEWW0kwKvHmIQ1IMFgFY6HoOxSym + EJPuHQM8osslBVIgeV8f2gxjmu1V9oRKBOlq8G4QSDc6AVFjHATYo0IjXpLvWFuZD / v7X07sq3lxdVdASWhAFyfTu7r3EFSTZgbHVVQBHAHw7McEC1PP9tln / NySgxAxI + 9mMQiOzEiBgx3dapZt6Uqvht357ay0n13VOxGLD / 1pTc3NzPZHWtBMbbX9i3Mq0FlhEqQpZ1QBc8ZI + JVBgU3 + 9GMM8tPlEoSRQQ0DYP4RnbZkhVNzgLHMdxHMdxHMdxHMcJcs4EnqM04 + QyGgY8sl / slWQSB5fEwb9iGgaHnd9 / KRpFo9EoGkWj6CgaRaPoKDqKoiiKomgUjaJRNIpG0Sga3edBOCed9oEykZBQFpgqE + NFmSgvykR5Md6GCzEBuAPy7SbMlDLrQxJiIKChudHpwUQuwrYETydwTTwjq0YgVWOi5p + EvBotgKBh5 / dRdDQ6Gh2Njkbve + 83ikZRFEVRFEVRFEVRFEVRNBqNjqKj0aPelwf3G71chQ3kDw5hiwajwXjh4gVnoWriKCaIRB3rfG1 / nGQ33AdnO81StzzIK9sEAW5Rtwni6TDpUrYAv7uWu7YJ + i0e / XbHFo9 / m7KWf7tbHU2BAOGQaLHYpvBBKFwwGgwwY9ANDlyDMAiDcRiHcZjI3aB5wIGdinZLGBwGj43H8 + ZBPeZPmYVMI0ulo9JRaamEjYWNUVWnHgJn8xRiaxc2xnwrCFrxuxE5FjZGnnpVFvJElIiqsqINcIREFTxkb9kmWVclRMVthaMo + Omkl6iTEsDl5d8j / qvny7Itv2 + CWszH60SnFVPc1ATRiU50Jtxt5k8LXhCZF0RmgvoRQXxMUIM69IITtKIFE0xQgwgmmExkomipSU0xwfyqmZa5H7XzMjX1MnVoQUvdxu2UVO1MqqX6Pzy9HOgTGpVGjR + Njo5Kn0ajxRsv5MW + lu3oFCKrTPuXVDfYxjEmhACBstr97vr3HGJTu3BwXGauxAjp3Jh5Zn4p5KDrzIWEFJi2Lzpxg4dnXN65SZqQoAR3 / denUte2UA7x2uqamMUE9QEBQsKj2uS / qh6Dqm4GwrofxW569jEYEiJI5D2PdHetQLIKyZ6 + qjDwxVeOC / 3Xsr0hhaRCUmSZVch3B + VX4lght9BROBDyhBxC + RVyyIrfUNqANdtt2z
font-weight : normal ;
font-style : normal ;
font-display : swap ;
}
/*──────────Inter Bold──────────*/
@ font-face {
font-family : "Inter" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAZeIAA8AAAAGGSgAAZciAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoNaG4XzRByG + WIGYACdMBEICoimbIbkIQvPWAABNgIkA89UBCAFkC4HgckvW / + O1QT0b6w570c3wSAE1lAIu9hWEiJqvVLb2jMnPOuIb + YWql5k8ffKk4hqyNx7YISohqRaW0f0tVuKOIzHZ6hzfxDTqvTckqHxUqTK / v / / / / / / / / / / / / / / / / / / / / / vd / nP8 + nWvef977n3vfeXpEl + ljYpbegadoGiVJAqYAuIIoJSFBdmdJxxdkAxc5eYTDyzqpu2JzknaWgxWq8f11zSYAAq57AddWrcTKYztT5NG6bni / mgv2gbleGMhdXEBjfCKUSbQm1FbBSxaC + 0egxz + eZbUW0vZZi6xURd3FkPnhGSkITcDd / bVwf6sLx9n83GelW + DNtLVTVR6xLLk / FlOLpS1 / 2 + 9KQq30Bs7aq6Fpumub4aSQ5aAcoNRPFQwl2Dgw9vRrAjdsvAbfejCNwhCcnAO81HV5VpR / tNmkwmK6mlRhQiCov62ALuGhi0vubA3YcRuEMSkoHHVcAnd8B85t7c25ecc8456xghCcnA + 3XApw / AyZ67f3YillLylHSMkIRk4OdVABswfOjuclPYxdh1nY4RkpAMfNQGLB + Dbuzu0gljjC5Ru0MSkoFf5IDZKRiN3V3GwnGM49jpGCEJycCzhoR8AoYjH7g8FsaYfF7pGCEJycCnHkKwlMtLk3XhTnrmyMIrBn5pAYwgpoXPoo4xujzX2SEJIwO / qgNIkKuD1EQ1l2oZdzZ1LKANNTkFX1 + 58eip6RfwG5YmvXwJejk64GqvfV7NUmbeExdXDqgIKM0LtioJ1YDK9DGMPbWUSY6QVNQPTJk + Pfu2Ron3wnop6q9frYuj15I2 / EnK31Xf680YY1QHUWKMMpC4SPWajnJgcFjJfMDptItoVMnYxSRTvJLo4jRxMdWLHiUKnZLowpdUiap2ZcqNpEk0caEyikWaREISRhPTyVq60zb1YWr0m9FcdzJ + inZlA50Lwf6uJERp5I56 / lYuoPv3Xss69baYmqu3Dpf4rSGfYIP70vtB / Wi6J + / MwI0Ptp8K8g58ctBeUxuLJ6sXD9VFuMWMpoT + Brospa8pP8P + Jelztt5P3dp0qewXgmSokupwiCIzstoWJkOPDuPmr4gS + 2pEeefwIoEJIYl6RrsMdvx9SAvrC5S / yHnABFC1iNIhCuWv2sSkOeNvyseQ7ZD6xxb3gClDFENE56qWhkJhwK3f5RZiwDfl + Zu8Qn3UrsP3ASx + At / 74YkaZck4FcfgpGrhthy51JSVeAdJacDnFvIrqA3fga2 + zhuPmmM1 + FR5AZfwAFuBv / xxKlboWvG / P7mqbj + UUfm + fbcEa9LJ + MqZnBaYS5D6z7qx + qO4E8ziDifVw / xUpfL + Nsk599S0fM9 + 6svf1fY / 1AmVBSzwEltxhMuj6Wg00rl8r + Hiz6qqKulJhbN8jyzcMAt4A + vLzRdyrM + Kuxbcg0diiEe1XRp2OpfyWrFHeVXFCjJovqX6ig / weSFe1GeIj1eKmnopM3nlxwyKcl37ljJtsoEYNplMXlMlRgqFV0wMbFFlql1GYlLReOimKPMoF + 92t8EefIH + KV / KTbApP4zgQNbAqbCgj + DqX90syU5PqhKnlKb6vHz3Yavj9mZbxN0StW1us2o + AP79FWR518vP / 5T + z / + W / 3 / l / 39p + 3dhRWQsy3MgknHnV5KBlCFzKsMppuWy5LBlu0WLR7xaf92 / qtJ / Hjf7 / 7X3PlEChJACRTRIjbpO70xFh45Zx71PRL + YSIf4uv3s29sdEutuXQm5ctwhOUpSJMVfPuXLsY4zWalcHb8kudrWOkKSK8m51nHmyh1CrPMqseuHOK1 / MyONZCdNfVnk + piw3Y / tHgL0iCGLAdu14N8a + / 9vJZ10sl9 / ZJaEinEI1dQoQkUsWWhGB3Tf + YHm9g8rwSBMDEyU7GXcreLuVs2CMXpEilgYBeY3wMDASLDqR7b + L / 5YgLmN6BCQKCkVkWiJTCX7dKVEKy0KKhaCSVDt / daz783uzB3BoSifHeWvPCnZ5HL5K0 + SKDRG43CgDBIPn6lMSXd7TS0Xxzw94 / oCKMTqcpBL / 0iI0 / GKA + JT6a77oin8A + + 2 / + PmWfb5SrbUb0Nzok + TSJOIFNRyZEokbtLGItKbT + x9mg8HNK7RJkLDNTLT64hw1L / uBo / 8ZYuGZmLLtm8or6pW7izZqJlUq1pRr9LTqYZqB + EKWY6yMF6Az37d975Cfkdkws0q8gPyG4Dfviqocic6NSnNoIQxpRyB9bBxVdY5D8HcOmJjROQGjMHGomDEiiUbo0c4aiNTOozCKFqklVKMwgIVjHpFrHrFasitXY4PSwNh1fRJunQH1mLGSCSfmryAlyDbSmbx7 + fb / nUdLje0ARrJ9ZduwuWVy1RT2jyhp1dOAKuRbgjmY30CZNwQPGtDa6AN8Sd68obwDTv5 / u7 + p2gUPYoeRY + iUfQoGkWj6FH0KBpFo2gUjaJRNIqiKIqiKLq728R9z + oSiZvIIg8o850le + d1fp7 / nPh5ni3LT3J2SYeXkBJMO50m + 3ORwRgKw + qPAJjqOGuC8f4I4G2ENzwej8 / CMIyiKIqiKIqiKIqiKIoamBMVQsyqIGE7Ovj + 1Pd9peMQC16f9 / Q6LHkoDTvtCxiWv85Jn9 / 1 / d8TLUVLvd9StBQtRUvRUnQpuhRdii5FQ9FQNBQNRUNRFEVRFEVR7zdT29wRchO3mFf6mwAFsrFBYTDWGcGm1TmD3ZQ + xAvRENkMxRgxBEBXM / nSA2XVZuKiVGdJMyN575IEl4EiVgIKSAEFRZ + XPagHHnfkgtpMRNtiYNgDfKMlGnIwRYMgBii4IXVJvZktChBxrYRRTkX9WQwS931TqeruAam7akay9pDfP / P7H5LGsWxLsmwr5I1huutHSg7tZJFxIHCUHBzqyuwkT759ACyaQPtMlvzMZchF + W2K8gFxLwc8mpGlBYmDtJizkp1DJ1nEGV4ikOS2GegsY2z9vwf4CxQOOnwEAUFUnLjCgZ / ATV9y0kioFKLyvHhgzyWySL + MSkeho9CojUAhAdGmk4T1W9pOnkAikAgyheCnTpBXIB5sqVGKg0Cqufk8K8hiwYLYdUsCDhtwka7TIlOE5PmEjeYGwdqkMJE7ceJR8xNtzCtpacn0IJiWBGENzY1ODzbGXN / zgyB + WGxbifaXLl2OkLVdroMF44J06U9 / usPu8RtFo2gUjaJRNIpG0SgaRaNoFI2iKIqiKIqiKHoURdGj6FH / 3901MzY5PMLGxDOqqmoQmA1ETc1 + QiisgEPuRlFggbVFEanbecfSpJifQk2hUCgUauAcW4uCIP10k + mE4IXnFAqFnkZPo9KoNMKPe2wFS6VKKukEjj6dvAY4QqKaADNIhM15Wo6oMfFURBY / fPGFiVwM0efRk7gZnyq9I / h44 / XZUEBVGF7DNDwOiB72B / 97H6BENiWB0e4KRfyMYIO6G4AzA / v7vAmhnVTqgzA5H8BJJZ7Y1z7VxsePOPji7yP / VFd39btZNlwVV6EADsYwxAH8Gw99nEcFv / HbBx + paimGGAyt34COaQoyx / U + BnSi2KrPnmdKDLgRAAoCUkUL5kL + mGqhbAI0YeAAAwYmckQt4KOl9EJIoCjPABZxAR + wgpkTCmANo1QK3byOBKas6hPU74fGiC9DcKGXDRUAhcxUA6q6TrgA5KrrGIAw / 57Afch + coCll2rFD3ChqjWn9hG0DqBiG / cQ6Dpn4ywjyMZiRY5FXRD7NabP / 8xkA7t4QERA1FjaLbnllfpbCRT + QXZUcmRC1ASM8T7uGmKAICT9f9wz1gLl + J55HGjyYSOwW9ptHiMKJYkYhE0YOF + xdRnIEf + ktMVUki + ZmZgJmij6 / 23a295r75y8t3Bib2gh4AlanRVsCdp03LQzd0h3RmN7JC2MtB80WvCzP3jsJcmfNJZsB5hKgp
font-weight : 800 ;
font-style : normal ;
font-display : swap ;
}
/*──────────Inter Bold Italic──────────*/
@ font-face {
font-family : "Inter" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAbAIAA8AAAAGKzAAAa + iAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoNaG4XeRByG + WIGYACdMBEICojfKIeVTgvPWAABNgIkA89UBCAFkHkHgckvW3edtR36X5h7I6zwYRca2nBujqYGNUdDYmtVRHWOyOSnB0grgN5vSzoHcsnw04aTulUcOp1DDKVgVdzU7B91BNVrb0cIbhswC / 9JakD2 / / / / / / / / / / / / / / / / / / / / / SY / 4nNzZjb / zezu3 / wfEkhiDnJBEBAiguKJB2IrKqKiqPWu1qrtTSA1VfgQQTkoeVblhYolqEZzdUreSw3l83xB8tQMLaHWbJ / hHWrI3cpHhyT1Gv3FQZcPK1fIufOoQeOCJpNAJiwp6zAsE6ZsxXtaJGVDIzOuVORgZ5fM5FW + NscSRGRxnTqdcy4 + wxthwjWDG91uwYem57AJmp1PtOi3FpdiDPFCo7 + d53WqV3dW4sVI8VJ9t6DLDdAVulq / htGUXxKv1ybd6XRwg1J2V / M8z / leZtsDXuNwWHBeq9jNW96E3mBwuysEcQbalOByR4K8L18XuwudTqcz3KKUvS5pr8f6ZVmW5d0FKp1mAqgngUyC84GuQ7pn0uropzmrneExKz9XC4h6X7hWlmYjBu + 9UeRmIiBGOM68A6RarnOtep37rBwmhwdrQlHYw6K4RDHGGOM57pMIiIDjYeGAR8LRY7Pj6hOKhzFGH7j3IiACjk + rDs9OhOmSmdV6pCEEC1vcexEQExyfVwER0mRdx0Zr3LLyIp4dEZSbZKMVHc23yELQEALllEsgVOpEHRZUaLWtaemUNIRg4QzP3UNwfFl1OHklDCdmRiOC935cizx5MUAEHF9XuxD1F2HQ75vNGC56b77Lcy8CIuD4puoAqdmsT1u + SQghGHluJkaICseNxzfBjkpvwi2lE9x5odyebpjCABykiXErZqUnICpAqqQE8NO30oPkqT6PFcrdX4sHcD + Qj0TDwe2LqWxSdHkmIQPv3k + lAbtSo54aA3t4aGTk2XljVmMv7AOEmDdLt + HOyVm0x4SVsbIxweaF01cm6YoKHZuaoAT6yO0T1cRf5YLa1OfPWpKntxLkngscPlPim1 / oN0iLnS5Ytyrio / jBpK9z6t5qAwQwf2f3OjveYl / 4h89SqSpXXSGtC7 + Lr + lG + / IOrXZodoGbg0k9iOfkebpH35gq7YorNOVgqw3bVtbxQiJVAQQRkFShjwWl7w5Jjmz3PO0lZ0ACQYJTFCOfgYYh8Q5dNEcwSKBFCcvGn9KT0q2QRkuNmtKOw0jYZKVkNJJAoB9cSakU9 + hU6lesX / Hb8j2ISpCu1JVbhY4rtT0O7a3nOS1lpy8euqSUUqJP2du7yQZYpjd7 + xRof3kntiT9JgLiDCLgPHxMF1oOLad0j / / B9Ii8tE1gJ6JV4Ak72vuzyN + wkL198RidpfnNeRYyN6AHewxQUvDxDebBJlApEABVXVWF0Iekh7QaPbt6hb6K7a3Fdru3yfLsvREfTcRe9jbqXd6tq9gdvRzQu1gNFAQwCGAQQLlB0JTAja7TA6pJP9h9er8 / 56d / 0C439hf1mbIqTaYNX50v1hdYOE8F27zL0jIN2WybnrHqKX3H3xziHMTIn3JwyMEqMhuw2kZ / XInvlb8r5v9ceF2lfqI8e10x1dJ2opQod4 + Vg3M + SynV6 + w4uzHGGCO7keHmffFf8RYy / F / m8b + I / ew + ydiEgBTj1n1FAE2ULoYowxSb3RKHsy5x6 / VYb5PvF76vsf88fYffBNhFIbhUyqOOWrXRxI5IAVtEGUVgwUUBwKdpiPh71s7MvvrFmljEsaTSHc9DdvV / T / XU7NbMex8OZfa3nNKRETEEsH5YW / 1LVVoCDR0YpgezFXN2Vkz8n1SPpkb / 1Anu / dzkiXuBC1qpZIDP27 + 3MaSi40c6kKRu19GB5DrGnJklujHuJI1yHb8QcszZSHLdzVyzHHMN407DzDnMuQ3P2 + 0Zcdy5c7f / jemGs44zI0TsrJkxK6OyZmTXJi2UMlbbTpOWlSQzFUplJa1l2Na / oSyWhbp6nLEuLhZvRB + i4vEUEfFCRXTvu + OGAOZVSt5ctyQ9lCDdy4EAT0RT8d / s4N7JiZoiWwUAcNsPhBhbdIsM78xUjHH5YbDGthQNgxXDRek + bIz5fmPHD4Q6QABgYFeB7P6miF1zQQWsqTzjbwikQMAA0XTgGT2FmqoapiRkbzo0l0pZOR16DOIFEItCrQAKkAmMcdMYkQAfz + YemQ7puPvOldaOhKzNagnF6d / N2j1VuOl7IUgeD2ibetBjKPVsm3ZSCyuiWTMk1E + cSQ2oeMoaK8aqft3cV0 / MB9ZkNXqhphPTnZhuQywU + I8GirmMDPRijq8Vw7SU5 + nH6HffN / P2UbG0QxLrGxqbGBokoiexEMX8ngO + bj972H27jtZacly5jk1Ljl3HtoTWESofGzYr1SZXtY6EVEjnb1VIksqXCkl + uVruVI7 + d1aiVI64k + Tw + 7f1rcHDxhqxwvyBhw + JiCrc9cInLCT6UR0Gk1qbkHOjFW1MhtPYQ6zXfL55YzrxTzQ2DxGdqZb9pa5c / X8Qptf0B / IBVg98QPoAyrJsyxyt / FSmqNI02KVquWpSJ8NOahSNRqPRKBpFR9FRdBSNotFoFB1FURRFURRFUTSKRtEoGvX / 38zY5PAs1Pnf7EqOLJkSxwHCB4wfuaj6q49wtbCTXwgnlO3Qmgv5zF7UN7QUWsGu2XWmcUnoEx / 13DMyVnpJ7t8gzG0KIifPiTrn / PAgT2sTZRBVIkjniepzshWJElAqlWijUBRz2PX + l6KjaBSNoqPoKDqKRtEoGkWjKIqiKIqiKIqiaBQdRaOj0e / x8LHft3P / e / fpzEYRiRoFSUxnaCsRsaiJYTqJuENIJEIk4WkTYqUwe5VqlRj7y8qEITkhxlJjtbsXf + de9n1XQBVZkEAnQmZ61L0yLFSu / ZLd92qjsdKN1pox1gAEI7hO3UOwzU6baMUKrMCIwkJCFAzAAEEUBaOxcmbOzemmm5tz5dqFS5cu2vWv / 5df885Eq6FGVZXHMIOaAaGEQrIsb / TuhfwhUgWTufPJFRDalAq6DcHLHgVhEAbxPMwjyvsVxJks4xmCs91bQ4YP8eYzzIvYsIYsS / viOkR8iC199eHD92bDihUb4sX3JhjYVCn7fVkKKiCoydCBltNA6siEi1ZicMLHQQwkwBARkbbnN73r + 90mJGAkwSi0QGmcQzJA2 / y / CbjNlQ6sBBUV6zCnTuS444i64 + CoUowerkJd93vuTV1Euqer / 12nrlLdi / LjVVVrdiuUSx / XA + 7hvxO + CyR + Eq6JyhE3bCpbWh8zxmtaGRY2xTA96LWbuKrU2FKV5Jm7n12 + B4agQBxIAwBLtttlMThYazEODxJCYYAglektUwA / ZTtEVmR9cZoKG3ATRhRYNBHsonFM9mWjoyiKjo6egh0wa + s8JoTAjU4wiFoQBk9b8FCyO / Z / GISDcBAOwkEYT + / uuZwEf8Fh8 + bN + 38n / + dEn6JH0SgaRY + iUfSo45c + RZ + iT9EoGkWjaBSNoigaRVEURY8qBApI7QSkNDoYNuPyp / iFzw / OsbUimA6GZpJ + nu8UfMvUKVM5PuE4MpVUEJwDo2VVYVAYVE1dTV1VXU0dEd1qJOqKTGBGps84YL3LmkCJE2vk2MpKLkHH + NEnCP + 1qRc24EJPp2mdEDuPuVT8 + scXH40GG3ApplM6IWu7XJf2SRakS5cuXdiASzUKbBpLOXH6ZuLTCxTC4sIyLuABVvAnGpAHjGGVelnTSr7SzBLZWc / WBJYIutWyFQByRVK / n / dG8IzpwHSV78HrEhoWvgBB + ef3GxosdlEQ6Tc9DssLqf2Q6mAJQ6FIz8fF8OTwuEnKbwILLLAHuJZ + wJsJJIJKNfvaL1PsyBH20myHeJIjUqv / nMZXdYpUAEkdIrogoIWXnvCIeB8gbQ4eDpLq / Xs + cC + ynyzg0EvrEV / AG0b / N / dvfTYFIm
font-weight : 800 ;
font-style : italic ;
font-display : swap ;
}
/*──────────Quicksand Regular──────────*/
@ font-face {
font-family : "Quicksand" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAIGoABAAAAABWsAAAIFDAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoEsG4G2FhyfbgZgAIpGEQgKguVsgqdhC4xWAAE2AiQDmGwEIAWPLQe0TQwHW0E0kalz7EcdIVKordWC2oYASKV / VmJjhTrAtmnD8equaBvsF + dYMN3cidwOSGhVR8z + / / / / / / 9 / XzKJ2kxmbyfZ57iPVzm + glYE22qFgEZz6pSLWKkqpdrKQmrOpjrlvatBmHE7TmDpS0UuxdNqvdkOUkbtykybMjz2 / U4n2SEOAcnVC4X2up8lqywFdDYhMwazkZwa9QgO4Cj51HVtO6k2unOHCTeXF4Mey69MQqLrYKZu2mJ5ywFEh2Kmdtpiec8BRN1gBhnL7xRAVGWkarXHcss3QkPT0Br0WD66e4VEuZpBhrqwqU9l8IGm0s3zvNI1lvMigOj9aW0vJ + 2xMOsrTYj4xT8u / eLxKfmryN9FXpSvojwJq28kqTKkrubUgU16JqkU / jO4JHaiK4ExM8y4UtnTCFxt9d3mxygelOA + hXszCVY2kvHtEdsT7yEJSZWlfIurj8MqvbWhbfhP2CxFvvc4NbGNd76y6V7 / nMDB2MzxtEbZRrlrv2R0FqJTBGd4tu2FcqxSojyFrJu4OOwZQS8D6P9D5xpPVHMTE1wENmXc1UkmT30zoSIyXVXP6ZFlAyKmFPfn + bn9ufdtA8aAMcbIjaghDOEhkUYRxoT / kZYQDHQgKpXCBxxYaDNKShEH2oywZvEHRmGCkYgBfhC / QsCfvsndm9ldC6FWkgJYgYsFqUCSP4fn59YDZf3j / SVsgwWLhEUxYmvGChjboCVaMWizsfrSuCjrQr2wTq9LL / TK07vTPq8CgIo4ce8npqGAh0vSKnWmoqWqlv / / OGjnvr + z00ImjYcBBRKUc / + 7pj + TuVf3IbuzJT0SbsIVOMWhBDSWQBHT / 7pV / 0yqK6q8qVaRE60YUURPPEAm / NmQoJvHQkDn8M0rFg5RILJbNDjkEn8SfR7 / / HMvn / ue + / 4anTWeEQvHGlCwNCoNOMLNNKaheodt / fv / ZjKZTCaTyfTSSyaSyWQimUgmEolEIpFMJJLJRCKZ2OUudrHLXe5il7v + Ff + Dc + W / MVN6rN386bcDFBahRMcFTIFykAKlQIWcTa5iWirgq7oQtZz7eWWKxAQidtR8fuf / n3MpGo1Go9FoNBpdGkVRFEVRFEVRFEVRFEVRFEWj0Wg0Go3u + 1KR5woFKBCgzn1T3E5 + Xr0vXdN345d4VNMDNHLcQX0GFODtd6spzGElkEnXcv81YuH17 + oAMSAiNqKyh / tpB + aZ8ygeA9cMmC8jVin8YI + LgPb / t + 9P5O1vZhKpwCF3gcCitlOpAAFH2Jh4xgSiqqIKD1XDb9jmf / 4bpL + T6aWbppdMN03c4ha3uEUikUgkEolEIpFIJpPJZDKZTCYTyWR6uwDsiSYTz6gXNSwk1KNo / Ih3PyjHqAuEBkLFa9WPWbXqED3M85b5Sxl8PCf7RP / 50dEB4Wg0GkVRFEVRFGFwO8HoKRqNRlFRkzQANf + 7poXcz3FHYEyATvLIod1LEdOBdoP4uoft7v25r00Cd4QJRImGEoj14Ot / 7Df7RZsYcs + 8RVw7ES + J0BL + 21oi6RpBMJltqtaeKtIv0E / 6yujcpkIRKAKYO54ff7OitF2Btrt3VxiVM7OEQOmUMTmX5Pfl15hhxGBF7Gv904bcTPJ10jHh1acuc3fzSYdNbP2ud9wBrZ9AiJgS4gR6HDyc + + YYxh2gUrsAyqRg / BS + / SubZbqt1dXt7pPmcZ / 47llvO39SZgpCwCBcrXR1mp3dB0kGaXWPKOlJ8KwzAkt6QmmfdHoDY0QUOcMIgLJPHWSOQuYwcZw5dO5yFn / s / 1O1bAGCULqUK5 / s3Ll1t5LPXYiv16XeJfjnDz8wgyG5IKkAKpIbokK6IL89YAhpCYi8FGLrEHNVuXTt56ZyUbpSec9F6a41RXmOB6RrJ / qOsRRCUDAszz9 / b6 / Ou + un3Uk7KdWkq7yStsdSShNqFLYIfIrwFwhoyKJhDThFLFeqrfbf34hkPCIJiio3xWm9n9JZxIqm / FmtfTNacuigp6iU4FOozFmQ / S81tcXu2zc88HAWIcwZpDPocHRK / UmVSo + Kyk15AhZMu5 + kAhQonk4h5upIp5NDqjyuXJQuY + vpU2gqF53dMRASXJIJoqWzKTsqrERiMf4l0n1aOUopCtVkl3FgJMaCKhxQCQMEA4cL3GSscRtIz49ESmRzTHdS / W + Tws5Xd2Efj2H4DGWtpdRQQ401hDCW9bhGb7 / bx7 / T8r7u + 3xf61nJSFYykowcGbnTfvo + HI8s260Zmq0iywWOLHv9LhfQLmtWzdm7 / tzutGYDFAmSkGD5XAYE4LW3BQC8ddrnAd79whGBUQdYG7AxDAPCKkhJpxGemQRK9arh1Ow0lDM7C + fcnkB52hCc4aUDKlWChSitY0LFPhUCCkAAhAAYBEwLWBiGYlvtwFs6hVJmJ6dU / FNRBUMoqRVQPVVrFPvEdCCwx84UAhjA1Up40S83BfVtfwYJPBQAWiOA4Nif2Oa3k8D + GmsP + s9tnquAqRwOklWBYnthUKGhji5jfCRPGGUwrgcLBcDRv6ECuMob0GBCq3 / Cxwpr / AG6Aa79gUEVjwIwlywVKkkcJtHmLIW7PpuIjpjl5GpBwUW2koIiUWkVVFJHffNsXs2Hmej3jEnmvOJVLHhla97FrsW7braTB4 / 2u3DtiRZ78G0udJAQ9xL1XRypgZzCZLYsGsSI3Vag / lkxZJkQzAvIwuzDHjQLd9VVWcFNl5 + EBAMYs0YMwN3IiVwgCWxwSYyCHaInCz9AGJSBmERyqkkADRWeiui30ejwrjhHwwoT1iQwgUVs5oIm2wCCaiUjGdTCFR0JQVHV8DAML9QXwtLl7aJnv0JBQzsjtXJJMeRXm5uoo0ZG0OKsdcWkoUiKcrk6hxIWGFyZySIWBWw0vWynKLThQhnwJgQDPCuFzpUpY4cGWvo0U0eLUAotuARoMSwOOlKPiham1VKFMxI + wQTRiGQIalRPGIiq + OpDHQMYVQ7oAmo45I1TL0sC / 5VYZstuEGOZvDddKRkBQgWYsguFe2SgISmAJJ8iN0EWiw9sMTv5Noj5SEgdH7OIzLaFU5ULPDczbMlEq5FSBN6wFgwhqMmVMAeWSKHa9MHEbGwBVBWG9nrtQgOrAbiYmFyEvkS4I0dLECWWoJCi8G8iwg0dBupowKSJRQubNg5devQZMMRlyow5PkczOHHlbpa5 / Pj7W5BQ4WKslKFArTonnHc7hPjr37qJlrikbVjyNi5lrevYCXjwnwIMTPr + NBs8jzKsU9Pcbk0pDXWtAQUUdrQ + RQ2Yi8Te2cYrMLstvwtqWNi2qiGxVoQ2sGuEJR8EG6HjsdEs9GyDi1kwHeNLsRwVDLisuL2Nr0rqQxmSXxLU + pg4KTsK1JU + TYF4Frd2MhPUW1ykJVIQd0W3heZ2VNW + zUpaVNo3StFgsOleDt9kVKQL6G + LNdQNNPtAHc7T9357LeKl49H2gPrUPz59o4o0flRLm4bwJtQ1VLWBEtaTh1B2E1779Fa2tMYYzEa1m4klSnaOQNSZ7F6stRtsYgPsZK + NvIpBA2JJ63cKLeQ0RqP7km1sqq / Anu + dRWjyhb8kBWwgEzp / 1FshLakAA8H + KPslvLeEAh8YEQ1W6thBW2opqVALbF + sHZRvob1o9RSSO1UN9OwR07NhfLQO5DYZvuiOVcF6Q9QKrSxtynaBVy8MNlIzBFBEHBT9iXb8ty6T8IGnQN1uE2N19arzEmD30FPUDGjuzgv0iM21rWzcXyXo4x7HHp9E59M9CFnSAdQ58 + cdn5eN8W0k2FpoMgE6kZZgXcjfspvjw1iKSt8JM3 / iQEG2jbrR + 8DIc1nYvj3gA0Tvd6pJORAgkFcpsGO + VLgjuNh2ju1eoboesCoTRXN8oV8OtbvoyDL6jUJ9G1uK2t23rXwMdLdGtafsfj
font-weight : 500 ;
font-display : swap ;
}
/*──────────Quicksand Bold──────────*/
@ font-face {
font-family : "Quicksand" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAHz0ABAAAAABWcAAAHyPAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoEsG4G2BByfbgZgAIpGEQgKguUUgqcPC4xWAAE2AiQDmGwEIAWOGge0TQwHW0ozkQ2lY9j7QEEVLKrGuG26DQG6qm6W1f / 75gDusOXh9NwEDL2llT8yUFMnYfWy / / / / / / / / / 1 + YLCS3difJbNqFqxTF9gj6ePIVIaDRUEwqSxFTuXaVSbVNTJIKyX6wSBlzmbqck84symQ2bYtusvXQvFW8a1JBt7cDJXWlCImGxYTJyoNEFSXbY1ZWlOnjk4xPBIOp / bPw5VWGblIZjg70bxvZUW3fNj9OWZos3hoh6fwa3wkNndr7 + bKpuobyYQ5EeyEhQ / mMDkTvQqqjtlAu01JgRMNkNnLU0TULff3UhojGagYZyjVtCIm2xUy6Xkd / xfWrRkJDfbezkU3nUNbqQLSVb0IL5ZYciKbeTLpnHUOZL7PZ5SgxovVJrvNR9Qle6bqsJt + y9BLlpoxRzRIpuZm3D6pE9Ul4IJr1Q7ak4x50hieGN8JL + pJxkibF / eqPTkPyugkgwbb + WqscqtRw9zPsWGsEv / FnOCf4UstRbvqMS6B / 0F8HguFBTB + kPRa9evnnN / 0 / WfVyX9o2grvqEEmdzIRUps9Ut0ex6Ocgd9dvIaIwoHGil7ew7ga5PPu4neDKAJpk1EOjw8dVvfjoPbwVWCDPDOQMbBv5k5y8RE80ta9 + I8v2BmgPSMkxwwcGnJ / n5 / bn3vcGc9SEkcJkgvMBQ / mPSJEhCDJFSkVQTLCJMqjJaIm0GeCMxA9fkRhigrmZGAnylb + PDtHmB4goGySVDZfz4AP + d / YulxgjYoxO8YmxU / RPP / z / 1nud + yZEN3Jqyo / wIakQHSq7pFAUGs8oFCpFRXmERUmQ / wzAbU2KENqGUuMaqhGGQJCcIWmTP4MzU2JCzk76 / 1vT / qW1w53Jaav6Sz + ZUt1enkKQfAQby2Qn18oCubr6VjMb + + pltzN1gI7A1fXkT / UDUI85WaAc5H4vC4FFJtwEnsADqwD + p3Sr0OZa8DcLN / + VN72ITS + a636oxR7O4hsB3xjBJPiSDDv7PymKRqPRaPTo0SiKoiiKoiiKoiiKoiiKRqNoFI1Go9Hon6N / Dc / PrSdSG2zs / / 39v / 8XxSrY2MaAwaqojRpZBkaDgRFxop4eXqV1YvZ5HmZfeqfHeWW0AMCAQcLggJ3gKBpFo6coEIiiKIqiKIqiqN4EZc8XADz / eM / OPryF + wv8XU4o4cgySzS2zW / Nv7bXd8AMJt7ST0E1dcTufMK8VfGhnJOyecevQhBPmZmcRFD5zqzfu6 + lzeaJg8 / kpX6U8 / ezHGfBV5ogFivFRLrNowsE8SD69XJF3NonYpH5nd970Wg0Gh2NRqPR0VEURVEURVEURVEURVEURdFoNBqNRqPR6P4FEHBp + x + a9 + / lMC96ZjUyVNkI1mnLFzHqDorVItlpvnyUc1HHvW1 + b / OVdJgOIYiFINZ + U909nC46dE3Qi6ovmpgM + tr2LO9k4PhKMIViaY6jA / PMeYQulfiJa / LcRtjnX5WLKNGBDUfUEuY0pRzcn4WKiLcEAiGkSJWuz7Dz + ygajUaj0WgUjUZRFEVRFEVRFI2io9HoaDR6NIqiKIqiKHp / Nzhwj6YomqJpiiJyLGyMiigrSsQTyJtUVVUdNGqjLekpJikG5ilHMUlBuxLdKIqi5iB6evCQvWQbQgImchePouZvAJAUGVCrO6Eo2In + JGii6Akbg11JBvuGySTsMRl0g7H5sbI9qqkBpn8 / bIy3OHg4d / 9zDpO0HQQaN0C5m3AzYq5AAyLZb9 + 3I3AEdsIOvp / bcYyFuGQQEYPZFPe3lSE2u6G8EvX / m / ZK51m6x6MtbrKTdbp + Wl3AfD4MRKuZWWtH0vtdv82ua62IprTCGgrADeGwBBBqAgIgzpWpVrpDACdQHmepM87klF73xrkg + nC3dxazO7NDgMBKArGADChP43UUZQ7YhSgsCHxBPJ4zHjSq452Xe + dc5pyJjAsv / Cz + 6H12cfBp + EFqs / jjpyjP8YJ07UTfMZZAAT1a + Odb / rTMXOosbaAbiXDdmt2lvr + 0oe5SmsNhUb0pJEpjVInKidBRCJ8Im + MjPDbaxigXo / J / U0vsnZun29ZZYDogYaPZn + bnSxkrlQfwvT9f + 1808jXfpheaAKKZkXOy0pzSZN + lNMLDAig7HADj / zf1k1pz3 / tlpF / 822xadSrgyqKFijcN + pggH + kps98zb6ud0iuy0vSDlO4Y5QSgwAWABv6 / P5p2pnkT / wn4ti7iGW / beDuHga3giZZuC2AWRRpTAUDdRDOCKJEn4PCnf9yjOgwDkrEXRQs3fkww4XxZqu8nMbqcRYi8sI1B4dRT / 5h + G339e08ZdvOZhr0sw / BomsaIGBExIkVRmEKaya + T / 7mf9RnL8dqVZmlbQRGxwrJe85L3Sy6gP / 6mGezEvjanV6pQggSi5EkC7T0ZAXztpdMgAfjWzvfnAd / 9ICuGYLrABcAVMG1E6qFI14bI + aRQNdQAV2NtUJ2vHa6OXkD1sgG4Bg8LUNMi9BHN4BhAjXNsEEiggCCAlcBOwBEwMs1rAXnLziGb1eHTbNSxoQUjIt0pkOvfWq9xDo8xBOf0mQIBAzdr4KM + Dq5B96bvlgq4SEB / SyDwcUPixh / mCjh / xOaB2Y9vvA7DlH4MqqADrdqvzKBBlwlLFJoXjAlze + TryvrvY7zlGf + HKTZ0ztsA + OWhc78BNHDBWxhsEdG / j / 1lKldL6hCpZu0UHvrox1iIPbP5bM4iF7M1FBSJ39blrmitu73cvdrQxvYjM9IccsmvsPI6SJq8d4d9ppAewXE5fk8XRPpzc5JOxw4Y59u95RJxiR58JH2q4S03eOWiYJq / vFmSyYUYDO5YzPoXAS + + jpbaNOnHaNADNgSuAN4N6rWg3gyUhzb5ehOGFzIFNrmQxUUQ / TIZihhbxM5ur38XGaKYeGuW2mm9tQvkSM6MMlk2q1Q2zOYQw + fmf1yseNRoS0MRF4G3f / JsIFTAgAWsAbYEtgKOBK4C7g08GNTdQb0QmPIADmucgmstZB9t0300E8K + XONxicNAqedV / 32CeezycjiMHkxv4blqjJfv7cmSn1sz6nwtC1HSQdpJo7qdennLm11k9o3WqZohjjANLhLk / Ns3ryREDtGJzeX3xqJRIJzJOZoelar9H76Kjmy6AvmIJ5RXzWOXeJW0U8nia5QeRd60gcxp0axryJeC0yg + rodHiJMhLacN848DampowAwAnmgExbeZHeqQYDBgiPkHEXHHok2XHraJ9BngMGTEhCkzk5izMIUVaxRHTpy58eBjtiAiCy0SZalV1tguV5OD / tDpfhCi2tim4ksosaSSSym9U7X2B7zyH0gwbPXqKXZYCPdrg17xLuvpZryf8Cihso8NLzrupT3GUfCw1yop2Ht4zsCTiZ0Km5I + 08hQYFJH4QbFc9EnqdF618eMkuYQ + sLHbnryWCtT9g2Urk4zp1kdRmpT1n7iSJ34ZVuY4DB0PYpk4oi6xI9pvb1U5IUyTXWteZEcA0p7VbOh1yvy55tkYdQZWjNS4TSHadAYaShb2D2nPtoccZv2X3e / 7XBhmUSXwYdwAfQGnTI4ZkxHcaDt0dyr9k3nXDEGRLj7QpRhb + byTJnGruklu8GmLYDObNW0OxWYyNhb3WOoFJ2UBO8xdpb3D3DLh7Ruc / L0I5OhDJiRTx8fUmgoY3CeGbrQQ3gl0zYrDFZUTKqDsqQk03lP2NndSr9 / uCXt25Uli7Gh5UvevoYZqwGW80YjIzGSVsWhCf2gmQSaEdpwI / xPShkKRJEauPaoO / 7CVg8Pn4dpXfGKeV + rfAZdq5rCBbC4M3vIk4priYKp + spgGx66FL / uinl375W4MjKBMvdAzUGu9M + xYcFmUJh0yUS9nmJ9y07mh4vrA / JXSWdVnQ9JG / ccCJlZ1WH55kgniL3eceLTcceIVn
font-weight : bold ;
font-display : swap ;
}
@ font-face {
font-family : "Roboto Slab" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAANaIABAAAAACQPgAANYkAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoEEG4O5QhytBAZgAIkuEQgKg / wUg7I2C5IMAAE2AiQDpAYEIAWKZAfPXAwHW / gRkgqiMtbuP4dBXARFTdQ5xCQbWljRot5c0xHMDpM + yrHpMXxYEqp7Fx5gc2q0B3fbAFg7nft6a / b / / / / / / / 9vThai0 / u3Ob0kW14Ms4IJhYATMpvQlYKKM / M + gLBIOFeI0qeiCjWK2LRl7BCrumkipjVm804sXGuu6pezFbnebHvcpRjTThBGlRQ76bxSDWba3rmMtdrc15TEAT8wF0eDrdanhyBCEGYzmjgnE / GAzntQu5hqLalQLKsVRo8G3mDSFApK4khX1wV9cqBkCjalI0jqDhQkCIoZVaNOKqxL / xhPscJqSZmw07vwdFJawxlOFAbTIq4yIWi96GsK9mifNwW6zQs2YkQyQRkQ9dcMVJ4y9JozjLjKSg8T9CbeKap2LwY8eqf2249iA39kuFvz4pcBh49UtduIxve7WEe8yM5bJeP9AoMyx8 / V58f8uRLl5MUj2IlUY5q6tIhfk0O1Sv2DyfEDm1Oz3g9FDk5ldqf2WsL5Xo2TdyN / Oc055Xe023m / RYwxRh + kL1RSZcj4B0nnX + Xzn5mhBL33hp00U0mVzPiGQue3Mnu3my2 + RAghhFb6QiVVMuOAv / vLOGbpJvh0vfr2Sawm7 / IOJ2 / XtExoXjiqRYbH7C7zFDU7ZmoMLqNJJymZ9zc + te / / o + LNnFJixClXk1GdKVOYRmyd5vI / 4G1HscR6l8KuRMx8o / pK9Y76PEtRaofqMHsQg77PjTmVajn0ufj8L2r7umxbFD2KCV5jrQ2DZs6pNYJ4ymOqvgWGcpkDNNFLyhBlrmY74opnry / 8 / + Pf8 / 6ca + 0H30Ds4CojRSOpMvpk9NKnerOizhBt8 / 55QExEQKxAxCgMQlE3MWZMxemi2oXL0G1uc6UurJ5RMzaVrW3EXFg4MRMVa1Ky5WTaJSR6EcEdNwZ + zKtPduYDPFHMC5q2KbTyp3S4gLwJw9M2 / 4miM5qzMKdus3KujWiMQlRQxMDkDkWsQAzAyJmbU + emvU0xt3blKv6yf1GQC7eXhIBmPLiPN2Uq3giUQRhNoZCddaUrVclCV2hRymZSgL976p8 / + O19c74EFEgBcwT5fDr1X8pSENl0YIcUAFJumLqMmTrndViYzpKh5U2XehoZ + 0LaqZeNo + T76bcJo9giiUVtK9 / Atu1NVut9 + / 1PgPsQTeWfHbEou4OU + iVRyZ0AKAUI1MnW + CMZuJaAOtDLqK8y3Y95 / / 3YO2j57bW8A7eUhu7gPkDpbYM2OWnYcW8Jg9ttCyPSNP0Z2LRQ3CdFQnGfeJ97fvd5nwxJRSQR97nPGyLDpUPCsJ / IEBlBhoQhQSQMCUOyL / 2yLxQJRUKR9JMiUsS2m0iQIiLZJ1JEhgfP7P4ztrW9Hx1FURRFR1F0 / ucyfTPZsHZ3tnfPRdr1ftn6302KdLK7lFYaA0FBKBMEAlDFGeOoutUomHLo3tDmIc8FBnFFBiAQUkFAzO0nURFPeKV5aBwlbV4TFeDh / 7us + 6qSDqoLjQG54QgdtnI6WgC / TLxWD92MR8DXwl95lp7L01THl0sesNSUz + yhpPPGH / houMn9XickkAKg90pP / vMjNHJXO0A3i0Y1KiKbAs4bZLnLLgJ + 0waaBvpfyxDENoFHZW7XEYtLaiHVpTBQGS4dfFzE5h837adQciFhTdN2qS1IjzPHkqlSnZTXclIej9PanE54j86ojBkz1sx4MKvo4 / HSntGJMs / JvN2cU3o7hH / ox + h3V + N3NVQSIVEahOR1UyaSGUKyd / T5sbbthXxi / 3bqyaKGjnho1 / GUoCVSpNME + mwRv9ruej17X32FQuHwGEtIEI5gLMojlLqe4WGb / VM3tinmrNiEOSsoEaVbJATBIE0wAMWIxlnoNnXtylV7u6j8 + 13p389971r + q63X7Fyra4n + Z1umzQIFJpMsHGQP0a75Zxq3Uh + C + Z3fe6PRKBqNjkajo6PRaDQajUajUTSKoiiKoiiKoiiKoiiKouj + oINzWnSKoiiKoigqCIjKQWlrNbt6ZkANiAkwMQJOKijFAxhLVQAPPOlQ1WoGYJBnANJaK9yHGIrmv / yKAEjJazkoOGwKItFIe5385cUYZOnDsqb / K0YDCBgppVTR / cbYp8s / nj + YOikEFY24qOSKpkiZDJ58mJewuRscuEfRFEVTNEWHwOicuZAFHgFp / wIQMJejpimtXAim2YFgJLj8YOBe22gIAOjgrf97 / 7yiKIqi0SiKRlEURVH0KBo9iqIoGkVRFL1zNIrecZ0f0rlm9FRUVNRU4KCq8PDQv7vvcNttjz5FURRFUVQiOFBE0f + 6VSMRIrteFQnwkXIg5Ky7d0UTZBSZR2ClvPm3qa7 / 38UBvAsqKZFdwjWwFXkDWvGfbL3T3UV + goAgYAgIAo4ckBU0NJVCLBeYTlJkQEFIClKJeAKktWPHDmPnDhvD1GEb27eXx6l / r6ZVio / fENFGOwNptySt51re + dkganG9DS + 9IAPe + x + vgQ + 0Q9OCFDlsjqE0timNkdYA6G4euoczR3IcpXXaM87KrLfnXXaVW58El4RXm1 + WXBZdkMTHP / + / r0pp5dsaI0heeapcRsZC5qziR2YP / 2iMj3Kl50JaYt2eptIMbTYyIHcyGwpA0jzwTpu9UIXLdz2JRPbhTVpmLg + 1Q2ALOZZXSyHPYk9IeKj25SzzH + eqaZc4Fyune5dKPs21G7gVkkJS / rRGYpJaWh8hyTYVHWJXSpnPc + 4KH5b7YxFUOr5jZ5VuqsMCS75SOsfcNN2 + ef77i4Fu2bUjmOO + 6DVJ / + PSYpOFC2BNQolxFMWqlE6qyYzQFruBggvFmQQnRvKDFAPtf7lfZvRSpjBAAsyAGhsxA2b4 / 7o + tc + c / Yca14Jzsd2S2KsGWsHBpTBPwIIRjAiuX + 6XNvv3 / myBnsiBLKwQ / jiTZtItcaZClXW1RoT / p + mndK0zz01u2gdcSgN0Ddh1Og5BXrWJLU1a + 5vaAY1 + mj77YZN0BsJYeKJfXPf3aduIRY1 / 7hIXDHeFESKCZFfJWS32P4GbEkQlMgiNnoTUkYSI538mvvncR2UoDfQThBYiGFWIMJvFQDixqi4Jkt29m / nN0JjGGCGCMCZngu9vsq91Jpnk8e6rj4qIiKg6Z60VYw38dxb9 / 3Nrsa5VLSJKRLQ2WmtjjGjxtPHN7Sv6rbjXPQy9lwyuiIgECSEEEWl63 / V5oiUb96JTJDgs9 + 19C8lMza5mlws1o0bmGV9kKxb3 + aXQvJDNZIaWdi9 / 3V + / mX1AkjMFL / iKISFiB9fOfxuWThfZMivsRQy4G8UrnqS0 + 8Pf9JsWuu65F / EgHgjRO9i + HxVrAxG22qzxGJ4vC / j7P9 / + mz4AgO / + nj4F4MffSy2AAGwG8GCAQIDiYhCXugLmagIIMgHHEGwcTwOSmAvKlKYA1SwRuKqpQLVLAa5fBKjZZQA3f0hAY00qqLEnDWicoYKapCkEmowpAQUCIAAEsBGmrcGnnT5oFFK88bLQRtoQACwlAIHVGHXDVb6NiH8QEUj9Z + ePAulWOZAgxMYhAEF2mGkyAiMDjNGzFSAAfHorwIAHff9 / AFf5D3432bnhBbeAn681ED + eJAxUjVU / 5P / yIDu343X / BJ649NAAHiiCFiYDPMRHi1No83Nanjk887kGaqU52Xxt6Gaj6YwT49ScPNfWuq6UOy3ezt2NLXb7YM9S2HYpWh14KflTOac7xIpoeHO10kNvUgMNXRknQFxszWaj2c3e0FtYWfzBLuzDTD060MzJqLQ7CVTlg50bq8Gvpd09pjSFOsdEz8zhGn1wCECbmq3t7WnUOvLMDuxrrZpegZG2F5NFad + hzW6lKtpLRZrWZLUGON0uK82Bpgbm5JVyH + zz1fX0 / Wl02o3 / bp / T4VsQ4u7o6rQjWzedMJO9f9gt49a / 3c
font-display : swap ;
}
/*──────────Cascadia Code Regular──────────*/
@ font-face {
font-family : "Cascadia Code" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAfDkABIAAAAGyBAAAfB2AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGoUmG4SbRhyC1mAGYACWBgiCQgmfFBEQCo + NTIzqcAvjXAABNgIkA + M + BCAFzwcHgrJDDIV1W5oD1oRfz9re25zqc / xdAkE3S0kLOobJowxzakrtCLzbaNK0AH5T5ULZkLWXALG2joXRUL6 + HsPLgHuvKmka1Cb7U5RE2qpVzK7hbaXDZ8CI2f / / / / / / / / / / / / / / / / / / / / / / zS8 / nn / dmpn7nmfuvfNu3suvaRKapra0IUnFlobWfrB82qIULCqogAgK2mUXV3BdP7vr7hJImQ / BRytSqJVVqjeo3jRTawUeQqjac2QGsg7VfKJE89Y1avfm + xcqWqABFofkW0vvzjWWnaK84l5lUNU8gS6u0toKLbAgJxm5SFTQqN6ipl5iwX2ceYsS9SZsOu702DoLzssZvOc8uQx6f56BamyDFZsmaaGS5uCKw5YEWZGb8bttjNFjYAoKM2x58tPAZnbVC7YNUg4GBgoAQVeUAcrG8kJvcWGHhQwuy8PMPiglm29Ird0rbG + 5RiHsD1kYxHjAttQT6Bp1PwyJlltcq8P5IUW6sn296N + 4eZGUbm0c1Y9ZJZYQAREQ9 + FcLlI9UqSTeHu6Mpwjmzcz22fxIxGQKlWpUv3YdWPIl + mjpY3Vw0G3fj216A4fe / E6rknI7tR494jukp32ub8XQji6RGZmZkZmZmbGajFGwftl77YfqAJfpU / CKvdnIYS1NTIzMyvIzMzMeAhBUlW3 + 0H + 9LPPG50O + Rg1xshiIQIiIAKuDyiJD2ez2RcPKETEGL9kZzUREAERcF4WTzY3NjY2qE1fyckd7hD9I9aZsbtXq6pKJ3WaZQZk9pipCD6hyWTvvfG68SKzFbg + eQS226fjr5 + e9Hof0g2KCzEuUKQYlb6hZxqCCqX3zwTv / aLbc4L8TIU7fb + 5ublJZvatSZpEQIT7d64vRi9Ho9GIF9lF18 + FjgBp / + jw8DAccsvLQnJ4qVJftTcY0MDMzIzMzMyMhxAkVcfvWRIhpR / mlsatFi / ycrtG9yGq46hf + tq0RvaEYn / 4peCviXA8z65goOgK + ZHjX95BXv3VP2w2WYwxxsji30RABETAeV18jJuL3bQzIMvPkRieP7lNBdPbVVUl231duiM7OL / + 8SZ9n9LfKWaf5JRFjf3Ef2pQ6bfpYTueN38U3rDErWLKXvvUTcIt8Y3Y3qahBBnIY9P6mdzL / rH4aNRsNt8f71DKXXr7WHpGZVk2m4u0nVnZkNU5nLNOYTTR8HPpC9rrifP / yE3rl1IKif4paP7ir2 / x2xumXvxmRyUPsctRca3IZ6N1saHiq02xmcPeYttKfiF / C / KSGcXEYv5mzaekHYJ4bUul812VTlR5UNqHZ + kC / RIokJ3yEd11W / s997M / cj0VL + HC1OlfzusQsZlBv01P2QOa / oZQo9Ux + s3iZ7pItX9T4J / 5G + TnWUmNXX + VvXjLCqcdTxBB4BCO6VcVXlIRhS06YFGoXKY16rnckU8gn4qACIjA0u / d06K73Gbxj3gQneFu8oA / PJsVUW5klMh7ZWfZdDlYKcD5Fj / n4ABHUBoxyKAI + or5RF4zGs4JuJ7fwVobdJCovh4gHEAyTwqwV5AVgo8N9UzBClDk97Zq7FWHVIpJpYJQAw8E8evgvVR5dfiE / UAXaV2C1KBSRYOYIAKZXT2j / yhXBuU3PfSeMg3o6At2 + Ysl9pK2aFYKE + G53Gax3iLs8cJ7anGvAIGBq1B38JlNX0v3dXK / STv0IlZ7kkIlzVHxp3ScxwnVpBJNt5BDvys + OZY0ae5UVi + p + tz + N7 + 9IAYR + DN / KgJi / F / uGi6XSwJTakgQltj / M9gVZg4ikHFXv21VpQAwiChSS + vDZhKzyaJabWV3cYhTXMVN3GV + jDyrl7w / OXw1u / Sf7fzrulACnfzPJmn9IOKDRHv2WFP / jaSFOGuUs01dV5VlqMO8TgoEaj7jieEGTFck / Hl + bn / ue9ve3tvbRm3E3JgTBkiUxFdsxBr0x2FAK4I2IiYYjZgfoYdgE7MoFfiKRVsYBagwTEAbZBbqqqpkWTPLXj / wAWeEj0zhRwQZhYg8i3fnIanL71v7J293VVdV0 / QMP877nxcAVFgS2rWrZIhlhIyLiouNcjkZ4PP2E / fcDzMzM9uMHLnPOY85Rpgr15FjjjPuXHfEHSMmjD1nrIuVpfqpVCpdPx3Xr18DsE1BxQaRFEUEFGwMDMQCiZRoRUpBxOickSudcy6c638d377fvbZ9e / a25 / 4P / M7n / 4J / 4IP9Cfn3Gg1Bay1qSWvVWmud8ygNn + f3rz4Sq / e1NleU7hBtoAY8gU6EJplOLgyP / H77w94wa50QiWoZ / ya7w4znv7 / nt / bZ98 + def8KJ974N4soTYIgszSBwIIP1TPpV1X3ZJNNRigkCiN5KIUG6ZAn1Un1915VfcxeJo6SC6k4yW + aFFVahU6rfAcCIk8Ccfh3gGll3P46fLCXRa / v / q1ke7QKQBFvAWwBhQHltESTO5MoCvGXBPlTX2MfU61HmiX0nTY5V1J / roDg6jI7KLATi6JkyaMoCmV3TKIudeiHqABkBXArhqYSSiXwSQUCn7TZpxJ9cQ4MU4m / iHN6dghBcROjrjAlE6SCTFw9F0CKiyrZUjm9DBwh7Cn7STzA5 + 0fRkj9Pks5WnM / jMaYmbHZ5ppZY9jca4Y50wy5yoSYo5LmSDNHxZJWibxORz9J5Zd08MtV6TjpUOprR7DP / 5dJJjnJSSaZZJIp / ikYm54fQhJkMBG0CDObByRVr6akWATEwNBc2k2PNRo5JYCUITXb6WcIw4Xwny9Jyw9tN5Tn8 / V3wZvE16ZgzAk0AZumeFzCp39b8OrLdTcEYDqNwqDXRPWKk / 3n7fo31GLAcwfcsR78QQdd / KoYJVEKfdwUSUuMG5xrNEVRNE3T9HIkNIC9Pr8CSIgCKgZHmxLO + LepSLJPnviGZImJb05jIu0iS5fGlNIKytgIlE9KcVXVNwgdl + q + 9m / I0j5FSuyaf5Grc4OKV4HQKTQ6nUqn2eoCtvfbOUhup5lPiqIoiup9hRSDm05L8t + nDKPOM8ewq9hgiuRKgcAmTu2XjWEISrD / 3t2QLdQJ4oHvv + uzeubtrR5bztdegYYo / uNwTEMYjUg4GN6zPd + 3aTNIZYYNEWoh5jU7k6qM4A1EqMVk2Z / w7m / p50m05jq7CzkjDqJeMpGB6IAPpG1v2tJGQXzRIZLmJbOyZKctSmvoUNK / V / QP8f3ed / ee3fNeEnoVChlhiKalVEfpxTGMR / 4IRdVYVKuDQyPML5DSvl + 67b8uFAqFQqFQKBTGipfJ0n7s72ESQqI1MrHhKZp9mdjJ5gEXMVJKKaUEjsOuP0bE3ODELYqmKIqiYMhyYj5pdXacNO208AFhYfQHz9HABooVtEezVdD6Sve / 3T2NoH5 / wh4u1c3ki1n + Q0yCWNCSpgwdfZf5bQH + 8dzFLpKJXSSSu9hFIpFIJJOJRCKRTCYSiWQymdxlMpFMJpPb / jeZTCaT / 5g9Of1XEw5 / eCdyGeuyzTJLxOzrsssuu + yyy59vtl1mt2KXXXbZse26Lil2X7eIXSJit4jIdR9BJIiIiCTit / n3idRue7eDKIqiKIZP37b2fCHXf21AMJkGFoQHk0wmk + GQWMvwMmxV1o8EcfLG / / v9u1EUjaJoFI2iKBqNomg0Go1GoyiKomg0iqJoNBqNRqMoirKzfYiS3W1GkSRJsg8yA4DDNlfo7QbDFR8eBTGZTCaTSQ + 4iZFSSikl + E / PDwO8eAWPaNXhO1hKH3CptDRassFb8P / eHUXRaDQajUajKIpGURRFURRFo9FoNIp6 / 9i / 9q8oikaj0WgURcHGWNPlCEHEs4Kn0SKPLHIavRgkYGOscV1CIMrGgoObTNouf1ib4oh4jud4mpqaUuPCu6fRaEQTDIVCoVCpVCoVcY6DyeGeJyKWEAoFHnDzr5RSSi
font-style : normal ;
font-display : swap ;
}
/*──────────Cascadia Code Italic──────────*/
@ font-face {
font-family : "Cascadia Code" ;
src : url ( " data : font / woff2 ; charset = utf-8 ; base64 , d09GMgABAAAAAUXMABIAAAAES7QAAUVgAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGn4bgYwUHIHeAgZgAI8GCIJACZ8UERAKiv1ciZdXC70YAAE2AiQDvHgEIAXPAQeBqnQMhSdb3rizEqI9bT + zrEgeyBrPQFDitD + h24gAKjdTU6 / 493SHjHH36ydaQMfh05aK4wd89FSkM9L77BxtKF + dXoeW / f / / / / / / / / / / / / / / / 70kPx7bbOYlf + afCUkgRhBQOaRqwRNr9W7V2m53lwkTUlFg1Xl1TnwIwQUhjU5dKgJ58t6yRM5Z4JgUpXqnvYrqhnnqswEbtBGpwJ0sXdZdPESWC4ojVTbiakrtMwjaG + tkup + 4M + UgjQQqOqxVZ / PEnSmLKAIFDZJT5rkzZRkyHKG2lbalFfd4D0esWb / o4fFs0ecnaHSadG / vmBwFJCRISJCQ5PZ1XVVVxTxuTdp4sBwkmxI7wwFL / ufkwcW0LlxRsGjeJfmrK3btCl8U1JGHV5JZJb8tq7nbUkqpoRsDvuV3O4zfKbJdczcb3 / M9tjRxe8fX95bPmahkfOAPjyxa5oDPr9lvUl0zb5ydPBZCTyROJiqUnhw5ErpXJRH + fKdWKJGQkpCeeLKNoKEvwSFcnc321y1f4gZL9lH2At5J6rc1XZA3cPLyijQ2fPEDihg0o5 / 8raGm47XLvs5 / MA2zCTvUtp2kvXNKmZNAESiSvYPbXlWWdM2CcW5FjfCb7u0NWPYOZEAVWuR + UEw + wOQXTObtbN6XyusRa3g0b / / 0kG55Pe7RF55y2M29GNMqepZGUwE6X27ZKh4JG4EANMsBragE + 1Oa8yLcRiDTewFljUcGTQ9mkzJLNP4Tf0IRKAJFSNpxF2NgR115cx7y + o0vsICbz8qGgEJ + v7HLxy2ps7k8rNi9sE7YvbAoXJngPvVEwWe0Np8 / l1RU7B8lK1wVioAnenZgQ0PmwbcsbkMFeIF3N1lqlJbGrK8T + yAlzTgWJeGttWS5kIhw2Sga0vXuVTjtU0keCfpJgr6TGFXSLZuxJdiSYy2rqP4LJ2sKAzamMgCf + eyZxguu9K91PDmxK2VKjoRfRn5CcxZAmbHhXa8sgVKlwILIRIUEWAN24PFFAtculgt + krbBsQv2BFZMcviLC / aLVQZ3WwHv1YssPPvM / eMt + xV8lRFf1GTNe4ZeesNHFsgZ / IT7r0hVjQsW2nOk + p + x / 5s7d3AuSIx5HqDjllcQMMJNmCS9IwbBRCxEITbCG8fvM / Vp8Ti1n9kHksyxE5cdpa5cSOGIrdYlTj64wJgD8gFTjomiH3i3 / Z / LhYtzIuIFEXDjgosRIqgparlBw5FZqfXKVfnKtEHLh7aUlr / 4T1u2fOZo2eupv3x9G8tsm2nZ2LasxMI5vzlISqDNhDSTlmRxALYp5rRRjAJBjAoURcWgxShEASMxsrBmxbQ3E5WZCxfOTacLV99c / UsX9Z / nv8b6PLe7B3Y5wKCiGDyCWh3hSUgqH5kaGwBUX4WxH3z + 7 / d87aqkktsMyv9eHhUqRjkkNDszQvXyQ6RHsep3iPB2rcgmyyIzQvqpTFwuvwYgPMphnER2X9P81SkXsBR4mEaUwvcBmlvRW3NLVs0iGdtgRI2N3KgRLSGRA6RVUhmYQYtZgJFYGIUfvGDUp + + j / TqxVrv / + SyWCqFBSGSPYokGpYllMd09WxM903nVxZcYDDjhIAfJcpKdsQGTB5gIE36IUep2Xr / ddtuFeNeU13S3213omnv3vy4tZmbvel + vl8p + 95wHBoFJMHI4cnUSyCAbS1p9KYQUVbPqNPKW6QOiAVMF0YBpwLxBU6YbmKutkhOV5KGJR5 + pn + k / EPHSGVZXQjUqz0Jv6XfTkf8W4LDz / / / SoUuXHh0ajUaj0Wg0Go2iKIqiKIqiKIqiKIqiKIqiKIqivd / 5 / 1 + nBc5sexchM87OOmt2TA6Z1vq970p6gMA0l + CCPUbS2 + Zkv8Ds19RaBGLCFqYHAMUOn1vTEsU / VMuhTXVxGhceFx6fiNe4TaoQbS34psw + YqimePM7 / 78TRVEURVEU3T + NolE0Go1Gj0ajURSNRqMoikajURSNRtHo0vtbybSqKlq6QYyGQSsBCmDZZ19Kn6MbnPs0RVMURVG0Gxy4RdMURdE0TdHghBPXKDpF0SmaOSv15xVEZVSUy4vLGrUWA + Pc / XGz93X9Memiiy4UCoVCodKVrnSlKyoqKioqKgqFQqFOoVAoFAqFQqFQKBTqz1tucOAaTVMURdE0TXvAzb9SSimlNACHTo / a8SmAnRAInoE1aQv9Q / 5HtL / PTm07cUdEIiUSMqFpSTQS4IAnFAhQu / SKB4cZOzi5Bjsa9U23n / i7gIcmHgmJFAmtMjU2IbRtiTStu + 7Jr4P3habyojwwfUWlhYVkVsJigAEMbrRQCAkEOe6 / uj4E25zTUeUEWnifBrFtvopi1eR5 / vfePW / 5y7j / aZEQQoZZCd9XNVkkkXbHg680Hvhl + y69yiXpY1sFcxjHTHMoMqcI7ncITnVt / kF2lLwfitAj1k3JRK3B3O7Q9r2OpJFGQEv4gO7YQFzFrgIXoPZXnSmAbnDgHobjOI7jOI7jOJ6AgtU / ufnUDPg8BkLYvVux / sRaa82AIZBPDJjYD0lIwsidd6v91le0VjRXu / j / v5YuuPwFYZOUJKCwtT0nCL4gAe3GloCX6f73PhRmMpNMwdLz5H9pgd4OZFyoFhtffFCfyCkWRjKQ5aF / PaHxSx7Qb57VugnrZHD3n1fVCCuNlD / UacUT86dn4fwF3HnJMt29Ui10GxxORC15czIiRM7hRqLbhPyffqeWE5JuDXFqXKFVPtkfuZGCAhDw / 99W6fvAVdzVMM07PUDbOysiEwQpjc3vHkU / UmRCMUbazMSZTKFM1tJwr9zmBMYK8gOoyu + 1VaqXsI9MMpRehZq5eAF7gAxDXku9Bmno3gWZMcRylnwZe0NTGh / o2GzRwPdDwFKa4Q8F7kpLSlKKgmD77W4GRqpaYBRIJYJZTEoBtnkG7JvDJfFDbKpUYcuruk9V5aD2cyU5qqCyM / kXLB7Qnm8LSjNGheffub6XJoWUJ4XB9gOhWhBuj / 82kVfphYCtmX7z1OHw6KVORAPn / 9Yqbf35b / qqD7sO / x3PXagPSLigj4xyDQNdVcvYG + rp0OweISjDpAIELkaxkjEOlY0RQMLFRUgTnp4uMu0HgRbbwsUBsBSu4MdgCwV5cPHwMIDBM9KzSrVMj5jHWTmXXZSCdyRlPD6STXJxCXY99gFWkfI + iW62d0G49zZSkCt0cSLF0f / / varV9n18fBOUxLYo2t2sLHWUO9qT1pRUU2NPrLCdlLfxv3vf + w / vvf8Q / gcoECAkCJQskrLcJCG5GawqfACUQYhSUXI4siu6Ormqs6tDVaZIya1gu2zJKk1JE3KqbFfuFHazms3OM6tZzux6s5 / FKi52i9nsxv + cltTW + 7pip5QOA / C7NTEMwEfYSev9Nyt5N6W34aX9CTIMDoAhIADjwL + 1LLGdKbzLcCH8FHdppHdhWu04xwwYN2Wadep1Lc / 37cvpnF83G1VsjUUokU3NPDctFBYJEu8IQsViJBKC5XGXhD0GhOlsgrv5 / 017pTv / 6uWmbeQullYIk2a9aQ1AB + UEEP + dLz / vl0dKay4svSDPSHuONOs9J9CNMBAYBkD8 / qf1Sef9 / r0Brp2Zj6kJ2QSQATNho7pVul + vulqbZvf8L4cQqY9KTz2j7nZOkBlAGpiH9 + dsfcH / aahpOA2nlWE5ExvGJB95SUiQT9IPn9DfUvn196sfah6oxSgBknJi + lPzQE1SqNFT2lOXZb3b7qbxNrVx7bDeuuh043g8n02aP67W99WNdIirIUEYEizCET + j + OtWOOA / XZW0nnYsuXIAHkAD2N4UtNVjecZ / z7bC8OxZuzcKYTwKDQp89Gdy7i3BmwkWQHuvd + LFjdXxOPWDF6Tl4e1GHhDe3273at8DbcvOohZoiAlHMQVMgXo8 / / xaahfeSV
font-style : italic ;
font-display : swap ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + Variables + + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
: root ,
body {
/*──────────Font Families──────────*/
--font-preview : var ( --font-text ) ;
--font-preview-header : var ( --font-text ) ;
--font-editor : var ( --font-text ) ;
--font-editor-header : var ( --font-text ) ;
/* Original Obsidian Font Variables */
--font-interface-theme : "Karla" , -apple-system , BlinkMacSystemFont , Helvetica , Arial , sans-serif ;
--font-text-theme : "Karla" , -apple-system , BlinkMacSystemFont , Helvetica , Arial , sans-serif ;
--font-monospace-theme : "Cascadia Code" , Inconsolata , Courier , monospace ;
--font-mermaid : var ( --font-preview ) ;
--default-font : var ( --font-interface-theme ) ;
--font-code : var ( --font-monospace-theme ) ;
/*──────────Font Weight──────────*/
--font-thin : 100 ;
--font-extra-light : 200 ;
--font-light : 300 ;
--font-regular : 400 ;
--font-medium : 500 ;
--font-semi-bold : 600 ;
--font-bold : 700 ;
--font-extra-bold : 800 ;
/*──────────Typography Modular Scale──────────*/
/* Based on Standard 16px, Ratio 1.388 */
--line-width : 700px ;
--font-scale-000 : 0 . 547em ;
--font-scale-00 : 0 . 676em ;
--font-scale-0 : 0 . 81em ;
--font-scale-0-5 : 0 . 875em ;
--font-scale-1 : 1em ;
--font-scale-2 : 1 . 188em ;
--font-scale-3 : 1 . 388em ;
--font-scale-4 : 1 . 648em ;
--font-scale-5 : 1 . 927em ;
--font-scale-6 : 2 . 288em ;
--font-scale-7 : 2 . 678em ;
--line-height-0 : 1em ;
--line-height-0-5 : 1 . 2em ;
--line-height-1 : 1 . 53em ;
--font-text-size : var ( --editor-font-size ) ;
/*──────────Tracking (Letter Spacing)──────────*/
--tracking-0 : 0px ;
--tracking-1 : 0 . 16px ;
--tracking-2 : 0 . 32px ;
--tracking-3 : 0 . 64px ;
--tracking-4 : 1 . 28px ;
--tracking-5 : 2 . 56px ;
/*──────────Layout Sizing──────────*/
/* Obsidian Defaults */
--border-width : 1px ;
--scale-0-0 : 0px ;
/* Multiples of 2 */
--scale-2-1 : 2px ;
--scale-2-2 : 4px ;
--scale-2-3 : 6px ;
--scale-2-4 : 8px ;
--scale-2-5 : 10px ;
--scale-2-6 : 12px ;
--scale-2-8 : 16px ;
--scale-2-9 : 18px ;
--scale-2-10 : 20px ;
--scale-2-18 : 36px ;
/* Multiples of 8 */
--scale-8-1 : 8px ;
--scale-8-2 : 16px ;
--scale-8-3 : 24px ;
--scale-8-4 : 32px ;
--scale-8-5 : 40px ;
--scale-8-6 : 48px ;
--scale-8-7 : 54px ;
--scale-8-8 : 64px ;
--scale-8-9 : 72px ;
--scale-8-10 : 80px ;
--scale-8-12 : 96px ;
--scale-8-18 : 144px ;
--scale-8-36 : 288px ;
/*──────────Shadow Sizing──────────*/
--shadow-xs : 0px 0px 3px 1px ;
--shadow-s : 0px 2px 8px -1px ;
--shadow-m : 0px 4px 16px -2px ;
--shadow-l : 0px 8px 24px -3px ;
--shadow-xl : 0px 12px 32px -4px ;
/*──────────Duration, Transitions & Animations──────────*/
/* Duration */
--duration-none : 0 ;
--duration-superfast : 70ms ;
--duration-fast-1 : 140ms ;
--duration-fast-2 : 260ms ;
--duration-moderate-1 : 300ms ;
--duration-moderate-2 : 440ms ;
--duration-slow-1 : 560ms ;
--duration-slow-2 : 600ms ;
/* Transitions & Animations */
--motion-smooth : cubic-bezier ( 0 . 45 , 0 . 05 , 0 . 55 , 0 . 95 ) ;
/* easeInOutSine */
--motion-delay : cubic-bezier ( 0 . 65 , 0 . 05 , 0 . 36 , 1 ) ;
/* easeInOutCubic */
--motion-jumpy : cubic-bezier ( 0 . 68 , -0 . 55 , 0 . 27 , 1 . 55 ) ;
/* easeInOutBack */
}
/* End of Variables (:root) */
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + Theme Colors + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Light Theme
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. theme-light {
/*─────────Original Obsidian Variables──────────*/
--background-primary : var ( --color-l-white ) ;
--background-primary-alt : var ( --color-l-gray-10 ) ;
--background-secondary : var ( --color-l-gray-20 ) ;
--background-secondary-alt : var ( --color-l-gray-20 ) ;
--background-modifier-border : var ( --color-l-gray-40 ) ;
--background-modifier-form-field : var ( --color-l-gray-30 ) ;
--background-modifier-form-field-highlighted : var ( --color-l-gray-40 ) ;
--background-modifier-box-shadow : var ( --color-l-shadow-100 ) ;
--background-modifier-success : var ( --color-l-green-300 ) ;
--background-modifier-error : var ( --color-l-red-300 ) ;
--background-modifier-error-hover : var ( --color-l-red-500 ) ;
--background-modifier-cover : var ( --color-l-shadow-cover ) ;
--text-normal : var ( --color-l-black ) ;
--text-muted : var ( --color-l-gray-60 ) ;
--text-faint : var ( --color-l-gray-50 ) ;
--text-accent : var ( --color-l-yellow-900 ) ;
--text-accent-hover : var ( --color-l-yellow-500 ) ;
--text-error : var ( --color-l-red ) ;
--text-error-hover : var ( --color-l-red-900 ) ;
--text-highlight-bg : var ( --color-l-highlight-yellow ) ;
--text-highlight-bg-active : var ( --color-l-highlight-yellow ) ;
--highlight-mix-blend-mode : darken ;
--text-selection : var ( --color-l-gray-40 ) ;
--text-on-accent : var ( --color-l-gray-10 ) ;
--interactive-hover : var ( --color-l-gray-10 ) ;
--interactive-accent : var ( --color-l-gray-60 ) ;
--interactive-accent-rgb : 207 , 182 , 150 ;
--interactive-accent-hover : var ( --color-l-gray-70 ) ;
--interactive-success : var ( --color-l-green-500 ) ;
--scrollbar-bg : transparent ;
--scrollbar-thumb-bg : var ( --background-modifier-border ) ;
--scrollbar-active-thumb-bg : var ( --interactive-accent ) ;
/*──────────The PRIMARY Color Palette for Light Theme──────────*/
--color-l-whiter : hsl ( 36 , 36 % , 96 . 9 % ) ;
--color-l-white : hsl ( 35 , 36 % , 95 % ) ;
--color-l-gray : var ( --color-l-gray-50 ) ;
--color-l-gray-10 : hsl ( 36 , 37 % , 92 % ) ;
--color-l-gray-20 : hsl ( 35 , 35 % , 90 % ) ;
--color-l-gray-30 : hsl ( 34 , 36 % , 88 % ) ;
--color-l-gray-40 : hsl ( 36 , 37 % , 83 % ) ;
--color-l-gray-50 : hsl ( 34 , 37 % , 70 % ) ;
--color-l-gray-60 : hsl ( 34 , 28 % , 60 % ) ;
--color-l-gray-70 : hsl ( 31 , 23 % , 50 % ) ;
--color-l-gray-80 : hsl ( 34 , 27 % , 40 % ) ;
--color-l-gray-90 : hsl ( 34 , 30 % , 37 % ) ;
--color-l-gray-100 : hsl ( 35 , 32 % , 30 % ) ;
--color-l-black : hsl ( 31 , 45 % , 20 % ) ;
--color-l-blacker : hsl ( 32 , 55 % , 12 % ) ;
--color-l-shadow-10 : rgba ( 168 , 160 , 148 , 0 . 8 ) ;
--color-l-shadow-50 : rgba ( 180 , 172 , 161 , 0 . 3 ) ;
--color-l-shadow-100 : rgba ( 75 , 70 , 64 , 0 . 2 ) ;
--color-l-shadow-cover : rgba ( 177 , 171 , 164 , 0 . 5 ) ;
--color-l-yellow : var ( --color-l-yellow-500 ) ;
--color-l-yellow-300 : hsl ( 43 , 71 % , 67 % ) ;
--color-l-yellow-500 : hsl ( 43 , 78 % , 52 % ) ;
--color-l-yellow-700 : hsl ( 43 , 100 % , 42 % ) ;
--color-l-yellow-900 : hsl ( 43 , 89 % , 38 % ) ;
--color-l-red : var ( --color-l-red-500 ) ;
--color-l-red-300 : hsl ( 4 , 54 % , 61 % ) ;
--color-l-red-500 : hsl ( 4 , 72 % , 55 % ) ;
--color-l-red-700 : hsl ( 4 , 56 % , 48 % ) ;
--color-l-red-900 : hsl ( 4 , 66 % , 30 % ) ;
--color-l-blue : var ( --color-l-blue-500 ) ;
--color-l-blue-300 : hsl ( 198 , 39 % , 56 % ) ;
--color-l-blue-500 : hsl ( 205 , 66 % , 46 % ) ;
--color-l-blue-700 : hsl ( 205 , 63 % , 39 % ) ;
--color-l-blue-900 : hsl ( 205 , 95 % , 25 % ) ;
--color-l-orange : var ( --color-l-orange-500 ) ;
--color-l-orange-300 : hsl ( 26 , 66 % , 57 % ) ;
--color-l-orange-500 : hsl ( 21 , 82 % , 55 % ) ;
--color-l-orange-700 : hsl ( 18 , 69 % , 50 % ) ;
--color-l-orange-900 : hsl ( 24 , 96 % , 35 % ) ;
--color-l-orange-a : hsl ( 27 , 81 % , 46 % ) ;
--color-l-green : var ( --color-l-green-500 ) ;
--color-l-green-300 : hsl ( 154 , 58 % , 65 % ) ;
--color-l-green-500 : hsl ( 154 , 47 % , 49 % ) ;
--color-l-green-700 : hsl ( 155 , 52 % , 38 % ) ;
--color-l-green-900 : hsl ( 165 , 63 % , 29 % ) ;
--color-l-violet : var ( --color-l-violet-500 ) ;
--color-l-violet-300 : hsl ( 270 , 50 % , 74 % ) ;
--color-l-violet-500 : hsl ( 266 , 31 % , 57 % ) ;
--color-l-violet-700 : hsl ( 267 , 37 % , 43 % ) ;
--color-l-violet-900 : hsl ( 266 , 70 % , 30 % ) ;
/*~ Highlights */
--ui-color-highlight-text : var ( --color-l-black ) ;
--ui-color-highlight-bg : hsl ( 43 , 85 % , 79 % ) ;
--color-highlight-yellow : rgba ( 255 , 187 , 0 , 0 . 2 ) ;
--color-highlight-red : rgba ( 240 , 79 , 106 , 0 . 2 ) ;
--color-highlight-blue : rgba ( 40 , 178 , 194 , 0 . 2 ) ;
--color-highlight-orange : rgba ( 255 , 115 , 0 , 0 . 2 ) ;
--color-highlight-green : rgba ( 153 , 189 , 36 , 0 . 2 ) ;
--color-highlight-violet : rgba ( 113 , 122 , 255 , 0 . 2 ) ;
/*~ Graph View */
--graph-color-node-resolved : var ( --color-l-blue-500 ) ;
--graph-color-node-unresolved : var ( --color-l-yellow-500 ) ;
--graph-color-node-unresolved-opacity : 1 ;
--graph-color-node-tag : var ( --color-l-red-500 ) ;
--graph-color-node-attachment : var ( --color-l-green-300 ) ;
--graph-color-node-focused : var ( --color-l-gray-80 ) ;
--graph-color-node-border-hover : var ( --color-l-gray-50 ) ;
--graph-color-node-arrow : var ( --color-l-gray-60 ) ;
--graph-color-node-line : var ( --color-l-gray-40 ) ;
--graph-color-node-line-hover : var ( --color-l-gray-50 ) ;
--graph-color-node-text : var ( --color-l-black ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Dark Theme
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. theme-dark {
/*─────────Original Obsidian Variables──────────*/
--background-primary : var ( --color-d-gray-70 ) ;
--background-primary-alt : var ( --color-d-gray-90 ) ;
--background-secondary : var ( --color-d-black ) ;
--background-secondary-alt : var ( --color-d-black ) ;
--background-modifier-border : var ( --color-d-gray-50 ) ;
--background-modifier-form-field : var ( --color-d-blacker ) ;
--background-modifier-form-field-highlighted : var ( --color-d-black ) ;
--background-modifier-box-shadow : var ( --color-d-shadow-100 ) ;
--background-modifier-success : var ( --color-d-green-300 ) ;
--background-modifier-error : var ( --color-d-red-500 ) ;
--background-modifier-error-hover : var ( --color-d-red-700 ) ;
--background-modifier-cover : var ( --color-d-shadow-cover ) ;
--text-normal : var ( --color-d-white ) ;
--text-muted : var ( --color-d-gray-20 ) ;
--text-faint : var ( --color-d-gray-30 ) ;
--text-accent : var ( --color-d-yellow-500 ) ;
--text-accent-hover : var ( --color-d-yellow-300 ) ;
--text-error : var ( --color-d-red-500 ) ;
--text-error-hover : var ( --color-d-red-300 ) ;
--text-highlight-bg : var ( --color-d-highlight-yellow ) ;
--text-highlight-bg-active : var ( --color-d-highlight-yellow ) ;
--highlight-mix-blend-mode : lighten ;
--text-selection : var ( --color-d-gray-50 ) ;
--text-on-accent : var ( --color-d-white ) ;
--interactive-hover : var ( --color-d-gray-60 ) ;
--interactive-accent : var ( --color-d-gray-40 ) ;
--interactive-accent-rgb : 92 , 78 , 61 ;
--interactive-accent-hover : var ( --color-d-gray-50 ) ;
--interactive-success : var ( --color-d-green-700 ) ;
--scrollbar-bg : transparent ;
--scrollbar-thumb-bg : var ( --background-modifier-border ) ;
--scrollbar-active-thumb-bg : var ( --interactive-accent ) ;
/*──────────The PRIMARY Color Palette for Dark Theme──────────*/
--color-d-whiter : hsl ( 33 , 66 % , 90 % ) ;
--color-d-white : hsl ( 34 , 50 % , 80 % ) ;
--color-d-gray : var ( --color-d-gray-50 ) ;
--color-d-gray-10 : hsl ( 34 , 18 % , 62 % ) ;
--color-d-gray-20 : hsl ( 35 , 27 % , 55 % ) ;
--color-d-gray-30 : hsl ( 34 , 24 % , 30 % ) ;
--color-d-gray-40 : hsl ( 33 , 22 % , 30 % ) ;
--color-d-gray-50 : hsl ( 33 , 20 % , 20 % ) ;
--color-d-gray-60 : hsl ( 30 , 19 % , 17 % ) ;
--color-d-gray-70 : hsl ( 27 , 14 % , 15 % ) ;
--color-d-gray-80 : hsl ( 32 , 19 % , 13 % ) ;
--color-d-gray-90 : hsl ( 30 , 15 % , 13 % ) ;
--color-d-gray-100 : hsl ( 30 , 20 % , 8 % ) ;
--color-d-black : hsl ( 27 , 15 % , 12 % ) ;
--color-d-blacker : hsl ( 26 , 16 % , 9 % ) ;
--color-d-shadow-10 : rgba ( 29 , 21 , 13 , 0 . 45 ) ;
--color-d-shadow-50 : rgba ( 29 , 26 , 22 , 0 . 75 ) ;
--color-d-shadow-100 : rgba ( 19 , 16 , 13 , 0 . 95 ) ;
--color-d-shadow-cover : rgba ( 37 , 34 , 29 , 0 . 74 ) ;
--color-d-yellow : var ( --color-d-yellow-500 ) ;
--color-d-yellow-300 : hsl ( 46 , 91 % , 69 % ) ;
--color-d-yellow-500 : hsl ( 50 , 100 % , 46 % ) ;
--color-d-yellow-700 : hsl ( 43 , 100 % , 42 % ) ;
--color-d-yellow-900 : hsl ( 39 , 92 % , 33 % ) ;
--color-d-yellow-a : hsl ( 43 , 75 % , 52 % ) ;
--color-d-red : var ( --color-d-red-500 ) ;
--color-d-red-300 : hsl ( 4 , 100 % , 68 % ) ;
--color-d-red-500 : hsl ( 4 , 65 % , 60 % ) ;
--color-d-red-700 : hsl ( 4 , 90 % , 61 % ) ;
--color-d-red-900 : hsl ( 4 , 77 % , 38 % ) ;
--color-d-red-a : hsl ( 4 , 61 % , 53 % ) ;
--color-d-blue : var ( --color-d-blue-500 ) ;
--color-d-blue-300 : hsl ( 198 , 39 % , 56 % ) ;
--color-d-blue-500 : hsl ( 198 , 62 % , 57 % ) ;
--color-d-blue-700 : hsl ( 198 , 57 % , 55 % ) ;
--color-d-blue-900 : hsl ( 198 , 75 % , 35 % ) ;
--color-d-blue-a : hsl ( 197 , 58 % , 48 % ) ;
--color-d-orange : var ( --color-d-orange-500 ) ;
--color-d-orange-300 : hsl ( 22 , 92 % , 64 % ) ;
--color-d-orange-500 : hsl ( 22 , 92 % , 57 % ) ;
--color-d-orange-700 : hsl ( 21 , 88 % , 51 % ) ;
--color-d-orange-900 : hsl ( 20 , 80 % , 41 % ) ;
--color-d-orange-a : hsl ( 27 , 77 % , 51 % ) ;
--color-d-green : var ( --color-d-green-500 ) ;
--color-d-green-300 : hsl ( 150 , 66 % , 53 % ) ;
--color-d-green-500 : hsl ( 154 , 52 % , 46 % ) ;
--color-d-green-700 : hsl ( 154 , 61 % , 39 % ) ;
--color-d-green-900 : hsl ( 155 , 81 % , 24 % ) ;
--color-d-green-a : hsl ( 96 , 50 % , 49 % ) ;
--color-d-violet : var ( --color-d-violet-500 ) ;
--color-d-violet-300 : hsl ( 256 , 63 % , 74 % ) ;
--color-d-violet-500 : hsl ( 263 , 60 % , 67 % ) ;
--color-d-violet-700 : hsl ( 256 , 52 % , 57 % ) ;
--color-d-violet-900 : hsl ( 256 , 44 % , 50 % ) ;
--color-d-violet-a : hsl ( 246 , 53 % , 67 % ) ;
/*~ Highlights */
--ui-color-highlight-text : var ( --color-d-black ) ;
--ui-color-highlight-bg : hsl ( 43 , 61 % , 56 % ) ;
--color-highlight-yellow : rgba ( 255 , 187 , 0 , 0 . 2 ) ;
--color-highlight-red : rgba ( 240 , 79 , 106 , 0 . 2 ) ;
--color-highlight-blue : rgba ( 40 , 178 , 194 , 0 . 2 ) ;
--color-highlight-orange : rgba ( 255 , 115 , 0 , 0 . 2 ) ;
--color-highlight-green : rgba ( 153 , 189 , 36 , 0 . 2 ) ;
--color-highlight-violet : rgba ( 113 , 122 , 255 , 0 . 2 ) ;
/*~ Graph View */
--graph-color-node-resolved : var ( --color-d-blue-900 ) ;
--graph-color-node-unresolved : var ( --color-d-yellow-700 ) ;
--graph-color-node-unresolved-opacity : 1 ;
--graph-color-node-tag : var ( --color-d-red-500 ) ;
--graph-color-node-attachment : var ( --color-d-green-500 ) ;
--graph-color-node-focused : var ( --color-d-white ) ;
--graph-color-node-border-hover : var ( --color-d-gray-10 ) ;
--graph-color-node-arrow : var ( --color-d-gray-40 ) ;
--graph-color-node-line : var ( --color-d-gray-50 ) ;
--graph-color-node-line-hover : var ( --color-d-gray-40 ) ;
--graph-color-node-text : var ( --color-d-gray-10 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + Workspace + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Title Bar
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. titlebar-button-container . mod-left ,
. titlebar-text ,
. titlebar-button-container . mod-right ,
. titlebar-left {
margin-top : var ( --scale-0-0 ) ;
}
/*─────────Titlebar for Light Theme──────────*/
. theme-light . titlebar {
background : var ( --color-l-white ) ;
border-bottom : none ;
}
. theme-light . titlebar-text {
color : var ( --color-l-gray-50 ) ;
margin-top : 1px ;
}
. theme-light . titlebar-button {
color : var ( --color-l-gray-50 ) ;
display : inline-block ;
-webkit-app-region : no-drag ;
}
. theme-light . titlebar-button . mod-back : hover , . theme-light . titlebar-button . mod-forward : hover {
color : var ( --color-l-gray-80 ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-light . titlebar-button . mod-back : active , . theme-light . titlebar-button . mod-forward : active {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-20 ) ;
}
. theme-light . titlebar-button . mod-minimize : hover {
color : var ( --color-l-whiter ) ;
background : var ( --color-l-blue-500 ) ;
}
. theme-light . titlebar-button . mod-maximize : hover {
color : var ( --color-l-whiter ) ;
background : var ( --color-l-yellow-500 ) ;
}
. theme-light . titlebar-button . mod-close : hover {
color : var ( --color-l-whiter ) ;
background : var ( --color-l-red-500 ) ;
}
/*─────────Titlebar for Dark Theme──────────*/
. theme-dark . titlebar {
background : var ( --color-d-gray-70 ) ;
border-bottom : none ;
}
. theme-dark . titlebar-text {
color : var ( --color-d-gray-20 ) ;
margin-top : 1px ;
}
. theme-dark . titlebar-button {
color : var ( --color-d-gray-20 ) ;
display : inline-block ;
-webkit-app-region : no-drag ;
}
. theme-dark . titlebar-button . mod-back : hover , . theme-dark . titlebar-button . mod-forward : hover {
color : var ( --color-d-gray-10 ) ;
background : var ( --color-d-gray-50 ) ;
}
. theme-dark . titlebar-button . mod-back : active , . theme-dark . titlebar-button . mod-forward : active {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-gray-80 ) ;
}
. theme-dark . titlebar-button . mod-minimize : hover {
color : var ( --color-d-whiter ) ;
background : var ( --color-d-blue-700 ) ;
}
. theme-dark . titlebar-button . mod-maximize : hover {
color : var ( --color-d-whiter ) ;
background : var ( --color-d-yellow-700 ) ;
}
. theme-dark . titlebar-button . mod-close : hover {
color : var ( --color-d-whiter ) ;
background : var ( --color-d-red-700 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Side Dock Ribbon
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. side-dock-ribbon {
flex : 0 0 var ( --scale-2-18 ) ;
display : flex ;
flex-direction : column ;
}
. workspace-ribbon {
overflow : hidden ;
width : var ( --scale-8-5 ) ;
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
}
. workspace-ribbon . is-collapsed , . workspace-ribbon . is-collapsed . side-dock-ribbon-action {
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
}
. workspace-ribbon . mod-left . is-collapsed {
border-right : 1px solid transparent ;
}
. workspace-ribbon . mod-right . is-collapsed {
border-left : 1px solid transparent ;
}
. side-dock-ribbon . is-collapsed . mod-left-split ,
. side-dock-ribbon . is-collapsed . mod-right-split {
opacity : 0 ;
}
/* Side Dock Ribbon Icons Sizing */
. side-dock-ribbon-action {
display : flex ;
align-items : center ;
justify-content : center ;
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-2-6 ) var ( --scale-0-0 ) ;
}
. workspace-ribbon . side-dock-ribbon . workspace-ribbon-collapse-btn {
margin-top : var ( --scale-0-0 ) ;
padding : var ( --scale-2-4 ) var ( --scale-2-5 ) ;
}
. workspace-ribbon . side-dock-ribbon . side-dock-settings {
margin-bottom : var ( --scale-0-0 ) ;
}
/*─────────Side Dock Ribbon for Light Theme──────────*/
. theme-light . workspace-ribbon {
background : var ( --color-l-gray-20 ) ;
border-left : 1px solid var ( --color-l-gray-40 ) ;
border-right : 1px solid var ( --color-l-gray-40 ) ;
}
. theme-light . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 1 ) : hover {
color : var ( --color-l-yellow-500 ) ;
}
. theme-light . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 1 ) : active {
color : var ( --color-l-yellow-300 ) ;
}
. theme-light . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 2 ) : hover {
color : var ( --color-l-red-500 ) ;
}
. theme-light . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 2 ) : active {
color : var ( --color-l-red-300 ) ;
}
. theme-light . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 3 ) : hover {
color : var ( --color-l-blue-500 ) ;
}
. theme-light . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 3 ) : active {
color : var ( --color-l-blue-300 ) ;
}
. theme-light . workspace-ribbon . is-collapsed {
background : var ( --color-l-white ) ;
}
. theme-light . workspace-ribbon . is-collapsed . side-dock-ribbon-action {
color : var ( --color-l-gray-50 ) ;
}
/*─────────Side Dock Ribbon for Dark Theme──────────*/
. theme-dark . workspace-ribbon {
background : var ( --color-d-black ) ;
border-left : 1px solid var ( --color-d-gray-50 ) ;
border-right : 1px solid var ( --color-d-gray-50 ) ;
}
. theme-dark . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 1 ) : hover {
color : var ( --color-d-yellow-700 ) ;
}
. theme-dark . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 1 ) : active {
color : var ( --color-d-yellow-900 ) ;
}
. theme-dark . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 2 ) : hover {
color : var ( --color-d-red-700 ) ;
}
. theme-dark . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 2 ) : active {
color : var ( --color-d-red-900 ) ;
}
. theme-dark . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 3 ) : hover {
color : var ( --color-d-blue-700 ) ;
}
. theme-dark . workspace-ribbon . side-dock-ribbon-action : nth-child ( 3n + 3 ) : active {
color : var ( --color-d-blue-900 ) ;
}
. theme-dark . workspace-ribbon . is-collapsed {
background : var ( --color-d-gray-70 ) ;
}
. theme-dark . workspace-ribbon . is-collapsed . side-dock-ribbon-action {
color : var ( --color-d-gray-40 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Tab Header
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*─────────Tab Header Container──────────*/
. workspace-split . mod-left-split . workspace-tab-header-container {
display : flex ;
flex-direction : row ;
justify-content : flex-start ;
}
. workspace-split . mod-right-split . workspace-tab-header-container {
display : flex ;
flex-direction : row ;
justify-content : flex-end ;
}
. workspace-tabs {
padding-right : 0 ;
}
/*─────────Tab Header Icons──────────*/
. workspace-tab-header-container {
height : unset ;
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
margin : var ( --scale-2-6 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
. workspace-tab-header {
/ *
Applied for All
Tab Header Icon Container
* /
height : var ( --scale-2-18 ) ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
margin : var ( --scale-0-0 ) var ( --scale-2-2 ) var ( --scale-2-2 ) var ( --scale-2-2 ) ;
border-radius : var ( --scale-2-4 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. workspace-tab-header-inner {
background : transparent ! important ;
}
. workspace-tab-header-inner , . workspace-tab-header-inner-icon {
padding : var ( --scale-0-0 ) ;
}
. workspace-tab-header . is-active {
border-radius : var ( --scale-2-4 ) ;
}
. workspace-tab-container-before . is-before-active , . workspace-tab-container-after . is-after-active , . workspace-tab-header . is-before-active , . workspace-tab-header . is-after-active {
background : transparent ;
}
. workspace-tab-container-before , . workspace-tab-container-after {
margin : calc ( -1 * var ( --scale-2-3 ) ) ;
}
/*─────────Tab Header Icon Sizing──────────*/
body . workspace-tab-header . workspace-tab-header-inner-icon svg {
height : var ( --scale-8-2 ) ;
width : var ( --scale-8-2 ) ;
display : flex ;
align-items : center ;
justify-content : center ;
}
/*─────────Tab Header for Light Mode──────────*/
. theme-light . workspace-tab-header . is-active {
background : var ( --color-l-white ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 15 ) inset ;
}
. theme-light . workspace-tab-header : not ( . workspace-tab-header . is-active ) {
border : 1px solid var ( --color-l-gray-50 ) ;
}
. theme-light . workspace-tab-header : not ( . workspace-tab-header . is-active ) : hover {
border : 1px solid var ( --color-l-gray-60 ) ;
transform : translateY ( -2px ) ;
box-shadow : 0px 3px 3px -1px rgba ( 100 , 100 , 100 , 0 . 15 ) ;
cursor : pointer ;
}
. theme-light . workspace-tab-header : not ( . workspace-tab-header . is-active ) : hover . workspace-tab-header-inner-icon {
color : var ( --color-l-gray-60 ) ;
}
. theme-light . workspace-tab-header : not ( . workspace-tab-header . is-active ) : active {
transform : translateY ( 2px ) ;
box-shadow : 0px 0px 0px 2px rgba ( 150 , 150 , 150 , 0 . 15 ) inset ;
}
. theme-light . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 1 ) {
color : var ( --color-l-yellow-500 ) ;
border : 1px solid var ( --color-l-yellow-500 ) ;
}
. theme-light . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 2 ) {
color : var ( --color-l-red-500 ) ;
border : 1px solid var ( --color-l-red-500 ) ;
}
. theme-light . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 3 ) {
color : var ( --color-l-blue-500 ) ;
border : 1px solid var ( --color-l-blue-500 ) ;
}
. theme-light . mod-right-split . workspace-tab-header . is-active : nth-last-child ( 3n + 1 ) {
color : var ( --color-l-yellow-500 ) ;
border : 1px solid var ( --color-l-yellow-500 ) ;
}
. theme-light . mod-right-split . workspace-tab-header . is-active : nth-last-child ( 3n + 2 ) {
color : var ( --color-l-red-500 ) ;
border : 1px solid var ( --color-l-red-500 ) ;
}
. theme-light . mod-right-split . workspace-tab-header . is-active : nth-last-child ( 3n + 3 ) {
color : var ( --color-l-blue-500 ) ;
border : 1px solid var ( --color-l-blue-500 ) ;
}
/*─────────Tab Header for Dark Mode──────────*/
. theme-dark . workspace-tab-header {
transition : var ( --duration-superfast ) var ( --motion-smooth ) ! important ;
}
. theme-dark . workspace-tab-header . is-active {
background : var ( --color-d-gray-70 ) ;
box-shadow : 0px -3px 0px 0px rgba ( 0 , 0 , 0 , 0 . 25 ) inset ;
}
. theme-dark . workspace-tab-header : not ( . workspace-tab-header . is-active ) {
border : 1px solid var ( --color-d-gray-50 ) ;
}
. theme-dark . workspace-tab-header : not ( . workspace-tab-header . is-active ) : hover {
border : 1px solid var ( --color-d-gray-30 ) ;
transform : translateY ( -1 . 5px ) ;
box-shadow : 0px 3px 3px -1px rgba ( 0 , 0 , 0 , 0 . 25 ) ;
cursor : pointer ;
}
. theme-dark . workspace-tab-header : not ( . workspace-tab-header . is-active ) : hover . workspace-tab-header-inner-icon {
color : var ( --color-d-gray-30 ) ;
}
. theme-dark . workspace-tab-header : not ( . workspace-tab-header . is-active ) : active {
transform : translateY ( 1 . 5px ) ;
box-shadow : 0px 0px 0px 2 . 5px rgba ( 0 , 0 , 0 , 0 . 2 ) inset ;
}
. theme-dark . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 1 ) {
color : var ( --color-d-yellow-700 ) ;
border : 1px solid var ( --color-d-yellow-700 ) ;
}
. theme-dark . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 2 ) {
color : var ( --color-d-red-700 ) ;
border : 1px solid var ( --color-d-red-700 ) ;
}
. theme-dark . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 3 ) {
color : var ( --color-d-blue-700 ) ;
border : 1px solid var ( --color-d-blue-700 ) ;
}
. theme-dark . mod-right-split . workspace-tab-header . is-active : nth-last-child ( 3n + 1 ) {
color : var ( --color-d-yellow-700 ) ;
border : 1px solid var ( --color-d-yellow-700 ) ;
}
. theme-dark . mod-right-split . workspace-tab-header . is-active : nth-last-child ( 3n + 2 ) {
color : var ( --color-d-red-700 ) ;
border : 1px solid var ( --color-d-red-700 ) ;
}
. theme-dark . mod-right-split . workspace-tab-header . is-active : nth-last-child ( 3n + 3 ) {
color : var ( --color-d-blue-700 ) ;
border : 1px solid var ( --color-d-blue-700 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Nav Header
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*─────────Nav Header Container──────────*/
. workspace-split . mod-left-split . nav-header ,
. workspace-split . mod-right-split . nav-header {
padding : var ( --scale-2-1 ) var ( --scale-2-2 ) var ( --scale-2-1 ) var ( --scale-2-2 ) ;
margin : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
. workspace-split . mod-left-split . nav-header . nav-buttons-container ,
. workspace-split . mod-right-split . nav-header . nav-buttons-container {
display : flex ;
flex-direction : row ;
flex-wrap : wrap ;
justify-content : center ;
vertical-align : middle ;
}
/*─────────Nav Header Buttons──────────*/
. nav-action-button {
background : none ;
height : var ( --scale-8-4 ) ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
margin : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
border-radius : var ( --scale-2-3 ) ;
opacity : 1 ;
display : flex ;
align-items : center ;
}
. theme-light . nav-action-button {
color : var ( --color-l-gray-60 ) ;
}
. theme-light . nav-action-button . is-active {
color : var ( --color-l-black ) ;
background-color : transparent ;
}
. theme-light . nav-action-button . is-active : hover {
color : var ( --color-l-gray-80 ) ;
}
. theme-light . nav-action-button . is-active : active {
color : var ( --color-l-gray-50 ) ;
}
. theme-light . nav-action-button : not ( . nav-action-button . is-active ) : hover {
color : var ( --color-l-gray-80 ) ;
background-color : transparent ;
}
. theme-light . nav-action-button : not ( . nav-action-button . is-active ) : active {
color : var ( --color-l-gray-50 ) ;
}
. theme-dark . nav-action-button {
color : var ( --color-d-gray-40 ) ;
}
. theme-dark . nav-action-button . is-active {
color : var ( --color-d-gray-20 ) ;
background-color : transparent ;
}
. theme-dark . nav-action-button . is-active : hover {
color : var ( --color-d-white ) ;
}
. theme-dark . nav-action-button . is-active : active {
color : var ( --color-d-gray-50 ) ;
}
. theme-dark . nav-action-button : not ( . nav-action-button . is-active ) : hover {
color : var ( --color-d-gray-20 ) ;
background-color : transparent ;
}
. theme-dark . nav-action-button : not ( . nav-action-button . is-active ) : active {
color : var ( --color-d-gray-50 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Tab Content
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. workspace-tabs . workspace-leaf . mod-active ,
. workspace-tabs . workspace-leaf . mod-active : active {
border-color : transparent ;
}
. workspace-split . mod-right-split . workspace-tabs : last-child {
padding-bottom : calc ( -4px + var ( --scale-8-3 ) ) ;
}
/*─────────View Content──────────*/
. workspace-leaf-content . view-content {
padding : var ( --scale-8-2 ) var ( --scale-8-2 ) ;
}
. workspace-split . mod-left-split . view-content ,
. workspace-split . mod-right-split . view-content {
height : 100 % ;
overflow : auto ;
padding : var ( --scale-2-3 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
}
. workspace-leaf-content [ data-type = backlink ] . view-content , . workspace-leaf-content [ data-type = outgoing-link ] . view-content {
padding : var ( --scale-2-3 ) var ( --scale-0-0 ) var ( --scale-2-4 ) var ( --scale-0-0 ) ;
}
. workspace-leaf-content [ data-type = starred ] {
padding : var ( --scale-0-0 ) var ( --scale-2-4 ) var ( --scale-0-0 ) var ( --scale-2-4 ) ;
}
. pane-empty {
color : var ( --text-faint ) ;
font-style : italic ;
margin : auto auto ;
width : 17ch ;
}
/*─────────Node Insert Event──────────*/
. workspace-split . mod-left-split . node-insert-event ,
. workspace-split . mod-right-split . node-insert-event {
padding : var ( --scale-0-0 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
}
. workspace-split . mod-left-split . nav-files-container ,
. workspace-split . mod-right-split . nav-files-container {
padding : var ( --scale-0-0 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
}
/*─────────Tags Tab──────────*/
. tag-container {
font-size : var ( --font-scale-0-5 ) ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
overflow : auto ;
}
/*─────────Search Results──────────*/
. search-result-container : not ( . mod-global-search ) {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
border-left : 1px solid var ( --background-modifier-border ) ;
margin : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-2-8 ) ;
}
. search-result . search-result {
margin-bottom : 0 ;
}
. search-results-children {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
[ data-type = search ] . search-result . search-result-file-matches {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
border-left : 1px solid var ( --background-modifier-border ) ;
margin : var ( --scale-0-0 ) var ( --scale-2-2 ) var ( --scale-0-0 ) var ( --scale-2-8 ) ;
}
. search-result-file-match {
width : 100 % ;
padding : var ( --scale-2-2 ) var ( --scale-2-10 ) var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --scale-2-2 ) ;
margin : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. search-result-file-match : last-child {
margin-bottom : var ( --scale-2-2 ) ;
}
. theme-light . search-result-file-match : hover {
color : var ( --color-l-gray-80 ) ;
background : var ( --color-l-gray-10 ) ;
}
. theme-light . search-result-file-match : active {
color : var ( --text-faint ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-dark . search-result-file-match : hover {
color : var ( --color-d-gray-20 ) ;
background : var ( --color-d-gray-60 ) ;
}
. theme-dark . search-result-file-match : active {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-gray-60 ) ;
}
. search-result-file-matched-text {
padding-left : 1px ;
padding-right : 1px ;
border-radius : calc ( 1px + var ( --scale-2-1 ) ) ;
}
. theme-light . search-result-file-matched-text , . theme-dark . search-result-file-matched-text {
color : var ( --ui-color-highlight-text ) ;
font-weight : var ( --font-bold ) ;
background : var ( --ui-color-highlight-bg ) ;
}
. backlink-pane . search-result . search-result-file-title {
margin : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-2-2 ) ;
}
. search-input-container . search-input-clear-button {
top : 9px ;
}
/*─────────Tree Items for Tabs──────────*/
. tree-item-self {
line-height : var ( --line-height-0-5 ) ;
padding : calc ( 1px + var ( --scale-2-2 ) ) var ( --scale-2-2 ) calc ( 1px + var ( --scale-2-2 ) ) var ( --scale-2-6 ) ;
border-radius : var ( --scale-2-2 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. tree-item-self . is-clickable . tree-item-flair {
font-family : var ( --font-monospace-theme ) ;
font-size : var ( --font-scale-0 ) ;
}
. tree-item-self . tree-item-icon {
align-self : initial ;
padding-left : var ( --scale-0-0 ) ;
margin-left : calc ( -1 * var ( --scale-2-2 ) ) ;
}
. tree-item-children : not ( . graph-control-section . tree-item-children ) {
margin-left : var ( --scale-2-8 ) ;
border-left : 1px solid var ( --background-modifier-border ) ;
}
. tree-item-children : not ( . graph-control-section . tree-item-children ) . tree-item {
margin-left : var ( --scale-2-2 ) ;
}
/*~ Tree Items for Tabs for Light Mode ~*/
. theme-light . tree-item-self {
color : var ( --color-l-gray-80 ) ;
background : transparent ;
}
. theme-light . tree-item-self . is-clickable : hover {
color : var ( --color-l-gray-80 ) ;
background : var ( --color-l-gray-10 ) ;
}
. theme-light . tree-item-self . is-clickable : hover . tree-item-flair {
color : var ( --color-gray-50 ) ;
background : var ( --color-l-whiter ) ;
}
. theme-light . tree-item-self . is-clickable . tree-item-flair {
color : var ( --color-l-gray-80 ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-light . tree-item-self . is-clickable : active {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-light . tree-item-self . is-clickable : active . tree-item-flair {
color : var ( --color-l-gray-60 ) ;
background : var ( --color-l-gray-30 ) ;
}
/*~ Tree Items for Tabs for Dark Mode ~*/
. theme-dark . tree-item-self {
color : var ( --color-d-gray-20 ) ;
background : transparent ;
}
. theme-dark . tree-item-self . is-clickable : hover {
color : var ( --color-d-gray-20 ) ;
background : var ( --color-d-gray-60 ) ;
}
. theme-dark . tree-item-self . is-clickable : hover . tree-item-flair {
color : var ( --color-d-white ) ;
background : var ( --color-d-gray-40 ) ;
}
. theme-dark . tree-item-self . is-clickable . tree-item-flair {
color : var ( --color-d-gray-20 ) ;
background : var ( --color-d-gray-60 ) ;
}
. theme-dark . tree-item-self . is-clickable : active {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-blacker ) ;
}
. theme-dark . tree-item-self . is-clickable : active . tree-item-flair {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-gray-80 ) ;
}
/* Tree Item Self Light and Dark Mode for Backlink and Outgoing Pane */
body . theme-light . backlink-pane . tree-item-self ,
body . theme-light . outgoing-link-pane . tree-item-self ,
body . theme-dark . backlink-pane . tree-item-self ,
body . theme-dark . outgoing-link-pane . tree-item-self {
color : var ( --md-color-text-muted ) ;
background : transparent ;
}
body . theme-light . backlink-pane . tree-item-self . is-clickable : hover ,
body . theme-light . outgoing-link-pane . tree-item-self . is-clickable : hover ,
body . theme-dark . backlink-pane . tree-item-self . is-clickable : hover ,
body . theme-dark . outgoing-link-pane . tree-item-self . is-clickable : hover {
color : var ( --md-color-text-normal ) ;
background : transparent ;
}
body . theme-light . backlink-pane . tree-item-self . is-clickable : hover . tree-item-flair ,
body . theme-light . outgoing-link-pane . tree-item-self . is-clickable : hover . tree-item-flair ,
body . theme-dark . backlink-pane . tree-item-self . is-clickable : hover . tree-item-flair ,
body . theme-dark . outgoing-link-pane . tree-item-self . is-clickable : hover . tree-item-flair {
color : var ( --md-color-text-normal ) ;
background : transparent ;
}
body . theme-light . backlink-pane . tree-item-self . is-clickable . tree-item-flair ,
body . theme-light . outgoing-link-pane . tree-item-self . is-clickable . tree-item-flair ,
body . theme-dark . backlink-pane . tree-item-self . is-clickable . tree-item-flair ,
body . theme-dark . outgoing-link-pane . tree-item-self . is-clickable . tree-item-flair {
color : var ( --md-color-text-muted ) ;
background : transparent ;
}
body . theme-light . backlink-pane . tree-item-self . is-clickable : active ,
body . theme-light . outgoing-link-pane . tree-item-self . is-clickable : active ,
body . theme-dark . backlink-pane . tree-item-self . is-clickable : active ,
body . theme-dark . outgoing-link-pane . tree-item-self . is-clickable : active {
color : var ( --md-color-text-faint ) ;
background : transparent ;
}
body . theme-light . backlink-pane . tree-item-self . is-clickable : active . tree-item-flair ,
body . theme-light . outgoing-link-pane . tree-item-self . is-clickable : active . tree-item-flair ,
body . theme-dark . backlink-pane . tree-item-self . is-clickable : active . tree-item-flair ,
body . theme-dark . outgoing-link-pane . tree-item-self . is-clickable : active . tree-item-flair {
color : var ( --md-color-text-faint ) ;
background : transparent ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
File Explorer
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*─────────Vault Title──────────*/
. nav-folder . mod-root > . nav-folder-title [ data-path = "/" ] {
color : var ( --text-muted ) ;
font-size : var ( --font-scale-0-5 ) ;
background : var ( --background-secondary ) ;
top : 0 ;
width : 100 % ;
position : sticky ;
justify-content : center ;
border : 1px solid var ( --background-modifier-border ) ;
margin-bottom : var ( --scale-2-2 ) ;
z-index : 2 ;
}
. nav-folder . mod-root > . nav-folder-title [ data-path = "/" ] : hover {
color : var ( --text-muted ) ;
background : var ( --background-secondary ) ;
}
. nav-folder-title , . nav-file-title {
font-size : var ( --font-scale-0-5 ) ;
line-height : var ( --line-height-0-5 ) ;
width : 100 % ;
padding : calc ( 1px + var ( --scale-2-1 ) ) var ( --scale-2-2 ) calc ( 1px + var ( --scale-2-1 ) ) var ( --scale-2-4 ) ;
border-radius : var ( --scale-2-2 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. nav-folder-title-content {
display : flex ;
align-items : center ;
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-2-2 ) ;
}
. nav-file-title-content {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-2-2 ) ;
}
. nav-folder-title , . nav-file-title-content {
text-overflow : unset ;
white-space : normal ;
}
. nav-folder-collapse-indicator {
align-items : flex-start ;
}
. nav-folder-collapse-indicator . collapse-icon {
margin-top : var ( --scale-2-1 ) ;
margin-left : var ( --scale-0-0 ) ;
}
. nav-file-tag {
align-self : start ;
line-height : 2 ;
}
. workspace-leaf . mod-active . nav-folder . has-focus > . nav-folder-title ,
. workspace-leaf . mod-active . nav-file . has-focus {
border-color : transparent ;
background-color : none ;
}
body : not ( . is-grabbing ) . nav-folder-title : hover . nav-folder-collapse-indicator {
color : unset ;
}
/* File Explorer for Light Mode */
. theme-light . nav-folder-title : not ( [ data-path = "/" ] ) , . theme-light . nav-file-title {
color : var ( --color-l-gray-80 ) ;
background : transparent ;
}
. theme-light . nav-folder-title : not ( [ data-path = "/" ] ) : hover , . theme-light . nav-file-title : hover {
color : var ( --color-l-gray-80 ) ! important ;
background : var ( --color-l-gray-10 ) ! important ;
}
. theme-light . nav-folder-title : not ( [ data-path = "/" ] ) : active , . theme-light . nav-file-title : active {
color : var ( --color-l-gray-50 ) ! important ;
background : var ( --color-l-gray-40 ) ! important ;
}
. theme-light . nav-file-title . is-active {
background : var ( --color-l-gray-10 ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-light . nav-file-tag {
background : var ( --color-l-gray-10 ) ;
}
. theme-light . nav-folder-children . nav-folder-children {
padding-left : var ( --scale-2-2 ) ;
margin-left : var ( --scale-2-8 ) ;
border-left : 1px solid var ( --background-modifier-border ) ;
}
/* File Explorer for Dark Mode */
. theme-dark . nav-folder-title : not ( [ data-path = "/" ] ) , . theme-dark . nav-file-title {
color : var ( --color-d-gray-20 ) ;
background : transparent ;
}
. theme-dark . nav-folder-title : not ( [ data-path = "/" ] ) : hover , . theme-dark . nav-file-title : hover {
color : var ( --color-d-gray-20 ) ! important ;
background : var ( --color-d-gray-60 ) ! important ;
}
. theme-dark . nav-folder-title : not ( [ data-path = "/" ] ) : active , . theme-dark . nav-file-title : active {
color : var ( --color-d-gray-40 ) ! important ;
background : var ( --color-d-blacker ) ! important ;
}
. theme-dark . nav-file-title . is-active {
background : var ( --color-d-gray-70 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 45 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 2 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. theme-dark . nav-file-tag {
background : var ( --color-d-gray-50 ) ;
}
. theme-dark . nav-folder-children . nav-folder-children {
padding-left : var ( --scale-2-2 ) ;
border-left : 1px solid var ( --background-modifier-border ) ;
margin-left : var ( --scale-2-8 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Status Bar
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. status-bar {
font-size : var ( --font-scale-0-5 ) ;
max-height : unset ;
display : flex ;
justify-content : flex-end ;
align-items : center ;
position : absolute ;
margin : auto ;
right : 0 ;
bottom : 0 ;
padding : var ( --scale-2-1 ) var ( --scale-2-3 ) var ( --scale-2-1 ) var ( --scale-2-3 ) ;
border-top-left-radius : var ( --scale-2-4 ) ;
}
. status-bar-item {
padding : var ( --scale-0-0 ) var ( --scale-2-3 ) var ( --scale-0-0 ) var ( --scale-2-3 ) ;
display : flex ;
align-items : center ;
}
. status-bar-item-icon {
line-height : 1 ;
}
/*─────────Status Bar for Light Mode──────────*/
. theme-light . status-bar {
color : var ( --color-l-gray-50 ) ;
background-color : var ( --color-l-gray-10 ) ;
border : 1px solid var ( --color-l-gray-40 ) ;
border-bottom : none ;
}
. theme-light . status-bar-item {
color : var ( --color-l-gray-60 ) ;
}
. theme-light . status-bar-item : hover {
color : var ( --color-l-gray-90 ) ;
}
. theme-light . status-bar . sync-status-icon . mod-working svg {
color : var ( --color-l-red-300 ) ;
height : var ( --scale-8-2 ) ;
width : var ( --scale-8-2 ) ;
}
. theme-light . status-bar . sync-status-icon . mod-success svg {
color : var ( --color-l-gray-60 ) ;
height : var ( --scale-8-2 ) ;
width : var ( --scale-8-2 ) ;
}
. theme-light . status-bar . sync-status-icon . mod-success : hover svg {
color : var ( --color-l-green-500 ) ;
}
/*─────────Status Bar for Dark Mode──────────*/
. theme-dark . status-bar {
color : var ( --color-d-gray-30 ) ;
background-color : var ( --color-d-gray-80 ) ;
border : 1px solid var ( --color-d-gray-50 ) ;
border-bottom : none ;
}
. theme-dark . status-bar-item {
color : var ( --color-d-gray-30 ) ;
}
. theme-dark . status-bar-item : hover {
color : var ( --color-d-gray-10 ) ;
}
. theme-dark . status-bar . sync-status-icon . mod-working svg {
color : var ( --color-d-red-900 ) ;
height : var ( --scale-8-2 ) ;
width : var ( --scale-8-2 ) ;
vertical-align : -3px ;
}
. theme-dark . status-bar . sync-status-icon . mod-success svg {
color : var ( --color-d-gray-30 ) ;
height : var ( --scale-8-2 ) ;
width : var ( --scale-8-2 ) ;
vertical-align : -3px ;
}
. theme-dark . status-bar . sync-status-icon . mod-success : hover svg {
color : var ( --color-d-green-500 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Content / Active Note / Opened Notes
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/* Curved Top Corners in Active Note Pane Fix */
. workspace-split . mod-root > . workspace-leaf : first-of-type . workspace-leaf-content , . workspace-split . mod-root > . workspace-leaf : last-of-type . workspace-leaf-content {
border-radius : 0 ! important ;
}
/* Active Note Panel -> is Highlighted (Unlink Pane) */
. workspace-leaf . is-highlighted :: before {
background : var ( --text-highlight-bg ) ;
opacity : 0 . 5 ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Note Header
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. workspace-leaf . mod-active . view-header , . workspace-split . mod-root > . workspace-leaf : first-of-type : last-of-type . view-header {
height : var ( --scale-2-18 ) ;
}
. workspace-leaf . view-header . view-header-title-container : after {
display : none ;
}
. view-header-icon , . view-header-title-container , . view-header . view-actions {
display : flex ;
align-items : center ;
}
. view-header . view-action {
font-size : 0 ;
top : unset ;
display : flex ;
}
. view-header-title {
overflow : unset ;
text-overflow : ellipsis ;
}
. view-header-icon {
top : unset ;
}
/* Some Fixes on Tiny Padding Issues */
. workspace-split . mod-vertical . mod-root . workspace-leaf {
padding-right : 0 ;
}
/*─────────Note Header for Light Mode─────────*/
/* don't remove !important */
. theme-light {
/* Non-active Notes Colors */
/* Non-active Notes "Drag to Rearrange Icon on Hover */
}
. theme-light . view-header , . theme-light . workspace-leaf . mod-active . view-header , . theme-light . worksapce-split . mod-root > . theme-light . workspace-leaf : first-of-type : last-of-type . view-header {
border-top : none ;
border-left : none ! important ;
border-right : none ;
border-bottom : 1px solid var ( --color-l-gray-40 ) ! important ;
background : var ( --color-l-white ) ! important ;
}
. theme-light . view-header . view-header-title {
color : var ( --color-l-gray-50 ) ;
}
. theme-light . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header-title {
color : var ( --color-l-gray-50 ) ;
}
. theme-light . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header . view-header-icon , . theme-light . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header . view-action {
color : var ( --color-l-gray-50 ) ;
}
. theme-light . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header . view-header-icon : hover {
color : var ( --color-l-gray-80 ) ;
}
. theme-light . workspace-leaf . mod-active . view-header-title , . theme-light . workspace-leaf . mod-active . view-action {
color : var ( --color-l-gray-80 ) ;
}
. theme-light . workspace-leaf . view-header . view-action : nth-child ( 3n + 1 ) : hover {
color : var ( --color-l-yellow-500 ) ;
}
. theme-light . workspace-leaf . view-header . view-action : nth-child ( 3n + 1 ) : active {
color : var ( --color-l-yellow-300 ) ;
}
. theme-light . workspace-leaf . view-header . view-action : nth-child ( 3n + 2 ) : hover {
color : var ( --color-l-red-500 ) ;
}
. theme-light . workspace-leaf . view-header . view-action : nth-child ( 3n + 2 ) : active {
color : var ( --color-l-red-300 ) ;
}
. theme-light . workspace-leaf . view-header . view-action : nth-child ( 3n + 3 ) : hover {
color : var ( --color-l-blue-500 ) ;
}
. theme-light . workspace-leaf . view-header . view-action : nth-child ( 3n + 3 ) : active {
color : var ( --color-l-blue-300 ) ;
}
/*─────────Note Header for Dark Mode─────────*/
. theme-dark {
/* Non-active Notes Colors */
/* Non-active Notes "Drag to Rearrange Icon on Hover */
}
. theme-dark . view-header , . theme-dark . workspace-leaf . mod-active . view-header , . theme-dark . worksapce-split . mod-root > . theme-dark . workspace-leaf : first-of-type : last-of-type . view-header {
border-top : none ;
border-left : none ! important ;
border-right : none ;
border-bottom : 1px solid var ( --color-d-gray-50 ) ! important ;
background : var ( --color-d-gray-70 ) ! important ;
}
. theme-dark . view-header . view-header-title {
color : var ( --color-d-gray-20 ) ;
}
. theme-dark . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header-title {
color : var ( --color-d-gray-30 ) ;
}
. theme-dark . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header . view-header-icon , . theme-dark . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header . view-action {
color : var ( --color-d-gray-30 ) ;
}
. theme-dark . workspace-leaf : not ( . workspace-leaf . mod-active ) . view-header . view-header-icon : hover {
color : var ( --color-d-gray-20 ) ;
}
. theme-dark . workspace-leaf . mod-active . view-header-title , . theme-dark . workspace-leaf . mod-active . view-action {
color : var ( --color-d-gray-20 ) ;
}
. theme-dark . workspace-leaf . view-header . view-action : nth-child ( 3n + 1 ) : hover {
color : var ( --color-d-yellow-700 ) ;
}
. theme-dark . workspace-leaf . view-header . view-action : nth-child ( 3n + 1 ) : active {
color : var ( --color-d-yellow-900 ) ;
}
. theme-dark . workspace-leaf . view-header . view-action : nth-child ( 3n + 2 ) : hover {
color : var ( --color-d-red-700 ) ;
}
. theme-dark . workspace-leaf . view-header . view-action : nth-child ( 3n + 2 ) : active {
color : var ( --color-d-red-900 ) ;
}
. theme-dark . workspace-leaf . view-header . view-action : nth-child ( 3n + 3 ) : hover {
color : var ( --color-d-blue-700 ) ;
}
. theme-dark . workspace-leaf . view-header . view-action : nth-child ( 3n + 3 ) : active {
color : var ( --color-d-blue-900 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Typography
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*──────────Base & Reset──────────*/
* {
font-optical-sizing : auto ;
}
body * ,
. app-container * {
text-rendering : optimizeLegibility ;
-webkit-font-smoothing : antialiased ;
font-variant-ligatures : common-ligatures ;
text-shadow : none ;
}
/* Editor */
. CodeMirror pre . CodeMirror-line ,
. markdown-source-view . cm-line ,
. cm-s-obsidian . cm-line {
font-optical-sizing : auto ;
font-family : var ( --font-editor ) ;
line-height : var ( --line-height-1 ) ;
letter-spacing : var ( --tracking-0 ) ;
}
. markdown-source-view . mod-cm6 . cm-content . cm-content > [ contenteditable = false ] {
contain : unset ! important ;
}
/* Preview */
. markdown-preview-view {
font-optical-sizing : auto ;
font-family : var ( --font-preview ) ;
line-height : var ( --line-height-1 ) ;
letter-spacing : var ( --tracking-0 ) ;
padding : var ( --scale-8-3 ) 30px ;
}
/* Caret Cursor */
. theme-light , . theme-dark {
--color-caret : var ( --text-muted ) ;
}
. theme-light . CodeMirror-cursor , . theme-light . cm-s-obsidian . cm-cursor , . theme-light . cm-s-obsidian . cm-cursor-primary , . theme-dark . CodeMirror-cursor , . theme-dark . cm-s-obsidian . cm-cursor , . theme-dark . cm-s-obsidian . cm-cursor-primary {
border-image : none ;
border-color : var ( --color-caret ) ;
border-left-width : 2px ;
}
/*──────────Note Colors──────────*/
. theme-light {
--md-color-text : var ( --text-normal ) ;
--md-color-text-muted : var ( --text-muted ) ;
--md-color-text-faint : var ( --text-faint ) ;
--md-color-bold : var ( --color-l-red-500 ) ;
--md-color-italic : var ( --color-l-blue-500 ) ;
--md-color-bolditalic : var ( --color-l-blacker ) ;
--md-color-strikethrough : var ( --text-faint ) ;
--md-color-highlight-text : var ( --text-normal ) ;
--md-color-highlight-bg : var ( --color-highlight-yellow ) ;
--md-color-bold-highlight-text : var ( --text-normal ) ;
--md-color-bold-highlight-bg : var ( --color-highlight-red ) ;
--md-color-italic-highlight-text : var ( --text-normal ) ;
--md-color-italic-highlight-bg : var ( --color-highlight-blue ) ;
--md-color-bi-highlight-text : var ( --text-normal ) ;
--md-color-bi-highlight-bg : var ( --color-highlight-green ) ;
--md-color-comment : var ( --text-muted ) ;
--md-color-footnote : var ( --text-normal ) ;
--md-color-footnote-link : var ( --color-l-green-700 ) ;
--md-color-footnote-link-hover : var ( --color-l-green-500 ) ;
--md-color-footnote-link-active : var ( --color-l-green-900 ) ;
--md-color-reslink : var ( --color-l-yellow-700 ) ;
--md-color-reslink-hover : var ( --color-l-yellow-500 ) ;
--md-color-reslink-active : var ( --color-l-yellow-900 ) ;
--md-color-unreslink : var ( --text-muted ) ;
--md-color-unreslink-hover : var ( --color-l-yellow-700 ) ;
--md-color-unreslink-active : var ( --color-l-yellow-900 ) ;
--md-color-extlink : var ( --color-l-yellow-700 ) ;
--md-color-extlink-hover : var ( --color-l-yellow-500 ) ;
--md-color-extlink-active : var ( --color-l-yellow-900 ) ;
--md-color-blockquotes : var ( --text-normal ) ;
--md-color-blockquotes-formatting : var ( --text-faint ) ;
--md-color-blockquotes-border : var ( --background-modifier-border ) ;
--md-color-blockquotes-bg : var ( --color-l-whiter ) ;
--md-color-tag : var ( --color-l-blue-700 ) ;
--md-color-tag-hover : var ( --color-l-blue-500 ) ;
--md-color-tag-active : var ( --color-l-blue-900 ) ;
--md-color-code-yellow-1 : var ( --color-l-yellow-500 ) ;
--md-color-code-yellow-2 : var ( --color-l-yellow-700 ) ;
--md-color-code-red-1 : var ( --color-l-red-300 ) ;
--md-color-code-red-2 : var ( --color-l-red-500 ) ;
--md-color-code-blue-1 : var ( --color-l-blue-500 ) ;
--md-color-code-blue-2 : var ( --color-l-blue-700 ) ;
--md-color-code-gray : var ( --color-l-gray-50 ) ;
--md-color-code-white : var ( --color-l-blacker ) ;
--md-color-formatting : var ( --color-l-gray-50 ) ;
--md-color-border : var ( --background-modifier-border ) ;
--md-embed-bg : var ( --color-l-gray-10 ) ;
--md-color-bullet : var ( --md-color-text-faint ) ;
--md-find-highlight-bg : var ( --color-highlight-violet ) ;
--md-unchecked-bg-color : rgba ( 255 , 255 , 255 , 0 . 4 ) ;
--md-unchecked-bg-color-hover : var ( --color-l-gray-whiter ) ;
--md-unchecked-bg-color-active : var ( --color-l-gray-20 ) ;
--md-checked-bg-color : var ( --color-l-green-500 ) ;
}
. theme-dark {
--md-color-text : var ( --text-normal ) ;
--md-color-text-muted : var ( --text-muted ) ;
--md-color-text-faint : var ( --text-faint ) ;
--md-color-bold : var ( --color-d-red-700 ) ;
--md-color-italic : var ( --color-d-blue-700 ) ;
--md-color-bolditalic : var ( --color-d-whiter ) ;
--md-color-strikethrough : var ( --text-faint ) ;
--md-color-highlight-text : var ( --text-normal ) ;
--md-color-highlight-bg : var ( --color-highlight-yellow ) ;
--md-color-bold-highlight-text : var ( --text-normal ) ;
--md-color-bold-highlight-bg : var ( --color-highlight-red ) ;
--md-color-italic-highlight-text : var ( --text-normal ) ;
--md-color-italic-highlight-bg : var ( --color-highlight-blue ) ;
--md-color-bi-highlight-text : var ( --text-normal ) ;
--md-color-bi-highlight-bg : var ( --color-highlight-green ) ;
--md-color-comment : var ( --text-muted ) ;
--md-color-footnote : var ( --text-normal ) ;
--md-color-footnote-link : var ( --color-d-green-700 ) ;
--md-color-footnote-link-hover : var ( --color-d-green-500 ) ;
--md-color-footnote-link-active : var ( --color-d-green-900 ) ;
--md-color-reslink : var ( --color-d-yellow-500 ) ;
--md-color-reslink-hover : var ( --color-d-yellow-300 ) ;
--md-color-reslink-active : var ( --color-d-yellow-700 ) ;
--md-color-unreslink : var ( --text-muted ) ;
--md-color-unreslink-hover : var ( --color-d-yellow-500 ) ;
--md-color-unreslink-active : var ( --color-d-yellow-700 ) ;
--md-color-extlink : var ( --color-d-yellow-500 ) ;
--md-color-extlink-hover : var ( --color-d-yellow-300 ) ;
--md-color-extlink-active : var ( --color-d-yellow-700 ) ;
--md-color-blockquotes : var ( --text-normal ) ;
--md-color-blockquotes-formatting : var ( --text-faint ) ;
--md-color-blockquotes-border : var ( --background-modifier-border ) ;
--md-color-blockquotes-bg : var ( --color-d-blacker ) ;
--md-color-tag : var ( --color-d-blue-700 ) ;
--md-color-tag-hover : var ( --color-d-blue-300 ) ;
--md-color-tag-active : var ( --color-d-blue-900 ) ;
--md-color-code-yellow-1 : var ( --color-d-yellow-700 ) ;
--md-color-code-yellow-2 : var ( --color-d-yellow-500 ) ;
--md-color-code-red-1 : var ( --color-d-red-500 ) ;
--md-color-code-red-2 : var ( --color-d-red-300 ) ;
--md-color-code-blue-1 : var ( --color-d-blue-300 ) ;
--md-color-code-blue-2 : var ( --color-d-blue-500 ) ;
--md-color-code-gray : var ( --text-faint ) ;
--md-color-code-white : var ( --color-d-whiter ) ;
--md-color-formatting : var ( --color-d-gray-40 ) ;
--md-color-border : var ( --background-modifier-border ) ;
--md-embed-bg : var ( --color-d-gray-90 ) ;
--md-color-bullet : var ( --md-color-text-faint ) ;
--md-find-highlight-bg : var ( --color-highlight-violet ) ;
--md-unchecked-bg-color : rgba ( 0 , 0 , 0 , 0 . 2 ) ;
--md-unchecked-bg-color-hover : var ( --color-d-gray-100 ) ;
--md-unchecked-bg-color-active : var ( --color-d-gray-70 ) ;
--md-checked-bg-color : var ( --color-d-green-900 ) ;
}
. theme-light . markdown-source-view ,
. theme-light . markdown-preview-view {
color : var ( --md-color-text ) ;
}
. theme-dark . markdown-source-view ,
. theme-dark . markdown-preview-view {
color : var ( --md-color-text ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Note Markdown
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*──────────Headings──────────*/
: root body {
/* 1.388 Scale Ratio */
--h1 : var ( --font-scale-7 ) ;
--h2 : var ( --font-scale-6 ) ;
--h3 : var ( --font-scale-5 ) ;
--h4 : var ( --font-scale-4 ) ;
--h5 : var ( --font-scale-3 ) ;
--h6 : var ( --font-scale-2 ) ;
--header-line-height : 1 . 18 ;
/* Normal Colors */
--h1-text-color : var ( --text-normal ) ;
--h2-text-color : var ( --text-normal ) ;
--h3-text-color : var ( --text-normal ) ;
--h4-text-color : var ( --text-normal ) ;
--h5-text-color : var ( --text-normal ) ;
--h6-text-color : var ( --text-muted ) ;
/* Font Weight */
--h1-weight : var ( --font-bold ) ;
--h2-weight : var ( --font-bold ) ;
--h3-weight : var ( --font-bold ) ;
--h4-weight : var ( --font-bold ) ;
--h5-weight : var ( --font-bold ) ;
--h6-weight : var ( --font-bold ) ;
/* Font Style */
--h1-style : normal ;
--h2-style : normal ;
--h3-style : normal ;
--h4-style : normal ;
--h5-style : normal ;
--h6-style : normal ;
}
. markdown-preview-view . heading-collapse-indicator {
padding-right : 0 ;
padding-left : var ( --scale-2-4 ) ;
}
/* General Headings */
h1 , h2 , h3 , h4 , h5 , h6 {
font-family : var ( --font-preview-header ) ;
line-height : var ( --header-line-height ) ;
}
h1 {
color : var ( --h1-text-color ) ;
font-size : var ( --h1 ) ;
font-weight : var ( --h1-weight ) ;
font-style : var ( --h1-style ) ;
}
h2 {
color : var ( --h2-text-color ) ;
font-size : var ( --h2 ) ;
font-weight : var ( --h2-weight ) ;
font-style : var ( --h2-style ) ;
}
h3 {
color : var ( --h3-text-color ) ;
font-size : var ( --h3 ) ;
font-weight : var ( --h3-weight ) ;
font-style : var ( --h3-style ) ;
}
h4 {
color : var ( --h4-text-color ) ;
font-size : var ( --h4 ) ;
font-weight : var ( --h4-weight ) ;
font-style : var ( --h4-style ) ;
}
h5 {
color : var ( --h5-text-color ) ;
font-size : var ( --h5 ) ;
font-weight : var ( --h5-weight ) ;
font-style : var ( --h5-style ) ;
}
h6 {
color : var ( --h6-text-color ) ;
font-size : var ( --h6 ) ;
font-weight : var ( --h6-weight ) ;
font-style : var ( --h6-style ) ;
}
/* Source View Headings */
body . cm-s-obsidian . HyperMD-header {
line-height : var ( --header-line-height ) ;
padding-bottom : 0 ;
}
. cm-s-obsidian . cm-header-1 , . cm-s-obsidian . cm-header-2 , . cm-s-obsidian . cm-header-3 , . cm-s-obsidian . cm-header-4 , . cm-s-obsidian . cm-header-5 , . cm-s-obsidian . cm-header-6 {
font-family : var ( --font-editor-header ) ;
}
. cm-s-obsidian . cm-header-1 {
color : var ( --h1-text-color ) ;
font-size : var ( --h1 ) ;
font-weight : var ( --h1-weight ) ;
font-style : var ( --h1-style ) ;
}
. cm-s-obsidian . cm-header-2 {
color : var ( --h2-text-color ) ;
font-size : var ( --h2 ) ;
font-weight : var ( --h2-weight ) ;
font-style : var ( --h2-style ) ;
}
. cm-s-obsidian . cm-header-3 {
color : var ( --h3-text-color ) ;
font-size : var ( --h3 ) ;
font-weight : var ( --h3-weight ) ;
font-style : var ( --h3-style ) ;
}
. cm-s-obsidian . cm-header-4 {
color : var ( --h4-text-color ) ;
font-size : var ( --h4 ) ;
font-weight : var ( --h4-weight ) ;
font-style : var ( --h4-style ) ;
}
. cm-s-obsidian . cm-header-5 {
color : var ( --h5-text-color ) ;
font-size : var ( --h5 ) ;
font-weight : var ( --h5-weight ) ;
font-style : var ( --h5-style ) ;
}
. cm-s-obsidian . cm-header-6 {
color : var ( --h6-text-color ) ;
font-size : var ( --h6 ) ;
font-weight : var ( --h6-weight ) ;
font-style : var ( --h6-style ) ;
}
/* Inline Code in Headers Fix */
. cm-s-obsidian . cm-inline-code . cm-header {
font-family : var ( --font-monospace-theme ) ;
}
. cm-s-obsidian . cm-inline-code . cm-header-1 {
font-size : calc ( 0 . 65 * var ( --h1 ) ) ;
font-weight : var ( --h1-weight ) ;
font-style : var ( --h1-style ) ;
}
. cm-s-obsidian . cm-inline-code . cm-header-2 {
font-size : calc ( 0 . 65 * var ( --h2 ) ) ;
font-weight : var ( --h2-weight ) ;
font-style : var ( --h2-style ) ;
}
. cm-s-obsidian . cm-inline-code . cm-header-3 {
font-size : calc ( 0 . 65 * var ( --h3 ) ) ;
font-weight : var ( --h3-weight ) ;
font-style : var ( --h3-style ) ;
}
. cm-s-obsidian . cm-inline-code . cm-header-4 {
font-size : calc ( 0 . 65 * var ( --h4 ) ) ;
font-weight : var ( --h4-weight ) ;
font-style : var ( --h4-style ) ;
}
. cm-s-obsidian . cm-inline-code . cm-header-5 {
font-size : calc ( 0 . 65 * var ( --h5 ) ) ;
font-weight : var ( --h5-weight ) ;
font-style : var ( --h5-style ) ;
}
. cm-s-obsidian . cm-inline-code . cm-header-6 {
font-size : calc ( 0 . 65 * var ( --h6 ) ) ;
font-weight : var ( --h6-weight ) ;
font-style : var ( --h6-style ) ;
}
. markdown-preview-view h1 code , . markdown-preview-view h2 code , . markdown-preview-view h3 code , . markdown-preview-view h4 code , . markdown-preview-view h5 code , . markdown-preview-view h6 code {
font-family : var ( --font-monospace-theme ) ;
}
. markdown-preview-view h1 code {
font-weight : var ( --h1-weight ) ;
font-style : var ( --h1-style ) ;
}
. markdown-preview-view h2 code {
font-weight : var ( --h2-weight ) ;
font-style : var ( --h2-style ) ;
}
. markdown-preview-view h3 code {
font-weight : var ( --h3-weight ) ;
font-style : var ( --h3-style ) ;
}
. markdown-preview-view h4 code {
font-weight : var ( --h4-weight ) ;
font-style : var ( --h4-style ) ;
}
. markdown-preview-view h5 code {
font-weight : var ( --h5-weight ) ;
font-style : var ( --h5-style ) ;
}
. markdown-preview-view h6 code {
font-weight : var ( --h6-weight ) ;
font-style : var ( --h6-style ) ;
}
/* Preview View Headings */
. markdown-preview-view h1 , . markdown-preview-view h2 , . markdown-preview-view h3 , . markdown-preview-view h4 , . markdown-preview-view h5 , . markdown-preview-view h6 {
font-family : var ( --font-preview-header ) ;
line-height : var ( --header-line-height ) ;
}
. markdown-preview-view h1 {
color : var ( --h1-text-color ) ;
font-size : var ( --h1 ) ;
font-weight : var ( --h1-weight ) ;
font-style : var ( --h1-style ) ;
}
. markdown-preview-view h2 {
color : var ( --h2-text-color ) ;
font-size : var ( --h2 ) ;
font-weight : var ( --h2-weight ) ;
font-style : var ( --h2-style ) ;
}
. markdown-preview-view h3 {
color : var ( --h3-text-color ) ;
font-size : var ( --h3 ) ;
font-weight : var ( --h3-weight ) ;
font-style : var ( --h3-style ) ;
}
. markdown-preview-view h4 {
color : var ( --h4-text-color ) ;
font-size : var ( --h4 ) ;
font-weight : var ( --h4-weight ) ;
font-style : var ( --h4-style ) ;
}
. markdown-preview-view h5 {
color : var ( --h5-text-color ) ;
font-size : var ( --h5 ) ;
font-weight : var ( --h5-weight ) ;
font-style : var ( --h5-style ) ;
}
. markdown-preview-view h6 {
color : var ( --h6-text-color ) ;
font-size : var ( --h6 ) ;
font-weight : var ( --h6-weight ) ;
font-style : var ( --h6-style ) ;
}
/*──────────Emphasis──────────*/
/* Bold */
strong ,
. cm-strong ,
. cm-s-obsidian span . cm-quote . cm-strong ,
. markdown-preview-view strong {
color : var ( --md-color-bold ) ;
}
/* Italic */
em ,
. cm-em ,
. cm-s-obsidian span . cm-quote . cm-em ,
. markdown-preview-view em {
color : var ( --md-color-italic ) ;
}
/* Bold & Italic */
strong em , em strong ,
. cm-strong . cm-em ,
. markdown-preview-view strong em {
color : var ( --md-color-bolditalic ) ;
}
/* Strikethrough */
del ,
. cm-strikethrough ,
. cm-s-obsidian span . cm-quote . cm-strikethrough ,
. markdown-preview-view del {
color : var ( --md-color-strikethrough ) ;
}
del : hover ,
. cm-strikethrough : hover ,
. cm-s-obsidian span . cm-quote . cm-strikethrough : hover ,
. markdown-preview-view del : hover {
text-decoration : none ;
}
. markdown-preview-view h1 del , . markdown-preview-view h2 del , . markdown-preview-view h3 del , . markdown-preview-view h4 del , . markdown-preview-view h5 del , . markdown-preview-view h6 del {
color : var ( --md-color-strikethrough ) ;
}
/* Highlight [Highlight] */
mark ,
. cm-s-obsidian span . cm-highlight ,
. markdown-source-view . is-live-preview . cm-header . cm-formatting-highlight ,
. cm-s-obsidian span . cm-quote . cm-highlight ,
. callout mark ,
. markdown-preview-view mark ,
. popover mark ,
. markdown-embed mark {
color : var ( --md-color-highlight-text ) ;
background : var ( --md-color-highlight-bg ) ;
padding : 2px 2px ;
border-radius : var ( --scale-2-1 ) ;
}
/* Highlight [Bold + Highlight] */
. cm-s-obsidian span . cm-highlight . cm-strong ,
. cm-s-obsidian span . cm-quote . cm-highlight . cm-strong {
color : var ( --md-color-bold-highlight-text ) ;
background : var ( --md-color-bold-highlight-bg ) ;
}
. markdown-preview-view . markdown-preview-view mark strong ,
. markdown-embed . markdown-embed mark strong ,
. reveal mark strong {
color : var ( --md-color-bold-highlight-text ) ;
}
. callout strong > mark ,
. markdown-preview-view . markdown-preview-view strong > mark ,
. popover strong > mark ,
. markdown-embed . markdown-embed strong > mark ,
. reveal strong > mark {
background : var ( --md-color-bold-highlight-bg ) ;
}
/* Highlight [Italic + Highlight] */
. cm-s-obsidian span . cm-highlight . cm-em ,
. cm-s-obsidian span . cm-quote . cm-highlight . cm-em {
color : var ( --md-color-italic-highlight-text ) ;
background : var ( --md-color-italic-highlight-bg ) ;
}
. callout em > mark ,
. markdown-preview-view mark em ,
. popover mark em ,
. markdown-embed mark em ,
. reveal mark em {
color : var ( --md-color-italic-highlight-text ) ;
}
. callout em > mark ,
. markdown-preview-view . markdown-preview-view em > mark ,
. popover em > mark ,
. markdown-embed . markdown-embed em > mark ,
. reveal em > mark {
background : var ( --md-color-italic-highlight-bg ) ;
}
/* Highlight [Bold + Italic + Highlight] */
. cm-s-obsidian span . cm-highlight . cm-strong . cm-em ,
. cm-s-obsidian span . cm-quote . cm-highlight . cm-strong . cm-em {
color : var ( --md-color-bi-highlight-text ) ;
background : var ( --md-color-bi-highlight-bg ) ;
}
. callout strong > em > mark ,
. markdown-preview-view . markdown-preview-view strong > em > mark ,
. popover strong > em > mark ,
. markdown-embed . markdown-embed strong > em > mark ,
. reveal strong > em > mark {
background : var ( --md-color-bi-highlight-bg ) ;
}
/* Comments */
. cm-s-obsidian span . cm-comment ,
. cm-s-obsidian span . cm-comment . cm-quote {
color : var ( --md-color-comment ) ;
}
/*──────────Blockquotes──────────*/
/* Source View Blockquotes */
. markdown-source-view . mod-cm6 . is-live-preview . HyperMD-quote {
font-style : italic ;
background : var ( --md-color-blockquotes-bg ) ;
padding : var ( --scale-2-6 ) var ( --scale-2-6 ) var ( --scale-2-6 ) var ( --scale-2-6 ) ;
border-left : 2px solid var ( --md-color-blockquotes-border ) ;
}
. markdown-source-view . mod-cm6 . cm-blockquote-border {
border-left : 2px solid var ( --md-color-blockquotes-border ) ;
}
/* Source View Emphasis in Blockquotes Fix */
. cm-s-obsidian span . cm-quote {
color : var ( --md-color-blockquotes ) ;
}
. cm-s-obsidian span . cm-formatting-quote {
color : var ( --md-color-blockquotes-formatting ) ;
}
/* Preview View Blockquotes */
. markdown-preview-view blockquote {
font-style : italic ;
background : var ( --md-color-blockquotes-bg ) ;
padding : var ( --scale-2-8 ) var ( --scale-2-18 ) var ( --scale-2-8 ) var ( --scale-2-18 ) ;
border-radius : var ( --scale-2-4 ) ;
border : 1px solid var ( --md-color-blockquotes-border ) ;
margin-left : var ( --scale-0-0 ) ;
margin-right : var ( --scale-0-0 ) ;
}
/*──────────Internal & External Links──────────*/
/* Opacity of Unresolved Links Fix */
. markdown-source-view . mod-cm6 . is-unresolved ,
. markdown-preview-view . internal-link . is-unresolved {
opacity : 1 ;
}
/* Source View Resolved Links */
. markdown-source-view . mod-cm6 span : where ( . cm-url . cm-url , . cm-blockid , . cm-inline-code . cm-link , . cm-hmd-internal-link , . cm-header . cm-hmd-internal-link , . cm-hmd-internal-link . cm-underline ) {
color : var ( --md-color-reslink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. markdown-source-view . mod-cm6 span : where ( . cm-url . cm-url , . cm-blockid , . cm-inline-code . cm-link , . cm-hmd-internal-link , . cm-header . cm-hmd-internal-link , . cm-hmd-internal-link . cm-underline ) : hover {
color : var ( --md-color-reslink-hover ) ;
text-decoration : underline solid 1px ;
}
. markdown-source-view . mod-cm6 span : where ( . cm-url . cm-url , . cm-blockid , . cm-inline-code . cm-link , . cm-hmd-internal-link , . cm-header . cm-hmd-internal-link , . cm-hmd-internal-link . cm-underline ) : active {
color : var ( --md-color-reslink-active ) ;
text-decoration : underline solid 1px ;
}
. no-link-underline . no-link-underline . markdown-source-view . mod-cm6 span : where ( . cm-url . cm-url , . cm-blockid , . cm-inline-code . cm-link , . cm-hmd-internal-link , . cm-header . cm-hmd-internal-link , . cm-hmd-internal-link . cm-underline ) {
text-decoration : none ;
}
/* Source View Unresolved Links */
. markdown-source-view . mod-cm6 span . is-unresolved span : where ( . cm-url , . cm-blockid , . cm-link , . cm-underline ) {
color : var ( --md-color-unreslink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. markdown-source-view . mod-cm6 span . is-unresolved span : where ( . cm-url , . cm-blockid , . cm-link , . cm-underline ) : hover {
color : var ( --md-color-unreslink-hover ) ;
}
. markdown-source-view . mod-cm6 span . is-unresolved span : where ( . cm-url , . cm-blockid , . cm-link , . cm-underline ) : active {
color : var ( --md-color-unreslink-active ) ;
}
. no-link-underline . no-link-underline . markdown-source-view . mod-cm6 span . is-unresolved {
text-decoration : none ;
}
. markdown-source-view . mod-cm6 span . is-unresolved . cm-hmd-internal-link {
color : var ( --md-color-unreslink ) ;
}
. markdown-source-view . mod-cm6 span . is-unresolved . cm-hmd-internal-link : hover {
text-decoration : none ;
}
. no-link-underline . cm-s-obsidian span . cm-hmd-internal-link : hover {
text-decoration : none ;
}
/* Legacy Editor Fix */
. markdown-source-view : not ( . mod-cm6 ) . cm-hmd-internal-link {
color : var ( --md-color-unreslink ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. markdown-source-view : not ( . mod-cm6 ) . cm-hmd-internal-link : hover {
color : var ( --md-color-reslink-hover ) ;
cursor : pointer ;
}
. markdown-source-view : not ( . mod-cm6 ) . cm-hmd-internal-link : active {
color : var ( --md-color-reslink-active ) ;
}
. no-link-underline . no-link-underline . markdown-source-view : not ( . mod-cm6 ) . cm-hmd-internal-link {
text-decoration : none ;
}
/* Source View External Links */
. markdown-source-view . mod-cm6 span : where ( . cm-link , . cm-link . cm-underline , . cm-url ) {
color : var ( --md-color-extlink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. markdown-source-view . mod-cm6 span : where ( . cm-link , . cm-link . cm-underline , . cm-url ) : hover {
color : var ( --md-color-extlink-hover ) ;
}
. markdown-source-view . mod-cm6 span : where ( . cm-link , . cm-link . cm-underline , . cm-url ) : active {
color : var ( --md-color-extlink-active ) ;
}
. no-link-underline . no-link-underline . markdown-source-view . mod-cm6 span : where ( . cm-link , . cm-link . cm-underline , . cm-url ) {
text-decoration : none ;
}
/* Preview Resolved Links */
. modal a , . view-content a ,
. modal a code ,
. view-content a code {
color : var ( --md-color-reslink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. modal a : hover , . view-content a : hover ,
. modal a code : hover ,
. view-content a code : hover {
color : var ( --md-color-reslink-hover ) ;
cursor : pointer ;
}
. modal a : active , . view-content a : active ,
. modal a code : active ,
. view-content a code : active {
color : var ( --md-color-reslink-active ) ;
}
. no-link-underline . modal a , . no-link-underline . view-content a ,
. no-link-underline . modal a code ,
. no-link-underline . view-content a code {
text-decoration : none ;
}
. no-link-underline a ,
. no-link-underline a code {
text-decoration : none ;
}
a : where ( a . tag , button . mod-cta a , a . is-unresolved ) {
color : var ( --md-color-reslink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
a : where ( a . tag , button . mod-cta a , a . is-unresolved ) : hover {
color : var ( --md-color-reslink-hover ) ;
cursor : pointer ;
}
a : where ( a . tag , button . mod-cta a , a . is-unresolved ) : active {
color : var ( --md-color-reslink-active ) ;
}
. cm-s-obsidian . internal-link ,
. markdown-rendered . cm-embed-block . internal-link ,
. markdown-preview-view . internal-link ,
div . node-insert-event . internal-link ,
. reveal a . internal-link {
color : var ( --md-color-reslink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. cm-s-obsidian . internal-link : hover ,
. markdown-rendered . cm-embed-block . internal-link : hover ,
. markdown-preview-view . internal-link : hover ,
div . node-insert-event . internal-link : hover ,
. reveal a . internal-link : hover {
color : var ( --md-color-reslink-hover ) ;
cursor : pointer ;
}
. cm-s-obsidian . internal-link : active ,
. markdown-rendered . cm-embed-block . internal-link : active ,
. markdown-preview-view . internal-link : active ,
div . node-insert-event . internal-link : active ,
. reveal a . internal-link : active {
color : var ( --md-color-reslink-active ) ;
}
. cm-s-obsidian . internal-link : where ( . is-unresolved ) ,
. markdown-rendered . cm-embed-block . internal-link : where ( . is-unresolved ) ,
. markdown-preview-view . internal-link : where ( . is-unresolved ) ,
div . node-insert-event . internal-link : where ( . is-unresolved ) ,
. reveal a . internal-link : where ( . is-unresolved ) {
color : var ( --md-color-unreslink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. cm-s-obsidian . internal-link : where ( . is-unresolved ) : hover ,
. markdown-rendered . cm-embed-block . internal-link : where ( . is-unresolved ) : hover ,
. markdown-preview-view . internal-link : where ( . is-unresolved ) : hover ,
div . node-insert-event . internal-link : where ( . is-unresolved ) : hover ,
. reveal a . internal-link : where ( . is-unresolved ) : hover {
color : var ( --md-color-unreslink-hover ) ;
cursor : pointer ;
}
. cm-s-obsidian . internal-link : where ( . is-unresolved ) : active ,
. markdown-rendered . cm-embed-block . internal-link : where ( . is-unresolved ) : active ,
. markdown-preview-view . internal-link : where ( . is-unresolved ) : active ,
div . node-insert-event . internal-link : where ( . is-unresolved ) : active ,
. reveal a . internal-link : where ( . is-unresolved ) : active {
color : var ( --md-color-unreslink-active ) ;
}
. no-link-underline . no-link-underline . cm-s-obsidian . internal-link ,
. no-link-underline . no-link-underline . markdown-rendered . cm-embed-block . internal-link ,
. no-link-underline . no-link-underline . markdown-preview-view . internal-link ,
. no-link-underline . no-link-underline div . node-insert-event . internal-link ,
. no-link-underline . no-link-underline . reveal a . internal-link {
text-decoration : none ;
}
/* Preview External Links */
. markdown-rendered . cm-embed-block . external-link ,
. markdown-preview-view . external-link ,
div . node-insert-event . external-link ,
. reveal . external-link {
color : var ( --md-color-extlink ) ;
text-decoration : underline solid 1px ;
text-underline-position : under ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. markdown-rendered . cm-embed-block . external-link : hover ,
. markdown-preview-view . external-link : hover ,
div . node-insert-event . external-link : hover ,
. reveal . external-link : hover {
color : var ( --md-color-extlink-hover ) ;
cursor : pointer ;
}
. markdown-rendered . cm-embed-block . external-link : active ,
. markdown-preview-view . external-link : active ,
div . node-insert-event . external-link : active ,
. reveal . external-link : active {
color : var ( --md-color-extlink-active ) ;
}
. no-link-underline . no-link-underline . markdown-rendered . cm-embed-block . external-link ,
. no-link-underline . no-link-underline . markdown-preview-view . external-link ,
. no-link-underline . no-link-underline div . node-insert-event . external-link ,
. no-link-underline . no-link-underline . reveal . external-link {
text-decoration : none ;
}
/* External Link Icon Position Fix */
. external-link {
background-image : linear-gradient ( transparent , transparent ) , url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(136, 136, 136)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E" ) ;
background-size : 16px ;
background-position-y : initial ;
}
/*──────────Tags──────────*/
. popover span . cm-hashtag ,
. popover . tag ,
. cm-s-obsidian span . cm-hashtag ,
. tag : not ( . token ) {
color : var ( --md-color-tag ) ;
background : transparent ;
font-weight : var ( --font-bold ) ;
line-height : var ( --line-height-1 ) ;
vertical-align : baseline ;
text-decoration : none ;
display : inline-block ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-light . popover span . cm-hashtag ,
. theme-light . popover . tag ,
. theme-light . cm-s-obsidian span . cm-hashtag ,
. theme-light . tag : not ( . token ) {
border-top : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
border-bottom : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
box-shadow : 0px -1px 0px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 1px 1px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-dark . popover span . cm-hashtag ,
. theme-dark . popover . tag ,
. theme-dark . cm-s-obsidian span . cm-hashtag ,
. theme-dark . tag : not ( . token ) {
border-top : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
border-bottom : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0px -1px 0px 0px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. popover span . cm-hashtag : hover ,
. popover . tag : hover ,
. cm-s-obsidian span . cm-hashtag : hover ,
. tag : not ( . token ) : hover {
color : var ( --md-color-tag-hover ) ;
background : transparent ;
}
. popover span . cm-hashtag : active ,
. popover . tag : active ,
. cm-s-obsidian span . cm-hashtag : active ,
. tag : not ( . token ) : active {
color : var ( --md-color-tag-active ) ;
}
/* Font Sizing for Tags */
. cm-s-obsidian span . cm-hashtag : not ( . cm-header ) ,
. tag : not ( . token , h1 , h2 , h3 , h4 , h5 , h6 ) {
font-size : var ( --font-scale-0-5 ) ;
}
/* Font Family for Tags */
. cm-s-obsidian span . cm-hashtag {
font-family : var ( --font-editor ) ;
}
. tag : not ( . token ) {
font-family : var ( --font-preview ) ;
}
. workspace . cm-s-obsidian span . cm-hashtag-begin {
border-top-left-radius : var ( --scale-8-4 ) ;
border-bottom-left-radius : var ( --scale-8-4 ) ;
padding-left : 0 . 55em ;
padding-right : 0 ;
border-right : none ;
}
. theme-light . workspace . cm-s-obsidian span . cm-hashtag-begin {
border-left : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
}
. theme-dark . workspace . cm-s-obsidian span . cm-hashtag-begin {
border-left : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
}
. workspace . cm-s-obsidian span . cm-hashtag-end {
border-top-right-radius : var ( --scale-8-4 ) ;
border-bottom-right-radius : var ( --scale-8-4 ) ;
padding-left : 0 ;
padding-right : 0 . 55em ;
border-left : none ;
}
. theme-light . workspace . cm-s-obsidian span . cm-hashtag-end {
border-right : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
}
. theme-dark . workspace . cm-s-obsidian span . cm-hashtag-end {
border-right : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
}
. tag : not ( . token ) {
padding : 0 0 . 55em 0 0 . 55em ;
border-radius : var ( --scale-8-4 ) ;
}
. theme-light . tag : not ( . token ) {
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
}
. theme-dark . tag : not ( . token ) {
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
}
/*──────────Lists──────────*/
/* Removed Weird padding-top on Source View */
. cm-s-obsidian . HyperMD-list-line {
padding-top : 0 ;
}
. markdown-source-view . mod-cm6 . list-bullet : after {
top : initial ;
}
. markdown-source-view . mod-cm6 . list-bullet : after {
content : "-" ;
font-family : var ( --font-monospace-theme ) ;
font-size : 1 . 25em ;
}
. markdown-source-view . mod-cm6 . cm-list-2 . list-bullet : after {
content : "•" ;
}
. markdown-source-view . mod-cm6 . cm-list-3 . list-bullet : after {
content : "◦" ;
}
span . cm-formatting . cm-formatting-list ,
span . list-bullet ,
li :: marker {
color : var ( --md-color-bullet ) ;
font-size : var ( --font-scale-0 ) ;
font-family : var ( --font-monospace-theme ) ;
font-variant-numeric : tabular-nums ;
text-align : left ;
vertical-align : 0px ;
}
. markdown-preview-view . list-collapse-indicator {
padding-left : 0 ;
padding-right : 0 ;
}
/* Ordered List / Number List */
ol ,
ol ol ol ,
ol ol ol ol ol ,
ol ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
list-style-type : decimal ;
padding-left : 2ch ;
margin-left : var ( --scale-0-0 ) ;
}
ol ol ,
ol ol ol ol ,
ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ol ol ol ol ,
ol ol ol ol ol ol ol ol ol ol ol ol ol ol {
list-style-type : lower-alpha ;
}
/* Unordered List / Bullet List */
ul ,
ul ul ul ul ,
ul ul ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ul ul ul ul ul {
list-style-type : "– " ;
padding-left : 2ch ;
margin-left : var ( --scale-0-0 ) ;
}
ul ul ,
ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
list-style-type : disc ;
}
ul ul ul ,
ul ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ul ul ul ul ,
ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
list-style-type : circle ;
}
/*──────────Footnotes──────────*/
/* Source View */
. cm-s-obsidian span . cm-footref {
color : var ( --md-color-footnote-link ) ;
font-size : 70 % ! important ;
text-decoration : none ! important ;
vertical-align : super ;
}
. cm-s-obsidian span . cm-footref : hover {
color : var ( --md-color-footnote-link-hover ) ;
}
. cm-s-obsidian span . cm-footref : active {
color : var ( --md-color-footnote-link-active ) ;
}
/* Section */
. cm-s-obsidian span : where ( . cm-hmd-footnote . cm-link ) . cm-underline {
color : var ( --md-color-footnote-link ) ;
text-decoration : none ! important ;
}
. cm-s-obsidian span : where ( . cm-hmd-footnote . cm-link ) . cm-underline : hover {
color : var ( --md-color-footnote-link-hover ) ;
}
. cm-s-obsidian span : where ( . cm-hmd-footnote . cm-link ) . cm-underline : active {
color : var ( --md-color-footnote-link-active ) ;
}
section . footnotes {
font-size : var ( --font-scale-0-5 ) ;
line-height : 1 . 4 ;
}
section . footnotes a . footnote-link {
color : var ( --md-color-text-muted ) ;
background : var ( --background-primary-alt ) ;
padding : 0 2px ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-8-4 ) ;
margin : 0 2px ;
vertical-align : middle ;
}
section . footnotes a . footnote-link : hover {
color : var ( --md-color-footnote-link-hover ) ;
}
section . footnotes a . footnote-link : active {
color : var ( --md-color-footnote-link-active ) ;
}
/* Preview View */
a . footnote-link {
color : var ( --md-color-footnote-link ) ;
font-size : 70 % ;
text-decoration : none ! important ;
}
h1 a . footnote-link , h2 a . footnote-link , h3 a . footnote-link , h4 a . footnote-link , h5 a . footnote-link , h6 a . footnote-link {
font-size : 70 % ;
text-decoration : none ! important ;
}
a . footnote-link : hover {
color : var ( --md-color-footnote-link-hover ) ;
}
a . footnote-link : active {
color : var ( --md-color-footnote-link-active ) ;
}
/*──────────Checkboxes──────────*/
input [ type = checkbox ] {
-webkit-appearance : none ;
appearance : none ;
filter : none ;
height : calc ( 3px + var ( --font-text-size ) ) ;
width : calc ( 3px + var ( --font-text-size ) ) ;
border-radius : var ( --ch-radius ) ;
border : 1px solid var ( --text-faint ) ;
padding : 0 ;
margin : 0 ;
margin-left : 6px ;
margin-right : 0 . 5ch ;
}
input [ type = checkbox ] : hover {
cursor : pointer ;
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
}
input [ type = checkbox ] : checked {
background-position : center ;
background-size : 72 % ;
background-repeat : no-repeat ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z'/%3E%3C/svg%3E" ) ;
}
. theme-light input [ type = checkbox ] {
background-color : var ( --md-unchecked-bg-color ) ;
}
. theme-light input [ type = checkbox ] : hover {
background-color : var ( --md-unchecked-bg-color-hover ) ;
box-shadow : 0px 0px 0px 2px var ( --color-l-gray-30 ) ;
}
. theme-light input [ type = checkbox ] : active , . theme-light input [ type = checkbox ] : checked : active {
background-color : var ( --md-unchecked-bg-color-active ) ;
box-shadow : 0px 0px 0px 2px var ( --color-l-gray-30 ) ;
}
. theme-light input [ type = checkbox ] : checked {
background-color : var ( --md-checked-bg-color ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 15 ) ;
}
. theme-dark input [ type = checkbox ] {
background-color : var ( --md-unchecked-bg-color ) ;
}
. theme-dark input [ type = checkbox ] : hover {
background-color : var ( --md-unchecked-bg-color-hover ) ;
box-shadow : 0px 0px 0px 2px var ( --text-faint ) ;
}
. theme-dark input [ type = checkbox ] : active , . theme-dark input [ type = checkbox ] : checked : active {
background-color : var ( --md-unchecked-bg-color-active ) ;
box-shadow : 0px 0px 0px 2px var ( --text-faint ) ;
}
. theme-dark input [ type = checkbox ] : checked {
background-color : var ( --md-checked-bg-color ) ;
border : 1px solid rgba ( 255 , 255 , 255 , 0 . 2 ) ;
}
. markdown-source-view . HyperMD-task-line : is ( [ data-task = x ] , [ data-task = X ] ) : hover ,
. task-list-item . is-checked : hover {
text-decoration : unset ;
}
/* Source View Checkbox Fix */
. markdown-source-view input . task-list-item-checkbox {
margin-top : -3px ;
}
. cm-s-obsidian span . cm-formatting-task {
font-family : var ( --font-monospace-theme ) ;
}
. cm-s-obsidian . task-list-item-checkbox {
margin-left : 0 ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Inline Code / Codeblocks
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. theme-light pre [ class * = language- ] ,
. theme-dark pre [ class * = language- ] {
color : var ( --md-color-code-red-1 ) ;
padding : var ( --scale-2-8 ) var ( --scale-2-8 ) var ( --scale-2-8 ) var ( --scale-2-8 ) ;
}
. theme-light code . is-loaded ,
. theme-dark code . is-loaded {
padding : 0 ;
text-shadow : none ;
}
. cm-s-obsidian . cm-inline-code ,
. cm-s-obsidian . cm-hmd-codeblock ,
. cm-s-obsidian . cm-math ,
. cm-s-obsidian . cm-attribute ,
. cm-s-obsidian . cm-string : not ( . cm-url ) ,
. cm-s-obsidian . cm-tag ,
div [ data-tag-name = pre ] code ,
pre code ,
code ,
. markdown-preview-view code {
font-family : var ( --font-monospace-theme ) ;
}
. cm-s-obsidian . HyperMD-codeblock {
line-height : 1 . 5 ;
padding : 0 var ( --scale-2-8 ) ;
}
pre code {
font-size : var ( --font-scale-0-5 ) ;
}
. cm-s-obsidian . cm-math {
font-size : 90 % ;
}
code ,
. cm-s-obsidian span . cm-inline-code : not ( . cm-formatting-code ) ,
. markdown-preview-view pre code {
padding : var ( --scale-2-1 ) var ( --scale-2-3 ) ;
border-radius : var ( --scale-2-2 ) ;
}
. cm-s-obsidian span . cm-inline-code . cm-formatting-code {
padding : var ( --scale-2-1 ) 0 ;
}
. cm-s-obsidian div . HyperMD-codeblock-begin-bg {
border-top-left-radius : var ( --scale-2-3 ) ;
border-top-right-radius : var ( --scale-2-3 ) ;
border : none ;
}
. cm-s-obsidian div . HyperMD-codeblock-end-bg {
border-bottom-left-radius : var ( --scale-2-3 ) ;
border-bottom-right-radius : var ( --scale-2-3 ) ;
border : none ;
}
. markdown-preview-view pre {
border-radius : var ( --scale-2-3 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ Inline Code / Codeblocks
Syntax Highlighting ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. theme-light . markdown-preview-view pre code . is-loaded , . theme-dark . markdown-preview-view pre code . is-loaded {
background : var ( --background-primary-alt ) ;
border : var ( --background-modifier-border ) ;
}
. markdown-preview-view code {
padding : var ( --scale-2-1 ) var ( --scale-2-3 ) ;
border-radius : var ( --scale-2-2 ) ;
}
. cm-s-obsidian span . cm-formatting-math . cm-math . cm-math ,
. cm-s-obsidian span . cm-meta : not ( . cm-hashtag ) {
color : var ( --md-color-text-faint ) ;
}
. cm-s-obsidian span . cm-tag ,
. cm-s-obsidian span . cm-property ,
. markdown-preview-view span . token . property ,
. markdown-preview-view span . token . property-access {
color : var ( --md-color-code-yellow-1 ) ;
}
. cm-s-obsidian span . cm-number ,
. cm-s-obsidian span . cm-string : not ( . cm-url ) ,
. markdown-preview-view span . token . string ,
. markdown-preview-view span . token . number {
color : var ( --md-color-code-yellow-2 ) ;
}
code ,
pre code ,
. cm-s-obsidian . cm-inline-code : not ( . cm-formatting-code ) ,
. cm-s-obsidian span . cm-bracket ,
. cm-s-obsidian span . cm-math ,
. cm-s-obsidian . cm-hmd-codeblock ,
. markdown-preview-view pre code . is-loaded ,
. markdown-preview-view pre code ,
. markdown-preview-view code ,
. markdown-rendered code {
color : var ( --md-color-code-red-1 ) ;
}
. cm-s-obsidian span . cm-error ,
. cm-s-obsidian span . cm-def ,
. cm-s-obsidian span . cm-attribute ,
. markdown-preview-view span . token . function ,
. markdown-preview-view span . token . parameter ,
. markdown-preview-view span . token . attr-name {
color : var ( --md-color-code-red-2 ) ;
}
. cm-s-obsidian span . cm-variable-2 ,
. cm-s-obsidian span . cm-math . cm-variable-2 ,
. cm-s-obsidian span . cm-keyword ,
. markdown-preview-view span . token . keyword ,
. markdown-preview-view span . token . url ,
. markdown-preview-view span . token . class-name ,
. markdown-preview-view span . token . tag {
color : var ( --md-color-code-blue-1 ) ;
}
. cm-s-obsidian span . cm-variable ,
. markdown-preview-view span . token . important {
color : var ( --md-color-code-blue-2 ) ;
}
. cm-s-obsidian span . cm-formatting-code ,
. cm-s-obsidian . cm-formatting-code-block ,
. markdown-preview-view span . token . punctuation ,
. markdown-preview-view span . token . operator {
color : var ( --md-color-code-gray ) ;
}
mjx-math {
color : var ( --md-color-code-white ) ;
}
. markdown-source-view . mod-cm6 span . code-block-flair [ aria-label = Copy ] {
color : var ( --md-color-code-gray ) ;
font-family : var ( --font-monospace-theme ) ;
font-size : var ( --font-scale-1 ) ;
padding : 0 ;
margin-top : var ( --scale-2-1 ) ;
margin-right : var ( --scale-2-2 ) ;
}
/*──────────Horizontal Rule──────────*/
. theme-light span . cm-hr ,
. theme-dark span . cm-hr {
font-family : var ( --font-monospace-theme ) ;
color : var ( --md-color-comment ) ;
}
. markdown-preview-view hr {
font-family : var ( --font-monospace-theme ) ;
color : var ( --md-color-border ) ;
border-width : 1px ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Embeds
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*──────────Live Preview──────────*/
. markdown-source-view . mod-cm6 . file-embed {
border-width : 1px ;
border-radius : var ( --scale-2-4 ) ;
padding : 15px 20px ;
}
. markdown-source-view . mod-cm6 . cm-embed-block {
font-family : var ( --font-editor ) ;
border : 1px solid transparent ;
border-radius : 0 ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. markdown-source-view . mod-cm6 . cm-embed-block : hover {
border : 1px solid var ( --background-modifier-border ) ;
}
. markdown-source-view . mod-cm6 . cm-embed-block . edit-block-button {
top : var ( --scale-2-2 ) ;
left : var ( --scale-2-2 ) ;
right : unset ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-2 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-light . markdown-source-view . mod-cm6 . cm-embed-block . edit-block-button {
color : var ( --color-l-gray-60 ) ;
background : var ( --color-l-gray-20 ) ;
}
. theme-light . markdown-source-view . mod-cm6 . cm-embed-block . edit-block-button : hover {
background : var ( --color-l-gray-10 ) ;
}
. theme-light . markdown-source-view . mod-cm6 . cm-embed-block . edit-block-button : active {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-dark . markdown-source-view . mod-cm6 . cm-embed-block . edit-block-button {
color : var ( --color-d-gray-30 ) ;
background : var ( --color-d-gray-90 ) ;
}
. theme-dark . markdown-source-view . mod-cm6 . cm-embed-block . edit-block-button : hover {
background : var ( --color-d-gray-60 ) ;
}
. theme-dark . markdown-source-view . mod-cm6 . cm-embed-block . edit-block-button : active {
color : var ( --color-d-gray-50 ) ;
background : var ( --color-d-black ) ;
}
/*────────── Media ──────────*/
. workspace-leaf-content video [ src ] ,
. view-content . markdown-preview-view video [ src ] ,
. popover video [ src ] ,
. reveal video [ src ] ,
. workspace-leaf-content img [ src ] ,
. view-content . markdown-preview-view img [ src ] ,
. popover img [ src ] ,
. reveal img [ src ] {
padding : 0 ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 25 ) ;
border-radius : var ( --scale-2-4 ) ;
margin : 0 ;
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
}
. workspace-leaf-content video [ src ] : hover ,
. view-content . markdown-preview-view video [ src ] : hover ,
. popover video [ src ] : hover ,
. reveal video [ src ] : hover ,
. workspace-leaf-content img [ src ] : hover ,
. view-content . markdown-preview-view img [ src ] : hover ,
. popover img [ src ] : hover ,
. reveal img [ src ] : hover {
border-radius : var ( --scale-0-0 ) ;
box-shadow : var ( --shadow-m ) var ( --background-modifier-box-shadow ) ;
transform : translateY ( -2px ) ;
}
/*──────────Markdown Embed──────────*/
. popover . markdown-embed ,
. markdown-embed {
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-6 ) ;
padding : 0 ;
overflow : hidden ;
}
. popover . markdown-embed . markdown-preview-view ,
. markdown-embed . markdown-preview-view {
/* Markdown Embed Padding with Readable Line Width OFF */
padding : var ( --scale-0-0 ) var ( --scale-8-4 ) var ( --scale-0-0 ) var ( --scale-8-4 ) ;
}
. is-live-preview . popover . markdown-embed ,
. is-live-preview . markdown-embed {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
border : 1px solid var ( --background-modifier-border ) ;
}
. popover . markdown-embed-title ,
. markdown-embed-title {
height : auto ;
color : var ( --text-muted ) ;
font-size : var ( --font-scale-1 ) ;
line-height : var ( --line-height-1 ) ;
text-align : left ;
padding : var ( --scale-2-3 ) var ( --scale-8-5 ) var ( --scale-2-3 ) var ( --scale-2-6 ) ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
. popover . markdown-embed-link ,
. markdown-embed-link {
top : 0 ;
right : 0 ;
margin : var ( --scale-2-4 ) var ( --scale-2-6 ) var ( --scale-8-1 ) var ( --scale-0-0 ) ;
}
. theme-light . popover . markdown-embed ,
. theme-light . markdown-embed {
background : var ( --md-embed-bg ) ;
}
. theme-dark . popover . markdown-embed ,
. theme-dark . markdown-embed {
background : var ( --md-embed-bg ) ;
}
. markdown-source-view . markdown-embed-title {
font-family : var ( --font-editor ) ;
line-height : 1 . 3 ;
}
. markdown-preview-view . markdown-embed-title {
font-family : var ( --font-preview ) ;
line-height : 1 . 4 ;
}
/*──────────Mermaid JS (Diagram Generator)──────────*/
. mermaid line {
stroke : var ( --md-color-text-faint ) ! important ;
fill : var ( --md-color-text-faint ) ! important ;
}
. mermaid rect . actor {
stroke : var ( --md-color-border ) ! important ;
fill : var ( --background-secondary ) ! important ;
}
. mermaid tspan , . mermaid text . messageText {
font-size : var ( --font-scale-1 ) ! important ;
font-family : var ( --font-monospace-theme ) ! important ;
font-weight : var ( --font-regular ) ;
stroke : none ! important ;
fill : var ( --color-gray-10 ) ! important ;
}
. mermaid . node . label {
font-size : var ( --font-scale-0 ) ;
text-align : left ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Callouts
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/* Sizing Fixes */
. markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout {
padding : 0 ;
}
. markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote , . markdown-source-view . mod-cm6 . HyperMD-quote . HyperMD-callout + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote + . HyperMD-quote {
padding : 0 ;
}
/* space for shadow */
. markdown-source-view . mod-cm6 . cm-embed-block . cm-callout {
padding : 0 ;
padding-bottom : 6px ;
}
. callout {
line-height : var ( --line-height-1 ) ;
border-radius : var ( --scale-2-4 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. markdown-source-view . callout {
font-family : var ( --font-editor ) ;
}
. markdown-source-view . mod-cm6 . callout {
margin : 0 0 ;
border-top-right-radius : var ( --scale-2-4 ) ;
border-bottom-right-radius : var ( --scale-2-4 ) ;
}
. markdown-preview-view . callout {
font-family : var ( --font-preview ) ;
}
. callout-title {
padding : var ( --scale-2-4 ) 1em ;
border-top-right-radius : var ( --scale-2-4 ) ;
border-top-left-radius : var ( --scale-2-4 ) ;
}
. callout . is-collapsed . callout-title {
border-bottom-left-radius : var ( --scale-2-4 ) ;
border-bottom-right-radius : var ( --scale-2-4 ) ;
}
. callout-content {
padding : var ( --scale-0-0 ) 1em ;
border-bottom-right-radius : var ( --scale-2-4 ) ;
border-bottom-left-radius : var ( --scale-2-4 ) ;
}
/* Nested Markdown Fixes */
. markdown-source-view . mod-cm6 . callout . callout {
margin : var ( --scale-8-2 ) var ( --scale-0-0 ) ;
}
. callout . callout . callout-content {
border-right : none ;
border-bottom : none ;
}
. callout-icon svg ,
. callout-fold svg {
height : var ( --font-text-size ) ;
width : var ( --font-text-size ) ;
}
. callout-icon ,
. callout-fold {
display : flex ;
justify-content : center ;
align-items : center ;
}
/* General Styling */
. callout {
border : 1px solid rgba ( var ( --callout-color ) , 0 . 2 ) ;
overflow : hidden ;
}
. theme-light . callout {
box-shadow : 0px 2px 6px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. theme-dark . callout {
box-shadow : 0px 2px 6px 0px rgba ( 0 , 0 , 0 , 0 . 2 ) ;
}
. theme-light . callout-title {
background : rgba ( var ( --callout-color ) , 0 . 2 ) ;
}
. theme-dark . callout-title {
background : rgba ( var ( --callout-color ) , 0 . 2 ) ;
}
. theme-light . callout-title . callout-icon {
filter : brightness ( 0 . 75 ) ;
}
. theme-dark . callout-title . callout-icon {
filter : brightness ( 1 ) ;
}
. theme-light . callout . is-collapsed . callout-title {
box-shadow : 0px -1px 0px 0px rgba ( 0 , 0 , 0 , 0 . 05 ) inset ;
}
. theme-dark . callout . is-collapsed . callout-title {
box-shadow : 0px -1px 0px 0px rgba ( 0 , 0 , 0 , 0 . 175 ) inset ;
}
. callout-fold {
color : rgba ( var ( --callout-color ) , 1 ) ;
}
. theme-light . callout-fold {
filter : brightness ( 0 . 75 ) ;
}
. theme-dark . callout-fold {
filter : brightness ( 1 ) ;
}
. theme-light . callout-content {
background : var ( --color-l-gray-10 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 05 ) inset ;
}
. theme-dark . callout-content {
background : var ( --color-d-black ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 175 ) inset ;
}
/* Callout Colors */
. theme-light ,
. theme-dark {
--callout-color-general : 200 , 175 , 155 ;
--callout-color-note : 145 , 125 , 105 ;
--callout-color-abstract : 34 , 152 , 225 ;
--callout-color-summary : 255 , 221 , 88 ;
--callout-color-tldr : 240 , 180 , 225 ;
--callout-color-info : 0 , 171 , 197 ;
--callout-color-todo : 0 , 171 , 197 ;
--callout-color-tip : 70 , 206 , 185 ;
--callout-color-hint : 70 , 206 , 185 ;
--callout-color-important : 244 , 87 , 93 ;
--callout-color-success : 100 , 175 , 255 ;
--callout-color-success-bg : linear-gradient ( 45deg , # ef92af70 , # 7bd7e970 , # 81e1a570 , # ffda2b70 ) ;
--callout-color-check : 0 , 200 , 83 ;
--callout-color-done : 0 , 200 , 83 ;
--callout-color-question : 130 , 190 , 235 ;
--callout-color-help : 150 , 95 , 255 ;
--callout-color-faq : 130 , 190 , 235 ;
--callout-color-warning : 255 , 161 , 32 ;
--callout-color-caution : 255 , 161 , 32 ;
--callout-color-attention : 255 , 161 , 32 ;
--callout-color-failure : 226 , 72 , 86 ;
--callout-color-missing : 226 , 72 , 86 ;
--callout-color-danger : 226 , 72 , 86 ;
--callout-color-error : 226 , 72 , 86 ;
--callout-color-bug : 206 , 91 , 124 ;
--callout-color-example : 173 , 102 , 234 ;
--callout-color-quote : 158 , 158 , 158 ;
--callout-color-cite : 158 , 158 , 158 ;
/* Primary Custom Callouts */
--callout-color-pro : 147 , 241 , 62 ;
--callout-color-con : 255 , 75 , 75 ;
--callout-color-idea : 247 , 141 , 25 ;
--callout-color-morning : 149 , 197 , 194 ;
--callout-color-meditate : 149 , 197 , 194 ;
--callout-color-money : 144 , 194 , 120 ;
--callout-color-backlog : 79 , 160 , 178 ;
--callout-color-inprogress : 226 , 183 , 35 ;
--callout-color-currently : 57 , 210 , 169 ;
--callout-color-target : 247 , 87 , 87 ;
--callout-color-btc : 236 , 136 , 25 ;
--callout-color-resources : 206 , 91 , 124 ;
--callout-color-links : 57 , 175 , 222 ;
--callout-color-related : 124 , 126 , 255 ;
--callout-color-world : 185 , 208 , 57 ;
--callout-color-backstory : 72 , 108 , 231 ;
--callout-color-feature : 255 , 161 , 32 ;
--callout-color-conflict : 232 , 101 , 101 ;
--callout-color-translate : 100 , 214 , 255 ;
--callout-color-shop : 237 , 160 , 200 ;
}
/* Callout Type Styling */
div . callout {
--callout-color : var ( --callout-color-general ) ;
}
div . callout [ data-callout = note ] {
--callout-color : var ( --callout-color-note ) ;
}
div . callout [ data-callout = note ] . callout-title {
background : rgb ( var ( --callout-color ) , 0 . 03 ) ;
}
div . callout [ data-callout = abstract ] {
--callout-icon : loader ;
--callout-color : var ( --callout-color-abstract ) ;
}
div . callout [ data-callout = summary ] {
--callout-icon : align-justify ;
--callout-color : var ( --callout-color-summary ) ;
}
div . callout [ data-callout = tldr ] {
--callout-icon : clock-4 ;
--callout-color : var ( --callout-color-tldr ) ;
}
div . callout [ data-callout = tldr ] . callout-title {
text-transform : uppercase ;
}
div . callout [ data-callout = info ] {
--callout-color : var ( --callout-color-info ) ;
}
div . callout [ data-callout = todo ] {
--callout-icon : check-square ;
--callout-color : var ( --callout-color-todo ) ;
}
div . callout [ data-callout = tip ] {
--callout-icon : clover ;
--callout-color : var ( --callout-color-tip ) ;
}
div . callout [ data-callout = hint ] {
--callout-icon : search ;
--callout-color : var ( --callout-color-hint ) ;
}
div . callout [ data-callout = important ] {
--callout-icon : asterisk ;
--callout-color : var ( --callout-color-important ) ;
}
div . callout [ data-callout = check ] {
--callout-icon : check ;
--callout-color : var ( --callout-color-check ) ;
}
div . callout [ data-callout = done ] {
--callout-icon : check ;
--callout-color : var ( --callout-color-done ) ;
}
div . callout [ data-callout = question ] {
--callout-color : var ( --callout-color-question ) ;
}
div . callout [ data-callout = help ] {
--callout-color : var ( --callout-color-help ) ;
}
div . callout [ data-callout = faq ] {
--callout-color : var ( --callout-color-faq ) ;
}
div . callout [ data-callout = warning ] {
--callout-color : var ( --callout-color-warning ) ;
}
div . callout [ data-callout = caution ] {
--callout-color : var ( --callout-color-caution ) ;
}
div . callout [ data-callout = attention ] {
--callout-color : var ( --callout-color-attention ) ;
}
div . callout [ data-callout = fail ] , div . callout [ data-callout = failure ] {
--callout-color : var ( --callout-color-failure ) ;
}
div . callout [ data-callout = missing ] {
--callout-color : var ( --callout-color-missing ) ;
}
div . callout [ data-callout = danger ] {
--callout-color : var ( --callout-color-danger ) ;
}
div . callout [ data-callout = error ] {
--callout-icon : alert-circle ;
--callout-color : var ( --callout-color-error ) ;
}
div . callout [ data-callout = bug ] {
--callout-color : var ( --callout-color-bug ) ;
}
div . callout [ data-callout = example ] {
--callout-color : var ( --callout-color-example ) ;
}
div . callout [ data-callout = quote ] {
--callout-color : var ( --callout-color-quote ) ;
}
div . callout [ data-callout = cite ] {
--callout-color : var ( --callout-color-cite ) ;
}
div . callout [ data-callout = pro ] {
--callout-icon : thumbs-up ;
--callout-color : var ( --callout-color-pro ) ;
}
div . callout [ data-callout = con ] {
--callout-icon : thumbs-down ;
--callout-color : var ( --callout-color-con ) ;
}
div . callout [ data-callout = idea ] {
--callout-icon : lightbulb ;
--callout-color : var ( --callout-color-idea ) ;
}
div . callout [ data-callout = coffee ] , div . callout [ data-callout = morning ] {
--callout-icon : coffee ;
--callout-color : var ( --callout-color-morning ) ;
}
div . callout [ data-callout = meditation ] , div . callout [ data-callout = meditate ] {
--callout-icon : sprout ;
--callout-color : var ( --callout-color-meditate ) ;
}
div . callout [ data-callout * = celebrate ] , div . callout [ data-callout * = success ] {
--callout-icon : flag ;
--callout-color : var ( --callout-color-success ) ;
}
div . callout [ data-callout * = celebrate ] . callout-title , div . callout [ data-callout * = success ] . callout-title {
background : var ( --callout-color-success-bg ) ;
background-size : 800 % 800 % ;
-webkit-animation : animateCelebrate 15s ease infinite ;
}
div . callout [ data-callout * = celebrate ] . callout-icon , div . callout [ data-callout * = success ] . callout-icon {
transform : rotate ( -20deg ) ;
}
div . callout [ data-callout * = celebrate ] . callout-icon , div . callout [ data-callout * = celebrate ] . callout-fold , div . callout [ data-callout * = success ] . callout-icon , div . callout [ data-callout * = success ] . callout-fold {
color : var ( --md-color-text ) ;
}
div . callout [ data-callout = money ] {
--callout-icon : banknote ;
--callout-color : var ( --callout-color-money ) ;
}
div . callout [ data-callout = backlog ] {
--callout-icon : inbox ;
--callout-color : var ( --callout-color-backlog ) ;
}
div . callout [ data-callout = doing ] , div . callout [ data-callout = in-progress ] {
--callout-icon : rocket ;
--callout-color : var ( --callout-color-inprogress ) ;
}
div . callout [ data-callout = currently ] {
--callout-icon : haze ;
--callout-color : var ( --callout-color-currently ) ;
}
div . callout [ data-callout = target ] {
--callout-icon : target ;
--callout-color : var ( --callout-color-target ) ;
}
div . callout [ data-callout = btc ] {
--callout-icon : bitcoin ;
--callout-color : var ( --callout-color-btc ) ;
}
div . callout [ data-callout = resources ] {
--callout-icon : bookmark ;
--callout-color : var ( --callout-color-resources ) ;
}
div . callout [ data-callout = links ] {
--callout-icon : link-2 ;
--callout-color : var ( --callout-color-links ) ;
}
div . callout [ data-callout = related ] {
--callout-icon : shuffle ;
--callout-color : var ( --callout-color-related ) ;
}
div . callout [ data-callout = world ] , div . callout [ data-callout = worlds ] {
--callout-icon : globe-2 ;
--callout-color : var ( --callout-color-world ) ;
}
div . callout [ data-callout = backstory ] {
--callout-icon : feather ;
--callout-color : var ( --callout-color-backstory ) ;
}
div . callout [ data-callout = feature ] , div . callout [ data-callout = features ] {
--callout-icon : zap ;
--callout-color : var ( --callout-color-feature ) ;
}
div . callout [ data-callout = conflict ] , div . callout [ data-callout = encounter ] , div . callout [ data-callout = challenge ] {
--callout-icon : mountain-snow ;
--callout-color : var ( --callout-color-conflict ) ;
}
div . callout [ data-callout = translate ] , div . callout [ data-callout = translation ] {
--callout-icon : lucide-languages ;
--callout-color : var ( --callout-color-translate ) ;
}
div . callout [ data-callout = buy ] , div . callout [ data-callout = shopping ] , div . callout [ data-callout = shop ] {
--callout-icon : shopping-cart ;
--callout-color : var ( --callout-color-shop ) ;
}
/* animation for celebrate callout */
@ -webkit-keyframes animateCelebrate {
0 % {
background-position : 0 % 47 % ;
}
50 % {
background-position : 100 % 54 % ;
}
100 % {
background-position : 0 % 47 % ;
}
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Markdown Table
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. cm-embed-block table {
font-family : var ( --font-editor ) ;
}
. cm-s-obsidian . HyperMD-table-row {
font-family : var ( --font-monospace-theme ) ;
font-size : var ( --font-scale-0-5 ) ;
}
. cm-s-obsidian . HyperMD-table-row-0 {
color : var ( --md-color-code-yellow-2 ) ;
text-shadow : none ;
}
. markdown-source-view . cm-embed-block . cm-table-widget {
padding : 0 0 ;
}
. markdown-preview-view table {
font-family : var ( --font-preview ) ;
}
. markdown-preview-view table ,
. markdown-source-view . cm-embed-block table {
width : 100 % ;
}
. markdown-preview-view table th , . markdown-preview-view table td ,
. markdown-source-view . cm-embed-block table th ,
. markdown-source-view . cm-embed-block table td {
border-color : var ( --md-color-border ) ;
}
. markdown-preview-view table thead ,
. markdown-source-view . cm-embed-block table thead {
color : var ( --md-color-code-red-1 ) ;
background : var ( --background-secondary ) ;
}
. theme-light . markdown-preview-view table tr > td ,
. theme-light . markdown-source-view . cm-embed-block table tr > td {
background : var ( --color-l-whiter ) ;
}
. theme-dark . markdown-preview-view table tr > td ,
. theme-dark . markdown-source-view . cm-embed-block table tr > td {
background : var ( --color-d-blacker ) ;
}
/*──────────Active Line──────────*/
: root . theme-light {
--md-color-activeline : rgba ( 255 , 255 , 255 , 0 . 4 ) ;
}
: root . theme-dark {
--md-color-activeline : rgba ( 0 , 0 , 0 , 0 . 18 ) ;
}
. no-md-activeline . theme-light ,
. no-md-activeline . theme-dark {
--md-color-activeline : transparent ! important ;
}
. workspace-leaf : not ( . workspace-leaf . mod-active ) . cm-active , . workspace-leaf : not ( . workspace-leaf . mod-active ) . CodeMirror-activeline . CodeMirror-linebackground , . workspace-leaf : not ( . workspace-leaf . mod-active ) . CodeMirror-activeline-gutter {
background : transparent ;
}
. CodeMirror-activeline . CodeMirror-linebackground ,
. CodeMirror-activeline-gutter ,
. cm-active : not ( . cm-gutterElement ) {
background : var ( --md-color-activeline ) ;
}
. theme-light . cm-active . cm-gutterElement {
color : var ( --color-l-gray-70 ) ;
}
. theme-dark . cm-active . cm-gutterElement {
color : var ( --color-d-gray-20 ) ;
}
/*──────────Gutter Line Numbers──────────*/
. CodeMirror-gutter . CodeMirror-linenumbers ,
. CodeMirror-gutter . CodeMirror-foldgutter {
background : transparent ;
}
. markdown-source-view . mod-cm6 . cm-gutters {
padding-right : var ( --scale-2-6 ) ;
}
. CodeMirror-linenumber ,
. cm-lineNumbers ,
div . cm-gutterElement {
font-family : var ( --font-monospace-theme ) ;
font-size : var ( --font-scale-1 ) ;
font-variant-numeric : tabular-nums ;
vertical-align : super ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
YAML / Metadata
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*──────────YAML──────────*/
pre . frontmatter . language-yaml {
border-radius : var ( --scale-2-4 ) ;
border : none ;
}
. markdown-source-view . cm-hmd-frontmatter ,
code . language-yaml {
font-family : var ( --font-monospace-theme ) ;
font-size : var ( --font-scale-0 ) ;
font-variant-numeric : tabular-nums ;
}
/* YAML Code Colors */
. theme-light : not ( pre ) > code [ class * = language- ] , . theme-light pre [ class * = language- ] ,
. theme-dark : not ( pre ) > code [ class * = language- ] ,
. theme-dark pre [ class * = language- ] {
background : var ( --background-primary-alt ) ;
}
. cm-s-obsidian . cm-hmd-frontmatter ,
. markdown-preview-view code . language-yaml . is-loaded {
color : var ( --md-color-code-red-1 ) ;
}
. cm-s-obsidian div . cm-hmd-frontmatter . cm-string ,
. markdown-preview-view code . language-yaml span . token . string {
color : var ( --md-color-code-yellow-1 ) ;
}
. cm-s-obsidian div . cm-hmd-frontmatter . cm-atom ,
. markdown-preview-view code . language-yaml span . key . atrule {
color : var ( --md-color-code-blue-1 ) ;
}
. cm-s-obsidian div . cm-hmd-frontmatter . cm-def ,
. cm-s-obsidian div . cm-hmd-frontmatter . cm-meta ,
. markdown-preview-view code . language-yaml span . token . punctuation {
color : var ( --md-color-code-gray ) ;
}
/*──────────Metadata──────────*/
. frontmatter-container {
border : 1px solid var ( --md-color-border ) ;
border-radius : var ( --scale-2-4 ) ;
}
. frontmatter-container . frontmatter-container-header {
border : none ;
margin-bottom : var ( --scale-8-1 ) ;
}
. theme-light . frontmatter-container . frontmatter-container-header : hover {
color : var ( --color-l-gray-70 ) ;
}
. theme-dark . frontmatter-container . frontmatter-container-header : hover {
color : var ( --color-d-white ) ;
}
. theme-light . frontmatter-container . frontmatter-container-header : active {
color : var ( --color-l-gray-50 ) ;
}
. theme-dark . frontmatter-container . frontmatter-container-header : active {
color : var ( --color-d-gray-30 ) ;
}
. frontmatter-container . frontmatter-section {
border-top : 1px solid var ( --md-color-border ) ;
margin-top : 0 ;
padding-top : var ( --scale-8-1 ) ;
}
. frontmatter-container . frontmatter-alias {
line-height : 1 . 2 ;
word-break : break-all ;
white-space : unset ;
padding : var ( --scale-2-1 ) var ( --scale-2-4 ) var ( --scale-2-1 ) var ( --scale-8-3 ) ;
border : 1px solid var ( --md-color-border ) ;
background : var ( --background-secondary ) ;
}
. frontmatter-container . frontmatter-alias-icon {
margin-left : -16px ;
position : absolute ;
}
span . frontmatter-section-label {
font-family : var ( --font-interface-theme ) ;
font-size : var ( --font-scale-0-5 ) ;
font-weight : var ( --font-bold ) ;
text-transform : uppercase ;
margin-left : var ( --scale-8-1 ) ;
}
/*──────────Document Search and Replace──────────*/
. markdown-reading-view . is-searching ,
. markdown-source-view . is-replacing ,
. markdown-source-view . is-searching {
flex-direction : column-reverse ;
}
. document-search-container {
height : 44px ;
width : 97 % ;
max-width : 600px ;
padding : 1px 2px ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-4 ) ;
margin : var ( --scale-2-4 ) auto ;
}
. document-search-container . mod-replace-mode {
height : 82px ;
padding : 0 ;
}
. theme-light . document-search-container {
background : var ( --color-l-gray-10 ) ;
}
. theme-dark . document-search-container {
background : var ( --color-d-gray-80 ) ;
}
. document-replace {
border-top : 1px solid var ( --background-modifier-border ) ;
}
. document-search-input . document-search-input , . document-replace-input . document-replace-input {
width : 20 % ;
margin : var ( --scale-2-3 ) var ( --scale-2-3 ) var ( --scale-2-3 ) var ( --scale-2-3 ) ;
}
. document-search-button . document-search-button {
line-height : 0 ;
border-radius : var ( --scale-2-2 ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-3 ) var ( --scale-2-3 ) var ( --scale-2-3 ) ! important ;
margin : calc ( 1px + var ( --scale-2-3 ) ) var ( --scale-2-1 ) var ( --scale-0-0 ) var ( --scale-2-1 ) ;
}
. document-search-button . document-search-button : last-child {
margin-right : var ( --scale-2-3 ) ;
}
body . theme-light . workspace . document-search-button . document-search-button {
color : var ( --text-on-accent ) ;
background : var ( --interactive-accent ) ;
}
body . theme-light . workspace . document-search-button . document-search-button : hover {
background : var ( --interactive-accent-hover ) ;
}
body . theme-dark . workspace . document-search-button . document-search-button {
color : var ( --text-on-accent ) ;
background : var ( --interactive-accent ) ;
}
body . theme-dark . workspace . document-search-button . document-search-button : hover {
background : var ( --interactive-accent-hover ) ;
}
. document-search-close-button {
font-family : Inter , sans-serif ;
font-weight : 300 ;
font-size : var ( --scale-8-3 ) ;
height : var ( --scale-2-8 ) ;
width : var ( --scale-2-8 ) ;
top : 2px ;
margin-right : 2px ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. document-search-close-button : before : hover {
color : var ( --text-muted ) ;
}
. document-search-close-button : before : active {
color : var ( --text-faint ) ;
}
. cm-s-obsidian span . obsidian-search-match-highlight ,
. markdown-preview-view . search-highlight . search-highlight div . is-active ,
. is-flashing . is-flashing {
color : var ( --md-color-text ) ;
background : var ( --md-find-highlight-bg ) ;
border-radius : var ( --scale-2-2 ) ;
border-bottom : 2px solid rgba ( 100 , 100 , 100 , 0 . 2 ) ;
box-shadow : 0px 0px 0px 1px rgba ( 120 , 120 , 120 , 0 . 2 ) inset ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Custom Icons
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
body : not ( . no-svg-replace ) svg . any-key ,
body : not ( . no-svg-replace ) svg . blocks ,
body : not ( . no-svg-replace ) svg . bar-graph ,
body : not ( . no-svg-replace ) svg . breadcrumbs-trail-icon ,
body : not ( . no-svg-replace ) svg . audio-file ,
body : not ( . no-svg-replace ) svg . bold-glyph ,
body : not ( . no-svg-replace ) svg . italic-glyph ,
body : not ( . no-svg-replace ) svg . bracket-glyph ,
body : not ( . no-svg-replace ) svg . broken-link ,
body : not ( . no-svg-replace ) svg . bullet-list-glyph ,
body : not ( . no-svg-replace ) svg . bullet-list ,
body : not ( . no-svg-replace ) svg . calendar-with-checkmark ,
body : not ( . no-svg-replace ) svg . check-in-circle ,
body : not ( . no-svg-replace ) svg . check-small ,
body : not ( . no-svg-replace ) svg . checkbox-glyph ,
body : not ( . no-svg-replace ) svg . checkmark ,
body : not ( . no-svg-replace ) svg . clock ,
body : not ( . no-svg-replace ) svg . cloud ,
body : not ( . no-svg-replace ) svg . code-glyph ,
body : not ( . no-svg-replace ) svg . create-new ,
body : not ( . no-svg-replace ) svg . cross-in-box ,
body : not ( . no-svg-replace ) svg . cross ,
body : not ( . no-svg-replace ) svg . crossed-star ,
body : not ( . no-svg-replace ) svg . dice ,
body : not ( . no-svg-replace ) svg . document ,
body : not ( . no-svg-replace ) svg . documents ,
body : not ( . no-svg-replace ) svg . dot-network ,
body : not ( . no-svg-replace ) svg . double-down-arrow-glyph ,
body : not ( . no-svg-replace ) svg . double-up-arrow-glyph ,
body : not ( . no-svg-replace ) svg . down-arrow-with-tail ,
body : not ( . no-svg-replace ) svg . down-chevron-glyph ,
body : not ( . no-svg-replace ) svg . enter ,
body : not ( . no-svg-replace ) svg . exit-fullscreen ,
body : not ( . no-svg-replace ) svg . expand-vertically ,
body : not ( . no-svg-replace ) svg . filled-pin ,
body : not ( . no-svg-replace ) svg . folder ,
body : not ( . no-svg-replace ) svg . fullscreen ,
body : not ( . no-svg-replace ) svg . gear ,
body : not ( . no-svg-replace ) svg . hashtag ,
body : not ( . no-svg-replace ) svg . heading-glyph ,
body : not ( . no-svg-replace ) svg . go-to-file ,
body : not ( . no-svg-replace ) svg . help . widget-icon ,
body : not ( . no-svg-replace ) svg . help ,
body : not ( . no-svg-replace ) svg . highlight-glyph ,
body : not ( . no-svg-replace ) svg . horizontal-split ,
body : not ( . no-svg-replace ) svg . image-file ,
body : not ( . no-svg-replace ) svg . image-glyph ,
body : not ( . no-svg-replace ) svg . indent-glyph ,
body : not ( . no-svg-replace ) svg . info ,
body : not ( . no-svg-replace ) svg . install ,
body : not ( . no-svg-replace ) svg . keyboard-glyph ,
body : not ( . no-svg-replace ) svg . left-arrow-with-tail ,
body : not ( . no-svg-replace ) svg . left-arrow ,
body : not ( . no-svg-replace ) svg . left-chevron-glyph ,
body : not ( . no-svg-replace ) svg . lines-of-text ,
body : not ( . no-svg-replace ) svg . link-glyph ,
body : not ( . no-svg-replace ) svg . link ,
body : not ( . no-svg-replace ) svg . magnifying-glass ,
body : not ( . no-svg-replace ) svg . microphone-filled ,
body : not ( . no-svg-replace ) svg . microphone ,
body : not ( . no-svg-replace ) svg . minus-with-circle ,
body : not ( . no-svg-replace ) svg . note-glyph ,
body : not ( . no-svg-replace ) svg . number-list-glyph ,
body : not ( . no-svg-replace ) svg . open-vault ,
body : not ( . no-svg-replace ) svg . pane-layout ,
body : not ( . no-svg-replace ) svg . paper-plane ,
body : not ( . no-svg-replace ) svg . paused ,
body : not ( . no-svg-replace ) svg . pdf-file ,
body : not ( . no-svg-replace ) svg . pencil ,
body : not ( . no-svg-replace ) svg . pin ,
body : not ( . no-svg-replace ) svg . plus-with-circle ,
body : not ( . no-svg-replace ) svg . popup-open ,
body : not ( . no-svg-replace ) svg . presentation ,
body : not ( . no-svg-replace ) svg . price-tag-glyph ,
body : not ( . no-svg-replace ) svg . quote-glyph ,
body : not ( . no-custom-icons ) svg . reading-glasses ,
body : not ( . no-svg-replace ) svg . redo-glyph ,
body : not ( . no-svg-replace ) svg . reset ,
body : not ( . no-svg-replace ) svg . right-arrow-with-tail ,
body : not ( . no-svg-replace ) svg . right-arrow ,
body : not ( . no-svg-replace ) svg . right-chevron-glyph ,
body : not ( . no-svg-replace ) svg . right-triangle ,
body : not ( . no-svg-replace ) svg . run-command ,
body : not ( . no-svg-replace ) svg . search ,
body : not ( . no-svg-replace ) svg . sheets-in-box ,
body : not ( . no-svg-replace ) svg . spreadsheet ,
body : not ( . no-svg-replace ) svg . stacked-levels ,
body : not ( . no-svg-replace ) svg . star-list ,
body : not ( . no-svg-replace ) svg . star ,
body : not ( . no-svg-replace ) svg . strikethrough-glyph ,
body : not ( . no-svg-replace ) svg . switch ,
body : not ( . no-svg-replace ) svg . sync-small ,
body : not ( . no-svg-replace ) svg . sync ,
body : not ( . no-svg-replace ) svg . tag-glyph ,
body : not ( . no-svg-replace ) svg . three-horizontal-bars ,
body : not ( . no-svg-replace ) svg . trash ,
body : not ( . no-svg-replace ) svg . undo-glyph ,
body : not ( . no-svg-replace ) svg . unindent-glyph ,
body : not ( . no-svg-replace ) svg . up-and-down-arrows ,
body : not ( . no-svg-replace ) svg . up-arrow-with-tail ,
body : not ( . no-svg-replace ) svg . up-chevron-glyph ,
body : not ( . no-svg-replace ) svg . uppercase-lowercase-a ,
body : not ( . no-svg-replace ) svg . vault ,
body : not ( . no-svg-replace ) svg . vertical-split ,
body : not ( . no-svg-replace ) svg . vertical-three-dots ,
body : not ( . no-svg-replace ) svg . wrench-screwdriver-glyph ,
body : not ( . no-svg-replace ) svg . clock-glyph ,
body : not ( . no-svg-replace ) svg . command-glyph ,
body : not ( . no-svg-replace ) svg . add-note-glyph ,
body : not ( . no-svg-replace ) svg . calendar-glyph ,
body : not ( . no-svg-replace ) svg . duplicate-glyph ,
body : not ( . no-svg-replace ) svg . file-explorer-glyph ,
body : not ( . no-svg-replace ) svg . graph-glyph ,
body : not ( . no-svg-replace ) svg . import-glyph ,
body : not ( . no-svg-replace ) svg . languages ,
body : not ( . no-svg-replace ) svg . links-coming-in ,
body : not ( . no-svg-replace ) svg . links-going-out ,
body : not ( . no-svg-replace ) svg . merge-files-glyph ,
body : not ( . no-svg-replace ) svg . merge-files ,
body : not ( . no-svg-replace ) svg . minus-with-circle ,
body : not ( . no-svg-replace ) svg . navigate-glyph ,
body : not ( . no-svg-replace ) svg . open-elsewhere-glyph ,
body : not ( . no-svg-replace ) svg . paper-plane-glyph ,
body : not ( . no-svg-replace ) svg . paste-text ,
body : not ( . no-svg-replace ) svg . paste ,
body : not ( . no-svg-replace ) svg . percent-sign-glyph ,
body : not ( . no-svg-replace ) svg . play-audio-glyph ,
body : not ( . no-svg-replace ) svg . plus-minus-glyph ,
body : not ( . no-svg-replace ) svg . presentation-glyph ,
body : not ( . no-svg-replace ) svg . question-mark-glyph ,
body : not ( . no-svg-replace ) svg . restore-file-glyph ,
body : not ( . no-svg-replace ) svg . scissors-glyph ,
body : not ( . no-svg-replace ) svg . scissors ,
body : not ( . no-svg-replace ) svg . search-glyph ,
body : not ( . no-svg-replace ) svg . select-all-text ,
body : not ( . no-svg-replace ) svg . split ,
body : not ( . no-svg-replace ) svg . star-glyph ,
body : not ( . no-svg-replace ) svg . stop-audio-glyph ,
body : not ( . no-svg-replace ) svg . sweep ,
body : not ( . no-svg-replace ) svg . two-blank-pages ,
body : not ( . no-svg-replace ) svg . tomorrow-glyph ,
body : not ( . no-svg-replace ) svg . yesterday-glyph ,
body : not ( . no-svg-replace ) svg . workspace-glyph ,
body : not ( . no-svg-replace ) svg . box-glyph ,
body : not ( . no-svg-replace ) svg . wand ,
body : not ( . no-svg-replace ) svg . longform ,
body : not ( . no-svg-replace ) svg . changelog {
height : var ( --scale-8-2 ) ;
width : var ( --scale-8-2 ) ;
background-color : currentColor ;
}
body : not ( . no-svg-replace ) svg . any-key > path ,
body : not ( . no-svg-replace ) svg . blocks > path ,
body : not ( . no-svg-replace ) svg . bar-graph > path ,
body : not ( . no-svg-replace ) svg . breadcrumbs-trail-icon > path ,
body : not ( . no-svg-replace ) svg . audio-file > path ,
body : not ( . no-svg-replace ) svg . bold-glyph > path ,
body : not ( . no-svg-replace ) svg . italic-glyph > path ,
body : not ( . no-svg-replace ) svg . bracket-glyph > path ,
body : not ( . no-svg-replace ) svg . broken-link > path ,
body : not ( . no-svg-replace ) svg . bullet-list-glyph > path ,
body : not ( . no-svg-replace ) svg . bullet-list > path ,
body : not ( . no-svg-replace ) svg . calendar-with-checkmark > path ,
body : not ( . no-svg-replace ) svg . check-in-circle > path ,
body : not ( . no-svg-replace ) svg . check-small > path ,
body : not ( . no-svg-replace ) svg . checkbox-glyph > path ,
body : not ( . no-svg-replace ) svg . checkmark > path ,
body : not ( . no-svg-replace ) svg . clock > path ,
body : not ( . no-svg-replace ) svg . cloud > path ,
body : not ( . no-svg-replace ) svg . code-glyph > path ,
body : not ( . no-svg-replace ) svg . create-new > path ,
body : not ( . no-svg-replace ) svg . cross-in-box > path ,
body : not ( . no-svg-replace ) svg . cross > path ,
body : not ( . no-svg-replace ) svg . crossed-star > path ,
body : not ( . no-svg-replace ) svg . dice > path ,
body : not ( . no-svg-replace ) svg . document > path ,
body : not ( . no-svg-replace ) svg . documents > path ,
body : not ( . no-svg-replace ) svg . dot-network > path ,
body : not ( . no-svg-replace ) svg . double-down-arrow-glyph > path ,
body : not ( . no-svg-replace ) svg . double-up-arrow-glyph > path ,
body : not ( . no-svg-replace ) svg . down-arrow-with-tail > path ,
body : not ( . no-svg-replace ) svg . down-chevron-glyph > path ,
body : not ( . no-svg-replace ) svg . enter > path ,
body : not ( . no-svg-replace ) svg . exit-fullscreen > path ,
body : not ( . no-svg-replace ) svg . expand-vertically > path ,
body : not ( . no-svg-replace ) svg . filled-pin > path ,
body : not ( . no-svg-replace ) svg . folder > path ,
body : not ( . no-svg-replace ) svg . fullscreen > path ,
body : not ( . no-svg-replace ) svg . gear > path ,
body : not ( . no-svg-replace ) svg . hashtag > path ,
body : not ( . no-svg-replace ) svg . heading-glyph > path ,
body : not ( . no-svg-replace ) svg . go-to-file > path ,
body : not ( . no-svg-replace ) svg . help . widget-icon > path ,
body : not ( . no-svg-replace ) svg . help > path ,
body : not ( . no-svg-replace ) svg . highlight-glyph > path ,
body : not ( . no-svg-replace ) svg . horizontal-split > path ,
body : not ( . no-svg-replace ) svg . image-file > path ,
body : not ( . no-svg-replace ) svg . image-glyph > path ,
body : not ( . no-svg-replace ) svg . indent-glyph > path ,
body : not ( . no-svg-replace ) svg . info > path ,
body : not ( . no-svg-replace ) svg . install > path ,
body : not ( . no-svg-replace ) svg . keyboard-glyph > path ,
body : not ( . no-svg-replace ) svg . left-arrow-with-tail > path ,
body : not ( . no-svg-replace ) svg . left-arrow > path ,
body : not ( . no-svg-replace ) svg . left-chevron-glyph > path ,
body : not ( . no-svg-replace ) svg . lines-of-text > path ,
body : not ( . no-svg-replace ) svg . link-glyph > path ,
body : not ( . no-svg-replace ) svg . link > path ,
body : not ( . no-svg-replace ) svg . magnifying-glass > path ,
body : not ( . no-svg-replace ) svg . microphone-filled > path ,
body : not ( . no-svg-replace ) svg . microphone > path ,
body : not ( . no-svg-replace ) svg . minus-with-circle > path ,
body : not ( . no-svg-replace ) svg . navigate-glyph > path ,
body : not ( . no-svg-replace ) svg . note-glyph > path ,
body : not ( . no-svg-replace ) svg . number-list-glyph > path ,
body : not ( . no-svg-replace ) svg . open-vault > path ,
body : not ( . no-svg-replace ) svg . pane-layout > path ,
body : not ( . no-svg-replace ) svg . paper-plane > path ,
body : not ( . no-svg-replace ) svg . paused > path ,
body : not ( . no-svg-replace ) svg . pdf-file > path ,
body : not ( . no-svg-replace ) svg . pencil > path ,
body : not ( . no-svg-replace ) svg . pin > path ,
body : not ( . no-svg-replace ) svg . plus-with-circle > path ,
body : not ( . no-svg-replace ) svg . popup-open > path ,
body : not ( . no-svg-replace ) svg . presentation > path ,
body : not ( . no-svg-replace ) svg . price-tag-glyph > path ,
body : not ( . no-svg-replace ) svg . quote-glyph > path ,
body : not ( . no-custom-icons ) svg . reading-glasses > path ,
body : not ( . no-svg-replace ) svg . redo-glyph > path ,
body : not ( . no-svg-replace ) svg . reset > path ,
body : not ( . no-svg-replace ) svg . right-arrow-with-tail > path ,
body : not ( . no-svg-replace ) svg . right-arrow > path ,
body : not ( . no-svg-replace ) svg . right-chevron-glyph > path ,
body : not ( . no-svg-replace ) svg . right-triangle > path ,
body : not ( . no-svg-replace ) svg . run-command > path ,
body : not ( . no-svg-replace ) svg . search > path ,
body : not ( . no-svg-replace ) svg . sheets-in-box > path ,
body : not ( . no-svg-replace ) svg . spreadsheet > path ,
body : not ( . no-svg-replace ) svg . stacked-levels > path ,
body : not ( . no-svg-replace ) svg . star-list > path ,
body : not ( . no-svg-replace ) svg . star > path ,
body : not ( . no-svg-replace ) svg . strikethrough-glyph > path ,
body : not ( . no-svg-replace ) svg . switch > path ,
body : not ( . no-svg-replace ) svg . sync-small > path ,
body : not ( . no-svg-replace ) svg . sync > path ,
body : not ( . no-svg-replace ) svg . tag-glyph > path ,
body : not ( . no-svg-replace ) svg . three-horizontal-bars > path ,
body : not ( . no-svg-replace ) svg . trash > path ,
body : not ( . no-svg-replace ) svg . undo-glyph > path ,
body : not ( . no-svg-replace ) svg . unindent-glyph > path ,
body : not ( . no-svg-replace ) svg . up-and-down-arrows > path ,
body : not ( . no-svg-replace ) svg . up-arrow-with-tail > path ,
body : not ( . no-svg-replace ) svg . up-chevron-glyph > path ,
body : not ( . no-svg-replace ) svg . uppercase-lowercase-a > path ,
body : not ( . no-svg-replace ) svg . vault > path ,
body : not ( . no-svg-replace ) svg . vertical-split > path ,
body : not ( . no-svg-replace ) svg . vertical-three-dots > path ,
body : not ( . no-svg-replace ) svg . wrench-screwdriver-glyph > path ,
body : not ( . no-svg-replace ) svg . clock-glyph > path ,
body : not ( . no-svg-replace ) svg . command-glyph > path ,
body : not ( . no-svg-replace ) svg . add-note-glyph > path ,
body : not ( . no-svg-replace ) svg . calendar-glyph > path ,
body : not ( . no-svg-replace ) svg . duplicate-glyph > path ,
body : not ( . no-svg-replace ) svg . file-explorer-glyph > path ,
body : not ( . no-svg-replace ) svg . graph-glyph > path ,
body : not ( . no-svg-replace ) svg . import-glyph > path ,
body : not ( . no-svg-replace ) svg . languages > path ,
body : not ( . no-svg-replace ) svg . links-coming-in > path ,
body : not ( . no-svg-replace ) svg . links-going-out > path ,
body : not ( . no-svg-replace ) svg . merge-files-glyph > path ,
body : not ( . no-svg-replace ) svg . merge-files > path ,
body : not ( . no-svg-replace ) svg . open-elsewhere-glyph > path ,
body : not ( . no-svg-replace ) svg . paper-plane-glyph > path ,
body : not ( . no-svg-replace ) svg . paste-text > path ,
body : not ( . no-svg-replace ) svg . paste > path ,
body : not ( . no-svg-replace ) svg . percent-sign-glyph > path ,
body : not ( . no-svg-replace ) svg . play-audio-glyph > path ,
body : not ( . no-svg-replace ) svg . plus-minus-glyph > path ,
body : not ( . no-svg-replace ) svg . presentation-glyph > path ,
body : not ( . no-svg-replace ) svg . question-mark-glyph > path ,
body : not ( . no-svg-replace ) svg . restore-file-glyph > path ,
body : not ( . no-svg-replace ) svg . scissors-glyph > path ,
body : not ( . no-svg-replace ) svg . scissors > path ,
body : not ( . no-svg-replace ) svg . search-glyph > path ,
body : not ( . no-svg-replace ) svg . select-all-text > path ,
body : not ( . no-svg-replace ) svg . split > path ,
body : not ( . no-svg-replace ) svg . star-glyph > path ,
body : not ( . no-svg-replace ) svg . stop-audio-glyph > path ,
body : not ( . no-svg-replace ) svg . sweep > path ,
body : not ( . no-svg-replace ) svg . two-blank-pages > path ,
body : not ( . no-svg-replace ) svg . tomorrow-glyph > path ,
body : not ( . no-svg-replace ) svg . yesterday-glyph > path ,
body : not ( . no-svg-replace ) svg . workspace-glyph > path ,
body : not ( . no-svg-replace ) svg . box-glyph > path ,
body : not ( . no-svg-replace ) svg . wand > path ,
body : not ( . no-svg-replace ) svg . longform > path ,
body : not ( . no-svg-replace ) svg . changelog > path {
display : none ;
}
/* Add Note (Outgoing Link, Backlink etc.) */
body : not ( . no-svg-replace ) svg . add-note-glyph {
vertical-align : -3px ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 16a1 1 0 0 1 -1 1h-2v2a1 1 0 0 1 -2 0v-2h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 1 1zm6-5.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E" ) ;
}
/* Audio File */
body : not ( . no-svg-replace ) svg . audio-file {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.554.923A3.978 3.978 0 0 0 19.263.07L10.079 1.792A5 5 0 0 0 6 6.706v9.85A3.959 3.959 0 0 0 4 16a4 4 0 1 0 4 4V10.876A2 2 0 0 1 9.632 8.91l11.183-2.1A1 1 0 0 1 22 7.8v5.76A3.959 3.959 0 0 0 20 13a4 4 0 1 0 4 4V4A3.987 3.987 0 0 0 22.554.923ZM4 22a2 2 0 1 1 2-2A2 2 0 0 1 4 22ZM20.447 4.848 9.263 6.944A4 4 0 0 0 8 7.416v-.71a3 3 0 0 1 2.447-2.949l9.185-1.722A2 2 0 0 1 22 4v.984A2.955 2.955 0 0 0 20.447 4.848ZM20 19a2 2 0 1 1 2-2A2 2 0 0 1 20 19Z'/%3E%3C/svg%3E" ) ;
}
/* Customize Hotkey, Shortcut */
body : not ( . no-svg-replace ) svg . any-key {
vertical-align : -1px ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20.537 12.7-1.13-.7 1.131-.7a4.126 4.126 0 0 0 1.729-2.031 3.919 3.919 0 0 0 -3.28-5.272 4.124 4.124 0 0 0 -2.586.654l-.401.249v-.728a4.116 4.116 0 0 0 -3.607-4.153 4 4 0 0 0 -4.393 3.981v.9l-.4-.25a4.122 4.122 0 0 0 -2.587-.657 3.918 3.918 0 0 0 -3.283 5.27 4.123 4.123 0 0 0 1.73 2.031l1.133.706-1.131.7a4.126 4.126 0 0 0 -1.729 2.031 3.918 3.918 0 0 0 3.286 5.272 4.124 4.124 0 0 0 2.581-.651l.4-.252v.9a4 4 0 0 0 8 0v-.9l.4.251a4.126 4.126 0 0 0 2.58.653 3.918 3.918 0 0 0 3.284-5.272 4.128 4.128 0 0 0 -1.727-2.032zm-.311 4.418a1.916 1.916 0 0 1 -2.639.613l-2.059-1.282a1 1 0 0 0 -1.528.851v2.7a2 2 0 0 1 -4 0v-2.7a1 1 0 0 0 -1.528-.849l-2.059 1.284a1.915 1.915 0 1 1 -2.025-3.252l2.625-1.634a1 1 0 0 0 0-1.7l-2.625-1.633a1.915 1.915 0 0 1 2.025-3.252l2.059 1.282a1 1 0 0 0 1.528-.846v-2.593a2.075 2.075 0 0 1 1.664-2.08 2 2 0 0 1 2.336 1.973v2.7a1 1 0 0 0 1.528.848l2.059-1.281a1.915 1.915 0 1 1 2.025 3.252l-2.625 1.634a1 1 0 0 0 0 1.7l2.625 1.634a1.914 1.914 0 0 1 .614 2.638z'/%3E%3C/svg%3E" ) ;
}
/* Markdown Importer */
body : not ( . no-svg-replace ) svg . blocks {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9.878 18.122a3 3 0 0 0 4.244 0l3.211-3.211A1 1 0 0 0 15.919 13.5l-2.926 2.927L13 1a1 1 0 0 0-1-1h0a1 1 0 0 0-1 1l-.009 15.408L8.081 13.5a1 1 0 0 0-1.414 1.415Z'/%3E%3Cpath d='M23 16h0a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V17a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3H21a3 3 0 0 0 3-3V17A1 1 0 0 0 23 16Z'/%3E%3C/svg%3E" ) ;
}
/* Bar Graph */
body : not ( . no-svg-replace ) svg . bar-graph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23 22H5a3 3 0 0 1-3-3V1A1 1 0 0 0 0 1V19a5.006 5.006 0 0 0 5 5H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M6 20a1 1 0 0 0 1-1V12a1 1 0 0 0-2 0v7A1 1 0 0 0 6 20Z'/%3E%3Cpath d='M10 10v9a1 1 0 0 0 2 0V10a1 1 0 0 0-2 0Z'/%3E%3Cpath d='M15 13v6a1 1 0 0 0 2 0V13a1 1 0 0 0-2 0Z'/%3E%3Cpath d='M20 9V19a1 1 0 0 0 2 0V9a1 1 0 0 0-2 0Z'/%3E%3Cpath d='M6 9a1 1 0 0 0 .707-.293l3.586-3.586a1.025 1.025 0 0 1 1.414 0l2.172 2.172a3 3 0 0 0 4.242 0l5.586-5.586A1 1 0 0 0 22.293.293L16.707 5.878a1 1 0 0 1-1.414 0L13.121 3.707a3 3 0 0 0-4.242 0L5.293 7.293A1 1 0 0 0 6 9Z'/%3E%3C/svg%3E" ) ;
}
/* Bold Glyph */
body : not ( . no-svg-replace ) svg . bold-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17.954 10.663A6.986 6.986 0 0 0 12 0H5A2 2 0 0 0 3 2V22a2 2 0 0 0 2 2H15a6.994 6.994 0 0 0 2.954-13.337ZM7 4h5a3 3 0 0 1 0 6H7Zm8 16H7V14h8a3 3 0 0 1 0 6Z'/%3E%3C/svg%3E" ) ;
}
/* Box Glyph */
body : not ( . no-svg-replace ) svg . box-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9 14h6a1 1 0 0 0 0-2H9a1 1 0 0 0 0 2Z'/%3E%3Cpath d='M19 0H5A5.006 5.006 0 0 0 0 5V6A3 3 0 0 0 1 8.234V19a5.006 5.006 0 0 0 5 5H18a5.006 5.006 0 0 0 5-5V8.234A3 3 0 0 0 24 6V5A5.006 5.006 0 0 0 19 0ZM2 5A3 3 0 0 1 5 2H19a3 3 0 0 1 3 3V6a1 1 0 0 1-1 1H3A1 1 0 0 1 2 6ZM21 19a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V9H21Z'/%3E%3C/svg%3E" ) ;
}
/* Bracket Glyph */
body : not ( . no-svg-replace ) svg . bracket-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 17.5V18.9999C2 19.7955 2.31607 20.5586 2.87868 21.1212C3.44129 21.6838 4.20435 21.9999 5 21.9999H7C7.26522 21.9999 7.51957 22.1052 7.70711 22.2928C7.89464 22.4803 8 22.7346 8 22.9999C8 23.2651 7.89464 23.5194 7.70711 23.707C7.51957 23.8945 7.26522 23.9999 7 23.9999H5C3.67441 23.9983 2.40356 23.471 1.46622 22.5336C0.528882 21.5963 0.00158786 20.3255 0 18.9999V17.5V16.9999V5C0.00158786 3.67441 0.528882 2.40356 1.46622 1.46622C2.40356 0.528882 3.67441 0.00158786 5 0H7C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1C8 1.26522 7.89464 1.51957 7.70711 1.70711C7.51957 1.89464 7.26522 2 7 2H5C4.20435 2 3.44129 2.31607 2.87868 2.87868C2.31607 3.44129 2 4.20435 2 5V16.9999V17.5Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.9998 17.5V18.9999C23.9982 20.3255 23.471 21.5963 22.5336 22.5336C21.5963 23.471 20.3254 23.9983 18.9998 23.9999H16.9998C16.7346 23.9999 16.4803 23.8945 16.2927 23.707C16.1052 23.5194 15.9998 23.2651 15.9998 22.9999C15.9998 22.7346 16.1052 22.4803 16.2927 22.2928C16.4803 22.1052 16.7346 21.9999 16.9998 21.9999H18.9998C19.7955 21.9999 20.5586 21.6838 21.1212 21.1212C21.6838 20.5586 21.9998 19.7955 21.9998 18.9999V17.5V16.9999V5C21.9998 4.20435 21.6838 3.44129 21.1212 2.87868C20.5586 2.31607 19.7955 2 18.9998 2H16.9998C16.7346 2 16.4803 1.89464 16.2927 1.70711C16.1052 1.51957 15.9998 1.26522 15.9998 1C15.9998 0.734784 16.1052 0.48043 16.2927 0.292893C16.4803 0.105357 16.7346 0 16.9998 0H18.9998C20.3254 0.00158786 21.5963 0.528882 22.5336 1.46622C23.471 2.40356 23.9982 3.67441 23.9998 5V16.9999V17.5Z' fill='black'/%3E%3C/svg%3E" ) ;
}
/* Breadcrumbs Trail */
body : not ( . no-svg-replace ) svg . breadcrumbs-trail-icon {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17 23H7a5.006 5.006 0 0 1-5-5V10.446a1.119 1.119 0 0 0-.391-.792A4.989 4.989 0 0 1 .066 5.179C.482 2.6 2.85 1 6.242 1H18.848a5.122 5.122 0 0 1 5.086 4.179h0a4.99 4.99 0 0 1-1.546 4.478 1.115 1.115 0 0 0-.388.789V18A5.006 5.006 0 0 1 17 23ZM6.242 3c-2.414 0-3.945.911-4.2 2.5a2.951 2.951 0 0 0 .924 2.685A3.072 3.072 0 0 1 4 10.446V18a3 3 0 0 0 3 3H17a3 3 0 0 0 3-3V10.446a3.061 3.061 0 0 1 1.034-2.261A2.952 2.952 0 0 0 21.959 5.5h0A3.106 3.106 0 0 0 18.848 3ZM8 12a1 1 0 0 0 0 2A1 1 0 0 0 8 12Zm4 4a1 1 0 0 0 0 2A1 1 0 0 0 12 16ZM8 16a1 1 0 0 0 0 2A1 1 0 0 0 8 16Z'/%3E%3C/svg%3E" ) ;
}
/* Broken Link */
body : not ( . no-svg-replace ) svg . broken-link {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_537:16)'%3E%3Cpath d='M13.845 17.2669L10.583 20.5289C9.63594 21.4507 8.36403 21.9625 7.04247 21.9537C5.72091 21.9448 4.45597 21.416 3.52133 20.4816C2.58669 19.5472 2.05751 18.2825 2.04829 16.9609C2.03906 15.6393 2.55052 14.3673 3.47202 13.4199L6.73402 10.155C6.92153 9.96731 7.02682 9.71287 7.02672 9.4476C7.02663 9.18233 6.92116 8.92796 6.73352 8.74046C6.54588 8.55295 6.29144 8.44766 6.02617 8.44775C5.7609 8.44785 5.50653 8.55332 5.31902 8.74096L2.05802 12.0059C0.740293 13.3243 0.00026379 15.1122 0.000732645 16.9762C0.0012015 18.8402 0.74213 20.6277 2.06052 21.9454C3.37891 23.2632 5.16677 24.0032 7.03079 24.0027C8.89481 24.0022 10.6823 23.2613 12 21.9429L15.262 18.6809C15.4442 18.4923 15.545 18.2397 15.5427 17.9775C15.5404 17.7153 15.4352 17.4645 15.2498 17.2791C15.0644 17.0937 14.8136 16.9885 14.5514 16.9863C14.2892 16.984 14.0366 17.0848 13.848 17.2669H13.845Z' fill='black'/%3E%3Cpath d='M21.9441 2.06139C21.2934 1.40621 20.5191 0.88667 19.6662 0.532887C18.8132 0.179104 17.8985 -0.00189024 16.9751 0.000390852V0.000390852C16.0522 -0.00206088 15.1379 0.178469 14.2852 0.531542C13.4324 0.884615 12.6582 1.40323 12.0071 2.05739L8.7401 5.32039C8.55246 5.5079 8.44699 5.76227 8.4469 6.02754C8.44681 6.29281 8.55209 6.54725 8.7396 6.73489C8.92711 6.92253 9.18148 7.028 9.44675 7.02809C9.71202 7.02819 9.96646 6.9229 10.1541 6.73539L13.4191 3.47339C13.8847 3.00504 14.4385 2.63369 15.0485 2.38085C15.6586 2.12801 16.3127 1.99869 16.9731 2.00039V2.00039C17.9674 2.00072 18.9392 2.29582 19.7658 2.84839C20.5924 3.40096 21.2366 4.18619 21.6169 5.10481C21.9973 6.02344 22.0968 7.03421 21.9028 8.00937C21.7088 8.98452 21.2301 9.88028 20.5271 10.5834L17.2651 13.8454C17.0775 14.033 16.972 14.2875 16.972 14.5529C16.972 14.8183 17.0775 15.0728 17.2651 15.2604C17.4527 15.448 17.7072 15.5534 17.9726 15.5534C18.238 15.5534 18.4925 15.448 18.6801 15.2604L21.9421 12.0004C23.2581 10.6815 23.9974 8.89449 23.9978 7.03131C23.9982 5.16812 23.2596 3.38082 21.9441 2.06139V2.06139Z' fill='black'/%3E%3Cpath d='M14.2932 8.29316L8.2932 14.2932C8.19769 14.3854 8.12151 14.4957 8.0691 14.6177C8.01669 14.7397 7.98911 14.871 7.98795 15.0037C7.9868 15.1365 8.0121 15.2682 8.06238 15.3911C8.11266 15.514 8.18692 15.6257 8.28081 15.7195C8.3747 15.8134 8.48635 15.8877 8.60925 15.938C8.73215 15.9882 8.86382 16.0136 8.9966 16.0124C9.12938 16.0112 9.2606 15.9837 9.38261 15.9312C9.50461 15.8788 9.61496 15.8027 9.7072 15.7071L15.7072 9.70716C15.8894 9.51856 15.9902 9.26596 15.9879 9.00376C15.9856 8.74156 15.8804 8.49075 15.695 8.30534C15.5096 8.11994 15.2588 8.01477 14.9966 8.01249C14.7344 8.01021 14.4818 8.111 14.2932 8.29316Z' fill='black'/%3E%3C/g%3E%3Cpath d='M6 1V5C6 5.26522 5.89463 5.51959 5.70709 5.70712C5.51956 5.89466 5.26522 6 5 6H1C0.734784 6 0.480444 5.89466 0.292908 5.70712C0.105371 5.51959 0 5.26522 0 5C0 4.73478 0.105371 4.48044 0.292908 4.29291C0.480444 4.10537 0.734784 4 1 4H4V1C4 0.734784 4.10537 0.480444 4.29291 0.292908C4.48044 0.105371 4.73478 0 5 0C5.26522 0 5.51956 0.105371 5.70709 0.292908C5.89463 0.480444 6 0.734784 6 1Z' fill='black'/%3E%3Cpath d='M18 23V19C18 18.7348 18.1054 18.4804 18.2929 18.2929C18.4804 18.1053 18.7348 18 19 18H23C23.2652 18 23.5196 18.1053 23.7071 18.2929C23.8946 18.4804 24 18.7348 24 19C24 19.2652 23.8946 19.5196 23.7071 19.7071C23.5196 19.8946 23.2652 20 23 20H20V23C20 23.2652 19.8946 23.5196 19.7071 23.7071C19.5196 23.8946 19.2652 24 19 24C18.7348 24 18.4804 23.8946 18.2929 23.7071C18.1054 23.5196 18 23.2652 18 23Z' fill='black'/%3E%3Cdefs%3E%3CclipPath id='clip0_537:16'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" ) ;
}
/* Bullet List, Outline, Collapse Results */
body : not ( . no-svg-replace ) svg . bullet-list {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7 6H23a1 1 0 0 0 0-2H7A1 1 0 0 0 7 6Z'/%3E%3Cpath d='M23 11H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M23 18H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Ccircle cx='2' cy='5' r='2'/%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='2' cy='19' r='2'/%3E%3C/svg%3E" ) ;
}
/* Bullet List 2 */
body : not ( . no-svg-replace ) svg . bullet-list-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7 6H23a1 1 0 0 0 0-2H7A1 1 0 0 0 7 6Z'/%3E%3Cpath d='M23 11H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M23 18H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Ccircle cx='2' cy='5' r='2'/%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='2' cy='19' r='2'/%3E%3C/svg%3E" ) ;
}
/* Calendar */
body : not ( . no-svg-replace ) svg . calendar-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19 2H18V1a1 1 0 0 0-2 0V2H8V1A1 1 0 0 0 6 1V2H5A5.006 5.006 0 0 0 0 7V19a5.006 5.006 0 0 0 5 5H19a5.006 5.006 0 0 0 5-5V7A5.006 5.006 0 0 0 19 2ZM2 7A3 3 0 0 1 5 4H19a3 3 0 0 1 3 3V8H2ZM19 22H5a3 3 0 0 1-3-3V10H22v9A3 3 0 0 1 19 22Z'/%3E%3Ccircle cx='12' cy='15' r='1.5'/%3E%3Ccircle cx='7' cy='15' r='1.5'/%3E%3Ccircle cx='17' cy='15' r='1.5'/%3E%3C/svg%3E" ) ;
}
/* Calendar with Checkmark, Daily Note */
body : not ( . no-svg-replace ) svg . calendar-with-checkmark {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_521:13)'%3E%3Cpath d='M19 2H18V1C18 0.734784 17.8946 0.48043 17.7071 0.292893C17.5196 0.105357 17.2652 0 17 0C16.7348 0 16.4804 0.105357 16.2929 0.292893C16.1054 0.48043 16 0.734784 16 1V2H8V1C8 0.734784 7.89464 0.48043 7.70711 0.292893C7.51957 0.105357 7.26522 0 7 0C6.73478 0 6.48043 0.105357 6.29289 0.292893C6.10536 0.48043 6 0.734784 6 1V2H5C3.67441 2.00159 2.40356 2.52888 1.46622 3.46622C0.528882 4.40356 0.00158786 5.67441 0 7L0 19C0.00158786 20.3256 0.528882 21.5964 1.46622 22.5338C2.40356 23.4711 3.67441 23.9984 5 24H19C20.3256 23.9984 21.5964 23.4711 22.5338 22.5338C23.4711 21.5964 23.9984 20.3256 24 19V7C23.9984 5.67441 23.4711 4.40356 22.5338 3.46622C21.5964 2.52888 20.3256 2.00159 19 2ZM2 7C2 6.20435 2.31607 5.44129 2.87868 4.87868C3.44129 4.31607 4.20435 4 5 4H19C19.7956 4 20.5587 4.31607 21.1213 4.87868C21.6839 5.44129 22 6.20435 22 7V8H2V7ZM19 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7956 2 19V10H22V19C22 19.7956 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7956 22 19 22Z' fill='black'/%3E%3Cpath d='M15.1699 13.2932L10.9819 17.4932L8.73791 15.1532C8.64785 15.0548 8.539 14.9753 8.41777 14.9196C8.29654 14.8638 8.16537 14.8329 8.03201 14.8287C7.89864 14.8244 7.76577 14.8468 7.64121 14.8947C7.51666 14.9426 7.40295 15.0149 7.30678 15.1074C7.21061 15.1999 7.13393 15.3107 7.08124 15.4333C7.02856 15.5559 7.00094 15.6878 7.00002 15.8213C6.9991 15.9547 7.0249 16.087 7.07589 16.2103C7.12687 16.3336 7.20202 16.4454 7.29691 16.5392L9.60291 18.9393C9.77489 19.125 9.98275 19.2739 10.2139 19.3771C10.4451 19.4802 10.6948 19.5354 10.9479 19.5393H10.9809C11.229 19.5401 11.4747 19.4916 11.7039 19.3967C11.9331 19.3017 12.1411 19.1622 12.3159 18.9863L16.5879 14.7142C16.6812 14.6211 16.7553 14.5106 16.8058 14.3888C16.8564 14.2671 16.8825 14.1366 16.8826 14.0048C16.8828 13.873 16.857 13.7424 16.8066 13.6206C16.7563 13.4988 16.6825 13.388 16.5894 13.2947C16.4963 13.2014 16.3857 13.1274 16.264 13.0768C16.1423 13.0262 16.0118 13.0001 15.88 13C15.7482 12.9999 15.6176 13.0257 15.4958 13.076C15.3739 13.1263 15.2632 13.2001 15.1699 13.2932Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_521:13'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" ) ;
}
/* Changelog */
body : not ( . no-svg-replace ) svg . changelog {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A12 12 0 1 0 24 12 12.013 12.013 0 0 0 12 0Zm0 22A10 10 0 1 1 22 12 10.011 10.011 0 0 1 12 22Z'/%3E%3Cpath d='M12 10H11a1 1 0 0 0 0 2h1v6a1 1 0 0 0 2 0V12A2 2 0 0 0 12 10Z'/%3E%3Ccircle cx='12' cy='6.5' r='1.5'/%3E%3C/svg%3E" ) ;
}
/* Checkbox */
body : not ( . no-svg-replace ) svg . checkbox-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19 0H5A5.006 5.006 0 0 0 0 5V19a5.006 5.006 0 0 0 5 5H19a5.006 5.006 0 0 0 5-5V5A5.006 5.006 0 0 0 19 0Zm3 19a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V5A3 3 0 0 1 5 2H19a3 3 0 0 1 3 3Z'/%3E%3Cpath d='M9.333 15.919 5.414 12A1 1 0 0 0 4 12H4a1 1 0 0 0 0 1.414l3.919 3.919a2 2 0 0 0 2.829 0L20 8.081a1 1 0 0 0 0-1.414h0a1 1 0 0 0-1.414 0Z'/%3E%3C/svg%3E" ) ;
}
/* Check in Circle */
body : not ( . no-svg-replace ) svg . check-in-circle {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.5 17a2 2 0 0 1-1.416-.586L5.3 12.715a1 1 0 0 1 1.4-1.43l3.793 3.707 6.806-6.7a1 1 0 0 1 1.4 1.424l-6.793 6.707A1.983 1.983 0 0 1 10.5 17ZM24 19V12.34A12.209 12.209 0 0 0 12.836.028 12 12 0 0 0 .029 12.854C.471 19.208 6.082 24 13.083 24H19A5.006 5.006 0 0 0 24 19ZM12.7 2.024A10.2 10.2 0 0 1 22 12.34V19a3 3 0 0 1-3 3H13.083C7.049 22 2.4 18.1 2.025 12.716A10 10 0 0 1 12.016 2C12.243 2 12.472 2.009 12.7 2.024Z'/%3E%3C/svg%3E" ) ;
}
/* Checkmark */
body : not ( . no-svg-replace ) svg . checkmark {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.319 4.431 8.5 18.249a1 1 0 0 1-1.417 0L1.739 12.9a1 1 0 0 0-1.417 0h0a1 1 0 0 0 0 1.417l5.346 5.345a3.008 3.008 0 0 0 4.25 0L23.736 5.847a1 1 0 0 0 0-1.416h0A1 1 0 0 0 22.319 4.431Z'/%3E%3C/svg%3E" ) ;
}
/* Check Small, Obsidian Sync */
body : not ( . no-svg-replace ) svg . check-small {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.5,17a2,2,0,0,1-1.416-.586L5.3,12.715a1,1,0,0,1,1.4-1.43l3.793,3.707,6.806-6.7a1,1,0,0,1,1.4,1.424l-6.793,6.707A1.983,1.983,0,0,1,10.5,17ZM24,19V12.34A12.209,12.209,0,0,0,12.836.028,12,12,0,0,0,.029,12.854C.471,19.208,6.082,24,13.083,24H19A5.006,5.006,0,0,0,24,19ZM12.7,2.024A10.2,10.2,0,0,1,22,12.34V19a3,3,0,0,1-3,3H13.083C7.049,22,2.4,18.1,2.025,12.716A10,10,0,0,1,12.016,2C12.243,2,12.472,2.009,12.7,2.024Z'/%3E%3C/svg%3E" ) ;
}
/* Clock, Recent Files Community Plugin */
body : not ( . no-svg-replace ) svg . clock {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A11.972 11.972 0 0 0 4 3.073V1A1 1 0 0 0 2 1V4A3 3 0 0 0 5 7H8A1 1 0 0 0 8 5H5a.854.854 0 0 1-.1-.021A9.987 9.987 0 1 1 2 12a1 1 0 0 0-2 0A12 12 0 1 0 12 0Z'/%3E%3Cpath d='M12 6a1 1 0 0 0-1 1v5a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V7A1 1 0 0 0 12 6Z'/%3E%3C/svg%3E" ) ;
}
/* Clock 2 */
body : not ( . no-svg-replace ) svg . clock-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A12 12 0 1 0 24 12 12.013 12.013 0 0 0 12 0Zm0 22A10 10 0 1 1 22 12 10.011 10.011 0 0 1 12 22Z'/%3E%3Cpath d='M12 6a1 1 0 0 0-1 1v4.325L7.629 13.437a1 1 0 0 0 1.062 1.7l3.84-2.4A1 1 0 0 0 13 11.879V7A1 1 0 0 0 12 6Z'/%3E%3C/svg%3E" ) ;
}
/* Cloud */
body : not ( . no-svg-replace ) svg . cloud {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17.792,7.212A8,8,0,0,0,2,9a7.915,7.915,0,0,0,.9,3.671A5.49,5.49,0,0,0,5.5,23H16A8,8,0,0,0,17.792,7.212ZM16,21H5.5a3.491,3.491,0,0,1-.872-6.874,1,1,0,0,0,.554-1.564A5.936,5.936,0,0,1,4,9a6,6,0,0,1,11.94-.8,1,1,0,0,0,.858.86A6,6,0,0,1,16,21Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Code */
body : not ( . no-svg-replace ) svg . code-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,6H13V3a1,1,0,0,0-2,0V6H5a5.006,5.006,0,0,0-5,5v4a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V11A5.006,5.006,0,0,0,19,6Zm3,9a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V11A3,3,0,0,1,5,8H19a3,3,0,0,1,3,3Z'/%3E%3Cpath d='M15,14H9a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M10,12h1a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M19,10H15a1,1,0,0,0,0,2h4a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M6,10H5a1,1,0,0,0,0,2H6a1,1,0,0,0,0-2Z'/%3E%3Ccircle cx='5' cy='15' r='1'/%3E%3Ccircle cx='19' cy='15' r='1'/%3E%3C/svg%3E" ) ;
}
/* Command, Hotkey */
body : not ( . no-svg-replace ) svg . command-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20.537 12.7-1.13-.7 1.131-.7a4.126 4.126 0 0 0 1.729-2.031 3.919 3.919 0 0 0 -3.28-5.272 4.124 4.124 0 0 0 -2.586.654l-.401.249v-.728a4.116 4.116 0 0 0 -3.607-4.153 4 4 0 0 0 -4.393 3.981v.9l-.4-.25a4.122 4.122 0 0 0 -2.587-.657 3.918 3.918 0 0 0 -3.283 5.27 4.123 4.123 0 0 0 1.73 2.031l1.133.706-1.131.7a4.126 4.126 0 0 0 -1.729 2.031 3.918 3.918 0 0 0 3.286 5.272 4.124 4.124 0 0 0 2.581-.651l.4-.252v.9a4 4 0 0 0 8 0v-.9l.4.251a4.126 4.126 0 0 0 2.58.653 3.918 3.918 0 0 0 3.284-5.272 4.128 4.128 0 0 0 -1.727-2.032zm-.311 4.418a1.916 1.916 0 0 1 -2.639.613l-2.059-1.282a1 1 0 0 0 -1.528.851v2.7a2 2 0 0 1 -4 0v-2.7a1 1 0 0 0 -1.528-.849l-2.059 1.284a1.915 1.915 0 1 1 -2.025-3.252l2.625-1.634a1 1 0 0 0 0-1.7l-2.625-1.633a1.915 1.915 0 0 1 2.025-3.252l2.059 1.282a1 1 0 0 0 1.528-.846v-2.593a2.075 2.075 0 0 1 1.664-2.08 2 2 0 0 1 2.336 1.973v2.7a1 1 0 0 0 1.528.848l2.059-1.281a1.915 1.915 0 1 1 2.025 3.252l-2.625 1.634a1 1 0 0 0 0 1.7l2.625 1.634a1.914 1.914 0 0 1 .614 2.638z'/%3E%3C/svg%3E" ) ;
}
/* Create New */
body : not ( . no-svg-replace ) svg . create-new {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m12 0a12 12 0 1 0 12 12 12.013 12.013 0 0 0 -12-12zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1 -10 10zm5-10a1 1 0 0 1 -1 1h-3v3a1 1 0 0 1 -2 0v-3h-3a1 1 0 0 1 0-2h3v-3a1 1 0 0 1 2 0v3h3a1 1 0 0 1 1 1z'/%3E%3C/svg%3E" ) ;
}
/* Cross, Global Close Icon (except Title Bar) */
body : not ( . no-svg-replace ) svg . cross {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18,6h0a1,1,0,0,0-1.414,0L12,10.586,7.414,6A1,1,0,0,0,6,6H6A1,1,0,0,0,6,7.414L10.586,12,6,16.586A1,1,0,0,0,6,18H6a1,1,0,0,0,1.414,0L12,13.414,16.586,18A1,1,0,0,0,18,18h0a1,1,0,0,0,0-1.414L13.414,12,18,7.414A1,1,0,0,0,18,6Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Cross, Active Note -> Close */
body : not ( . no-svg-replace ) . view-header . view-actions . view-action . mod-close-leaf [ aria-label = Close ] svg . cross {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M16,8a1,1,0,0,0-1.414,0L12,10.586,9.414,8A1,1,0,0,0,8,9.414L10.586,12,8,14.586A1,1,0,0,0,9.414,16L12,13.414,14.586,16A1,1,0,0,0,16,14.586L13.414,12,16,9.414A1,1,0,0,0,16,8Z'/%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Crossed Star */
body : not ( . no-svg-replace ) svg . crossed-star {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18,6h0a1,1,0,0,0-1.414,0L12,10.586,7.414,6A1,1,0,0,0,6,6H6A1,1,0,0,0,6,7.414L10.586,12,6,16.586A1,1,0,0,0,6,18H6a1,1,0,0,0,1.414,0L12,13.414,16.586,18A1,1,0,0,0,18,18h0a1,1,0,0,0,0-1.414L13.414,12,18,7.414A1,1,0,0,0,18,6Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Cross in Box */
body : not ( . no-svg-replace ) svg . cross-in-box {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M16,8a1,1,0,0,0-1.414,0L12,10.586,9.414,8A1,1,0,0,0,8,9.414L10.586,12,8,14.586A1,1,0,0,0,9.414,16L12,13.414,14.586,16A1,1,0,0,0,16,14.586L13.414,12,16,9.414A1,1,0,0,0,16,8Z'/%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Dice, Random Note */
body : not ( . no-svg-replace ) svg . dice {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 24h-14a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h14a5.006 5.006 0 0 1 5 5v14a5.006 5.006 0 0 1 -5 5zm-14-22a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-14a3 3 0 0 0 -3-3zm6 10a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm-5-5a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm10 0a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm-10 10a1 1 0 1 0 1-1 1 1 0 0 0 -1 1zm10 0a1 1 0 1 0 1-1 1 1 0 0 0 -1 1z'/%3E%3C/svg%3E" ) ;
}
/* Document (General) */
body : not ( . no-svg-replace ) svg . document {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19.949,5.536,16.465,2.05A6.958,6.958,0,0,0,11.515,0H7A5.006,5.006,0,0,0,2,5V19a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V10.485A6.951,6.951,0,0,0,19.949,5.536ZM18.535,6.95A4.983,4.983,0,0,1,19.316,8H15a1,1,0,0,1-1-1V2.684a5.01,5.01,0,0,1,1.051.78ZM20,19a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V5A3,3,0,0,1,7,2h4.515c.164,0,.323.032.485.047V7a3,3,0,0,0,3,3h4.953c.015.162.047.32.047.485Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Document, File Explorer New Note */
body : not ( . no-svg-replace ) . workspace-leaf-content [ data-type = file-explorer ] . nav-header . nav-action-button svg . document {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 16a1 1 0 0 1 -1 1h-2v2a1 1 0 0 1 -2 0v-2h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 1 1zm6-5.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E" ) ;
}
/* Document, Active Note (Markdown) */
body : not ( . no-svg-replace ) . workspace-leaf-content [ data-type = markdown ] . view-header . view-header-icon svg . document {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m17 14a1 1 0 0 1 -1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm-4 3h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zm9-6.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E" ) ;
}
/* Document, Active Note ( ) */
body : not ( . no-svg-replace ) . workspace-leaf-content [ data-type = " " ] . view-header . view-header-icon svg . document {
-webkit-mask-image : url ( "" ) ;
}
/* Multiple Document, Insert Template */
body : not ( . no-svg-replace ) svg . documents {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m13 20a5.006 5.006 0 0 0 5-5v-8.757a3.972 3.972 0 0 0 -1.172-2.829l-2.242-2.242a3.972 3.972 0 0 0 -2.829-1.172h-4.757a5.006 5.006 0 0 0 -5 5v10a5.006 5.006 0 0 0 5 5zm-9-5v-10a3 3 0 0 1 3-3s4.919.014 5 .024v1.976a2 2 0 0 0 2 2h1.976c.01.081.024 9 .024 9a3 3 0 0 1 -3 3h-6a3 3 0 0 1 -3-3zm18-7v11a5.006 5.006 0 0 1 -5 5h-9a1 1 0 0 1 0-2h9a3 3 0 0 0 3-3v-11a1 1 0 0 1 2 0z'/%3E%3C/svg%3E" ) ;
}
/* Multiple Document, Search Files -> Copy Search Results */
body : not ( . no-svg-replace ) . workspace-leaf-content [ data-type = search ] . nav-header . nav-action-button svg . documents {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E" ) ;
}
/* Dot Network, Graph View, Open Graph */
body : not ( . no-svg-replace ) svg . dot-network {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20,12a3.994,3.994,0,0,0-3.172,1.566l-.07-.03a5,5,0,0,0-6.009-6.377l-.091-.172A3.995,3.995,0,1,0,8.879,7.9l.073.137a4.992,4.992,0,0,0-1.134,6.7L5.933,16.5a4,4,0,1,0,1.455,1.377l1.838-1.718a4.993,4.993,0,0,0,6.539-.871l.279.119A4,4,0,1,0,20,12ZM6,4A2,2,0,1,1,8,6,2,2,0,0,1,6,4ZM4,22a2,2,0,1,1,2-2A2,2,0,0,1,4,22Zm8-7a3,3,0,0,1-1.6-5.534l.407-.217A3,3,0,1,1,12,15Zm8,3a2,2,0,1,1,2-2A2,2,0,0,1,20,18Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Double Down Arrow */
body : not ( . no-svg-replace ) svg . double-down-arrow-glyph {
transform : rotate ( -90deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.48,19a1,1,0,0,1-.7-.29L5.19,14.12a3,3,0,0,1,0-4.24L9.78,5.29a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L6.6,11.29a1,1,0,0,0,0,1.42l4.59,4.58a1,1,0,0,1,0,1.42A1,1,0,0,1,10.48,19Z'/%3E%3Cpath d='M17.48,19a1,1,0,0,1-.7-.29l-6-6a1,1,0,0,1,0-1.42l6-6a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L12.9,12l5.29,5.29a1,1,0,0,1,0,1.42A1,1,0,0,1,17.48,19Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Double Up Arrow */
body : not ( . no-svg-replace ) svg . double-up-arrow-glyph {
transform : rotate ( 90deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.48,19a1,1,0,0,1-.7-.29L5.19,14.12a3,3,0,0,1,0-4.24L9.78,5.29a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L6.6,11.29a1,1,0,0,0,0,1.42l4.59,4.58a1,1,0,0,1,0,1.42A1,1,0,0,1,10.48,19Z'/%3E%3Cpath d='M17.48,19a1,1,0,0,1-.7-.29l-6-6a1,1,0,0,1,0-1.42l6-6a1,1,0,0,1,1.41,0,1,1,0,0,1,0,1.42L12.9,12l5.29,5.29a1,1,0,0,1,0,1.42A1,1,0,0,1,17.48,19Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Down Arrow with Tail */
body : not ( . no-svg-replace ) svg . down-arrow-with-tail {
transform : rotate ( -90deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Down Chevron */
body : not ( . no-svg-replace ) svg . down-chevron-glyph {
transform : rotate ( -90deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E" ) ;
}
/* Duplicate, Copy */
body : not ( . no-svg-replace ) svg . duplicate-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E" ) ;
}
/* Enter */
body : not ( . no-svg-replace ) svg . enter {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.9,0H5.1A5.055,5.055,0,0,0,0,5V8A1,1,0,0,0,2,8V5A3.054,3.054,0,0,1,5.1,2H18.9A3.054,3.054,0,0,1,22,5V19a3.054,3.054,0,0,1-3.1,3H5.1A3.054,3.054,0,0,1,2,19V16a1,1,0,0,0-2,0v3a5.055,5.055,0,0,0,5.1,5H18.9A5.055,5.055,0,0,0,24,19V5A5.055,5.055,0,0,0,18.9,0Z'/%3E%3Cpath d='M3,12a1,1,0,0,0,1,1H4l13.188-.03-4.323,4.323a1,1,0,1,0,1.414,1.414l4.586-4.586a3,3,0,0,0,0-4.242L14.281,5.293a1,1,0,0,0-1.414,1.414l4.262,4.263L4,11A1,1,0,0,0,3,12Z'/%3E%3C/svg%3E" ) ;
}
/* Exit Fullscreen */
body : not ( . no-svg-replace ) svg . exit-fullscreen {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7.293,2.091,5.4,3.985,1.707.293A1,1,0,0,0,.293,1.707L3.985,5.4,2.091,7.293A1,1,0,0,0,2.8,9H7.564A1.436,1.436,0,0,0,9,7.564V2.8A1,1,0,0,0,7.293,2.091Z'/%3E%3Cpath d='M20.015,18.6l1.894-1.894A1,1,0,0,0,21.2,15H16.436A1.436,1.436,0,0,0,15,16.436V21.2a1,1,0,0,0,1.707.708L18.6,20.015l3.692,3.692a1,1,0,0,0,1.414-1.414Z'/%3E%3Cpath d='M16.436,9H21.2a1,1,0,0,0,.708-1.707L20.015,5.4l3.692-3.692A1,1,0,0,0,22.293.293L18.6,3.985,16.707,2.091A1,1,0,0,0,15,2.8V7.564A1.436,1.436,0,0,0,16.436,9Z'/%3E%3Cpath d='M7.564,15H2.8a1,1,0,0,0-.708,1.707L3.985,18.6.293,22.293a1,1,0,1,0,1.414,1.414L5.4,20.015l1.894,1.894A1,1,0,0,0,9,21.2V16.436A1.436,1.436,0,0,0,7.564,15Z'/%3E%3C/svg%3E" ) ;
}
/* Expand Vertically, Show More Context */
body : not ( . no-svg-replace ) svg . expand-vertically {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10,6H23a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M23,11H10a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,18H10a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M6.087,6a.5.5,0,0,0,.353-.854L4,2.707a1,1,0,0,0-1.414,0L.147,5.146A.5.5,0,0,0,.5,6H2.294V18H.5a.5.5,0,0,0-.354.854l2.44,2.439a1,1,0,0,0,1.414,0L6.44,18.854A.5.5,0,0,0,6.087,18H4.294V6Z'/%3E%3C/svg%3E%0A" ) ;
}
/* File Explorer */
body : not ( . no-svg-replace ) svg . file-explorer-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,3H12.472a1.019,1.019,0,0,1-.447-.1L8.869,1.316A3.014,3.014,0,0,0,7.528,1H5A5.006,5.006,0,0,0,0,6V18a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,19,3ZM5,3H7.528a1.019,1.019,0,0,1,.447.1l3.156,1.579A3.014,3.014,0,0,0,12.472,5H19a3,3,0,0,1,2.779,1.882L2,6.994V6A3,3,0,0,1,5,3ZM19,21H5a3,3,0,0,1-3-3V8.994l20-.113V18A3,3,0,0,1,19,21Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Filled Pin */
body : not ( . no-svg-replace ) svg . filled-pin {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M1,24a1,1,0,0,0,.707-.293l6.619-6.619L9.574,18.38a5.169,5.169,0,0,0,3.605,1.614,3.991,3.991,0,0,0,1.339-.227,3.63,3.63,0,0,0,2.435-3.122,8.486,8.486,0,0,0-.222-3.027l-.214-1.042a1,1,0,0,1,.264-.943l1.587-1.588a.34.34,0,0,1,.236-.1.17.17,0,0,1,.167.065,3.077,3.077,0,0,0,3.971.432,3,3,0,0,0,.379-4.565L18.2.954a3.085,3.085,0,0,0-3.938-.4,3,3,0,0,0-.38,4.565l.076.076a.308.308,0,0,1,0,.434l-1.6,1.6a1,1,0,0,1-.954.261l-.817-.209a8.632,8.632,0,0,0-3.082-.233A3.863,3.863,0,0,0,4.25,9.634a4,4,0,0,0,.928,4.2l1.758,1.82L.293,22.293A1,1,0,0,0,1,24ZM6.135,10.3A1.856,1.856,0,0,1,7.713,9.036,6.7,6.7,0,0,1,8.406,9a6.622,6.622,0,0,1,1.681.217l.823.21a3.01,3.01,0,0,0,2.862-.785l1.6-1.6a2.31,2.31,0,0,0,0-3.262l-.076-.076a1,1,0,0,1,.134-1.528,1.084,1.084,0,0,1,1.356.19l4.924,4.924h0a1,1,0,0,1-.134,1.528,1.085,1.085,0,0,1-1.368-.2,2.212,2.212,0,0,0-1.584-.672,2.4,2.4,0,0,0-1.667.684l-1.586,1.587a3,3,0,0,0-.8,2.8l.219,1.058a6.646,6.646,0,0,1,.181,2.366,1.655,1.655,0,0,1-1.115,1.444,2.8,2.8,0,0,1-2.85-.9l-4.4-4.55A2.027,2.027,0,0,1,6.135,10.3Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Folder */
body : not ( . no-svg-replace ) svg . folder {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,3H12.472a1.019,1.019,0,0,1-.447-.1L8.869,1.316A3.014,3.014,0,0,0,7.528,1H5A5.006,5.006,0,0,0,0,6V18a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V8A5.006,5.006,0,0,0,19,3ZM5,3H7.528a1.019,1.019,0,0,1,.447.1l3.156,1.579A3.014,3.014,0,0,0,12.472,5H19a3,3,0,0,1,2.779,1.882L2,6.994V6A3,3,0,0,1,5,3ZM19,21H5a3,3,0,0,1-3-3V8.994l20-.113V18A3,3,0,0,1,19,21Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Folder, Workspace Tab Header -> File Explorer */
body : not ( . no-svg-replace ) . workspace-tab-header [ aria-label = "File explorer" ] . workspace-tab-header-inner-icon svg . folder {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.121,9.069,15.536,1.483a5.008,5.008,0,0,0-7.072,0L.879,9.069A2.978,2.978,0,0,0,0,11.19v9.817a3,3,0,0,0,3,3H21a3,3,0,0,0,3-3V11.19A2.978,2.978,0,0,0,23.121,9.069ZM15,22.007H9V18.073a3,3,0,0,1,6,0Zm7-1a1,1,0,0,1-1,1H17V18.073a5,5,0,0,0-10,0v3.934H3a1,1,0,0,1-1-1V11.19a1.008,1.008,0,0,1,.293-.707L9.878,2.9a3.008,3.008,0,0,1,4.244,0l7.585,7.586A1.008,1.008,0,0,1,22,11.19Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Folder, File Explorer -> Add Folder */
body : not ( . no-svg-replace ) . nav-action-button [ aria-label = "New folder" ] svg . folder {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 15a1 1 0 0 1 -1 1h-2v2a1 1 0 0 1 -2 0v-2h-2a1 1 0 0 1 0-2h2v-2a1 1 0 0 1 2 0v2h2a1 1 0 0 1 1 1zm8-7v10a5.006 5.006 0 0 1 -5 5h-14a5.006 5.006 0 0 1 -5-5v-12a5.006 5.006 0 0 1 5-5h2.528a3.014 3.014 0 0 1 1.341.316l3.156 1.584a1.016 1.016 0 0 0 .447.1h6.528a5.006 5.006 0 0 1 5 5zm-22-2v1h19.816a3 3 0 0 0 -2.816-2h-6.528a3.014 3.014 0 0 1 -1.341-.316l-3.156-1.579a1.016 1.016 0 0 0 -.447-.105h-2.528a3 3 0 0 0 -3 3zm20 12v-9h-20v9a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3z'/%3E%3C/svg%3E" ) ;
}
/* Fullscreen */
body : not ( . no-svg-replace ) svg . fullscreen {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,24H17a1,1,0,0,1,0-2h2a3,3,0,0,0,3-3V17a1,1,0,0,1,2,0v2A5.006,5.006,0,0,1,19,24Z'/%3E%3Cpath d='M1,8A1,1,0,0,1,0,7V5A5.006,5.006,0,0,1,5,0H7A1,1,0,0,1,7,2H5A3,3,0,0,0,2,5V7A1,1,0,0,1,1,8Z'/%3E%3Cpath d='M7,24H5a5.006,5.006,0,0,1-5-5V17a1,1,0,0,1,2,0v2a3,3,0,0,0,3,3H7a1,1,0,0,1,0,2Z'/%3E%3Cpath d='M23,8a1,1,0,0,1-1-1V5a3,3,0,0,0-3-3H17a1,1,0,0,1,0-2h2a5.006,5.006,0,0,1,5,5V7A1,1,0,0,1,23,8Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Gear, Side Dock Settings, Graph View Settings */
body : not ( . no-svg-replace ) svg . gear {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z'/%3E%3Cpath d='M21.294,13.9l-.444-.256a9.1,9.1,0,0,0,0-3.29l.444-.256a3,3,0,1,0-3-5.2l-.445.257A8.977,8.977,0,0,0,15,3.513V3A3,3,0,0,0,9,3v.513A8.977,8.977,0,0,0,6.152,5.159L5.705,4.9a3,3,0,0,0-3,5.2l.444.256a9.1,9.1,0,0,0,0,3.29l-.444.256a3,3,0,1,0,3,5.2l.445-.257A8.977,8.977,0,0,0,9,20.487V21a3,3,0,0,0,6,0v-.513a8.977,8.977,0,0,0,2.848-1.646l.447.258a3,3,0,0,0,3-5.2Zm-2.548-3.776a7.048,7.048,0,0,1,0,3.75,1,1,0,0,0,.464,1.133l1.084.626a1,1,0,0,1-1,1.733l-1.086-.628a1,1,0,0,0-1.215.165,6.984,6.984,0,0,1-3.243,1.875,1,1,0,0,0-.751.969V21a1,1,0,0,1-2,0V19.748a1,1,0,0,0-.751-.969A6.984,6.984,0,0,1,7.006,16.9a1,1,0,0,0-1.215-.165l-1.084.627a1,1,0,1,1-1-1.732l1.084-.626a1,1,0,0,0,.464-1.133,7.048,7.048,0,0,1,0-3.75A1,1,0,0,0,4.79,8.992L3.706,8.366a1,1,0,0,1,1-1.733l1.086.628A1,1,0,0,0,7.006,7.1a6.984,6.984,0,0,1,3.243-1.875A1,1,0,0,0,11,4.252V3a1,1,0,0,1,2,0V4.252a1,1,0,0,0,.751.969A6.984,6.984,0,0,1,16.994,7.1a1,1,0,0,0,1.215.165l1.084-.627a1,1,0,1,1,1,1.732l-1.084.626A1,1,0,0,0,18.746,10.125Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Quick Switcher / Go to File... */
body : not ( . no-svg-replace ) svg . go-to-file {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 6a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2zm7.707 17.707a1 1 0 0 1 -1.414 0l-2.407-2.407a4.457 4.457 0 0 1 -2.386.7 4.5 4.5 0 1 1 4.5-4.5 4.457 4.457 0 0 1 -.7 2.386l2.407 2.407a1 1 0 0 1 0 1.414zm-6.207-3.707a2.5 2.5 0 1 0 -2.5-2.5 2.5 2.5 0 0 0 2.5 2.5zm-4.5 2h-6a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h12a1 1 0 0 1 1 1v8a1 1 0 0 0 2 0v-8a3 3 0 0 0 -3-3h-12a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h6a1 1 0 0 0 0-2z'/%3E%3C/svg%3E" ) ;
}
/* Graph Glyph (Not used in Open Graph View or Graph View */
body : not ( . no-svg-replace ) svg . graph-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20,12a3.994,3.994,0,0,0-3.172,1.566l-.07-.03a5,5,0,0,0-6.009-6.377l-.091-.172A3.995,3.995,0,1,0,8.879,7.9l.073.137a4.992,4.992,0,0,0-1.134,6.7L5.933,16.5a4,4,0,1,0,1.455,1.377l1.838-1.718a4.993,4.993,0,0,0,6.539-.871l.279.119A4,4,0,1,0,20,12ZM6,4A2,2,0,1,1,8,6,2,2,0,0,1,6,4ZM4,22a2,2,0,1,1,2-2A2,2,0,0,1,4,22Zm8-7a3,3,0,0,1-1.6-5.534l.407-.217A3,3,0,1,1,12,15Zm8,3a2,2,0,1,1,2-2A2,2,0,0,1,20,18Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Hashtag, Tag Pane */
body : not ( . no-svg-replace ) svg . hashtag {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23,7H18.191l.8-5.865a1,1,0,1,0-1.982-.27L16.173,7H9.191l.8-5.865A1,1,0,1,0,8.009.865L7.173,7H2A1,1,0,0,0,2,9H6.9l-.818,6H1a1,1,0,0,0,0,2H5.809l-.8,5.865a1,1,0,0,0,1.982.27L7.827,17h6.982l-.8,5.865a1,1,0,0,0,1.982.27L16.827,17H22a1,1,0,0,0,0-2H17.1l.818-6H23A1,1,0,0,0,23,7Zm-7.918,8H8.1l.818-6H15.9Z'/%3E%3C/svg%3E" ) ;
}
/* Heading Glyph, Burger Menu */
body : not ( . no-svg-replace ) svg . heading-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Crect y='11' width='24' height='2' rx='1'/%3E%3Crect y='4' width='24' height='2' rx='1'/%3E%3Crect y='18' width='24' height='2' rx='1'/%3E%3C/svg%3E" ) ;
}
/* Help, Widget Icon */
body : not ( . no-svg-replace ) svg . help . widget-icon {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12.717,5.063A4,4,0,0,0,8,9a1,1,0,0,0,2,0,2,2,0,0,1,2.371-1.967,2.024,2.024,0,0,1,1.6,1.595,2,2,0,0,1-1,2.125A3.954,3.954,0,0,0,11,14.257V15a1,1,0,0,0,2,0v-.743a1.982,1.982,0,0,1,.93-1.752,4,4,0,0,0-1.213-7.442Z'/%3E%3Crect x='11' y='17' width='2' height='2' rx='1'/%3E%3C/svg%3E%0A" ) ;
}
/* Help, Side Dock Ribbon -> Obsidian Help */
body : not ( . no-svg-replace ) svg . help {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12.717,5.063A4,4,0,0,0,8,9a1,1,0,0,0,2,0,2,2,0,0,1,2.371-1.967,2.024,2.024,0,0,1,1.6,1.595,2,2,0,0,1-1,2.125A3.954,3.954,0,0,0,11,14.257V15a1,1,0,0,0,2,0v-.743a1.982,1.982,0,0,1,.93-1.752,4,4,0,0,0-1.213-7.442Z'/%3E%3Crect x='11' y='17' width='2' height='2' rx='1'/%3E%3C/svg%3E%0A" ) ;
}
/* Highlight, Fill */
body : not ( . no-svg-replace ) svg . highlight-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m22.327 18.422c.728 1.034 1.673 2.229 1.673 3.078a2.5 2.5 0 0 1 -5 0c0-.775.961-2.008 1.692-3.069a1 1 0 0 1 1.635-.009zm-.877-4.558-8.672 8.672a5.006 5.006 0 0 1 -7.071 0l-4.242-4.243a5 5 0 0 1 0-7.071l5.709-5.71-2.856-2.89a1 1 0 0 1 1.422-1.406l2.848 2.884 1.548-1.55-.843-.843a1 1 0 0 1 1.414-1.414l13 13a1 1 0 1 1 -1.414 1.414zm-1.414-1.414-8.486-8.486-1.557 1.558 4.718 4.778a1 1 0 1 1 -1.422 1.4l-4.709-4.765-5.7 5.7a3 3 0 0 0 0 4.243l4.242 4.243a3.005 3.005 0 0 0 4.243 0z'/%3E%3C/svg%3E" ) ;
}
/* Horizontal Split / Split Horizontally */
body : not ( . no-svg-replace ) svg . horizontal-split {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M2015 4466 c-37 -17 -70 -52 -84 -89 -8 -19 -11 -290 -11 -843 l0%0A-814 -527 0 -528 0 282 283 c304 304 305 306 288 394 -9 49 -69 109 -118 118%0A-91 17 -76 30 -549 -443 -383 -384 -438 -442 -443 -475 -17 -92 -30 -76 443%0A-549 473 -473 458 -460 549 -443 49 9 109 69 118 118 17 88 16 90 -288 395%0Al-282 282 528 0 527 0 2 -829 c3 -820 3 -830 24 -857 39 -53 71 -69 134 -69%0A63 0 95 16 134 69 l21 27 0 1819 0 1819 -21 27 c-11 15 -32 37 -46 47 -34 25%0A-113 32 -153 13z'/%3E%3Cpath d='M2975 4466 c-41 -18 -83 -69 -90 -109 -3 -18 -4 -838 -3 -1824 l3%0A-1792 21 -27 c39 -53 71 -69 134 -69 63 0 95 16 134 69 21 27 21 37 24 857 l2%0A829 527 0 528 0 -282 -282 c-304 -305 -305 -307 -288 -395 9 -49 69 -109 118%0A-118 91 -17 76 -30 549 443 473 473 460 457 443 549 -5 33 -60 91 -443 475%0A-384 383 -442 438 -474 443 -61 11 -108 -3 -149 -44 -41 -41 -55 -88 -44 -148%0A6 -33 45 -77 288 -320 l282 -283 -528 0 -527 0 -2 829 c-3 820 -3 830 -24 857%0A-11 15 -32 37 -46 47 -33 25 -113 32 -153 13z'/%3E%3C/g%3E%3C/svg%3E" ) ;
transform : rotate ( 90deg ) ;
}
/* Image File */
body : not ( . no-svg-replace ) svg . image-file {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V5A5.006,5.006,0,0,0,19,0ZM5,2H19a3,3,0,0,1,3,3V19a2.951,2.951,0,0,1-.3,1.285l-9.163-9.163a5,5,0,0,0-7.072,0L2,14.586V5A3,3,0,0,1,5,2ZM5,22a3,3,0,0,1-3-3V17.414l4.878-4.878a3,3,0,0,1,4.244,0L20.285,21.7A2.951,2.951,0,0,1,19,22Z'/%3E%3Cpath d='M16,10.5A3.5,3.5,0,1,0,12.5,7,3.5,3.5,0,0,0,16,10.5Zm0-5A1.5,1.5,0,1,1,14.5,7,1.5,1.5,0,0,1,16,5.5Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Image Glyph */
body : not ( . no-svg-replace ) svg . image-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V5A5.006,5.006,0,0,0,19,0ZM5,2H19a3,3,0,0,1,3,3V19a2.951,2.951,0,0,1-.3,1.285l-9.163-9.163a5,5,0,0,0-7.072,0L2,14.586V5A3,3,0,0,1,5,2ZM5,22a3,3,0,0,1-3-3V17.414l4.878-4.878a3,3,0,0,1,4.244,0L20.285,21.7A2.951,2.951,0,0,1,19,22Z'/%3E%3Cpath d='M16,10.5A3.5,3.5,0,1,0,12.5,7,3.5,3.5,0,0,0,16,10.5Zm0-5A1.5,1.5,0,1,1,14.5,7,1.5,1.5,0,0,1,16,5.5Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Import Glyph */
body : not ( . no-svg-replace ) svg . import-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9.878 18.122a3 3 0 0 0 4.244 0l3.211-3.211A1 1 0 0 0 15.919 13.5l-2.926 2.927L13 1a1 1 0 0 0-1-1h0a1 1 0 0 0-1 1l-.009 15.408L8.081 13.5a1 1 0 0 0-1.414 1.415Z'/%3E%3Cpath d='M23 16h0a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V17a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3H21a3 3 0 0 0 3-3V17A1 1 0 0 0 23 16Z'/%3E%3C/svg%3E" ) ;
}
/* Indent Glyph */
body : not ( . no-svg-replace ) svg . indent-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M1,6H23a1,1,0,0,0,0-2H1A1,1,0,0,0,1,6Z'/%3E%3Cpath d='M23,9H9a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,19H1a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,14H9a1,1,0,0,0,0,2H23a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M1.707,16.245l2.974-2.974a1.092,1.092,0,0,0,0-1.542L1.707,8.755A1,1,0,0,0,0,9.463v6.074A1,1,0,0,0,1.707,16.245Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Info */
body : not ( . no-svg-replace ) svg . info {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12,10H11a1,1,0,0,0,0,2h1v6a1,1,0,0,0,2,0V12A2,2,0,0,0,12,10Z'/%3E%3Ccircle cx='12' cy='6.5' r='1.5'/%3E%3C/svg%3E%0A" ) ;
}
/* Install */
body : not ( . no-svg-replace ) svg . install {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M9.878 18.122a3 3 0 0 0 4.244 0l3.211-3.211A1 1 0 0 0 15.919 13.5l-2.926 2.927L13 1a1 1 0 0 0-1-1h0a1 1 0 0 0-1 1l-.009 15.408L8.081 13.5a1 1 0 0 0-1.414 1.415Z'/%3E%3Cpath d='M23 16h0a1 1 0 0 0-1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V17a1 1 0 0 0-1-1H1a1 1 0 0 0-1 1v4a3 3 0 0 0 3 3H21a3 3 0 0 0 3-3V17A1 1 0 0 0 23 16Z'/%3E%3C/svg%3E" ) ;
}
/* Italic Glyph */
body : not ( . no-svg-replace ) svg . italic-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20,0H7A1,1,0,0,0,7,2h5.354L9.627,22H4a1,1,0,0,0,0,2H17a1,1,0,0,0,0-2H11.646L14.373,2H20a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Keyboard Glyph */
body : not ( . no-svg-replace ) svg . keyboard-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19,6H13V3a1,1,0,0,0-2,0V6H5a5.006,5.006,0,0,0-5,5v4a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V11A5.006,5.006,0,0,0,19,6Zm3,9a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V11A3,3,0,0,1,5,8H19a3,3,0,0,1,3,3Z'/%3E%3Cpath d='M15,14H9a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M10,12h1a1,1,0,0,0,0-2H10a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M19,10H15a1,1,0,0,0,0,2h4a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M6,10H5a1,1,0,0,0,0,2H6a1,1,0,0,0,0-2Z'/%3E%3Ccircle cx='5' cy='15' r='1'/%3E%3Ccircle cx='19' cy='15' r='1'/%3E%3C/svg%3E" ) ;
}
/* Languages, Standing Globe */
body : not ( . no-svg-replace ) svg . languages {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m13 16a8 8 0 1 0 -8-8 8.009 8.009 0 0 0 8 8zm0-14a6 6 0 1 1 -6 6 6.006 6.006 0 0 1 6-6zm9.907 12.773a11.992 11.992 0 0 1 -8.907 5.166v2.061h4a1 1 0 0 1 0 2h-10a1 1 0 0 1 0-2h4v-2.051a11.994 11.994 0 0 1 -8.257-19.586 1 1 0 0 1 1.542 1.274 10 10 0 1 0 15.971 12.006 1 1 0 0 1 1.651 1.13z'/%3E%3C/svg%3E" ) ;
}
/* Left Arrow, Collapse Arrows */
body : not ( . no-svg-replace ) svg . left-arrow {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E" ) ;
}
/* Left Arrow with Tail, Title Bar -> Left Arrow */
body : not ( . no-svg-replace ) svg . left-arrow-with-tail {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Left Chevron */
body : not ( . no-svg-replace ) svg . left-chevron-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E" ) ;
}
/* Lines of Text, Active Note -> Preview Mode */
body : not ( . no-svg-replace ) svg . lines-of-text {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20 0a4 4 0 0 0 -4 4 1 1 0 0 0 2 0 2 2 0 0 1 4 0v11.026a4.948 4.948 0 0 0 -3-1.026 5 5 0 0 0 -4.145 2.207 3.98 3.98 0 0 0 -5.71 0 5 5 0 0 0 -4.145-2.207 4.948 4.948 0 0 0 -3 1.026v-11.026a2 2 0 0 1 4 0 1 1 0 0 0 2 0 4 4 0 0 0 -8 0v15a5 5 0 0 0 10 0 2 2 0 0 1 4 0 5 5 0 0 0 10 0v-15a4 4 0 0 0 -4-4zm-15 22a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E" ) ;
}
/* Link Global Icon */
body : not ( . no-svg-replace ) svg . link {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M13.845,17.267l-3.262,3.262A5.028,5.028,0,0,1,3.472,13.42l3.262-3.265A1,1,0,0,0,5.319,8.741L2.058,12.006A7.027,7.027,0,0,0,12,21.943l3.262-3.262a1,1,0,0,0-1.414-1.414Z'/%3E%3Cpath d='M21.944,2.061A6.979,6.979,0,0,0,16.975,0h0a6.983,6.983,0,0,0-4.968,2.057L8.74,5.32a1,1,0,0,0,1.414,1.415l3.265-3.262A4.993,4.993,0,0,1,16.973,2h0a5.028,5.028,0,0,1,3.554,8.583l-3.262,3.262A1,1,0,1,0,18.68,15.26L21.942,12A7.037,7.037,0,0,0,21.944,2.061Z'/%3E%3Cpath d='M14.293,8.293l-6,6a1,1,0,1,0,1.414,1.414l6-6a1,1,0,0,0-1.414-1.414Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Link Glyph */
body : not ( . no-svg-replace ) svg . link-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M13.845,17.267l-3.262,3.262A5.028,5.028,0,0,1,3.472,13.42l3.262-3.265A1,1,0,0,0,5.319,8.741L2.058,12.006A7.027,7.027,0,0,0,12,21.943l3.262-3.262a1,1,0,0,0-1.414-1.414Z'/%3E%3Cpath d='M21.944,2.061A6.979,6.979,0,0,0,16.975,0h0a6.983,6.983,0,0,0-4.968,2.057L8.74,5.32a1,1,0,0,0,1.414,1.415l3.265-3.262A4.993,4.993,0,0,1,16.973,2h0a5.028,5.028,0,0,1,3.554,8.583l-3.262,3.262A1,1,0,1,0,18.68,15.26L21.942,12A7.037,7.037,0,0,0,21.944,2.061Z'/%3E%3Cpath d='M14.293,8.293l-6,6a1,1,0,1,0,1.414,1.414l6-6a1,1,0,0,0-1.414-1.414Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Links Coming In, Backlinks Tab Header */
body : not ( . no-svg-replace ) svg . links-coming-in {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7,22H5a3,3,0,0,1-3-3V5A3,3,0,0,1,5,2H7A1,1,0,0,0,7,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H7a1,1,0,0,0,0-2Z'/%3E%3Cpath d='M23,11h0l-15.777.032a2.018,2.018,0,0,1,.326-.446l3.879-3.879a1,1,0,1,0-1.414-1.414L6.133,9.172a4,4,0,0,0,0,5.656l3.879,3.879a1,1,0,1,0,1.414-1.414L7.547,13.414a2.01,2.01,0,0,1-.291-.382L23,13a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E" ) ;
}
/* Links Going Out, Outgoing Tab Header */
body : not ( . no-svg-replace ) svg . links-going-out {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.829,9.172,18.95,5.293a1,1,0,0,0-1.414,1.414l3.879,3.879a2.057,2.057,0,0,1,.3.39c-.015,0-.027-.008-.042-.008h0L5.989,11a1,1,0,0,0,0,2h0l15.678-.032c.028,0,.051-.014.078-.016a2,2,0,0,1-.334.462l-3.879,3.879a1,1,0,1,0,1.414,1.414l3.879-3.879a4,4,0,0,0,0-5.656Z'/%3E%3Cpath d='M7,22H5a3,3,0,0,1-3-3V5A3,3,0,0,1,5,2H7A1,1,0,0,0,7,0H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H7a1,1,0,0,0,0-2Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Longform, Book */
body : not ( . no-svg-replace ) svg . longform {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M17,0H7A5.006,5.006,0,0,0,2,5V20a4,4,0,0,0,4,4H17a5.006,5.006,0,0,0,5-5V5A5.006,5.006,0,0,0,17,0Zm3,5V16H8V2h9A3,3,0,0,1,20,5ZM6,2.172V16a3.98,3.98,0,0,0-2,.537V5A3,3,0,0,1,6,2.172ZM17,22H6a2,2,0,0,1,0-4H20v1A3,3,0,0,1,17,22Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Magnifying Glass */
body : not ( . no-svg-replace ) svg . magnifying-glass {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Merge Files */
body : not ( . no-svg-replace ) svg . merge-files {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21.155,3.272,18.871.913A3.02,3.02,0,0,0,16.715,0H12A5.009,5.009,0,0,0,7.1,4H7A5.006,5.006,0,0,0,2,9V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5v-.1A5.009,5.009,0,0,0,22,14V5.36A2.988,2.988,0,0,0,21.155,3.272ZM13,22H7a3,3,0,0,1-3-3V9A3,3,0,0,1,7,6v8a5.006,5.006,0,0,0,5,5h4A3,3,0,0,1,13,22Zm4-5H12a3,3,0,0,1-3-3V5a3,3,0,0,1,3-3h4V4a2,2,0,0,0,2,2h2v8A3,3,0,0,1,17,17Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Merge Files Glyph */
body : not ( . no-svg-replace ) svg . merge-files-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21.155,3.272,18.871.913A3.02,3.02,0,0,0,16.715,0H12A5.009,5.009,0,0,0,7.1,4H7A5.006,5.006,0,0,0,2,9V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5v-.1A5.009,5.009,0,0,0,22,14V5.36A2.988,2.988,0,0,0,21.155,3.272ZM13,22H7a3,3,0,0,1-3-3V9A3,3,0,0,1,7,6v8a5.006,5.006,0,0,0,5,5h4A3,3,0,0,1,13,22Zm4-5H12a3,3,0,0,1-3-3V5a3,3,0,0,1,3-3h4V4a2,2,0,0,0,2,2h2v8A3,3,0,0,1,17,17Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Microphone, Side Dock -> Record */
body : not ( . no-svg-replace ) svg . microphone {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,20a8.009,8.009,0,0,0,8-8V8A8,8,0,0,0,4,8v4A8.009,8.009,0,0,0,12,20ZM12,2a6.006,6.006,0,0,1,5.91,5H15a1,1,0,0,0,0,2h3v2H15a1,1,0,0,0,0,2h2.91A5.993,5.993,0,0,1,6.09,13H9a1,1,0,0,0,0-2H6V9H9A1,1,0,0,0,9,7H6.09A6.006,6.006,0,0,1,12,2Z'/%3E%3Cpath d='M23,12a1,1,0,0,0-1,1,9.01,9.01,0,0,1-9,9H11a9.011,9.011,0,0,1-9-9,1,1,0,0,0-2,0A11.013,11.013,0,0,0,11,24h2A11.013,11.013,0,0,0,24,13,1,1,0,0,0,23,12Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Microphone Filled */
body : not ( . no-svg-replace ) svg . microphone-filled {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,20a8.009,8.009,0,0,0,8-8V8A8,8,0,0,0,4,8v4A8.009,8.009,0,0,0,12,20ZM12,2a6.006,6.006,0,0,1,5.91,5H15a1,1,0,0,0,0,2h3v2H15a1,1,0,0,0,0,2h2.91A5.993,5.993,0,0,1,6.09,13H9a1,1,0,0,0,0-2H6V9H9A1,1,0,0,0,9,7H6.09A6.006,6.006,0,0,1,12,2Z'/%3E%3Cpath d='M23,12a1,1,0,0,0-1,1,9.01,9.01,0,0,1-9,9H11a9.011,9.011,0,0,1-9-9,1,1,0,0,0-2,0A11.013,11.013,0,0,0,11,24h2A11.013,11.013,0,0,0,24,13,1,1,0,0,0,23,12Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Minus with Circle */
body : not ( . no-svg-replace ) svg . minus-with-circle {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN' 'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'%3E%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M2330 5110 c-494 -48 -950 -230 -1350 -538 -195 -150 -448 -432 -594%0A-662 -63 -99 -186 -351 -230 -471 -49 -134 -102 -340 -128 -499 -31 -195 -31%0A-565 0 -760 45 -276 116 -498 237 -745 132 -269 269 -460 489 -681 221 -220%0A412 -357 681 -489 247 -121 469 -192 745 -237 195 -31 565 -31 760 0 276 45%0A498 116 745 237 269 132 460 269 681 489 220 221 357 412 489 681 88 179 132%0A296 180 476 63 240 78 371 78 649 0 278 -15 409 -78 649 -48 180 -92 297 -180%0A476 -132 269 -269 460 -489 681 -221 220 -412 357 -681 489 -246 121 -474 193%0A-740 235 -147 23 -475 34 -615 20z m468 -401 c488 -53 934 -270 1288 -623 415%0A-415 634 -943 634 -1526 0 -583 -219 -1111 -634 -1526 -415 -415 -943 -634%0A-1526 -634 -583 0 -1111 219 -1526 634 -415 415 -634 943 -634 1526 0 583 219%0A1111 634 1526 349 349 800 569 1276 623 110 12 376 13 488 0z'/%3E%3Cpath d='M1515 2765 c-59 -16 -118 -73 -136 -133 -26 -88 19 -190 103 -231%0Al44 -21 1034 0 1034 0 44 21 c84 41 129 143 102 232 -19 63 -83 122 -148 136%0A-83 17 -2010 14 -2077 -4z'/%3E%3C/g%3E%3C/svg%3E%0A" ) ;
}
/* Navigate Glyph */
body : not ( . no-svg-replace ) svg . navigate-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M13.987,6.108c-.039.011-7.228,2.864-7.228,2.864a2.76,2.76,0,0,0,.2,5.212l2.346.587.773,2.524A2.739,2.739,0,0,0,12.617,19h.044a2.738,2.738,0,0,0,2.532-1.786s2.693-7.165,2.7-7.2a3.2,3.2,0,0,0-3.908-3.907ZM15.97,9.467,13.322,16.51a.738.738,0,0,1-.692.49c-.1-.012-.525-.026-.675-.378l-.908-2.976a1,1,0,0,0-.713-.679l-2.818-.7a.762.762,0,0,1-.027-1.433l7.06-2.8a1.149,1.149,0,0,1,1.094.32A1.19,1.19,0,0,1,15.97,9.467ZM12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Note Glyph */
body : not ( . no-svg-replace ) svg . note-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M19.949,5.536,16.465,2.05A6.958,6.958,0,0,0,11.515,0H7A5.006,5.006,0,0,0,2,5V19a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V10.485A6.951,6.951,0,0,0,19.949,5.536ZM18.535,6.95A4.983,4.983,0,0,1,19.316,8H15a1,1,0,0,1-1-1V2.684a5.01,5.01,0,0,1,1.051.78ZM20,19a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V5A3,3,0,0,1,7,2h4.515c.164,0,.323.032.485.047V7a3,3,0,0,0,3,3h4.953c.015.162.047.32.047.485Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Number List Glyph */
body : not ( . no-svg-replace ) svg . number-list-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7 6H23a1 1 0 0 0 0-2H7A1 1 0 0 0 7 6Z'/%3E%3Cpath d='M23 11H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Cpath d='M23 18H7a1 1 0 0 0 0 2H23a1 1 0 0 0 0-2Z'/%3E%3Ccircle cx='2' cy='5' r='2'/%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='2' cy='19' r='2'/%3E%3C/svg%3E" ) ;
}
/* Open Elsewhere Glyph */
body : not ( . no-svg-replace ) svg . open-elsewhere-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-8a5.006 5.006 0 0 0 -5 5v6h-1a5.006 5.006 0 0 0 -5 5v3a5.006 5.006 0 0 0 5 5h3a5.006 5.006 0 0 0 5-5v-1h6a5.006 5.006 0 0 0 5-5v-8a5.006 5.006 0 0 0 -5-5zm-8 16a3 3 0 0 1 -3-3 3 3 0 0 1 3 3zm0 3a3 3 0 0 1 -3 3h-3a3 3 0 0 1 -3-3v-3a3 3 0 0 1 3-3h1a5.006 5.006 0 0 0 5 5zm11-6a3 3 0 0 1 -3 3h-6a4.969 4.969 0 0 0 -.833-2.753l5.833-5.833v2.586a1 1 0 0 0 2 0v-3a3 3 0 0 0 -3-3h-3a1 1 0 0 0 0 2h2.586l-5.833 5.833a4.969 4.969 0 0 0 -2.753-.833v-6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3z'/%3E%3C/svg%3E" ) ;
}
/* Side Dock Ribbon -> Open Vault */
body : not ( . no-svg-replace ) svg . open-vault {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M4.5,17.5H2a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2H4.5a2,2,0,0,0,2-2V19.5A2,2,0,0,0,4.5,17.5Zm0,4.5H2V19.5H4.5Z'/%3E%3Cpath d='M22,17.5H19.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V19.5A2,2,0,0,0,22,17.5ZM22,22H19.5V19.5H22Z'/%3E%3Cpath d='M4.5,8.75H2a2,2,0,0,0-2,2v2.5a2,2,0,0,0,2,2H4.5a2,2,0,0,0,2-2v-2.5A2,2,0,0,0,4.5,8.75Zm0,4.5H2v-2.5H4.5Z'/%3E%3Cpath d='M22,8.75H19.5a2,2,0,0,0-2,2v2.5a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2v-2.5A2,2,0,0,0,22,8.75Zm0,4.5H19.5v-2.5H22Z'/%3E%3Cpath d='M4.5,0H2A2,2,0,0,0,0,2V4.5a2,2,0,0,0,2,2H4.5a2,2,0,0,0,2-2V2A2,2,0,0,0,4.5,0Zm0,4.5H2V2H4.5Z'/%3E%3Cpath d='M13.25,17.5h-2.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2h2.5a2,2,0,0,0,2-2V19.5A2,2,0,0,0,13.25,17.5Zm0,4.5h-2.5V19.5h2.5Z'/%3E%3Cpath d='M13.25,8.75h-2.5a2,2,0,0,0-2,2v2.5a2,2,0,0,0,2,2h2.5a2,2,0,0,0,2-2v-2.5A2,2,0,0,0,13.25,8.75Zm0,4.5h-2.5v-2.5h2.5Z'/%3E%3Cpath d='M13.25,0h-2.5a2,2,0,0,0-2,2V4.5a2,2,0,0,0,2,2h2.5a2,2,0,0,0,2-2V2A2,2,0,0,0,13.25,0Zm0,4.5h-2.5V2h2.5Z'/%3E%3Cpath d='M22,0H19.5a2,2,0,0,0-2,2V4.5a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0Zm0,4.5H19.5V2H22Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Pane Layout */
body : not ( . no-svg-replace ) svg . pane-layout {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M2,11H13a2,2,0,0,0,2-2V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V9A2,2,0,0,0,2,11ZM2,2H13V9H2Z'/%3E%3Cpath d='M22,0H19a2,2,0,0,0-2,2V9a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0Zm0,9H19V2h3Z'/%3E%3Cpath d='M5,13H2a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H5a2,2,0,0,0,2-2V15A2,2,0,0,0,5,13Zm0,9H2V15H5Z'/%3E%3Cpath d='M22,13H11a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V15A2,2,0,0,0,22,13Zm0,9H11V15H22Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Paper Plane, Obsidian Publish */
body : not ( . no-svg-replace ) svg . paper-plane {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.119.882a2.966,2.966,0,0,0-2.8-.8l-16,3.37a4.995,4.995,0,0,0-2.853,8.481L3.184,13.65a1,1,0,0,1,.293.708v3.168a2.965,2.965,0,0,0,.3,1.285l-.008.007.026.026A3,3,0,0,0,5.157,20.2l.026.026.007-.008a2.965,2.965,0,0,0,1.285.3H9.643a1,1,0,0,1,.707.292l1.717,1.717A4.963,4.963,0,0,0,15.587,24a5.049,5.049,0,0,0,1.605-.264,4.933,4.933,0,0,0,3.344-3.986L23.911,3.715A2.975,2.975,0,0,0,23.119.882ZM4.6,12.238,2.881,10.521a2.94,2.94,0,0,1-.722-3.074,2.978,2.978,0,0,1,2.5-2.026L20.5,2.086,5.475,17.113V14.358A2.978,2.978,0,0,0,4.6,12.238Zm13.971,7.17a3,3,0,0,1-5.089,1.712L11.762,19.4a2.978,2.978,0,0,0-2.119-.878H6.888L21.915,3.5Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Paper Plane 2 */
body : not ( . no-svg-replace ) svg . paper-plane-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.119.882a2.966,2.966,0,0,0-2.8-.8l-16,3.37a4.995,4.995,0,0,0-2.853,8.481L3.184,13.65a1,1,0,0,1,.293.708v3.168a2.965,2.965,0,0,0,.3,1.285l-.008.007.026.026A3,3,0,0,0,5.157,20.2l.026.026.007-.008a2.965,2.965,0,0,0,1.285.3H9.643a1,1,0,0,1,.707.292l1.717,1.717A4.963,4.963,0,0,0,15.587,24a5.049,5.049,0,0,0,1.605-.264,4.933,4.933,0,0,0,3.344-3.986L23.911,3.715A2.975,2.975,0,0,0,23.119.882ZM4.6,12.238,2.881,10.521a2.94,2.94,0,0,1-.722-3.074,2.978,2.978,0,0,1,2.5-2.026L20.5,2.086,5.475,17.113V14.358A2.978,2.978,0,0,0,4.6,12.238Zm13.971,7.17a3,3,0,0,1-5.089,1.712L11.762,19.4a2.978,2.978,0,0,0-2.119-.878H6.888L21.915,3.5Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Paste */
body : not ( . no-svg-replace ) svg . paste {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E" ) ;
}
/* Paste Text */
body : not ( . no-svg-replace ) svg . paste-text {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m15 20h-10a5.006 5.006 0 0 1 -5-5v-10a5.006 5.006 0 0 1 5-5h10a5.006 5.006 0 0 1 5 5v10a5.006 5.006 0 0 1 -5 5zm-10-18a3 3 0 0 0 -3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3v-10a3 3 0 0 0 -3-3zm19 17v-13a1 1 0 0 0 -2 0v13a3 3 0 0 1 -3 3h-13a1 1 0 0 0 0 2h13a5.006 5.006 0 0 0 5-5z'/%3E%3C/svg%3E" ) ;
}
/* Paused */
body : not ( . no-svg-replace ) svg . paused {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M6.5,0A3.5,3.5,0,0,0,3,3.5v17a3.5,3.5,0,0,0,7,0V3.5A3.5,3.5,0,0,0,6.5,0ZM8,20.5a1.5,1.5,0,0,1-3,0V3.5a1.5,1.5,0,0,1,3,0Z'/%3E%3Cpath d='M17.5,0A3.5,3.5,0,0,0,14,3.5v17a3.5,3.5,0,0,0,7,0V3.5A3.5,3.5,0,0,0,17.5,0ZM19,20.5a1.5,1.5,0,0,1-3,0V3.5a1.5,1.5,0,0,1,3,0Z'/%3E%3C/svg%3E%0A" ) ;
}
/* PDF File */
body : not ( . no-svg-replace ) svg . pdf-file {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m17 14a1 1 0 0 1 -1 1h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 1 1zm-4 3h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2zm9-6.515v8.515a5.006 5.006 0 0 1 -5 5h-10a5.006 5.006 0 0 1 -5-5v-14a5.006 5.006 0 0 1 5-5h4.515a6.958 6.958 0 0 1 4.95 2.05l3.484 3.486a6.951 6.951 0 0 1 2.051 4.949zm-6.949-7.021a5.01 5.01 0 0 0 -1.051-.78v4.316a1 1 0 0 0 1 1h4.316a4.983 4.983 0 0 0 -.781-1.05zm4.949 7.021c0-.165-.032-.323-.047-.485h-4.953a3 3 0 0 1 -3-3v-4.953c-.162-.015-.321-.047-.485-.047h-4.515a3 3 0 0 0 -3 3v14a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3z'/%3E%3C/svg%3E" ) ;
}
/* Pencil */
body : not ( . no-svg-replace ) svg . pencil {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.853,1.148a3.626,3.626,0,0,0-5.124,0L1.465,17.412A4.968,4.968,0,0,0,0,20.947V23a1,1,0,0,0,1,1H3.053a4.966,4.966,0,0,0,3.535-1.464L22.853,6.271A3.626,3.626,0,0,0,22.853,1.148ZM5.174,21.122A3.022,3.022,0,0,1,3.053,22H2V20.947a2.98,2.98,0,0,1,.879-2.121L15.222,6.483l2.3,2.3ZM21.438,4.857,18.932,7.364l-2.3-2.295,2.507-2.507a1.623,1.623,0,1,1,2.295,2.3Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Pencil, Active Note -> Edit Mode */
body : not ( . no-svg-replace ) . workspace-leaf-content . view-actions . view-action [ aria-label = "Edit (Ctrl+Click to edit in new pane)" ] svg . pencil {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.656.93,6.464,13.122A4.966,4.966,0,0,0,5,16.657V18a1,1,0,0,0,1,1H7.343a4.966,4.966,0,0,0,3.535-1.464L23.07,5.344a3.125,3.125,0,0,0,0-4.414A3.194,3.194,0,0,0,18.656.93Zm3,3L9.464,16.122A3.02,3.02,0,0,1,7.343,17H7v-.343a3.02,3.02,0,0,1,.878-2.121L20.07,2.344a1.148,1.148,0,0,1,1.586,0A1.123,1.123,0,0,1,21.656,3.93Z'/%3E%3Cpath d='M23,8.979a1,1,0,0,0-1,1V15H18a3,3,0,0,0-3,3v4H5a3,3,0,0,1-3-3V5A3,3,0,0,1,5,2h9.042a1,1,0,0,0,0-2H5A5.006,5.006,0,0,0,0,5V19a5.006,5.006,0,0,0,5,5H16.343a4.968,4.968,0,0,0,3.536-1.464l2.656-2.658A4.968,4.968,0,0,0,24,16.343V9.979A1,1,0,0,0,23,8.979ZM18.465,21.122a2.975,2.975,0,0,1-1.465.8V18a1,1,0,0,1,1-1h3.925a3.016,3.016,0,0,1-.8,1.464Z'/%3E%3C/svg%3E " ) ;
}
/* Percent Sign */
body : not ( . no-svg-replace ) svg . percent-sign-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='5' x2='5' y2='19'%3E%3C/line%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'%3E%3C/circle%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'%3E%3C/circle%3E%3C/svg%3E" ) ;
}
/* Pin */
body : not ( . no-svg-replace ) svg . pin {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M1,24a1,1,0,0,0,.707-.293l6.619-6.619L9.574,18.38a5.169,5.169,0,0,0,3.605,1.614,3.991,3.991,0,0,0,1.339-.227,3.63,3.63,0,0,0,2.435-3.122,8.486,8.486,0,0,0-.222-3.027l-.214-1.042a1,1,0,0,1,.264-.943l1.587-1.588a.34.34,0,0,1,.236-.1.17.17,0,0,1,.167.065,3.077,3.077,0,0,0,3.971.432,3,3,0,0,0,.379-4.565L18.2.954a3.085,3.085,0,0,0-3.938-.4,3,3,0,0,0-.38,4.565l.076.076a.308.308,0,0,1,0,.434l-1.6,1.6a1,1,0,0,1-.954.261l-.817-.209a8.632,8.632,0,0,0-3.082-.233A3.863,3.863,0,0,0,4.25,9.634a4,4,0,0,0,.928,4.2l1.758,1.82L.293,22.293A1,1,0,0,0,1,24ZM6.135,10.3A1.856,1.856,0,0,1,7.713,9.036,6.7,6.7,0,0,1,8.406,9a6.622,6.622,0,0,1,1.681.217l.823.21a3.01,3.01,0,0,0,2.862-.785l1.6-1.6a2.31,2.31,0,0,0,0-3.262l-.076-.076a1,1,0,0,1,.134-1.528,1.084,1.084,0,0,1,1.356.19l4.924,4.924h0a1,1,0,0,1-.134,1.528,1.085,1.085,0,0,1-1.368-.2,2.212,2.212,0,0,0-1.584-.672,2.4,2.4,0,0,0-1.667.684l-1.586,1.587a3,3,0,0,0-.8,2.8l.219,1.058a6.646,6.646,0,0,1,.181,2.366,1.655,1.655,0,0,1-1.115,1.444,2.8,2.8,0,0,1-2.85-.9l-4.4-4.55A2.027,2.027,0,0,1,6.135,10.3Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Play Audio Glyph */
body : not ( . no-svg-replace ) svg . play-audio-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20.494,7.968l-9.54-7A5,5,0,0,0,3,5V19a5,5,0,0,0,7.957,4.031l9.54-7a5,5,0,0,0,0-8.064Zm-1.184,6.45-9.54,7A3,3,0,0,1,5,19V5A2.948,2.948,0,0,1,6.641,2.328,3.018,3.018,0,0,1,8.006,2a2.97,2.97,0,0,1,1.764.589l9.54,7a3,3,0,0,1,0,4.836Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Plus Minus */
body : not ( . no-svg-replace ) svg . plus-minus-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M352 448H32c-17.69 0-32 14.31-32 32s14.31 31.1 32 31.1h320c17.69 0 32-14.31 32-31.1S369.7 448 352 448zM48 208H160v111.1c0 17.69 14.31 31.1 32 31.1s32-14.31 32-31.1V208h112c17.69 0 32-14.32 32-32.01s-14.31-31.99-32-31.99H224v-112c0-17.69-14.31-32.01-32-32.01S160 14.33 160 32.01v112H48c-17.69 0-32 14.31-32 31.99S30.31 208 48 208z'/%3E%3C/svg%3E" ) ;
}
/* Plus with Circle */
body : not ( . no-svg-replace ) svg . plus-with-circle {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m12 0a12 12 0 1 0 12 12 12.013 12.013 0 0 0 -12-12zm0 22a10 10 0 1 1 10-10 10.011 10.011 0 0 1 -10 10zm5-10a1 1 0 0 1 -1 1h-3v3a1 1 0 0 1 -2 0v-3h-3a1 1 0 0 1 0-2h3v-3a1 1 0 0 1 2 0v3h3a1 1 0 0 1 1 1z'/%3E%3C/svg%3E" ) ;
}
/* Popup Open */
body : not ( . no-svg-replace ) svg . popup-open {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-8a5.006 5.006 0 0 0 -5 5v6h-1a5.006 5.006 0 0 0 -5 5v3a5.006 5.006 0 0 0 5 5h3a5.006 5.006 0 0 0 5-5v-1h6a5.006 5.006 0 0 0 5-5v-8a5.006 5.006 0 0 0 -5-5zm-8 16a3 3 0 0 1 -3-3 3 3 0 0 1 3 3zm0 3a3 3 0 0 1 -3 3h-3a3 3 0 0 1 -3-3v-3a3 3 0 0 1 3-3h1a5.006 5.006 0 0 0 5 5zm11-6a3 3 0 0 1 -3 3h-6a4.969 4.969 0 0 0 -.833-2.753l5.833-5.833v2.586a1 1 0 0 0 2 0v-3a3 3 0 0 0 -3-3h-3a1 1 0 0 0 0 2h2.586l-5.833 5.833a4.969 4.969 0 0 0 -2.753-.833v-6a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3z'/%3E%3C/svg%3E" ) ;
}
/* Presentation */
body : not ( . no-svg-replace ) svg . presentation {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m23 14h-1v-9a5.006 5.006 0 0 0 -5-5h-10a5.006 5.006 0 0 0 -5 5v9h-1a1 1 0 0 0 0 2h10v4h-2a3 3 0 0 0 -3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 1 1 0 0 0 2 0 3 3 0 0 0 -3-3h-2v-4h10a1 1 0 0 0 0-2zm-19-9a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v9h-16z'/%3E%3C/svg%3E" ) ;
}
/* Presentation */
body : not ( . no-svg-replace ) svg . presentation-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m23 14h-1v-9a5.006 5.006 0 0 0 -5-5h-10a5.006 5.006 0 0 0 -5 5v9h-1a1 1 0 0 0 0 2h10v4h-2a3 3 0 0 0 -3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1h6a1 1 0 0 1 1 1 1 1 0 0 0 2 0 3 3 0 0 0 -3-3h-2v-4h10a1 1 0 0 0 0-2zm-19-9a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v9h-16z'/%3E%3C/svg%3E" ) ;
}
/* Price Tag Glyph */
body : not ( . no-svg-replace ) svg . price-tag-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M20.457,4.555,12.486.126a1,1,0,0,0-.972,0L3.543,4.555A3,3,0,0,0,2,7.177V19a5.006,5.006,0,0,0,5,5H17a5.006,5.006,0,0,0,5-5V7.177A3,3,0,0,0,20.457,4.555ZM20,19a3,3,0,0,1-3,3H7a3,3,0,0,1-3-3V7.177A1,1,0,0,1,4.515,6.3L12,2.144,19.486,6.3A1,1,0,0,1,20,7.177Z'/%3E%3Ccircle cx='12' cy='7' r='1.5'/%3E%3C/svg%3E%0A" ) ;
}
/* Question Mark Glyph */
body : not ( . no-svg-replace ) svg . question-mark-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,0A12,12,0,1,0,24,12,12.013,12.013,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10.011,10.011,0,0,1,12,22Z'/%3E%3Cpath d='M12.717,5.063A4,4,0,0,0,8,9a1,1,0,0,0,2,0,2,2,0,0,1,2.371-1.967,2.024,2.024,0,0,1,1.6,1.595,2,2,0,0,1-1,2.125A3.954,3.954,0,0,0,11,14.257V15a1,1,0,0,0,2,0v-.743a1.982,1.982,0,0,1,.93-1.752,4,4,0,0,0-1.213-7.442Z'/%3E%3Crect x='11' y='17' width='2' height='2' rx='1'/%3E%3C/svg%3E%0A" ) ;
}
/* Quote Glyph */
body : not ( . no-svg-replace ) svg . quote-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M8,4H4A4,4,0,0,0,0,8v4a2,2,0,0,0,2,2H7.91A6.006,6.006,0,0,1,2,19a1,1,0,0,0,0,2,8.009,8.009,0,0,0,8-8V6A2,2,0,0,0,8,4Z'/%3E%3Cpath d='M22,4H18a4,4,0,0,0-4,4v4a2,2,0,0,0,2,2h5.91A6.006,6.006,0,0,1,16,19a1,1,0,0,0,0,2,8.009,8.009,0,0,0,8-8V6A2,2,0,0,0,22,4Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Reading Glasses */
body : not ( . no-custom-icons ) svg . reading-glasses {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20 0a4 4 0 0 0 -4 4 1 1 0 0 0 2 0 2 2 0 0 1 4 0v11.026a4.948 4.948 0 0 0 -3-1.026 5 5 0 0 0 -4.145 2.207 3.98 3.98 0 0 0 -5.71 0 5 5 0 0 0 -4.145-2.207 4.948 4.948 0 0 0 -3 1.026v-11.026a2 2 0 0 1 4 0 1 1 0 0 0 2 0 4 4 0 0 0 -8 0v15a5 5 0 0 0 10 0 2 2 0 0 1 4 0 5 5 0 0 0 10 0v-15a4 4 0 0 0 -4-4zm-15 22a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E" ) ;
}
/* Redo Glyph */
body : not ( . no-svg-replace ) svg . redo-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M16.9,14.723a1,1,0,0,0,1.414,0l4.949-4.95a2.5,2.5,0,0,0,0-3.536l-4.95-4.949A1,1,0,0,0,16.9,2.7L21.2,7,5,7H5a5,5,0,0,0-5,5v7a5.006,5.006,0,0,0,5,5H19a1,1,0,0,0,0-2H5a3,3,0,0,1-3-3V12A3,3,0,0,1,5,9H5L21.212,9,16.9,13.309A1,1,0,0,0,16.9,14.723Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Reset, Refresh */
body : not ( . no-svg-replace ) svg . reset {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Restore File Glyph */
body : not ( . no-svg-replace ) svg . restore-file-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12 0A11.972 11.972 0 0 0 4 3.073V1A1 1 0 0 0 2 1V4A3 3 0 0 0 5 7H8A1 1 0 0 0 8 5H5a.854.854 0 0 1-.1-.021A9.987 9.987 0 1 1 2 12a1 1 0 0 0-2 0A12 12 0 1 0 12 0Z'/%3E%3Cpath d='M12 6a1 1 0 0 0-1 1v5a1 1 0 0 0 .293.707l3 3a1 1 0 0 0 1.414-1.414L13 11.586V7A1 1 0 0 0 12 6Z'/%3E%3C/svg%3E" ) ;
}
/* Right Arrow, Collapse Right Sidebar */
body : not ( . no-svg-replace ) svg . right-arrow {
transform : rotate ( 180deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E" ) ;
}
/* Right Arrow with Tail, Title Bar -> Forward */
body : not ( . no-svg-replace ) svg . right-arrow-with-tail {
transform : rotate ( 180deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Right Chevron */
body : not ( . no-svg-replace ) svg . right-chevron-glyph {
transform : rotate ( 180deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E" ) ;
}
/* Right Triangle, Triangle for File Explorer */
body : not ( . no-svg-replace ) svg . right-triangle {
height : var ( --scale-2-8 ) ;
width : var ( --scale-2-8 ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.71,8.21a1,1,0,0,0-1.42,0l-4.58,4.58a1,1,0,0,1-1.42,0L6.71,8.21a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41l4.59,4.59a3,3,0,0,0,4.24,0l4.59-4.59A1,1,0,0,0,18.71,8.21Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Side Dock Ribbon -> Run Command */
body : not ( . no-svg-replace ) svg . run-command {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m20.537 12.7-1.13-.7 1.131-.7a4.126 4.126 0 0 0 1.729-2.031 3.919 3.919 0 0 0 -3.28-5.272 4.124 4.124 0 0 0 -2.586.654l-.401.249v-.728a4.116 4.116 0 0 0 -3.607-4.153 4 4 0 0 0 -4.393 3.981v.9l-.4-.25a4.122 4.122 0 0 0 -2.587-.657 3.918 3.918 0 0 0 -3.283 5.27 4.123 4.123 0 0 0 1.73 2.031l1.133.706-1.131.7a4.126 4.126 0 0 0 -1.729 2.031 3.918 3.918 0 0 0 3.286 5.272 4.124 4.124 0 0 0 2.581-.651l.4-.252v.9a4 4 0 0 0 8 0v-.9l.4.251a4.126 4.126 0 0 0 2.58.653 3.918 3.918 0 0 0 3.284-5.272 4.128 4.128 0 0 0 -1.727-2.032zm-.311 4.418a1.916 1.916 0 0 1 -2.639.613l-2.059-1.282a1 1 0 0 0 -1.528.851v2.7a2 2 0 0 1 -4 0v-2.7a1 1 0 0 0 -1.528-.849l-2.059 1.284a1.915 1.915 0 1 1 -2.025-3.252l2.625-1.634a1 1 0 0 0 0-1.7l-2.625-1.633a1.915 1.915 0 0 1 2.025-3.252l2.059 1.282a1 1 0 0 0 1.528-.846v-2.593a2.075 2.075 0 0 1 1.664-2.08 2 2 0 0 1 2.336 1.973v2.7a1 1 0 0 0 1.528.848l2.059-1.281a1.915 1.915 0 1 1 2.025 3.252l-2.625 1.634a1 1 0 0 0 0 1.7l2.625 1.634a1.914 1.914 0 0 1 .614 2.638z'/%3E%3C/svg%3E" ) ;
}
/* Scissors */
body : not ( . no-svg-replace ) svg . scissors {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 14a4.929 4.929 0 0 0 -2.352.615l-3.348-4.015 7.467-8.96a1 1 0 0 0 -1.536-1.28l-7.231 8.678-7.232-8.678a1 1 0 0 0 -1.536 1.28l7.468 8.96-3.348 4.015a4.941 4.941 0 0 0 -2.352-.615 5 5 0 1 0 5 5 4.947 4.947 0 0 0 -1.112-3.1l3.112-3.738 3.111 3.738a4.955 4.955 0 0 0 -1.111 3.1 5 5 0 1 0 5-5zm-14 8a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E" ) ;
}
/* Scissors 2 */
body : not ( . no-svg-replace ) svg . scissors-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 14a4.929 4.929 0 0 0 -2.352.615l-3.348-4.015 7.467-8.96a1 1 0 0 0 -1.536-1.28l-7.231 8.678-7.232-8.678a1 1 0 0 0 -1.536 1.28l7.468 8.96-3.348 4.015a4.941 4.941 0 0 0 -2.352-.615 5 5 0 1 0 5 5 4.947 4.947 0 0 0 -1.112-3.1l3.112-3.738 3.111 3.738a4.955 4.955 0 0 0 -1.111 3.1 5 5 0 1 0 5-5zm-14 8a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E" ) ;
}
/* Global Search */
body : not ( . no-svg-replace ) svg . search {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Search, Tab Header -> Obsidian Search */
body : not ( . no-svg-replace ) . workspace-tab-header [ aria-label = Search ] . workspace-tab-header-inner-icon svg . search {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%' viewBox='0 0 24 24' width='100%' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m16 6a1 1 0 0 1 0 2h-8a1 1 0 0 1 0-2zm7.707 17.707a1 1 0 0 1 -1.414 0l-2.407-2.407a4.457 4.457 0 0 1 -2.386.7 4.5 4.5 0 1 1 4.5-4.5 4.457 4.457 0 0 1 -.7 2.386l2.407 2.407a1 1 0 0 1 0 1.414zm-6.207-3.707a2.5 2.5 0 1 0 -2.5-2.5 2.5 2.5 0 0 0 2.5 2.5zm-4.5 2h-6a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h12a1 1 0 0 1 1 1v8a1 1 0 0 0 2 0v-8a3 3 0 0 0 -3-3h-12a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h6a1 1 0 0 0 0-2z'/%3E%3C/svg%3E" ) ;
}
/* Search 2 */
body : not ( . no-svg-replace ) svg . search-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.707,22.293l-5.969-5.969a10.016,10.016,0,1,0-1.414,1.414l5.969,5.969a1,1,0,0,0,1.414-1.414ZM10,18a8,8,0,1,1,8-8A8.009,8.009,0,0,1,10,18Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Select All Text */
body : not ( . no-svg-replace ) svg . select-all-text {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22,17.351V6.649A3.492,3.492,0,1,0,17.351,2H6.649A3.492,3.492,0,1,0,2,6.649v10.7A3.492,3.492,0,1,0,6.649,22h10.7A3.492,3.492,0,1,0,22,17.351ZM17.051,20H6.949A3.485,3.485,0,0,0,4,17.051V6.949A3.485,3.485,0,0,0,6.949,4h10.1A3.485,3.485,0,0,0,20,6.949v10.1A3.485,3.485,0,0,0,17.051,20ZM20.5,2A1.5,1.5,0,1,1,19,3.5,1.5,1.5,0,0,1,20.5,2ZM3.5,2A1.5,1.5,0,1,1,2,3.5,1.5,1.5,0,0,1,3.5,2Zm0,20A1.5,1.5,0,1,1,5,20.5,1.5,1.5,0,0,1,3.5,22Zm17,0A1.5,1.5,0,1,1,22,20.5,1.5,1.5,0,0,1,20.5,22ZM13,9v3h1a1,1,0,0,1,0,2H13v1a1,1,0,0,0,1,1,1,1,0,0,1,0,2,2.981,2.981,0,0,1-2-.78A2.981,2.981,0,0,1,10,18a1,1,0,0,1,0-2,1,1,0,0,0,1-1V14H10a1,1,0,0,1,0-2h1V9a1,1,0,0,0-1-1,1,1,0,0,1,0-2,2.981,2.981,0,0,1,2,.78A2.981,2.981,0,0,1,14,6a1,1,0,0,1,0,2A1,1,0,0,0,13,9Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Sheets in a Box, File Tree Alternative Tab Header Icon */
body : not ( . no-svg-replace ) svg . sheets-in-box {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21,12H18a2,2,0,0,0-2,2,2,2,0,0,1-2,2H10a2,2,0,0,1-2-2,2,2,0,0,0-2-2H3a3,3,0,0,0-3,3v4a5.006,5.006,0,0,0,5,5H19a5.006,5.006,0,0,0,5-5V15A3,3,0,0,0,21,12Zm1,7a3,3,0,0,1-3,3H5a3,3,0,0,1-3-3V15a1,1,0,0,1,1-1H6a4,4,0,0,0,4,4h4a4,4,0,0,0,4-4h3a1,1,0,0,1,1,1Z'/%3E%3Cpath d='M3,10H21a1,1,0,0,0,0-2H3a1,1,0,0,0,0,2Z'/%3E%3Cpath d='M3,6H21a1,1,0,0,0,0-2H3A1,1,0,0,0,3,6Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Split */
body : not ( . no-svg-replace ) svg . split {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 14a4.929 4.929 0 0 0 -2.352.615l-3.348-4.015 7.467-8.96a1 1 0 0 0 -1.536-1.28l-7.231 8.678-7.232-8.678a1 1 0 0 0 -1.536 1.28l7.468 8.96-3.348 4.015a4.941 4.941 0 0 0 -2.352-.615 5 5 0 1 0 5 5 4.947 4.947 0 0 0 -1.112-3.1l3.112-3.738 3.111 3.738a4.955 4.955 0 0 0 -1.111 3.1 5 5 0 1 0 5-5zm-14 8a3 3 0 1 1 3-3 3 3 0 0 1 -3 3zm14 0a3 3 0 1 1 3-3 3 3 0 0 1 -3 3z'/%3E%3C/svg%3E" ) ;
}
/* Spreadsheet, Advanced Tables Plugin Icon for Side Dock + Tab Header */
body : not ( . no-svg-replace ) svg . spreadsheet {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-14a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h14a5.006 5.006 0 0 0 5-5v-14a5.006 5.006 0 0 0 -5-5zm3 19a3 3 0 0 1 -3 3h-14a3 3 0 0 1 -3-3v-14a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3zm-4-10a1 1 0 0 1 -2 0 1 1 0 0 0 -1-1h-2v8h1a1 1 0 0 1 0 2h-4a1 1 0 0 1 0-2h1v-8h-2a1 1 0 0 0 -1 1 1 1 0 0 1 -2 0 3 3 0 0 1 3-3h6a3 3 0 0 1 3 3z'/%3E%3C/svg%3E" ) ;
}
/* Stacked Levels, Layers */
body : not ( . no-svg-replace ) svg . stacked-levels {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.485,10.975,12,17.267,1.515,10.975A1,1,0,1,0,.486,12.69l11,6.6a1,1,0,0,0,1.03,0l11-6.6a1,1,0,1,0-1.029-1.715Z'/%3E%3Cpath d='M22.485,15.543,12,21.834,1.515,15.543A1,1,0,1,0,.486,17.258l11,6.6a1,1,0,0,0,1.03,0l11-6.6a1,1,0,1,0-1.029-1.715Z'/%3E%3Cpath d='M12,14.773a2.976,2.976,0,0,1-1.531-.425L.485,8.357a1,1,0,0,1,0-1.714L10.469.652a2.973,2.973,0,0,1,3.062,0l9.984,5.991a1,1,0,0,1,0,1.714l-9.984,5.991A2.976,2.976,0,0,1,12,14.773ZM2.944,7.5,11.5,12.633a.974.974,0,0,0,1,0L21.056,7.5,12.5,2.367a.974.974,0,0,0-1,0h0Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Star. Starred Files, Star/Unstar File */
body : not ( . no-svg-replace ) svg . star {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.836,8.794a3.179,3.179,0,0,0-3.067-2.226H16.4L15.073,2.432a3.227,3.227,0,0,0-6.146,0L7.6,6.568H3.231a3.227,3.227,0,0,0-1.9,5.832L4.887,15,3.535,19.187A3.178,3.178,0,0,0,4.719,22.8a3.177,3.177,0,0,0,3.8-.019L12,20.219l3.482,2.559a3.227,3.227,0,0,0,4.983-3.591L19.113,15l3.56-2.6A3.177,3.177,0,0,0,23.836,8.794Zm-2.343,1.991-4.144,3.029a1,1,0,0,0-.362,1.116L18.562,19.8a1.227,1.227,0,0,1-1.895,1.365l-4.075-3a1,1,0,0,0-1.184,0l-4.075,3a1.227,1.227,0,0,1-1.9-1.365L7.013,14.93a1,1,0,0,0-.362-1.116L2.507,10.785a1.227,1.227,0,0,1,.724-2.217h5.1a1,1,0,0,0,.952-.694l1.55-4.831a1.227,1.227,0,0,1,2.336,0l1.55,4.831a1,1,0,0,0,.952.694h5.1a1.227,1.227,0,0,1,.724,2.217Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Star 2 */
body : not ( . no-svg-replace ) svg . star-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.836,8.794a3.179,3.179,0,0,0-3.067-2.226H16.4L15.073,2.432a3.227,3.227,0,0,0-6.146,0L7.6,6.568H3.231a3.227,3.227,0,0,0-1.9,5.832L4.887,15,3.535,19.187A3.178,3.178,0,0,0,4.719,22.8a3.177,3.177,0,0,0,3.8-.019L12,20.219l3.482,2.559a3.227,3.227,0,0,0,4.983-3.591L19.113,15l3.56-2.6A3.177,3.177,0,0,0,23.836,8.794Zm-2.343,1.991-4.144,3.029a1,1,0,0,0-.362,1.116L18.562,19.8a1.227,1.227,0,0,1-1.895,1.365l-4.075-3a1,1,0,0,0-1.184,0l-4.075,3a1.227,1.227,0,0,1-1.9-1.365L7.013,14.93a1,1,0,0,0-.362-1.116L2.507,10.785a1.227,1.227,0,0,1,.724-2.217h5.1a1,1,0,0,0,.952-.694l1.55-4.831a1.227,1.227,0,0,1,2.336,0l1.55,4.831a1,1,0,0,0,.952.694h5.1a1.227,1.227,0,0,1,.724,2.217Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Star List, Star Current Search */
body : not ( . no-svg-replace ) svg . star-list {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve' width='100%25' height='100%25'%3E%3Cpath d='M506.02,475.743L378.865,348.588c74.591-91.227,61.105-225.649-30.122-300.239S123.095-12.757,48.504,78.47 S-12.601,304.119,78.626,378.71c78.578,64.249,191.54,64.249,270.118,0l127.155,127.155c8.463,8.173,21.949,7.939,30.122-0.524 C513.993,497.086,513.993,483.998,506.02,475.743z M43.604,213.87c0-94.121,76.3-170.421,170.421-170.421 s170.421,76.3,170.421,170.421s-76.3,170.421-170.421,170.421C119.948,384.185,43.71,307.947,43.604,213.87z M256.631,128.659 c-15.914,0.072-31.183,6.301-42.605,17.383c-11.422-11.081-26.691-17.311-42.605-17.383c-36.433,1.262-64.997,31.73-63.908,68.168 c0,42.605,43.479,86.553,79.97,115.886c15.533,12.371,37.553,12.371,53.086,0c36.491-29.334,79.97-73.281,79.97-115.886 C321.627,160.389,293.064,129.921,256.631,128.659z M214.153,279.482c-39.495-31.741-64.036-63.482-64.036-82.654 c-1.063-12.906,8.416-24.282,21.303-25.563c12.886,1.281,22.366,12.657,21.303,25.563c0,11.765,9.537,21.303,21.303,21.303 c11.765,0,21.303-9.537,21.303-21.303c-1.063-12.906,8.416-24.282,21.303-25.563c12.886,1.281,22.366,12.657,21.303,25.563 C277.933,216,253.393,247.741,214.153,279.482L214.153,279.482z'/%3E%3C/svg%3E%0A" ) ;
}
/* Stop Audio */
body : not ( . no-svg-replace ) svg . stop-audio-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 128v255.1c0 35.35-28.65 64-64 64H64c-35.35 0-64-28.65-64-64V128c0-35.35 28.65-64 64-64H320C355.3 64 384 92.65 384 128z'/%3E%3C/svg%3E" ) ;
}
/* Strikethrough Glyph */
body : not ( . no-svg-replace ) svg . strikethrough-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_403:2956)'%3E%3Cpath d='M7.40006 5.55269C7.30779 5.3977 7.17684 5.26934 7.02003 5.1802C6.86322 5.09106 6.68594 5.04419 6.50556 5.04419C6.32518 5.04419 6.1479 5.09106 5.99109 5.1802C5.83428 5.26934 5.70333 5.3977 5.61106 5.55269L0.111059 16.5527C0.0511452 16.6703 0.0151011 16.7986 0.00500536 16.9302C-0.00509038 17.0618 0.0109619 17.1941 0.0522367 17.3194C0.0935115 17.4448 0.159192 17.5607 0.245492 17.6606C0.331792 17.7604 0.439004 17.8422 0.555062 17.9012C0.673119 17.9602 0.801687 17.9952 0.933353 18.0043C1.06502 18.0134 1.19718 17.9963 1.32221 17.954C1.44724 17.9118 1.56267 17.8452 1.66185 17.7581C1.76103 17.6711 1.84199 17.5652 1.90006 17.4467L3.61906 13.9997H9.38306L11.1071 17.4467C11.1651 17.5652 11.2461 17.6711 11.3453 17.7581C11.4444 17.8452 11.5599 17.9118 11.6849 17.954C11.8099 17.9963 11.9421 18.0134 12.0738 18.0043C12.2054 17.9952 12.334 17.9602 12.4521 17.9012C12.5701 17.8422 12.6753 17.7604 12.7616 17.6606C12.8479 17.5607 12.9136 17.4448 12.9549 17.3194C12.9962 17.1941 13.0122 17.0618 13.0021 16.9302C12.992 16.7986 12.956 16.6703 12.8961 16.5527L7.40006 5.55269ZM4.61906 11.9997L6.50006 8.2357L8.38306 11.9997H4.61906Z' fill='black'/%3E%3Cpath d='M22.9999 7.99963C22.7346 7.99963 22.4803 8.10499 22.2927 8.29253C22.1052 8.48006 21.9999 8.73442 21.9999 8.99963V9.02563C21.1395 8.36383 20.0853 8.00331 18.9999 7.99963C17.6738 7.99963 16.402 8.52642 15.4643 9.4641C14.5267 10.4018 13.9999 11.6736 13.9999 12.9996C13.9999 14.3257 14.5267 15.5975 15.4643 16.5352C16.402 17.4728 17.6738 17.9996 18.9999 17.9996C20.0853 17.996 21.1395 17.6354 21.9999 16.9736V16.9996C21.9999 17.2649 22.1052 17.5192 22.2927 17.7067C22.4803 17.8943 22.7346 17.9996 22.9999 17.9996C23.2651 17.9996 23.5194 17.8943 23.707 17.7067C23.8945 17.5192 23.9998 17.2649 23.9998 16.9996V8.99963C23.9998 8.73442 23.8945 8.48006 23.707 8.29253C23.5194 8.10499 23.2651 7.99963 22.9999 7.99963ZM18.9999 15.9996C18.4065 15.9996 17.8265 15.8237 17.3332 15.494C16.8398 15.1644 16.4553 14.6959 16.2282 14.1477C16.0012 13.5995 15.9418 12.9963 16.0575 12.4144C16.1733 11.8324 16.459 11.2979 16.8785 10.8783C17.2981 10.4588 17.8327 10.173 18.4146 10.0573C18.9965 9.94152 19.5997 10.0009 20.1479 10.228C20.6961 10.4551 21.1646 10.8396 21.4943 11.3329C21.8239 11.8263 21.9999 12.4063 21.9999 12.9996C21.9999 13.7953 21.6838 14.5583 21.1212 15.121C20.5586 15.6836 19.7955 15.9996 18.9999 15.9996Z' fill='black'/%3E%3Cg clip-path='url(%23clip1_403:2956)'%3E%3Cpath d='M23 11.9998H1C0.447715 11.9998 0 12.4475 0 12.9998C0 13.552 0.447715 13.9998 1 13.9998H23C23.5523 13.9998 24 13.552 24 12.9998C24 12.4475 23.5523 11.9998 23 11.9998Z' fill='black'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_403:2956'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_403:2956'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 1)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" ) ;
}
/* Sweep */
body : not ( . no-svg-replace ) svg . sweep {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23.715,2.285a1.013,1.013,0,0,0-1.43,0L17.521,7.049l-.32-.313a5.008,5.008,0,0,0-6.429-.479A16.618,16.618,0,0,1,6.224,8.685L4.15,9.293a5.036,5.036,0,0,0-3.113,2.635A4.973,4.973,0,0,0,.9,15.947a12.95,12.95,0,0,0,12.112,8.064h.924a1.011,1.011,0,0,0,.578-.182A15.288,15.288,0,0,0,21.224,13.62a5.029,5.029,0,0,0-1.453-4.374l-.8-.784,4.747-4.747A1.013,1.013,0,0,0,23.715,2.285Zm-10.107,19.7h-.6A11.3,11.3,0,0,1,8.7,21.138l.011-.006a11.546,11.546,0,0,0,4.351-3.8l.518-.761a1.01,1.01,0,0,0-1.67-1.138l-.518.761A9.535,9.535,0,0,1,7.8,19.327l-1.251.63a10.757,10.757,0,0,1-2.583-2.57,11.625,11.625,0,0,0,4.377-2.664,1.011,1.011,0,0,0-1.414-1.446,9.617,9.617,0,0,1-3.98,2.32c-.061-.135-.127-.267-.182-.406a2.906,2.906,0,0,1,.085-2.381,3.023,3.023,0,0,1,1.864-1.578l2.073-.608a15.364,15.364,0,0,0,3.426-1.588l7.915,7.712A14.192,14.192,0,0,1,13.608,21.989Zm5.62-8.683a12.421,12.421,0,0,1-.309,1.387L11.948,7.9l0,0a3.011,3.011,0,0,1,1.755-.566,2.973,2.973,0,0,1,2.084.849l2.569,2.509A3.01,3.01,0,0,1,19.228,13.306Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Switch */
body : not ( . no-svg-replace ) svg . switch {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Sync */
body : not ( . no-svg-replace ) svg . sync {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Sync Small, Obsidian Sync -> Sync In Progress */
body : not ( . no-svg-replace ) svg . sync-small {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z'/%3E%3Cpath d='M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Tag Glyph */
body : not ( . no-svg-replace ) svg . tag-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23,7H18.191l.8-5.865a1,1,0,1,0-1.982-.27L16.173,7H9.191l.8-5.865A1,1,0,1,0,8.009.865L7.173,7H2A1,1,0,0,0,2,9H6.9l-.818,6H1a1,1,0,0,0,0,2H5.809l-.8,5.865a1,1,0,0,0,1.982.27L7.827,17h6.982l-.8,5.865a1,1,0,0,0,1.982.27L16.827,17H22a1,1,0,0,0,0-2H17.1l.818-6H23A1,1,0,0,0,23,7Zm-7.918,8H8.1l.818-6H15.9Z'/%3E%3C/svg%3E" ) ;
}
/* Three Horizontal Bars, Burger Menu */
body : not ( . no-svg-replace ) svg . three-horizontal-bars {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Crect y='11' width='24' height='2' rx='1'/%3E%3Crect y='4' width='24' height='2' rx='1'/%3E%3Crect y='18' width='24' height='2' rx='1'/%3E%3C/svg%3E" ) ;
}
/* Tomorrow, Calendar with Plus Sign */
body : not ( . no-svg-replace ) svg . tomorrow-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 16C17 16.2652 16.8946 16.5196 16.7071 16.7071C16.5196 16.8946 16.2652 17 16 17H13V20C13 20.2652 12.8946 20.5196 12.7071 20.7071C12.5196 20.8946 12.2652 21 12 21C11.7348 21 11.4804 20.8946 11.2929 20.7071C11.1054 20.5196 11 20.2652 11 20V17H8C7.73478 17 7.48043 16.8946 7.29289 16.7071C7.10536 16.5196 7 16.2652 7 16C7 15.7348 7.10536 15.4804 7.29289 15.2929C7.48043 15.1054 7.73478 15 8 15H11V12C11 11.7348 11.1054 11.4804 11.2929 11.2929C11.4804 11.1054 11.7348 11 12 11C12.2652 11 12.5196 11.1054 12.7071 11.2929C12.8946 11.4804 13 11.7348 13 12V15H16C16.2652 15 16.5196 15.1054 16.7071 15.2929C16.8946 15.4804 17 15.7348 17 16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 2H19C20.3256 2.00159 21.5964 2.52888 22.5338 3.46622C23.4711 4.40356 23.9984 5.67441 24 7V19C23.9984 20.3256 23.4711 21.5964 22.5338 22.5338C21.5964 23.4711 20.3256 23.9984 19 24H5C3.67441 23.9984 2.40356 23.4711 1.46622 22.5338C0.528882 21.5964 0.00158786 20.3256 0 19V7C0.00158786 5.67441 0.528882 4.40356 1.46622 3.46622C2.40356 2.52888 3.67441 2.00159 5 2H6V1C6 0.734784 6.10536 0.48043 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1V2H16V1C16 0.734784 16.1054 0.48043 16.2929 0.292893C16.4804 0.105357 16.7348 0 17 0C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V2ZM2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V8H22V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868ZM2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V10H2V19C2 19.7956 2.31607 20.5587 2.87868 21.1213Z' fill='black'/%3E%3C/svg%3E%0A" ) ;
}
/* Trash */
body : not ( . no-svg-replace ) svg . trash {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21,4H17.9A5.009,5.009,0,0,0,13,0H11A5.009,5.009,0,0,0,6.1,4H3A1,1,0,0,0,3,6H4V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5V6h1a1,1,0,0,0,0-2ZM11,2h2a3.006,3.006,0,0,1,2.829,2H8.171A3.006,3.006,0,0,1,11,2Zm7,17a3,3,0,0,1-3,3H9a3,3,0,0,1-3-3V6H18Z'/%3E%3Cpath d='M10,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,10,18Z'/%3E%3Cpath d='M14,18a1,1,0,0,0,1-1V11a1,1,0,0,0-2,0v6A1,1,0,0,0,14,18Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Two Blank Pages */
body : not ( . no-svg-replace ) svg . two-blank-pages {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M21.155,3.272,18.871.913A3.02,3.02,0,0,0,16.715,0H12A5.009,5.009,0,0,0,7.1,4H7A5.006,5.006,0,0,0,2,9V19a5.006,5.006,0,0,0,5,5h6a5.006,5.006,0,0,0,5-5v-.1A5.009,5.009,0,0,0,22,14V5.36A2.988,2.988,0,0,0,21.155,3.272ZM13,22H7a3,3,0,0,1-3-3V9A3,3,0,0,1,7,6v8a5.006,5.006,0,0,0,5,5h4A3,3,0,0,1,13,22Zm4-5H12a3,3,0,0,1-3-3V5a3,3,0,0,1,3-3h4V4a2,2,0,0,0,2,2h2v8A3,3,0,0,1,17,17Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Undo Glyph */
body : not ( . no-svg-replace ) svg . undo-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M22.535,8.46A4.965,4.965,0,0,0,19,7h0L2.8,7,7.1,2.7A1,1,0,0,0,5.682,1.288L.732,6.237a2.5,2.5,0,0,0,0,3.535l4.95,4.951A1,1,0,1,0,7.1,13.309L2.788,9,19,9h0a3,3,0,0,1,3,3v7a3,3,0,0,1-3,3H5a1,1,0,0,0,0,2H19a5.006,5.006,0,0,0,5-5V12A4.969,4.969,0,0,0,22.535,8.46Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Unindent Glyph */
body : not ( . no-svg-replace ) svg . unindent-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.00024H23C23.2652 6.00024 23.5196 5.89488 23.7071 5.70735C23.8946 5.51981 24 5.26546 24 5.00024C24 4.73503 23.8946 4.48067 23.7071 4.29314C23.5196 4.1056 23.2652 4.00024 23 4.00024H1C0.734784 4.00024 0.48043 4.1056 0.292893 4.29314C0.105357 4.48067 0 4.73503 0 5.00024C0 5.26546 0.105357 5.51981 0.292893 5.70735C0.48043 5.89488 0.734784 6.00024 1 6.00024Z' fill='black'/%3E%3Cpath d='M23.0002 8.99994H9.00015C8.73494 8.99994 8.48058 9.1053 8.29305 9.29283C8.10551 9.48037 8.00015 9.73472 8.00015 9.99994C8.00015 10.2652 8.10551 10.5195 8.29305 10.707C8.48058 10.8946 8.73494 10.9999 9.00015 10.9999H23.0002C23.2654 10.9999 23.5197 10.8946 23.7073 10.707C23.8948 10.5195 24.0002 10.2652 24.0002 9.99994C24.0002 9.73472 23.8948 9.48037 23.7073 9.29283C23.5197 9.1053 23.2654 8.99994 23.0002 8.99994Z' fill='black'/%3E%3Cpath d='M23 19.0003H1C0.734784 19.0003 0.48043 19.1056 0.292893 19.2932C0.105357 19.4807 0 19.735 0 20.0003C0 20.2655 0.105357 20.5198 0.292893 20.7074C0.48043 20.8949 0.734784 21.0003 1 21.0003H23C23.2652 21.0003 23.5196 20.8949 23.7071 20.7074C23.8946 20.5198 24 20.2655 24 20.0003C24 19.735 23.8946 19.4807 23.7071 19.2932C23.5196 19.1056 23.2652 19.0003 23 19.0003Z' fill='black'/%3E%3Cpath d='M23.0002 13.9996H9.00015C8.73494 13.9996 8.48058 14.105 8.29305 14.2925C8.10551 14.4801 8.00015 14.7344 8.00015 14.9996C8.00015 15.2648 8.10551 15.5192 8.29305 15.7067C8.48058 15.8943 8.73494 15.9996 9.00015 15.9996H23.0002C23.2654 15.9996 23.5197 15.8943 23.7073 15.7067C23.8948 15.5192 24.0002 15.2648 24.0002 14.9996C24.0002 14.7344 23.8948 14.4801 23.7073 14.2925C23.5197 14.105 23.2654 13.9996 23.0002 13.9996Z' fill='black'/%3E%3Cpath d='M3.29269 8.75488L0.318688 11.7289C0.114607 11.9336 7.53082e-06 12.2108 7.50555e-06 12.4999C7.48028e-06 12.7889 0.114607 13.0662 0.318688 13.2709L3.29269 16.2449C3.4326 16.3848 3.61086 16.48 3.8049 16.5185C3.99895 16.5571 4.20006 16.5372 4.3828 16.4614C4.56555 16.3856 4.7217 16.2573 4.83151 16.0927C4.94131 15.9282 4.99984 15.7347 4.99969 15.5369L4.99969 9.46289C4.99984 9.26505 4.94132 9.07161 4.83151 8.90705C4.7217 8.74249 4.56555 8.61419 4.38281 8.5384C4.20007 8.4626 3.99895 8.44272 3.8049 8.48125C3.61086 8.51979 3.4326 8.61501 3.29269 8.75488Z' fill='black'/%3E%3C/svg%3E%0A" ) ;
}
/* Up and Down Arrows, Global Sort */
body : not ( . no-svg-replace ) svg . up-and-down-arrows {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.05 17.79C12.9571 17.6963 12.8465 17.6219 12.7246 17.5711C12.6028 17.5203 12.472 17.4942 12.34 17.4942C12.208 17.4942 12.0773 17.5203 11.9555 17.5711C11.8336 17.6219 11.723 17.6963 11.63 17.79L8.00004 21.42V1C8.00004 0.734783 7.89468 0.480429 7.70714 0.292893C7.51961 0.105357 7.26525 0 7.00004 0C6.73482 0 6.48047 0.105357 6.29293 0.292893C6.10539 0.480429 6.00004 0.734783 6.00004 1V21.41L2.38004 17.79C2.29432 17.6728 2.18412 17.5757 2.05708 17.5054C1.93005 17.4351 1.78922 17.3933 1.6444 17.3829C1.49958 17.3725 1.35424 17.3938 1.21847 17.4452C1.0827 17.4967 0.959765 17.5771 0.858208 17.6809C0.756651 17.7846 0.678907 17.9093 0.630381 18.0461C0.581855 18.183 0.563709 18.3287 0.577206 18.4733C0.590703 18.6178 0.635518 18.7577 0.708537 18.8832C0.781555 19.0087 0.881026 19.1168 1.00004 19.2L4.92004 23.12C5.48254 23.6818 6.24503 23.9974 7.04004 23.9974C7.83504 23.9974 8.59754 23.6818 9.16004 23.12L13.08 19.2C13.2624 19.0087 13.3615 18.753 13.3559 18.4888C13.3503 18.2246 13.2403 17.9734 13.05 17.79Z' fill='black'/%3E%3Cpath d='M12 6.20998C12.1874 6.39623 12.4409 6.50078 12.705 6.50078C12.9692 6.50078 13.2227 6.39623 13.41 6.20998L17 2.57998V23C17 23.2652 17.1054 23.5196 17.2929 23.7071C17.4805 23.8946 17.7348 24 18 24C18.2653 24 18.5196 23.8946 18.7071 23.7071C18.8947 23.5196 19 23.2652 19 23V2.58998L22.62 6.20998C22.713 6.30371 22.8236 6.37811 22.9455 6.42887C23.0673 6.47964 23.198 6.50578 23.33 6.50578C23.462 6.50578 23.5928 6.47964 23.7146 6.42887C23.8365 6.37811 23.9471 6.30371 24.04 6.20998C24.2263 6.02262 24.3308 5.76917 24.3308 5.50498C24.3308 5.2408 24.2263 4.98734 24.04 4.79998L20.13 0.879976C19.5675 0.318174 18.805 0.00261514 18.01 0.00261514C17.215 0.00261514 16.4525 0.318174 15.89 0.879976L12 4.79998C11.8138 4.98734 11.7092 5.2408 11.7092 5.50498C11.7092 5.76917 11.8138 6.02262 12 6.20998Z' fill='black'/%3E%3C/svg%3E%0A" ) ;
}
/* Up Arrow with Tail */
body : not ( . no-svg-replace ) svg . up-arrow-with-tail {
transform : rotate ( 90deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M.88,14.09,4.75,18a1,1,0,0,0,1.42,0h0a1,1,0,0,0,0-1.42L2.61,13H23a1,1,0,0,0,1-1h0a1,1,0,0,0-1-1H2.55L6.17,7.38A1,1,0,0,0,6.17,6h0A1,1,0,0,0,4.75,6L.88,9.85A3,3,0,0,0,.88,14.09Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Up Chevron */
body : not ( . no-svg-replace ) svg . up-chevron-glyph {
transform : rotate ( 90deg ) ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M10.6,12.71a1,1,0,0,1,0-1.42l4.59-4.58a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0L9.19,9.88a3,3,0,0,0,0,4.24l4.59,4.59a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29,1,1,0,0,0,0-1.42Z'/%3E%3C/svg%3E" ) ;
}
/* Uppercase Lowercase A */
body : not ( . no-svg-replace ) svg . uppercase-lowercase-a {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M7.4,5.553a1.041,1.041,0,0,0-1.789,0l-5.5,11a1,1,0,1,0,1.789.894L3.619,14H9.383l1.724,3.447a1,1,0,1,0,1.789-.894ZM4.619,12,6.5,8.236,8.383,12Z'/%3E%3Cpath d='M23,8a1,1,0,0,0-1,1v.026A4.948,4.948,0,0,0,19,8a5,5,0,0,0,0,10,4.948,4.948,0,0,0,3-1.026V17a1,1,0,0,0,2,0V9A1,1,0,0,0,23,8Zm-4,8a3,3,0,1,1,3-3A3,3,0,0,1,19,16Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Vault, Side Dock Ribbon -> Vault (Normal State) */
body : not ( . no-svg-replace ) svg . vault {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m19 0h-14a5.006 5.006 0 0 0 -5 5v14a5.006 5.006 0 0 0 5 5h14a5.006 5.006 0 0 0 5-5v-14a5.006 5.006 0 0 0 -5-5zm-3 11h-3v-3h3zm2-3h4v3h-4zm-5-2v-4h3v4zm-2 0h-3v-4h3zm0 2v3h-3v-3zm-5 3h-4v-3h4zm-4 2h4v3h-4zm6 0h3v3h-3zm3 5v4h-3v-4zm2 0h3v4h-3zm0-2v-3h3v3zm5-3h4v3h-4zm4-8v1h-4v-4h1a3 3 0 0 1 3 3zm-17-3h1v4h-4v-1a3 3 0 0 1 3-3zm-3 17v-1h4v4h-1a3 3 0 0 1 -3-3zm17 3h-1v-4h4v1a3 3 0 0 1 -3 3z'/%3E%3C/svg%3E" ) ;
}
/* Vertical Split / Split Vertically */
body : not ( . no-svg-replace ) svg . vertical-split {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 512 512' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)'%0Afill='%23000000' stroke='none'%3E%3Cpath d='M2015 4466 c-37 -17 -70 -52 -84 -89 -8 -19 -11 -290 -11 -843 l0%0A-814 -527 0 -528 0 282 283 c304 304 305 306 288 394 -9 49 -69 109 -118 118%0A-91 17 -76 30 -549 -443 -383 -384 -438 -442 -443 -475 -17 -92 -30 -76 443%0A-549 473 -473 458 -460 549 -443 49 9 109 69 118 118 17 88 16 90 -288 395%0Al-282 282 528 0 527 0 2 -829 c3 -820 3 -830 24 -857 39 -53 71 -69 134 -69%0A63 0 95 16 134 69 l21 27 0 1819 0 1819 -21 27 c-11 15 -32 37 -46 47 -34 25%0A-113 32 -153 13z'/%3E%3Cpath d='M2975 4466 c-41 -18 -83 -69 -90 -109 -3 -18 -4 -838 -3 -1824 l3%0A-1792 21 -27 c39 -53 71 -69 134 -69 63 0 95 16 134 69 21 27 21 37 24 857 l2%0A829 527 0 528 0 -282 -282 c-304 -305 -305 -307 -288 -395 9 -49 69 -109 118%0A-118 91 -17 76 -30 549 443 473 473 460 457 443 549 -5 33 -60 91 -443 475%0A-384 383 -442 438 -474 443 -61 11 -108 -3 -149 -44 -41 -41 -55 -88 -44 -148%0A6 -33 45 -77 288 -320 l282 -283 -528 0 -527 0 -2 829 c-3 820 -3 830 -24 857%0A-11 15 -32 37 -46 47 -33 25 -113 32 -153 13z'/%3E%3C/g%3E%3C/svg%3E" ) ;
}
/* Vertical Three Dots, Active Note -> More Options */
body : not ( . no-svg-replace ) svg . vertical-three-dots {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Ccircle cx='2' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='22' cy='12' r='2'/%3E%3C/svg%3E%0A" ) ;
}
/* Magic Wand, Graph View Timelapse Animation Button Icon */
body : not ( . no-svg-replace ) svg . wand {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg id='Layer_1' height='100%25' viewBox='0 0 24 24' width='100%25' xmlns='http://www.w3.org/2000/svg' data-name='Layer 1'%3E%3Cpath d='m18 9.064a3.049 3.049 0 0 0 -.9-2.164 3.139 3.139 0 0 0 -4.334 0l-11.866 11.869a3.064 3.064 0 0 0 4.33 4.331l11.87-11.869a3.047 3.047 0 0 0 .9-2.167zm-14.184 12.624a1.087 1.087 0 0 1 -1.5 0 1.062 1.062 0 0 1 0-1.5l7.769-7.77 1.505 1.505zm11.872-11.872-2.688 2.689-1.5-1.505 2.689-2.688a1.063 1.063 0 1 1 1.5 1.5zm-10.825-6.961 1.55-.442.442-1.55a1.191 1.191 0 0 1 2.29 0l.442 1.55 1.55.442a1.191 1.191 0 0 1 0 2.29l-1.55.442-.442 1.55a1.191 1.191 0 0 1 -2.29 0l-.442-1.55-1.55-.442a1.191 1.191 0 0 1 0-2.29zm18.274 14.29-1.55.442-.442 1.55a1.191 1.191 0 0 1 -2.29 0l-.442-1.55-1.55-.442a1.191 1.191 0 0 1 0-2.29l1.55-.442.442-1.55a1.191 1.191 0 0 1 2.29 0l.442 1.55 1.55.442a1.191 1.191 0 0 1 0 2.29zm-5.382-14.645 1.356-.387.389-1.358a1.042 1.042 0 0 1 2 0l.387 1.356 1.356.387a1.042 1.042 0 0 1 0 2l-1.356.387-.387 1.359a1.042 1.042 0 0 1 -2 0l-.387-1.355-1.358-.389a1.042 1.042 0 0 1 0-2z'/%3E%3C/svg%3E" ) ;
}
/* Workspace Glyph */
body : not ( . no-svg-replace ) svg . workspace-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M2,11H13a2,2,0,0,0,2-2V2a2,2,0,0,0-2-2H2A2,2,0,0,0,0,2V9A2,2,0,0,0,2,11ZM2,2H13V9H2Z'/%3E%3Cpath d='M22,0H19a2,2,0,0,0-2,2V9a2,2,0,0,0,2,2h3a2,2,0,0,0,2-2V2A2,2,0,0,0,22,0Zm0,9H19V2h3Z'/%3E%3Cpath d='M5,13H2a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H5a2,2,0,0,0,2-2V15A2,2,0,0,0,5,13Zm0,9H2V15H5Z'/%3E%3Cpath d='M22,13H11a2,2,0,0,0-2,2v7a2,2,0,0,0,2,2H22a2,2,0,0,0,2-2V15A2,2,0,0,0,22,13Zm0,9H11V15H22Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Wrench Screwdriver Glyph */
body : not ( . no-svg-replace ) svg . wrench-screwdriver-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z'/%3E%3Cpath d='M21.294,13.9l-.444-.256a9.1,9.1,0,0,0,0-3.29l.444-.256a3,3,0,1,0-3-5.2l-.445.257A8.977,8.977,0,0,0,15,3.513V3A3,3,0,0,0,9,3v.513A8.977,8.977,0,0,0,6.152,5.159L5.705,4.9a3,3,0,0,0-3,5.2l.444.256a9.1,9.1,0,0,0,0,3.29l-.444.256a3,3,0,1,0,3,5.2l.445-.257A8.977,8.977,0,0,0,9,20.487V21a3,3,0,0,0,6,0v-.513a8.977,8.977,0,0,0,2.848-1.646l.447.258a3,3,0,0,0,3-5.2Zm-2.548-3.776a7.048,7.048,0,0,1,0,3.75,1,1,0,0,0,.464,1.133l1.084.626a1,1,0,0,1-1,1.733l-1.086-.628a1,1,0,0,0-1.215.165,6.984,6.984,0,0,1-3.243,1.875,1,1,0,0,0-.751.969V21a1,1,0,0,1-2,0V19.748a1,1,0,0,0-.751-.969A6.984,6.984,0,0,1,7.006,16.9a1,1,0,0,0-1.215-.165l-1.084.627a1,1,0,1,1-1-1.732l1.084-.626a1,1,0,0,0,.464-1.133,7.048,7.048,0,0,1,0-3.75A1,1,0,0,0,4.79,8.992L3.706,8.366a1,1,0,0,1,1-1.733l1.086.628A1,1,0,0,0,7.006,7.1a6.984,6.984,0,0,1,3.243-1.875A1,1,0,0,0,11,4.252V3a1,1,0,0,1,2,0V4.252a1,1,0,0,0,.751.969A6.984,6.984,0,0,1,16.994,7.1a1,1,0,0,0,1.215.165l1.084-.627a1,1,0,1,1,1,1.732l-1.084.626A1,1,0,0,0,18.746,10.125Z'/%3E%3C/svg%3E%0A" ) ;
}
/* Yesterday Glyph, Calendar with Minus */
body : not ( . no-svg-replace ) svg . yesterday-glyph {
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18 2H19C20.3256 2.00159 21.5964 2.52888 22.5338 3.46622C23.4711 4.40356 23.9984 5.67441 24 7V19C23.9984 20.3256 23.4711 21.5964 22.5338 22.5338C21.5964 23.4711 20.3256 23.9984 19 24H5C3.67441 23.9984 2.40356 23.4711 1.46622 22.5338C0.528882 21.5964 0.00158786 20.3256 0 19V7C0.00158786 5.67441 0.528882 4.40356 1.46622 3.46622C2.40356 2.52888 3.67441 2.00159 5 2H6V1C6 0.734784 6.10536 0.48043 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.48043 8 0.734784 8 1V2H16V1C16 0.734784 16.1054 0.48043 16.2929 0.292893C16.4804 0.105357 16.7348 0 17 0C17.2652 0 17.5196 0.105357 17.7071 0.292893C17.8946 0.48043 18 0.734784 18 1V2ZM2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V8H22V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868ZM2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V10H2V19C2 19.7956 2.31607 20.5587 2.87868 21.1213Z' fill='black'/%3E%3Cpath d='M8.13379 15L16.1338 15C16.6861 15 17.1338 15.4477 17.1338 16C17.1338 16.5523 16.6861 17 16.1338 17L8.13379 17C7.58151 17 7.13379 16.5523 7.13379 16C7.13379 15.4477 7.58151 15 8.13379 15Z' fill='black'/%3E%3C/svg%3E%0A" ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Alternative Checkboxes
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*────────── Checkbox Radius ──────────*/
body {
--ch-radius : var ( --scale-2-2 ) ;
--ach-radius-noborder : var ( --scale-0-0 ) ;
--ach-radius-curved : var ( --scale-2-2 ) ;
--ach-radius-squircle : var ( --scale-2-3 ) ;
--ach-radius-round : var ( --scale-8-2 ) ;
}
/*────────── Checkbox List Text ──────────*/
/* Normal Text */
. markdown-source-view . mod-cm6 . HyperMD-task-line [ data-task ] : is ( [ data-task = "!" ] , [ data-task = "/" ] , [ data-task = "?" ] , [ data-task = n ] , [ data-task = "*" ] , [ data-task = l ] , [ data-task = i ] , [ data-task = "<" ] , [ data-task = S ] , [ data-task = '"' ] , [ data-task = I ] , [ data-task = p ] , [ data-task = c ] , [ data-task = b ] ) ,
ul > li . task-list-item . is-checked [ data-task ] : is ( [ data-task = "!" ] , [ data-task = "/" ] , [ data-task = "?" ] , [ data-task = n ] , [ data-task = "*" ] , [ data-task = l ] , [ data-task = i ] , [ data-task = "<" ] , [ data-task = S ] , [ data-task = '"' ] , [ data-task = I ] , [ data-task = p ] , [ data-task = c ] , [ data-task = b ] ) {
color : var ( --md-color-text ) ;
text-decoration : none ;
}
/* Muted Text */
. markdown-source-view . mod-cm6 . HyperMD-task-line [ data-task ] : is ( [ data-task = ">" ] , [ data-task = "-" ] ) ,
ul > li . task-list-item . is-checked [ data-task ] : is ( [ data-task = ">" ] , [ data-task = "-" ] ) {
color : var ( --md-color-text-muted ) ;
text-decoration : none ;
}
/*────────── Icons & Background Color ──────────*/
: root . theme-light {
--ach-color-resched : var ( --color-l-blue-300 ) ;
--ach-color-sched : var ( --color-l-gray-90 ) ;
--ach-color-important : var ( --color-l-red-500 ) ;
--ach-color-cancelled : var ( --color-l-black ) ;
--ach-color-inprogress : var ( --color-l-gray-50 ) ;
--ach-color-question : var ( --color-l-yellow-700 ) ;
--ach-color-note : var ( --color-l-red-700 ) ;
--ach-color-star : var ( --color-l-orange-500 ) ;
--ach-color-location : var ( --color-l-red-500 ) ;
--ach-color-info : var ( --color-l-blue-700 ) ;
--ach-color-amount : var ( --color-l-yellow-900 ) ;
--ach-color-quote : var ( --color-l-violet-700 ) ;
--ach-color-idea : var ( --color-l-yellow-700 ) ;
--ach-color-pro : var ( --color-l-green-700 ) ;
--ach-color-con : var ( --color-l-red-700 ) ;
--ach-color-bookmark : var ( --color-l-red-700 ) ;
--ach-color-fire : var ( --color-l-orange-500 ) ;
--ach-color-win : var ( --color-l-yellow-700 ) ;
--ach-color-key : var ( --color-l-yellow-500 ) ;
--ach-color-up : var ( --color-l-green-900 ) ;
--ach-color-down : var ( --color-l-red-700 ) ;
--ach-color-law : var ( --color-l-gray-90 ) ;
--ach-color-measure : var ( --color-l-blue-500 ) ;
--ach-color-medical : var ( --color-l-blue-300 ) ;
--ach-color-time : var ( --color-l-violet-300 ) ;
--ach-color-telephone : var ( --color-l-red-300 ) ;
--ach-color-person : var ( --color-l-blue-900 ) ;
--ach-color-tags : var ( --color-l-blue-900 ) ;
--ach-color-feature : var ( --color-l-orange-700 ) ;
--ach-color-language : var ( --color-l-blue-300 ) ;
--ach-color-world : var ( --color-l-blue-700 ) ;
--ach-color-universe : var ( --color-l-violet-900 ) ;
}
: root . theme-dark {
--ach-color-resched : var ( --color-d-blue-300 ) ;
--ach-color-sched : var ( --color-d-gray-20 ) ;
--ach-color-important : var ( --color-d-red-900 ) ;
--ach-color-cancelled : var ( --color-d-black ) ;
--ach-color-inprogress : var ( --color-d-gray-30 ) ;
--ach-color-question : var ( --color-d-yellow-700 ) ;
--ach-color-note : var ( --color-d-red-700 ) ;
--ach-color-star : var ( --color-d-orange-500 ) ;
--ach-color-location : var ( --color-d-red-700 ) ;
--ach-color-info : var ( --color-d-blue-700 ) ;
--ach-color-amount : var ( --color-d-yellow-900 ) ;
--ach-color-quote : var ( --color-d-violet-700 ) ;
--ach-color-idea : var ( --color-d-yellow-700 ) ;
--ach-color-pro : var ( --color-d-green-700 ) ;
--ach-color-con : var ( --color-d-red-700 ) ;
--ach-color-bookmark : var ( --color-d-red-900 ) ;
--ach-color-fire : var ( --color-d-orange-700 ) ;
--ach-color-win : var ( --color-d-yellow-500 ) ;
--ach-color-key : var ( --color-d-yellow-700 ) ;
--ach-color-up : var ( --color-d-green-700 ) ;
--ach-color-down : var ( --color-d-red-900 ) ;
--ach-color-law : var ( --color-d-gray-40 ) ;
--ach-color-measure : var ( --color-d-blue-500 ) ;
--ach-color-medical : var ( --color-d-blue-300 ) ;
--ach-color-time : var ( --color-d-violet-500 ) ;
--ach-color-telephone : var ( --color-d-red-500 ) ;
--ach-color-person : var ( --color-d-blue-900 ) ;
--ach-color-tags : var ( --color-d-blue-900 ) ;
--ach-color-feature : var ( --color-d-orange-700 ) ;
--ach-color-language : var ( --color-d-blue-300 ) ;
--ach-color-world : var ( --color-d-blue-700 ) ;
--ach-color-universe : var ( --color-d-violet-900 ) ;
}
/* x — Checked */
input [ data-task = x ] ,
li [ data-task = x ] > input ,
li [ data-task = x ] > p > input {
border-radius : var ( --ch-radius ) ;
}
input [ data-task = x ] : checked ,
li [ data-task = x ] > input : checked ,
li [ data-task = x ] > p > input : checked {
background-position : center center ;
background-size : 75 % ;
background-repeat : no-repeat ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E" ) ;
}
/* > — Rescheduled/Moved */
input [ data-task = ">" ] ,
li [ data-task = ">" ] > input ,
li [ data-task = ">" ] > p > input {
border-radius : var ( --ach-radius-noborder ) ;
}
input [ data-task = ">" ] : checked ,
li [ data-task = ">" ] > input : checked ,
li [ data-task = ">" ] > p > input : checked {
cursor : default ;
background-position : center ;
background : none ;
-webkit-mask-size : 110 % ;
-webkit-mask-position : 50 % 50 % ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m21.426 11.095-17-8A1 1 0 0 0 3.03 4.242l1.212 4.849L12 12l-7.758 2.909-1.212 4.849a.998.998 0 0 0 1.396 1.147l17-8a1 1 0 0 0 0-1.81z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = ">" ] : checked , . theme-dark input [ data-task = ">" ] : checked ,
. theme-light li [ data-task = ">" ] > input : checked ,
. theme-dark li [ data-task = ">" ] > input : checked ,
. theme-light li [ data-task = ">" ] > p > input : checked ,
. theme-dark li [ data-task = ">" ] > p > input : checked {
background-color : var ( --ach-color-resched ) ;
box-shadow : none ;
}
/* < — Schedule */
input [ data-task = "<" ] ,
li [ data-task = "<" ] > input ,
li [ data-task = "<" ] > p > input {
border-radius : var ( --ach-radius-noborder ) ;
}
input [ data-task = "<" ] : checked ,
li [ data-task = "<" ] > input : checked ,
li [ data-task = "<" ] > p > input : checked {
cursor : default ;
background : none ;
-webkit-mask-size : 110 % ;
-webkit-mask-position : 50 % 50 % ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M5 22h14c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2h-2V2h-2v2H9V2H7v2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2zM5 7h14v2H5V7z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = "<" ] : checked , . theme-dark input [ data-task = "<" ] : checked ,
. theme-light li [ data-task = "<" ] > input : checked ,
. theme-dark li [ data-task = "<" ] > input : checked ,
. theme-light li [ data-task = "<" ] > p > input : checked ,
. theme-dark li [ data-task = "<" ] > p > input : checked {
background-color : var ( --ach-color-sched ) ;
box-shadow : none ;
}
/* ! — Important */
input [ data-task = "!" ] ,
li [ data-task = "!" ] > input ,
li [ data-task = "!" ] > p > input {
border-radius : var ( --ch-radius ) ;
}
input [ data-task = "!" ] : checked ,
li [ data-task = "!" ] > input : checked ,
li [ data-task = "!" ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 22 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 128 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M64 352c17.69 0 32-14.32 32-31.1V64.01c0-17.67-14.31-32.01-32-32.01S32 46.34 32 64.01v255.1C32 337.7 46.31 352 64 352zM64 400c-22.09 0-40 17.91-40 40s17.91 39.1 40 39.1s40-17.9 40-39.1S86.09 400 64 400z'/%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = "!" ] : checked , . theme-dark input [ data-task = "!" ] : checked ,
. theme-light li [ data-task = "!" ] > input : checked ,
. theme-dark li [ data-task = "!" ] > input : checked ,
. theme-light li [ data-task = "!" ] > p > input : checked ,
. theme-dark li [ data-task = "!" ] > p > input : checked {
background-color : var ( --ach-color-important ) ;
box-shadow : none ;
}
/* - — Cancelled */
input [ data-task = "-" ] ,
li [ data-task = "-" ] > input ,
li [ data-task = "-" ] > p > input {
border-radius : var ( --ch-radius ) ;
}
input [ data-task = "-" ] : checked ,
li [ data-task = "-" ] > input : checked ,
li [ data-task = "-" ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 67 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M400 288h-352c-17.69 0-32-14.32-32-32.01s14.31-31.99 32-31.99h352c17.69 0 32 14.3 32 31.99S417.7 288 400 288z'/%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = "-" ] : checked , . theme-dark input [ data-task = "-" ] : checked ,
. theme-light li [ data-task = "-" ] > input : checked ,
. theme-dark li [ data-task = "-" ] > input : checked ,
. theme-light li [ data-task = "-" ] > p > input : checked ,
. theme-dark li [ data-task = "-" ] > p > input : checked {
background-color : var ( --ach-color-cancelled ) ;
box-shadow : none ;
}
/* / — In Progress */
input [ data-task = "/" ] ,
li [ data-task = "/" ] > input ,
li [ data-task = "/" ] > p > input {
border-radius : var ( --ch-radius ) ;
}
input [ data-task = "/" ] : checked ,
li [ data-task = "/" ] > input : checked ,
li [ data-task = "/" ] > p > input : checked {
background-image : none ;
}
. theme-light input [ data-task = "/" ] : checked , . theme-dark input [ data-task = "/" ] : checked ,
. theme-light li [ data-task = "/" ] > input : checked ,
. theme-dark li [ data-task = "/" ] > input : checked ,
. theme-light li [ data-task = "/" ] > p > input : checked ,
. theme-dark li [ data-task = "/" ] > p > input : checked {
background : var ( --ach-color-inprogress ) ;
}
/* ? — Question */
input [ data-task = "?" ] ,
li [ data-task = "?" ] > input ,
li [ data-task = "?" ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = "?" ] : checked ,
li [ data-task = "?" ] > input : checked ,
li [ data-task = "?" ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 48 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 320 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M204.3 32.01H96c-52.94 0-96 43.06-96 96c0 17.67 14.31 31.1 32 31.1s32-14.32 32-31.1c0-17.64 14.34-32 32-32h108.3C232.8 96.01 256 119.2 256 147.8c0 19.72-10.97 37.47-30.5 47.33L127.8 252.4C117.1 258.2 112 268.7 112 280v40c0 17.67 14.31 31.99 32 31.99s32-14.32 32-31.99V298.3L256 251.3c39.47-19.75 64-59.42 64-103.5C320 83.95 268.1 32.01 204.3 32.01zM144 400c-22.09 0-40 17.91-40 40s17.91 39.1 40 39.1s40-17.9 40-39.1S166.1 400 144 400z'/%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = "?" ] : checked , . theme-dark input [ data-task = "?" ] : checked ,
. theme-light li [ data-task = "?" ] > input : checked ,
. theme-dark li [ data-task = "?" ] > input : checked ,
. theme-light li [ data-task = "?" ] > p > input : checked ,
. theme-dark li [ data-task = "?" ] > p > input : checked {
background-color : var ( --ach-color-question ) ;
box-shadow : none ;
}
/* n — Note */
input [ data-task = n ] ,
li [ data-task = n ] > input ,
li [ data-task = n ] > p > input {
border-radius : var ( --ach-radius-noborder ) ;
}
input [ data-task = n ] : checked ,
li [ data-task = n ] > input : checked ,
li [ data-task = n ] > p > input : checked {
cursor : default ;
background-position : center ;
background : none ;
transform : rotate ( 45deg ) ;
-webkit-mask-size : 120 % ;
-webkit-mask-position : 50 % 50 % ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 11.586V6h2V4a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v2h2v5.586l-2.707 1.707A.996.996 0 0 0 6 14v2a1 1 0 0 0 1 1h4v3l1 2 1-2v-3h4a1 1 0 0 0 1-1v-2a.996.996 0 0 0-.293-.707L15 11.586z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = n ] : checked , . theme-dark input [ data-task = n ] : checked ,
. theme-light li [ data-task = n ] > input : checked ,
. theme-dark li [ data-task = n ] > input : checked ,
. theme-light li [ data-task = n ] > p > input : checked ,
. theme-dark li [ data-task = n ] > p > input : checked {
background-color : var ( --ach-color-note ) ;
box-shadow : none ;
}
/* * — Star */
input [ data-task = "*" ] ,
li [ data-task = "*" ] > input ,
li [ data-task = "*" ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = "*" ] : checked ,
li [ data-task = "*" ] > input : checked ,
li [ data-task = "*" ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 80 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M21.947 9.179a1.001 1.001 0 0 0-.868-.676l-5.701-.453-2.467-5.461a.998.998 0 0 0-1.822-.001L8.622 8.05l-5.701.453a1 1 0 0 0-.619 1.713l4.213 4.107-1.49 6.452a1 1 0 0 0 1.53 1.057L12 18.202l5.445 3.63a1.001 1.001 0 0 0 1.517-1.106l-1.829-6.4 4.536-4.082c.297-.268.406-.686.278-1.065z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = "*" ] : checked , . theme-dark input [ data-task = "*" ] : checked ,
. theme-light li [ data-task = "*" ] > input : checked ,
. theme-dark li [ data-task = "*" ] > input : checked ,
. theme-light li [ data-task = "*" ] > p > input : checked ,
. theme-dark li [ data-task = "*" ] > p > input : checked {
background-color : var ( --ach-color-star ) ;
box-shadow : none ;
}
/* l — Location */
input [ data-task = l ] ,
li [ data-task = l ] > input ,
li [ data-task = l ] > p > input {
border-radius : var ( --ach-radius-noborder ) ;
}
input [ data-task = l ] : checked ,
li [ data-task = l ] > input : checked ,
li [ data-task = l ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 100 % ;
background : none ;
-webkit-mask-size : 110 % ;
-webkit-mask-position : 50 % 50 % ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='h-5 w-5' viewBox='0 0 20 20' fill='white'%3E%3Cpath fill-rule='evenodd' d='M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z' clip-rule='evenodd' /%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = l ] : checked , . theme-dark input [ data-task = l ] : checked ,
. theme-light li [ data-task = l ] > input : checked ,
. theme-dark li [ data-task = l ] > input : checked ,
. theme-light li [ data-task = l ] > p > input : checked ,
. theme-dark li [ data-task = l ] > p > input : checked {
background-color : var ( --ach-color-location ) ;
box-shadow : none ;
}
/* i — Info */
input [ data-task = i ] ,
li [ data-task = i ] > input ,
li [ data-task = i ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = i ] : checked ,
li [ data-task = i ] > input : checked ,
li [ data-task = i ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 26 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='fill: %23fff' viewBox='0 0 192 512'%3E%3C!--! Font Awesome Pro 6.0.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M160 448h-32V224c0-17.69-14.33-32-32-32L32 192c-17.67 0-32 14.31-32 32s14.33 31.1 32 31.1h32v192H32c-17.67 0-32 14.31-32 32s14.33 32 32 32h128c17.67 0 32-14.31 32-32S177.7 448 160 448zM96 128c26.51 0 48-21.49 48-48S122.5 32.01 96 32.01s-48 21.49-48 48S69.49 128 96 128z'/%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = i ] : checked , . theme-dark input [ data-task = i ] : checked ,
. theme-light li [ data-task = i ] > input : checked ,
. theme-dark li [ data-task = i ] > input : checked ,
. theme-light li [ data-task = i ] > p > input : checked ,
. theme-dark li [ data-task = i ] > p > input : checked {
background-color : var ( --ach-color-info ) ;
box-shadow : none ;
}
/* S — Amount */
input [ data-task = S ] ,
li [ data-task = S ] > input ,
li [ data-task = S ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = S ] : checked ,
li [ data-task = S ] > input : checked ,
li [ data-task = S ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 100 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15.999 8.5h2c0-2.837-2.755-4.131-5-4.429V2h-2v2.071c-2.245.298-5 1.592-5 4.429 0 2.706 2.666 4.113 5 4.43v4.97c-1.448-.251-3-1.024-3-2.4h-2c0 2.589 2.425 4.119 5 4.436V22h2v-2.07c2.245-.298 5-1.593 5-4.43s-2.755-4.131-5-4.429V6.1c1.33.239 3 .941 3 2.4zm-8 0c0-1.459 1.67-2.161 3-2.4v4.799c-1.371-.253-3-1.002-3-2.399zm8 7c0 1.459-1.67 2.161-3 2.4v-4.8c1.33.239 3 .941 3 2.4z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = S ] : checked , . theme-dark input [ data-task = S ] : checked ,
. theme-light li [ data-task = S ] > input : checked ,
. theme-dark li [ data-task = S ] > input : checked ,
. theme-light li [ data-task = S ] > p > input : checked ,
. theme-dark li [ data-task = S ] > p > input : checked {
background-color : var ( --ach-color-amount ) ;
box-shadow : none ;
}
/* " — Quote */
input [ data-task = '"' ] : checked ,
li [ data-task = '"' ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 80 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='m21.95 8.721-.025-.168-.026.006A4.5 4.5 0 1 0 17.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222-.474.197.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.028 7.028 0 0 0-.063-.539zm-11 0-.025-.168-.026.006A4.5 4.5 0 1 0 6.5 14c.223 0 .437-.034.65-.065-.069.232-.14.468-.254.68-.114.308-.292.575-.469.844-.148.291-.409.488-.601.737-.201.242-.475.403-.692.604-.213.21-.492.315-.714.463-.232.133-.434.28-.65.35l-.539.222c-.301.123-.473.195-.473.195l.484 1.939.597-.144c.191-.048.424-.104.689-.171.271-.05.56-.187.882-.312.317-.143.686-.238 1.028-.467.344-.218.741-.4 1.091-.692.339-.301.748-.562 1.05-.944.33-.358.656-.734.909-1.162.293-.408.492-.856.702-1.299.19-.443.343-.896.468-1.336.237-.882.343-1.72.384-2.437.034-.718.014-1.315-.028-1.747a7.571 7.571 0 0 0-.064-.537z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = '"' ] : checked , . theme-dark input [ data-task = '"' ] : checked ,
. theme-light li [ data-task = '"' ] > p > input : checked ,
. theme-dark li [ data-task = '"' ] > p > input : checked {
background-color : var ( --ach-color-quote ) ;
box-shadow : none ;
}
/* I — Idea / Lightbulb */
input [ data-task = I ] ,
li [ data-task = I ] > input ,
li [ data-task = I ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = I ] : checked ,
li [ data-task = I ] > input : checked ,
li [ data-task = I ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 90 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='9' y1='18' x2='15' y2='18'%3E%3C/line%3E%3Cline x1='10' y1='22' x2='14' y2='22'%3E%3C/line%3E%3Cpath d='M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1 .23 2.23 1.5 3.5A4.61 4.61 0 0 1 8.91 14'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = I ] : checked , . theme-dark input [ data-task = I ] : checked ,
. theme-light li [ data-task = I ] > input : checked ,
. theme-dark li [ data-task = I ] > input : checked ,
. theme-light li [ data-task = I ] > p > input : checked ,
. theme-dark li [ data-task = I ] > p > input : checked {
background-color : var ( --ach-color-idea ) ;
box-shadow : none ;
}
/* p - Pro */
input [ data-task = p ] ,
li [ data-task = p ] > input ,
li [ data-task = p ] > p > input {
border-radius : var ( --ach-radius-curved ) ;
}
input [ data-task = p ] : checked ,
li [ data-task = p ] > input : checked ,
li [ data-task = p ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 90 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E<!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons -->%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = p ] : checked , . theme-dark input [ data-task = p ] : checked ,
. theme-light li [ data-task = p ] > input : checked ,
. theme-dark li [ data-task = p ] > input : checked ,
. theme-light li [ data-task = p ] > p > input : checked ,
. theme-dark li [ data-task = p ] > p > input : checked {
background-color : var ( --ach-color-pro ) ;
box-shadow : none ;
}
/* c - Con */
input [ data-task = c ] ,
li [ data-task = c ] > input ,
li [ data-task = c ] > p > input {
border-radius : var ( --ach-radius-curved ) ;
}
input [ data-task = c ] : checked ,
li [ data-task = c ] > input : checked ,
li [ data-task = c ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 90 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E<!--! Atomicons Free 1.00 by @atisalab License - https://atomicons.com/license/ (Icons: CC BY 4.0) Copyright 2021 Atomicons -->%3Cpath d='M7,9l4-7h.69a2,2,0,0,1,2,2.28L13,9h6.67a2,2,0,0,1,2,2.3l-1.39,9a2,2,0,0,1-2,1.7H7Z'%3E%3C/path%3E%3Cpath d='M2,11v9a2,2,0,0,0,2,2H7V9H4A2,2,0,0,0,2,11Z'%3E%3C/path%3E%3C/svg%3E" ) ;
transform : scaleY ( -1 ) ;
}
. theme-light input [ data-task = c ] : checked , . theme-dark input [ data-task = c ] : checked ,
. theme-light li [ data-task = c ] > input : checked ,
. theme-dark li [ data-task = c ] > input : checked ,
. theme-light li [ data-task = c ] > p > input : checked ,
. theme-dark li [ data-task = c ] > p > input : checked {
background-color : var ( --ach-color-con ) ;
box-shadow : none ;
}
/* b - Bookmark */
input [ data-task = b ] ,
li [ data-task = b ] > input ,
li [ data-task = b ] > p > input {
border-radius : var ( --ach-radius-curved ) ;
}
input [ data-task = b ] : checked ,
li [ data-task = b ] > input : checked ,
li [ data-task = b ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 90 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M19 10.132v-6c0-1.103-.897-2-2-2H7c-1.103 0-2 .897-2 2V22l7-4.666L19 22V10.132z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = b ] : checked , . theme-dark input [ data-task = b ] : checked ,
. theme-light li [ data-task = b ] > input : checked ,
. theme-dark li [ data-task = b ] > input : checked ,
. theme-light li [ data-task = b ] > p > input : checked ,
. theme-dark li [ data-task = b ] > p > input : checked {
background-color : var ( --ach-color-bookmark ) ;
box-shadow : none ;
}
/* f - Fire */
input [ data-task = f ] : checked ,
li [ data-task = f ] > input : checked ,
li [ data-task = f ] > p > input : checked {
cursor : default ;
background-position : center ;
background-size : 100 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M16.5 8c0 1.5-.5 3.5-2.9 4.3.7-1.7.8-3.4.3-5-.7-2.1-3-3.7-4.6-4.6-.4-.3-1.1.1-1 .7 0 1.1-.3 2.7-2 4.4C4.1 10 3 12.3 3 14.5 3 17.4 5 21 9 21c-4-4-1-7.5-1-7.5.8 5.9 5 7.5 7 7.5 1.7 0 5-1.2 5-6.4 0-3.1-1.3-5.5-2.4-6.9-.3-.5-1-.2-1.1.3'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = f ] : checked , . theme-dark input [ data-task = f ] : checked ,
. theme-light li [ data-task = f ] > input : checked ,
. theme-dark li [ data-task = f ] > input : checked ,
. theme-light li [ data-task = f ] > p > input : checked ,
. theme-dark li [ data-task = f ] > p > input : checked {
background-color : var ( --ach-color-fire ) ;
box-shadow : none ;
}
/* w - Win */
input [ data-task = w ] ,
li [ data-task = w ] > input ,
li [ data-task = w ] > p > input {
border-radius : var ( --ach-radius-noborder ) ;
}
input [ data-task = w ] : checked ,
li [ data-task = w ] > input : checked ,
li [ data-task = w ] > p > input : checked {
cursor : default ;
background-position : center ;
background : none ;
-webkit-mask-size : 100 % ;
-webkit-mask-position : 50 % 50 % ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M21 4h-3V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1v1H3a1 1 0 0 0-1 1v3c0 4.31 1.8 6.91 4.82 7A6 6 0 0 0 11 17.91V20H9v2h6v-2h-2v-2.09A6 6 0 0 0 17.18 15c3-.1 4.82-2.7 4.82-7V5a1 1 0 0 0-1-1zM4 8V6h2v6.83C4.22 12.08 4 9.3 4 8zm14 4.83V6h2v2c0 1.3-.22 4.08-2 4.83z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = w ] : checked , . theme-dark input [ data-task = w ] : checked ,
. theme-light li [ data-task = w ] > input : checked ,
. theme-dark li [ data-task = w ] > input : checked ,
. theme-light li [ data-task = w ] > p > input : checked ,
. theme-dark li [ data-task = w ] > p > input : checked {
background-color : var ( --ach-color-win ) ;
box-shadow : none ;
}
/* k - Key */
input [ data-task = k ] : checked ,
li [ data-task = k ] > input : checked ,
li [ data-task = k ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 100 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: rotate(45deg);msFilter:;'%3E%3Cpath d='M7 17a5.007 5.007 0 0 0 4.898-4H14v2h2v-2h2v3h2v-3h1v-2h-9.102A5.007 5.007 0 0 0 7 7c-2.757 0-5 2.243-5 5s2.243 5 5 5zm0-8c1.654 0 3 1.346 3 3s-1.346 3-3 3-3-1.346-3-3 1.346-3 3-3z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = k ] : checked , . theme-dark input [ data-task = k ] : checked ,
. theme-light li [ data-task = k ] > input : checked ,
. theme-dark li [ data-task = k ] > input : checked ,
. theme-light li [ data-task = k ] > p > input : checked ,
. theme-dark li [ data-task = k ] > p > input : checked {
background-color : var ( --ach-color-key ) ;
box-shadow : none ;
}
/* u - Up */
input [ data-task = u ] : checked ,
li [ data-task = u ] > input : checked ,
li [ data-task = u ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 85 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(-10deg);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = u ] : checked , . theme-dark input [ data-task = u ] : checked ,
. theme-light li [ data-task = u ] > input : checked ,
. theme-dark li [ data-task = u ] > input : checked ,
. theme-light li [ data-task = u ] > p > input : checked ,
. theme-dark li [ data-task = u ] > p > input : checked {
background-color : var ( --ach-color-up ) ;
box-shadow : none ;
}
/* d - Down */
input [ data-task = d ] : checked ,
li [ data-task = d ] > input : checked ,
li [ data-task = d ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 85 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform: rotate(10deg) scaleY(-1);' fill='white' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M384 160C366.3 160 352 145.7 352 128C352 110.3 366.3 96 384 96H544C561.7 96 576 110.3 576 128V288C576 305.7 561.7 320 544 320C526.3 320 512 305.7 512 288V205.3L342.6 374.6C330.1 387.1 309.9 387.1 297.4 374.6L191.1 269.3L54.63 406.6C42.13 419.1 21.87 419.1 9.372 406.6C-3.124 394.1-3.124 373.9 9.372 361.4L169.4 201.4C181.9 188.9 202.1 188.9 214.6 201.4L320 306.7L466.7 159.1L384 160z'/%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = d ] : checked , . theme-dark input [ data-task = d ] : checked ,
. theme-light li [ data-task = d ] > input : checked ,
. theme-dark li [ data-task = d ] > input : checked ,
. theme-light li [ data-task = d ] > p > input : checked ,
. theme-dark li [ data-task = d ] > p > input : checked {
background-color : var ( --ach-color-down ) ;
box-shadow : none ;
}
/* r - Rule/Law */
input [ data-task = r ] ,
li [ data-task = r ] > input ,
li [ data-task = r ] > p > input {
border-radius : var ( --ach-radius-curved ) ;
}
input [ data-task = r ] : checked ,
li [ data-task = r ] > input : checked ,
li [ data-task = r ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 92 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 16 3-8 3.001 8A5.002 5.002 0 0 1 16 16z'%3E%3C/path%3E%3Cpath d='m2 16 3-8 3.001 8A5.002 5.002 0 0 1 2 16z'%3E%3C/path%3E%3Cpath d='M7 21h10'%3E%3C/path%3E%3Cpath d='M12 3v18'%3E%3C/path%3E%3Cpath d='M3 7h2c2 0 5-1 7-2 2 1 5 2 7 2h2'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = r ] : checked , . theme-dark input [ data-task = r ] : checked ,
. theme-light li [ data-task = r ] > input : checked ,
. theme-dark li [ data-task = r ] > input : checked ,
. theme-light li [ data-task = r ] > p > input : checked ,
. theme-dark li [ data-task = r ] > p > input : checked {
background-color : var ( --ach-color-law ) ;
box-shadow : none ;
}
/* m - Measure */
input [ data-task = m ] ,
li [ data-task = m ] > input ,
li [ data-task = m ] > p > input {
border-radius : var ( --ach-radius-curved ) ;
}
input [ data-task = m ] : checked ,
li [ data-task = m ] > input : checked ,
li [ data-task = m ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 92 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 2 6 6L8 22l-6-6L16 2'%3E%3C/path%3E%3Cpath d='m7.5 10.5 2 2'%3E%3C/path%3E%3Cpath d='m10.5 7.5 2 2'%3E%3C/path%3E%3Cpath d='m13.5 4.5 2 2'%3E%3C/path%3E%3Cpath d='m4.5 13.5 2 2'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = m ] : checked , . theme-dark input [ data-task = m ] : checked ,
. theme-light li [ data-task = m ] > input : checked ,
. theme-dark li [ data-task = m ] > input : checked ,
. theme-light li [ data-task = m ] > p > input : checked ,
. theme-dark li [ data-task = m ] > p > input : checked {
background-color : var ( --ach-color-measure ) ;
box-shadow : none ;
}
/* M - Medical */
input [ data-task = M ] : checked ,
li [ data-task = M ] > input : checked ,
li [ data-task = M ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 75 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M15 2.013H9V9H2v6h7v6.987h6V15h7V9h-7z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = M ] : checked , . theme-dark input [ data-task = M ] : checked ,
. theme-light li [ data-task = M ] > input : checked ,
. theme-dark li [ data-task = M ] > input : checked ,
. theme-light li [ data-task = M ] > p > input : checked ,
. theme-dark li [ data-task = M ] > p > input : checked {
background-color : var ( --ach-color-medical ) ;
box-shadow : none ;
}
/* t - Time */
input [ data-task = t ] ,
li [ data-task = t ] > input ,
li [ data-task = t ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = t ] : checked ,
li [ data-task = t ] > input : checked ,
li [ data-task = t ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 90 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = t ] : checked , . theme-dark input [ data-task = t ] : checked ,
. theme-light li [ data-task = t ] > input : checked ,
. theme-dark li [ data-task = t ] > input : checked ,
. theme-light li [ data-task = t ] > p > input : checked ,
. theme-dark li [ data-task = t ] > p > input : checked {
background-color : var ( --ach-color-time ) ;
box-shadow : none ;
}
/* T - Telephone */
input [ data-task = T ] ,
li [ data-task = T ] > input ,
li [ data-task = T ] > p > input {
border-radius : var ( --ach-radius-curved ) ;
}
input [ data-task = T ] : checked ,
li [ data-task = T ] > input : checked ,
li [ data-task = T ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 85 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = T ] : checked , . theme-dark input [ data-task = T ] : checked ,
. theme-light li [ data-task = T ] > input : checked ,
. theme-dark li [ data-task = T ] > input : checked ,
. theme-light li [ data-task = T ] > p > input : checked ,
. theme-dark li [ data-task = T ] > p > input : checked {
background-color : var ( --ach-color-telephone ) ;
box-shadow : none ;
}
/* P - Person */
input [ data-task = P ] ,
li [ data-task = P ] > input ,
li [ data-task = P ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = P ] : checked ,
li [ data-task = P ] > input : checked ,
li [ data-task = P ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 90 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = P ] : checked , . theme-dark input [ data-task = P ] : checked ,
. theme-light li [ data-task = P ] > input : checked ,
. theme-dark li [ data-task = P ] > input : checked ,
. theme-light li [ data-task = P ] > p > input : checked ,
. theme-dark li [ data-task = P ] > p > input : checked {
background-color : var ( --ach-color-person ) ;
box-shadow : none ;
}
/* # - Tags */
input [ data-task = "#" ] ,
li [ data-task = "#" ] > input ,
li [ data-task = "#" ] > p > input {
border-radius : var ( --ach-radius-squircle ) ;
}
input [ data-task = "#" ] : checked ,
li [ data-task = "#" ] > input : checked ,
li [ data-task = "#" ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 80 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12V2h10l9.44 9.44a2 2 0 0 1 0 2.82l-7.18 7.18a2 2 0 0 1-2.82 0L2 12Z'%3E%3C/path%3E%3Cpath d='M7 7h.01'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = "#" ] : checked , . theme-dark input [ data-task = "#" ] : checked ,
. theme-light li [ data-task = "#" ] > input : checked ,
. theme-dark li [ data-task = "#" ] > input : checked ,
. theme-light li [ data-task = "#" ] > p > input : checked ,
. theme-dark li [ data-task = "#" ] > p > input : checked {
background-color : var ( --ach-color-tags ) ;
box-shadow : none ;
}
/* F - Feature */
input [ data-task = F ] ,
li [ data-task = F ] > input ,
li [ data-task = F ] > p > input {
border-radius : var ( --ach-radius-squircle ) ;
}
input [ data-task = F ] : checked ,
li [ data-task = F ] > input : checked ,
li [ data-task = F ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 75 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='white' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'%3E%3C/polygon%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = F ] : checked , . theme-dark input [ data-task = F ] : checked ,
. theme-light li [ data-task = F ] > input : checked ,
. theme-dark li [ data-task = F ] > input : checked ,
. theme-light li [ data-task = F ] > p > input : checked ,
. theme-dark li [ data-task = F ] > p > input : checked {
background-color : var ( --ach-color-feature ) ;
box-shadow : none ;
}
/* L - Translate/Language */
input [ data-task = L ] : checked ,
li [ data-task = L ] > input : checked ,
li [ data-task = L ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 90 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 6 6'%3E%3C/path%3E%3Cpath d='m4 14 6-6 2-3'%3E%3C/path%3E%3Cpath d='M2 5h12'%3E%3C/path%3E%3Cpath d='M7 2h1'%3E%3C/path%3E%3Cpath d='m22 22-5-10-5 10'%3E%3C/path%3E%3Cpath d='M14 18h6'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = L ] : checked , . theme-dark input [ data-task = L ] : checked ,
. theme-light li [ data-task = L ] > input : checked ,
. theme-dark li [ data-task = L ] > input : checked ,
. theme-light li [ data-task = L ] > p > input : checked ,
. theme-dark li [ data-task = L ] > p > input : checked {
background-color : var ( --ach-color-language ) ;
box-shadow : none ;
}
/* W - World/Country */
input [ data-task = W ] ,
li [ data-task = W ] > input ,
li [ data-task = W ] > p > input {
border-radius : var ( --ach-radius-round ) ;
}
input [ data-task = W ] : checked ,
li [ data-task = W ] > input : checked ,
li [ data-task = W ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 100 % ;
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zM4 12c0-.899.156-1.762.431-2.569L6 11l2 2v2l2 2 1 1v1.931C7.061 19.436 4 16.072 4 12zm14.33 4.873C17.677 16.347 16.687 16 16 16v-1a2 2 0 0 0-2-2h-4v-3a2 2 0 0 0 2-2V7h1a2 2 0 0 0 2-2v-.411C17.928 5.778 20 8.65 20 12a7.947 7.947 0 0 1-1.67 4.873z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. theme-light input [ data-task = W ] : checked , . theme-dark input [ data-task = W ] : checked ,
. theme-light li [ data-task = W ] > input : checked ,
. theme-dark li [ data-task = W ] > input : checked ,
. theme-light li [ data-task = W ] > p > input : checked ,
. theme-dark li [ data-task = W ] > p > input : checked {
background-color : var ( --ach-color-world ) ;
box-shadow : none ;
}
/* U - Universe */
input [ data-task = U ] ,
li [ data-task = U ] > input ,
li [ data-task = U ] > p > input {
border-radius : var ( --ach-radius-curved ) ;
}
input [ data-task = U ] : checked ,
li [ data-task = U ] > input : checked ,
li [ data-task = U ] > p > input : checked {
cursor : default ;
background-position : center center ;
background-size : 95 % ;
background-image : url ( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAADKklEQVRYhe2XXWhPcRjHv8fbZLa2yLu8LVaSvNzRyIW0xPJyQYgiN7hCwiQpbsgNygWSQlIkRYrVWiJvIZrCYt5aFPs3NrOPi/Mc/2f//ue/s9mdPTfn/3x/3+f7fc7L7znnL/3vEXS1EJgiaZGkMkmlkook/ZaUknRf0mlJV4MgoBv6/GsaAIuAuySLC0Df7jIfA9zMMEgBT4Aa4BHQkqWJQ91hvgD4boK/gRPAPCAvg9cfWA18dQ20AiX/Yr4a+GViT4GZCWpmmXEUu7tqXu7MrwOFnag96xq40xXzUqDRBK4CfdzafOAiUG/3/Q2wwz9wwFLXwHvDhlre0JF5H+Ceke8D+YYPIHyy4+Ko05jh8GbDSix/11ED24yYAiYalgdU5TAHaHQacxz+1bDplr+MeL2ymA+StNPSXUEQvAQCSSclzcnZueQv7Xj3+4sdx9nxR2wDkrYpnGq1ko4ZtlfSSseplTRV0qSM2tPud4X7/diOpXZ8k8VXAvJJ7+Hlhs0m3PtRvAZG2Np8hz/C5oLd62a3tsnwM5YfiGtggxFeAb2BfsAzJ/QRmGDcycBnwx/arYt0/MRsBgYb/tywlXENRA/ZVsu3O6FfQJnh04AGwx8AxU5jJ+3jlOEjLW8DhmUzH0Z4qVuBEYRbsd4JVRpvCPDe4ZOcxhoziCIFjLS1zYY9iTv7FUaotnyJE2ogPQvOZ5xhGVAMVNJ+/AKsd/rRXKmMa+C4EfZYfskJHXS8FMniuKuJZkILMDyugWojLbD8nRNb7HgfEpgfIZwd0TdEpH0uq7kRPxlptOV+G811vMM5jD8CyzJ0N9paEzA2VwM/jdjf8i9OeJXj5QH7gTqrqSN8U64DBmZoVpD+SNkTax7T0C3XwJVOFevvQxxdxSo6+2kGbHENtGGTMUFdPnCM9HZsN6Q600CB3dMoWoF9uKGTwS8ifIu+dTU34vhR5PwsB8olXZbkL1+TpBpJLxS+1QolzZA0zfGaFL7ADgVB0JbgfHM2sZD0zO8ovhFuwVFJ9RP9MQEKJK2VVC5psqThkholtUiqk/RA0m1J14Ig+BGn0xM9kS3+AIVhhF9MAbHFAAAAAElFTkSuQmCC" ) ;
}
. theme-light input [ data-task = U ] : checked , . theme-dark input [ data-task = U ] : checked ,
. theme-light li [ data-task = U ] > input : checked ,
. theme-dark li [ data-task = U ] > input : checked ,
. theme-light li [ data-task = U ] > p > input : checked ,
. theme-dark li [ data-task = U ] > p > input : checked {
background-color : var ( --ach-color-universe ) ;
box-shadow : none ;
}
/*──────────Markdown Formatting──────────*/
. gray-md-formatting span . cm-formatting : not ( . cm-header , . cm-formatting-hashtag , . cm-formatting-list ) ,
. gray-md-formatting . cm-s-obsidian span . cm-formatting-math . cm-keyword ,
. gray-md-formatting . cm-s-obsidian span . cm-formatting-link . cm-link ,
. gray-md-formatting . cm-s-obsidian span . cm-formatting-escape ,
. gray-md-formatting . cm-s-obsidian span . cm-formatting-link-string . cm-string . cm-url ,
. gray-md-formatting . cm-s-obsidian span . cm-bracket ,
. gray-md-formatting span . cm-formatting-code . cm-inline-code ,
. gray-md-formatting span . cm-formatting-header ,
. gray-md-formatting span . cm-header . cm-formatting-link-start ,
. gray-md-formatting span . cm-header . cm-formatting-link-end ,
. gray-md-formatting span . cm-header . cm-formatting . cm-link ,
. gray-md-formatting span . cm-header . cm-formatting . cm-string . cm-url ,
. gray-md-formatting span . cm-formatting . cm-highlight ,
. gray-md-formatting . markdown-source-view . is-live-preview . cm-header . cm-formatting-highlight ,
. gray-md-formatting . markdown-source-view . cm-header . cm-formatting-strong ,
. gray-md-formatting . markdown-source-view . cm-header . cm-formatting-strikethrough ,
. gray-md-formatting . markdown-source-view . cm-header . cm-formatting-em ,
. gray-md-formatting span . cm-quote . cm-formatting . cm-strong ,
. gray-md-formatting span . cm-quote . cm-formatting . cm-em ,
. gray-md-formatting span . cm-quote . cm-formatting . cm-highlight ,
. gray-md-formatting span . cm-quote . cm-formatting . cm-strikethrough ,
. gray-md-formatting . cm-s-obsidian span . cm-quote . cm-formatting-quote {
filter : initial ;
color : var ( --md-color-formatting ) ;
background : initial ;
text-decoration : none ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Translucency
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. theme-light . is-translucent . is-translucent . is-translucent {
--opacity-translucency : 0 . 8 ;
}
. theme-light . is-translucent . is-translucent . is-translucent . workspace-split . mod-left-split , . theme-light . is-translucent . is-translucent . is-translucent . workspace-split . mod-right-split , . theme-light . is-translucent . is-translucent . is-translucent . side-dock-ribbon {
--opacity-translucency : 0 . 8 ;
}
. theme-light . is-translucent . is-translucent . is-translucent . titlebar , . theme-light . is-translucent . is-translucent . is-translucent . workspace-split . mod-root {
--opacity-translucency : 0 . 9 ;
}
. theme-light . is-translucent . is-translucent . is-translucent . status-bar {
margin : 0 ;
}
. theme-dark . is-translucent . is-translucent . is-translucent {
--opacity-translucency : 0 . 6 ;
}
. theme-dark . is-translucent . is-translucent . is-translucent . workspace-split . mod-left-split , . theme-dark . is-translucent . is-translucent . is-translucent . workspace-split . mod-right-split , . theme-dark . is-translucent . is-translucent . is-translucent . side-dock-ribbon {
--opacity-translucency : 0 . 6 ;
}
. theme-dark . is-translucent . is-translucent . is-translucent . titlebar , . theme-dark . is-translucent . is-translucent . is-translucent . workspace-split . mod-root {
--opacity-translucency : 0 . 9 ;
}
. theme-dark . is-translucent . is-translucent . is-translucent . status-bar {
margin : 0 ;
}
progress {
-webkit-appearance : none ;
appearance : none ;
width : calc ( var ( --font-text-size ) + 220px ) ;
height : calc ( var ( --font-text-size ) - 8px ) ;
margin-right : var ( --scale-2-4 ) ;
vertical-align : 2px ;
}
progress [ value ] :: -webkit-progress-bar {
background : var ( --background-secondary ) ;
box-shadow : 0px 0px 0px 1px var ( --background-modifier-border ) inset ;
border-radius : var ( --scale-8-2 ) ;
overflow : hidden ;
}
progress [ value ] :: -webkit-progress-value {
border-radius : var ( --scale-8-2 ) ;
}
progress [ value = "1" ] :: -webkit-progress-value , progress [ value = "2" ] :: -webkit-progress-value , progress [ value = "3" ] :: -webkit-progress-value , progress [ value = "4" ] :: -webkit-progress-value , progress [ value = "5" ] :: -webkit-progress-value , progress [ value = "6" ] :: -webkit-progress-value , progress [ value = "7" ] :: -webkit-progress-value , progress [ value = "8" ] :: -webkit-progress-value , progress [ value = "9" ] :: -webkit-progress-value , progress [ value = "10" ] :: -webkit-progress-value , progress [ value = "11" ] :: -webkit-progress-value , progress [ value = "12" ] :: -webkit-progress-value , progress [ value = "13" ] :: -webkit-progress-value , progress [ value = "14" ] :: -webkit-progress-value , progress [ value = "15" ] :: -webkit-progress-value , progress [ value = "16" ] :: -webkit-progress-value , progress [ value = "17" ] :: -webkit-progress-value , progress [ value = "18" ] :: -webkit-progress-value , progress [ value = "19" ] :: -webkit-progress-value {
background : var ( --color-progress-10 ) ;
}
progress [ value = "20" ] :: -webkit-progress-value , progress [ value = "21" ] :: -webkit-progress-value , progress [ value = "22" ] :: -webkit-progress-value , progress [ value = "23" ] :: -webkit-progress-value , progress [ value = "24" ] :: -webkit-progress-value , progress [ value = "25" ] :: -webkit-progress-value , progress [ value = "26" ] :: -webkit-progress-value , progress [ value = "27" ] :: -webkit-progress-value , progress [ value = "28" ] :: -webkit-progress-value , progress [ value = "29" ] :: -webkit-progress-value {
background : var ( --color-progress-20 ) ;
}
progress [ value = "30" ] :: -webkit-progress-value , progress [ value = "31" ] :: -webkit-progress-value , progress [ value = "32" ] :: -webkit-progress-value , progress [ value = "33" ] :: -webkit-progress-value , progress [ value = "34" ] :: -webkit-progress-value , progress [ value = "35" ] :: -webkit-progress-value , progress [ value = "36" ] :: -webkit-progress-value , progress [ value = "37" ] :: -webkit-progress-value , progress [ value = "38" ] :: -webkit-progress-value , progress [ value = "39" ] :: -webkit-progress-value {
background : var ( --color-progress-30 ) ;
}
progress [ value = "40" ] :: -webkit-progress-value , progress [ value = "41" ] :: -webkit-progress-value , progress [ value = "42" ] :: -webkit-progress-value , progress [ value = "43" ] :: -webkit-progress-value , progress [ value = "44" ] :: -webkit-progress-value , progress [ value = "45" ] :: -webkit-progress-value , progress [ value = "46" ] :: -webkit-progress-value , progress [ value = "47" ] :: -webkit-progress-value , progress [ value = "48" ] :: -webkit-progress-value , progress [ value = "49" ] :: -webkit-progress-value {
background : var ( --color-progress-40 ) ;
}
progress [ value = "50" ] :: -webkit-progress-value , progress [ value = "51" ] :: -webkit-progress-value , progress [ value = "52" ] :: -webkit-progress-value , progress [ value = "53" ] :: -webkit-progress-value , progress [ value = "54" ] :: -webkit-progress-value , progress [ value = "55" ] :: -webkit-progress-value , progress [ value = "56" ] :: -webkit-progress-value , progress [ value = "57" ] :: -webkit-progress-value , progress [ value = "58" ] :: -webkit-progress-value , progress [ value = "59" ] :: -webkit-progress-value {
background : var ( --color-progress-50 ) ;
}
progress [ value = "60" ] :: -webkit-progress-value , progress [ value = "61" ] :: -webkit-progress-value , progress [ value = "62" ] :: -webkit-progress-value , progress [ value = "63" ] :: -webkit-progress-value , progress [ value = "64" ] :: -webkit-progress-value , progress [ value = "65" ] :: -webkit-progress-value , progress [ value = "66" ] :: -webkit-progress-value , progress [ value = "67" ] :: -webkit-progress-value , progress [ value = "68" ] :: -webkit-progress-value , progress [ value = "69" ] :: -webkit-progress-value {
background : var ( --color-progress-60 ) ;
}
progress [ value = "70" ] :: -webkit-progress-value , progress [ value = "71" ] :: -webkit-progress-value , progress [ value = "72" ] :: -webkit-progress-value , progress [ value = "73" ] :: -webkit-progress-value , progress [ value = "74" ] :: -webkit-progress-value , progress [ value = "75" ] :: -webkit-progress-value , progress [ value = "76" ] :: -webkit-progress-value , progress [ value = "77" ] :: -webkit-progress-value , progress [ value = "78" ] :: -webkit-progress-value , progress [ value = "79" ] :: -webkit-progress-value {
background : var ( --color-progress-70 ) ;
}
progress [ value = "80" ] :: -webkit-progress-value , progress [ value = "81" ] :: -webkit-progress-value , progress [ value = "82" ] :: -webkit-progress-value , progress [ value = "83" ] :: -webkit-progress-value , progress [ value = "84" ] :: -webkit-progress-value , progress [ value = "85" ] :: -webkit-progress-value , progress [ value = "86" ] :: -webkit-progress-value , progress [ value = "87" ] :: -webkit-progress-value , progress [ value = "88" ] :: -webkit-progress-value , progress [ value = "89" ] :: -webkit-progress-value {
background : var ( --color-progress-80 ) ;
}
progress [ value = "90" ] :: -webkit-progress-value , progress [ value = "91" ] :: -webkit-progress-value , progress [ value = "92" ] :: -webkit-progress-value , progress [ value = "93" ] :: -webkit-progress-value , progress [ value = "94" ] :: -webkit-progress-value , progress [ value = "95" ] :: -webkit-progress-value , progress [ value = "96" ] :: -webkit-progress-value , progress [ value = "97" ] :: -webkit-progress-value , progress [ value = "98" ] :: -webkit-progress-value , progress [ value = "99" ] :: -webkit-progress-value {
background : var ( --color-progress-90 ) ;
}
progress [ value = "100" ] :: -webkit-progress-value {
background : var ( --color-progress-100 ) ;
}
. theme-light progress {
--color-progress-10 : var ( --color-l-red-700 ) ;
--color-progress-20 : var ( --color-l-red-700 ) ;
--color-progress-30 : var ( --color-l-orange-500 ) ;
--color-progress-40 : var ( --color-l-orange-500 ) ;
--color-progress-50 : var ( --color-l-yellow-500 ) ;
--color-progress-60 : var ( --color-l-yellow-500 ) ;
--color-progress-70 : var ( --color-l-green-700 ) ;
--color-progress-80 : var ( --color-l-blue-700 ) ;
--color-progress-90 : var ( --color-l-violet-700 ) ;
--color-progress-100 : linear-gradient ( 45deg , # ef92af95 , # 7bd7e995 , # ffda2b95 ) ;
}
. theme-dark progress {
--color-progress-10 : var ( --color-d-red-900 ) ;
--color-progress-20 : var ( --color-d-red-900 ) ;
--color-progress-30 : var ( --color-d-orange-700 ) ;
--color-progress-40 : var ( --color-d-orange-700 ) ;
--color-progress-50 : var ( --color-d-yellow-700 ) ;
--color-progress-60 : var ( --color-d-yellow-700 ) ;
--color-progress-70 : var ( --color-d-green-900 ) ;
--color-progress-80 : var ( --color-d-blue-900 ) ;
--color-progress-90 : var ( --color-d-violet-900 ) ;
--color-progress-100 : linear-gradient ( 45deg , # ef92af95 , # 7bd7e995 , # ffda2b95 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Other Components
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Modals
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*─────────All Modals──────────*/
. modal {
width : clamp ( 200px , 90vw , 960px ) ;
height : auto ;
border-radius : var ( --scale-2-8 ) ;
overflow-y : hidden ;
background : var ( --background-primary ) ;
border : 1px solid var ( --background-modifier-border ) ;
/*─────────Settings Modal──────────*/
/*─────────Command, Quick Switcher etc. Modals──────────*/
}
. modal . mod-settings , . modal . mod-settings . vertical-tab-container {
width : clamp ( 200px , 90vw , 960px ) ;
min-height : 20vh ;
height : auto ;
max-height : 70vh ;
border-radius : var ( --scale-2-8 ) ;
overflow-y : hidden ;
border : 1px solid var ( --background-modifier-border ) ;
}
. theme-light . modal . mod-settings , . theme-light . modal . mod-settings . vertical-tab-container {
box-shadow : var ( --shadow-xl ) var ( --color-l-shadow-100 ) ;
}
. theme-dark . modal . mod-settings , . theme-dark . modal . mod-settings . vertical-tab-container {
box-shadow : var ( --shadow-xl ) var ( --color-d-shadow-100 ) ;
}
. modal . mod-settings . setting-item-control button . clickable-icon , . modal . mod-settings . vertical-tab-container . setting-item-control button . clickable-icon {
padding : 0 ;
margin-right : var ( --scale-2-4 ) ;
}
. modal . mod-community-theme . mod-community-theme , . modal . mod-community-plugin {
width : clamp ( 200px , 90vw , 960px ) ;
min-height : 90vh ;
overflow : hidden ;
}
. modal . mod-image-lightbox {
width : clamp ( 200px , 95vw , 1920px ) ;
min-height : 20vh ;
height : auto ;
max-height : 90vh ;
border-radius : var ( --scale-2-8 ) ;
overflow-y : hidden ;
}
. modal . vertical-tab-nav-item {
text-transform : capitalize ;
}
. modal-title {
text-transform : capitalize ;
text-align : left ;
}
. modal . mod-community-theme . modal-title {
margin-left : var ( --scale-8-3 ) ;
}
. modal . setting-hotkey {
display : flex ;
align-items : center ;
align-self : center ;
}
. modal . setting-hotkey . setting-delete-hotkey {
margin-right : 0 ;
margin-left : var ( --scale-2-6 ) ;
}
. modal . modal-content . vertical-tab-header , . modal . modal-content . vertical-tab-header-group , . modal . modal-content . vertical-tab-content-container {
padding : 0 ;
}
. modal . modal-content . vertical-tab-content {
padding : var ( --scale-8-4 ) var ( --scale-8-4 ) var ( --scale-8-4 ) var ( --scale-8-4 ) ;
}
. modal . modal-content . vertical-tab-header , . modal . modal-content . vertical-tab-content-container . vertical-tab-content {
flex : 0 0 220px ;
}
. theme-light . modal . modal-content . vertical-tab-header , . theme-light . modal . modal-content . vertical-tab-content-container . vertical-tab-content {
background : var ( --color-l-white ) ;
}
. theme-dark . modal . modal-content . vertical-tab-header , . theme-dark . modal . modal-content . vertical-tab-content-container . vertical-tab-content {
background : var ( --color-d-gray-70 ) ;
}
. modal . modal-content . vertical-tab-header-group , . modal . modal-content . vertical-tab-nav-item {
background : var ( --background-secondary ) ;
}
. modal . modal-content . vertical-tab-header-group-title {
font-weight : var ( --font-bold ) ;
}
. modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item {
background : transparent ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) var ( --scale-2-2 ) var ( --scale-2-8 ) ;
border : 1px solid transparent ;
border-radius : var ( --scale-2-2 ) ;
border-left : none ;
margin : var ( --scale-0-0 ) var ( --scale-2-4 ) var ( --scale-0-0 ) var ( --scale-2-4 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : last-of-type {
margin-bottom : var ( --scale-2-5 ) ;
}
. modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item . is-active {
font-weight : var ( --font-bold ) ;
z-index : 2 ;
}
. theme-light . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : hover {
color : var ( --color-l-gray-80 ) ;
background : var ( --color-l-gray-10 ) ;
}
. theme-light . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : active {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-light . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item . is-active {
color : var ( --color-l-whiter ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 15 ) inset , 0px 1px 4px 0px rgba ( 100 , 100 , 100 , 0 . 25 ) ;
}
. theme-light . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : nth-child ( 3n + 1 ) . is-active {
background : var ( --color-l-yellow-500 ) ;
}
. theme-light . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : nth-child ( 3n + 2 ) . is-active {
background : var ( --color-l-red-300 ) ;
}
. theme-light . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : nth-child ( 3n + 3 ) . is-active {
background : var ( --color-l-blue-300 ) ;
}
. theme-dark . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : hover {
color : var ( --color-d-gray-20 ) ;
background : var ( --color-d-gray-60 ) ;
}
. theme-dark . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : active {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-blacker ) ;
}
. theme-dark . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item . is-active {
color : var ( --color-d-black ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 2 ) inset , 0px 1px 4px 0px rgba ( 0 , 0 , 0 , 0 . 3 ) ;
}
. theme-dark . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : nth-child ( 3n + 1 ) . is-active {
background : var ( --color-d-yellow-700 ) ;
}
. theme-dark . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : nth-child ( 3n + 2 ) . is-active {
background : var ( --color-d-red-500 ) ;
}
. theme-dark . modal . modal-content . vertical-tab-header-group-items . vertical-tab-nav-item : nth-child ( 3n + 3 ) . is-active {
background : var ( --color-d-blue-300 ) ;
}
. modal-container . suggestion-item {
font-size : var ( --font-scale-1 ) ;
line-height : var ( --line-height-0-5 ) ;
padding : var ( --scale-2-3 ) var ( --scale-2-3 ) var ( --scale-2-3 ) var ( --scale-8-1 ) ;
border-radius : var ( --scale-2-2 ) ;
border : 1px solid transparent ;
}
. modal-container . suggestion-item span . suggestion-prefix {
color : var ( --text-muted ) ;
font-size : 90 % ;
font-style : italic ;
text-transform : uppercase ;
margin-right : var ( --scale-8-1 ) ;
}
. modal-container . suggestion-item span . suggestion-prefix :: after {
display : none ;
}
. theme-light . modal-container . suggestion-item . is-selected {
background : var ( --color-l-gray-20 ) ;
border : 1px solid var ( --color-l-gray-40 ) ;
}
. theme-light . modal-container . suggestion-item . is-selected kbd . suggestion-hotkey {
background : var ( --color-l-whiter ) ;
}
. theme-light . modal-container . suggestion-item . is-selected : active {
color : var ( --text-muted ) ;
background : var ( --color-l-gray-40 ) ;
border : 1px solid var ( --color-l-gray-50 ) ;
}
. theme-light . modal-container . suggestion-item . is-selected : active kbd . suggestion-hotkey {
background : var ( --color-l-gray-20 ) ;
padding-top : 3px ;
padding-bottom : 1px ;
box-shadow : none ;
}
. theme-light . modal-container . suggestion-item . is-selected : active . suggestion-flair , . theme-light . modal-container . suggestion-item . is-selected : active . suggestion-note {
color : var ( --text-faint ) ;
}
. theme-dark . modal-container . suggestion-item . is-selected {
background : var ( --color-d-gray-50 ) ;
border : 1px solid var ( --color-d-gray-40 ) ;
}
. theme-dark . modal-container . suggestion-item . is-selected kbd . suggestion-hotkey {
background : var ( --color-d-gray-70 ) ;
}
. theme-dark . modal-container . suggestion-item . is-selected : active {
color : var ( --text-faint ) ;
background : var ( --color-d-gray-90 ) ;
border : 1px solid var ( --color-d-gray-50 ) ;
}
. theme-dark . modal-container . suggestion-item . is-selected : active kbd . suggestion-hotkey {
background : var ( --color-d-gray-100 ) ;
padding-top : 3px ;
padding-bottom : 1px ;
box-shadow : none ;
}
. theme-dark . modal-container . suggestion-item . is-selected : active . suggestion-flair , . theme-dark . modal-container . suggestion-item . is-selected : active . suggestion-note {
color : var ( --text-faint ) ;
}
. modal-container . suggestion-flair {
position : relative ;
left : initial ;
top : initial ;
margin-right : var ( --scale-2-3 ) ;
}
. modal-container . prompt . suggestion-flair {
float : left ;
margin-top : 1px ;
}
/* Modal Close Close Buttons */
. slides-close-btn ,
. modal-close-button {
right : var ( --scale-2-5 ) ;
top : var ( --scale-2-4 ) ;
font-family : Inter , sans-serif ;
font-weight : 200 ;
font-size : var ( --scale-8-3 ) ;
height : var ( --scale-8-3 ) ;
width : var ( --scale-8-3 ) ;
border-radius : var ( --scale-8-3 ) ;
z-index : 9 ;
}
. slides-close-btn : before ,
. modal-close-button : before {
position : absolute ;
right : 4px ;
top : -2px ;
}
. theme-light . slides-close-btn : before ,
. theme-light . modal-close-button : before {
color : var ( --color-l-gray-20 ) ;
}
. theme-dark . slides-close-btn : before ,
. theme-dark . modal-close-button : before {
color : var ( --color-d-gray-80 ) ;
}
. theme-light . slides-close-btn ,
. theme-light . modal-close-button {
background : var ( --color-l-red-300 ) ;
box-shadow : 0px 1px 2px 0px rgba ( 100 , 100 , 100 , 0 . 5 ) , 0px -2px 0px 0px rgba ( 100 , 20 , 20 , 0 . 18 ) inset ;
}
. theme-light . slides-close-btn : hover ,
. theme-light . modal-close-button : hover {
background : var ( --color-l-red-500 ) ;
}
. theme-light . slides-close-btn : active ,
. theme-light . modal-close-button : active {
background : var ( --color-l-red-700 ) ;
box-shadow : 0px 0px 0px 2px rgba ( 150 , 20 , 20 , 0 . 55 ) inset ;
}
. theme-light . slides-close-btn : active : before ,
. theme-light . modal-close-button : active : before {
color : var ( --color-l-red-900 ) ;
}
. theme-dark . slides-close-btn ,
. theme-dark . modal-close-button {
background : var ( --color-d-red-500 ) ;
box-shadow : 0px 1px 2px 0px rgba ( 0 , 0 , 0 , 0 . 25 ) , 0px -2px 0px 0px rgba ( 50 , 10 , 10 , 0 . 35 ) inset ;
}
. theme-dark . slides-close-btn : hover ,
. theme-dark . modal-close-button : hover {
background : var ( --color-d-red-300 ) ;
}
. theme-dark . slides-close-btn : active ,
. theme-dark . modal-close-button : active {
background : var ( --color-d-red-700 ) ;
box-shadow : 0px 0px 0px 2px rgba ( 0 , 0 , 0 , 0 . 45 ) inset ;
}
. theme-dark . slides-close-btn : active : before ,
. theme-dark . modal-close-button : active : before {
color : var ( --color-d-red-900 ) ;
}
/*─────────Menu/More Options Modal──────────*/
. menu {
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-4 ) ;
}
. theme-light . menu {
box-shadow : var ( --shadow-s ) var ( --color-l-shadow-100 ) ;
}
. theme-dark . menu {
box-shadow : var ( --shadow-m ) var ( --color-d-shadow-100 ) ;
}
. theme-light . menu . menu-item . selected : active {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-light . menu . menu-item . selected : active . menu-item-icon svg {
background : var ( --color-l-gray-50 ) ;
}
. theme-dark . menu . menu-item . selected : active {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-blacker ) ;
}
. theme-dark . menu . menu-item . selected : active . menu-item-icon svg {
background : var ( --color-d-gray-40 ) ;
}
. menu . menu-item . menu-item-icon {
vertical-align : -1px ;
}
/*─────────File Explorer Search Modal─────────*/
. suggestion-container . mod-search-suggestion {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
border-radius : var ( --scale-2-4 ) ;
overflow-x : hidden ;
}
. suggestion-container . mod-search-suggestion . suggestion {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
. theme-light . suggestion-container . mod-search-suggestion {
box-shadow : var ( --shadow-m ) var ( --color-l-shadow-100 ) ;
}
. theme-dark . suggestion-container . mod-search-suggestion {
box-shadow : var ( --shadow-m ) var ( --color-d-shadow-100 ) ;
}
. suggestion-item . search-suggest-item . mod-complex : not ( . mod-group ) {
line-height : var ( --line-height-0-5 ) ;
white-space : pre-wrap ;
word-wrap : break-word ;
padding : var ( --scale-2-3 ) var ( --scale-2-8 ) var ( --scale-2-3 ) var ( --scale-2-8 ) ;
border-radius : 0 ;
margin : 0 ;
}
. suggestion-item . search-suggest-item . mod-complex : not ( . mod-group ) : nth-of-child ( 6 ) {
margin-bottom : var ( --scale-2-2 ) ;
}
. suggestion-item . search-suggest-item . mod-complex : not ( . mod-group ) : last-child {
margin-bottom : var ( --scale-2-2 ) ;
}
. suggestion-item . search-suggest-item . mod-complex : not ( . mod-group ) : active {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-40 ) ;
}
. suggestion-item . search-suggest-item . mod-group {
font-size : var ( --font-scale-0-5 ) ;
border-radius : 0 ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
margin-bottom : var ( --scale-2-2 ) ;
}
. suggestion-item . search-suggest-info-text {
color : var ( --text-muted ) ;
}
. suggestion-item . search-suggest-info-text : active {
color : var ( --text-faint ) ;
}
. list-item-part . search-suggest-icon . clickable-icon {
margin : 0 ;
}
/*─────────Prompts──────────*/
. prompt {
border-radius : var ( --scale-2-8 ) ;
overflow-y : hidden ;
border : 1px solid var ( --background-modifier-border ) ;
}
. prompt-results {
padding-right : var ( --scale-2-4 ) ;
}
. theme-light . prompt {
box-shadow : var ( --shadow-xl ) var ( --color-l-shadow-100 ) ;
}
. theme-dark . prompt {
box-shadow : var ( --shadow-xl ) var ( --color-d-shadow-100 ) ;
}
. prompt-instructions {
font-size : var ( --font-scale-0-5 ) ;
display : flex ;
justify-content : center ;
padding : var ( --scale-2-3 ) var ( --scale-2-4 ) var ( --scale-2-3 ) var ( --scale-2-4 ) ;
border-top : 1px solid var ( --background-modifier-border ) ;
}
. prompt-instruction : last-child {
margin-right : 0 ;
}
/*───────── Loading Progress Status in Modals ──────────*/
. is-loading : before {
border-radius : var ( --scale-2-4 ) ;
border : 1px solid var ( --background-modifier-border ) ;
}
. theme-light . is-loading : before {
background : var ( --color-l-green-500 ) ;
}
. theme-dark . is-loading : before {
background : var ( --color-d-green-900 ) ;
}
/*─────────Community Themes and Plugins Modals──────────*/
body : not ( . is-mobile ) . theme-list {
display : grid ;
grid-template-columns : repeat ( 3 , 1fr ) ;
gap : 0rem 0rem ;
}
body : not ( . is-mobile ) . theme-list . community-theme {
align-self : stretch ;
justify-self : center ;
}
body : not ( . is-mobile ) . theme-list . community-theme . community-theme-remove-button {
display : block ;
}
. community-theme-filters-container {
padding : 1rem 1rem 0rem 1rem ;
}
. modal {
/*─────────Community Themes Modal──────────*/
/*─────────Community Plugins Modal──────────*/
}
. modal . mod-community-theme {
background : var ( --background-primary ) ;
padding : 0 ;
}
. modal . mod-community-theme . modal-content {
padding : var ( --scale-8-4 ) var ( --scale-8-4 ) var ( --scale-8-4 ) var ( --scale-8-4 ) ;
margin-top : 0 ;
}
. modal . community-theme {
width : 100 % ;
border : 1px solid var ( --background-modifier-border ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. modal . community-theme-title {
font-size : var ( --font-scale-2 ) ;
margin-bottom : 8px ;
}
. modal . community-theme-filters-container . setting-item-control {
justify-content : flex-end ;
}
. modal . community-theme-filters-container . setting-item-control . search-input-container {
width : 100 % ;
}
. modal . community-theme-filters-container . setting-item-control button {
margin : 0 ;
margin-right : var ( --scale-2-4 ) ;
}
. modal . community-theme-info {
flex-grow : 0 ;
align-items : center ;
justify-content : center ;
flex-wrap : wrap ;
}
. modal . community-theme-info + div {
display : flex ;
align-items : center ;
flex-grow : 1 ;
}
. modal . community-theme-info . u-center-text , . modal . community-theme span . community-theme-downloads {
color : var ( --text-muted ) ;
}
. theme-light . modal . community-theme {
background : var ( --background-primary-alt ) ;
}
. theme-light . modal . community-theme : hover {
border : 1px solid var ( --text-faint ) ;
}
. theme-light . modal . community-theme . is-selected {
color : var ( --text-normal ) ;
background : var ( --color-l-whiter ) ;
border : 1px solid var ( --text-faint ) ;
box-shadow : var ( --shadow-m ) var ( --color-l-shadow-100 ) ;
}
. theme-dark . modal . community-theme {
background : var ( --background-primary-alt ) ;
}
. theme-dark . modal . community-theme : hover {
border : 1px solid var ( --text-faint ) ;
}
. theme-dark . modal . community-theme . is-selected {
color : var ( --text-normal ) ;
background : var ( --color-d-gray-100 ) ;
border : 1px solid var ( --text-faint ) ;
box-shadow : var ( --shadow-m ) var ( --color-d-shadow-100 ) ;
}
. modal . community-plugin {
background : var ( --background-primary ) ;
}
. modal . community-plugin-info {
padding : var ( --scale-8-2 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-8-3 ) ;
margin : 0 ;
}
. modal . community-plugin-readme {
padding : var ( --scale-0-0 ) var ( --scale-8-3 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
margin : 0 ;
}
. modal . community-plugin-name {
font-weight : var ( --font-bold ) ;
}
. modal . community-plugin-item {
margin : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-light . modal . community-plugin-item : hover , . theme-light . modal . community-plugin-itemspan : hover {
color : var ( --color-l-gray-80 ) ;
background : var ( --color-l-gray-10 ) ;
}
. theme-light . modal . community-plugin-item : active , . theme-light . modal . community-plugin-itemspan : active {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-40 ) ;
}
. theme-light . modal . community-plugin-item : active . flair . mod-pop , . theme-light . modal . community-plugin-itemspan : active . flair . mod-pop {
color : var ( --color-l-gray-50 ) ;
background : var ( --color-l-gray-20 ) ;
}
. theme-dark . modal . community-plugin-item : hover , . theme-dark . modal . community-plugin-itemspan : hover {
color : var ( --color-d-gray-20 ) ;
background : var ( --color-d-gray-60 ) ;
}
. theme-dark . modal . community-plugin-item : active , . theme-dark . modal . community-plugin-itemspan : active {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-blacker ) ;
}
. theme-dark . modal . community-plugin-item : active . flair . mod-pop , . theme-dark . modal . community-plugin-itemspan : active . flair . mod-pop {
color : var ( --color-d-gray-40 ) ;
background : var ( --color-d-gray-80 ) ;
}
. modal . community-plugin-search {
padding : var ( --scale-2-4 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
. modal . community-plugin-search . setting-item {
display : initial ;
align-self : flex-start ;
}
. modal . community-plugin . flair . mod-pop {
vertical-align : middle ;
font-weight : var ( --font-semi-bold ) ;
}
. theme-light . modal . community-plugin . flair . mod-pop {
background : var ( --color-l-whiter ) ;
color : var ( --color-l-red-300 ) ;
}
. theme-dark . modal . community-plugin . flair . mod-pop {
background : var ( --color-d-blacker ) ;
color : var ( --color-d-red-500 ) ;
}
/* Selected Theme */
body : not ( . is-mobile ) . community-theme . is-selected {
border-radius : var ( --scale-8-3 ) ;
/* for theme-list grid */
grid-column : 1 / 4 ;
grid-row : 1 ;
max-width : 96 % ;
/* for inside elements */
display : grid ;
grid-template-columns : 1 . 2fr 2fr ;
padding : 20px 20px ;
/* Notes and Link to Documentation */
}
body : not ( . is-mobile ) . community-theme . is-selected . community-theme-title {
grid-column : 1 / 3 ;
grid-row : 1 / 2 ;
text-align : left ;
font-size : 2rem ;
margin : 1rem 1 . 2rem ;
}
body : not ( . is-mobile ) . community-theme . is-selected . community-theme-info {
display : grid ;
grid-template-columns : repeat ( 2 , 1fr ) ;
grid-template-rows : 30px 50px 440px ;
margin : 0 ;
}
body : not ( . is-mobile ) . community-theme . is-selected . community-theme-info . community-theme-downloads {
margin : 0 ;
}
body : not ( . is-mobile ) . community-theme . is-selected . community-theme-screenshot {
grid-column : 2 / 3 ;
grid-row : 1 / 3 ;
max-width : 100 % ;
}
body : not ( . is-mobile ) . community-theme . is-selected . modal-button-container {
grid-column : 1 / 2 ;
grid-row : 1 / 2 ;
margin-top : 6px ;
margin-left : 6rem ;
}
body : not ( . is-mobile ) . community-theme . is-selected . community-theme-remove-button {
top : 36px ;
right : 24px ;
width : 48px ;
height : 28px ;
border-radius : 32px ;
}
body : not ( . is-mobile ) . community-theme . is-selected . is-selected . community-theme-info :: after {
grid-column : 1 / 3 ;
grid-row : 3 / 4 ;
align-self : center ;
justify-self : center ;
content : "Hello there! Cecil here. 🦊 \aWelcome to Primary. \aI hope you have a cozy time. \a\aIf you want to toggle exclusive features, tweak some colors and fonts — download the Style Settings Plugin. \a Check it out, you might like some of the presets there! \a\aRemember to update the theme from time to time to get the latest fixes, improvements, etc. \a\a💛 Support its development at \ako-fi.com/ceciliamay \a\a🎯 Follow its development at \atinyurl.com/primary-board" ;
color : var ( --text-normal ) ;
line-height : 1 . 4 ;
width : 88 % ;
position : relative ;
white-space : pre-wrap ;
text-align : left ;
border : none ;
}
. community-theme . is-selected . clickable-icon [ aria-label = "Visit on GitHub" ] {
grid-column : 1 / 3 ;
grid-row : 2 / 3 ;
align-self : center ;
justify-self : center ;
margin : 0 2rem ;
width : auto ;
color : var ( --text-normal ) ;
background : var ( --background-primary ) ;
border-radius : var ( --scale-8-4 ) ;
display : flex ;
padding : var ( --scale-2-2 ) var ( --scale-2-6 ) calc ( 1px + var ( --scale-2-2 ) ) var ( --scale-2-6 ) ;
}
. community-theme . is-selected . clickable-icon [ aria-label = "Visit on GitHub" ] svg {
width : 24px ;
height : 24px ;
}
. community-theme . is-selected . clickable-icon [ aria-label = "Visit on GitHub" ] : after {
content : "How to Use Primary" ;
width : 100 % ;
display : block ;
margin-left : var ( --scale-8-1 ) ;
margin-top : 1px ;
}
. theme-light . community-theme . is-selected . clickable-icon [ aria-label = "Visit on GitHub" ] {
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 2 ) inset , 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-light . community-theme . is-selected . clickable-icon [ aria-label = "Visit on GitHub" ] : active {
box-shadow : 0px 0px 0px 2px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 1px 1px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-dark . community-theme . is-selected . clickable-icon [ aria-label = "Visit on GitHub" ] {
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 3 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. theme-dark . community-theme . is-selected . clickable-icon [ aria-label = "Visit on GitHub" ] : active {
box-shadow : 0px 0px 0px 2px rgba ( 0 , 0 , 0 , 0 . 2 ) inset , 0px 1px 1px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. modal-content . community-theme-container . theme-list . community-theme . modal-button-container button : not ( . mod-cta ) {
display : none ;
}
. community-theme . is-selected button . mod-cta {
color : var ( --text-on-accent ) ;
background-color : var ( --interactive-accent ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Buttons Component
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/* don't remove !important */
. theme-light button ,
. theme-dark button {
font-family : var ( --font-interface-theme ) ! important ;
padding : var ( --scale-2-3 ) var ( --scale-2-8 ) var ( --scale-2-4 ) var ( --scale-2-8 ) ! important ;
margin-top : var ( --scale-2-3 ) ;
margin-bottom : var ( --scale-2-3 ) ;
margin-right : var ( --scale-2-4 ) ;
border-radius : var ( --scale-2-10 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-light button : last-child ,
. theme-dark button : last-child {
margin-right : 0 ;
}
. theme-light button : only-child ,
. theme-dark button : only-child {
margin-left : 0 ;
margin-right : 0 ;
}
. mod-community-plugin . setting-item-control . theme-light button ,
. mod-community-plugin . setting-item-control . theme-dark button {
box-shadow : none ;
}
. graph-controls . theme-light button ,
. graph-controls . theme-dark button {
font-size : var ( --font-scale-0 ) ;
}
. theme-light button . copy-code-button ,
. theme-dark button . copy-code-button {
padding : var ( --scale-2-1 ) var ( --scale-2-4 ) var ( --scale-2-3 ) var ( --scale-2-4 ) ! important ;
border-radius : var ( --scale-2-2 ) ;
margin-top : var ( --scale-2-2 ) ;
margin-right : var ( --scale-2-2 ) ;
}
. theme-light . modal button ,
. theme-light . graph-controls button ,
. theme-light . workspace button ,
. theme-light . popover button {
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 4 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 4 ) inset , 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 3 ) ;
}
. theme-light . modal button : active ,
. theme-light . graph-controls button : active ,
. theme-light . workspace button : active ,
. theme-light . popover button : active {
box-shadow : 0px 0px 0px 2px rgba ( 100 , 100 , 100 , 0 . 3 ) inset , 0px 1px 1px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-dark . modal button ,
. theme-dark . graph-controls button ,
. theme-dark . workspace button ,
. theme-dark . popover button {
color : var ( --color-d-white ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 55 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 28 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. theme-dark . modal button : active ,
. theme-dark . graph-controls button : active ,
. theme-dark . workspace button : active ,
. theme-dark . popover button : active {
box-shadow : 0px 0px 0px 2px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 1px 1px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-light . modal button : not ( . mod-cta , . mod-warning ) ,
. theme-light . modal . mod-settings button : not ( . mod-cta , . mod-warning ) ,
. theme-light . workspace button : not ( . graph-controls button , . document-search-button ) ,
. theme-light . popover button : not ( . graph-controls button , . document-search-button ) ,
. theme-light . search-result-file-match-destination-file {
color : var ( --color-l-gray-80 ) ;
background : var ( --color-l-whiter ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 2 ) inset , 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-light . modal button : not ( . mod-cta , . mod-warning ) : hover , . theme-light . modal button : not ( . mod-cta , . mod-warning ) : focus ,
. theme-light . modal . mod-settings button : not ( . mod-cta , . mod-warning ) : hover ,
. theme-light . modal . mod-settings button : not ( . mod-cta , . mod-warning ) : focus ,
. theme-light . workspace button : not ( . graph-controls button , . document-search-button ) : hover ,
. theme-light . workspace button : not ( . graph-controls button , . document-search-button ) : focus ,
. theme-light . popover button : not ( . graph-controls button , . document-search-button ) : hover ,
. theme-light . popover button : not ( . graph-controls button , . document-search-button ) : focus ,
. theme-light . search-result-file-match-destination-file : hover ,
. theme-light . search-result-file-match-destination-file : focus {
background : var ( --color-l-gray-10 ) ;
}
. theme-light . modal button : not ( . mod-cta , . mod-warning ) : active ,
. theme-light . modal . mod-settings button : not ( . mod-cta , . mod-warning ) : active ,
. theme-light . workspace button : not ( . graph-controls button , . document-search-button ) : active ,
. theme-light . popover button : not ( . graph-controls button , . document-search-button ) : active ,
. theme-light . search-result-file-match-destination-file : active {
box-shadow : 0px 0px 0px 2px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 1px 1px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-dark . modal button : not ( . mod-cta , . mod-warning ) ,
. theme-dark . modal . mod-settings button : not ( . mod-cta , . mod-warning ) ,
. theme-dark . workspace button : not ( . graph-controls button , . document-search-button ) ,
. theme-dark . popover button : not ( . graph-controls button , . document-search-button ) ,
. theme-dark . search-result-file-match-destination-file {
color : var ( --color-d-white ) ;
background : var ( --color-d-black ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 3 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. theme-dark . modal button : not ( . mod-cta , . mod-warning ) : hover ,
. theme-dark . modal . mod-settings button : not ( . mod-cta , . mod-warning ) : hover ,
. theme-dark . workspace button : not ( . graph-controls button , . document-search-button ) : hover ,
. theme-dark . popover button : not ( . graph-controls button , . document-search-button ) : hover ,
. theme-dark . search-result-file-match-destination-file : hover {
background : var ( --color-d-blacker ) ;
}
. theme-dark . modal button : not ( . mod-cta , . mod-warning ) : active ,
. theme-dark . modal . mod-settings button : not ( . mod-cta , . mod-warning ) : active ,
. theme-dark . workspace button : not ( . graph-controls button , . document-search-button ) : active ,
. theme-dark . popover button : not ( . graph-controls button , . document-search-button ) : active ,
. theme-dark . search-result-file-match-destination-file : active {
box-shadow : 0px 0px 0px 2px rgba ( 0 , 0 , 0 , 0 . 2 ) inset , 0px 1px 1px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
button . clickable-icon [ aria-label = "Change sort order" ] {
margin-left : 0 ;
margin-right : var ( --scale-2-4 ) ;
}
span . community-theme-remove-button . clickable-icon {
top : 6px ;
right : -3px ;
color : var ( --text-on-accent ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-2 ) var ( --scale-0-0 ) var ( --scale-2-2 ) ;
}
. theme-light span . community-theme-remove-button . clickable-icon {
color : var ( --color-l-gray-20 ) ;
background : var ( --color-l-red-300 ) ;
box-shadow : 0px 1px 2px 0px rgba ( 100 , 100 , 100 , 0 . 5 ) , 0px -2px 0px 0px rgba ( 100 , 20 , 20 , 0 . 18 ) inset ;
}
. theme-light span . community-theme-remove-button . clickable-icon : hover {
background : var ( --color-l-red-500 ) ;
}
. theme-light span . community-theme-remove-button . clickable-icon : active {
color : var ( --color-l-red-900 ) ;
background : var ( --color-l-red-700 ) ;
box-shadow : 0px 0px 0px 2px rgba ( 150 , 20 , 20 , 0 . 55 ) inset ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. theme-dark span . community-theme-remove-button . clickable-icon {
color : var ( --color-d-white ) ;
background : var ( --color-d-red-500 ) ;
box-shadow : 0px 1px 2px 0px rgba ( 0 , 0 , 0 , 0 . 25 ) , 0px -2px 0px 0px rgba ( 85 , 8 , 8 , 0 . 38 ) inset ;
}
. theme-dark span . community-theme-remove-button . clickable-icon : hover {
background : var ( --color-d-red-300 ) ;
}
. theme-dark span . community-theme-remove-button . clickable-icon : active {
color : var ( --color-d-red-900 ) ;
background : var ( --color-d-red-700 ) ;
box-shadow : 0px 0px 0px 2px rgba ( 0 , 0 , 0 , 0 . 45 ) inset ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Search Input Component
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*~ Global Search Input */
. search-input-container . search-input-container {
margin : var ( --scale-2-2 ) var ( --scale-2-6 ) var ( --scale-2-2 ) var ( --scale-2-6 ) ;
}
. search-input-container . search-input-container input {
padding : var ( --scale-2-4 ) var ( --scale-8-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
}
. hotkey-search-container {
margin : var ( --scale-2-2 ) var ( --scale-2-2 ) ;
}
textarea ,
input [ type = text ] ,
input [ type = search ] ,
input [ type = email ] ,
input [ type = password ] ,
input [ type = number ] {
font-family : var ( --font-interface-theme ) ;
font-size : var ( --font-scale-1 ) ;
border-radius : var ( --scale-2-3 ) ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
margin : var ( --scale-2-2 ) ;
transition : var ( --duration-fast-1 ) var ( --motion-delay ) ;
}
. theme-light textarea ,
. theme-light input [ type = text ] ,
. theme-light input [ type = search ] ,
. theme-light input [ type = email ] ,
. theme-light input [ type = password ] ,
. theme-light input [ type = number ] {
background : var ( --color-l-gray-10 ) ;
border : 1px solid var ( --background-modifier-border ) ;
}
. theme-light textarea : focus ,
. theme-light input [ type = text ] : focus ,
. theme-light input [ type = search ] : focus ,
. theme-light input [ type = email ] : focus ,
. theme-light input [ type = password ] : focus ,
. theme-light input [ type = number ] : focus {
background : var ( --color-l-white ) ;
border : 1px solid var ( --color-l-gray-60 ) ;
box-shadow : 0px 0px 0px 3px var ( --color-l-gray-40 ) ;
}
. theme-dark textarea ,
. theme-dark input [ type = text ] ,
. theme-dark input [ type = search ] ,
. theme-dark input [ type = email ] ,
. theme-dark input [ type = password ] ,
. theme-dark input [ type = number ] {
background : var ( --color-d-gray-90 ) ;
border : 1px solid var ( --background-modifier-border ) ;
}
. theme-dark textarea : focus ,
. theme-dark input [ type = text ] : focus ,
. theme-dark input [ type = search ] : focus ,
. theme-dark input [ type = email ] : focus ,
. theme-dark input [ type = password ] : focus ,
. theme-dark input [ type = number ] : focus {
background : var ( --color-d-blacker ) ;
border : 1px solid var ( --color-d-gray-50 ) ;
box-shadow : 0px 0px 0px 3px var ( --color-d-gray-60 ) ;
}
. search-empty-state {
font-size : inherit ;
font-style : italic ;
color : var ( --text-faint ) ;
margin-bottom : var ( --scale-2-2 ) ;
}
. search-input-clear-button {
right : 8px ;
top : 8px ;
font-family : Inter , sans-serif ;
font-weight : 300 ;
font-size : var ( --scale-2-8 ) ;
height : var ( --scale-2-8 ) ;
width : var ( --scale-2-8 ) ;
border-radius : var ( --scale-8-3 ) ;
z-index : 9 ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. search-input-clear-button : before {
position : absolute ;
right : 3px ;
top : -3px ;
}
. search-input-clear-button : hover {
color : var ( --text-muted ) ;
}
. search-input-clear-button : active {
color : var ( --text-faint ) ;
}
/*~ Command Palette & Quick Switcher Search Input ~*/
. prompt {
padding : 0 ;
border : 1px solid var ( --background-modifier-border ) ;
}
. prompt-results {
padding : var ( --scale-2-6 ) ;
border-top : 1px solid var ( --background-modifier-border ) ;
}
. prompt input . prompt-input {
font-size : var ( --font-scale-2 ) ;
background : var ( --background-primary ) ;
padding : var ( --scale-8-3 ) ;
border : none ;
}
. prompt input . prompt-input : focus {
background : var ( --background-primary ) ;
border : none ;
box-shadow : none ;
}
/*────────KBD──────────*/
kbd ,
. setting-hotkey {
font-family : var ( --font-monospace-theme ) ;
}
. markdown-soure-view kbd , . cm-s-obsidian kbd , . markdown-preview-view kbd ,
. markdown-soure-view . setting-hotkey ,
. cm-s-obsidian . setting-hotkey ,
. markdown-preview-view . setting-hotkey {
padding : 3px 8px ;
}
. theme-light kbd ,
. theme-light . setting-hotkey {
font-size : var ( --font-scale-0 ) ;
color : var ( --color-l-red-300 ) ;
background : var ( --color-l-gray-20 ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 1 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-dark kbd ,
. theme-dark . setting-hotkey {
font-size : var ( --font-scale-0 ) ;
color : var ( --color-d-red-500 ) ;
background : var ( --color-d-gray-90 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. suggestion-hotkey {
padding : 1px 8px 3px 8px ;
margin-top : -3px ;
}
. prompt-instruction-command {
font-family : var ( --font-monospace ) ;
font-size : var ( --font-scale-0 ) ;
background : var ( --background-secondary ) ;
padding : var ( --scale-2-1 ) var ( --scale-2-2 ) calc ( 1px + var ( --scale-2-1 ) ) var ( --scale-2-2 ) ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-2 ) ;
}
. theme-light . prompt-instruction-command {
font-size : var ( --font-scale-0 ) ;
color : var ( --color-l-red-300 ) ;
background : var ( --color-l-gray-20 ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 1 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-dark . prompt-instruction-command {
color : var ( --color-d-red-500 ) ;
background : var ( --color-d-gray-90 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Toggle ( Checkboxes for Modals )
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. checkbox-container {
height : calc ( 3px + var ( --scale-8-3 ) ) ;
width : calc ( 2px + var ( --scale-8-6 ) ) ;
border-radius : var ( --scale-8-4 ) ;
}
. checkbox-container : after {
height : calc ( 4px + var ( --scale-8-2 ) ) ;
width : calc ( 4px + var ( --scale-8-2 ) ) ;
border-radius : var ( --scale-8-4 ) ;
margin : 2 . 5px 0 0 0px ;
}
. checkbox-container : active :: after {
width : calc ( 4px + var ( --scale-8-3 ) ) ;
}
. checkbox-container . is-enabled {
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
}
. checkbox-container . is-enabled : after {
transform : translate3d ( 24px , 0 , 0 ) ;
margin-left : 1px ;
}
. checkbox-container . is-enabled : active :: after {
left : -8px ;
}
. theme-light . checkbox-container {
background : var ( --color-l-gray-40 ) ;
border : 1px solid var ( --color-l-gray-40 ) ;
box-shadow : 0px 0px 0px 2px rgba ( 255 , 255 , 255 , 0 . 5 ) , 0px 0px 2px 1px rgba ( 100 , 100 , 100 , 0 . 35 ) inset ;
}
. theme-light . checkbox-container :: after {
background : var ( --color-l-whiter ) ;
box-shadow : 0px 1px 3px 0px rgba ( 100 , 100 , 100 , 0 . 45 ) , 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 15 ) inset , 0px 1px 0px 0px rgba ( 255 , 255 , 255 , 0 . 9 ) inset ;
}
. theme-light . checkbox-container . is-enabled {
border : 1px solid var ( --color-l-green-300 ) ;
background : var ( --color-l-green-500 ) ;
}
. theme-dark . checkbox-container {
background : var ( --color-d-gray-40 ) ;
border : 1px solid var ( --color-d-gray-30 ) ;
box-shadow : 0px 0px 0px 2px rgba ( 0 , 0 , 0 , 0 . 1 ) , 0px 0px 2px 1px rgba ( 0 , 0 , 0 , 0 . 35 ) inset ;
}
. theme-dark . checkbox-container :: after {
background : var ( --color-d-white ) ;
box-shadow : 0px 1px 3px 0px rgba ( 0 , 0 , 0 , 0 . 45 ) , 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 1px 0px 0px rgba ( 255 , 255 , 255 , 0 . 35 ) inset ;
}
. theme-dark . checkbox-container . is-enabled {
border : 1px solid var ( --color-d-green-700 ) ;
background : var ( --color-d-green-900 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Slider
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
input [ type = range ] {
min-width : 150px ;
background-color : transparent ;
padding : 0px ;
-webkit-appearance : none ;
cursor : default ;
}
input [ type = range ] :: -webkit-slider-runnable-track {
height : var ( --scale-2-3 ) ;
border-radius : var ( --scale-2-3 ) ;
}
. theme-light input [ type = range ] :: -webkit-slider-runnable-track {
background : var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-2 ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 2 ) ;
}
. theme-dark input [ type = range ] :: -webkit-slider-runnable-track {
background : var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-2 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 4 ) ;
}
input [ type = range ] :: -webkit-slider-thumb {
height : var ( --scale-2-10 ) ;
width : var ( --scale-2-4 ) ;
margin-top : -4px ;
cursor : ew-resize ;
transition : var ( --duration-fast-1 ) var ( --motion-jumpy ) ;
border-radius : var ( --scale-8-2 ) ;
}
. theme-light input [ type = range ] :: -webkit-slider-thumb {
background : var ( --color-l-blue-300 ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 5 ) ;
box-shadow : 0px 1px 3px 0px rgba ( 100 , 100 , 100 , 0 . 45 ) , 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 15 ) inset , 0px 1px 0px 0px rgba ( 255 , 255 , 255 , 0 . 35 ) inset ;
}
. theme-dark input [ type = range ] :: -webkit-slider-thumb {
background : var ( --color-d-blue-700 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 5 ) ;
box-shadow : 0px 1px 3px 0px rgba ( 0 , 0 , 0 , 0 . 45 ) , 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 2px 0px 0px rgba ( 255 , 255 , 255 , 0 . 35 ) inset ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Dropdown
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. dropdown {
font-family : var ( --font-interface-theme ) ;
font-size : var ( --font-scale-0-5 ) ;
line-height : var ( --line-height-1 ) ;
width : 215px ;
padding : var ( --scale-2-2 ) var ( --scale-2-8 ) var ( --scale-2-2 ) var ( --scale-2-8 ) ;
margin : var ( --scale-2-2 ) 0 ;
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
cursor : pointer ;
background-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M18.71,8.21a1,1,0,0,0-1.42,0l-4.58,4.58a1,1,0,0,1-1.42,0L6.71,8.21a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41l4.59,4.59a3,3,0,0,0,4.24,0l4.59-4.59A1,1,0,0,0,18.71,8.21Z'/%3E%3C/svg%3E%0A" ) ;
}
. theme-light . dropdown {
color : var ( --color-l-gray-80 ) ;
background-color : var ( --color-l-whiter ) ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 5 ) ;
border-radius : var ( --scale-2-2 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-light . dropdown : hover {
background-color : var ( --color-l-gray-20 ) ;
transition : var ( --duration-fast-1 ) var ( --motion-delay ) ;
}
. theme-dark . dropdown {
color : var ( --color-d-gray-10 ) ;
background-color : var ( --color-d-gray-90 ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 5 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. theme-dark . dropdown : hover {
background-color : var ( --color-d-blacker ) ;
transition : var ( --duration-fast-1 ) var ( --motion-delay ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Empty Page
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. empty-state-title {
display : none ;
}
. empty-state-action ,
. is-mobile . empty-state-action {
font-size : var ( --font-scale-0-5 ) ;
font-weight : bold ;
text-transform : uppercase ;
text-align : center ;
line-height : 1 . 2 ;
width : 26ch ;
background : var ( --background-primary-alt ) ;
padding : var ( --scale-2-6 ) 0 ;
border-radius : var ( --scale-8-4 ) ;
border : 1px solid var ( --background-modifier-border ) ;
margin-bottom : var ( --scale-2-4 ) ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. empty-state-action : hover ,
. is-mobile . empty-state-action : hover {
transform : translateY ( -2px ) ;
}
. empty-state-action : active ,
. is-mobile . empty-state-action : active {
transform : translateY ( 0 . 5px ) ;
}
. theme-light . empty-state-action ,
. theme-light . is-mobile . empty-state-action {
box-shadow : 0px 2px 4px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) , 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 15 ) inset ;
}
. theme-light . empty-state-action : active ,
. theme-light . is-mobile . empty-state-action : active {
background : var ( --background-secondary ) ;
box-shadow : 0px 0px 0px 3px rgba ( 150 , 150 , 150 , 0 . 15 ) inset ;
}
. theme-light . empty-state-action : nth-child ( 3n + 1 ) : hover , . theme-light . empty-state-action : nth-child ( 3n + 1 ) : focus ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 1 ) : hover ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 1 ) : focus {
color : var ( --color-l-yellow-500 ) ;
border : 1px solid var ( --color-l-yellow-500 ) ;
}
. theme-light . empty-state-action : nth-child ( 3n + 1 ) : active ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 1 ) : active {
color : var ( --color-l-yellow-700 ) ;
border : 1px solid var ( --color-l-yellow-700 ) ;
}
. theme-light . empty-state-action : nth-child ( 3n + 2 ) : hover , . theme-light . empty-state-action : nth-child ( 3n + 2 ) : focus ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 2 ) : hover ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 2 ) : focus {
color : var ( --color-l-red-500 ) ;
border : 1px solid var ( --color-l-red-500 ) ;
}
. theme-light . empty-state-action : nth-child ( 3n + 2 ) : active ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 2 ) : active {
color : var ( --color-l-red-700 ) ;
border : 1px solid var ( --color-l-red-700 ) ;
}
. theme-light . empty-state-action : nth-child ( 3n + 3 ) : hover , . theme-light . empty-state-action : nth-child ( 3n + 3 ) : focus ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 3 ) : hover ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 3 ) : focus {
color : var ( --color-l-blue-500 ) ;
border : 1px solid var ( --color-l-blue-500 ) ;
}
. theme-light . empty-state-action : nth-child ( 3n + 3 ) : active ,
. theme-light . is-mobile . empty-state-action : nth-child ( 3n + 3 ) : active {
color : var ( --color-l-blue-700 ) ;
border : 1px solid var ( --color-l-blue-700 ) ;
}
. theme-dark . empty-state-action ,
. theme-dark . is-mobile . empty-state-action {
box-shadow : 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) , 0px -3px 0px 0px rgba ( 0 , 0 , 0 , 0 . 25 ) inset ;
}
. theme-dark . empty-state-action : active ,
. theme-dark . is-mobile . empty-state-action : active {
background : var ( --background-secondary ) ;
box-shadow : 0px 0px 0px 3px rgba ( 0 , 0 , 0 , 0 . 3 ) inset ;
}
. theme-dark . empty-state-action : nth-child ( 3n + 1 ) : hover , . theme-dark . empty-state-action : nth-child ( 3n + 1 ) : focus ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 1 ) : hover ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 1 ) : focus {
color : var ( --color-d-yellow-700 ) ;
border : 1px solid var ( --color-d-yellow-700 ) ;
}
. theme-dark . empty-state-action : nth-child ( 3n + 1 ) : active ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 1 ) : active {
color : var ( --color-d-yellow-900 ) ;
border : 1px solid var ( --color-d-yellow-900 ) ;
}
. theme-dark . empty-state-action : nth-child ( 3n + 2 ) : hover , . theme-dark . empty-state-action : nth-child ( 3n + 2 ) : focus ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 2 ) : hover ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 2 ) : focus {
color : var ( --color-d-red-700 ) ;
border : 1px solid var ( --color-d-red-700 ) ;
}
. theme-dark . empty-state-action : nth-child ( 3n + 2 ) : active ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 2 ) : active {
color : var ( --color-d-red-900 ) ;
border : 1px solid var ( --color-d-red-900 ) ;
}
. theme-dark . empty-state-action : nth-child ( 3n + 3 ) : hover , . theme-dark . empty-state-action : nth-child ( 3n + 3 ) : focus ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 3 ) : hover ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 3 ) : focus {
color : var ( --color-d-blue-700 ) ;
border : 1px solid var ( --color-d-blue-700 ) ;
}
. theme-dark . empty-state-action : nth-child ( 3n + 3 ) : active ,
. theme-dark . is-mobile . empty-state-action : nth-child ( 3n + 3 ) : active {
color : var ( --color-d-blue-900 ) ;
border : 1px solid var ( --color-d-blue-900 ) ;
}
. workspace-leaf-content [ data-type = empty ] . empty-state :: after {
content : "Primary by Cecilia May" ;
color : var ( --text-faint ) ;
letter-spacing : var ( --tracking-4 ) ;
text-transform : uppercase ;
font-size : var ( --font-scale-0 ) ;
white-space : pre ;
text-align : center ;
position : absolute ;
bottom : var ( --scale-8-4 ) ;
opacity : 0 . 75 ;
}
. popover . hover-popover . workspace-leaf-content [ data-type = empty ] . empty-state :: after {
display : none ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Notifacation
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. notice {
font-family : var ( --font-monospace-theme ) ;
border-radius : var ( --scale-2-4 ) ;
transition : var ( --duration-moderate-2 ) var ( --motion-jumpy ) ;
}
. theme-light . notice {
color : var ( --color-l-black ) ;
background : var ( --color-l-yellow-300 ) ;
box-shadow : 0px 1px 0px rgba ( 17 , 17 , 26 , 0 . 05 ) , 0px 0px 8px rgba ( 17 , 17 , 26 , 0 . 1 ) ;
}
. theme-dark . notice {
color : var ( --color-d-black ) ;
background : var ( --color-d-yellow-700 ) ;
box-shadow : 0px 1px 0px rgba ( 0 , 0 , 0 , 0 . 05 ) , 0px 0px 8px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Popovers
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
: root {
--popover-min : 150px ;
--popover-default : 40vw ;
--popover-max : 600px ;
}
. popover . hover-popover {
width : clamp ( var ( --popover-min ) , var ( --popover-default ) , var ( --popover-max ) ) ;
border-radius : var ( --scale-2-6 ) ;
border : 1px solid var ( --background-modifier-border ) ;
box-shadow : var ( --shadow-l ) var ( --background-modifier-box-shadow ) ;
}
. popover . hover-popover . markdown-embed {
border : none ;
}
. popover . hover-popover . markdown-preview-view {
background : var ( --background-primary ) ;
padding : var ( --scale-8-1 ) var ( --scale-8-6 ) var ( --scale-8-1 ) var ( --scale-8-6 ) ;
}
. popover . hover-popover :: -webkit-scrollbar {
display : none ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Resize Handles
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. workspace-split . mod-vertical > * > . workspace-leaf-resize-handle , . workspace-split . mod-left-split > . workspace-leaf-resize-handle , . workspace-split . mod-right-split > . workspace-leaf-resize-handle {
width : 1px ;
height : 105 % ;
top : -24px ;
border-color : var ( --background-modifier-border ) ;
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
}
. workspace-split . mod-vertical > * > . workspace-leaf-resize-handle : hover , . workspace-split . mod-left-split > . workspace-leaf-resize-handle : hover , . workspace-split . mod-right-split > . workspace-leaf-resize-handle : hover {
width : 4px ;
border-color : var ( --background-modifier-border ) ;
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
}
. workspace-split . mod-vertical > * > . workspace-leaf-resize-handle : active , . workspace-split . mod-left-split > . workspace-leaf-resize-handle : active , . workspace-split . mod-right-split > . workspace-leaf-resize-handle : active {
width : 5px ;
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
}
. theme-light . workspace-split . mod-vertical > * > . workspace-leaf-resize-handle : active , . theme-light . workspace-split . mod-left-split > . workspace-leaf-resize-handle : active , . theme-light . workspace-split . mod-right-split > . workspace-leaf-resize-handle : active {
/* VH for Light Mode */
border-color : var ( --color-l-gray-50 ) ;
}
. theme-dark . workspace-split . mod-vertical > * > . workspace-leaf-resize-handle : active , . theme-dark . workspace-split . mod-left-split > . workspace-leaf-resize-handle : active , . theme-dark . workspace-split . mod-right-split > . workspace-leaf-resize-handle : active {
/* VH for Dark Mode */
border-color : var ( --color-d-gray-30 ) ;
}
. workspace-split . mod-horizontal > * > . workspace-leaf-resize-handle {
height : 1px ;
background : var ( --background-modifier-border ) ;
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
}
. workspace-split . mod-horizontal > * > . workspace-leaf-resize-handle : hover {
height : 4px ;
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
}
. workspace-split . mod-horizontal > * > . workspace-leaf-resize-handle : active {
height : 5px ;
transition : var ( --duration-fast-1 ) var ( --motion-smooth ) ;
}
. theme-light . workspace-split . mod-horizontal > * > . workspace-leaf-resize-handle : active {
/* HH for Light Mode */
background : var ( --color-l-gray-50 ) ;
}
. theme-dark . workspace-split . mod-horizontal > * > . workspace-leaf-resize-handle : active {
/* HH for Dark Mode */
background : var ( --color-d-gray-30 ) ;
}
. workspace-split . mod-horizontal > * > . workspace-leaf-resize-handle ,
. workspace-leaf-resize-handle {
border : none ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Scrollbars
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
body : not ( . native-scrollbars ) :: -webkit-scrollbar ,
body : not ( . native-scrollbars ) . graph-controls :: -webkit-scrollbar {
visibility : visible ;
width : var ( --scale-2-2 ) ;
height : var ( --scale-2-2 ) ;
border-radius : 0 ;
display : inherit ;
background : var ( --scrollbar-bg ) ;
}
body : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb {
visibility : visible ;
background : var ( scrollbar-thumb-bg ) ;
border-radius : 0 ;
}
body : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb : active {
background : var ( --scrollbar-active-thumb-bg ) ;
border-radius : 0 ;
}
/* Thin Scrollbar */
. scrollbar__thin . scrollbar__thin : not ( . native-scrollbars ) :: -webkit-scrollbar , . scrollbar__thin . scrollbar__thin : not ( . native-scrollbars ) . graph-controls :: -webkit-scrollbar {
visibility : visible ;
width : var ( --scale-2-2 ) ;
height : var ( --scale-2-2 ) ;
border-radius : 0 ;
display : inherit ;
background : var ( --scrollbar-bg ) ;
}
. scrollbar__thin . scrollbar__thin : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb {
visibility : visible ;
background : var ( scrollbar-thumb-bg ) ;
border-radius : 0 ;
}
. scrollbar__thin . scrollbar__thin : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb : active {
background : var ( --scrollbar-active-thumb-bg ) ;
border-radius : 0 ;
}
/* Mac (Grabbable) Scrollbar */
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) :: -webkit-scrollbar {
background : var ( --scrollbar-bg ) ;
visibility : visible ;
width : 12px ;
height : 12px ;
border-radius : 0 ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb , . scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . node-insert-event :: -webkit-scrollbar-thumb {
visibility : visible ;
background : var ( scrollbar-thumb-bg ) ;
border : 5px solid var ( --background-primary ) ;
border-radius : 24px ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb : hover , . scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . node-insert-event :: -webkit-scrollbar-thumb : hover {
background : var ( --interactive-accent ) ;
border-width : 3px ;
border-radius : 24px ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) :: -webkit-scrollbar-thumb : active , . scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . node-insert-event :: -webkit-scrollbar-thumb : active {
border-radius : 24px ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . workspace-tabs :: -webkit-scrollbar-thumb {
background : var ( --background-modifier-border ) ;
border : 5px solid var ( --background-secondary ) ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . workspace-tabs :: -webkit-scrollbar-thumb : hover {
background : var ( --interactive-accent ) ;
border-width : 3px ;
border-radius : 24px ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . workspace-tabs :: -webkit-scrollbar-thumb : active {
border-radius : 24px ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . markdown-embed : not ( . hover-popover . markdown-embed ) :: -webkit-scrollbar-thumb {
border : 5px solid var ( --background-primary-alt ) ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . markdown-embed : not ( . hover-popover . markdown-embed ) :: -webkit-scrollbar-thumb : hover {
background : var ( --scrollbar-active-thumb-bg ) ;
border-width : 3px ;
border-radius : 24px ;
}
. scrollbar__mac . scrollbar__mac : not ( . native-scrollbars ) . markdown-embed : not ( . hover-popover . markdown-embed ) :: -webkit-scrollbar-thumb : active {
border-radius : 24px ;
}
body . plugin-sliding-panes . scrollbar__mac . workspace-split . mod-vertical . mod-root {
background : var ( --background-primary ) ;
}
body . plugin-sliding-panes-rotate-header . workspace > . mod-root > . workspace-leaf > . workspace-leaf-content > . view-content {
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
/* Hidden Scrollbar */
. scrollbar__hidden : not ( . native-scrollbars ) :: -webkit-scrollbar {
display : none ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Tooltips
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. tooltip {
background : var ( --text-normal ) ;
color : var ( --background-primary ) ;
box-shadow : var ( --shadow-s ) var ( --background-modifier-box-shadow ) ;
}
. tooltip . tooltip-arrow {
border-bottom : 5px solid var ( --text-normal ) ;
}
. tooltip . mod-top . tooltip-arrow {
border-top : 5px solid var ( --text-normal ) ;
}
. tooltip . mod-right . tooltip-arrow {
border-right : 5px solid var ( --text-normal ) ;
}
. mod-error . tooltip . mod-right . tooltip-arrow {
border-right-color : var ( --background-modifier-error ) ;
border-bottom : 5px solid transparent ;
}
. tooltip . mod-left . tooltip-arrow {
border-left : 5px solid var ( --text-normal ) ;
}
. mod-error . tooltip . mod-left . tooltip-arrow {
border-left-color : var ( --background-modifier-error ) ;
border-bottom : 5px solid transparent ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Vault Launch Progress
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-loading : before ,
. search-result-container . is-loading : before {
background-color : var ( --background-primary ) ;
animation : var ( --duration-slow-2 ) var ( --motion-smooth ) infinite progress-bar ;
}
. progress-bar {
background : var ( --background-primary ) ;
}
. progress-bar-indicator {
width : 35 % ;
overflow : hidden ;
height : var ( --scale-2-6 ) ;
border-radius : var ( --scale-2-6 ) ;
border : 1px solid var ( --background-modifier-border ) ;
}
. is-mobile . progress-bar-indicator {
width : 65 % ;
}
. progress-bar-line {
height : var ( --scale-2-6 ) ;
position : absolute ;
background : var ( --background-secondary ) ;
border-radius : var ( --scale-2-6 ) ;
}
. progress-bar-subline {
height : var ( --scale-2-5 ) ;
border-radius : var ( --scale-2-6 ) ;
}
. theme-light . progress-bar-subline {
/* VLP for Light Mode */
background : var ( --color-l-green-500 ) ;
}
. theme-dark . progress-bar-subline {
/* VLP for Dark Mode */
background : var ( --color-d-green-900 ) ;
}
. progress-bar-message {
display : none ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + Workspace + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Side Dock Ribbon
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile . workspace-drawer-ribbon {
width : var ( --scale-8-8 ) ;
border-right : 1px solid var ( --background-modifier-border ) ;
}
. is-mobile . workspace-drawer-ribbon . side-dock-ribbon-action {
padding-bottom : var ( --scale-0-0 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Tab Header in Workspace Drawer
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile . workspace-drawer-header {
padding : var ( --scale-8-3 ) var ( --scale-8-3 ) var ( --scale-0-0 ) var ( --scale-8-3 ) ;
}
. is-mobile . workspace-drawer-active-tab-header {
padding : var ( --scale-2-4 ) var ( --scale-2-2 ) var ( --scale-2-4 ) var ( --scale-2-8 ) ;
margin : 0 ;
}
. is-mobile . workspace-drawer-tab-container > * {
padding : var ( --scale-0-0 ) var ( --scale-8-1 ) var ( --scale-0-0 ) var ( --scale-8-1 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Nav Header in Workspace Drawer
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile . workspace-drawer-actions , . is-mobile . nav-buttons-container {
margin : var ( --scale-2-6 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
. is-mobile . nav-action-button {
padding : 0 ;
margin : var ( --scale-0-0 ) var ( --scale-2-6 ) var ( --scale-0-0 ) var ( --scale-2-6 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Tab Content
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile . workspace-drawer {
width : 100 % ;
}
. is-mobile . workspace-drawer . mod-left . workspace-drawer-inner {
padding-left : var ( --scale-8-8 ) ;
padding-right : var ( --scale-0-0 ) ;
}
. is-mobile . workspace-drawer . workspace-drawer-inner {
background : var ( --background-secondary ) ;
}
. is-mobile . workspace-drawer . workspace-drawer-tab-options {
padding : var ( --scale-0-0 ) var ( --scale-8-1 ) var ( --scale-0-0 ) var ( --scale-8-1 ) ;
}
. is-mobile . workspace-drawer . search-input-suggest-button {
top : 8px ;
}
/* Workspace Drawer Items Fix */
: root {
--mobile-fileexplorer-font-size : 16px ;
--mobile-fileexplorer-line-height : 1 . 2 ;
}
. is-mobile . theme-light . nav-folder-title , . is-mobile . theme-light . nav-file-title ,
. is-mobile . theme-dark . nav-folder-title ,
. is-mobile . theme-dark . nav-file-title {
font-size : var ( --mobile-fileexplorer-font-size ) ;
line-height : var ( --mobile-fileexplorer-line-height ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + Content / Active Note + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Note Header
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile . view-header , . is-mobile . workspace-leaf . mod-active . view-header , . is-mobile . workspace-split . mod-root > . workspace-leaf : first-of-type : last-of-type . view-header {
height : var ( --scale-2-24 ) ;
}
. is-mobile . view-header . view-header-icon {
top : 4px ;
margin-left : 6px ;
}
. is-mobile . view-header-title {
line-height : 50px ;
}
. is-mobile . view-header . view-actions a {
top : 6px ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Backlinks in Document
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile . mod-root . workspace-leaf-content [ data-type = markdown ] . nav-buttons-container {
position : relative ;
margin-top : var ( --scale-2-4 ) ;
margin-bottom : var ( --scale-0-0 ) ;
}
. is-mobile . mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . search-input-container {
width : 98 % ;
margin-left : auto ;
margin-right : auto ;
margin-bottom : var ( --scale-2-4 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + Other Components + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Modals
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*─────────Settings Modal──────────*/
. is-mobile . workspace {
transform : none ! important ;
}
. is-mobile . modal , . is-mobile . prompt {
overflow-y : hidden ;
border : 1px solid rgba ( 100 , 100 , 100 , 0 . 25 ) ;
}
. is-mobile . modal {
padding : var ( --scale-8-2 ) var ( --scale-8-4 ) ;
}
. is-mobile . prompt {
padding-left : 0 ;
padding-right : 0 ;
}
. is-mobile . prompt input . prompt-input {
padding-top : var ( --scale-2-4 ) ;
padding-bottom : var ( --scale-2-6 ) ;
}
. is-mobile . menu {
padding : 0 ;
}
. is-mobile :: -webkit-scrollbar {
display : none ;
}
. is-mobile . modal . vertical-tab-header-group {
background : var ( --background-primary ) ;
}
. is-mobile . modal . modal-content . vertical-tab-content {
border : none ;
}
. is-mobile . modal . modal-content . vertical-tab-header-group : nth-child ( 2 ) {
border-top : 1px solid var ( --background-modifier-border ) ;
}
. is-mobile . modal-setting-back-button {
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
. is-mobile . modal-content {
padding : var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
. is-mobile . modal-close-button {
top : var ( --scale-2-1 ) ;
}
. is-mobile . community-theme-screenshot {
max-width : 100 % ;
}
/*─────────Modal CLose Button──────────*/
. is-mobile . modal . vertical-tab-header :: before {
content : "Settings" ;
font-family : var ( --font-interface-theme ) ;
font-weight : var ( --font-semi-bold ) ;
color : var ( --text-muted ) ;
background : var ( --background-secondary ) ;
position : sticky ;
top : 0 ;
right : 0 ;
left : 0 ;
height : 47px ;
display : flex ;
align-items : center ;
justify-content : center ;
text-align : center ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
z-index : 1 ;
}
. is-mobile . modal-setting-back-button {
box-shadow : none ;
}
. is-mobile . modal-setting-back-button span {
font-weight : var ( --font-semi-bold ) ;
color : var ( --text-muted ) ;
}
. is-mobile . modal-close-button {
margin : var ( --scale-2-4 ) ;
display : block ;
z-index : 2 ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Buttons
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile button {
margin : 5px ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Vault Launch Progress
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile . progress-bar-message {
font-size : var ( --font-scale-1 ) ;
}
/* Phone */
@ media ( max-width : 400pt ) {
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + Variables + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile {
/*──────────Typography Modular Scale──────────*/
/* Based on Standard 16px */
--line-width : 400pt ;
--scale-ratio : 1 . 23 ;
--font-scale-000 : 0 . 652em ;
--font-scale-00 : 0 . 694em ;
--font-scale-0 : 0 . 783em ;
--font-scale-0-5 : 0 . 875em ;
--font-scale-1 : 1em ;
--font-scale-2 : 1 . 12em ;
--font-scale-3 : 1 . 23em ;
--font-scale-4 : 1 . 378em ;
--font-scale-5 : 1 . 513em ;
--font-scale-6 : 1 . 695em ;
--font-scale-7 : 1 . 861em ;
--font-scale-8 : 2 . 085em ;
--font-scale-9 : 2 . 289em ;
--font-scale-10 : 2 . 564em ;
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + Content / Active Note + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Editor
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/* iOS Modal extending to Status Bar fix */
}
. is-mobile . modal : not ( . modal . mod-settings ) , . is-mobile . prompt , . is-mobile . suggestion-container , . is-mobile . menu {
border-top-left-radius : var ( --scale-2-8 ) ;
border-top-right-radius : var ( --scale-2-8 ) ;
border-bottom-left-radius : 0 ;
border-bottom-right-radius : 0 ;
box-shadow : 0px 0px 16px 0px rgba ( 0 , 0 , 0 , 0 . 3 ) ;
}
. is-mobile . modal : not ( . modal . mod-settings ) , . is-mobile . prompt {
bottom : 0 ;
width : 100 % ;
max-width : 100 % ;
}
. is-mobile . suggestion-container {
left : 0 ;
width : 100 % ;
max-width : 100 % ;
max-height : 200px ;
overflow-y : auto ;
}
. is-mobile . modal . mod-settings {
top : 0 ;
bottom : 0 ;
width : 100 % ;
max-width : 100 % ;
height : 100 % ;
max-height : 100 % ;
border-radius : 0 ;
}
. is-mobile . modal . mod-community-theme . modal-content {
padding : var ( --scale-0-0 ) var ( --scale-2-3 ) ;
}
. is-mobile . prompt kbd {
display : none ;
}
. is-mobile . is-ios . modal . mod-settings {
top : auto ;
bottom : 0 ;
max-height : calc ( 100 % - 42px ) ;
box-shadow : none ;
}
. is-mobile . is-ios . modal-bg {
background : var ( --background-secondary ) ;
opacity : 1 ;
}
}
@ media ( min-width : 400pt ) {
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + Variables + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. is-mobile {
/*──────────Typography Modular Scale──────────*/
/* Based on Standard 16px */
--line-width : 400pt ;
--scale-ratio : 1 . 32 ;
--font-scale-000 : 0 . 652em ;
--font-scale-00 : 0 . 694em ;
--font-scale-0 : 0 . 783em ;
--font-scale-0-5 : 0 . 875em ;
--font-scale-1 : 1em ;
--font-scale-2 : 1 . 179em ;
--font-scale-3 : 1 . 32em ;
--font-scale-4 : 1 . 557em ;
--font-scale-5 : 1 . 742em ;
--font-scale-6 : 2 . 055em ;
--font-scale-7 : 2 . 3em ;
--font-scale-8 : 2 . 712em ;
--font-scale-9 : 3 . 036em ;
--font-scale-10 : 3 . 58em ;
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + Workspace + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Workspace Sidebar
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + Content / Active Note + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + Other Components + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Modals
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*─────────Settings Modal──────────*/
/*─────────Menu/Options Modal──────────*/
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Pull Down Action
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
}
. is-mobile . workspace-drawer : not ( . is-pinned ) {
width : 100vw ;
max-width : 360pt ;
height : calc ( 100vh - var ( --scale-8-6 ) ) ;
margin : var ( --scale-8-3 ) var ( --scale-8-3 ) ;
border-radius : var ( --scale-2-8 ) ;
border : 1px solid var ( --background-modifier-border ) ;
box-shadow : 0px 0px 16px 0px var ( --background-modifier-box-shadow ) ;
}
. is-mobile . modal , . is-mobile . prompt {
top : auto ;
bottom : auto ;
width : 100 % ;
max-width : 75 % ;
border-radius : var ( --scale-2-8 ) ;
box-shadow : var ( --shadow-m ) var ( --background-modifier-box-shadow ) ;
}
. is-mobile . modal . mod-settings {
height : 100 % ;
}
. is-mobile . setting-item : not ( . mod-toggle ) : not ( . setting-item-heading ) {
flex-direction : unset ;
}
. is-mobile . setting-item : not ( . mod-toggle ) : not ( . setting-item-heading ) . setting-item-control {
width : 300px ;
}
. is-mobile . menu {
border-top-left-radius : var ( --scale-2-8 ) ;
border-top-right-radius : var ( --scale-2-8 ) ;
border-bottom-left-radius : 0 ;
border-bottom-right-radius : 0 ;
box-shadow : var ( --shadow-m ) var ( --background-modifier-box-shadow ) ;
}
. is-mobile . pull-down-action {
top : 0 ;
left : 0 ;
right : 0 ;
width : 75 % ;
margin : var ( --scale-2-8 ) auto ;
padding : var ( --scale-2-8 ) var ( --scale-2-8 ) var ( --scale-2-8 ) var ( --scale-2-8 ) ;
text-align : center ;
border-radius : var ( --scale-2-8 ) ;
border : none ;
}
}
@ media ( min-width : 1000pt ) {
. is-mobile {
/*──────────Aside HTML / Sidenotes──────────*/
}
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Graph View
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. workspace-leaf-content [ data-type = graph ] . view-content {
padding : 0 ;
}
. graph-controls {
max-width : initial ;
padding : var ( --scale-8-1 ) var ( --scale-8-3 ) var ( --scale-8-2 ) var ( --scale-8-1 ) ;
margin-top : var ( --scale-2-2 ) ;
margin-left : var ( --scale-2-2 ) ;
border-radius : var ( --scale-2-4 ) ;
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
}
. graph-controls . is-close {
padding : var ( --scale-8-1 ) var ( --scale-8-1 ) var ( --scale-8-1 ) var ( --scale-8-1 ) ;
margin-top : var ( --scale-2-2 ) ;
margin-left : var ( --scale-2-2 ) ;
border-radius : var ( --scale-2-4 ) ;
opacity : 1 ;
}
. graph-controls . is-close . graph-controls-buttons . mod-open , . graph-controls . is-close . graph-controls-buttons . mod-animate {
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) ;
margin : 0 ;
}
/*─────────Graph View Colors──────────*/
. theme-light . graph-view . color-fill ,
. theme-dark . graph-view . color-fill {
color : var ( --graph-color-node-resolved ) ;
}
. theme-light . graph-view . color-fill-unresolved ,
. theme-dark . graph-view . color-fill-unresolved {
color : var ( --graph-color-node-unresolved ) ;
opacity : var ( --graph-color-node-unresolved-opacity ) ;
}
. theme-light . graph-view . color-fill-tag ,
. theme-dark . graph-view . color-fill-tag {
color : var ( --graph-color-node-tag ) ;
}
. theme-light . graph-view . color-fill-attachment ,
. theme-dark . graph-view . color-fill-attachment {
color : var ( --graph-color-node-attachment ) ;
}
. theme-light . graph-view . color-fill-focused ,
. theme-dark . graph-view . color-fill-focused {
/* Focused Node */
color : var ( --graph-color-node-focused ) ;
}
. theme-light . graph-view . color-circle ,
. theme-dark . graph-view . color-circle {
/* Node Cirle on Hover (Border) */
color : var ( --graph-color-node-border-hover ) ;
}
. theme-light . graph-view . color-arrow ,
. theme-dark . graph-view . color-arrow {
color : var ( --graph-color-node-arrow ) ;
}
. theme-light . graph-view . color-line ,
. theme-dark . graph-view . color-line {
color : var ( --graph-color-node-line ) ;
}
. theme-light . graph-view . color-line-highlight ,
. theme-dark . graph-view . color-line-highlight {
/* Node Line on Hover */
color : var ( --graph-color-node-line-hover ) ;
}
. theme-light . graph-view . color-text ,
. theme-dark . graph-view . color-text {
color : var ( --graph-color-node-text ) ;
}
/*~ Graph View Controls for Light Theme ~*/
. theme-light . graph-controls {
background-color : var ( --color-l-white ) ;
color : var ( --color-l-gray-60 ) ;
border : 1px solid var ( --background-modifier-border ) ;
box-shadow : var ( --shadow-s ) var ( --color-l-shadow-100 ) ;
}
. theme-light . graph-controls . is-close {
min-width : inherit ;
box-shadow : none ;
}
. theme-light . graph-controls . setting-item-name {
color : var ( --color-l-gray-80 ) ;
}
/*~ Graph View Controls for Dark Theme ~*/
. theme-dark . graph-controls {
background-color : var ( --color-d-gray-70 ) ;
color : var ( --color-d-gray-50 ) ;
border : 1px solid var ( --background-modifier-border ) ;
box-shadow : var ( --shadow-s ) var ( --color-d-shadow-100 ) ;
}
. theme-dark . graph-controls . is-close {
min-width : inherit ;
box-shadow : none ;
}
. theme-dark . graph-controls . setting-item-name {
color : var ( --color-d-gray-10 ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Backlinks and Outgoing Links
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/* Backlink Pane */
. popover . backlink-pane ,
. backlink-pane {
padding-left : 0 ;
}
. popover . backlink-pane > . tree-item-self ,
. backlink-pane > . tree-item-self {
flex-direction : row-reverse ;
color : var ( --md-color-text-normal ) ;
font-weight : var ( --font-bold ) ;
margin-top : 3px ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. popover . backlink-pane > . tree-item-self : hover ,
. backlink-pane > . tree-item-self : hover {
background : transparent ;
}
. popover . backlink-pane > . tree-item-self . is-collapsed ,
. backlink-pane > . tree-item-self . is-collapsed {
color : var ( --md-color-text-muted ) ;
}
. popover . backlink-pane > . tree-item-self . is-collapsed : active ,
. backlink-pane > . tree-item-self . is-collapsed : active {
color : var ( --md-color-text-faint ) ;
}
. popover . backlink-pane > . tree-item-self span . tree-item-icon . collapse-icon ,
. backlink-pane > . tree-item-self span . tree-item-icon . collapse-icon {
display : none ;
}
. popover . backlink-pane > . tree-item-self . tree-item-inner ,
. backlink-pane > . tree-item-self . tree-item-inner {
flex : auto 1 1 ;
text-transform : capitalize ;
}
. popover . backlink-pane > . tree-item-self . tree-item-flair-outer ,
. backlink-pane > . tree-item-self . tree-item-flair-outer {
align-items : center ;
}
. popover . backlink-pane > . tree-item-self . tree-item-flair ,
. backlink-pane > . tree-item-self . tree-item-flair {
font-family : inherit ;
font-size : inherit ;
padding : 0 ;
margin-right : var ( --scale-2-2 ) ;
}
. popover . backlink-pane . search-result-container ,
. backlink-pane . search-result-container {
background : var ( --background-secondary ) ;
padding : 0 ;
border : none ;
border-radius : var ( --scale-2-4 ) ;
margin : var ( --scale-2-2 ) var ( --scale-2-3 ) var ( --scale-2-3 ) var ( --scale-2-3 ) ;
}
. popover . backlink-pane . search-result-container . tree-item . search-result ,
. backlink-pane . search-result-container . tree-item . search-result {
background : var ( --background-primary ) ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-3 ) ;
margin-bottom : var ( --scale-2-4 ) ;
}
. popover . backlink-pane . search-result-container . tree-item-self ,
. backlink-pane . search-result-container . tree-item-self {
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-8 ) ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
border-radius : 0 ;
margin : 0 ;
margin-bottom : var ( --scale-2-4 ) ;
}
. popover . backlink-pane . search-result-container . search-result-file-matches ,
. backlink-pane . search-result-container . search-result-file-matches {
padding-bottom : var ( --scale-2-1 ) ;
border-bottom : none ;
}
. popover . backlink-pane . search-result-container . search-result-file-match ,
. backlink-pane . search-result-container . search-result-file-match {
width : calc ( 100 % - var ( --scale-8-1 ) ) ;
left : 0 ;
}
/* Outgoing Link Pane */
. outgoing-link-pane > . tree-item-self {
flex-direction : row-reverse ;
font-size : var ( --font-scale-1 ) ;
font-weight : var ( --font-bold ) ;
margin-top : 3px ;
}
. outgoing-link-pane > . tree-item-self : hover {
background : transparent ;
}
. outgoing-link-pane > . tree-item-self span . tree-item-icon . collapse-icon {
display : none ;
}
. outgoing-link-pane > . tree-item-self . tree-item-inner {
flex : auto 1 1 ;
text-transform : capitalize ;
}
. outgoing-link-pane > . tree-item-self . is-clickable . tree-item-flair {
font-family : inherit ;
font-size : inherit ;
background : transparent ;
padding : 0 ;
margin-right : var ( --scale-2-2 ) ;
}
. outgoing-link-pane . search-result-container {
background : var ( --background-primary ) ;
padding : 0 ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-4 ) ;
margin : var ( --scale-2-2 ) var ( --scale-0-0 ) var ( --scale-2-2 ) var ( --scale-2-1 ) ;
}
. outgoing-link-pane . search-result-container . tree-item-self {
font-size : var ( --font-scale-0-5 ) ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-8 ) ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
border-radius : 0 ;
margin : 0 ;
}
. outgoing-link-pane . search-result-container . tree-item-self : last-of-type {
border-bottom : none ;
border-bottom-left-radius : var ( --scale-2-4 ) ;
border-bottom-right-radius : var ( --scale-2-4 ) ;
}
. outgoing-link-pane . search-result-container . tree-item-self . tree-item-self . tree-item-self : active {
color : var ( --text-faint ) ;
background : var ( --background-primary-alt ) ;
}
. outgoing-link-pane . search-result-container . search-result-file-matches {
padding-bottom : var ( --scale-2-1 ) ;
border-bottom : none ;
}
. outgoing-link-pane . search-result-container . search-result-file-match {
width : calc ( 100 % - var ( --scale-2-6 ) ) ;
margin : var ( --scale-2-3 ) var ( --scale-2-1 ) var ( --scale-2-4 ) var ( --scale-2-1 ) ;
}
. outgoing-link-pane . search-result-container . search-result-file-match : last-of-type {
margin-bottom : var ( --scale-0-0 ) ;
}
. outgoing-link-pane . search-result-container . search-result-file-match-destination-file {
background : var ( --background-primary ) ;
color : var ( --text-normal ) ;
border-radius : var ( --scale-2-8 ) ;
padding : var ( --scale-2-1 ) var ( --scale-2-5 ) var ( --scale-2-2 ) var ( --scale-2-5 ) ;
margin : 0 ;
}
/* Backlinks on Document */
. popover . workspace-leaf-content [ data-type = markdown ] . nav-header ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . nav-header {
border-top : 1px solid var ( --background-modifier-border ) ;
padding : 0 ;
padding-bottom : var ( --scale-2-4 ) ;
margin-top : 0 ;
position : relative ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . nav-buttons-container ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . nav-buttons-container {
position : absolute ;
right : 0 ;
top : var ( --scale-2-4 ) ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks {
margin-top : 3em ;
margin-bottom : 1em ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . search-input-container ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . search-input-container {
margin-right : calc ( 4 * var ( --scale-8-5 ) - 24px ) ;
margin-left : 0 ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . search-input-container . search-input-clear-button : before ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . search-input-container . search-input-clear-button : before {
top : -10px ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane {
padding-left : 0 ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane > . tree-item-self ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane > . tree-item-self {
font-size : var ( --font-scale-2 ) ;
margin-top : 3px ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane . search-result-container ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane . search-result-container {
background : var ( --background-secondary ) ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-1 ) var ( --scale-2-4 ) ;
border : none ;
border-radius : var ( --scale-2-4 ) ;
margin-top : var ( --scale-2-2 ) ;
margin-left : 0 ;
}
. popover . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane . search-result-container . tree-item-self ,
. mod-root . workspace-leaf-content [ data-type = markdown ] . embedded-backlinks . backlink-pane . search-result-container . tree-item-self {
font-size : var ( --font-scale-1 ) ;
}
/* Font for Source View */
. cm-s-obsidian . backlink-pane > . tree-item-self {
font-family : var ( --font-editor-header ) ;
}
/* Font for Preview View */
. markdown-preview-view . backlink-pane > . tree-item-self {
font-family : var ( --font-preview-header ) ;
}
/* "Link" Button */
. search-result-file-match-replace-button . search-result-file-match-replace-button {
padding : var ( --scale-2-1 ) var ( --scale-2-3 ) var ( --scale-2-2 ) var ( --scale-2-3 ) ! important ;
border-radius : var ( --scale-2-2 ) ;
margin-top : auto ;
margin-bottom : auto ;
margin-right : var ( --scale-2-5 ) ;
opacity : 1 ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Outline Pane
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. outline {
font-size : var ( --font-scale-0-5 ) ;
}
. workspace-leaf-content [ data-type = outline ] . tree-item-self {
padding : calc ( 1px + var ( --scale-2-2 ) ) var ( --scale-2-2 ) calc ( 1px + var ( --scale-2-2 ) ) calc ( 5px + var ( --scale-8-3 ) ) ;
}
. workspace-leaf-content [ data-type = outline ] . tree-item-self . tree-item-icon {
margin-left : -21px ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Slides
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. reveal {
color : var ( --md-color-text ) ;
background : var ( --background-primary ) ;
}
. reveal . progress {
height : var ( --scale-8-1 ) ;
border-top : 1px solid var ( --background-modifier-border ) ;
}
. theme-light . reveal . progress {
background : var ( --color-l-gray-30 ) ;
color : var ( --color-l-blue-300 ) ;
}
. theme-dark . reveal . progress {
background : var ( --color-d-black ) ;
color : var ( --color-d-blue-900 ) ;
}
. theme-light . reveal . controls {
color : var ( --color-l-gray-50 ) ;
}
. theme-dark . reveal . controls {
color : var ( --color-d-gray-30 ) ;
}
. reveal p {
color : var ( --md-color-text ) ;
margin-left : var ( --scale-8-4 ) ;
margin-right : var ( --scale-8-4 ) ;
}
. reveal h1 {
color : var ( --h1-text-color ) ;
font-size : var ( --h1 ) ;
line-height : var ( --header-line-height ) ;
text-align : center ;
margin-bottom : 0 ;
text-transform : unset ;
}
. reveal h2 {
color : var ( --h2-text-color ) ;
font-size : var ( --h2 ) ;
line-height : var ( --header-line-height ) ;
text-align : center ;
margin-bottom : 0 ;
text-transform : unset ;
}
. reveal h3 {
color : var ( --h3-text-color ) ;
font-size : var ( --h3 ) ;
line-height : var ( --header-line-height ) ;
text-align : center ;
margin-bottom : 0 ;
text-transform : unset ;
}
. reveal h4 {
color : var ( --h4-text-color ) ;
font-size : var ( --h4 ) ;
line-height : var ( --header-line-height ) ;
text-align : center ;
margin-bottom : 0 ;
text-transform : unset ;
}
. reveal h5 {
color : var ( --h5-text-color ) ;
font-size : var ( --h5 ) ;
line-height : var ( --header-line-height ) ;
text-align : center ;
margin-bottom : 0 ;
text-transform : unset ;
}
. reveal h6 {
color : var ( --h6-text-color ) ;
font-size : var ( --h6 ) ;
line-height : var ( --header-line-height ) ;
text-align : center ;
margin-bottom : 0 ;
text-transform : unset ;
}
. reveal img {
height : clamp ( 200px , 60vh , 960px ) ;
margin-top : 0 ;
}
. reveal . slides > section {
padding : 0 0 ;
}
. slides-close-btn {
top : var ( --scale-8-2 ) ;
right : var ( --scale-8-2 ) ;
}
. slides-close-btn svg {
display : none ;
}
. slides-close-btn :: before {
content : "× " ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Community Plugins
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Calendar Plugin
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
# calendar-container {
padding : var ( --scale-0-0 ) var ( --scale-2-4 ) var ( --scale-0-0 ) var ( --scale-2-4 ) ;
}
# calendar-container . nav {
margin : var ( --scale-2-4 ) var ( --scale-0-0 ) var ( --scale-2-2 ) var ( --scale-0-0 ) ;
}
# calendar-container . day , # calendar-container . week-num {
padding : var ( --scale-0-0 ) var ( --scale-2-2 ) var ( --scale-2-2 ) var ( --scale-2-2 ) ;
}
# calendar-container . day {
margin : var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-0-0 ) var ( --scale-2-2 ) ;
}
# calendar-container . today {
font-weight : var ( --font-bold ) ;
}
# calendar-container . week-num {
margin : var ( --scale-0-0 ) var ( --scale-2-2 ) var ( --scale-0-0 ) var ( --scale-0-0 ) ;
}
# calendar-container thead {
border-top : 1px solid var ( --background-modifier-border ) ;
}
# calendar-container . arrow svg {
background-color : currentColor ;
-webkit-mask-image : url ( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='icon' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D%0A%3C/style%3E%3Cpolygon points='10,16 20,6 21.4,7.4 12.8,16 21.4,24.6 20,26 '/%3E%3Crect id='_x3C_Transparent_Rectangle_x3E_' class='st0' width='32' height='32'/%3E%3C/svg%3E" ) ;
}
# calendar-container . arrow svg > path {
display : none ;
}
. theme-light # calendar-container {
--color-background-day-empty : transparent ;
--color-background-day-active : transparent ;
--color-background-day-hover : var ( --color-l-gray-40 ) ;
--color-dot : var ( --color-l-blue-300 ) ;
--color-text-title : var ( --text-normal ) ;
--color-text-heading : var ( --color-l-gray-60 ) ;
--color-text-day : var ( --color-l-gray-80 ) ;
--color-text-today : var ( --text-normal ) ;
--color-text-weeknum : var ( --text-muted ) ;
--color-arrow : var ( --color-l-gray-50 ) ;
--color-arrow-hover : var ( --color-l-gray-60 ) ;
}
. theme-light # calendar-container . active , . theme-light # calendar-container . active . today {
background : var ( --color-l-gray-10 ) ;
color : var ( --color-l-black ) ;
font-weight : var ( --font-semi-bold ) ;
border : 1px inset rgba ( 100 , 100 , 100 , 0 . 2 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) inset , 0px 1px 2px 0px rgba ( 100 , 100 , 100 , 0 . 1 ) ;
}
. theme-light # calendar-container . week-num : hover , . theme-light # calendar-container . day : hover {
color : var ( --color-l-black ) ;
background : var ( --color-l-gray-10 ) ;
box-shadow : 0px 0px 0px 1px rgba ( 209 , 209 , 209 , 0 . 5 ) inset ;
}
. theme-light # calendar-container . week-num : active , . theme-light # calendar-container . day : active {
background : var ( --color-l-gray-40 ) ;
}
. theme-light # calendar-container . reset-button : hover , . theme-light # calendar-container . arrow : hover > svg {
color : var ( --color-l-gray-70 ) ;
}
. theme-dark # calendar-container {
--color-background-day-empty : transparent ;
--color-background-day-active : transparent ;
--color-background-day-hover : var ( --color-d-gray-50 ) ;
--color-dot : var ( --color-d-blue-900 ) ;
--color-text-title : var ( --text-normal ) ;
--color-text-heading : var ( --color-d-gray-40 ) ;
--color-text-day : var ( --color-d-gray-20 ) ;
--color-text-today : var ( --text-normal ) ;
--color-text-weeknum : var ( --text-muted ) ;
--color-arrow : var ( --color-d-gray-30 ) ;
--color-arrow-hover : var ( --color-d-gray-10 ) ;
}
. theme-dark # calendar-container . active , . theme-dark # calendar-container . active . today {
background : var ( --color-d-gray-70 ) ;
color : var ( --color-d-white ) ;
font-weight : var ( --font-semi-bold ) ;
border : 1px solid rgba ( 0 , 0 , 0 , 0 . 3 ) ;
box-shadow : 0px -2px 0px 0px rgba ( 0 , 0 , 0 , 0 . 15 ) inset , 0px 2px 4px 0px rgba ( 0 , 0 , 0 , 0 . 1 ) ;
}
. theme-dark # calendar-container . week-num : hover , . theme-dark # calendar-container . day : hover {
color : var ( --color-d-white ) ;
background : var ( --color-d-gray-70 ) ;
box-shadow : 0px 0px 0px 1px rgba ( 0 , 0 , 0 , 0 . 3 ) inset ;
}
. theme-dark # calendar-container . week-num : active , . theme-dark # calendar-container . day : active {
background : var ( --color-d-gray-100 ) ;
}
. theme-dark # calendar-container . reset-button : hover , . theme-dark # calendar-container . arrow : hover > svg {
color : var ( --color-d-gray-20 ) ;
}
/* Removes Scrollbar in Calendar */
. workspace-leaf-content [ data-type = calendar ] :: -webkit-scrollbar {
display : none ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Sliding Panes ( Andy ' s Mode )
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
body . plugin-sliding-panes : not ( . plugin-sliding-panes-rotate-header ) . mod-root . workspace-leaf : not ( : first-of-type ) {
border-left : 1px solid var ( --background-modifier-border ) ! important ;
}
body . plugin-sliding-panes-rotate-header {
/* don't remove !important */
/* Removes shadow inside of Note Header Title */
}
body . plugin-sliding-panes-rotate-header . workspace . mod-root . workspace-leaf . mod-active . workspace-leaf-content . view-header , body . plugin-sliding-panes-rotate-header . workspace . mod-root . workspace-leaf : not ( . workspace-leaf . mod-active ) . workspace-leaf-content . view-header {
border-right : 1px solid var ( --background-modifier-border ) ! important ;
border-left : 1px solid var ( --background-modifier-border ) ! important ;
}
body . plugin-sliding-panes-rotate-header . view-header-title-container :: before {
display : none ;
}
body . plugin-sliding-panes-rotate-header . view-header {
/* Alignment Fixes for 36px width */
}
body . plugin-sliding-panes-rotate-header . view-header . view-action [ aria-label = "More options" ] svg {
transform : rotate ( 90deg ) ;
margin-bottom : var ( --scale-2-2 ) ;
}
body . plugin-sliding-panes-rotate-header . view-header . view-header-icon {
left : 3px ;
}
body . plugin-sliding-panes-rotate-header . view-header . view-actions {
margin-left : 3px ;
}
body . plugin-sliding-panes-stacking . workspace > . mod-root > . workspace-leaf {
box-shadow : none ! important ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Dataview
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/* Dataview Tables */
table . dataview {
word-break : normal ;
overflow-wrap : normal ;
}
/* padding fix for LP */
. block-language-dataview . node-insert-event > div . markdown-rendered . cm-embed-block {
padding : 0 ;
}
. markdown-source-view . mod-cm6 . dataview {
/* Source View */
}
. markdown-source-view . mod-cm6 . dataview . table-view-table {
margin-bottom : 0 ;
border : 1px solid var ( --background-modifier-border ) ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table > thead > tr > th {
font-size : var ( --font-scale-1 ) ;
border-width : 0px ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
border-right : 1px solid var ( --background-modifier-border ) ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table thead , . markdown-source-view . mod-cm6 . dataview . table-view-table tr , . markdown-source-view . mod-cm6 . dataview . table-view-table td , . markdown-source-view . mod-cm6 . dataview . table-view-table th {
padding : 4px 10px ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table thead {
border : none ;
margin : 0 ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table thead . table-view-thead tr th {
font-size : var ( --font-scale-1 ) ;
color : var ( --md-color-code-red-1 ) ;
background : var ( --background-secondary ) ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table . table-view-tbody tr {
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table . table-view-tbody td {
padding : 4px 10px ;
border-right : 1px solid var ( --background-modifier-border ) ;
}
. theme-light . markdown-source-view . mod-cm6 . dataview . table-view-table . table-view-tbody tr {
background : var ( --color-l-whiter ) ;
}
. theme-dark . markdown-source-view . mod-cm6 . dataview . table-view-table . table-view-tbody tr {
background : var ( --color-d-blacker ) ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table . table-view-tbody td : not ( td : last-of-type ) {
padding : 4px 10px ;
}
. markdown-source-view . mod-cm6 . dataview . table-view-table ul . dataview-ul {
list-style : none ;
}
. markdown-preview-view . dataview {
/* Preview View */
}
. markdown-preview-view . dataview . table-view-table {
border : 1px solid var ( --background-modifier-border ) ;
}
. markdown-preview-view . dataview . table-view-table > thead > tr > th {
font-size : var ( --font-scale-1 ) ;
border-width : 0px ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
border-right : 1px solid var ( --background-modifier-border ) ;
}
. markdown-preview-view . dataview . table-view-table . table-view-tbody tr {
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
. markdown-preview-view . dataview . table-view-table . table-view-tbody td {
padding : 4px 10px ;
border-right : 1px solid var ( --background-modifier-border ) ;
}
. markdown-preview-view . dataview . table-view-table ul . dataview-ul {
list-style : none ;
}
/* Dataview Task List */
. markdown-source-view . mod-cm6 . cm-embed-block . block-language-dataview h4 {
margin : 15px 0 ;
}
. markdown-source-view . mod-cm6 . cm-embed-block . block-language-dataview h4 : first-of-type {
margin-top : 0 ;
}
. markdown-source-view . mod-cm6 . cm-embed-block . block-language-dataview . dataview . result-group input . task-list-item-checkbox {
margin-right : var ( --scale-2-3 ) ;
}
/* Dataview List */
. markdown-source-view . mod-cm6 . cm-embed-block . block-language-dataview ul . dataview . list-view-ul {
margin-top : 0 ;
margin-bottom : 0 ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Supercharged Links
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/* Supercharged Links Reset for Source View */
. cm-s-obsidian span . cm-hmd-internal-link span [ data-link-tags ] , . cm-s-obsidian span [ data-link-tags ] . cm-underline {
color : inherit ;
text-decoration : inherit ;
text-underline-position : inherit ;
text-decoration-thickness : inherit ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
/* Supercharged Links Reset for Preview View */
. internal-link . data-link-icon {
color : inherit ;
transition : var ( --duration-superfast ) var ( --motion-smooth ) ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Map View
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. workspace-leaf-content [ data-type = map ] img {
border : none ;
border-radius : 0 ;
}
. workspace-leaf-content [ data-type = map ] button {
background : var ( --interactive-accent ) ;
color : var ( --text-on-accent ) ;
margin-top : var ( --scale-2-2 ) ;
margin-bottom : var ( --scale-2-3 ) ;
}
. workspace-leaf-content [ data-type = map ] input [ type = checkbox ] {
vertical-align : text-top ;
margin-left : 0 ;
border-radius : 100 % ;
}
. workspace-leaf-content [ data-type = map ] input [ type = checkbox ] : checked {
background-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' style='fill: white;transform: ;msFilter:;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E" ) ;
}
. workspace-leaf-content [ data-type = map ] . graph-controls {
max-width : 242px ;
padding : var ( --scale-2-6 ) var ( --scale-2-6 ) var ( --scale-2-6 ) var ( --scale-2-6 ) ;
margin-right : var ( --scale-8-2 ) ;
}
. workspace-leaf-content [ data-type = map ] . graph-control-content {
margin-top : var ( --scale-2-3 ) ;
}
. workspace-leaf-content [ data-type = map ] . extra-marker . svg-inline--fa , . workspace-leaf-content [ data-type = map ] . extra-marker i . fa , . workspace-leaf-content [ data-type = map ] . extra-marker i . fab , . workspace-leaf-content [ data-type = map ] . extra-marker i . fas , . workspace-leaf-content [ data-type = map ] . extra-marker i . far , . workspace-leaf-content [ data-type = map ] . extra-marker i . fal {
margin-top : 11px ;
margin-left : 1px ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Hover Editor
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. hover-editor . popover {
--he-popover-border-radius : var ( --scale-2-4 ) ;
--he-title-bar-height : 24px ;
border : 1px solid var ( --background-modifier-border ) ! important ;
}
. hover-editor . popover . popover-titlebar . popover-title . popover-title {
font-weight : var ( --font-bold ) ;
}
. hover-editor . popover . show-navbar . popover-titlebar {
box-shadow : 0px -1px 0px 0px var ( --background-modifier-border ) inset ;
}
. hover-editor . popover . is-minimized {
box-shadow : var ( --shadow-s ) var ( --background-modifier-box-shadow ) ;
}
. theme-light . hover-editor . popover {
--he-title-bar-inactive-pinned-bg : var ( --background-primary ) ;
--he-title-bar-inactive-fg : var ( --text-faint ) ;
--he-title-bar-active-action : var ( --he-title-bar-inactive-fg ) ;
--he-title-bar-inactive-action : var ( --text-faint ) ;
--he-title-bar-active-pinned-bg : var ( --background-primary-alt ) ;
--he-title-bar-active-fg : var ( --color-l-gray-80 ) ;
}
. theme-light . hover-editor . popover . is-active {
--he-title-bar-active-action : var ( --he-title-bar-active-fg ) ;
--he-title-bar-inactive-action : var ( --he-title-bar-active-fg ) ;
}
. theme-light . hover-editor . popover . is-active . popover-titlebar {
--he-title-bar-active-bg : var ( --background-primary ) ;
}
. theme-light . hover-editor . popover : not ( . is-pinned ) {
--he-title-bar-inactive-bg : var ( --background-primary ) ;
--he-title-bar-inactive-action : var ( --text-faint ) ;
--he-title-bar-active-fg : var ( --color-l-gray-80 ) ;
border : 1px solid var ( --background-modifier-error ) ! important ;
}
. theme-light . hover-editor . popover . popover-action {
margin : 0 ;
padding : 0 var ( --scale-2-4 ) ;
}
. theme-light . hover-editor . popover . popover-action . mod-show-navbar : hover {
background : var ( --color-l-blue-300 ) ;
color : var ( --color-l-whiter ) ;
}
. theme-light . hover-editor . popover . popover-action . mod-minimize : hover {
background : var ( --color-l-blue-500 ) ;
color : var ( --color-l-whiter ) ;
}
. theme-light . hover-editor . popover . popover-action . mod-maximize : hover {
background : var ( --color-l-yellow-500 ) ;
color : var ( --color-l-whiter ) ;
}
. theme-light . hover-editor . popover . popover-action . mod-close : hover {
background : var ( --color-l-red-500 ) ;
color : var ( --color-l-whiter ) ;
}
. theme-dark . hover-editor . popover {
--he-title-bar-inactive-pinned-bg : var ( --background-primary ) ;
--he-title-bar-inactive-fg : var ( --text-faint ) ;
--he-title-bar-active-action : var ( --he-title-bar-inactive-fg ) ;
--he-title-bar-inactive-action : var ( --text-faint ) ;
--he-title-bar-active-pinned-bg : var ( --background-primary-alt ) ;
--he-title-bar-active-fg : var ( --color-d-gray-20 ) ;
}
. theme-dark . hover-editor . popover . is-active {
--he-title-bar-active-action : var ( --he-title-bar-active-fg ) ;
--he-title-bar-inactive-action : var ( --he-title-bar-active-fg ) ;
}
. theme-dark . hover-editor . popover . is-active . popover-titlebar {
--he-title-bar-active-bg : var ( --background-primary ) ;
}
. theme-dark . hover-editor . popover : not ( . is-pinned ) {
--he-title-bar-inactive-bg : var ( --background-primary ) ;
--he-title-bar-inactive-action : var ( --text-faint ) ;
--he-title-bar-active-fg : var ( --color-d-gray-20 ) ;
border : 1px solid var ( --background-modifier-error ) ! important ;
}
. theme-dark . hover-editor . popover . popover-action {
margin : 0 ;
padding : 0 var ( --scale-2-4 ) ;
}
. theme-dark . hover-editor . popover . popover-action . mod-show-navbar : hover {
background : var ( --color-d-blue-300 ) ;
color : var ( --color-d-whiter ) ;
}
. theme-dark . hover-editor . popover . popover-action . mod-minimize : hover {
background : var ( --color-d-blue-700 ) ;
color : var ( --color-d-whiter ) ;
}
. theme-dark . hover-editor . popover . popover-action . mod-maximize : hover {
background : var ( --color-d-yellow-700 ) ;
color : var ( --color-d-whiter ) ;
}
. theme-dark . hover-editor . popover . popover-action . mod-close : hover {
background : var ( --color-d-red-700 ) ;
color : var ( --color-d-whiter ) ;
}
. hover-editor . popover . workspace-leaf {
padding-right : 0 ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Full Calendar Plugin
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
. fc {
--fc-button-active-bg-color : var ( --interactive-accent ) ! important ;
--fc-event-bg-color : var ( --text-highlight-bg ) ! important ;
--fc-now-indicator-color : var ( --interactive-accent ) ! important ;
--fc-highlight-color : var ( --background-primary-alt ) ! important ;
--fc-today-bg-color : var ( --background-primary-alt ) ! important ;
}
. fc-button-active {
background-color : var ( --fc-button-active-bg-color ) ! important ;
}
. fc th {
background : var ( --background-primary-alt ) ;
}
. fc . fc-button-primary : not ( : disabled ) : active ,
. fc . fc-button-primary : not ( : disabled ) . fc-button-active {
border-color : transparent ;
border-color : transparent ;
}
. fc . fc-button-primary : not ( : disabled ) : active : focus ,
. fc . fc-button-primary : not ( : disabled ) . fc-button-active : focus {
box-shadow : initial ! important ;
}
. fc . fc-highlight {
background : transparent ! important ;
background : transparent ! important ;
}
. fc . fc-daygrid-body-natural . fc-daygrid-day-events {
margin-bottom : 0em ! important ;
}
. fc-v-event . fc-event-title {
display : inline-block ! important ;
}
. fc . fc-timegrid-divider {
background : var ( --fc-border-color ) ! important ;
}
. fc . fc-timegrid-now-indicator-line {
border-color : black ! important ;
border-color : var ( --fc-now-indicator-color , black ) ! important ;
border-width : 2px 0 0 ! important ;
}
. fc-theme-standard . fc-list-day-cushion {
background-color : var ( --background-primary-alt ) ! important ;
}
/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Style Settings Plugin Styling
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
div . style-settings-container {
padding-bottom : 0 ;
}
div . style-settings-container [ data-level = "0" ] {
margin-left : 4px ;
}
div . style-settings-container . setting-item : not ( : first-child ) {
padding-top : var ( --scale-8-1 ) ;
padding-bottom : var ( --scale-8-1 ) ;
}
div . style-settings-container . setting-item : first-child : not ( . style-settings-heading ) {
padding-top : var ( --scale-8-1 ) ;
padding-bottom : var ( --scale-8-1 ) ;
}
div . style-settings-container . setting-item-description {
line-height : var ( --line-height-0-5 ) ;
}
div . style-settings-container . setting-item-description strong {
color : var ( --text-muted ) ;
}
div . style-settings-container [ data-level = "1" ] , div . style-settings-container [ data-level = "2" ] , div . style-settings-container [ data-level = "3" ] , div . style-settings-container [ data-level = "4" ] , div . style-settings-container [ data-level = "5" ] , div . style-settings-container [ data-level = "6" ] {
padding-top : var ( --scale-8-1 ) ;
border-left : 1px solid var ( --background-modifier-border ) ;
margin-left : var ( --scale-2-2 ) ;
}
div . style-settings-container [ data-level = "1" ] . style-settings-heading , div . style-settings-container [ data-level = "2" ] . style-settings-heading , div . style-settings-container [ data-level = "3" ] . style-settings-heading , div . style-settings-container [ data-level = "4" ] . style-settings-heading , div . style-settings-container [ data-level = "5" ] . style-settings-heading , div . style-settings-container [ data-level = "6" ] . style-settings-heading {
padding-top : var ( --scale-2-4 ) ;
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
div . style-settings-heading {
margin-bottom : 0 ;
}
div . style-settings-heading . setting-item {
padding-top : var ( --scale-8-1 ) ;
}
div . style-settings-heading . setting-item-description {
font-weight : normal ;
line-height : 1 . 5 ;
padding-left : 26px ;
}
div . style-settings-heading [ data-level = "0" ] [ data-id = primary-ceciliamay ] . style-settings-collapse-indicator svg . right-triangle {
transform : initial ;
-webkit-mask-image : url ( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Outline' viewBox='0 0 24 24' width='100%25' height='100%25'%3E%3Cpath d='M23,3H13a1,1,0,0,0-1,1V7.27L9.6,3.11a2,2,0,0,0-3.47,0h0L.13,13.5a1,1,0,0,0,0,1A1,1,0,0,0,1,15H5.29A6.91,6.91,0,0,0,5,17a7,7,0,0,0,14,0,6.91,6.91,0,0,0-.29-2H23a1,1,0,0,0,1-1V4A1,1,0,0,0,23,3ZM2.73,13,7.86,4.11,11.29,10a7,7,0,0,0-5,3ZM12,22a5,5,0,1,1,5-5A5,5,0,0,1,12,22Zm10-9H17.74A7.07,7.07,0,0,0,14,10.29V5h8Z'/%3E%3C/svg%3E" ) ;
}
div . style-settings-heading [ data-level = "0" ] {
border-top : unset ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
margin-bottom : 0 ;
}
div . style-settings-heading [ data-level = "0" ] + . style-settings-container {
padding-left : var ( --scale-8-2 ) ;
border-left : 1px solid var ( --background-modifier-border ) ;
margin-left : 0 ;
}
div . style-settings-heading [ data-level = "0" ] + . style-settings-container . style-settings-collapse-indicator {
margin-left : 0 ;
}
div . style-settings-heading [ data-level = "1" ] + . style-settings-container , div . style-settings-heading [ data-level = "2" ] + . style-settings-container , div . style-settings-heading [ data-level = "3" ] + . style-settings-container , div . style-settings-heading [ data-level = "4" ] + . style-settings-container , div . style-settings-heading [ data-level = "5" ] + . style-settings-container , div . style-settings-heading [ data-level = "6" ] + . style-settings-container {
padding-top : 0 ;
padding-left : var ( --scale-8-2 ) ;
margin-left : 0 ;
}
div . style-settings-heading [ data-id = primary-wiki ] [ data-level = "1" ] , div . style-settings-heading [ data-id = primary-wiki ] [ data-level = "2" ] , div . style-settings-heading [ data-id = primary-wiki ] [ data-level = "3" ] {
border-bottom : none ;
padding-bottom : 0 ;
}
div . style-settings-heading [ data-id = primary-wiki ] . style-settings-collapse-indicator , div . style-settings-heading [ data-id = primary-wiki ] . setting-editor-extra-setting-button {
display : none ;
}
. style-settings-collapse-indicator svg {
vertical-align : middle ;
}
. vertical-tab-content > . setting-item . setting-item-heading . style-settings-heading {
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
. setting-item . setting-item-heading . style-settings-heading : hover . style-settings-collapse-indicator {
color : var ( --interactive-accent-hover ) ;
}
. setting-item . setting-item-heading . style-settings-heading : hover . setting-item-name {
color : var ( --interactive-accent-text ) ;
}
. setting-item . setting-item-heading . style-settings-heading : not ( . is-collapsed ) . style-settings-collapse-indicator {
color : var ( --interactive-accent-text ) ;
}
div . workspace-leaf-content [ data-type = style-settings ] . view-content {
padding : 20px 35px ;
}
div . workspace-leaf-content [ data-type = style-settings ] . view-content . style-settings-container div . setting-item : not ( . setting-item-heading ) {
flex-direction : row ;
}
/* vertically center toggles, dropdowns, etc. */
. view-content . style-settings-container . setting-item : not ( . setting-item-heading ) {
align-items : center ;
}
/* removes padding-top on toggles, dropdowns, etc. */
. view-content . style-settings-container . setting-item : not ( . setting-item-heading ) . setting-item-control {
padding-top : unset ;
}
div . themed-color-wrapper > div {
margin-right : var ( --scale-2-6 ) ;
}
. modal div . themed-color-wrapper > div {
margin-right : 0 ;
}
div . themed-color-wrapper > div + div {
margin-top : 0 ;
margin-right : var ( --scale-2-2 ) ;
}
. modal div . themed-color-wrapper > div + div {
margin-top : var ( --scale-2-5 ) ;
margin-right : 0 ;
}
. theme-light div . themed-color-wrapper > div . theme-light {
background : var ( --color-l-whiter ) ;
border : 1px solid var ( --color-l-gray-40 ) ;
box-shadow : 0px 0px 0px 3px var ( --color-l-gray-20 ) ;
}
. theme-light div . themed-color-wrapper > div . theme-dark {
background : var ( --color-l-gray-100 ) ;
border : 1px solid var ( --color-l-gray-80 ) ;
box-shadow : 0px 0px 0px 3px var ( --color-l-black ) ;
}
. theme-dark div . themed-color-wrapper > div . theme-light {
background : var ( --color-d-whiter ) ;
border : 1px solid var ( --color-d-gray-20 ) ;
box-shadow : 0px 0px 0px 3px var ( --color-d-gray-10 ) ;
margin-right : var ( --scale-8-2 ) ;
}
. theme-dark div . themed-color-wrapper > div . theme-dark {
background : var ( --color-d-black ) ;
border : 1px solid var ( --color-d-gray-50 ) ;
box-shadow : 0px 0px 0px 3px var ( --color-d-blacker ) ;
margin-right : var ( --scale-2-2 ) ;
}
. pickr-reset . pickr-reset . pickr-reset button [ aria-label = "Restore default" ] {
color : var ( --text-muted ) ;
background : transparent ;
border : none ;
box-shadow : none ;
padding : 0 ;
}
. pickr-reset . pickr-reset . pickr-reset button [ aria-label = "Restore default" ] : hover , . pickr-reset . pickr-reset . pickr-reset button [ aria-label = "Restore default" ] : focus {
color : var ( --text-normal ) ;
background : transparent ;
border : none ;
box-shadow : none ;
padding : 0 ;
}
. pickr-reset . pickr-reset . pickr-reset button [ aria-label = "Restore default" ] : active {
color : var ( --text-muted ) ;
background : transparent ;
border : none ;
box-shadow : none ;
padding : 0 ;
}
button . pcr-button . pcr-button . pcr-button [ type = button ] [ aria-label = "toggle color picker dialog" ] {
background : transparent ;
border : 1px solid gray ;
box-shadow : none ;
}
/*────────── fonts ──────────*/
/* inter alternative version */
. inter-alt {
-webkit-font-feature-settings : "cv01" , "cv05" , "cv06" , "cv11" ;
}
/* tabular nums */
. tabular-nums * {
font-variant-numeric : tabular-nums ;
}
/* scroll__scalable-fonts */
body . scroll__scalable-fonts div : where ( . workspace : not ( . workspace . workspace-tab-container-inner ) , . modal , . prompt ) {
font-size : var ( --font-scale-1 ) ;
/*──────────Typography Modular Scale──────────*/
/* Based on Standard 16px, Ratio 1.388 */
--font-scale-000 : calc ( var ( --font-text-size ) * 0 . 547 ) ;
--font-scale-00 : calc ( var ( --font-text-size ) * 0 . 676 ) ;
--font-scale-0 : calc ( var ( --font-text-size ) * 0 . 81 ) ;
--font-scale-0-5 : calc ( var ( --font-text-size ) * 0 . 875 ) ;
--font-scale-1 : calc ( var ( --font-text-size ) * 1 ) ;
--font-scale-2 : calc ( var ( --font-text-size ) * 1 . 188 ) ;
--font-scale-3 : calc ( var ( --font-text-size ) * 1 . 388 ) ;
--font-scale-4 : calc ( var ( --font-text-size ) * 1 . 648 ) ;
--font-scale-5 : calc ( var ( --font-text-size ) * 1 . 927 ) ;
--font-scale-6 : calc ( var ( --font-text-size ) * 2 . 288 ) ;
--font-scale-7 : calc ( var ( --font-text-size ) * 2 . 678 ) ;
}
/*────────── workspace-components ──────────*/
/* vault title */
. vault-title__titlebar . titlebar-text , . vault-title__file-explorer . nav-folder-title [ data-path = "/" ] {
display : none ;
}
/* hide note header, show on hover */
. hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . workspace-leaf . view-header . view-header . view-header {
height : var ( --scale-8-1 ) ! important ;
border-bottom : 1px solid transparent ! important ;
transition : var ( --duration-fast-2 ) var ( --motion-delay ) ;
}
. hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . workspace-leaf . view-header . view-header . view-header : hover {
height : var ( --scale-2-18 ) ! important ;
border-bottom : 1px solid var ( --background-modifier-border ) ! important ;
opacity : 1 ;
}
. hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-content {
height : 100 % ;
}
. hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header-title , . hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header-icon , . hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header . view-actions {
opacity : 0 ;
transition : opacity var ( --duration-fast-2 ) var ( --motion-delay ) ;
}
. hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header-title : hover , . hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header-icon : hover , . hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header . view-actions : hover {
transition : none ;
}
. hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header : hover . view-header-title , . hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header : hover . view-header-icon , . hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . view-header : hover . view-actions {
opacity : 1 ;
}
. hide__note-header : not ( . plugin-sliding-panes , . plugin-sliding-panes-rotate-header , . plugin-sliding-panes-stacking , . plugin-sliding-select-orientation-sideway , . is-mobile ) . graph-controls . is-close {
margin-top : 36px ;
}
/* unwrap file titles in file explorer */
. linewrap-file__file-explorer . nav-file-title {
width : max-content ;
padding-right : var ( --scale-8-1 ) ;
}
. linewrap-file__file-explorer . nav-file-title-content {
white-space : unset ;
}
/* unwrap folder titles in file explorer */
. linewrap-folder__file-explorer . nav-folder-title {
width : max-content ;
padding-right : var ( --scale-8-1 ) ;
}
. linewrap-folder__file-explorer . nav-folder-title {
white-space : unset ;
}
/* hide side dock ribbon */
. hide__sidedockribbon-full : not ( . is-mobile ) . side-dock-ribbon {
display : none ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) {
--sdr-left-height : clamp ( 150px , 20vh , 1200px ) ;
--sdr-left-height-hover : clamp ( 150px , 40vh , 1200px ) ;
--sdr-right-height : 45px ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon {
position : fixed ;
overflow-y : hidden ;
background : var ( --background-secondary ) ;
border : 1px solid var ( --background-modifier-border ) ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon : hover {
background : var ( --background-primary ) ;
transform : scale ( 1 . 15 ) ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon : not ( . is-collapsed ) {
background : var ( --background-primary ) ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon . mod-left {
left : -28px ;
top : calc ( 50 % - var ( --sdr-left-height ) / 2 ) ;
height : var ( --sdr-left-height ) ;
border-top-right-radius : var ( --scale-2-4 ) ;
border-bottom-right-radius : var ( --scale-2-4 ) ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon . mod-left : hover {
left : 0 ;
top : calc ( 50 % - var ( --sdr-left-height-hover ) / 2 ) ;
height : var ( --sdr-left-height-hover ) ;
overflow-y : scroll ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon . mod-right {
right : -28px ;
top : calc ( 50 % - var ( --sdr-right-height ) / 2 ) ;
height : var ( --sdr-right-height ) ;
border-top-left-radius : var ( --scale-2-4 ) ;
border-bottom-left-radius : var ( --scale-2-4 ) ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon . mod-right : hover {
right : 0 ;
}
. hide__sidedockribbon-hover : not ( . is-mobile ) . side-dock-ribbon . side-dock-ribbon :: -webkit-scrollbar {
display : none ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) {
/* hide status bar fix */
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . side-dock-ribbon {
background : var ( --background-primary ) ;
opacity : 0 . 5 ;
transition : opacity var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . side-dock-ribbon : hover {
opacity : 1 ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . side-dock-ribbon . is-collapsed {
opacity : 1 ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . mod-left . side-dock-ribbon {
width : 36px ;
display : block ;
position : absolute ;
bottom : 0 ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-4 ) ;
margin-left : var ( --scale-2-6 ) ;
margin-bottom : var ( --scale-2-6 ) ;
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . mod-left . side-dock-ribbon : hover {
flex : 0 0 var ( --scale-2-18 ) ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . mod-left . side-dock-ribbon . side-dock-actions {
display : none ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . mod-left . side-dock-ribbon . side-dock-ribbon-action {
padding-bottom : var ( --scale-2-6 ) ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . mod-left . side-dock-ribbon . workspace-ribbon-collapse-btn {
justify-items : flex-end ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-2 ) var ( --scale-2-4 ) ;
margin : 0 ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . mod-right . side-dock-ribbon {
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
width : 36px ;
display : block ;
position : absolute ;
right : 0 ;
bottom : 0 ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-4 ) ;
margin-right : var ( --scale-8-2 ) ;
margin-bottom : var ( --scale-8-5 ) ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . mod-right . side-dock-ribbon . workspace-ribbon-collapse-btn {
display : flex ;
align-items : center ;
justify-content : center ;
margin : 0 ;
}
. hide__sidedockribbon-minifloating : not ( . is-mobile ) . hider-status . mod-right . side-dock-ribbon , . hide__sidedockribbon-minifloating : not ( . is-mobile ) . hide__status-bar . mod-right . side-dock-ribbon {
margin-bottom : var ( --scale-8-2 ) ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) {
/* hide status bar fix */
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . side-dock-ribbon {
background : var ( --background-primary ) ;
opacity : 0 . 5 ;
transition : opacity var ( --duration-superfast ) var ( --motion-smooth ) ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . side-dock-ribbon : hover {
opacity : 1 ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . side-dock-ribbon . is-collapsed {
opacity : 1 ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . mod-left . side-dock-ribbon {
width : 36px ;
display : block ;
position : absolute ;
bottom : 0 ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-4 ) ;
margin-left : var ( --scale-2-6 ) ;
margin-bottom : var ( --scale-2-6 ) ;
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . mod-left . side-dock-ribbon : hover {
flex : 0 0 var ( --scale-2-18 ) ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . mod-left . side-dock-ribbon . side-dock-ribbon-action {
padding-bottom : var ( --scale-2-6 ) ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . mod-left . side-dock-ribbon . workspace-ribbon-collapse-btn {
justify-items : flex-end ;
padding : var ( --scale-2-4 ) var ( --scale-2-4 ) var ( --scale-2-2 ) var ( --scale-2-4 ) ;
margin : 0 ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . mod-right . side-dock-ribbon {
transition : var ( --duration-fast-2 ) var ( --motion-smooth ) ;
width : 36px ;
display : block ;
position : absolute ;
right : 0 ;
bottom : 0 ;
border : 1px solid var ( --background-modifier-border ) ;
border-radius : var ( --scale-2-4 ) ;
margin-right : var ( --scale-2-6 ) ;
margin-bottom : var ( --scale-8-4 ) ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . mod-right . side-dock-ribbon . workspace-ribbon-collapse-btn {
display : flex ;
align-items : center ;
justify-content : center ;
margin : 0 ;
}
. hide__sidedockribbon-fullfloating : not ( . is-mobile ) . hider-status . mod-right . side-dock-ribbon , . hide__sidedockribbon-fullfloating : not ( . is-mobile ) . hide__status-bar . mod-right . side-dock-ribbon {
margin-bottom : var ( --scale-2-6 ) ;
}
/* hide status bar */
. hide__status-bar . status-bar {
display : none ;
}
/* only show sync status bar */
. sync-only-status-bar . status-bar . status-bar-item : not ( . plugin-sync ) {
display : none ;
}
/* tab header */
/* Size */
. tab-header__size-small . workspace-tab-header {
height : var ( --scale-8-4 ) ;
padding : var ( --scale-2-3 ) calc ( 1px + var ( --scale-2-3 ) ) var ( --scale-2-3 ) calc ( 1px + var ( --scale-2-3 ) ) ;
margin : var ( --scale-0-0 ) var ( --scale-2-1 ) var ( --scale-2-1 ) var ( --scale-2-1 ) ;
border-radius : calc ( 1px + var ( --scale-2-3 ) ) ;
}
. tab-header__size-small . workspace-tab-header-container {
margin-top : var ( --scale-2-4 ) ;
}
. tab-header__size-small . workspace-tab-header-inner-icon {
display : flex ;
align-items : center ;
}
. tab-header__size-small . workspace-tab-header-inner-icon svg {
width : 15px ! important ;
height : 15px ! important ;
}
/* Style */
. tab-header__style-minimal . workspace-tab-header {
height : calc ( -1px + var ( --scale-8-4 ) ) ;
margin-top : var ( --scale-2-1 ) ;
margin-bottom : var ( --scale-2-1 ) ;
}
. tab-header__style-minimal . workspace-tab-header . workspace-tab-header-inner-icon svg {
vertical-align : top ;
}
. tab-header__style-minimal . workspace-tab-header-container {
margin-top : var ( --scale-0-0 ) ;
border-bottom : 1px solid var ( --background-modifier-border ) ;
}
. tab-header__style-minimal . workspace-tab-header . is-active . is-active : nth-child ( 3n + 1 ) , . tab-header__style-minimal . workspace-tab-header . is-active . is-active : nth-child ( 3n + 2 ) , . tab-header__style-minimal . workspace-tab-header . is-active . is-active : nth-child ( 3n + 3 ) {
background : transparent ;
border : 1px solid transparent ! important ;
box-shadow : none ;
}
. tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 1 ) , . tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 2 ) , . tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 3 ) {
border : 1px solid transparent ! important ;
}
. tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 1 ) : hover , . tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 1 ) : active , . tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 2 ) : hover , . tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 2 ) : active , . tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 3 ) : hover , . tab-header__style-minimal . workspace-tab-header : not ( . is-active ) : nth-child ( 3n + 3 ) : active {
border : 1px solid transparent ! important ;
box-shadow : none ;
translate : initial ;
}
/* Alignment */
/** Left **/
. tab-header__align-modleft-center . mod-left-split . workspace-tab-header-container {
justify-content : center ;
}
. tab-header__align-modleft-center . mod-left-split . workspace-tab-header-container . workspace-tab-container-inner {
justify-content : center ;
}
. tab-header__align-modleft-right . mod-left-split . workspace-tab-header-container {
justify-content : flex-end ;
}
. tab-header__align-modleft-right . mod-left-split . workspace-tab-header-container . workspace-tab-container-inner {
justify-content : flex-end ;
}
/** Right **/
. tab-header__align-modright-center . mod-right-split . workspace-tab-header-container {
justify-content : center ;
}
. tab-header__align-modright-center . mod-right-split . workspace-tab-header-container . workspace-tab-container-inner {
justify-content : center ;
}
. tab-header__align-modright-left . mod-right-split . workspace-tab-header-container {
justify-content : flex-start ;
}
. tab-header__align-modright-left . mod-right-split . workspace-tab-header-container . workspace-tab-container-inner {
justify-content : flex-start ;
}
/* Color Alignment */
/** Left Sidebar **/
/*** Right to Left */
body . tab-header__left-color-rtl . theme-light . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 1 ) {
color : var ( --color-l-blue-500 ) ;
border : 1px solid var ( --color-l-blue-500 ) ;
}
body . tab-header__left-color-rtl . theme-light . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 2 ) {
color : var ( --color-l-red-500 ) ;
border : 1px solid var ( --color-l-red-500 ) ;
}
body . tab-header__left-color-rtl . theme-light . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 3 ) {
color : var ( --color-l-yellow-500 ) ;
border : 1px solid var ( --color-l-yellow-500 ) ;
}
body . tab-header__left-color-rtl . theme-dark . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 1 ) {
color : var ( --color-d-blue-700 ) ;
border : 1px solid var ( --color-d-blue-700 ) ;
}
body . tab-header__left-color-rtl . theme-dark . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 2 ) {
color : var ( --color-d-red-700 ) ;
border : 1px solid var ( --color-d-red-700 ) ;
}
body . tab-header__left-color-rtl . theme-dark . mod-left-split . workspace-tab-header . is-active : nth-child ( 3n + 3 ) {
color : var ( --color-d-yellow-700 ) ;
border : 1px solid var ( --color-d-yellow-700 ) ;
}
/** Right Sidebar **/
/*** Left to Right ***/
body . tab-header__right-color-ltr . theme-light . mod-right-split . workspace-tab-header . is-active . is-active : nth-child ( 3n + 1 ) {
color : var ( --color-l-yellow-500 ) ;
border : 1px solid var ( --color-l-yellow-500 ) ;
}
body . tab-header__right-color-ltr . theme-light . mod-right-split . workspace-tab-header . is-active . is-active : nth-child ( 3n + 2 ) {
color : var ( --color-l-red-500 ) ;
border : 1px solid var ( --color-l-red-500 ) ;
}
body . tab-header__right-color-ltr . theme-light . mod-right-split . workspace-tab-header . is-active . is-active : nth-child ( 3n + 3 ) {
color : var ( --color-l-blue-500 ) ;
border : 1px solid var ( --color-l-blue-500 ) ;
}
body . tab-header__right-color-ltr . theme-dark . mod-right-split . workspace-tab-header . is-active . is-active : nth-child ( 3n + 1 ) {
color : var ( --color-d-yellow-700 ) ;
border : 1px solid var ( --color-d-yellow-700 ) ;
}
body . tab-header__right-color-ltr . theme-dark . mod-right-split . workspace-tab-header . is-active . is-active : nth-child ( 3n + 2 ) {
color : var ( --color-d-red-700 ) ;
border : 1px solid var ( --color-d-red-700 ) ;
}
body . tab-header__right-color-ltr . theme-dark . mod-right-split . workspace-tab-header . is-active . is-active : nth-child ( 3n + 3 ) {
color : var ( --color-d-blue-700 ) ;
border : 1px solid var ( --color-d-blue-700 ) ;
}
/* Wrap */
. tab-header__wrap . workspace-tab-header {
margin-left : var ( --scale-2-1 ) ;
margin-right : var ( --scale-2-1 ) ;
}
. tab-header__wrap . workspace-tab-container-inner {
margin-left : var ( --scale-2-1 ) ;
margin-right : var ( --scale-2-1 ) ;
flex-wrap : wrap ;
}
. tab-header__wrap . tab-header__size-small . workspace-tab-container-inner {
margin-left : var ( --scale-0-0 ) ;
margin-right : var ( --scale-0-0 ) ;
flex-wrap : wrap ;
}
/* Animation */
. tab-header__anim-none . workspace-tab-header . workspace-tab-header . workspace-tab-header : not ( . is-active ) : hover , . tab-header__anim-none . workspace-tab-header . workspace-tab-header . workspace-tab-header : active {
box-shadow : none ;
transform : none ;
transition : none ;
}
/*────────── header-size__preset ──────────*/
body . header-size__medium {
/* 1.24 Scale Ratio */
--h1 : 1 . 907em ;
--h2 : 1 . 707em ;
--h3 : 1 . 538em ;
--h4 : 1 . 377em ;
--h5 : 1 . 24em ;
--h6 : 1 . 11em ;
}
body . header-size__small {
/* 1.12 Scale Ratio */
--h1 : 1 . 405em ;
--h2 : 1 . 33em ;
--h3 : 1 . 254em ;
--h4 : 1 . 187em ;
--h5 : 1 . 12em ;
--h6 : 1 . 06em ;
}
/*────────── header-color__preset ──────────*/
. theme-light . header-color__yrb {
/* YRB Light Mode Colors */
--h1-text-color : var ( --color-l-yellow-700 ) ;
--h2-text-color : var ( --color-l-red-700 ) ;
--h3-text-color : var ( --color-l-blue-700 ) ;
--h4-text-color : var ( --color-l-yellow-700 ) ;
--h5-text-color : var ( --color-l-red-700 ) ;
--h6-text-color : var ( --color-l-blue-700 ) ;
}
. theme-light . header-color__ogv {
/* OGV Light Mode Colors */
--h1-text-color : var ( --color-l-orange-700 ) ;
--h2-text-color : var ( --color-l-green-700 ) ;
--h3-text-color : var ( --color-l-violet-700 ) ;
--h4-text-color : var ( --color-l-orange-700 ) ;
--h5-text-color : var ( --color-l-green-700 ) ;
--h6-text-color : var ( --color-l-violet-700 ) ;
}
. theme-light . header-color__rainbow {
/* Rainbow Light Mode Colors */
--h1-text-color : var ( --color-l-red-700 ) ;
--h2-text-color : var ( --color-l-orange-500 ) ;
--h3-text-color : var ( --color-l-yellow-700 ) ;
--h4-text-color : var ( --color-l-green-700 ) ;
--h5-text-color : var ( --color-l-blue-700 ) ;
--h6-text-color : var ( --color-l-violet-700 ) ;
}
. theme-dark . header-color__yrb {
/* YRB Dark Mode Colors */
--h1-text-color : var ( --color-d-yellow-300 ) ;
--h2-text-color : var ( --color-d-red-300 ) ;
--h3-text-color : var ( --color-d-blue-500 ) ;
--h4-text-color : var ( --color-d-yellow-300 ) ;
--h5-text-color : var ( --color-d-red-300 ) ;
--h6-text-color : var ( --color-d-blue-500 ) ;
}
. theme-dark . header-color__ogv {
/* OGV Dark Mode Colors */
--h1-text-color : var ( --color-d-orange-300 ) ;
--h2-text-color : var ( --color-d-green-300 ) ;
--h3-text-color : var ( --color-d-violet-500 ) ;
--h4-text-color : var ( --color-d-orange-300 ) ;
--h5-text-color : var ( --color-d-green-300 ) ;
--h6-text-color : var ( --color-d-violet-500 ) ;
}
. theme-dark . header-color__rainbow {
/* Rainbow Dark Mode Colors */
--h1-text-color : var ( --color-d-red-300 ) ;
--h2-text-color : var ( --color-d-orange-300 ) ;
--h3-text-color : var ( --color-d-yellow-300 ) ;
--h4-text-color : var ( --color-d-green-500 ) ;
--h5-text-color : var ( --color-d-blue-500 ) ;
--h6-text-color : var ( --color-d-violet-300 ) ;
}
/*────────── header features ──────────*/
body {
--h1-bg-color : var ( --color-highlight-red ) ;
--h2-bg-color : var ( --color-highlight-orange ) ;
--h3-bg-color : var ( --color-highlight-yellow ) ;
--h4-bg-color : var ( --color-highlight-green ) ;
--h5-bg-color : var ( --color-highlight-blue ) ;
--h6-bg-color : var ( --color-highlight-violet ) ;
--h1-border-width : 1px ;
--h2-border-width : 1px ;
--h3-border-width : 1px ;
--h4-border-width : 1px ;
--h5-border-width : 1px ;
--h6-border-width : 1px ;
--h1-border-color : var ( --background-modifier-border ) ;
--h2-border-color : var ( --background-modifier-border ) ;
--h3-border-color : var ( --background-modifier-border ) ;
--h4-border-color : var ( --background-modifier-border ) ;
--h5-border-color : var ( --background-modifier-border ) ;
--h6-border-color : var ( --background-modifier-border ) ;
--h1-border-radius : 0px ;
--h2-border-radius : 0px ;
--h3-border-radius : 0px ;
--h4-border-radius : 0px ;
--h5-border-radius : 0px ;
--h6-border-radius : 0px ;
--h1-text-align : left ;
--h2-text-align : left ;
--h3-text-align : left ;
--h4-text-align : left ;
--h5-text-align : left ;
--h6-text-align : left ;
}
. CodeMirror-line . HyperMD-header-1 ,
. cm-line . HyperMD-header-1 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h1-text-align ) ;
}
. h1-background . CodeMirror-line . HyperMD-header-1 ,
. h1-background . cm-line . HyperMD-header-1 {
background : var ( --h1-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h1-border-radius ) ;
}
. h1-border . CodeMirror-line . HyperMD-header-1 ,
. h1-border . cm-line . HyperMD-header-1 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : var ( --h1-border-width ) solid var ( --h1-border-color ) ;
border-radius : var ( --h1-border-radius ) ;
}
. CodeMirror-line . HyperMD-header-2 ,
. cm-line . HyperMD-header-2 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h2-text-align ) ;
}
. h2-background . CodeMirror-line . HyperMD-header-2 ,
. h2-background . cm-line . HyperMD-header-2 {
background : var ( --h2-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h2-border-radius ) ;
}
. h2-border . CodeMirror-line . HyperMD-header-2 ,
. h2-border . cm-line . HyperMD-header-2 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h2-border-color ) ;
border-radius : var ( --h2-border-radius ) ;
}
. CodeMirror-line . HyperMD-header-3 ,
. cm-line . HyperMD-header-3 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h3-text-align ) ;
}
. h3-background . CodeMirror-line . HyperMD-header-3 ,
. h3-background . cm-line . HyperMD-header-3 {
background : var ( --h3-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h3-border-radius ) ;
}
. h3-border . CodeMirror-line . HyperMD-header-3 ,
. h3-border . cm-line . HyperMD-header-3 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h3-border-color ) ;
border-radius : var ( --h3-border-radius ) ;
}
. CodeMirror-line . HyperMD-header-4 ,
. cm-line . HyperMD-header-4 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h4-text-align ) ;
}
. h4-background . CodeMirror-line . HyperMD-header-4 ,
. h4-background . cm-line . HyperMD-header-4 {
background : var ( --h4-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h4-border-radius ) ;
}
. h4-border . CodeMirror-line . HyperMD-header-4 ,
. h4-border . cm-line . HyperMD-header-4 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h4-border-color ) ;
border-radius : var ( --h4-border-radius ) ;
}
. CodeMirror-line . HyperMD-header-5 ,
. cm-line . HyperMD-header-5 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h5-text-align ) ;
}
. h5-background . CodeMirror-line . HyperMD-header-5 ,
. h5-background . cm-line . HyperMD-header-5 {
background : var ( --h5-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h5-border-radius ) ;
}
. h5-border . CodeMirror-line . HyperMD-header-5 ,
. h5-border . cm-line . HyperMD-header-5 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h5-border-color ) ;
border-radius : var ( --h5-border-radius ) ;
}
. CodeMirror-line . HyperMD-header-6 ,
. cm-line . HyperMD-header-6 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h6-text-align ) ;
}
. h6-background . CodeMirror-line . HyperMD-header-6 ,
. h6-background . cm-line . HyperMD-header-6 {
background : var ( --h6-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h6-border-radius ) ;
}
. h6-border . CodeMirror-line . HyperMD-header-6 ,
. h6-border . cm-line . HyperMD-header-6 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h6-border-color ) ;
border-radius : var ( --h6-border-radius ) ;
}
h1 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h1-text-align ) ;
}
. h1-background h1 {
background : var ( --h1-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h1-border-radius ) ;
}
. h1-border h1 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : var ( --h1-border-width ) solid var ( --h1-border-color ) ;
border-radius : var ( --h1-border-radius ) ;
}
h2 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h2-text-align ) ;
}
. h2-background h2 {
background : var ( --h2-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h2-border-radius ) ;
}
. h2-border h2 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h2-border-color ) ;
border-radius : var ( --h2-border-radius ) ;
}
h3 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h3-text-align ) ;
}
. h3-background h3 {
background : var ( --h3-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h3-border-radius ) ;
}
. h3-border h3 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h3-border-color ) ;
border-radius : var ( --h3-border-radius ) ;
}
h4 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h4-text-align ) ;
}
. h4-background h4 {
background : var ( --h4-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h4-border-radius ) ;
}
. h4-border h4 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h4-border-color ) ;
border-radius : var ( --h4-border-radius ) ;
}
h5 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h5-text-align ) ;
}
. h5-background h5 {
background : var ( --h5-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h5-border-radius ) ;
}
. h5-border h5 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h5-border-color ) ;
border-radius : var ( --h5-border-radius ) ;
}
h6 {
/* add background */
/* add border at the bottom */
/* text align */
text-align : var ( --h6-text-align ) ;
}
. h6-background h6 {
background : var ( --h6-bg-color ) ;
padding : var ( --scale-2-2 ) var ( --scale-2-4 ) ;
border-radius : var ( --h6-border-radius ) ;
}
. h6-border h6 {
padding-bottom : var ( --scale-2-4 ) ;
border-bottom : 1px solid var ( --h6-border-color ) ;
border-radius : var ( --h6-border-radius ) ;
}
/*────────── note ──────────*/
/* multicolor highlight */
. no-multicolor-highlight {
--md-color-highlight-text : var ( --text-normal ) ;
--md-color-highlight-bg : var ( --color-highlight-yellow ) ;
--md-color-bold-highlight-text : var ( --text-normal ) ;
--md-color-bold-highlight-bg : var ( --color-highlight-yellow ) ;
--md-color-italic-highlight-text : var ( --text-normal ) ;
--md-color-italic-highlight-bg : var ( --color-highlight-yellow ) ;
--md-color-bi-highlight-text : var ( --text-normal ) ;
--md-color-bi-highlight-bg : var ( --color-highlight-yellow ) ;
}
/* bullet color */
. md-bullet-color-muted . theme-light span . cm-formatting . cm-formatting-list , . md-bullet-color-muted . theme-light span . list-bullet , . md-bullet-color-muted . theme-light li :: marker , . md-bullet-color-muted . theme-dark span . cm-formatting . cm-formatting-list , . md-bullet-color-muted . theme-dark span . list-bullet , . md-bullet-color-muted . theme-dark li :: marker {
color : var ( --md-color-text-muted ) ;
}
. md-bullet-color-normal . theme-light span . cm-formatting . cm-formatting-list , . md-bullet-color-normal . theme-light span . list-bullet , . md-bullet-color-normal . theme-light li :: marker , . md-bullet-color-normal . theme-dark span . cm-formatting . cm-formatting-list , . md-bullet-color-normal . theme-dark span . list-bullet , . md-bullet-color-normal . theme-dark li :: marker {
color : var ( --md-color-text ) ;
}
/* center embeds */
body . center-embeds img {
display : block ! important ;
margin-left : auto ! important ;
margin-right : auto ! important ;
}
body . center-embeds . markdown-source-view . mod-cm6 . cm-content > * {
margin : auto auto ! important ;
}
/* embed styling */
. note-embeds__style-minimal . popover . markdown-embed ,
. note-embeds__style-minimal . markdown-embed {
border : 0px solid transparent ;
}
. note-embeds__style-minimal . popover . markdown-embed . markdown-preview-view ,
. note-embeds__style-minimal . markdown-embed . markdown-preview-view {
padding : 0 var ( --scale-8-3 ) ;
}
. note-embeds__style-minimal . popover . markdown-embed-title ,
. note-embeds__style-minimal . markdown-embed-title {
display : none ;
}
. note-embeds__style-clean . popover . markdown-embed ,
. note-embeds__style-clean . markdown-embed {
--md-embed-bg : transparent ;
background : var ( --md-embed-bg ) ;
border : 0px solid transparent ;
border-radius : 0 ;
}
. note-embeds__style-clean . popover . markdown-embed-content . markdown-embed-content . markdown-embed-content . markdown-embed-content . markdown-embed-content :: -webkit-scrollbar-thumb ,
. note-embeds__style-clean . markdown-embed-content . markdown-embed-content . markdown-embed-content . markdown-embed-content . markdown-embed-content :: -webkit-scrollbar-thumb {
border-color : var ( --md-embed-bg ) ;
}
. note-embeds__style-clean . popover . markdown-embed-title ,
. note-embeds__style-clean . markdown-embed-title {
display : none ;
}
. note-embeds__style-clean . popover . markdown-embed . markdown-preview-view ,
. note-embeds__style-clean . markdown-embed . markdown-preview-view {
padding : 0 var ( --scale-2-4 ) 0 var ( --scale-2-4 ) ;
}
. full-height-embeds . markdown-embed-content {
max-height : unset ;
}
. full-height-embeds . markdown-preview-sizer . markdown-preview-section {
padding-bottom : 0 ! important ;
}
/* hide metadata box in preview */
. hide__metadata-box . frontmatter-container {
display : none ;
}
/* checkbox border radius style */
. squircle__checkbox {
--ch-radius : var ( --scale-2-3 ) ;
--ach-radius-noborder : var ( --scale-0-0 ) ;
--ach-radius-curved : var ( --scale-2-3 ) ;
--ach-radius-squircle : var ( --scale-2-3 ) ;
--ach-radius-round : var ( --scale-2-3 ) ;
}
. circle__checkbox {
--ch-radius : var ( --scale-8-2 ) ;
--ach-radius-noborder : var ( --scale-0-0 ) ;
--ach-radius-curved : var ( --scale-2-2 ) ;
--ach-radius-squircle : var ( --scale-8-2 ) ;
--ach-radius-round : var ( --scale-8-2 ) ;
}
. square__checkbox {
--ch-radius : var ( --scale-0-0 ) ;
--ach-radius-noborder : var ( --scale-0-0 ) ;
--ach-radius-curved : var ( --scale-0-0 ) ;
--ach-radius-squircle : var ( --scale-0-0 ) ;
--ach-radius-round : var ( --scale-0-0 ) ;
}
/ * @ settings
name : Primary Theme Settings
id : primary-ceciliamay
settings :
-
id : preset-fonts
title : 🔤 Fonts & Typography
description : Adjust global font settings . Includes settings for Header fonts , Body fonts , Line Height , and other features .
type : heading
level : 1
collapsed : true
-
id : font-preview-header
title : Preset Preview Header Font
type : variable-select
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
options :
-
label : Karla
value : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Lora
value : '"Lora", Georgia, Times New Roman, serif'
-
label : Inter
value : ' "Inter" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Quicksand
value : ' "Quicksand" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Roboto Slab
value : '"Roboto Slab", Georgia, Times New Roman, serif'
-
id : font-preview
title : Preset Preview Body Font
type : variable-select
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
options :
-
label : Karla
value : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Lora
value : '"Lora", Georgia, Times New Roman, serif'
-
label : Inter
value : ' "Inter" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Quicksand
value : ' "Quicksand" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Roboto Slab
value : '"Roboto Slab", Georgia, Times New Roman, serif'
-
id : font-editor-header
title : Preset Editor Header Font
type : variable-select
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
options :
-
label : Karla
value : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Lora
value : '"Lora", Georgia, Times New Roman, serif'
-
label : Inter
value : ' "Inter" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Quicksand
value : ' "Quicksand" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Roboto Slab
value : '"Roboto Slab", Georgia, Times New Roman, serif'
-
id : font-editor
title : Preset Editor Body Font
type : variable-select
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
options :
-
label : Karla
value : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Lora
value : '"Lora", Georgia, Times New Roman, serif'
-
label : Inter
value : ' "Inter" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Quicksand
value : ' "Quicksand" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Roboto Slab
value : '"Roboto Slab", Georgia, Times New Roman, serif'
-
id : font-interface-theme
title : Preset Interface Font
type : variable-select
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
options :
-
label : Karla
value : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Lora
value : '"Lora", Georgia, Times New Roman, serif'
-
label : Inter
value : ' "Inter" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Quicksand
value : ' "Quicksand" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
label : Roboto Slab
value : '"Roboto Slab", Georgia, Times New Roman, serif'
-
id : inter-alt
title : Enable Inter ' s Alternative Font Settings
description : Recommended if you ' re using Inter . This will enable you to use alternative font settings from Inter that better fit with Primary .
type : class-toggle
-
id : tabular-nums
title : Use Tabular Numbers
description : Evenly spaces out numbers .
type : class-toggle
-
id : scroll__scalable-fonts
title : Scale UI Font Size on Scroll
description : Obsidian allows you to change a note 's font sizes on scroll. Toggling this on will allow you to change all of Obsidian' s font sizes on scroll .
type : class-toggle
-
id : global-fonts__custom
title : Custom Fonts
type : heading
level : 2
collapsed : true
-
id : font-preview-header
title : Custom Preview Header Font
description :
type : variable-text
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
id : font-preview
title : Custom Preview Body Font
description :
type : variable-text
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
id : font-editor-header
title : Custom Edit Header Font
description :
type : variable-text
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
id : font-editor
title : Custom Edit Body Font
description :
type : variable-text
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
id : font-monospace-theme
title : Code Font
description :
type : variable-text
default : '"Cascadia Code", Inconsolata, Courier, monospace'
-
id : font-interface-theme
title : Interface Font
description :
type : variable-text
default : ' "Karla" , -apple-system ,
BlinkMacSystemFont , Helvetica , Arial , sans-serif '
-
id : line-height-1
title : Line Height
type : variable-text
default : '1.53em'
-
id : workspace-components
title : ⬛ Workspace Components
description : Adjust parts of Obsidian such as the sidebars , tabs , titlebars , and more .
type : heading
level : 1
collapsed : true
-
id : vault-title__titlebar
title : Hide Vault Title on Titlebar
type : class-toggle
-
id : vault-title__file-explorer
title : Hide Vault Title on File Explorer
type : class-toggle
-
id : linewrap-file__file-explorer
title : Unwrap File Titles in the File Explorer
description : Toggling this on will unwrap file titles in the File Explorer , meaning long titles will not go to the next line .
type : class-toggle
-
id : linewrap-folder__file-explorer
title : Unwrap Folder Titles in the File Explorer
description : Toggling this on will unwrap folder titles in the File Explorer , meaning long titles will not go to the next line .
type : class-toggle
-
id : hide__note-header
title : Hide Note Header Bar , Show on Hover ( Desktop Only )
description : Note Header Bars are the bars at the top of a note where the note title , and menu options are located . Toggle on to hide note header bar on default . When hovered , note header bar will show .
type : class-toggle
-
id : hide__metadata-box
title : Hide Metadata Box
description : Different from the "Show Frontmatter" option in Obsidian . This setting removes the metadata box ( one with aliases and tags only , not YAML ) .
type : class-toggle
-
id : hide__sidedockribbon
title : Side Dock Ribbon Style ( Desktop Only )
description : Side Dock Ribbons are the narrow columns at the utmost left and right of Obsidian . Choose your preferred style .
type : class-select
allowEmpty : false
default : show__sidedockribbon
options :
-
label : Show Side Dock Ribbon
value : show__sidedockribbon
-
label : Mini Floating Side Dock Ribbon
value : hide__sidedockribbon-minifloating
-
label : Full Floating Side Dock Ribbon
value : hide__sidedockribbon-fullfloating
-
label : Show on Hover Side Dock Ribbon
value : hide__sidedockribbon-hover
-
label : Hide Side Dock Ribbon
value : hide__sidedockribbon-full
-
id : statusbar
title : Status Bar Style
type : class-select
allowEmpty : false
default : show__status-bar
options :
-
label : Show Full Status Bar
value : show__status-bar
-
label : Only Obsidian Sync Icon
value : sync-only-status-bar
-
label : Hide Status Bar
value : hide__status-bar
-
id : tab-header
title : ⏹ ️ Tab Headers
type : heading
level : 2
collapsed : true
-
id : tab-header-size
title : Tab Header Size
description : Select your preferred tab header size .
type : class-select
allowEmpty : false
default : tab-header__size-regular
options :
-
label : Regular Size
value : tab-header__size-regular
-
label : Small Size
value : tab-header__size-small
-
id : tab-header-style
title : Tab Header Style
description : Select your preferred tab header style .
type : class-select
allowEmpty : false
default : tab-header__style-original
options :
-
label : Original
value : tab-header__style-original
-
label : Minimal
value : tab-header__style-minimal
-
id : tab-header-align-modleft
title : Tab Header Alignment for Left Sidebar
description : Select your preferred tab header alignment for the left sidebar .
type : class-select
allowEmpty : false
default : tab-header__align-modleft-left
options :
-
label : Left
value : tab-header__align-modleft-left
-
label : Center
value : tab-header__align-modleft-center
-
label : Right
value : tab-header__align-modleft-right
-
id : tab-header-align-modright
title : Tab Header Alignment for Right Sidebar
description : Select your preferred tab header alignment for the right sidebar .
type : class-select
allowEmpty : false
default : tab-header__align-modright-right
options :
-
label : Left
value : tab-header__align-modright-left
-
label : Center
value : tab-header__align-modright-center
-
label : Right
value : tab-header__align-modright-right
-
id : tab-header-color-modleft
title : Tab Header Color Movement for Left Sidebar
description : Select your preferred tab header color arrangement for the right sidebar .
type : class-select
allowEmpty : false
default : tab-header__left-color-ltr
options :
-
label : Left to Right
value : tab-header__left-color-ltr
-
label : Right to Left
value : tab-header__left-color-rtl
-
id : tab-header-color-modright
title : Tab Header Color Movement for Right Sidebar
description : Select your preferred tab header color arrangement for the right sidebar .
type : class-select
allowEmpty : false
default : tab-header__right-color-rtl
options :
-
label : Left to Right
value : tab-header__right-color-ltr
-
label : Right to Left
value : tab-header__right-color-rtl
-
id : tab-header__wrap
title : Allow Multiple Tab Header Rows
description : Toggle on to wrap tab headers and allow multiple rows . This a good option for those whose tabs get cut off due to overflow . It also reduces horizontal margins for the tab headers .
type : class-toggle
-
id : tab-header__anim-none
title : Turn Off Tab Header Animation
description : Toggle on to turn off the fun jumpy tab header animation .
type : class-toggle
-
id : header
title : 🅰 ️ Header Styling
description : Adjust how your header looks . Includes settings for font weight , style , size , line height , color , background color , and borders .
type : heading
level : 1
collapsed : true
-
id : header-size__preset
title : Preset Header Sizes
type : class-select
allowEmpty : false
default : header-size__original
options :
-
label : Original Size
value : header-size__original
-
label : Medium Size
value : header-size__medium
-
label : Small Size
value : header-size__small
-
id : header-color__preset
title : Preset Header Colors
description :
type : class-select
allowEmpty : false
default : header-color__normal
options :
-
label : Text Colors Header
value : header-color__normal
-
label : Primary Colors Header
value : header-color__yrb
-
label : Secondary Colors Header
value : header-color__ogv
-
label : Rainbow Colors Header
value : header-color__rainbow
-
id : header__custom
title : Custom Headers
description : Includes settings for Header text alignment , borders , background , and more .
type : heading
level : 2
collapsed : true
-
id : header-1
title : Heading 1
type : heading
level : 3
collapsed : true
-
id : h1
title : Header 1 Size
type : variable-text
default : '2.678em'
-
id : h1-weight
title : Header 1 Font Weight
description : You can put a number from 100 to 900 . Or in lowercase letters , you can put normal , bold , lighter , or bolder .
type : variable-text
default : 'bold'
-
id : h1-style
title : Header 1 Font Style
description : In lowercase letters , choose between normal , italic , or oblique .
type : variable-text
default : 'normal'
-
id : h1-text-align
title : Header 1 Text Alignment
type : variable-select
default : 'left'
options :
-
label : Left
value : left
-
label : Center
value : center
-
label : Right
value : right
-
id : h1-text-color
title : Header 1 Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : h1-background
title : Enable Header 1 Background Color
type : class-toggle
default : false
-
id : h1-bg-color
title : Header 1 Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'rgba(240, 79, 106, 0.2)'
default-dark : 'rgba(240, 79, 106, 0.2)'
-
id : h1-border
title : Enable Header 1 Border
type : class-toggle
default : false
-
id : h1-border-width
title : Header 1 Border Width ( in pixels )
type : variable-number-slider
format : px
default : 1
min : 0
max : 16
step : 1
-
id : h1-border-color
title : Header 1 Border Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : h1-border-radius
title : Header 1 Border Radius ( in pixels )
description : Recommended values are multiples of 2
type : variable-number-slider
format : px
default : 0
min : 0
max : 32
step : 1
-
id : header-2
title : Heading 2
type : heading
level : 3
collapsed : true
-
id : h2
title : Header 2 Size
type : variable-text
default : '2.288em'
-
id : h2-weight
title : Header 2 Font Weight
description : You can put a number from 100 to 900 . Or in lowercase letters , you can put normal , bold , lighter , or bolder .
type : variable-text
default : 'bold'
-
id : h2-style
title : Header 2 Font Style
description : In lowercase letters , choose between normal , italic , or oblique .
type : variable-text
default : 'normal'
-
id : h2-text-align
title : Header 2 Text Alignment
type : variable-select
default : 'left'
options :
-
label : Left
value : left
-
label : Center
value : center
-
label : Right
value : right
-
id : h2-text-color
title : Header 2 Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : h2-background
title : Enable Header 2 Background Color
type : class-toggle
default : false
-
id : h2-bg-color
title : Header 2 Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'rgba(255, 115, 0, 0.2)'
default-dark : 'rgba(255, 115, 0, 0.2)'
-
id : h2-border
title : Enable Header 2 Border
type : class-toggle
default : false
-
id : h2-border-width
title : Header 2 Border Width ( in pixels )
type : variable-number-slider
format : px
default : 1
min : 0
max : 16
step : 1
-
id : h2-border-color
title : Header 2 Border Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : h2-border-radius
title : Header 2 Border Radius ( in pixels )
description : Recommended values are multiples of 2
type : variable-number-slider
format : px
default : 0
min : 0
max : 32
step : 1
-
id : header-3
title : Heading 3
type : heading
level : 3
collapsed : true
-
id : h3
title : Header 3 Size
type : variable-text
default : '1.927em'
-
id : h3-weight
title : Header 3 Font Weight
description : You can put a number from 100 to 900 . Or in lowercase letters , you can put normal , bold , lighter , or bolder .
type : variable-text
default : 'bold'
-
id : h3-style
title : Header 3 Font Style
description : In lowercase letters , choose between normal , italic , or oblique .
type : variable-text
default : 'normal'
-
id : h3-text-align
title : Header 3 Text Alignment
type : variable-select
default : 'left'
options :
-
label : Left
value : left
-
label : Center
value : center
-
label : Right
value : right
-
id : h3-text-color
title : Header 3 Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : h3-background
title : Enable Header 3 Background Color
type : class-toggle
default : false
-
id : h3-bg-color
title : Header 3 Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'rgba(255, 187, 0, 0.2)'
default-dark : 'rgba(255, 187, 0, 0.2)'
-
id : h3-border
title : Enable Header 3 Border
type : class-toggle
default : false
-
id : h3-border-width
title : Header 3 Border Width ( in pixels )
type : variable-number-slider
format : px
default : 1
min : 0
max : 16
step : 1
-
id : h3-border-color
title : Header 3 Border Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : h3-border-radius
title : Header 3 Border Radius ( in pixels )
description : Recommended values are multiples of 2
type : variable-number-slider
format : px
default : 0
min : 0
max : 32
step : 1
-
id : header-4
title : Heading 4
type : heading
level : 3
collapsed : true
-
id : h4
title : Header 4 Size
type : variable-text
default : '1.648em'
-
id : h4-weight
title : Header 4 Font Weight
description : You can put a number from 100 to 900 . Or in lowercase letters , you can put normal , bold , lighter , or bolder .
type : variable-text
default : 'bold'
-
id : h4-style
title : Header 4 Font Style
description : In lowercase letters , choose between normal , italic , or oblique .
type : variable-text
default : 'normal'
-
id : h4-text-align
title : Header 4 Text Alignment
type : variable-select
default : 'left'
options :
-
label : Left
value : left
-
label : Center
value : center
-
label : Right
value : right
-
id : h4-text-color
title : Header 4 Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : h4-background
title : Enable Header 4 Background Color
type : class-toggle
default : false
-
id : h4-bg-color
title : Header 4 Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'rgba(153, 189, 36, 0.2)'
default-dark : 'rgba(153, 189, 36, 0.2)'
-
id : h4-border
title : Enable Header 4 Border
type : class-toggle
default : false
-
id : h4-border-width
title : Header 4 Border Width ( in pixels )
type : variable-number-slider
format : px
default : 1
min : 0
max : 16
step : 1
-
id : h4-border-color
title : Header 4 Border Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : h4-border-radius
title : Header 4 Border Radius ( in pixels )
description : Recommended values are multiples of 2
type : variable-number-slider
format : px
default : 0
min : 0
max : 32
step : 1
-
id : header-5
title : Heading 5
type : heading
level : 3
collapsed : true
-
id : h5
title : Header 5 Size
type : variable-text
default : '1.388em'
-
id : h5-weight
title : Header 5 Font Weight
description : You can put a number from 100 to 900 . Or in lowercase letters , you can put normal , bold , lighter , or bolder .
type : variable-text
default : 'bold'
-
id : h5-style
title : Header 5 Font Style
description : In lowercase letters , choose between normal , italic , or oblique .
type : variable-text
default : 'normal'
-
id : h5-text-align
title : Header 5 Text Alignment
type : variable-select
default : 'left'
options :
-
label : Left
value : left
-
label : Center
value : center
-
label : Right
value : right
-
id : h5-text-color
title : Header 5 Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : h5-background
title : Enable Header 5 Background Color
type : class-toggle
default : false
-
id : h5-bg-color
title : Header 5 Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'rgba(40, 178, 194, 0.2)'
default-dark : 'rgba(40, 178, 194, 0.2)'
-
id : h5-border
title : Enable Header 5 Border Color
type : class-toggle
default : false
-
id : h5-border-width
title : Header 5 Border Width ( in pixels )
type : variable-number-slider
format : px
default : 1
min : 0
max : 16
step : 1
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : h5-border-color
title : Header 5 Border Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : h5-border-radius
title : Header 5 Border Radius ( in pixels )
description : Recommended values are multiples of 2
type : variable-number-slider
format : px
default : 0
min : 0
max : 32
step : 1
-
id : header-6
title : Heading 6
type : heading
level : 3
collapsed : true
-
id : h6
title : Header 6 Size
type : variable-text
default : '1.188em'
-
id : h6-weight
title : Header 6 Font Weight
description : You can put a number from 100 to 900 . Or in lowercase letters , you can put normal , bold , lighter , or bolder .
type : variable-text
default : 'bold'
-
id : h6-style
title : Header 6 Font Style
description : In lowercase letters , choose between normal , italic , or oblique .
type : variable-text
default : 'normal'
-
id : h6-text-align
title : Header 6 Text Alignment
type : variable-select
default : 'left'
options :
-
label : Left
value : left
-
label : Center
value : center
-
label : Right
value : right
-
id : h6-text-color
title : Header 6 Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(34, 28%, 60%)'
default-dark : 'hsl(35, 27%, 55%)'
-
id : h6-background
title : Enable Header 6 Background Color
type : class-toggle
default : false
-
id : h6-bg-color
title : Header 6 Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'rgba(113, 122, 255, 0.2'
default-dark : 'rgba(113, 122, 255, 0.2'
-
id : h6-border
title : Enable Header 6 Border
type : class-toggle
default : false
-
id : h6-border-width
title : Header 6 Border Width ( in pixels )
type : variable-number-slider
format : px
default : 1
min : 0
max : 16
step : 1
-
id : h6-border-color
title : Header 6 Border Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : h6-border-radius
title : Header 6 Border Radius ( in pixels )
description : Recommended values are multiples of 2
type : variable-number-slider
format : px
default : 0
min : 0
max : 32
step : 1
-
id : header-line-height
title : Headers Line Height
type : variable-text
default : '1.18'
-
id : note
title : ✏ ️ Note
description : Adjust colors and features in notes . Includes settings for blockquotes , links , highlights , embeds , popovers and more .
type : heading
level : 1
collapsed : true
-
id : no-md-activeline
title : Disable Activeline Highlighting
description : Toggle on to remove activeline highlighting . Keep it off to show it .
type : class-toggle
-
id : gray-md-formatting
title : Gray Out Markdown Formatting
description : Makes markdown formatting less noticeable in Editor View .
type : class-toggle
-
id : emphasis
title : 🖍 ️ Emphasis
type : heading
level : 2
collapsed : true
-
id : md-color-bold
title : Bold Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(4, 72%, 55%)'
default-dark : 'hsl(4, 90%, 61%)'
-
id : md-color-italic
title : Italic Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(205, 66%, 46%)'
default-dark : 'hsl(198, 57%, 55%)'
-
id : md-color-bolditalic
title : Bold and Italic Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(32, 55%, 12%)'
default-dark : 'hsl(33, 66%, 90%)'
-
id : md-color-strikethrough
title : Strikethrough Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(34, 37%, 70%)'
default-dark : 'hsl(34, 24%, 30%)'
-
id : md-color-comment
title : Hidden Comments Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(34, 28%, 60%)'
default-dark : 'hsl(35, 27%, 55%)'
-
id : md-color-comment
title : Footnote ( at the end of the note , not the links ) Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : Links
title : 🔗 Links
type : heading
level : 2
collapsed : true
-
id : no-link-underline
title : Remove Link Underline
description : When toggled on , underlines on internal and external links will be removed .
type : class-toggle
-
id : Links
title : ❗ Resolved Links
type : heading
level : 3
collapsed : true
-
id : md-color-reslink
title : Resolved Links
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 100%, 42%)'
default-dark : 'hsl(50, 100%, 46%)'
-
id : md-color-reslink-hover
title : Resolved Links on Hover
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 78%, 52%)'
default-dark : 'hsl(46, 91%, 69%)'
-
id : md-color-reslink-active
title : Resolved Links on Click
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 89%, 38%)'
default-dark : 'hsl(43, 100%, 42%)'
-
id : Links
title : ❔ Unresolved Links
type : heading
level : 3
collapsed : true
-
id : md-color-unreslink
title : Unresolved Links
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(34, 28%, 60%)'
default-dark : 'hsl(35, 27%, 55%)'
-
id : md-color-unreslink-hover
title : Unresolved Links on Hover
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 100%, 42%)'
default-dark : 'hsl(50, 100%, 46%)'
-
id : md-color-unreslink-active
title : Unresolved Links on Click
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 89%, 38%)'
default-dark : 'hsl(43, 100%, 42%)'
-
id : Links
title : 🌐 External Links
type : heading
level : 3
collapsed : true
-
id : md-color-extlink
title : External Links
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 100%, 42%)'
default-dark : 'hsl(50, 100%, 46%)'
-
id : md-color-extlink-hover
title : External Links on Hover
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 78%, 52%)'
default-dark : 'hsl(46, 91%, 69%)'
-
id : md-color-extlink-active
title : External Links on Click
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(43, 89%, 38%)'
default-dark : 'hsl(43, 100%, 42%)'
-
id : blockquotes
title : 👉 Blockquotes
type : heading
level : 2
collapsed : true
-
id : md-color-blockquotes
title : Blockquotes Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : md-color-blockquotes-formatting
title : Blockquotes Syntax Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(34, 37%, 70%)'
default-dark : 'hsl(34, 24%, 30%)'
-
id : md-color-blockquotes-border
title : Blockquotes Border Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 83%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : md-color-blockquotes-bg
title : Blockquotes Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 36%, 96.9%)'
default-dark : 'hsl(26, 16%, 9%)'
-
id : highlight
title : ⚡ Highlight
type : heading
level : 2
collapsed : true
-
id : no-multicolor-highlight
title : Disable Multicolor Highlight
description : Turn off to disable multicolored highlighting .
type : class-toggle
-
id : custom-highlight
title : Custom Highlight
type : heading
level : 3
collapsed : true
-
id : md-color-highlight-text
title : Highlight-only Text Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : md-color-highlight-bg
title : Highlight-only Background Color
type : variable-themed-color
format : rgb
opacity : true
default-light : 'rgba(255, 187, 0, 0.2)'
default-dark : 'rgba(255, 187, 0, 0.2)'
-
id : md-color-bold-highlight-text
title : Bold and Highlight Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : md-color-bold-highlight-bg
title : Bold and Highlight Background Color
type : variable-themed-color
format : rgb
opacity : true
default-light : 'rgba(240, 79, 106, 0.2)'
default-dark : 'rgba(240, 79, 106, 0.2)'
-
id : md-color-italic-highlight-text
title : Italic and Highlight Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : md-color-italic-highlight-bg
title : Italic and Highlight Background Color
type : variable-themed-color
format : rgb
opacity : true
default-light : 'rgba(40, 178, 194, 0.2)'
default-dark : 'rgba(40, 178, 194, 0.2)'
-
id : md-color-bi-highlight-text
title : Bold , Italic , and Highlight Text Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : md-color-bi-highlight-bg
title : Bold , Italic , and Highlight Background Color
type : variable-themed-color
format : rgb
opacity : true
default-light : 'rgba(153, 189, 36, 0.2)'
default-dark : 'rgba(153, 189, 36, 0.2)'
-
id : lists
title : 📃 Lists
type : heading
level : 2
collapsed : true
-
id : md-bullet-color
title : Preset Bullet Color
description : Select your preferred bullet color ( applied to all bullets , ordered and unordered )
type : class-select
allowEmpty : false
default : md-bullet-color-faint
options :
-
label : Like Body Text
value : md-bullet-color-normal
-
label : Muted
value : md-bullet-color-muted
-
label : Faint
value : md-bullet-color-faint
-
id : checkboxes
title : ✅ Checkboxes
type : heading
level : 2
collapsed : true
-
id : checkbox-style
title : Checkbox Style
description : Note for Circle Checkboxes - Most of the checkboxes are circular , but some alternative checkboxes are kept square-ish because of the size of the inner icons .
type : class-select
allowEmpty : false
default : original__checkbox
options :
-
label : Original Checkboxes
value : original__checkbox
-
label : Squircle Checkboxes
value : squircle__checkbox
-
label : Circle Checkboxes
value : circle__checkbox
-
label : Square Checkboxes
value : square__checkbox
-
id : md-checked-bg-color
title : Checked Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(154, 47%, 49%)'
default-dark : 'hsl(155, 81%, 24%)'
-
id : note-embeds
title : 📍 Embeds
type : heading
level : 2
collapsed : true
-
id : center-embeds
title : Center Embeds
description : When toggled on , all embeds ( including images and other attachments ) will be centered .
type : class-toggle
-
id : full-height-embeds
title : Full Height Markdown Embeds
description : Toggle on to remove scrolling and embed the whole note .
type : class-toggle
-
id : note-embeds__style
title : Markdown Embeds Style
description : Choose your preferred embedded note style .
type : class-select
allowEmpty : false
default : note-embeds__style-original
options :
-
label : Original
value : note-embeds__style-original
-
label : Minimal
value : note-embeds__style-minimal
-
label : Clean
value : note-embeds__style-clean
-
id : md-embed-bg
title : Markdown Embed Background Color
type : variable-themed-color
format : hsl
opacity : true
default-light : 'hsl(36, 37%, 92%)'
default-dark : 'hsl(30, 15%, 13%)'
-
id : md-popover
title : 📤 Popovers
type : heading
level : 2
collapsed : true
-
id : popover-default
title : Usual Popover Size ( in view widths )
description : This variable is in view widths ( percentage of the width of Obsidian 's window). Being default at 40vw means that it has a width of 40% of the window' s current width size . This allows the popover to dynamically resize depending on the window size . Changing the values of this variable will show you instant changes .
type : variable-number-slider
format : vw
default : 40
min : 10
max : 90
step : 1
-
id : popover-min
title : Minimum Popover Size ( in pixels )
description : This variable is in pixels . Being the minimum width at 150px means that the dynamic resizing of the popover in relation to the window ' s width will not be smaller than this "Maximum Popover Size" value .
type : variable-number-slider
format : px
default : 150
min : 100
max : 1000
step : 1
-
id : popover-max
title : Maximum Popover Size ( in pixels )
description : This variable is in pixels . Being the maximum width at 600px means that the dynamic resizing of the popover in relation to the window ' s width will not be bigger than this "Maximum Popover Size" value .
type : variable-number-slider
format : px
default : 600
min : 100
max : 1000
step : 1
-
id : graph-view
title : 🌐 Graph View
description : Adjust colors of your graph view .
type : heading
level : 1
collapsed : true
-
id : graph-color-node-resolved
title : Resolved Note Node Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(205, 66%, 46%)'
default-dark : 'hsl(198, 75%, 35%)'
-
id : graph-color-node-unresolved
title : Unresolved Note Node Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(43, 78%, 52%)'
default-dark : 'hsl(43, 100%, 42%)'
-
id : graph-color-node-unresolved-opacity
title : Unresolved Note Node Opacity
type : variable-text
default : '1'
-
id : graph-color-node-tag
title : Tag Node Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(4, 74%, 53%)'
default-dark : 'hsl(4, 65%, 60%)'
-
id : graph-color-node-attachment
title : Attachment Node Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(154, 50%, 58%)'
default-dark : 'hsl(154, 52%, 46%)'
-
id : graph-color-node-focused
title : Focused Node ( Opened Note ) Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(34, 27%, 40%)'
default-dark : 'hsl(34, 50%, 80%)'
-
id : graph-color-node-border-hover
title : Node ( on hover ) Border Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(34, 37%, 70%)'
default-dark : 'hsl(34, 18%, 62%)'
-
id : graph-color-node-arrow
title : Graph View Arrow Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(34, 28%, 60%)'
default-dark : 'hsl(33, 20%, 30%)'
-
id : graph-color-node-line
title : Graph View Line Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(36, 34%, 85%)'
default-dark : 'hsl(33, 20%, 20%)'
-
id : graph-color-node-line-hover
title : Graph View Line ( on hover ) Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(34, 37%, 70%)'
default-dark : 'hsl(33, 20%, 30%)'
-
id : graph-color-node-text
title : Graph View Text Color
type : variable-themed-color
format : hsl
opacity : false
default-light : 'hsl(31, 45%, 20%)'
default-dark : 'hsl(34, 18%, 62%)'
-
id : interface-components
title : 🖱 ️ Interface Components
description : Adjust non-Obsidian native UI components ( i . e . scrollbars ) .
type : heading
level : 1
collapsed : true
-
id : scrollbar-style
title : Scrollbar Style
description :
type : class-select
allowEmpty : false
default : scrollbar__thin
options :
-
label : Thin
value : scrollbar__thin
-
label : Mac ( Grabbable )
value : scrollbar__mac
-
label : Hidden
value : scrollbar__hidden
-
id : primary-wiki
title : 💛 Support Primary ' s Development
description : Consider supporting Primary ' s Development by donating coffees at ko-fi . com / ceciliamay
type : heading
level : 1
collapsed : false
-
id : primary-wiki
title : 🎯 Follow Primary ' s Roadmap
description : Look into Primary ' s grand development through its roadmap at tinyurl . com / primary-board
type : heading
level : 1
collapsed : false
* /
/*# sourceMappingURL=obsidian.css.map */