"src/sdk/vscode:/vscode.git/clone" did not exist on "b1a65978ca13ef8faa0aab0365c188f0db43c127"
Unverified Commit 21e3f27e authored by Yuge Zhang's avatar Yuge Zhang Committed by GitHub
Browse files

Doc styling improvements (#4678)

parent 938e5a49
...@@ -25,6 +25,30 @@ ...@@ -25,6 +25,30 @@
font-feature-settings: 'liga'; font-feature-settings: 'liga';
} }
/* Global font */
body, input {
font-family: "Roboto", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
code, kbd, pre {
font-family: "Roboto Mono", "Consolas", "Courier New", Courier, monospace;
}
h1, h2, h3, h4, .md-header, .md-tabs, .md-hero {
font-family: "Google Sans", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* Title font */
@media only screen and (min-width: 45em) {
.md-header-nav__title {
font-weight: 500;
}
}
.md-typeset h4, .md-typeset h5, .md-typeset h6 {
font-weight: 600;
}
/* viewcode link should have left padding */ /* viewcode link should have left padding */
span.viewcode-link { span.viewcode-link {
padding-left: 0.6rem; padding-left: 0.6rem;
...@@ -35,23 +59,23 @@ dt.sig-object { ...@@ -35,23 +59,23 @@ dt.sig-object {
position: relative; position: relative;
background: #f4f5f7; background: #f4f5f7;
padding: 0.5rem; padding: 0.5rem;
border-left: 0.2rem solid #ec407a; /* this should be matched with theme color. */ border-left: 0.2rem solid var(--custom-color-accent); /* this should be matched with theme color. */
word-wrap: break-word; word-wrap: break-word;
} }
.class > dt.sig-object { .class > dt.sig-object {
border-left: none; /* remove left border */ border-left: none; /* remove left border */
border-top: 0.18rem solid #ec407a; /* this should be matched with theme color. */ border-top: 0.18rem solid var(--custom-color-accent); /* this should be matched with theme color. */
} }
.function > dt.sig-object { .function > dt.sig-object {
border-left: none; /* remove left border */ border-left: none; /* remove left border */
border-top: 0.18rem solid #ec407a; /* this should be matched with theme color. */ border-top: 0.18rem solid var(--custom-color-accent); /* this should be matched with theme color. */
} }
.exception > dt.sig-object { .exception > dt.sig-object {
border-left: none; /* remove left border */ border-left: none; /* remove left border */
border-top: 0.18rem solid #ec407a; /* this should be matched with theme color. */ border-top: 0.18rem solid var(--custom-color-accent); /* this should be matched with theme color. */
} }
/* Padding on parameter list is not needed */ /* Padding on parameter list is not needed */
...@@ -102,15 +126,30 @@ nav.md-tabs .md-tabs__item:not(:last-child) .md-tabs__link:after { ...@@ -102,15 +126,30 @@ nav.md-tabs .md-tabs__item:not(:last-child) .md-tabs__link:after {
} }
/* toc style */ /* toc style */
.md-nav span.caption { li.md-nav__item:not(:first-child) span.caption {
margin-top: 1.25em; margin-top: 1.25em;
} }
.md-nav__title.md-nav__title--site {
margin-bottom: 1.25em;
}
/* hide nav bar in some cases */
.md-tabs.hidden {
display: none;
}
/* citation style */ /* citation style */
.citation dt { .citation dt {
padding-right: 1em; padding-right: 1em;
} }
/* inline code style */
.md-typeset code {
padding-left: 0.07em;
padding-right: 0.07em;
}
/* for release icon, on home page */ /* for release icon, on home page */
.release-icon { .release-icon {
margin-left: 8px; margin-left: 8px;
...@@ -215,16 +254,153 @@ nav.md-tabs .md-tabs__item:not(:last-child) .md-tabs__link:after { ...@@ -215,16 +254,153 @@ nav.md-tabs .md-tabs__item:not(:last-child) .md-tabs__link:after {
dt:target { dt:target {
margin-top: 0.15rem !important; margin-top: 0.15rem !important;
padding-top: 0.5rem !important; padding-top: 0.5rem !important;
}
:target {
/* header height */
scroll-margin-top: 3.5rem; scroll-margin-top: 3.5rem;
} }
/* fix code block style on mobile */
@media only screen and (max-width: 44.9375em) {
.md-typeset pre {
margin: 1em -0.3em;
}
}
/* Responsive nav bar */
.md-source__fact {
padding: 0 !important;
}
@media only screen and (max-width:76.1875em) {
.md-nav--primary .md-nav__link {
padding: .15rem .5rem;
}
.md-nav--primary span.md-nav__link.caption {
margin-top: 0.75em;
}
.md-nav--primary .md-nav__item .md-nav__list .md-nav__item {
padding-left: .3rem;
}
html .md-nav--primary .md-nav__title--site .md-nav__button {
height: auto;
font-size: inherit;
}
html .md-nav--primary .md-nav__title {
padding-top: 2rem;
height: 4.6rem;
}
}
/* Increase TOC padding */
.md-nav--primary ul li ul li {
padding-left: 0.8rem;
}
/* Nav bar and heroes */
@media only screen and (min-width:60em) {
.md-search__form, .md-search__input {
border-radius: .3rem; /* even rounder */
}
}
.md-header-nav__source, .md-source {
padding-right: 0 !important;
}
.md-hero {
position: relative;
}
.md-hero__background {
max-width: 73rem;
position: absolute;
bottom: -46px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
width: 100%;
z-index: 0;
}
.md-hero__background img {
width: 100%;
}
@media only screen and (max-width:59.9375em) {
.md-hero__background {
display: none;
}
}
@media only screen and (max-width:76.1875em) {
.md-hero__background {
bottom: -5%;
top: auto;
}
}
.md-hero__inner {
z-index: 1;
position: relative;
padding-right: 35%;
}
@media only screen and (min-width:76.2em) {
.md-hero__inner {
padding-top: 2.4rem;
padding-bottom: 1.2rem;
}
}
/* make title look larger */
.md-typeset h1 {
margin: 0 0 1.5rem;
color: rgba(0,0,0,.85);
font-size: 1.5625rem;
line-height: 1.3;
}
.md-typeset h1, .md-typeset h2, .md-typeset h3 {
font-weight: 400;
letter-spacing: 0;
}
/* Enlarge table */
.md-typeset table:not([class]) {
font-size: 0.7rem;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 8%), 0 1px 5px 0 rgb(0 0 0 / 7%), 0 3px 1px -2px rgb(0 0 0 / 14%);
}
.md-typeset table:not([class]) th {
padding: .5rem .7rem;
background-color: #e6e7e8;
color: inherit;
font-weight: 500;
}
.md-typeset table:not([class]) td {
padding: .4rem .7rem;
}
/* On this page TOC */
.md-sidebar--secondary .md-nav--secondary {
border-inline-start: 4px solid var(--custom-color-primary);
}
.md-nav__link {
margin-top: 0.45em;
}
/* Override style for copy button */ /* Override style for copy button */
button.copybtn { button.copybtn {
opacity: 1 !important; opacity: 1;
} }
.o-tooltip--left:after { .o-tooltip--left:after {
transform: translateX(-5%) translateY(-125%) !important; transform: translateX(-5%) translateY(-125%);
padding: .4em; padding: .4em;
font-size: .5rem; font-size: .5rem;
font-weight: 600; font-weight: 600;
...@@ -232,7 +408,7 @@ button.copybtn { ...@@ -232,7 +408,7 @@ button.copybtn {
} }
.o-tooltip--left:hover:after { .o-tooltip--left:hover:after {
transform: translateX(-5%) translateY(-120%) !important; transform: translateX(-5%) translateY(-120%);
} }
/* Sphinx tabs */ /* Sphinx tabs */
......
/* https://codepen.io/mildrenben/pen/RPwQEY */ /* https://codepen.io/mildrenben/pen/RPwQEY */
@media only screen and (max-width:44.9375em) {
.drop {
display: none;
}
}
.drop { .drop {
width: 125px; width: 5.3rem;
vertical-align: middle; vertical-align: middle;
} }
@media only screen and (min-width:60em) and (max-width:70em) {
.drop {
width: 4.7rem;
}
/* also narrow nav source width */
.md-header-nav__source {
width: 10rem;
}
}
.drop button { .drop button {
color: inherit; color: inherit;
font-weight: 700; font-weight: 700;
......
/* Theme related customization */
/* https://github.com/bashtage/sphinx-material/pull/122 */
/* first part */
button[data-md-color-primary=custom] {
background-color: var(--custom-color-primary)
}
[data-md-color-primary=custom] .md-typeset a {
color: var(--custom-color-primary)
}
[data-md-color-primary=custom] .md-header,
[data-md-color-primary=custom] .md-hero {
background-color: var(--custom-color-primary)
}
[data-md-color-primary=custom] .md-nav__link--active,
[data-md-color-primary=custom] .md-nav__link:active {
color: var(--custom-color-primary)
}
[data-md-color-primary=custom] .md-nav__item--nested>.md-nav__link {
color: inherit
}
[data-md-color-primary=custom] .md-nav__extra_link:active {
color: var(--custom-color-primary)
}
[data-md-color-primary=custom] .md-nav__item--nested > .md-nav__extra_link {
color: inherit
}
/* second part */
button[data-md-color-accent=custom] {
background-color: var(--custom-color-accent)
}
[data-md-color-accent=custom] .md-typeset a:active,
[data-md-color-accent=custom] .md-typeset a:hover {
color: var(--custom-color-accent)
}
[data-md-color-accent=custom] .md-typeset .codehilite pre::-webkit-scrollbar-thumb:hover,
[data-md-color-accent=custom] .md-typeset pre code::-webkit-scrollbar-thumb:hover {
background-color: var(--custom-color-accent)
}
[data-md-color-accent=custom] .md-nav__link:focus,
[data-md-color-accent=custom] .md-nav__link:hover,
[data-md-color-accent=custom] .md-typeset .footnote li:hover .footnote-backref:hover,
[data-md-color-accent=custom] .md-typeset .footnote li:target .footnote-backref,
[data-md-color-accent=custom] .md-typeset .md-clipboard:active:before,
[data-md-color-accent=custom] .md-typeset .md-clipboard:hover:before,
[data-md-color-accent=custom] .md-typeset [id] .headerlink:focus,
[data-md-color-accent=custom] .md-typeset [id]:hover .headerlink:hover,
[data-md-color-accent=custom] .md-typeset [id]:target .headerlink {
color: var(--custom-color-accent)
}
[data-md-color-accent=custom] .md-search__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: var(--custom-color-accent)
}
[data-md-color-accent=custom] .md-search-result__link:hover,
[data-md-color-accent=custom] .md-search-result__link[data-md-state=active] {
background-color: rgba(83, 109, 254, .1)
}
[data-md-color-accent=custom] .md-sidebar__scrollwrap::-webkit-scrollbar-thumb:hover {
background-color: var(--custom-color-accent)
}
[data-md-color-accent=custom] .md-source-file:hover:before {
background-color: var(--custom-color-accent)
}
/* third part */
@media only screen and (max-width:59.9375em) {
[data-md-color-primary=custom] .md-nav__source {
background-color: var(--custom-color-primary);
opacity: 0.9675;
}
}
@media only screen and (max-width:76.1875em) {
html [data-md-color-primary=custom] .md-nav--primary .md-nav__title--site {
background-color: var(--custom-color-primary)
}
}
@media only screen and (min-width:76.25em) {
[data-md-color-primary=custom] .md-tabs {
background-color: var(--custom-color-primary)
}
}
...@@ -11,7 +11,7 @@ p.sphx-glr-script-out { ...@@ -11,7 +11,7 @@ p.sphx-glr-script-out {
} }
.sphx-glr-script-out .highlight pre { .sphx-glr-script-out .highlight pre {
background-color: #f2f3fa !important; background-color: #f0f6fa !important;
padding: .6rem !important; padding: .6rem !important;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
...@@ -37,7 +37,7 @@ div.sphx-glr-footer { ...@@ -37,7 +37,7 @@ div.sphx-glr-footer {
.notebook-action-link:hover .notebook-action-div { .notebook-action-link:hover .notebook-action-div {
/* match theme */ /* match theme */
border-bottom-color: #f50057; border-bottom-color: var(--custom-color-accent);
} }
.notebook-action-link img { .notebook-action-link img {
...@@ -103,8 +103,8 @@ div.sphx-glr-footer { ...@@ -103,8 +103,8 @@ div.sphx-glr-footer {
} }
.card-link-icon img { .card-link-icon img {
max-width: 80%; max-width: 75%;
max-height: 80%; max-height: 75%;
/* horizontal and vertical center */ /* horizontal and vertical center */
/* https://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-a-div */ /* https://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-a-div */
text-align: center; text-align: center;
...@@ -119,7 +119,7 @@ div.sphx-glr-footer { ...@@ -119,7 +119,7 @@ div.sphx-glr-footer {
/* link icon background color */ /* link icon background color */
.card-link-icon.circle { .card-link-icon.circle {
background-color: #283593; background-color: #E8DCEE;
border-radius: 50%; border-radius: 50%;
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
...@@ -127,50 +127,18 @@ div.sphx-glr-footer { ...@@ -127,50 +127,18 @@ div.sphx-glr-footer {
} }
/* pallette */ /* pallette */
.card-link-icon.red { .card-link-icon.cyan {
background-color: #C62828; background-color: #DDEFF2;
}
.card-link-icon.pink {
background-color: #AD1457;
} }
.card-link-icon.purple { .card-link-icon.purple {
background-color: #8E24AA; background-color: #E8DCEE;
}
.card-link-icon.deep-purple {
background-color: #512DA8;
} }
.card-link-icon.blue { .card-link-icon.blue {
background-color: #1565C0; background-color: #DBE8FC;
}
.card-link-icon.light-blue {
background-color: #0277BD;
}
.card-link-icon.cyan {
background-color: #006064;
}
.card-link-icon.teal {
background-color: #00796B;
}
.card-link-icon.green {
background-color: #2E7D32;
}
.card-link-icon.deep-orange {
background-color: #BF360C;
}
.card-link-icon.brown {
background-color: #6D4C41;
} }
.card-link-icon.indigo { .card-link-icon.indigo {
background-color: #3949AB; background-color: #E1E4F3;
} }
<svg width="1920" height="388" viewBox="0 0 1920 388" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1347" y="117" width="258" height="206" rx="24" fill="url(#paint0_linear_73_117)"/>
<rect x="1339" y="117" width="258" height="206" rx="24" fill="#E6EFFF"/>
<circle cx="1363" cy="138" r="6" fill="url(#paint1_radial_73_117)"/>
<circle cx="1383" cy="138" r="6" fill="url(#paint2_radial_73_117)"/>
<circle cx="1403" cy="138" r="6" fill="url(#paint3_radial_73_117)"/>
<g filter="url(#filter0_d_73_117)">
<rect x="1356" y="156" width="227" height="14" rx="7" fill="url(#paint4_linear_73_117)"/>
</g>
<rect x="1354" y="188" width="80" height="115" rx="8" fill="url(#paint5_linear_73_117)"/>
<rect x="1354" y="188" width="80" height="115" rx="8" fill="url(#paint6_linear_73_117)" fill-opacity="0.2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1376.33 198L1367 225.842H1371.43L1378.39 204.644H1378.63L1385.75 225.842H1390.17L1396.5 205.91H1392.23L1387.96 218.96H1387.64L1380.6 198H1376.33ZM1410.58 204.091L1408.68 198.079H1413.27L1415.25 204.091H1410.58ZM1395.71 215.006L1397.37 209.153L1401.09 220.701H1401.41L1406.39 205.752H1409.95L1403.23 226H1399.35L1395.71 215.006ZM1411.37 205.752L1418.02 226H1422.68L1416.12 205.752H1411.37Z" fill="url(#paint7_linear_73_117)"/>
<rect x="1444" y="188" width="139" height="115" rx="8" fill="url(#paint8_linear_73_117)"/>
<rect x="1444" y="188" width="139" height="115" rx="8" fill="url(#paint9_linear_73_117)" fill-opacity="0.2"/>
<g filter="url(#filter1_d_73_117)">
<rect x="1366" y="241" width="60" height="8" rx="4" fill="url(#paint10_linear_73_117)"/>
</g>
<g filter="url(#filter2_d_73_117)">
<rect x="1462" y="213" width="95" height="10" rx="5" fill="url(#paint11_linear_73_117)"/>
</g>
<g filter="url(#filter3_d_73_117)">
<rect x="1462" y="236" width="66" height="10" rx="5" fill="url(#paint12_linear_73_117)"/>
</g>
<g filter="url(#filter4_d_73_117)">
<rect x="1462" y="261" width="85" height="10" rx="5" fill="url(#paint13_linear_73_117)"/>
</g>
<path d="M1547 269C1547 262.372 1552.37 257 1559 257H1607C1621.36 257 1633 268.64 1633 283V335C1633 341.627 1627.63 347 1621 347H1559C1552.37 347 1547 341.627 1547 335V269Z" fill="url(#paint14_linear_73_117)"/>
<path d="M1153.9 218.798C1154.76 215.596 1158.04 213.691 1161.24 214.543L1172.79 217.617C1180.27 219.605 1184.71 227.274 1182.72 234.746L1178.42 250.917C1177.57 254.119 1174.28 256.024 1171.08 255.172L1151.8 250.041C1148.6 249.189 1146.69 245.902 1147.54 242.7L1153.9 218.798Z" fill="#42A4EB"/>
<g filter="url(#filter5_d_73_117)">
<rect x="1562" y="283" width="55" height="13" rx="6.5" fill="url(#paint15_linear_73_117)"/>
</g>
<g filter="url(#filter6_d_73_117)">
<rect x="1562" y="312" width="40" height="13" rx="6.5" fill="url(#paint16_linear_73_117)"/>
</g>
<circle cx="313" cy="297" r="15" fill="url(#paint17_linear_73_117)"/>
<circle cx="1658.5" cy="181.5" r="17.5" fill="url(#paint18_linear_73_117)"/>
<path d="M1357.25 327.972L1350.52 338.907" stroke="#42A4EB"/>
<path d="M1339.59 261.523L1360.2 264.467L1363.14 265.729L1377.02 274.561L1379.54 277.084L1387.11 294.747L1387.95 298.112V315.776L1387.11 319.14L1377.44 334.28L1374.92 336.383L1359.78 344.374L1356.41 345.635L1336.22 347.318L1332.86 345.635L1317.3 333.86L1315.2 330.916L1308.47 315.776L1308.05 311.99L1306.36 293.065L1307.21 290.121L1318.14 273.719L1320.66 271.196L1336.64 262.364L1339.59 261.523Z" stroke="#42A4EB"/>
<path d="M1337.49 262.785L1327.39 280.028M1354.73 267.832L1338.33 261.523M1320.66 272.458L1361.46 264.888L1338.33 262.785L1319.82 272.458M1318.98 273.719L1312.67 293.906M1319.82 273.719L1328.23 293.065M1320.66 273.719L1325.71 280.028M1353.89 269.514L1306.79 290.542M1307.21 292.645L1311.83 305.262M1340.43 282.551L1312.67 294.747M1307.21 291.804L1323.61 312.411M1311.83 296.009L1305.1 311.99L1307.63 291.383M1327.39 282.551L1324.45 312.411L1312.67 307.364M1328.23 282.131L1342.11 296.009M1313.51 295.589L1327.39 293.906H1328.65M1329.92 293.906L1371.13 285.916M1329.92 293.906L1341.27 297.271M1329.92 293.906H1328.65M1342.11 269.514L1329.5 293.486M1328.65 295.168L1325.71 313.252M1308.89 314.514L1323.19 314.093M1324.45 314.514L1316.04 332.598M1324.45 325.448L1316.88 332.598M1325.29 314.514L1332.86 339.747M1332.02 339.747L1316.88 333.439M1340.43 309.047L1325.29 323.766M1342.11 298.112L1324.45 314.093M1329.5 294.747L1341.27 307.364M1370.71 287.177C1359.05 295.554 1352.51 300.25 1340.85 308.626M1353.05 301.056L1343.37 298.112M1353.05 301.056L1342.95 283.392M1353.05 301.056L1369.23 299.059M1356.41 285.916L1344.64 297.271M1355.99 269.934L1357.25 284.233M1356.83 269.093L1369.87 298.112M1377.44 276.663L1358.09 285.075M1362.72 265.729L1371.97 285.075M1377.44 274.981L1355.15 268.252M1379.54 276.663L1387.53 316.617M1378.28 276.663L1371.97 285.916M1387.53 296.009L1372.39 286.757M1381.64 298.533L1357.25 285.916L1350.94 308.626M1387.11 296.85L1369.23 299.059M1353.89 302.738L1356.83 326.29M1350.94 309.047L1369.23 299.059M1386.27 317.458L1350.52 310.308M1342.11 308.626L1350.52 310.308M1343.37 299.059L1333.28 340.168M1325.71 314.093L1337.49 321.663L1363.56 327.972M1349.68 338.486L1305.1 313.488M1304.68 313.252L1305.1 313.488M1315.2 332.177L1305.1 313.488M1357.25 345.215L1334.54 340.168M1356.83 327.972L1335.38 346.476M1348.84 340.168L1333.28 347.738M1358.51 344.374L1365.66 328.392M1365.66 328.392L1374.92 334.701M1365.66 328.392L1386.27 318.299M1382.49 301.056L1366.08 327.131M1370.71 300.215L1388.37 317.458M1369.87 300.215L1365.24 327.551M1365.24 314.514L1358.09 325.448L1357.25 327.551L1358.09 345.215M1350.52 310.308L1358.51 346.056M1341.69 309.467L1358.09 327.551M1324.45 323.766L1328.65 293.906" stroke="#42A4EB"/>
<g filter="url(#filter7_i_73_117)">
<circle cx="1342.11" cy="282.131" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter8_i_73_117)">
<circle cx="1355.57" cy="268.673" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter9_i_73_117)">
<circle cx="1362.3" cy="264.467" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter10_i_73_117)">
<circle cx="1379.12" cy="275.402" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter11_i_73_117)">
<circle cx="1378.28" cy="275.402" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter12_i_73_117)">
<circle cx="1388.37" cy="296.43" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter13_i_73_117)">
<circle cx="1382.49" cy="299.794" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter14_i_73_117)">
<circle cx="1387.53" cy="317.458" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter15_i_73_117)">
<circle cx="1375.76" cy="335.122" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter16_i_73_117)">
<circle cx="1358.09" cy="345.215" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter17_i_73_117)">
<circle cx="1364.82" cy="327.552" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter18_i_73_117)">
<circle cx="1334.54" cy="346.897" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter19_i_73_117)">
<circle cx="1333.7" cy="340.168" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter20_i_73_117)">
<circle cx="1337.91" cy="322.505" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter21_i_73_117)">
<circle cx="1324.45" cy="313.252" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter22_i_73_117)">
<circle cx="1316.04" cy="332.598" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter23_i_73_117)">
<circle cx="1305.1" cy="312.411" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter24_i_73_117)">
<circle cx="1307.63" cy="314.094" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter25_i_73_117)">
<circle cx="1311.83" cy="306.523" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter26_i_73_117)">
<circle cx="1305.94" cy="291.383" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter27_i_73_117)">
<circle cx="1319.4" cy="272.037" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter28_i_73_117)">
<circle cx="1343.79" cy="268.673" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter29_i_73_117)">
<circle cx="1328.65" cy="293.907" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter30_i_73_117)">
<circle cx="1341.27" cy="308.206" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter31_i_73_117)">
<circle cx="1353.05" cy="301.477" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter32_i_73_117)">
<circle cx="1371.55" cy="286.336" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter33_i_73_117)">
<circle cx="1366.5" cy="313.252" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter34_i_73_117)">
<circle cx="1357.25" cy="326.71" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter35_i_73_117)">
<circle cx="1349.68" cy="339.327" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter36_i_73_117)">
<circle cx="1311.83" cy="295.589" r="2.1028" fill="#FCBFBB"/>
</g>
<g filter="url(#filter37_i_73_117)">
<circle cx="1319.4" cy="271.196" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter38_i_73_117)">
<circle cx="1337.91" cy="261.103" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter39_i_73_117)">
<circle cx="1326.97" cy="281.29" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter40_i_73_117)">
<circle cx="1342.95" cy="297.271" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter41_i_73_117)">
<circle cx="1349.68" cy="309.047" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter42_i_73_117)">
<circle cx="1369.87" cy="298.953" r="2.1028" fill="white"/>
</g>
<g filter="url(#filter43_i_73_117)">
<circle cx="1357.25" cy="284.654" r="2.1028" fill="white"/>
</g>
<defs>
<filter id="filter0_d_73_117" x="1352" y="156" width="235" height="22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.658824 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_73_117"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_73_117" result="shape"/>
</filter>
<filter id="filter1_d_73_117" x="1362" y="241" width="68" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.658824 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_73_117"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_73_117" result="shape"/>
</filter>
<filter id="filter2_d_73_117" x="1458" y="213" width="103" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.658824 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_73_117"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_73_117" result="shape"/>
</filter>
<filter id="filter3_d_73_117" x="1458" y="236" width="74" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.658824 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_73_117"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_73_117" result="shape"/>
</filter>
<filter id="filter4_d_73_117" x="1458" y="261" width="93" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.658824 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_73_117"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_73_117" result="shape"/>
</filter>
<filter id="filter5_d_73_117" x="1558" y="283" width="63" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.658824 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_73_117"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_73_117" result="shape"/>
</filter>
<filter id="filter6_d_73_117" x="1558" y="312" width="48" height="21" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.658824 0 0 0 0 0.772549 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_73_117"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_73_117" result="shape"/>
</filter>
<filter id="filter7_i_73_117" x="1340.01" y="280.028" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter8_i_73_117" x="1353.47" y="266.57" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter9_i_73_117" x="1360.2" y="262.365" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter10_i_73_117" x="1377.02" y="273.299" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter11_i_73_117" x="1376.18" y="273.299" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter12_i_73_117" x="1386.27" y="294.327" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter13_i_73_117" x="1380.38" y="297.691" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter14_i_73_117" x="1385.43" y="315.355" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter15_i_73_117" x="1373.65" y="333.019" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter16_i_73_117" x="1355.99" y="343.112" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter17_i_73_117" x="1362.72" y="325.449" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter18_i_73_117" x="1332.44" y="344.794" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter19_i_73_117" x="1331.6" y="338.065" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter20_i_73_117" x="1335.8" y="320.402" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter21_i_73_117" x="1322.35" y="311.15" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter22_i_73_117" x="1313.93" y="330.495" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter23_i_73_117" x="1303" y="310.309" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter24_i_73_117" x="1305.52" y="311.991" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter25_i_73_117" x="1309.73" y="304.421" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter26_i_73_117" x="1303.84" y="289.281" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter27_i_73_117" x="1317.3" y="269.935" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter28_i_73_117" x="1341.69" y="266.57" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter29_i_73_117" x="1326.55" y="291.804" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter30_i_73_117" x="1339.17" y="306.103" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter31_i_73_117" x="1350.94" y="299.374" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter32_i_73_117" x="1369.45" y="284.234" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter33_i_73_117" x="1364.4" y="311.15" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter34_i_73_117" x="1355.15" y="324.607" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter35_i_73_117" x="1347.58" y="337.224" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter36_i_73_117" x="1309.73" y="293.486" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter37_i_73_117" x="1317.3" y="269.094" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter38_i_73_117" x="1335.8" y="259" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter39_i_73_117" x="1324.87" y="279.187" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter40_i_73_117" x="1340.85" y="295.168" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter41_i_73_117" x="1347.58" y="306.944" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter42_i_73_117" x="1367.77" y="296.85" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<filter id="filter43_i_73_117" x="1355.15" y="282.551" width="4.20557" height="4.20557" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="4"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.720833 0 0 0 0 0.720833 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_73_117"/>
</filter>
<linearGradient id="paint0_linear_73_117" x1="1476" y1="117" x2="1476" y2="323" gradientUnits="userSpaceOnUse">
<stop stop-color="#DAEAFF"/>
<stop offset="1" stop-color="#8DB1FF"/>
</linearGradient>
<radialGradient id="paint1_radial_73_117" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1363 138.5) rotate(-102.095) scale(7.15891 5.00251)">
<stop stop-color="#E97B81"/>
<stop stop-color="#FE959B"/>
<stop offset="1" stop-color="#DF8085"/>
</radialGradient>
<radialGradient id="paint2_radial_73_117" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1383 138.5) rotate(-102.095) scale(7.15891 5.00251)">
<stop stop-color="#FCEA91"/>
<stop stop-color="#FCEA91"/>
<stop offset="1" stop-color="#F8E57E"/>
</radialGradient>
<radialGradient id="paint3_radial_73_117" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(1403 138.5) rotate(-102.095) scale(7.15891 5.00251)">
<stop stop-color="#ADF29C"/>
<stop stop-color="#A0EE8E"/>
<stop offset="1" stop-color="#92E97F"/>
</radialGradient>
<linearGradient id="paint4_linear_73_117" x1="1469.5" y1="156" x2="1469.5" y2="170" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#EBF2FB"/>
</linearGradient>
<linearGradient id="paint5_linear_73_117" x1="1394" y1="188" x2="1394" y2="324" gradientUnits="userSpaceOnUse">
<stop offset="0.702206" stop-color="white"/>
<stop offset="1" stop-color="#EEF4FC"/>
</linearGradient>
<linearGradient id="paint6_linear_73_117" x1="1354" y1="188" x2="1354.02" y2="189.145" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#EEF4FC"/>
</linearGradient>
<linearGradient id="paint7_linear_73_117" x1="1377.36" y1="198" x2="1388.29" y2="233.906" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCE1FF"/>
<stop offset="1" stop-color="#58B5FC"/>
</linearGradient>
<linearGradient id="paint8_linear_73_117" x1="1513.5" y1="188" x2="1513.5" y2="324" gradientUnits="userSpaceOnUse">
<stop offset="0.702206" stop-color="white"/>
<stop offset="1" stop-color="#EEF4FC"/>
</linearGradient>
<linearGradient id="paint9_linear_73_117" x1="1444" y1="188" x2="1444.01" y2="189.151" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#EEF4FC"/>
</linearGradient>
<linearGradient id="paint10_linear_73_117" x1="1396" y1="241" x2="1396" y2="249" gradientUnits="userSpaceOnUse">
<stop stop-color="#DBE5F9"/>
<stop offset="1" stop-color="#CDDBF7"/>
</linearGradient>
<linearGradient id="paint11_linear_73_117" x1="1509.5" y1="213" x2="1509.5" y2="223" gradientUnits="userSpaceOnUse">
<stop stop-color="#DBE5F9"/>
<stop offset="1" stop-color="#CDDBF7"/>
</linearGradient>
<linearGradient id="paint12_linear_73_117" x1="1495" y1="236" x2="1495" y2="246" gradientUnits="userSpaceOnUse">
<stop stop-color="#DBE5F9"/>
<stop offset="1" stop-color="#CDDBF7"/>
</linearGradient>
<linearGradient id="paint13_linear_73_117" x1="1504.5" y1="261" x2="1504.5" y2="271" gradientUnits="userSpaceOnUse">
<stop stop-color="#DBE5F9"/>
<stop offset="1" stop-color="#CDDBF7"/>
</linearGradient>
<linearGradient id="paint14_linear_73_117" x1="1563" y1="257" x2="1620" y2="347" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCE1FF"/>
<stop offset="1" stop-color="#58B5FC"/>
</linearGradient>
<linearGradient id="paint15_linear_73_117" x1="1589.5" y1="283" x2="1589.5" y2="296" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#DAEEFF"/>
</linearGradient>
<linearGradient id="paint16_linear_73_117" x1="1582" y1="312" x2="1582" y2="325" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#DAEEFF"/>
</linearGradient>
<linearGradient id="paint17_linear_73_117" x1="313" y1="282" x2="313" y2="312" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFC6C5"/>
<stop offset="0.692708" stop-color="#FF7383"/>
</linearGradient>
<linearGradient id="paint18_linear_73_117" x1="1658.5" y1="164" x2="1658.5" y2="199" gradientUnits="userSpaceOnUse">
<stop stop-color="#EDE8FF"/>
<stop offset="0.692708" stop-color="#CDC0FE"/>
</linearGradient>
</defs>
</svg>
// Fix the hero text effect on large screens
function resetHeroHidden() {
const scrollAmount = window.scrollY;
if (window.matchMedia("only screen and (min-width: 76.25em)").matches) {
// only enable this on large screens
if (scrollAmount == 0) {
$(".md-hero").attr("data-md-state", "");
} else {
$(".md-hero").attr("data-md-state", "hidden");
}
}
}
// https://github.com/bashtage/sphinx-material/blob/6e0ef822e58df57d6a9de5a58dc40c17fc34f557/sphinx_material/sphinx_material/static/javascripts/application.js#L1384
$(window).on("scroll", resetHeroHidden);
$(window).on("resize", resetHeroHidden);
$(window).on("orientationchange", resetHeroHidden);
// Sidebar header
$(document).ready(function() {
let language = "en"; // default english
try {
language = READTHEDOCS_DATA["language"];
} catch (e) {}
const title = $(".md-sidebar--secondary .md-nav--secondary label.md-nav__title");
if (language == "en") {
title.text("On this page");
} else if (language == "zh") {
title.text("本页内容");
}
});
// Hide navigation bar when it's too short
// Hide TOC header when it coincides with page title
function hide_nav() {
const d = $('nav.md-tabs[data-md-component="tabs"]');
if (d.find('li').length <= 1) {
d.addClass('hidden');
}
}
function hide_toc_header() {
const d = $(".md-nav__title.md-nav__title--site");
// https://stackoverflow.com/questions/11362085/jquery-get-text-for-element-without-children-text
const pageTitle = $("#index--page-root").clone().children().remove().end().text();
if (d.text().trim() == pageTitle) {
d.hide();
}
}
$(document).ready(function() {
hide_nav();
hide_toc_header();
});
// Uncomment the following for debug try {
// READTHEDOCS_DATA = { READTHEDOCS_DATA;
// "ad_free": false, } catch (e) {
// "api_host": "https://readthedocs.org", console.log('READTHEDOCS_DATA is undefined. In debug mode.');
// "build_date": "2022-01-25T06:27:55Z",
// "builder": "sphinx",
// "canonical_url": null,
// "commit": "ca66e346",
// "docroot": "/docs/en_US/",
// "features": { "docsearch_disabled": false },
// "global_analytics_code": "UA-17997319-1",
// "language": "en",
// "page": "Tutorial",
// "programming_language": "words",
// "project": "nni",
// "proxied_api_host": "/_",
// "source_suffix": ".rst",
// "subprojects": { "nni-zh": "https://nni.readthedocs.io/zh/stable/" },
// "theme": "sphinx_material",
// "user_analytics_code": "UA-136029994-1",
// "version": "latest"
// };
// READTHEDOCS_VERSIONS = [
// ["latest", "/en/latest/"],
// ["stable", "/en/stable/"],
// ["v2.6", "/en/v2.6/"],
// ["v2.5", "/en/v2.5/"],
// ["v2.4", "/en/v2.4/"],
// ["v2.3", "/en/v2.3/"]
// ];
// The above code is injected by readthedocs in production.
// mock info
READTHEDOCS_DATA = {
"ad_free": false,
"api_host": "https://readthedocs.org",
"build_date": "2022-01-25T06:27:55Z",
"builder": "sphinx",
"canonical_url": null,
"commit": "ca66e346",
"docroot": "/docs/en_US/",
"features": { "docsearch_disabled": false },
"global_analytics_code": "UA-17997319-1",
"language": "en",
"page": "Tutorial",
"programming_language": "words",
"project": "nni",
"proxied_api_host": "/_",
"source_suffix": ".rst",
"subprojects": { "nni-zh": "https://nni.readthedocs.io/zh/stable/" },
"theme": "sphinx_material",
"user_analytics_code": "UA-136029994-1",
"version": "latest"
};
READTHEDOCS_VERSIONS = [
["latest", "/en/latest/"],
["stable", "/en/stable/"],
["v2.6", "/en/v2.6/"],
["v2.5", "/en/v2.5/"],
["v2.4", "/en/v2.4/"],
["v2.3", "/en/v2.3/"],
["test-version", "/en/test-version"]
];
// The above code is injected by readthedocs in production.
}
function create_dropdown(button_text, items) { function create_dropdown(selector, button_text, items) {
const dropdown = document.createElement("div"); const dropdown = $(selector);
dropdown.className = "md-flex__cell md-flex__cell--shrink drop";
const button = document.createElement("button"); const button = document.createElement("button");
button.innerHTML = button_text; button.innerHTML = button_text;
const content = document.createElement("ul"); const content = document.createElement("ul");
// content.className = "dropdown-content md-hero"; // content.className = "dropdown-content md-hero";
dropdown.appendChild(button); dropdown.append(button);
dropdown.appendChild(content); dropdown.append(content);
for (const key in items) { for (const key in items) {
if (items.hasOwnProperty(key)) { if (items.hasOwnProperty(key)) {
...@@ -58,8 +63,8 @@ function create_dropdown(button_text, items) { ...@@ -58,8 +63,8 @@ function create_dropdown(button_text, items) {
$(button).click(function (e) { $(button).click(function (e) {
// first close all others. // first close all others.
$(".drop").find(".active").removeClass("active"); $(".drop").find(".active").removeClass("active");
$(dropdown).find("ul").addClass("active"); dropdown.find("ul").addClass("active");
$(dropdown).find("button").addClass("active"); dropdown.find("button").addClass("active");
e.stopPropagation(); e.stopPropagation();
}) })
$(document).click(function () { $(document).click(function () {
...@@ -68,15 +73,16 @@ function create_dropdown(button_text, items) { ...@@ -68,15 +73,16 @@ function create_dropdown(button_text, items) {
return dropdown; return dropdown;
} }
function remove_version_dropdown() {
$(".navheader").children().last().remove();
}
function add_version_dropdown() { function add_version_dropdown() {
const prev_versions = Object.assign({}, ...READTHEDOCS_VERSIONS.map(([k, v]) => ({ [k]: v }))); const prev_versions = Object.assign(
{},
...READTHEDOCS_VERSIONS
.filter(([k, v]) => (k === 'stable' || k == 'latest' || k.startsWith('v')))
.map(([k, v]) => ({ [k]: v }))
);
const current_version = 'v: ' + READTHEDOCS_DATA["version"]; const current_version = 'v: ' + READTHEDOCS_DATA["version"];
$(".navheader").append(create_dropdown(current_version, prev_versions)); create_dropdown(".drop.version", current_version, prev_versions);
} }
function add_language_dropdown() { function add_language_dropdown() {
...@@ -98,14 +104,13 @@ function add_language_dropdown() { ...@@ -98,14 +104,13 @@ function add_language_dropdown() {
return pathname.join('/'); return pathname.join('/');
} }
$(".navheader").append(create_dropdown(language_dropdown[current_language], { create_dropdown(".drop.language", language_dropdown[current_language], {
[language_dropdown['en']]: get_dropdown_href('en'), [language_dropdown['en']]: get_dropdown_href('en'),
[language_dropdown['zh']]: get_dropdown_href('zh') [language_dropdown['zh']]: get_dropdown_href('zh')
})) });
} }
$(document).ready(function () { $(document).ready(function () {
remove_version_dropdown();
add_language_dropdown(); add_language_dropdown();
add_version_dropdown(); add_version_dropdown();
}); });
{% set toctree = toctree(maxdepth=theme_globaltoc_depth|toint, collapse=theme_globaltoc_collapse|tobool, includehidden=theme_globaltoc_includehidden|tobool, titles_only=True) %}
{% if toctree and sidebars and 'globaltoc.html' in sidebars %}
{% set toctree_nodes = derender_toc(toctree, False) %}
<ul class="md-nav__list">
{%- for item in toctree_nodes recursive %}
<li class="md-nav__item">
{% if "caption" in item %}
<span class="md-nav__link caption">{{ item.caption }}</span>
{% else %}
{% if item.current %}
<input class="md-toggle md-nav__toggle" data-md-toggle="toc" type="checkbox" id="__toc">
<label class="md-nav__link md-nav__link--active" for="__toc"> {{ item.contents }} </label>
{% endif %}
<a href="{{ item.href|e }}" class="md-nav__link{% if item.current %} md-nav__link--active{% endif %}">{{ item.contents }}</a>
{% if item.current %}
{%- set sphinx_material_include_searchbox=False %}
{% include "localtoc.html" %}
{% endif %}
{%- set sphinx_material_include_searchbox=True %}
{%- if item.children -%}
<ul class="md-nav__list"> {{ loop(item.children) }}</ul>
{%- endif %}
{% endif %}
</li>
{%- endfor %}
</ul>
{# TODO: Fallback to toc? #}
{% endif %}
<header class="md-header" data-md-component="header">
<nav class="md-header-nav md-grid">
<div class="md-flex navheader">
<div class="md-flex__cell md-flex__cell--shrink">
<a href="{{ pathto(master_doc)|e }}" title="{{ docstitle|e }}"
class="md-header-nav__button md-logo">
{% if theme_logo_icon|e %}
<i class="md-icon">{{ theme_logo_icon }}</i>
{% elif logo %}
<img src="{{ pathto('_static/' ~ logo, 1) }}" height="26"
alt="{{ shorttitle|striptags|e }} logo">
{% else %}
&nbsp;
{% endif %}
</a>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--menu md-header-nav__button" for="__drawer"></label>
</div>
<div class="md-flex__cell md-flex__cell--stretch">
<div class="md-flex__ellipsis md-header-nav__title" data-md-component="title">
<span class="md-header-nav__topic">{{ theme_nav_title or shorttitle }}</span>
<span class="md-header-nav__topic"> {{ title|striptags|e }} </span>
</div>
</div>
<div class="md-flex__cell md-flex__cell--shrink">
<label class="md-icon md-icon--search md-header-nav__button" for="__search"></label>
{% include "searchbox.html" %}
</div>
<div class="md-flex__cell md-flex__cell--shrink drop version"></div>
<div class="md-flex__cell md-flex__cell--shrink drop language"></div>
<div class="md-flex__cell md-flex__cell--shrink">
{% if theme_repo_url %}
<div class="md-header-nav__source">
{% include "repo.html" %}
</div>
{% endif %}
</div>
</div>
</nav>
</header>
{% if pagename in theme_heroes %}
{% set hero = theme_heroes[pagename] %}
<div class="md-hero{% if nav_bar_tabs %} md-hero--expand{% endif %}" data-md-component="hero">
<div class="md-hero__inner md-grid">
<p>{{ hero }}</p>
</div>
<div class="md-hero__background">
<img src="{{ pathto('_static/img/hero-background.svg', 1) }}" />
</div>
</div>
{% endif %}
{% extends "!layout.html" %} {% extends "!layout.html" %}
{#- SPECIFY PARTICULAR FONTS FOR HEADERS #}
{% block font %}
<link href="https://fonts.gstatic.com/" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700|Roboto:400,400i,500,700|Google+Sans:400,500,600&display=fallback" rel="stylesheet">
{% endblock %}
{#- TO INJECT INFORMATION FROM READTHEDOCS HERE #} {#- TO INJECT INFORMATION FROM READTHEDOCS HERE #}
{% block scripts %} {% block scripts %}
{{ super() }} {{ super() }}
{#- CUSTOM THEME #}
<style>
:root {
--custom-color-primary: #1381cf;
--custom-color-accent: #0e619d;
}
</style>
{% if versions %} {% if versions %}
<script type="text/javascript"> <script type="text/javascript">
READTHEDOCS_VERSIONS = {{ versions | tojson }} READTHEDOCS_VERSIONS = {{ versions | tojson }}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment