@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;600&display=swap);
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}

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

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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 and cancel buttons in Chrome and Safari on macOS.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-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 */
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  display: none;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 15px 30px;
  border-radius: 8px;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
/* -------------------
---- COLORS
------------------- */
/* -------------------
---- TABLES 
------------------- */
/* -------------------
---- MEDIA QUERIES
------------------- */
/* -------------------
---- FONTS
------------------- */
/* -------------------
---- MIXINS
------------------- */
/* -------------------
---- PROPERTIES
------------------- */
/* -------------------
---- FONTS MIXINS
------------------- */
/* -------------------
---- FUNCTIONS
------------------- */
.button, .formbuttoninvert, .component-form .fieldbutton--invert,
.component-form .fieldfile .fieldfile-name--invert, .formbutton, .component-form .fieldbutton--big,
.component-form .fieldfile .fieldfile-name--big, .component-form .fieldbutton,
.component-form .fieldfile .fieldfile-name, .component-form label.photo button,
.component-form .fieldlabel.photo button {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.16rem;
  font-weight: 800;
  transition: color 0.3s 0.1s ease-in-out;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 0.4rem;
  min-width: 1.5rem;
  color: #fff;
  overflow: hidden;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  white-space: nowrap;
  border: 0;
  border-radius: 0.06rem;
  box-sizing: border-box;
}
.button:after, .formbuttoninvert:after, .component-form .fieldbutton--invert:after,
.component-form .fieldfile .fieldfile-name--invert:after, .formbutton:after, .component-form .fieldbutton--big:after,
.component-form .fieldfile .fieldfile-name--big:after, .component-form .fieldbutton:after,
.component-form .fieldfile .fieldfile-name:after, .component-form label.photo button:after,
.component-form .fieldlabel.photo button:after, .button:before, .formbuttoninvert:before, .component-form .fieldbutton--invert:before,
.component-form .fieldfile .fieldfile-name--invert:before, .formbutton:before, .component-form .fieldbutton--big:before,
.component-form .fieldfile .fieldfile-name--big:before, .component-form .fieldbutton:before,
.component-form .fieldfile .fieldfile-name:before, .component-form label.photo button:before,
.component-form .fieldlabel.photo button:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background: #dc0b25;
  border-radius: 0.06rem;
  border: 1px solid #dc0b25;
  box-sizing: border-box;
}
.button:before, .formbuttoninvert:before, .component-form .fieldbutton--invert:before,
.component-form .fieldfile .fieldfile-name--invert:before, .formbutton:before, .component-form .fieldbutton--big:before,
.component-form .fieldfile .fieldfile-name--big:before, .component-form .fieldbutton:before,
.component-form .fieldfile .fieldfile-name:before, .component-form label.photo button:before,
.component-form .fieldlabel.photo button:before {
  transition: opacity 0.2s 0.1s ease-in-out, top 0.3s ease-in-out;
  opacity: 0;
  top: 150%;
  width: 100%;
  background: #fff;
  z-index: 2;
}
.button span, .formbuttoninvert span, .component-form .fieldbutton--invert span,
.component-form .fieldfile .fieldfile-name--invert span, .formbutton span, .component-form .fieldbutton--big span,
.component-form .fieldfile .fieldfile-name--big span, .component-form .fieldbutton span,
.component-form .fieldfile .fieldfile-name span, .component-form label.photo button span,
.component-form .fieldlabel.photo button span {
  position: relative;
  text-indent: 0;
  z-index: 3;
}
.button span.align-left, .formbuttoninvert span.align-left, .component-form .fieldbutton--invert span.align-left,
.component-form .fieldfile .fieldfile-name--invert span.align-left, .formbutton span.align-left, .component-form .fieldbutton--big span.align-left,
.component-form .fieldfile .fieldfile-name--big span.align-left, .component-form .fieldbutton span.align-left,
.component-form .fieldfile .fieldfile-name span.align-left, .component-form label.photo button span.align-left,
.component-form .fieldlabel.photo button span.align-left {
  margin: 0 auto 0 0.28rem;
  text-align: left;
}
.button span.align-left:not(:first-child):last-child, .formbuttoninvert span.align-left:not(:first-child):last-child, .component-form .fieldbutton--invert span.align-left:not(:first-child):last-child,
.component-form .fieldfile .fieldfile-name--invert span.align-left:not(:first-child):last-child, .formbutton span.align-left:not(:first-child):last-child, .component-form .fieldbutton--big span.align-left:not(:first-child):last-child,
.component-form .fieldfile .fieldfile-name--big span.align-left:not(:first-child):last-child, .component-form .fieldbutton span.align-left:not(:first-child):last-child,
.component-form .fieldfile .fieldfile-name span.align-left:not(:first-child):last-child, .component-form label.photo button span.align-left:not(:first-child):last-child,
.component-form .fieldlabel.photo button span.align-left:not(:first-child):last-child {
  margin: 0 auto 0 0.68rem;
}
.button span.align-right, .formbuttoninvert span.align-right, .component-form .fieldbutton--invert span.align-right,
.component-form .fieldfile .fieldfile-name--invert span.align-right, .formbutton span.align-right, .component-form .fieldbutton--big span.align-right,
.component-form .fieldfile .fieldfile-name--big span.align-right, .component-form .fieldbutton span.align-right,
.component-form .fieldfile .fieldfile-name span.align-right, .component-form label.photo button span.align-right,
.component-form .fieldlabel.photo button span.align-right {
  margin: 0 0.28rem 0 auto;
  text-align: right;
}
.button span.align-right:not(:last-child):first-child, .formbuttoninvert span.align-right:not(:last-child):first-child, .component-form .fieldbutton--invert span.align-right:not(:last-child):first-child,
.component-form .fieldfile .fieldfile-name--invert span.align-right:not(:last-child):first-child, .formbutton span.align-right:not(:last-child):first-child, .component-form .fieldbutton--big span.align-right:not(:last-child):first-child,
.component-form .fieldfile .fieldfile-name--big span.align-right:not(:last-child):first-child, .component-form .fieldbutton span.align-right:not(:last-child):first-child,
.component-form .fieldfile .fieldfile-name span.align-right:not(:last-child):first-child, .component-form label.photo button span.align-right:not(:last-child):first-child,
.component-form .fieldlabel.photo button span.align-right:not(:last-child):first-child {
  margin: 0 0.68rem 0 auto;
}
.button svg, .formbuttoninvert svg, .component-form .fieldbutton--invert svg,
.component-form .fieldfile .fieldfile-name--invert svg, .formbutton svg, .component-form .fieldbutton--big svg,
.component-form .fieldfile .fieldfile-name--big svg, .component-form .fieldbutton svg,
.component-form .fieldfile .fieldfile-name svg, .component-form label.photo button svg,
.component-form .fieldlabel.photo button svg,
.button .icon,
.formbuttoninvert .icon,
.component-form .fieldbutton--invert .icon,
.component-form .fieldfile .fieldfile-name--invert .icon,
.formbutton .icon,
.component-form .fieldbutton--big .icon,
.component-form .fieldfile .fieldfile-name--big .icon,
.component-form .fieldbutton .icon,
.component-form .fieldfile .fieldfile-name .icon,
.component-form label.photo button .icon,
.component-form .fieldlabel.photo button .icon {
  transition: fill 0.4s ease-in-out, stroke 0.4s ease-in-out;
  display: block;
  position: absolute;
  z-index: 4;
  fill: #fff;
  stroke: #fff;
  top: 50%;
  transform: translate(0, -50%);
}
.button svg:first-child, .formbuttoninvert svg:first-child, .component-form .fieldbutton--invert svg:first-child,
.component-form .fieldfile .fieldfile-name--invert svg:first-child, .formbutton svg:first-child, .component-form .fieldbutton--big svg:first-child,
.component-form .fieldfile .fieldfile-name--big svg:first-child, .component-form .fieldbutton svg:first-child,
.component-form .fieldfile .fieldfile-name svg:first-child, .component-form label.photo button svg:first-child,
.component-form .fieldlabel.photo button svg:first-child,
.button .icon:first-child,
.formbuttoninvert .icon:first-child,
.component-form .fieldbutton--invert .icon:first-child,
.component-form .fieldfile .fieldfile-name--invert .icon:first-child,
.formbutton .icon:first-child,
.component-form .fieldbutton--big .icon:first-child,
.component-form .fieldfile .fieldfile-name--big .icon:first-child,
.component-form .fieldbutton .icon:first-child,
.component-form .fieldfile .fieldfile-name .icon:first-child,
.component-form label.photo button .icon:first-child,
.component-form .fieldlabel.photo button .icon:first-child {
  left: 0.24rem;
}
.button svg:last-child, .formbuttoninvert svg:last-child, .component-form .fieldbutton--invert svg:last-child,
.component-form .fieldfile .fieldfile-name--invert svg:last-child, .formbutton svg:last-child, .component-form .fieldbutton--big svg:last-child,
.component-form .fieldfile .fieldfile-name--big svg:last-child, .component-form .fieldbutton svg:last-child,
.component-form .fieldfile .fieldfile-name svg:last-child, .component-form label.photo button svg:last-child,
.component-form .fieldlabel.photo button svg:last-child,
.button .icon:last-child,
.formbuttoninvert .icon:last-child,
.component-form .fieldbutton--invert .icon:last-child,
.component-form .fieldfile .fieldfile-name--invert .icon:last-child,
.formbutton .icon:last-child,
.component-form .fieldbutton--big .icon:last-child,
.component-form .fieldfile .fieldfile-name--big .icon:last-child,
.component-form .fieldbutton .icon:last-child,
.component-form .fieldfile .fieldfile-name .icon:last-child,
.component-form label.photo button .icon:last-child,
.component-form .fieldlabel.photo button .icon:last-child {
  right: 0.24rem;
}
.button svg + span, .formbuttoninvert svg + span, .component-form .fieldbutton--invert svg + span,
.component-form .fieldfile .fieldfile-name--invert svg + span, .formbutton svg + span, .component-form .fieldbutton--big svg + span,
.component-form .fieldfile .fieldfile-name--big svg + span, .component-form .fieldbutton svg + span,
.component-form .fieldfile .fieldfile-name svg + span, .component-form label.photo button svg + span,
.component-form .fieldlabel.photo button svg + span,
.button .icon + span,
.formbuttoninvert .icon + span,
.component-form .fieldbutton--invert .icon + span,
.component-form .fieldfile .fieldfile-name--invert .icon + span,
.formbutton .icon + span,
.component-form .fieldbutton--big .icon + span,
.component-form .fieldfile .fieldfile-name--big .icon + span,
.component-form .fieldbutton .icon + span,
.component-form .fieldfile .fieldfile-name .icon + span,
.component-form label.photo button .icon + span,
.component-form .fieldlabel.photo button .icon + span {
  margin-left: 0.4rem;
}
.button .icon, .formbuttoninvert .icon, .component-form .fieldbutton--invert .icon,
.component-form .fieldfile .fieldfile-name--invert .icon, .formbutton .icon, .component-form .fieldbutton--big .icon,
.component-form .fieldfile .fieldfile-name--big .icon, .component-form .fieldbutton .icon,
.component-form .fieldfile .fieldfile-name .icon, .component-form label.photo button .icon,
.component-form .fieldlabel.photo button .icon {
  transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.button:not(:disabled):hover, .formbuttoninvert:not(:disabled):hover, .component-form .fieldbutton--invert:not(:disabled):hover,
.component-form .fieldfile .fieldfile-name--invert:not(:disabled):hover, .formbutton:not(:disabled):hover, .component-form .fieldbutton--big:not(:disabled):hover,
.component-form .fieldfile .fieldfile-name--big:not(:disabled):hover, .component-form .fieldbutton:not(:disabled):hover,
.component-form .fieldfile .fieldfile-name:not(:disabled):hover, .component-form label.photo button:not(:disabled):hover,
.component-form .fieldlabel.photo button:not(:disabled):hover, input[type=radio]:not(:disabled):checked ~ .button, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert, input[type=radio]:not(:disabled):checked ~ .formbutton, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button, input[type=checkbox]:not(:disabled):checked ~ .button, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert, input[type=checkbox]:not(:disabled):checked ~ .formbutton, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button {
  color: #dc0b25;
}
.button:not(:disabled):hover:before, .formbuttoninvert:not(:disabled):hover:before, .component-form .fieldbutton--invert:not(:disabled):hover:before,
.component-form .fieldfile .fieldfile-name--invert:not(:disabled):hover:before, .formbutton:not(:disabled):hover:before, .component-form .fieldbutton--big:not(:disabled):hover:before,
.component-form .fieldfile .fieldfile-name--big:not(:disabled):hover:before, .component-form .fieldbutton:not(:disabled):hover:before,
.component-form .fieldfile .fieldfile-name:not(:disabled):hover:before, .component-form label.photo button:not(:disabled):hover:before,
.component-form .fieldlabel.photo button:not(:disabled):hover:before, input[type=radio]:not(:disabled):checked ~ .button:before, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert:before, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert:before,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert:before, input[type=radio]:not(:disabled):checked ~ .formbutton:before, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big:before,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big:before, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton:before,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name:before, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button:before,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button:before, input[type=checkbox]:not(:disabled):checked ~ .button:before, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert:before, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert:before,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert:before, input[type=checkbox]:not(:disabled):checked ~ .formbutton:before, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big:before,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big:before, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton:before,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name:before, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button:before,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button:before {
  transition: opacity 0.2s ease-in-out, top 0.3s ease-in-out;
  top: 50%;
  opacity: 1;
}
.button:not(:disabled):hover svg, .formbuttoninvert:not(:disabled):hover svg, .component-form .fieldbutton--invert:not(:disabled):hover svg,
.component-form .fieldfile .fieldfile-name--invert:not(:disabled):hover svg, .formbutton:not(:disabled):hover svg, .component-form .fieldbutton--big:not(:disabled):hover svg,
.component-form .fieldfile .fieldfile-name--big:not(:disabled):hover svg, .component-form .fieldbutton:not(:disabled):hover svg,
.component-form .fieldfile .fieldfile-name:not(:disabled):hover svg, .component-form label.photo button:not(:disabled):hover svg,
.component-form .fieldlabel.photo button:not(:disabled):hover svg, input[type=radio]:not(:disabled):checked ~ .button svg, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert svg, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert svg,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert svg, input[type=radio]:not(:disabled):checked ~ .formbutton svg, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big svg,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big svg, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton svg,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name svg, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button svg,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button svg, input[type=checkbox]:not(:disabled):checked ~ .button svg, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert svg, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert svg,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert svg, input[type=checkbox]:not(:disabled):checked ~ .formbutton svg, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big svg,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big svg, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton svg,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name svg, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button svg,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button svg {
  fill: #dc0b25;
  stroke: #dc0b25;
}
.button:not(:disabled):hover .icon, .formbuttoninvert:not(:disabled):hover .icon, .component-form .fieldbutton--invert:not(:disabled):hover .icon,
.component-form .fieldfile .fieldfile-name--invert:not(:disabled):hover .icon, .formbutton:not(:disabled):hover .icon, .component-form .fieldbutton--big:not(:disabled):hover .icon,
.component-form .fieldfile .fieldfile-name--big:not(:disabled):hover .icon, .component-form .fieldbutton:not(:disabled):hover .icon,
.component-form .fieldfile .fieldfile-name:not(:disabled):hover .icon, .component-form label.photo button:not(:disabled):hover .icon,
.component-form .fieldlabel.photo button:not(:disabled):hover .icon, input[type=radio]:not(:disabled):checked ~ .button .icon, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert .icon, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert .icon,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert .icon, input[type=radio]:not(:disabled):checked ~ .formbutton .icon, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big .icon,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big .icon, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton .icon,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name .icon, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button .icon,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button .icon, input[type=checkbox]:not(:disabled):checked ~ .button .icon, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert .icon, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert .icon,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert .icon, input[type=checkbox]:not(:disabled):checked ~ .formbutton .icon, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big .icon,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big .icon, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton .icon,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name .icon, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button .icon,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button .icon {
  border-color: #dc0b25;
  color: #dc0b25;
}
input[type=radio]:not(:disabled):checked ~ .button .icon::after, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert .icon::after, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert .icon::after,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert .icon::after, input[type=radio]:not(:disabled):checked ~ .formbutton .icon::after, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big .icon::after,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big .icon::after, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton .icon::after,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name .icon::after, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button .icon::after,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button .icon::after, input[type=checkbox]:not(:disabled):checked ~ .button .icon::after, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert .icon::after, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert .icon::after,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert .icon::after, input[type=checkbox]:not(:disabled):checked ~ .formbutton .icon::after, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big .icon::after,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big .icon::after, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton .icon::after,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name .icon::after, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button .icon::after,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button .icon::after {
  opacity: 1;
}
.button--white {
  color: #000;
}
.button--white:after {
  background: #fff;
  border-color: #000;
}
.button--white:before {
  background: #000;
  border-color: #000;
}
.button--white svg {
  fill: #000;
  stroke: #000;
}
.button--white:not(:disabled):hover, input[type=radio]:not(:disabled):checked ~ .button--white, input[type=checkbox]:not(:disabled):checked ~ .button--white {
  color: #fff;
}
.button--white:not(:disabled):hover svg, input[type=radio]:not(:disabled):checked ~ .button--white svg, input[type=checkbox]:not(:disabled):checked ~ .button--white svg {
  fill: #fff;
  stroke: #fff;
}
.button--white:not(:disabled):hover .icon, input[type=radio]:not(:disabled):checked ~ .button--white .icon, input[type=checkbox]:not(:disabled):checked ~ .button--white .icon {
  border-color: #fff;
  color: #fff;
}
.button--white-bordered {
  color: #fff;
}
.button--white-bordered:after {
  background: #000;
  border-color: #000;
}
.button--white-bordered:before {
  background: #fff;
  border-color: #000;
}
.button--white-bordered svg {
  fill: #fff;
  stroke: #fff;
}
.button--white-bordered:not(:disabled):hover, input[type=radio]:not(:disabled):checked ~ .button--white-bordered, input[type=checkbox]:not(:disabled):checked ~ .button--white-bordered {
  color: #000;
}
.button--white-bordered:not(:disabled):hover svg, input[type=radio]:not(:disabled):checked ~ .button--white-bordered svg, input[type=checkbox]:not(:disabled):checked ~ .button--white-bordered svg {
  fill: #000;
  stroke: #000;
}
.button--white-bordered:not(:disabled):hover .icon, input[type=radio]:not(:disabled):checked ~ .button--white-bordered .icon, input[type=checkbox]:not(:disabled):checked ~ .button--white-bordered .icon {
  border-color: #000;
  color: #000;
}
.button--black, .formbuttoninvert, .component-form .fieldbutton--invert,
.component-form .fieldfile .fieldfile-name--invert {
  color: #fff;
}
.button--black:after, .formbuttoninvert:after, .component-form .fieldbutton--invert:after,
.component-form .fieldfile .fieldfile-name--invert:after {
  background: #000;
  border-color: #000;
}
.button--black:before, .formbuttoninvert:before, .component-form .fieldbutton--invert:before,
.component-form .fieldfile .fieldfile-name--invert:before {
  background: #fff;
  border-color: #000;
}
.button--black svg, .formbuttoninvert svg, .component-form .fieldbutton--invert svg,
.component-form .fieldfile .fieldfile-name--invert svg {
  fill: #fff;
  stroke: #fff;
}
.button--black:not(:disabled):hover, .formbuttoninvert:not(:disabled):hover, .component-form .fieldbutton--invert:not(:disabled):hover,
.component-form .fieldfile .fieldfile-name--invert:not(:disabled):hover, input[type=radio]:not(:disabled):checked ~ .button--black, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert, input[type=checkbox]:not(:disabled):checked ~ .button--black, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert {
  color: #000;
}
.button--black:not(:disabled):hover svg, .formbuttoninvert:not(:disabled):hover svg, .component-form .fieldbutton--invert:not(:disabled):hover svg,
.component-form .fieldfile .fieldfile-name--invert:not(:disabled):hover svg, input[type=radio]:not(:disabled):checked ~ .button--black svg, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert svg, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert svg,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert svg, input[type=checkbox]:not(:disabled):checked ~ .button--black svg, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert svg, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert svg,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert svg {
  fill: #000;
  stroke: #000;
}
.button--black:not(:disabled):hover .icon, .formbuttoninvert:not(:disabled):hover .icon, .component-form .fieldbutton--invert:not(:disabled):hover .icon,
.component-form .fieldfile .fieldfile-name--invert:not(:disabled):hover .icon, input[type=radio]:not(:disabled):checked ~ .button--black .icon, input[type=radio]:not(:disabled):checked ~ .formbuttoninvert .icon, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--invert .icon,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--invert .icon, input[type=checkbox]:not(:disabled):checked ~ .button--black .icon, input[type=checkbox]:not(:disabled):checked ~ .formbuttoninvert .icon, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--invert .icon,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--invert .icon {
  border-color: #000;
  color: #000;
}
.button--black-bordered, .formbutton, .component-form .fieldbutton--big,
.component-form .fieldfile .fieldfile-name--big, .component-form .fieldbutton,
.component-form .fieldfile .fieldfile-name, .component-form label.photo button,
.component-form .fieldlabel.photo button {
  color: #000;
}
.button--black-bordered:after, .formbutton:after, .component-form .fieldbutton--big:after,
.component-form .fieldfile .fieldfile-name--big:after, .component-form .fieldbutton:after,
.component-form .fieldfile .fieldfile-name:after, .component-form label.photo button:after,
.component-form .fieldlabel.photo button:after {
  background: #fff;
  border-color: #000;
}
.button--black-bordered:before, .formbutton:before, .component-form .fieldbutton--big:before,
.component-form .fieldfile .fieldfile-name--big:before, .component-form .fieldbutton:before,
.component-form .fieldfile .fieldfile-name:before, .component-form label.photo button:before,
.component-form .fieldlabel.photo button:before {
  background: #000;
  border-color: #000;
}
.button--black-bordered svg, .formbutton svg, .component-form .fieldbutton--big svg,
.component-form .fieldfile .fieldfile-name--big svg, .component-form .fieldbutton svg,
.component-form .fieldfile .fieldfile-name svg, .component-form label.photo button svg,
.component-form .fieldlabel.photo button svg {
  fill: #000;
  stroke: #000;
}
.button--black-bordered:not(:disabled):hover, .formbutton:not(:disabled):hover, .component-form .fieldbutton--big:not(:disabled):hover,
.component-form .fieldfile .fieldfile-name--big:not(:disabled):hover, .component-form .fieldbutton:not(:disabled):hover,
.component-form .fieldfile .fieldfile-name:not(:disabled):hover, .component-form label.photo button:not(:disabled):hover,
.component-form .fieldlabel.photo button:not(:disabled):hover, input[type=radio]:not(:disabled):checked ~ .button--black-bordered, input[type=radio]:not(:disabled):checked ~ .formbutton, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button, input[type=checkbox]:not(:disabled):checked ~ .button--black-bordered, input[type=checkbox]:not(:disabled):checked ~ .formbutton, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button {
  color: #fff;
}
.button--black-bordered:not(:disabled):hover svg, .formbutton:not(:disabled):hover svg, .component-form .fieldbutton--big:not(:disabled):hover svg,
.component-form .fieldfile .fieldfile-name--big:not(:disabled):hover svg, .component-form .fieldbutton:not(:disabled):hover svg,
.component-form .fieldfile .fieldfile-name:not(:disabled):hover svg, .component-form label.photo button:not(:disabled):hover svg,
.component-form .fieldlabel.photo button:not(:disabled):hover svg, input[type=radio]:not(:disabled):checked ~ .button--black-bordered svg, input[type=radio]:not(:disabled):checked ~ .formbutton svg, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big svg,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big svg, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton svg,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name svg, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button svg,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button svg, input[type=checkbox]:not(:disabled):checked ~ .button--black-bordered svg, input[type=checkbox]:not(:disabled):checked ~ .formbutton svg, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big svg,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big svg, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton svg,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name svg, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button svg,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button svg {
  fill: #fff;
  stroke: #fff;
}
.button--black-bordered:not(:disabled):hover .icon, .formbutton:not(:disabled):hover .icon, .component-form .fieldbutton--big:not(:disabled):hover .icon,
.component-form .fieldfile .fieldfile-name--big:not(:disabled):hover .icon, .component-form .fieldbutton:not(:disabled):hover .icon,
.component-form .fieldfile .fieldfile-name:not(:disabled):hover .icon, .component-form label.photo button:not(:disabled):hover .icon,
.component-form .fieldlabel.photo button:not(:disabled):hover .icon, input[type=radio]:not(:disabled):checked ~ .button--black-bordered .icon, input[type=radio]:not(:disabled):checked ~ .formbutton .icon, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton--big .icon,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name--big .icon, .component-form input[type=radio]:not(:disabled):checked ~ .fieldbutton .icon,
.component-form .fieldfile input[type=radio]:not(:disabled):checked ~ .fieldfile-name .icon, .component-form label.photo input[type=radio]:not(:disabled):checked ~ button .icon,
.component-form .fieldlabel.photo input[type=radio]:not(:disabled):checked ~ button .icon, input[type=checkbox]:not(:disabled):checked ~ .button--black-bordered .icon, input[type=checkbox]:not(:disabled):checked ~ .formbutton .icon, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton--big .icon,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name--big .icon, .component-form input[type=checkbox]:not(:disabled):checked ~ .fieldbutton .icon,
.component-form .fieldfile input[type=checkbox]:not(:disabled):checked ~ .fieldfile-name .icon, .component-form label.photo input[type=checkbox]:not(:disabled):checked ~ button .icon,
.component-form .fieldlabel.photo input[type=checkbox]:not(:disabled):checked ~ button .icon {
  border-color: #fff;
  color: #fff;
}
.button--disabled {
  cursor: default;
  outline: none;
  color: #848484;
}
.button--disabled:after {
  background: #fff;
  border-color: #fff;
}
.button--disabled:before {
  background: #fff;
  border-color: #fff;
}
.button--disabled svg {
  fill: #ff7900;
  stroke: #ff7900;
}
.button--disabled:not(:disabled):hover, input[type=radio]:not(:disabled):checked ~ .button--disabled, input[type=checkbox]:not(:disabled):checked ~ .button--disabled {
  color: #848484;
}
.button--disabled:not(:disabled):hover svg, input[type=radio]:not(:disabled):checked ~ .button--disabled svg, input[type=checkbox]:not(:disabled):checked ~ .button--disabled svg {
  fill: #ff7900;
  stroke: #ff7900;
}
.button--disabled:not(:disabled):hover .icon, input[type=radio]:not(:disabled):checked ~ .button--disabled .icon, input[type=checkbox]:not(:disabled):checked ~ .button--disabled .icon {
  border-color: #ff7900;
  color: #ff7900;
}
.button--link-blue {
  color: #ff7900;
}
.button--link-blue:after {
  background: #fff;
  border-color: #fff;
}
.button--link-blue:before {
  background: #ff7900;
  border-color: #ff7900;
}
.button--link-blue:not(:disabled):hover {
  color: #fff;
}
.button--link-black {
  color: #000;
}
.button--link-black:after {
  background: #fff;
  border-color: #fff;
}
.button--link-black:before {
  background: #000;
  border-color: #000;
}
.button--link-black:not(:disabled):hover {
  color: #fff;
}
.button--small, .contract__services-button--small, .home__services-button--small, .login__services-button--small {
  height: 0.42rem;
  font-size: 0.16rem;
}

.formbutton, .component-form .fieldbutton--big,
.component-form .fieldfile .fieldfile-name--big, .component-form .fieldbutton,
.component-form .fieldfile .fieldfile-name, .component-form label.photo button,
.component-form .fieldlabel.photo button {
  font-size: 0.14rem;
}

.formbuttoninvert, .component-form .fieldbutton--invert,
.component-form .fieldfile .fieldfile-name--invert {
  font-size: 0.14rem;
}

@media (min-width: 1025px) {
  .only-mobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .only-desktop {
    display: none;
  }
}
.split, .component-form .formsplit--align-right,
.component-form .formnavigation--align-right, .component-form .formsplit--align-center,
.component-form .formnavigation--align-center, .component-form .formsplit--align-between,
.component-form .formnavigation--align-between {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
}
@media (min-width: 721px) {
  .split, .component-form .formsplit--align-right,
.component-form .formnavigation--align-right, .component-form .formsplit--align-center,
.component-form .formnavigation--align-center, .component-form .formsplit--align-between,
.component-form .formnavigation--align-between {
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
  }
}

.hidden {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* -------------------
---- LAYOUT
------------------- */
html {
  font-size: 24.7524752475vw;
}
@media (min-width: 1025px) {
  html {
    font-size: 5.2083333333vw;
  }
}
@media (min-width: 1920px) {
  html {
    font-size: 100px;
  }
}

body * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html,
body {
  font-family: "Roboto", Arial, Helvetica;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
}
html.pages-agendar-bot,
body.pages-agendar-bot {
  background: #1e1e1e;
}

button {
  font-family: "Roboto", Arial, Helvetica;
  text-transform: uppercase;
}

body {
  position: relative;
  font-size: 0.24rem;
}

body * {
  box-sizing: border-box;
}

@-webkit-keyframes loadingBar {
  0% {
    left: 0%;
    right: 100%;
  }
  50% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 100%;
    right: 0%;
  }
}

@keyframes loadingBar {
  0% {
    left: 0%;
    right: 100%;
  }
  50% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 100%;
    right: 0%;
  }
}
@-webkit-keyframes loadingText {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes loadingText {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
.jquery-modal {
  z-index: 999;
}

#content {
  overflow: hidden;
}
@media (max-width: 850px) and (min-width: 1025px) {
  #content {
    overflow-x: hidden;
  }
}

