:root {
  --nanosoft-middle-blue: #4ac0f2;
  --nanosoft-blue: #00ace2;
  --nanosoft-black: #1d262e;
  --nanosoft-gray: #f8f8f8;
  --nanosoft-stroke: #d9d9d9;
  --nanosoft-gray-border: #d9d9d9;
  --nanosoft-gray-middle: #94a0ab;
  --nanosoft-accordion-stroke: #b3b3b3;
  --nanosoft-footer-gray: #65717c;
  --nanosoft-footer-gray-hover: #d2d8de;
}

/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: "";
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {
  .container {
    max-width: 1536px;
  }
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: Commissioner, sans-serif;
  font-size: 20px;
  line-height: 1.32;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-tap-highlight-color: transparent;
  color: var(--nanosoft-black);
}

body,
html {
  min-height: 100%;
  height: 100%;
}

button,
input,
select,
textarea {
  font-family: inherit;
  outline: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}

img {
  max-width: 100%;
  display: block;
}

a {
  text-decoration: none;
  font-size: inherit;
  color: var(--nanosoft-middle-blue);
  -webkit-transition-property: color, border-color;
  -o-transition-property: color, border-color;
  transition-property: color, border-color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

a:hover {
  color: var(--nanosoft-blue);
}

.content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /* min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content; */
}

.container {
  max-width: 1442px;
  width: 1442px;
  padding: 0 16px;
  margin: 0 auto;
}

.heading-2,
h1,
h2 {
  font-weight: 500;
  font-size: 2.5rem;
  line-height: 1.2;
}

h3 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.2;
}

h4 {
  font-size: 20px;
  line-height: 1.2;
}

.font-weight-normal {
  font-weight: 400;
}

.font-weight-medium {
  font-weight: 500;
}

.font-weight-bold {
  font-weight: 700;
}

h3 + p,
h4 + p {
  margin-top: 16px;
}

p {
  white-space: pre-line;
}

