html {  line-height: 1.15;}body {  margin: 0;}* {  box-sizing: border-box;  border-width: 0;  border-style: solid;  -webkit-font-smoothing: antialiased;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6,figure,blockquote,figcaption {  margin: 0;  padding: 0;}button {  background-color: transparent;}button,input,optgroup,select,textarea {  font-family: inherit;  font-size: 100%;  line-height: 1.15;  margin: 0;}button,select {  text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {  -webkit-appearance: button;  color: inherit;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus {  outline: 1px dotted ButtonText;}a {  color: inherit;  text-decoration: inherit;}pre {  white-space: normal;}input {  padding: 2px 4px;}img {  display: block;}details {  display: block;  margin: 0;  padding: 0;}summary::-webkit-details-marker {  display: none;}[data-thq="accordion"] [data-thq="accordion-content"] {  max-height: 0;  overflow: hidden;  transition: max-height 0.3s ease-in-out;  padding: 0;}[data-thq="accordion"] details[data-thq="accordion-trigger"][open] + [data-thq="accordion-content"] {  max-height: 1000vh;}details[data-thq="accordion-trigger"][open] summary [data-thq="accordion-icon"] {  transform: rotate(180deg);}/* A link wrapped around a flex or grid item draws no box of its own, so it has   nothing to paint a focus ring on. The ring goes on the element it wraps. */a[data-thq-link-wrapper]:focus-visible > * {  outline: 2px solid Highlight;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: 2px;}/* A box the canvas draws as a block can be written as its own link on the page,   and a link is laid out in line with text unless a rule says otherwise. Zero   weight: any rule of the page's own still decides. */:where(a[data-thq-link-box]) {  display: block;}html { scroll-behavior: smooth  }
    

      html {
        font-family: "Source Sans 3", 'Source Sans 3 Fallback';
        font-size: 1rem;
      }

      body {
        font-weight: 400;
        font-style:normal;
        
        
        letter-spacing: 0;
        line-height: 1.65;
        color: var(--color-on-surface);
        background: var(--color-surface);

        fill: var(--color-on-surface);
      }
    

      @font-face {
        font-family: Inter Fallback;
        src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo"), local("Roboto"), local("Roboto-Regular");
        size-adjust: 106.96%;
        ascent-override: 90.6%;
        descent-override: 22.53%;
        line-gap-override: 0%;
      }
      @font-face {
        font-family: STIX Two Text Fallback;
        src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("Tinos");
        size-adjust: 104.65%;
        ascent-override: 72.82%;
        descent-override: 22.74%;
        line-gap-override: 23.89%;
      }
      @font-face {
        font-family: Noto Sans Fallback;
        src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo"), local("Roboto"), local("Roboto-Regular");
        size-adjust: 106.07%;
        ascent-override: 100.78%;
        descent-override: 27.62%;
        line-gap-override: 0%;
      }
      @font-face {
        font-family: 'Source Sans 3 Fallback';
        src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("Arimo"), local("Roboto"), local("Roboto-Regular");
        size-adjust: 93.36%;
        ascent-override: 109.69%;
        descent-override: 42.85%;
        line-gap-override: 0%;
      }
      @font-face {
        font-family: Lora Fallback;
        src: local("Times New Roman"), local("TimesNewRomanPSMT"), local("Liberation Serif"), local("Tinos");
        size-adjust: 115.38%;
        ascent-override: 87.19%;
        descent-override: 23.75%;
        line-gap-override: 0%;
      }
    

      a:has(> [class*="-thq-product-card-elm"]) { display: contents; }
      [class*="-thq-product-item-wrapper-elm"] > a { display: contents; }
      [data-thq="slider-button-prev"]:has(> *)::after, [data-thq="slider-button-next"]:has(> *)::after { display: none; }
      [data-thq="slider-button-prev"]:has(> *), [data-thq="slider-button-next"]:has(> *) { width: auto; height: auto; margin-top: 0; }
    

      a:focus-visible,
      button:focus-visible,
      input:focus-visible,
      select:focus-visible,
      textarea:focus-visible,
      summary:focus-visible,
      [tabindex]:focus-visible,
      [role="button"]:focus-visible,
      [role="link"]:focus-visible,
      [role="radio"]:focus-visible,
      [role="checkbox"]:focus-visible,
      [role="tab"]:focus-visible,
      [role="menuitem"]:focus-visible {
        outline: 2px solid var(--color-primary, #2563eb);
        outline-offset: 2px;
      }
      [role="radio"]:focus-visible {
        outline-offset: 0;
      }
      [tabindex="-1"]:focus-visible {
        outline: none;
      }
      .tq-skip-link {
        position: fixed;
        top: -100px;
        left: 8px;
        z-index: 100000;
        padding: 10px 16px;
        border-radius: 0 0 6px 6px;
        background: var(--color-primary, #2563eb);
        color: var(--color-on-primary, #ffffff);
        font: 600 14px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
        text-decoration: none;
        transition: top 0.15s ease;
      }
      .tq-skip-link:focus {
        top: 0;
      }
    

                              [data-tq-logo-variant] {
                                flex-shrink: 0;
                              }
                              [data-tq-logo-variant], [data-tq-logo-variant] * {
                                white-space: nowrap;
                              }
                            

                                [data-tq-logo-variant] {
                                  flex-shrink: 0;
                                }
                                [data-tq-logo-variant], [data-tq-logo-variant] * {
                                  white-space: nowrap;
                                }
                              

              :where(img, picture, video, canvas) {
                min-width: 0;
                max-width: 100%;
              }
              :where(h1, h2, h3, h4, h5, h6) {
                overflow-wrap: break-word;
              }
            

                                  [data-tq-logo-variant] {
                                    flex-shrink: 0;
                                  }
                                  [data-tq-logo-variant], [data-tq-logo-variant] * {
                                    white-space: nowrap;
                                  }
                                

                  :where(h1, h2, h3, h4, h5, h6) {
                    overflow-wrap: break-word;
                  }