.blocker {
  transition: height 0.4s ease-in-out, padding 0.4s ease-in-out, opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  opacity: 0;
  transform: translate(0, 0%);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0%;
  z-index: 200;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1025px) {
  .blocker.jquery-modal-info, .blocker.jquery-modal-visit, .blocker.jquery-modal-map {
    padding: 0;
  }
}
@media (max-width: 1025px) {
  .blocker {
    padding: 15px;
  }
}
.blocker.open-animation {
  opacity: 1;
  height: 100%;
  transform: translate(0, 0%);
}
.blocker.close-animation {
  transition: height 0.4s 0.4s ease-in-out, opacity 0.6s 0.4s ease-in-out, transform 0.6s 0.4s ease-in-out;
  opacity: 0;
  height: 0%;
  transform: translate(0, 0%);
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  transition: opacity 0.6s 0.4s ease-in-out, transform 0.6s 0.4s ease-in-out;
  transform: translate(0, 100%);
  opacity: 0;
  position: relative;
  z-index: 300;
  box-sizing: border-box;
  max-width: 7.8rem;
  width: 90%;
  background-color: #fff;
  color: #222;
  font-size: 0.14rem;
  padding: 0.15rem 0.3rem;
  border-radius: 0.2rem;
  -o-box-shadow: 0 0 10px #000;
  -ms-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  text-align: left;
  margin: 3% 0;
  min-height: 0.8rem;
}
@media (max-width: 1025px) {
  .modal {
    width: 100%;
    padding: 0.15rem 0.3rem !important;
    margin: 0;
  }
}
@media (max-width: 1025px) {
  .modal.modal-info {
    border-radius: 0;
    vertical-align: bottom;
  }
}
.modal.modal-visit, .modal.modal-map {
  max-width: 5rem;
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 1025px) {
  .modal.modal-visit, .modal.modal-map {
    padding: 0 !important;
    border-radius: 0;
    vertical-align: bottom;
  }
}
.modal.modal-visit .modal-wrapper, .modal.modal-map .modal-wrapper {
  background-color: #ff7900;
  color: #fff;
  padding: 0.15rem 0.3rem;
  font-size: 0.16rem;
}
@media (max-width: 1025px) {
  .modal.modal-visit .modal-wrapper, .modal.modal-map .modal-wrapper {
    font-size: 0.14rem;
  }
}
.modal.modal-visit a.close-modal, .modal.modal-map a.close-modal {
  background-image: url(static/images/ico__modal-close--white.png);
}
.modal.modal-visit .modal-guidance, .modal.modal-map .modal-guidance {
  background-color: #fff;
  padding: 0.1rem 0.3rem;
}
.modal.modal-visit .modal-mapembed, .modal.modal-map .modal-mapembed {
  background-color: #1e1e1e;
  background-color: rgba(30, 30, 30, 0.99);
  color: #000;
}
.modal.modal-visit .modal-mapembed .tracking__map, .modal.modal-map .modal-mapembed .tracking__map {
  width: 100%;
  height: 3rem;
}
.modal.modal-visit .modal-mapembed .tracking__footer, .modal.modal-map .modal-mapembed .tracking__footer {
  color: #fff;
  background: #ff7900;
  padding: 0.15rem 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .modal.modal-visit .modal-mapembed .tracking__footer, .modal.modal-map .modal-mapembed .tracking__footer {
    padding: 0.3rem 0.3rem;
  }
}
.modal.modal-visit .modal-mapembed .tracking__footer__text, .modal.modal-map .modal-mapembed .tracking__footer__text {
  font-size: 0.22rem;
  margin: 0 0 0.16rem;
  display: inline-block;
}
.modal.modal-visit .modal-mapembed .tracking__footer__text:last-child, .modal.modal-map .modal-mapembed .tracking__footer__text:last-child {
  margin-bottom: 0;
}
.modal.modal-visit .modal-mapembed .tracking__footer-image, .modal.modal-map .modal-mapembed .tracking__footer-image {
  overflow: hidden;
  display: inline-block;
  border-radius: 100vw;
  border: 0.07rem solid #00028b;
  width: 0.8rem;
  height: 0.8rem;
  vertical-align: middle;
  margin-right: 0.32rem;
}
.modal.modal-visit .modal-mapembed .tracking__footer-image img, .modal.modal-map .modal-mapembed .tracking__footer-image img {
  display: block;
  width: 100%;
  height: 100%;
}
.modal.modal-map .modal-wrapper {
  padding: 0.2rem 0.3rem;
}
.modal p sub {
  font-size: 0.16rem;
  bottom: -1.05em;
}
@media (max-width: 1025px) {
  .modal p sub {
    font-size: 0.14rem;
  }
}
.open-animation .modal {
  opacity: 1;
  transform: translate(0, 0%);
}
.close-animation .modal {
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
  opacity: 0;
  transform: translate(0, 100%);
}

.modal a.close-modal {
  position: absolute;
  top: 0.28rem;
  right: 0.34rem;
  display: block;
  width: 0.22rem;
  height: 0.22rem;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(static/images/ico__modal-close.png);
  opacity: 1;
}
@media (max-width: 1025px) {
  .modal a.close-modal {
    top: 0.22rem;
    right: 0.2rem;
    width: 0.18rem;
    height: 0.18rem;
  }
}

.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 20px;
}

.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.5);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.fake-page {
  width: 100%;
}

.hide {
  display: none;
}