.bg-gray {
  background-color: var(--nanosoft-gray);
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.display-none {
  display: none;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.source-subtitle {
  margin-top: 2rem;
  white-space: pre-line;
}

.card-numbered {
  padding: 35px 40px 31px;
  background-color: var(--nanosoft-gray);
  border: 1px solid var(--nanosoft-stroke);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.card-numbered__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.card-numbered__num {
  min-width: 50px;
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.18;
  color: var(--nanosoft-middle-blue);
  margin-right: 8px;
  counter-increment: chapter 1;
}

.card-numbered__num:before {
  content: counter(chapter);
}

.card-numbered__description {
  font-size: 13px;
  padding-top: 14px;
  border-top: 1px solid var(--nanosoft-middle-blue);
  margin-top: 14px;
  min-height: 48px;
}

.card-numbered__description span {
  font-weight: 700;
  color: var(--nanosoft-middle-blue);
}
.content .sp-button_link {
  padding: initial;
  margin: 0;
  border-radius: initial;
  background: initial;
  color: initial;
}

.nano-button,
.content .event-wrap .sp-button_link,
.content .article-inner .sp-button_link {
  padding: 15px 1rem;
  font-size: 18px;
  line-height: 1.34;
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.nano-button[disabled],
.content .event-wrap .sp-button_link:link[disabled],
.content .article-inner .sp-button_link:link[disabled] {
  opacity: 0.7;
}

.nano-button__primary,
.content .event-wrap .sp-button_link,
.content .article-inner .sp-button_link {
  background-color: var(--nanosoft-middle-blue);
  color: #fff;
  border-color: var(--nanosoft-middle-blue);
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-color, background-color, color;
  -o-transition-property: border-color, background-color, color;
  transition-property: border-color, background-color, color;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.nano-button__primary:not([disabled]):hover,
.content .event-wrap .sp-button_link:not([disabled]):hover,
.content .article-inner .sp-button_link:not([disabled]):hover {
  border-color: var(--nanosoft-blue);
  background-color: var(--nanosoft-blue);
  color: #fff;
}

.content .event-wrap .sp-button_link {
  font-size: 18px;
  line-height: 1.5;
  padding: 9px 16px 10px;
}

.nano-button__primary--outlined {
  background-color: #fff;
  color: var(--nanosoft-middle-blue);
  border-color: var(--nanosoft-middle-blue);
}

.nano-button__primary--outlined:not([disabled]):hover {
  border-color: var(--nanosoft-blue);
  color: var(--nanosoft-blue);
}

.nano-button__black {
  background-color: #000;
  color: #fff;
  border-color: #000;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-color, background-color, color, opacity;
  -o-transition-property: border-color, background-color, color, opacity;
  transition-property: border-color, background-color, color, opacity;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.nano-button__black:not([disabled]):hover {
  border-color: #1d1d1d;
  background-color: #1d1d1d;
}

.nano-button__black--outlined {
  background-color: #fff;
  color: #000;
  border-color: #000;
}

.nano-button__black--outlined:not([disabled]):hover {
  border-color: #000;
  color: #fff;
  background-color: #000;
}

.nano-button--sm {
  font-size: 18px;
  line-height: 1.5;
  padding: 9px 16px 10px;
}

.spinner-border {
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
  border: 0.25em solid var(--nanosoft-middle-blue);
  border-radius: 50%;
  border-right: 0.25em solid transparent;
  display: inline-block;
  height: 2rem;
  vertical-align: -0.125em;
  width: 2rem;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 18px;
  line-height: 1.4;
}

.link:before {
  content: "";
  display: block;
  margin-right: 1rem;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transition-property: background-image, -webkit-transform;
  -o-transition-property: background-image, transform;
  transition-property: background-image, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.link-arrow:before {
  margin-top: 0.25em;
  --size: 15px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 0L7.85625 1.04475L12.5938 6.75H0V8.25H12.5938L7.85625 13.9298L8.75 15L15 7.5L8.75 0Z' fill='%234AC0F2'/%3E%3C/svg%3E%0A");
}

.link-arrow:hover:before {
  -webkit-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 0L7.85625 1.04475L12.5938 6.75H0V8.25H12.5938L7.85625 13.9298L8.75 15L15 7.5L8.75 0Z' fill='%2300ACE2'/%3E%3C/svg%3E%0A");
}

.link-download:before {
  --size: 24px;
  margin-top: 0.05em;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6578 10.6705L17.6238 9.6539L12.7275 14.5666V3.04297H11.2725V14.812L6.38853 9.66656L5.32986 10.6579L11.8375 17.5138L18.6578 10.6705Z' fill='%234AC0F2'/%3E%3Cpath d='M18.6329 17.4512V20.5114H5.36707V17.4512H3.91211V21.9565H20.0879V17.4512H18.6329Z' fill='%234AC0F2'/%3E%3C/svg%3E%0A");
}

.link-download:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6578 10.6705L17.6238 9.6539L12.7275 14.5666V3.04297H11.2725V14.812L6.38853 9.66656L5.32986 10.6579L11.8375 17.5138L18.6578 10.6705Z' fill='%2300ACE2'/%3E%3Cpath d='M18.6329 17.4512V20.5114H5.36707V17.4512H3.91211V21.9565H20.0879V17.4512H18.6329Z' fill='%2300ACE2'/%3E%3C/svg%3E%0A");
}

.link-map:before {
  --size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.50008 8.11466C2.49804 8.24132 2.53453 8.36562 2.60472 8.47107C2.67492 8.57653 2.7755 8.65816 2.89314 8.70516L8.89408 11.1057L11.2945 17.1069C11.3409 17.223 11.421 17.3224 11.5245 17.3925C11.628 17.4626 11.7501 17.5 11.8751 17.5H11.8852C12.0118 17.4979 12.1347 17.4574 12.2378 17.384C12.3409 17.3105 12.4193 17.2075 12.4626 17.0886L17.4626 3.33816C17.5033 3.22634 17.5112 3.10523 17.4855 2.98905C17.4597 2.87288 17.4013 2.76647 17.3172 2.68234C17.233 2.5982 17.1266 2.53984 17.0104 2.51411C16.8942 2.48838 16.7731 2.49636 16.6613 2.5371L2.91133 7.53709C2.7924 7.58046 2.68943 7.65888 2.616 7.762C2.54258 7.86512 2.50216 7.98809 2.50008 8.11466Z' fill='%234AC0F2'/%3E%3C/svg%3E%0A");
}

.link-map:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.50008 8.11466C2.49804 8.24132 2.53453 8.36562 2.60472 8.47107C2.67492 8.57653 2.7755 8.65816 2.89314 8.70516L8.89408 11.1057L11.2945 17.1069C11.3409 17.223 11.421 17.3224 11.5245 17.3925C11.628 17.4626 11.7501 17.5 11.8751 17.5H11.8852C12.0118 17.4979 12.1347 17.4574 12.2378 17.384C12.3409 17.3105 12.4193 17.2075 12.4626 17.0886L17.4626 3.33816C17.5033 3.22634 17.5112 3.10523 17.4855 2.98905C17.4597 2.87288 17.4013 2.76647 17.3172 2.68234C17.233 2.5982 17.1266 2.53984 17.0104 2.51411C16.8942 2.48838 16.7731 2.49636 16.6613 2.5371L2.91133 7.53709C2.7924 7.58046 2.68943 7.65888 2.616 7.762C2.54258 7.86512 2.50216 7.98809 2.50008 8.11466Z' fill='%2300ACE2'/%3E%3C/svg%3E%0A");
}

.link-angle-arrow:before {
  margin-top: auto;
  margin-bottom: auto;
  --size: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.25 3.75V5H14.1187L3.75 15.3687L4.63125 16.25L15 5.88125V13.75H16.25V3.75H6.25Z' fill='%2300ACE2'/%3E%3C/svg%3E%0A");
}

.link-angle-arrow:hover:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.link--dark {
  color: #000;
}

.link--dark:hover {
  color: #1d1d1d;
}

.list-arrow {
  list-style-type: none;
}

.list-arrow li {
  font-size: 18px;
  line-height: 1.4;
}

.list-arrow li:not(:first-child) {
  margin-top: 14px;
}

.list-arrow li:before {
  --size: 15px;
  content: "";
  display: inline-block;
  margin-right: 1rem;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 0L7.85625 1.04475L12.5938 6.75H0V8.25H12.5938L7.85625 13.9298L8.75 15L15 7.5L8.75 0Z' fill='%2300ACE2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.list-download,
ul:not([class]) {
  list-style-type: none;
}

ul:not([class]) li {
  font-size: 20px;
  line-height: 1.32;
  position: relative;
  padding: 0 0 0 24px;
}

ul:not([class]) li:not(:first-child) {
  margin-top: 4px;
}

ul:not([class]) li:before {
  --size: 11px;
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  border: 3px solid var(--nanosoft-middle-blue);
  border-radius: 50%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 10px;
}

ol:not([class]) {
  counter-reset: newCounter;
}

ol:not([class]) > li {
  position: relative;
  padding: 0 0 0 24px;
}

ol:not([class]) > li::before {
  counter-increment: newCounter;
  content: counters(newCounter, ".") ".";
  min-width: 11px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

.list-download li {
  font-size: 18px;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.list-download li:not(:first-child) {
  margin-top: 16px;
}

.list-download li:before {
  --size: 22px;
  content: "";
  display: inline-block;
  margin-right: 14px;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.658 9.67053L16.624 8.6539L11.7277 13.5666V2.04297H10.2727V13.812L5.38875 8.66656L4.33008 9.65787L10.8377 16.5138L17.658 9.67053Z' fill='%234AC0F2'/%3E%3Cpath d='M17.6329 16.4512V19.5114H4.36707V16.4512H2.91211V20.9565H19.0879V16.4512H17.6329Z' fill='%234AC0F2'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 2px;
}

.report-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 35px 21px;
  background-color: var(--nanosoft-gray);
  border: 1px solid var(--nanosoft-stroke);
  border-radius: 5px;
  width: 100%;
}

.report-card__image {
  margin-right: 2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.report-card__list {
  margin-top: 28px;
}

a + h4,
a + ul,
h4 + a,
h4 + ul,
p + a,
p + ol,
p + p,
p + ul,
ul + h4,
ul + p {
  margin-top: 16px;
}

ul + table {
  margin-top: 50px;
}

table + h3,
table + h4 {
  margin-top: 2rem;
}

.table-blue {
  border-collapse: collapse;
}

.table-blue td,
.table-blue th {
  border: 1px solid transparent;
}

.table-blue thead th {
  background-color: var(--nanosoft-middle-blue);
  color: #fff;
  font-weight: 700;
  border-bottom: 0;
  border-top: 0;
  border-right: 0;
  padding: 25px 12px 26px 25px;
  text-align: left;
  vertical-align: top;
}

.table-blue thead th:first-child {
  border-top-left-radius: 18px;
}

.table-blue thead th:last-child {
  border-top-right-radius: 18px;
}

.table-blue thead th:not(:first-child) {
  border-color: #fff;
}

.table-blue tbody td {
  border-color: var(--nanosoft-middle-blue);
}

.table-blue tr td {
  background-color: #fff;
  padding: 20px 12px 20px 30px;
  white-space: pre-line;
  vertical-align: baseline;
}

.table-blue tr td:first-child {
  border-left: 0;
}

.table-blue tr td:last-child {
  border-right: 0;
}

.table-blue tr:last-child td:first-child {
  border-bottom-left-radius: 18px;
}

.table-blue tr:last-child td:last-child {
  border-bottom-right-radius: 18px;
}

.table-blue tr:last-child td {
  border-bottom: 0;
}

.accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  padding: 12px 0;
}

.accordion-body {
  position: relative;
  overflow: hidden;
  height: 0;
  width: 100%;
  -webkit-transition-property: height;
  -o-transition-property: height;
  transition-property: height;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.accordion-body__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 20px;
  line-height: 1.4;
}

.accordion-body__inner-row {
  padding: 20px 0 24px;
  border-top: 1px solid var(--nanosoft-accordion-stroke);
}

.accordion-body__inner-row:last-child {
  padding: 20px 0 0;
}

.accordion-body__inner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordion-body__inner a:not(:first-of-type) {
  margin-top: 16px;
}

.accordion--row:not(:first-child) {
  border-top: 1px solid var(--nanosoft-accordion-stroke);
}

.accordion--row:last-child {
  border-bottom: 1px solid var(--nanosoft-accordion-stroke);
}

.accordion--row .accordion-head {
  padding: 26px 0 26px 23px;
  width: 100%;
  font-size: 24px;
  font-weight: 500;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.accordion span.accordion-head__plus {
  --size: 20px;
  display: inline-block;
  width: var(--size);
  height: var(--size);
  min-width: var(--size);
  position: relative;
  margin: auto 0 auto 16px;
}

.accordion span.accordion-head__plus::after,
.accordion span.accordion-head__plus::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  top: calc(50% - 2px);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.accordion span.accordion-head__plus::after {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion--row .accordion-body__inner {
  padding: 4px 36px 24px 23px;
}
.accordion--parent.accordion--row > .accordion-body > .accordion-body__inner {
  padding: 4px 0 24px 23px;
}
.accordion.accordion--parent
  > .accordion-body
  > .accordion-body__inner
  .accordion--child:last-child
  > .accordion-body
  > .accordion-body__inner {
  padding-bottom: 0;
}

.accordion--child.accordion--row > .accordion-body > .accordion-body__inner {
  padding: 4px 0 24px;
}
.accordion--row__text .accordion-head {
  padding: 16px 0 20px;
  font-size: 22px;
}

.accordion--active > .accordion-head span.accordion-head__plus::after {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.accordion--mini .accordion-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.accordion--mini .accordion-head img {
  margin-top: 4px;
  margin-left: 10px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.accordion--mini.accordion--active .accordion-head img {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.accordion--mini .accordion-body__inner {
  padding: 17px 0;
}
.accordion--parent.accordion--row__text .accordion-body__inner {
  padding: 4px 0 24px !important;
}
.text-primary {
  color: var(--nanosoft-middle-blue);
}

.reports-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 32px;
  border: 1px solid var(--nanosoft-stroke);
  margin-top: 30px;
  border-radius: 5px;
}

.reports-row__item {
  width: 50%;
}

.reports-row__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 32px;
}

.reports-row__list > li:not(:first-child) {
  margin-top: 0;
  margin-left: 180px;
}

.button-rounded {
  background-color: #fff;
  border-radius: 1rem;
  border: 1px solid var(--nanosoft-gray-border);
  padding: 4px 16px;
  font-size: 1rem;
  line-height: 1.4;
  cursor: pointer;
  -webkit-transition-property: background-color, border-color, color;
  -o-transition-property: background-color, border-color, color;
  transition-property: background-color, border-color, color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

.button-rounded:hover {
  border-color: var(--nanosoft-blue);
  color: var(--nanosoft-blue);
}

.button-rounded--primary {
  background-color: var(--nanosoft-blue);
  border-color: var(--nanosoft-blue);
  color: #fff;
}

.button-rounded--primary:hover {
  border-color: var(--nanosoft-middle-blue);
  background-color: var(--nanosoft-middle-blue);
  color: #fff;
}

.article-card {
  padding: 24px 24px 32px;
  border: 1px solid var(--nanosoft-gray-border);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
}

.article-card__image-wrapper {
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}

.article-card__image-wrapper:after {
  content: "";
  display: block;
  padding-top: 60%;
}

.article-card__image {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.article-card__image-wrapper svg {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.article-card__image:hover {
  -webkit-transform: translate(-50%, -50%) scale(1.02);
  -ms-transform: translate(-50%, -50%) scale(1.02);
  transform: translate(-50%, -50%) scale(1.02);
}

.article-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.article-card__heading {
  color: var(--nanosoft-black);
  margin-top: 24px;
  display: block;
  font-weight: 500;
}

.article-card__date {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: var(--nanosoft-gray-middle);
  margin-top: 24px;
}

.card-linked {
  border-radius: 5px;
  border: 1px solid var(--nanosoft-stroke);
  padding: 20px 22px 26px;
}

.card-linked__link {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  line-height: 1.8;
}

.card-linked__link img {
  margin-right: 10px;
}

.page-heading {
  padding: 70px 0 60px;
}

.section-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.section-top__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
}

.section-top__link-image {
  margin-right: 18px;
  max-width: 22px;
}

.air-datepicker-nav {
  border-bottom: 0;
}

.air-datepicker.-inline- {
  border: 0;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--nanosoft-black);
  stroke-width: 2px;
}

.air-datepicker-cell {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.air-datepicker-cell.-day- {
  border-radius: 50%;
  font-family: Commissioner;
  font-size: 14px;
  font-weight: 500;
  color: var(--nanosoft-black);
  border: 2px solid transparent;
}
.air-datepicker-cell.-day-.-in-range-,
.air-datepicker-cell.-day-.-in-range-.-active- {
  background-color: var(--nanosoft-middle-blue);
  color: #fff;
}
.air-datepicker-cell.-day-.-selected-.-range-from-.-range-to- {
  border-radius: 50%;
}
.air-datepicker-cell.-month-.-range-to-.-selected-,
.air-datepicker-cell.-month-.-range-from-.-selected- {
  color: #fff;
}

.air-datepicker-cell.-day-.-selected-.-range-from-,
.air-datepicker-cell.-day-.-selected-.-range-to- {
  background-color: var(--nanosoft-blue);
  color: #fff;
}
.air-datepicker-cell.-day-.-current-.-in-range- {
  color: #fff;
  border-color: var(--nanosoft-blue);
}

.air-datepicker-cell.-day-.-focus-.-range-from- {
  background-color: var(--nanosoft-blue);
  color: #fff;
}

.air-datepicker-cell.-day-.-focus-.-range-to- {
  background-color: var(--nanosoft-blue);
  color: #fff;
}
.air-datepicker-cell.-active-.-day- {
  background: #fff;
  border-color: var(--nanosoft-blue);
}
.air-datepicker-cell.-current-.-day- {
  color: var(--adp-color-current-date);
}
.air-datepicker-cell.-selected-.-month- {
  color: var(--nanosoft-blue);
}

.air-datepicker-cell.-selected-.-month-.-current- {
  color: #fff;
}

.air-datepicker-cell.-selected-.-month-.-current-.-focus-,
.air-datepicker-cell.-selected-.-year- {
  color: var(--nanosoft-blue);
}

.air-datepicker-cell.-selected-.-day- {
  background: #fff;
  border-color: var(--nanosoft-blue);
}
.air-datepicker-cell.-selected-.-day-.-active- {
  background-color: var(--nanosoft-blue);
  color: #fff;
}

.air-datepicker-body--day-name {
  font-weight: 500;
  font-family: commissioner;
  color: var(--nanosoft-gray-middle);
}

.air-datepicker-cell.-selected-.-day-.-other-month- {
  color: var(--nanosoft-blue);
  background: #fff;
}

.air-datepicker-cell.-selected-.-current-.-year-,
.air-datepicker-cell.-selected-.-focus-.-month- {
  background: var(--nanosoft-gray);
}

.air-datepicker-cell.-day-.-other-month- {
  color: var(--nanosoft-gray-middle);
}

.timeline-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.timeline-row {
  background-color: #101214;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.timeline-item {
  background-color: #fff;
  padding: 4px 12px;
  cursor: pointer;
  position: relative;
}

.timeline-item:not(.timeline-item--start):not(.timeline-item--end) {
  margin-top: 16px;
}

.timeline-item:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #101214;
}

.timeline-item:not(.timeline-item--start):not(.timeline-item--end):before {
  top: -16px;
  height: 16px;
  left: 50%;
  width: 1px;
}

.timeline-item.timeline-item--start:before {
  width: 16px;
  height: 1px;
  top: 50%;
  right: -15px;
}
.timeline-item.timeline-item--start:not(.timeline-item--active):before {
  background-color: transparent;
}
.timeline-item.timeline-item--end:before {
  width: 16px;
  height: 1px;
  top: 50%;
  left: -15px;
}

.timeline-item:after {
  content: "";
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: var(--nanosoft-blue);
  opacity: 0;
  border-radius: 50%;
}

.timeline-item.timeline-item--start:after {
  top: calc(50% - 4px);
  right: -20px;
}

.timeline-item.timeline-item--end:after {
  top: calc(50% - 4px);
  left: -20px;
}

.timeline-item:not(.timeline-item--start):not(.timeline-item--end):after {
  left: 50%;
  top: -20px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.timeline-item:not(.timeline-item--active):hover {
  color: var(--nanosoft-blue);
}

.timeline-item--end,
.timeline-item--start {
  -webkit-transform: translateY(calc(-50% - 16px));
  -ms-transform: translateY(calc(-50% - 16px));
  transform: translateY(calc(-50% - 16px));
}

.timeline-item--start {
  margin-right: 6px;
}

.timeline-item--active {
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: var(--nanosoft-blue);
  color: #fff;
}

.timeline-item--active:before {
  background-color: var(--nanosoft-blue);
}

.timeline-item--active:after {
  opacity: 1;
}

.swiper-fade .swiper-slide {
  background-color: #fff;
}

.not-found {
  position: relative;
  height: 100%;
  padding: 100px 0;
  background-color: #000;
  min-height: 75vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.not-found__wrap h1 {
  font-size: 60px;
  color: #fff;
}

.not-found__wrap p {
  max-width: 60%;
  color: #fff;
  margin-top: 32px;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.text-center {
  text-align: center;
}

sub {
  font-size: 14px;
  color: var(--nanosoft-gray-middle);
  line-height: 1.4;
  bottom: 0;
}

.loader {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: bottom;
  animation: rotation 1s linear infinite;
}

table:not([class]),
.stroked-table {
  border: 1px solid #b3b3b3;
  border-collapse: collapse;
  width: 100%;
}

table:not([class]) td:not(:first-child),
.stroked-table td:not(:first-child) {
  border-left: 1px solid #b3b3b3;
}

table:not([class]) td:first-child,
.stroked-table td:first-child {
  font-weight: 700;
}

table:not([class]) tr:not(:first-child) td,
.stroked-table tr:not(:first-child) td {
  border-top: 1px solid #b3b3b3;
}
table:not([class]) td,
.stroked-table td {
  padding: 0.5rem 1rem;
}
.air-datepicker-button.investment-calendar__app-clear {
  width: max-content;
  color: var(--nanosoft-gray-middle);
  font-size: 16px;
  font-family: Commissioner, sans-serif;
}
.air-datepicker-button.investment-calendar__app-clear svg {
  margin-right: 0.25rem;
  margin-top: 2px;
}

.air-datepicker-button.investment-calendar__app-clear:hover {
  background: transparent;
  color: var(--nanosoft-middle-blue);
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.not-found__wrap-list li:not(:first-child) {
  margin-top: 12px;
}

@media (max-width: 1599.1px) {
  .container {
    max-width: 1152px;
    width: 100%;
  }
  .page-heading {
    padding: 50px 0 40px;
  }
  .footer-menu__list-link {
    font-size: 18px;
  }
  .reports-row {
    padding: 14px 16px;
    font-size: 18px;
  }
  .card-numbered {
    padding: 35px 32px 36px;
  }
  .card-numbered__num {
    min-width: 40px;
  }
}

@media (max-width: 1200.1px) {
  .container {
    max-width: 100%;
    width: 100%;
    padding: 0 40px;
  }
}

@media (max-width: 1000.1px) {
  .timeline {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding-left: 40px;
    position: relative;
    height: 105px;
    overflow-x: auto;
  }
  .timeline-inner {
    position: absolute;
    overflow: auto;
    padding: 18px 30px 0 0;
    gap: 0 20px;
  }
  .timeline-row {
    top: 18px;
  }
  .timeline-item.timeline-item--start:before {
    top: 50%;
  }
  .timeline-item.timeline-item--start:after {
    top: calc(50% - 4px);
  }
  .timeline-item {
    padding: 4px 15px;
    min-width: auto;
  }
}

@media (max-width: 1000.1px) and (min-width: 768.1px) {
  .timeline-inner {
    padding: 18px 30px 17px 0;
  }
}
@media (max-width: 768.1px) {
  .container {
    padding: 0 24px;
  }
  .heading-2,
  h1,
  h2 {
    font-size: 1.88rem;
  }
  .source-subtitle {
    font-size: 1rem;
  }
  .section-top {
    flex-direction: column;
    align-items: baseline;
  }
  .section-top__link {
    margin-top: 12px;
    font-size: 16px;
  }
  .timeline {
    width: calc(100% + 48px);
    margin-left: -24px;
    padding-left: 24px;
    height: 70px;
  }
  .timeline-inner {
    scrollbar-width: none;
  }
  .timeline {
    scrollbar-width: none;
  }
  .timeline::-webkit-scrollbar {
    width: 0;
  }
  .accordion--row .accordion-head {
    padding: 26px 0 26px 18px;
    font-size: 20px;
  }
  .accordion--child.accordion--row > .accordion-head {
    padding: 22px 0;
  }
  .accordion--row .accordion-body__inner {
    padding: 4px 36px 24px 18px;
  }
  .accordion--parent .accordion-body__inner {
    padding: 4px 0 24px 18px;
  }
  .accordion-body__inner {
    font-size: 16px;
  }
  .list-download li {
    font-size: 16px;
  }
  .reports-row {
    font-size: 16px;
    flex-direction: column;
    align-items: baseline;
  }
  .reports-row__item {
    width: auto;
  }
  .reports-row__item:nth-child(2) {
    margin-top: 10px;
  }
  .link {
    font-size: 16px;
  }
  .page-heading {
    padding: 54px 0 32px;
  }
  a {
    word-break: break-word;
  }
  ul:not([class]) li {
    font-size: 16px;
  }
  table:not([class]) td,
  .stroked-table td {
    padding: 10px 14px;
    font-size: 16px;
  }
  h3 {
    font-size: 22px;
  }
  .card-linked {
    padding: 30px 24px;
  }
  .card-linked__title,
  .card-linked__link {
    font-size: 18px;
  }
  .card-linked__link {
    margin-top: 9px;
  }
  .card-numbered {
    padding: 35px 32px 18px 20px;
  }
  .card-numbered__inner {
    font-size: 16px;
  }
  .nano-button,
  .content .event-wrap .sp-button_link,
  .content .article-inner .sp-button_link {
    padding: 15px 17px;
    font-size: 16px;
  }
  .not-found {
    padding: 60px 0 0;
    min-height: 0;
    overflow: hidden;
  }
  .not-found__wrap h1 {
    font-size: 40px;
  }
  .not-found__wrap p {
    max-width: 100%;
    font-size: 16px;
  }
  .not-found__wrap-list {
    margin-top: 100px;
  }

  .not-found__wrap .banner-image {
    right: -24px;
    width: 100%;
  }
}

@media (max-width: 415.1px) {
  .container {
    padding: 0 16px;
  }
  .header-menu__list > li a {
    padding: 0 16px;
  }
  .timeline {
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: 16px;
  }
}