.custom-checkbox__field:checked + .custom-checkbox__content::after {
  opacity: 1; }

.custom-checkbox__field:focus + .custom-checkbox__content::before {
  outline: 2px solid #f00;
  outline-offset: 2px; }

.custom-checkbox__field:disabled + .custom-checkbox__content {
  opacity: 0.4;
  pointer-events: none; }

.fluid-font-size {
  font-size: 24px; }
  @media (min-width: 320px) {
    .fluid-font-size {
      font-size: 18px;
      font-size: calc(0.01071 * 100vw + 20.57143px); } }
  @media (min-width: 1440px) {
    .fluid-font-size {
      font-size: 36px; } }

.fluid-line-height {
  line-height: 35px; }
  @media (min-width: 320px) {
    .fluid-line-height {
      line-height: 18px;
      line-height: calc(0.01518 * 100vw + 30.14286px); } }
  @media (min-width: 1440px) {
    .fluid-line-height {
      line-height: 52px; } }

.example {
  padding-top: 56.25%; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  font-family: "asd", sans-serif;
  background-color: var(--color-white); }

img {
  max-width: 100%; }

a {
  text-decoration: none; }

ul {
  list-style: none;
  padding: 0; }

.is-outer {
  position: relative !important;
  left: -9999px !important; }

.site-container {
  overflow: hidden; }

.is-hidden {
  display: none !important; }

.for-mobile {
  display: none; }
  @media (max-width: 768px) {
    .for-mobile {
      display: block; } }

.error {
  border: 2px #ff4019 solid !important; }

.btn-reset {
  border: none;
  background: transparent;
  cursor: pointer; }

.container {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1200px; }

.js-focus-visible :focus:not(.focus-visible) {
  outline: none; }

/*# sourceMappingURL=global.css.map */