@charset "UTF-8";
:root {
  --gap: 2rem;
  /* brand foundation */
  --brand-hue: 300;
  --brand-saturation: 100%;
  --brand-lightness: 50%;
  /* light */
  --brand-light: hsl(var(--brand-hue) var(--brand-saturation) var(--brand-lightness));
  --text1-light: hsl(var(--brand-hue) var(--brand-saturation) 10%);
  --text2-light: hsl(var(--brand-hue) 30% 30%);
  --surface1-light: hsl(var(--brand-hue) 25% 90%);
  --surface2-light: hsl(var(--brand-hue) 20% 99%);
  --surface3-light: hsl(var(--brand-hue) 20% 92%);
  --surface4-light: hsl(var(--brand-hue) 20% 85%);
  --surface-shadow-light: hsl(var(--brand-hue) 10% 20%);
  --shadow-strength-light: .02;
  /* dark */
  --brand-dark: hsl(var(--brand-hue) calc(var(--brand-saturation) / 2) calc(var(--brand-lightness) / 1.5));
  --text1-dark: hsl(var(--brand-hue) 15% 85%);
  --text2-dark: hsl(var(--brand-hue) 5% 65%);
  --surface1-dark: hsl(var(--brand-hue) 10% 10%);
  --surface2-dark: hsl(var(--brand-hue) 10% 15%);
  --surface3-dark: hsl(var(--brand-hue) 5% 20%);
  --surface4-dark: hsl(var(--brand-hue) 5% 25%);
  --surface-shadow-dark: hsl(var(--brand-hue) 50% 3%);
  --shadow-strength-dark: .8;
  /* dim */
  --brand-dim: hsl(var(--brand-hue) calc(var(--brand-saturation) / 1.25) calc(var(--brand-lightness) / 1.25));
  --text1-dim: hsl(var(--brand-hue) 15% 75%);
  --text2-dim: hsl(var(--brand-hue) 10% 61%);
  --surface1-dim: hsl(var(--brand-hue) 10% 20%);
  --surface2-dim: hsl(var(--brand-hue) 10% 25%);
  --surface3-dim: hsl(var(--brand-hue) 5% 30%);
  --surface4-dim: hsl(var(--brand-hue) 5% 35%);
  --surface-shadow-dim: hsl(var(--brand-hue) 30% 13%);
  --shadow-strength-dim: .2;
  color-scheme: light dark;
  /* Default: auto light/dark via light-dark() */
  --brand: light-dark(var(--brand-light), var(--brand-dark));
  --text1: light-dark(var(--text1-light), var(--text1-dark));
  --text2: light-dark(var(--text2-light), var(--text2-dark));
  --surface1: light-dark(var(--surface1-light), var(--surface1-dark));
  --surface2: light-dark(var(--surface2-light), var(--surface2-dark));
  --surface3: light-dark(var(--surface3-light), var(--surface3-dark));
  --surface4: light-dark(var(--surface4-light), var(--surface4-dark));
  --surface-shadow: light-dark(var(--surface-shadow-light), var(--surface-shadow-dark));
  --shadow-strength: light-dark(var(--shadow-strength-light), var(--shadow-strength-dark));
}

