/* https://emn178.github.io/online-tools/url_encode.html */

.svgrepo-three-columns {
    line-height: 1;
    text-align: center;
}
.svgrepo-three-columns:before {
/*
https://www.svgrepo.com/svg/379303/view-three-columns
original: width="800px" height="800px" viewBox="0 0 24 24"
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" width="13px" height="13px" viewBox="2 2 20 20" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M5,22 C3.34314575,22 2,20.6568542 2,19 L2,5 C2,3.34314575 3.34314575,2 5,2 L19,2 C20.6568542,2 22,3.34314575 22,5 L22,19 C22,20.6568542 20.6568542,22 19,22 L5,22 Z M8,4 L5,4 C4.44771525,4 4,4.44771525 4,5 L4,19 C4,19.5522847 4.44771525,20 5,20 L8,20 L8,4 Z M14,4 L10,4 L10,20 L14,20 L14,4 Z M19,4 L16,4 L16,20 L19,20 C19.5522847,20 20,19.5522847 20,19 L20,5 C20,4.44771525 19.5522847,4 19,4 Z"/>
</svg>
*/
    content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20fill%3D%22%23000000%22%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%222%202%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%2C22%20C3.34314575%2C22%202%2C20.6568542%202%2C19%20L2%2C5%20C2%2C3.34314575%203.34314575%2C2%205%2C2%20L19%2C2%20C20.6568542%2C2%2022%2C3.34314575%2022%2C5%20L22%2C19%20C22%2C20.6568542%2020.6568542%2C22%2019%2C22%20L5%2C22%20Z%20M8%2C4%20L5%2C4%20C4.44771525%2C4%204%2C4.44771525%204%2C5%20L4%2C19%20C4%2C19.5522847%204.44771525%2C20%205%2C20%20L8%2C20%20L8%2C4%20Z%20M14%2C4%20L10%2C4%20L10%2C20%20L14%2C20%20L14%2C4%20Z%20M19%2C4%20L16%2C4%20L16%2C20%20L19%2C20%20C19.5522847%2C20%2020%2C19.5522847%2020%2C19%20L20%2C5%20C20%2C4.44771525%2019.5522847%2C4%2019%2C4%20Z%22%2F%3E%0A%3C%2Fsvg%3E');
}
.svgrepo-three-rows {
    line-height: 1;
    text-align: center;
}
.svgrepo-three-rows:before {
/*
https://www.svgrepo.com/svg/471838/rows-03
original: width="800px" height="800px" viewBox="0 0 24 24"
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="13px" height="13px" viewBox="2 2 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 9H21M3 15H21M7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
*/
    content: url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!--%20Uploaded%20to%3A%20SVG%20Repo%2C%20www.svgrepo.com%2C%20Generator%3A%20SVG%20Repo%20Mixer%20Tools%20--%3E%0A%3Csvg%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%222%202%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3%209H21M3%2015H21M7.8%203H16.2C17.8802%203%2018.7202%203%2019.362%203.32698C19.9265%203.6146%2020.3854%204.07354%2020.673%204.63803C21%205.27976%2021%206.11984%2021%207.8V16.2C21%2017.8802%2021%2018.7202%2020.673%2019.362C20.3854%2019.9265%2019.9265%2020.3854%2019.362%2020.673C18.7202%2021%2017.8802%2021%2016.2%2021H7.8C6.11984%2021%205.27976%2021%204.63803%2020.673C4.07354%2020.3854%203.6146%2019.9265%203.32698%2019.362C3%2018.7202%203%2017.8802%203%2016.2V7.8C3%206.11984%203%205.27976%203.32698%204.63803C3.6146%204.07354%204.07354%203.6146%204.63803%203.32698C5.27976%203%206.11984%203%207.8%203Z%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
}
.svgrepo-mushroom-circles:before {
/*
https://www.svgrepo.com/svg/455308/mushroom-circles
original: width="800px" height="800px"
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="13px" height="13px" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;stroke:#020202;stroke-miterlimit:10;stroke-width:1.91px;}</style></defs><path class="cls-1" d="M12,1.5h0A10.5,10.5,0,0,1,22.5,12v0a1.91,1.91,0,0,1-1.91,1.91H3.41A1.91,1.91,0,0,1,1.5,12v0A10.5,10.5,0,0,1,12,1.5Z"/><circle class="cls-1" cx="12" cy="3.41" r="1.91"/><circle class="cls-1" cx="18.68" cy="9.14" r="1.91"/><circle class="cls-1" cx="7.23" cy="9.14" r="1.91"/><path class="cls-1" d="M12,22.5h0a3.83,3.83,0,0,0,3.74-4.66l-.88-3.93H9.14l-.88,3.93A3.83,3.83,0,0,0,12,22.5Z"/></svg>
*/
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23020202%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.91px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C1.5h0A10.5%2C10.5%2C0%2C0%2C1%2C22.5%2C12v0a1.91%2C1.91%2C0%2C0%2C1-1.91%2C1.91H3.41A1.91%2C1.91%2C0%2C0%2C1%2C1.5%2C12v0A10.5%2C10.5%2C0%2C0%2C1%2C12%2C1.5Z%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2212%22%20cy%3D%223.41%22%20r%3D%221.91%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2218.68%22%20cy%3D%229.14%22%20r%3D%221.91%22%2F%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%227.23%22%20cy%3D%229.14%22%20r%3D%221.91%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C22.5h0a3.83%2C3.83%2C0%2C0%2C0%2C3.74-4.66l-.88-3.93H9.14l-.88%2C3.93A3.83%2C3.83%2C0%2C0%2C0%2C12%2C22.5Z%22%2F%3E%3C%2Fsvg%3E');
}
.darkmodus .svgrepo-mushroom-circles:before {
/*
<svg width="13px" height="13px" viewBox="0 0 24 24" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" fill="#ffffff" stroke="#ffffff"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><defs><style>.cls-1{fill:none;stroke:#ffffff;stroke-miterlimit:10;stroke-width:1.91px;}</style></defs><path class="cls-1" d="M12,1.5h0A10.5,10.5,0,0,1,22.5,12v0a1.91,1.91,0,0,1-1.91,1.91H3.41A1.91,1.91,0,0,1,1.5,12v0A10.5,10.5,0,0,1,12,1.5Z"></path><circle class="cls-1" cx="12" cy="3.41" r="1.91"></circle><circle class="cls-1" cx="18.68" cy="9.14" r="1.91"></circle><circle class="cls-1" cx="7.23" cy="9.14" r="1.91"></circle><path class="cls-1" d="M12,22.5h0a3.83,3.83,0,0,0,3.74-4.66l-.88-3.93H9.14l-.88,3.93A3.83,3.83,0,0,0,12,22.5Z"></path></g></svg>
*/
    content: url('data:image/svg+xml,%3Csvg%20width%3D%2213px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2024%2024%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23ffffff%22%20stroke%3D%22%23ffffff%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23ffffff%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.91px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C1.5h0A10.5%2C10.5%2C0%2C0%2C1%2C22.5%2C12v0a1.91%2C1.91%2C0%2C0%2C1-1.91%2C1.91H3.41A1.91%2C1.91%2C0%2C0%2C1%2C1.5%2C12v0A10.5%2C10.5%2C0%2C0%2C1%2C12%2C1.5Z%22%3E%3C%2Fpath%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2212%22%20cy%3D%223.41%22%20r%3D%221.91%22%3E%3C%2Fcircle%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2218.68%22%20cy%3D%229.14%22%20r%3D%221.91%22%3E%3C%2Fcircle%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%227.23%22%20cy%3D%229.14%22%20r%3D%221.91%22%3E%3C%2Fcircle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C22.5h0a3.83%2C3.83%2C0%2C0%2C0%2C3.74-4.66l-.88-3.93H9.14l-.88%2C3.93A3.83%2C3.83%2C0%2C0%2C0%2C12%2C22.5Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.svgrepo-mushroom-circles {
    line-height: 1;
    text-align: center;
}