/* estrutura de uso 
    - component-form
        ? formtab
        - formheader
        - fieldgroup
            - fieldlabel
                - span (Nome)
                - fieldtext|fieldtextarea|fieldtextaudio|fieldradio|fieldcheckbox|fieldselect
            - fieldlabel ...
        - fieldgroup
            - fieldlabel
                - span (Selecione os campos)
                - fieldlist
                    - fieldlabel
                        - fieldcheckbox|fieldradio
                        - fieldcheckbox-label (Item 1)
                    - fieldlabel ...
        - formerrors|formsuccess
        - formnavigation
            - fieldlink
            - fieldbutton
*/
/*
*
*
ATENCAO
*
*
Pequenos ajustes de posicionamentos devem ser feitos de preferencia em outro arquivo css...
*
*
*
*
*
*
*
*
*/
.component-form {
  position: relative;
  /* reset */
  /* elemento para lista de mensagem de erro geral (tipo retorno backend) */
  /* elemento para mensagem de atencao (*voce precisa aceitar os termos)*/
  /* elemento para definir cabecalho do formulario*/
  /* elemento para agrupar campos lado a lado ou unicos */
  /* elemento para criar listagem de campos tipo radio/checkbox*/
  /* elemento para dividir conteudo e/ou botoes de navegacao*/
  /* padrao para campos */
  /* campos de texto */
  /* campo select */
  /* botao de envio de arquivo*/
  /* botoes do formulario */
  /* Campo checkbox e campo radio */
  /* Campo checkbox ou radio com estilo de botao*/
  /* estilo para botoes tipo ancora */
  /* Estilo para elemento contendo mensagem de texto quando formulario retornar erro (lista de erros) */
  /* Estilo para elemento contendo mensagem de texto quando formulario retornar sucesso */
  /* modificador de estilo para campos com corretos*/
  /* modificador de estilo para campos com erro*/
  /* mensagem de erro individual*/
  /* Abas / Componente Tab dentro do Form*/
  /* Padroes de tamanhos e reset de espacamento...*/
  /* Linha de espaco tipo HR */
}
.component-form fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
.component-form .formmessage {
  font-size: 0.16rem;
  line-height: 0.35rem;
  color: #848484;
  margin-bottom: 0.32rem;
}
@media (max-width: 720px) {
  .component-form .formmessage {
    font-size: 0.16rem;
  }
}
.component-form .formmessage--small {
  font-size: 0.144rem;
  line-height: 0.35rem;
}
@media (max-width: 720px) {
  .component-form .formmessage--small {
    font-size: 0.144rem;
  }
}
.component-form .formmessage em {
  font-weight: bold;
}
.component-form .formwarning {
  font-size: 0.1rem;
  color: #848484;
  margin-top: 0.08rem;
}
@media (max-width: 720px) {
  .component-form .formwarning {
    font-size: 0.09rem;
  }
}
.component-form .formheader {
  font-family: "Roboto", Arial, Helvetica;
  text-align: center;
  margin-bottom: 0.32rem;
}
.component-form .formheader__title {
  font-size: 0.36rem;
  line-height: 1.4em;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 720px) {
  .component-form .formheader__title {
    font-size: 0.28rem;
  }
}
.component-form .formheader__description {
  font-size: 0.18rem;
  line-height: 0.22rem;
  font-weight: normal;
}
@media (max-width: 720px) {
  .component-form .formheader__description {
    font-size: 0.18rem;
  }
}
.component-form .fieldgroup {
  display: flex;
  flex-flow: row nowrap;
  margin: 0 0 0.16rem;
  display: block;
  flex: none;
}
.component-form .fieldgroup--nomargin {
  margin: 0 0 0.04rem;
}
.component-form .fieldgroup-small .fieldtext {
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form .fieldgroup-small .fieldtext {
    font-size: 0.16rem;
  }
}
.component-form .fieldgroup-small .fieldselect select {
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form .fieldgroup-small .fieldselect select {
    font-size: 0.16rem;
  }
}
.component-form .fieldgroup label + label, .component-form .fieldgroup label + .fieldlabel,
.component-form .fieldgroup .fieldlabel + label,
.component-form .fieldgroup .fieldlabel + .fieldlabel {
  margin-top: 0.08rem;
}
.component-form .fieldlist {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: -0.08rem;
}
.component-form .fieldlist input[type=radio],
.component-form .fieldlist input[type=checkbox] {
  margin-right: 0.08rem;
}
.component-form .fieldlist .fieldlabel {
  margin-top: 0.16rem;
}
.component-form .fieldlist .fieldlabel .fieldtext {
  border-width: 1px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  width: 100%;
  margin-top: 0.04rem;
  padding-top: 0;
  padding-bottom: 0.04rem;
  height: 0.2rem;
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form .fieldlist .fieldlabel .fieldtext {
    font-size: 0.16rem;
  }
}
.component-form .formsplit,
.component-form .formnavigation {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0 0.3rem;
}
.component-form .formsplit--align-between,
.component-form .formnavigation--align-between {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.component-form .formsplit--align-between .fieldbutton,
.component-form .formnavigation--align-between .fieldbutton {
  width: auto;
  min-width: auto;
  padding: 0 0.3rem;
}
@media (max-width: 720px) {
  .component-form .formsplit--align-between,
.component-form .formnavigation--align-between {
    justify-content: space-between;
  }
}
.component-form .formsplit--align-center,
.component-form .formnavigation--align-center {
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
}
.component-form .formsplit--align-right,
.component-form .formnavigation--align-right {
  justify-content: flex-end;
}
.component-form .formsplit--align-right .fieldbutton,
.component-form .formnavigation--align-right .fieldbutton {
  width: auto;
  align-self: flex-end;
}
.component-form .formsplit .fieldbutton + .fieldlink,
.component-form .formnavigation .fieldbutton + .fieldlink {
  margin-top: 0.3rem;
}
.component-form label,
.component-form .fieldlabel {
  /* modificador para labels vazios, apenas criar espaco*/
  position: relative;
  display: inline-block;
  /* modificador para colocar label ao lado dos campos*/
  /* modificador para criar estilo de upload de foto para perfil*/
  /* modificador para esconder label de select*/
  /* modificador para colocar label acima dos campos, tipo placeholder com animacao*/
  /* modificador de borda apenas em baixo */
}
.component-form label.fill-space,
.component-form .fieldlabel.fill-space {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.component-form label.fluid,
.component-form .fieldlabel.fluid {
  display: block;
  min-width: 100%;
}
@media (max-width: 720px) {
  .component-form label,
.component-form .fieldlabel {
    width: 100%;
  }
}
.component-form label.aside,
.component-form .fieldlabel.aside {
  position: relative;
  display: flex;
  align-items: baseline;
}
@media (max-width: 720px) {
  .component-form label.aside,
.component-form .fieldlabel.aside {
    display: block;
    width: 100%;
  }
}
.component-form label.aside span,
.component-form .fieldlabel.aside span {
  width: 20%;
}
@media (max-width: 720px) {
  .component-form label.aside span,
.component-form .fieldlabel.aside span {
    width: 100%;
  }
}
.component-form label.aside .fieldtext,
.component-form label.aside .fieldtextarea,
.component-form label.aside .fieldtextaudio,
.component-form label.aside .fieldselect,
.component-form .fieldlabel.aside .fieldtext,
.component-form .fieldlabel.aside .fieldtextarea,
.component-form .fieldlabel.aside .fieldtextaudio,
.component-form .fieldlabel.aside .fieldselect {
  width: 80%;
}
@media (max-width: 720px) {
  .component-form label.aside .fieldtext,
.component-form label.aside .fieldtextarea,
.component-form label.aside .fieldtextaudio,
.component-form label.aside .fieldselect,
.component-form .fieldlabel.aside .fieldtext,
.component-form .fieldlabel.aside .fieldtextarea,
.component-form .fieldlabel.aside .fieldtextaudio,
.component-form .fieldlabel.aside .fieldselect {
    width: 100%;
  }
}
.component-form label.aside span.error,
.component-form .fieldlabel.aside span.error {
  left: 20%;
  font-size: 0.12rem;
  color: #dc0b25;
  text-transform: none;
  width: auto;
  bottom: -0.24rem;
}
@media (max-width: 720px) {
  .component-form label.aside span.error,
.component-form .fieldlabel.aside span.error {
    right: 0;
    top: 0.05rem;
    left: auto;
    bottom: auto;
  }
}
.component-form label.aside.labelradio,
.component-form .fieldlabel.aside.labelradio {
  height: auto;
  align-self: flex-end;
}
.component-form label.aside.labelradio span,
.component-form .fieldlabel.aside.labelradio span {
  width: auto;
}
.component-form label.aside.labelradio span.error,
.component-form .fieldlabel.aside.labelradio span.error {
  left: 0;
}
.component-form label.photo,
.component-form .fieldlabel.photo {
  width: 100%;
  position: relative;
  text-align: center;
  margin: 0 auto 0.32rem;
}
.component-form label.photo.fineupload:hover .cover:before,
.component-form .fieldlabel.photo.fineupload:hover .cover:before {
  content: " ";
}
.component-form label.photo span,
.component-form .fieldlabel.photo span {
  text-align: center;
}
.component-form label.photo img,
.component-form .fieldlabel.photo img {
  z-index: 0;
  display: inline-block;
  cursor: default;
  text-align: center;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  transform: scale(1.1);
}
.component-form label.photo .cover,
.component-form .fieldlabel.photo .cover {
  display: block;
  border: 1px solid transparent;
  border-radius: 50%;
  height: 1.04rem;
  overflow: hidden;
  position: relative;
  width: 1.04rem;
  margin: 0 auto 0.25rem;
}
.component-form label.photo .cover:before,
.component-form .fieldlabel.photo .cover:before {
  line-height: 1.04rem;
  content: attr(data-value);
  font-family: "Roboto", Arial, Helvetica;
  color: #fff;
  font-size: 0.45rem;
  font-weight: 800;
  background-position: center;
  cursor: pointer;
  display: inline-block;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  text-align: center;
  vertical-align: middle;
  top: 0;
  width: 100%;
  z-index: 0;
  background: #bfddf1;
  transform: scale(1.1);
}
.component-form label.photo input,
.component-form .fieldlabel.photo input {
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 2rem;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: default;
}
.component-form label.photo--clean,
.component-form .fieldlabel.photo--clean {
  margin-bottom: 0;
  overflow: hidden;
}
.component-form label.photo--clean .cover,
.component-form .fieldlabel.photo--clean .cover {
  margin-bottom: 0;
}
.component-form label > span,
.component-form .fieldlabel > span {
  transition: color 0.4s ease-in-out;
  font-family: "Roboto", Arial, Helvetica;
  display: block;
  margin: 0 0 0.08rem;
  color: #000;
  font-size: 0.18rem;
}
.component-form label > span strong,
.component-form .fieldlabel > span strong {
  color: #000;
  font-weight: 800;
}
.component-form label > span em,
.component-form .fieldlabel > span em {
  display: inline-block;
  font-size: 0.198rem;
  color: #000;
  margin: 0.3rem 0 0.14rem;
}
.component-form label > span small,
.component-form .fieldlabel > span small {
  font-size: 0.162rem;
}
.component-form label > span i,
.component-form .fieldlabel > span i {
  transition: opacity 0.4s ease-in-out;
  font-style: normal;
  color: #000;
  opacity: 1;
}
@media (max-width: 720px) {
  .component-form label > span,
.component-form .fieldlabel > span {
    margin: 0 0 0.08rem;
    font-size: 0.18rem;
  }
  .component-form label > span em,
.component-form .fieldlabel > span em {
    font-size: 0.198rem;
  }
  .component-form label > span small,
.component-form .fieldlabel > span small {
    font-size: 0.162rem;
  }
}
.component-form label em,
.component-form .fieldlabel em {
  color: #000;
  font-style: normal;
}
.component-form label.hiddenlabel > span,
.component-form label.hiddenlabel > .fieldlabel,
.component-form .fieldlabel.hiddenlabel > span,
.component-form .fieldlabel.hiddenlabel > .fieldlabel {
  display: none;
}
.component-form label.hiddenerror span.error,
.component-form .fieldlabel.hiddenerror span.error {
  display: none !important;
  visibility: hidden;
}
.component-form label.placelabel,
.component-form .fieldlabel.placelabel {
  border-radius: 0.06rem;
}
.component-form label.placelabel > span:first-child(),
.component-form .fieldlabel.placelabel > span:first-child() {
  transition: top 0.2s ease-in, font-size 0.2s ease-in, color 0.4s ease-in;
  position: absolute;
  top: 0.1792rem;
  left: calc(0.16rem + 1px);
  pointer-events: none;
  z-index: 2;
}
.component-form label.placelabel.ontop > span:first-child(),
.component-form .fieldlabel.placelabel.ontop > span:first-child() {
  top: 0.1008rem;
  font-size: 0.12rem;
  color: #000;
}
@media (max-width: 720px) {
  .component-form label.placelabel.ontop > span:first-child(),
.component-form .fieldlabel.placelabel.ontop > span:first-child() {
    font-size: 0.12rem;
  }
}
.component-form label.placelabel.ontop > span:first-child() i,
.component-form .fieldlabel.placelabel.ontop > span:first-child() i {
  color: #000;
  opacity: 0;
}
.component-form label.placelabel .fieldtext,
.component-form label.placelabel .fieldcheckbox,
.component-form label.placelabel .fieldradio,
.component-form label.placelabel .fieldtextarea,
.component-form label.placelabel .fieldtextaudio,
.component-form .fieldlabel.placelabel .fieldtext,
.component-form .fieldlabel.placelabel .fieldcheckbox,
.component-form .fieldlabel.placelabel .fieldradio,
.component-form .fieldlabel.placelabel .fieldtextarea,
.component-form .fieldlabel.placelabel .fieldtextaudio {
  padding-top: 0.1792rem;
  height: 0.56rem;
}
.component-form label.placelabel .fieldselect,
.component-form .fieldlabel.placelabel .fieldselect {
  height: 0.56rem;
}
.component-form label.placelabel .fieldselect select,
.component-form .fieldlabel.placelabel .fieldselect select {
  height: 0.56rem;
  padding-top: 0.224rem;
}
.component-form label.placeicon .fieldtext,
.component-form label.placeicon .fieldcheckbox,
.component-form label.placeicon .fieldradio,
.component-form label.placeicon .fieldtextarea,
.component-form label.placeicon .fieldtextaudio,
.component-form label.placeicon .fieldselect,
.component-form label .placeicon .fieldtext,
.component-form label .placeicon .fieldcheckbox,
.component-form label .placeicon .fieldradio,
.component-form label .placeicon .fieldtextarea,
.component-form label .placeicon .fieldtextaudio,
.component-form label .placeicon .fieldselect,
.component-form .fieldlabel.placeicon .fieldtext,
.component-form .fieldlabel.placeicon .fieldcheckbox,
.component-form .fieldlabel.placeicon .fieldradio,
.component-form .fieldlabel.placeicon .fieldtextarea,
.component-form .fieldlabel.placeicon .fieldtextaudio,
.component-form .fieldlabel.placeicon .fieldselect,
.component-form .fieldlabel .placeicon .fieldtext,
.component-form .fieldlabel .placeicon .fieldcheckbox,
.component-form .fieldlabel .placeicon .fieldradio,
.component-form .fieldlabel .placeicon .fieldtextarea,
.component-form .fieldlabel .placeicon .fieldtextaudio,
.component-form .fieldlabel .placeicon .fieldselect {
  padding-right: 0.4rem;
}
.component-form label.placeicon:after, .component-form label.placeicon:before,
.component-form label .placeicon:after,
.component-form label .placeicon:before,
.component-form .fieldlabel.placeicon:after,
.component-form .fieldlabel.placeicon:before,
.component-form .fieldlabel .placeicon:after,
.component-form .fieldlabel .placeicon:before {
  transition: opacity 0.4s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  top: 50%;
  right: 0.2rem;
  transform: translate(0, -50%);
  background: no-repeat center;
  background-size: contain;
  opacity: 0;
}
.component-form label .placeicon,
.component-form .fieldlabel .placeicon {
  position: relative;
  display: block;
}
.component-form label.error.placeicon:after, .component-form label.error .placeicon:after,
.component-form .fieldlabel.error.placeicon:after,
.component-form .fieldlabel.error .placeicon:after {
  background-image: url(static/images/form-icons/icon__error.svg);
  opacity: 1;
}
.component-form label.valid.placeicon:after, .component-form label.valid .placeicon:after,
.component-form .fieldlabel.valid.placeicon:after,
.component-form .fieldlabel.valid .placeicon:after {
  background-image: url(static/images/form-icons/icon__valid.svg);
  opacity: 1;
}
.component-form label.underborder .fieldtext,
.component-form label.underborder .fieldcheckbox,
.component-form label.underborder .fieldradio,
.component-form label.underborder .fieldtextarea,
.component-form label.underborder .fieldtextaudio,
.component-form label.underborder .fieldselect,
.component-form .fieldlabel.underborder .fieldtext,
.component-form .fieldlabel.underborder .fieldcheckbox,
.component-form .fieldlabel.underborder .fieldradio,
.component-form .fieldlabel.underborder .fieldtextarea,
.component-form .fieldlabel.underborder .fieldtextaudio,
.component-form .fieldlabel.underborder .fieldselect {
  border-width: 1px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-color: #848484;
  border-radius: 0;
}
.component-form label.underborder .fieldtext:focus,
.component-form label.underborder .fieldcheckbox:focus,
.component-form label.underborder .fieldradio:focus,
.component-form label.underborder .fieldtextarea:focus,
.component-form label.underborder .fieldtextaudio:focus,
.component-form label.underborder .fieldselect:focus,
.component-form .fieldlabel.underborder .fieldtext:focus,
.component-form .fieldlabel.underborder .fieldcheckbox:focus,
.component-form .fieldlabel.underborder .fieldradio:focus,
.component-form .fieldlabel.underborder .fieldtextarea:focus,
.component-form .fieldlabel.underborder .fieldtextaudio:focus,
.component-form .fieldlabel.underborder .fieldselect:focus {
  border-bottom-color: #cccccc;
}
.component-form .fieldtext,
.component-form .fieldcheckbox,
.component-form .fieldradio,
.component-form .fieldtextarea,
.component-form .fieldtextaudio,
.component-form .fieldselect {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.16rem;
  width: 100%;
  height: 0.42rem;
  border: 1px solid #cccccc;
  border-radius: 0.06rem;
  background: #fff no-repeat 95% center;
  background-size: auto 0.21rem;
  resize: none;
  color: #000;
  box-sizing: border-box;
}
@media (max-width: 720px) {
  .component-form .fieldtext,
.component-form .fieldcheckbox,
.component-form .fieldradio,
.component-form .fieldtextarea,
.component-form .fieldtextaudio,
.component-form .fieldselect {
    font-size: 0.16rem;
  }
}
.component-form .fieldtext[data-rule-money],
.component-form .fieldcheckbox[data-rule-money],
.component-form .fieldradio[data-rule-money],
.component-form .fieldtextarea[data-rule-money],
.component-form .fieldtextaudio[data-rule-money],
.component-form .fieldselect[data-rule-money] {
  text-align: right;
}
.component-form .fieldtext[disabled],
.component-form .fieldcheckbox[disabled],
.component-form .fieldradio[disabled],
.component-form .fieldtextarea[disabled],
.component-form .fieldtextaudio[disabled],
.component-form .fieldselect[disabled] {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(204, 204, 204, 0.3);
}
.component-form .fieldtext,
.component-form .fieldtextarea,
.component-form .fieldtextaudio {
  padding: 0rem 0.16rem;
  color: #000;
}
.component-form .fieldtext.small,
.component-form .fieldtextarea.small,
.component-form .fieldtextaudio.small {
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form .fieldtext.small,
.component-form .fieldtextarea.small,
.component-form .fieldtextaudio.small {
    font-size: 0.16rem;
  }
}
.component-form .fieldtextarea,
.component-form .fieldtextaudio {
  padding: 0.16rem 0.16rem;
  height: auto;
  min-height: 2rem;
}
.component-form .fieldtextaudio {
  position: relative;
  min-height: 0;
  margin-bottom: 0.3rem;
}
.component-form .fieldtextaudio__area {
  border: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  outline: none;
  height: auto;
  min-height: 2rem;
  color: #000;
}
.small .component-form .fieldtextaudio__area {
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .small .component-form .fieldtextaudio__area {
    font-size: 0.16rem;
  }
}
.component-form .fieldtextaudio__button {
  position: absolute;
  display: table-cell;
  border-radius: 100vw;
  width: 0.7rem;
  height: 0.7rem;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: #ff7900;
  bottom: -0.35rem;
  right: -0.35rem;
}
.component-form .fieldtextaudio__button--0, .component-form .fieldtextaudio__button[data-deg="0"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(90deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--0 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="0"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--0 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="0"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--0::before, .component-form .fieldtextaudio__button[data-deg="0"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--1, .component-form .fieldtextaudio__button[data-deg="1"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(93.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--1 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="1"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--1 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="1"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--1::before, .component-form .fieldtextaudio__button[data-deg="1"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--2, .component-form .fieldtextaudio__button[data-deg="2"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(97.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--2 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="2"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--2 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="2"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--2::before, .component-form .fieldtextaudio__button[data-deg="2"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--3, .component-form .fieldtextaudio__button[data-deg="3"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(100.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--3 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="3"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--3 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="3"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--3::before, .component-form .fieldtextaudio__button[data-deg="3"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--4, .component-form .fieldtextaudio__button[data-deg="4"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(104.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--4 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="4"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--4 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="4"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--4::before, .component-form .fieldtextaudio__button[data-deg="4"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--5, .component-form .fieldtextaudio__button[data-deg="5"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(108deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--5 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="5"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--5 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="5"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--5::before, .component-form .fieldtextaudio__button[data-deg="5"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--6, .component-form .fieldtextaudio__button[data-deg="6"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(111.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--6 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="6"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--6 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="6"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--6::before, .component-form .fieldtextaudio__button[data-deg="6"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--7, .component-form .fieldtextaudio__button[data-deg="7"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(115.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--7 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="7"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--7 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="7"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--7::before, .component-form .fieldtextaudio__button[data-deg="7"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--8, .component-form .fieldtextaudio__button[data-deg="8"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(118.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--8 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="8"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--8 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="8"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--8::before, .component-form .fieldtextaudio__button[data-deg="8"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--9, .component-form .fieldtextaudio__button[data-deg="9"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(122.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--9 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="9"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--9 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="9"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--9::before, .component-form .fieldtextaudio__button[data-deg="9"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--10, .component-form .fieldtextaudio__button[data-deg="10"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(126deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--10 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="10"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--10 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="10"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--10::before, .component-form .fieldtextaudio__button[data-deg="10"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--11, .component-form .fieldtextaudio__button[data-deg="11"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(129.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--11 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="11"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--11 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="11"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--11::before, .component-form .fieldtextaudio__button[data-deg="11"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--12, .component-form .fieldtextaudio__button[data-deg="12"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(133.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--12 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="12"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--12 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="12"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--12::before, .component-form .fieldtextaudio__button[data-deg="12"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--13, .component-form .fieldtextaudio__button[data-deg="13"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(136.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--13 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="13"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--13 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="13"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--13::before, .component-form .fieldtextaudio__button[data-deg="13"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--14, .component-form .fieldtextaudio__button[data-deg="14"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(140.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--14 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="14"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--14 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="14"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--14::before, .component-form .fieldtextaudio__button[data-deg="14"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--15, .component-form .fieldtextaudio__button[data-deg="15"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(144deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--15 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="15"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--15 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="15"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--15::before, .component-form .fieldtextaudio__button[data-deg="15"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--16, .component-form .fieldtextaudio__button[data-deg="16"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(147.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--16 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="16"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--16 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="16"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--16::before, .component-form .fieldtextaudio__button[data-deg="16"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--17, .component-form .fieldtextaudio__button[data-deg="17"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(151.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--17 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="17"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--17 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="17"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--17::before, .component-form .fieldtextaudio__button[data-deg="17"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--18, .component-form .fieldtextaudio__button[data-deg="18"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(154.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--18 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="18"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--18 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="18"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--18::before, .component-form .fieldtextaudio__button[data-deg="18"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--19, .component-form .fieldtextaudio__button[data-deg="19"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(158.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--19 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="19"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--19 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="19"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--19::before, .component-form .fieldtextaudio__button[data-deg="19"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--20, .component-form .fieldtextaudio__button[data-deg="20"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(162deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--20 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="20"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--20 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="20"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--20::before, .component-form .fieldtextaudio__button[data-deg="20"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--21, .component-form .fieldtextaudio__button[data-deg="21"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(165.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--21 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="21"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--21 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="21"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--21::before, .component-form .fieldtextaudio__button[data-deg="21"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--22, .component-form .fieldtextaudio__button[data-deg="22"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(169.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--22 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="22"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--22 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="22"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--22::before, .component-form .fieldtextaudio__button[data-deg="22"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--23, .component-form .fieldtextaudio__button[data-deg="23"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(172.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--23 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="23"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--23 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="23"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--23::before, .component-form .fieldtextaudio__button[data-deg="23"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--24, .component-form .fieldtextaudio__button[data-deg="24"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(176.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--24 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="24"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--24 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="24"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--24::before, .component-form .fieldtextaudio__button[data-deg="24"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--25, .component-form .fieldtextaudio__button[data-deg="25"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(180deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--25 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="25"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--25 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="25"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--25::before, .component-form .fieldtextaudio__button[data-deg="25"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--26, .component-form .fieldtextaudio__button[data-deg="26"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(183.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--26 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="26"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--26 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="26"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--26::before, .component-form .fieldtextaudio__button[data-deg="26"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--27, .component-form .fieldtextaudio__button[data-deg="27"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(187.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--27 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="27"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--27 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="27"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--27::before, .component-form .fieldtextaudio__button[data-deg="27"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--28, .component-form .fieldtextaudio__button[data-deg="28"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(190.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--28 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="28"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--28 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="28"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--28::before, .component-form .fieldtextaudio__button[data-deg="28"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--29, .component-form .fieldtextaudio__button[data-deg="29"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(194.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--29 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="29"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--29 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="29"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--29::before, .component-form .fieldtextaudio__button[data-deg="29"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--30, .component-form .fieldtextaudio__button[data-deg="30"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(198deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--30 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="30"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--30 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="30"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--30::before, .component-form .fieldtextaudio__button[data-deg="30"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--31, .component-form .fieldtextaudio__button[data-deg="31"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(201.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--31 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="31"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--31 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="31"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--31::before, .component-form .fieldtextaudio__button[data-deg="31"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--32, .component-form .fieldtextaudio__button[data-deg="32"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(205.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--32 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="32"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--32 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="32"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--32::before, .component-form .fieldtextaudio__button[data-deg="32"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--33, .component-form .fieldtextaudio__button[data-deg="33"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(208.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--33 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="33"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--33 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="33"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--33::before, .component-form .fieldtextaudio__button[data-deg="33"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--34, .component-form .fieldtextaudio__button[data-deg="34"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(212.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--34 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="34"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--34 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="34"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--34::before, .component-form .fieldtextaudio__button[data-deg="34"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--35, .component-form .fieldtextaudio__button[data-deg="35"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(216deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--35 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="35"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--35 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="35"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--35::before, .component-form .fieldtextaudio__button[data-deg="35"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--36, .component-form .fieldtextaudio__button[data-deg="36"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(219.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--36 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="36"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--36 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="36"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--36::before, .component-form .fieldtextaudio__button[data-deg="36"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--37, .component-form .fieldtextaudio__button[data-deg="37"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(223.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--37 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="37"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--37 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="37"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--37::before, .component-form .fieldtextaudio__button[data-deg="37"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--38, .component-form .fieldtextaudio__button[data-deg="38"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(226.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--38 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="38"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--38 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="38"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--38::before, .component-form .fieldtextaudio__button[data-deg="38"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--39, .component-form .fieldtextaudio__button[data-deg="39"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(230.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--39 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="39"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--39 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="39"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--39::before, .component-form .fieldtextaudio__button[data-deg="39"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--40, .component-form .fieldtextaudio__button[data-deg="40"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(234deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--40 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="40"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--40 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="40"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--40::before, .component-form .fieldtextaudio__button[data-deg="40"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--41, .component-form .fieldtextaudio__button[data-deg="41"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(237.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--41 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="41"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--41 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="41"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--41::before, .component-form .fieldtextaudio__button[data-deg="41"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--42, .component-form .fieldtextaudio__button[data-deg="42"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(241.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--42 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="42"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--42 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="42"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--42::before, .component-form .fieldtextaudio__button[data-deg="42"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--43, .component-form .fieldtextaudio__button[data-deg="43"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(244.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--43 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="43"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--43 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="43"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--43::before, .component-form .fieldtextaudio__button[data-deg="43"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--44, .component-form .fieldtextaudio__button[data-deg="44"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(248.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--44 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="44"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--44 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="44"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--44::before, .component-form .fieldtextaudio__button[data-deg="44"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--45, .component-form .fieldtextaudio__button[data-deg="45"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(252deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--45 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="45"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--45 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="45"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--45::before, .component-form .fieldtextaudio__button[data-deg="45"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--46, .component-form .fieldtextaudio__button[data-deg="46"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(255.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--46 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="46"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--46 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="46"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--46::before, .component-form .fieldtextaudio__button[data-deg="46"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--47, .component-form .fieldtextaudio__button[data-deg="47"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(259.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--47 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="47"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--47 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="47"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--47::before, .component-form .fieldtextaudio__button[data-deg="47"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--48, .component-form .fieldtextaudio__button[data-deg="48"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(262.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--48 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="48"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--48 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="48"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--48::before, .component-form .fieldtextaudio__button[data-deg="48"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--49, .component-form .fieldtextaudio__button[data-deg="49"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(266.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--49 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="49"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--49 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="49"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--49::before, .component-form .fieldtextaudio__button[data-deg="49"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--50, .component-form .fieldtextaudio__button[data-deg="50"] {
  background: linear-gradient(to right, #ff7900 50%, transparent 50%), linear-gradient(270deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--50 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="50"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--50 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="50"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--50::before, .component-form .fieldtextaudio__button[data-deg="50"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--51, .component-form .fieldtextaudio__button[data-deg="51"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(273.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--51 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="51"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--51 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="51"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--51::before, .component-form .fieldtextaudio__button[data-deg="51"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--52, .component-form .fieldtextaudio__button[data-deg="52"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(277.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--52 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="52"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--52 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="52"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--52::before, .component-form .fieldtextaudio__button[data-deg="52"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--53, .component-form .fieldtextaudio__button[data-deg="53"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(280.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--53 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="53"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--53 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="53"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--53::before, .component-form .fieldtextaudio__button[data-deg="53"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--54, .component-form .fieldtextaudio__button[data-deg="54"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(284.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--54 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="54"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--54 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="54"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--54::before, .component-form .fieldtextaudio__button[data-deg="54"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--55, .component-form .fieldtextaudio__button[data-deg="55"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(288deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--55 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="55"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--55 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="55"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--55::before, .component-form .fieldtextaudio__button[data-deg="55"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--56, .component-form .fieldtextaudio__button[data-deg="56"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(291.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--56 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="56"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--56 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="56"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--56::before, .component-form .fieldtextaudio__button[data-deg="56"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--57, .component-form .fieldtextaudio__button[data-deg="57"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(295.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--57 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="57"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--57 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="57"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--57::before, .component-form .fieldtextaudio__button[data-deg="57"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--58, .component-form .fieldtextaudio__button[data-deg="58"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(298.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--58 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="58"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--58 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="58"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--58::before, .component-form .fieldtextaudio__button[data-deg="58"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--59, .component-form .fieldtextaudio__button[data-deg="59"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(302.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--59 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="59"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--59 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="59"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--59::before, .component-form .fieldtextaudio__button[data-deg="59"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--60, .component-form .fieldtextaudio__button[data-deg="60"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(306deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--60 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="60"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--60 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="60"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--60::before, .component-form .fieldtextaudio__button[data-deg="60"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--61, .component-form .fieldtextaudio__button[data-deg="61"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(309.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--61 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="61"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--61 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="61"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--61::before, .component-form .fieldtextaudio__button[data-deg="61"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--62, .component-form .fieldtextaudio__button[data-deg="62"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(313.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--62 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="62"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--62 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="62"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--62::before, .component-form .fieldtextaudio__button[data-deg="62"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--63, .component-form .fieldtextaudio__button[data-deg="63"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(316.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--63 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="63"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--63 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="63"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--63::before, .component-form .fieldtextaudio__button[data-deg="63"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--64, .component-form .fieldtextaudio__button[data-deg="64"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(320.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--64 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="64"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--64 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="64"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--64::before, .component-form .fieldtextaudio__button[data-deg="64"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--65, .component-form .fieldtextaudio__button[data-deg="65"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(324deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--65 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="65"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--65 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="65"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--65::before, .component-form .fieldtextaudio__button[data-deg="65"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--66, .component-form .fieldtextaudio__button[data-deg="66"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(327.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--66 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="66"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--66 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="66"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--66::before, .component-form .fieldtextaudio__button[data-deg="66"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--67, .component-form .fieldtextaudio__button[data-deg="67"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(331.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--67 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="67"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--67 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="67"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--67::before, .component-form .fieldtextaudio__button[data-deg="67"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--68, .component-form .fieldtextaudio__button[data-deg="68"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(334.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--68 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="68"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--68 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="68"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--68::before, .component-form .fieldtextaudio__button[data-deg="68"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--69, .component-form .fieldtextaudio__button[data-deg="69"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(338.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--69 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="69"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--69 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="69"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--69::before, .component-form .fieldtextaudio__button[data-deg="69"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--70, .component-form .fieldtextaudio__button[data-deg="70"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(342deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--70 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="70"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--70 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="70"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--70::before, .component-form .fieldtextaudio__button[data-deg="70"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--71, .component-form .fieldtextaudio__button[data-deg="71"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(345.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--71 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="71"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--71 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="71"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--71::before, .component-form .fieldtextaudio__button[data-deg="71"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--72, .component-form .fieldtextaudio__button[data-deg="72"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(349.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--72 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="72"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--72 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="72"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--72::before, .component-form .fieldtextaudio__button[data-deg="72"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--73, .component-form .fieldtextaudio__button[data-deg="73"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(352.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--73 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="73"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--73 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="73"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--73::before, .component-form .fieldtextaudio__button[data-deg="73"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--74, .component-form .fieldtextaudio__button[data-deg="74"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(356.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--74 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="74"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--74 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="74"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--74::before, .component-form .fieldtextaudio__button[data-deg="74"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--75, .component-form .fieldtextaudio__button[data-deg="75"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(360deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--75 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="75"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--75 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="75"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--75::before, .component-form .fieldtextaudio__button[data-deg="75"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--76, .component-form .fieldtextaudio__button[data-deg="76"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(363.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--76 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="76"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--76 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="76"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--76::before, .component-form .fieldtextaudio__button[data-deg="76"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--77, .component-form .fieldtextaudio__button[data-deg="77"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(367.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--77 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="77"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--77 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="77"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--77::before, .component-form .fieldtextaudio__button[data-deg="77"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--78, .component-form .fieldtextaudio__button[data-deg="78"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(370.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--78 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="78"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--78 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="78"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--78::before, .component-form .fieldtextaudio__button[data-deg="78"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--79, .component-form .fieldtextaudio__button[data-deg="79"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(374.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--79 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="79"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--79 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="79"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--79::before, .component-form .fieldtextaudio__button[data-deg="79"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--80, .component-form .fieldtextaudio__button[data-deg="80"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(378deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--80 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="80"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--80 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="80"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--80::before, .component-form .fieldtextaudio__button[data-deg="80"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--81, .component-form .fieldtextaudio__button[data-deg="81"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(381.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--81 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="81"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--81 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="81"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--81::before, .component-form .fieldtextaudio__button[data-deg="81"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--82, .component-form .fieldtextaudio__button[data-deg="82"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(385.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--82 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="82"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--82 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="82"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--82::before, .component-form .fieldtextaudio__button[data-deg="82"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--83, .component-form .fieldtextaudio__button[data-deg="83"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(388.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--83 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="83"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--83 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="83"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--83::before, .component-form .fieldtextaudio__button[data-deg="83"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--84, .component-form .fieldtextaudio__button[data-deg="84"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(392.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--84 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="84"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--84 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="84"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--84::before, .component-form .fieldtextaudio__button[data-deg="84"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--85, .component-form .fieldtextaudio__button[data-deg="85"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(396deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--85 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="85"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--85 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="85"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--85::before, .component-form .fieldtextaudio__button[data-deg="85"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--86, .component-form .fieldtextaudio__button[data-deg="86"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(399.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--86 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="86"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--86 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="86"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--86::before, .component-form .fieldtextaudio__button[data-deg="86"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--87, .component-form .fieldtextaudio__button[data-deg="87"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(403.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--87 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="87"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--87 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="87"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--87::before, .component-form .fieldtextaudio__button[data-deg="87"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--88, .component-form .fieldtextaudio__button[data-deg="88"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(406.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--88 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="88"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--88 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="88"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--88::before, .component-form .fieldtextaudio__button[data-deg="88"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--89, .component-form .fieldtextaudio__button[data-deg="89"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(410.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--89 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="89"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--89 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="89"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--89::before, .component-form .fieldtextaudio__button[data-deg="89"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--90, .component-form .fieldtextaudio__button[data-deg="90"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(414deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--90 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="90"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--90 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="90"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--90::before, .component-form .fieldtextaudio__button[data-deg="90"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--91, .component-form .fieldtextaudio__button[data-deg="91"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(417.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--91 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="91"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--91 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="91"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--91::before, .component-form .fieldtextaudio__button[data-deg="91"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--92, .component-form .fieldtextaudio__button[data-deg="92"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(421.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--92 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="92"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--92 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="92"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--92::before, .component-form .fieldtextaudio__button[data-deg="92"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--93, .component-form .fieldtextaudio__button[data-deg="93"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(424.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--93 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="93"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--93 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="93"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--93::before, .component-form .fieldtextaudio__button[data-deg="93"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--94, .component-form .fieldtextaudio__button[data-deg="94"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(428.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--94 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="94"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--94 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="94"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--94::before, .component-form .fieldtextaudio__button[data-deg="94"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--95, .component-form .fieldtextaudio__button[data-deg="95"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(432deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--95 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="95"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--95 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="95"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--95::before, .component-form .fieldtextaudio__button[data-deg="95"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--96, .component-form .fieldtextaudio__button[data-deg="96"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(435.6deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--96 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="96"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--96 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="96"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--96::before, .component-form .fieldtextaudio__button[data-deg="96"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--97, .component-form .fieldtextaudio__button[data-deg="97"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(439.2deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--97 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="97"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--97 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="97"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--97::before, .component-form .fieldtextaudio__button[data-deg="97"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--98, .component-form .fieldtextaudio__button[data-deg="98"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(442.8deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--98 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="98"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--98 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="98"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--98::before, .component-form .fieldtextaudio__button[data-deg="98"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--99, .component-form .fieldtextaudio__button[data-deg="99"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(446.4deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--99 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="99"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--99 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="99"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--99::before, .component-form .fieldtextaudio__button[data-deg="99"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button--100, .component-form .fieldtextaudio__button[data-deg="100"] {
  background: linear-gradient(to left, #333 50%, transparent 50%), linear-gradient(450deg, #333 50%, #ff7900 50%);
}
.component-form .fieldtextaudio__button--100 .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button[data-deg="100"] .fieldtextaudio__button-trigger {
  opacity: 0;
}
.component-form .fieldtextaudio__button--100 .fieldtextaudio__button-counter, .component-form .fieldtextaudio__button[data-deg="100"] .fieldtextaudio__button-counter {
  opacity: 1;
}
.component-form .fieldtextaudio__button--100::before, .component-form .fieldtextaudio__button[data-deg="100"]::before {
  transform: scale(0.8);
}
.component-form .fieldtextaudio__button::before {
  transition: transform 0.6s 0.4s ease-in-out;
  content: "";
  align-items: center;
  background-color: #ff7900;
  border-radius: 50%;
  display: inline-flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1);
  width: 100%;
  z-index: 1;
}
.component-form .fieldtextaudio__button-trigger, .component-form .fieldtextaudio__button-counter {
  transition: opacity 0.4s ease-in-out;
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.component-form .fieldtextaudio__button-trigger {
  width: 80%;
  height: 80%;
  opacity: 1;
}
.component-form .fieldtextaudio span.error {
  left: 0;
  top: 102%;
}
.component-form .fieldtext:-moz-read-only, .component-form .fieldtextarea:-moz-read-only {
  background-color: #f0f0f0;
}
.component-form .fieldtext:disabled,
.component-form .fieldtext:read-only,
.component-form .fieldtextarea:disabled,
.component-form .fieldtextarea:read-only {
  background-color: #f0f0f0;
}
.component-form .fieldselect {
  position: relative;
}
.component-form .fieldselect:after {
  display: block;
  content: "";
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  width: 0.48rem;
  transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
  background: #fff url(static/images/form-icons/icon__select.svg) no-repeat center;
  background-size: 0.1rem auto;
  border-radius: 0.06rem;
  pointer-events: none;
}
.component-form .fieldselect--small:after {
  width: 0.28rem;
}
.component-form .fieldselect--multiselect {
  height: inherit;
}
.component-form .fieldselect--alignselfend {
  align-self: flex-end;
}
@media (min-width: 720px) {
  .component-form .fieldselect--max {
    max-width: 50%;
  }
}
.component-form .fieldselect:focus:after {
  background-image: url(static/images/form-icons/icon__select.svg);
}
.component-form .fieldselect select {
  background: transparent;
  border: none;
  height: 0.4rem;
  padding: 0.05rem 0.16rem;
  /* If you add too much padding here, the options won't show in IE */
  width: 100%;
  color: #000;
}
@media (max-width: 720px) {
  .component-form .fieldselect select[data-customselect] {
    height: auto;
  }
}
@media (max-width: 720px) {
  .component-form .fieldselect .select2-container {
    width: 100%;
  }
}
.component-form .fieldselect.small select {
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form .fieldselect.small select {
    font-size: 0.16rem;
  }
}
.component-form .fieldselect__custom {
  align-items: center;
  background: #fff no-repeat 95% center;
  background-size: auto 0.21rem;
  color: #000;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: 0 !important;
  min-width: 100%;
  padding: 0.05rem 0.16rem;
  width: 100%;
}
@media (max-width: 720px) {
  .component-form .fieldselect__custom {
    padding: 0 0.2rem;
  }
}
.component-form .fieldselect__custom > * {
  pointer-events: none;
}
.component-form .fieldselect__custom.disabled {
  opacity: 0.5;
}
.component-form .fieldselect__custom:not(.checked) .fieldselect__custom__image {
  background: #fff;
}
.component-form .fieldselect__custom:not(.checked .disabled):hover {
  background: #e3e3e3;
}
.component-form .fieldselect__custom__input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.component-form .fieldselect__custom__image {
  background: #ff7900;
  box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.5);
  display: block;
  margin-right: 0.08rem;
  padding: 0.03rem;
  width: 0.5rem !important;
}
.component-form .fieldselect__custom__price {
  font-weight: bold;
  margin-left: auto;
  width: auto !important;
}
.component-form .fieldselect__custom__price.left {
  margin-left: 0;
}
.component-form .fieldfile {
  position: relative;
}
.component-form .fieldfile input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0;
}
.component-form .fieldfile .fieldfile-name {
  position: relative;
  z-index: 2;
  display: block;
  line-height: 0.42rem;
}
.component-form .fieldfile .fieldfile-name:before {
  content: "";
  display: inline-block;
  margin: -0.06rem 0.08rem 0 0;
  width: 0.27rem;
  height: 0.22rem;
  background: url(static/images/ico__file.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.component-form .fieldfile .fieldfile-name:hover:before, .component-form .fieldfile .fieldfile-name.active:before {
  background-image: url(static/images/ico__file--active.png);
}
.component-form .fieldfile span.error {
  top: 100%;
}
.component-form .fieldbutton,
.component-form .fieldfile .fieldfile-name {
  cursor: pointer;
  width: 100%;
}
.component-form .fieldbutton:disabled,
.component-form .fieldfile .fieldfile-name:disabled {
  opacity: 0.5;
  cursor: default;
}
.component-form .fieldbutton.onright,
.component-form .fieldfile .fieldfile-name.onright {
  margin-right: 0;
}
.component-form .fieldcheckbox,
.component-form .fieldradio {
  background: transparent;
  border: 1px solid transparent;
  box-sizing: border-box;
  height: 0.2rem;
  position: relative;
  width: 0.2rem;
  border-radius: 0.03rem;
  margin-right: 0.08rem;
  vertical-align: top;
}
.component-form .fieldcheckbox:after, .component-form .fieldcheckbox:before,
.component-form .fieldradio:after,
.component-form .fieldradio:before {
  background: #fff center;
  background-size: 0.12rem;
  background-repeat: no-repeat;
  border: 1px solid #848484;
  border-radius: 0.03rem;
  box-sizing: border-box;
  content: "";
  height: calc(100% + 2px);
  left: -2px;
  position: absolute;
  top: -2px;
  width: calc(100% + 2px);
}
.component-form .fieldcheckbox:after,
.component-form .fieldradio:after {
  z-index: 1;
}
.component-form .fieldcheckbox:before,
.component-form .fieldradio:before {
  background: #ff7900 center;
  background-size: 0.12rem;
  background-repeat: no-repeat;
  border: 1px solid #000;
  border-radius: 0.03rem;
  opacity: 0;
  transition: all 0.4s linear;
  z-index: 2;
}
.component-form .fieldcheckbox:checked:before,
.component-form .fieldradio:checked:before {
  opacity: 1;
}
.component-form .fieldcheckbox[readonly]:before,
.component-form .fieldradio[readonly]:before {
  opacity: 1;
}
.component-form .fieldcheckbox:focus:after,
.component-form .fieldradio:focus:after {
  border-color: #000;
}
.component-form .fieldcheckbox.error:after, .component-form .fieldcheckbox.error:before,
.component-form .fieldradio.error:after,
.component-form .fieldradio.error:before {
  border-color: #dc0b25;
  background-color: #fff;
}
.component-form .error[data-field-holder] .fieldcheckbox:after, .component-form .error[data-field-holder] .fieldcheckbox:before,
.component-form .error[data-field-holder] .fieldradio:after,
.component-form .error[data-field-holder] .fieldradio:before {
  border-color: #dc0b25;
  background-color: #fff;
}
.component-form .fieldcheckbox:after {
  background-image: none;
}
.component-form .fieldcheckbox:before {
  background-image: url(static/images/form-icons/icon__check.svg);
}
.component-form .fieldradio:after {
  background-image: none;
}
.component-form .fieldradio:before {
  background-image: url(static/images/form-icons/icon__check.svg);
}
.component-form label > span.fieldcheckbox-label,
.component-form label > span.fieldradio-label,
.component-form .fieldlabel > span.fieldcheckbox-label,
.component-form .fieldlabel > span.fieldradio-label {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  max-width: calc(100% - 0.31rem);
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form label > span.fieldcheckbox-label,
.component-form label > span.fieldradio-label,
.component-form .fieldlabel > span.fieldcheckbox-label,
.component-form .fieldlabel > span.fieldradio-label {
    vertical-align: middle;
    font-size: 0.16rem;
  }
}
.component-form label > span.fieldcheckbox-label a,
.component-form label > span.fieldradio-label a,
.component-form .fieldlabel > span.fieldcheckbox-label a,
.component-form .fieldlabel > span.fieldradio-label a {
  color: #000;
}
.component-form .fieldradio-button span.error,
.component-form .fieldcheckbox-button span.error {
  bottom: calc(100% + 0.05rem);
  top: auto;
}
.component-form .fieldradio-button input[type=radio],
.component-form .fieldradio-button input[type=checkbox],
.component-form .fieldcheckbox-button input[type=radio],
.component-form .fieldcheckbox-button input[type=checkbox] {
  cursor: pointer;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.component-form .fieldradio-button input[type=radio]:checked ~ span,
.component-form .fieldradio-button input[type=checkbox]:checked ~ span,
.component-form .fieldcheckbox-button input[type=radio]:checked ~ span,
.component-form .fieldcheckbox-button input[type=checkbox]:checked ~ span {
  background: rgba(255, 121, 0, 0.3);
}
.component-form .fieldlink {
  font-family: "Roboto", Arial, Helvetica;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0.07rem 0;
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form .fieldlink {
    font-size: 0.16rem;
  }
}
.component-form .formerrors {
  color: #dc0b25;
  font-size: 0.16rem;
  margin-bottom: 0;
}
@media (max-width: 720px) {
  .component-form .formerrors {
    font-size: 0.16rem;
  }
}
.component-form .formerrors:not(:empty) {
  margin-bottom: 0.08rem;
}
@media (max-width: 720px) {
  .component-form .formerrors:not(:empty) {
    margin-bottom: 0.16rem;
  }
}
.component-form .formsuccess {
  color: #000;
  font-size: 0.16rem;
}
@media (max-width: 720px) {
  .component-form .formsuccess {
    font-size: 0.16rem;
  }
}
.component-form .formsuccess:not(:empty) {
  margin-bottom: 0.08rem;
}
@media (max-width: 720px) {
  .component-form .formsuccess:not(:empty) {
    margin-bottom: 0.16rem;
  }
}
.component-form .valid .fieldtext,
.component-form .valid .fieldtextarea,
.component-form .valid .fieldtextaudio,
.component-form .valid .fieldselect {
  border-color: #cccccc !important;
}
.component-form .valid .fieldradio-button {
  outline: 1px solid #cccccc;
}
.component-form .error .fieldtext,
.component-form .error .fieldtextarea,
.component-form .error .fieldtextaudio,
.component-form .error .fieldselect {
  border-color: #dc0b25 !important;
}
.component-form .error .fieldradio-button {
  outline: 1px solid #dc0b25;
}
.component-form .error.error-on-right {
  position: relative;
}
.component-form .error.error-on-right span.error {
  right: 0;
}
.component-form span.error {
  position: absolute;
  font-family: "Roboto", Arial, Helvetica;
  color: #dc0b25;
  white-space: nowrap;
  font-size: 0.1rem;
}
.relative-error .component-form span.error {
  position: relative;
  white-space: pre-wrap;
}
@media (max-width: 720px) {
  .component-form span.error {
    margin-bottom: 0.09rem;
    max-width: 4rem;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.2em;
  }
}
.component-form .formtab,
.component-form .fieldwrapper {
  display: none;
}
.component-form .formtab.active,
.component-form .fieldwrapper.active {
  display: block;
}
.component-form .formtab__header,
.component-form .fieldwrapper__header {
  font-family: "Roboto", Arial, Helvetica;
  margin-bottom: 0.32rem;
}
.component-form .formtab__header-title,
.component-form .fieldwrapper__header-title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.36rem;
  line-height: 1.2em;
  font-weight: 600;
  margin: 0;
}
@media (max-width: 720px) {
  .component-form .formtab__header-title,
.component-form .fieldwrapper__header-title {
    font-size: 0.26rem;
  }
}
.component-form .formtab__header-description,
.component-form .fieldwrapper__header-description {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  font-weight: 400;
}
@media (max-width: 720px) {
  .component-form .formtab__header-description,
.component-form .fieldwrapper__header-description {
    font-size: 0.18rem;
  }
}
.component-form .formtab__steps {
  display: block;
  width: 100%;
  height: 0.03rem;
  margin-top: -0.15rem;
  margin-bottom: 0.3rem;
}
.component-form .formtab__steps-wrapper {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.6rem;
  box-sizing: border-box;
}
.component-form .formtab__steps-step {
  margin: 0 0.08rem;
  flex: 1;
  height: 1px;
  border-radius: 2px;
  background: #fff;
  opacity: 0.3;
}
.component-form .formtab__steps[data-step="1"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="2"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="3"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="4"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="5"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="6"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="7"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(1), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(1) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="2"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="3"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="4"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="5"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="6"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="7"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(2), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(2) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="3"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="4"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="5"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="6"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="7"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(3), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(3) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="4"] .formtab__steps-step:nth-child(4), .component-form .formtab__steps[data-step="5"] .formtab__steps-step:nth-child(4), .component-form .formtab__steps[data-step="6"] .formtab__steps-step:nth-child(4), .component-form .formtab__steps[data-step="7"] .formtab__steps-step:nth-child(4), .component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(4), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(4), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(4), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(4) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="5"] .formtab__steps-step:nth-child(5), .component-form .formtab__steps[data-step="6"] .formtab__steps-step:nth-child(5), .component-form .formtab__steps[data-step="7"] .formtab__steps-step:nth-child(5), .component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(5), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(5), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(5), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(5) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="6"] .formtab__steps-step:nth-child(6), .component-form .formtab__steps[data-step="7"] .formtab__steps-step:nth-child(6), .component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(6), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(6), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(6), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(6) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="7"] .formtab__steps-step:nth-child(7), .component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(7), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(7), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(7), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(7) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="8"] .formtab__steps-step:nth-child(8), .component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(8), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(8), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(8) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="9"] .formtab__steps-step:nth-child(9), .component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(9), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(9) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="10"] .formtab__steps-step:nth-child(10), .component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(10) {
  opacity: 1;
}
.component-form .formtab__steps[data-step="11"] .formtab__steps-step:nth-child(11) {
  opacity: 1;
}
.component-form .fieldwrapper {
  display: block;
  max-width: 10.9rem;
  padding-left: 2.8rem;
}
.component-form .fieldwrapper .formerrors {
  text-align: right;
  align-self: center;
  margin-bottom: 0;
}
.component-form .formsuccess,
.component-form .formerrors,
.component-form .fieldspacer,
.component-form .forminfo,
.component-form label,
.component-form .fieldlabel {
  margin: 0 0.4rem 0 0;
}
.component-form .formsuccess:last-child,
.component-form .formerrors:last-child,
.component-form .fieldspacer:last-child,
.component-form .forminfo:last-child,
.component-form label:last-child,
.component-form .fieldlabel:last-child {
  margin-right: 0;
}
.component-form .formsuccess,
.component-form .formerrors,
.component-form .fieldspacer,
.component-form .forminfo,
.component-form label,
.component-form .fieldlabel {
  flex: 20;
}
.component-form *[data-flex="0.1"] {
  flex: 0.1;
}
.component-form *[data-flex="0.2"] {
  flex: 0.2;
}
.component-form *[data-flex="0.3"] {
  flex: 0.3;
}
.component-form *[data-flex="0.4"] {
  flex: 0.4;
}
.component-form *[data-flex="0.5"] {
  flex: 0.5;
}
.component-form *[data-flex="0.6"] {
  flex: 0.6;
}
.component-form *[data-flex="0.7"] {
  flex: 0.7;
}
.component-form *[data-flex="0.8"] {
  flex: 0.8;
}
.component-form *[data-flex="0.9"] {
  flex: 0.9;
}
.component-form *[data-flex="1"] {
  flex: 1;
}
.component-form *[data-flex="1.1"] {
  flex: 1.1;
}
.component-form *[data-flex="1.2"] {
  flex: 1.2;
}
.component-form *[data-flex="1.3"] {
  flex: 1.3;
}
.component-form *[data-flex="1.4"] {
  flex: 1.4;
}
.component-form *[data-flex="1.5"] {
  flex: 1.5;
}
.component-form *[data-flex="1.6"] {
  flex: 1.6;
}
.component-form *[data-flex="1.7"] {
  flex: 1.7;
}
.component-form *[data-flex="1.8"] {
  flex: 1.8;
}
.component-form *[data-flex="1.9"] {
  flex: 1.9;
}
.component-form *[data-flex="2"] {
  flex: 2;
}
.component-form *[data-flex="2.1"] {
  flex: 2.1;
}
.component-form *[data-flex="2.2"] {
  flex: 2.2;
}
.component-form *[data-flex="2.3"] {
  flex: 2.3;
}
.component-form *[data-flex="2.4"] {
  flex: 2.4;
}
.component-form *[data-flex="2.5"] {
  flex: 2.5;
}
.component-form *[data-flex="2.6"] {
  flex: 2.6;
}
.component-form *[data-flex="2.7"] {
  flex: 2.7;
}
.component-form *[data-flex="2.8"] {
  flex: 2.8;
}
.component-form *[data-flex="2.9"] {
  flex: 2.9;
}
.component-form *[data-flex="3"] {
  flex: 3;
}
.component-form *[data-flex="3.1"] {
  flex: 3.1;
}
.component-form *[data-flex="3.2"] {
  flex: 3.2;
}
.component-form *[data-flex="3.3"] {
  flex: 3.3;
}
.component-form *[data-flex="3.4"] {
  flex: 3.4;
}
.component-form *[data-flex="3.5"] {
  flex: 3.5;
}
.component-form *[data-flex="3.6"] {
  flex: 3.6;
}
.component-form *[data-flex="3.7"] {
  flex: 3.7;
}
.component-form *[data-flex="3.8"] {
  flex: 3.8;
}
.component-form *[data-flex="3.9"] {
  flex: 3.9;
}
.component-form *[data-flex="4"] {
  flex: 4;
}
.component-form *[data-flex="4.1"] {
  flex: 4.1;
}
.component-form *[data-flex="4.2"] {
  flex: 4.2;
}
.component-form *[data-flex="4.3"] {
  flex: 4.3;
}
.component-form *[data-flex="4.4"] {
  flex: 4.4;
}
.component-form *[data-flex="4.5"] {
  flex: 4.5;
}
.component-form *[data-flex="4.6"] {
  flex: 4.6;
}
.component-form *[data-flex="4.7"] {
  flex: 4.7;
}
.component-form *[data-flex="4.8"] {
  flex: 4.8;
}
.component-form *[data-flex="4.9"] {
  flex: 4.9;
}
.component-form *[data-flex="5"] {
  flex: 5;
}
.component-form *[data-flex="5.1"] {
  flex: 5.1;
}
.component-form *[data-flex="5.2"] {
  flex: 5.2;
}
.component-form *[data-flex="5.3"] {
  flex: 5.3;
}
.component-form *[data-flex="5.4"] {
  flex: 5.4;
}
.component-form *[data-flex="5.5"] {
  flex: 5.5;
}
.component-form *[data-flex="5.6"] {
  flex: 5.6;
}
.component-form *[data-flex="5.7"] {
  flex: 5.7;
}
.component-form *[data-flex="5.8"] {
  flex: 5.8;
}
.component-form *[data-flex="5.9"] {
  flex: 5.9;
}
.component-form *[data-flex="6"] {
  flex: 6;
}
.component-form *[data-flex="6.1"] {
  flex: 6.1;
}
.component-form *[data-flex="6.2"] {
  flex: 6.2;
}
.component-form *[data-flex="6.3"] {
  flex: 6.3;
}
.component-form *[data-flex="6.4"] {
  flex: 6.4;
}
.component-form *[data-flex="6.5"] {
  flex: 6.5;
}
.component-form *[data-flex="6.6"] {
  flex: 6.6;
}
.component-form *[data-flex="6.7"] {
  flex: 6.7;
}
.component-form *[data-flex="6.8"] {
  flex: 6.8;
}
.component-form *[data-flex="6.9"] {
  flex: 6.9;
}
.component-form *[data-flex="7"] {
  flex: 7;
}
.component-form *[data-flex="7.1"] {
  flex: 7.1;
}
.component-form *[data-flex="7.2"] {
  flex: 7.2;
}
.component-form *[data-flex="7.3"] {
  flex: 7.3;
}
.component-form *[data-flex="7.4"] {
  flex: 7.4;
}
.component-form *[data-flex="7.5"] {
  flex: 7.5;
}
.component-form *[data-flex="7.6"] {
  flex: 7.6;
}
.component-form *[data-flex="7.7"] {
  flex: 7.7;
}
.component-form *[data-flex="7.8"] {
  flex: 7.8;
}
.component-form *[data-flex="7.9"] {
  flex: 7.9;
}
.component-form *[data-flex="8"] {
  flex: 8;
}
.component-form *[data-flex="8.1"] {
  flex: 8.1;
}
.component-form *[data-flex="8.2"] {
  flex: 8.2;
}
.component-form *[data-flex="8.3"] {
  flex: 8.3;
}
.component-form *[data-flex="8.4"] {
  flex: 8.4;
}
.component-form *[data-flex="8.5"] {
  flex: 8.5;
}
.component-form *[data-flex="8.6"] {
  flex: 8.6;
}
.component-form *[data-flex="8.7"] {
  flex: 8.7;
}
.component-form *[data-flex="8.8"] {
  flex: 8.8;
}
.component-form *[data-flex="8.9"] {
  flex: 8.9;
}
.component-form *[data-flex="9"] {
  flex: 9;
}
.component-form *[data-flex="9.1"] {
  flex: 9.1;
}
.component-form *[data-flex="9.2"] {
  flex: 9.2;
}
.component-form *[data-flex="9.3"] {
  flex: 9.3;
}
.component-form *[data-flex="9.4"] {
  flex: 9.4;
}
.component-form *[data-flex="9.5"] {
  flex: 9.5;
}
.component-form *[data-flex="9.6"] {
  flex: 9.6;
}
.component-form *[data-flex="9.7"] {
  flex: 9.7;
}
.component-form *[data-flex="9.8"] {
  flex: 9.8;
}
.component-form *[data-flex="9.9"] {
  flex: 9.9;
}
.component-form *[data-flex="10"] {
  flex: 10;
}
.component-form *[data-flex="10.1"] {
  flex: 10.1;
}
.component-form *[data-flex="10.2"] {
  flex: 10.2;
}
.component-form *[data-flex="10.3"] {
  flex: 10.3;
}
.component-form *[data-flex="10.4"] {
  flex: 10.4;
}
.component-form *[data-flex="10.5"] {
  flex: 10.5;
}
.component-form *[data-flex="10.6"] {
  flex: 10.6;
}
.component-form *[data-flex="10.7"] {
  flex: 10.7;
}
.component-form *[data-flex="10.8"] {
  flex: 10.8;
}
.component-form *[data-flex="10.9"] {
  flex: 10.9;
}
.component-form *[data-flex="11"] {
  flex: 11;
}
.component-form *[data-flex="11.1"] {
  flex: 11.1;
}
.component-form *[data-flex="11.2"] {
  flex: 11.2;
}
.component-form *[data-flex="11.3"] {
  flex: 11.3;
}
.component-form *[data-flex="11.4"] {
  flex: 11.4;
}
.component-form *[data-flex="11.5"] {
  flex: 11.5;
}
.component-form *[data-flex="11.6"] {
  flex: 11.6;
}
.component-form *[data-flex="11.7"] {
  flex: 11.7;
}
.component-form *[data-flex="11.8"] {
  flex: 11.8;
}
.component-form *[data-flex="11.9"] {
  flex: 11.9;
}
.component-form *[data-flex="12"] {
  flex: 12;
}
.component-form *[data-flex="12.1"] {
  flex: 12.1;
}
.component-form *[data-flex="12.2"] {
  flex: 12.2;
}
.component-form *[data-flex="12.3"] {
  flex: 12.3;
}
.component-form *[data-flex="12.4"] {
  flex: 12.4;
}
.component-form *[data-flex="12.5"] {
  flex: 12.5;
}
.component-form *[data-flex="12.6"] {
  flex: 12.6;
}
.component-form *[data-flex="12.7"] {
  flex: 12.7;
}
.component-form *[data-flex="12.8"] {
  flex: 12.8;
}
.component-form *[data-flex="12.9"] {
  flex: 12.9;
}
.component-form *[data-flex="13"] {
  flex: 13;
}
.component-form *[data-flex="13.1"] {
  flex: 13.1;
}
.component-form *[data-flex="13.2"] {
  flex: 13.2;
}
.component-form *[data-flex="13.3"] {
  flex: 13.3;
}
.component-form *[data-flex="13.4"] {
  flex: 13.4;
}
.component-form *[data-flex="13.5"] {
  flex: 13.5;
}
.component-form *[data-flex="13.6"] {
  flex: 13.6;
}
.component-form *[data-flex="13.7"] {
  flex: 13.7;
}
.component-form *[data-flex="13.8"] {
  flex: 13.8;
}
.component-form *[data-flex="13.9"] {
  flex: 13.9;
}
.component-form *[data-flex="14"] {
  flex: 14;
}
.component-form *[data-flex="14.1"] {
  flex: 14.1;
}
.component-form *[data-flex="14.2"] {
  flex: 14.2;
}
.component-form *[data-flex="14.3"] {
  flex: 14.3;
}
.component-form *[data-flex="14.4"] {
  flex: 14.4;
}
.component-form *[data-flex="14.5"] {
  flex: 14.5;
}
.component-form *[data-flex="14.6"] {
  flex: 14.6;
}
.component-form *[data-flex="14.7"] {
  flex: 14.7;
}
.component-form *[data-flex="14.8"] {
  flex: 14.8;
}
.component-form *[data-flex="14.9"] {
  flex: 14.9;
}
.component-form *[data-flex="15"] {
  flex: 15;
}
.component-form *[data-flex="15.1"] {
  flex: 15.1;
}
.component-form *[data-flex="15.2"] {
  flex: 15.2;
}
.component-form *[data-flex="15.3"] {
  flex: 15.3;
}
.component-form *[data-flex="15.4"] {
  flex: 15.4;
}
.component-form *[data-flex="15.5"] {
  flex: 15.5;
}
.component-form *[data-flex="15.6"] {
  flex: 15.6;
}
.component-form *[data-flex="15.7"] {
  flex: 15.7;
}
.component-form *[data-flex="15.8"] {
  flex: 15.8;
}
.component-form *[data-flex="15.9"] {
  flex: 15.9;
}
.component-form *[data-flex="16"] {
  flex: 16;
}
.component-form *[data-flex="16.1"] {
  flex: 16.1;
}
.component-form *[data-flex="16.2"] {
  flex: 16.2;
}
.component-form *[data-flex="16.3"] {
  flex: 16.3;
}
.component-form *[data-flex="16.4"] {
  flex: 16.4;
}
.component-form *[data-flex="16.5"] {
  flex: 16.5;
}
.component-form *[data-flex="16.6"] {
  flex: 16.6;
}
.component-form *[data-flex="16.7"] {
  flex: 16.7;
}
.component-form *[data-flex="16.8"] {
  flex: 16.8;
}
.component-form *[data-flex="16.9"] {
  flex: 16.9;
}
.component-form *[data-flex="17"] {
  flex: 17;
}
.component-form *[data-flex="17.1"] {
  flex: 17.1;
}
.component-form *[data-flex="17.2"] {
  flex: 17.2;
}
.component-form *[data-flex="17.3"] {
  flex: 17.3;
}
.component-form *[data-flex="17.4"] {
  flex: 17.4;
}
.component-form *[data-flex="17.5"] {
  flex: 17.5;
}
.component-form *[data-flex="17.6"] {
  flex: 17.6;
}
.component-form *[data-flex="17.7"] {
  flex: 17.7;
}
.component-form *[data-flex="17.8"] {
  flex: 17.8;
}
.component-form *[data-flex="17.9"] {
  flex: 17.9;
}
.component-form *[data-flex="18"] {
  flex: 18;
}
.component-form *[data-flex="18.1"] {
  flex: 18.1;
}
.component-form *[data-flex="18.2"] {
  flex: 18.2;
}
.component-form *[data-flex="18.3"] {
  flex: 18.3;
}
.component-form *[data-flex="18.4"] {
  flex: 18.4;
}
.component-form *[data-flex="18.5"] {
  flex: 18.5;
}
.component-form *[data-flex="18.6"] {
  flex: 18.6;
}
.component-form *[data-flex="18.7"] {
  flex: 18.7;
}
.component-form *[data-flex="18.8"] {
  flex: 18.8;
}
.component-form *[data-flex="18.9"] {
  flex: 18.9;
}
.component-form *[data-flex="19"] {
  flex: 19;
}
.component-form *[data-flex="19.1"] {
  flex: 19.1;
}
.component-form *[data-flex="19.2"] {
  flex: 19.2;
}
.component-form *[data-flex="19.3"] {
  flex: 19.3;
}
.component-form *[data-flex="19.4"] {
  flex: 19.4;
}
.component-form *[data-flex="19.5"] {
  flex: 19.5;
}
.component-form *[data-flex="19.6"] {
  flex: 19.6;
}
.component-form *[data-flex="19.7"] {
  flex: 19.7;
}
.component-form *[data-flex="19.8"] {
  flex: 19.8;
}
.component-form *[data-flex="19.9"] {
  flex: 19.9;
}
.component-form *[data-flex="20"] {
  flex: 20;
}
.component-form .fieldspacer {
  border: 0;
  height: 1px;
  width: 100%;
  padding: 0;
  margin: 0.32rem 0;
  background: #cccccc;
  visibility: visible;
}

/****** Style Star Rating Widget *****/
.rating, .survey__form.component-form .survey__rating {
  border: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: inline-block;
  /* hover previous stars in list */
}
.rating > input, .survey__form.component-form .survey__rating > input {
  display: none;
}
.rating > label:before, .survey__form.component-form .survey__rating > label:before {
  width: 100%;
  height: 100%;
  display: inline-block;
  content: "";
  background: no-repeat center;
  background-size: contain;
}
.rating > .half:before, .survey__form.component-form .survey__rating > .half:before {
  content: "";
  position: absolute;
}
.rating > label, .survey__form.component-form .survey__rating > label {
  cursor: pointer;
  width: 16%;
  height: 44px;
  margin: 0 2%;
  color: #ddd;
  float: right;
  background: no-repeat center;
  background-size: contain;
  background-image: url(static/images/form-icons/star--white.png);
}
.rating > input:first-child + label, .survey__form.component-form .survey__rating > input:first-child + label {
  margin-right: 0;
}
.rating > label:last-child, .survey__form.component-form .survey__rating > label:last-child {
  margin-left: 0;
}
.rating > input:checked ~ label:before, .survey__form.component-form .survey__rating > input:checked ~ label:before, .rating:not(:checked) > label:hover:before, .survey__form.component-form .survey__rating:not(:checked) > label:hover:before, .rating:not(:checked) > label:hover ~ label:before, .survey__form.component-form .survey__rating:not(:checked) > label:hover ~ label:before {
  background-image: url(static/images/form-icons/star--orange.png);
}
.rating > input:checked + label:hover:before,
.rating > input:checked ~ label:hover:before,
.survey__form.component-form .survey__rating > input:checked ~ label:hover:before,
.rating > label:hover ~ input:checked ~ label:before,
.survey__form.component-form .survey__rating > label:hover ~ input:checked ~ label:before,
.rating > input:checked ~ label:hover ~ label:before,
.survey__form.component-form .survey__rating > input:checked ~ label:hover ~ label:before {
  background-image: url(static/images/form-icons/star--orange.png);
}

.icon {
  display: inline-block;
  background: no-repeat;
  background-size: contain;
  width: 0.28rem;
  height: 0.28rem;
  margin-right: 0.06rem;
  vertical-align: middle;
}
.icon--copy {
  background-image: url(static/images/icon__copy--white.png);
  margin-right: 0.06rem !important;
}
.icon--check {
  background-image: url(static/images/icon__check--white.svg);
}
.icon--clock {
  background-image: url(static/images/icon__clock--white.svg);
}
.icon--edit {
  background-image: url(static/images/icon__edit--white.svg);
}
.icon--location {
  background-image: url(static/images/icon__location--white.svg);
}
.icon--plus {
  background-image: url(static/images/icon__plus--white.svg);
}
.icon--headset {
  background-image: url(static/images/icon__headset--white.svg);
}
.icon:first-child:last-child {
  margin-right: 0;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background: #ff7900;
  border-radius: 30px;
}

@media (max-width: 1025px) {
  html {
    overflow: scroll;
    overflow-x: hidden;
  }

  ::-webkit-scrollbar {
    width: 0px;
    background: transparent;
  }
}
.header {
  transition: transform 0.4s ease-in-out;
  width: 100%;
  height: 2.36rem;
  background: url(static/images/header__bg--mobile.png) no-repeat;
  background-size: cover;
  position: sticky;
  top: 0;
  z-index: 50;
}
@media (min-width: 1025px) {
  .header {
    background: url(static/images/header__bg--desktop.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 3rem;
  }
}
.header.header--small {
  height: 1.87rem;
  background: url(static/images/header__bg--mobile-alt.png) no-repeat;
  background-size: cover;
}
@media (min-width: 1025px) {
  .header.header--small {
    background: url(static/images/header__bg--desktop.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 3rem;
  }
}
.pages-agendar-bot .header {
  height: 80px;
}
.header__wrapper {
  display: flex;
  height: 100%;
  justify-content: space-between;
  padding: 0.2rem 0.17rem 0.46rem;
}
@media (min-width: 1025px) {
  .header__wrapper {
    width: 11rem;
    margin: 0 auto;
    padding: 0;
    display: block;
    position: relative;
  }
}
.header__title {
  font-family: "Roboto", Arial, Helvetica;
  font-weight: bold;
  font-size: 0.18rem;
  text-transform: uppercase;
  color: #fff;
  margin: 1.05rem 0 0 0.2rem;
  line-height: 0.28rem;
  position: absolute;
}
@media (min-width: 1025px) {
  .header__title {
    position: relative;
    top: 1.9rem;
    margin: 0;
    font-size: 0.35rem;
    text-align: right;
    margin-right: 1rem;
  }
}
.header__title a {
  color: #fff;
  text-decoration: none;
}
.pages-agendar-bot .header__title {
  display: none;
}
.header__logo {
  font-family: "Roboto", Arial, Helvetica;
  color: #fff;
  margin: 0;
  width: 1.66rem;
  height: 0.57rem;
  background: url(static/images/logo.png) no-repeat;
  background-size: contain;
  text-indent: -99999px;
}
@media (min-width: 1025px) {
  .header__logo {
    position: absolute;
    top: 0.3rem;
    left: 0.7rem;
    width: 3.12rem;
    height: 0.98rem;
  }
  .pages-contato .header__logo, .pages-visita .header__logo {
    display: block !important;
  }
}
.header__logo img {
  width: 100%;
  height: 100%;
}
.pages-agendar-bot .header__logo, .pages-contato .header__logo, .pages-visita .header__logo {
  display: none;
}
.header__back {
  width: 0.24rem;
  height: 0.2rem;
  display: none;
  background: url(static/images/icon__back--white.svg) no-repeat;
  background-size: contain;
  align-items: center;
  color: #fff;
  text-decoration: none;
}
.header__back span {
  font-size: 0.14rem;
  font-weight: 600;
  position: relative;
  left: 0.4rem;
}
.pages-contato .header__back, .pages-contrato .header__back, .pages-visita .header__back {
  position: absolute;
  left: 0.65rem;
  top: 1.85rem;
  display: flex;
}
@media (max-width: 1025px) {
  .pages-contato .header__back, .pages-contrato .header__back, .pages-visita .header__back {
    top: 0.4rem;
    left: auto;
    display: flex;
  }
}
.pages-agendar-bot .header__back {
  top: 0.1rem !important;
  left: 0.1rem !important;
  position: relative;
  display: flex;
}
@media (min-width: 1025px) {
  .pages-agendar-bot .header__back {
    top: 0.27rem !important;
    left: auto;
    position: absolute;
  }
}
.header__welcome {
  position: absolute;
  width: 6.6rem;
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.23rem;
  text-transform: uppercase;
  color: #fff;
  line-height: 0.26rem;
  padding: 0;
  margin: 0;
  bottom: 0.25rem;
  left: 0.4rem;
  width: 3.25rem;
}
@media (min-width: 1025px) {
  .header__welcome {
    font-size: 0.35rem;
    line-height: 0.42rem;
    top: 1.45rem;
    left: 0.8rem;
    bottom: auto;
    width: 7rem;
  }
}
.header__welcome em {
  font-style: italic;
}
.header__welcome strong {
  color: #ff7900;
}
.header__chat {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.11rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  margin-left: auto;
  font-weight: 600;
  height: 0.33rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .header__chat {
    position: absolute;
    top: 12%;
    right: 1rem;
    margin: 0;
    font-size: 0.13rem;
    width: 2.3rem;
    margin-left: auto;
  }
}
.header__chat i {
  display: inline-block;
  background: url(static/images/icon__chat--orange.png) no-repeat;
  background-size: contain;
  width: 0.28rem;
  height: 0.28rem;
  margin-left: 0.08rem;
  vertical-align: bottom;
}
@media (min-width: 1025px) {
  .header__chat i {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.pages-agendar-bot .header__chat {
  position: relative;
  top: 0.05rem;
}
@media (min-width: 1025px) {
  .pages-agendar-bot .header__chat {
    position: relative;
    top: 0.22rem;
    right: 1.1rem;
    justify-content: flex-end;
  }
}

.footer {
  width: 100%;
  margin: 0.3rem 0 0.1rem 0;
  height: 0.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .footer {
    margin: 0.4rem 0 0.2rem 0;
  }
}
.footer h3 {
  color: #575759;
  font-size: 0.13rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 1025px) {
  .footer h3 {
    font-size: 0.2rem;
  }
}
.footer a {
  margin: 0 0.04rem;
  display: block;
  text-indent: -99999px;
}
@media (min-width: 1025px) {
  .footer a {
    margin: 0 0.08rem;
  }
}
.footer a.cdf {
  width: 0.39rem;
  height: 0.13rem;
  background: url(static/images/cdf__logo.png) no-repeat;
  background-size: contain;
}
@media (min-width: 1025px) {
  .footer a.cdf {
    width: 0.79rem;
    height: 0.29rem;
  }
}
.footer a.pontofrio {
  width: 0.62rem;
  height: 0.18rem;
  background: url(static/images/ponto__logo.png) no-repeat;
  background-size: contain;
}
@media (min-width: 1025px) {
  .footer a.pontofrio {
    width: 0.84rem;
    height: 0.22rem;
  }
}

.loading__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s ease-in-out, bottom 0.2s 0.3s ease-in-out, height 0.2s 0.3s ease-in-out, background-color 0.2s 0.3s ease-in-out;
  position: fixed;
  bottom: -12px;
  left: 0;
  right: 0;
  width: 100%;
  height: 5px;
  box-sizing: content-box;
  background-color: #ff7900;
  z-index: 9999;
  opacity: 0;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.loading .loading__wrapper {
  transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out, height 0.3s 0.3s ease-in-out, background-color 0.3s 0.3s ease-in-out;
  bottom: 0px;
  height: 100%;
  background-color: #ff7900;
  opacity: 1;
}
.loading__bar {
  transition: width 0.2s 0.3s ease-in-out, height 0.2s 0.3s ease-in-out;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: auto;
  background: #fff;
  transform: translateY(-50%);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.loading__bar:after {
  font-family: "Roboto", Arial, Helvetica;
  transition: opacity 0 0.3 0 linear;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  color: #fff;
  width: 2rem;
  height: 2rem;
}
.loading .loading__bar {
  transition: width 0.3s 0.3s ease-in-out, height 0.3s 0.3s ease-in-out, border-top-width 0.3s 0.3s ease-in-out, border-bottom-width 0.3s 0.3s ease-in-out;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.loading .loading__bar:after {
  transition: opacity 0.3s 0.3s linear;
  opacity: 1;
  background: url(static/images/logo-alt.png) no-repeat center;
  background-size: contain;
}
.loading.end-animate .loading__bar {
  -webkit-animation: loadingBar 0.3s 0.3s 0.3;
          animation: loadingBar 0.3s 0.3s 0.3;
}

.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  -webkit-animation: lds-default 1.2s linear infinite;
          animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  top: 37px;
  left: 66px;
}

.lds-default div:nth-child(2) {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}

.lds-default div:nth-child(3) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}

.lds-default div:nth-child(4) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}

.lds-default div:nth-child(5) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  top: 11px;
  left: 22px;
}

.lds-default div:nth-child(6) {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
  top: 22px;
  left: 11px;
}

.lds-default div:nth-child(7) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}

.lds-default div:nth-child(8) {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}

.lds-default div:nth-child(9) {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}

.lds-default div:nth-child(10) {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}

.lds-default div:nth-child(11) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
  top: 62px;
  left: 52px;
}

.lds-default div:nth-child(12) {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}

@-webkit-keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}

@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.login {
  max-width: 6rem;
  margin: 0.32rem auto 0 auto;
  padding: 0 0.2rem;
  min-height: calc(100vh - 2.95rem);
}
@media (min-width: 1025px) {
  .login {
    min-height: calc(100vh - (3rem + 1.25rem));
  }
}
.login__title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  color: #2d2d2d;
  margin: 0 0 0.16rem 0;
  text-align: center;
}
@media (min-width: 1025px) {
  .login__title {
    font-size: 0.22rem;
  }
}
.login__alert {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  line-height: 0.2rem;
  color: #2d2d2d;
  margin: 0.16rem 0;
}
.login__services {
  margin-bottom: 0.26rem;
}
.login__services:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 1025px) {
  .login__services {
    width: 10.4rem;
    margin: 0 auto 0.46rem;
  }
}
.login__services-title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  color: #2d2d2d;
  margin: 0 0 0.16rem;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 1025px) {
  .login__services-title {
    font-size: 0.28rem;
  }
}
.login__services-list {
  position: relative;
  display: block;
  padding: 0 0.17rem;
  white-space: nowrap;
  outline: none;
}
.login__services-list .flickity-viewport {
  position: relative;
}
@media (min-width: 1025px) {
  .login__services-list .flickity-viewport::after, .login__services-list .flickity-viewport::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    width: calc((100vw - 9.7rem + 0.4rem) / 2);
    height: 100%;
    background: #fff;
    opacity: 0.9;
    z-index: 2;
  }
  .login__services-list .flickity-viewport::after {
    left: calc(100% + 0.01rem);
  }
  .login__services-list .flickity-viewport::before {
    right: calc(100% + 0.01rem);
  }
}
.login__services-list .flickity-button {
  transition: background-color 0.2s ease;
  position: absolute;
  display: none;
  top: 50%;
  width: 0.54rem;
  height: 0.54rem;
  background: #1e1e1e;
  border: 0;
  border-radius: 0.54rem;
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
}
.login__services-list .flickity-button svg {
  color: #fff;
  fill: #fff;
  font-size: 0.16rem;
  width: 0.16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login__services-list .flickity-button:hover {
  background-color: #ff7900;
}
.login__services-list .flickity-button.previous {
  right: 100%;
}
.login__services-list .flickity-button.next {
  left: 100%;
}
.login__services-list .flickity-button:disabled {
  opacity: 0.5;
}
@media (min-width: 1025px) {
  .login__services-list .flickity-button {
    display: block;
  }
}
.login__services-list .flickity-page-dots {
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 0);
  overflow: visible;
  padding: 0;
  cursor: pointer;
  bottom: 0.05rem;
}
.login__services-list .flickity-page-dots .dot {
  transition: background 0.3s ease, transform 0.4s ease;
  text-indent: -9999px;
  width: 0.1rem;
  height: 0.1rem;
  margin: 0 0.04rem;
  background: #5d576b;
  border-radius: 100vw;
  overflow: hidden;
}
.login__services-list .flickity-page-dots .dot.is-selected {
  background: #ff7900;
  transform: scale(1.3);
}
.login__services-list .flickity-page-dots .dot:first-child:last-child {
  display: none;
}
.login__services-item {
  display: inline-block;
  position: relative;
  width: 1.65rem;
  border-radius: 0.13rem;
  padding-bottom: 0.3rem;
  margin: 0 0.07rem 0.3rem;
  white-space: normal;
  vertical-align: top;
  background-color: #000;
  border-top-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
@media (min-width: 1025px) {
  .login__services-item {
    width: 2.4rem;
  }
}
.login__services-item--empty {
  position: relative;
  background-color: #ff7900;
  min-height: 3.1rem;
}
@media (min-width: 1025px) {
  .login__services-item--empty {
    min-height: 4.28rem;
  }
}
.login__services-item--empty:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 1.02rem;
  height: 0.86rem;
  background: url(static/images/logo-alt.png) no-repeat;
  background-size: contain;
  text-indent: -99999px;
  transform: translate(-50%, -50%);
}
@media (min-width: 1025px) {
  .login__services-item--empty:before {
    width: 1.54rem;
    height: 1.32rem;
  }
}
@media (max-width: 1025px) {
  .login__services-item--empty + .login__services-item--empty {
    display: none;
  }
}
.login__services-figure {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0.83rem;
}
@media (min-width: 1025px) {
  .login__services-figure {
    height: 1.23rem;
  }
}
.login__services-image {
  display: block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 0.13rem;
  border-top-right-radius: 0.13rem;
}
.login__services-figure--icon .login__services-image {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: bottom;
}
.login__services-info {
  padding: 0.36rem 0.2rem 0.04rem;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .login__services-info {
    min-height: 2.75rem;
    padding: 0.53rem 0.2rem 0.04rem;
    justify-content: space-between;
  }
}
.login__services-name {
  font-size: 0.22rem;
  font-weight: bold;
  margin: 0 0 0.08rem;
  width: 100%;
}
@media (min-width: 1025px) {
  .login__services-name {
    text-align: center;
  }
}
.login__services-name--small {
  font-size: 0.16rem;
  font-weight: bold;
  height: auto;
}
.login__services-description {
  font-size: 0.18rem;
  margin: 0 0 0.05rem;
  text-align: center;
}
.login__services-features {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 35%;
}
.login__services-features img {
  width: 24%;
  margin: 0 0.5% 0.05rem;
  cursor: pointer;
}
.login__services-features img:first-child {
  margin-left: 0;
}
.login__services-features img:last-child {
  margin-right: 0;
}
.login__services-content {
  margin: 0;
  padding-bottom: 0.1rem;
}
@media (min-width: 1025px) {
  .login__services-content {
    text-align: center;
    width: 100%;
    margin-bottom: 0.12rem;
  }
}
.login__services-content p {
  font-size: 0.15rem;
  margin: 0 0 0.1rem;
}
.login__services-content--splited {
  height: 2.8rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.login__services-content--splited a {
  margin-top: auto;
}
.login__services-content--stretch p + p {
  margin: auto auto 0.07rem auto;
  display: flex;
}
.login__services-content--stretch p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .login__services-container {
    overflow: auto;
  }
}
.login__services-button {
  background: #ff7900;
  color: #fff;
  font-family: "Roboto", Arial, Helvetica;
  font-weight: 600;
  font-size: 0.14rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border-radius: 0.05rem;
  border: 0;
  cursor: pointer;
  bottom: 0;
  margin-bottom: -0.22rem;
  position: absolute;
  margin-left: 0.07rem;
  width: 1.1rem;
  height: 0.35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .login__services-button {
    width: 1.4rem;
    height: 0.45rem;
    border-radius: 0.03rem;
    font-size: 0.16rem;
    margin-left: 0.3rem;
  }
}
.login__services-button[data-copy] {
  position: relative;
  overflow: hidden;
}
.login__services-button[data-copy]:before {
  color: #ff7900;
  content: "Copiado!";
  transition: top 0.4s ease-in-out;
  background: #fff;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  line-height: 0.42rem;
}
.login__services-button[data-copy].succescopy:before {
  top: 0;
}
.login__services-button[data-copy].errorcopy:before {
  content: "Erro ao copiar";
  top: 0;
  color: #dc0b25;
}
.login__services-button--small {
  font-size: 0.14rem;
  line-height: 0.16rem;
  padding: 0.04rem 0.1rem;
  width: 80%;
  height: 0.42rem;
  margin: 0 auto;
}
.login__services-icon {
  position: absolute;
  display: block;
  border-radius: 100vw;
  text-indent: -99999px;
  background-color: #ff7900;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  width: 0.48rem;
  height: 0.48rem;
  top: 0.6rem;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1025px) {
  .login__services-icon {
    width: 0.82rem;
    height: 0.82rem;
    top: 0.9rem;
  }
}
.login__services-more {
  display: block;
  color: #fff;
  font-size: 0.15rem;
  text-align: center;
}
.login__services-more-content {
  max-height: 85vh;
}
@media (max-width: 1025px) {
  .login__services-more-content {
    max-height: initial;
  }
}
.login__services-more-content-name {
  width: 95%;
  font-size: 0.38rem;
  font-weight: bold;
  margin: 0.16rem 0 0.32rem;
}
@media (max-width: 1025px) {
  .login__services-more-content-name {
    font-size: 0.26rem;
    margin: 0.16rem 0 0.16rem;
  }
}
.login__services-more-content-name:last-child {
  margin-bottom: 0;
}
.login__services-more-content-wrapper {
  overflow: auto;
  height: 70vh;
  padding-right: 0.3rem;
}
@media (max-width: 1025px) {
  .login__services-more-content-wrapper {
    max-height: 100%;
  }
}
.login__services-more-content-wrapper p {
  font-size: 0.18rem;
  margin-top: 0;
  line-height: 1.4;
}
@media (max-width: 1025px) {
  .login__services-more-content-wrapper p {
    font-size: 0.14rem;
  }
}
.login__services-more-content {
  padding: 0.3rem 0.3rem 0.6rem !important;
}
@media (min-width: 1025px) {
  .login__services-more-content {
    padding: 0.3rem !important;
  }
}
.login__services-more-content ul {
  font-size: 0.16rem;
}
.login__services-more-content-responses {
  display: inline-block;
  margin-left: 0.3rem;
  vertical-align: top;
}
.login__services-more-content-response {
  width: 2.5rem;
  display: block;
  padding: 0.16rem;
  border: 1px solid #fff;
  border-radius: 0.04rem;
  margin-bottom: 0.16rem;
}
@media (max-width: 1025px) {
  .login__services-more-content-response {
    width: 2rem;
  }
}
.login__services-more-content-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
}
.login__services-more-content-wrapper {
  max-height: 57vh;
}
.login__services-more-content-info--schedule {
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #000;
  padding-bottom: 0.1rem;
}
.login__services-more-content-info--schedule:last-child {
  border-bottom: none;
}
.login__services-more-content-icon {
  display: inline-block;
  width: auto;
  height: 0.3rem;
  vertical-align: middle;
  margin-right: 0.16rem;
}
.login__services-button-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
}
.login__services-button {
  margin: 0.1rem;
}
@media (min-width: 1025px) {
  .login__services-button {
    margin: 0 0 -0.22rem 0;
  }
}
.login label {
  width: 100%;
}
.login button {
  background: #ff7900;
  color: #fff;
  font-family: "Roboto", Arial, Helvetica;
  font-weight: 600;
  font-size: 0.14rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border-radius: 0.05rem;
  border: 0;
  width: 100%;
  height: 0.35rem;
  cursor: pointer;
}
.login a {
  color: #ff7900;
}

.home {
  margin-top: 0.32rem;
  min-height: calc(100vh - (3rem + 0.55rem));
}
@media (min-width: 1025px) {
  .home {
    min-height: calc(100vh - (3rem + 1.25rem));
  }
}
.home__services {
  margin-bottom: 0.26rem;
}
.home__services:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 1025px) {
  .home__services {
    width: 10.4rem;
    margin: 0 auto 0.46rem;
  }
}
.home__services-title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  color: #2d2d2d;
  margin: 0 0 0.16rem;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 1025px) {
  .home__services-title {
    font-size: 0.28rem;
  }
}
.home__services-list {
  position: relative;
  display: block;
  padding: 0 0.17rem;
  white-space: nowrap;
  outline: none;
}
.home__services-list .flickity-viewport {
  position: relative;
}
@media (min-width: 1025px) {
  .home__services-list .flickity-viewport::after, .home__services-list .flickity-viewport::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    width: calc((100vw - 9.7rem + 0.4rem) / 2);
    height: 100%;
    background: #fff;
    opacity: 0.9;
    z-index: 2;
  }
  .home__services-list .flickity-viewport::after {
    left: calc(100% + 0.01rem);
  }
  .home__services-list .flickity-viewport::before {
    right: calc(100% + 0.01rem);
  }
}
.home__services-list .flickity-button {
  transition: background-color 0.2s ease;
  position: absolute;
  display: none;
  top: 50%;
  width: 0.54rem;
  height: 0.54rem;
  background: #1e1e1e;
  border: 0;
  border-radius: 0.54rem;
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
}
.home__services-list .flickity-button svg {
  color: #fff;
  fill: #fff;
  font-size: 0.16rem;
  width: 0.16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home__services-list .flickity-button:hover {
  background-color: #ff7900;
}
.home__services-list .flickity-button.previous {
  right: 100%;
}
.home__services-list .flickity-button.next {
  left: 100%;
}
.home__services-list .flickity-button:disabled {
  opacity: 0.5;
}
@media (min-width: 1025px) {
  .home__services-list .flickity-button {
    display: block;
  }
}
.home__services-list .flickity-page-dots {
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 0);
  overflow: visible;
  padding: 0;
  cursor: pointer;
  bottom: 0.05rem;
}
.home__services-list .flickity-page-dots .dot {
  transition: background 0.3s ease, transform 0.4s ease;
  text-indent: -9999px;
  width: 0.1rem;
  height: 0.1rem;
  margin: 0 0.04rem;
  background: #5d576b;
  border-radius: 100vw;
  overflow: hidden;
}
.home__services-list .flickity-page-dots .dot.is-selected {
  background: #ff7900;
  transform: scale(1.3);
}
.home__services-list .flickity-page-dots .dot:first-child:last-child {
  display: none;
}
.home__services-item {
  display: inline-block;
  position: relative;
  width: 1.65rem;
  border-radius: 0.13rem;
  padding-bottom: 0.3rem;
  margin: 0 0.07rem 0.3rem;
  white-space: normal;
  vertical-align: top;
  background-color: #000;
  border-top-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
@media (min-width: 1025px) {
  .home__services-item {
    width: 2.4rem;
  }
}
.home__services-item--empty {
  position: relative;
  background-color: #ff7900;
  min-height: 3.1rem;
}
@media (min-width: 1025px) {
  .home__services-item--empty {
    min-height: 4.28rem;
  }
}
.home__services-item--empty:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 1.02rem;
  height: 0.86rem;
  background: url(static/images/logo-alt.png) no-repeat;
  background-size: contain;
  text-indent: -99999px;
  transform: translate(-50%, -50%);
}
@media (min-width: 1025px) {
  .home__services-item--empty:before {
    width: 1.54rem;
    height: 1.32rem;
  }
}
@media (max-width: 1025px) {
  .home__services-item--empty + .home__services-item--empty {
    display: none;
  }
}
.home__services-figure {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0.83rem;
}
@media (min-width: 1025px) {
  .home__services-figure {
    height: 1.23rem;
  }
}
.home__services-image {
  display: block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 0.13rem;
  border-top-right-radius: 0.13rem;
}
.home__services-figure--icon .home__services-image {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: bottom;
}
.home__services-info {
  padding: 0.36rem 0.2rem 0.04rem;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .home__services-info {
    min-height: 2.75rem;
    padding: 0.53rem 0.2rem 0.04rem;
    justify-content: space-between;
  }
}
.home__services-name {
  font-size: 0.22rem;
  font-weight: bold;
  margin: 0 0 0.08rem;
  width: 100%;
}
@media (min-width: 1025px) {
  .home__services-name {
    text-align: center;
  }
}
.home__services-name--small {
  font-size: 0.16rem;
  font-weight: bold;
  height: auto;
}
.home__services-description {
  font-size: 0.18rem;
  margin: 0 0 0.05rem;
  text-align: center;
}
.home__services-features {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 35%;
}
.home__services-features img {
  width: 24%;
  margin: 0 0.5% 0.05rem;
  cursor: pointer;
}
.home__services-features img:first-child {
  margin-left: 0;
}
.home__services-features img:last-child {
  margin-right: 0;
}
.home__services-content {
  margin: 0;
  padding-bottom: 0.1rem;
}
@media (min-width: 1025px) {
  .home__services-content {
    text-align: center;
    width: 100%;
    margin-bottom: 0.12rem;
  }
}
.home__services-content p {
  font-size: 0.15rem;
  margin: 0 0 0.1rem;
}
.home__services-content--splited {
  height: 2.8rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.home__services-content--splited a {
  margin-top: auto;
}
.home__services-content--stretch p + p {
  margin: auto auto 0.07rem auto;
  display: flex;
}
.home__services-content--stretch p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .home__services-container {
    overflow: auto;
  }
}
.home__services-button {
  background: #ff7900;
  color: #fff;
  font-family: "Roboto", Arial, Helvetica;
  font-weight: 600;
  font-size: 0.14rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border-radius: 0.05rem;
  border: 0;
  cursor: pointer;
  bottom: 0;
  margin-bottom: -0.22rem;
  position: absolute;
  margin-left: 0.07rem;
  width: 1.1rem;
  height: 0.35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .home__services-button {
    width: 1.4rem;
    height: 0.45rem;
    border-radius: 0.03rem;
    font-size: 0.16rem;
    margin-left: 0.3rem;
  }
}
.home__services-button[data-copy] {
  position: relative;
  overflow: hidden;
}
.home__services-button[data-copy]:before {
  color: #ff7900;
  content: "Copiado!";
  transition: top 0.4s ease-in-out;
  background: #fff;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  line-height: 0.42rem;
}
.home__services-button[data-copy].succescopy:before {
  top: 0;
}
.home__services-button[data-copy].errorcopy:before {
  content: "Erro ao copiar";
  top: 0;
  color: #dc0b25;
}
.home__services-button--small {
  font-size: 0.14rem;
  line-height: 0.16rem;
  padding: 0.04rem 0.1rem;
  width: 80%;
  height: 0.42rem;
  margin: 0 auto;
}
.home__services-icon {
  position: absolute;
  display: block;
  border-radius: 100vw;
  text-indent: -99999px;
  background-color: #ff7900;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  width: 0.48rem;
  height: 0.48rem;
  top: 0.6rem;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1025px) {
  .home__services-icon {
    width: 0.82rem;
    height: 0.82rem;
    top: 0.9rem;
  }
}
.home__services-more {
  display: block;
  color: #fff;
  font-size: 0.15rem;
  text-align: center;
}
.home__services-more-content {
  max-height: 85vh;
}
@media (max-width: 1025px) {
  .home__services-more-content {
    max-height: initial;
  }
}
.home__services-more-content-name {
  width: 95%;
  font-size: 0.38rem;
  font-weight: bold;
  margin: 0.16rem 0 0.32rem;
}
@media (max-width: 1025px) {
  .home__services-more-content-name {
    font-size: 0.26rem;
    margin: 0.16rem 0 0.16rem;
  }
}
.home__services-more-content-name:last-child {
  margin-bottom: 0;
}
.home__services-more-content-wrapper {
  overflow: auto;
  height: 70vh;
  padding-right: 0.3rem;
}
@media (max-width: 1025px) {
  .home__services-more-content-wrapper {
    max-height: 100%;
  }
}
.home__services-more-content-wrapper p {
  font-size: 0.18rem;
  margin-top: 0;
  line-height: 1.4;
}
@media (max-width: 1025px) {
  .home__services-more-content-wrapper p {
    font-size: 0.14rem;
  }
}
@media (max-width: 1025px) {
  .home__services-info {
    min-height: 2rem;
  }
}
.home__services-more-content-responses {
  display: inline-block;
  margin-left: 0.3rem;
  vertical-align: top;
}
.home__services-more-content-response {
  width: 2.5rem;
  display: block;
  padding: 0.16rem;
  border: 1px solid #fff;
  border-radius: 0.04rem;
  margin-bottom: 0.16rem;
}
@media (max-width: 1025px) {
  .home__services-more-content-response {
    width: 2rem;
  }
}
.home__services-more-content-link {
  color: #fff;
  text-decoration: none;
  font-size: 1.2em;
}
.home__services-more-content-info--schedule {
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #000;
  padding-bottom: 0.1rem;
}
.home__services-more-content-info--schedule:last-child {
  border-bottom: none;
}
.home__services-more-content-icon {
  display: inline-block;
  width: auto;
  height: 0.3rem;
  vertical-align: middle;
  margin-right: 0.16rem;
}
.pages-contrato .home__services-button {
  margin: 0.07rem auto;
  position: relative;
}

.contract {
  min-height: calc(100vh - (3rem + 0.55rem));
  padding-bottom: 0.15rem;
}
@media (min-width: 1025px) {
  .contract {
    min-height: calc(100vh - (3rem + 1.25rem));
  }
}
.contract__services {
  margin-bottom: 0.26rem;
  margin-top: 0.2rem !important;
}
.contract__services:last-child {
  margin-bottom: 0 !important;
}
@media (min-width: 1025px) {
  .contract__services {
    width: 10.4rem;
    margin: 0 auto 0.46rem;
  }
}
.contract__services-title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  color: #2d2d2d;
  margin: 0 0 0.16rem;
  text-align: center;
  font-weight: 400;
}
@media (min-width: 1025px) {
  .contract__services-title {
    font-size: 0.28rem;
  }
}
.contract__services-list {
  position: relative;
  display: block;
  padding: 0 0.17rem;
  white-space: nowrap;
  outline: none;
}
.contract__services-list .flickity-viewport {
  position: relative;
}
@media (min-width: 1025px) {
  .contract__services-list .flickity-viewport::after, .contract__services-list .flickity-viewport::before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    width: calc((100vw - 9.7rem + 0.4rem) / 2);
    height: 100%;
    background: #fff;
    opacity: 0.9;
    z-index: 2;
  }
  .contract__services-list .flickity-viewport::after {
    left: calc(100% + 0.01rem);
  }
  .contract__services-list .flickity-viewport::before {
    right: calc(100% + 0.01rem);
  }
}
.contract__services-list .flickity-button {
  transition: background-color 0.2s ease;
  position: absolute;
  display: none;
  top: 50%;
  width: 0.54rem;
  height: 0.54rem;
  background: #1e1e1e;
  border: 0;
  border-radius: 0.54rem;
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
}
.contract__services-list .flickity-button svg {
  color: #fff;
  fill: #fff;
  font-size: 0.16rem;
  width: 0.16rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.contract__services-list .flickity-button:hover {
  background-color: #ff7900;
}
.contract__services-list .flickity-button.previous {
  right: 100%;
}
.contract__services-list .flickity-button.next {
  left: 100%;
}
.contract__services-list .flickity-button:disabled {
  opacity: 0.5;
}
@media (min-width: 1025px) {
  .contract__services-list .flickity-button {
    display: block;
  }
}
.contract__services-list .flickity-page-dots {
  display: none;
  position: absolute;
  justify-content: center;
  align-items: center;
  margin: 0;
  left: 50%;
  transform: translate(-50%, 0);
  overflow: visible;
  padding: 0;
  cursor: pointer;
  bottom: 0.05rem;
}
.contract__services-list .flickity-page-dots .dot {
  transition: background 0.3s ease, transform 0.4s ease;
  text-indent: -9999px;
  width: 0.1rem;
  height: 0.1rem;
  margin: 0 0.04rem;
  background: #5d576b;
  border-radius: 100vw;
  overflow: hidden;
}
.contract__services-list .flickity-page-dots .dot.is-selected {
  background: #ff7900;
  transform: scale(1.3);
}
.contract__services-list .flickity-page-dots .dot:first-child:last-child {
  display: none;
}
.contract__services-item {
  display: inline-block;
  position: relative;
  width: 1.65rem;
  border-radius: 0.13rem;
  padding-bottom: 0.3rem;
  margin: 0 0.07rem 0.3rem;
  white-space: normal;
  vertical-align: top;
  background-color: #000;
  border-top-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
@media (min-width: 1025px) {
  .contract__services-item {
    width: 2.4rem;
  }
}
.contract__services-item--empty {
  position: relative;
  background-color: #ff7900;
  min-height: 3.1rem;
}
@media (min-width: 1025px) {
  .contract__services-item--empty {
    min-height: 4.28rem;
  }
}
.contract__services-item--empty:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 1.02rem;
  height: 0.86rem;
  background: url(static/images/logo-alt.png) no-repeat;
  background-size: contain;
  text-indent: -99999px;
  transform: translate(-50%, -50%);
}
@media (min-width: 1025px) {
  .contract__services-item--empty:before {
    width: 1.54rem;
    height: 1.32rem;
  }
}
@media (max-width: 1025px) {
  .contract__services-item--empty + .contract__services-item--empty {
    display: none;
  }
}
.contract__services-figure {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 0.83rem;
}
@media (min-width: 1025px) {
  .contract__services-figure {
    height: 1.23rem;
  }
}
.contract__services-image {
  display: block;
  width: 100%;
  height: 100%;
  border-top-left-radius: 0.13rem;
  border-top-right-radius: 0.13rem;
}
.contract__services-figure--icon .contract__services-image {
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: bottom;
}
.contract__services-info {
  padding: 0.36rem 0.2rem 0.04rem;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1025px) {
  .contract__services-info {
    min-height: 2.75rem;
    padding: 0.53rem 0.2rem 0.04rem;
    justify-content: space-between;
  }
}
.contract__services-name {
  font-size: 0.22rem;
  font-weight: bold;
  margin: 0 0 0.08rem;
  width: 100%;
}
@media (min-width: 1025px) {
  .contract__services-name {
    text-align: center;
  }
}
.contract__services-name--small {
  font-size: 0.16rem;
  font-weight: bold;
  height: auto;
}
.contract__services-description {
  font-size: 0.18rem;
  margin: 0 0 0.05rem;
  text-align: center;
}
.contract__services-features {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 35%;
}
.contract__services-features img {
  width: 24%;
  margin: 0 0.5% 0.05rem;
  cursor: pointer;
}
.contract__services-features img:first-child {
  margin-left: 0;
}
.contract__services-features img:last-child {
  margin-right: 0;
}
.contract__services-content {
  margin: 0;
  padding-bottom: 0.1rem;
}
@media (min-width: 1025px) {
  .contract__services-content {
    text-align: center;
    width: 100%;
    margin-bottom: 0.12rem;
  }
}
.contract__services-content p {
  font-size: 0.15rem;
  margin: 0 0 0.1rem;
}
.contract__services-content--splited {
  height: 2.8rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
}
.contract__services-content--splited a {
  margin-top: auto;
}
.contract__services-content--stretch p + p {
  margin: auto auto 0.07rem auto;
  display: flex;
}
.contract__services-content--stretch p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .contract__services-container {
    overflow: auto;
  }
}
.contract__services-button {
  background: #ff7900;
  color: #fff;
  font-family: "Roboto", Arial, Helvetica;
  font-weight: 600;
  font-size: 0.14rem;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  border-radius: 0.05rem;
  border: 0;
  cursor: pointer;
  bottom: 0;
  margin-bottom: -0.22rem;
  position: absolute;
  margin-left: 0.07rem;
  width: 1.1rem;
  height: 0.35rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .contract__services-button {
    width: 1.4rem;
    height: 0.45rem;
    border-radius: 0.03rem;
    font-size: 0.16rem;
    margin-left: 0.3rem;
  }
}
.contract__services-button[data-copy] {
  position: relative;
  overflow: hidden;
}
.contract__services-button[data-copy]:before {
  color: #ff7900;
  content: "Copiado!";
  transition: top 0.4s ease-in-out;
  background: #fff;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  line-height: 0.42rem;
}
.contract__services-button[data-copy].succescopy:before {
  top: 0;
}
.contract__services-button[data-copy].errorcopy:before {
  content: "Erro ao copiar";
  top: 0;
  color: #dc0b25;
}
.contract__services-button--small {
  font-size: 0.14rem;
  line-height: 0.16rem;
  padding: 0.04rem 0.1rem;
  width: 80%;
  height: 0.42rem;
  margin: 0 auto;
}
.contract__services-icon {
  position: absolute;
  display: block;
  border-radius: 100vw;
  text-indent: -99999px;
  background-color: #ff7900;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  width: 0.48rem;
  height: 0.48rem;
  top: 0.6rem;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 1025px) {
  .contract__services-icon {
    width: 0.82rem;
    height: 0.82rem;
    top: 0.9rem;
  }
}
.contract__services-more {
  display: block;
  color: #fff;
  font-size: 0.15rem;
  text-align: center;
}
.contract__services-more-content {
  max-height: 85vh;
}
@media (max-width: 1025px) {
  .contract__services-more-content {
    max-height: initial;
  }
}
.contract__services-more-content-name {
  width: 95%;
  font-size: 0.38rem;
  font-weight: bold;
  margin: 0.16rem 0 0.32rem;
}
@media (max-width: 1025px) {
  .contract__services-more-content-name {
    font-size: 0.26rem;
    margin: 0.16rem 0 0.16rem;
  }
}
.contract__services-more-content-name:last-child {
  margin-bottom: 0;
}
.contract__services-more-content-wrapper {
  overflow: auto;
  height: 70vh;
  padding-right: 0.3rem;
}
@media (max-width: 1025px) {
  .contract__services-more-content-wrapper {
    max-height: 100%;
  }
}
.contract__services-more-content-wrapper p {
  font-size: 0.18rem;
  margin-top: 0;
  line-height: 1.4;
}
@media (max-width: 1025px) {
  .contract__services-more-content-wrapper p {
    font-size: 0.14rem;
  }
}
@media (min-width: 1025px) {
  .contract__services {
    width: 10rem;
  }
}
.contract__services-item {
  width: 3.1rem;
  padding-bottom: 0;
  min-height: 100%;
}
.contract__services-list {
  padding-bottom: 0.32rem;
}
.contract__services-name {
  font-size: 0.32rem;
}
.contract__services-name--small {
  font-size: 0.24rem !important;
  font-weight: bold;
  height: auto;
}
.contract__services-description {
  font-weight: bold;
  margin-bottom: 0 !important;
  margin-right: auto !important;
}
@media (min-width: 1025px) {
  .contract__services-description {
    margin: auto !important;
  }
}
.contract__services-key-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 0.8rem;
}
.contract__services-key-wrapper p {
  font-size: 0.28rem;
  font-weight: 800 !important;
  color: #ff7900;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0.14rem 0;
}
.contract__services-key-wrapper p:after {
  content: "";
  background: url(static/images/icon__copy--orange.svg) no-repeat center;
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  margin-left: 0.1rem;
}
.contract__services-key-wrapper h5 {
  font-size: 0.16rem;
  font-weight: 400;
  color: #e71a3b;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0.14rem 0;
}
.contract__services-key-wrapper small {
  position: absolute;
  top: 0.3rem;
  font-size: 0.14rem;
  right: 0.15rem;
}
.contract__services-content {
  margin-top: 0.2rem;
}
.contract__services-content p {
  font-weight: 400;
}
.contract__services-content p span {
  font-size: inherit !important;
  display: inline-block;
}
.contract__services-icon {
  width: 0.8rem;
  height: 0.8rem;
  top: 1.18rem;
}
.contract__services-info {
  min-height: 3.3rem;
  margin-top: 0.1rem;
  height: auto;
}
.contract__services-figure {
  height: 1.52rem;
  width: 3.1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contract__services-figure img {
  border-top-left-radius: 0.13rem;
  border-top-right-radius: 0.13rem;
  width: 100%;
  height: 100%;
}
.contract__services-figure--icon {
  position: relative;
  top: 0.3rem;
}
.contract__services-image {
  width: 1.83rem;
  height: 1.83rem;
}
.contract__services-image--title {
  font-weight: 400;
  font-size: 0.26rem;
  color: #fff;
  text-transform: uppercase;
  top: 0.15rem;
  position: relative;
}
.contract__services-content--splited {
  height: 100%;
}
.contract__services-features {
  margin-top: 0.1rem;
  justify-content: space-around;
}
.contract__services-features--wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0.1rem;
}
.contract__services-features--wrapper img {
  height: 0.7rem;
  width: 0.7rem;
}
.contract__services-features--wrapper span {
  font-size: 0.11rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}
.contract__services-button {
  display: flex;
  flex-direction: row;
  margin: 0.07rem auto !important;
  position: relative;
  width: 1.5rem;
}
.contract .flickity-slider {
  height: 100%;
}
.contract .flickity-page-dots {
  display: flex;
  margin-top: 0.3rem;
}

.schedulebot__title {
  display: none;
}
.schedulebot__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  border: 0;
  margin: 0;
  padding: 0;
}

.history {
  max-width: 6rem;
  margin: 0.32rem auto;
  padding: 0 0.2rem;
  min-height: calc(100vh - (3rem + 0.55rem));
}
@media (min-width: 1025px) {
  .history {
    min-height: calc(100vh - (3rem + 1.25rem));
  }
}
.history__title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  color: #2d2d2d;
  margin-bottom: 0.16rem;
  text-align: center;
  margin: 0 0 0.32rem 0;
  font-weight: 400;
}
@media (min-width: 1025px) {
  .history__title {
    font-size: 0.22rem;
  }
}
.history__checklist {
  padding-bottom: 0.42rem;
}
.history__checklist-item {
  position: relative;
  padding-left: 0.5rem;
  padding-bottom: 0.38rem;
}
.history__checklist-item:last-child {
  padding-bottom: 0;
}
@media (min-width: 1025px) {
  .history__checklist-item {
    padding-left: 0.8rem;
  }
}
.history__checklist-timeline {
  position: absolute;
  top: 0;
  left: 0.1rem;
  width: 1px;
  height: 100%;
  background: #000;
}
.history__checklist-timeline:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: #ff7900 no-repeat center;
  background-image: url(static/images/icon__check--white.svg);
  background-size: 50%;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 100vw;
  border: 1px solid #ff7900;
}
@media (min-width: 1025px) {
  .history__checklist-timeline:before {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.history__checklist-item--disabled .history__checklist-timeline:before {
  background-color: #fff;
  border: 1px solid #000;
}
.history__checklist-card {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.18rem;
  background: #000;
  border-radius: 0.08rem;
}
@media (min-width: 1025px) {
  .history__checklist-card {
    padding: 0.24rem;
    border-radius: 0.08rem;
  }
}
.history__checklist-item--disabled .history__checklist-card {
  background: #575757;
}
.history__checklist-item--past .history__checklist-card {
  background-color: #b5b5b5;
  color: white;
}
.history__checklist-image {
  width: 0.6rem;
  height: 0.7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-direction: column;
}
.history__checklist-image img {
  max-width: 100%;
  max-height: 100%;
}
.history__checklist-image span {
  font-size: 0.14rem;
  font-weight: 400;
  color: #fff;
  margin-top: 0.08rem;
}
@media (min-width: 1025px) {
  .history__checklist-image {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.history__checklist-info {
  width: 2rem;
}
@media (min-width: 1025px) {
  .history__checklist-info {
    width: 3.2rem;
  }
}
.history__checklist-title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.22rem;
  color: #fff;
  margin: 0 0 0.08rem;
}
@media (min-width: 1025px) {
  .history__checklist-title {
    font-size: 0.36rem;
    line-height: 0.36rem;
  }
}
.history__checklist-description {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.11rem;
  color: #fff;
  margin: 0;
}
@media (min-width: 1025px) {
  .history__checklist-description {
    font-size: 0.16rem;
    padding-right: 0.4rem;
  }
}
.history__checklist-description em {
  display: block;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  margin-top: 0.1rem;
}
.history__checklist-item--disabled .history__checklist-description em {
  color: #fff;
}
.history__checklist-more {
  position: absolute;
  left: 50%;
  bottom: -0.23rem;
  width: 0.35rem;
  height: 0.35rem;
  line-height: 0.32rem;
  transform: translate(-50%, 0);
  background: #ff7900;
  border-radius: 100vw;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 1025px) {
  .history__checklist-more {
    bottom: -0.25rem;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.36rem;
  }
}
.history__checklist-more .icon {
  width: 0.16rem;
  height: 0.16rem;
  background-position: center;
}
.history__checklist-more .icon--plus {
  background-size: 60%;
}
.history__checklist-item--disabled .history__checklist-more {
  background: #575757;
}
.history__checklist-item--past .history__checklist-more {
  background-color: #b5b5b5;
  color: white;
}
.history__map--title {
  font-size: 0.38rem;
  font-weight: bold;
  margin: 0.16rem 0 0.32rem;
}
@media (max-width: 1025px) {
  .history__map--title {
    font-size: 0.26rem;
    margin: 0 0 0.16rem;
  }
}
.history__map--title:last-child {
  margin-bottom: 0;
}

.contact {
  max-width: 7rem;
  margin: 0 auto;
  padding: 0 0.2rem;
  min-height: calc(100vh - (3rem + 0.55rem));
  margin-top: 0.3rem;
}
@media (min-width: 1025px) {
  .contact {
    min-height: calc(100vh - (3rem + 1.25rem));
  }
}
.contact__title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem;
  font-weight: normal;
  color: #2d2d2d;
  margin-bottom: 0.32rem;
  text-align: center;
  padding: 0 0.2rem;
  margin: 0 0 0.3rem 0;
}
@media (min-width: 1025px) {
  .contact__title {
    font-size: 0.22rem;
    padding: 0;
  }
}
.contact__wrapper {
  width: 3.54rem;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .contact__wrapper {
    width: 4.5rem;
  }
}
.contact__item {
  font-family: "Roboto", Arial, Helvetica;
  position: relative;
  display: flex;
  margin-bottom: 0.16rem;
  justify-content: space-between;
  align-items: center;
  padding: 0.22rem;
  background: #ff7900;
  border-radius: 0.12rem;
}
@media (min-width: 1025px) {
  .contact__item {
    padding: 0.16rem 0.24rem;
    border-radius: 0.08rem;
    justify-content: space-between;
  }
}
.contact__item-image {
  width: 0.8rem;
  height: 0.8rem;
  display: block;
}
.contact__item-image img {
  height: 100%;
  max-width: 100%;
  margin: auto;
  display: flex;
}
@media (min-width: 1025px) {
  .contact__item-image {
    width: 0.9rem;
    height: 0.9rem;
  }
}
.contact__item-info {
  width: 2.1rem;
}
@media (min-width: 1025px) {
  .contact__item-info {
    width: 2.8rem;
  }
}
.contact__item-title {
  font-size: 0.3rem;
  color: #fff;
  font-weight: bold;
  margin: 0 0 0.04rem;
}
@media (min-width: 1025px) {
  .contact__item-title {
    font-size: 0.36rem;
    margin: 0;
  }
}
.contact__item-subtitle {
  font-size: 0.18rem;
  color: #fff;
  font-weight: bold;
  margin: 0 0 0.04rem;
}
@media (min-width: 1025px) {
  .contact__item-subtitle {
    font-size: 0.22rem;
  }
}
.contact__item-description {
  font-style: italic;
  font-size: 0.14rem;
  color: #fff;
  margin: 0;
}
@media (min-width: 1025px) {
  .contact__item-description {
    font-size: 0.16rem;
  }
}
.contact__item-more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -99999px;
}
.contact__description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.contact__description-title {
  font-size: 14px;
}
.contact__description-text {
  margin: 0;
  font-size: 13px;
  font-style: oblique;
  color: #585858;
  font-weight: 500;
}

.survey__section {
  min-height: calc(100vh - (3rem + 0.55rem));
}
@media (min-width: 1025px) {
  .survey__section {
    min-height: calc(100vh - (3rem + 1.25rem));
  }
}
.survey__content {
  box-shadow: 0px -11px 1px -2px #9c9c9c;
  background: #000;
  padding: 0.16rem;
  width: 85%;
  max-width: 3.8rem;
  margin: 0.2rem auto 0 auto;
  color: #fff;
  border-radius: 0.12rem;
}
@media (min-width: 1026px) {
  .survey__content {
    padding: 0.3rem;
  }
}
.survey__steps {
  text-align: center;
  font-size: 0.16rem;
  padding-top: 0.2rem;
}
.survey__steps i {
  font-weight: bold;
  font-style: normal;
}
.survey__form.component-form .hide {
  display: none;
}
.survey__form.component-form span.error {
  font-size: 0.18rem;
  position: relative;
  text-align: center;
  width: 100%;
  display: block;
}
.survey__form.component-form .fieldcheckbox {
  vertical-align: middle;
}
.survey__form.component-form .fieldcheckbox-label {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.18rem !important;
  font-weight: 400;
  color: #fff;
}
.survey__form.component-form .survey__title {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.32rem;
  font-weight: bold;
  margin: 0 0 0.06rem;
}
.survey__form.component-form .survey__question {
  font-family: "Roboto", Arial, Helvetica;
  font-size: 0.24rem;
  font-weight: normal;
  margin-bottom: 0.2rem;
}
.survey__form.component-form .survey__question p {
  margin-bottom: 0.2rem;
}
.survey__form.component-form .survey__question p.message__bubble {
  margin: 0;
}
.survey__form.component-form .survey__range input {
  width: 100%;
  margin-bottom: 0.1rem;
  cursor: pointer;
}
.survey__form.component-form .survey__range-display {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.survey__form.component-form .survey__range-display i {
  font-size: 0.14rem;
  font-style: normal;
}
.survey__form.component-form .survey__range-display i-selected {
  color: #ff7900;
}
.survey__form.component-form .survey__box--alt {
  padding: 0;
  margin-top: 0.2rem;
}
.survey__form.component-form .survey__box textarea {
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  border: 1px solid #d7d8dd;
  display: block;
  color: #fff;
  padding: 0.15rem;
  font-size: 0.16rem;
  font-style: italic;
  font-weight: 300;
  background: transparent;
}
.survey__form.component-form .survey__box textarea.survey__textarea--hide {
  display: none;
}
.survey__form.component-form .survey__box textarea::-moz-placeholder {
  color: #fff;
}
.survey__form.component-form .survey__box textarea:-ms-input-placeholder {
  color: #fff;
}
.survey__form.component-form .survey__box textarea::placeholder {
  color: #fff;
}
.survey__form.component-form .survey__box label.error {
  display: block;
  margin: 0.05rem 0;
  color: #ff7900;
  font-size: 80%;
}
.survey__form.component-form .survey__checkbox-list {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: start;
  margin: 0;
  border: 0;
  padding: 0.3rem 0 0.2rem;
}
.survey__form.component-form .survey__checkbox-item {
  margin-bottom: 0.05rem;
}
.survey__form.component-form .survey__button {
  font-family: "Roboto", Arial, Helvetica;
  display: block;
  width: 100%;
  max-width: 1.78rem;
  box-sizing: border-box;
  margin: 0.2rem auto 0;
  padding: 0.14rem 0;
  border: 0;
  color: #fff;
  background: #ff7900;
  font-weight: bold;
  font-size: 0.18rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 0.03rem;
}
.survey__form.component-form .survey__rating {
  margin-left: -0.1rem;
  margin-top: 0.2rem;
}
.survey__form.component-form .survey__value {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: -0.05rem;
  color: #fff;
  margin: 0 !important;
  font-size: 0.14rem;
}
.survey__form.component-form .survey__emojis {
  width: 100%;
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
  /* label */
  /* .design */
}
.survey__form.component-form .survey__emojis label.emoji-00 {
  background: url(static/images/form-icons/emoji-00.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-00.active {
  background: url(static/images/form-icons/emoji-00--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-0 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-0:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-0:hover + .design, .survey__form.component-form .survey__emojis input.icon-0:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-0:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-0:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-0:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-0 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-0::before, .survey__form.component-form .survey__emojis .design-0::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-0:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-0::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-01 {
  background: url(static/images/form-icons/emoji-01.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-01.active {
  background: url(static/images/form-icons/emoji-01--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-1 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-1:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-1:hover + .design, .survey__form.component-form .survey__emojis input.icon-1:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-1:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-1:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-1:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-1 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-1::before, .survey__form.component-form .survey__emojis .design-1::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-1:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-1::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-02 {
  background: url(static/images/form-icons/emoji-02.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-02.active {
  background: url(static/images/form-icons/emoji-02--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-2 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-2:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-2:hover + .design, .survey__form.component-form .survey__emojis input.icon-2:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-2:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-2:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-2:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-2 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-2::before, .survey__form.component-form .survey__emojis .design-2::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-2:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-2::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-03 {
  background: url(static/images/form-icons/emoji-03.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-03.active {
  background: url(static/images/form-icons/emoji-03--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-3 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-3:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-3:hover + .design, .survey__form.component-form .survey__emojis input.icon-3:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-3:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-3:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-3:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-3 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-3::before, .survey__form.component-form .survey__emojis .design-3::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-3:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-3::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-04 {
  background: url(static/images/form-icons/emoji-04.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-04.active {
  background: url(static/images/form-icons/emoji-04--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-4 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-4:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-4:hover + .design, .survey__form.component-form .survey__emojis input.icon-4:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-4:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-4:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-4:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-4 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-4::before, .survey__form.component-form .survey__emojis .design-4::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-4:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-4::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-05 {
  background: url(static/images/form-icons/emoji-05.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-05.active {
  background: url(static/images/form-icons/emoji-05--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-5 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-5:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-5:hover + .design, .survey__form.component-form .survey__emojis input.icon-5:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-5:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-5:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-5:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-5 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-5::before, .survey__form.component-form .survey__emojis .design-5::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-5:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-5::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-06 {
  background: url(static/images/form-icons/emoji-06.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-06.active {
  background: url(static/images/form-icons/emoji-06--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-6 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-6:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-6:hover + .design, .survey__form.component-form .survey__emojis input.icon-6:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-6:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-6:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-6:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-6 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-6::before, .survey__form.component-form .survey__emojis .design-6::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-6:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-6::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-07 {
  background: url(static/images/form-icons/emoji-07.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-07.active {
  background: url(static/images/form-icons/emoji-07--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-7 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-7:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-7:hover + .design, .survey__form.component-form .survey__emojis input.icon-7:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-7:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-7:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-7:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-7 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-7::before, .survey__form.component-form .survey__emojis .design-7::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-7:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-7::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-08 {
  background: url(static/images/form-icons/emoji-08.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-08.active {
  background: url(static/images/form-icons/emoji-08--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-8 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-8:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-8:hover + .design, .survey__form.component-form .survey__emojis input.icon-8:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-8:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-8:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-8:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-8 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-8::before, .survey__form.component-form .survey__emojis .design-8::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-8:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-8::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-09 {
  background: url(static/images/form-icons/emoji-09.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-09.active {
  background: url(static/images/form-icons/emoji-09--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-9 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-9:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-9:hover + .design, .survey__form.component-form .survey__emojis input.icon-9:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-9:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-9:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-9:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-9 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-9::before, .survey__form.component-form .survey__emojis .design-9::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-9:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-9::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}
.survey__form.component-form .survey__emojis label.emoji-010 {
  background: url(static/images/form-icons/emoji-010.png) no-repeat center top;
  background-size: contain;
  display: inline-flex;
  width: 0.44rem;
  height: 0.9rem;
  margin: 0.12rem 0.02rem;
  cursor: pointer;
  position: relative;
}
.survey__form.component-form .survey__emojis label.emoji-010.active {
  background: url(static/images/form-icons/emoji-010--active.png) no-repeat center top;
  background-size: contain;
}
.survey__form.component-form .survey__emojis input.icon-10 {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: #ff7900;
  /* checked state */
  /* other states */
}
.survey__form.component-form .survey__emojis input.icon-10:checked + .design::before {
  opacity: 1;
  transform: scale(0.6);
}
.survey__form.component-form .survey__emojis input.icon-10:hover + .design, .survey__form.component-form .survey__emojis input.icon-10:focus + .design {
  border: 1px solid #fff;
}
.survey__form.component-form .survey__emojis input.icon-10:hover + .design:before, .survey__form.component-form .survey__emojis input.icon-10:focus + .design:before {
  background: #ff7900;
}
.survey__form.component-form .survey__emojis input.icon-10:hover ~ .text {
  color: #fff;
}
.survey__form.component-form .survey__emojis .design-10 {
  width: 0.2rem;
  height: 0.2rem;
  border: 1px solid #fff;
  border-radius: 100%;
  margin: 0.55rem auto 0 auto;
  position: relative;
}
.survey__form.component-form .survey__emojis .design-10::before, .survey__form.component-form .survey__emojis .design-10::after {
  content: "";
  display: block;
  width: inherit;
  height: inherit;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  position: absolute;
  transform: scale(0);
  transform-origin: center center;
}
.survey__form.component-form .survey__emojis .design-10:before {
  background: #ff7900;
  opacity: 0;
  transition: 0.3s;
}
.survey__form.component-form .survey__emojis .design-10::after {
  background: #ff7900;
  opacity: 0.4;
  transition: 0.6s;
}