@charset "UTF-8";
/*
Theme Name:     FluTool (v2)
Author:         H9 Design
Version:        1.0
*/
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

html {
  --viewport-width: 100vw;
  --viewport-height: 100vh;
  --viewport-min-height: 100vh;
  --viewport-min-height: 100svh;
  --viewport-max-height: 100vh;
  --viewport-max-height: 100lvh;
  --viewport-dynamic-height: 100vh;
  --viewport-visible-height: 100vh;
  --viewport-offset-x: 0px;
  --viewport-offset-y: 0px;
  --screen-width: 100vw;
  --screen-height: 100vh;
  --screen-scrollbar: 0px;
}

html {
  --breakpoint-phone: 640px;
}

@media screen and (max-width: 640px) {
  html {
    --breakpoint: phone;
  }
}
html {
  --breakpoint-tablet: 768px;
}

@media screen and (min-width: 641px) and (max-width: 768px) {
  html {
    --breakpoint: tablet;
  }
}
html {
  --breakpoint-laptop: 1024px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  html {
    --breakpoint: laptop;
  }
}
html {
  --breakpoint-desktop: 1440px;
}

@media screen and (min-width: 1025px) {
  html {
    --breakpoint: desktop;
  }
}
html {
  --column-count: 18;
  --column-gap: 12px;
  --column-padding: 30px;
  --column-width: 100%;
}

@media screen and (max-width: 640px) {
  html {
    --column-count: 6;
    --column-gap: 12px;
    --column-padding: 15px;
  }
}
html {
  --screen-column-width: calc(var(--inner-width) - (var(--column-padding) * 2));
  --screen-column-gap: var(--column-gap);
}

html {
  font-family: Studio, sans-serif;
  font-size: 16px;
  line-height: 1.1875;
}

html {
  --lh: 1.1875em;
}

html {
  font-weight: normal;
}

html {
  margin: 0;
  overflow-anchor: none;
  position: relative;
  --margin-top: var(--lh);
  --margin-bottom: var(--lh);
  --first-margin-top: 0;
  --last-margin-bottom: 0;
}

body {
  margin: 0;
  color: #181818;
  background: #E8E8E8;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, canvas, iframe, table, fieldset, summary, form) {
  margin-top: var(--margin-top, 0);
  margin-bottom: var(--margin-bottom);
  overflow-wrap: break-word;
}

:where(:where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, canvas, iframe, table, fieldset, summary, form):first-child) {
  margin-top: var(--first-margin-top, 0);
}

:where(:where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, canvas, iframe, table, fieldset, summary, form):last-child) {
  margin-bottom: var(--last-margin-bottom, var(--margin-bottom));
}

h1, h2, h3, h4, h5, h6 {
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 1.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.125rem;
}

h5 {
  font-size: 0.875rem;
}

h6 {
  font-size: 0.75rem;
}

small {
  font-size: 0.8em;
}

strong, b {
  font-weight: 600;
}

em, i {
  font-style: italic;
}

sup, sub {
  font-size: 0.8em;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.45em;
}

sub {
  bottom: -0.25em;
}

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  color: inherit;
  text-decoration: underline;
}

@media (hover: hover) {
  a:hover {
    text-decoration: none;
  }
}
:where(a) {
  outline: none;
}

