Skip to content

TWE-10 | FE | New statistics group block #334

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
shyusu4 merged 15 commits into from
Jan 10, 2025
Merged

TWE-10 | FE | New statistics group block #334

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
0347da3
Update main heading styles
albinazs Jan 2, 2025
8080cbb
Update fonts docs
albinazs Jan 2, 2025
23bbf3b
Update color themes dark mode
albinazs Jan 6, 2025
d648d2f
Linting
albinazs Jan 6, 2025
b3b5c1e
Clean code
albinazs Jan 6, 2025
4661977
Merge pull request #326 from torchbox/feature/twe-25-page-title
albinazs Jan 6, 2025
fd5af4f
Fix linting issue from previous merge
albinazs Jan 6, 2025
8f49103
Merge pull request #330 from torchbox/fix/lint-issue
albinazs Jan 6, 2025
6697022
Remove newline at end of file
SharmaineLim Jan 7, 2025
4657acd
Merge pull request #329 from torchbox/feature/twe-6-theme-colors-fe
albinazs Jan 8, 2025
4b9b671
Merge remote-tracking branch 'origin/integration/2024-evolution' into…
shyusu4 Jan 8, 2025
10b5b4d
Numeric stats group block FE
shyusu4 Jan 9, 2025
35bd38e
Fix formatting
shyusu4 Jan 9, 2025
f412fb4
Update stats font size and weight
shyusu4 Jan 9, 2025
10fe349
Update stats block heading to variable
shyusu4 Jan 10, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs/front-end/fonts.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

The site uses 'Outfit' as the main font and 'sans-serif' as the fallback font.

