@font-face {
  font-family: RedHatDisplay-Regular;
  src: url(/themes/kohersen/fonts/RedHatDisplay-Regular.eot);
  src: url(/themes/kohersen/fonts/RedHatDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(/themes/kohersen/fonts/RedHatDisplay-Regular.woff2) format("woff2"), url(/themes/kohersen/fonts/RedHatDisplay-Regular.woff) format("woff"), url(/themes/kohersen/fonts/RedHatDisplay-Regular.ttf) format("truetype"), url(/themes/kohersen/fonts/RedHatDisplay-Regular.svg#RedHatDisplay-Regular) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: RedHatDisplay-Bold;
  src: url(/themes/kohersen/fonts/RedHatDisplay-Bold.eot);
  src: url(/themes/kohersen/fonts/RedHatDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(/themes/kohersen/fonts/RedHatDisplay-Bold.woff2) format("woff2"), url(/themes/kohersen/fonts/RedHatDisplay-Bold.woff) format("woff"), url(/themes/kohersen/fonts/RedHatDisplay-Bold.ttf) format("truetype"), url(/themes/kohersen/fonts/RedHatDisplay-Bold.svg#RedHatDisplay-Bold) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: icons;
  src: url(/themes/kohersen/fonts/icons.eot?91766425);
  src: url(/themes/kohersen/fonts/icons.eot?91766425#iefix) format("embedded-opentype"), url(/themes/kohersen/fonts/icons.woff2?91766425) format("woff2"), url(/themes/kohersen/fonts/icons.woff?91766425) format("woff"), url(/themes/kohersen/fonts/icons.ttf?91766425) format("truetype"), url(/themes/kohersen/fonts/icons.svg?91766425#icons) format("svg");
  font-weight: 400;
  font-style: normal
}
[class*=" icon-"],
[class^=icon-] {
  display: inline-block
}
[class*=" icon-"]:before,
[class^=icon-]:before {
  font-family: icons;
  font-style: normal;
  font-weight: 400;
  speak: never;
  display: block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.icon-check:before {
  content: "\e800"
}
.icon-404:before {
  content: "\e801"
}
.icon-accessories:before {
  content: "\e802"
}
.icon-address:before {
  content: "\e803"
}
.icon-cart:before {
  content: "\e806"
}
.icon-contact:before {
  content: "\e805"
}
.icon-cooking:before {
  content: "\e809"
}
.icon-copy:before {
  content: "\e807"
}
.icon-document:before {
  content: "\e808"
}
.icon-facebook:before {
  content: "\e827"
}
.icon-instagram:before {
  content: "\e80a"
}
.icon-linkedin:before {
  content: "\e804"
}
.icon-personal-info:before {
  content: "\e80c"
}
.icon-pinterest:before {
  content: "\e80e"
}
.icon-pots:before {
  content: "\e80f"
}
.icon-recipe-portions:before {
  content: "\e810"
}
.icon-recipe-score:before {
  content: "\e811"
}
.icon-recipe-score-half:before {
  content: "\e812"
}
.icon-recipe-step:before {
  content: "\e813"
}
.icon-recipe-taste:before {
  content: "\e814"
}
.icon-robots:before {
  content: "\e815"
}
.icon-search:before {
  content: "\e816"
}
.icon-secured-payment:before {
  content: "\e817"
}
.icon-shipping:before {
  content: "\e818"
}
.icon-star:before {
  content: "\e819"
}
.icon-star-half:before {
  content: "\e81a"
}
.icon-time:before {
  content: "\e81b"
}
.icon-trash:before {
  content: "\e81c"
}
.icon-twitter:before {
  content: "\e828"
}
.icon-unavailable:before {
  content: "\e81e"
}
.icon-youtube:before {
  content: "\e81f"
}
.icon-arrow:before {
  content: "\e82a"
}
.icon-email:before {
  content: "\e820"
}
.icon-grid:before {
  content: "\e821"
}
.icon-list:before {
  content: "\e822"
}
.icon-eye:before {
  content: "\e823"
}
.icon-eye-off:before {
  content: "\e824"
}
.icon-error:before {
  content: "\e825"
}
.icon-klub-kohersen:before {
  content: "\e826"
}
.icon-tiktok:before {
  content: "\e829"
}
.icon-tiktok-2:before {
  content: "\e80d"
}
.icon-twitter-2:before {
  content: "\e81d"
}
.icon-twitter-x:before {
  content: "\e82c"
}
.icon-twitter-x-2:before {
  content: "\e82d"
}
.icon-linkedin-2:before {
  content: "\e80b"
}
.icon-spotify:before {
  content: '\f1bc'
}
.icon--margin {
  margin-right: 20px
}
html {
  line-height: 1;
  font-size: 18px
}
body,
html {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400
}
body {
  color: #000;
  font-size: 1.1666666667rem;
  line-height: 26px
}
@media(max-width:600px) {
  body {
    font-size: .8888888889rem;
    line-height: 21px
  }
  .selekcik {
    width: 100%;
    margin-bottom: 12px;
  }
}
@media(min-width:601px) and (max-width:1200px) {
  .selekcik {
    width: calc(50% - 20px);
    margin-bottom: 12px;
    margin-right: 20px
  }
}
@media(min-width:1400px) {
  #categories_tiles {
    width: 80% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
.separator-bottom {
  padding-bottom: 40px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(68, 68, 68, .15);
}
.garnki-banner {
  display: block !important;
}
.garnki-banner-mobile {
  display: none !important;
}
@media(max-width:600px) {
  .garnki-banner {
    display: none !important;
  }
  .garnki-banner-mobile {
    display: block !important;
  }
}
.category-description-div {
  padding-top: 15px;
  margin-bottom: 15px;
}
.category-description-div p {
  font-size: 14px !important;
  line-height: 1.7;
}
.category-description-div h2 {
  font-size: 18px !important;
}
.cena-obowiazuje {
  padding-top: 10px;
}
.informacja_ustawowa_o_cenie {
  color: #666;
  font-size: 14px;
  line-height: initial;
  margin-bottom: 8px;
  margin-top: 5px;
}
.informacja_ustawowa_o_cenie .kwota {
  white-space: nowrap;
  display: inline-block;
  margin-right: 3px
}
@media(min-width:1280px) {
  .products__list__item #informacja_ustawowa_o_cenie {
    text-align: right;
  }
}
body.noscroll {
  overflow: hidden
}
#bg-mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, .75)
}
#bg-mask.show {
  display: block
}
body,
html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  min-width: 320px
}
#page-content {
  display: block;
  padding-top: 130px
}
@media(max-width:1024px) {
  #page-content {
    padding-top: 117px
  }
}
@media(max-width:735px) {
  #page-content {
    padding-top: 75px
  }
}
h1,
.header--h1 {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  font-size: 32px
}
@media screen and (min-width:1024px) {
  h1,
  .header--h1 {
    font-size: calc(32px + 8 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  h1,
  .header--h1 {
    font-size: 40px
  }
}
@media(max-width:600px) {
  h1,
  .header--h1 {
    font-size: 1.4444444444rem
  }
}
h2,
.header--h2 {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  font-size: 32px
}
@media screen and (min-width:1024px) {
  h2,
  .header--h2 {
    font-size: calc(32px + 4 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  h2,
  .header--h2 {
    font-size: 36px
  }
}
@media(max-width:600px) {
  h2,
  .header--h2 {
    font-size: 1.3333333333rem
  }
}
h3,
.header--h3 {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  font-size: 24px
}
@media screen and (min-width:1024px) {
  h3,
  .header--h3 {
    font-size: calc(24px + 4 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  h3,
  .header--h3 {
    font-size: 28px
  }
}
@media(max-width:600px) {
  h3,
  .header--h3 {
    font-size: 1.1111111111rem
  }
}
h4,
.header--h4 {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  font-size: 22px
}
@media screen and (min-width:1024px) {
  h4,
  .header--h4 {
    font-size: calc(22px + 2 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  h4,
  .header--h4 {
    font-size: 24px
  }
}
@media(max-width:600px) {
  h4,
  .header--h4 {
    font-size: 1rem
  }
}
h5,
.header--h5 {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.1111111111rem;
  line-height: normal
}
@media(max-width:600px) {
  h5,
  .header--h5 {
    font-size: .9444444444rem
  }
}
h6,
.header--h6 {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: normal
}
@media(max-width:600px) {
  h6,
  .header--h6 {
    font-size: .8888888889rem
  }
}
b,
strong {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400
}
ul li {
  list-style: none
}
ol li {
  margin-bottom: 30px;
  text-align: justify
}
hr {
  margin: 28px auto;
  background-color: #dfdfdf;
  height: 2px;
  border: 0
}
.maroon {
  color: #861f41
}
.gray {
  color: #686868
}
.green {
  color: #08a045
}
.red {
  color: #ec1c24
}
.border-box {
  border-style: solid;
  border-color: #dfdfdf;
  position: relative
}
.border-box:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 4px;
  height: 90px;
  background-color: #dfdfdf
}
.border-box--right {
  border-width: 4px 0 4px 4px
}
.border-box--right:after {
  top: 0;
  right: 0
}
.border-box--left {
  border-width: 4px 4px 4px 0
}
.border-box--left:after {
  top: 0;
  left: 0
}
.wrapper-large {
  width: 88%;
  margin: auto
}
.wrapper-big {
  width: 61.5%;
  margin: 0 auto
}
@media(max-width:1570px) {
  .wrapper-big {
    width: 84%
  }
}
@media(max-width:735px) {
  .wrapper-big {
    width: 90%
  }
}
.wrapper-medium {
  width: 1325px;
  margin: auto
}
@media(max-width:1570px) {
  .wrapper-medium {
    width: 90%
  }
}
.wrapper-medium--s {
  position: relative;
  width: 945px;
  margin: auto
}
@media(max-width:1024px) {
  .wrapper-medium--s {
    width: 90%
  }
}
@media(max-width:735px) {
  .wrapper-medium--s {
    width: 100%
  }
}
.wrapper-medium--xs {
  width: 660px;
  margin: auto
}
@media(max-width:1024px) {
  .wrapper-medium--xs {
    width: 65%
  }
}
@media(max-width:600px) {
  .wrapper-medium--xs {
    width: 90%
  }
}
.wrapper-small {
  width: 560px;
  margin: auto
}
@media(max-width:735px) {
  .wrapper-small {
    width: 100%
  }
}
.wrapper-image {
  text-align: center;
  margin: 50px auto
}
.wrapper-image img {
  max-width: 100%
}
.site-title {
  padding-top: 80px;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  padding-bottom: 40px
}
@media screen and (min-width:1024px) {
  .site-title {
    padding-bottom: calc(40px + 40 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .site-title {
    padding-bottom: 80px
  }
}
@media(max-width:735px) {
  .site-title {
    padding-top: 40px;
    padding-bottom: 30px
  }
}
.site-title:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  margin: auto;
  height: 4px;
  width: 300px;
  background-color: #dfdfdf
}
@media(max-width:600px) {
  .site-title:after {
    width: 50%;
    max-width: 200px
  }
}
.site-title--padding {
  padding-bottom: 30px
}
@media(max-width:600px) {
  .site-title--padding {
    padding-bottom: 20px
  }
}
.site-title--margin {
  margin-bottom: 45px
}
@media screen and (min-width:1024px) {
  .site-title--margin {
    margin-bottom: calc(45px + 30 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .site-title--margin {
    margin-bottom: 75px
  }
}
@media(max-width:600px) {
  .site-title--margin {
    margin-bottom: 35px
  }
}
.form-el_label {
  font-size: 1rem;
  color: #686868;
  margin-bottom: 10px
}
@media(max-width:600px) {
  .form-el_label {
    font-size: .8888888889rem
  }
}
.error-message {
  display: none;
  color: #ff5252;
  font-size: .9444444444rem;
  text-align: left
}
@media(max-width:600px) {
  .error-message {
    font-size: .6111111111rem
  }
}
.error-message.error-message--show {
  display: block
}
.error-message--right,
.success-message--right {
  text-align: center;
  width: 250px;
  margin: 20px 0 0 auto
}
.success-message {
  display: none;
  color: #08a045;
  font-size: .9444444444rem;
  text-align: left
}
@media(max-width:600px) {
  .success-message {
    font-size: .6666666667rem
  }
}
.success-message.success-message--show {
  display: block
}
.content {
  margin: 0 auto 80px
}
@media(max-width:735px) {
  .content {
    width: 90%;
    margin: 0 auto 50px
  }
}
.content a {
  color: #861f41;
  transition: opacity .3s
}
.content a:hover {
  opacity: .7
}
.table {
  width: 100%;
  padding: 20px 40px;
  margin: 50px auto;
  border-spacing: 0;
  line-height: 1.16em;
  font-size: 1rem
}
@media(max-width:735px) {
  .table {
    padding: 20px;
    margin: 30px auto
  }
}
@media(max-width:600px) {
  .table {
    font-size: .8888888889rem;
    line-height: 21px
  }
}
.table td,
.table th {
  text-align: left;
  padding: 20px
}
@media(max-width:600px) {
  .table td,
  .table th {
    padding: 10px 0
  }
}
.table tr:not(:last-child) td,
.table tr:not(:last-child) th {
  border-bottom: 1px solid #dfdfdf
}
@media(max-width:600px) {
  .table tr:not(:last-child) td,
  .table tr:not(:last-child) th {
    border: none
  }
}
@media(max-width:600px) {
  .table,
  .table tbody,
  .table td,
  .table th,
  .table thead,
  .table tr {
    display: block
  }
  .table tr {
    border-bottom: 1px solid #dfdfdf
  }
}
.table--hover-row {
  padding: 20px 0
}
.table--hover-row td:first-child,
.table--hover-row td:last-child,
.table--hover-row th:first-child,
.table--hover-row th:last-child {
  width: 40px;
  border-bottom: 0 !important
}
@media(max-width:735px) {
  .table--hover-row td:first-child,
  .table--hover-row td:last-child,
  .table--hover-row th:first-child,
  .table--hover-row th:last-child {
    width: 20px
  }
}
.table--hover-row tr[data-href] {
  cursor: pointer;
  transition: box-shadow .3s
}
@media(min-width:1025px) {
  .table--hover-row tr[data-href]:hover {
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1)
  }
  .table--hover-row tr[data-href]:hover:after {
    content: "";
    height: 2px;
    width: 100%;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 4px;
    z-index: 0;
    transform: translateY(-2px)
  }
  .table--hover-row tr[data-href]:hover td {
    border-bottom-color: #fff
  }
}
.two-column-box {
  padding: 35px 0;
  display: flex
}
@media(max-width:735px) {
  .two-column-box {
    padding: 20px 0
  }
}
@media(max-width:600px) {
  .two-column-box {
    padding: 0 20px;
    flex-wrap: wrap
  }
}
.two-column-box .left-side,
.two-column-box .right-side {
  padding: 0 60px;
  width: 50%;
  text-align: left
}
@media(max-width:735px) {
  .two-column-box .left-side,
  .two-column-box .right-side {
    padding: 20px
  }
}
@media(max-width:600px) {
  .two-column-box .left-side,
  .two-column-box .right-side {
    padding: 20px 0;
    width: 100%
  }
}
.two-column-box .right-side {
  border-left: 2px solid #dfdfdf
}
@media(max-width:600px) {
  .two-column-box .right-side {
    border-left: 0;
    border-top: 2px solid #dfdfdf
  }
}
.two-column-box h3 {
  margin-bottom: 25px
}
.margin-bottom--15 {
  margin-bottom: 15px
}
.align-right {
  text-align: right
}
.nowrap {
  white-space: nowrap
}
img.icon {
  vertical-align: middle;
  margin-right: 20px;
  padding-bottom: 3px
}
#text-to-copy {
  cursor: pointer
}
#snackbar {
  display: none;
  background-color: #fff;
  font-size: 1rem;
  text-align: center;
  padding: 0 45px;
  line-height: 48px;
  border-radius: 5px;
  position: fixed;
  bottom: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22)
}
@media(max-width:600px) {
  #snackbar {
    width: 90%
  }
}
.back-link {
  transform: translateY(100%)
}
.back-link a {
  color: #000
}
.back-link a:before {
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  transform: rotate(45deg);
  border-color: #861f41;
  border-style: solid;
  border-width: 0 0 1px 1px;
  margin-right: 10px
}
.content ul li:not(.mdc-list-item):not(.cart__product),
.popup__content ul li:not(.mdc-list-item):not(.cart__product),
.section__content__text ul li:not(.mdc-list-item):not(.cart__product) {
  position: relative;
  padding-left: 30px
}
.content ul li:not(.mdc-list-item):not(.cart__product):before,
.popup__content ul li:not(.mdc-list-item):not(.cart__product):before,
.section__content__text ul li:not(.mdc-list-item):not(.cart__product):before {
  content: "\e800";
  font-family: icons;
  color: #08a045;
  font-size: .8333333333rem;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0
}
ol {
  padding-left: 0
}
ol li {
  list-style-position: inside
}
.breadcrumbs {
  position: relative;
  z-index: 1;
  transform: translateY(100%)
}
@media(max-width:1024px) {
  .breadcrumbs {
    display: none
  }
}
.breadcrumbs li {
  display: inline-block;
  color: #686868;
  font-size: 1rem;
  padding-left: 0 !important
}
.breadcrumbs li:before {
  content: none !important
}
.breadcrumbs a {
  color: #000
}
.breadcrumbs a:after {
  content: "";
  display: inline-block;
  height: 12px;
  width: 12px;
  transform: rotate(45deg);
  border-color: #861f41;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin: 0 10px
}
html {
  box-sizing: border-box
}
body {
  margin: 0
}
*,
:after,
:before {
  box-sizing: inherit
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
ul {
  margin: 0;
  padding: 0
}
button,
input,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0
}
embed,
iframe,
img,
object,
video {
  max-width: 100%
}
a {
  text-decoration: none
}
.mdc-floating-label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: .009375em;
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  position: absolute;
  left: 0;
  transform-origin: left top;
  line-height: 1.15rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: text;
  overflow: hidden;
  will-change: transform;
  transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1)
}
.mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-floating-label {
  right: 0;
  left: auto;
  transform-origin: right top;
  text-align: right
}
.mdc-floating-label--float-above {
  cursor: auto;
  transform: translateY(-106%) scale(.75)
}
.mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-standard .25s 1;
  animation: mdc-floating-label-shake-float-above-standard .25s 1
}
@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    transform: translateX(0) translateY(-106%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-106%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-106%) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-106%) scale(.75)
  }
}
@keyframes mdc-floating-label-shake-float-above-standard {
  0% {
    transform: translateX(0) translateY(-106%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-106%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-106%) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-106%) scale(.75)
  }
}
.mdc-line-ripple:after,
.mdc-line-ripple:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom-style: solid;
  content: ""
}
.mdc-line-ripple:before {
  border-bottom-width: 1px;
  z-index: 1
}
.mdc-line-ripple:after {
  transform: scaleX(0);
  border-bottom-width: 2px;
  opacity: 0;
  z-index: 2;
  transition: transform .18s cubic-bezier(.4, 0, .2, 1), opacity .18s cubic-bezier(.4, 0, .2, 1)
}
.mdc-line-ripple--active:after {
  transform: scaleX(1);
  opacity: 1
}
.mdc-line-ripple--deactivating:after {
  opacity: 0
}
.mdc-notched-outline {
  display: flex;
  position: absolute;
  right: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 100%;
  text-align: left;
  pointer-events: none
}
.mdc-notched-outline[dir=rtl],
[dir=rtl] .mdc-notched-outline {
  text-align: right
}
.mdc-notched-outline__leading,
.mdc-notched-outline__notch,
.mdc-notched-outline__trailing {
  box-sizing: border-box;
  height: 100%;
  border-top: 1px solid;
  border-bottom: 1px solid;
  pointer-events: none
}
.mdc-notched-outline__leading {
  border-left: 1px solid;
  border-right: none;
  width: 12px
}
.mdc-notched-outline__leading[dir=rtl],
.mdc-notched-outline__trailing,
[dir=rtl] .mdc-notched-outline__leading {
  border-left: none;
  border-right: 1px solid
}
.mdc-notched-outline__trailing {
  flex-grow: 1
}
.mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-notched-outline__trailing {
  border-left: 1px solid;
  border-right: none
}
.mdc-notched-outline__notch {
  flex: 0 0 auto;
  width: auto;
  max-width: calc(100% - 24px)
}
.mdc-notched-outline .mdc-floating-label {
  display: inline-block;
  position: relative;
  max-width: 100%
}
.mdc-notched-outline .mdc-floating-label--float-above {
  text-overflow: clip
}
.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  max-width: 133.33333%
}
.mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-left: 0;
  padding-right: 8px;
  border-top: none
}
.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl],
[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-left: 8px;
  padding-right: 0
}
.mdc-notched-outline--no-label .mdc-notched-outline__notch {
  padding: 0
}
.mdc-text-field-helper-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .75rem;
  font-size: var(--mdc-typography-caption-font-size, .75rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: .0333333333em;
  letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  line-height: normal;
  margin: 0;
  opacity: 0;
  will-change: opacity;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}
.mdc-text-field-helper-text:before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0
}
.mdc-text-field-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: auto
}
.mdc-text-field-character-counter {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .75rem;
  font-size: var(--mdc-typography-caption-font-size, .75rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: .0333333333em;
  letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  margin-top: 0;
  line-height: normal;
  margin-left: auto;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 0;
  white-space: nowrap
}
.mdc-text-field-character-counter:before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0
}
.mdc-text-field-character-counter[dir=rtl],
[dir=rtl] .mdc-text-field-character-counter {
  margin-left: 0;
  margin-right: auto;
  padding-left: 0;
  padding-right: 16px
}
.mdc-text-field__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer
}
.mdc-text-field__icon:not([tabindex]),
.mdc-text-field__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none
}
@-webkit-keyframes mdc-ripple-fg-radius-in {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
  }
}
@keyframes mdc-ripple-fg-radius-in {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
  }
  to {
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-in {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }
}
@keyframes mdc-ripple-fg-opacity-in {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0
  }
  to {
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }
}
@-webkit-keyframes mdc-ripple-fg-opacity-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }
  to {
    opacity: 0
  }
}
@keyframes mdc-ripple-fg-opacity-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }
  to {
    opacity: 0
  }
}
.mdc-text-field {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mdc-text-field .mdc-text-field__ripple:after,
.mdc-text-field .mdc-text-field__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}
.mdc-text-field .mdc-text-field__ripple:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}
.mdc-text-field.mdc-ripple-upgraded .mdc-text-field__ripple:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-text-field.mdc-ripple-upgraded .mdc-text-field__ripple:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}
.mdc-text-field.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}
.mdc-text-field.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-text-field .mdc-text-field__ripple:after,
.mdc-text-field .mdc-text-field__ripple:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}
.mdc-text-field.mdc-ripple-upgraded .mdc-text-field__ripple:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-text-field__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.mdc-text-field {
  height: 56px;
  border-radius: 4px 4px 0 0;
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  will-change: opacity, transform, color
}
.mdc-text-field .mdc-text-field__ripple:after,
.mdc-text-field .mdc-text-field__ripple:before {
  background-color: rgba(0, 0, 0, .87)
}
.mdc-text-field:hover .mdc-text-field__ripple:before {
  opacity: .04
}
.mdc-text-field.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple:before,
.mdc-text-field:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, .6)
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: rgba(0, 0, 0, .87)
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-moz-placeholder {
    color: rgba(0, 0, 0, .54)
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .54)
  }
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, .54)
  }
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .54)
  }
}
.mdc-text-field .mdc-text-field__input {
  caret-color: #6200ee;
  caret-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
  border-bottom-color: rgba(0, 0, 0, .42)
}
.mdc-text-field:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
  border-bottom-color: rgba(0, 0, 0, .87)
}
.mdc-text-field .mdc-line-ripple:after {
  border-bottom-color: #6200ee;
  border-bottom-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, .6)
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading,
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, .54)
}
.mdc-text-field:not(.mdc-text-field--disabled) {
  background-color: #f5f5f5
}
.mdc-text-field .mdc-floating-label {
  left: 16px;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none
}
.mdc-text-field .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field .mdc-floating-label {
  left: auto;
  right: 16px
}
.mdc-text-field .mdc-floating-label--float-above {
  transform: translateY(-106%) scale(.75)
}
.mdc-text-field--textarea .mdc-floating-label {
  left: 4px;
  right: auto
}
.mdc-text-field--textarea .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-floating-label {
  left: auto;
  right: 4px
}
.mdc-text-field--outlined .mdc-floating-label {
  left: 4px;
  right: auto
}
.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
  left: auto;
  right: 4px
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
  left: 36px;
  right: auto
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
  left: auto;
  right: 36px
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
  left: 40px;
  right: auto
}
.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
  left: auto;
  right: 40px
}
.mdc-text-field__input {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: .009375em;
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  padding: 20px 16px 7px;
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: opacity .15s cubic-bezier(.4, 0, .2, 1)
}
.mdc-text-field__input::-moz-placeholder {
  -moz-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
  transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
  opacity: 0
}
.mdc-text-field__input:-ms-input-placeholder {
  -ms-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
  transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
  opacity: 0
}
.mdc-text-field__input::placeholder {
  transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
  opacity: 0
}
.mdc-text-field--focused .mdc-text-field__input::-moz-placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input::-moz-placeholder,
.mdc-text-field--no-label .mdc-text-field__input::-moz-placeholder {
  transition-delay: 40ms;
  transition-duration: .11s;
  opacity: 1
}
.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input:-ms-input-placeholder,
.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder {
  transition-delay: 40ms;
  transition-duration: .11s;
  opacity: 1
}
.mdc-text-field--focused .mdc-text-field__input::placeholder,
.mdc-text-field--fullwidth .mdc-text-field__input::placeholder,
.mdc-text-field--no-label .mdc-text-field__input::placeholder {
  transition-delay: 40ms;
  transition-duration: .11s;
  opacity: 1
}
.mdc-text-field__input:focus {
  outline: none
}
.mdc-text-field__input:invalid {
  box-shadow: none
}
.mdc-text-field__input:-webkit-autofill {
  z-index: auto !important
}
.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  padding-top: 0;
  padding-bottom: 1px
}
.mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
  transform: translateY(-50%) scale(.75);
  cursor: auto
}
.mdc-text-field--outlined {
  overflow: visible
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .38)
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .87)
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #6200ee;
  border-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 4px 0 0 4px
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 0 4px 4px 0
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 4px 0 0 4px
}
.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-37.25px) scale(1);
  font-size: .75rem
}
.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-34.75px) scale(.75);
  font-size: 1rem
}
.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 1px
}
.mdc-text-field--outlined .mdc-text-field__ripple:after,
.mdc-text-field--outlined .mdc-text-field__ripple:before {
  content: none
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
  background-color: transparent
}
.mdc-text-field--outlined .mdc-text-field__input {
  padding-top: 12px;
  padding-bottom: 14px;
  display: flex;
  border: none !important;
  background-color: transparent;
  z-index: 1
}
.mdc-text-field--outlined .mdc-text-field__icon {
  z-index: 2
}
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-top: 2px
}
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px
}
.mdc-text-field--outlined.mdc-text-field--disabled {
  background-color: transparent
}
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .06)
}
@media screen and (-ms-high-contrast:active) {
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
  .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: GrayText
  }
}
.mdc-text-field--outlined.mdc-text-field--dense {
  height: 48px
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) scale(1);
  font-size: .8rem
}
.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) scale(.8);
  font-size: 1rem
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 7px
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  top: 14px
}
.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
  top: 12px
}
.mdc-text-field--with-leading-icon .mdc-text-field__icon--leading {
  left: 16px;
  right: auto
}
.mdc-text-field--with-leading-icon .mdc-text-field__icon--leading[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon--leading {
  left: auto;
  right: 16px
}
.mdc-text-field--with-leading-icon .mdc-text-field__input {
  padding-left: 48px;
  padding-right: 16px
}
.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input {
  padding-left: 16px;
  padding-right: 48px
}
.mdc-text-field--with-leading-icon .mdc-floating-label {
  left: 48px;
  right: auto
}
.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label {
  left: auto;
  right: 48px
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon--leading {
  left: 16px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon--leading[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon--leading {
  left: auto;
  right: 16px
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-37.25px) translateX(-32px) scale(1)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  transform: translateY(-37.25px) translateX(32px) scale(1)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  font-size: .75rem
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-34.75px) translateX(-32px) scale(.75)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-34.75px) translateX(32px) scale(.75)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl .25s 1
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  left: 36px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  left: auto;
  right: 36px
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) translateX(-21px) scale(1)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-134%) translateX(21px) scale(1)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: .8rem
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) translateX(-21px) scale(.8)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-120%) translateX(21px) scale(.8)
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl .25s 1
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  left: 32px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  left: auto;
  right: 32px
}
.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing {
  left: auto;
  right: 12px
}
.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing {
  left: 12px;
  right: auto
}
.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-left: 16px;
  padding-right: 48px
}
.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-left: 48px;
  padding-right: 16px
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--leading {
  left: 16px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--leading[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--leading {
  left: auto;
  right: 16px
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing {
  left: auto;
  right: 12px
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing {
  left: 12px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  padding-right: 48px;
  padding-left: 48px
}
.mdc-text-field--dense .mdc-text-field__icon {
  bottom: 16px;
  transform: scale(.8)
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon--leading {
  left: 12px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon--leading[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon--leading {
  left: auto;
  right: 12px
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  padding-left: 44px;
  padding-right: 16px
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  padding-left: 16px;
  padding-right: 44px
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  left: 44px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  left: auto;
  right: 44px
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing {
  left: auto;
  right: 12px
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing {
  left: 12px;
  right: auto
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  padding-left: 16px;
  padding-right: 44px
}
.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  padding-left: 44px;
  padding-right: 16px
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--leading {
  left: 12px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--leading[dir=rtl],
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing,
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--leading {
  left: auto;
  right: 12px
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing[dir=rtl],
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon--trailing {
  left: 12px;
  right: auto
}
.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  padding-right: 44px;
  padding-left: 44px
}
.mdc-text-field--dense .mdc-floating-label--float-above {
  transform: translateY(-70%) scale(.8)
}
.mdc-text-field--dense .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-dense .25s 1
}
.mdc-text-field--dense .mdc-text-field__input {
  padding: 12px 12px 0
}
.mdc-text-field--dense .mdc-floating-label,
.mdc-text-field--dense .mdc-floating-label--float-above {
  font-size: .813rem
}
.mdc-text-field__input:required~.mdc-floating-label:after,
.mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
  margin-left: 1px;
  content: "*"
}
.mdc-text-field--textarea {
  display: inline-flex;
  width: auto;
  height: auto;
  overflow: visible;
  transition: none
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .38)
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .87)
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #6200ee;
  border-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-text-field--textarea .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-textarea .25s 1;
  animation: mdc-floating-label-shake-float-above-textarea .25s 1
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 4px 0 0 4px
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 0 4px 4px 0
}
.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 4px 0 0 4px
}
.mdc-text-field--textarea .mdc-text-field__ripple:after,
.mdc-text-field--textarea .mdc-text-field__ripple:before {
  content: none
}
.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
  background-color: transparent
}
.mdc-text-field--textarea .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
  font-size: .75rem
}
.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(.75);
  font-size: 1rem
}
.mdc-text-field--textarea .mdc-text-field-character-counter {
  left: auto;
  right: 16px;
  position: absolute;
  bottom: 13px
}
.mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl],
[dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter {
  left: 16px;
  right: auto
}
.mdc-text-field--textarea .mdc-text-field__input {
  align-self: auto;
  box-sizing: border-box;
  height: auto;
  margin: 8px 1px 1px 0;
  padding: 0 16px 16px;
  line-height: 1.75rem
}
.mdc-text-field--textarea .mdc-text-field-character-counter+.mdc-text-field__input {
  margin-bottom: 28px;
  padding-bottom: 0
}
.mdc-text-field--textarea .mdc-floating-label {
  top: 17px;
  width: auto;
  pointer-events: none
}
.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
  transform: none
}
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-width: 2px
}
.mdc-text-field--fullwidth {
  width: 100%
}
.mdc-text-field--fullwidth.mdc-text-field--disabled .mdc-line-ripple:before,
.mdc-text-field--fullwidth:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
  border-bottom-color: rgba(0, 0, 0, .42)
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
  display: block
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple:after,
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__ripple:before {
  content: none
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
  background-color: transparent
}
.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
  padding: 0 0 1px
}
.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
  resize: vertical
}
.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before {
  border-bottom-color: #b00020;
  border-bottom-color: var(--mdc-theme-error, #b00020)
}
.mdc-text-field-helper-line {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box
}
.mdc-text-field--dense+.mdc-text-field-helper-line {
  margin-bottom: 4px
}
.mdc-text-field+.mdc-text-field-helper-line {
  padding-right: 16px;
  padding-left: 16px
}
.mdc-form-field>.mdc-text-field+label {
  align-self: flex-start
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(98, 0, 238, .87)
}
.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  opacity: 1
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:after,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple:before,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple:before {
  border-bottom-color: #b00020;
  border-bottom-color: var(--mdc-theme-error, #b00020)
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #b00020;
  color: var(--mdc-theme-error, #b00020)
}
.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: #b00020;
  caret-color: var(--mdc-theme-error, #b00020)
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: #b00020;
  color: var(--mdc-theme-error, #b00020)
}
.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  opacity: 1
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  border-color: var(--mdc-theme-error, #b00020)
}
.mdc-text-field--disabled {
  background-color: #fafafa;
  pointer-events: none
}
.mdc-text-field--disabled .mdc-line-ripple:before {
  border-bottom-color: rgba(0, 0, 0, .06)
}
.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, .38)
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
    color: rgba(0, 0, 0, .38)
  }
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
  }
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, .38)
  }
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
  }
}
.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,
.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,
.mdc-text-field--disabled .mdc-floating-label,
.mdc-text-field--disabled .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, .38)
}
.mdc-text-field--disabled .mdc-text-field__icon--leading,
.mdc-text-field--disabled .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, .3)
}
@media screen and (-ms-high-contrast:active) {
  .mdc-text-field--disabled .mdc-line-ripple:before {
    border-bottom-color: GrayText
  }
}
@media screen and (-ms-high-contrast:active) {
  .mdc-text-field--disabled .mdc-text-field__input::-moz-placeholder {
    color: GrayText
  }
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText
  }
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: GrayText
  }
}
@media screen and (-ms-high-contrast:active) {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText
  }
}
@media screen and (-ms-high-contrast:active) {
  .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter,
  .mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text,
  .mdc-text-field--disabled .mdc-floating-label,
  .mdc-text-field--disabled .mdc-text-field-character-counter,
  .mdc-text-field--disabled .mdc-text-field__icon--leading,
  .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: GrayText
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  cursor: default
}
.mdc-text-field--textarea.mdc-text-field--disabled {
  background-color: transparent;
  background-color: #f9f9f9
}
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .06)
}
@media screen and (-ms-high-contrast:active) {
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
  .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: GrayText
  }
}
.mdc-text-field--end-aligned .mdc-text-field__input {
  text-align: right
}
.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl],
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input {
  text-align: left
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense {
  0% {
    transform: translateX(0) translateY(-70%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-70%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-70%) scale(.8)
  }
  to {
    transform: translateX(0) translateY(-70%) scale(.8)
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-dense {
  0% {
    transform: translateX(0) translateY(-70%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-70%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-70%) scale(.8)
  }
  to {
    transform: translateX(0) translateY(-70%) scale(.8)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-34.75px) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-34.75px) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  0% {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-34.75px) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-34.75px) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  0% {
    transform: translateX(0) translateY(-120%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-120%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-120%) scale(.8)
  }
  to {
    transform: translateX(0) translateY(-120%) scale(.8)
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  0% {
    transform: translateX(0) translateY(-120%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-120%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-120%) scale(.8)
  }
  to {
    transform: translateX(0) translateY(-120%) scale(.8)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-34.75px) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-34.75px) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  0% {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-34.75px) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-34.75px) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  0% {
    transform: translateX(-21px) translateY(-120%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
  }
  to {
    transform: translateX(-21px) translateY(-120%) scale(.8)
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  0% {
    transform: translateX(-21px) translateY(-120%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
  }
  to {
    transform: translateX(-21px) translateY(-120%) scale(.8)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-34.75px) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-34.75px) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  0% {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-34.75px) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-34.75px) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-34.75px) scale(.75)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  0% {
    transform: translateX(21px) translateY(-120%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
  }
  to {
    transform: translateX(21px) translateY(-120%) scale(.8)
  }
}
@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  0% {
    transform: translateX(21px) translateY(-120%) scale(.8)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
  }
  to {
    transform: translateX(21px) translateY(-120%) scale(.8)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-textarea {
  0% {
    transform: translateX(0) translateY(-130%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-130%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-130%) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-130%) scale(.75)
  }
}
@keyframes mdc-floating-label-shake-float-above-textarea {
  0% {
    transform: translateX(0) translateY(-130%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(4%) translateY(-130%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(-4%) translateY(-130%) scale(.75)
  }
  to {
    transform: translateX(0) translateY(-130%) scale(.75)
  }
}
.mdc-touch-target-wrapper {
  display: inline
}
@-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.7833385
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
  }
  to {
    stroke-dashoffset: 0
  }
}
@keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  0%,
  50% {
    stroke-dashoffset: 29.7833385
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1)
  }
  to {
    stroke-dashoffset: 0
  }
}
@-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    transform: scaleX(0)
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1)
  }
  to {
    transform: scaleX(1)
  }
}
@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  0%,
  68.2% {
    transform: scaleX(0)
  }
  68.2% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
    animation-timing-function: cubic-bezier(0, 0, 0, 1)
  }
  to {
    transform: scaleX(1)
  }
}
@-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385
  }
}
@keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    animation-timing-function: cubic-bezier(.4, 0, 1, 1);
    opacity: 1;
    stroke-dashoffset: 0
  }
  to {
    opacity: 0;
    stroke-dashoffset: -29.7833385
  }
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: rotate(0deg);
    opacity: 1
  }
  to {
    transform: rotate(45deg);
    opacity: 0
  }
}
@keyframes mdc-checkbox-checked-indeterminate-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: rotate(0deg);
    opacity: 1
  }
  to {
    transform: rotate(45deg);
    opacity: 0
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    transform: rotate(45deg);
    opacity: 0
  }
  to {
    transform: rotate(1turn);
    opacity: 1
  }
}
@keyframes mdc-checkbox-indeterminate-checked-checkmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    transform: rotate(45deg);
    opacity: 0
  }
  to {
    transform: rotate(1turn);
    opacity: 1
  }
}
@-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  0% {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    transform: rotate(-45deg);
    opacity: 0
  }
  to {
    transform: rotate(0deg);
    opacity: 1
  }
}
@keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  0% {
    -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    animation-timing-function: mdc-animation-deceleration-curve-timing-function;
    transform: rotate(-45deg);
    opacity: 0
  }
  to {
    transform: rotate(0deg);
    opacity: 1
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    transform: rotate(0deg);
    opacity: 1
  }
  to {
    transform: rotate(315deg);
    opacity: 0
  }
}
@keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    animation-timing-function: cubic-bezier(.14, 0, 0, 1);
    transform: rotate(0deg);
    opacity: 1
  }
  to {
    transform: rotate(315deg);
    opacity: 0
  }
}
@-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform: scaleX(1);
    opacity: 1
  }
  32.8%,
  to {
    transform: scaleX(0);
    opacity: 0
  }
}
@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    transform: scaleX(1);
    opacity: 1
  }
  32.8%,
  to {
    transform: scaleX(0);
    opacity: 0
  }
}
.mdc-checkbox {
  display: inline-block;
  position: relative;
  flex: 0 0 18px;
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  line-height: 0;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: bottom;
  padding: 11px
}
.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before {
  background-color: #018786;
  background-color: var(--mdc-theme-secondary, #018786)
}
.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:after,
.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple:before {
  background-color: #018786;
  background-color: var(--mdc-theme-secondary, #018786)
}
.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple:before {
  opacity: .04
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple:before,
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple:after {
  transition: opacity .15s linear
}
.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple:after {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:after,
.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple:before {
  background-color: #018786;
  background-color: var(--mdc-theme-secondary, #018786)
}
.mdc-checkbox .mdc-checkbox__background {
  top: 11px;
  left: 11px
}
.mdc-checkbox .mdc-checkbox__background:before {
  top: -13px;
  left: -13px;
  width: 40px;
  height: 40px
}
.mdc-checkbox .mdc-checkbox__native-control {
  top: 0;
  right: 0;
  left: 0;
  width: 40px;
  height: 40px
}
.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
  border-color: rgba(0, 0, 0, .54);
  background-color: transparent
}
.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
  border-color: #018786;
  border-color: var(--mdc-theme-secondary, #018786);
  background-color: #018786;
  background-color: var(--mdc-theme-secondary, #018786)
}
@-webkit-keyframes mdc-checkbox-fade-in-background-8A000000secondary00000000secondary {
  0% {
    border-color: rgba(0, 0, 0, .54);
    background-color: transparent
  }
  50% {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
  }
}
@keyframes mdc-checkbox-fade-in-background-8A000000secondary00000000secondary {
  0% {
    border-color: rgba(0, 0, 0, .54);
    background-color: transparent
  }
  50% {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
  }
}
@-webkit-keyframes mdc-checkbox-fade-out-background-8A000000secondary00000000secondary {
  0%,
  80% {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
  }
  to {
    border-color: rgba(0, 0, 0, .54);
    background-color: transparent
  }
}
@keyframes mdc-checkbox-fade-out-background-8A000000secondary00000000secondary {
  0%,
  80% {
    border-color: #018786;
    border-color: var(--mdc-theme-secondary, #018786);
    background-color: #018786;
    background-color: var(--mdc-theme-secondary, #018786)
  }
  to {
    border-color: rgba(0, 0, 0, .54);
    background-color: transparent
  }
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000secondary00000000secondary;
  animation-name: mdc-checkbox-fade-in-background-8A000000secondary00000000secondary
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
  -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000secondary00000000secondary;
  animation-name: mdc-checkbox-fade-out-background-8A000000secondary00000000secondary
}
.mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
  border-color: rgba(0, 0, 0, .38);
  background-color: transparent
}
.mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
  border-color: transparent;
  background-color: rgba(0, 0, 0, .38)
}
.mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff
}
.mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
  border-color: #fff
}
.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #fff
}
.mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
  border-color: #fff
}
@media screen and (-ms-high-contrast:active) {
  .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
    border-color: GrayText;
    background-color: transparent
  }
  .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,
  .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background {
    border-color: GrayText;
    background-color: transparent
  }
  .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
    color: GrayText
  }
  .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark {
    border-color: GrayText
  }
  .mdc-checkbox__mixedmark {
    margin: 0 1px
  }
}
.mdc-checkbox--disabled {
  cursor: default;
  pointer-events: none
}
.mdc-checkbox__background {
  display: inline-flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-radius: 2px;
  background-color: transparent;
  pointer-events: none;
  will-change: background-color, border-color;
  transition: background-color 90ms cubic-bezier(.4, 0, .6, 1) 0ms, border-color 90ms cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-checkbox__background .mdc-checkbox__background:before {
  background-color: #000;
  background-color: var(--mdc-theme-on-surface, #000)
}
.mdc-checkbox__checkmark {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity .18s cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  opacity: 1
}
.mdc-checkbox__checkmark-path {
  transition: stroke-dashoffset .18s cubic-bezier(.4, 0, .6, 1) 0ms;
  stroke: currentColor;
  stroke-width: 3.12px;
  stroke-dashoffset: 29.7833385;
  stroke-dasharray: 29.7833385
}
.mdc-checkbox__mixedmark {
  width: 100%;
  height: 0;
  transform: scaleX(0) rotate(0deg);
  border-width: 1px;
  border-style: solid;
  opacity: 0;
  transition: opacity 90ms cubic-bezier(.4, 0, .6, 1) 0ms, transform 90ms cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-checkbox--upgraded .mdc-checkbox__background,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  transition: none !important
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background {
  -webkit-animation-duration: .18s;
  animation-duration: .18s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear
}
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path .18s linear 0s;
  animation: mdc-checkbox-unchecked-checked-checkmark-path .18s linear 0s;
  transition: none
}
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  transition: none
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  transition: none
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  transition: none
}
.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  transition: none
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark .5s linear 0s;
  animation: mdc-checkbox-indeterminate-checked-checkmark .5s linear 0s;
  transition: none
}
.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark .5s linear 0s;
  animation: mdc-checkbox-indeterminate-checked-mixedmark .5s linear 0s;
  transition: none
}
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark .3s linear 0s;
  animation: mdc-checkbox-indeterminate-unchecked-mixedmark .3s linear 0s;
  transition: none
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background {
  transition: border-color 90ms cubic-bezier(0, 0, .2, 1) 0ms, background-color 90ms cubic-bezier(0, 0, .2, 1) 0ms
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path {
  stroke-dashoffset: 0
}
.mdc-checkbox__background:before {
  position: absolute;
  transform: scale(0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  will-change: opacity, transform;
  transition: opacity 90ms cubic-bezier(.4, 0, .6, 1) 0ms, transform 90ms cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-checkbox__native-control:focus~.mdc-checkbox__background:before {
  transform: scale(1);
  opacity: .12;
  transition: opacity 80ms cubic-bezier(0, 0, .2, 1) 0ms, transform 80ms cubic-bezier(0, 0, .2, 1) 0ms
}
.mdc-checkbox__native-control {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit
}
.mdc-checkbox__native-control:disabled {
  cursor: default;
  pointer-events: none
}
.mdc-checkbox--touch {
  margin: 4px
}
.mdc-checkbox--touch .mdc-checkbox__native-control {
  top: -4px;
  right: -4px;
  left: -4px;
  width: 48px;
  height: 48px
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark {
  transition: opacity .18s cubic-bezier(0, 0, .2, 1) 0ms, transform .18s cubic-bezier(0, 0, .2, 1) 0ms;
  opacity: 1
}
.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(-45deg)
}
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark {
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 90ms cubic-bezier(.4, 0, .6, 1) 0ms, transform 90ms cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark {
  transform: scaleX(1) rotate(0deg);
  opacity: 1
}
.mdc-checkbox {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}
.mdc-checkbox .mdc-checkbox__ripple:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}
.mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
  background-color: #000;
  background-color: var(--mdc-theme-on-surface, #000)
}
.mdc-checkbox:hover .mdc-checkbox__ripple:before {
  opacity: .04
}
.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple:before,
.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple:after {
  transition: opacity .15s linear
}
.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple:after {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-checkbox.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12
}
.mdc-checkbox .mdc-checkbox__ripple:after,
.mdc-checkbox .mdc-checkbox__ripple:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:after,
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:before {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0);
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-checkbox__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.mdc-ripple-upgraded--background-focused .mdc-checkbox__background:before {
  content: none
}
.mdc-list {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: .009375em;
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  line-height: 1.5rem;
  margin: 0;
  padding: 8px 0;
  list-style-type: none;
  color: rgba(0, 0, 0, .87);
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}
.mdc-list:focus {
  outline: none
}
.mdc-list-item {
  height: 48px
}
.mdc-list-item__secondary-text {
  color: rgba(0, 0, 0, .54);
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}
.mdc-list-item__graphic {
  background-color: transparent;
  color: rgba(0, 0, 0, .38);
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}
.mdc-list-item__meta {
  color: rgba(0, 0, 0, .38);
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}
.mdc-list-group__subheader {
  color: rgba(0, 0, 0, .87);
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}
.mdc-list-item--disabled .mdc-list-item__text {
  opacity: .38
}
.mdc-list-item--disabled .mdc-list-item__primary-text,
.mdc-list-item--disabled .mdc-list-item__secondary-text,
.mdc-list-item--disabled .mdc-list-item__text {
  color: #000;
  color: var(--mdc-theme-on-surface, #000)
}
.mdc-list--dense {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: .812rem
}
.mdc-list-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  padding: 0 16px;
  overflow: hidden
}
.mdc-list-item:focus {
  outline: none
}
.mdc-list-item--activated,
.mdc-list-item--activated .mdc-list-item__graphic,
.mdc-list-item--selected,
.mdc-list-item--selected .mdc-list-item__graphic {
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee)
}
.mdc-list-item__graphic {
  margin-left: 0;
  margin-right: 32px;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  fill: currentColor
}
.mdc-list-item[dir=rtl] .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list-item__graphic {
  margin-left: 32px;
  margin-right: 0
}
.mdc-list .mdc-list-item__graphic {
  display: inline-flex
}
.mdc-list-item__meta {
  margin-left: auto;
  margin-right: 0
}
.mdc-list-item__meta:not(.material-icons) {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .75rem;
  font-size: var(--mdc-typography-caption-font-size, .75rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: .0333333333em;
  letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-caption-text-transform, inherit)
}
.mdc-list-item[dir=rtl] .mdc-list-item__meta,
[dir=rtl] .mdc-list-item .mdc-list-item__meta {
  margin-left: 0;
  margin-right: auto
}
.mdc-list-item__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}
.mdc-list-item__text[for] {
  pointer-events: none
}
.mdc-list-item__primary-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
  line-height: normal;
  margin-bottom: -20px;
  display: block
}
.mdc-list-item__primary-text:before {
  display: inline-block;
  width: 0;
  height: 32px;
  content: "";
  vertical-align: 0
}
.mdc-list-item__primary-text:after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px
}
.mdc-list--dense .mdc-list-item__primary-text {
  display: block;
  margin-top: 0;
  line-height: normal;
  margin-bottom: -20px
}
.mdc-list--dense .mdc-list-item__primary-text:before {
  display: inline-block;
  width: 0;
  height: 24px;
  content: "";
  vertical-align: 0
}
.mdc-list--dense .mdc-list-item__primary-text:after {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: -20px
}
.mdc-list-item__secondary-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .875rem;
  font-size: var(--mdc-typography-body2-font-size, .875rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-body2-font-weight, 400);
  letter-spacing: .0178571429em;
  letter-spacing: var(--mdc-typography-body2-letter-spacing, .0178571429em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-body2-text-transform, inherit);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
  line-height: normal;
  display: block
}
.mdc-list-item__secondary-text:before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0
}
.mdc-list--dense .mdc-list-item__secondary-text {
  display: block;
  margin-top: 0;
  line-height: normal;
  font-size: inherit
}
.mdc-list--dense .mdc-list-item__secondary-text:before {
  display: inline-block;
  width: 0;
  height: 20px;
  content: "";
  vertical-align: 0
}
.mdc-list--dense .mdc-list-item {
  height: 40px
}
.mdc-list--dense .mdc-list-item__graphic {
  margin-left: 0;
  margin-right: 36px;
  width: 20px;
  height: 20px
}
.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
  margin-left: 36px;
  margin-right: 0
}
.mdc-list--avatar-list .mdc-list-item {
  height: 56px
}
.mdc-list--avatar-list .mdc-list-item__graphic {
  margin-left: 0;
  margin-right: 16px;
  width: 40px;
  height: 40px;
  border-radius: 50%
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
  margin-left: 16px;
  margin-right: 0
}
.mdc-list--two-line .mdc-list-item__text {
  align-self: flex-start
}
.mdc-list--two-line .mdc-list-item {
  height: 72px
}
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item,
.mdc-list--two-line.mdc-list--dense .mdc-list-item {
  height: 60px
}
.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  margin-left: 0;
  margin-right: 20px;
  width: 36px;
  height: 36px
}
.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
[dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  margin-left: 20px;
  margin-right: 0
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
  cursor: pointer
}
a.mdc-list-item {
  color: inherit;
  text-decoration: none
}
.mdc-list-divider {
  height: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid;
  border-bottom-color: rgba(0, 0, 0, .12)
}
.mdc-list-divider--padded {
  margin: 0 16px
}
.mdc-list-divider--inset {
  margin-left: 72px;
  margin-right: 0;
  width: calc(100% - 72px)
}
.mdc-list-group[dir=rtl] .mdc-list-divider--inset,
[dir=rtl] .mdc-list-group .mdc-list-divider--inset {
  margin-left: 0;
  margin-right: 72px
}
.mdc-list-divider--inset.mdc-list-divider--padded {
  width: calc(100% - 88px)
}
.mdc-list-group .mdc-list {
  padding: 0
}
.mdc-list-group__subheader {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: .009375em;
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  margin: .75rem 16px
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
  background-color: #000
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover:before {
  opacity: .04
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused:before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .12
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):after {
  transition: opacity .15s linear
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: .12
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
  opacity: .12
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
  background-color: #6200ee;
  background-color: var(--mdc-theme-primary, #6200ee)
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:hover:before {
  opacity: .16
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused:before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .24
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):after {
  transition: opacity .15s linear
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: .24
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.24
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
  opacity: .08
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
  background-color: #6200ee;
  background-color: var(--mdc-theme-primary, #6200ee)
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:hover:before {
  opacity: .12
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before,
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .2
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
  transition: opacity .15s linear
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: .2
}
:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.2
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after,
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
  background-color: #000
}
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused:before,
:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-menu-surface {
  display: none;
  position: absolute;
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  padding: 0;
  transform: scale(1);
  transform-origin: top left;
  opacity: 0;
  overflow: auto;
  will-change: transform, opacity;
  z-index: 8;
  transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1);
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
  background-color: #fff;
  background-color: var(--mdc-theme-surface, #fff);
  color: #000;
  color: var(--mdc-theme-on-surface, #000);
  border-radius: 4px;
  transform-origin-left: top left;
  transform-origin-right: top right
}
.mdc-menu-surface:focus {
  outline: none
}
.mdc-menu-surface--open {
  display: inline-block;
  transform: scale(1);
  opacity: 1
}
.mdc-menu-surface--animating-open {
  display: inline-block;
  transform: scale(.8);
  opacity: 0
}
.mdc-menu-surface--animating-closed {
  display: inline-block;
  opacity: 0;
  transition: opacity 75ms linear
}
.mdc-menu-surface[dir=rtl],
[dir=rtl] .mdc-menu-surface {
  transform-origin-left: top right;
  transform-origin-right: top left
}
.mdc-menu-surface--anchor {
  position: relative;
  overflow: visible
}
.mdc-menu-surface--fixed {
  position: fixed
}
.mdc-elevation-overlay {
  position: absolute;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s cubic-bezier(.4, 0, .2, 1);
  background-color: #fff
}
.mdc-menu {
  min-width: 112px
}
.mdc-menu .mdc-list,
.mdc-menu .mdc-list-item__graphic,
.mdc-menu .mdc-list-item__meta {
  color: rgba(0, 0, 0, .87)
}
.mdc-menu .mdc-list {
  position: relative
}
.mdc-menu .mdc-list .mdc-elevation-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}
.mdc-menu .mdc-list-divider {
  margin: 8px 0
}
.mdc-menu .mdc-list-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.mdc-menu .mdc-list-item--disabled {
  cursor: auto
}
.mdc-menu a.mdc-list-item .mdc-list-item__graphic,
.mdc-menu a.mdc-list-item .mdc-list-item__text {
  pointer-events: none
}
.mdc-menu__selection-group {
  padding: 0;
  fill: currentColor
}
.mdc-menu__selection-group .mdc-list-item {
  padding-left: 56px;
  padding-right: 16px
}
.mdc-menu__selection-group .mdc-list-item[dir=rtl],
[dir=rtl] .mdc-menu__selection-group .mdc-list-item {
  padding-left: 16px;
  padding-right: 56px
}
.mdc-menu__selection-group .mdc-menu__selection-group-icon {
  left: 16px;
  right: auto;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl],
[dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon {
  left: auto;
  right: 16px
}
.mdc-menu-item--selected .mdc-menu__selection-group-icon {
  display: inline
}
@-webkit-keyframes mdc-select-float-native-control {
  0% {
    transform: translateY(8px);
    opacity: 0
  }
  to {
    transform: translateY(0);
    opacity: 1
  }
}
@keyframes mdc-select-float-native-control {
  0% {
    transform: translateY(8px);
    opacity: 0
  }
  to {
    transform: translateY(0);
    opacity: 1
  }
}
.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
  color: #000;
  color: var(--mdc-theme-on-surface, #000)
}
.mdc-select--with-leading-icon .mdc-select__icon {
  display: inline-block;
  position: absolute;
  bottom: 16px;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: none;
  background-color: transparent;
  fill: currentColor;
  opacity: .54;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.mdc-select__icon:not([tabindex]),
.mdc-select__icon[tabindex="-1"] {
  cursor: default;
  pointer-events: none
}
.mdc-select-helper-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .75rem;
  font-size: var(--mdc-typography-caption-font-size, .75rem);
  line-height: 1.25rem;
  line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-caption-font-weight, 400);
  letter-spacing: .0333333333em;
  letter-spacing: var(--mdc-typography-caption-letter-spacing, .0333333333em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-caption-text-transform, inherit);
  display: block;
  line-height: normal;
  margin: 0;
  transition: opacity .18s cubic-bezier(.4, 0, .2, 1);
  opacity: 0;
  will-change: opacity
}
.mdc-select-helper-text:before {
  display: inline-block;
  width: 0;
  height: 16px;
  content: "";
  vertical-align: 0
}
.mdc-select-helper-text--persistent {
  transition: none;
  opacity: 1;
  will-change: auto
}
.mdc-select {
  position: relative
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: #f5f5f5
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  color: rgba(0, 0, 0, .87)
}
.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, .6)
}
.mdc-select:not(.mdc-select--disabled) .mdc-line-ripple:before {
  border-bottom-color: rgba(0, 0, 0, .42)
}
.mdc-select:not(.mdc-select--disabled) .mdc-select__anchor+.mdc-select-helper-text {
  color: rgba(0, 0, 0, .6)
}
.mdc-select .mdc-select__anchor {
  border-radius: 4px 4px 0 0
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple:after {
  border-bottom-color: #6200ee;
  border-bottom-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: rgba(98, 0, 238, .87)
}
.mdc-select:not(.mdc-select--disabled):hover .mdc-line-ripple:before {
  border-bottom-color: rgba(0, 0, 0, .87)
}
.mdc-select .mdc-floating-label {
  left: 16px;
  right: auto;
  top: 21px;
  pointer-events: none
}
.mdc-select .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select .mdc-floating-label {
  left: auto;
  right: 16px
}
.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
  left: 48px;
  right: auto
}
.mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
  left: auto;
  right: 48px
}
.mdc-select.mdc-select--outlined .mdc-floating-label {
  left: 4px;
  right: auto;
  top: 17px
}
.mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label {
  left: auto;
  right: 4px
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  left: 36px;
  right: auto
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  left: auto;
  right: 36px
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  left: 36px;
  right: auto
}
.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  left: auto;
  right: 36px
}
.mdc-select__dropdown-icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%;
  left: auto;
  right: 8px;
  position: absolute;
  bottom: 16px;
  width: 24px;
  height: 24px;
  transition: transform .15s cubic-bezier(.4, 0, .2, 1);
  pointer-events: none
}
.mdc-select__dropdown-icon[dir=rtl],
[dir=rtl] .mdc-select__dropdown-icon {
  left: 8px;
  right: auto
}
.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%236200ee' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}
.mdc-select--activated .mdc-select__dropdown-icon {
  transform: rotate(180deg) translateY(-5px);
  transition: transform .15s cubic-bezier(.4, 0, .2, 1)
}
.mdc-select__anchor {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: inline-flex;
  position: relative;
  box-sizing: border-box;
  height: 56px;
  overflow: hidden;
  will-change: opacity, transform, color
}
.mdc-select__anchor:after,
.mdc-select__anchor:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}
.mdc-select__anchor:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}
.mdc-select__anchor.mdc-ripple-upgraded:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-select__anchor.mdc-ripple-upgraded:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}
.mdc-select__anchor.mdc-ripple-upgraded--unbounded:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}
.mdc-select__anchor.mdc-ripple-upgraded--foreground-activation:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-select__anchor:after,
.mdc-select__anchor:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}
.mdc-select__anchor.mdc-ripple-upgraded:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-select__anchor:after,
.mdc-select__anchor:before {
  background-color: rgba(0, 0, 0, .87)
}
.mdc-select__anchor:hover:before {
  opacity: .04
}
.mdc-select__anchor.mdc-ripple-upgraded--background-focused:before,
.mdc-select__anchor:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-select__anchor .mdc-floating-label--float-above {
  transform: translateY(-70%) scale(.75)
}
.mdc-select__anchor.mdc-select--focused .mdc-line-ripple:after {
  transform: scaleY(2);
  opacity: 1
}
.mdc-select__anchor+.mdc-select-helper-text {
  margin-right: 12px;
  margin-left: 12px
}
.mdc-select--outlined .mdc-select__anchor+.mdc-select-helper-text {
  margin-right: 16px;
  margin-left: 16px
}
.mdc-select--focused .mdc-select__anchor+.mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
  opacity: 1
}
.mdc-select__selected-text {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: 1rem;
  font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  line-height: 1.75rem;
  line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  font-weight: 400;
  font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  letter-spacing: .009375em;
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
  text-decoration: inherit;
  -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  text-transform: inherit;
  text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  box-sizing: border-box;
  width: 100%;
  min-width: 200px;
  height: 56px;
  padding: 20px 52px 4px 16px;
  border: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
.mdc-select__selected-text[dir=rtl],
[dir=rtl] .mdc-select__selected-text {
  padding-left: 52px;
  padding-right: 16px
}
.mdc-select__selected-text::-ms-expand {
  display: none
}
.mdc-select__selected-text::-ms-value {
  background-color: transparent;
  color: inherit
}
@-moz-document url-prefix("") {
  .mdc-select__selected-text {
    text-indent: -2px
  }
}
.mdc-select--outlined {
  border: none
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .38)
}
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .87)
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
  border-color: #6200ee;
  border-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 4px 0 0 4px
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl],
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 0 4px 4px 0
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 4px 0 0 4px
}
.mdc-select--outlined .mdc-select__selected-text {
  border-radius: 4px
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
  background-color: transparent
}
.mdc-select--outlined .mdc-select__anchor {
  overflow: visible
}
.mdc-select--outlined .mdc-select__anchor:after,
.mdc-select--outlined .mdc-select__anchor:before {
  content: none
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
  animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}
.mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  transform: translateY(-144%) scale(1);
  font-size: .75rem
}
.mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) scale(.75);
  font-size: 1rem
}
.mdc-select--outlined .mdc-select__selected-text {
  display: flex;
  padding: 14px 52px 12px 16px;
  border: none;
  background-color: transparent;
  z-index: 1
}
.mdc-select--outlined .mdc-select__selected-text[dir=rtl],
[dir=rtl] .mdc-select--outlined .mdc-select__selected-text {
  padding-left: 52px;
  padding-right: 16px
}
.mdc-select--outlined .mdc-select__icon {
  z-index: 2
}
.mdc-select--outlined .mdc-floating-label {
  line-height: 1.15rem;
  pointer-events: auto
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  color: #b00020;
  color: var(--mdc-theme-error, #b00020)
}
.mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple:before,
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple:after {
  border-bottom-color: #b00020;
  border-bottom-color: var(--mdc-theme-error, #b00020)
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #b00020
}
.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid .mdc-select__anchor+.mdc-select-helper-text--validation-msg {
  color: #b00020;
  color: var(--mdc-theme-error, #b00020)
}
.mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple:before {
  border-bottom-color: #b00020;
  border-bottom-color: var(--mdc-theme-error, #b00020)
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #b00020;
  border-color: var(--mdc-theme-error, #b00020)
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width: 2px;
  border-color: #b00020;
  border-color: var(--mdc-theme-error, #b00020)
}
.mdc-select--invalid .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23b00020' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}
.mdc-select--invalid+.mdc-select-helper-text--validation-msg {
  opacity: 1
}
.mdc-select--required .mdc-floating-label:after {
  content: "*"
}
.mdc-select--disabled {
  cursor: default;
  pointer-events: none
}
.mdc-select--disabled .mdc-select__anchor {
  background-color: #fafafa
}
.mdc-select--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, .38)
}
.mdc-select--disabled .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.38' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}
.mdc-select--disabled .mdc-line-ripple:before {
  border-bottom-color: rgba(0, 0, 0, .38);
  border-bottom-style: dotted
}
.mdc-select--disabled .mdc-select__icon {
  color: rgba(0, 0, 0, .38)
}
.mdc-select--disabled .mdc-select__selected-text {
  color: rgba(0, 0, 0, .38);
  pointer-events: none
}
.mdc-select--disabled.mdc-select--outlined .mdc-select__anchor {
  background-color: transparent
}
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .16)
}
.mdc-select--no-label:not(.mdc-select--outlined) .mdc-select__anchor .mdc-select__selected-text {
  padding-top: 14px
}
.mdc-select--with-leading-icon .mdc-select__icon {
  left: 16px;
  right: auto
}
.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon {
  left: auto;
  right: 16px
}
.mdc-select--with-leading-icon .mdc-select__selected-text {
  padding-left: 48px;
  padding-right: 32px
}
.mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text {
  padding-left: 32px;
  padding-right: 48px
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(-32px) scale(1)
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  transform: translateY(-144%) translateX(32px) scale(1)
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  font-size: .75rem
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(-32px) scale(.75)
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  transform: translateY(-130%) translateX(32px) scale(.75)
}
.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 1rem
}
.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon .25s 1;
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon .25s 1
}
.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake,
[dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl .25s 1;
  animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl .25s 1
}
.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text,
.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl],
[dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
  padding-left: 32px;
  padding-right: 32px
}
.mdc-select__menu .mdc-list .mdc-list-item--selected {
  color: #000;
  color: var(--mdc-theme-on-surface, #000)
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:after,
.mdc-select__menu .mdc-list .mdc-list-item--selected:before {
  background-color: #000;
  background-color: var(--mdc-theme-on-surface, #000)
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:hover:before {
  opacity: .04
}
.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before,
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
  transition: opacity .15s linear
}
.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12
}
@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  0% {
    transform: translateX(-32px) translateY(-130%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
  }
  to {
    transform: translateX(-32px) translateY(-130%) scale(.75)
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  0% {
    transform: translateX(-32px) translateY(-130%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
  }
  to {
    transform: translateX(-32px) translateY(-130%) scale(.75)
  }
}
@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  0% {
    transform: translateX(32px) translateY(-130%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
  }
  to {
    transform: translateX(32px) translateY(-130%) scale(.75)
  }
}
@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  0% {
    transform: translateX(32px) translateY(-130%) scale(.75)
  }
  33% {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);
    transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
  }
  66% {
    -webkit-animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);
    transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
  }
  to {
    transform: translateX(32px) translateY(-130%) scale(.75)
  }
}
.mdc-tab-bar {
  width: 100%
}
.mdc-tab {
  height: 48px
}
.mdc-tab--stacked {
  height: 72px
}
.mdc-tab-scroller {
  overflow-y: hidden
}
.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  transition: transform .25s cubic-bezier(.4, 0, .2, 1)
}
.mdc-tab-scroller__test {
  position: absolute;
  top: -9999px;
  width: 100px;
  height: 100px;
  overflow-x: scroll
}
.mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-x: hidden
}
.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
.mdc-tab-scroller__test::-webkit-scrollbar {
  display: none
}
.mdc-tab-scroller__scroll-area--scroll {
  overflow-x: scroll
}
.mdc-tab-scroller__scroll-content {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  transform: none;
  will-change: transform
}
.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  justify-content: flex-start
}
.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  justify-content: flex-end
}
.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  justify-content: center
}
.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: auto
}
.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-color: #6200ee;
  border-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
  color: #018786;
  color: var(--mdc-theme-secondary, #018786)
}
.mdc-tab-indicator .mdc-tab-indicator__content--underline {
  border-top-width: 2px
}
.mdc-tab-indicator .mdc-tab-indicator__content--icon {
  height: 34px;
  font-size: 34px
}
.mdc-tab-indicator__content {
  transform-origin: left;
  opacity: 0
}
.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  box-sizing: border-box;
  width: 100%;
  border-top-style: solid
}
.mdc-tab-indicator__content--icon {
  align-self: center;
  margin: 0 auto
}
.mdc-tab-indicator--active .mdc-tab-indicator__content {
  opacity: 1
}
.mdc-tab-indicator .mdc-tab-indicator__content {
  transition: transform .25s cubic-bezier(.4, 0, .2, 1)
}
.mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  transition: none
}
.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition: opacity .15s linear
}
.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  transition-delay: .1s
}
.mdc-tab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Roboto, sans-serif;
  font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  font-size: .875rem;
  font-size: var(--mdc-typography-button-font-size, .875rem);
  line-height: 2.25rem;
  line-height: var(--mdc-typography-button-line-height, 2.25rem);
  font-weight: 500;
  font-weight: var(--mdc-typography-button-font-weight, 500);
  letter-spacing: .0892857143em;
  letter-spacing: var(--mdc-typography-button-letter-spacing, .0892857143em);
  text-decoration: none;
  -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-decoration: var(--mdc-typography-button-text-decoration, none);
  text-transform: uppercase;
  text-transform: var(--mdc-typography-button-text-transform, uppercase);
  position: relative;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0 24px;
  border: none;
  outline: none;
  background: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1
}
.mdc-tab .mdc-tab__text-label {
  color: rgba(0, 0, 0, .6)
}
.mdc-tab .mdc-tab__icon {
  color: rgba(0, 0, 0, .54);
  fill: currentColor
}
.mdc-tab::-moz-focus-inner {
  padding: 0;
  border: 0
}
.mdc-tab--min-width {
  flex: 0 1 auto
}
.mdc-tab__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none
}
.mdc-tab__text-label {
  display: inline-block;
  line-height: 1
}
.mdc-tab__icon,
.mdc-tab__text-label {
  transition: color .15s linear;
  z-index: 2
}
.mdc-tab__icon {
  width: 24px;
  height: 24px;
  font-size: 24px
}
.mdc-tab--stacked .mdc-tab__content {
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.mdc-tab--stacked .mdc-tab__text-label {
  padding-top: 6px;
  padding-bottom: 4px
}
.mdc-tab--active .mdc-tab__icon,
.mdc-tab--active .mdc-tab__text-label {
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee)
}
.mdc-tab--active .mdc-tab__icon {
  fill: currentColor
}
.mdc-tab--active .mdc-tab__icon,
.mdc-tab--active .mdc-tab__text-label {
  transition-delay: .1s
}
.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
  padding-left: 8px;
  padding-right: 0
}
.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl],
[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
  padding-left: 0;
  padding-right: 8px
}
.mdc-tab__ripple {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.mdc-tab__ripple:after,
.mdc-tab__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}
.mdc-tab__ripple:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}
.mdc-tab__ripple.mdc-ripple-upgraded:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-tab__ripple.mdc-ripple-upgraded:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}
.mdc-tab__ripple.mdc-ripple-upgraded--unbounded:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}
.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-tab__ripple:after,
.mdc-tab__ripple:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}
.mdc-tab__ripple.mdc-ripple-upgraded:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-tab__ripple:after,
.mdc-tab__ripple:before {
  background-color: #6200ee;
  background-color: var(--mdc-theme-primary, #6200ee)
}
.mdc-tab__ripple:hover:before {
  opacity: .04
}
.mdc-tab__ripple.mdc-ripple-upgraded--background-focused:before,
.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded):after {
  transition: opacity .15s linear
}
.mdc-tab__ripple:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-tab__ripple.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12
}
.mdc-radio {
  padding: 10px;
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  width: 20px;
  height: 20px;
  cursor: pointer;
  will-change: opacity, transform, border-color, color
}
.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(0, 0, 0, .54)
}
.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: #018786;
  border-color: var(--mdc-theme-secondary, #018786)
}
.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: rgba(0, 0, 0, .38)
}
.mdc-radio .mdc-radio__background:before {
  background-color: #018786;
  background-color: var(--mdc-theme-secondary, #018786);
  top: -10px;
  left: -10px;
  width: 40px;
  height: 40px
}
.mdc-radio .mdc-radio__native-control {
  top: 0;
  right: 0;
  left: 0;
  width: 40px;
  height: 40px
}
.mdc-radio__background {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 20px;
  height: 20px
}
.mdc-radio__background:before {
  position: absolute;
  transform: scale(0);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: "";
  transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-radio__outer-circle {
  border-width: 2px;
  transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-radio__inner-circle,
.mdc-radio__outer-circle {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-style: solid;
  border-radius: 50%
}
.mdc-radio__inner-circle {
  transform: scale(0);
  border-width: 10px;
  transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms
}
.mdc-radio__native-control {
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  cursor: inherit;
  z-index: 1
}
.mdc-radio--touch {
  margin: 4px
}
.mdc-radio--touch .mdc-radio__native-control {
  top: -4px;
  right: -4px;
  left: -4px;
  width: 48px;
  height: 48px
}
.mdc-radio__native-control:checked+.mdc-radio__background,
.mdc-radio__native-control:disabled+.mdc-radio__background {
  transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}
.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
  transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}
.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,
.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
  transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}
.mdc-radio--disabled {
  cursor: default;
  pointer-events: none
}
.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
  transform: scale(.5);
  transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}
.mdc-radio__native-control:disabled+.mdc-radio__background,
[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background {
  cursor: default
}
.mdc-radio__native-control:focus+.mdc-radio__background:before {
  transform: scale(1);
  opacity: .12;
  transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}
.mdc-radio {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mdc-radio .mdc-radio__ripple:after,
.mdc-radio .mdc-radio__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}
.mdc-radio .mdc-radio__ripple:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple:before {
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple:after {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: center center
}
.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple:after {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0)
}
.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}
.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}
.mdc-radio .mdc-radio__ripple:after,
.mdc-radio .mdc-radio__ripple:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple:after,
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple:before {
  top: var(--mdc-ripple-top, 0);
  left: var(--mdc-ripple-left, 0);
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple:after {
  width: var(--mdc-ripple-fg-size, 100%);
  height: var(--mdc-ripple-fg-size, 100%)
}
.mdc-radio .mdc-radio__ripple:after,
.mdc-radio .mdc-radio__ripple:before {
  background-color: #018786;
  background-color: var(--mdc-theme-secondary, #018786)
}
.mdc-radio:hover .mdc-radio__ripple:before {
  opacity: .04
}
.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple:before,
.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple:before {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple:after {
  transition: opacity .15s linear
}
.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple:after {
  transition-duration: 75ms;
  opacity: .12
}
.mdc-radio.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12
}
.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background:before {
  content: none
}
.mdc-radio__ripple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}
.mdc-text-field:not(.mdc-text-field--textarea) {
  height: 50px
}
.mdc-text-field {
  margin-bottom: 8px;
  width: 100%;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400
}
.mdc-text-field.mdc-text-field--invalid+.mdc-text-field-helper-line {
  margin-bottom: 12px
}
.mdc-text-field.mdc-text-field--invalid+.mdc-text-field-helper-line .password-helper {
  opacity: 0
}
.mdc-text-field:not(.mdc-text-field--textarea) {
  max-width: 380px
}
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 0 !important
}
.mdc-text-field--outlined .mdc-text-field__input {
  padding-bottom: 12px !important
}
.mdc-text-field__input[type=number] {
  text-align: center;
  padding: 12px 2px 14px 16px
}
.mdc-checkbox {
  padding: 0;
  margin-right: 15px
}
.mdc-checkbox .mdc-checkbox__native-control {
  width: 19px;
  height: 19px
}
.mdc-checkbox .mdc-checkbox__background {
  top: 0;
  left: 0;
  border-radius: 0
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #dfdfdf
}
.mdc-checkbox-wrap {
  position: relative
}
.mdc-checkbox {
  position: absolute;
  top: 0;
  left: 0
}
.mdc-checkbox+label {
  color: #686868;
  padding-left: 33px;
  display: inline-block;
  font-size: .8888888889rem;
  line-height: normal;
  vertical-align: top
}
.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
  border-color: #dfdfdf
}
.mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate)~.mdc-checkbox__background {
  border-color: #dfdfdf
}
.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
.mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
  background-color: #fff
}
.mdc-checkbox__checkmark-path {
  stroke: #000
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .87)
}
.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background:before,
.mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background:before {
  background-color: #fff
}
.mdc-checkbox-helper-text--validation-msg {
  opacity: 0;
  padding-left: 33px;
  color: #ff5252
}
.mdc-checkbox--invalid .mdc-checkbox__background {
  border-color: #ff5252 !important
}
.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,
.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background {
  -webkit-animation: none;
  animation: none
}
.mdc-text-field+.mdc-text-field-helper-line {
  padding: 0
}
.mdc-select {
  margin-bottom: 8px
}
.mdc-select .mdc-select__anchor {
  width: 100%;
  height: 50px
}
.mdc-select.mdc-select--invalid+.mdc-select-helper-line .mdc-select-helper-text--validation-msg {
  opacity: 1;
  color: #ff5252
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  border-radius: 0
}
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: #dfdfdf
}
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #000
}
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, .87)
}
.mdc-select__menu {
  width: 100%;
  border-radius: 0;
  border: 1px solid #dfdfdf
}
.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-radius: 0
}
.mdc-select--outlined .mdc-select__selected-text {
  border-radius: 0;
  height: 50px;
  padding-top: 10px
}
.mdc-select__dropdown-icon {
  bottom: 10px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' viewBox='0 0 330 330' fill='%2323686868'%3E%3Cpath d='M325.607 79.393c-5.857-5.857-15.355-5.858-21.213.001l-139.39 139.393L25.607 79.393c-5.857-5.857-15.355-5.858-21.213.001-5.858 5.858-5.858 15.355 0 21.213l150.004 150a14.999 14.999 0 0021.212-.001l149.996-150c5.859-5.857 5.859-15.355.001-21.213z'/%3E%3C/svg%3E") no-repeat 50%
}
.mdc-radio-wrap {
  position: relative
}
.mdc-radio {
  position: absolute;
  top: 3px;
  left: 0;
  padding: 0
}
.mdc-radio+label {
  padding-left: 33px;
  display: inline-block;
  line-height: normal;
  vertical-align: top
}
.mdc-radio .mdc-radio__background:before {
  background-color: #fff;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px
}
.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: #dfdfdf
}
.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
  transform: scale(.6)
}
.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: #dfdfdf
}
.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: #861f41
}
.mdc-list-item,
.mdc-select__selected-text,
.mdc-text-field__input {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #ff5252;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400
}
@media(max-width:600px) {
  .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    font-size: .6666666667rem;
    line-height: normal
  }
}
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #ff5252
}
.mdc-text-field .toggle-password {
  position: absolute;
  right: 14px;
  top: 15px;
  font-size: 1rem;
  color: #686868;
  z-index: 2;
  cursor: pointer
}
.mdc-select--activated .mdc-select__dropdown-icon {
  transform: rotate(180deg) translateY(0)
}
.mdc-select--focused .mdc-select__dropdown-icon {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' viewBox='0 0 330 330' fill='%23686868'%3E%3Cpath d='M325.607 79.393c-5.857-5.857-15.355-5.858-21.213.001l-139.39 139.393L25.607 79.393c-5.857-5.857-15.355-5.858-21.213.001-5.858 5.858-5.858 15.355 0 21.213l150.004 150a14.999 14.999 0 0021.212-.001l149.996-150c5.859-5.857 5.859-15.355.001-21.213z'/%3E%3C/svg%3E") no-repeat 50%
}
.mdc-notched-outline--notched .mdc-notched-outline__notch {
  display: none
}
.mdc-floating-label {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  color: #cbcbcb !important
}
.mdc-select.mdc-select--outlined .mdc-floating-label {
  top: 50%;
  transform: translateY(-50%)
}
.mdc-list-item:after,
.mdc-list-item:before {
  content: none !important
}
.mdc-list-item.mdc-list-item--selected,
.mdc-list-item:hover {
  background: #fff;
  color: #861f41
}
.password-helper {
  white-space: nowrap;
  opacity: 1;
  font-size: .8888888889rem;
  color: #686868 !important;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400
}
@media(max-width:600px) {
  .password-helper {
    font-size: .6666666667rem
  }
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translateZ(0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0)
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}
.owl-carousel.owl-loaded {
  display: block
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}
.owl-carousel.owl-hidden {
  opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}
.owl-carousel.owl-rtl {
  direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
  float: right
}
.no-js .owl-carousel {
  display: block
}
.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
  z-index: 0
}
.owl-carousel .owl-animated-out {
  z-index: 1
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
.owl-height {
  transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/themes/kohersen/img/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none
}
.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791
}
:root {
  --mm-ocd-width: 80%;
  --mm-ocd-min-width: 200px;
  --mm-ocd-max-width: 440px
}
body.mm-ocd-opened {
  overflow-y: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: none
}
.mm-ocd {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 100%;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  background: transparent;
  transition-property: bottom, background-color;
  transition-duration: 0s, .3s;
  transition-timing-function: ease;
  transition-delay: .45s, .15s
}
.mm-ocd--open {
  bottom: 0;
  background: rgba(0, 0, 0, .25);
  transition-delay: 0s
}
.mm-ocd__content {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: 80%;
  width: var(--mm-ocd-width);
  min-width: 200px;
  min-width: var(--mm-ocd-min-width);
  max-width: 440px;
  max-width: var(--mm-ocd-max-width);
  background: #fff;
  transition-property: transform;
  transition-duration: .3s;
  transition-timing-function: ease
}
.mm-ocd--left .mm-ocd__content {
  left: 0;
  transform: translate3d(-100%, 0, 0)
}
.mm-ocd--right .mm-ocd__content {
  right: 0;
  transform: translate3d(100%, 0, 0)
}
.mm-ocd--open .mm-ocd__content {
  transform: translateZ(0)
}
.mm-ocd__backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  width: 20%;
  width: calc(100% - var(--mm-ocd-width));
  min-width: calc(100% - 440px);
  min-width: calc(100% - var(--mm-ocd-max-width));
  max-width: calc(100% - 200px);
  max-width: calc(100% - var(--mm-ocd-min-width));
  background: rgba(3, 2, 1, 0)
}
.mm-ocd--left .mm-ocd__backdrop {
  right: 0
}
.mm-ocd--right .mm-ocd__backdrop {
  left: 0
}
.mm-spn,
.mm-spn a,
.mm-spn li,
.mm-spn span,
.mm-spn ul {
  display: block;
  padding: 0;
  margin: 0;
  box-sizing: border-box
}
:root {
  --mm-spn-item-height: 50px;
  --mm-spn-item-indent: 20px;
  --mm-spn-line-height: 24px
}
.mm-spn {
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  transform: translateX(0)
}
.mm-spn ul {
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 0;
  left: 100%;
  bottom: 0;
  z-index: 2;
  width: 130%;
  padding-right: 30%;
  line-height: 24px;
  line-height: var(--mm-spn-line-height);
  overflow: visible;
  overflow-y: auto;
  background: inherit;
  transition: left .3s ease 0s;
  cursor: default
}
.mm-spn ul:after {
  content: "";
  display: block;
  height: 50px;
  height: var(--mm-spn-item-height)
}
.mm-spn>ul,
.mm-spn ul.mm-spn--open {
  left: 0
}
.mm-spn ul.mm-spn--parent {
  left: -30%;
  overflow-y: hidden
}
.mm-spn li {
  position: relative;
  background: inherit;
  cursor: pointer
}
.mm-spn li:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height)/2);
  right: 25px;
  right: calc(var(--mm-spn-item-height)/2);
  z-index: 0;
  width: 10px;
  height: 10px;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg) translateY(-50%);
  opacity: .4
}
.mm-spn li:after {
  content: "";
  display: block;
  margin-left: 20px;
  margin-left: var(--mm-spn-item-indent);
  border-top: 1px solid;
  opacity: .15
}
.mm-spn a,
.mm-spn span {
  position: relative;
  z-index: 1;
  padding: 13px 20px;
  padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/2) var(--mm-spn-item-indent)
}
.mm-spn a {
  background: inherit;
  color: inherit;
  text-decoration: none
}
.mm-spn a:not(:last-child) {
  width: calc(100% - 50px);
  width: calc(100% - var(--mm-spn-item-height))
}
.mm-spn a:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid;
  opacity: .15
}
.mm-spn span {
  background: transparent
}
.mm-spn.mm-spn--navbar {
  cursor: pointer
}
.mm-spn.mm-spn--navbar:before {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  top: calc(var(--mm-spn-item-height)/2);
  left: 20px;
  left: var(--mm-spn-item-indent);
  width: 10px;
  height: 10px;
  margin-top: 2px;
  border-top: 2px solid;
  border-left: 2px solid;
  transform: rotate(-45deg) translate(50%, -50%);
  opacity: .4
}
.mm-spn.mm-spn--navbar.mm-spn--main {
  cursor: default
}
.mm-spn.mm-spn--navbar.mm-spn--main:before {
  content: none;
  display: none
}
.mm-spn.mm-spn--navbar:after {
  content: attr(data-mm-spn-title);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  height: var(--mm-spn-item-height);
  padding: 0 40px;
  padding: 0 calc(var(--mm-spn-item-indent) * 2);
  line-height: 50px;
  line-height: var(--mm-spn-item-height);
  opacity: .4;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}
.mm-spn.mm-spn--navbar.mm-spn--main:after {
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent)
}
.mm-spn.mm-spn--navbar ul {
  top: 51px;
  top: calc(var(--mm-spn-item-height) + 1px)
}
.mm-spn.mm-spn--navbar ul:before {
  content: "";
  display: block;
  position: fixed;
  top: inherit;
  z-index: 2;
  width: 100%;
  border-top: 1px solid;
  opacity: .15
}
.mm-spn.mm-spn--light {
  color: #444;
  background: #f3f3f3
}
.mm-spn.mm-spn--dark {
  color: #ddd;
  background: #333
}
.mm-spn.mm-spn--vertical {
  overflow-y: auto
}
.mm-spn.mm-spn--vertical ul {
  width: 100%;
  padding-right: 0;
  position: static
}
.mm-spn.mm-spn--vertical ul ul {
  display: none;
  padding-left: 20px;
  padding-left: var(--mm-spn-item-indent)
}
.mm-spn.mm-spn--vertical ul ul:after {
  height: 25px;
  height: calc(var(--mm-spn-item-height)/2)
}
.mm-spn.mm-spn--vertical ul.mm-spn--open {
  display: block
}
.mm-spn.mm-spn--vertical li.mm-spn--open:before {
  transform: rotate(135deg) translate(-50%)
}
.mm-spn.mm-spn--vertical ul ul li:last-child:after {
  content: none;
  display: none
}
body.lb-disable-scrolling {
  overflow: hidden
}
.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: .8;
  display: none
}
.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: 400;
  outline: none;
  margin-top: 50px
}
.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none
}
.lightbox a img {
  border: none
}
.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  background-color: #fff
}
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both
}
.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0
}
.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/themes/kohersen/img/loading.gif) no-repeat
}
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10
}
.lb-container>.nav {
  left: 0
}
.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==")
}
.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block
}
.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/themes/kohersen/img/prev.png) left 20px top 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity .6s
}
.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}
.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/themes/kohersen/img/next.png) right 20px top 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity .6s
}
.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: absolute;
  right: 35px;
  top: 0;
  transform: translateY(-100%)
}
@media(max-width:1024px) {
  .lb-dataContainer {
    right: 0
  }
}
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both
}
.lb-data {
  padding: 0 4px;
  color: #ccc
}
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em
}
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em
}
.lb-data .lb-caption a {
  color: #4ae
}
.lb-data .lb-number {
  display: none !important;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999
}
.lb-data .lb-close {
  display: block;
  float: right;
  width: 48px;
  height: 48px;
  background-color: #313131;
  text-align: right;
  outline: none;
  position: relative
}
.lb-data .lb-close:after,
.lb-data .lb-close:before {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 2px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 0 0
}
.lb-data .lb-close:before {
  transform: rotate(-45deg) translate(-50%, -50%)
}
.lb-data .lb-close:after {
  transform: rotate(45deg) translate(-50%, -50%)
}
.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1
}
body.sticky-header #header {
  top: -47px
}
@media(max-width:735px) {
  body.sticky-header #header {
    top: 0
  }
}
body.sticky-header #page-content {
  padding-top: 90px
}
@media(max-width:1024px) {
  body.sticky-header #page-content {
    padding-top: 75px
  }
}
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 11;
  background-color: #fff;
  transition: top .3s
}
.top-bar {
  width: 93.5%;
  text-align: center;
  font-size: .9444444444rem;
  line-height: 2.7647058824em
}
@media(max-width:1024px) {
  .top-bar {
    width: 100%
  }
}
@media(max-width:735px) {
  .top-bar {
    display: none
  }
}
.top-bar p {
  display: inline-block;
  margin: 0 50px
}
@media(max-width:1280px) {
  .top-bar p {
    margin: 0 25px
  }
}
.top-bar i {
  font-size: 1.2777777778rem
}
.top-bar a:not(.maroon) {
  color: #000
}
.top-bar a {
  padding: 0 20px
}
.top-bar .float {
  float: right
}
@media(max-width:1024px) {
  .top-bar .float {
    display: none
  }
}
#kohersen-logo {
  max-width: 170px
}
@media(max-width:1024px) {
  #kohersen-logo {
    max-width: 140px;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}
.primary-nav {
  background-color: #000;
  height: 90px;
  position: relative
}
@media(max-width:1024px) {
  .primary-nav {
    height: 75px
  }
}
.primary-nav__wrap {
  width: 88%;
  margin: auto;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center
}
@media(max-width:1280px) {
  .primary-nav__wrap {
    width: 92%
  }
}
.primary-nav__wrap>ul>li {
  display: inline-block;
  position: relative;
  vertical-align: middle
}
@media(max-width:1024px) {
  .primary-nav__wrap>ul>li {
    position: static
  }
}
.primary-nav__wrap>ul>li>a {
  position: relative;
  display: inline-block;
  padding: 0 35px;
  color: #fff;
  font-size: 1.0555555556rem;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400
}
.primary-nav__wrap>ul>li>a.maroon {
  color: #861f41
}
@media(max-width:1280px) {
  .primary-nav__wrap>ul>li>a {
    padding: 0 25px
  }
}
.primary-nav__wrap>ul>li:not(.primary-nav__products):not(.primary-nav__cart):not(.primary-nav__search)>a {
  transition: color .3s
}
.primary-nav__wrap>ul>li:not(.primary-nav__products):not(.primary-nav__cart):not(.primary-nav__search)>a:hover {
  color: #861f41
}
@media(max-width:1024px) {
  .primary-nav__wrap>ul>li:not(.primary-nav__cart):not(.primary-nav__search) {
    display: none
  }
}
.primary-nav__wrap>ul>li>a {
  line-height: 90px;
  vertical-align: middle
}
@media(max-width:1024px) {
  .primary-nav__wrap>ul>li>a {
    line-height: 75px
  }
}
.primary-nav__products i {
  color: #861f41;
  font-size: 1.9444444444rem;
  margin-right: 20px
}
.primary-nav__products>ul {
  display: none;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  flex-wrap: wrap;
  width: 820px;
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  border-top: 1px solid hsla(0, 0%, 100%, .2);
  padding: 20px 10px;
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1)
}
.primary-nav__products>ul a {
  line-height: normal;
  color: #000;
  padding: 20px 9px;
  font-size: 16px;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  display: block;
  vertical-align: middle
}
.primary-nav__products>ul a i {
  vertical-align: middle
}
.primary-nav__products:hover ul {
  display: flex
}
.primary-nav__cart:hover ul {
  display: block
}
.primary-nav__cart:hover,
.primary-nav__products:hover,
.primary-nav__search:hover {
  color: #fff
}
.primary-nav__cart:hover:before,
.primary-nav__products:hover:before,
.primary-nav__search:hover:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff
}
@media(max-width:1024px) {
  .primary-nav__cart:hover:before,
  .primary-nav__products:hover:before,
  .primary-nav__search:hover:before {
    display: none
  }
}
.primary-nav__search:hover:before {
  left: auto;
  right: 23px
}
.primary-nav__cart>span {
  line-height: 90px
}
@media(max-width:1024px) {
  .primary-nav__cart>span {
    line-height: 75px;
    cursor: pointer
  }
}
.primary-nav__cart img {
  padding: 0 22px;
  vertical-align: middle
}
@media(max-width:1024px) {
  .primary-nav__cart img {
    padding: 0
  }
}
@media(min-width:1025px) {
  .primary-nav__cart:hover:hover .primary-nav__cart-hover {
    display: block
  }
}
@media(max-width:1024px) {
  .primary-nav__cart.active .primary-nav__cart-hover {
    display: block
  }
}
.primary-nav__cart-hover {
  display: none;
  position: absolute;
  padding: 12px 0;
  width: 286px;
  z-index: 2;
  top: 100%;
  right: -100%;
  background-color: #fff;
  font-size: .8888888889rem;
  text-align: center;
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1);
  color: #000;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 137px)
}
@media(max-width:1280px) {
  .primary-nav__cart-hover {
    right: -65%
  }
}
@media(max-width:1024px) {
  .primary-nav__cart-hover {
    left: 0;
    right: 0;
    width: auto;
    max-height: calc(100vh - 122px)
  }
  .primary-nav__cart-hover ul {
    width: 60%;
    margin: auto
  }
}
@media(max-width:735px) {
  .primary-nav__cart-hover {
    max-height: calc(100vh - 75px)
  }
  .primary-nav__cart-hover ul {
    width: 100%
  }
}
.primary-nav__cart-hover li {
  padding-left: 20px;
  padding-right: 20px;
  text-align: left
}
.primary-nav__cart-hover .price {
  color: #757575
}
.primary-nav__cart-hover button {
  font-size: .8888888889rem
}
.primary-nav__cart-hover .cart-continue-shopping {
  display: none
}
@media(max-width:1024px) {
  .primary-nav__cart-hover .cart-continue-shopping {
    display: block;
    margin: 12px auto 0
  }
}
.primary-nav__cart-hover__sum {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  padding: 5px 20px;
  margin-bottom: 12px;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  border-bottom: 1px solid #dfdfdf
}
.primary-nav__cart-hover__sum:before {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #dfdfdf
}
@media(max-width:1024px) {
  .primary-nav__cart-hover__sum {
    width: 60%;
    margin: 0 auto 12px;
    border: none
  }
  .primary-nav__cart-hover__sum:after {
    content: "";
    display: block;
    width: 100vw;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background-color: #dfdfdf;
    transform: translateX(-50%)
  }
}
@media(max-width:735px) {
  .primary-nav__cart-hover__sum {
    width: 100%
  }
}
.primary-nav__search {
  line-height: 90px
}
@media(max-width:1024px) {
  .primary-nav__search {
    line-height: 75px;
    cursor: pointer
  }
}
.primary-nav__search img {
  padding: 0 22px 0 45px;
  vertical-align: middle
}
@media(max-width:1024px) {
  .primary-nav__search img {
    padding: 0 25px 0 0
  }
}
@media(min-width:1025px) {
  .primary-nav__search:hover:hover .primary-nav__search-hover {
    display: block
  }
}
@media(max-width:1024px) {
  .primary-nav__search.active .primary-nav__search-hover {
    display: block
  }
}
.primary-nav__search-hover {
  display: none;
  position: absolute;
  padding: 25px 35px;
  z-index: 2;
  top: 100%;
  right: -90%;
  width: 690px;
  background-color: #fff;
  font-size: .8888888889rem;
  line-height: normal;
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1)
}
@media(max-width:1280px) {
  .primary-nav__search-hover {
    padding: 25px;
    width: 620px
  }
}
@media(max-width:1024px) {
  .primary-nav__search-hover {
    left: 0;
    right: 0;
    width: auto
  }
}
.primary-nav__search-hover input {
  border: none;
  font-size: 1.0555555556rem;
  width: 100%
}
.primary-nav__search-hover input::-moz-placeholder {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  color: #686868
}
.primary-nav__search-hover input:-ms-input-placeholder {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  color: #686868
}
.primary-nav__search-hover input::placeholder {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  color: #686868
}
.primary-nav__search-hover input::-webkit-search-cancel-button {
  display: none
}
.primary-nav__cart__icon {
  position: relative
}
.primary-nav__cart__icon span {
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translateX(-50%);
  line-height: normal;
  color: #fff;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  font-size: .8333333333rem
}
@media(max-width:600px) {
  .primary-nav__cart__icon span {
    top: 5px
  }
}
#contact-button-fixed {
  position: fixed;
  right: -1px;
  top: 35%;
  width: 55px;
  height: 55px;
  background-color: #fff;
  border: 1px solid #000;
  z-index: 100;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer
}
@media(max-width:1024px) {
  #contact-button-fixed {
    display: none
  }
}
#contact-button-fixed i {
  font-size: 1.6666666667rem
}
#contact-button-fixed i:before {
  margin-right: 0
}
.main-footer {
  background-color: #000;
  color: #fff;
  font-size: 1.0555555556rem;
  line-height: normal;
  background-image: url(/themes/kohersen/img/watermark.png);
  background-repeat: no-repeat;
  background-position: 30% bottom
}
.main-footer a {
  color: #fff;
  transition: opacity .3s
}
.main-footer a:hover {
  opacity: .7
}
.footer-nav {
  width: 73.5%;
  margin: auto;
  padding: 115px 0 65px
}
@media(max-width:1280px) {
  .footer-nav {
    width: 90%
  }
}
@media(max-width:1024px) {
  .footer-nav {
    padding: 115px 0 0
  }
}
@media(max-width:600px) {
  .footer-nav {
    padding: 50px 0 0
  }
}
.footer-nav>ul {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between
}
@media(max-width:1024px) {
  .footer-nav>ul {
    flex-wrap: wrap
  }
}
@media(max-width:1024px) {
  .footer-nav>ul>li {
    width: 48%;
    margin-bottom: 65px
  }
}
@media(max-width:600px) {
  .footer-nav>ul>li {
    width: 100%;
    margin-bottom: 35px
  }
}
.footer-nav>ul>li>a {
  display: block;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 25px
}
@media(max-width:600px) {
  .footer-nav>ul>li>a {
    margin-bottom: 15px
  }
}
.social-media-nav p {
  font-weight: 400;
  margin-bottom: 25px
}
.social-media-nav .bold {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
}
.social-media-nav a {
  display: block;
  padding-right: 7px;
  opacity: .6;
  transition: opacity .3s
}
.social-media-nav a:hover {
  opacity: 1
}
.social-media-nav i {
  font-size: 1.6666666667rem
}
.footer-bottom__nav li,
.social-media-nav li {
  display: inline-block
}
.social-media-nav ul.social-media-urls li{
  padding-bottom: 5px;
}
.social-media-urls .icon-tiktok:before {
  position: relative;
  left: -4px;
}
.footer-bottom {
  width: 73.5%;
  margin: auto;
  padding: 50px 0;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between
}
@media(max-width:1280px) {
  .footer-bottom {
    width: 90%
  }
}
@media(max-width:600px) {
  .footer-bottom {
    flex-wrap: wrap
  }
}
.footer-bottom li:not(:last-child) {
  margin-right: 70px
}
@media(max-width:600px) {
  .footer-bottom span {
    display: block;
    text-align: center;
    width: 100%;
    padding-top: 35px
  }
}
@media(max-width:600px) {
  .footer-bottom__nav {
    order: -1;
    width: 100%
  }
  .footer-bottom__nav li {
    display: block;
    margin-bottom: 15px
  }
}
.btn {
  height: 50px;
  font-size: 1.1111111111rem;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  text-align: center;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  cursor: pointer;
  max-width: 100%;
  transition: all .3s
}
@media(max-width:600px) {
  .btn {
    font-size: .8888888889rem
  }
}
.btn--white {
  border: 2px solid #861f41;
  background-color: #fff;
  color: #861f41
}
@media(min-width:1025px) {
  .btn--white:hover {
    background-color: #861f41;
    color: #fff
  }
}
.btn--maroon {
  border: 2px solid #861f41;
  background-color: #861f41;
  color: #fff
}
@media(min-width:1025px) {
  .btn--maroon:hover {
    background-color: #fff;
    color: #861f41
  }
}
.btn--size-120 {
  width: 120px
}
.btn--size-180 {
  width: 180px
}
.btn--size-210 {
  width: 210px
}
.btn--size-230 {
  width: 230px
}
.btn--size-250 {
  width: 250px
}
.btn--size-280 {
  width: 280px
}
.btn--size-300 {
  width: 300px
}
.btn--right {
  margin-left: auto;
  margin-right: 0;
  display: block
}
.login-register-box {
  padding: 30px;
  margin: 0 0 80px;
  display: flex
}
@media(max-width:1024px) {
  .login-register-box {
    flex-wrap: wrap
  }
}
@media(max-width:600px) {
  .login-register-box {
    padding: 0 20px
  }
}
.login-register-box>div {
  flex: 1
}
@media(max-width:1024px) {
  .login-register-box>div {
    flex: auto
  }
}
.login-register-box>div:first-child {
  border-right: 2px solid #dfdfdf
}
@media(max-width:1024px) {
  .login-register-box>div:first-child {
    border-right: 0;
    border-bottom: 2px solid #dfdfdf
  }
}
@media(max-width:1024px) {
  #login-form {
    max-width: 380px;
    margin: auto
  }
}
.login__wrap {
  padding: 30px 49px 30px 30px
}
@media(max-width:1280px) {
  .login__wrap {
    padding: 30px 30px 30px 0
  }
}
@media(max-width:1024px) {
  .login__wrap {
    width: 100%;
    padding: 30px 0
  }
}
@media(max-width:600px) {
  .login__wrap {
    padding: 20px 0
  }
}
.login__wrap h3 {
  margin-bottom: 30px
}
@media(max-width:1024px) {
  .login__wrap h3 {
    text-align: center
  }
}
.login__wrap__link {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: .8888888889rem
}
.register__wrap {
  padding: 30px 30px 30px 49px;
  text-align: center
}
@media(max-width:1280px) {
  .register__wrap {
    padding: 30px 0 30px 30px
  }
}
@media(max-width:1024px) {
  .register__wrap {
    width: 100%;
    padding: 30px 0
  }
}
@media(max-width:600px) {
  .register__wrap {
    padding: 20px 0
  }
}
.register__wrap h3 {
  margin-bottom: 58px
}
@media(max-width:1024px) {
  .register__wrap h3 {
    margin-bottom: 30px;
    margin-top: 30px
  }
}
@media(max-width:600px) {
  .register__wrap h3 {
    margin-top: 0
  }
}
.register__wrap__buttons__separator {
  font-size: 1rem;
  position: relative;
  text-align: center;
  margin: 25px 0
}
.register__wrap__buttons__separator:after,
.register__wrap__buttons__separator:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  height: 1px;
  background-color: #dfdfdf;
  width: calc((100% - 75px)/2)
}
.register__wrap__buttons__separator:before {
  left: 0
}
.register__wrap__buttons__separator:after {
  right: 0
}
.login-page .register__wrap {
  text-align: left;
  padding-right: 15px
}
@media(max-width:1024px) {
  .login-page .register__wrap {
    padding-right: 0
  }
}
@media(max-width:1024px) {
  .login-page .register__wrap form,
  .login-page .register__wrap p {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto
  }
}
.login-page .register__wrap h3 {
  margin-bottom: 30px
}
@media(max-width:1024px) {
  .login-page .register__wrap h3 {
    text-align: center
  }
}
.login-page .register__wrap button,
.register-page .btn {
  margin-left: auto;
  margin-right: 0;
  display: block
}
.change-password-page .desc,
.login-page .desc {
  font-size: 1rem;
  line-height: 1.3333333333em;
  margin-bottom: 41px
}
@media(max-width:600px) {
  .change-password-page .desc,
  .login-page .desc {
    font-size: .8888888889rem;
    line-height: 1.3125em
  }
}
.change-password-page .border-box {
  padding: 90px 20px
}
@media(max-width:600px) {
  .change-password-page .border-box {
    padding: 20px
  }
}
.change-password-page .border-box>div {
  width: 100%;
  max-width: 420px;
  margin: auto
}
@media(max-width:1024px) {
  .change-password-page .border-box>div {
    max-width: 380px
  }
}
.change-password-page .border-box .mdc-text-field:not(.mdc-text-field--textarea) {
  max-width: 420px
}
.change-password-page .btn {
  display: block;
  margin-left: auto;
  margin-right: 0
}
.cart__fixed-box__empty-cart {
  display: none
}
.cart__fixed-box__empty-cart.show {
  display: block
}
.cart__fixed-box {
  width: 320px;
  border: 4px solid #dfdfdf;
  position: absolute;
  top: 0;
  right: 0;
  font-size: .8888888889rem;
  line-height: normal
}
@media(max-width:1280px) {
  .cart__fixed-box {
    position: fixed;
    bottom: 0;
    top: auto;
    width: 100%;
    border: none;
    background-color: #fff;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22);
    z-index: 100
  }
}
@media screen and (min-width:1281px) {
  .cart__fixed-box.sticky-top {
    position: fixed;
    right: calc((100% - 1325px)/2);
    top: 135px
  }
}
@media screen and (min-width:1281px) and (max-width:1570px) {
  .cart__fixed-box.sticky-top {
    right: 5%
  }
}
@media screen and (min-width:1281px) {
  .cart__fixed-box.sticky-bottom {
    bottom: 0;
    top: auto
  }
}
.cart__fixed-box h4 {
  margin-bottom: 27px
}
.cart__fixed-box .error-message {
  margin-top: 26px;
  font-size: .9444444444rem
}
@media(max-width:1280px) {
  .cart__fixed-box .error-message {
    text-align: center;
    margin-top: 13px
  }
}
@media(max-width:600px) {
  .cart__fixed-box .error-message {
    font-size: .6666666667rem
  }
}
@media(max-width:1280px) {
  .cart__fixed-box button {
    display: block;
    margin: auto
  }
}
@media(max-width:1280px) {
  .cart__fixed-box .cart__fixed-box__two-cols {
    display: none !important
  }
}
.cart__fixed-box__cart-summary,
.cart__fixed-box__products-list {
  padding: 22px 31px
}
@media(max-width:1280px) {
  .cart__fixed-box__cart-summary,
  .cart__fixed-box__products-list {
    padding: 13px 20px
  }
}
@media(max-width:1280px) {
  .cart__fixed-box__products-list {
    display: none
  }
}
.cart__fixed-box__cart-summary {
  background-color: #f5f5f5
}
@media(max-width:1280px) {
  .cart__fixed-box__cart-summary {
    background-color: #fff
  }
}
.cart__fixed-box__two-cols {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding-bottom: 5px
}
.cart__fixed-box__two-cols span.price {
  white-space: nowrap
}
.cart__fixed-box__to-pay {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  border-top: 2px solid #dfdfdf;
  padding-top: 24px;
  margin-top: 22px;
  margin-bottom: 25px
}
@media(max-width:1280px) {
  .cart__fixed-box__to-pay {
    display: none
  }
}
.cart__fixed-box__cart-summary__discount {
  display: none
}
.cart__fixed-box__cart-summary__discount.cart__fixed-box__cart-summary__discount--show {
  display: flex
}
.cart__data {
  width: 86%;
  margin: auto
}
@media(max-width:1024px) {
  .cart__data {
    width: 100%
  }
}
.cart__data h4 {
  margin-bottom: 35px
}
.cart__data__invoice {
  display: none;
  height: 0;
  transition: height .35s
}
.cart__data__two-cols {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between
}
.cart__data__two-cols:last-child {
  padding-bottom: 65px
}
@media(max-width:600px) {
  .cart__data__two-cols:last-child {
    padding-bottom: 35px
  }
}
.cart__data__two-cols>div {
  flex: 0 48%;
  max-width: 380px
}
@media(max-width:600px) {
  .cart__data__two-cols>div {
    flex: auto;
    width: 100%
  }
}
.cart__data__two-cols .dummy-div {
  height: 98px
}
.deliver-payment-methods {
  margin: 0 35px;
  font-size: 1rem
}
@media(max-width:1024px) {
  .deliver-payment-methods {
    margin: 0
  }
}
.deliver-payment-methods h4 {
  margin-bottom: 35px;
  margin-left: calc(7% - 30px);
  margin-right: calc(7% - 30px)
}
.delivery-methods,
.payment-methods {
  padding-bottom: 65px
}
@media(max-width:600px) {
  .delivery-methods,
  .payment-methods {
    padding-bottom: 35px
  }
}
.delivery-methods__item,
.payment-methods__item {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 32px
}
@media(max-width:1024px) {
  .delivery-methods__item,
  .payment-methods__item {
    padding: 32px 0
  }
}
@media(max-width:600px) {
  .delivery-methods__item,
  .payment-methods__item {
    flex-wrap: wrap;
    padding: 20px 0
  }
}
.delivery-methods__item:not(last-child),
.payment-methods__item:not(last-child) {
  border-bottom: 2px solid #dfdfdf
}
@media(max-width:600px) {
  .delivery-methods__item:first-child,
  .payment-methods__item:first-child {
    padding-top: 0
  }
}
@media(max-width:600px) {
  .delivery-methods__item div:not(:last-child),
  .payment-methods__item div:not(:last-child) {
    padding-bottom: 10px
  }
}
.delivery-methods__item .mdc-radio,
.delivery-methods__item label,
.payment-methods__item .mdc-radio,
.payment-methods__item label {
  vertical-align: middle;
  cursor: pointer
}
.delivery-methods__item .gray,
.payment-methods__item .gray {
  color: #686868
}
.delivery-methods__item .col-1,
.payment-methods__item .col-1 {
  flex: 1.7
}
@media(max-width:600px) {
  .delivery-methods__item .col-1,
  .payment-methods__item .col-1 {
    flex: auto;
    width: 100%
  }
}
.delivery-methods__item .col-2,
.payment-methods__item .col-2 {
  flex: 1.5
}
@media(max-width:600px) {
  .delivery-methods__item .col-2,
  .payment-methods__item .col-2 {
    flex: auto;
    width: 100%;
    padding-left: 35px
  }
}
.delivery-methods__item .col-3,
.payment-methods__item .col-3 {
  flex: .5;
  text-align: right
}
@media(max-width:600px) {
  .delivery-methods__item .col-3,
  .payment-methods__item .col-3 {
    flex: auto;
    width: 100%;
    text-align: left;
    padding-left: 35px
  }
}
.delivery-methods__parcel-locker {
  flex-basis: 100%;
  padding-left: 33px
}
.delivery-methods__parcel-locker__name a {
  color: #861f41;
  transition: opacity .3s;
  margin-left: 50px;
  font-size: .8888888889rem
}
.delivery-methods__parcel-locker__name a:hover {
  opacity: .7s
}
@media(max-width:600px) {
  .delivery-methods__parcel-locker__name a {
    margin-left: 10px;
    float: right
  }
}
.newsletter {
  border-top: 4px solid #dfdfdf;
  padding-top: 50px;
  font-size: .8888888889rem;
  width: 84%;
  margin: 0 auto 70px;
  line-height: normal
}
@media(max-width:735px) {
  .newsletter {
    width: 90%
  }
}
@media(max-width:600px) {
  .newsletter {
    padding-top: 40px;
    margin-bottom: 40px
  }
}
@media(max-width:600px) {
  .newsletter .wrapper-medium--xs {
    width: 100%
  }
}
.newsletter a {
  color: #861f41;
  transition: color .3s
}
.newsletter button {
  -ms-align-self: center;
  align-self: center;
  margin-left: 50px;
  margin-top: 30px;
  order: 1
}
@media(max-width:1024px) {
  .newsletter button {
    order: 0;
    margin: 30px auto 0
  }
}
.newsletter .mdc-checkbox-wrap {
  order: 2
}
@media(max-width:1024px) {
  .newsletter .mdc-checkbox-wrap {
    order: 0
  }
}
.newsletter .success-message {
  text-align: center;
  margin-top: 20px
}
#newsletter-form {
  display: flex;
  flex-wrap: wrap
}
.newsletter-form__input {
  margin-top: 30px;
  width: 420px
}
@media(max-width:1024px) {
  .newsletter-form__input {
    width: 100%
  }
}
.newsletter-form__input>div {
  display: inline-block;
  margin-right: 56px
}
.newsletter-form__input .newsletter_email_address {
  max-width: none;
  width: 100%
}
.create-account-box {
  margin: 50px auto;
  font-size: 1rem;
  line-height: 1.16em
}
@media(max-width:735px) {
  .create-account-box {
    font-size: .8888888889rem;
    margin: 30px auto
  }
}
.create-account-box h5 {
  margin-bottom: 25px
}
.create-account-box li {
  color: #686868;
  padding-bottom: 10px
}
.create-account-box .btn {
  margin-top: 15px
}
#mmenu {
  display: none
}
#mmenu .submenu span {
  padding-bottom: 20px
}
#mmenu .submenu+li:not(.submenu) a {
  padding-top: 6px
}
.mm-ocd--open #mmenu {
  display: block
}
.mm-spn.mm-spn--navbar.mm-spn--main:after {
  content: ""
}
.mm-spn.mm-spn--navbar:after {
  color: #861f41;
  text-align: left;
  opacity: 1;
  font-size: 1.2222222222rem
}
.mm-spn.mm-spn--navbar:before {
  opacity: 1;
  border-color: #861f41;
  width: 13px;
  height: 13px
}
.mm-spn.mm-spn--light {
  background: #fff
}
.mm-spn li:before {
  border-color: #861f41;
  opacity: 1;
  width: 13px;
  height: 13px
}
.mm-spn li:after {
  display: none
}
.mm-spn a,
.mm-spn span {
  font-size: 1.1666666667rem
}
.mm-spn a.separator-top,
.mm-spn span.separator-top {
  padding-top: 40px;
  margin-top: 25px;
  border-top: 1px solid rgba(68, 68, 68, .15)
}
.mm-spn a.maroon,
.mm-spn span.maroon {
  color: #861f41
}
.mm-spn a:not(:last-child):after {
  display: none
}
.mm-spn.mm-spn--navbar ul {
  padding-top: 30px
}
.mm-spn i {
  margin-right: 20px;
  vertical-align: middle
}
.mm-spn .icon-contact {
  font-size: 1.6666666667rem
}
.mm-spn .icon-email {
  font-size: 1.3333333333rem
}
.mm-ocd__content {
  width: 100%;
  max-width: 100%
}
.mm-ocd__backdrop {
  width: 0;
  min-width: 0
}
.mmenu-btn {
  display: none
}
@media(max-width:1024px) {
  .mmenu-btn {
    display: block;
    position: relative;
    height: 21px;
    width: 21px
  }
  .mmenu-btn span {
    background-color: #fff;
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    left: 0
  }
  .mmenu-btn span:first-child {
    top: 0
  }
  .mmenu-btn span:nth-child(2) {
    top: 9px
  }
  .mmenu-btn span:nth-child(3) {
    top: 18px
  }
}
.mmenu-close-btn {
  display: none;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 19px;
  top: 15px;
  z-index: 10;
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer
}
.mmenu-close-btn:after,
.mmenu-close-btn:before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 21px;
  background-color: #757575;
  position: absolute;
  top: 0;
  left: 8px;
  transform: translate(-50%, -50%)
}
.mmenu-close-btn:before {
  transform: rotate(-45deg)
}
.mmenu-close-btn:after {
  transform: rotate(45deg)
}
.mmenu-close-btn.show {
  display: inline-block
}
.mmenu_shipping-info {
  padding-bottom: 30px !important;
  border-bottom: 1px solid rgba(68, 68, 68, .15);
  font-size: 1rem
}
.mmenu_shipping-info:before {
  content: none !important
}
.mmenu_shipping-info i {
  margin-right: 20px
}
.mmenu_shipping-info i:before {
  vertical-align: top
}
@media(max-width:370px) {
  .mmenu_shipping-info i {
    display: none
  }
}
.births-date {
  display: flex;
  margin-bottom: 40px
}
@media(max-width:600px) {
  .births-date {
    flex-wrap: wrap
  }
  .births-date>div {
    width: 100%
  }
}
.births-date .births_day {
  width: 110px;
  margin-right: 35px
}
@media(max-width:600px) {
  .births-date .births_day {
    margin-right: 0;
    width: 100%;
    max-width: 380px
  }
}
.births-date .births_month {
  width: 160px;
  margin-right: 35px
}
@media(max-width:600px) {
  .births-date .births_month {
    width: 100%;
    max-width: 380px
  }
}
.births-date .births_year {
  width: 115px
}
@media(max-width:600px) {
  .births-date .births_year {
    width: 100%;
    max-width: 380px
  }
}
.popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 102;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, .75)
}
.popup__content {
  background-color: #fff;
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translateX(-50%);
  width: 760px;
  padding: 30px;
  margin-bottom: 50px
}
@media(max-width:1024px) {
  .popup__content {
    width: 90%;
    top: calc(10% + 48px)
  }
}
.popup__content li {
  color: #686868
}
.popup__content .border-box {
  padding: 35px 80px
}
@media(max-width:1024px) {
  .popup__content .border-box {
    padding: 35px
  }
}
@media(max-width:600px) {
  .popup__content .border-box {
    padding: 0;
    border: none
  }
  .popup__content .border-box:after {
    content: none
  }
}
.popup__content .link-wrap {
  text-align: center;
  margin-top: 30px
}
.popup__content .link-wrap a {
  display: inline-block;
  margin: 0 15px
}
@media(max-width:735px) {
  .popup__content .link-wrap a {
    margin: 10px 30px
  }
}
@media(max-width:600px) {
  .popup__content .link-wrap a {
    margin: 10px 0
  }
}
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0
}
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.popup__close {
  width: 48px;
  height: 48px;
  background-color: #313131;
  border: none;
  position: absolute;
  right: 35px;
  top: 72px;
  cursor: pointer
}
@media(max-width:1024px) {
  .popup__close {
    right: 5%;
    top: 5%
  }
}
.popup__close:after,
.popup__close:before {
  content: "";
  display: inline-block;
  background-color: #fff;
  width: 2px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 0 0
}
.popup__close:before {
  transform: rotate(-45deg) translate(-50%, -50%)
}
.popup__close:after {
  transform: rotate(45deg) translate(-50%, -50%)
}
#contact-popup {
  text-align: center
}
#contact-popup i {
  font-size: 3.3333333333rem
}
@media(max-width:1024px) {
  #contact-popup i {
    font-size: 2.2222222222rem
  }
}
#kohersen-club-popup {
  font-size: 1rem
}
@media(max-width:600px) {
  #kohersen-club-popup {
    font-size: .8888888889rem
  }
}
#kohersen-club-popup img {
  display: block;
  margin: auto
}
#notify-availability-popup .border-box {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 450px;
  text-align: center
}
@media(max-width:600px) {
  #notify-availability-popup .border-box {
    min-height: auto
  }
}
#notify-availability-popup .mdc-text-field:not(.mdc-text-field--textarea) {
  max-width: 420px;
  width: 420px
}
@media(max-width:600px) {
  #notify-availability-popup .mdc-text-field:not(.mdc-text-field--textarea) {
    max-width: 320px;
    width: 100%
  }
}
#notify-availability-popup .notify-availability__input {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 30px
}
@media(max-width:600px) {
  #notify-availability-popup .notify-availability__input {
    margin-top: 30px;
    margin-bottom: 10px
  }
}
@media(max-width:600px) {
  .section__opinions .section__content {
    width: 100% !important
  }
}
.section__opinions .border-box {
  padding: 40px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 55px
}
@media(max-width:1024px) {
  .section__opinions .border-box {
    flex-wrap: wrap
  }
}
.section__opinions .current-note {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  font-size: 2.7777777778rem
}
.section__opinions .max-note {
  font-size: 1.6666666667rem;
  color: #686868
}
.section__opinions .col-1 {
  text-align: center;
  -ms-flex-basis: 30%;
  flex-basis: 30%
}
@media(max-width:1024px) {
  .section__opinions .col-1 {
    -ms-flex-basis: 50%;
    flex-basis: 50%
  }
}
@media(max-width:735px) {
  .section__opinions .col-1 {
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.section__opinions .col-1 .recipe-score {
  margin: 20px 0 25px;
  color: #ddd
}
.section__opinions .col-1 .recipe-score i {
  vertical-align: middle
}
.section__opinions .col-1 .recipe-score i:before {
  margin-right: 5px;
  font-size: 1.5555555556rem
}
.section__opinions .col-1 .recipe-score .icon-recipe-score-half {
  height: 28px;
  vertical-align: middle
}
.section__opinions .col-1 .stars {
  margin: 20px 0 25px;
  color: #ddd
}
.section__opinions .col-1 .stars i {
  vertical-align: middle
}
.section__opinions .col-1 .stars i:before {
  margin-right: 8px;
  font-size: 1.1111111111rem
}
.section__opinions .col-1 .stars .icon-star-half {
  height: 20px;
  vertical-align: middle
}
.section__opinions .col-2 {
  -ms-flex-basis: 22%;
  flex-basis: 22%;
  border-right: 2px solid #dfdfdf
}
@media(max-width:1024px) {
  .section__opinions .col-2 {
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    border-right: 0
  }
}
@media(max-width:735px) {
  .section__opinions .col-2 {
    -ms-flex-basis: auto;
    flex-basis: auto;
    margin-top: 30px
  }
}
.section__opinions .col-2 .stars i {
  font-size: .6666666667rem;
  color: #ddd
}
.section__opinions .col-2 .stars i.active {
  color: #861f41
}
.section__opinions .col-2 .stars span {
  color: #686868;
  margin-left: 15px
}
.section__opinions .col-2 .recipe-score i {
  font-size: 1.0555555556rem;
  color: #ddd
}
.section__opinions .col-2 .recipe-score i.active {
  color: #861f41
}
.section__opinions .col-2 .recipe-score span {
  color: #686868;
  margin-left: 15px
}
.section__opinions .col-3 {
  -ms-flex-basis: 46%;
  flex-basis: 46%;
  text-align: center
}
@media(max-width:1024px) {
  .section__opinions .col-3 {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-top: 40px
  }
}
.section__opinions .col-3 h3 {
  margin-bottom: 20px
}
@media(max-width:370px) {
  .section__opinions .col-3 .btn {
    width: 100%
  }
}
.section__opinions form .two-cols {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between
}
@media(max-width:735px) {
  .section__opinions form .two-cols {
    flex-wrap: wrap
  }
}
.section__opinions form .two-cols>div {
  width: 48%
}
@media(max-width:735px) {
  .section__opinions form .two-cols>div {
    width: 100%
  }
}
.section__opinions form .two-cols>div .mdc-text-field:not(.mdc-text-field--textarea) {
  max-width: 420px
}
@media(max-width:735px) {
  .section__opinions form .two-cols .product-evaluation {
    order: -1
  }
}
.section__opinions form textarea {
  height: 154px !important
}
.section__opinions form .btn {
  margin-left: auto;
  margin-right: 0;
  display: block
}
@media(max-width:370px) {
  .section__opinions form .btn {
    width: 100%
  }
}
.section__opinions form .recipe-score {
  margin-bottom: 27px;
  margin-top: 20px
}
.section__opinions form .recipe-score:after {
  content: "";
  clear: both;
  display: table
}
.section__opinions form .recipe-score i {
  color: #dfdfdf;
  cursor: pointer;
  float: left;
  font-size: 1.5555555556rem
}
.section__opinions form .recipe-score i:before {
  margin-right: 0;
  padding-right: 8px;
  box-sizing: content-box
}
.section__opinions form .recipe-score i.active {
  color: #861f41
}
.section__opinions form .recipe-score:hover i {
  color: #861f41 !important
}
.section__opinions form .recipe-score i:hover~i {
  color: #dfdfdf !important
}
.section__opinions form .recipe-score.active i {
  color: #861f41
}
.section__opinions form .recipe-score i.active~i {
  color: #dfdfdf
}
.section__opinions form .stars {
  margin-bottom: 27px;
  margin-top: 20px
}
.section__opinions form .stars:after {
  content: "";
  clear: both;
  display: table
}
.section__opinions form .stars i {
  color: #dfdfdf;
  cursor: pointer;
  float: left
}
.section__opinions form .stars i:before {
  margin-right: 0;
  padding-right: 8px;
  box-sizing: content-box
}
.section__opinions form .stars i.active {
  color: #861f41
}
.section__opinions form .stars:hover i {
  color: #861f41 !important
}
.section__opinions form .stars i:hover~i {
  color: #dfdfdf !important
}
.section__opinions form .stars.active i {
  color: #861f41
}
.section__opinions form .stars i.active~i {
  color: #dfdfdf
}
.section__opinions .agreements {
  margin-top: 35px
}
.section__opinions__content {
  width: 80%;
  margin: auto
}
@media(max-width:1280px) {
  .section__opinions__content {
    width: 100%
  }
}
.section__opinions__list {
  border-top: 2px solid #dfdfdf;
  margin-bottom: 55px
}
@media(max-width:600px) {
  .section__opinions__list {
    margin-bottom: 35px
  }
}
.section__opinions__list li {
  display: flex;
  padding: 25px 30px;
  border-bottom: 2px solid #dfdfdf
}
@media(max-width:735px) {
  .section__opinions__list li {
    padding: 20px
  }
}
@media(max-width:600px) {
  .section__opinions__list li {
    padding: 20px 0;
    flex-wrap: wrap
  }
}
.section__opinions__list li>div:first-child {
  -ms-flex-basis: 30%;
  flex-basis: 30%
}
@media(max-width:600px) {
  .section__opinions__list li>div:first-child {
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.section__opinions__list li>div:last-child {
  -ms-flex-basis: 70%;
  flex-basis: 70%
}
@media(max-width:600px) {
  .section__opinions__list li>div:last-child {
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.section__opinions__list .stars {
  margin-bottom: 10px
}
.section__opinions__list .stars i {
  color: #ddd;
  font-size: .6666666667rem
}
.section__opinions__list .stars i.active {
  color: #861f41
}
.section__opinions__list .recipe-score {
  margin-bottom: 10px
}
.section__opinions__list .recipe-score i {
  color: #ddd;
  font-size: 1.0555555556rem
}
.section__opinions__list .recipe-score i.active {
  color: #861f41
}
.section__opinions__list .recipe-score i:before {
  margin-right: 0
}
.section__opinions__list h4 {
  margin-bottom: 15px !important
}
@media(max-width:600px) {
  .section__opinions__list h4 {
    margin-top: 15px
  }
}
.section__opinions__list .date,
.section__opinions__list .name {
  display: block;
  line-height: 20px
}
.section__opinions__list .name {
  color: #861f41
}
.section__opinions__list .date {
  color: #686868
}
.main-page .newsletter {
  border-top: 0
}
.slider {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 620px;
  margin-bottom: 75px
}
@media(max-width:1280px) {
  .slider {
    flex-wrap: wrap;
    height: auto
  }
}
.slider>div {
  width: 50%
}
@media(max-width:1280px) {
  .slider>div {
    width: 100%;
    display: flex
  }
}
.slider h1 {
  margin-bottom: 45px
}
.slider .btn--maroon {
  margin-top: 45px
}
.slider-left {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
@media(max-width:1280px) {
  .slider-left {
    order: 1
  }
}
.slider__text {
  padding: 20px 9.5%;
  position: relative;
  width: 400px
}
@media screen and (min-width:1024px) {
  .slider__text {
    width: calc(400px + 254 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .slider__text {
    width: 654px
  }
}
@media(max-width:1280px) {
  .slider__text {
    width: 90%
  }
}
.slider__text .owl-item {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 436px;
  opacity: 0;
  transition: opacity .3s ease-in
}
@media(max-width:600px) {
  .slider__text .owl-item {
    height: auto
  }
}
.slider__text .owl-item.active {
  opacity: 1
}
.slider__text .owl-nav {
  bottom: -50px
}
@media(max-width:1280px) {
  .slider__text .owl-nav {
    bottom: -35px
  }
}
.owl-nav {
  position: absolute;
  width: 81%;
  height: 3px !important;
  display: block;
  white-space: nowrap;
  transform: translateY(100%)
}
.owl-nav .owl-next i,
.owl-nav .owl-prev i {
  font-size: .7222222222rem
}
.owl-nav .owl-next i:before,
.owl-nav .owl-prev i:before {
  width: auto
}
.owl-nav .owl-prev i {
  transform: rotate(180deg);
  position: relative;
  top: -3px
}
#slider-image {
  height: 100%
}
@media(max-width:1280px) {
  #slider-image {
    height: 513px;
    margin-bottom: 75px
  }
}
@media(max-width:735px) {
  #slider-image {
    height: auto
  }
}
@media(max-width:600px) {
  #slider-image {
    margin-bottom: 25px
  }
}
#slider-image div {
  height: 100%
}
#slider-image div .owl-img {
  background-size: cover;
  background-position: 50%
}
@media(max-width:735px) {
  #slider-image div .owl-img {
    height: 66vw
  }
}
#bar {
  width: 0;
  max-width: 100%;
  height: 3px;
  background: #000
}
#progressBar {
  display: inline-block;
  margin-left: 13px;
  margin-right: 13px;
  vertical-align: middle;
  width: 220px
}
@media screen and (min-width:1024px) {
  #progressBar {
    width: calc(220px + 170 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  #progressBar {
    width: 390px
  }
}
@media(max-width:1280px) {
  #progressBar {
    width: calc(100% - 80px)
  }
}
.white-section {
  width: 90%;
  margin: 0 auto 75px;
  padding: 4.75%
}
@media(max-width:600px) {
  .white-section {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0 auto 40px
  }
}
.white-section>div:first-child {
  width: 50%
}
@media(max-width:1280px) {
  .white-section>div:first-child {
    width: 100%;
    margin-bottom: 35px
  }
}
.white-section>div:nth-child(2) {
  width: 43%
}
@media(max-width:1280px) {
  .white-section>div:nth-child(2) {
    width: 100%
  }
}
@media(max-width:600px) {
  .white-section>div:nth-child(2) {
    width: 90%;
    margin: auto
  }
}
.black-section,
.white-section {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  text-align: justify
}
@media(max-width:1280px) {
  .black-section,
  .white-section {
    flex-wrap: wrap
  }
}
.black-section img,
.white-section img {
  display: block;
  margin: auto
}
.black-section h2,
.white-section h2 {
  margin-bottom: 42px
}
@media(max-width:600px) {
  .black-section h2,
  .white-section h2 {
    margin-bottom: 30px
  }
}
.black-section p,
.white-section p {
  margin-bottom: 36px
}
@media(max-width:600px) {
  .black-section p,
  .white-section p {
    margin-bottom: 30px
  }
}
@media(max-width:1280px) {
  .black-section .btn-link-wrap,
  .white-section .btn-link-wrap {
    text-align: center
  }
}
.black-section {
  padding-left: 9.75%;
  padding-right: 4.75%;
  background-color: #000;
  color: hsla(0, 0%, 100%, .66)
}
@media(max-width:1280px) {
  .black-section {
    padding-right: 9.75%
  }
}
@media(max-width:600px) {
  .black-section {
    padding-left: 5%;
    padding-right: 5%
  }
}
.black-section>div:first-child {
  padding: 80px 2.37%;
  width: 600px
}
@media screen and (min-width:1280px) {
  .black-section>div:first-child {
    width: calc(600px + 100 * (100vw - 1280px)/ 640)
  }
}
@media screen and (min-width:1920px) {
  .black-section>div:first-child {
    width: 700px
  }
}
@media(max-width:1280px) {
  .black-section>div:first-child {
    width: 100%;
    padding: 80px 0
  }
}
@media(max-width:600px) {
  .black-section>div:first-child {
    padding: 40px 0
  }
}
.black-section>div:nth-child(2) {
  width: 50%;
  -ms-align-self: flex-end;
  align-self: flex-end
}
@media(max-width:1280px) {
  .black-section>div:nth-child(2) {
    width: 100%
  }
}
.order-summary {
  text-align: center;
  font-size: 1rem;
  line-height: 1.16em
}
@media(max-width:600px) {
  .order-summary {
    font-size: .8888888889rem
  }
}
.order-summary .site-title span {
  font-size: 26px
}
@media screen and (min-width:1024px) {
  .order-summary .site-title span {
    font-size: calc(26px + 4 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .order-summary .site-title span {
    font-size: 30px
  }
}
@media(max-width:600px) {
  .order-summary .site-title span {
    font-size: 1.1111111111rem
  }
}
.order-summary .btn {
  margin-top: 50px
}
.sub-heading {
  margin-bottom: 40px
}
.transfer-details {
  text-align: left;
  margin: 50px 0;
  padding: 40px 60px
}
@media(max-width:735px) {
  .transfer-details {
    padding: 20px
  }
}
.transfer-details h4 {
  margin-bottom: 30px
}
.transfer-details .icon-copy {
  font-size: 1.1666666667rem;
  display: inline-block;
  margin-top: -3px;
  margin-left: 15px;
  cursor: pointer
}
@media(max-width:735px) {
  .transfer-details .icon-copy {
    font-size: .8888888889rem
  }
}
.order-summary__contact {
  margin-top: 50px
}
.track-order {
  text-align: center
}
.track-order__desc {
  font-size: 1rem;
  line-height: normal
}
@media(max-width:600px) {
  .track-order__desc {
    font-size: .8888888889rem
  }
}
.track-order__form {
  padding: 60px;
  margin: 50px 0;
  text-align: left
}
@media(max-width:735px) {
  .track-order__form {
    padding: 20px
  }
}
@media(max-width:600px) {
  .track-order__form {
    margin: 30px 0
  }
}
.track-order__form>div {
  width: 350px;
  margin: auto;
  max-width: 100%
}
.track-order___status td:last-child {
  text-align: right
}
@media(max-width:600px) {
  .track-order___status td:last-child {
    text-align: left;
    padding: 0 0 10px
  }
}
@media(max-width:600px) {
  .track-order___status td:first-child,
  .track-order___status td:nth-child(2) {
    display: inline-block
  }
}
.track-order__button-wrap {
  text-align: right
}
.track-order__sub-title {
  line-height: normal;
  text-align: center;
  font-size: 26px
}
@media screen and (min-width:1024px) {
  .track-order__sub-title {
    font-size: calc(26px + 4 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .track-order__sub-title {
    font-size: 30px
  }
}
.track-order__data {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  line-height: normal;
  text-align: center
}
.track-order__chosen-methods {
  text-align: left;
  padding: 35px 40px;
  margin: 50px auto
}
@media(max-width:735px) {
  .track-order__chosen-methods {
    padding: 20px;
    margin: 30px auto
  }
}
.track-order__chosen-methods>div:first-child {
  border-bottom: 2px solid #dfdfdf;
  margin-bottom: 35px
}
@media(max-width:600px) {
  .track-order__chosen-methods>div:first-child {
    margin-bottom: 15px
  }
}
.track-order__chosen-methods .track-order__method {
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-bottom: 20px
}
.track-order__chosen-methods .track-order__method>* {
  margin-right: 30px
}
.track-order__chosen-methods h4 {
  margin-bottom: 25px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center
}
@media(max-width:600px) {
  .track-order__chosen-methods h4 {
    flex-wrap: wrap
  }
}
@media(max-width:600px) {
  .track-order__chosen-methods h4 span {
    display: block;
    margin-bottom: 15px;
    width: 100%
  }
}
.track-order__chosen-methods h4 a {
  font-size: .8888888889rem;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400
}
.cart__products-list--track-order .cart__to-pay>div {
  margin-left: 48%
}
@media(max-width:735px) {
  .cart__products-list--track-order .cart__to-pay>div {
    margin-left: 0
  }
}
.contact .two-column-box .icon-contact {
  font-size: 3.3333333333rem
}
@media(max-width:1024px) {
  .contact .two-column-box .icon-contact {
    font-size: 2.2222222222rem
  }
}
.contact .two-column-box .left-side {
  -ms-align-self: center;
  align-self: center;
  text-align: center
}
.contact .two-column-box .left-side>div {
  display: inline-block;
  text-align: left
}
.contact .two-column-box .right-side {
  text-align: center
}
.producer>section {
  padding-left: 70px;
  padding-right: 70px
}
@media(max-width:735px) {
  .producer>section {
    padding-left: 30px;
    padding-right: 30px
  }
}
.producer__certificates,
.producer__partners {
  border-top: 4px solid #dfdfdf;
  margin-top: 60px;
  padding-top: 60px
}
@media(max-width:735px) {
  .producer__certificates,
  .producer__partners {
    margin-top: 30px;
    padding-top: 30px
  }
}
.producer__certificates h4 {
  margin-bottom: 80px
}
@media(max-width:735px) {
  .producer__certificates h4 {
    margin-bottom: 40px
  }
}
.producer__certificates>section {
  width: 80%;
  margin: 0 auto 50px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between
}
@media(max-width:1280px) {
  .producer__certificates>section {
    width: 100%
  }
}
@media(max-width:600px) {
  .producer__certificates>section {
    flex-wrap: wrap
  }
}
.producer__certificates .img {
  width: 200px;
  text-align: center;
  margin-right: 80px
}
@media(max-width:1024px) {
  .producer__certificates .img {
    margin-right: 40px
  }
}
@media(max-width:600px) {
  .producer__certificates .img {
    width: 100%;
    margin-right: 0
  }
}
.producer__certificates .desc {
  width: calc(100% - 105px)
}
@media(max-width:1024px) {
  .producer__certificates .desc {
    width: calc(100% - 60px)
  }
}
@media(max-width:600px) {
  .producer__certificates .desc {
    width: 100%
  }
}
.producer__certificates .desc h5 {
  margin-bottom: 20px
}
@media(max-width:600px) {
  .producer__certificates .desc h5 {
    margin-top: 20px
  }
}
.producer__partners h4 {
  margin-bottom: 45px
}
@media(max-width:735px) {
  .producer__partners h4 {
    margin-bottom: 35px
  }
}
.producer__partners__logotypes {
  margin: 45px auto 75px;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
.producer__partners__logotypes>div {
  width: 30%;
  margin: 15px;
  text-align: center;
  -ms-align-self: center;
  align-self: center
}
@media(max-width:1024px) {
  .producer__partners__logotypes>div {
    width: 50%
  }
}
.producer__partners__logotypes>div img {
  max-height: 68px
}
.products-categories {
  margin-bottom: 150px
}
@media(max-width:735px) {
  .products-categories {
    margin-bottom: 50px
  }
}
.products-categories .site-title {
  font-size: 1.6666666667rem
}
.products-categories .site-title span {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.3333333333rem
}
.products-categories__tiles {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
.flip-box {
  -ms-flex-basis: 285px;
  flex-basis: 285px;
  -ms-align-self: flex-end;
  align-self: flex-end;
  text-align: center;
  height: 310px;
  margin: 30px;
  perspective: 1000px;
  transform-style: preserve-3d
}
@media(max-width:600px) {
  .flip-box {
    margin: 15px 0
  }
}
.flip-box i {
  color: #861f41
}
.flip-box i.icon-robots {
  font-size: 5.0555555556rem
}
.flip-box i.icon-pots {
  font-size: 4.2777777778rem
}
.flip-box i.icon-accessories {
  font-size: 3.8888888889rem
}
.flip-box i:before {
  margin-right: 0
}
.flip-box h2,
.flip-box h4 {
  margin-top: 30px
}
@media(min-width:1025px) {
  .flip-box:hover .flip-box__inner__back {
    transform: rotateY(0deg)
  }
  .flip-box:hover .flip-box__inner__front {
    transform: rotateY(180deg)
  }
}
.flip-box__inner {
  position: relative;
  display: inline-block;
  color: #000
}
.flip-box__inner,
.flip-box__inner__back,
.flip-box__inner__front {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: .8s
}
.flip-box__inner__back,
.flip-box__inner__front {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  padding: 15px
}
.flip-box__inner__front {
  border: 2px solid #dfdfdf;
  z-index: 2;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  transform: rotateY(0deg)
}
.flip-box__inner__back {
  transform: rotateY(-180deg);
  font-size: .8888888889rem;
  line-height: normal;
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22);
  width: 320px;
  height: 350px;
  top: -17px;
  left: -17px
}
.flip-box__inner__back p {
  margin: 20px 0;
  text-align: justify
}
.flip-box__inner__back .flip-box__inner__back__check {
  text-align: right;
  color: #861f41;
  display: block
}
.flip-box__inner__back .flip-box__inner__back__check:after {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  border-color: #861f41;
  border-style: solid;
  border-width: 1px 1px 0 0
}
.products {
  margin-bottom: 80px
}
@media(max-width:1570px) {
  .products {
    width: 92%
  }
}
@media(max-width:1024px) {
  .products {
    width: 90%
  }
}
.products__layout {
  display: inline-block;
  width: calc(100% - 288px);
  vertical-align: top
}
@media(max-width:1570px) {
  .products__layout {
    width: calc(100% - 256px)
  }
}
@media(max-width:1024px) {
  .products__layout {
    width: 100%
  }
}
.list-nodetails .products__list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-left: 25px;
  padding-bottom: 26px
}
@media(max-width:1570px) {
  .list-nodetails .products__list {
    padding-left: 20px
  }
}
@media(max-width:1024px) {
  .list-nodetails .products__list {
    padding-left: 0;
    width: 631px;
    margin: auto
  }
}
@media(max-width:735px) {
  .list-nodetails .products__list {
    width: 100%;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
  }
}
.list-nodetails .products__list:before {
  content: "";
  display: inline-block;
  width: 2px;
  bottom: 0;
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #dfdfdf
}
@media(max-width:1570px) {
  .list-nodetails .products__list:before {
    top: 15px
  }
}
@media(max-width:1024px) {
  .list-nodetails .products__list:before {
    content: none
  }
}
.list-nodetails .products__list li {
  -ms-flex-basis: 285px;
  flex-basis: 285px;
  height: 370px;
  margin: 26px;
  position: relative;
  overflow: hidden
}
@media(max-width:1570px) {
  .list-nodetails .products__list li {
    margin: 15px
  }
}
@media(max-width:1024px) {
  .list-nodetails .products__list li {
    height: auto
  }
}
@media(max-width:600px) {
  .list-nodetails .products__list li {
    margin: 15px 0
  }
}
.list-nodetails .products__list li:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  width: 320px;
  height: calc(100% + 90px);
  top: -17px;
  left: -17px;
  z-index: -1;
  transition: box-shadow .3s, height .3s
}
@media(min-width:1025px) {
  .list-nodetails .products__list li:hover {
    z-index: 1;
    overflow: visible
  }
  .products__list li:hover:after {
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22)
  }
  .products__list li:hover .btn {
    height: 50px
  }
}
.list-nodetails .products__list a {
  display: block;
  height: calc(100% - 80px);
}
.list-nodetails .products__list .col-3 p {
  padding-bottom: 10px;
}
.list-nodetails .products__list a h5 {
  color: #000
}
.list-nodetails .products__list a h5,
.list-nodetails .products__list a img,
.list-nodetails .products__list a p {
  padding-bottom: 14px
}
.list-nodetails .products__list .btn {
  height: 0;
  width: 100%;
  margin: 17px 0;
  transition: all .3s
}
@media(max-width:1024px) {
  .list-nodetails .products__list .btn {
    height: 50px
  }
}
.list-nodetails .products__list .cart__product__current-price {
  color: #861f41
}
.list-nodetails .products__list-details__desc {
  display: none
}
.products__setup {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding-left: 45px;
  margin: 0 20px 0 0
}
@media(max-width:1570px) {
  .products__setup {
    padding-left: 35px
  }
}
@media(max-width:1024px) {
  .products__setup {
    margin: 0 15px 15px 0;
    padding-left: 15px
  }
}
@media(max-width:735px) {
  .products__setup {
    flex-wrap: wrap
  }
}
@media(max-width:600px) {
  .products__setup {
    padding-left: 0;
    margin: 15px 0 0
  }
}
.products__setup:last-child {
  border-left: 2px solid #dfdfdf
}
@media(max-width:1024px) {
  .products__setup:last-child {
    border-left: none
  }
}
.products__setup .sort_products {
  width: 285px
}
@media(max-width:370px) {
  .products__setup .sort_products {
    width: 100%
  }
}
.products__setup .products_amount {
  margin-bottom: 0
}
.products__setup .btn--filters {
  display: none
}
@media(max-width:735px) {
  .products__setup .btn--filters {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 15px
  }
}
@media(max-width:600px) {
  .product__view {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-top: 7px
  }
}
.product__view li {
  display: inline-block;
  border: 1px solid #dfdfdf;
  width: 50px;
  line-height: 50px;
  margin: 0 6px;
  text-align: center;
  cursor: pointer
}
@media(max-width:1024px) {
  .product__view li {
    margin: 0 3px
  }
}
.product__view li i {
  vertical-align: middle
}
.product__view li i:before {
  margin: 0;
  width: auto
}
.product__view li i:not(.active) {
  color: #dfdfdf
}
.product__view li .icon-grid {
  font-size: 1.4444444444rem
}
.product__view li .icon-list {
  font-size: 1.5555555556rem
}
.products__filters {
  width: 280px;
  display: inline-block;
  padding-right: 25px
}
@media(max-width:1570px) {
  .products__filters {
    width: 245px;
    padding-right: 15px
  }
}
@media(max-width:1024px) {
  .products__filters {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .3s
  }
  .products__filters.show {
    transform: translateX(0)
  }
}
@media(max-width:1024px) {
  .products__filters form {
    width: 60%;
    margin: auto
  }
}
@media(max-width:735px) {
  .products__filters form {
    width: 90%;
    max-width: 350px
  }
}
.products__filters .products__filters__cancel {
  display: none
}
@media(max-width:1024px) {
  .products__filters .products__filters__cancel {
    display: block;
    margin: 0 auto 30px !important
  }
}
.products__filters section:not(:first-child) .products__filters__subtitle {
  margin-top: 35px;
  padding-top: 35px;
  border-top: 2px solid #dfdfdf
}
@media(max-width:600px) {
  .products__filters section:not(:first-child) .products__filters__subtitle {
    margin-top: 25px;
    padding-top: 25px
  }
}
.products__filters .mdc-checkbox-wrap {
  padding-bottom: 8px
}
.products__filters .mdc-checkbox-wrap label {
  font-size: 1rem
}
.products__filters .btn {
  margin: 55px auto;
  width: 100%
}
@media(max-width:1024px) {
  .products__filters .btn {
    margin: 35px auto 15px
  }
}
.products__filters__title {
  margin-bottom: 40px;
  margin-top: 12px
}
@media(max-width:1024px) {
  .products__filters__title {
    width: 60%;
    margin: 0 auto 40px;
    padding-top: 50px
  }
}
@media(max-width:735px) {
  .products__filters__title {
    width: 90%;
    max-width: 350px
  }
}
@media(max-width:600px) {
  .products__filters__title {
    margin: 0 auto 30px;
    padding-top: 30px
  }
}
.products__filters__subtitle {
  margin-bottom: 25px
}
@media(max-width:600px) {
  .products__filters__subtitle {
    margin-bottom: 15px
  }
}
.products__filters__price {
  width: 105px;
  display: inline-block
}
.products__filters__price label {
  margin-bottom: 0
}
.products__filters__price-wrap {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center
}
@media(max-width:1024px) {
  .products__filters__price-wrap {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: flex-start
  }
  .products__filters__price-wrap>span {
    display: inline-block;
    margin: 0 15px
  }
}
.product__pagin {
  color: #686868
}
@media(max-width:600px) {
  .product__pagin {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-top: 25px
  }
}
.product__pagin li {
  display: inline-block
}
.product__pagin .product__pagin__current input {
  line-height: 48px;
  height: 48px;
  width: 70px;
  text-align: center;
  border: 1px solid #dfdfdf;
  margin-right: 14px;
  font-size: 1.1666666667rem;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400
}
.product__pagin .product__pagin__current input::-webkit-inner-spin-button,
.product__pagin .product__pagin__current input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.product__pagin .product__pagin__current input[type=number] {
  -moz-appearance: textfield
}
.product__pagin .product__pagin__next {
  margin-left: 30px
}
.product__pagin .product__pagin__next a {
  display: block;
  height: 14px;
  width: 14px;
  transform: rotate(45deg);
  border-color: #686868;
  border-style: solid;
  border-width: 2px 2px 0 0
}
.product__pagin .product__pagin__prev {
  margin-right: 30px
}
.product__pagin .product__pagin__prev a {
  display: block;
  height: 14px;
  width: 14px;
  transform: rotate(45deg);
  border-color: #686868;
  border-style: solid;
  border-width: 0 0 2px 2px
}
.list-details .products__list {
  margin-top: 26px;
  padding-bottom: 26px;
  padding-left: 25px;
  position: relative;
}
@media(max-width:1570px) {
  .list-details .products__list {
    margin-top: 15px;
    padding-left: 20px
  }
}
@media(max-width:1024px) {
  .list-details .products__list {
    padding-left: 0
  }
}
.list-details .products__list:before {
  content: "";
  display: inline-block;
  width: 2px;
  bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #dfdfdf
}
@media(max-width:1024px) {
  .list-details .products__list:before {
    content: none
  }
}
.list-details .products__list .cart__product__current-price {
  color: #861f41
}
.list-nodetails .products__list .col-3 p {
  text-align: right;
}
.list-details .products__list__item {
  display: flex;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
  padding: 20px 0;
  border-bottom: 2px solid #dfdfdf;
  margin: 0 26px
}
.list-details .products__list__item:first-child {
  padding-top: 0
}
@media(max-width:1570px) {
  .list-details .products__list__item {
    margin: 0 15px
  }
}
@media(max-width:1280px) {
  .list-details .products__list__item {
    flex-wrap: wrap
  }
}
@media(max-width:1024px) {
  .list-details .products__list__item {
    margin: 0
  }
}
.list-details .products__list__item a {
  color: #000;
  position: relative
}
.list-details .products__list__item h5 {
  margin-bottom: 25px
}
@media(max-width:735px) {
  .list-details .products__list__item h5 {
    margin-bottom: 15px
  }
}
.list-details .products__list__item .two-cols {
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  width: calc(91.6% - 210px)
}
@media(max-width:1280px) {
  .list-details .products__list__item .two-cols {
    width: 100%;
    margin-bottom: 25px
  }
}
@media(max-width:735px) {
  .list-details .products__list__item .two-cols {
    flex-wrap: wrap;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
  }
}
.list-details .products__list__item .two-cols img {
  margin-right: 25px
}
@media(max-width:735px) {
  .list-details .products__list__item .two-cols img {
    margin: 0 auto
  }
}
.list-details .products__list__item .col-1 {
  -ms-flex-basis: 310px;
  flex-basis: 310px;
  position: relative
}
.list-details .products__list__item .col-2 {
  text-align: justify;
  font-size: .9444444444rem;
  line-height: 1.2941176471em;
  flex-basis: calc(100% - 310px)
}
@media(max-width:1280px) {
  .list-details .products__list__item .col-2 {
    margin-right: 0
  }
}
@media(max-width:735px) {
  .list-details .products__list__item .col-2 {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-top: 15px
  }
}
.list-details .products__list__item .col-3 {
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin-left: 8.4%;
  width: 210px;
  flex: auto
}
@media(max-width:1280px) {
  .list-details .products__list__item .col-3 {
    width: 100%;
    -moz-flex-direction: row;
    flex-direction: row;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-left: 0
  }
}
@media(max-width:600px) {
  .list-details .products__list__item .col-3 {
    flex-wrap: wrap;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: flex-end
  }
  .list-details .products__list__item .col-3 p {
    text-align: right !important;
  }
  .list-details .products__list__item .col-3 .informacja_ustawowa_o_cenie {
    text-align: right
  }
  .list-details .products__list__item {
    flex-direction: column;
    align-items: flex-end;
  }
}
.list-details .products__list-details__prices {
  text-align: right;
}
.list-details .cart__product__current-price {
  text-align: right;
  display: block
}
@media(max-width:600px) {
  .products__list-details__prices {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    margin-bottom: 15px
  }
}
.product-label {
  display: inline-block;
  width: 112px;
  line-height: 25px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  position: absolute;
  top: 10px;
  left: 10px
}
.product-label--promotion {
  background-color: #468c98
}
.product-label--outlet {
  background-color: #f79121
}
.product-label--new {
  background-color: #235789
}
.shipping-bar {
  padding: 15px 40px;
  margin: 20px 0;
  font-size: .9444444444rem;
  background-color: #efefef;
  color: #686868
}
@media(max-width:735px) {
  .shipping-bar {
    padding: 15px 20px
  }
}
.shipping-bar i {
  color: #686868;
  font-size: 1.2222222222rem
}
@media(max-width:600px) {
  .shipping-bar i {
    display: none
  }
}
.cart-wrap {
  position: relative
}
.cart {
  width: calc(95.5% - 320px);
  margin-right: 4.5%
}
@media(max-width:1280px) {
  .cart {
    margin: auto;
    width: 80%
  }
}
@media(max-width:1024px) {
  .cart {
    width: 90%
  }
}
@media(max-width:735px) {
  .cart {
    width: 100%
  }
}
.cart__products-list {
  padding: 0 30px 30px;
  margin-bottom: 30px
}
@media(max-width:735px) {
  .cart__products-list {
    padding: 0 20px 20px
  }
}
.cart__products-list ul li:before {
  content: none
}
.cart__product {
  display: flex;
  padding: 30px 0 !important;
  border-bottom: 1px solid #dfdfdf
}
@media(max-width:735px) {
  .cart__product {
    padding: 20px 0 !important
  }
}
@media(max-width:600px) {
  .cart__product {
    display: block
  }
}
.cart__product:last-child {
  border-bottom: 2px solid #dfdfdf
}
.cart__product>div {
  flex: 1
}
.cart__product__name {
  position: relative
}
.cart__product__name h5 {
  padding-right: 30px
}
.cart__product__photo {
  margin-right: 30px
}
@media(max-width:600px) {
  .cart__product__photo {
    margin-right: 15px;
    float: left
  }
}
@media(max-width:370px) {
  .cart__product__photo {
    display: none
  }
}
.cart__product__delete {
  border: none;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 0
}
.cart__product__delete i {
  color: #dfdfdf;
  font-size: 1.4444444444rem
}
.cart__product__delete i:before {
  margin-right: 0
}
.cart__product_nr-prod {
  font-size: 1rem
}
@media(max-width:600px) {
  .cart__product_nr-prod {
    font-size: .8888888889rem
  }
}
.cart__product__table {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  font-size: 1rem;
  flex-wrap: wrap
}
@media(max-width:600px) {
  .cart__product__table {
    font-size: .8888888889rem;
    display: block
  }
}
.cart__product__old-price {
  color: #686868;
  text-decoration: line-through
}
.cart__product__single-price {
  flex: 2
}
@media(max-width:1024px) {
  .cart__product__single-price {
    flex: auto;
    width: 100%;
    margin: 15px 0
  }
}
.cart__product__amount {
  flex: 1
}
@media(max-width:1024px) {
  .cart__product__amount {
    flex: auto
  }
}
@media(max-width:600px) {
  .cart__product__amount {
    flex: auto;
    display: inline-block;
    margin-top: 15px
  }
}
.cart__product__amount .form-el_label {
  margin-right: 20px;
  vertical-align: middle
}
@media(max-width:600px) {
  .cart__product__amount .form-el_label {
    margin-right: 5px
  }
}
.cart__product__amount .mdc-text-field {
  width: 75px;
  height: 40px;
  vertical-align: middle
}
.cart__product__total-price {
  flex: 1;
  text-align: right;
  white-space: nowrap
}
@media(max-width:600px) {
  .cart__product__total-price {
    float: right;
    margin-top: 25px
  }
}
.cart__summary {
  display: flex;
  margin-top: 22px;
  flex-wrap: wrap
}
.cart__discount {
  margin-right: 40px
}
@media(max-width:1024px) {
  .cart__discount {
    margin-right: 0;
    width: 100%
  }
}
.cart__discount .mdc-text-field {
  width: 230px;
  height: 40px;
  vertical-align: middle
}
.cart__discount .btn {
  height: 40px;
  vertical-align: top;
  margin-left: 5px
}
@media(max-width:600px) {
  .cart__discount .btn {
    margin-left: 0;
    margin-bottom: 8px
  }
}
.cart__discount i {
  font-size: .6666666667rem;
  margin-right: 5px
}
.cart__to-pay {
  font-size: 1.1111111111rem;
  line-height: 1.2em;
  flex: 2;
  padding-top: 3px
}
@media(max-width:1024px) {
  .cart__to-pay {
    width: 100%;
    flex: auto
  }
}
@media(max-width:600px) {
  .cart__to-pay {
    font-size: .8888888889rem;
    line-height: 1.125em
  }
}
.cart__to-pay>div:first-child {
  padding-bottom: 30px;
  margin-bottom: 25px;
  border-bottom: 2px solid #dfdfdf
}
.cart__to-pay__two-columns {
  display: flex;
  padding-top: 5px
}
@media(max-width:1024px) {
  .cart__to-pay__two-columns {
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between
  }
}
.cart__to-pay__two-columns span {
  flex: 1;
  text-align: right
}
@media(max-width:1024px) {
  .cart__to-pay__two-columns span {
    flex: auto
  }
  .cart__to-pay__two-columns span:first-child {
    text-align: left
  }
}
.credit {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 0 30px;
  color: #686868;
  font-size: .9444444444rem;
  line-height: normal;
  margin-bottom: 80px
}
@media(max-width:1024px) {
  .credit {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-bottom: 50px;
    padding: 0
  }
}
@media(max-width:735px) {
  .credit {
    margin-bottom: 30px
  }
}
.credit img {
  margin-right: 15px
}
.credit div:last-child {
  margin-left: 70px
}
@media(max-width:1024px) {
  .credit div:last-child {
    margin-left: 15px
  }
}
@media(max-width:735px) {
  .credit div:last-child {
    margin: 20px auto 0;
    display: block;
    width: 100%;
    text-align: center
  }
}
.cart__message {
  width: 86%;
  margin: auto;
  padding-bottom: 65px
}
@media(max-width:1024px) {
  .cart__message {
    width: 100%
  }
}
@media(max-width:600px) {
  .cart__message {
    padding-bottom: 35px
  }
}
.cart__agreements {
  width: 86%;
  margin: 0 auto 110px;
  font-size: .8888888889rem;
  line-height: normal;
  color: #686868
}
@media(max-width:1024px) {
  .cart__agreements {
    width: 100%
  }
}
@media(max-width:600px) {
  .cart__agreements {
    margin: 0 auto 50px
  }
}
.cart__agreements__item {
  margin-bottom: 25px
}
.is-visible {
  display: block !important;
  height: auto;
  transition: height .35s
}
.cart-logged .cart__data__client {
  width: 86%;
  margin: 0 auto 50px
}
.cart-logged .two-column-box {
  margin-bottom: 50px
}
.cart-logged .inline-form {
  width: 85%
}
.cart-logged .inline-form .mdc-select {
  width: 380px
}
.cart-logged button {
  margin-top: 9px
}
.choose-parcel-locker {
  margin: 25px 0 0 45px
}
@media(max-width:1024px) {
  .choose-parcel-locker {
    margin: 25px 0 0
  }
}
.cart__to-pay__discount {
  display: none
}
.cart__to-pay__discount.cart__to-pay__discount--show {
  display: flex
}
.cart-page #cart-form {
  display: none
}
.cart__add-address {
  margin-top: 36px;
  display: inline-block
}
@media(max-width:600px) {
  .cart__add-address {
    margin-top: 0;
    margin-bottom: 27px
  }
}
.cart__data-box {
  margin-bottom: 65px
}
.cart__data-box h3 {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center
}
.cart__data-box h3 a {
  color: #861f41;
  font-size: .8888888889rem;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  transition: opacity .3s
}
.cart__data-box h3 a:hover {
  opacity: .7
}
@media(max-width:600px) {
  .cart__data-box {
    margin-bottom: 35px
  }
}
.cart__empty {
  display: none
}
.cart__empty.show {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 161px;
  border-bottom: 2px solid #dfdfdf
}
.cart-page-summary .btn--back {
  margin-bottom: 20px
}
.cart-page-summary .border-box {
  padding: 10px 40px;
  margin-bottom: 85px
}
@media(max-width:600px) {
  .cart-page-summary .border-box {
    padding: 10px 20px;
    margin-bottom: 30px
  }
}
.cart-page-summary .border-box h4 {
  padding: 30px 25px 0
}
@media(max-width:1024px) {
  .cart-page-summary .border-box h4 {
    padding: 20px 0 0
  }
}
.cart-page-summary .delivery-methods__item {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  flex-wrap: nowrap;
  padding: 30px 25px
}
@media(max-width:1024px) {
  .cart-page-summary .delivery-methods__item {
    padding: 20px 0
  }
}
@media(max-width:600px) {
  .cart-page-summary .delivery-methods__item {
    flex-wrap: wrap
  }
}
.cart-page-summary .delivery-methods__item:last-child {
  border-bottom: 0
}
.cart-page-summary .delivery-methods__item>div {
  flex: auto
}
.cart-page-summary .delivery-methods__item .col-1 {
  text-align: left;
  -ms-flex-basis: 100px;
  flex-basis: 100px;
  margin-right: 20px
}
@media(max-width:600px) {
  .cart-page-summary .delivery-methods__item .col-1 {
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.cart-page-summary .delivery-methods__item .col-2 {
  flex-basis: calc(100% - 120px)
}
@media(max-width:600px) {
  .cart-page-summary .delivery-methods__item .col-2 {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    padding-left: 0
  }
}
.single-product {
  margin-bottom: 100px
}
@media(max-width:600px) {
  .single-product {
    margin-bottom: 50px
  }
}
.single-product section:not(.single-product__main) {
  margin-top: 65px;
  padding-top: 60px;
  border-top: 4px solid #dfdfdf
}
@media(max-width:735px) {
  .single-product section:not(.single-product__main) {
    margin-top: 35px;
    padding-top: 30px
  }
}
.single-product .section__content {
  width: 90%;
  margin: auto;
  text-align: justify;
  font-size: 1rem
}
@media(max-width:735px) {
  .single-product .section__content {
    width: 100%
  }
}
@media(max-width:600px) {
  .single-product .section__content {
    font-size: .8888888889rem
  }
}
.single-product .section__content h4 {
  margin-bottom: 45px
}
@media(max-width:735px) {
  .single-product .section__content h4 {
    margin-bottom: 25px
  }
}
.single-product .section__content .icons-wrap {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
.single-product .section__content .icons-wrap li {
  text-align: center;
  position: relative
}
.single-product .section__content .icons-wrap li h5 {
  color: #686868;
  margin-top: 30px
}
.single-product .section__content .tooltip {
  display: none;
  position: absolute;
  top: 20px;
  right: 0;
  transform: translateX(100%);
  font-size: .8333333333rem;
  padding: 12px;
  line-height: normal;
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .29);
  width: 195px;
  text-align: left;
  z-index: 101;
  background-color: #fff
}
@media(max-width:1024px) {
  .single-product .section__content .tooltip {
    display: none
  }
}
.single-product .section__content .tooltip:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 12px;
  left: -7px;
  height: 12px;
  width: 12px;
  transform: rotate(45deg);
  border-color: #fff;
  border-style: solid;
  border-width: 0 0 12px 12px
}
.single-product__main {
  padding-top: 60px;
  display: flex
}
@media(max-width:1024px) {
  .single-product__main {
    flex-wrap: wrap
  }
}
@media(max-width:735px) {
  .single-product__main {
    padding-top: 35px
  }
}
.single-product__main__gallery {
  position: relative;
  text-align: center;
  -ms-flex-basis: 57%;
  flex-basis: 57%
}
@media(max-width:1024px) {
  .single-product__main__gallery {
    margin: 0 auto;
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.single-product__main__info {
  margin-left: 50px
}
@media(max-width:1024px) {
  .single-product__main__info {
    margin-left: 0;
    margin-top: 35px;
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.single-product__main__info h1 {
  font-size: 1.6666666667rem;
  margin-bottom: 10px
}
@media(max-width:600px) {
  .single-product__main__info h1 {
    font-size: 1.4444444444rem
  }
}
.single-product__main__info .stars {
  margin-top: 10px
}
.single-product__main__info .stars>:last-child {
  margin-left: 15px
}
.single-product__main__info .stars i {
  font-size: .6666666667rem;
  color: #dfdfdf;
  vertical-align: middle
}
.single-product__main__info .stars i:before {
  margin-right: 6px
}
.single-product__main__info .stars .icon-star-half {
  vertical-align: middle
}
.single-product__main__info .border-box {
  margin-top: 25px;
  padding: 30px 40px
}
@media(max-width:735px) {
  .single-product__main__info .border-box {
    padding: 20px
  }
}
.single-product__main__info .current-price {
  font-size: 1.6666666667rem;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  color: #861f41
}
@media(max-width:600px) {
  .single-product__main__info .current-price {
    font-size: 1.4444444444rem
  }
}
.single-product__main__info .old-price {
  color: #686868;
  text-decoration: line-through
}
.single-product__main__info .add-to-cart {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-top: 28px
}
@media(max-width:600px) {
  .single-product__main__info .add-to-cart {
    flex-wrap: wrap
  }
  .single-product__main__info .add-to-cart .btn {
    width: 100%;
    margin-top: 20px
  }
}
.single-product__main__info .amount {
  width: 75px;
  margin: 0 20px
}
.single-product__main__info .status {
  font-size: 1rem;
  margin-bottom: 20px
}
@media(max-width:600px) {
  .single-product__main__info .status {
    font-size: .8888888889rem
  }
}
.single-product__main__info .status .icon-check:before,
.single-product__main__info .status .icon-unavailable:before {
  margin-right: 20px
}
.single-product__main__info .shipping {
  font-size: 1rem
}
@media(max-width:600px) {
  .single-product__main__info .shipping {
    font-size: .8888888889rem
  }
}
.single-product__main__info .shipping .icon-shipping:before {
  margin-right: 20px
}
.single-product__main__info .credit {
  margin-top: 30px;
  margin-bottom: 0;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  padding: 0
}
.single-product__main__info .credit div:last-child {
  margin-left: 25px
}
@media(max-width:1280px) {
  .single-product__main__info .credit div:last-child {
    margin-left: 15px
  }
}
@media(max-width:735px) {
  .single-product__main__info .credit div:last-child {
    margin: 0;
    width: auto
  }
}
@media(max-width:735px) {
  .single-product__main__info .credit>* {
    margin-bottom: 10px
  }
}
.single-product__main__info .partners {
  font-size: 1rem;
  line-height: 1.3333333333em;
  color: #686868
}
@media(max-width:600px) {
  .single-product__main__info .partners {
    font-size: .8888888889rem
  }
}
.single-product__main__info .partners img {
  max-width: 120px;
  margin: 10px
}
.single-product__main__info .partners .partners__logotypes {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  flex-wrap: wrap;
  margin-top: 10px
}
.single-product__desc .icons-wrap {
  margin: 35px auto 0
}
.single-product__desc .icons-wrap li {
  margin: 35px
}
@media(max-width:735px) {
  .single-product__desc .icons-wrap li {
    margin: 20px
  }
}
.single-product__desc .section__black {
  padding: 90px 100px;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  margin-top: 35px
}
@media(max-width:1280px) {
  .single-product__desc .section__black {
    flex-wrap: wrap;
    padding: 60px 100px
  }
}
@media(max-width:735px) {
  .single-product__desc .section__black {
    padding: 30px
  }
}
@media(max-width:1280px) {
  .single-product__desc .section__black img {
    margin: 0 auto 30px
  }
}
.single-product__desc .section__black>div {
  margin-left: 50px
}
@media(max-width:1280px) {
  .single-product__desc .section__black>div {
    margin-left: 0
  }
}
.single-product__desc .section__black p {
  font-size: 1.0555555556rem;
  line-height: 24px;
  color: #ccc
}
@media(max-width:600px) {
  .single-product__desc .section__black p {
    font-size: .8888888889rem
  }
}
.single-product__desc .section__black h4 {
  margin-bottom: 15px
}
.single-product__desc .section__black li {
  margin-bottom: 30px
}
.single-product__characteristic .icons-wrap {
  width: 90%;
  margin: 35px auto 0
}
.single-product__characteristic .icons-wrap li {
  width: 135px;
  margin: 25px;
  cursor: pointer
}
@media(min-width:1025px) {
  .single-product__characteristic .icons-wrap li:hover .tooltip {
    display: block
  }
}
.icons-wrap--accessories div {
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 160px
}
.icons-wrap--accessories li {
  width: 278px;
  height: 310px;
  margin: 35px 10px
}
@media(max-width:600px) {
  .icons-wrap--accessories li {
    margin: 10px
  }
}
.icons-wrap--accessories h6 {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 2px solid #dfdfdf
}
.icons-wrap--accessories p {
  font-size: .8888888889rem;
  color: #686868
}
.single-product__spec li {
  display: flex;
  border-top: 2px solid #dfdfdf
}
@media(max-width:735px) {
  .single-product__spec li {
    flex-wrap: wrap;
    padding: 20px
  }
}
@media(max-width:600px) {
  .single-product__spec li {
    padding: 10px 0
  }
}
.single-product__spec .desc,
.single-product__spec .name {
  -ms-flex-basis: 50%;
  flex-basis: 50%;
  padding: 22px 30px;
  font-size: 1rem;
  text-align: left
}
@media(max-width:735px) {
  .single-product__spec .desc,
  .single-product__spec .name {
    -ms-flex-basis: 100%;
    flex-basis: 100%;
    padding: 0
  }
}
@media(max-width:600px) {
  .single-product__spec .desc,
  .single-product__spec .name {
    font-size: .8888888889rem
  }
}
.single-product__spec .name {
  color: #686868
}
.icon-wrap--files {
  margin-left: -24px;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start
}
@media(max-width:735px) {
  .icon-wrap--files {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: 0
  }
}
.icon-wrap--files li a {
  display: block;
  color: #861f41;
  text-align: center;
  width: 250px;
  height: 140px;
  border: 2px solid #dfdfdf;
  margin: 24px;
  padding: 30px 15px;
  position: relative;
  transition: border-color .3s
}
.icon-wrap--files li a:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 300px;
  height: 188px;
  left: -25px;
  top: -24px;
  z-index: -1;
  transition: box-shadow .3s
}
@media(min-width:1025px) {
  .icon-wrap--files li a:hover {
    border-color: #fff;
    z-index: 1
  }
  .icon-wrap--files li a:hover:after {
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22)
  }
}
.icon-wrap--files li i {
  font-size: 1.3333333333rem;
  color: #000;
  margin-bottom: 15px
}
.single-product__rel__prod_list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -26px
}
@media(max-width:735px) {
  .single-product__rel__prod_list {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: 0
  }
}
.single-product__rel__prod_list li {
  flex-basis: 285px;
  height: 310px;
  margin: 26px;
  border-bottom: 2px solid #dfdfdf;
  position: relative;
  transition: border .3s
}
.single-product__rel__prod_list li:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  width: 320px;
  height: 345px;
  top: -17px;
  left: -17px;
  z-index: -1;
  transition: box-shadow .3s, height .3s
}
@media(max-width:1024px) {
  .single-product__rel__prod_list li:after {
    display: none
  }
}
@media(min-width:1025px) {
  .single-product__rel__prod_list li:hover {
    z-index: 1
  }
  .single-product__rel__prod_list li:hover:after {
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22)
  }
}
.single-product__rel__prod_list h5 {
  color: #000;
  padding-bottom: 14px
}
.single-product__rel__prod_list .cart__product__current-price {
  color: #861f41
}
.stars i.active {
  color: #861f41
}
.two-cols__img-desc {
  margin-top: 60px
}
.two-cols__img-desc>div {
  display: flex;
  margin-bottom: 30px
}
@media(max-width:735px) {
  .two-cols__img-desc>div {
    flex-wrap: wrap
  }
}
.two-cols__img-desc .img {
  width: 200px
}
@media(max-width:735px) {
  .two-cols__img-desc .img {
    width: 100%;
    text-align: center
  }
}
.two-cols__img-desc .desc {
  width: calc(100% - 200px)
}
@media(max-width:735px) {
  .two-cols__img-desc .desc {
    width: 100%
  }
}
.two-cols__img-desc h5 {
  margin-top: 15px;
  margin-bottom: 15px
}
.icons-wrap--charact-dish li {
  margin: 20px !important
}
.account {
  padding-top: 120px;
  margin-bottom: 80px
}
@media(max-width:1024px) {
  .account {
    padding-top: 40px;
    margin-bottom: 50px
  }
}
.account__menu {
  width: 285px;
  display: inline-block;
  vertical-align: top
}
@media(max-width:1570px) {
  .account__menu {
    width: 240px;
    padding-right: 30px
  }
}
@media(max-width:1024px) {
  .account__menu {
    display: none
  }
}
.account__menu nav {
  margin-top: 40px
}
.account__menu li {
  padding-bottom: 20px
}
.account__menu i {
  font-size: 1.4444444444rem;
  color: #000
}
.account__menu i:before {
  margin-right: 22px
}
.account__menu a {
  color: #000;
  transition: opacity .3s
}
.account__menu a:hover {
  opacity: .7
}
.account__content {
  display: inline-block;
  width: calc(100% - 292px);
  vertical-align: top;
  padding-left: 90px;
  position: relative;
  font-size: 1rem
}
@media(max-width:1570px) {
  .account__content {
    width: calc(100% - 246px);
    padding-left: 30px
  }
}
@media(max-width:1024px) {
  .account__content {
    width: 100%;
    padding-left: 0
  }
}
@media(max-width:600px) {
  .account__content {
    font-size: .8888888889rem
  }
}
.account__content:before {
  content: "";
  background-color: #dfdfdf;
  width: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 83px
}
@media(max-width:1024px) {
  .account__content:before {
    content: none
  }
}
.account__content h1 {
  font-size: 1.6666666667rem;
  text-align: center;
  margin-bottom: 50px
}
@media(max-width:600px) {
  .account__content h1 {
    font-size: 1.4444444444rem;
    margin-bottom: 35px
  }
}
.account__content h4 {
  margin-bottom: 40px
}
.account__content .buttons-wrap {
  display: flex;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end
}
@media(max-width:600px) {
  .account__content .buttons-wrap {
    flex-wrap: wrap
  }
}
.account__content .buttons-wrap>* {
  margin: 0 15px
}
@media(max-width:600px) {
  .account__content .buttons-wrap>* {
    margin: 0;
    width: 100%
  }
}
@media(max-width:600px) {
  .account__content .buttons-wrap .btn {
    width: 100%
  }
}
@media(max-width:600px) {
  .account__content .buttons-wrap a {
    margin-top: 30px
  }
}
@media(max-width:1570px) {
  .account__content .table--hover-row td,
  .account__content .table--hover-row th {
    padding: 20px 15px
  }
}
@media(max-width:735px) {
  .account__content .table--hover-row {
    display: block;
    padding: 20px
  }
  .account__content .table--hover-row tbody,
  .account__content .table--hover-row td,
  .account__content .table--hover-row th,
  .account__content .table--hover-row thead,
  .account__content .table--hover-row tr {
    display: block
  }
  .account__content .table--hover-row thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px
  }
  .account__content .table--hover-row tr {
    padding: 10px 0
  }
  .account__content .table--hover-row tr:not(:last-child) {
    border-bottom: 1px solid #dfdfdf
  }
  .account__content .table--hover-row td {
    border: none;
    position: relative;
    padding-left: 50%
  }
  .account__content .table--hover-row td,
  .account__content .table--hover-row th {
    border-bottom: none !important;
    padding-top: 10px;
    padding-bottom: 10px
  }
  .account__content .table--hover-row td:first-child,
  .account__content .table--hover-row td:last-child,
  .account__content .table--hover-row th:first-child,
  .account__content .table--hover-row th:last-child {
    display: none
  }
  .account__content .table--hover-row td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-family: RedHatDisplay-Bold, Arial, sans-serif;
    font-weight: 400;
    content: attr(data-label)
  }
}
@media(min-width:1025px) {
  .account__content .table--hover-row-trash tr:hover .icon-trash {
    opacity: 1
  }
}
.account__content .table--hover-row-trash .icon-trash {
  color: #dfdfdf;
  opacity: 0;
  font-size: 1.4444444444rem
}
@media(max-width:1024px) {
  .account__content .table--hover-row-trash .icon-trash {
    opacity: 1
  }
}
#add-address .buttons-wrap {
  margin-top: 50px
}
@media(max-width:600px) {
  #add-address .buttons-wrap {
    margin-top: 20px
  }
}
.tabs-content__narrow {
  width: 86%;
  margin: auto
}
@media(max-width:735px) {
  .tabs-content__narrow {
    width: 100%
  }
}
.mdc-tab-bar {
  width: 86%;
  margin: auto
}
@media(max-width:1024px) {
  .mdc-tab-bar {
    width: 100%
  }
}
.mdc-tab-scroller__scroll-content {
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
.mdc-tab-bar {
  border-bottom: 2px solid #efefef;
  margin-bottom: 50px
}
@media(max-width:1024px) {
  .mdc-tab-bar {
    margin-bottom: 35px
  }
}
.mdc-tab-bar .mdc-tab {
  flex: auto;
  padding-left: 15px;
  padding-right: 15px;
  letter-spacing: normal
}
.mdc-tab-bar .mdc-tab__icon {
  display: none
}
.mdc-tab-bar .mdc-tab__text-label {
  text-transform: none;
  padding-left: 0 !important
}
.mdc-tab-bar .mdc-tab-indicator__content--underline {
  border: none
}
.mdc-tab-bar .mdc-tab__ripple:after,
.mdc-tab-bar .mdc-tab__ripple:before {
  content: none
}
.mdc-tab-bar .mdc-tab__text-label {
  color: #000;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem
}
@media(max-width:600px) {
  .mdc-tab-bar .mdc-tab__text-label {
    font-size: .8888888889rem
  }
}
.mdc-tab-bar .mdc-tab--active .mdc-tab__text-label {
  color: #861f41
}
.tabs-content .border-box:not(.table) {
  width: 86%;
  margin: 70px auto 0;
  padding: 35px 70px;
  font-size: 1rem
}
@media(max-width:1024px) {
  .tabs-content .border-box:not(.table) {
    padding: 35px;
    margin: 35px auto 0
  }
}
@media(max-width:735px) {
  .tabs-content .border-box:not(.table) {
    width: 100%;
    padding: 20px
  }
}
@media(max-width:600px) {
  .tabs-content .border-box:not(.table) {
    font-size: .8888888889rem
  }
}
.tabs-content .border-box:not(.table) img {
  display: block;
  margin: auto
}
.tabs-content .border-box:not(.table) .btn {
  display: block;
  margin: 30px auto 0
}
.tabs-content .border-box:not(.table) ul {
  color: #686868
}
.tabs-content .register-product {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between
}
@media(max-width:735px) {
  .tabs-content .register-product {
    flex-wrap: wrap
  }
}
.tabs-content .register-product>div:first-child {
  width: 47%
}
@media(max-width:735px) {
  .tabs-content .register-product>div:first-child {
    width: 100%
  }
}
.tabs-content .register-product>div:last-child {
  width: 45%;
  margin-top: 67px;
  font-size: 1rem
}
@media(max-width:735px) {
  .tabs-content .register-product>div:last-child {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px
  }
}
@media(max-width:600px) {
  .tabs-content .register-product>div:last-child {
    font-size: .8888888889rem
  }
}
.tabs-content .register-product>div:last-child img {
  display: block;
  margin: auto
}
.recipes__search-bg {
  background-image: url(/themes/kohersen/img/przepisy-bg1.png);
  background-position: bottom;
  padding: 50px 0 100px
}
@media(max-width:600px) {
  .recipes__search-bg {
    padding: 30px 0 50px
  }
}
.recipes__search-wrap {
  margin: 0 auto;
  padding: 20px;
  background-color: hsla(0, 0%, 100%, .95);
  width: 700px
}
@media(max-width:1024px) {
  .recipes__search-wrap {
    width: 90%
  }
}
.recipes__search-wrap .border-box {
  text-align: center
}
.recipes__search-wrap form {
  display: inline-block;
  margin: auto;
  position: relative;
  width: 480px
}
@media(max-width:735px) {
  .recipes__search-wrap form {
    width: 90%
  }
}
.recipes__search-wrap .mdc-text-field {
  max-width: 480px;
  background-color: #fff;
  margin-bottom: 90px;
  padding-right: 50px
}
@media(max-width:600px) {
  .recipes__search-wrap .mdc-text-field {
    margin-bottom: 30px
  }
}
.recipes__search-wrap .mdc-text-field .mdc-text-field__input::-webkit-search-cancel-button {
  display: none
}
@media(max-width:600px) {
  .recipes__search-wrap .mdc-text-field .mdc-text-field__input::-webkit-input-placeholder {
    color: transparent
  }
  .recipes__search-wrap .mdc-text-field .mdc-text-field__input:-moz-placeholder,
  .recipes__search-wrap .mdc-text-field .mdc-text-field__input::-moz-placeholder {
    color: transparent
  }
  .recipes__search-wrap .mdc-text-field .mdc-text-field__input:-ms-input-placeholder {
    color: transparent
  }
}
.recipes__search-wrap button[type=submit] {
  position: absolute;
  top: 13px;
  right: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer
}
.recipes__search-wrap button[type=submit] .icon-search {
  color: maroon;
  font-size: 1.3888888889rem
}
.recipes__search-wrap h1 {
  padding: 60px 0 35px
}
@media(max-width:600px) {
  .recipes__search-wrap h1 {
    padding: 30px 0 15px
  }
}
.recipes-content {
  margin-top: 35px
}
.recipes-content .filters {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  margin: 20px 23px 0
}
@media(max-width:1280px) {
  .recipes-content .filters {
    flex-wrap: wrap
  }
}
@media(max-width:735px) {
  .recipes-content .filters {
    margin: 20px 0
  }
}
.recipes-content .filters .device {
  width: 250px
}
@media(max-width:1280px) {
  .recipes-content .filters .device {
    width: 48%
  }
}
@media(max-width:600px) {
  .recipes-content .filters .device {
    width: 100%
  }
}
.recipes-content .filters .device[disabled] {
  pointer-events: none
}
.recipes-content .filters .cuisine,
.recipes-content .filters .dishes,
.recipes-content .filters .ingredient {
  width: 210px
}
@media(max-width:1280px) {
  .recipes-content .filters .cuisine,
  .recipes-content .filters .dishes,
  .recipes-content .filters .ingredient {
    width: 48%
  }
}
@media(max-width:600px) {
  .recipes-content .filters .cuisine,
  .recipes-content .filters .dishes,
  .recipes-content .filters .ingredient {
    width: 100%
  }
}
.recipes-content .filters .cuisine[disabled],
.recipes-content .filters .dishes[disabled],
.recipes-content .filters .ingredient[disabled] {
  pointer-events: none
}
@media(max-width:1280px) {
  .recipes-content .filters .premium {
    margin-top: 15px
  }
}
@media(max-width:600px) {
  .recipes-content .filters .premium {
    margin-top: 0
  }
}
.recipes-content .filters .premium label {
  color: #861f41;
  font-size: 1rem
}
.recipes-content .filters .mdc-notched-outline__notch {
  width: auto !important;
  display: block;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf
}
.recipes-content .filters .mdc-notched-outline__notch .mdc-floating-label--float-above {
  transform: translateY(-50%)
}
.recipes-content .filters .mdc-floating-label {
  color: #000 !important
}
.recipes-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 26px
}
.recipes-list li a div {
  text-align: center;
  justify-content: center;
}
.recipes-list {
  justify-content: center;
}
@media(min-width:1024px) {
  .recipes-list,
  #formfiltry {
    margin: auto;
    width: 100%
  }
}
@media(max-width:1024px) {
  .recipes-list,
  #formfiltry {
    width: 620px;
    margin: auto
  }
}
@media(max-width:735px) {
  .recipes-list,
  #formfiltry {
    width: 100%;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
  }
}
.recipes-list li {
  -ms-flex-basis: 285px;
  flex-basis: 285px;
  height: 275px;
  margin: 26px 23px;
  position: relative;
  overflow: hidden;
  padding-top: 4px
}
@media(max-width:600px) {
  .recipes-list li {
    margin: 15px 0
  }
}
.recipes-list li:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-color: #fff;
  width: 320px;
  height: calc(100% + 17px);
  top: -17px;
  left: -17px;
  z-index: -1;
  transition: box-shadow .3s, height .3s
}
@media(min-width:1025px) {
  .recipes-list li:hover {
    z-index: 2;
    overflow: visible
  }
  .recipes-list li:hover:after {
    height: 380px;
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22)
  }
  .recipes-list li:hover .btn {
    height: 50px
  }
}
.recipes-list a {
  display: block;
  height: 100%
}
.recipes-list a h5 {
  color: #000
}
.recipes-list a h5,
.recipes-list a img,
.recipes-list a p {
  padding-bottom: 14px
}
.recipes-list .btn {
  height: 0;
  width: 100%;
  margin: 17px 0;
  padding: 10px 0;
  transition: all .3s
}
@media(max-width:1024px) {
  .recipes-list .btn {
    display: none
  }
}
.recipes-list .recipe-label-premium {
  width: 66px;
  right: 12px
}
.recipes-list .recipe-label-premium div:first-child {
  line-height: 33px;
  font-size: .7777777778rem
}
.recipes-list .recipe-label-premium div:last-child {
  line-height: 20px
}
.recipes-list .recipe-label-premium div:last-child:after {
  border-left: 33px solid transparent;
  border-right: 33px solid transparent;
  border-top: 7px solid #fff
}
.recipes-list .recipe-label-premium div:last-child i {
  font-size: .5rem
}
.recipes-pagin {
  text-align: center;
  margin-bottom: 75px
}
#recipes-tags {
  border-bottom: 2px solid #dfdfdf;
  margin: 27px 0 0 17px
}
@media(max-width:735px) {
  #recipes-tags {
    margin: 27px 0 0
  }
}
#recipes-tags>div {
  margin: 0 9px 23px;
  background-color: #000;
  display: inline-block;
  font-size: .8888888889rem;
  color: #fff;
  padding: 5px 32px 5px 14px;
  position: relative
}
#recipes-tags>div span {
  padding: 5px 11px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer
}
#recipes-tags>div span:before {
  content: "\e81e";
  font-family: icons;
  font-size: .6111111111rem
}
.recipes-details {
  margin-bottom: 100px
}
@media(max-width:600px) {
  .recipes-details {
    margin-bottom: 50px
  }
}
.recipes-details h4 {
  margin-bottom: 45px
}
@media(max-width:1024px) {
  .recipes-details h4 {
    margin-bottom: 25px
  }
}
.recipes-details section:not(.single-recipe__main):not(.recipe):not(.single-recipe__login) {
  margin-top: 65px;
  padding-top: 60px;
  border-top: 4px solid #dfdfdf
}
@media(max-width:735px) {
  .recipes-details section:not(.single-recipe__main):not(.recipe):not(.single-recipe__login) {
    padding-top: 30px;
    margin-top: 35px
  }
}
.recipes-details .section__content {
  width: 90%;
  margin: auto;
  text-align: justify;
  font-size: 1rem
}
@media(max-width:735px) {
  .recipes-details .section__content {
    width: 100%
  }
}
@media(max-width:600px) {
  .recipes-details .section__content {
    font-size: .8888888889rem
  }
}
.single-recipe__main {
  padding-top: 60px;
  margin-bottom: 65px;
  display: flex;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch
}
@media(max-width:1024px) {
  .single-recipe__main {
    flex-wrap: wrap
  }
}
@media(max-width:735px) {
  .single-recipe__main {
    padding-top: 35px;
    margin-bottom: 35px
  }
}
.single-recipe__main__gallery {
  position: relative;
  text-align: center;
  -ms-flex-basis: 53%;
  flex-basis: 53%;
  padding-top: 4px
}
@media(max-width:1024px) {
  .single-recipe__main__gallery {
    margin: 0 auto;
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.single-recipe__main__gallery img {
  display: block;
  margin: auto
}
.single-recipe__main__gallery .recipe-label-premium {
  width: 86px;
  right: 38px
}
@media(max-width:735px) {
  .single-recipe__main__gallery .recipe-label-premium {
    width: 66px;
    right: 12px
  }
}
.single-recipe__main__gallery .recipe-label-premium div:first-child {
  height: 70px;
  font-size: 1rem;
  position: relative
}
@media(max-width:735px) {
  .single-recipe__main__gallery .recipe-label-premium div:first-child {
    height: 33px;
    line-height: 100%;
    font-size: .7777777778rem
  }
}
.single-recipe__main__gallery .recipe-label-premium div:first-child span {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%)
}
.single-recipe__main__gallery .recipe-label-premium div:first-child:before {
  content: "\e826";
  font-family: icons;
  font-size: 4.3888888889rem;
  color: hsla(0, 0%, 100%, .16);
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%)
}
@media(max-width:735px) {
  .single-recipe__main__gallery .recipe-label-premium div:first-child:before {
    display: none
  }
}
.single-recipe__main__gallery .recipe-label-premium div:last-child {
  line-height: 26px
}
@media(max-width:735px) {
  .single-recipe__main__gallery .recipe-label-premium div:last-child {
    line-height: 20px
  }
}
.single-recipe__main__gallery .recipe-label-premium div:last-child:after {
  border-left: 43px solid transparent;
  border-right: 43px solid transparent;
  border-top: 11px solid #fff
}
@media(max-width:735px) {
  .single-recipe__main__gallery .recipe-label-premium div:last-child:after {
    border-left: 33px solid transparent;
    border-right: 33px solid transparent;
    border-top: 9px solid #fff
  }
}
.single-recipe__main__gallery .recipe-label-premium div:last-child i {
  font-size: .6666666667rem
}
@media(max-width:735px) {
  .single-recipe__main__gallery .recipe-label-premium div:last-child i {
    font-size: .5rem
  }
}
.single-recipe__main__info {
  padding-top: 4px;
  margin-left: 50px;
  -ms-flex-basis: calc(47% - 50px);
  flex-basis: calc(47% - 50px)
}
@media(max-width:1024px) {
  .single-recipe__main__info {
    margin-left: 0;
    margin-top: 35px;
    -ms-flex-basis: 100%;
    flex-basis: 100%
  }
}
.single-recipe__main__info .border-box {
  padding: 30px 40px;
  min-height: 100%
}
@media(max-width:735px) {
  .single-recipe__main__info .border-box {
    padding: 20px
  }
}
.single-recipe__main__info hr {
  margin: 19px auto
}
.single-recipe__main__info a {
  color: #861f41;
  font-size: 1rem;
  transition: opacity .3s
}
.single-recipe__main__info a:hover {
  opacity: .7
}
@media(max-width:600px) {
  .single-recipe__main__info a {
    font-size: .8888888889rem
  }
}
.single-recipe__main__info a i {
  color: #000;
  font-size: 1.3333333333rem
}
.single-recipe__main__info a i:before {
  margin-right: 15px
}
.single-recipe__main__info h1 {
  font-size: 1.6666666667rem;
  margin-bottom: 10px
}
@media(max-width:600px) {
  .single-recipe__main__info h1 {
    font-size: 1.4444444444rem
  }
}
.single-recipe__main__info .icon-recipe-score {
  font-size: 1.2777777778rem
}
.single-recipe__main__info .icon-recipe-taste {
  font-size: 1rem
}
.single-recipe__main__info .recipe-taste span {
  margin-left: 10px
}
.single-recipe__main__info .recipe-desc {
  font-size: .8888888889rem;
  line-height: 1.375em
}
.recipe-portion-time {
  display: flex;
  margin-top: 10px
}
.recipe-portion-time span {
  display: block;
  width: 50%
}
.icon-recipe-score {
  color: #dfdfdf
}
.icon-recipe-score.active {
  color: #861f41
}
.icon-recipe-taste {
  color: #dfdfdf
}
.icon-recipe-taste.active {
  color: #861f41
}
.single-recipe__login {
  width: 695px;
  margin: 15px auto 60px;
  text-align: center
}
@media(max-width:1024px) {
  .single-recipe__login {
    width: 100%
  }
}
.single-recipe__login a {
  color: #861f41;
  transition: opacity .3s
}
.single-recipe__login a:hover {
  opacity: .7
}
.single-recipe__login .border-box {
  margin: 70px auto 0;
  padding: 35px 70px;
  font-size: 1rem;
  text-align: left
}
@media(max-width:1024px) {
  .single-recipe__login .border-box {
    padding: 35px;
    margin: 35px auto 0
  }
}
@media(max-width:735px) {
  .single-recipe__login .border-box {
    width: 100%;
    padding: 20px
  }
}
@media(max-width:600px) {
  .single-recipe__login .border-box {
    font-size: .8888888889rem
  }
}
.single-recipe__login .border-box img {
  display: block;
  margin: auto
}
.single-recipe__login .border-box .btn {
  display: block;
  margin: 30px auto 0
}
.single-recipe__login .border-box ul {
  color: #686868
}
.recipe-ingredients-nutrients {
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
  font-size: 1rem
}
@media(max-width:735px) {
  .recipe-ingredients-nutrients {
    flex-wrap: wrap
  }
}
@media(max-width:600px) {
  .recipe-ingredients-nutrients {
    font-size: .8888888889rem
  }
}
.recipe-ingredients {
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex: 1;
  text-align: left
}
@media(max-width:735px) {
  .recipe-ingredients {
    flex: auto
  }
}
.recipe-ingredients li {
  position: relative;
  padding-left: 22px;
  margin-right: 15px;
  width: calc(50% - 15px)
}
@media(max-width:1280px) {
  .recipe-ingredients li {
    width: 100%
  }
}
.recipe-ingredients li:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-color: #861f41;
  position: absolute;
  top: 7px;
  left: 0
}
@media(max-width:600px) {
  .recipe-ingredients li:before {
    top: 5px
  }
}
.recipe-nutrients {
  width: 350px;
  background-color: #f5f5f5;
  padding: 25px 35px
}
@media(max-width:735px) {
  .recipe-nutrients {
    width: 100%;
    margin-top: 25px;
    padding: 20px
  }
}
.recipe-nutrients h5 {
  font-size: 1.2222222222rem
}
.recipe-nutrients h5 span {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-weight: 400;
  font-size: .8888888889rem
}
.recipe-nutrients ul li {
  margin-top: 10px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative
}
.recipe-nutrients ul li .dots {
  border-bottom: 1px dashed #ddd;
  flex: auto;
  margin-bottom: 7px
}
.recipe-nutrients ul li span {
  position: relative;
  z-index: 1;
  background-color: #f5f5f5
}
.recipe-nutrients ul li span:first-child {
  padding-right: 5px
}
.recipe-nutrients ul li span:last-child {
  color: #861f41;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  padding-left: 5px;
  text-align: right
}
.recipe-preparation {
  font-size: 1rem
}
.recipe-preparation ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  padding-left: 0
}
.recipe-preparation ol li {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  position: relative;
  counter-increment: my-awesome-counter;
  padding: 20px 30px 20px 100px;
  margin-bottom: 0;
  min-height: 90px
}
@media(max-width:735px) {
  .recipe-preparation ol li {
    padding: 20px 20px 20px 70px
  }
}
@media(max-width:600px) {
  .recipe-preparation ol li {
    padding: 20px 0 20px 50px
  }
}
.recipe-preparation ol li:before {
  content: counter(my-awesome-counter);
  color: #861f41;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  position: absolute;
  left: 45px;
  top: 36px;
  transform: translateX(-50%)
}
@media(max-width:735px) {
  .recipe-preparation ol li:before {
    left: 35px
  }
}
@media(max-width:600px) {
  .recipe-preparation ol li:before {
    left: 15px
  }
}
.recipe-preparation ol li:after {
  content: "\e813";
  font-family: icons;
  color: #861f41;
  font-size: 2.1666666667rem;
  position: absolute;
  left: 30px;
  top: 33px
}
@media(max-width:735px) {
  .recipe-preparation ol li:after {
    left: 20px
  }
}
@media(max-width:600px) {
  .recipe-preparation ol li:after {
    left: 0
  }
}
.recipe-recommended-device .section__content a {
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start
}
@media(max-width:735px) {
  .recipe-recommended-device .section__content a {
    flex-wrap: wrap
  }
}
.recipe-recommended-device img {
  margin-right: 40px
}
@media(max-width:735px) {
  .recipe-recommended-device img {
    display: block;
    margin: 0 auto 25px
  }
}
.recipe-recommended-device h4 {
  margin-bottom: 20px
}
.recipe-recommended-device h3 {
  margin-bottom: 15px;
  color: #000
}
.recipe-recommended-device p {
  line-height: 1.3333333333em;
  color: #000
}
.recipe-recommended-device .more {
  margin-top: 10px;
  color: #861f41;
  display: inline-block
}
.recipe-recommended-device .more:after {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  transform: rotate(45deg);
  border-color: #861f41;
  border-style: solid;
  border-width: 1px 1px 0 0;
  margin-left: 10px
}
.recipes-categories .section__content {
  text-align: left
}
.recipes-categories a {
  margin: 0 7px 23px;
  background-color: #000;
  display: inline-block;
  font-size: .8888888889rem;
  color: #fff;
  padding: 5px 14px;
  transition: opacity .3s
}
.recipes-categories a:hover {
  opacity: .7
}
.recipes-details .section__opinions .col-2 {
  -ms-flex-basis: 26%;
  flex-basis: 26%
}
@media(max-width:1024px) {
  .recipes-details .section__opinions .col-2 {
    -ms-flex-basis: 50%;
    flex-basis: 50%
  }
}
@media(max-width:735px) {
  .recipes-details .section__opinions .col-2 {
    -ms-flex-basis: auto;
    flex-basis: auto
  }
}
.recipes-details .section__opinions form .two-cols>div:first-child {
  width: 32%
}
@media(max-width:735px) {
  .recipes-details .section__opinions form .two-cols>div:first-child {
    width: 100%
  }
}
.recipes-details .section__opinions form .two-cols>div:last-child {
  width: 68%
}
@media(max-width:735px) {
  .recipes-details .section__opinions form .two-cols>div:last-child {
    width: 100%
  }
}
.recipes-details .section__opinions form .btn {
  margin-top: 25px
}
.recipe-label-premium {
  position: absolute;
  top: 0;
  z-index: 1;
  text-align: center
}
.recipe-label-premium div:first-child {
  background-color: #f1d171;
  color: #95730f
}
.recipe-label-premium div:last-child {
  background-color: #fff
}
.recipe-label-premium div:last-child:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  display: inline-block;
  width: 0;
  height: 0
}
.recipe-label-premium div:last-child i {
  vertical-align: middle;
  color: #f5b800
}
.recipe-label-premium div:last-child i:before {
  margin-right: 0;
  width: auto
}
.blog .newsletter {
  border-top: none
}
@media(max-width:370px) {
  .blog .newsletter {
    border-top: 4px solid #f5f5f5
  }
}
.blog .slider {
  overflow: hidden;
  height: 560px
}
@media(max-width:1280px) {
  .blog .slider {
    height: auto
  }
}
@media(max-width:735px) {
  .blog .slider {
    margin-bottom: 35px
  }
}
.blog #slider-image {
  position: relative
}
@media(max-width:1280px) {
  .blog #slider-image {
    margin-bottom: 35px
  }
}
@media(max-width:735px) {
  .blog #slider-image {
    margin-bottom: 15px
  }
}
.blog #slider-image .owl-item>div {
  position: relative;
  overflow: hidden
}
.blog #slider-image .owl-item>div:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .2)
}
.blog #slider-image .owl-item>div:before {
  content: url(/themes/kohersen/img/blog-watermark.png);
  position: absolute;
  bottom: -10%;
  left: -5%;
  z-index: 2
}
@media(max-width:600px) {
  .blog #slider-image .owl-item>div:before {
    content: none
  }
}
.blog #slider-image .owl-nav {
  bottom: 80px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%)
}
@media(max-width:735px) {
  .blog #slider-image .owl-nav {
    bottom: 40px
  }
}
.blog #slider-image .owl-nav #bar {
  background-color: #fff
}
.blog #slider-image .owl-nav .owl-next i,
.blog #slider-image .owl-nav .owl-prev i {
  color: #fff
}
.blog #slider-image .owl-nav .owl-next i:before,
.blog #slider-image .owl-nav .owl-prev i:before {
  width: auto
}
.blog .slider-right {
  position: relative;
  padding-left: 40px
}
@media screen and (min-width:1280px) {
  .blog .slider-right {
    padding-left: calc(40px + 60 * (100vw - 1280px)/ 640)
  }
}
@media screen and (min-width:1920px) {
  .blog .slider-right {
    padding-left: 100px
  }
}
.blog .slider-right {
  padding-right: 40px
}
@media screen and (min-width:1280px) {
  .blog .slider-right {
    padding-right: calc(40px + 60 * (100vw - 1280px)/ 640)
  }
}
@media screen and (min-width:1920px) {
  .blog .slider-right {
    padding-right: 100px
  }
}
@media(max-width:1570px) {
  .blog .slider-right {
    padding: 0 6%
  }
}
@media(max-width:1280px) {
  .blog .slider-right {
    display: block
  }
}
@media(max-width:735px) {
  .blog .slider-right {
    padding: 0 5%
  }
}
.blog .slider-right>a {
  display: block;
  padding: 30px 130px 30px 0;
  color: #000;
  transition: color .3s;
  padding-right: 50px
}
@media screen and (min-width:1280px) {
  .blog .slider-right>a {
    padding-right: calc(50px + 80 * (100vw - 1280px)/ 640)
  }
}
@media screen and (min-width:1920px) {
  .blog .slider-right>a {
    padding-right: 130px
  }
}
@media(max-width:1280px) {
  .blog .slider-right>a {
    padding: 20px 0
  }
}
@media(max-width:735px) {
  .blog .slider-right>a {
    padding: 20px 0 20px 20px
  }
}
.blog .slider-right>a:hover {
  color: #861f41
}
.blog .slider-right>a:not(:last-child) {
  border-bottom: 2px solid #efefef
}
.blog .slider-right .date {
  font-size: 1.2777777778rem;
  color: #686868
}
@media(max-width:1024px) {
  .blog .slider-right .date {
    font-size: 1rem
  }
}
.blog .slider-right h3 {
  font-size: 24px
}
@media screen and (min-width:1024px) {
  .blog .slider-right h3 {
    font-size: calc(24px + 6 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .blog .slider-right h3 {
    font-size: 30px
  }
}
@media(max-width:600px) {
  .blog .slider-right h3 {
    font-size: 1.2222222222rem
  }
}
.blog .slider-right .arrow {
  position: absolute;
  left: 0;
  z-index: 10;
  transform: translateX(-100%);
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-right: 25px solid #fff;
  transition: top .3s
}
@media(max-width:1280px) {
  .blog .slider-right .arrow {
    transform: rotate(180deg);
    left: 0;
    border-right-color: #000
  }
}
@media(max-width:735px) {
  .blog .slider-right .arrow {
    transform: rotate(180deg) scale(.5);
    left: -7px
  }
}
.blog-list .border-box {
  padding-bottom: 50px
}
@media(max-width:370px) {
  .blog-list .border-box {
    border: none;
    padding: 0 0 35px
  }
  .blog-list .border-box:after {
    content: none
  }
}
.blog-list .articles-list {
  display: flex;
  flex-wrap: wrap;
  padding: 1.8% 2.4%
}
@media(max-width:1360px) {
  .blog-list .articles-list {
    padding: 2.6% 5.4%
  }
}
@media(max-width:735px) {
  .blog-list .articles-list {
    padding: 2.6%
  }
}
@media(max-width:600px) {
  .blog-list .articles-list {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
  }
}
@media(max-width:370px) {
  .blog-list .articles-list {
    padding: 0
  }
}
.blog-list h3 {
  color: #000;
  line-height: normal;
  transition: color .3s;
  font-size: 24px
}
@media screen and (min-width:1024px) {
  .blog-list h3 {
    font-size: calc(24px + 6 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .blog-list h3 {
    font-size: 30px
  }
}
@media(max-width:600px) {
  .blog-list h3 {
    font-size: 1.2222222222rem
  }
}
.blog-list .articles-list li {
  width: 28%;
  margin: 2% 2.5%
}
@media(max-width:1360px) {
  .blog-list .articles-list li {
    width: 42.4%;
    margin: 3.85% 3.8%
  }
}
@media(max-width:600px) {
  .blog-list .articles-list li {
    width: 100%
  }
}
@media(max-width:370px) {
  .blog-list .articles-list li {
    margin: 10px 0
  }
}
.blog-list .articles-list li a {
  position: relative;
  padding-bottom: 50px;
  color: #000;
  display: block;
  height: 100%;
  padding-bottom: 35px
}
@media screen and (min-width:600px) {
  .blog-list .articles-list li a {
    padding-bottom: calc(35px + 15 * (100vw - 600px)/ 1320)
  }
}
@media screen and (min-width:1920px) {
  .blog-list .articles-list li a {
    padding-bottom: 50px
  }
}
.blog-list .articles-list li:hover h3 {
  color: #861f41
}
.blog-list .articles-list li img {
  margin-bottom: 15px
}
@media screen and (min-width:600px) {
  .blog-list .articles-list li img {
    margin-bottom: calc(15px + 25 * (100vw - 600px)/ 1320)
  }
}
@media screen and (min-width:1920px) {
  .blog-list .articles-list li img {
    margin-bottom: 40px
  }
}
.blog-list .articles-list li .date {
  display: block;
  color: #686868;
  font-size: 1.2777777778rem;
  line-height: normal;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-top: 15px
}
@media screen and (min-width:600px) {
  .blog-list .articles-list li .date {
    margin-top: calc(15px + 10 * (100vw - 600px)/ 1320)
  }
}
@media screen and (min-width:1920px) {
  .blog-list .articles-list li .date {
    margin-top: 25px
  }
}
@media(max-width:1024px) {
  .blog-list .articles-list li .date {
    font-size: 1rem
  }
}
.blog-list .products__setup {
  padding-left: 4.9%;
  padding-right: 4.9%
}
@media(max-width:600px) {
  .blog-list .products__setup {
    padding-left: 9.2%;
    padding-right: 9.2%
  }
}
@media(max-width:370px) {
  .blog-list .products__setup {
    padding-left: 0;
    padding-right: 0
  }
}
.blog-list .products__setup:last-child {
  border: none
}
.blog-post {
  font-size: 1rem;
  line-height: 1.3333333333em
}
@media(max-width:600px) {
  .blog-post {
    font-size: .8888888889rem;
    line-height: 1.3125em
  }
}
.blog-post .section__content {
  width: 90%;
  margin: auto
}
@media(max-width:600px) {
  .blog-post .section__content {
    width: 100%
  }
}
.blog-post .section__opinions {
  margin-bottom: 100px
}
.blog-post .section__opinions h4 {
  margin-bottom: 45px
}
@media(max-width:735px) {
  .blog-post .section__opinions h4 {
    margin-bottom: 25px
  }
}
@media(max-width:735px) {
  .blog-post .section__opinions {
    margin-bottom: 50px
  }
}
.blog-post__header {
  display: flex;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
  position: relative;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top;
  height: 600px;
  color: #fff;
  padding: 60px 20px
}
@media(max-width:1280px) {
  .blog-post__header {
    height: 450px
  }
}
.blog-post__header:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background-image: url(/themes/kohersen/img/blog-post-mask.png);
  background-position: bottom;
  background-repeat: no-repeat
}
.blog-post__header:after {
  content: url(/themes/kohersen/img/blog-watermark.png);
  position: absolute;
  bottom: -20%;
  left: 19%
}
@media(max-width:1570px) {
  .blog-post__header:after {
    left: 8%
  }
}
@media(max-width:600px) {
  .blog-post__header:after {
    content: none
  }
}
.blog-post__header .wrapper-big {
  position: relative;
  z-index: 1
}
.blog-post__header h1 {
  font-size: 28px
}
@media screen and (min-width:1024px) {
  .blog-post__header h1 {
    font-size: calc(28px + 7 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .blog-post__header h1 {
    font-size: 35px
  }
}
@media(max-width:600px) {
  .blog-post__header h1 {
    font-size: 1.4444444444rem
  }
}
.blog-post__header time {
  color: #686868;
  font-size: 18px
}
@media screen and (min-width:1024px) {
  .blog-post__header time {
    font-size: calc(18px + 4 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .blog-post__header time {
    font-size: 22px
  }
}
.blog-post__header .next-post,
.blog-post__header .prev-post {
  display: block;
  width: 55px;
  height: 55px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
@media(max-width:1024px) {
  .blog-post__header .next-post,
  .blog-post__header .prev-post {
    width: 35px;
    height: 35px
  }
}
.blog-post__header .next-post:before,
.blog-post__header .prev-post:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 16px
}
@media(max-width:1024px) {
  .blog-post__header .next-post:before,
  .blog-post__header .prev-post:before {
    top: 10px
  }
}
.blog-post__header .next-post {
  right: 0
}
.blog-post__header .next-post:before {
  height: 22px;
  width: 22px;
  transform: rotate(45deg);
  border-color: #861f41;
  border-style: solid;
  border-width: 2px 2px 0 0;
  left: 11px;
  transition: left .2s
}
@media(max-width:1024px) {
  .blog-post__header .next-post:before {
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    border-color: #861f41;
    border-style: solid;
    border-width: 2px 2px 0 0
  }
}
@media(min-width:1025px) {
  .blog-post__header .next-post:hover:before {
    left: 15px
  }
}
.blog-post__header .prev-post {
  left: 0
}
.blog-post__header .prev-post:before {
  height: 22px;
  width: 22px;
  transform: rotate(45deg);
  border-color: #861f41;
  border-style: solid;
  border-width: 0 0 2px 2px;
  right: 11px;
  transition: right .2s
}
@media(max-width:1024px) {
  .blog-post__header .prev-post:before {
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    border-color: #861f41;
    border-style: solid;
    border-width: 0 0 2px 2px
  }
}
@media(min-width:1025px) {
  .blog-post__header .prev-post:hover:before {
    right: 15px
  }
}
.blog-post__article-info {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 60px 0 50px
}
@media(max-width:735px) {
  .blog-post__article-info {
    flex-wrap: wrap;
    padding: 35px 0 30px
  }
}
.blog-post__article-info * {
  vertical-align: middle
}
.blog-post__article-info .time {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  flex: 1
}
@media(max-width:1280px) {
  .blog-post__article-info .time {
    flex: auto
  }
}
@media(max-width:735px) {
  .blog-post__article-info .time {
    width: 100%;
    margin-bottom: 10px
  }
}
.blog-post__article-info .time i {
  font-size: 1.6666666667rem
}
.blog-post__article-info .socials {
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  flex: 1
}
@media(max-width:1280px) {
  .blog-post__article-info .socials {
    flex: auto
  }
}
@media(max-width:600px) {
  .blog-post__article-info .socials {
    flex-wrap: wrap
  }
}
.blog-post__article-info .socials i {
  color: #000;
  font-size: 1.6666666667rem;
  transition: opacity .3
}
.blog-post__article-info .socials i:hover {
  opacity: .7
}
.blog-post__article-info .socials i:before {
  margin-right: 0
}
@media(max-width:600px) {
  .blog-post__article-info .share {
    width: 100%;
    margin-top: 10px
  }
}
.blog-post__article-info .share span {
  margin-right: 15px;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400
}
@media(max-width:1024px) {
  .blog-post__article-info .share span {
    margin-right: 0
  }
}
.blog-post__article-info .share a {
  margin-left: 20px;
  display: inline-block
}
.blog-post__article-info .socials__opinions {
  color: #861f41
}
.blog-post__content {
  padding-bottom: 45px
}
@media(max-width:735px) {
  .blog-post__content {
    padding-bottom: 25px
  }
}
.blog-post__content h2 {
  margin-bottom: 25px;
  font-size: 24px
}
@media screen and (min-width:1024px) {
  .blog-post__content h2 {
    font-size: calc(24px + 4 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .blog-post__content h2 {
    font-size: 28px
  }
}
@media(max-width:600px) {
  .blog-post__content h2 {
    font-size: 1.1111111111rem;
    margin-bottom: 15px
  }
}
.blog-post__content h3 {
  margin-bottom: 10px;
  font-size: 20px
}
@media screen and (min-width:1024px) {
  .blog-post__content h3 {
    font-size: calc(20px + 2 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .blog-post__content h3 {
    font-size: 22px
  }
}
@media(max-width:600px) {
  .blog-post__content h3 {
    font-size: 1rem
  }
}
.blog-post__content a {
  color: #861f41;
  transition: opacity .3s
}
.blog-post__content a:hover {
  opacity: .7
}
.blog-post__content ul {
  padding-left: 23px;
  margin: 30px 0
}
@media(max-width:600px) {
  .blog-post__content ul {
    padding-left: 0;
    margin: 15px 0
  }
}
.blog-post__content ul li {
  list-style: none;
  position: relative;
  padding-left: 25px
}
.blog-post__content ul li:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #861f41;
  position: absolute;
  left: 0;
  top: 5px
}
.blog-post__content blockquote {
  position: relative;
  padding-left: 35px;
  margin: 30px 0 45px;
  font-size: 1.2222222222rem;
  line-height: 1.1818181818em
}
@media(max-width:600px) {
  .blog-post__content blockquote {
    font-size: 1rem;
    line-height: 1.3333333333em;
    padding-left: 25px
  }
}
.blog-post__content blockquote:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 5px;
  height: 100%;
  background-color: #861f41;
  left: 0;
  top: 0
}
.blog-post__content blockquote footer {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  font-style: italic
}
.blog-post__gallery {
  border-top: 4px solid #dfdfdf;
  border-bottom: 4px solid #dfdfdf;
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center
}
.blog-post__gallery a {
  display: inline-block;
  padding: 11px;
  margin: 11px;
  max-width: 222px;
  width: 17%;
  transition: box-shadow .3s
}
@media(max-width:1024px) {
  .blog-post__gallery a {
    width: 45%;
    max-width: 200px;
    padding: 0
  }
}
@media(max-width:600px) {
  .blog-post__gallery a {
    width: 100%
  }
}
.blog-post__gallery a img {
  display: block
}
@media(min-width:1025px) {
  .blog-post__gallery a:hover {
    box-shadow: 0 0 29px rgba(0, 0, 0, .22)
  }
}
.blog-post__tags {
  border-bottom: 4px solid #dfdfdf;
  padding: 55px 0
}
@media(max-width:735px) {
  .blog-post__tags {
    padding: 35px 0 10px
  }
}
.blog-post__tags a {
  margin: 0 7px 23px;
  background-color: #000;
  display: inline-block;
  font-size: .8888888889rem;
  color: #fff;
  padding: 5px 14px;
  transition: opacity .3s
}
.blog-post__tags a:hover {
  opacity: .7
}
.blog-post__tags h4 {
  margin-bottom: 25px
}
.blog-post__article-info--footer {
  border-bottom: 4px solid #dfdfdf;
  padding-left: 5%;
  padding-right: 5%;
  margin-bottom: 60px
}
@media(max-width:735px) {
  .blog-post__article-info--footer {
    margin-bottom: 35px
  }
}
@media(max-width:600px) {
  .blog-post__article-info--footer {
    padding-left: 0;
    padding-right: 0
  }
}
.blog-post__article-info--footer .author {
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400
}
.blog-post__article-info--footer .author span {
  margin-left: 20px
}
.blog-post__article-info--footer .socials {
  flex: none
}
/* ------ blog post - article info - footer (fix) ------ */
.blog-post__article-info--footer .author * {
    vertical-align: baseline;
}
.blog-post__article-info--footer .author span:nth-child(1) {
    margin-left: 0;
}

.blog-post__article-info--footer .author span:nth-child(2) {
    margin-left: 1em;
}
.blog-post__article-info--footer.wrapper-medium {
    gap: 1em 3em;
}
.blog-post__article-info--footer .share {
    margin-top: 0;
}
.blog-post__article-info--footer .share span {
    margin-right: 0;
}
/* ------ /blog post - article info - footer (fix) ------ */
.recipes-list a img {
  max-width: 285px;
  max-height: 200px;
}
.blog-post__other {
  border-top: 4px solid #dfdfdf;
  padding: 60px 0
}
.blog-post__other a {
  color: #000
}
@media(max-width:735px) {
  .blog-post__other {
    padding: 30px 0
  }
}
.blog-post__other h4 {
  margin-bottom: 45px
}
@media(max-width:1024px) {
  .blog-post__other h4 {
    text-align: center;
    margin-bottom: 25px
  }
}
.blog-post__other .section__content {
  display: flex;
  flex-wrap: wrap
}
.blog-post__other section {
  width: 50%
}
@media(max-width:1024px) {
  .blog-post__other section {
    width: 100%
  }
}
.blog-post__other section>div {
  margin-left: -11px;
  display: flex
}
@media(max-width:1024px) {
  .blog-post__other section>div {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
  }
}
@media(max-width:600px) {
  .blog-post__other section>div {
    flex-wrap: wrap
  }
}
.blog-post__other section>div>div {
  width: 270px;
  padding: 11px;
  margin: 11px;
  transition: box-shadow .3s
}
@media(min-width:1025px) {
  .blog-post__other section>div>div:hover {
    box-shadow: 0 0 29px rgba(0, 0, 0, .22)
  }
}
@media(max-width:600px) {
  .blog-post__other section>div>div {
    margin-right: 0
  }
}
.error-page {
  text-align: center;
  margin: 50px auto 100px;
  padding: 0 20px;
  max-width: 450px
}
@media(max-width:735px) {
  .error-page {
    margin: 30px auto 50px
  }
}
.error-page img {
  margin-bottom: 50px
}
@media(max-width:735px) {
  .error-page img {
    margin-bottom: 30px
  }
}
.search-page .site-title span {
  color: #861f41;
  font-size: 26px
}
@media screen and (min-width:1024px) {
  .search-page .site-title span {
    font-size: calc(26px + 4 * (100vw - 1024px)/ 896)
  }
}
@media screen and (min-width:1920px) {
  .search-page .site-title span {
    font-size: 30px
  }
}
@media(max-width:600px) {
  .search-page .site-title span {
    font-size: 1.1111111111rem
  }
}
.search-page .products__layout {
  display: block;
  margin: auto
}
.search-page .products__list:before {
  content: none
}
.search-page__pages {
  width: 75%;
  margin: 100px auto
}
@media(max-width:1024px) {
  .search-page__pages {
    width: 100%
  }
}
@media(max-width:735px) {
  .search-page__pages {
    margin: 50px auto
  }
}
.search-page__pages h4 {
  margin-top: 40px
}
@media(max-width:735px) {
  .search-page__pages h4 {
    margin-top: 25px
  }
}
.search-page__pages:before {
  content: "";
  display: block;
  margin: auto;
  width: 305px;
  border-top: 4px solid #dfdfdf
}
.search-page__pages ul {
  border-top: 2px solid #dfdfdf;
  margin-top: 40px
}
@media(max-width:735px) {
  .search-page__pages ul {
    margin-top: 25px
  }
}
.search-page__pages li {
  border-bottom: 2px solid #dfdfdf
}
.search-page__pages li a {
  display: block;
  padding: 30px;
  font-family: RedHatDisplay-Bold, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.1111111111rem;
  color: #000;
  transition: color .3s
}
@media(max-width:600px) {
  .search-page__pages li a {
    font-size: .9444444444rem;
    padding: 10px 0
  }
}
.search-page__pages li a:hover {
  color: #861f41
}
.cart__product__name a {
  color: #000
}
.products-list-in-categories {
  font-size: 1rem
}
@media(max-width:600px) {
  .products-list-in-categories {
    font-size: .8888888889rem
  }
}
.products-list-in-categories>section {
  padding-left: 70px;
  padding-right: 70px
}
@media(max-width:735px) {
  .products-list-in-categories>section {
    padding-left: 30px;
    padding-right: 30px
  }
}
.products-list-in-categories>section:last-child {
  margin-bottom: 50px
}
.products-list-in-categories i {
  color: #861f41;
  font-size: 5rem
}
@media(max-width:735px) {
  .products-list-in-categories i {
    font-size: 3.3333333333rem
  }
}
.products-list-in-categories img {
  display: block;
  margin: 0 auto 50px
}
.products-list-in-categories__list {
  border-top: 4px solid #dfdfdf;
  margin-top: 60px;
  padding-top: 60px
}
@media(max-width:735px) {
  .products-list-in-categories__list {
    margin-top: 30px;
    padding-top: 30px
  }
}
.products-list-in-categories__list h4,
.products-list-in-categories__list h3 {
  margin-bottom: 80px
}
@media(max-width:735px) {
  .products-list-in-categories__list h4,
  .products-list-in-categories__list h3 {
    margin-bottom: 40px
  }
}
.products-list-in-categories__list>section {
  margin: 0 auto 50px;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between
}
@media(max-width:1024px) {
  .products-list-in-categories__list>section {
    flex-wrap: wrap
  }
}
.products-list-in-categories__list .img {
  width: 480px;
  text-align: center;
  margin-right: 40px
}
@media(max-width:1024px) {
  .products-list-in-categories__list .img {
    width: 100%;
    margin-right: 0
  }
}
.products-list-in-categories__list .desc {
  width: calc(100% - 105px);
  -ms-align-self: center;
  align-self: center
}
@media(max-width:1024px) {
  .products-list-in-categories__list .desc {
    width: calc(100% - 60px);
    width: 100%
  }
}
.products-list-in-categories__list .desc h5,
.products-list-in-categories__list .desc .header--h5 {
  margin-bottom: 20px
}
@media(max-width:1024px) {
  .products-list-in-categories__list .desc h5,
  .products-list-in-categories__list .desc .header--h5 {
    margin-top: 20px
  }
}
.selectProductSort {
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-size: 18px;
  padding: 10px;
  border: 1px solid #ddd;
}
.product_sort ul li {
  width: 25px;
  height: 24px;
  float: left;
  background-image: url(/themes/kohersen/img/product_view.png);
  background-repeat: no-repeat;
  cursor: pointer;
}
.product_sort ul li#product_view_list {
  background-position: 0 -48px;
}
.product_sort ul li+li {
  margin: 0 0 0 10px;
}
.product_sort ul li#product_view_grid.current {
  background-position: 0 -24px;
  cursor: default;
}
.product_sort ul li#product_view_list.current {
  background-position: 0 -72px;
  cursor: default;
}
#opc_payment_methods {
  margin-bottom: 50px;
}
.payment-summary .btn {
  margin-top: 50px;
}
p.warning {
  background-color: #861f41;
  color: #fff;
  text-align: center;
  padding: 20px;
}
p.success {
  background-color: #3c763d;
  color: #fff;
  text-align: center;
  padding: 20px;
}
ul #wyloguj-zaloguj {
  display: none
}
.recipes__search-wrap .szukajka {
  display: inline-block;
  margin: auto;
  position: relative;
  width: 480px;
}
.przepisy22 input {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.search-page .site-title::after {
  background-color: #fff;
}
.search-page .site-title--margin {
  margin-bottom: 0
}
.search-page .wrapper-large {
  width: 100%;
}
.search-page .blog-list .articles-list li {
  width: 33%
}
#login-register-box .error,
#account-creation_form .error,
#opc_account_errors {
  color: #ff5252;
  font-size: 14px;
}
#account-creation_form .error li,
#opc_account_errors li {
  margin-bottom: 10px
}
.cart__agreements__item a {
  color: #861f41
}
.przepis-komentarz-napisz-opinie,
#idTab5 {
  width: 660px;
  margin: 0 auto
}
.przepis-komentarz-napisz-opinie a {
  color: #861f41;
  transition: opacity .3s;
}
@media(max-width:1124px) {
  #malemenu {
    display: none
  }
}
#przepis_comments_block_extra {
  display: none;
}
.clearfix {
  clear: both
}
#przepis_comments_block_tab div.comment {
  border: 0
}
@media(max-width:340px) {
  .g-recaptcha {
    transform: scale(0.9);
    transform-origin: 0 0;
  }
}
#page-content {
  min-height: 600px;
}
#layered_form label a {
  color: #222;
}
#pagination_bottom li {
  float: left;
  margin: 10px;
}
#pagination_bottom a {
  color: #222
}
#pagination_bottom .current {
  color: #aaa
}
#pagination_previous {
  display: block;
  height: 14px;
  width: 14px;
  transform: rotate(45deg);
  border-color: #686868;
  border-style: solid;
  border-width: 0 0 2px 2px;
}
#pagination_next {
  display: block;
  height: 14px;
  width: 14px;
  transform: rotate(225deg);
  border-color: #686868;
  border-style: solid;
  border-width: 0 0 2px 2px;
}
.cats_filter li {
  list-style-type: none !important;
  padding-left: 2px;
  line-height: 25px !important;
  border-width: 0 !important;
}
.layered_block_left .block ul li {
  list-style: none;
  list-style-type: none;
  border-bottom: 1px dashed #d8d8d8;
  border-bottom-width: 1px;
}
.widget_layered_nav li a {
  color: #555;
}
.cats_filter a {
  line-height: 25px !important;
  font-size: 16px;
}
.aby3 {
  display: inline !important;
  color: #861f41 !important;
}
#productsSortForm,
.selectProductSort {
  max-width: 100%
}
.tabs-content__narrow ol li ol li {
  padding-left: 20px
}
#company a {
  display: inline
}

/* The container must be positioned relative: */
.selekcik {
  position: relative;
  min-width: 200px;
}
.select-show {
  display: block !important;
}
.selekcik .select-items {
  display: none;
}
.select-selected {
  white-space: nowrap;
  color: #000;
  background-color: transparent;
  border-color: #dfdfdf;
  letter-spacing: .009375em;
  letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, .009375em);
}
/* style the items (options), including the selected item: */
.select-selected {
  color: #000;
  padding: 10px 52px 12px 16px;
  border: 1px solid #dfdfdf;
  cursor: pointer;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-size: 1rem;
}
.select-items {
  color: #000;
  border: 1px solid #dfdfdf;
  cursor: pointer;
  font-family: RedHatDisplay-Regular, Arial, sans-serif;
  font-size: 1rem;
  padding: 8px 0;
}
.select-items div {
  padding: 8px 16px;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}
.select-items div:hover,
.same-as-selected {
  color: #861f41;
}
.select-arrow-active .mdc-select__dropdown-icon {
  transform: rotate(180deg) translateY(0);
}

/* Garnki i patelnie */
.khnaczcontainer {
  max-width: 1180px;
  margin: 40px auto 40px auto;
}
.khnaczcontainer p {
  font-size: 1rem;
}
.khnaczcontainer p.khnaczparagraf {
  padding: 1rem 2rem 2rem 2rem;
}
.khnaczcontainer h5 {
  text-transform: uppercase;
  font-weight: bold;
  margin: 2rem 2rem 1rem 2rem;
}
@media(max-width:768px) {
  .khnaczcontainer p.khnaczparagraf {
    padding: 1rem 0;
  }
  .khnaczcontainer h5 {
    margin: 1rem 0;
  }
}
/* !Garnki i patelnie */

/* diamond   */
.kont001 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: table-row;
}
.kont001 h2 {
  text-align: left;
}
.kont002 {
  float: left;
  display: block;
  width: 47%;
  text-align: justify;
  padding: 15px;
  margin: 10px 0;
  box-sizing: border-box;
}
.kont003 {
  min-height: 210px;
  float: left;
  display: block;
  width: 47%;
  padding: 15px;
  text-align: justify;
  margin: 10px 0;
  box-sizing: border-box;
}
.kont002:nth-child(even),
.kont003:nth-child(even) {
  float: right;
}
@media only screen and (max-width:850px) {
  .kont002,
  .kont003 {
    width: 100%;
  }
  .kont002 img,
  .kont003 img {
    width: 100%;
  }
}
/* ikonki na karcie produktowej */
.khkontenerikonek {
  overflow: hidden;
  padding: 0;
  margin-top: 0;
}
.khkontenerikonek * {
  box-sizing: border-box;
}
.khkontenerikonekalone {
  width: 20%;
  float: left;
  display: inline;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.khkontikon {
  width: 50%;
  padding: 0;
  max-width: 150px;
}
.khkontikon img {
  width: 100%;
}
.khkontopis {
  width: 50%;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.khkontopis p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
}
@media only screen and (max-width: 990px) {
  .khkontikon {
    width: 40%;
    padding: 0;
    max-width: 150px;
  }
}
@media only screen and (max-width: 850px) {
  .khkontenerikonekalone {
    width: 50%;
    float: left;
  }
}

/* New category - Zestawy */
i.icon-kitchen-set::before {
  content: "";
  background-image: url('/themes/kohersen/img/zestawy-ikonka.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 113px;
  height: 66px;
}
.primary-nav__products i.icon-kitchen-set::before {
  width: 56px;
  height: 33px;
  padding-bottom: unset;
  background-size: cover;
}
i.icon-sales::before {
  content: "";
  background-image: url('/themes/kohersen/img/ikonka-promocje.jpg');
  background-repeat: no-repeat;
  background-position: center;
  width: 113px;
  height: 66px;
}
.primary-nav__products i.icon-sales::before {
  width: 56px;
  height: 33px;
  padding-bottom: unset;
  background-size: cover;
}
i.icon-recipes::before {
  content: "";
  background-image: url('/themes/kohersen/img/ikonka-przepisy.jpg');
  background-repeat: no-repeat;
  background-position: center;
  width: 113px;
  height: 66px;
}
.primary-nav__products i.icon-recipes::before {
  width: 56px;
  height: 33px;
  padding-bottom: unset;
  background-size: cover;
}
i.icon-advices::before {
  content: "";
  background-image: url('/themes/kohersen/img/ikonka-porady.jpg');
  background-repeat: no-repeat;
  background-position: center;
  width: 113px;
  height: 66px;
}
.primary-nav__products i.icon-advices::before {
  width: 56px;
  height: 33px;
  padding-bottom: unset;
  background-size: cover;
}
i.icon-outlet::before {
  content: "";
  background-image: url('/themes/kohersen/img/ikony-kh-2-outlet.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 56px;
  height: 33px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(1731%) hue-rotate(317deg) brightness(91%) contrast(93%);
}
i.icon-knife-and-accessories::before {
  content: "";
  background-image: url('/themes/kohersen/img/nozyk.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 9px;
  height: 33px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(1731%) hue-rotate(317deg) brightness(91%) contrast(93%);
}
.primary-nav__products i.icon-outlet::before {
  width: 56px;
  height: 33px;
  padding-bottom: unset;
  background-size: contain;
}
i.icon-new::before {
  content: "";
  background-image: url('/themes/kohersen/img/ikony-kh-new.png');
  background-repeat: no-repeat;
  background-position: center;
  width: 113px;
  height: 66px;
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(1731%) hue-rotate(317deg) brightness(91%) contrast(93%);
}
.primary-nav__products i.icon-new::before {
  width: 56px;
  height: 33px;
  padding-bottom: unset;
  background-size: contain;
}
.products-categories__tiles-cp {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  column-gap: 2%;
  row-gap: 20px;
}
@media (min-width: 1024px) {
  .products-categories__tiles-cp.kh-products-cat__tiles {
    display: grid;
    grid-template-columns: repeat(2, 345px);
  }
  .products-categories__tiles.kh-products-cat__tiles {
    display: grid;
    grid-template-columns: repeat(2, 345px);
  }
}
@media (min-width: 1400px) {
  .products-categories__tiles-cp.kh-products-cat__tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 345px));
  }
  .products-categories__tiles.kh-products-cat__tiles {
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 345px));
  }
  .flip-box {
    margin: 20px;
    width: 285px;
    max-width: 285px;
    align-self: center;
    justify-self: center;
  }
}
/* !New category - Zestawy */

/* Footer - Cookies */
#ot-sdk-btn.ot-sdk-show-settings.kh-footer-style,
#ot-sdk-btn.optanon-show-settings.kh-footer-style {
  padding: 0;
  padding-right: 8px;
  background-color: initial;
  text-align: left;
  color: #fff;
  border: none;
  font-weight: 500;
  font-size: 1.0555555556rem;
  font-family: 'RedHatDisplay-Regular', Arial, sans-serif;
  transition: opacity .3s;
}
#ot-sdk-btn.ot-sdk-show-settings.kh-footer-style:hover,
#ot-sdk-btn.optanon-show-settings.kh-footer-style:hover {
  opacity: .7;
  background-color: initial;
}
.footer-nav>ul>li {
  margin-right: 10px !important;
}
/* !Footer */
.list-details .products__list__item .btn {
  width: 200px
}
.list-details .products__list__item {
  flex-wrap: wrap;
}
.list-details .products__list__item .col-3 p {
  text-align: right
}
@media (min-width: 1280px) {
  .list-details .products__list__item .two-cols {
    flex-basis: 61%
  }
  .list-details .products__list__item .col-3 {
    flex-basis: 30%
  }
  .list-details .products__list__item {
    justify-content: right
  }
  .list-details .products__list__item .informacja_ustawowa_o_cenie {
    text-align: right
  }
}
@media (max-width: 1279px) {
  .list-details .products__list__item .col-3 p {
    text-align: left;
  }
}
.list-details .products__list__item .col-3 {
  display: inline-block;
  width: auto;
}
@media (max-width: 1024px) {
  .list-nodetails #product_list .products__list__item {
    overflow: visible
  }
}
.list-nodetails #product_list .products__list__item {
  position: relative;
  margin-bottom: 60px;
  max-width: 285px;
  height: auto;
}
.list-nodetails .products__list a {
  height: auto !important;
}
.list-nodetails #product_list {
  display: flex
}
.list-nodetails #product_list .products__list__item .btn {
  position: absolute;
  bottom: -60px;
  margin-bottom: 0
}
#HOOK_PAYMENT {
  display: grid;
  grid-template-columns: 49.5% 49.5%;
  column-gap: 1%;
  row-gap: 10px;
}
@media (max-width: 768px) {
  #HOOK_PAYMENT {
    grid-template-columns: 100%;
  }
}
p.payment_module {
  position: relative;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 1px;
  transition: all .3s;
  overflow: hidden;
}
p.payment_module:hover {
  border-color: #872042;
}
p.payment_module a {
  display: block;
  height: 0;
  padding-bottom: 110px;
  padding-left: 120px;
  background-repeat: no-repeat;
  background-position: 7.5px 10px;
  background-color: #fff;
  transition: all .3s;
}
p.payment_module a span {
  color: #8c8c8c;
  line-height: 20px;
  margin-right: 7.5px;
}
@media (max-width: 540px) {
  p.payment_module a {
    background-size: 80px;
    padding-bottom: 115px;
    background-position: 10px;
  }
}
p.payment_module:hover span {
  color: #872042 !important;
}
p.payment_module:hover a {
  color: #872042 !important;
  background-repeat: no-repeat;
  background-color: #fff !important;
  transition: all .3s;
}
p.payment_module:hover a::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 7.5px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  transition: background-image 0.3s;
}
.cashdelivery-zpo span {
  font-size: 13.333px;
  font-weight: 100 !important;
}
@media (max-width: 540px) {
  p.payment_module:hover a::before {
    background-size: 80px;
    top: 17.8px;
    left: 10px;
  }
  p.payment_module a span {
    height: 115px;
    font-size: 12px;
    line-height: 15px;
  }
  .cashdelivery-zpo span {
    height: auto !important;
    margin-left: 0 !important;
    font-size: 10px !important;
  }
}
p.payment_module a.bankwire {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_05.png);
}
p.payment_module:hover a.bankwire::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_05.png);
}
p.payment_module a.payu {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_01.png);
}
p.payment_module:hover a.payu::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_01.png);
}
p.payment_module a.blik {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_04.png);
}
p.payment_module:hover a.blik::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_04.png);
}
p.payment_module a.paypo {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_02.png);
}
p.payment_module:hover a.paypo::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_02.png);
}
p.payment_module a.cashondeliverywithfee {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_07.png);
}
p.payment_module:hover a.cashondeliverywithfee::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_07.png);
}
p.payment_module a.cashondelivery {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_07.png);
}
p.payment_module:hover a.cashondelivery::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_07.png);
}
p.payment_module a.cashondeliverypaczkomat {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_06.png);
}
p.payment_module:hover a.cashondeliverypaczkomat::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_06.png);
}
p.payment_module a.scb {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-gray-light_03.png);
}
p.payment_module:hover a.scb::before {
  background-image: url(/themes/kohersen/img/icon/payment/ikony_platnosci-bordo_03.png);
}
.delivery_option table {
  width: 100%;
}
.mdc-radio-wrap {
  padding-right: 40px;
}
.mdc-radio-wrap label span {
  display: block;
}

/* Nowe parametry do przepisów */
.recipe-icons-div {
  display: flex;
  align-items: center;
  padding: 0 30px 20px 100px;
}

.recipe-icon-div {
  width: 110px;
  display: flex;
  align-items: center;
  margin-right: 50px;
}

.recipe-icon-div p {
  font-size: 18px;
  font-weight: bold;
  padding-left: 15px;
}

.recipe-div {
  border-bottom: 2px solid #dfdfdf;
}

@media(max-width: 735px) {
  .recipe-icons-div {
    padding: 0 30px 20px 70px;
  }
}

@media(max-width: 600px) {
  .recipe-icons-div {
    padding: 0 30px 20px 50px;
  }

  .recipe-icon-div {
    width: 33%;
    margin-right: 10px;
  }

  .recipe-icon-div p {
    font-size: 14px;
    padding-left: 10px;
  }

  .recipe-icon-div img {
    height: 20px;
  }
}
/* !Nowe parametry do przepisów */
#pencil-banner,
#pencil-banner-content {
  display: inline-block;
}
#pencil-banner-content>* {
  line-height: 35px;
}

/* Black Friday - flaga */
.product-label--black-friday {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  max-width: 60px;
}
/* !Black Friday - flaga */

@media (max-width: 320px) {
  #kohersen-logo {
    max-width: 80px
  }
}

/* Strona glowna - Refresh - zmiany ogólne */
.text--orange {
  /* color: #f79121; usunięcie koloru pomaranczowego */
}
.text--white {
  color: #fff !important;
}
.a-center {
  text-align: center;
}
.standard-section {
  width: 90%;
  margin: 0 auto 75px;
  padding: 4.75%;
}
@media (max-width: 768px) {
  .standard-section {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.standard-section p {
  margin-bottom: 36px;
}
.standard-section h1 {
  margin-bottom: calc(4.75% + 30px);
}
.standard-section .category-tile {
  flex: 25%;
  padding: 20px;
}
@media (max-width: 1024px) {
  .standard-section .category-tile {
    flex: 50%;
  }
}
@media(max-width: 768px) {
  .standard-section .category-tile {
    flex: 100%;
  }
}
.standard-section .category-tile h3 {
  padding-top: 30px;
}
@media (max-width: 1024px) {
  .standard-section .category-tile h3 {
    padding-top: 15px;
    font-size: 1.11rem;
  }
}
.standard-section a,
.standard-section a:active {
  color: #000;
}
/* !Strona glowna - Refresh - zmiany ogólne*/

/* podstronka o aplikacji */
.wrapper-medium {
  max-width: 1400px;
  margin: 0 auto;
  border: 4px green;
}

.appmob-kol-row {
  display: flex;
  width: 100%;
}
.appmob-kol-row:nth-child(odd) {
  flex-direction: row;
  align-items: left;
  justify-content: center;
}
.appmob-kol-row:nth-child(even) {
  flex-direction: row-reverse;
  align-items: left;
  justify-content: center;
}

.appmob-kol {
  display: flex;
  flex: 1;
  align-items: left;
  justify-content: center;
  padding: 60px;
}

.appmob-kol img {
  width: 100%;
  height: auto;
  text-align: center;
  border: 1px solid grey;
}

.appmobwymuspion {
  flex-direction: column;
}

.appmob-kol-row1 {
  display: flex;
  width: 100%;
  flex-grow: 1;
  flex-direction: row;
}
.appmob-kolitem3 {
  flex: 1;
  justify-content: space-between;
}
.appmob-kolitem3+.appmob-kolitem3 {
  margin-left: 2%;
}
.appmob-kolitem3 img {
  width: 100%;
  height: auto;
  text-align: center;
  border: 1px solid grey;
}

@media only screen and (max-width: 650px) {
  .appmob-kol-row {
    display: block;
    width: 100%;
  }
  .appmob-kol {
    display: block;
    width: 100%;
    padding: 0;
  }
  .appmob-kol-row1 {
    display: block;
    width: 100%;
  }
  .appmob-kolitem3 {
    display: block;
    width: 100%;
  }
  .appmob-last:nth-child(2) img {
    display: none;
  }
  .appmob-last:nth-child(3) img {
    display: none;
  }
}

.order-summary .warning a {
  color: #fff !important;
  text-decoration: underline;
}

.cat-box {
  position: relative;
  height: 100%;
}

.cat-box-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: rgba(134, 31, 65, 0.8);
  position: absolute;
  bottom: 0;
  height: 25%;
}

.cat-box-text h4 {
  margin: 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}

.cat-img {
  width: 100%;
  height: 100%;
  transition: 0.3s;
}

@media (max-width: 859px) {
  .products-categories__tiles-cp {
    grid-template-columns: 100%;
  }
}

@media (min-width: 860px) and (max-width: 1141px) {
  .products-categories__tiles-cp {
    grid-template-columns: 50% 50%;
    column-gap: 0;
  }

  .cat-section {
    width: 370px;
    height: 370px;
  }
}

.cat-section {
  margin: 0 auto;
  max-width: 400px;
  max-height: 400px;
  height: 100%;
}

.subcategories-section {
  display: flex;
  margin-bottom: 100px;
  justify-content: center;
  flex-wrap: wrap;
}

.subcategory-a {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 15px;
  width: 210px;
  height: 64px;
  background-color: #861f41;
  padding: 20px 0;
  margin: 0.5px;
  color: #fff;
  transition: all .3s;
  border: 2px solid #861f41;
}

.subcategory-a:hover {
  background-color: #fff;
}

.subcategory-a:hover .subcategory-i {
  filter: brightness(0) saturate(100%) invert(15%) sepia(95%) saturate(1731%) hue-rotate(317deg) brightness(91%) contrast(93%);
}

.subcategory-a:hover .subcategory-p {
  color: #861f41;
}

@media (max-width: 485px) {
  .subcategory-a {
    width: 160px;
  }
  .subcategories-section {
    column-gap: 10px;
    row-gap: 10px;
  }
}

@media (max-width: 720px) {
  .subcategories-section {
    margin-bottom: 20px;
  }

  .recover-password-div {
    margin: 55px 20px 0 20px !important;
  }
}

.kohersen-club-background {
  width: 100%;
  background-color: #000;
  background-image: url('/themes/kohersen/img/klub-kohersen-logowanie-tlo.jpg');
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 1000px;
  padding-top: 20px;
  margin-top: -20px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.login__wrap-n,
.register__wrap-n {
  background: rgba(0, 0, 0, 0.9);
  border: none !important;
  border-radius: 16px;
  color: #fff;
  padding: 40px !important;
}

.login-register-box-n {
  margin-top: 55px;
  padding: 0;
  gap: 20px;
}

#SubmitLogin,
#SubmitCreate {
  height: 40px !important;
}

.auth-email-input,
.auth-pass-input,
.auth-email-create-input {
  color: #fff !important;
}

.login-register-box-n,
.login-page {
  margin-bottom: 0 !important;
}

.login-register-box-n .form-el_label {
  color: #fff;
}

.auth-page-title {
  font-size: 26px;
  color: #fff !important;
  padding: 45px 0 10px !important;
  margin-bottom: 23.5px !important;
}

.auth-page-title:after {
  background-color: #861f41 !important;
  height: 2px !important;
  width: 500px !important;
}

.kohersen-club-div {
  margin: 0 auto;
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  background-image: url(/themes/kohersen/img/back-logowanie.jpg);
  background-size: cover;
  background-position: top;
  color: #fff;
  padding: 50px;
  border-radius: 20px;
}

.join-to-club-btn {
  font-size: 14px;
  color: #ebab49 !important;
  font-weight: bold;
  background-color: #000;
  padding: 6px 40px;
  border-radius: 6px;
  border: 1px solid #ebab49;
}

.kohersen-club-img {
  filter: brightness(0) saturate(100%) invert(86%) sepia(38%) saturate(1346%) hue-rotate(323deg) brightness(97%) contrast(89%);
}

.kh-nav-club {
  border-bottom: 2px solid #861f41 !important;
  margin-bottom: 55px !important;
}

.kh-nav-club li a {
  color: #fff !important;
}

.account__content {
  margin-bottom: 0;
}

.club-benefits-li {
  padding-left: 20px !important;
}

.club-benefits-li:before {
  font-size: 18px !important;
  content: "\2022" !important;
  color: #fff !important;
}

#company:before {
  display: none;
}

.account_creation_n {
  margin-top: 55px;
  background-color: #000;
  border-radius: 16px;
  padding: 40px;
}

.account_creation_n label,
.account_creation_n .form-el_label {
  color: #fff;
}

#submitAccount {
  float: none !important;
}

.cart__agreements_n {
  margin: 0 auto !important;
}

.account_creation_n #customer_firstname,
.account_creation_n #customer_lastname {
  border: 1px solid #861f41 !important;
}

.recover-password-div {
  margin: 55px auto 0 auto;
  border: none;
  background: #000;
  max-width: 660px;
  border-radius: 16px;
}

.recover-password-div .mdc-text-field__input {
  border: 1px solid #861f41 !important;
}

.recover-password-div::after {
  content: none !important;
}

.recover-password-div p {
  color: #fff;
}

#form_forgotpassword {
  margin-top: 20px;
}

@media (max-width: 1024px) {
  .kohersen-club-background {
    padding-bottom: 100px;
  }
}

.my-account-club-aside {
  background-color: #000;
  border-radius: 16px;
  z-index: 1;
}

.my-account-club-aside a,
.my-account-club-aside i,
.my-account-club-aside h4 {
  color: #fff !important;
}

.register-box-club,
.club-regulamin-section,
.club-registred-p-list {
  background: #000 !important;
  border-radius: 16px;
  padding: 40px;
}

.register-box-club .mk-form_error p {
  color: red;
}

.register-box-club .mk-form_error p small a {
  color: #861f41;
}

.register-box-club h4,
.register-box-club p,
.register-box-club label,
.club-registred-p-list {
  color: #fff;
}

.register-box-club option {
  color: #000 !important;
}

.club-regulamin-section li {
  color: #fff !important;
}

.club-regulamin-section a {
  color: #861f41 !important;
}

/*   PROGRAM AFILIACYJNY */
.container {
  /* background-color: #f861f41; */
}

.btn-primary-edit {
  background-color: #861f41;
  border: none;
  text-transform: uppercase;
  color: #fff;
}

.btn-primary-edit:hover {
  background-color: #f79121;
  border: none;
  color: #fff;
  text-transform: uppercase;
}

.btn-secondary {
  background-color: #861f41;
  border: none;
  text-transform: uppercase;
  color: #fff;
}

.btn-secondary:hover {
  background-color: #f79121;
  border: none;
  color: #fff;
  text-transform: uppercase;
}

.container {
  background-color: #000;
  margin-top: 0;
  padding: 0;
}
.imagejumbotron {
  background-image: url('/img/cms/Kohersen/header1.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 432px) {
  .icons-section {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 433px) and (max-width: 745px) {
  .icons-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.k-pa-a {
  transition: all .3s;
}

.k-pa-a:hover {
  color: #f79121 !important;
}

.pnp-s-li i {
  margin-right: 0;
}

.how-reviews-work-p {
  cursor: pointer;
  color: #861f41;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-bottom: 45px;
  text-decoration: underline;
}

.i-p-list {
  color: #861f41;
  font-size: 5rem;
}

#id_new_comment_form {
  margin-bottom: 20px;
}

.mc-li,
.sc-li {
  font-size: 16px !important;
  margin-left: 20px !important;
  line-height: 25px !important;
  border-width: 0 !important;
}

.sc-li {
  margin-left: 30px !important;
}

/*  piekna strona KHCY021  */
.khpieknybuton-wrapper {
  overflow: hidden;
  margin-bottom: 30px;
  padding-bottom: 20px;
  scroll-margin-top: 130px;
}
.khpieknybuton-wrapper h2,
.khshmosaicptr h2,
.khcarousel-wrapper h2 {
  text-align: left;
  margin-bottom: 20px;
}

.khpieknybuton {
  border: 4px solid #861f41;
  width: 300px;
  border-radius: 15px;
  text-align: center;
  float: left;
  padding: 10px;
  margin: 15px;
}
.khpieknybuton:hover {
  background-color: #861f41;
}

.khpieknybuton img {
  width: 60%;
}
.khpieknybuton:hover img {
  filter: invert(100%) sepia(8%) saturate(0%) hue-rotate(65deg) brightness(107%) contrast(107%);
}
.khpieknybuton:hover>div {
  color: #fff;
}

.khpblack {
  background-color: #861f41;
  width: 190px;
}
.khpblack>img {
  filter: invert(100%) sepia(8%) saturate(0%) hue-rotate(65deg) brightness(107%) contrast(107%);
}
.khpblack>div {
  color: #fff;
}
.khpblack>div>p {
  display: block;
  padding-top: 10px;
  height: 55px;
}
.khpwhite {
  width: 235px;
}
.khpwhite:hover {
  background-color: #fff;
}
.khpwhite:hover>div {
  background-color: #fff;
  color: #000;
}
.khpwhite:hover>img,
.czykinks:hover img {
  filter: none;
}

.czykinks {
  width: 31%;
  border-color: grey;
  box-sizing: border-box;
}
.czykinks:hover {
  background: #fff;
  border-color: #861f41;
}
.khshmosaic {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
  scroll-margin-top: 130px;
}
.khshmosaic>div {
  width: 50%;
  padding: 25px;
}
.khshmosaicreverse {
  flex-direction: row-reverse;
}
.khshmosaic>div>img {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
  border-radius: 15px;
}
.khshmosaic>div>p,
.khshmosaic>div>h2 {
  text-align: left;
  margin-bottom: 20px;
}
.khshmosaicptr {
  text-align: center;
  scroll-margin-top: 130px;
}
.khshmosaicptr img {
  width: 33%;
}
img.showdtpcy {
  display: block;
}
img.showmobcy {
  display: none;
}

img.khanimka01 {
  width: 280px !important;
  margin: 0 auto;
}
#submitNewMessage {
  margin-bottom: 20px;
}

@media only screen and (max-width: 900px) {
  .khshmosaicptr img {
    width: 50%;
  }

}
@media only screen and (max-width: 1430px) {
  .czykinks {
    width: 29% !important;
  }
}

@media only screen and (max-width: 1020px) {
  .czykinks {
    width: 28% !important;
  }
}

@media only screen and (max-width: 560px) {
  .khpieknybuton {
    width: 40%;
  }
  .khpieknybuton p {
    display: block;
    height: 65px;
    font-size: 0.95em;
  }
  .khshmosaic>div>img {
    margin-bottom: 0px;
  }
  .khpblack {
    width: 40%;
  }
  .khshmosaic {
    display: block;
    width: 100%;
  }
  .khshmosaic>div {
    display: block;
    width: 100%;
  }
  .khshmosaic:nth-child(even) {
    text-align: center;
  }
  .khshmosaicptr img {
    width: 100%;
  }
  .czykinks {
    width: 90% !important;
  }
  img.showdtpcy {
    display: none;
  }
  img.showmobcy {
    display: block;
  }
}

/* karuzela  CY021  */
.khcarousel-wrapper {
  position: relative;
  width: 100%;
}
.khcarousel {
  margin-top: 25px;
  width: 100%; /* Set the width and height as per your requirement */
  height: 400px;
  overflow: hidden;
  position: relative;
  background-image: url("../img/cy021/tlotlokar.jpg");
  background-size: cover;
  border-radius: 15px;
}
.khslide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.khslide:first-child {
  opacity: 1;
}
.khslide img {
  height: 100%;
  border-radius: 15px;
}
@keyframes carousel {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  16% {
    opacity: 1;
  }
  32% {
    opacity: 1;
  }
  48% {
    opacity: 1;
  }
  64% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(-100%);
  }
}

.khslide:nth-child(1) {
  animation: carousel 32s infinite;
}

.khslide:nth-child(2) {
  animation: carousel 32s infinite 8s;
}

.khslide:nth-child(3) {
  animation: carousel 32s infinite 16s;
}

.khslide:nth-child(4) {
  animation: carousel 32s infinite 24s;
}

.khslide:nth-child(5) {
  animation: carousel 32s infinite 32s;
}

.khslide:nth-child(6) {
  animation: carousel 32s infinite 40s;
}

.khslide:nth-child(7) {
  animation: carousel 32s infinite 48s;
}

.khslide:nth-child(8) {
  animation: carousel 32s infinite 56s;
}

/*  piekna strona tostery  */
.khobrsto img {
  width: 100%;
  border-radius: 15px;
}
.khtxtuno {
  margin: 40px 0;
}
.khtxtzbck {
  background-image: url("../img/topelectric/tbiakh.jpg");
  background-size: cover;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 20px;
}
.khtxtzbckczarny {
  background-image: url("../img/topelectric/tczakh.jpg");
}
.khtxtzbckszary {
  background-image: url("../img/topelectric/tszakh.jpg");
}

.khtxtzbckczs {
  background-image: url("../img/topelectric/czs1.jpg");
}
.khtxtzbckczb {
  background-image: url("../img/topelectric/czb1.jpg");
}
.khtxtzbckczc {
  background-image: url("../img/topelectric/czc1.jpg");
}

.khtxtzbck p,
.khtxtzbck h2 {
  color: #fff;
  margin-bottom: 20px;
}
.kh2kolmata {
  width: 50%;
  float: left;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 714px;
}
.kh2kolmata div {
  padding: 15px;
  margin: 20px;
}
.kh2kolmata a,
.kh2kolmata a:hover {
  color: #7cc7df !important;
}
.kh2kolmata a:visited {
  color: #fee;
}
.khikonsy img {
  background-color: #861f41;
}
.khikonsy {
  overflow: hidden;
  margin: 30px 0;
}
.khikonsy div {
  float: left;
  display: inline;
  text-align: center;
}
.khikonsy4 div {
  width: 17%;
  margin-left: 6%;
}
.khikonsy3 div {
  width: 20%;
  margin-left: 10%;
}
@media only screen and (max-width: 600px) {
  .kh2kolmata:nth-child(1) {
    display: none;
  }
  .kh2kolmata {
    width: 100%;
    float: left;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 514px;
  }
  .kh2kolmata div {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 15px;
    margin: 20px;
  }
}

.i-p-list {
  color: #861f41;
  font-size: 5rem;
}

.how-reviews-work-p {
  cursor: pointer;
  color: #861f41;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-bottom: 45px;
  text-decoration: underline;
}

#id_new_comment_form {
  margin-bottom: 20px;
}

/*  piekna strona noze  */
#sd {
  scroll-margin-top: 160px;
}
.kh-noze-wrapper li {
  list-style: disc !important;
}

.kh-noze-wrapper ul {
  margin: 20px 0 20px 0
}
.kh-noze-wrapper p {
  margin: 20px 0;
  text-align: justify;
}

.khnobullet li {
  list-style-type: none;
  height: 60px;
  display: flex;
  align-items: center;
  /* Wycentrowanie w pionie */
}
.khnobullet li img {
  width: 50px;
  margin-right: 10px;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  padding: 4px;
}
.khkafele a {
  display: block;
  align-items: center;
  justify-content: center;
  width: 33%;
  height: 314px;
  border: 1px solid #e4e4e4;
  border-radius: 10px;
  overflow: hidden;
  margin: 20px;
  font-size: 24px;
}
.khkafele h2 {
  font-size: 16px;
}

a.khostrz {
  color: #fff;
  text-shadow: 2px 2px #000;
  filter: brightness(80%);
  text-align: center;
  background-size: cover;
  padding: 15px;
}
a.khostrz:hover {
  filter: brightness(100%);
}
.khostrz img {
  width: 16px;
}
.khostrz span {
  display: inline-block;
  font-weight: bold;
  font-size: 0.5em;
  background-color: #861f41;
  /* border-radius: 26px; */
  padding: 10px;
  margin-top: 25px;
}
.khostrztrzydiv {
  width: 33%;
}
.khostrztrzydiv a.khostrztrzy {
  width: 100%;
  filter: brightness(100%);
}
.khostrztrzydiv a.khostrztrzyanty {
  filter: brightness(80%);
  align-items: bottom;
}

.khostrz1 {
  background-image: url("../img/noze/ostrz1.jpg");
}
.khostrz2 {
  background-image: url("../img/noze/ostrz2.jpg");
}
.khostrz3 {
  background-image: url("../img/noze/ostrz3.jpg");
}
.khostrz4 {
  background-image: url("../img/noze/ostrz4.jpg");
}
.khostrz5 {
  background-image: url("../img/noze/ostrz5.jpg");
}
.khostrz6 {
  background-image: url("../img/noze/ostrz6.jpg");
}
.khostrzmusak1 {
  background-image: url("../img/noze/musak1.jpg");
}
.khostrzmusak2 {
  background-image: url("../img/noze/musak2.jpg");
}
ul.khostrzul {
  padding: 0 20px;
}

.khzoltyicon {
  color: #ff0;
  font-size: 2em;
}
.khburaczek {
  background-color: #111;
  color: #fff;
  text-align: center;
  padding: 60px;
  margin: 60px;
  border-radius: 16px;
}

@media only screen and (max-width: 500px) {
  .khkafele a {
    width: 95%;
  }
  .khshmosaic>div>img {
    width: 95%;
  }
  .khnobullet li {
    height: 90px;
  }
  .khkafele a {
    margin: 20px 0 20px 0;
  }
}

.product-subcategory-filter-li {
  margin-left: 10px !important;
}

/* cmsowy content */
.tabelkadolewej30padding {
  padding: 30px;
  text-align: left !important;
}
@media only screen and (max-width: 500px) {
  .tabelkadolewej30padding {
    font-size: 0.7em
  }
}

/* marka i produkty */
.mp-trzywrzedzie img {
  width: 30%;
}
.mp-trzywrzedziesmall img {
  width: 20%;
}
.mp-logotypynagrody img {
  height: 100px;
  margin: 0 20px
}
.mp-modyfikacjakafli .category-tile {
  width: 20%;
  margin: 30px;
  height: auto;
}

@media only screen and (max-width: 500px) {
  .mp-trzywrzedzie img {
    width: 100%;
  }
  .mp-trzywrzedziesmall img {
    width: 60%;
  }
}

/* zestawy nozy */
.zm-triozestaw-wrap {
  overflow: hidden;
}
.zm-triozestaw {
  width: 32.1%;
  padding: 10px;
  float: left;
  overflow: hidden;
  border: 2px solid #861f41;
  border-radius: 15px;
  margin: 0 10px 20px 0;
  box-sizing: border-box;
}
.zm-triozestaw:last-child {
  margin-right: 0
}
.khobrsto {
  text-align: center;
}
p.odstep-bottom {
  padding-bottom: 34px;
}
img.kh-zaokraglimg {
  border-radius: 15px;
  margin-bottom: 35px;
}
.khbtn-padd {
  padding: 10px 20px;
  height: auto;
}

@media only screen and (max-width: 900px) {
  .zm-triozestaw {
    width: 99%;
  }
}

/* film z youtube  ładne skalowanie   */
.khjutubcontainer {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}
.khjutubvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.product-card-color-choosing {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-card-color-span,
.product-card-size-span {
  font-size: 14px;
  color: #861f41;
  font-weight: bold;
}

.product-card-color-div {
  display: flex;
  gap: 10px;
}

.product-card-color-variant {
  box-sizing: content-box;
  display: block;
  height: 60px;
  width: 60px;
  border: 2px solid #dfdfdf;
  border-radius: 2px;
  transition: 0.2s;
}

.product-card-color-variant:hover {
  border: 2px solid #861f41;
}

.product-card-color-variant.active {
  border: 2px solid #861f41 !important;
}

.product-card-size-variant {
  color: #861f41;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  transition: 0.2s;
}

.product-card-size-variant:hover {
  border: 2px solid #861f41;
}

.product-card-size-variant.active {
  border: 2px solid #861f41 !important;
}

.product-card-size-variant div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-card-size-span-value {
  font-size: 12px;
  font-weight: bold;
}

.product-card-size-div {
  display: flex;
  gap: 15px;
}

@media (max-width: 600px) {
  .product-card-color-div,
  .product-card-size-div {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 10px;
    column-gap: 10px;
  }

  .product-card-size-span {
    align-self: baseline;
    margin-top: 5px;
    width: 60px;
    line-height: 18px;
  }
}

/* upiekszenie blackcube  */
.opis_roundedimg,
.opis_roundedimg img {
  border-radius: 10px;
  position: relative;
}
.khbackblack {
  background-color: #861f41;
  border-radius: 10px;
  margin-bottom: 20px;
}
.opis_roundedimg p {
  text-align: justify;
}

.khbc-twokolcont {
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  position: relative;
}
.khbigpicbc img {
  width: 100%;
}
.khbigpicbcwrap {
  position: relative;
  padding: 0;
  margin: 0;
}

.kh-iconbcfeatures::after {
  content: '';
  clear: both;
}

.khbc-twokolcont-in {
  padding: 0;
  margin: 0;
  width: 50%;
  max-height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #000;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 3%, rgba(0, 0, 0, 0.9) 32%);
  display: flex;
  justify-content: center;
  /* Wyśrodkowanie wzdłuż osi poziomej */
  flex-wrap: wrap;
  /* Umożliwia zawijanie elementów na nowej linii */
  align-items: center;
}

.kh-iconbcfeatures {
  display: flex;
  justify-content: center;
  /* Wyśrodkowanie wzdłuż osi poziomej */
  flex-wrap: wrap;
  /* Umożliwia zawijanie elementów na nowej linii */
  align-items: center;
  max-width: 500px;
  position: relative;
  left: 60px;
}

.khzestawyicons {
  background-color: #000;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 30px 0;
  left: 0;
  border-radius: 0 0 10px 10px;
}

.khbigpicbcwrap::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  /* Wysokość gradientu możesz dostosować według potrzeb */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.khbc-twokolcont-in img {
  object-fit: cover;
}
.kh-iconbcfeatures img {
  width: 70%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.kh-iconbcfeatures-icon {
  width: 105px;
  float: left;
  text-align: center;
  margin: 0 22px;
  display: inline-block;
}
p.kh-iconbctxt {
  text-align: center;
  display: block;
  color: #d1d1d1;
  padding: 5px;
  height: 70px;
  border-radius: 10px;
  font-size: 15px;
}

@media (max-width: 1100px) {
  .khbc-twokolcont {
    display: block;
  }
  .kh-iconbcfeatures-icon {
    width: 90px;
    margin: 12px;
  }
  .khbc-twokolcont-in {
    width: 100%;
    position: static;
  }
  .khbigpicbcwrap::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    /* Wysokość gradientu możesz dostosować według potrzeb */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
  }
  .kh-iconbcfeatures {
    left: 0px;
  }
}

@media (max-width: 700px) {
  .khbc-twokolcont {
    display: block;
  }
  .kh-iconbcfeatures-icon {
    width: 90px;
    margin: 16px;
  }
  .khbc-twokolcont-in {
    width: 100%;
    position: static;
  }
}
/* koniec upiekszenie blackcube  */

.icon-knife-and-accessories.large:before {
  width: 80px;
  height: 80px;
}

.p-btn-view-products {
  margin-top: 40px;
}

.contact-coop-div {
  padding-top: 20px;
  margin: 0 auto;
  width: fit-content;
}

.contact-coop-div p {
  font-size: 16px;
}

.contact-coop-text-mobile {
  display: none;
}

.contact .two-column-box .left-side {
  padding-top: 70px;
  align-self: baseline;
}

@media (max-width: 600px) {
  .contact-coop-text-mobile {
    display: block;
  }

  .contact-coop-text-desktop {
    display: none;
  }

  .contact .two-column-box .left-side {
    padding-top: 20px;
  }
}

/* Attachments */
.attachments.icon-wrap--files li.attachment {
  position: relative;
  border: 2px solid #dfdfdf;
  margin: 20px;
}

@media (min-width: 1025px) {
  .attachments.icon-wrap--files li.attachment:hover {
    border-color: #fff;
    z-index: 1;
  }

  .attachments.icon-wrap--files li.attachment::after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: calc(100% + 44px);
    height: calc(100% + 44px);
    left: -22px;
    top: -22px;
    z-index: -1;
    transition: box-shadow .3s;
  }

  .attachments.icon-wrap--files li.attachment:hover:after {
    box-shadow: 0 0 29px 0 rgba(0, 0, 0, .22);
  }
}

.attachments.icon-wrap--files li.attachment a {
  height: auto;
  border: none;
  padding: 10px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 15px;
  width: 230px;
}

.attachments.icon-wrap--files li.attachment a:after {
  content: none;
}
/* !Attachments */

footer .social-media-urls {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

footer .social-media-urls li a {
  padding-inline: 0;
}

footer .social-media-urls .icon-spotify {
  font-size: 1.8em;
}

footer .social-media-urls li a {
  opacity: 1;
}

footer .social-media-urls li a [class*=" icon-"],
footer .social-media-urls li a [class^=icon-] {
  color: #fff;
}
.contact-form-srbtn {
  color: #fff !important;
  display: inline-block;
  background-color: #861f41;
  padding: 10px 20px;
  margin-top: 10px;
  border: none;
  font-size: 18px;
}


.service-request-section {
  max-width: 700px;
  margin: 0 auto;
  padding: 80px 20px;
}

#service-request-form {
  margin-top: 20px;
}

.service-request-form-div-pt {
  display: flex;
  justify-content: space-between;
}

.service-request-form-steps-div {
  width: 70%;
}

.service-request-form-2-col {
  display: flex;
  gap: 20px;
}

.service-request-form-input {
  padding: 10px;
  border: 1px solid #ccc;
  width: inherit;
  font-size: 1rem;
  color: #686868;
}

.service-request-form-div {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 10px 0 10px 0;
  gap: 10px;
}

.service-request-form-btn {
  border: 2px solid #861f41;
  background-color: #861f41;
  color: #fff;
  width: 180px;
  height: 50px;
  font-size: 1.1111111111rem;
}

.ps-pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.ps-pagination-ul {
  display: flex;
  gap: 1px;
}

.ps-pagination-a {
  padding: 6px 12px;
  margin: 0 !important;
  border: 1px solid #dfdfdf;
  height: fit-content;
}

.ps-active {
  text-align: center;
  width: 35px;
  padding: 6px 0;
  border: 1px solid #dfdfdf;
  color: #fff;
  background-color: #861f41;
  height: fit-content;
}

.ps_pagination_previous, .ps_pagination_next {
  display: none;
}

.ps-pagination-a:hover {
  opacity: 1 !important;
  color: #fff !important;
  background-color: #861f41;
}
/* Podsumowanie płatności */
.payment-summary .text--left {
    text-align: left;
}

.payment-summary .button--center {
    margin: 0 auto;
}

.payment-summary .buttons-group {
    display: flex;
    justify-content: space-between;
}

.payment-summary .buttons-group .button--mt {
    margin-top: 25px;
}

.payment-summary .buttons-group .button-with-link {
    padding: 0 15px;
    border: 2px solid #861f41;
    background-color: #fff;
}

.payment-summary .buttons-group .button--submit {
    padding: 0 5px;
}

.payment-summary .buttons-group .button--submit:hover {
    background-color: #fff;
    color: #861f41;
}

.payment-summary .buttons-group .button-with-link:hover {
    background-color: #861f41;
}

.payment-summary .buttons-group .button-with-link:hover > a {
    color: #fff;
    opacity: 1;
}

.payment-summary .payment-form--two-column {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-bottom: 10px;
}

@media (max-width: 600px)
{
    .payment-summary .payment-form--two-column {
        flex-wrap: wrap;
    }

    .payment-summary .buttons-group {
        flex-wrap: wrap;
        justify-content: center;
    }

    .payment-summary .buttons-group > button {
        width: 100%;
    }

    .payment-summary .buttons-group .button-with-link {
        padding: 0;
    }

    .payment-summary .buttons-group .button-with-link a {
        display: block;
        padding: 15px;
        width: 100%;
    }
}

.payment-summary .payu-methods-container {
    margin: 0 auto;
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.payment-summary .payu-700w-center {
    max-width: 700px;
    margin: 0 auto;
}

@media (max-width: 480px) {
    .order-summary .transfer-details span#text-to-copy {
        display: block !important;
    }
}

@media (max-width: 360px) {
    .order-summary .transfer-details .icon-copy {
        margin-left: 0;
    }
}

/* Klub Kohersen */

.mk-signin {
    display: block;
    padding-left: 0;
}

.mk-signin::before {
    background-color: transparent;
}

.mk-btn-with-link > a {
    color: #fff !important;
    padding: 10px;
}

.mk-btn-with-link:hover > a {
    color: #861f41 !important;
    opacity: 1 !important;
}

.account__content.content .mdc-tab-bar {
    width: 100%;
    /* max-width: 650px; */
    max-width: 700px;
}

.account__content.content .mdc-tab-scroller__scroll-area.mdc-tab-scroller__scroll-area--scroll {
    margin-bottom: 0 !important;
    padding-top: 10px;
    overflow: hidden;
}

.account__content .table--hover-row th:nth-child(4) {
	min-width: 115px;
}

.account__content .table--hover-row tbody tr:last-child {
    border-bottom: none;
}

@media (min-width: 1025px) {
    .mk-btn-with-link:hover > a {
      color: #861f41;
    }
}

/* Menu Klubu */
@media (max-width: 735px) {
    .mdc-tab-scroller__scroll-content {
        flex-wrap: wrap;
        width: 100%;
    }

    .mdc-tab-bar .mdc-tab {
      width: 50%;
    }
}

@media (max-width: 370px) {
    .mdc-tab-bar .mdc-tab {
        width: 100%;
    }
}

.mk-select {
    border-radius: 0 !important;
    border-color: #dfdfdf;
    max-width: 380px;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' viewBox='0 0 330 330' fill='%23686868'%3E%3Cpath d='M325.607 79.393c-5.857-5.857-15.355-5.858-21.213.001l-139.39 139.393L25.607 79.393c-5.857-5.857-15.355-5.858-21.213.001-5.858 5.858-5.858 15.355 0 21.213l150.004 150a14.999 14.999 0 0021.212-.001l149.996-150c5.859-5.857 5.859-15.355.001-21.213z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 50%;
}

.mk-form_error {
    color: #ff0000;
}

.mk-signin .mdc-tab-bar {
    padding-top: 20px;
}

.mk-signin .border-box.border-box--right div {
    max-width: 600px;
    margin: 0 auto;
}

.blog + .newsletter {
    border: none;
}

.ybc_blog_layout_large_grid.blog-post header.blog-post__header {
    /* background-size: 1920px 600px; */
    background-attachment:scroll; 
    -o-background-size:cover; 
    -moz-background-size:cover; 
    -webkit-background-size:cover; 
    background-size:cover; 
    background-repeat:no-repeat;
}

/* Register - Club */
.account.account--main-page #register_box .mdc-checkbox-wrap label a {
    display: inline-block;
}

/* ---------------------------- LIST OF PRODUCTS ---------------------------- */


@media (max-width: 1024px) {
    .products__list li {
        height: auto;
        border-bottom: 2px solid #dfdfdf;
    }

    .list-nodetails .products__list a {
        border-bottom: none;
        height: calc(100% - 164px) ;
    }

    .list-nodetails .products__list .col-3 p {
        border-bottom: none;
        padding-bottom: 5px;
    }

    li.products__list__item .col-3 button.btn.btn--maroon {
        min-width: 200px;
    }

    .list-details .products__list__item .two-cols {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .list-details .products__list__item .two-cols ~ .col-3 p {
        flex-basis: 100%;
        margin-bottom: 15px;
    }

    .list-nodetails .products__list .col-3 p {
        padding-top: 5px;
    }
}

.list-details .products__list__item .two-cols ~ .col-3 button.btn.btn--maroon {
    min-width: 150px;
    width: 200px;
}

.list-details .products__list li:last-child {
    border-bottom: none;
}

/* ---------------------------- END LIST OF PRODUCTS ---------------------------- */

.newsletter button {
    margin-left: 0;
}

@media (min-width: 1025px) {
    section.login-page.content.wrapper-medium--s div#login-register-box form label {
        max-width: 100% !important;
    }
}

section.login-page.content.wrapper-medium--s form#login_form div {
    margin: 0 auto;
    max-width: 380px;
}

/* CMS */

.rte section.waste-equipment-page .wrapper-medium.content a {
    word-break: break-word;
}

.single-product__main__info .status span:first-child,
.single-product__main__info .status span:first-child i.icon-unavailable {
	color: #861f41;
}

.single-product__main__info .status div#oosHook {
	margin: 10px 0;
}

.single-product__main__info div#oosHook input#oos_customer_email {
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    width: 280px;
    margin: 10px 0;
    color: rgba(0,0,0,.87);
    padding: 15px 15px 9px;
    box-sizing: border-box;
    background-color: transparent;
    appearance: none;
}

.single-product__main__info div#oosHook input#oos_customer_email:hover {
    border-color: rgba(0,0,0,.87);
}

.single-product__main__info .status span:nth-child(2) {
    display: block;
}

.single-product__main__info .status div#oosHook a.btn {
    padding: 9px 15px 6px;
}

.main-page + section.newsletter {
    border-top: none;
}

/* FIX nav */
.primary-nav__wrap {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

/* FIX my address */
.account .cart__data-box.two-column-box.border-box.border-box--left {
	flex-wrap: wrap;
    justify-content: normal;
}

/* FIX - last star */
.single-product__main__info .stars>:last-child {
    margin-left: 0;
}

.account--main-page .account__content a {
    display: block;
    color: #000;
    margin-bottom: 40px;
    transition: opacity .3s;
}

.account--main-page .account__content a:hover {
    opacity: .7;
}

/* FIX FONT-SIZE */
html {
    font-size: 16px !important;
}

/* FIX BTN COOKIES */
#ot-sdk-btn-floating.ot-floating-button {
	z-index: 999 !important;
}

/* Podsumowanie zamównienia */
.opc-main-block .cart__data-box.two-column-box.border-box.border-box--left .address_select {
    display: block;
    margin: 10px 0;
    font-family: RedHatDisplay-Regular,Arial,sans-serif;
    font-size: 18px;
    padding: 10px;
    border: 1px solid #ddd;
    width: 100%;
}

/* Address - layout */
@media (min-width: 601px) {
    .cart__data-box.two-column-box.border-box.border-box--left {
        flex-wrap: wrap;
        justify-content: center;
    }

    .two-column-box .left-side, .two-column-box .right-side {
        flex-basis: 48%;
    }

    .cart__data-box.two-column-box.border-box.border-box--left > h3:last-of-type {
        justify-content: center;
        padding-top: 20px;
        margin-bottom: 0;
        width: 100%;
    }

    .cart__data-box.two-column-box.border-box.border-box--left > h3:last-of-type a {
        border: 2px solid #861f41;
        background-color: #fff;
        padding: 10px;
    }
}

/* Footer */

.main-footer .social-media-nav p:not(:first-child) {
    padding: 0;
    margin: 0;
}

.main-footer .social-media-nav p > a {
    opacity: 1;
    font-weight: 400;
    font-family: RedHatDisplay-Regular,Arial,sans-serif;
}
/* !Footer */

div#tabelazhistoria .account__content .table--hover-row th:nth-child(3) {
    min-width: 120px;
}

table.track-order___status.table.border-box.border-box--right tbody > tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 0;
}

table.track-order___status.table.border-box.border-box--right tbody tr .maroon {
    padding: 0;
}

/* Blog */
@media (min-width: 1281px) {
    .blog .slider .owl-carousel {
        display: block !important;
    }

    /* .blog #slider-image .owl-item>div {
        height: calc(1080px / 2) !important;
    } */

    .blog .slider .owl-carousel .owl-img {
        background-size: cover;
        background-position: center;
    }

    .blog div#slider-image {
        width: 50%;
    }

    .blog .slider {
        justify-content: flex-end;
    }

    .blog .slider-right .arrow {
        left: 1px;
    }
}
/* !Blog */

.list-details .products__list .cart__product__current-price {
    display: inline-block;
}

/*
.list-details .products__list .col-3 p {
    text-align: right;
}
*/
#contact-popup {
    z-index: 1005;
}

.order-summary a.btn.btn--white.btn--size-280 {
    border: none;
}

.order-summary a.btn.btn--white.btn--size-280:hover {
    opacity: 1;
}

.track-order .cart__products-list .cart__product {
    text-align: left !important;
}

.track-order p.success a {
    color: #fff;
    text-decoration: underline;
}

/* Metody płatności */
.order-summary.payment-summary .buttons-group .button-with-link {
    padding: 0;
}

.order-summary.payment-summary .buttons-group .button-with-link a {
    display: block;
    padding: 12px 15px;
    width: 100%;
}
/* !Metody płatności */

.distribution .distribution--logo-shops {
    display: flex;
    flex-wrap: wrap;
    padding: 1.8% 2.4%;
    align-items: center;
}

.distribution .distribution--logo-shops div {
    width: 28%;
    margin: 2% 2.5%;
    text-align: center;
}

@media (max-width: 480px) {
    .distribution .distribution--logo-shops div {
        width: 100%;
    }
}

/* Input NIP */
/* Chrome, Safari, Edge, Opera */
#add-address .mdc-text-field__input[type=number]::-webkit-outer-spin-button,
#add-address .mdc-text-field__input[type=number]::-webkit-inner-spin-button,
#new_account_form .mdc-text-field__input[type=number]::-webkit-outer-spin-button,
#new_account_form .mdc-text-field__input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#add-address .mdc-text-field__input[type=number],
#new_account_form .mdc-text-field__input[type=number] {
  -moz-appearance: textfield;
  text-align: left;
}
/* !Input NIP */

.recipes-content .recipes-list .btn {
    transition: none;
}

@media (max-width: 600px) {
    .login-register-box .error-message {
        font-size: .8888888889rem !important;
    }
}

.products h3.site-title.site-title--padding.site-title--margin span {
    font-weight: 400;
    font-size: 1.3333333333rem;
    font-family: RedHatDisplay-Regular,Arial,sans-serif;
}

section.shipment-info li::before {
    color: #861f41 !important;
}

@media (min-width: 1025px) {
    .single-product .single-product__main .single-product__main__info {
        margin-left: 50px;
        position: relative;
        -ms-flex-basis: 50%;
        flex-basis: 50%;
    }
}

.blog ~ section.newsletter {
    border: none !important;
}

.blog-post__content.wrapper-big {
    text-align: justify;
}

.add-review .blog-rate-capcha label {
    display: block;
}

@media (max-width: 768px) {
    .add-review .blog-rate-capcha {
        float: none !important;
    }
    .add-review .blog-capcha {
        margin-bottom: 10px;
    }
    .add-review .btn--size-280 {
        width: 100% !important;
    }
    .add-review .blog-capcha {
        float: left;
    }
}

#ybc-blog-form-comment .success-message.success-message--show {
    margin-top: 30px;
}

