@font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v14/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
      unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v14/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v14/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
      unicode-range: U+1F00-1FFF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v14/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
      unicode-range: U+0370-03FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v14/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
      unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v14/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");
      unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 400;
      src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v14/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
      unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
      unicode-range: U+1F00-1FFF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
      unicode-range: U+0370-03FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
      unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
      unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 700;
      src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v14/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 800;
      src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format("woff2");
      unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 800;
      src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format("woff2");
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 800;
      src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format("woff2");
      unicode-range: U+1F00-1FFF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 800;
      src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format("woff2");
      unicode-range: U+0370-03FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 800;
      src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format("woff2");
      unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 800;
      src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format("woff2");
      unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: normal;
      font-weight: 800;
      src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(https://fonts.gstatic.com/s/opensans/v14/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: italic;
      font-weight: 400;
      src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBjTOQ_MqJVwkKsUn0wKzc2I.woff2) format("woff2");
      unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: italic;
      font-weight: 400;
      src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBjUj_cnvWIuuBMVgbX098Mw.woff2) format("woff2");
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: italic;
      font-weight: 400;
      src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBkbcKLIaa1LC45dFaAfauRA.woff2) format("woff2");
      unicode-range: U+1F00-1FFF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: italic;
      font-weight: 400;
      src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBmo_sUJ8uO4YLWRInS22T3Y.woff2) format("woff2");
      unicode-range: U+0370-03FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: italic;
      font-weight: 400;
      src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBr6up8jxqWt8HVA3mDhkV_0.woff2) format("woff2");
      unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: italic;
      font-weight: 400;
      src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBiYE0-AqJ3nfInTTiDXDjU4.woff2) format("woff2");
      unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
      font-display: swap
    }

    @font-face {
      font-family: "Open Sans";
      font-style: italic;
      font-weight: 400;
      src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v14/xjAJXh38I15wypJXxuGMBo4P5ICox8Kq3LLUNMylGO4.woff2) format("woff2");
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
      font-display: swap
    }

    @keyframes bounce {

      0%,
      100% {
        transform: translateY(0) scale(1)
      }

      65% {
        transform: translateY(-12px) scale(1.3)
      }

      80% {
        transform: translateY(7px) scale(.8)
      }

      87% {
        transform: translateY(-3px) scale(1.05)
      }

      95% {
        transform: translateY(2px) scale(.95)
      }
    }

    @keyframes fadefromright {

      0%,
      10% {
        opacity: 0;
        transform: translateX(30px)
      }

      100% {
        opacity: 1;
        transform: translateX(0)
      }
    }

    @keyframes fadeIn {

      0%,
      50% {
        opacity: 0
      }

      100% {
        opacity: .6
      }
    }

    @keyframes fadeInFull {

      0%,
      80% {
        opacity: 0
      }

      100% {
        opacity: 1
      }
    }

    @-webkit-keyframes wiggle {
      0% {
        -webkit-transform: rotate(0)
      }

      25% {
        -webkit-transform: rotate(4deg)
      }

      75% {
        -webkit-transform: rotate(-4deg)
      }

      100% {
        -webkit-transform: rotate(0)
      }
    }

    @-webkit-keyframes bubble {
      0% {
        -webkit-transform: scale(0)
      }

      25% {
        -webkit-transform: scale(1.04)
      }

      40% {
        -webkit-transform: scale(.98)
      }

      57% {
        -webkit-transform: scale(1.02)
      }

      77% {
        -webkit-transform: scale(.99)
      }

      100% {
        -webkit-transform: scale(1)
      }
    }

    @keyframes bubble {
      0% {
        -webkit-transform: scale(0)
      }

      30% {
        -webkit-transform: scale(1.03)
      }

      50% {
        -webkit-transform: scale(.98)
      }

      73% {
        -webkit-transform: scale(1.01)
      }

      100% {
        -webkit-transform: scale(1)
      }
    }

    @-moz-keyframes wiggle {
      0% {
        -moz-transform: rotate(0)
      }

      25% {
        -moz-transform: rotate(4deg)
      }

      75% {
        -moz-transform: rotate(-4deg)
      }

      100% {
        -moz-transform: rotate(0)
      }
    }

    @keyframes wiggle {
      0% {
        transform: rotate(0)
      }

      25% {
        transform: rotate(4deg)
      }

      75% {
        transform: rotate(-4deg)
      }

      100% {
        transform: rotate(0)
      }
    }

    *,
    body,
    button,
    div,
    input,
    select,
    textarea {
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
      -moz-osx-font-smoothing: grayscale;
      -moz-transition: all .2s ease, box-shadow .3s ease;
      -ms-transition: all .2s ease, box-shadow .3s ease;
      -o-transition: all .2s ease, box-shadow .3s ease;
      -webkit-transition: all .2s ease, box-shadow .3s ease;
      transition: all .2s ease, box-shadow .3s ease;
      font-family: "Open Sans", Arial, sans-serif;
      -ms-text-size-adjust: 100%;
      -webkit-text-size-adjust: 100%
    }

    body.not-using-mouse :focus,
    body.not-using-mouse [role=radiogroup]:focus-within {
      outline: #39f auto 2px !important
    }

    body.not-using-mouse :focus:not(.tpSelectOptionsul) {
      background-color: #3399ff1A !important
    }

    body.using-mouse :focus {
      outline: 0
    }

    .visuallyhidden {
      display: none
    }

    input {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none
    }

    body {
      background-color: #fff;
      margin: 0
    }

    .buttonA,
    .divA,
    a {
      cursor: pointer;
      text-decoration: none;
      font: unset;
      background-color: rgba(0, 0, 0, 0);
      border-bottom: 1px solid transparent;
      color: #39f
    }

    .buttonA:hover,
    a:hover {
      border-bottom: 1px solid #39f;
      color: #39f
    }

    .buttonA {
      border: none;
      padding: 0
    }

    .buttonA:focus {
      outline: 0
    }

    #tpLogo {
      border-bottom: none
    }

    .button {
      cursor: pointer;
      background: #39f;
      -moz-border-radius: 4px;
      -webkit-border-radius: 4px;
      border-radius: 8px;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .15);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      font-size: 1.125em;
      color: #fff;
      font-weight: 700;
      border: none;
      text-decoration: none
    }

    .button:hover {
      color: #fff;
      background-color: #2082e4;
      box-shadow: 0 2px 8px rgba(27, 39, 51, 0);
      border-bottom: none
    }

    .tpButton.primary:not(.switch) {
      background: #39f !important;
      border-color: #39f !important
    }

    .tpButton.primary:not(.switch):hover {
      background-color: #2082e4 !important;
      border-color: #2082e4 !important
    }

    .centeredContainer {
      position: relative;
      width: 100%;
      max-width: 1100px;
      margin: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 15px;
      height: inherit;
      min-width: 900px
    }

    .leftAlign {
      float: left
    }

    .rightAlign {
      float: right
    }

    .fsOverlay {
      visibility: hidden;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, .6);
      overflow: hidden;
      -moz-transition: all .4s ease, transform 0s ease;
      -ms-transition: all .4s ease, transform 0s ease;
      -o-transition: all .4s ease, transform 0s ease;
      -webkit-transition: all .4s ease, transform 0s ease;
      transition: all .4s ease, transform 0s ease;
      opacity: 0;
      transform: scale(0);
      overflow: auto
    }

    .fsOverlay.activeOL {
      visibility: visible;
      height: 100%;
      display: block;
      opacity: 1;
      z-index: 11;
      transform: scale(1)
    }

    .fsOverlay div:first-child {
      -moz-transition: all .4s ease;
      -ms-transition: all .4s ease;
      -o-transition: all .4s ease;
      -webkit-transition: all .4s ease;
      transition: all .4s ease
    }

    .fsOverlay.activeOL div:first-child {
      -webkit-animation: bubble 1s ease;
      -moz-animation: bubble 1s ease;
      animation: bubble 1s ease
    }

    .headerLink {
      color: rgba(19, 20, 49, .6);
      font-size: .938em;
      background: rgba(0, 0, 0, 0);
      text-decoration: none;
      margin-right: 24px;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
    }

    .mobileOnly {
      display: none
    }

    .inputWrapper,
    .inputWrapper165,
    .inputWrapper25,
    .inputWrapper33,
    .inputWrapper66,
    .inputWrapperHalf {
      width: 100%;
      float: left;
      position: relative;
      margin: 7px 0 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 4px
    }

    .inputWrapperHalf {
      width: 50%
    }

    .inputWrapper66 {
      width: 66.6%
    }

    .inputWrapper33 {
      width: 33.3%
    }

    .inputWrapper25 {
      width: 25%
    }

    .inputWrapper165 {
      width: 16.5%
    }

    .fieldLabel {
      position: absolute;
      top: 0;
      width: 100%;
      margin-top: .3em;
      padding: 0 1.2em;
      z-index: 1;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transform: translateY(3px);
      transform: translateY(3px);
      pointer-events: none;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      box-sizing: border-box;
      opacity: 0;
      transition: all .2s ease-out
    }

    .fieldInput {
      color: inherit;
      font-size: .875em;
      margin: 0;
      padding: 0;
      -webkit-appearance: none;
      -webkit-font-smoothing: inherit;
      border: none;
      background: rgba(0, 0, 0, 0);
      line-height: normal;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 45px;
      transition: all .2s ease-out;
      background-color: #fff;
      color: #333;
      border-radius: 8px;
      display: block;
      box-sizing: border-box;
      width: 100%;
      padding: .94em .8em;
      word-break: normal;
      outline: 0;
      box-shadow: 0 0 0 1px #d9d9d9
    }

    .fieldInput.warning {
      box-shadow: 0 0 0 1px #ff227a;
      background: rgba(255, 34, 122, .06)
    }

    .fieldInput.notice {
      box-shadow: 0 0 0 1px #ffa93c;
      background: rgba(255, 169, 60, .06)
    }

    .fieldInput.success {
      box-shadow: 0 0 0 1px #0f0
    }

    .fieldInput.disabled {
      opacity: .5
    }

    .fieldInputSelect {
      background: url(img/down_arrow.png) no-repeat right 5px center;
      background-size: 16px 12px;
      background-color: #fff
    }

    .showFloating .fieldLabel {
      -webkit-transform: none;
      transform: none;
      opacity: .4;
      font-size: .563em;
      margin-top: 7px
    }

    .showFloating .fieldInput {
      padding-top: 1.2em;
      padding-bottom: .48em
    }

    .fieldInput.btInput {
      padding: 0
    }

    .customSlide::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 10px;
      float: left
    }

    .customSlide::-webkit-scrollbar-thumb {
      border-radius: 8px;
      background-color: rgba(0, 0, 0, .5);
      box-shadow: inset 0 0 3px rgba(255, 255, 255, .4);
      -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, .4);
      border: 2px solid #fff
    }

    .question {
      position: absolute;
      right: .8em;
      border-radius: 50%;
      height: 20px;
      line-height: 20px;
      width: 20px;
      top: 50%;
      margin: -10px 0 0;
      color: #fff;
      background: #39f;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .03);
      text-align: center;
      font-weight: 700;
      font-size: .85em;
      cursor: pointer
    }

    .question:hover {
      box-shadow: none;
      background: #2082e4
    }

    .question:active:before,
    .question:focus:before,
    .question:hover:before {
      content: attr(data-displayText);
      opacity: 1;
      border-radius: 14px;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .1);
      padding: 5px 5px;
      line-height: normal;
      font-weight: 400;
      color: #fff;
      background: #2082e4;
      position: absolute;
      left: -135px;
      padding: 10px;
      width: 270px;
      min-width: 270px;
      bottom: 28px;
      z-index: 99999999
    }

    .internalOverlay {
      z-index: 100;
      position: fixed;
      left: 2vw;
      font-weight: 700;
      background-color: rgba(255, 255, 255, .75)
    }

    .internalOverlay.notProd {
      bottom: 4vw;
      color: #f0f
    }

    .internalOverlay.impersonatingUser {
      bottom: 2vw;
      color: red
    }

    .internalOverlay.impersonatingUser button {
      font-weight: 700;
      margin-left: 10px
    }

    #header.top36,
    #pdHeaderLogo.top36 {
      top: 36px
    }

    .tooltipWrapper button {
      background: #39f
    }

    .copyBtn {
      background: url(img/bk_copy.png) center center no-repeat;
      background-size: contain;
      height: 25px;
      width: auto;
      opacity: .25;
      border: 0;
      margin-left: 5px;
      vertical-align: middle;
      cursor: pointer
    }

    .copyBtn:hover {
      opacity: .5
    }

    @media(max-width:1150px) {
      .headerLink {
        display: none
      }
    }

    @media(max-width:500px) {

      #orderDetails .subtitle .question:hover:before,
      .inputWrapper .question:hover:before,
      .inputWrapperHalf .question:hover:before {
        left: auto;
        right: 0
      }

      body,
      html {
        overflow-x: hidden
      }

      body {
        overflow-y: hidden
      }

      .fieldInput {
        font-size: .813em
      }

      .showFloating .fieldLabel {
        margin-top: 5px
      }

      .fieldInputSelect {
        background: url(img/down_arrow.png) no-repeat right 2px center;
        background-size: 13px 9px;
        background-color: #fff
      }

      .dropdownContainerOuter,
      .headerLink {
        display: none
      }

      .mobileOnly {
        display: block
      }

      .centeredContainer {
        padding: 0 5px;
        min-width: 300px
      }

      .inputWrapper66,
      .inputWrapperHalf {
        width: 100%
      }

      .inputWrapper33 {
        width: 50%
      }

      .inputWrapper165 {
        width: 25%
      }

      .inputWrapper,
      .inputWrapper165,
      .inputWrapper25,
      .inputWrapper33,
      .inputWrapper66,
      .inputWrapperHalf {
        margin: 5px 0 0
      }
    }

    .button,
    .tpButton,
    iframe.zoid-component-frame {
      border-radius: 300px !important;
      text-transform: capitalize !important;
      font-weight: 700 !important;
      cursor: pointer;
      text-align: center;
      border: none
    }

    .button.fullWidth,
    .tpButton.fullWidth,
    iframe.zoid-component-frame.fullWidth {
      width: 100%
    }

    .button.switch:not(.outlined).primary,
    .button:not(.switch).primary,
    .tpButton.switch:not(.outlined).primary,
    .tpButton:not(.switch).primary,
    iframe.zoid-component-frame.switch:not(.outlined).primary,
    iframe.zoid-component-frame:not(.switch).primary {
      border-width: 1px;
      border-style: solid;
      border-color: #39f;
      background: #39f;
      color: #fff
    }

    .button.switch:not(.outlined).primary:active,
    .button.switch:not(.outlined).primary:focus,
    .button.switch:not(.outlined).primary:focus-within,
    .button.switch:not(.outlined).primary:hover,
    .button:not(.switch).primary:active,
    .button:not(.switch).primary:focus,
    .button:not(.switch).primary:focus-within,
    .button:not(.switch).primary:hover,
    .tpButton.switch:not(.outlined).primary:active,
    .tpButton.switch:not(.outlined).primary:focus,
    .tpButton.switch:not(.outlined).primary:focus-within,
    .tpButton.switch:not(.outlined).primary:hover,
    .tpButton:not(.switch).primary:active,
    .tpButton:not(.switch).primary:focus,
    .tpButton:not(.switch).primary:focus-within,
    .tpButton:not(.switch).primary:hover,
    iframe.zoid-component-frame.switch:not(.outlined).primary:active,
    iframe.zoid-component-frame.switch:not(.outlined).primary:focus,
    iframe.zoid-component-frame.switch:not(.outlined).primary:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).primary:hover,
    iframe.zoid-component-frame:not(.switch).primary:active,
    iframe.zoid-component-frame:not(.switch).primary:focus,
    iframe.zoid-component-frame:not(.switch).primary:focus-within,
    iframe.zoid-component-frame:not(.switch).primary:hover {
      background: #0073e6
    }

    .button.switch:not(.outlined).primary:active:not(.outlined),
    .button.switch:not(.outlined).primary:focus-within:not(.outlined),
    .button.switch:not(.outlined).primary:focus:not(.outlined),
    .button.switch:not(.outlined).primary:hover:not(.outlined),
    .button:not(.switch).primary:active:not(.outlined),
    .button:not(.switch).primary:focus-within:not(.outlined),
    .button:not(.switch).primary:focus:not(.outlined),
    .button:not(.switch).primary:hover:not(.outlined),
    .tpButton.switch:not(.outlined).primary:active:not(.outlined),
    .tpButton.switch:not(.outlined).primary:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).primary:focus:not(.outlined),
    .tpButton.switch:not(.outlined).primary:hover:not(.outlined),
    .tpButton:not(.switch).primary:active:not(.outlined),
    .tpButton:not(.switch).primary:focus-within:not(.outlined),
    .tpButton:not(.switch).primary:focus:not(.outlined),
    .tpButton:not(.switch).primary:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).primary:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).primary:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).primary:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).primary:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).primary:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).primary:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).primary:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).primary:hover:not(.outlined) {
      border-color: #0073e6
    }

    .button.switch:not(.outlined).primary.outlined,
    .button:not(.switch).primary.outlined,
    .tpButton.switch:not(.outlined).primary.outlined,
    .tpButton:not(.switch).primary.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).primary.outlined,
    iframe.zoid-component-frame:not(.switch).primary.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).primary.extraPadding,
    .button:not(.switch).primary.extraPadding,
    .tpButton.switch:not(.outlined).primary.extraPadding,
    .tpButton:not(.switch).primary.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).primary.extraPadding,
    iframe.zoid-component-frame:not(.switch).primary.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).secondary,
    .button:not(.switch).secondary,
    .tpButton.switch:not(.outlined).secondary,
    .tpButton:not(.switch).secondary,
    iframe.zoid-component-frame.switch:not(.outlined).secondary,
    iframe.zoid-component-frame:not(.switch).secondary {
      border-width: 1px;
      border-style: solid;
      border-color: transparent;
      background: rgba(0, 0, 0, 0);
      color: #000
    }

    .button.switch:not(.outlined).secondary:active,
    .button.switch:not(.outlined).secondary:focus,
    .button.switch:not(.outlined).secondary:focus-within,
    .button.switch:not(.outlined).secondary:hover,
    .button:not(.switch).secondary:active,
    .button:not(.switch).secondary:focus,
    .button:not(.switch).secondary:focus-within,
    .button:not(.switch).secondary:hover,
    .tpButton.switch:not(.outlined).secondary:active,
    .tpButton.switch:not(.outlined).secondary:focus,
    .tpButton.switch:not(.outlined).secondary:focus-within,
    .tpButton.switch:not(.outlined).secondary:hover,
    .tpButton:not(.switch).secondary:active,
    .tpButton:not(.switch).secondary:focus,
    .tpButton:not(.switch).secondary:focus-within,
    .tpButton:not(.switch).secondary:hover,
    iframe.zoid-component-frame.switch:not(.outlined).secondary:active,
    iframe.zoid-component-frame.switch:not(.outlined).secondary:focus,
    iframe.zoid-component-frame.switch:not(.outlined).secondary:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).secondary:hover,
    iframe.zoid-component-frame:not(.switch).secondary:active,
    iframe.zoid-component-frame:not(.switch).secondary:focus,
    iframe.zoid-component-frame:not(.switch).secondary:focus-within,
    iframe.zoid-component-frame:not(.switch).secondary:hover {
      background: rgba(0, 0, 0, 0)
    }

    .button.switch:not(.outlined).secondary:active:not(.outlined),
    .button.switch:not(.outlined).secondary:focus-within:not(.outlined),
    .button.switch:not(.outlined).secondary:focus:not(.outlined),
    .button.switch:not(.outlined).secondary:hover:not(.outlined),
    .button:not(.switch).secondary:active:not(.outlined),
    .button:not(.switch).secondary:focus-within:not(.outlined),
    .button:not(.switch).secondary:focus:not(.outlined),
    .button:not(.switch).secondary:hover:not(.outlined),
    .tpButton.switch:not(.outlined).secondary:active:not(.outlined),
    .tpButton.switch:not(.outlined).secondary:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).secondary:focus:not(.outlined),
    .tpButton.switch:not(.outlined).secondary:hover:not(.outlined),
    .tpButton:not(.switch).secondary:active:not(.outlined),
    .tpButton:not(.switch).secondary:focus-within:not(.outlined),
    .tpButton:not(.switch).secondary:focus:not(.outlined),
    .tpButton:not(.switch).secondary:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).secondary:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).secondary:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).secondary:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).secondary:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).secondary:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).secondary:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).secondary:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).secondary:hover:not(.outlined) {
      border-color: transparent
    }

    .button.switch:not(.outlined).secondary.outlined,
    .button:not(.switch).secondary.outlined,
    .tpButton.switch:not(.outlined).secondary.outlined,
    .tpButton:not(.switch).secondary.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).secondary.outlined,
    iframe.zoid-component-frame:not(.switch).secondary.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).secondary.extraPadding,
    .button:not(.switch).secondary.extraPadding,
    .tpButton.switch:not(.outlined).secondary.extraPadding,
    .tpButton:not(.switch).secondary.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).secondary.extraPadding,
    iframe.zoid-component-frame:not(.switch).secondary.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).tertiary,
    .button:not(.switch).tertiary,
    .tpButton.switch:not(.outlined).tertiary,
    .tpButton:not(.switch).tertiary,
    iframe.zoid-component-frame.switch:not(.outlined).tertiary,
    iframe.zoid-component-frame:not(.switch).tertiary {
      border-width: 1px;
      border-style: solid;
      border-color: #fff;
      background: #fff;
      color: #ff227a
    }

    .button.switch:not(.outlined).tertiary:active,
    .button.switch:not(.outlined).tertiary:focus,
    .button.switch:not(.outlined).tertiary:focus-within,
    .button.switch:not(.outlined).tertiary:hover,
    .button:not(.switch).tertiary:active,
    .button:not(.switch).tertiary:focus,
    .button:not(.switch).tertiary:focus-within,
    .button:not(.switch).tertiary:hover,
    .tpButton.switch:not(.outlined).tertiary:active,
    .tpButton.switch:not(.outlined).tertiary:focus,
    .tpButton.switch:not(.outlined).tertiary:focus-within,
    .tpButton.switch:not(.outlined).tertiary:hover,
    .tpButton:not(.switch).tertiary:active,
    .tpButton:not(.switch).tertiary:focus,
    .tpButton:not(.switch).tertiary:focus-within,
    .tpButton:not(.switch).tertiary:hover,
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:active,
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:focus,
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:hover,
    iframe.zoid-component-frame:not(.switch).tertiary:active,
    iframe.zoid-component-frame:not(.switch).tertiary:focus,
    iframe.zoid-component-frame:not(.switch).tertiary:focus-within,
    iframe.zoid-component-frame:not(.switch).tertiary:hover {
      background: #f2f2f2
    }

    .button.switch:not(.outlined).tertiary:active:not(.outlined),
    .button.switch:not(.outlined).tertiary:focus-within:not(.outlined),
    .button.switch:not(.outlined).tertiary:focus:not(.outlined),
    .button.switch:not(.outlined).tertiary:hover:not(.outlined),
    .button:not(.switch).tertiary:active:not(.outlined),
    .button:not(.switch).tertiary:focus-within:not(.outlined),
    .button:not(.switch).tertiary:focus:not(.outlined),
    .button:not(.switch).tertiary:hover:not(.outlined),
    .tpButton.switch:not(.outlined).tertiary:active:not(.outlined),
    .tpButton.switch:not(.outlined).tertiary:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).tertiary:focus:not(.outlined),
    .tpButton.switch:not(.outlined).tertiary:hover:not(.outlined),
    .tpButton:not(.switch).tertiary:active:not(.outlined),
    .tpButton:not(.switch).tertiary:focus-within:not(.outlined),
    .tpButton:not(.switch).tertiary:focus:not(.outlined),
    .tpButton:not(.switch).tertiary:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).tertiary:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).tertiary:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).tertiary:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).tertiary:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).tertiary:hover:not(.outlined) {
      border-color: #f2f2f2
    }

    .button.switch:not(.outlined).tertiary.outlined,
    .button:not(.switch).tertiary.outlined,
    .tpButton.switch:not(.outlined).tertiary.outlined,
    .tpButton:not(.switch).tertiary.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).tertiary.outlined,
    iframe.zoid-component-frame:not(.switch).tertiary.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).tertiary.extraPadding,
    .button:not(.switch).tertiary.extraPadding,
    .tpButton.switch:not(.outlined).tertiary.extraPadding,
    .tpButton:not(.switch).tertiary.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).tertiary.extraPadding,
    iframe.zoid-component-frame:not(.switch).tertiary.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).safe,
    .button:not(.switch).safe,
    .tpButton.switch:not(.outlined).safe,
    .tpButton:not(.switch).safe,
    iframe.zoid-component-frame.switch:not(.outlined).safe,
    iframe.zoid-component-frame:not(.switch).safe {
      border-width: 1px;
      border-style: solid;
      border-color: #18e47d;
      background: #18e47d;
      color: #fff
    }

    .button.switch:not(.outlined).safe:active,
    .button.switch:not(.outlined).safe:focus,
    .button.switch:not(.outlined).safe:focus-within,
    .button.switch:not(.outlined).safe:hover,
    .button:not(.switch).safe:active,
    .button:not(.switch).safe:focus,
    .button:not(.switch).safe:focus-within,
    .button:not(.switch).safe:hover,
    .tpButton.switch:not(.outlined).safe:active,
    .tpButton.switch:not(.outlined).safe:focus,
    .tpButton.switch:not(.outlined).safe:focus-within,
    .tpButton.switch:not(.outlined).safe:hover,
    .tpButton:not(.switch).safe:active,
    .tpButton:not(.switch).safe:focus,
    .tpButton:not(.switch).safe:focus-within,
    .tpButton:not(.switch).safe:hover,
    iframe.zoid-component-frame.switch:not(.outlined).safe:active,
    iframe.zoid-component-frame.switch:not(.outlined).safe:focus,
    iframe.zoid-component-frame.switch:not(.outlined).safe:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).safe:hover,
    iframe.zoid-component-frame:not(.switch).safe:active,
    iframe.zoid-component-frame:not(.switch).safe:focus,
    iframe.zoid-component-frame:not(.switch).safe:focus-within,
    iframe.zoid-component-frame:not(.switch).safe:hover {
      background: #12ab5e
    }

    .button.switch:not(.outlined).safe:active:not(.outlined),
    .button.switch:not(.outlined).safe:focus-within:not(.outlined),
    .button.switch:not(.outlined).safe:focus:not(.outlined),
    .button.switch:not(.outlined).safe:hover:not(.outlined),
    .button:not(.switch).safe:active:not(.outlined),
    .button:not(.switch).safe:focus-within:not(.outlined),
    .button:not(.switch).safe:focus:not(.outlined),
    .button:not(.switch).safe:hover:not(.outlined),
    .tpButton.switch:not(.outlined).safe:active:not(.outlined),
    .tpButton.switch:not(.outlined).safe:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).safe:focus:not(.outlined),
    .tpButton.switch:not(.outlined).safe:hover:not(.outlined),
    .tpButton:not(.switch).safe:active:not(.outlined),
    .tpButton:not(.switch).safe:focus-within:not(.outlined),
    .tpButton:not(.switch).safe:focus:not(.outlined),
    .tpButton:not(.switch).safe:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).safe:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).safe:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).safe:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).safe:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).safe:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).safe:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).safe:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).safe:hover:not(.outlined) {
      border-color: #12ab5e
    }

    .button.switch:not(.outlined).safe.outlined,
    .button:not(.switch).safe.outlined,
    .tpButton.switch:not(.outlined).safe.outlined,
    .tpButton:not(.switch).safe.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).safe.outlined,
    iframe.zoid-component-frame:not(.switch).safe.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).safe.extraPadding,
    .button:not(.switch).safe.extraPadding,
    .tpButton.switch:not(.outlined).safe.extraPadding,
    .tpButton:not(.switch).safe.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).safe.extraPadding,
    iframe.zoid-component-frame:not(.switch).safe.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).warning,
    .button:not(.switch).warning,
    .tpButton.switch:not(.outlined).warning,
    .tpButton:not(.switch).warning,
    iframe.zoid-component-frame.switch:not(.outlined).warning,
    iframe.zoid-component-frame:not(.switch).warning {
      border-width: 1px;
      border-style: solid;
      border-color: #ffb222;
      background: #ffb222;
      color: #fff
    }

    .button.switch:not(.outlined).warning:active,
    .button.switch:not(.outlined).warning:focus,
    .button.switch:not(.outlined).warning:focus-within,
    .button.switch:not(.outlined).warning:hover,
    .button:not(.switch).warning:active,
    .button:not(.switch).warning:focus,
    .button:not(.switch).warning:focus-within,
    .button:not(.switch).warning:hover,
    .tpButton.switch:not(.outlined).warning:active,
    .tpButton.switch:not(.outlined).warning:focus,
    .tpButton.switch:not(.outlined).warning:focus-within,
    .tpButton.switch:not(.outlined).warning:hover,
    .tpButton:not(.switch).warning:active,
    .tpButton:not(.switch).warning:focus,
    .tpButton:not(.switch).warning:focus-within,
    .tpButton:not(.switch).warning:hover,
    iframe.zoid-component-frame.switch:not(.outlined).warning:active,
    iframe.zoid-component-frame.switch:not(.outlined).warning:focus,
    iframe.zoid-component-frame.switch:not(.outlined).warning:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).warning:hover,
    iframe.zoid-component-frame:not(.switch).warning:active,
    iframe.zoid-component-frame:not(.switch).warning:focus,
    iframe.zoid-component-frame:not(.switch).warning:focus-within,
    iframe.zoid-component-frame:not(.switch).warning:hover {
      background: #d98d00
    }

    .button.switch:not(.outlined).warning:active:not(.outlined),
    .button.switch:not(.outlined).warning:focus-within:not(.outlined),
    .button.switch:not(.outlined).warning:focus:not(.outlined),
    .button.switch:not(.outlined).warning:hover:not(.outlined),
    .button:not(.switch).warning:active:not(.outlined),
    .button:not(.switch).warning:focus-within:not(.outlined),
    .button:not(.switch).warning:focus:not(.outlined),
    .button:not(.switch).warning:hover:not(.outlined),
    .tpButton.switch:not(.outlined).warning:active:not(.outlined),
    .tpButton.switch:not(.outlined).warning:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).warning:focus:not(.outlined),
    .tpButton.switch:not(.outlined).warning:hover:not(.outlined),
    .tpButton:not(.switch).warning:active:not(.outlined),
    .tpButton:not(.switch).warning:focus-within:not(.outlined),
    .tpButton:not(.switch).warning:focus:not(.outlined),
    .tpButton:not(.switch).warning:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).warning:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).warning:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).warning:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).warning:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).warning:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).warning:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).warning:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).warning:hover:not(.outlined) {
      border-color: #d98d00
    }

    .button.switch:not(.outlined).warning.outlined,
    .button:not(.switch).warning.outlined,
    .tpButton.switch:not(.outlined).warning.outlined,
    .tpButton:not(.switch).warning.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).warning.outlined,
    iframe.zoid-component-frame:not(.switch).warning.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).warning.extraPadding,
    .button:not(.switch).warning.extraPadding,
    .tpButton.switch:not(.outlined).warning.extraPadding,
    .tpButton:not(.switch).warning.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).warning.extraPadding,
    iframe.zoid-component-frame:not(.switch).warning.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).danger,
    .button:not(.switch).danger,
    .tpButton.switch:not(.outlined).danger,
    .tpButton:not(.switch).danger,
    iframe.zoid-component-frame.switch:not(.outlined).danger,
    iframe.zoid-component-frame:not(.switch).danger {
      border-width: 1px;
      border-style: solid;
      border-color: #ff227a;
      background: #ff227a;
      color: #fff
    }

    .button.switch:not(.outlined).danger:active,
    .button.switch:not(.outlined).danger:focus,
    .button.switch:not(.outlined).danger:focus-within,
    .button.switch:not(.outlined).danger:hover,
    .button:not(.switch).danger:active,
    .button:not(.switch).danger:focus,
    .button:not(.switch).danger:focus-within,
    .button:not(.switch).danger:hover,
    .tpButton.switch:not(.outlined).danger:active,
    .tpButton.switch:not(.outlined).danger:focus,
    .tpButton.switch:not(.outlined).danger:focus-within,
    .tpButton.switch:not(.outlined).danger:hover,
    .tpButton:not(.switch).danger:active,
    .tpButton:not(.switch).danger:focus,
    .tpButton:not(.switch).danger:focus-within,
    .tpButton:not(.switch).danger:hover,
    iframe.zoid-component-frame.switch:not(.outlined).danger:active,
    iframe.zoid-component-frame.switch:not(.outlined).danger:focus,
    iframe.zoid-component-frame.switch:not(.outlined).danger:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).danger:hover,
    iframe.zoid-component-frame:not(.switch).danger:active,
    iframe.zoid-component-frame:not(.switch).danger:focus,
    iframe.zoid-component-frame:not(.switch).danger:focus-within,
    iframe.zoid-component-frame:not(.switch).danger:hover {
      background: #d90056
    }

    .button.switch:not(.outlined).danger:active:not(.outlined),
    .button.switch:not(.outlined).danger:focus-within:not(.outlined),
    .button.switch:not(.outlined).danger:focus:not(.outlined),
    .button.switch:not(.outlined).danger:hover:not(.outlined),
    .button:not(.switch).danger:active:not(.outlined),
    .button:not(.switch).danger:focus-within:not(.outlined),
    .button:not(.switch).danger:focus:not(.outlined),
    .button:not(.switch).danger:hover:not(.outlined),
    .tpButton.switch:not(.outlined).danger:active:not(.outlined),
    .tpButton.switch:not(.outlined).danger:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).danger:focus:not(.outlined),
    .tpButton.switch:not(.outlined).danger:hover:not(.outlined),
    .tpButton:not(.switch).danger:active:not(.outlined),
    .tpButton:not(.switch).danger:focus-within:not(.outlined),
    .tpButton:not(.switch).danger:focus:not(.outlined),
    .tpButton:not(.switch).danger:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).danger:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).danger:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).danger:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).danger:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).danger:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).danger:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).danger:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).danger:hover:not(.outlined) {
      border-color: #d90056
    }

    .button.switch:not(.outlined).danger.outlined,
    .button:not(.switch).danger.outlined,
    .tpButton.switch:not(.outlined).danger.outlined,
    .tpButton:not(.switch).danger.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).danger.outlined,
    iframe.zoid-component-frame:not(.switch).danger.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).danger.extraPadding,
    .button:not(.switch).danger.extraPadding,
    .tpButton.switch:not(.outlined).danger.extraPadding,
    .tpButton:not(.switch).danger.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).danger.extraPadding,
    iframe.zoid-component-frame:not(.switch).danger.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).neutral,
    .button:not(.switch).neutral,
    .tpButton.switch:not(.outlined).neutral,
    .tpButton:not(.switch).neutral,
    iframe.zoid-component-frame.switch:not(.outlined).neutral,
    iframe.zoid-component-frame:not(.switch).neutral {
      border-width: 1px;
      border-style: solid;
      border-color: #fff;
      background: #fff;
      color: #000
    }

    .button.switch:not(.outlined).neutral:active,
    .button.switch:not(.outlined).neutral:focus,
    .button.switch:not(.outlined).neutral:focus-within,
    .button.switch:not(.outlined).neutral:hover,
    .button:not(.switch).neutral:active,
    .button:not(.switch).neutral:focus,
    .button:not(.switch).neutral:focus-within,
    .button:not(.switch).neutral:hover,
    .tpButton.switch:not(.outlined).neutral:active,
    .tpButton.switch:not(.outlined).neutral:focus,
    .tpButton.switch:not(.outlined).neutral:focus-within,
    .tpButton.switch:not(.outlined).neutral:hover,
    .tpButton:not(.switch).neutral:active,
    .tpButton:not(.switch).neutral:focus,
    .tpButton:not(.switch).neutral:focus-within,
    .tpButton:not(.switch).neutral:hover,
    iframe.zoid-component-frame.switch:not(.outlined).neutral:active,
    iframe.zoid-component-frame.switch:not(.outlined).neutral:focus,
    iframe.zoid-component-frame.switch:not(.outlined).neutral:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).neutral:hover,
    iframe.zoid-component-frame:not(.switch).neutral:active,
    iframe.zoid-component-frame:not(.switch).neutral:focus,
    iframe.zoid-component-frame:not(.switch).neutral:focus-within,
    iframe.zoid-component-frame:not(.switch).neutral:hover {
      background: #f2f2f2
    }

    .button.switch:not(.outlined).neutral:active:not(.outlined),
    .button.switch:not(.outlined).neutral:focus-within:not(.outlined),
    .button.switch:not(.outlined).neutral:focus:not(.outlined),
    .button.switch:not(.outlined).neutral:hover:not(.outlined),
    .button:not(.switch).neutral:active:not(.outlined),
    .button:not(.switch).neutral:focus-within:not(.outlined),
    .button:not(.switch).neutral:focus:not(.outlined),
    .button:not(.switch).neutral:hover:not(.outlined),
    .tpButton.switch:not(.outlined).neutral:active:not(.outlined),
    .tpButton.switch:not(.outlined).neutral:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).neutral:focus:not(.outlined),
    .tpButton.switch:not(.outlined).neutral:hover:not(.outlined),
    .tpButton:not(.switch).neutral:active:not(.outlined),
    .tpButton:not(.switch).neutral:focus-within:not(.outlined),
    .tpButton:not(.switch).neutral:focus:not(.outlined),
    .tpButton:not(.switch).neutral:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).neutral:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).neutral:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).neutral:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).neutral:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).neutral:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).neutral:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).neutral:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).neutral:hover:not(.outlined) {
      border-color: #f2f2f2
    }

    .button.switch:not(.outlined).neutral.outlined,
    .button:not(.switch).neutral.outlined,
    .tpButton.switch:not(.outlined).neutral.outlined,
    .tpButton:not(.switch).neutral.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).neutral.outlined,
    iframe.zoid-component-frame:not(.switch).neutral.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).neutral.extraPadding,
    .button:not(.switch).neutral.extraPadding,
    .tpButton.switch:not(.outlined).neutral.extraPadding,
    .tpButton:not(.switch).neutral.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).neutral.extraPadding,
    iframe.zoid-component-frame:not(.switch).neutral.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).sellLink,
    .button:not(.switch).sellLink,
    .tpButton.switch:not(.outlined).sellLink,
    .tpButton:not(.switch).sellLink,
    iframe.zoid-component-frame.switch:not(.outlined).sellLink,
    iframe.zoid-component-frame:not(.switch).sellLink {
      background: #02dba4;
      color: #fff
    }

    .button.switch:not(.outlined).sellLink:active,
    .button.switch:not(.outlined).sellLink:focus,
    .button.switch:not(.outlined).sellLink:focus-within,
    .button.switch:not(.outlined).sellLink:hover,
    .button:not(.switch).sellLink:active,
    .button:not(.switch).sellLink:focus,
    .button:not(.switch).sellLink:focus-within,
    .button:not(.switch).sellLink:hover,
    .tpButton.switch:not(.outlined).sellLink:active,
    .tpButton.switch:not(.outlined).sellLink:focus,
    .tpButton.switch:not(.outlined).sellLink:focus-within,
    .tpButton.switch:not(.outlined).sellLink:hover,
    .tpButton:not(.switch).sellLink:active,
    .tpButton:not(.switch).sellLink:focus,
    .tpButton:not(.switch).sellLink:focus-within,
    .tpButton:not(.switch).sellLink:hover,
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:active,
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:focus,
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:hover,
    iframe.zoid-component-frame:not(.switch).sellLink:active,
    iframe.zoid-component-frame:not(.switch).sellLink:focus,
    iframe.zoid-component-frame:not(.switch).sellLink:focus-within,
    iframe.zoid-component-frame:not(.switch).sellLink:hover {
      background: #02bf8f
    }

    .button.switch:not(.outlined).sellLink:active:not(.outlined),
    .button.switch:not(.outlined).sellLink:focus-within:not(.outlined),
    .button.switch:not(.outlined).sellLink:focus:not(.outlined),
    .button.switch:not(.outlined).sellLink:hover:not(.outlined),
    .button:not(.switch).sellLink:active:not(.outlined),
    .button:not(.switch).sellLink:focus-within:not(.outlined),
    .button:not(.switch).sellLink:focus:not(.outlined),
    .button:not(.switch).sellLink:hover:not(.outlined),
    .tpButton.switch:not(.outlined).sellLink:active:not(.outlined),
    .tpButton.switch:not(.outlined).sellLink:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).sellLink:focus:not(.outlined),
    .tpButton.switch:not(.outlined).sellLink:hover:not(.outlined),
    .tpButton:not(.switch).sellLink:active:not(.outlined),
    .tpButton:not(.switch).sellLink:focus-within:not(.outlined),
    .tpButton:not(.switch).sellLink:focus:not(.outlined),
    .tpButton:not(.switch).sellLink:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).sellLink:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).sellLink:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).sellLink:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).sellLink:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).sellLink:hover:not(.outlined) {
      border-color: #02bf8f
    }

    .button.switch:not(.outlined).sellLink.outlined,
    .button:not(.switch).sellLink.outlined,
    .tpButton.switch:not(.outlined).sellLink.outlined,
    .tpButton:not(.switch).sellLink.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).sellLink.outlined,
    iframe.zoid-component-frame:not(.switch).sellLink.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).sellLink.extraPadding,
    .button:not(.switch).sellLink.extraPadding,
    .tpButton.switch:not(.outlined).sellLink.extraPadding,
    .tpButton:not(.switch).sellLink.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).sellLink.extraPadding,
    iframe.zoid-component-frame:not(.switch).sellLink.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).closeCancel,
    .button:not(.switch).closeCancel,
    .tpButton.switch:not(.outlined).closeCancel,
    .tpButton:not(.switch).closeCancel,
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel,
    iframe.zoid-component-frame:not(.switch).closeCancel {
      border-width: 1px;
      border-style: solid;
      border-color: #ffecf4;
      background: #ffecf4;
      color: #ff227a
    }

    .button.switch:not(.outlined).closeCancel:active,
    .button.switch:not(.outlined).closeCancel:focus,
    .button.switch:not(.outlined).closeCancel:focus-within,
    .button.switch:not(.outlined).closeCancel:hover,
    .button:not(.switch).closeCancel:active,
    .button:not(.switch).closeCancel:focus,
    .button:not(.switch).closeCancel:focus-within,
    .button:not(.switch).closeCancel:hover,
    .tpButton.switch:not(.outlined).closeCancel:active,
    .tpButton.switch:not(.outlined).closeCancel:focus,
    .tpButton.switch:not(.outlined).closeCancel:focus-within,
    .tpButton.switch:not(.outlined).closeCancel:hover,
    .tpButton:not(.switch).closeCancel:active,
    .tpButton:not(.switch).closeCancel:focus,
    .tpButton:not(.switch).closeCancel:focus-within,
    .tpButton:not(.switch).closeCancel:hover,
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:active,
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:focus,
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:hover,
    iframe.zoid-component-frame:not(.switch).closeCancel:active,
    iframe.zoid-component-frame:not(.switch).closeCancel:focus,
    iframe.zoid-component-frame:not(.switch).closeCancel:focus-within,
    iframe.zoid-component-frame:not(.switch).closeCancel:hover {
      background: #fff6fa
    }

    .button.switch:not(.outlined).closeCancel:active:not(.outlined),
    .button.switch:not(.outlined).closeCancel:focus-within:not(.outlined),
    .button.switch:not(.outlined).closeCancel:focus:not(.outlined),
    .button.switch:not(.outlined).closeCancel:hover:not(.outlined),
    .button:not(.switch).closeCancel:active:not(.outlined),
    .button:not(.switch).closeCancel:focus-within:not(.outlined),
    .button:not(.switch).closeCancel:focus:not(.outlined),
    .button:not(.switch).closeCancel:hover:not(.outlined),
    .tpButton.switch:not(.outlined).closeCancel:active:not(.outlined),
    .tpButton.switch:not(.outlined).closeCancel:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).closeCancel:focus:not(.outlined),
    .tpButton.switch:not(.outlined).closeCancel:hover:not(.outlined),
    .tpButton:not(.switch).closeCancel:active:not(.outlined),
    .tpButton:not(.switch).closeCancel:focus-within:not(.outlined),
    .tpButton:not(.switch).closeCancel:focus:not(.outlined),
    .tpButton:not(.switch).closeCancel:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).closeCancel:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).closeCancel:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).closeCancel:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).closeCancel:hover:not(.outlined) {
      border-color: #fff6fa
    }

    .button.switch:not(.outlined).closeCancel.outlined,
    .button:not(.switch).closeCancel.outlined,
    .tpButton.switch:not(.outlined).closeCancel.outlined,
    .tpButton:not(.switch).closeCancel.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel.outlined,
    iframe.zoid-component-frame:not(.switch).closeCancel.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).closeCancel.extraPadding,
    .button:not(.switch).closeCancel.extraPadding,
    .tpButton.switch:not(.outlined).closeCancel.extraPadding,
    .tpButton:not(.switch).closeCancel.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).closeCancel.extraPadding,
    iframe.zoid-component-frame:not(.switch).closeCancel.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).edgy,
    .button:not(.switch).edgy,
    .tpButton.switch:not(.outlined).edgy,
    .tpButton:not(.switch).edgy,
    iframe.zoid-component-frame.switch:not(.outlined).edgy,
    iframe.zoid-component-frame:not(.switch).edgy {
      border-width: 1px;
      border-style: solid;
      border-color: #000;
      background: #000;
      color: #fff
    }

    .button.switch:not(.outlined).edgy:active,
    .button.switch:not(.outlined).edgy:focus,
    .button.switch:not(.outlined).edgy:focus-within,
    .button.switch:not(.outlined).edgy:hover,
    .button:not(.switch).edgy:active,
    .button:not(.switch).edgy:focus,
    .button:not(.switch).edgy:focus-within,
    .button:not(.switch).edgy:hover,
    .tpButton.switch:not(.outlined).edgy:active,
    .tpButton.switch:not(.outlined).edgy:focus,
    .tpButton.switch:not(.outlined).edgy:focus-within,
    .tpButton.switch:not(.outlined).edgy:hover,
    .tpButton:not(.switch).edgy:active,
    .tpButton:not(.switch).edgy:focus,
    .tpButton:not(.switch).edgy:focus-within,
    .tpButton:not(.switch).edgy:hover,
    iframe.zoid-component-frame.switch:not(.outlined).edgy:active,
    iframe.zoid-component-frame.switch:not(.outlined).edgy:focus,
    iframe.zoid-component-frame.switch:not(.outlined).edgy:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).edgy:hover,
    iframe.zoid-component-frame:not(.switch).edgy:active,
    iframe.zoid-component-frame:not(.switch).edgy:focus,
    iframe.zoid-component-frame:not(.switch).edgy:focus-within,
    iframe.zoid-component-frame:not(.switch).edgy:hover {
      background: #404040
    }

    .button.switch:not(.outlined).edgy:active:not(.outlined),
    .button.switch:not(.outlined).edgy:focus-within:not(.outlined),
    .button.switch:not(.outlined).edgy:focus:not(.outlined),
    .button.switch:not(.outlined).edgy:hover:not(.outlined),
    .button:not(.switch).edgy:active:not(.outlined),
    .button:not(.switch).edgy:focus-within:not(.outlined),
    .button:not(.switch).edgy:focus:not(.outlined),
    .button:not(.switch).edgy:hover:not(.outlined),
    .tpButton.switch:not(.outlined).edgy:active:not(.outlined),
    .tpButton.switch:not(.outlined).edgy:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).edgy:focus:not(.outlined),
    .tpButton.switch:not(.outlined).edgy:hover:not(.outlined),
    .tpButton:not(.switch).edgy:active:not(.outlined),
    .tpButton:not(.switch).edgy:focus-within:not(.outlined),
    .tpButton:not(.switch).edgy:focus:not(.outlined),
    .tpButton:not(.switch).edgy:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).edgy:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).edgy:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).edgy:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).edgy:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).edgy:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).edgy:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).edgy:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).edgy:hover:not(.outlined) {
      border-color: #404040
    }

    .button.switch:not(.outlined).edgy.outlined,
    .button:not(.switch).edgy.outlined,
    .tpButton.switch:not(.outlined).edgy.outlined,
    .tpButton:not(.switch).edgy.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).edgy.outlined,
    iframe.zoid-component-frame:not(.switch).edgy.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).edgy.extraPadding,
    .button:not(.switch).edgy.extraPadding,
    .tpButton.switch:not(.outlined).edgy.extraPadding,
    .tpButton:not(.switch).edgy.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).edgy.extraPadding,
    iframe.zoid-component-frame:not(.switch).edgy.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch:not(.outlined).autoList,
    .button:not(.switch).autoList,
    .tpButton.switch:not(.outlined).autoList,
    .tpButton:not(.switch).autoList,
    iframe.zoid-component-frame.switch:not(.outlined).autoList,
    iframe.zoid-component-frame:not(.switch).autoList {
      border-width: 1px;
      border-style: solid;
      border-color: #185bdb;
      background: #185bdb;
      color: #fff
    }

    .button.switch:not(.outlined).autoList:active,
    .button.switch:not(.outlined).autoList:focus,
    .button.switch:not(.outlined).autoList:focus-within,
    .button.switch:not(.outlined).autoList:hover,
    .button:not(.switch).autoList:active,
    .button:not(.switch).autoList:focus,
    .button:not(.switch).autoList:focus-within,
    .button:not(.switch).autoList:hover,
    .tpButton.switch:not(.outlined).autoList:active,
    .tpButton.switch:not(.outlined).autoList:focus,
    .tpButton.switch:not(.outlined).autoList:focus-within,
    .tpButton.switch:not(.outlined).autoList:hover,
    .tpButton:not(.switch).autoList:active,
    .tpButton:not(.switch).autoList:focus,
    .tpButton:not(.switch).autoList:focus-within,
    .tpButton:not(.switch).autoList:hover,
    iframe.zoid-component-frame.switch:not(.outlined).autoList:active,
    iframe.zoid-component-frame.switch:not(.outlined).autoList:focus,
    iframe.zoid-component-frame.switch:not(.outlined).autoList:focus-within,
    iframe.zoid-component-frame.switch:not(.outlined).autoList:hover,
    iframe.zoid-component-frame:not(.switch).autoList:active,
    iframe.zoid-component-frame:not(.switch).autoList:focus,
    iframe.zoid-component-frame:not(.switch).autoList:focus-within,
    iframe.zoid-component-frame:not(.switch).autoList:hover {
      background: #1244a4
    }

    .button.switch:not(.outlined).autoList:active:not(.outlined),
    .button.switch:not(.outlined).autoList:focus-within:not(.outlined),
    .button.switch:not(.outlined).autoList:focus:not(.outlined),
    .button.switch:not(.outlined).autoList:hover:not(.outlined),
    .button:not(.switch).autoList:active:not(.outlined),
    .button:not(.switch).autoList:focus-within:not(.outlined),
    .button:not(.switch).autoList:focus:not(.outlined),
    .button:not(.switch).autoList:hover:not(.outlined),
    .tpButton.switch:not(.outlined).autoList:active:not(.outlined),
    .tpButton.switch:not(.outlined).autoList:focus-within:not(.outlined),
    .tpButton.switch:not(.outlined).autoList:focus:not(.outlined),
    .tpButton.switch:not(.outlined).autoList:hover:not(.outlined),
    .tpButton:not(.switch).autoList:active:not(.outlined),
    .tpButton:not(.switch).autoList:focus-within:not(.outlined),
    .tpButton:not(.switch).autoList:focus:not(.outlined),
    .tpButton:not(.switch).autoList:hover:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).autoList:active:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).autoList:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).autoList:focus:not(.outlined),
    iframe.zoid-component-frame.switch:not(.outlined).autoList:hover:not(.outlined),
    iframe.zoid-component-frame:not(.switch).autoList:active:not(.outlined),
    iframe.zoid-component-frame:not(.switch).autoList:focus-within:not(.outlined),
    iframe.zoid-component-frame:not(.switch).autoList:focus:not(.outlined),
    iframe.zoid-component-frame:not(.switch).autoList:hover:not(.outlined) {
      border-color: #1244a4
    }

    .button.switch:not(.outlined).autoList.outlined,
    .button:not(.switch).autoList.outlined,
    .tpButton.switch:not(.outlined).autoList.outlined,
    .tpButton:not(.switch).autoList.outlined,
    iframe.zoid-component-frame.switch:not(.outlined).autoList.outlined,
    iframe.zoid-component-frame:not(.switch).autoList.outlined {
      border-color: #d9d9d9
    }

    .button.switch:not(.outlined).autoList.extraPadding,
    .button:not(.switch).autoList.extraPadding,
    .tpButton.switch:not(.outlined).autoList.extraPadding,
    .tpButton:not(.switch).autoList.extraPadding,
    iframe.zoid-component-frame.switch:not(.outlined).autoList.extraPadding,
    iframe.zoid-component-frame:not(.switch).autoList.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .button.switch,
    .tpButton.switch,
    iframe.zoid-component-frame.switch {
      display: block
    }

    .button.switch input,
    .tpButton.switch input,
    iframe.zoid-component-frame.switch input {
      margin: 0;
      padding: 0;
      width: 0
    }

    .button.switch.outlined,
    .tpButton.switch.outlined,
    iframe.zoid-component-frame.switch.outlined {
      border-width: 1px;
      border-style: solid;
      border-color: #fff;
      background: #fff;
      color: #000
    }

    .button.switch.outlined:active,
    .button.switch.outlined:focus,
    .button.switch.outlined:focus-within,
    .button.switch.outlined:hover,
    .tpButton.switch.outlined:active,
    .tpButton.switch.outlined:focus,
    .tpButton.switch.outlined:focus-within,
    .tpButton.switch.outlined:hover,
    iframe.zoid-component-frame.switch.outlined:active,
    iframe.zoid-component-frame.switch.outlined:focus,
    iframe.zoid-component-frame.switch.outlined:focus-within,
    iframe.zoid-component-frame.switch.outlined:hover {
      background: #dfdfdf
    }

    .button.switch.outlined:active:not(.outlined),
    .button.switch.outlined:focus-within:not(.outlined),
    .button.switch.outlined:focus:not(.outlined),
    .button.switch.outlined:hover:not(.outlined),
    .tpButton.switch.outlined:active:not(.outlined),
    .tpButton.switch.outlined:focus-within:not(.outlined),
    .tpButton.switch.outlined:focus:not(.outlined),
    .tpButton.switch.outlined:hover:not(.outlined),
    iframe.zoid-component-frame.switch.outlined:active:not(.outlined),
    iframe.zoid-component-frame.switch.outlined:focus-within:not(.outlined),
    iframe.zoid-component-frame.switch.outlined:focus:not(.outlined),
    iframe.zoid-component-frame.switch.outlined:hover:not(.outlined) {
      border-color: #dfdfdf
    }

    .button.switch.outlined.outlined,
    .tpButton.switch.outlined.outlined,
    iframe.zoid-component-frame.switch.outlined.outlined {
      border-color: #d9d9d9
    }

    .button.switch.outlined.extraPadding,
    .tpButton.switch.outlined.extraPadding,
    iframe.zoid-component-frame.switch.outlined.extraPadding {
      line-height: 26px;
      font-size: .8em
    }

    .tpButton.text {
      background: rgba(0, 0, 0, 0);
      padding: 0;
      color: #000;
      font-size: 1em;
      font-weight: 700;
      border: none;
      height: auto;
      border-bottom: 1px solid #000;
      text-transform: none !important;
      border-radius: 0 !important
    }

    .tpButton {
      padding: 5px 15px
    }

    .tpButton.b2bPT,
    .tpButton.button,
    .tpButton.buttonA {
      padding: initial
    }

    a.tpButton {
      text-decoration: none;
      display: inline-block
    }

    .disabled,
    .tpButton:disabled {
      opacity: 33%;
      cursor: default;
      pointer-events: none
    }

    .tpCheckbox {
      float: left;
      color: #fff;
      font-size: .875em;
      height: 18px;
      width: 18px;
      line-height: 18px;
      text-align: center;
      font-weight: 700;
      box-sizing: border-box;
      margin: 0
    }

    .tpCheckbox::after {
      box-sizing: border-box;
      border-radius: 4px;
      width: 100%;
      height: 100%;
      display: inline-block;
      transition: all .2s ease, box-shadow .3s ease;
      -webkit-transition: all .2s ease, box-shadow .3s ease;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
      cursor: pointer;
      border: 1px solid transparent
    }

    .tpCheckbox:checked::after {
      content: "✓"
    }

    .tpCheckbox:not(:checked)::after {
      content: " ";
      background: #f6f6f6;
      border: 1px solid #d9d9d9
    }

    .tpCheckbox.primary {
      color: #fff
    }

    .tpCheckbox.primary:checked::after {
      background: #39f
    }

    .tpCheckbox.primary:focus:not(:checked)::after,
    .tpCheckbox.primary:hover:not(:checked)::after {
      border-color: #39f
    }

    .tpCheckbox.primary:disabled:hover:after {
      cursor: default;
      border-color: #d9d9d9
    }

    .tpCheckbox.secondary {
      color: #000
    }

    .tpCheckbox.secondary:checked::after {
      background: rgba(0, 0, 0, 0)
    }

    .tpCheckbox.secondary:focus:not(:checked)::after,
    .tpCheckbox.secondary:hover:not(:checked)::after {
      border-color: transparent
    }

    .tpCheckbox.secondary:disabled:hover:after {
      cursor: default;
      border-color: #d9d9d9
    }

    .tpCheckbox.tertiary {
      color: #ff227a
    }

    .tpCheckbox.tertiary:checked::after {
      background: #fff
    }

    .tpCheckbox.tertiary:focus:not(:checked)::after,
    .tpCheckbox.tertiary:hover:not(:checked)::after {
      border-color: #fff
    }

    .tpCheckbox.tertiary:disabled:hover:after {
      cursor: default;
      border-color: #d9d9d9
    }

    .tpCheckbox.danger {
      color: #fff
    }

    .tpCheckbox.danger:checked::after {
      background: #ff227a
    }

    .tpCheckbox.danger:focus:not(:checked)::after,
    .tpCheckbox.danger:hover:not(:checked)::after {
      border-color: #ff227a
    }

    .tpCheckbox.danger:disabled:hover:after {
      cursor: default;
      border-color: #d9d9d9
    }

    .tpCheckboxWrapper {
      display: inline-block;
      position: relative;
      cursor: pointer
    }

    .tpCheckboxWrapper.disabled {
      cursor: default
    }

    .tpCheckboxWrapper .tpCheckbox {
      margin-right: 8px
    }

    .tpCheckboxWrapper .tpCheckbox {
      float: none
    }

    .tpTextField {
      display: block;
      position: relative;
      width: 100%
    }

    .tpTextField,
    .tpTextField>* {
      box-sizing: border-box
    }

    .tpTextField>.label {
      position: absolute;
      padding: .75em 0 0 1.375em;
      top: 0;
      width: 100%;
      z-index: 1;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transform: translateY(3px);
      transform: translateY(3px);
      pointer-events: none;
      overflow: hidden;
      white-space: nowrap;
      opacity: 0;
      transition-property: transform, -webkit-transform, opacity, font-size, padding;
      transition-duration: .2s;
      transition-timing-function: ease
    }

    .tpTextField>.icon {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%)
    }

    .tpTextField textarea,
    .tpTextField>input {
      margin: 0;
      -webkit-appearance: none;
      appearance: none;
      background: #fff;
      line-height: normal;
      height: 45px;
      color: #333;
      border-radius: 8px;
      width: 100%;
      padding: .94em .8em;
      word-break: normal;
      outline: 0
    }

    .tpTextField textarea.clean,
    .tpTextField textarea.message,
    .tpTextField>input.clean,
    .tpTextField>input.message {
      border: 1px solid #d9d9d9
    }

    .tpTextField textarea.noborder,
    .tpTextField>input.noborder {
      border: none;
      height: auto;
      line-height: 30px;
      padding: 0 .8em
    }

    .tpTextField textarea.safe,
    .tpTextField>input.safe {
      border: 1px solid #18e47d
    }

    .tpTextField textarea.warn,
    .tpTextField>input.warn {
      border: 1px solid #ffb222
    }

    .tpTextField textarea.danger,
    .tpTextField>input.danger {
      border: 1px solid #ff227a;
      background: rgba(255, 34, 122, .06)
    }

    .tpTextField.showFloating>.label {
      -webkit-transform: none;
      transform: none;
      opacity: .4;
      font-size: .563em
    }

    .tpTextField.showFloating>input,
    .tpTextField.showFloating>textarea {
      padding-top: 1.8em;
      padding-bottom: .6em
    }

    .tpTextField.textarea {
      resize: vertical;
      margin-bottom: -5px
    }

    .tpTextFieldWrapper {
      display: inline-block;
      position: relative
    }

    .tpTextFieldWrapper .footNote {
      font-size: 12px;
      margin-left: 8px;
      margin-top: 4px
    }

    .tpTextFieldWrapper .tooltipWrapper {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      z-index: 5
    }

    .tpTextFieldWrapper .tooltipWrapper button {
      border-radius: 50%;
      border: 0;
      height: 20px;
      width: 20px;
      color: #fff;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .03);
      text-align: center;
      font-weight: 700;
      font-size: .85em;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0
    }

    .tpTextFieldWrapper .tooltipWrapper .reactTooltip {
      opacity: 1;
      border-radius: 14px
    }

    .tpTextFieldWrapper .tooltipWrapper .reactTooltip225 {
      width: 225px
    }

    .tpTextFieldWrapper .errorWrapper {
      font-size: .875em;
      color: #ff227a
    }

    #textMultiInput .input-container {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 100%;
      border: 1px solid #d9d9d9;
      min-height: 45px;
      border-radius: 8px
    }

    #textMultiInput .input-container .text-container {
      width: auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-start;
      flex-grow: 1
    }

    #textMultiInput .input-container .text-container .chips {
      display: flex;
      align-items: center;
      padding: 3px;
      font-size: 80%;
      border: 1px solid #d3d3d3;
      height: 26px;
      margin: 10px 0 10px 10px;
      box-shadow: 0 0 0 1px #d9d9d9;
      border-radius: 20px
    }

    #textMultiInput .input-container .text-container .chips .chipLabel {
      padding: 0 10px;
      display: flex;
      align-items: center
    }

    #textMultiInput .input-container .text-container .chips .chipClean {
      display: flex;
      align-items: center;
      font-size: 85%;
      margin-top: 0;
      padding-top: 0;
      justify-content: center;
      border: unset;
      border-radius: 50%;
      padding: 0;
      height: 24px;
      width: 24px;
      margin-right: 1px
    }

    #textMultiInput .input-container .text-container .tpTextFieldWrapper {
      width: auto;
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      flex-grow: 1;
      margin-left: 2px
    }

    #textMultiInput .input-container .text-container .tpTextFieldWrapper .tpTextField {
      width: 100%
    }

    #textMultiInput .input-container .addButton .tpButton {
      margin: 5px;
      font-size: 80%;
      height: auto
    }

    .tpCard {
      border-radius: 6px;
      box-sizing: border-box;
      padding: 10px;
      background: #fff
    }

    .tpCard.elevated {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 14px;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .1)
    }

    .tpSelectField {
      display: inline-block;
      position: relative
    }

    .tpSelectField,
    .tpSelectField>* {
      box-sizing: border-box
    }

    .tpSelectField>.label {
      position: absolute;
      padding: .75em 0 0 1.375em;
      top: 0;
      width: 100%;
      z-index: 1;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-transform: translateY(3px);
      transform: translateY(3px);
      pointer-events: none;
      overflow: hidden;
      white-space: nowrap;
      transition-property: transform, -webkit-transform, opacity, font-size, padding;
      transition-duration: .2s;
      transition-timing-function: ease;
      opacity: .4;
      font-size: .563em
    }

    .tpSelectField>select {
      margin: 0;
      -webkit-appearance: none;
      appearance: none;
      background: #fff;
      line-height: normal;
      height: 45px;
      color: #333;
      border-radius: 8px;
      width: 100%;
      padding: .7em .8em;
      word-break: normal;
      outline: 0;
      background: url(img/down_arrow.png) no-repeat right 5px center;
      background-size: 15px 12px
    }

    .tpSelectField>select.clean {
      border: 1px solid #d9d9d9
    }

    .tpSelectField>select.safe {
      border: 1px solid #18e47d
    }

    .tpSelectField>select.warn {
      border: 1px solid #ffb222
    }

    .tpSelectField>select.danger,
    .tpSelectField>select:invalid {
      border: 1px solid #ff227a;
      background: rgba(255, 34, 122, .06)
    }

    .tpSelectField.showFloating>select {
      padding-top: 1.4em
    }

    .tpPillSelectField>.tpButton {
      height: 100%
    }

    .tpPillSelectField .label.sr-only {
      position: absolute;
      opacity: 0;
      z-index: -1;
      top: 100%;
      left: 0
    }

    .tpSelectOptions {
      transition-property: transform
    }

    .tpSelectOptions ul {
      padding: 0;
      margin: 0;
      z-index: 10;
      top: 100%;
      left: 0;
      max-height: 300px;
      overflow-y: auto;
      padding: 8px;
      border-radius: 12px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
      background-color: #fff
    }

    .tpSelectOptions:not(.active) {
      visibility: hidden
    }

    .tpSelectOptions li {
      list-style-type: none;
      border-radius: 11px;
      padding: 8px 34px 8px 34px;
      transition: none;
      color: #000;
      background-color: #fff
    }

    .tpSelectOptions li.highlight {
      color: #fff;
      background-color: #39f
    }

    .tpSelectOptions li.highlight[aria-selected=true] path {
      fill: #fff
    }

    .tpSelectOptions li[aria-selected=true] {
      position: relative
    }

    .tpSelectOptions li[aria-selected=true] svg {
      position: absolute;
      left: 4px;
      top: 50%;
      transform: translateY(-50%);
      height: 18px
    }

    .tpSelectOptions li[aria-selected=true] svg path {
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none
    }

    @media(max-width:500px) {
      .tpSelectOptions li[aria-selected=true] svg {
        left: auto;
        right: 8px
      }

      .tpSelectOptions.mobileModal {
        transform: none !important
      }

      .tpSelectOptions.mobileModal.active:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .1607843137);
        z-index: 50
      }

      .tpSelectOptions.mobileModal ul {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
        text-align: center;
        border-radius: 15px 15px 0 0;
        margin: 0 !important;
        padding: 15px;
        z-index: 51;
        transform: translateY(100%)
      }

      .tpSelectOptions.mobileModal li {
        padding: 8px
      }

      .tpSelectOptions.mobileModal.active ul {
        transform: translateY(0)
      }
    }

    .tpSwitch input {
      appearance: none;
      -webkit-appearance: none
    }

    .tpSwitch .switch {
      background: #e9eef2;
      border-radius: 1.5em;
      padding: 2px;
      transition: background-color .2s ease;
      display: inline-block;
      height: 1.5em;
      width: 3em
    }

    .tpSwitch .switch::after {
      border-radius: 50%;
      background: #fff;
      transition: transform .2s ease;
      display: block;
      width: 50%;
      height: 100%;
      content: ""
    }

    .tpSwitch input:checked+.switch {
      background: #39f
    }

    .tpSwitch input:checked+.switch::after {
      transform: translateX(100%)
    }

    #tpOverlay,
    .tpOverlay {
      visibility: hidden;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      background: rgba(0, 0, 0, .6);
      overflow: hidden;
      transition: all .4s ease, transform 0s ease;
      opacity: 0;
      transform: scale(0);
      overflow: auto
    }

    #tpOverlay.active,
    .tpOverlay.active {
      visibility: visible;
      height: 100%;
      display: block;
      opacity: 1;
      z-index: 9;
      transform: scale(1)
    }

    #tpOverlay .modal,
    .tpOverlay .modal {
      position: absolute;
      width: 500px;
      left: 50%;
      margin-left: -250px;
      top: 90px;
      border-radius: 20px;
      background: #fff;
      box-sizing: border-box;
      padding: 30px;
      overflow: hidden;
      transition: all .4s ease
    }

    #tpOverlay .modal.active,
    .tpOverlay .modal.active {
      visibility: visible;
      height: auto;
      display: block;
      opacity: 1
    }

    #tpOverlay .modal.defaultWidth,
    #tpOverlay .modal.fullWidth,
    .tpOverlay .modal.defaultWidth,
    .tpOverlay .modal.fullWidth {
      transform: translateX(0);
      animation: bubble 1s ease
    }

    #tpOverlay .modal.fullWidth,
    .tpOverlay .modal.fullWidth {
      width: 100%;
      left: 0;
      margin: 0
    }

    #tpOverlay .modal.halfWidth,
    .tpOverlay .modal.halfWidth {
      width: 50%;
      margin-left: 0;
      transform: translateX(-50%);
      animation: bubble 1s ease
    }

    @media(max-width:500px) {

      #tpOverlay .modal.slideUpMobile,
      .tpOverlay .modal.slideUpMobile {
        width: 100vw;
        max-height: 80vh;
        overflow: auto;
        bottom: 0;
        left: 0;
        margin-left: 0;
        top: auto;
        border-radius: 15px 15px 0 0;
        transform: translateY(100%)
      }

      #tpOverlay .modal.active,
      .tpOverlay .modal.active {
        animation: none;
        transform: translateY(0)
      }

      #tpOverlay .modal .hideMobile,
      .tpOverlay .modal .hideMobile {
        display: none
      }
    }

    #tpOverlay .modal .error,
    .tpOverlay .modal .error {
      font-weight: 700;
      font-size: .938em;
      width: 100%;
      float: left;
      color: #ff227a;
      margin: 20px 0 0;
      height: auto;
      transform: translateX(0);
      margin: 10px 0 0
    }

    #tpOverlay .modal .error.hidden,
    .tpOverlay .modal .error.hidden {
      opacity: 0;
      height: 0;
      margin: 0 0 0;
      transform: translateX(-30px)
    }

    #tpOverlay .modal .loading,
    .tpOverlay .modal .loading {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(255, 255, 255, .8);
      z-index: -1;
      opacity: 0;
      transition: none;
      animation: none
    }

    #tpOverlay .modal .loading .loadingAnimation,
    .tpOverlay .modal .loading .loadingAnimation {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100px;
      margin: -25px 0 0 -50px
    }

    #tpOverlay .modal .loading.active,
    .tpOverlay .modal .loading.active {
      z-index: 1;
      opacity: 1
    }

    #tpOverlay .modal .modalContent,
    .tpOverlay .modal .modalContent {
      visibility: visible;
      height: auto;
      display: block;
      transform: translateX(0);
      opacity: 1
    }

    #tpOverlay .modal .modalContent .title,
    .tpOverlay .modal .modalContent .title {
      font-weight: 700;
      width: 100%;
      text-align: center;
      font-size: 26px;
      margin: 5px 0 10px 0
    }

    #tpOverlay .modal .modalContent .hidden,
    .tpOverlay .modal .modalContent .hidden {
      display: none
    }

    #tpOverlay .modal .modalContent input:disabled,
    #tpOverlay .modal .modalContent select:disabled,
    .tpOverlay .modal .modalContent input:disabled,
    .tpOverlay .modal .modalContent select:disabled {
      opacity: .4;
      color: #000
    }

    #tpOverlay .modal .modalContent .tpSelectField.number input,
    #tpOverlay .modal .modalContent .tpSelectField.number select,
    #tpOverlay .modal .modalContent .tpSelectField.text input,
    #tpOverlay .modal .modalContent .tpSelectField.text select,
    #tpOverlay .modal .modalContent .tpTextField.number input,
    #tpOverlay .modal .modalContent .tpTextField.number select,
    #tpOverlay .modal .modalContent .tpTextField.text input,
    #tpOverlay .modal .modalContent .tpTextField.text select,
    .tpOverlay .modal .modalContent .tpSelectField.number input,
    .tpOverlay .modal .modalContent .tpSelectField.number select,
    .tpOverlay .modal .modalContent .tpSelectField.text input,
    .tpOverlay .modal .modalContent .tpSelectField.text select,
    .tpOverlay .modal .modalContent .tpTextField.number input,
    .tpOverlay .modal .modalContent .tpTextField.number select,
    .tpOverlay .modal .modalContent .tpTextField.text input,
    .tpOverlay .modal .modalContent .tpTextField.text select {
      height: 48px
    }

    #tpOverlay .modal .modalContent .tpSelectField .label,
    .tpOverlay .modal .modalContent .tpSelectField .label {
      top: -4px
    }

    #tpOverlay .modal .modalContent .errorMessage,
    .tpOverlay .modal .modalContent .errorMessage {
      color: #e50860;
      border-color: transparent;
      background: unset;
      padding: 10px;
      font-size: .75em
    }

    #tpOverlay .modal .modalContent .errorMessage .active,
    .tpOverlay .modal .modalContent .errorMessage .active {
      float: left;
      width: 100%;
      border: 2px solid #ffe2d2;
      margin-top: 7px;
      padding: 10px;
      box-sizing: border-box;
      background: #fff7f2;
      border-radius: 6px;
      color: #e50860
    }

    #tpOverlay .modal .modalContent .button,
    .tpOverlay .modal .modalContent .button {
      height: 50px;
      line-height: 50px;
      width: 100%;
      clear: left;
      margin: 15px 0 10px 0;
      font-size: 1.125em;
      border-radius: 25px
    }

    #tpOverlay .modal .cancel,
    .tpOverlay .modal .cancel {
      position: absolute;
      font-size: .938em;
      top: 7px;
      right: 6px;
      padding: 7px 12px;
      color: #ff227a;
      border-radius: 20px;
      border: none
    }

    #tpOverlay .modal .cancel:hover,
    .tpOverlay .modal .cancel:hover {
      background: #ffecf4;
      border: none
    }

    .statusBanner {
      background-repeat: no-repeat;
      background-position: center;
      border: 1px solid #f6f6f6;
      padding: 30px 30px 30px 80px;
      margin: 10px 0;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .08);
      border-radius: 8px
    }

    .loaderContentContainer {
      position: relative
    }

    .loaderContentContainer>.loaderOverlay {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, .8);
      opacity: 0;
      z-index: -1
    }

    .loaderContentContainer>.loaderOverlay.loading {
      opacity: 1;
      z-index: 1;
      height: 100%
    }

    .loaderContentContainer>.loaderOverlay img {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100px;
      margin-left: -50px;
      transform: translateY(-50%)
    }

    .tpTooltip {
      margin: 0;
      padding: 0;
      border: none;
      background: rgba(0, 0, 0, 0);
      font-size: inherit
    }

    .tpTooltipContent {
      opacity: 1;
      background: #fff;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .25);
      border-radius: 12px;
      padding: 20px 35px;
      position: relative
    }

    .tpTooltipContent:not(.active) {
      opacity: 0;
      visibility: hidden
    }

    .tpTooltipContent .dismiss {
      position: absolute;
      top: 0;
      right: 5px;
      color: #ff222a;
      margin: 0;
      padding: 5px;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0);
      border: none;
      font-size: 20px;
      line-height: 20px
    }

    .tpDialogTooltip {
      margin: 0;
      padding: 0;
      border: none;
      background: rgba(0, 0, 0, 0);
      font-size: inherit;
      cursor: pointer
    }

    .tpDialogTooltipContent {
      opacity: 1;
      background: #fff;
      box-shadow: 0 8px 28px rgba(0, 0, 0, .25);
      border-radius: 12px;
      padding: 20px 35px;
      position: relative
    }

    .tpDialogTooltipContent:not(.active) {
      opacity: 0;
      visibility: hidden
    }

    .tpDialogTooltipContent .dismiss {
      position: absolute;
      top: 0;
      right: 5px;
      color: #ff222a;
      margin: 0;
      padding: 5px;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0);
      border: none;
      font-size: 20px;
      line-height: 20px
    }

    .tpDialogTooltipBackgroundDismiss {
      position: fixed;
      top: 0;
      bottom: 0;
      opacity: 0;
      left: 0;
      right: 0;
      color: transparent;
      background: rgba(0, 0, 0, 0);
      border: none;
      outline: 0
    }

    .tpDialogTooltipBackgroundDismiss:not(.active) {
      visibility: hidden
    }

    .tpToast {
      position: fixed;
      bottom: 30px;
      right: 30px;
      margin: 0;
      border-radius: 25px;
      background: #fff;
      z-index: 9;
      height: 50px;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .3);
      box-sizing: border-box;
      border: none;
      display: flex;
      align-items: center
    }

    .tpToast span {
      display: inline-block;
      margin: 0 10px 0 7px;
      color: #000
    }

    .tpToast:not(.active) {
      visibility: hidden;
      opacity: 0;
      transform: translateX(30px)
    }

    @media(max-width:500px) {
      .tpToast {
        display: flex;
        align-items: center;
        margin: 10px;
        max-width: 98%;
        right: 3px
      }

      .tpToast span {
        font-size: .7em
      }
    }

    .section_header {
      display: flex;
      justify-content: space-between;
      align-items: end;
      border-bottom: 1px solid #e9eef2;
      padding-bottom: 5px;
      font-size: .6em;
      letter-spacing: .3px;
      color: #748d95;
      margin-bottom: 5px;
      min-height: 30px
    }

    .section_header.noMargin {
      margin-bottom: 0
    }

    .section_header .tpButton {
      font-size: 1.25em;
      padding: 5px 10px
    }

    .section_header b {
      user-select: none
    }

    .entry_speak {
      position: relative
    }

    .entry_speak .mobileOnly {
      display: none
    }

    .entry_speak .banner {
      padding: 8px 10px;
      font-size: .875em;
      text-align: center;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
    }

    .entry_speak .colorBanner {
      color: #fff;
      background: #39f
    }

    .entry_speak .colorBanner:hover {
      background: #2082e4
    }

    .entry_speak .referrerBanner {
      color: #a09e9e;
      background: #fff;
      border-bottom: 1px solid #e6e6e6
    }

    .entry_speak .fullText {
      display: block
    }

    .entry_speak .shortText {
      display: none
    }

    .entry_speak a {
      color: #fff;
      border-bottom: none
    }

    .entry_speak a i {
      font-style: normal
    }

    .entry_speak a:hover {
      border-bottom: 0
    }

    @media(max-width:899px) {
      .entry_speak .desktopOnly {
        display: none
      }

      .entry_speak .mobileOnly {
        display: block
      }

      .entry_speak a i {
        display: none;
        font-size: .8em
      }
    }

    .searchResultsContainer .contentContainer {
      visibility: hidden;
      float: left;
      width: 100%;
      overflow: hidden;
      height: 0;
      transform: translateX(-50px);
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      opacity: 0
    }

    .searchResultsContainer .contentContainer.active {
      visibility: visible;
      height: auto;
      display: block;
      transform: translateX(0);
      opacity: 1
    }

    .searchResultsContainer .contentContainer:hover {
      overflow: visible
    }

    .searchResultsContainer .filterContainer {
      padding-right: 0;
      float: left;
      margin: 10px 0;
      font-size: .938em;
      padding: 24px 30px;
      line-height: 36px
    }

    .searchResultsContainer .filterContainer .eventHeading {
      font-size: unset;
      font-weight: unset;
      margin: 0
    }

    .searchResultsContainer #tpSearchPageFilters {
      padding: 10px 10px 10px 0
    }

    .searchResultsContainer #tpSearchPageFilters.hidden {
      display: none
    }

    .searchResultsContainer #tpSearchPageFilters #searchPageFilters {
      padding-left: 30px
    }

    .searchResultsContainer .tpTabAds .iframeContainer {
      margin-top: 20px;
      float: left;
      border-radius: 33px;
      height: 66px;
      width: 100%;
      background: #0f161e;
      overflow: hidden
    }

    .searchResultsContainer .tpTabAds .iframeContainer iframe {
      opacity: .8;
      border-radius: 33px
    }

    .searchResultsContainer .tpTabAds .iframeContainer iframe:hover {
      opacity: 1;
      border-radius: 6px
    }

    .searchResultsContainer .tpTabAds .iframeContainer:hover {
      height: 220px;
      border-radius: 6px
    }

    @media(max-width:1024px) {
      .tpTabItemMain #tpSearchPageFilters #searchPageFilters {
        padding-left: 20px
      }

      .tpTabItemSupport .iframeContainer,
      .tpTabItemSupport .sidebarFullLink {
        display: none
      }

      #standingsHeader.hideStandingsHeader {
        display: block;
        padding: 15px 0 0
      }
    }

    .subPerformers {
      margin: 20px 0
    }

    .subPerformers .col {
      display: inline-block
    }

    .subPerformers .contentItem {
      overflow: hidden;
      position: relative;
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 15px 35px;
      cursor: pointer;
      border: none;
      color: #000;
      font-size: .75em
    }

    .subPerformers .contentItem:nth-child(odd) {
      background-color: #f8f8f8
    }

    .subPerformers .contentItem>span:last-child {
      font-weight: 700;
      float: right
    }

    .subPerformers .contentItem>span:first-child {
      float: left
    }

    .subPerformers .contentItem.inactive,
    .subPerformers .contentItem.inactive:hover {
      opacity: .2;
      background: #fff;
      cursor: default
    }

    .subPerformers .contentItem .title {
      width: 100%;
      clear: both;
      font-size: .875em;
      line-height: 38px;
      height: 100%;
      text-align: left;
      text-indent: 38px;
      color: #000;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      font-weight: 700
    }

    .subPerformers .subcatTitle {
      font-weight: 700;
      font-size: .75em;
      text-transform: uppercase;
      margin: 20px 0;
      text-align: left;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis
    }

    .subPerformers .contentItem:hover {
      box-shadow: none;
      background: #e5f1ff
    }

    #fullWBanner {
      border-radius: 8px;
      float: left;
      width: 100%;
      height: auto;
      text-shadow: 0 0 #000;
      overflow: hidden;
      margin: 20px 0 0;
      border: none
    }

    #fullWBanner:hover {
      opacity: .95
    }

    #fullWBanner img {
      float: left;
      width: 100%
    }

    #hpLoading,
    #spLoading,
    #stpLoading {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(255, 255, 255, .8);
      z-index: -1;
      opacity: 0
    }

    #hpLoading .loading,
    #spLoading .loading,
    #stpLoading .loading {
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -50px 0 0 -50px
    }

    .hiddenHP,
    .hiddenSP {
      display: none
    }

    #hpLoading.hiddenHP,
    #spLoading.hiddenSP,
    #stpLoading.hiddenSTP {
      z-index: 1;
      opacity: 1;
      display: block
    }

    .headerDescription {
      display: none
    }

    .sectionHeader {
      margin: 40px 0 0 0;
      padding-left: 2px;
      font-weight: 900
    }

    .sectionDescription {
      margin: 10px 0 0;
      padding-left: 2px;
      font-size: .938em
    }

    .histchart-container {
      position: relative;
      float: left;
      width: 100%;
      height: 300px;
      margin: 0 0 0
    }

    .histchart-container #historicalChart {
      position: relative;
      float: left
    }

    #prices.noHistorical.noPricingData,
    #pricesA.noHistorical.noPricingData {
      display: none
    }

    #prices .saleItem {
      float: left;
      width: 31%;
      margin: 30px 1% 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px 15px;
      box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 0 3px rgba(0, 0, 0, .08);
      color: #000;
      border-radius: 6px
    }

    #prices .saleItem span {
      float: left;
      width: 100%;
      text-align: center;
      font-size: .813em
    }

    #prices .saleItem span.subtext {
      text-transform: uppercase;
      color: #bbb;
      font-size: .688em;
      margin-top: 2px
    }

    #prices .saleItem span.val {
      font-size: 32px;
      font-weight: 700;
      color: #ff005c;
      margin: 0 0 2px
    }

    #prices #minimum {
      color: #05e85a
    }

    #prices #average {
      color: #fbe00f
    }

    #prices #historicalPrices,
    #prices #salePrices {
      float: left;
      width: 100%;
      position: relative;
      padding-bottom: 5px
    }

    .superBowlPackages {
      float: left;
      width: 100%;
      margin: 20px 0 0;
      height: 125px;
      border-radius: 8px;
      background-image: url(img/super_bowl_packages.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: auto 100%;
      background-color: #161e24;
      position: relative
    }

    .superBowlPackages.masters {
      background-image: url(https://cdn.fanhospitality.com/wp-content/uploads/2017/02/masters-golf-tickets-hero.jpg?id=4283);
      background-size: cover
    }

    .superBowlPackages.masters .packageTitle,
    .superBowlPackages.masters div {
      left: 20px
    }

    .superBowlPackages.parties {
      background-image: url(img/super_bowl_parties.png);
      background-repeat: no-repeat;
      background-position: left center;
      background-size: auto 100%;
      background-color: #161e24;
      position: relative
    }

    .superBowlPackages.parties .button {
      background-color: #ae33ff
    }

    .superBowlPackages .button {
      position: absolute;
      height: 40px;
      line-height: 40px;
      margin-top: -20px;
      top: 50%;
      right: 20px;
      width: 150px;
      background-color: #e8ca33;
      font-size: .875em;
      color: #fff
    }

    .superBowlPackages .button:hover {
      opacity: .8
    }

    .superBowlPackages .packageTitle {
      position: absolute;
      top: 25px;
      left: 110px;
      right: 180px;
      font-size: 1.125em;
      font-weight: 700;
      color: #fff;
      text-shadow: 2px 2px #000
    }

    .superBowlPackages div {
      position: absolute;
      top: 50px;
      left: 110px;
      right: 180px
    }

    .superBowlPackages .fullwidthContent {
      color: #fff;
      font-size: .75em;
      margin: 7px 18px 0 0;
      width: auto;
      text-shadow: 2px 2px #000
    }

    .sidebarFullLink {
      float: left;
      position: relative
    }

    .sidebarFullLink:hover {
      opacity: .7;
      border: none
    }

    .sidebarFull {
      float: left;
      margin: 30px 0;
      width: 100%;
      height: auto;
      border-radius: 8px
    }

    .sbPregame {
      margin: 30px 0 0;
      display: block;
      background-image: url(img/smartfan_pregame_click.jpg);
      background-size: contain;
      background-color: #fff;
      float: left;
      width: 100%;
      height: 240px;
      background-repeat: no-repeat;
      background-position: center center;
      border: none
    }

    .sbPregame:hover {
      border: none;
      opacity: .7
    }

    #gtMessage,
    #neMessage {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 98.5%;
      border-radius: 6px;
      border: 1px solid #f6f6f6;
      padding: 40px 30px 40px 100px;
      margin: 30px 0 0 .5%;
      background: url(img/rnd_yl_sad.png) no-repeat -40px center;
      background-size: auto 110%;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .08);
      border-radius: 8px
    }

    #gtMessage div,
    #gtMessage span,
    #neMessage div,
    #neMessage span {
      font-size: .938em
    }

    #signUpWrapper {
      width: 50%;
      position: relative
    }

    #signUpWrapper h2 {
      font-size: 1.25em;
      margin: 30px 8px 5px
    }

    #signUpWrapper button {
      width: 100%;
      padding: 12px 15px;
      margin-top: 10px;
      font-size: .9em
    }

    .floatFlexCol {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      float: left
    }

    .floatFlexCol #showMoreLocal {
      margin-top: 15px;
      background-color: #fff;
      font-size: .8em;
      font-weight: 700;
      line-height: 26px;
      border: solid 1px #e0e0e0;
      white-space: nowrap
    }

    @media(hover:hover) {
      .floatFlexCol #showMoreLocal:hover {
        background-color: #e6e6e6 !important
      }
    }

    #noLocalEvents.hidden {
      display: none
    }

    @media(max-width:900px) {
      .searchResultsContainer {
        min-width: unset
      }
    }

    @media(max-width:650px) {
      #header #searchContainer.largeHeader {
        margin: 0
      }
    }

    @media(max-width:500px) {
      .subPerformers .subcatTitle {
        text-indent: 5px
      }

      .superBowlPackages .packageTitle {
        position: absolute;
        top: 25px;
        left: 20px;
        right: 180px;
        font-size: 1.125em;
        font-weight: 700;
        color: #fff;
        text-shadow: 2px 2px #000
      }

      .sidebarFull,
      .superBowlPackages div,
      .tpTabAds .iframeContainer {
        display: none
      }

      .histchart-container {
        height: 280px
      }

      #prices .saleItem span.val {
        font-size: 24px
      }

      #prices .saleItem span {
        font-size: .688em
      }

      #prices .saleItem span.subtext {
        font-size: .625em
      }
    }

    .categoryFilters {
      display: flex;
      overflow-x: auto;
      padding: 20px;
      scrollbar-width: none
    }

    .categoryFilters::-webkit-scrollbar {
      display: none
    }

    .categoryFilters .tpButton {
      font-size: .8em;
      line-height: 26px;
      display: flex;
      align-items: center;
      white-space: nowrap
    }

    .categoryFilters .tpButton:not(:last-child) {
      margin-right: 10px
    }

    .categoryFilters .tpButton img {
      transform: translateX(-9px);
      margin-right: 2px
    }

    @media(max-width:500px) {
      .categoryFilters .tpButton:hover {
        background-color: #fff
      }
    }

    #noFilteredEvents {
      margin-top: 10px !important
    }

    #tpTopBanner:not(.wide) {
      z-index: 0
    }

    #tpSearchPageFilters {
      z-index: 1;
      background-color: #fff;
      top: 0;
      left: 0;
      right: 0
    }

    #events {
      float: none;
      overflow: hidden !important
    }

    .tpUpcomingBody #b2bBottomNav {
      z-index: 1
    }

    @media(max-width:899px) {
      .centeredContainer {
        min-width: unset
      }
    }

    @media(max-width:500px) {
      .categoryFilters {
        margin: 0 -23px 0 -15px;
        padding-left: 0
      }

      .categoryFilters .tpButton:first-child {
        margin-left: 20px
      }

      .tpUpcomingBody .centeredContainer {
        padding: 0 15px;
        margin-top: 3px
      }

      .searchResultsContainer #tpSearchPageFilters #searchPageFilters {
        padding-left: 10px
      }
    }

    .srItem {
      position: relative;
      float: left;
      width: 100%;
      height: 85px;
      cursor: pointer
    }

    .srItem .dateContainer {
      position: absolute;
      top: 17px;
      bottom: 17px;
      left: 10px;
      width: 100px;
      padding: 3px 0 0
    }

    .srItem .dateContainer span {
      width: 100%;
      text-align: left;
      float: left;
      font-size: .875em;
      color: #000
    }

    .srItem .dateContainer .dateDisplay {
      font-weight: 700;
      padding: 0
    }

    .srItem .minPrice {
      position: absolute;
      right: 10px;
      top: 50%;
      margin: -16px 0 0;
      font-size: .92em;
      height: 28px;
      line-height: 28px;
      border-radius: 14px;
      padding: 0 16px 0 0;
      color: #000;
      border: none;
      overflow: hidden
    }

    .srItem .minPriceDot {
      float: left;
      height: 8px;
      width: 8px;
      border-radius: 4px;
      margin: 10px 6px 10px 10px;
      background: #39f
    }

    .srItem .minPriceBG {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      opacity: .14;
      -moz-transition: opacity 0s;
      -ms-transition: opacity 0s;
      -o-transition: opacity 0s;
      -webkit-transition: opacity 0s;
      transition: opacity 0s;
      background: #39f
    }

    .srItem .eventContainer {
      position: absolute;
      top: 10px;
      bottom: 0;
      left: 118px;
      padding: 0 135px 0 10px;
      right: 0;
      border-bottom: 1px solid #f0f0f0
    }

    .srItem .eventContainer .eventDisplay,
    .srItem .eventContainer .locDisplay {
      color: #000;
      float: left;
      clear: both;
      margin: 10px 0 1px;
      height: unset;
      line-height: 20px;
      font-size: .875em;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 100%;
      border: none
    }

    .srItem .eventContainer .locDisplay {
      color: #000;
      margin: 0 0 0;
      font-size: .813em;
      font-weight: 400
    }

    .srItem .buyButton {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      border: none
    }

    .srItem .promoNightContainer {
      width: 400px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start
    }

    .srItem.hasPromo {
      height: 105px
    }

    .srItem .promoNightText {
      color: #28a745;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 400px;
      z-index: 99999999;
      position: relative;
      margin-right: 10px;
      display: block
    }

    .srItem .promoNightText.tp {
      color: #39f
    }

    .srItem .promoNightImg {
      height: 12px;
      padding-bottom: 3px;
      vertical-align: middle
    }

    .srItem .hidden {
      display: none
    }

    .promoNightDescription {
      display: none
    }

    @media(hover:hover) {
      .srItem:hover .minPrice {
        transform: translateX(-10px)
      }

      .srItem:hover {
        background: #f9f9f9;
        border-radius: 8px
      }

      .srItem:hover .minPriceBG,
      .srItem:hover .minPriceDot {
        background: #39f !important
      }

      .srItem .eventContainer .locDisplay .promoNightText:hover+.promoNightDescription {
        display: block;
        opacity: 1;
        border: 1px solid #f0f0f0;
        padding: 10px;
        line-height: normal;
        color: #333;
        background: #fff;
        position: absolute;
        top: 77px;
        border-radius: 12px;
        z-index: 999999999;
        box-shadow: 0 2px 8px rgba(27, 39, 51, .1);
        white-space: normal;
        width: fit-content;
        max-width: 359px;
        font-size: .655em
      }
    }

    @media(max-width:600px) {
      .srItem .promoNightText {
        display: block
      }

      .srItem.hasPromo {
        height: 100px
      }
    }

    @media(max-width:500px) {
      .srItem {
        height: 80px
      }

      .srItem .locDisplay .minPrice {
        display: block;
        position: relative;
        float: left;
        right: auto;
        top: auto;
        margin: 1px 6px 0 0;
        height: 18px;
        line-height: 18px;
        border-radius: 9px;
        padding: 0 8px 0 0
      }

      .srItem .locDisplay .minPriceDot {
        height: 6px;
        width: 6px;
        margin: 6px 5px 6px 7px
      }

      .srItem .dateContainer {
        width: 74px;
        top: 17px;
        bottom: 20px;
        left: 5px
      }

      .srItem .dateContainer span {
        color: #909090
      }

      .srItem .dateContainer .dateDisplay {
        color: #000
      }

      .srItem .eventContainer {
        top: 10px;
        left: 75px;
        padding-right: 10px
      }

      .srItem .eventContainer .eventDisplay {
        height: 18px;
        line-height: 18px
      }

      .srItem .eventContainer .locDisplay {
        line-height: 20px;
        color: #909090
      }

      .srItem .dateContainer span {
        font-size: .688em
      }

      .srItem .dateContainer .dateDisplay {
        font-size: .75em
      }

      .srItem .eventContainer .eventDisplay {
        font-size: .75em
      }

      .srItem .eventContainer .locDisplay {
        font-size: .688em
      }
    }

    #header {
      display: flex;
      align-items: center;
      background: #fff;
      position: relative;
      top: 0;
      left: 0;
      height: 56px;
      padding: 0;
      width: 100%;
      min-width: 1000px;
      border-bottom: 1px solid #dce0e0
    }

    @keyframes slideInFromLeft {
      0% {
        transform: translateX(-500px)
      }

      100% {
        transform: translateX(0)
      }
    }

    #tpTopBanner .titleContents .favoritesTooltip {
      display: inline-flex;
      position: absolute;
      background-color: #fff;
      vertical-align: bottom;
      z-index: 1;
      padding: 10px;
      box-shadow: rgb(0 0 0 / 50%) 0 0 10px;
      border-width: 0;
      border-color: #000;
      border-radius: 10px;
      font-weight: 700;
      font-size: 14px;
      animation: .15s ease-out 0s 1 slideInFromLeft
    }

    #tpTopBanner .titleContents .favoritesTooltip.visuallyhidden {
      display: none
    }

    #tpTopBanner .titleContents .favoritesTooltip::before {
      content: '';
      background-color: #fff;
      transform: rotate(45deg);
      position: absolute;
      height: 20px;
      width: 20px;
      left: -3px;
      z-index: -1
    }

    @media (max-width:1024px) {
      #tpTopBanner .titleContents .favoritesTooltip {
        position: absolute;
        background: #fff;
        left: unset;
        right: 50px;
        top: -40px;
        bottom: unset
      }

      #tpTopBanner .titleContents .favoritesTooltip::before {
        right: -3px;
        left: unset
      }
    }

    .headerLink {
      color: rgba(19, 20, 49, .6);
      font-size: .875em;
      background: 0 0;
      margin-right: 35px;
      text-decoration: none;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
    }

    #header .signup {
      height: 38px;
      line-height: 38px;
      border-radius: 6px;
      background: #f3f3f3;
      padding: 0 22px;
      border-bottom: none;
      margin: 10px 20px 0 60px
    }

    #tpLogo {
      display: flex;
      margin: 0 30px 0 15px;
      border-right: 1px solid #fff;
      height: 100%
    }

    #tpLogo:hover {
      background: #f6f6f6;
      border-right: 1px solid #f6f6f6
    }

    #tpLogo img {
      margin: auto
    }

    #lsuLinks,
    #myaccountLinks {
      margin-left: auto
    }

    #myaccountLinks .button {
      margin: 0;
      float: unset
    }

    #tpTopBanner {
      background: #0f161e;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 60px 0 0 0;
      width: 100%;
      overflow: hidden;
      position: relative
    }

    #tpTopBanner .performerImg {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
      opacity: .4;
      overflow: hidden;
      width: 115%;
      max-width: 1500px;
      padding-left: 0
    }

    #tpTopBanner .performerImg #fadeOverlay {
      position: absolute;
      left: -3%;
      width: 103%;
      top: 0;
      height: 100%
    }

    #tpTopBanner .performerImg div {
      position: relative;
      float: left;
      width: 100%;
      height: 100%;
      overflow: hidden;
      background-repeat: no-repeat;
      background-position: center 25%;
      background-size: cover
    }

    #tpTopBanner .titleContents {
      position: relative;
      padding-bottom: 50px;
      overflow: hidden
    }

    #tpTopBanner .iconButton {
      background: 0 0;
      border: none;
      padding: 8px;
      cursor: pointer;
      line-height: 0;
      margin: 0 11px 0 8px
    }

    #tpTopBanner .iconButton svg {
      height: 30px;
      width: 30px
    }

    #tpTopBanner .titleContents {
      padding-bottom: 150px
    }

    #tpTopBanner .titleContents .sellLink {
      float: left;
      line-height: 28px;
      border-radius: 14px;
      padding: 0 18px;
      font-weight: 700;
      font-size: .8em;
      background: #02dba4;
      border-color: #02dba4;
      color: #fff;
      margin: 10px 0 0 18px;
      text-decoration: none;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .1)
    }

    #tpTopBanner .breadcrum,
    #tpTopBanner .breadcrum a,
    #tpTopBanner .breadcrum span {
      color: rgba(255, 255, 255, .9);
      font-size: .813em;
      opacity: .9
    }

    #tpTopBanner .breadcrum a:hover {
      border-bottom-color: rgba(255, 255, 255, .9)
    }

    #tpTopBanner h1,
    #tpTopBanner label,
    #tpTopBanner p {
      float: left;
      margin: 0;
      font-size: 32px;
      color: #fff;
      font-weight: 700;
      letter-spacing: -.01em;
      text-align: left;
      text-transform: capitalize
    }

    #tpTopBanner h1 {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 90%
    }

    #tpTopBanner h1 a {
      color: #fff;
      border-bottom: 0
    }

    #tpTopBanner h1 a:hover {
      color: #fff;
      border-bottom: 0
    }

    #tpTopBanner label,
    #tpTopBanner p {
      font-weight: 400;
      margin: 8px 0 0;
      font-size: .875em;
      color: #fff;
      width: 100%;
      text-transform: none
    }

    .fullwidthTitle {
      float: left;
      width: 100%;
      font-size: 1.063em;
      font-weight: 700;
      margin: 25px 0 10px
    }

    .fullwidthContent {
      margin: 0;
      float: left;
      width: 100%;
      font-size: .938em
    }

    .fullwidthContent.indent {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px 0 20px 30px
    }

    .fullwidthContent.doubleSpace {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 20px 0
    }

    .fullwidthContent.singleSpace {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-bottom: 20px
    }

    .centeredMainButton {
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 350px;
      height: 56px;
      line-height: 56px;
      border-radius: 28px;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .2);
      margin: 0 0 0 -175px
    }

    @media (hover:hover) {
      #tpTopBanner .iconButton:hover {
        transform: scale(1.1)
      }
    }

    @media (max-width:899px) {
      #tpTopBanner .performerImg {
        min-width: unset
      }

      #tpTopBanner .titleContents {
        min-width: unset
      }

      #tpTopBanner h1 {
        font-size: 24px
      }

      #tpTopBanner .titleContents .sellLink {
        margin-top: 3px
      }
    }

    @media (max-width:1024px) {
      #header {
        height: 50px;
        min-width: unset
      }

      #header #searchContainer.largeHeader.expanded {
        width: 100%
      }

      #tpLogo {
        width: 145px;
        float: none;
        margin: 3px auto auto auto;
        position: absolute;
        left: 0;
        right: 0
      }

      .tpHomeBody #tpLogo {
        top: 55PX
      }

      #tpTopBanner .titleContents .sellLink,
      #tpTopBanner .titleContents span a,
      #tpTopBanner label,
      #tpTopBanner p {
        display: none
      }

      #tpTopBanner .breadcrum {
        position: absolute;
        top: -30px;
        left: 20px
      }

      #tpTopBanner .titleContents span {
        text-align: center;
        background: 0 0;
        left: 5px;
        right: 5px;
        bottom: 5px;
        text-indent: 0
      }

      #tpTopBanner h1 {
        max-width: 100%;
        width: 100%;
        text-align: center;
        float: unset
      }

      .fullwidthTitle {
        margin: 20px 0 10px
      }

      #tpTopBanner {
        padding-top: 60px
      }

      #tpTopBanner .titleContents {
        padding-bottom: 60px
      }

      #tpTopBanner .titleContents {
        overflow: visible
      }

      #favoriteBtn {
        position: absolute;
        top: -40px;
        right: 0
      }

      #tpTopBanner .iconButton svg {
        height: 20px;
        width: 20px
      }
    }

    #tpTopBanner:not(.wide) {
      width: 100%;
      max-width: 1100px;
      border-radius: 40px;
      margin: 25px auto 25px auto;
      box-shadow: 0 0 6px rgba(27, 39, 51, .1);
      background: linear-gradient(0deg, #fff, #fff 80px, #0f161e 41px, #0f161e)
    }

    #tpTopBanner:not(.wide) .performerImg {
      bottom: 80px
    }

    #tpTopBanner:not(.wide) .titleContents {
      padding: 10px 30px 150px 35px
    }

    #tpTopBanner:not(.wide) .titleContents #learnMore {
      background-color: #fff;
      color: #000;
      width: 100%;
      left: 0;
      bottom: 0;
      height: 80px;
      line-height: 80px;
      padding: 0 30px;
      background-position: 30px center
    }

    #tpTopBanner:not(.wide) .breadcrum {
      font-size: .913em
    }

    #tpTopBanner:not(.wide) h1 {
      font-size: 36px;
      font-weight: 800;
      text-align: left
    }

    #tpTopBanner:not(.wide) p {
      opacity: .9
    }

    @media(min-width:1025px) {
      #header {
        margin-top: 15px;
        border-bottom: unset;
        margin-bottom: 15px
      }
    }

    @media(max-width:1024px) {
      #tpTopBanner:not(.wide) {
        border-radius: 0;
        margin: 0
      }

      #tpTopBanner:not(.wide) .titleContents {
        padding-left: 20px;
        padding-bottom: 120px
      }

      #tpTopBanner:not(.wide) .titleContents #learnMore {
        padding: 0
      }

      #tpTopBanner:not(.wide) .titleContents #learnMore {
        background: url(img/rnd_gn_shield.png) no-repeat 20px center;
        background-size: 34px;
        text-align: left;
        text-indent: 65px
      }
    }

    @media(max-width:500px) {
      #tpTopBanner:not(.wide) {
        background: linear-gradient(0deg, #fff, #fff 60px, #0f161e 41px, #0f161e)
      }

      #tpTopBanner:not(.wide) .titleContents {
        padding-bottom: 100px
      }

      #tpTopBanner:not(.wide) .performerImg {
        bottom: 60px
      }

      #tpTopBanner:not(.wide) .titleContents #learnMore {
        font-size: .688em;
        height: 60px;
        line-height: 60px
      }

      #tpTopBanner:not(.wide) h1 {
        font-size: 24px
      }
    }

    .noScroll {
      position: fixed;
      bottom: 0;
      top: 0;
      width: 100%;
      overflow: hidden
    }

    #mobileMenuWrapper {
      visibility: hidden;
      height: 100%;
      width: 100%;
      transition: all .2s ease
    }

    #mobileMenuWrapper.activeMenu {
      visibility: visible
    }

    #mobileMenuWrapper a:hover {
      border-bottom: 0;
      color: #737283
    }

    #mmBtn {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      background: 0 0;
      border: none;
      margin: 18px 20px;
      padding: 0;
      z-index: 1
    }

    #mmIcon {
      height: 16px
    }

    .sideNav {
      display: flex;
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0;
      background-color: unset;
      transition: 0s
    }

    .mmCategory {
      display: none;
      flex-direction: column;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      overflow-x: hidden;
      background-color: #fff;
      padding: 0
    }

    .mmCategory.activeCategory {
      display: flex
    }

    .scrollable {
      overflow-x: hidden;
      overflow-y: scroll
    }

    #mmBaseMenu {
      padding-top: 0
    }

    #mmMenu {
      position: relative;
      z-index: 2;
      width: 0%;
      height: 100%;
      transition: all .2s ease
    }

    #mobileMenuWrapper.activeMenu #mmMenu {
      width: 420px
    }

    #mmMask {
      position: fixed;
      width: 100%;
      height: 100%;
      opacity: 0;
      background: linear-gradient(rgba(0, 0, 0, .62), rgba(0, 0, 0, .62));
      transition: all 0s, opacity .2s ease
    }

    #mobileMenuWrapper.activeMenu #mmMask {
      opacity: 1
    }

    .mmHeader {
      padding: 16px 0
    }

    .mmElem {
      box-sizing: border-box;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #737283;
      font-weight: 600;
      width: 100%;
      padding: 15px 18px;
      background: rgba(0, 0, 0, 0);
      border: 0;
      white-space: nowrap;
      overflow-x: hidden
    }

    .mmElem span {
      font-size: 16px
    }

    .mmElem a {
      color: #737283
    }

    .mmCategory .catSet .contentItem {
      color: #737283;
      padding: 5px 0 10px 15px;
      box-sizing: border-box;
      text-align: left;
      white-space: nowrap;
      overflow-x: hidden;
      width: 100%;
      font-size: 15px;
      display: block
    }

    .mmMainMenuBtn {
      display: flex;
      flex-shrink: 0;
      padding: 16.5px 18px;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      background: #fff;
      border: 0;
      margin: 0
    }

    .mmMainMenuBtnText {
      color: #39f;
      font-size: 13px;
      font-weight: 600;
      margin: 0 0 0 11px
    }

    .mmCategory .subcatTitle {
      display: block;
      width: 100%;
      font-size: 12px;
      color: #757575;
      font-weight: 600;
      padding: 15px 18px 7px;
      border-top: .5px solid rgba(0, 0, 0, .1);
      text-align: left;
      white-space: nowrap;
      overflow-x: hidden
    }

    #mmAccount a,
    .mmCategory .menuOnly .title {
      display: block;
      font-weight: 600;
      font-size: 16px;
      color: #737283;
      padding: 15px 18px;
      text-align: left;
      border: 0;
      overflow-x: hidden;
      white-space: nowrap
    }

    #mmAccount .mmButtonElem {
      display: block;
      font-weight: 600;
      font-size: 16px;
      color: #737283;
      padding: 15px 18px;
      background: rgba(0, 0, 0, 0);
      border: 0;
      text-align: left
    }

    .mmBottomBorder {
      border-bottom: .5px solid rgba(0, 0, 0, .1)
    }

    .mmBottomBorder+.catSet>:first-child,
    .mmBottomBorder+.scrollable>.catColumn:first-child>.catSet:first-child>.subcatTitle:first-child,
    .mmBottomBorder+.scrollable>.catSet:first-child>.subcatTitle:first-child {
      border-top: 0
    }

    .mmFixedBtn {
      width: 100%;
      height: 53px;
      display: flex;
      flex-shrink: 0;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      margin-top: auto;
      border-top: .5px solid rgba(0, 0, 0, .62);
      border-bottom: 0
    }

    .mmFixedBtnText {
      height: 53px;
      color: #39f;
      font-weight: 600;
      line-height: 53px
    }

    .mmLt {
      width: 9px
    }

    .mmGt {
      width: 9px
    }

    #mmBaseHeader a {
      display: flex;
      border: 0
    }

    #mmBaseHeader button {
      background: #ffecf4;
      padding: 7px 12px;
      border-radius: 20px;
      color: #ff227a;
      font-size: 13px;
      font-weight: 600;
      border: 0
    }

    #mmLogIn.notLoggedIn,
    #mmMyAccount.loggedIn {
      display: flex
    }

    #mmLogIn.loggedIn,
    #mmMyAccount.notLoggedIn {
      display: none
    }

    @media(max-width:1024px) {
      #mobileMenuWrapper {
        display: flex
      }

      #mmBtn {
        display: flex
      }
    }

    @media(max-width:500px) {
      #mobileMenuWrapper.activeMenu #mmMenu {
        width: 84%
      }
    }

    .dropdownContainerOuter {
      position: absolute;
      top: 70px;
      left: 0;
      width: 600px;
      will-change: transform;
      z-index: 9
    }

    .tpContainerBody .dropdownContainerOuter,
    .tpSearchBody .dropdownContainerOuter,
    .tpTabBody .dropdownContainerOuter,
    .tpUpcomingBody .dropdownContainerOuter {
      top: 65px;
      left: 400px
    }

    .dropdownContainerOuter:hover {
      display: block !important;
      opacity: 1 !important
    }

    .dropdownContainer {
      position: absolute;
      top: 8px;
      left: 0;
      right: 0;
      background: #fff;
      border-radius: 14px;
      overflow: hidden;
      box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
      box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 0 3px rgba(0, 0, 0, .08);
      transform: translateX(0);
      transform-origin: 0 0
    }

    .dropdownContainer .inner {
      width: 100%;
      float: left;
      height: 100%;
      display: none
    }

    .dropdownContainerOuter.concerts {
      width: 500px
    }

    .mlb .dropdownContainer {
      transform: translateX(-30px)
    }

    .concerts .dropdownContainer #concerts,
    .mlb .dropdownContainer #mlb,
    .nba .dropdownContainer #nba,
    .nfl .dropdownContainer #nfl,
    .nhl .dropdownContainer #nhl,
    .other .dropdownContainer #other,
    .theater .dropdownContainer #theater {
      display: block
    }

    .dropdownContainer .inner .featuredItems {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 25px
    }

    .dropdownContainer .inner .featuredItems.empty {
      display: none
    }

    .dropdownContainer .inner .featuredItems .catSet {
      padding: 0 5px 0 0;
      float: unset
    }

    #mlb .featuredItems>div:nth-of-type(4) {
      margin-left: auto
    }

    .nhl .dropdownContainer {
      transform: translateX(0)
    }

    .nba .dropdownContainer {
      transform: translateX(20px)
    }

    .theater .dropdownContainer {
      transform: translateX(40px)
    }

    .concerts .dropdownContainer {
      transform: translateX(60px)
    }

    .other .dropdownContainer {
      transform: translateX(150px)
    }

    .dropdownContainer .inner .bottom {
      position: relative;
      float: left;
      width: 100%;
      height: 90px;
      background: #f7f7f7;
      left: 0;
      right: 0
    }

    .dropdownContainer .inner .bottom .button {
      position: absolute;
      height: 34px;
      line-height: 34px;
      border-radius: 17px;
      width: 150px;
      left: 50%;
      top: 50%;
      font-size: .813em;
      margin: -17px 0 0 -75px;
      color: #fff
    }

    .dropdownContainer .inner .top {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      float: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 35px 35px 10px 35px
    }

    .dropdownContainer .inner .menuOnly .catSet {
      padding: 0 0 10px 0
    }

    .dropdownContainer .inner .catSet {
      box-sizing: border-box;
      float: left;
      width: 33.3%;
      padding: 0 5px 25px 0
    }

    .concerts .dropdownContainer .inner .catSet {
      width: 50%
    }

    .dropdownContainer .otherCat {
      float: left;
      width: 70%;
      display: none
    }

    .dropdownContainer #otherCategories a,
    .dropdownContainer #otherCategories a div {
      -webkit-transition: none;
      transition: none
    }

    #other .button.active {
      display: block
    }

    .dropdownContainer .otherCat.active {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap
    }

    .dropdownContainer .inner #otherCategories {
      border-right: 1px solid #e0e0e0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 25%;
      margin-right: 5%;
      height: 100%
    }

    .dropdownContainer .inner .otherCat .catSet {
      width: 50%;
      box-sizing: border-box
    }

    #other .button,
    .dropdownContainer .inner .otherCat .catSet .contentItem:nth-child(1n+7) {
      display: none
    }

    .dropdownContainer .inner .otherCat.comedy .catSet .contentItem,
    .dropdownContainer .inner .otherCat.mixed-martial-arts .catSet .contentItem,
    .dropdownContainer .inner .otherCat.mls .catSet .contentItem,
    .dropdownContainer .inner .otherCat.soccer .catSet .contentItem,
    .dropdownContainer .inner .otherCat.theater .catSet .contentItem,
    .dropdownContainer .inner .otherCat.wnba .catSet .contentItem {
      display: block
    }

    .dropdownContainer .inner .otherCat.theater .catSet .contentItem:nth-child(1n+17) {
      display: none
    }

    .dropdownContainer .inner .catSet .subcatTitle {
      float: left;
      width: 100%;
      text-transform: uppercase;
      color: rgba(19, 20, 49, .6);
      font-size: .75em;
      margin: 0 0 2px
    }

    #otherCategories .active {
      font-weight: 700
    }

    .dropdownContainer .inner .catSet a {
      float: left;
      clear: both;
      margin: 0;
      text-decoration: none;
      font-size: .813em;
      padding: 2px 0 0;
      cursor: pointer
    }

    .dropdownContainer .contentImg {
      background: 0 0 !important;
      display: none
    }

    #searchContainer {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      z-index: 1;
      overflow: visible;
      position: relative
    }

    #searchContainer.home {
      width: 100%;
      max-width: 740px;
      position: relative;
      padding: 0 20px;
      height: 80px;
      margin: 30px auto 0 auto;
      animation: 1.1s ease-out 0s 1 fadefromright
    }

    #searchContainer.largeHeader {
      z-index: 2;
      display: flex;
      align-items: center;
      height: 100%;
      padding: 0;
      margin: 0 41px 0 0
    }

    #searchContainer.buybid {
      float: right;
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      border-right: 1px solid #ededed;
      width: 310px;
      height: 100%;
      padding: 0
    }

    #searchText {
      color: #000;
      outline: 0;
      background: #fff;
      height: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box
    }

    #searchText::placeholder {
      color: #707070
    }

    .home #searchText {
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 40px;
      font-size: 1em;
      border: none;
      width: 100%;
      text-indent: 40px;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .05);
      background: #f4f4f4
    }

    .largeHeader #searchText {
      font-size: .875em;
      border: none;
      width: 250px;
      box-shadow: none;
      opacity: .8
    }

    .buybid #searchText {
      font-size: .875em;
      border: none;
      width: 300px;
      text-indent: 0;
      box-shadow: none;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      opacity: .8
    }

    .home #searchText:focus,
    .home #searchText:hover {
      box-shadow: 0 2px 8px rgba(27, 39, 51, 0);
      background: #f0f0f0
    }

    #searchContainer .button {
      height: 100%;
      width: 18%;
      line-height: 70px;
      border-radius: 14px
    }

    #searchContainer.buybid .button,
    #searchContainer.largeHeader .button {
      display: none
    }

    #autoFillVals {
      visibility: hidden;
      position: absolute;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 5px 10px 15px 10px;
      background: #fff;
      border-radius: 14px;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .1);
      border: 1px solid #f6f6f6;
      z-index: -1;
      opacity: 0;
      will-change: transform;
      transform: translateX(20px);
      height: 0;
      overflow: hidden;
      padding: 20px;
      top: 0
    }

    #autoFillVals.home {
      width: 730px;
      left: 50%;
      margin-left: -365px
    }

    #autoFillVals.largeHeader {
      width: 400px
    }

    #autoFillVals.buybid {
      width: 350px;
      right: 0
    }

    body:not(.modal-open) #autoFillVals.active {
      visibility: visible;
      display: block;
      opacity: 1;
      transform: translateX(0);
      z-index: 5;
      height: auto
    }

    #autoFillVals .autoFillIcon {
      position: absolute;
      top: 20px;
      left: 26px;
      width: 28px;
      height: 28px;
      border-radius: 6px
    }

    #autoFillVals .title {
      font-weight: 400;
      border-bottom: none;
      padding: 0;
      float: left;
      width: 100%;
      text-align: left;
      line-height: 28px;
      margin: 0 0 8px 42px;
      font-size: .688em;
      text-transform: uppercase;
      color: rgba(19, 20, 49, .6)
    }

    #autoFillVals .clear {
      float: left;
      width: 100%;
      padding: 0 5px;
      text-transform: uppercase;
      font-size: .688em;
      margin: 10px 0 0 0
    }

    #autoFillVals .afItem {
      text-decoration: none;
      float: left;
      width: 100%;
      border-radius: 6px;
      font-size: .9em;
      color: #000;
      margin: 0;
      padding: 6px 10px;
      background: #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border: none;
      outline: 0;
      white-space: nowrap;
      border: none;
      outline: 0;
      white-space: nowrap;
      text-overflow: ellipsis
    }

    .afiDivider {
      float: left;
      width: 100%;
      height: 1px;
      background: #f0f0f0;
      margin: 10px 0
    }

    #autoFillVals .afItem.afiDefault {
      background-image: url(img/round_forward.png);
      background-position: 6px center;
      background-repeat: no-repeat;
      background-size: 18px 18px;
      text-indent: 22px
    }

    #autoFillVals.buybid .afItem,
    #autoFillVals.largeHeader .afItem {
      font-size: .813em
    }

    #autoFillVals .afItem:focus,
    #autoFillVals .afItem:hover {
      background-color: #39f;
      color: #fff;
      border: none
    }

    #toggleSearch {
      width: 20px;
      height: 20px;
      margin: 0 19px 0 19px;
      z-index: 1;
      opacity: .25;
      display: inline-block
    }

    .home #toggleSearch {
      display: none
    }

    #autoFillValsWrapper {
      position: absolute;
      bottom: -10px;
      left: 0;
      height: 0;
      width: 100%
    }

    @media(max-width:1024px) {
      #toggleSearch {
        opacity: .5
      }

      .tpBuyBody #toggleSearch {
        opacity: .25
      }

      #header #searchContainer.largeHeader {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 57px;
        border-left: 1px solid #f0f0f0;
        width: 0%;
        margin: 0 0 0 auto;
        background-color: #fff;
        --isMobile: "true"
      }

      .largeHeader #searchText {
        background-color: rgba(255, 255, 255, .5);
        opacity: .45
      }

      #autoFillVals.largeHeader {
        left: 5px
      }
    }

    @media(max-width:899px) {
      #searchContainer.buybid {
        display: none
      }
    }

    @media(max-width:500px) {
      .home #searchText {
        font-size: .875em;
        text-indent: 20px;
        width: 98%;
        margin: 0 1% 0 1%;
        background: #f2f2f2;
        border-radius: 24px;
        border: none
      }

      #searchContainer.home .button {
        height: 28px;
        width: 28px;
        right: 13px;
        margin-top: -14px
      }

      #autoFillVals.home {
        width: inherit !important;
        right: 5px;
        margin-left: 0;
        left: 0
      }

      #autoFillValsWrapper {
        bottom: -5px
      }

      #searchContainer.home {
        height: 48px;
        padding: 0 0;
        margin: 30px auto 0 auto
      }

      #autoFillVals.largeHeader {
        width: auto;
        right: 5px
      }

      .largeHeader #searchText {
        opacity: .5
      }

      #autoFillVals.largeHeader .afItem {
        text-align: left
      }

      #header #searchContainer.largeHeader {
        margin: 0
      }

      .largeHeader #searchText {
        width: 100%
      }
    }

    #secondarySearch #searchContainer {
      position: relative
    }

    #secondarySearch #searchContainer #toggleSearch {
      display: none
    }

    #secondarySearch #searchText {
      border-radius: 40px;
      background: #fff;
      box-shadow: none;
      background-color: #f6f6f6;
      border: 1px solid #f6f6f6
    }

    #secondarySearch #searchContainer .button {
      display: block;
      background: #39f;
      animation: 2.1s ease-out 0s 1 bubble;
      border-radius: 50%;
      position: absolute;
      box-shadow: none;
      background-image: url(img/search_magnifying_hp_white.png?12);
      background-size: 42%;
      background-repeat: no-repeat;
      text-indent: -9999px;
      background-position: 14px center
    }

    #searchContainer.largeHeader .button {
      height: 24px;
      width: 24px
    }

    #secondarySearch #searchContainer {
      width: 100%
    }

    #secondarySearch #autoFillVals {
      top: unset;
      left: unset;
      margin-top: 20px;
      width: 100%;
      max-width: 650px
    }

    @media(min-width:1025px) {
      #searchContainer.largeHeader {
        position: relative
      }

      #searchContainer.largeHeader #toggleSearch {
        display: none
      }

      .largeHeader #searchText {
        width: 290px;
        border-radius: 40px;
        background: #fff;
        box-shadow: none;
        background-color: #f6f6f6;
        border: 1px solid #f6f6f6;
        font-size: .75em;
        padding-left: 20px
      }

      #searchContainer.largeHeader .button {
        display: block;
        background: #39f;
        animation: 2.1s ease-out 0s 1 bubble;
        border-radius: 50%;
        position: absolute;
        box-shadow: none;
        background-image: url(img/search_magnifying_hp_white.png?12);
        background-size: 42%;
        background-repeat: no-repeat;
        text-indent: -9999px;
        background-position: center center;
        right: 12px
      }

      #searchContainer.largeHeader .button {
        height: 24px;
        width: 24px
      }
    }

    #learnMore {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: 15px;
      text-align: left;
      color: #fff;
      font-size: .875em;
      line-height: 40px
    }

    #learnMore a {
      color: #39f;
      text-decoration: none
    }

    #learnMore.showIcon {
      background: url(img/rnd_gn_shield.png) no-repeat left center;
      background-size: 34px;
      text-indent: 44px
    }

    @media(max-width:500px) {
      #learnMore a {
        display: none
      }

      #learnMore {
        left: 5px;
        right: 5px;
        bottom: 5px;
        background-size: 26px;
        font-size: .563em
      }

      #learnMore.showIcon {
        text-indent: 30px
      }
    }

    #performerBannerContainer {
      position: absolute;
      display: flex;
      align-items: center;
      left: 0;
      bottom: 0;
      text-align: left;
      font-size: .875em;
      line-height: 40px;
      overflow-x: auto;
      white-space: nowrap;
      padding: 0;
      width: 98%;
      height: 80px;
      line-height: 80px;
      background-position: 30px center;
      overflow-x: auto;
      overflow-y: hidden;
      scrollbar-width: none
    }

    #performerBannerContainer::-webkit-scrollbar {
      display: none
    }

    #performerBannerContainer .performerBanner {
      width: fit-content;
      display: flex;
      align-items: center;
      padding-left: 30px
    }

    #performerBannerContainer a {
      color: #39f;
      text-decoration: none
    }

    #performerBannerContainer.showIcon {
      background: url(img/rnd_gn_shield.png) no-repeat left center;
      background-size: 34px;
      text-indent: 44px
    }

    .performerBannerIcon {
      text-indent: 44px;
      height: 30px;
      width: auto;
      padding-right: 10px
    }

    @media(max-width:500px) {
      #performerBannerContainer {
        right: 5px;
        bottom: 5px;
        background-size: 26px;
        font-size: .688em;
        height: 50px;
        padding-left: 10px
      }

      #performerBannerContainer .performerBanner {
        height: 60px;
        line-height: 60px;
        text-indent: 2px;
        padding: 0 15px 0 5px
      }

      #performerBannerContainer .performerBanner .performerBannerIcon {
        padding-right: 5px
      }

      #performerBannerContainer .performerBanner #performerBannerContainer a {
        display: none
      }

      #performerBannerContainer .performerBanner #performerBannerContainer.showIcon {
        text-indent: 30px
      }
    }

    #successMsg {
      visibility: hidden;
      z-index: -1;
      opacity: 0;
      position: fixed;
      bottom: 30px;
      right: 30px;
      height: 50px;
      margin: 0;
      border-radius: 25px;
      z-index: 9;
      background: #fff;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .3);
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      transform: translateX(30px);
      border: none
    }

    #lsWindow #noaccesstoFBEmail,
    #lsWindow #noaccesstoFBEmail:hover {
      background: #ffecf4;
      margin-top: 5px
    }

    #resetEmail {
      background-color: #efefef;
      user-select: none
    }

    #resetEmail::selection {
      color: #000
    }

    #lsWindow #promoLNT {
      margin: 5px 0 5px 0
    }

    #createPW .leftAlign {
      width: 100%
    }

    #createPW .title {
      margin-bottom: 20px
    }

    #skipCTA {
      margin-left: 4px
    }

    #promoImage {
      float: left;
      width: 100%;
      height: 200px;
      background-position: center center;
      background-size: contain;
      margin: 10px 0 0
    }

    #promoImage.round {
      border-radius: 100px
    }

    #promoImage+.title {
      font-weight: 900;
      margin-top: 8px !important
    }

    #promoImage+.title+.loginNotes {
      margin-bottom: 8px
    }

    #promoLN {
      text-align: center;
      margin: 0
    }

    #promoLN b {
      color: #000
    }

    #confirmFBNote {
      color: #000
    }

    #confirmFBEmail div {
      width: 100%
    }

    #successMsg img {
      float: left;
      height: 30px;
      width: 30px
    }

    #successMsg span {
      float: left;
      min-width: 100px;
      margin: 0 10px 0 7px;
      font-size: .813em;
      line-height: 30px;
      color: #000
    }

    #successMsg.active {
      visibility: visible;
      z-index: 2;
      opacity: 1;
      transform: translateX(0)
    }

    @media(max-width:500px) {
      #successMsg {
        display: flex;
        align-items: center;
        margin-left: 10px;
        max-width: 98%;
        right: 3px
      }

      #successMsg span {
        line-height: 17px;
        font-size: .7em
      }
    }

    .tpHomeBody #lsuLinks,
    .tpHomeBody #myaccountLinks {
      margin: 0;
      padding-left: 24px;
      border-left: 1px solid #eee;
      width: auto
    }

    #lsuLinks,
    #myaccountLinks {
      position: relative;
      height: auto;
      display: block;
      margin: 0 10px 0 auto;
      transform: translateX(0);
      opacity: 1;
      -moz-transition: all 1.5s ease;
      -ms-transition: all 1.5s ease;
      -o-transition: all 1.5s ease;
      -webkit-transition: all 1.5s ease;
      transition: all 1.5s ease;
      z-index: 2
    }

    #lsuLinks .button,
    #myaccountLinks .button {
      display: inline-block;
      font-weight: 400;
      font-size: .813em;
      padding: 8px 17px
    }

    #lsuLinks .button {
      font-size: .938em
    }

    #lsuLinks .headerLink,
    #myaccountLinks .headerLink {
      margin-right: 16px
    }

    #lsuLinks.loggedIn,
    #myaccountLinks.notLoggedIn {
      display: none;
      overflow: hidden;
      height: 0;
      transform: translateX(50px);
      opacity: 0
    }

    #myaccountLinks.loggedIn {
      margin-right: 35px;
      padding-left: 0;
      border-left: 0
    }

    .tpHomeBody #myaccountLinks.loggedIn {
      margin-right: 25px
    }

    .tpCheckoutBody #lsuLinks,
    .tpCheckoutBody #myaccountLinks {
      display: none
    }

    .lsInner {
      visibility: hidden;
      padding: 0 5px;
      float: left;
      width: 100%;
      height: 0;
      transform: translateX(-30px);
      -moz-transition: all .5s ease;
      -ms-transition: all .5s ease;
      -o-transition: all .5s ease;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      opacity: 0
    }

    #lsOverlay .lsInner.active {
      visibility: visible;
      height: auto;
      display: block;
      transform: translateX(0);
      opacity: 1
    }

    #lsWindow {
      display: flex;
      flex-direction: column;
      align-items: center;
      position: absolute;
      width: 480px;
      left: 50%;
      margin-left: -235px;
      top: 90px;
      border-radius: 20px;
      background: #fff;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px;
      overflow: hidden
    }

    #lsLoading {
      visibility: hidden;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background: rgba(255, 255, 255, .8);
      z-index: -1;
      opacity: 0
    }

    #lsLoading .loading {
      visibility: visible;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -50px 0 0 -50px
    }

    #lsLoading.hiddenLL {
      visibility: visible;
      z-index: 1;
      opacity: 1
    }

    #lsWindow .cancel {
      position: absolute;
      font-size: .938em;
      top: 7px;
      right: 6px;
      padding: 7px 12px;
      color: #ff227a;
      background: 0 0;
      border-radius: 20px;
      border: none
    }

    #lsWindow .cancel:hover {
      background: #ffecf4;
      border: none
    }

    #lsWindow .title {
      font-weight: 900;
      width: 100%;
      text-align: center;
      font-size: 26px;
      margin: 5px 0 10px 0;
      color: #000;
      padding: 0;
      border: none
    }

    #lsWindow .button {
      height: 44px;
      line-height: 44px;
      border-radius: 22px;
      width: 100%;
      clear: left;
      margin: 20px 0 10px 0;
      font-size: 14px;
      text-transform: none !important
    }

    .fbButton {
      background: #3b5998 url(img/fb_white_circle.png) 12px 50% no-repeat;
      background-size: 28px 28px
    }

    .fbButton:hover {
      background-color: #3c66b0
    }

    .appleButton {
      background: #000 url(img/apple_white_logo.png) -7px 50% no-repeat;
      background-size: 66px 66px;
      margin-top: 0 !important
    }

    .appleButton:hover {
      background-color: #000
    }

    .googleButton {
      background: #fff url(img/google_logo.png?1) 10px 50% no-repeat;
      background-size: 30px 30px;
      margin-top: 0 !important;
      color: #000
    }

    .googleButton:hover {
      background-color: #fff;
      color: #000;
      box-shadow: 0 2px 8px rgba(27, 39, 51, .15)
    }

    #fb-root,
    .fb-root {
      display: none !important
    }

    .orLabel {
      font-size: .938em;
      margin: 0 0 4px 0;
      clear: both;
      width: 100%;
      text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
      text-align: center
    }

    .orLabel:before {
      content: "OR";
      display: inline-block;
      margin: 0;
      padding: 10px;
      background: #fff
    }

    .orLabel hr {
      margin: -21px 0 10px 0;
      border: 0;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #fff
    }

    .loginNotes {
      float: left;
      margin: 8px 0 0 4px;
      font-size: .875em
    }

    span.loginNotes {
      color: rgba(19, 20, 49, .6)
    }

    span.loginNotes b {
      color: #16c76e
    }

    #lsError {
      font-size: .938em;
      width: 100%;
      float: left;
      color: #ff227a;
      margin: 20px 0 0;
      height: auto;
      transform: translateX(0);
      margin: 10px 0 0
    }

    #lsError.hiddenLSE {
      visibility: hidden;
      height: 0;
      margin: 0 0 0;
      transform: translateX(-30px)
    }

    .loginErrorWarning {
      display: none;
      float: left;
      font-size: .75em;
      color: #ff227a;
      margin: 8px 0 0 4px
    }

    .accountMenu {
      position: absolute;
      display: flex;
      visibility: hidden;
      opacity: 0;
      flex-direction: column;
      border-radius: 16px;
      box-shadow: 0 0 6px rgba(27, 39, 51, .1);
      background-color: #fff;
      width: 220px;
      padding: 20px 18px;
      right: -30px;
      top: 50px;
      transition: all .1s ease .02s
    }

    .accountMenuToggle {
      position: relative;
      border: 0;
      width: 75px;
      height: 38px;
      box-shadow: 0 0 6px rgba(27, 39, 51, .1);
      border-top-left-radius: 25px;
      border-bottom-left-radius: 25px;
      cursor: pointer
    }

    .accountMenuToggle img {
      position: absolute;
      top: 11px;
      left: 20px
    }

    .accountMenu.active {
      visibility: visible;
      opacity: 1
    }

    .accountMenu .menuLower,
    .accountMenu .menuUpper {
      display: flex;
      flex-direction: column
    }

    .accountMenu .menuUpper {
      border-bottom: 1px solid #e6e6e6;
      padding-bottom: 12px
    }

    .accountMenu .menuLower {
      padding-top: 12px
    }

    .accountMenu .menuItem {
      display: inline-block;
      margin-right: auto;
      color: rgba(19, 20, 49, .6);
      font-size: 1em
    }

    .accountMenu .menuUpper .menuItem {
      width: 100%;
      box-sizing: border-box;
      height: 33px;
      line-height: 33px;
      position: relative;
      border-radius: 12px;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      height: 42px;
      width: 100%;
      margin: 0 0 2px;
      cursor: pointer;
      color: #000;
      border: none
    }

    .accountMenu .menuUpper span {
      float: left;
      width: 100%;
      clear: both;
      font-size: .875em;
      line-height: 42px;
      height: 100%;
      text-align: left;
      text-indent: 38px
    }

    .accountMenu .menuUpper img {
      position: absolute;
      top: 50%;
      left: 6px;
      height: 22px;
      margin: -11px 0 0
    }

    .accountMenu .menuUpper .menuItem:hover {
      background-color: #f6f6f6;
      border-radius: 300px;
      border: 0
    }

    .accountMenu .menuLower .menuItem {
      height: 22px;
      line-height: 22px;
      font-size: .85em
    }

    .accountMenu .menuLower .menuItem:hover {
      color: #39f;
      border-bottom: 1px solid #39f
    }

    @media(hover:hover) {
      .accountMenu .menuItem:hover {
        border-bottom: 1px solid rgba(19, 20, 49, .6)
      }
    }

    #accountMenuPic {
      position: absolute;
      right: -28px;
      top: -3px;
      width: 45px;
      height: 45px;
      background-size: cover;
      background-position: center center;
      background-color: #f6f6f6;
      border-radius: 500px;
      text-align: center;
      line-height: 45px;
      color: #fff;
      font-weight: 700;
      font-size: 1.25em
    }

    @media(max-width:1024px) {

      #lsuLinks,
      #myaccountLinks {
        display: none
      }
    }

    @media(max-width:600px) {
      #lsWindow {
        width: auto;
        left: 5px;
        margin-left: 0;
        right: 5px;
        top: 60px;
        padding: 20px
      }

      #lsWindow .button.appleButton,
      #lsWindow .button.fbButton {
        width: 400px
      }

      #lsWindow #signUp .leftAlign,
      #lsWindow #socialMedia {
        display: flex;
        flex-direction: column;
        align-items: center
      }

      #lsWindow.mobilePromoStyle {
        top: 5px;
        margin-bottom: 5px
      }

      #promoImage {
        height: 160px
      }
    }

    @media(max-width:450px) {

      #lsWindow #signIn,
      #lsWindow #signUp {
        display: flex;
        flex-direction: column;
        align-items: center
      }

      #lsWindow .button.appleButton,
      #lsWindow .button.fbButton {
        width: 100%
      }
    }

    #footer {
      float: left;
      width: 100%;
      border-top: 1px solid #f0f0f0;
      padding: 0;
      margin: 80px 0 0;
      background: #fff;
      height: 580px
    }

    #footerImage {
      width: 40%;
      float: left;
      height: 75%;
      display: flex;
      justify-content: center;
      align-items: center
    }

    .footerColumn {
      width: 20%;
      float: left;
      height: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 25px
    }

    .footerColumn.footerIcons {
      display: flex;
      flex-direction: column;
      align-items: center
    }

    .footerColumn.footerIcons.nonMobileOnly {
      padding: 0 30px
    }

    #footerCompany {
      width: 14%
    }

    .footerColumn p.appRating,
    .footerColumn span.appRating {
      float: left;
      margin: 0 0 0;
      width: 100%;
      padding: 22px 0 0;
      text-align: center;
      font-size: .688em;
      background: url(img/rating_stars.png) no-repeat top center;
      background-size: 60% auto;
      font-weight: 400;
      color: #333
    }

    .footerColumn .footerLink,
    .footerColumn h2,
    .footerColumn span {
      float: left;
      color: rgba(19, 20, 49, .6);
      font-size: .938em;
      background: rgba(0, 0, 0, 0);
      text-decoration: none;
      margin: 0 0 4px 0;
      text-align: left;
      clear: both;
      border-bottom: 1px solid transparent;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
    }

    .footerColumn .footerLink:hover {
      border-bottom: 1px solid rgba(19, 20, 49, .6)
    }

    .footerColumn .footerH2,
    .footerColumn span {
      font-weight: 700
    }

    .copyright .footerH2,
    .footerColumn .footerH2,
    .partners .footerH2 {
      padding: 0;
      border-bottom: unset;
      width: unset
    }

    .footerColumn .mobileButton {
      float: left;
      margin: 0 0 10px 0;
      border: none;
      padding: 2px
    }

    #footerContent {
      max-width: 1000px
    }

    #footerContentInner {
      position: relative;
      width: 100%;
      height: 100%;
      float: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 40px 0 60px 0
    }

    #footerContent .copyright {
      display: flex;
      flex-direction: row-reverse;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      border-top: 2px solid #f6f6f6;
      height: 80px
    }

    #footerContent .copyright h2,
    #footerContent .copyright span {
      margin: 0;
      font-weight: 400;
      float: left;
      text-align: center;
      color: rgba(19, 20, 49, .6);
      height: 80px;
      line-height: 80px;
      font-size: .875em
    }

    #footerContent .copyright a {
      height: 30px;
      width: 30px;
      margin: 25px 0 0 5px;
      border: none
    }

    #footerContent .mobileOnly .copyright a {
      float: right
    }

    #footerContent .nonMobileOnly .copyright a {
      float: left
    }

    #footerContent .copyright a img {
      border: none;
      height: 30px
    }

    #footerContent .copyright a:hover {
      opacity: .8
    }

    #footerContent .partners {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 82px;
      left: 0;
      right: 0;
      padding: 20px 0 20px;
      border-top: 2px solid #f6f6f6;
      height: 19px
    }

    #footerContent .partners>div {
      height: 100%;
      display: flex
    }

    #footerContent .partners h2,
    #footerContent .partners span {
      font-weight: 400;
      font-size: .875em;
      color: rgba(19, 20, 49, .6);
      text-align: left;
      float: left;
      margin: 0 0 0;
      height: 19px;
      line-height: 19px
    }

    #footerContent .partners a {
      height: 19px;
      margin: 0 0 0 22px;
      border: none;
      opacity: .9
    }

    #footerContent .partners a:hover {
      opacity: 1
    }

    #footerContent .partners a img {
      border: none;
      float: left;
      height: 100%
    }

    #footer.mobileOnly {
      display: none
    }

    #footerContent .mobileOnly {
      display: none
    }

    .footerLink button {
      background: 0 0;
      border: none;
      padding: unset;
      text-align: left;
      color: unset;
      font-size: unset;
      font-weight: unset;
      line-height: unset;
      cursor: pointer
    }

    @media(max-width:899px) {
      #footerContent {
        min-width: unset
      }

      #footerImage {
        display: none
      }

      .footerIcons {
        width: 40%
      }

      .footerIcons p.appRating,
      .footerIcons span.appRating {
        padding: 38px 0 0
      }

      #footerCompany,
      #footerPromise {
        width: 30%;
        padding: 0 15px
      }
    }

    @media(max-width:600px) {
      #adaWindow {
        left: 0;
        margin: 0;
        width: 100%
      }
    }

    @media(max-width:500px) {
      #footer .mobileOnly {
        display: inherit
      }

      #footer #footerContent .nonMobileOnly {
        display: none
      }

      #footer {
        height: unset;
        margin-top: 35pt;
        border-top: 0
      }

      #footerContentInner {
        display: flex;
        flex-direction: column;
        padding: 0;
        border-top: 1px solid #f0f0f0
      }

      #footerContentInner button {
        border: 0;
        background: #fff;
        text-align: left;
        color: rgba(19, 20, 49, .6);
        font-size: .875em;
        font-weight: 700;
        padding: 10pt 0;
        background: url(img/footer-down-arrow.png) no-repeat center right;
        background-size: 12pt
      }

      #footerContentInner button:first-of-type {
        border-top: 0
      }

      #footerContentInner button.active {
        background-image: url(img/footer-up-arrow.png)
      }

      #companyPromiseWrapper {
        display: flex;
        flex-direction: column;
        padding: 0 10pt
      }

      .footerColumn {
        height: unset;
        width: 100%;
        padding: 0
      }

      .footerColumn .footerLink {
        font-size: .75em;
        margin-bottom: 8px
      }

      #footerCompany,
      #footerPromise {
        visibility: hidden;
        padding: 0;
        overflow: hidden;
        max-height: 0;
        border-bottom: 1px solid #f0f0f0;
        transition: max-height .4s ease
      }

      #footerCompany.active,
      #footerPromise.active {
        visibility: visible;
        max-height: 1000px
      }

      .footerColumn.footerIcons {
        flex-wrap: wrap;
        max-width: 290px;
        align-self: center;
        flex-direction: row;
        justify-content: center;
        margin-top: 24px
      }

      .footerColumn .appRating {
        display: flex;
        background: url(img/rating_stars.png) no-repeat bottom right;
        background-size: 52% auto;
        margin: 12px auto;
        padding-right: 7px
      }

      .footerColumn .appRating.nonMobileOnly {
        display: none
      }

      .footerColumn .appRating .avgScore {
        margin: 0;
        font-size: 35pt;
        line-height: 30pt;
        font-weight: 700;
        color: gold
      }

      .footerColumn .appRating .reviews {
        margin: 3pt 0 0 8pt;
        font-size: .7em;
        color: rgba(19, 20, 49, .6)
      }

      #footerContent .copyright {
        position: static;
        display: flex;
        flex-direction: column;
        align-items: center;
        height: unset;
        border-top: 0
      }

      #footerContent .socialIconWrapper {
        margin-top: 20px
      }

      #footerContent .copyright h2 {
        display: block;
        height: unset;
        line-height: unset;
        margin: 20px 0
      }

      .footerH2,
      .partners {
        display: none
      }

      .footerLink button {
        font-weight: unset !important;
        padding: unset !important;
        background: unset !important
      }
    }

    .tpLocAutocomplete {
      display: inline-block;
      position: relative
    }

    .tpLocAutocomplete.displayOnly {
      pointer-events: none
    }

    .tpLocAutocomplete>.tpButton {
      padding: 5px 15px
    }

    .tpLocAutocomplete>.tpButton input {
      border: none;
      color: #000;
      background: rgba(0, 0, 0, 0);
      font-weight: 700
    }

    .tpLocAutocomplete>.tpButton img:first-of-type {
      height: 1.5em;
      position: relative;
      top: .375em;
      margin-right: 6px
    }

    .tpLocAutocomplete>.tpButton img:last-of-type {
      height: .5em
    }

    .tpLocAutocomplete .autoCompleteWrapper {
      position: absolute;
      opacity: 0;
      display: none;
      left: 50%;
      width: 350px;
      margin-left: -175px;
      background: #fff;
      box-sizing: border-box;
      border-bottom-left-radius: 6px;
      border-bottom-right-radius: 6px;
      padding: 4px 10px 10px;
      z-index: 5;
      box-shadow: rgba(36, 63, 97, .1) 0 2px 12px, rgba(36, 63, 97, .1) 0 .5px 2px
    }

    .tpLocAutocomplete .autoCompleteWrapper.active {
      opacity: 1;
      display: block
    }

    .tpLocAutocomplete .autoCompleteWrapper .dismissAutocomplete {
      display: none
    }

    .tpLocAutocomplete .tpTextFieldWrapper {
      width: 100%
    }

    .tpLocAutocomplete .tpTextFieldWrapper input {
      padding-left: 20px;
      padding-right: 20px
    }

    .tpLocAutocomplete .dropdown {
      padding: 0;
      margin: 0
    }

    .tpLocAutocomplete .suggestion {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      text-align: left;
      cursor: pointer;
      color: #000;
      border-radius: 6px;
      padding: 4px 10px;
      margin: 0;
      font-size: .875em;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis;
      box-sizing: border-box;
      overflow: hidden
    }

    .tpLocAutocomplete .suggestion.active {
      color: #fff;
      background: #39f
    }

    .tpLocAutocomplete .suggestion img {
      height: 14px;
      margin-right: 10px
    }

    @media(max-width:500px) {
      .tpLocAutocomplete .autoCompleteWrapper .dismissAutocomplete {
        float: right;
        display: block;
        background: unset;
        border: 0;
        box-shadow: 0 0 6px rgba(27, 39, 51, .1);
        font-weight: 700;
        border-radius: 50%;
        font-size: .938em;
        padding: 7px 12px;
        color: #ff227a;
        background-color: #ffecf4;
        border-radius: 20px;
        border: none
      }
    }

    .PresetDateRangePicker_panel {
      padding: 0 22px 11px
    }

    .PresetDateRangePicker_button {
      position: relative;
      height: 100%;
      text-align: center;
      background: 0 0;
      border: 2px solid #00a699;
      color: #00a699;
      padding: 4px 12px;
      margin-right: 8px;
      font: inherit;
      font-weight: 700;
      line-height: normal;
      overflow: visible;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer
    }

    .PresetDateRangePicker_button:active {
      outline: 0
    }

    .PresetDateRangePicker_button__selected {
      color: #fff;
      background: #00a699
    }

    .SingleDatePickerInput {
      display: inline-block;
      background-color: #fff
    }

    .SingleDatePickerInput__withBorder {
      border-radius: 2px;
      border: 1px solid #dbdbdb
    }

    .SingleDatePickerInput__rtl {
      direction: rtl
    }

    .SingleDatePickerInput__disabled {
      background-color: #f2f2f2
    }

    .SingleDatePickerInput__block {
      display: block
    }

    .SingleDatePickerInput__showClearDate {
      padding-right: 30px
    }

    .SingleDatePickerInput_clearDate {
      background: 0 0;
      border: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      cursor: pointer;
      padding: 10px;
      margin: 0 10px 0 5px;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .SingleDatePickerInput_clearDate__default:focus,
    .SingleDatePickerInput_clearDate__default:hover {
      background: #dbdbdb;
      border-radius: 50%
    }

    .SingleDatePickerInput_clearDate__small {
      padding: 6px
    }

    .SingleDatePickerInput_clearDate__hide {
      visibility: hidden
    }

    .SingleDatePickerInput_clearDate_svg {
      fill: #82888a;
      height: 12px;
      width: 15px;
      vertical-align: middle
    }

    .SingleDatePickerInput_clearDate_svg__small {
      height: 9px
    }

    .SingleDatePickerInput_calendarIcon {
      background: 0 0;
      border: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      padding: 10px;
      margin: 0 5px 0 10px
    }

    .SingleDatePickerInput_calendarIcon_svg {
      fill: #82888a;
      height: 15px;
      width: 14px;
      vertical-align: middle
    }

    .SingleDatePicker {
      position: relative;
      display: inline-block
    }

    .SingleDatePicker__block {
      display: block
    }

    .SingleDatePicker_picker {
      z-index: 1;
      background-color: #fff;
      position: absolute
    }

    .SingleDatePicker_picker__rtl {
      direction: rtl
    }

    .SingleDatePicker_picker__directionLeft {
      left: 0
    }

    .SingleDatePicker_picker__directionRight {
      right: 0
    }

    .SingleDatePicker_picker__portal {
      background-color: rgba(0, 0, 0, .3);
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
    }

    .SingleDatePicker_picker__fullScreenPortal {
      background-color: #fff
    }

    .SingleDatePicker_closeButton {
      background: 0 0;
      border: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      padding: 15px;
      z-index: 2
    }

    .SingleDatePicker_closeButton:focus,
    .SingleDatePicker_closeButton:hover {
      color: #b0b3b4;
      text-decoration: none
    }

    .SingleDatePicker_closeButton_svg {
      height: 15px;
      width: 15px;
      fill: #cacccd
    }

    .DayPickerKeyboardShortcuts_buttonReset {
      background: 0 0;
      border: 0;
      border-radius: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      padding: 0;
      cursor: pointer;
      font-size: 14px
    }

    .DayPickerKeyboardShortcuts_buttonReset:active {
      outline: 0
    }

    .DayPickerKeyboardShortcuts_show {
      width: 33px;
      height: 26px;
      position: absolute;
      z-index: 2
    }

    .DayPickerKeyboardShortcuts_show::before {
      content: "";
      display: block;
      position: absolute
    }

    .DayPickerKeyboardShortcuts_show__bottomRight {
      bottom: 0;
      right: 0
    }

    .DayPickerKeyboardShortcuts_show__bottomRight::before {
      border-top: 26px solid transparent;
      border-right: 33px solid #00a699;
      bottom: 0;
      right: 0
    }

    .DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
      border-right: 33px solid #008489
    }

    .DayPickerKeyboardShortcuts_show__topRight {
      top: 0;
      right: 0
    }

    .DayPickerKeyboardShortcuts_show__topRight::before {
      border-bottom: 26px solid transparent;
      border-right: 33px solid #00a699;
      top: 0;
      right: 0
    }

    .DayPickerKeyboardShortcuts_show__topRight:hover::before {
      border-right: 33px solid #008489
    }

    .DayPickerKeyboardShortcuts_show__topLeft {
      top: 0;
      left: 0
    }

    .DayPickerKeyboardShortcuts_show__topLeft::before {
      border-bottom: 26px solid transparent;
      border-left: 33px solid #00a699;
      top: 0;
      left: 0
    }

    .DayPickerKeyboardShortcuts_show__topLeft:hover::before {
      border-left: 33px solid #008489
    }

    .DayPickerKeyboardShortcuts_showSpan {
      color: #fff;
      position: absolute
    }

    .DayPickerKeyboardShortcuts_showSpan__bottomRight {
      bottom: 0;
      right: 5px
    }

    .DayPickerKeyboardShortcuts_showSpan__topRight {
      top: 1px;
      right: 5px
    }

    .DayPickerKeyboardShortcuts_showSpan__topLeft {
      top: 1px;
      left: 5px
    }

    .DayPickerKeyboardShortcuts_panel {
      overflow: auto;
      background: #fff;
      border: 1px solid #dbdbdb;
      border-radius: 2px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      z-index: 2;
      padding: 22px;
      margin: 33px;
      text-align: left
    }

    .DayPickerKeyboardShortcuts_title {
      font-size: 16px;
      font-weight: 700;
      margin: 0
    }

    .DayPickerKeyboardShortcuts_list {
      list-style: none;
      padding: 0;
      font-size: 14px
    }

    .DayPickerKeyboardShortcuts_close {
      position: absolute;
      right: 22px;
      top: 22px;
      z-index: 2
    }

    .DayPickerKeyboardShortcuts_close:active {
      outline: 0
    }

    .DayPickerKeyboardShortcuts_closeSvg {
      height: 15px;
      width: 15px;
      fill: #cacccd
    }

    .DayPickerKeyboardShortcuts_closeSvg:focus,
    .DayPickerKeyboardShortcuts_closeSvg:hover {
      fill: #82888a
    }

    .CalendarDay {
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer;
      font-size: 14px;
      text-align: center
    }

    .CalendarDay:active {
      outline: 0
    }

    .CalendarDay__defaultCursor {
      cursor: default
    }

    .CalendarDay__default {
      border: 1px solid #e4e7e7;
      color: #484848;
      background: #fff
    }

    .CalendarDay__default:hover {
      background: #e4e7e7;
      border: 1px solid #e4e7e7;
      color: inherit
    }

    .CalendarDay__hovered_offset {
      background: #f4f5f5;
      border: 1px double #e4e7e7;
      color: inherit
    }

    .CalendarDay__outside {
      border: 0;
      background: #fff;
      color: #484848
    }

    .CalendarDay__outside:hover {
      border: 0
    }

    .CalendarDay__blocked_minimum_nights {
      background: #fff;
      border: 1px solid #eceeee;
      color: #cacccd
    }

    .CalendarDay__blocked_minimum_nights:active,
    .CalendarDay__blocked_minimum_nights:hover {
      background: #fff;
      color: #cacccd
    }

    .CalendarDay__highlighted_calendar {
      background: #ffe8bc;
      color: #484848
    }

    .CalendarDay__highlighted_calendar:active,
    .CalendarDay__highlighted_calendar:hover {
      background: #ffce71;
      color: #484848
    }

    .CalendarDay__selected_span {
      background: #66e2da;
      border: 1px double #33dacd;
      color: #fff
    }

    .CalendarDay__selected_span:active,
    .CalendarDay__selected_span:hover {
      background: #33dacd;
      border: 1px double #33dacd;
      color: #fff
    }

    .CalendarDay__selected,
    .CalendarDay__selected:active,
    .CalendarDay__selected:hover {
      background: #00a699;
      border: 1px double #00a699;
      color: #fff
    }

    .CalendarDay__hovered_span,
    .CalendarDay__hovered_span:hover {
      background: #b2f1ec;
      border: 1px double #80e8e0;
      color: #007a87
    }

    .CalendarDay__hovered_span:active {
      background: #80e8e0;
      border: 1px double #80e8e0;
      color: #007a87
    }

    .CalendarDay__blocked_calendar,
    .CalendarDay__blocked_calendar:active,
    .CalendarDay__blocked_calendar:hover {
      background: #cacccd;
      border: 1px solid #cacccd;
      color: #82888a
    }

    .CalendarDay__blocked_out_of_range,
    .CalendarDay__blocked_out_of_range:active,
    .CalendarDay__blocked_out_of_range:hover {
      background: #fff;
      border: 1px solid #e4e7e7;
      color: #cacccd
    }

    .CalendarDay__hovered_start_first_possible_end {
      background: #eceeee;
      border: 1px double #eceeee
    }

    .CalendarDay__hovered_start_blocked_min_nights {
      background: #eceeee;
      border: 1px double #e4e7e7
    }

    .CalendarMonth {
      background: #fff;
      text-align: center;
      vertical-align: top;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .CalendarMonth_table {
      border-collapse: collapse;
      border-spacing: 0
    }

    .CalendarMonth_verticalSpacing {
      border-collapse: separate
    }

    .CalendarMonth_caption {
      color: #484848;
      font-size: 18px;
      text-align: center;
      padding-top: 22px;
      padding-bottom: 37px;
      caption-side: initial
    }

    .CalendarMonth_caption__verticalScrollable {
      padding-top: 12px;
      padding-bottom: 7px
    }

    .CalendarMonthGrid {
      background: #fff;
      text-align: left;
      z-index: 0
    }

    .CalendarMonthGrid__animating {
      z-index: 1
    }

    .CalendarMonthGrid__horizontal {
      position: absolute;
      left: 9px
    }

    .CalendarMonthGrid__vertical,
    .CalendarMonthGrid__vertical_scrollable {
      margin: 0 auto
    }

    .CalendarMonthGrid_month__horizontal {
      display: inline-block;
      vertical-align: top;
      min-height: 100%
    }

    .CalendarMonthGrid_month__hideForAnimation {
      position: absolute;
      z-index: -1;
      opacity: 0;
      pointer-events: none
    }

    .CalendarMonthGrid_month__hidden {
      visibility: hidden
    }

    .DayPickerNavigation {
      position: relative;
      z-index: 2
    }

    .DayPickerNavigation__horizontal {
      height: 0
    }

    .DayPickerNavigation__verticalScrollable_prevNav {
      z-index: 1
    }

    .DayPickerNavigation__verticalDefault {
      position: absolute;
      width: 100%;
      height: 52px;
      bottom: 0;
      left: 0
    }

    .DayPickerNavigation__verticalScrollableDefault {
      position: relative
    }

    .DayPickerNavigation__bottom {
      height: auto
    }

    .DayPickerNavigation__bottomDefault {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between
    }

    .DayPickerNavigation_button {
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      border: 0;
      padding: 0;
      margin: 0
    }

    .DayPickerNavigation_button__default {
      border: 1px solid #e4e7e7;
      background-color: #fff;
      color: #757575
    }

    .DayPickerNavigation_button__default:focus,
    .DayPickerNavigation_button__default:hover {
      border: 1px solid #c4c4c4
    }

    .DayPickerNavigation_button__default:active {
      background: #f2f2f2
    }

    .DayPickerNavigation_button__disabled {
      cursor: default;
      border: 1px solid #f2f2f2
    }

    .DayPickerNavigation_button__disabled:focus,
    .DayPickerNavigation_button__disabled:hover {
      border: 1px solid #f2f2f2
    }

    .DayPickerNavigation_button__disabled:active {
      background: 0 0
    }

    .DayPickerNavigation_button__horizontalDefault {
      position: absolute;
      top: 18px;
      line-height: .78;
      border-radius: 3px;
      padding: 6px 9px
    }

    .DayPickerNavigation_bottomButton__horizontalDefault {
      position: static;
      margin: -10px 22px 30px
    }

    .DayPickerNavigation_leftButton__horizontalDefault {
      left: 22px
    }

    .DayPickerNavigation_rightButton__horizontalDefault {
      right: 22px
    }

    .DayPickerNavigation_button__verticalDefault {
      padding: 5px;
      background: #fff;
      box-shadow: 0 0 5px 2px rgba(0, 0, 0, .1);
      position: relative;
      display: inline-block;
      text-align: center;
      height: 100%;
      width: 50%
    }

    .DayPickerNavigation_nextButton__verticalDefault {
      border-left: 0
    }

    .DayPickerNavigation_nextButton__verticalScrollableDefault,
    .DayPickerNavigation_prevButton__verticalScrollableDefault {
      width: 100%
    }

    .DayPickerNavigation_svg__horizontal {
      height: 19px;
      width: 19px;
      fill: #82888a;
      display: block
    }

    .DayPickerNavigation_svg__vertical {
      height: 42px;
      width: 42px;
      fill: #484848
    }

    .DayPickerNavigation_svg__disabled {
      fill: #f2f2f2
    }

    .DayPicker {
      background: #fff;
      position: relative;
      text-align: left
    }

    .DayPicker__horizontal {
      background: #fff
    }

    .DayPicker__verticalScrollable {
      height: 100%
    }

    .DayPicker__hidden {
      visibility: hidden
    }

    .DayPicker__withBorder {
      box-shadow: 0 2px 6px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .07);
      border-radius: 3px
    }

    .DayPicker_portal__horizontal {
      box-shadow: none;
      position: absolute;
      left: 50%;
      top: 50%
    }

    .DayPicker_portal__vertical {
      position: initial
    }

    .DayPicker_focusRegion {
      outline: 0
    }

    .DayPicker_calendarInfo__horizontal,
    .DayPicker_wrapper__horizontal {
      display: inline-block;
      vertical-align: top
    }

    .DayPicker_weekHeaders {
      position: relative
    }

    .DayPicker_weekHeaders__horizontal {
      margin-left: 9px
    }

    .DayPicker_weekHeader {
      color: #757575;
      position: absolute;
      top: 62px;
      z-index: 2;
      text-align: left
    }

    .DayPicker_weekHeader__vertical {
      left: 50%
    }

    .DayPicker_weekHeader__verticalScrollable {
      top: 0;
      display: table-row;
      border-bottom: 1px solid #dbdbdb;
      background: #fff;
      margin-left: 0;
      left: 0;
      width: 100%;
      text-align: center
    }

    .DayPicker_weekHeader_ul {
      list-style: none;
      margin: 1px 0;
      padding-left: 0;
      padding-right: 0;
      font-size: 14px
    }

    .DayPicker_weekHeader_li {
      display: inline-block;
      text-align: center
    }

    .DayPicker_transitionContainer {
      position: relative;
      overflow: hidden;
      border-radius: 3px
    }

    .DayPicker_transitionContainer__horizontal {
      -webkit-transition: height .2s ease-in-out;
      -moz-transition: height .2s ease-in-out;
      transition: height .2s ease-in-out
    }

    .DayPicker_transitionContainer__vertical {
      width: 100%
    }

    .DayPicker_transitionContainer__verticalScrollable {
      padding-top: 20px;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      overflow-y: scroll
    }

    .DateInput {
      margin: 0;
      padding: 0;
      background: #fff;
      position: relative;
      display: inline-block;
      width: 130px;
      vertical-align: middle
    }

    .DateInput__small {
      width: 97px
    }

    .DateInput__block {
      width: 100%
    }

    .DateInput__disabled {
      background: #f2f2f2;
      color: #dbdbdb
    }

    .DateInput_input {
      font-weight: 200;
      font-size: 19px;
      line-height: 24px;
      color: #484848;
      background-color: #fff;
      width: 100%;
      padding: 11px 11px 9px;
      border: 0;
      border-top: 0;
      border-right: 0;
      border-bottom: 2px solid transparent;
      border-left: 0;
      border-radius: 0
    }

    .DateInput_input__small {
      font-size: 15px;
      line-height: 18px;
      letter-spacing: .2px;
      padding: 7px 7px 5px
    }

    .DateInput_input__regular {
      font-weight: auto
    }

    .DateInput_input__readOnly {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .DateInput_input__focused {
      outline: 0;
      background: #fff;
      border: 0;
      border-top: 0;
      border-right: 0;
      border-bottom: 2px solid #008489;
      border-left: 0
    }

    .DateInput_input__disabled {
      background: #f2f2f2;
      font-style: italic
    }

    .DateInput_screenReaderMessage {
      border: 0;
      clip: rect(0, 0, 0, 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px
    }

    .DateInput_fang {
      position: absolute;
      width: 20px;
      height: 10px;
      left: 22px;
      z-index: 2
    }

    .DateInput_fangShape {
      fill: #fff
    }

    .DateInput_fangStroke {
      stroke: #dbdbdb;
      fill: transparent
    }

    .DateRangePickerInput {
      background-color: #fff;
      display: inline-block
    }

    .DateRangePickerInput__disabled {
      background: #f2f2f2
    }

    .DateRangePickerInput__withBorder {
      border-radius: 2px;
      border: 1px solid #dbdbdb
    }

    .DateRangePickerInput__rtl {
      direction: rtl
    }

    .DateRangePickerInput__block {
      display: block
    }

    .DateRangePickerInput__showClearDates {
      padding-right: 30px
    }

    .DateRangePickerInput_arrow {
      display: inline-block;
      vertical-align: middle;
      color: #484848
    }

    .DateRangePickerInput_arrow_svg {
      vertical-align: middle;
      fill: #484848;
      height: 24px;
      width: 24px
    }

    .DateRangePickerInput_clearDates {
      background: 0 0;
      border: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      cursor: pointer;
      padding: 10px;
      margin: 0 10px 0 5px;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%)
    }

    .DateRangePickerInput_clearDates__small {
      padding: 6px
    }

    .DateRangePickerInput_clearDates_default:focus,
    .DateRangePickerInput_clearDates_default:hover {
      background: #dbdbdb;
      border-radius: 50%
    }

    .DateRangePickerInput_clearDates__hide {
      visibility: hidden
    }

    .DateRangePickerInput_clearDates_svg {
      fill: #82888a;
      height: 12px;
      width: 15px;
      vertical-align: middle
    }

    .DateRangePickerInput_clearDates_svg__small {
      height: 9px
    }

    .DateRangePickerInput_calendarIcon {
      background: 0 0;
      border: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      cursor: pointer;
      display: inline-block;
      vertical-align: middle;
      padding: 10px;
      margin: 0 5px 0 10px
    }

    .DateRangePickerInput_calendarIcon_svg {
      fill: #82888a;
      height: 15px;
      width: 14px;
      vertical-align: middle
    }

    .DateRangePicker {
      position: relative;
      display: inline-block
    }

    .DateRangePicker__block {
      display: block
    }

    .DateRangePicker_picker {
      z-index: 1;
      background-color: #fff;
      position: absolute
    }

    .DateRangePicker_picker__rtl {
      direction: rtl
    }

    .DateRangePicker_picker__directionLeft {
      left: 0
    }

    .DateRangePicker_picker__directionRight {
      right: 0
    }

    .DateRangePicker_picker__portal {
      background-color: rgba(0, 0, 0, .3);
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%
    }

    .DateRangePicker_picker__fullScreenPortal {
      background-color: #fff
    }

    .DateRangePicker_closeButton {
      background: 0 0;
      border: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      cursor: pointer;
      position: absolute;
      top: 0;
      right: 0;
      padding: 15px;
      z-index: 2
    }

    .DateRangePicker_closeButton:focus,
    .DateRangePicker_closeButton:hover {
      color: #b0b3b4;
      text-decoration: none
    }

    .DateRangePicker_closeButton_svg {
      height: 15px;
      width: 15px;
      fill: #cacccd
    }

    #searchPageFilters {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between
    }

    #searchPageFilters>span:first-of-type {
      font-weight: 700;
      font-size: 18px
    }

    #searchPageFilters .tpButton.neutral {
      background-color: #fff;
      font-size: .8em;
      font-weight: 700;
      line-height: 26px;
      border: solid 1px #e0e0e0;
      white-space: nowrap;
      color: #000
    }

    #searchPageFilters .tpButton.neutral.active,
    #searchPageFilters .tpButton.neutral:active,
    #searchPageFilters .tpButton.neutral:hover {
      border: solid 1px #e0e0e0;
      background-color: #e6e6e6 !important
    }

    #searchPageFilters .locFilters>b {
      font-size: .95em;
      margin-right: 5px
    }

    #searchPageFilters .locFilters .tpLocAutocomplete {
      margin-right: auto
    }

    #searchPageFilters .locFilters .tpLocAutocomplete>.tpButton {
      padding: 0;
      color: #39f;
      font-size: .95em;
      border: 0
    }

    #searchPageFilters .locFilters .tpLocAutocomplete>.tpButton img:first-of-type,
    #searchPageFilters .locFilters .tpLocAutocomplete>.tpButton img:last-of-type {
      display: none
    }

    #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper {
      border-radius: 30px;
      padding: 20px
    }

    #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper .tpTextField input {
      color: #000;
      background-color: #f6f6f6;
      border-radius: 999px;
      border: 1px solid #f6f6f6;
      padding-top: .94em
    }

    #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper ol {
      border-top: 1px solid #f6f6f6;
      margin-top: 10px;
      padding-top: 5px
    }

    #searchPageFilters .dateFilters .dateDropdownContainer {
      position: relative
    }

    #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdownMask {
      z-index: 2;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0
    }

    #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdown {
      list-style-type: none;
      margin: 0;
      z-index: 2;
      position: absolute;
      right: 0;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 0 6px rgba(27, 39, 51, .1);
      width: 160px;
      padding: 8px;
      margin-top: 10px
    }

    #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdown li {
      width: 100%
    }

    #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdown li button {
      background: unset;
      border: 0;
      cursor: pointer;
      padding: 8px 34px;
      width: 100%;
      font-size: .85em;
      border-radius: 10px
    }

    #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdown li button:hover {
      color: #fff;
      background-color: #39f
    }

    #searchPageFilters .dateFilters .datePickerContainer {
      position: relative
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerMask {
      display: none
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper {
      position: absolute;
      z-index: 1;
      right: 0;
      border-radius: 20px;
      background: #fff;
      box-shadow: 0 0 6px rgba(27, 39, 51, .1);
      padding: 10px;
      margin-top: 10px
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPickerNavigation div {
      cursor: pointer;
      top: 25px
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPickerNavigation div:first-of-type {
      position: absolute;
      left: 20px
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPickerNavigation div:last-of-type {
      position: absolute;
      right: 20px
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPickerNavigation span {
      font-weight: 700
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper * {
      transition: 0s all
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0 20px
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons button:nth-of-type(1) {
      font-size: .8em;
      font-weight: 700;
      line-height: 26px;
      border: solid 1px #e0e0e0;
      white-space: nowrap;
      color: #000;
      background-color: #fff
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons button:nth-of-type(1):hover {
      opacity: 1;
      background-color: #e6e6e6 !important
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons button:nth-of-type(2) {
      margin-left: auto;
      background-color: #fff;
      font-size: .8em;
      font-weight: 700;
      line-height: 26px;
      border: solid 1px #e0e0e0;
      white-space: nowrap;
      color: #000
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons button:nth-of-type(2):hover {
      border: solid 1px #e0e0e0;
      background-color: #e6e6e6 !important
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons button:nth-of-type(3) {
      line-height: 26px;
      margin-left: 10px
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons button:nth-of-type(3):hover {
      opacity: 1
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons.fadeButtons button:nth-of-type(1) {
      opacity: .25
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons.fadeButtons button:nth-of-type(3) {
      opacity: .5
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPicker__withBorder {
      box-shadow: unset
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .dateCircle {
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__default {
      border: 0;
      font-weight: 700
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__default:not(.CalendarDay__selected_start):not(.CalendarDay__selected_end):not(.CalendarDay__selected_span):hover {
      color: #fff;
      background: #fff;
      border: 0
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__default:not(.CalendarDay__selected_start):not(.CalendarDay__selected_end):not(.CalendarDay__selected_span):hover .dateCircle {
      background-color: #39f
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected {
      border: 0;
      background: #afddff;
      color: #fff
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected .dateCircle {
      background: #39f
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected:hover {
      background: #afddff;
      color: #fff
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected_start {
      border-top-left-radius: 50%;
      border-bottom-left-radius: 50%
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected_start.CalendarDay__defaultCursor {
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected_end {
      border-top-right-radius: 50%;
      border-bottom-right-radius: 50%
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected_span {
      background: #afddff;
      color: #fff
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__selected_span .dateCircle {
      background: #afddff
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__hovered_span {
      background: #fff;
      color: #000
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .CalendarDay__hovered_span .dateCircle {
      background: #fff
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPicker_weekHeader {
      font-weight: 700
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPickerKeyboardShortcuts_show {
      display: none
    }

    #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPickerNavigation_button__horizontalDefault {
      border-radius: 999px
    }

    #noFilteredEvents {
      margin-top: 20px;
      padding-left: 20px
    }

    #noFilteredEvents button {
      width: initial;
      height: initial;
      padding: 0;
      border: 0;
      background: unset;
      font-size: 16px;
      font-weight: 700;
      border-bottom: 1px solid #000;
      cursor: pointer;
      white-space: nowrap;
      margin-right: 5px
    }

    #noFilteredEvents div:nth-of-type(2) {
      margin-top: 10px
    }

    @media(max-width:1024px) {
      #searchPageFilters .locFilters>b {
        font-size: .825em
      }

      #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper {
        margin-left: -150px
      }

      #searchPageFilters .locFilters .tpLocAutocomplete>.tpButton {
        font-size: .825em
      }
    }

    @media(max-width:500px) {
      #searchPageFilters .locFilters .tpLocAutocomplete button {
        white-space: nowrap
      }

      #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: unset;
        margin-left: 0;
        border-radius: 0
      }

      #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper .tpTextFieldWrapper {
        margin-top: 20px;
        padding: 0 25px;
        box-sizing: border-box
      }

      #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper .tpTextFieldWrapper .tpTextField input {
        padding: 1.5em 0 1.5em 1.5em;
        height: unset
      }

      #searchPageFilters .locFilters .tpLocAutocomplete .autoCompleteWrapper .suggestion {
        padding: 20px 30px
      }

      #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdownMask {
        display: block;
        z-index: 2;
        position: fixed;
        background-color: #000;
        opacity: .4;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
      }

      #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdown {
        align-items: center;
        z-index: 2;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: unset;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: 15px
      }

      #searchPageFilters .dateFilters .dateDropdownContainer .dateDropdown li button {
        padding: 8px
      }

      #searchPageFilters .dateFilters .datePickerContainer .datePickerMask {
        display: block;
        z-index: 1;
        position: fixed;
        background-color: #000;
        opacity: .4;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
      }

      #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin-top: unset;
        padding-top: 0 0 0 50px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
      }

      #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .DayPicker__withBorder {
        margin: 0 auto;
        min-height: 400px
      }

      #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 10px 75px;
        box-shadow: 0 0 6px rgba(27, 39, 51, .1)
      }
    }

    @media(max-width:400px) {
      #searchPageFilters .dateFilters .datePickerContainer .datePickerWrapper .datePickerButtons {
        padding: 10px 20px
      }
    }