Outfit is avaible from [Google Fonts](https://fonts.google.com/specimen/Outfit) and is a variable font. This means that the font can be loaded as a single file and the weight and style can be adjusted using CSS. Any weight between 300 and 600 can be used.
Outfit is avaible from [Google Fonts](https://fonts.google.com/specimen/Outfit) and is a variable font. This means that the font can be loaded as a single file and the weight and style can be adjusted using CSS. Any weight between 200 and 600 can be used.
Copy link
Copy Markdown
Member

@helenb helenb Jan 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Praise: thank you for keeping the documentation up to date!


We originally limited the number of font variants for reasons of sustainability, although the fact that this is a variable font means that extra weights could be added if required without impacting carbon emissions.

Expand All @@ -12,7 +12,7 @@ The font is loaded using the following CSS in `sass/base/_fonts.scss`:
@font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300 600;
font-weight: 200 600;
font-display: swap;
src: url(../fonts/outfit-variable-font.woff2) format('woff2-variations');
}
Expand Down
4 changes: 2 additions & 2 deletions tbx/project_styleguide/templates/patterns/atoms/icons/quote-icon.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@
</mask>
<g mask="url(#{{ mask_id }})" transform="translate(-25.84 3.44)">
<path fill="currentColor" d="M-11-312.4h1351v696H-11z" class="quote-icon__white" />
<path d="M8.59 6.934c.1 1.181 1.73 1.554 2.406.558 3.973-5.98 9.391-11.01 13.069-12.448l-.032.66c-1.405 42.635 30.37 67.332 41.634 74.642 1.065.713 2.448-.322 1.953-1.449-6.89-15.108-3.408-28.904 9.999-41.85 2.545-2.375 5.36-5.472 7.785-8.588 0 0 2.918-3.607 5.746-8.615l.15.155c4.888 7.734 5.635 16.737 5.636 21.662.022 1.177 1.566 1.693 2.313.847 3.491-4.093 9.539-12.472 10.852-21.89 3.126-22.78-10.24-46.876-34.836-54.319-1.16-.35-2.077.781-1.418 1.769 2.038 3.333 3.152 7.944 2.872 13.81C76.072-14.556 59.433 5.29 59.433 5.29S44.76-16.077 45.407-29.643c.283-5.94 1.83-10.422 4.177-13.542a1.205 1.205 0 00-1.244-1.898C23.872-40.392 11.524-20.045 9.19-7.296c-1.052 5.609-.83 10.838-.6 14.23z" fill="var(--color--accent-two)" />
Copy link
Copy Markdown
Member

@helenb helenb Jan 10, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Query: are the various changes to icons here relevant to this MR? It looks like this includes various general updates to the colours, in which case it might be worth updating the merge request description - or possibly you need a rebase in order to hide changes that are coming in from other merge requests.

Copy link
Copy Markdown
Member

@chris-lawton chris-lawton Jan 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I forgot to mention but I think the MR is out of date as i've seen these changes before from Albina. These are the commits I reviewed as part of this one:

Copy link
Copy Markdown
Collaborator Author

@shyusu4 shyusu4 Jan 10, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @helenb, I initially picked the wrong branch to merge into for this PR and later switched it. I’ve already rebased the branch and updated it already from feature/twe-10-stats-block, so everything is up to date on my end. It looks like some changes are still showing up in the diff, probably due to a GitHub glitch and the diff didn’t update after the target branch was updated.

<path d="M72.805 30.882c-.374.779-1.505.626-1.67-.22-.945-5.06-3.055-9.834-5.006-11.73l-.154.457c-10.318 29.366-36.94 38.252-45.996 40.418-.861.22-1.465-.83-.855-1.473 8.336-8.564 9.757-18.821 4.668-30.974-.988-2.251-1.957-5.061-2.673-7.786 0 0-.9-3.182-1.376-7.296l-.135.068c-5.13 4.045-7.97 9.986-9.265 13.338-.324.795-1.438.761-1.688 0C7.52 22.027 5.89 14.817 7.535 8.08c4.01-16.282 18.81-29.349 36.347-28.282.827.051 1.11 1.05.434 1.558-2.168 1.76-4.085 4.62-5.45 8.682-3.157 9.394 2.166 27.048 2.166 27.048S55.943 6.203 59.1-3.19c1.382-4.112 1.58-7.548.914-10.257-.183-.795.647-1.421 1.287-.981C75.567-5.136 78.039 11.79 76.166 21.048c-.808 4.08-2.323 7.583-3.36 9.834z" fill="var(--color--accent-three)" />
<path d="M8.59 6.934c.1 1.181 1.73 1.554 2.406.558 3.973-5.98 9.391-11.01 13.069-12.448l-.032.66c-1.405 42.635 30.37 67.332 41.634 74.642 1.065.713 2.448-.322 1.953-1.449-6.89-15.108-3.408-28.904 9.999-41.85 2.545-2.375 5.36-5.472 7.785-8.588 0 0 2.918-3.607 5.746-8.615l.15.155c4.888 7.734 5.635 16.737 5.636 21.662.022 1.177 1.566 1.693 2.313.847 3.491-4.093 9.539-12.472 10.852-21.89 3.126-22.78-10.24-46.876-34.836-54.319-1.16-.35-2.077.781-1.418 1.769 2.038 3.333 3.152 7.944 2.872 13.81C76.072-14.556 59.433 5.29 59.433 5.29S44.76-16.077 45.407-29.643c.283-5.94 1.83-10.422 4.177-13.542a1.205 1.205 0 00-1.244-1.898C23.872-40.392 11.524-20.045 9.19-7.296c-1.052 5.609-.83 10.838-.6 14.23z" fill="var(--color--theme-secondary)" />
<path d="M72.805 30.882c-.374.779-1.505.626-1.67-.22-.945-5.06-3.055-9.834-5.006-11.73l-.154.457c-10.318 29.366-36.94 38.252-45.996 40.418-.861.22-1.465-.83-.855-1.473 8.336-8.564 9.757-18.821 4.668-30.974-.988-2.251-1.957-5.061-2.673-7.786 0 0-.9-3.182-1.376-7.296l-.135.068c-5.13 4.045-7.97 9.986-9.265 13.338-.324.795-1.438.761-1.688 0C7.52 22.027 5.89 14.817 7.535 8.08c4.01-16.282 18.81-29.349 36.347-28.282.827.051 1.11 1.05.434 1.558-2.168 1.76-4.085 4.62-5.45 8.682-3.157 9.394 2.166 27.048 2.166 27.048S55.943 6.203 59.1-3.19c1.382-4.112 1.58-7.548.914-10.257-.183-.795.647-1.421 1.287-.981C75.567-5.136 78.039 11.79 76.166 21.048c-.808 4.08-2.323 7.583-3.36 9.834z" fill="var(--color--theme-primary)" />
</g>
</svg>
{% endwith %}
2 changes: 1 addition & 1 deletion tbx/project_styleguide/templates/patterns/atoms/icons/results-ring.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg width="147" height="148" viewbox="20 25 147 148" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"{% if classes %} class="{{ classes }}"{% endif %}>
<path stroke="var(--color--accent-two-inverse)" d="M101.732 43.882c20.02 16.916 22.67 46.685 5.935 66.49-16.734 19.805-46.528 22.161-66.547 5.246-20.02-16.916-22.67-46.685-5.935-66.49 16.734-19.806 46.528-22.16 66.547-5.246Z" opacity=".5" style="mix-blend-mode:screen"/><path fill="currentColor" d="m56.417 31.858-.354-1.183 2.204-.66c.44-.131.747-.345.921-.642.18-.307.209-.664.087-1.07a1.33 1.33 0 0 0-.637-.814c-.315-.177-.693-.2-1.133-.068l-2.217.663-.373-1.245 2.28-.682c.548-.164 1.063-.196 1.545-.096.48.091.889.295 1.227.61.345.304.589.697.733 1.178.151.507.167.982.046 1.425-.113.44-.345.827-.698 1.158-.353.332-.804.58-1.352.744l-2.28.682Zm.122 3.993-2.608-8.718 1.433-.428 2.608 8.718-1.433.428Zm4.783-1.43-4.184-2.874 1.187-.884 4.803 3.217-1.806.54ZM70.804 32.847l.5-9.086 1.492.082-.5 9.086-1.492-.082Zm1.025.056.075-1.362 5.089.28-.075 1.362-5.089-.28Zm.22-3.984.072-1.311 4.647.255-.072 1.311-4.647-.255Zm.205-3.739.075-1.363 5.024.276-.075 1.363-5.024-.276ZM86.636 35.78c-.668-.265-1.188-.612-1.56-1.04-.37-.426-.648-.947-.833-1.562l1.317-.567c.099.43.271.807.516 1.128.249.314.623.57 1.122.768.467.185.876.236 1.227.151a.986.986 0 0 0 .74-.629c.111-.282.13-.54.056-.775a1.74 1.74 0 0 0-.407-.665 5.049 5.049 0 0 0-.66-.626 24.165 24.165 0 0 1-.734-.655 4.265 4.265 0 0 1-.607-.76 2.145 2.145 0 0 1-.295-.914c-.032-.34.037-.726.21-1.161.199-.5.488-.874.867-1.125.39-.255.832-.392 1.324-.41.493-.02.996.074 1.512.278.556.221 1.008.527 1.356.917.357.393.605.814.744 1.26l-1.317.569a2.651 2.651 0 0 0-.52-.907 2.02 2.02 0 0 0-.813-.56c-.419-.167-.783-.213-1.091-.14-.301.076-.512.267-.634.573-.102.258-.113.496-.032.715.084.21.22.418.41.624.2.2.421.405.664.614.252.212.495.434.729.667.241.236.44.497.598.783.168.282.265.6.291.956.027.355-.05.759-.228 1.21-.301.757-.81 1.25-1.525 1.478-.708.232-1.517.167-2.427-.195ZM98.393 42.664c-.513-.453-.87-.977-1.073-1.573a3.525 3.525 0 0 1-.13-1.815c.128-.616.418-1.18.872-1.693l3.736-4.228 1.12.99-3.728 4.218c-.292.331-.48.68-.561 1.048-.07.366-.045.724.075 1.073.126.342.338.645.636.909.305.27.632.443.981.52a2 2 0 0 0 1.055-.075 2.33 2.33 0 0 0 .962-.676l3.736-4.227 1.12.99-3.745 4.237c-.453.513-.975.867-1.564 1.063a3.457 3.457 0 0 1-1.799.111c-.609-.122-1.173-.413-1.693-.872ZM106.496 51.493l7.981-4.373.718 1.31-7.98 4.374-.719-1.31Zm.494.9 1.197-.655 2.287 4.172-1.197.656-2.287-4.172ZM112.145 65.376l8.7-1.566.265 1.472-8.7 1.565-.265-1.471Zm7.088-4.287 1.343-.242 1.315 7.306-1.344.242-1.314-7.306ZM112.615 79.23c.105-.712.322-1.298.652-1.758.33-.46.772-.85 1.327-1.172l.857 1.15c-.397.196-.723.45-.979.764-.247.314-.41.737-.488 1.268-.072.498-.027.907.136 1.229.162.33.423.522.783.574.3.044.556.003.767-.124.211-.127.396-.31.553-.55.165-.23.318-.492.457-.787.147-.285.303-.573.468-.864.173-.281.372-.537.599-.766.225-.222.498-.387.821-.498.323-.11.716-.132 1.179-.064.532.078.963.272 1.294.584.338.32.574.719.706 1.193.132.475.157.987.077 1.536-.086.592-.279 1.102-.579 1.531-.3.438-.652.776-1.055 1.015l-.856-1.15c.329-.215.583-.453.762-.716.185-.253.305-.56.357-.92.066-.446.027-.81-.115-1.094-.144-.276-.379-.437-.705-.485-.274-.04-.508.005-.702.134-.186.13-.357.311-.513.543-.149.24-.297.504-.444.789-.148.293-.309.58-.481.862-.174.29-.382.544-.624.763a2.147 2.147 0 0 1-.862.504c-.34.108-.75.127-1.23.057-.807-.118-1.403-.499-1.791-1.143-.389-.635-.512-1.437-.371-2.406Z"/><circle cx="68.906" cy="76.668" r="47.217" stroke="var(--color--accent-three-inverse)" stroke-width="2.5" opacity=".5" style="mix-blend-mode:screen" transform="rotate(-49.804 68.906 76.668)"/><path fill="currentColor" d="m90.257 116.656.354 1.183-2.205.66c-.44.131-.747.345-.92.641-.18.307-.209.664-.087 1.071.11.365.322.637.637.814.315.177.693.199 1.133.068l2.217-.663.372 1.245-2.279.682c-.548.164-1.063.196-1.545.096a2.434 2.434 0 0 1-1.227-.61 2.482 2.482 0 0 1-.733-1.179c-.151-.506-.167-.981-.046-1.424.112-.441.345-.827.698-1.159.353-.332.804-.579 1.352-.743l2.279-.682Zm-.123-3.994 2.608 8.719-1.432.428-2.608-8.718 1.432-.429Zm-4.782 1.431 4.184 2.874-1.188.884-4.802-3.218 1.806-.54ZM75.862 115.667l-.5 9.086-1.492-.082.5-9.087 1.492.083Zm-1.025-.057-.075 1.363-5.089-.28.075-1.363 5.089.28Zm-.22 3.985-.072 1.311-4.647-.255.073-1.311 4.646.255Zm-.205 3.738-.075 1.363-5.023-.276.075-1.363 5.023.276ZM60.03 112.737c.668.266 1.188.612 1.56 1.04.37.427.648.948.833 1.562l-1.317.568a2.914 2.914 0 0 0-.516-1.129c-.249-.313-.623-.569-1.122-.767-.467-.186-.876-.236-1.227-.152a.985.985 0 0 0-.74.629c-.111.282-.13.541-.056.775.075.235.21.457.407.666.186.213.406.422.66.626.244.209.489.427.734.655.234.233.436.486.607.759.164.27.262.575.295.914.032.34-.037.727-.21 1.162-.199.499-.488.874-.867 1.124-.39.256-.832.392-1.324.411a3.683 3.683 0 0 1-1.512-.279c-.556-.221-1.008-.526-1.356-.916a3.376 3.376 0 0 1-.744-1.261l1.317-.568c.132.37.306.672.52.906.204.24.475.427.813.561.419.166.783.213 1.091.14.301-.076.512-.268.634-.574.102-.257.113-.496.032-.714a2.073 2.073 0 0 0-.41-.625c-.2-.2-.42-.405-.664-.614a11.54 11.54 0 0 1-.729-.667 3.318 3.318 0 0 1-.598-.783 2.148 2.148 0 0 1-.291-.955c-.027-.356.05-.759.229-1.21.3-.757.809-1.25 1.524-1.479.708-.231 1.517-.166 2.427.195ZM48.28 105.841c.514.454.871.978 1.074 1.574.202.595.246 1.2.13 1.815-.128.616-.418 1.18-.872 1.693l-3.736 4.228-1.12-.99 3.727-4.218c.293-.331.48-.68.562-1.048.07-.366.044-.724-.075-1.073a2.233 2.233 0 0 0-.636-.909 2.186 2.186 0 0 0-.981-.52 2.007 2.007 0 0 0-1.055.074 2.333 2.333 0 0 0-.962.677l-3.736 4.227-1.12-.99 3.745-4.237c.453-.513.975-.868 1.564-1.064a3.445 3.445 0 0 1 1.798-.11c.61.122 1.174.412 1.694.871ZM40.17 97.025l-7.98 4.373-.72-1.311 7.981-4.374.718 1.312Zm-.494-.901-1.197.656-2.287-4.173 1.197-.656 2.287 4.173ZM34.521 83.142l-8.7 1.565-.265-1.471 8.7-1.566.265 1.472Zm-7.088 4.287-1.343.241-1.315-7.305 1.344-.242 1.314 7.305ZM34.05 69.286c-.104.712-.32 1.298-.65 1.757-.33.46-.773.85-1.328 1.172l-.857-1.15c.397-.196.723-.45.979-.763.247-.314.41-.737.488-1.269.072-.497.027-.907-.136-1.228a.986.986 0 0 0-.783-.575c-.3-.044-.556-.002-.767.124-.211.127-.396.31-.553.55-.165.23-.318.492-.457.787-.147.285-.303.574-.468.865a4.268 4.268 0 0 1-.599.766 2.144 2.144 0 0 1-.821.497c-.323.11-.716.132-1.179.064-.532-.077-.963-.272-1.294-.583a2.552 2.552 0 0 1-.706-1.194 3.688 3.688 0 0 1-.077-1.535c.086-.592.28-1.102.579-1.531a3.37 3.37 0 0 1 1.055-1.015l.856 1.15c-.329.214-.583.453-.762.716a2.02 2.02 0 0 0-.358.92c-.065.446-.026.81.116 1.094.144.275.379.436.705.484.274.04.508-.004.702-.133a2.07 2.07 0 0 0 .513-.543c.15-.24.297-.504.444-.789.148-.294.309-.581.481-.863a3.32 3.32 0 0 1 .624-.762c.235-.229.523-.397.862-.505.34-.108.75-.126 1.23-.056.807.118 1.403.499 1.791 1.142.389.635.512 1.437.37 2.406Z"/>
<path stroke="var(--color--theme-primary-muted)" d="M101.732 43.882c20.02 16.916 22.67 46.685 5.935 66.49-16.734 19.805-46.528 22.161-66.547 5.246-20.02-16.916-22.67-46.685-5.935-66.49 16.734-19.806 46.528-22.16 66.547-5.246Z" opacity=".5" style="mix-blend-mode:screen"/><path fill="currentColor" d="m56.417 31.858-.354-1.183 2.204-.66c.44-.131.747-.345.921-.642.18-.307.209-.664.087-1.07a1.33 1.33 0 0 0-.637-.814c-.315-.177-.693-.2-1.133-.068l-2.217.663-.373-1.245 2.28-.682c.548-.164 1.063-.196 1.545-.096.48.091.889.295 1.227.61.345.304.589.697.733 1.178.151.507.167.982.046 1.425-.113.44-.345.827-.698 1.158-.353.332-.804.58-1.352.744l-2.28.682Zm.122 3.993-2.608-8.718 1.433-.428 2.608 8.718-1.433.428Zm4.783-1.43-4.184-2.874 1.187-.884 4.803 3.217-1.806.54ZM70.804 32.847l.5-9.086 1.492.082-.5 9.086-1.492-.082Zm1.025.056.075-1.362 5.089.28-.075 1.362-5.089-.28Zm.22-3.984.072-1.311 4.647.255-.072 1.311-4.647-.255Zm.205-3.739.075-1.363 5.024.276-.075 1.363-5.024-.276ZM86.636 35.78c-.668-.265-1.188-.612-1.56-1.04-.37-.426-.648-.947-.833-1.562l1.317-.567c.099.43.271.807.516 1.128.249.314.623.57 1.122.768.467.185.876.236 1.227.151a.986.986 0 0 0 .74-.629c.111-.282.13-.54.056-.775a1.74 1.74 0 0 0-.407-.665 5.049 5.049 0 0 0-.66-.626 24.165 24.165 0 0 1-.734-.655 4.265 4.265 0 0 1-.607-.76 2.145 2.145 0 0 1-.295-.914c-.032-.34.037-.726.21-1.161.199-.5.488-.874.867-1.125.39-.255.832-.392 1.324-.41.493-.02.996.074 1.512.278.556.221 1.008.527 1.356.917.357.393.605.814.744 1.26l-1.317.569a2.651 2.651 0 0 0-.52-.907 2.02 2.02 0 0 0-.813-.56c-.419-.167-.783-.213-1.091-.14-.301.076-.512.267-.634.573-.102.258-.113.496-.032.715.084.21.22.418.41.624.2.2.421.405.664.614.252.212.495.434.729.667.241.236.44.497.598.783.168.282.265.6.291.956.027.355-.05.759-.228 1.21-.301.757-.81 1.25-1.525 1.478-.708.232-1.517.167-2.427-.195ZM98.393 42.664c-.513-.453-.87-.977-1.073-1.573a3.525 3.525 0 0 1-.13-1.815c.128-.616.418-1.18.872-1.693l3.736-4.228 1.12.99-3.728 4.218c-.292.331-.48.68-.561 1.048-.07.366-.045.724.075 1.073.126.342.338.645.636.909.305.27.632.443.981.52a2 2 0 0 0 1.055-.075 2.33 2.33 0 0 0 .962-.676l3.736-4.227 1.12.99-3.745 4.237c-.453.513-.975.867-1.564 1.063a3.457 3.457 0 0 1-1.799.111c-.609-.122-1.173-.413-1.693-.872ZM106.496 51.493l7.981-4.373.718 1.31-7.98 4.374-.719-1.31Zm.494.9 1.197-.655 2.287 4.172-1.197.656-2.287-4.172ZM112.145 65.376l8.7-1.566.265 1.472-8.7 1.565-.265-1.471Zm7.088-4.287 1.343-.242 1.315 7.306-1.344.242-1.314-7.306ZM112.615 79.23c.105-.712.322-1.298.652-1.758.33-.46.772-.85 1.327-1.172l.857 1.15c-.397.196-.723.45-.979.764-.247.314-.41.737-.488 1.268-.072.498-.027.907.136 1.229.162.33.423.522.783.574.3.044.556.003.767-.124.211-.127.396-.31.553-.55.165-.23.318-.492.457-.787.147-.285.303-.573.468-.864.173-.281.372-.537.599-.766.225-.222.498-.387.821-.498.323-.11.716-.132 1.179-.064.532.078.963.272 1.294.584.338.32.574.719.706 1.193.132.475.157.987.077 1.536-.086.592-.279 1.102-.579 1.531-.3.438-.652.776-1.055 1.015l-.856-1.15c.329-.215.583-.453.762-.716.185-.253.305-.56.357-.92.066-.446.027-.81-.115-1.094-.144-.276-.379-.437-.705-.485-.274-.04-.508.005-.702.134-.186.13-.357.311-.513.543-.149.24-.297.504-.444.789-.148.293-.309.58-.481.862-.174.29-.382.544-.624.763a2.147 2.147 0 0 1-.862.504c-.34.108-.75.127-1.23.057-.807-.118-1.403-.499-1.791-1.143-.389-.635-.512-1.437-.371-2.406Z"/><circle cx="68.906" cy="76.668" r="47.217" stroke="var(--color--theme-primary-muted)" stroke-width="2.5" opacity=".5" style="mix-blend-mode:screen" transform="rotate(-49.804 68.906 76.668)"/><path fill="currentColor" d="m90.257 116.656.354 1.183-2.205.66c-.44.131-.747.345-.92.641-.18.307-.209.664-.087 1.071.11.365.322.637.637.814.315.177.693.199 1.133.068l2.217-.663.372 1.245-2.279.682c-.548.164-1.063.196-1.545.096a2.434 2.434 0 0 1-1.227-.61 2.482 2.482 0 0 1-.733-1.179c-.151-.506-.167-.981-.046-1.424.112-.441.345-.827.698-1.159.353-.332.804-.579 1.352-.743l2.279-.682Zm-.123-3.994 2.608 8.719-1.432.428-2.608-8.718 1.432-.429Zm-4.782 1.431 4.184 2.874-1.188.884-4.802-3.218 1.806-.54ZM75.862 115.667l-.5 9.086-1.492-.082.5-9.087 1.492.083Zm-1.025-.057-.075 1.363-5.089-.28.075-1.363 5.089.28Zm-.22 3.985-.072 1.311-4.647-.255.073-1.311 4.646.255Zm-.205 3.738-.075 1.363-5.023-.276.075-1.363 5.023.276ZM60.03 112.737c.668.266 1.188.612 1.56 1.04.37.427.648.948.833 1.562l-1.317.568a2.914 2.914 0 0 0-.516-1.129c-.249-.313-.623-.569-1.122-.767-.467-.186-.876-.236-1.227-.152a.985.985 0 0 0-.74.629c-.111.282-.13.541-.056.775.075.235.21.457.407.666.186.213.406.422.66.626.244.209.489.427.734.655.234.233.436.486.607.759.164.27.262.575.295.914.032.34-.037.727-.21 1.162-.199.499-.488.874-.867 1.124-.39.256-.832.392-1.324.411a3.683 3.683 0 0 1-1.512-.279c-.556-.221-1.008-.526-1.356-.916a3.376 3.376 0 0 1-.744-1.261l1.317-.568c.132.37.306.672.52.906.204.24.475.427.813.561.419.166.783.213 1.091.14.301-.076.512-.268.634-.574.102-.257.113-.496.032-.714a2.073 2.073 0 0 0-.41-.625c-.2-.2-.42-.405-.664-.614a11.54 11.54 0 0 1-.729-.667 3.318 3.318 0 0 1-.598-.783 2.148 2.148 0 0 1-.291-.955c-.027-.356.05-.759.229-1.21.3-.757.809-1.25 1.524-1.479.708-.231 1.517-.166 2.427.195ZM48.28 105.841c.514.454.871.978 1.074 1.574.202.595.246 1.2.13 1.815-.128.616-.418 1.18-.872 1.693l-3.736 4.228-1.12-.99 3.727-4.218c.293-.331.48-.68.562-1.048.07-.366.044-.724-.075-1.073a2.233 2.233 0 0 0-.636-.909 2.186 2.186 0 0 0-.981-.52 2.007 2.007 0 0 0-1.055.074 2.333 2.333 0 0 0-.962.677l-3.736 4.227-1.12-.99 3.745-4.237c.453-.513.975-.868 1.564-1.064a3.445 3.445 0 0 1 1.798-.11c.61.122 1.174.412 1.694.871ZM40.17 97.025l-7.98 4.373-.72-1.311 7.981-4.374.718 1.312Zm-.494-.901-1.197.656-2.287-4.173 1.197-.656 2.287 4.173ZM34.521 83.142l-8.7 1.565-.265-1.471 8.7-1.566.265 1.472Zm-7.088 4.287-1.343.241-1.315-7.305 1.344-.242 1.314 7.305ZM34.05 69.286c-.104.712-.32 1.298-.65 1.757-.33.46-.773.85-1.328 1.172l-.857-1.15c.397-.196.723-.45.979-.763.247-.314.41-.737.488-1.269.072-.497.027-.907-.136-1.228a.986.986 0 0 0-.783-.575c-.3-.044-.556-.002-.767.124-.211.127-.396.31-.553.55-.165.23-.318.492-.457.787-.147.285-.303.574-.468.865a4.268 4.268 0 0 1-.599.766 2.144 2.144 0 0 1-.821.497c-.323.11-.716.132-1.179.064-.532-.077-.963-.272-1.294-.583a2.552 2.552 0 0 1-.706-1.194 3.688 3.688 0 0 1-.077-1.535c.086-.592.28-1.102.579-1.531a3.37 3.37 0 0 1 1.055-1.015l.856 1.15c-.329.214-.583.453-.762.716a2.02 2.02 0 0 0-.358.92c-.065.446-.026.81.116 1.094.144.275.379.436.705.484.274.04.508-.004.702-.133a2.07 2.07 0 0 0 .513-.543c.15-.24.297-.504.444-.789.148-.294.309-.581.481-.863a3.32 3.32 0 0 1 .624-.762c.235-.229.523-.397.862-.505.34-.108.75-.126 1.23-.056.807.118 1.403.499 1.791 1.142.389.635.512 1.437.37 2.406Z"/>
</svg>
Loading