@font-face {
  font-family: "v3-icons";
  src: url("../../assets/fonts/v3-icons/v3-icons.eot?e4828faec2becd0b875d942a4163c137");
  src: url("../../assets/fonts/v3-icons/v3-icons.eot?e4828faec2becd0b875d942a4163c137#iefix") format("embedded-opentype"), url("../../assets/fonts/v3-icons/v3-icons.woff2?e4828faec2becd0b875d942a4163c137") format("woff2"), url("../../assets/fonts/v3-icons/v3-icons.woff?e4828faec2becd0b875d942a4163c137") format("woff"), url("../../assets/fonts/v3-icons/v3-icons.ttf?e4828faec2becd0b875d942a4163c137") format("truetype"), url("../../assets/fonts/v3-icons/v3-icons.svg?e4828faec2becd0b875d942a4163c137#v3-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.v3-icon-font {
  font-family: "v3-icons";
  display: inline-block;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.v3-icon-sort-all:before {
  content: "\f101";
}

.v3-icon-sort-horizontal:before {
  content: "\f102";
}

.v3-icon-sort-vertical:before {
  content: "\f103";
}

@layer default {
  @layer default {
    .grid,
    .grid .row {
      width: 100%;
      text-align: left;
    }
    .grid:after,
    .grid .row:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
    }
    .grid.border > div,
    .grid .row.border > div {
      padding: 4px 4px;
      border: 1px solid black;
      border-right: none;
      border-bottom: none;
    }
    .grid.border > div:last-child,
    .grid .row.border > div:last-child {
      border-right: 1px solid black;
    }
    .grid.border:last-child > div,
    .grid .row.border:last-child > div {
      border-bottom: 1px solid black;
    }
    @media screen and (min-width: 600px) {
      .grid [class*=col-],
      .grid .row [class*=col-] {
        float: left;
        box-sizing: border-box;
        padding: 0 0.5rem;
      }
      .grid .col-1,
      .grid .row .col-1 {
        width: 8.3333333333%;
      }
      .grid .col-1-5,
      .grid .row .col-1-5 {
        width: 14%;
      }
      .grid .col-2,
      .grid .row .col-2 {
        width: 16.666666667%;
      }
      .grid .col-3,
      .grid .row .col-3 {
        width: 25%;
      }
      .grid .col-4,
      .grid .row .col-4 {
        width: 33.3333333333%;
      }
      .grid .col-5,
      .grid .row .col-5 {
        width: 41.666666667%;
      }
      .grid .col-6,
      .grid .row .col-6 {
        width: 50%;
      }
      .grid .col-7,
      .grid .row .col-7 {
        width: 58.333333333%;
      }
      .grid .col-8,
      .grid .row .col-8 {
        width: 66.666666666%;
      }
      .grid .col-9,
      .grid .row .col-9 {
        width: 75%;
      }
      .grid .col-10,
      .grid .row .col-10 {
        width: 83.333333333%;
      }
      .grid .col-11,
      .grid .row .col-11 {
        width: 91.666666666%;
      }
      .grid .col-12,
      .grid .row .col-12 {
        width: 100%;
      }
    }
    @media screen and (min-width: 600px) {
      .grid .input,
      .grid .row .input {
        padding: 0px 10px;
      }
      .grid .input:nth-child(3n+1),
      .grid .row .input:nth-child(3n+1) {
        padding-left: 0;
        padding-right: 20px;
      }
      .grid .input:nth-child(3n),
      .grid .row .input:nth-child(3n) {
        padding-left: 20px;
        padding-right: 0px;
      }
    }
    @media screen and (min-width: 600px) {
      .grid .input-4,
      .grid .row .input-4 {
        padding: 0px 10px;
      }
      .grid .input-4:nth-child(4n+1),
      .grid .row .input-4:nth-child(4n+1) {
        padding-left: 0;
        padding-right: 10px;
      }
      .grid .input-4:nth-child(4n),
      .grid .row .input-4:nth-child(4n) {
        padding-left: 10px;
        padding-right: 0px;
      }
    }
    @media screen and (min-width: 600px) {
      .grid .input-7,
      .grid .row .input-7 {
        padding: 0px 10px;
      }
      .grid .input-7:nth-child(7n+1),
      .grid .row .input-7:nth-child(7n+1) {
        padding-left: 0;
        padding-right: 10px;
      }
      .grid .input-7:nth-child(7n),
      .grid .row .input-7:nth-child(7n) {
        padding-left: 10px;
        padding-right: 0px;
      }
    }
    @media screen and (min-width: 600px) {
      .grid .input-5,
      .grid .row .input-5 {
        padding: 0px 10px;
      }
      .grid .input-5:nth-child(5n+1),
      .grid .row .input-5:nth-child(5n+1) {
        padding-left: 0;
        padding-right: 10px;
      }
      .grid .input-5:nth-child(5n),
      .grid .row .input-5:nth-child(5n) {
        padding-left: 10px;
        padding-right: 0px;
      }
    }
    @media screen and (min-width: 600px) and (max-width: 1000px) {
      .grid .input-2,
      .grid .row .input-2 {
        padding-right: 0px;
        padding-left: 0px;
        width: 100%;
      }
      .grid .input-2:first-child, .grid .input-2:last-child,
      .grid .row .input-2:first-child,
      .grid .row .input-2:last-child {
        width: 100%;
      }
    }
    @media screen and (min-width: 1000px) {
      .grid .input-2,
      .grid .row .input-2 {
        padding-right: 20px;
      }
      .grid .input-2:nth-child(2n),
      .grid .row .input-2:nth-child(2n) {
        padding-left: 10px;
        padding-right: 0px;
      }
    }
    @media screen and (min-width: 600px) and (max-width: 1200px) {
      .grid .input-right,
      .grid .row .input-right {
        padding-right: 0px;
        padding-left: 0px;
      }
      .grid .input-right:first-child, .grid .input-right:last-child,
      .grid .row .input-right:first-child,
      .grid .row .input-right:last-child {
        width: 100%;
      }
    }
    @media screen and (min-width: 1200px) {
      .grid .input-right,
      .grid .row .input-right {
        padding-right: 15px;
      }
    }
    @media screen and (min-width: 600px) {
      .grid .grid .input-right,
      .grid .grid .row .input-right {
        padding-right: 15px;
      }
    }
    @media screen and (min-width: 600px) and (max-width: 1200px) {
      .grid .input-left,
      .grid .row .input-left {
        padding-right: 0px;
        padding-left: 0px;
      }
      .grid .input-left:first-child, .grid .input-left:last-child,
      .grid .row .input-left:first-child,
      .grid .row .input-left:last-child {
        width: 100%;
      }
    }
    @media screen and (min-width: 1200px) {
      .grid .input-left,
      .grid .row .input-left {
        padding-left: 15px;
      }
    }
    @media screen and (min-width: 600px) {
      .grid .grid .input-left,
      .grid .grid .row .input-left {
        padding-left: 15px;
      }
    }
    @media screen and (min-width: 600px) {
      .grid .button:last-child,
      .grid .row .button:last-child {
        text-align: right;
      }
      .grid .button .zb-button-green,
      .grid .button .zb-button-grey,
      .grid .row .button .zb-button-green,
      .grid .row .button .zb-button-grey {
        margin-top: 15px;
        margin-bottom: 0px;
      }
    }
  }
  @layer reset {
    html,
    body {
      border: 0;
      margin: 0;
      padding: 0;
      width: 100%;
    }
    div,
    span,
    object,
    iframe,
    img,
    table,
    caption,
    thead,
    tbody,
    tfoot,
    tr,
    tr,
    td,
    article,
    aside,
    canvas,
    details,
    figure,
    hgroup,
    menu,
    nav,
    footer,
    header,
    section,
    summary,
    mark,
    audio,
    video {
      border: 0;
      margin: 0;
      padding: 0;
    }
    h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code,
    del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd,
    ol, ul, li, fieldset, legend, label {
      border: 0;
      vertical-align: baseline;
      margin: 0;
      padding: 0;
    }
    article,
    aside,
    canvas,
    figure,
    figure img,
    figcaption,
    hgroup,
    footer,
    header,
    nav,
    section,
    audio,
    video {
      display: block;
    }
    table {
      border-collapse: separate;
      border-spacing: 0;
    }
    table caption,
    table th,
    table td {
      text-align: left;
      vertical-align: middle;
    }
    input,
    select,
    button,
    textarea {
      border-radius: 0;
    }
    a {
      text-decoration: none;
    }
    a img {
      border: 0;
    }
    custom-overlay {
      display: none;
    }
    *:focus:not(:focus-visible) {
      outline: none;
    }
    .clear {
      clear: both;
    }
    .clearfix:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
    }
    .noselect {
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
  }
  /*
      User select none
   */
  /*
      Display
   */
  /*
      Flex direction
   */
  /*
      Flex wrap
   */
  /*
      Flex flow
   */
  /*
      Order
   */
  /*
      Flex grow
   */
  /*
      Flex shrink
   */
  /*
      Flex basis
   */
  /*
      Flex
   */
  /*
      Justify content
   */
  /*
      Align items
   */
  /*
      Align self
   */
  /*
      Align content
   */
  .v3-icon {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.2rem;
    color: #f4f4f5;
  }
}