@layer reset, base, main, hue;
@layer base {
  section {
    margin: 0;
    overflow: clip;
  }
  body,
  html {
    --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-family: var(--font-family);
    background-color: var(--surface1);
    color: var(--text1);
    margin: 0;
  }
  h2 {
    color: var(--text1);
    font-size: 2rem;
    margin: 0;
    font-weight: bold;
  }
  p {
    color: var(--text2);
    margin: 1rem 0;
    font-size: 1.2rem;
    line-height: 1.2;
  }
  input {
    accent-color: var(--brand);
  }
  a {
    color: var(--brand-color-dynamic);
  }
  button.brand-btn,
  input[type=submit].brand-btn {
    color: var(--text1);
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    line-height: 3;
    margin: 0;
    min-width: 160px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    width: fit-content;
    font-weight: 100;
    padding: 0;
    background-color: transparent;
    border: none;
    transition: all 0.3s ease;
  }
  button.brand-btn svg,
  input[type=submit].brand-btn svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  button.brand-btn rect,
  input[type=submit].brand-btn rect {
    fill: none;
    stroke: var(--text1);
    stroke-width: 5;
    stroke-dasharray: 422, 0;
    transition: all 0.35s linear;
  }
  button.brand-btn:hover,
  input[type=submit].brand-btn:hover {
    font-weight: 900;
    letter-spacing: 1px;
  }
  button.brand-btn:hover rect,
  input[type=submit].brand-btn:hover rect {
    stroke-dasharray: 15, 310;
    stroke-dashoffset: 48;
  }
}
@layer main {
  @property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
  }
  @keyframes count-up {
    from {
      --num: 0;
    }
    to {
      --num: var(--target);
    }
  }
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  @keyframes expand {
    from {
      width: 50%;
      height: 50%;
    }
    to {
      width: 100%;
      height: 100%;
    }
  }
  @keyframes zoom {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(1.5);
    }
  }
  @keyframes minify {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0.7);
    }
  }
  @keyframes slideup {
    from {
      translate: 0 10vh;
    }
    to {
      translate: 0 0;
    }
  }
  @keyframes fadein {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes move {
    to {
      /* Move horizontally so that right edge is aligned against the viewport */
      transform: translateX(calc(-100% + 100vw));
    }
  }
  .brand__quote {
    --_quote-height: 100vh;
    display: grid;
    min-height: var(--_quote-height);
    align-items: center;
    padding: 2rem;
    gap: var(--gap);
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
    overflow: hidden;
  }
  .brand__quote-img-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
  }
  .brand__quote-bg {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    inset: 0;
    animation: zoom 15s ease infinite alternate;
  }
  .brand__quote-img {
    position: absolute;
    aspect-ratio: 9/16;
    object-fit: cover;
    object-position: center;
    border-radius: 3rem;
    border: 3px solid var(--brand);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 80%;
    border: 1px solid hsl(var(--brand-hue), 10%, 50%, 15%);
    box-shadow: 0 40px 80px var(--surface-shadow);
  }
  .brand__quote blockquote {
    font-size: 10vmin;
    line-height: 1.2;
    font-style: italic;
    text-align: center;
  }
  .brand__quote blockquote::before {
    content: "“";
    color: var(--brand);
  }
  .brand__quote blockquote::after {
    content: "”";
    color: var(--brand);
  }
  @media screen and (min-width: 768px) {
    .brand__quote {
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
      --_quote-height: 50vh;
    }
  }
  .brand__interscroller-wrapper {
    position: relative;
    height: 100vh;
    overflow: hidden;
  }
  .brand__interscroller-bg-wrapper {
    position: absolute;
    width: 100vw;
    height: 100vh;
    clip: rect(0px 100vw 100vh 0px);
  }
  .brand__interscroller-bg-wrapper h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    mix-blend-mode: difference;
    font-size: clamp(1.5rem, 15vw, 5rem);
    z-index: 1;
    font-weight: bolder;
  }
  .brand__interscroller-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    backface-visibility: hidden;
  }
  .brand__interscroller-bg img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100%;
  }
  @media (prefers-color-scheme: dark) {
    .brand__interscroller-bg img {
      filter: brightness(0.5);
    }
  }
  .brand__gallery {
    height: 100vh;
    display: flex;
    align-items: center;
    overflow: auto;
    background-color: var(--brand);
  }
  @supports (animation-timeline: view()) {
    .brand__gallery {
      height: 500vh;
      overflow: clip;
      view-timeline-name: --section-pin-tl;
      view-timeline-axis: block;
      display: block;
    }
  }
  @supports (animation-timeline: view()) {
    .brand__gallery-stick {
      height: 100vh;
      width: 100vw;
      position: sticky;
      top: 0;
      overflow: clip;
      width: 100vw;
    }
  }
  .brand__gallery-wrapper {
    display: flex;
    flex-direction: row;
    gap: var(--gap);
    overflow-x: auto;
    min-height: 50vh;
    padding: 1rem;
    align-items: center;
  }
  @supports (animation-timeline: view()) {
    .brand__gallery-wrapper {
      --_gallery-width: max-content;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 50px 1rem;
      width: var(--_gallery-width);
      height: 100vh;
      overflow: clip;
      /* Hook animation */
      will-change: transform;
      animation: linear move forwards;
      /* Link animation to view-timeline */
      animation-timeline: --section-pin-tl;
      animation-range: contain 0% contain 100%;
    }
  }
  .brand__gallery-item {
    --_item-width: 300px;
    flex: 0 0 auto;
    width: var(--_item-width);
    border-radius: 1rem;
    color: var(--text1);
    overflow: hidden;
    transition: transform 0.6s ease-in-out, box-shadow 0.6s ease-in-out;
    background-color: var(--surface3);
  }
  @media screen and (min-width: 768px) {
    .brand__gallery-item {
      --_item-width: 500px;
    }
  }
  .brand__gallery-item:hover {
    border: 1px solid var(--brand);
    transform: scale(1.02);
  }
  .brand__gallery-item p {
    margin: 1rem;
  }
  .brand__gallery-item img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1/1;
  }
  .brand__card {
    --card-width: 90vw;
    --card-padding: .5rem;
    --_card-direction: column;
    padding: var(--card-padding);
    border-radius: 1rem;
    display: flex;
    flex-direction: var(--_card-direction);
    color: var(--brand-text);
    width: var(--card-width);
    margin: 0 auto;
    gap: var(--gap);
    background-color: var(--surface3);
    border: 1px solid hsl(var(--brand-hue), 10%, 50%, 15%);
    box-shadow: 0 40px 80px var(--surface-shadow);
  }
  @media screen and (min-width: 768px) {
    .brand__card {
      --_card-direction: row;
      --card-width: 60vw;
    }
  }
  .brand__sticky .brand__card {
    position: sticky;
    top: 0;
    z-index: 99;
  }
  @supports (animation-timeline: view()) {
    .brand__sticky .brand__card {
      animation: linear minify forwards;
      animation-timeline: view();
    }
  }
  .brand__card-text {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 1rem;
    z-index: 1;
  }
  .brand__card img {
    --_img-width: 100%;
    border-radius: 1rem;
    object-fit: cover;
    object-position: center;
    width: var(--_img-width);
    aspect-ratio: 1/1;
  }
  @media (prefers-color-scheme: dark) {
    .brand__card img {
      filter: brightness(0.5);
    }
  }
  @media screen and (min-width: 768px) {
    .brand__card img {
      --_img-width: 50%;
    }
  }
  .brand__text {
    display: grid;
    min-height: 50vh;
    align-items: center;
    padding: 1rem 2rem;
    gap: var(--gap);
    flex-direction: column;
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
  }
  @media screen and (min-width: 768px) {
    .brand__text {
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
    .brand__text h2 {
      font-size: 3rem;
      margin: 0;
      color: var(--text1);
    }
    .brand__text p {
      color: var(--text2);
    }
    @supports (animation-timeline: view()) {
      .brand__text p {
        animation: slideup linear forwards;
        animation-timeline: view();
        animation-range: entry 0% cover 25%;
      }
    }
  }
  .brand__data {
    padding: 2rem;
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
    gap: var(--gap);
  }
  @media screen and (min-width: 768px) {
    .brand__data {
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
  }
  .brand__data-intro {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--gap);
  }
  .brand__data-numbers {
    --_number-direction: column;
    --_number-justify: center;
    display: flex;
    flex-direction: var(--_number-direction);
    justify-content: space-between;
    align-items: var(--_number-justify);
    gap: var(--gap);
  }
  @media screen and (min-width: 768px) {
    .brand__data-numbers {
      --_number-direction: row;
    }
  }
  .brand__data-number {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap);
  }
  .brand__data-number small {
    font-size: 1rem;
    color: var(--text1);
  }
  .brand__data-number {
    font-size: 3rem;
    color: var(--brand);
    font-weight: bolder;
  }
  @supports (animation-timeline: view()) {
    .brand__data-number {
      animation: count-up linear forwards;
      animation-timeline: view();
      animation-range: entry 20% cover 30%;
      counter-reset: num var(--num);
    }
    .brand__data-number::after {
      content: counter(num);
    }
  }
  .brand__data-hidden {
    display: block;
  }
  @supports (animation-timeline: view()) {
    .brand__data-hidden {
      display: none;
    }
  }
  .brand__data-title {
    font-size: 2rem;
  }
  .brand__video {
    view-timeline-axis: block;
    view-timeline-name: --section-pin-tl;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100vh;
    width: 80vw;
    margin: 1rem auto;
    transition: background-color 0.3s ease;
    padding: var(--card-padding);
    border-radius: 1rem;
    overflow: hidden;
    aspect-ratio: 16/9;
  }
  .brand__video video {
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 1rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s ease;
  }
  @supports (animation-timeline: view()) {
    .brand__video video {
      width: 50%;
      height: 50%;
      animation: expand linear forwards;
      animation-timeline: --section-pin-tl;
      animation-range: entry 25% cover 50%;
    }
  }
  .brand__youtube {
    display: grid;
    align-items: center;
    padding: 2rem;
    gap: var(--gap);
    grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
    overflow: hidden;
  }
  @media screen and (min-width: 768px) {
    .brand__youtube {
      grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
  }
  .brand__youtube-text h2 {
    font-size: 2rem;
  }
  .brand__youtube-video {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--brand);
    height: 100%;
    min-height: fit-content;
    padding: 1rem;
    border-radius: 1rem;
  }
  .brand__youtube-video iframe {
    border: 1px solid hsl(var(--brand-hue), 10%, 50%, 15%);
    box-shadow: 0 40px 80px var(--surface-shadow);
    border-radius: 1rem;
  }
  .brand__hero {
    --_hero-direction: column;
    min-height: calc(100vh - 5rem);
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease;
    padding: var(--card-padding);
    display: flex;
    width: var(--card-width);
    margin: 0 auto;
    padding: 2rem;
    flex-direction: var(--_hero-direction);
  }
  @media screen and (min-width: 768px) {
    .brand__hero {
      justify-content: space-between;
    }
  }
  .brand__hero img {
    --_hero-image-width: calc(100% - 4rem);
    --_hero-image-height: calc(100% - 4rem);
    aspect-ratio: 1;
    object-fit: cover;
    object-position: center;
    position: absolute;
    right: 2rem;
    top: 2rem;
    width: var(--_hero-image-width);
    height: var(--_hero-image-height);
    border-radius: 1rem;
    background-color: var(--brand);
  }
  @media (prefers-color-scheme: dark) {
    .brand__hero img {
      filter: brightness(0.5);
    }
  }
  @media screen and (min-width: 768px) {
    .brand__hero img {
      --_hero-image-height: calc(100% - 4rem);
    }
  }
  .brand__hero-text {
    display: flex;
    flex-direction: column;
    justify-content: end;
    flex: 1;
    font-size: 1.5rem;
    z-index: 1;
    text-transform: uppercase;
    container-type: inline-size;
    width: -webkit-fill-available;
    mix-blend-mode: difference;
  }
  .brand__hero-text h2 {
    color: white;
    text-wrap: balance;
    font-weight: bolder;
    font-size: clamp(1.5rem, 15vw, 5rem);
    line-height: 1;
    margin: 0;
    line-height: 1;
  }
  @supports (container-type: inline-size) {
    .brand__hero-text h2 {
      font-size: clamp(2rem, 25cqi, 25dvh);
    }
  }
  .brand__hero p {
    font-weight: bolder;
    width: fit-content;
    font-size: 1.5rem;
    line-height: 1;
    margin: 0;
    line-height: 1;
    background-color: var(--surface1);
    z-index: 1;
    padding: 1rem 1rem 1rem 0;
    border-top-right-radius: 1rem;
  }
  .brand__timeline {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    max-width: 800px;
    margin: 0 auto;
  }
  .brand__timeline-step {
    position: sticky;
    top: 1rem;
    background-color: var(--surface3);
    padding: 2rem;
  }
  .brand__timeline-step::before, .brand__timeline-step::after {
    content: "";
    position: absolute;
    background-color: var(--brand);
    z-index: -1;
  }
  .brand__timeline-step::after {
    top: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    left: 0;
    transform: translateX(-50%);
  }
  .brand__timeline-step::before {
    top: 0;
    width: 3px;
    height: 100%;
    left: 0;
    transform: translateX(-50%);
  }
  .brand__timeline-step h2 {
    font-size: 1rem;
  }
  .brand__survey {
    --_survey-height: 50vh;
    min-height: var(--_survey-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 1rem;
    gap: var(--gap);
    margin: 0 auto;
  }
  @media screen and (min-width: 768px) {
    .brand__survey {
      --_survey-height: 100vh;
    }
  }
  .brand__survey-form {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 1rem;
    gap: var(--gap);
    transition: all 0.6s ease-in-out;
    border: 1px solid hsl(var(--brand-hue), 10%, 50%, 15%);
    box-shadow: 0 40px 80px var(--surface-shadow);
  }
  .brand__survey-form:has(input[type=radio]:checked) .brand__survey-number,
  .brand__survey-form:has(input[type=radio]:checked) .brand__survey-progress {
    /* Stato VISIBILE */
    visibility: visible;
    opacity: 1;
  }
  .brand__survey-form:has(input[type=radio]:checked) + .brand__survey-thanks {
    /* Stato VISIBILE */
    visibility: visible;
    opacity: 1;
  }
  .brand__survey-form:has(input[type=radio]:checked) .brand__survey-number {
    font-size: 2rem;
  }
  .brand__survey-form:has(input[type=radio]:checked)::before {
    display: none;
  }
  .brand__survey-form::before {
    content: "";
    position: absolute;
    width: 1000px;
    height: 1000px;
    background-image: conic-gradient(transparent, transparent, transparent, var(--brand));
    animation: animate 4s linear infinite;
  }
  @keyframes animate {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .brand__survey-form span {
    position: absolute;
    inset: 5px;
    border-radius: 16px;
    background: var(--surface3);
    z-index: 1;
  }
  .brand__survey-option {
    padding: 1rem 0;
    cursor: pointer;
    transition: background-color 0.3s ease;
    z-index: 2;
    line-height: 1.5;
    color: var(--text1);
    position: relative;
    display: flex;
    gap: var(--gap);
  }
  .brand__survey-option:hover {
    color: var(--text2);
  }
  .brand__survey-number {
    color: var(--brand);
    font-weight: bold;
    font-size: 0rem;
    margin-left: auto;
  }
  .brand__survey-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    background-color: var(--brand);
    transition: width 0.3s ease;
    border-radius: 8px;
  }
  .brand__survey-thanks, .brand__survey-progress, .brand__survey-number {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .brand__survey-thanks {
    text-align: center;
    font-size: 1rem;
  }
}
@layer hue {
  .hue-picker {
    display: flex;
    align-items: center;
    gap: var(--gap);
    padding: 12px;
    background: #f5f5f5;
    border-radius: 8px;
    font-family: sans-serif;
    z-index: 99;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
  }
  .hue-slider {
    width: 200px;
    -webkit-appearance: none;
    height: 8px;
    border-radius: 4px;
    background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(0, 100%, 50%));
    outline: none;
  }
  .hue-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: white;
    border: 2px solid #ccc;
    cursor: pointer;
  }
  .preview {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .hue-value {
    min-width: 40px;
    font-weight: bold;
    color: #333;
  }
}
@layer reset {
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  /* HTML5 display-role reset for older browsers */
  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: "";
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  button {
    border: none;
    margin: 0;
    padding: 0;
    width: fit-content;
    overflow: visible;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
  }
}

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