:where(a):focus-visible {
  outline-color: var(--focus-color, #007BFF);
  outline-style: var(--focus-style, solid);
  outline-width: var(--focus-size, );
  outline-offset: var(--focus-offset, );
}

:where(a):focus-visible *:focus {
  outline: none;
  box-shadow: none;
}

:where(ul, ol) {
  margin: 0px 1.2em 0px 1.2em;
}

:where(ul, ol) {
  padding: 0px;
}

:where(ul, ol) {
  list-style-position: outside;
}

:where(ul, ol) :where(ul, ol) {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul.is-clear, ul:where([unstyled]), ol.is-clear, ol:where([unstyled]) {
  list-style: none;
}

ul.is-clear, ul:where([unstyled]), ol.is-clear, ol:where([unstyled]) {
  margin: 0px;
}

ul.is-clear, ul:where([unstyled]), ol.is-clear, ol:where([unstyled]) {
  padding: 0px;
}

ul.is-inline, ol.is-inline {
  list-style: none;
}

ul.is-inline, ol.is-inline {
  margin: 0px;
}

ul.is-inline, ol.is-inline {
  padding: 0px;
}

ul.is-inline, ol.is-inline {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--gap, 0.5em);
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

ul:where([unstyled]), ol:where([unstyled]) {
  list-style: none;
}

ul:where([unstyled]), ol:where([unstyled]) {
  margin: 0px;
}

ul:where([unstyled]), ol:where([unstyled]) {
  padding: 0px;
}

menu {
  list-style: none;
}

menu {
  margin: 0px;
}

menu {
  padding: 0px;
}

img {
  border: 0;
  height: auto;
  vertical-align: top;
}

button img {
  vertical-align: middle;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

img[unstyled], picture[unstyled], video[unstyled], canvas[unstyled], svg[unstyled] {
  max-width: none;
}

svg, canvas, iframe {
  vertical-align: top;
}

table {
  border-collapse: collapse;
  color: inherit;
  font: inherit;
  width: 100%;
}

table {
  font-family: inherit;
}

th, td {
  border: 1px solid #181818;
  padding: 0.5em;
  text-align: left;
}

:where(fieldset) {
  border: none;
  padding: 0;
  min-width: 0;
}

:where(fieldset) :where(input), :where(fieldset) textarea, :where(fieldset) select {
  width: 100%;
}

:where(fieldset) :where([type=checkbox], [type=radio]) {
  width: auto;
}

label, legend {
  padding: 0;
  display: block;
  font: inherit;
}

label[for], label:has(input, select, textarea) {
  cursor: pointer;
}

button, input, optgroup, select, textarea, [contenteditable] {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

button, [href], input, select, textarea, [contenteditable], :where([tabindex]:not([tabindex="-1"])) {
  outline: none;
}

button:focus-visible, [href]:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [contenteditable]:focus-visible, :where([tabindex]:not([tabindex="-1"])):focus-visible {
  outline-color: var(--focus-color, #007BFF);
  outline-style: var(--focus-style, solid);
  outline-width: var(--focus-size, );
  outline-offset: var(--focus-offset, );
}

button:focus-visible *:focus, [href]:focus-visible *:focus, input:focus-visible *:focus, select:focus-visible *:focus, textarea:focus-visible *:focus, [contenteditable]:focus-visible *:focus, :where([tabindex]:not([tabindex="-1"])):focus-visible *:focus {
  outline: none;
  box-shadow: none;
}

button, [type=checkbox], [type=radio], [type=button], [type=reset], [type=submit], [role=button], select {
  cursor: pointer;
}

button, [type=checkbox], [type=radio], [type=button], [type=reset], [type=submit], [role=button], select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button[unstyled] {
  appearance: none;
  -webkit-appearance: none;
}

:where(button[unstyled]) {
  font-weight: inherit;
  color: inherit;
  border: none;
  border-radius: 0;
  background: none;
  padding: 0;
  margin: 0;
  text-align: inherit;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

textarea,
:where(input:not([type=radio], [type=checkbox])),
:where([contenteditable]:not([contenteditable=false])) {
  -webkit-appearance: none;
}

textarea {
  resize: none;
}

.input-wrap:focus-within {
  outline-color: var(--focus-color, #007BFF);
  outline-style: var(--focus-style, solid);
  outline-width: var(--focus-size, );
  outline-offset: var(--focus-offset, );
}

.input-wrap:focus-within *:focus {
  outline: none;
  box-shadow: none;
}

.input-wrap {
  display: inline-flex;
  gap: 0.5em;
}

.input-wrap > :where(*) {
  font: inherit;
  border: none;
  padding: 0;
}

hr {
  background-color: #181818;
  height: 1px;
  border: none;
}

summary {
  cursor: pointer;
}

summary[unstyled] {
  display: block;
  -webkit-appearance: none;
}

summary[unstyled]::-webkit-details-marker {
  display: none;
}

details[unstyled] summary {
  display: block;
  -webkit-appearance: none;
}

dialog {
  padding: 0;
  border: none;
}

dialog:not([open]) {
  display: none;
}

[hidden] {
  display: none !important;
}

[hidden=opacity], [hidden=visibility] {
  display: revert !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

[hidden=size], [invisible] {
  display: revert !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  opacity: 0 !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  pointer-events: none !important;
}

[invisible] {
  position: absolute !important;
}

[pointer] {
  cursor: pointer;
}

[disabled] {
  pointer-events: none;
  opacity: 0.5;
}

::-moz-selection {
  color: var(--text-selection-fg);
  background: var(--text-selection-bg, #b3d4fc);
  text-shadow: none;
}

::selection {
  color: var(--text-selection-fg);
  background: var(--text-selection-bg, #b3d4fc);
  text-shadow: none;
}

::placeholder {
  font: inherit;
  color: rgba(0, 0, 0, 0.4);
  opacity: 0.8;
}

[placeholder]:empty::before {
  content: attr(placeholder);
  pointer-events: none;
  color: rgba(0, 0, 0, 0.4);
}

[debug=columns] {
  opacity: 0.5;
  pointer-events: none;
}

[debug=columns] {
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
}

[debug=columns] {
  z-index: 999999;
}

[debug=columns]::before {
  display: block;
  content: "";
  height: 100%;
  background: no-repeat var(--bg-column-padding, var(--column-padding)) 0/calc(100% - var(--bg-column-padding, var(--column-padding)) * 2 + var(--bg-column-gap, var(--column-gap))) 100% repeating-linear-gradient(to right, var(--bg-column-color, rgba(255, 0, 0, 0.2)), var(--bg-column-color, rgba(255, 0, 0, 0.2)) calc(100% / var(--bg-column-count, var(--column-count)) - var(--bg-column-gap, var(--column-gap)) - 1px), transparent calc(100% / var(--bg-column-count, var(--column-count)) - var(--bg-column-gap, var(--column-gap))), transparent calc(100% / var(--bg-column-count, var(--column-count)))), repeat-y 0 0/100% var(--bg-column-baseline, var(--lh)) linear-gradient(0deg, transparent 95%, rgba(56, 255, 255, 0.9) 100%);
}

[debug=breakpoints] {
  background: linear-gradient(to right, rgba(255, 0, 0, 0.2) 10px, transparent 10px, transparent) 355px top, linear-gradient(to right, red 1px, transparent 1px, transparent) 360px top, linear-gradient(to right, rgba(128, 128, 128, 0.2) 10px, transparent 10px, transparent) 635px top, linear-gradient(to right, gray 1px, transparent 1px, transparent) 640px top, linear-gradient(to right, rgba(0, 0, 0, 0.2) 10px, transparent 10px, transparent) 763px top, linear-gradient(to right, black 1px, transparent 1px, transparent) 768px top, linear-gradient(to right, rgba(0, 0, 255, 0.2) 10px, transparent 10px, transparent) 1019px top, linear-gradient(to right, blue 1px, transparent 1px, transparent) 1024px top, linear-gradient(to right, rgba(0, 128, 0, 0.2) 10px, transparent 10px, transparent) 1435px top, linear-gradient(to right, green 1px, transparent 1px, transparent) 1440px top;
  background-repeat: no-repeat;
  pointer-events: none;
}

[debug=breakpoints] {
  position: fixed;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
  width: 100%;
  height: 100%;
}

[debug=breakpoints] {
  z-index: 999999;
}

[debug=breakpoints]::after {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}

[debug=breakpoints]::after {
  content: "-";
  color: #FFF;
  background: black;
  font-size: 14px;
  font-weight: bold;
  font-family: monospace;
  padding: 0.2em 0.7em;
  display: block;
  opacity: 0.8;
  text-align: center;
}

@media screen and (max-width: 640px) {
  [debug=breakpoints]::after {
    background: gray;
    content: "PHONE (640px and less)";
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  [debug=breakpoints]::after {
    background: black;
    content: "TABLET (640px to 768px)";
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  [debug=breakpoints]::after {
    background: blue;
    content: "LAPTOP (768px to 1024px)";
  }
}
@media screen and (min-width: 1025px) {
  [debug=breakpoints]::after {
    content: "DESKTOP (1024px to 1440px)";
    background: green;
  }
}
@media screen and (max-width: 360px) {
  [debug=breakpoints]::after {
    background: red;
    content: "MINI (360px and less)";
  }
}
@media screen and (min-width: 1441px) {
  [debug=breakpoints]::after {
    background: purple;
    content: "WIDESCREEN (more than 1440px)";
  }
}
.clearfix:after {
  content: "";
  clear: both;
  display: table;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.children-left {
  display: flex;
  justify-content: flex-start;
}

.children-center {
  display: flex;
  justify-content: center;
}

.children-right {
  display: flex;
  justify-content: flex-end;
}

.children-spaced {
  display: flex;
  justify-content: space-between;
}

.children-stacked {
  display: grid;
}

.children-stacked > * {
  grid-area: 1/1;
}

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

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

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

.text-overflow {
  display: inline-block;
  text-overflow: ellipsis;
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;
  max-width: 100%;
}

.text-hyphens {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  max-width: 100%;
  word-wrap: break-word;
  max-width: 100%;
}

.text-upper {
  text-transform: uppercase;
}

.text-lower {
  text-transform: lowercase;
}

.text-middle {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-bottom {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.text-nowrap {
  white-space: nowrap;
}

.img-left {
  float: left;
  margin: 0 var(--lh) var(--lh) 0;
}

.img-right {
  float: right;
  margin: 0 0 var(--lh) var(--lh);
}

.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.no-drag {
  -webkit-user-drag: none;
}

.no-scrollbar {
  scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-animation, .no-animation *,
[animation=off], [animation=off] * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.no-touch {
  pointer-events: none;
}

.no-touch .has-touch {
  pointer-events: all;
}

@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-Regular.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
.is-text-small {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: -0.005em;
}

.is-text-large {
  font-size: 2.25rem;
  line-height: 1.0833333333;
  letter-spacing: -0.005em;
}

.txt {
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
}

.lnk, .item-page-tool-sidebar__reset, .field-age-groups__right button, :where(a[href]) {
  text-decoration: underline;
}
@media (hover: hover) {
  .lnk:hover, .item-page-tool-sidebar__reset:hover, .field-age-groups__right button:hover, :hover:where(a[href]) {
    text-decoration: none;
  }
}

.lnk-color, .item-page-basic-sidebar-anchors__links a, .site-foot__menu a, .site-menu a {
  text-decoration: none;
}
@media (hover: hover) {
  .lnk-color:hover, .item-page-basic-sidebar-anchors__links a:hover, .site-foot__menu a:hover, .site-menu a:hover {
    color: #686868;
  }
}

.btn, button:not([unstyled]), :where(input:is([type=submit], [type=button]):not([unstyled])) {
  border-radius: 2em;
  color: var(--button-color, #FFFFFF);
  background: var(--button-background, #181818);
  border: 1px solid var(--button-background, #181818);
  padding: 0.6em 1.2em;
  text-align: center;
  display: inline-block;
}
.btn, button:not([unstyled]), :where(input:is([type=submit], [type=button]):not([unstyled])) {
  font-size: 1.375rem;
  line-height: 1.1363636364;
  letter-spacing: -0.005em;
}
.btn, button:not([unstyled]), :where(input:is([type=submit], [type=button]):not([unstyled])), .btn a, button:not([unstyled]) a, :where(input:is([type=submit], [type=button]):not([unstyled])) a {
  text-decoration: none !important;
}
.btn.has-icon, button.has-icon:not([unstyled]), .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])), .btns-light .btn, .btns-light button:not([unstyled]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) {
  display: inline-flex;
  align-items: center;
  gap: 0.2em;
}
.btn.has-icon svg:not([unstyled]) path[stroke], button.has-icon:not([unstyled]) svg:not([unstyled]) path[stroke], .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) path[stroke], .btns-light .btn svg:not([unstyled]) path[stroke], .btns-light button:not([unstyled]) svg:not([unstyled]) path[stroke], .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) path[stroke] {
  fill: transparent;
  stroke: var(--color, #FFFFFF);
}
.btn.has-icon svg:not([unstyled]) rect[stroke]:not([stroke=transparent]), button.has-icon:not([unstyled]) svg:not([unstyled]) rect[stroke]:not([stroke=transparent]), .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) rect[stroke]:not([stroke=transparent]), .btns-light .btn svg:not([unstyled]) rect[stroke]:not([stroke=transparent]), .btns-light button:not([unstyled]) svg:not([unstyled]) rect[stroke]:not([stroke=transparent]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) rect[stroke]:not([stroke=transparent]),
.btn.has-icon svg:not([unstyled]) circle[stroke]:not([stroke=transparent]),
button.has-icon:not([unstyled]) svg:not([unstyled]) circle[stroke]:not([stroke=transparent]),
.has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) circle[stroke]:not([stroke=transparent]),
.btns-light .btn svg:not([unstyled]) circle[stroke]:not([stroke=transparent]),
.btns-light button:not([unstyled]) svg:not([unstyled]) circle[stroke]:not([stroke=transparent]),
.btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) circle[stroke]:not([stroke=transparent]) {
  stroke: var(--color, #FFFFFF);
}
.btn.has-icon svg:not([unstyled]) path:not([stroke], [fill]), button.has-icon:not([unstyled]) svg:not([unstyled]) path:not([stroke], [fill]), .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) path:not([stroke], [fill]), .btns-light .btn svg:not([unstyled]) path:not([stroke], [fill]), .btns-light button:not([unstyled]) svg:not([unstyled]) path:not([stroke], [fill]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) path:not([stroke], [fill]), .btn.has-icon svg:not([unstyled]) line, button.has-icon:not([unstyled]) svg:not([unstyled]) line, .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) line, .btns-light .btn svg:not([unstyled]) line, .btns-light button:not([unstyled]) svg:not([unstyled]) line, .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) line, .btn.has-icon svg:not([unstyled]) rect:not([fill=transparent]), button.has-icon:not([unstyled]) svg:not([unstyled]) rect:not([fill=transparent]), .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) rect:not([fill=transparent]), .btns-light .btn svg:not([unstyled]) rect:not([fill=transparent]), .btns-light button:not([unstyled]) svg:not([unstyled]) rect:not([fill=transparent]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) rect:not([fill=transparent]), .btn.has-icon svg:not([unstyled]) polygon, button.has-icon:not([unstyled]) svg:not([unstyled]) polygon, .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) polygon, .btns-light .btn svg:not([unstyled]) polygon, .btns-light button:not([unstyled]) svg:not([unstyled]) polygon, .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) polygon, .btn.has-icon svg:not([unstyled]) circle:not([fill=transparent]), button.has-icon:not([unstyled]) svg:not([unstyled]) circle:not([fill=transparent]), .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) circle:not([fill=transparent]), .btns-light .btn svg:not([unstyled]) circle:not([fill=transparent]), .btns-light button:not([unstyled]) svg:not([unstyled]) circle:not([fill=transparent]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) circle:not([fill=transparent]), .btn.has-icon svg:not([unstyled]) path[fill]:not([fill=transparent]), button.has-icon:not([unstyled]) svg:not([unstyled]) path[fill]:not([fill=transparent]), .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) path[fill]:not([fill=transparent]), .btns-light .btn svg:not([unstyled]) path[fill]:not([fill=transparent]), .btns-light button:not([unstyled]) svg:not([unstyled]) path[fill]:not([fill=transparent]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) path[fill]:not([fill=transparent]) {
  fill: var(--color, #FFFFFF);
}
.btn.has-icon svg:not([unstyled]) line, button.has-icon:not([unstyled]) svg:not([unstyled]) line, .has-icon:where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) line, .btns-light .btn svg:not([unstyled]) line, .btns-light button:not([unstyled]) svg:not([unstyled]) line, .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) svg:not([unstyled]) line {
  stroke: var(--color, #FFFFFF);
}
.btn.is-small, button.is-small:not([unstyled]), .is-small:where(input:is([type=submit], [type=button]):not([unstyled])), .btns-light .btn, .btns-light button:not([unstyled]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) {
  padding: 0.2em 0.4em;
}
.btn.is-small, button.is-small:not([unstyled]), .is-small:where(input:is([type=submit], [type=button]):not([unstyled])), .btns-light .btn, .btns-light button:not([unstyled]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) {
  font-size: 1rem;
  letter-spacing: -0.005em;
}
.btn.is-medium, button.is-medium:not([unstyled]), .is-medium:where(input:is([type=submit], [type=button]):not([unstyled])) {
  padding: 0.54em 1.1em 0.5em;
  gap: 0.5em;
}
.btn.is-medium, button.is-medium:not([unstyled]), .is-medium:where(input:is([type=submit], [type=button]):not([unstyled])) {
  font-size: 1rem;
  letter-spacing: -0.005em;
}
.btn.is-light, button.is-light:not([unstyled]), .is-light:where(input:is([type=submit], [type=button]):not([unstyled])), .btns-light .btn, .btns-light button:not([unstyled]), .btns-light :where(input:is([type=submit], [type=button]):not([unstyled])) {
  --color: #181818;
  color: #181818;
  background-color: transparent;
  border-color: #C7C7C7;
}
.btn.is-accent, button.is-accent:not([unstyled]), .is-accent:where(input:is([type=submit], [type=button]):not([unstyled])) {
  --button-color: #181818;
  --button-background: #FF973E;
}
.btn.is-blue, button.is-blue:not([unstyled]), .is-blue:where(input:is([type=submit], [type=button]):not([unstyled])) {
  --color: #181818;
  --button-color: #181818;
  --button-background: #0093D5;
}
.btn.is-disabled, .page-tool__form.is-first-page .btn.page-tool__prev, button.is-disabled:not([unstyled]), .page-tool__form.is-first-page button.page-tool__prev:not([unstyled]), .is-disabled:where(input:is([type=submit], [type=button]):not([unstyled])), .page-tool__form.is-first-page .page-tool__prev:where(input:is([type=submit], [type=button]):not([unstyled])) {
  --button-color: #686868;
  --button-background: transparent;
  color: #C7C7C7;
  pointer-events: none;
}
@media (hover: hover) {
  .btn.is-disabled:hover, .page-tool__form.is-first-page .btn.page-tool__prev:hover, button.is-disabled:hover:not([unstyled]), .page-tool__form.is-first-page button.page-tool__prev:hover:not([unstyled]), .is-disabled:hover:where(input:is([type=submit], [type=button]):not([unstyled])), .page-tool__form.is-first-page .page-tool__prev:hover:where(input:is([type=submit], [type=button]):not([unstyled])) {
    --button-color: #686868;
    --button-background: #DEDEDE;
  }
}
.btn.is-full, button.is-full:not([unstyled]), .is-full:where(input:is([type=submit], [type=button]):not([unstyled])) {
  display: block;
}
@media (hover: hover) {
  .btn:hover, button:hover:not([unstyled]), :hover:where(input:is([type=submit], [type=button]):not([unstyled])) {
    --button-color: #FF973E;
    --button-background: #181818;
  }
}

.btn-toggle, .field-table__toggle {
  border: 1px solid #C7C7C7;
  border-radius: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  color: #686868;
  padding: 0;
  position: relative;
}
.btn-toggle, .field-table__toggle {
  display: inline-block;
  width: 14px;
  height: 14px;
  overflow: hidden;
}
.btn-toggle span, .field-table__toggle span {
  line-height: 0;
}
.btn-toggle span, .field-table__toggle span {
  position: absolute;
  top: 4.5px;
  right: auto;
  bottom: auto;
  left: 1.25px;
}

.box {
  background-color: #DEDEDE;
  padding: 1em;
  border-radius: 1em;
  padding: 2rem 1.9rem;
}

.tooltip {
  display: inline-block;
  position: relative;
}
.tooltip__content {
  color: #181818;
  background-color: #FFFFFF;
  padding: 0.5em;
  width: 300px;
}
.tooltip__content .txt {
  margin: 0;
}
.tooltip__content p:first-child {
  margin-top: 0;
}
.tooltip__content p:last-child {
  margin-bottom: 0;
}
.tooltip__content {
  position: absolute;
  top: 1em;
  right: auto;
  bottom: auto;
  left: 0;
}
.tooltip__content {
  z-index: 150;
}
.tooltip:not(:hover) .tooltip__content {
  display: none;
}
@media (hover: none) {
  .tooltip .tooltip__content {
    display: none;
  }
}

/* ----------------------------------------------------------------––––––-------
Layout 
----------------------------------------------------------------––––––------- */
@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-Regular.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Studio";
  src: url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff2") format("woff2"), url("/theme/assets/fonts/studio/StudioPro-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
body {
  --head-logo-height: null;
  --margin-bottom: 1.2em;
  --list-margin: 1em;
  --scrollbar-color: #b7b7b7;
}
body {
  font-size: 1rem;
  letter-spacing: -0.005em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

h1 {
  margin-bottom: 0.55em;
}
h1 {
  font-size: 2.25rem;
  line-height: 1.0833333333;
  letter-spacing: -0.005em;
}

h2 {
  margin-bottom: 0.65em;
}
h2 {
  font-size: 1.75rem;
  line-height: 1.0714285714;
  letter-spacing: -0.005em;
}

h3 {
  margin-top: 0.65em;
  margin-bottom: 0.65em;
}
h3 {
  font-size: 1.375rem;
  line-height: 1.1363636364;
  letter-spacing: -0.005em;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.2222222222;
  letter-spacing: -0.005em;
}

h5 {
  margin-bottom: 0.7em;
}
h5 {
  font-size: 1rem;
  letter-spacing: -0.005em;
}

hr {
  border: none;
  height: 1px;
  background-color: #C7C7C7;
  margin: 1.15em 0 3.75em;
}

ul:where(:not([unstyled])) {
  list-style: none;
}
ul:where(:not([unstyled])) {
  margin: 0px 0px 0px 1.6em;
}
ul:where(:not([unstyled])) {
  padding: 0px;
}
ul:where(:not([unstyled])) > li {
  position: relative;
  padding-left: calc(2em + 0px);
}
ul:where(:not([unstyled])) > li:before {
  content: "—";
  position: absolute;
  width: 2em;
  left: 0;
  top: 0;
  display: inline-block;
}
p + ul:where(:not([unstyled])), h4 + ul:where(:not([unstyled])) {
  margin-top: -1.2em;
}

ol:where(:not([unstyled])) {
  list-style: none;
}
ol:where(:not([unstyled])) {
  margin: 0px 0px 0px 1.6em;
}
ol:where(:not([unstyled])) {
  padding: 0px;
}
ol:where(:not([unstyled])) > li {
  position: relative;
  padding-left: calc(2em + 0px);
}
ol:where(:not([unstyled])) > li:before {
  content: "—";
  position: absolute;
  width: 2em;
  left: 0;
  top: 0;
  display: inline-block;
}
ol:where(:not([unstyled])) {
  list-style: none;
}
ol:where(:not([unstyled])) {
  margin: 0px 0px 0px 1.6em;
}
ol:where(:not([unstyled])) {
  padding: 0px;
}
ol:where(:not([unstyled])) {
  counter-reset: ol;
}
ol:where(:not([unstyled])) > li {
  position: relative;
  padding-left: calc(1.5em + 0px);
}
ol:where(:not([unstyled])) > li:before {
  counter-increment: ol;
  content: counter(ol, decimal) ".";
  position: absolute;
  width: 1.5em;
  left: 0;
  top: 0;
  display: inline-block;
}

ol.has-circles {
  list-style: none;
}
ol.has-circles {
  margin: 0px;
}
ol.has-circles {
  padding: 0px;
}
ol.has-circles {
  counter-reset: ol;
}
ol.has-circles > li {
  position: relative;
  padding-left: calc(0px + 0px);
  display: flex;
  column-gap: 0;
}
ol.has-circles > li:before {
  counter-increment: ol;
  content: counter(ol, decimal);
  min-width: 0;
  white-space: nowrap;
  left: 0;
  top: 0;
  display: inline-block;
  color: #C7C7C7;
  background-color: #181818;
  border-radius: 1em;
  text-align: center;
  margin-right: 0.6em;
  min-width: 1.4em;
  padding: 0.1em 0.1em;
  align-self: flex-start;
  transform: translateY(-0.15em);
}
ol.has-circles > li > li {
  padding-left: 0;
}
ol.has-circles li {
  padding-left: 2em;
  margin-bottom: 1em;
}

table {
  border: none;
}
table th, table td {
  border: none;
  padding: 0 0.7em 0.5em 0;
  vertical-align: top;
}
table th, table td {
  font-weight: 400;
}
table small {
  display: block;
  color: #686868;
}
table small {
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: -0.005em;
}
table tbody th {
  padding-top: 0.2em;
}

.site {
  display: flex;
  flex-direction: column;
}
.site__screen {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.site__left, .site__right {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.site__head {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: sticky;
  top: 0;
  pointer-events: none;
}
.site__head {
  padding: 0 var(--column-padding, 30px);
}
.site__head {
  z-index: 60;
}
.site__head a {
  pointer-events: all;
}
.site__head-left, .site__head-right {
  padding-top: 1.5rem;
}
.site__head-left {
  flex: 0 0 auto;
}
.site__head-right {
  text-align: right;
  padding-left: 1em;
  flex: 1 1 auto;
}
.site__main {
  flex: 1 1 auto;
}
.site__main {
  padding: 0 var(--column-padding, 30px);
}
.site[template=basic] .site__main {
  display: flex;
  column-gap: var(--column-gap, 12px);
  flex-direction: row;
}
.site[template=basic] .site__main > * {
  flex: 0 0 auto;
}
.site[template=basic] .site__main > *:nth-child(2n-1) {
  width: calc(((var(--column-width, 100%) + var(--column-gap, 12px)) * var(--column-ratio, (4/18)) - var(--column-gap, 12px)) * 1);
}
.site[template=basic] .site__main > *:nth-child(2n) {
  width: calc(((var(--column-width, 100%) + var(--column-gap, 12px)) * var(--column-ratio, (10/18)) - var(--column-gap, 12px)) * 1);
}
.site[template=sidebar] .site__left {
  flex: 0 0 auto;
  width: 327px;
  padding-right: 1.8rem;
}
.site[template=sidebar] .site__left {
  border-right: 1px solid #181818;
}
.site[template=sidebar] .site__main {
  display: flex;
}
.site[template=sidebar] .site__main-left {
  padding-top: 1.4rem;
}
.site[template=sidebar] .site__main-right {
  flex: 1 1 auto;
  padding-top: 1.5rem;
  padding-left: 3.8rem;
}

.site-logo {
  text-decoration: none;
  pointer-events: all;
}
.site-logo strong {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.05em;
}
.site-logo strong {
  font-weight: 400;
}
.site-logo strong {
  font-size: 2.25rem;
  line-height: 1.0833333333;
  letter-spacing: -0.005em;
}
.site-logo small {
  display: block;
}
.site-logo small {
  font-size: 1rem;
  letter-spacing: -0.005em;
}
.site-logo small.is-burden {
  color: #008BCA;
}
.site-logo small.is-burden {
  font-weight: 600;
}

.site-sidebar {
  position: sticky;
  top: var(--head-sidebar-top);
}

.site-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 2.55em;
  row-gap: 0.2em;
}
.site-menu a {
  background-color: #E8E8E8;
}
.site-menu a.is-current {
  font-weight: 600;
}
.site-menu__burden {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.site-foot {
  border-top: 1px solid #181818;
}
.site-foot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.site-foot {
  padding: 1em var(--column-padding, 30px);
}
.site-foot__menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.site-foot__bottom {
  margin-top: 5.5em;
  flex: 0 0 100%;
}
.site-foot__bottom {
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: -0.005em;
}

/* ----------------------------------------------------------------––––––-------
Items 
----------------------------------------------------------------––––––------- */
form :where(input:not([type], [unstyled]), input:not([type=color], [type=radio], [type=checkbox], [unstyled]), textarea, [contenteditable], .input-wrap, select) {
  color: var(--input-color, currentColor);
  background: var(--input-background, #FFFFFF);
  border: var(--input-border-size, 1px) var(--input-border-style, solid) var(--input-border-color, #C7C7C7);
  border-radius: 0.4em;
}
form :where(input:not([type], [unstyled]), input:not([type=color], [type=radio], [type=checkbox], [unstyled]), textarea, [contenteditable], .input-wrap, select) {
  padding: var(--input-padding, 0.2em 0.4em 0.25em 0.4em);
}
form :where(input:not([type], [unstyled]), input:not([type=color], [type=radio], [type=checkbox], [unstyled]), textarea, [contenteditable], .input-wrap, select).placeholder, form :where(input:not([type], [unstyled]), input:not([type=color], [type=radio], [type=checkbox], [unstyled]), textarea, [contenteditable], .input-wrap, select)::placeholder {
  color: #686868;
}
form :where(input:not([type], [unstyled]), input:not([type=color], [type=radio], [type=checkbox], [unstyled]), textarea, [contenteditable], .input-wrap, select) {
  outline: none;
}
form :where(input:not([type], [unstyled]), input:not([type=color], [type=radio], [type=checkbox], [unstyled]), textarea, [contenteditable], .input-wrap, select) {
  font: var(--input-font, inherit);
  line-height: var(--input-lineheight, inherit);
  margin: 0;
  width: 100%;
  vertical-align: top;
}
form .input-wrap {
  display: inline-flex;
}
form select {
  appearance: none;
}
form button[disabled], form input[disabled], form optgroup[disabled], form select[disabled], form textarea[disabled], form [contenteditable][disabled] {
  border-radius: 0;
  background: none;
  opacity: 1;
  border-style: none none solid none;
  border-top: 1px solid transparent;
}

select {
  border-radius: 2em;
  border: none;
  background-color: #FF973E;
  padding: 0.55em 1.1em;
  position: relative;
}
select {
  font-size: 1.125rem;
  line-height: 1.2222222222;
  letter-spacing: -0.005em;
}

[type=radio] {
  color: var(--form-radio-color, #181818);
  border: 1.5px solid var(--form-radio-border, #181818);
  appearance: none;
  position: relative;
  min-width: 0;
  -webkit-appearance: none;
  padding: 0;
}
[type=radio]::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
}
[type=radio]:where(:not(:checked))::after {
  opacity: 0;
}
[type=radio] {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
}
[type=radio]::after {
  border-radius: 100%;
  background-color: var(--form-radio-dot, #181818);
}
[type=radio]::after {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
}
[type=radio]::after {
  transform: translateX(-50%) translateY(-50%);
}
[type=radio]::after {
  width: 10px;
  height: 10px;
}
[type=checkbox] {
  color: var(--form-checkbox-color, #181818);
  border: 1.5px solid var(--form-checkbox-border, #181818);
  appearance: none;
  position: relative;
  min-width: 0;
  -webkit-appearance: none;
  padding: 0;
}
[type=checkbox]::after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
}
[type=checkbox]:where(:not(:checked))::after {
  opacity: 0;
}
[type=checkbox] {
  border-radius: 0;
}
[type=checkbox] {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
}
[type=checkbox]::after {
  font-size: 10px;
  color: var(--form-checkbox-dot, #181818);
  line-height: 0;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  content: "×";
}
[type=checkbox]::after {
  translate: 0 -2px;
  font-size: 16px;
}

.field.is-checkbox {
  margin-top: 0.7em;
}
.field.is-checkbox .field--options {
  display: flex;
  flex-direction: column;
  gap: 0.25em;
}
.field.is-checkbox .field--input {
  margin-right: 0.2em;
  translate: 0 1px;
}
.field.is-checkbox .field--text {
  display: inline-block;
  translate: 0 -1px;
}

.element-field-radios.is-choices .field--options {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.element-field-radios.is-choices .field--radio {
  flex: 0 0 auto;
}
.element-field-radios.is-choices .field--option {
  border: 1px solid #C7C7C7;
  border-radius: 0.4em;
  padding: 1em 0.75em 1.15em;
  display: flex;
  align-items: flex-start;
  gap: 0.5em;
}
.element-field-radios.is-choices .field--option h4 {
  font: inherit;
  margin: 0;
}
.element-field-radios.is-choices .field--option .txt {
  margin: 0;
}
.element-field-radios.is-choices .field--option p {
  margin: 0;
  color: #686868;
}
.element-field-radios.is-choices .field--option p {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: -0.005em;
}
.element-field-radios.is-choices .field--option input {
  margin-top: 2px;
}
.element-field-radios.is-choices .field--option:has(input:checked) {
  border-color: #181818;
}

.field-age-groups__list {
  display: flex;
  flex-direction: column;
  gap: 0.6em;
}
.field-age-groups__content {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.field-age-groups__left {
  flex: 0 0 1.4em;
}
.field-age-groups__remove {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: -1px;
  font-size: 14px;
  position: relative;
}
.field-age-groups__remove {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  overflow: hidden;
}
.field-age-groups__remove img {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
}
.field-age-groups__remove img {
  transform: translateX(-50%) translateY(-50%);
}
.field-age-groups__fields input {
  max-width: 3.1em;
  text-align: center;
}
.field-age-groups__fields-sep {
  display: inline-block;
  padding-top: 0.25em;
  text-align: center;
  width: 1.1em;
}
.field-age-groups__fields-suffix {
  display: inline-block;
  padding-left: 0.3em;
}
.field-age-groups__right {
  padding-left: 0.9em;
}
.field-age-groups__right button {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: -0.005em;
}
.field-age-groups__item.is-last .field-age-groups__remove {
  visibility: hidden;
}
.field-age-groups.is-single .field-age-groups__remove {
  visibility: hidden;
}
.field-age-groups.is-single .field-age-groups__after {
  display: none;
}
.field-age-groups.is-many .field-age-groups__before {
  display: none;
}
.field-age-groups.is-many .field-age-groups__item.is-last .field-age-groups__before, .field-age-groups.is-many .field-age-groups__item.is-last .field-age-groups__after {
  display: none;
}

.field-table__table-wrap {
  width: var(--max-width);
}
.field-table__table-wrap {
  overflow-x: auto;
  overflow-y: hidden;
}
.field-table__table-wrap {
  scrollbar-width: none;
}
.field-table__table-wrap::-webkit-scrollbar {
  display: none;
}
.field-table table {
  table-layout: fixed;
  width: auto;
  margin-bottom: 0;
}
.field-table thead th:first-child,
.field-table tbody th {
  position: sticky;
  left: 0;
  white-space: nowrap;
  width: 104px;
  background-color: #E8E8E8;
  z-index: 5;
}
.field-table tbody td {
  min-width: 190px;
}
.field-table small {
  margin-top: 0.2em;
}
.field-table input {
  width: 190px;
}
.field-table__toggle-box {
  position: relative;
  width: 22px !important;
  width: 25px !important;
}
.field-table__group {
  left: 22px !important;
  left: 25px !important;
}
[item][is-open] .field-table__toggle-box::after {
  content: "";
  display: block;
  border: 1px solid #C7C7C7;
  border-style: none none solid solid;
  width: 10px;
  pointer-events: none;
}
[item][is-open] .field-table__toggle-box::after {
  position: absolute;
  top: 20px;
  right: auto;
  bottom: auto;
  left: 5px;
}
[item][is-open] .field-table__toggle-box::after {
  bottom: 17px;
}
.field-table__ci {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: -0.005em;
}
.field-table__ci th {
  color: #686868;
}
.field-table__actions {
  display: flex;
  justify-content: space-between;
  gap: 2em;
  padding-left: 25px;
}

.item-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
}
.item-logos {
  color: #181818;
  border-color: #181818;
}
.item-logos svg:not([unstyled]) path[stroke] {
  fill: transparent;
  stroke: #181818;
}
.item-logos svg:not([unstyled]) rect[stroke]:not([stroke=transparent]),
.item-logos svg:not([unstyled]) circle[stroke]:not([stroke=transparent]) {
  stroke: #181818;
}
.item-logos svg:not([unstyled]) path:not([stroke], [fill]), .item-logos svg:not([unstyled]) line, .item-logos svg:not([unstyled]) rect:not([fill=transparent]), .item-logos svg:not([unstyled]) polygon, .item-logos svg:not([unstyled]) circle:not([fill=transparent]), .item-logos svg:not([unstyled]) path[fill]:not([fill=transparent]) {
  fill: #181818;
}
.item-logos svg:not([unstyled]) line {
  stroke: #181818;
}

.faq {
  font-size: 1rem;
  letter-spacing: -0.005em;
}
.faq details {
  margin-bottom: 0.3em;
  position: relative;
  padding-left: 1.7em;
}
.faq details::before {
  position: absolute;
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
.faq details::before {
  content: url(/theme/assets/images/caret-right.svg);
}
.faq details[open]::before {
  rotate: 90deg;
}
.faq summary {
  margin-bottom: 1.45em;
}
.faq h4 {
  font-size: 1.375rem;
  line-height: 1.1363636364;
  letter-spacing: -0.005em;
}

/* ----------------------------------------------------------------––––––-------
Pages 
----------------------------------------------------------------––––––------- */
.page-home .site__main-right {
  padding-top: 0.5rem;
}
.page-home__row {
  display: flex;
  column-gap: var(--column-gap, 12px);
  flex-direction: row;
}
.page-home__row > * {
  flex: 0 0 auto;
}
.page-home__row > * {
  width: calc(((var(--column-width, 100%) + var(--column-gap, 12px)) * var(--column-ratio, (1/2)) - var(--column-gap, 12px)) * 1);
}
.page-home__row-left {
  padding-right: calc(((var(--column-width, 100%) + var(--column-gap, 12px)) * var(--column-ratio, (1/18)) - var(--column-gap, 12px) + (var(--column-gap, 12px) * 1)) * 1);
}
.page-home__row hr {
  margin-bottom: 1.2em;
}
.page-home__top {
  padding-top: 1.6rem;
  align-items: flex-end;
}
.page-home__explain {
  font-size: 1.375rem;
  line-height: 1.1363636364;
  letter-spacing: -0.005em;
}
.page-home__explain li {
  font-size: 1.125rem;
  line-height: 1.2222222222;
  letter-spacing: -0.005em;
}
.page-home__bottom {
  margin-top: 1em;
}

.item-page-basic-sidebar-anchors {
  padding-top: 1em;
  margin-right: 1.9rem;
}
.item-page-basic-sidebar-anchors {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: -0.005em;
}
.item-page-basic-sidebar-anchors__head {
  text-align: center;
  margin-bottom: 1.4em;
}
.item-page-basic-sidebar-anchors__head {
  font-weight: 600;
}
.item-page-basic-sidebar-anchors__head {
  border-bottom: 1px solid #FF973E;
}
.item-page-basic-sidebar-anchors__head {
  border-width: 2px;
}
.item-page-basic-sidebar-anchors__links {
  display: flex;
  flex-direction: column;
  gap: 0.9em;
}
.item-page-basic-sidebar-anchors__links a.is-current {
  font-weight: 600;
}

.item-page-tool-sidebar__sections {
  margin-bottom: 3em;
}
.item-page-tool-sidebar__group {
  margin-bottom: 1.1em;
}
.item-page-tool-sidebar__head {
  background-color: #C7C7C7;
  margin: 0;
  padding: 0.35em 0.65em 0.4em;
  position: relative;
}
.item-page-tool-sidebar__head::after {
  content: "+";
  padding: 0.25em 0.6em;
}
.item-page-tool-sidebar__head::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.item-page-tool-sidebar__head[open]::after {
  content: "−";
}
.item-page-tool-sidebar__main {
  display: flex;
  flex-direction: column;
  padding: 0.8em 0 0.2em;
  gap: 0.6em;
}
.item-page-tool-sidebar__main {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: -0.005em;
}
.item-page-tool-sidebar__link {
  text-decoration: none;
  margin-left: calc(var(--indent, 0) * 1.4em);
}
.item-page-tool-sidebar__link.is-current {
  font-weight: 600;
}
.item-page-tool-sidebar__link.is-next {
  color: #686868;
}
.item-page-tool-sidebar__link.is-hidden {
  background-color: rgba(255, 0, 0, 0.2);
  display: none;
}
.item-page-tool-sidebar__reset {
  color: #686868;
}

.page-tool__form {
  padding-bottom: 9.6rem;
}
.page-tool__form {
  padding-right: calc(((var(--column-width, 100%) + var(--column-gap, 12px)) * var(--column-ratio, (1/18)) - var(--column-gap, 12px) + (var(--column-gap, 12px) * 1)) * 1);
}
.page-tool__content, .page-tool__nav, .page-tool__faq {
  max-width: 760px;
}
.page-tool__content h2 + .txt,
.page-tool__content h2 + p {
  color: #686868;
}
.page-tool__content h2 + .txt,
.page-tool__content h2 + p {
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: -0.005em;
}
.page-tool__nav {
  display: flex;
  justify-content: flex-end;
  gap: 1.3em;
  row-gap: 0.2em;
  flex-wrap: wrap;
  margin-top: 3.75em;
}
.page-tool__faq {
  margin-top: 4em;
}

.item-page-results-sidebar__head {
  display: flex;
}
.item-page-results-sidebar__head {
  border-bottom: 1px solid #181818;
}
.item-page-results-sidebar__head > * {
  flex: 1 1 auto;
  text-align: center;
}
.item-page-results-sidebar__anchors {
  display: flex;
  flex-direction: column;
}
.item-page-results-table__wrap {
  display: flex;
}
.item-page-results-table__wrap {
  overflow-x: auto;
  overflow-y: hidden;
}
.item-page-results-table__wrap::-webkit-scrollbar {
  height: calc(var(--scrollbar-size, 5px) + var(--scrollbar-padding, 3px) * 2);
  width: calc(var(--scrollbar-size, 5px) + var(--scrollbar-padding, 3px) * 2);
  border: var(--scrollbar-track-border);
}
.item-page-results-table__wrap::-webkit-scrollbar-track {
  background-color: var(--scrollbar-background, rgba(0, 0, 0, 0));
  border: var(--scrollbar-border);
}
.item-page-results-table__wrap::-webkit-scrollbar-thumb {
  border: var(--scrollbar-padding, 3px) solid rgba(0, 0, 0, 0);
  border-radius: var(--scrollbar-radius, var(--scrollbar-size, 5px));
  background-color: var(--scrollbar-color, black);
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px var(--scrollbar-border, transparent);
}
html.is-firefox .item-page-results-table__wrap {
  scrollbar-width: calc(var(--scrollbar-size, 5px) + var(--scrollbar-padding, 3px) * 2);
  scrollbar-color: var(--scrollbar-color, black) var(--scrollbar-background, rgba(0, 0, 0, 0));
}
.item-page-results-table table {
  table-layout: fixed;
  min-width: 100%;
  width: auto;
  max-width: none;
}
.item-page-results-table th, .item-page-results-table td {
  padding: 0.2em 0.6em 0.4em;
}
.item-page-results-table th {
  font-weight: normal;
}
.item-page-results-table td {
  width: auto;
}
.item-page-results-table strong {
  font-weight: normal;
  display: block;
}
.item-page-results-table th.is-indent {
  padding-left: 2.75em;
}
.item-page-results-table thead th:not([empty]) {
  border: 1px solid #C7C7C7;
  background-color: #DEDEDE;
  border-style: none solid none none;
}
.item-page-results-table thead th:last-child {
  border-right-style: none;
}
.item-page-results-table tbody tr {
  border-top: 1px solid #C7C7C7;
}
.item-page-results-table tbody th {
  background-color: #DEDEDE;
  width: 275px;
  min-width: 275px;
}
.item-page-results-table tbody td {
  min-width: 215px;
}
.item-page-results-table tbody td:not(:last-child) {
  border-right: 1px solid #C7C7C7;
}

.item-page-results-options {
  position: relative;
}
.item-page-results-options__inside {
  display: flex;
  gap: 1em;
}
.item-page-results-options.is-top .item-page-results-options__inside {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
.item-page-results-options.is-bottom {
  margin-top: 2em;
  margin-bottom: 3em;
}

.item-page-results-title {
  margin: 1.2em 0 1.2em;
}
.item-page-results-title__meta {
  margin-bottom: 1em;
}
.item-page-results-title__meta dt {
  flex: 0 0 auto;
}
.item-page-results-title__meta > div {
  display: flex;
  gap: 0.2em;
}

.item-page-results-debug table {
  margin: 0;
}
.item-page-results-debug th, .item-page-results-debug td {
  font-size: 12px;
  padding: 0.2em;
}
.item-page-results-debug th {
  font-weight: normal;
}
.item-page-results-debug strong {
  font-weight: normal;
  display: block;
}
.item-page-results-debug th.is-indent {
  padding-left: 4em;
}
.item-page-results-debug thead th {
  border: 1px solid #C7C7C7;
  background-color: #DEDEDE;
  border-style: none solid none none;
}
.item-page-results-debug thead th:last-child {
  border-right-style: none;
}
.item-page-results-debug tbody tr {
  border-top: 1px solid #C7C7C7;
}
.item-page-results-debug tbody th, .item-page-results-debug tbody td {
  white-space: nowrap;
}
.item-page-results-debug tbody th {
  background-color: #DEDEDE;
}
.item-page-results-debug tbody td:not(:last-child) {
  border-right: 1px solid #C7C7C7;
}
.item-page-results-debug__group {
  margin-bottom: 2em;
}
.item-page-results-debug__group {
  display: flex;
  column-gap: var(--column-gap, 12px);
  flex-direction: row;
}
.item-page-results-debug__group > * {
  flex: 0 0 auto;
}
.item-page-results-debug__group > *:nth-child(2n-1) {
  width: calc(((var(--column-width, 100%) + var(--column-gap, 12px)) * var(--column-ratio, (6/10)) - var(--column-gap, 12px)) * 1);
}
.item-page-results-debug__group > *:nth-child(2n) {
  width: calc(((var(--column-width, 100%) + var(--column-gap, 12px)) * var(--column-ratio, (4/10)) - var(--column-gap, 12px)) * 1);
}
.item-page-results-debug__overlay {
  height: 50vh;
  background-color: #FFFFFF;
  padding: 1em;
}
.item-page-results-debug__overlay {
  overflow-y: auto;
  overflow-x: hidden;
}
.item-page-results-debug__overlay::-webkit-scrollbar {
  height: calc(var(--scrollbar-size, 5px) + var(--scrollbar-padding, 3px) * 2);
  width: calc(var(--scrollbar-size, 5px) + var(--scrollbar-padding, 3px) * 2);
  border: var(--scrollbar-track-border);
}
.item-page-results-debug__overlay::-webkit-scrollbar-track {
  background-color: var(--scrollbar-background, rgba(0, 0, 0, 0));
  border: var(--scrollbar-border);
}
.item-page-results-debug__overlay::-webkit-scrollbar-thumb {
  border: var(--scrollbar-padding, 3px) solid rgba(0, 0, 0, 0);
  border-radius: var(--scrollbar-radius, var(--scrollbar-size, 5px));
  background-color: var(--scrollbar-color, black);
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px var(--scrollbar-border, transparent);
}
html.is-firefox .item-page-results-debug__overlay {
  scrollbar-width: calc(var(--scrollbar-size, 5px) + var(--scrollbar-padding, 3px) * 2);
  scrollbar-color: var(--scrollbar-color, black) var(--scrollbar-background, rgba(0, 0, 0, 0));
}
.item-page-results-debug__overlay {
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.item-page-results-debug__overlay {
  z-index: 150;
}

.page-results .site__main-right {
  overflow: hidden;
}
.page-results__title {
  margin-bottom: 0.25em;
}
.page-results__title small {
  display: block;
  margin-bottom: 0.9em;
}
.page-results__title small {
  font-size: 1.375rem;
  line-height: 1.1363636364;
  letter-spacing: -0.005em;
}
.page-results__meta {
  margin: 0.2em 0 0.8em 0;
}
.page-results__meta {
  font-size: 1.75rem;
  line-height: 1.0714285714;
  letter-spacing: -0.005em;
}
.page-results__meta dt {
  color: #686868;
}
.page-results__meta > div {
  display: flex;
  gap: 0.2em;
}
.page-results__seasons {
  display: flex;
  gap: 0.5em;
}
.page-results__seasons-label {
  flex: 0 0 auto;
}
.page-results__seasons-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  row-gap: 0.7em;
  margin-top: -0.1em;
}
.page-results__seasons a {
  background-color: #DEDEDE;
  border-radius: 1em;
  padding: 0.1em 0.6em;
  text-decoration: none;
}
.page-results__seasons a.is-current {
  background-color: #FFFFFF;
}
.page-results__main section {
  margin: 1.2em 0;
  padding: 2.75em 0;
}
.page-results__main section {
  border-top: 1px solid #C7C7C7;
}
.page-results__graphic {
  position: relative;
}
.page-results__graphic-pyramid {
  width: 100%;
  height: 480px;
  margin: 0;
}
.page-results__graphic-rows {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.page-results__graphic-rows {
  display: flex;
  flex-direction: column;
}
.page-results__graphic-row {
  display: flex;
  flex-direction: column;
  flex: 0 0 33.3333333333%;
}
.page-results__graphic-row {
  border-top: 1px solid #181818;
}
.page-results__graphic-row strong {
  display: block;
}
.page-results__graphic-row strong {
  font-weight: 400;
}
.page-results__graphic-row strong {
  font-size: 1.125rem;
  line-height: 1.2222222222;
  letter-spacing: -0.005em;
}
.page-results__graphic-row > * {
  flex: 0 0 50%;
}
.page-results__graphic-subrow:not(:first-child) {
  border-top: 1px dashed #181818;
}
.page-results__burden {
  width: 349px;
  padding: 0.7em 1em 0.9em;
}
.page-results__burden {
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: -0.005em;
}
.page-results__burden {
  position: absolute;
  top: 1em;
  right: 0;
  bottom: auto;
  left: auto;
}
.page-results__burden {
  z-index: 30;
}
.page-results__burden h3 {
  margin: 0 0 0.4em 0;
}
.page-results__burden h3 {
  font-size: 1.125rem;
  line-height: 1.2222222222;
  letter-spacing: -0.005em;
}
.page-results__burden .txt {
  margin: 0.4em 0 1.5em 0;
}
.page-results__burden .btn, .page-results__burden button:not([unstyled]), .page-results__burden :where(input:is([type=submit], [type=button]):not([unstyled])) {
  padding: 0.64em;
  display: flex;
  justify-content: center;
  gap: 0.5em;
}
.page-results__burden .btn, .page-results__burden button:not([unstyled]), .page-results__burden :where(input:is([type=submit], [type=button]):not([unstyled])) {
  font-size: 1rem;
  letter-spacing: -0.005em;
}
/*# sourceMappingURL=style.css.map */