SensCritique - Philou Edition

Un thème pour moderniser SensCritique, avec dark-mode, meilleure gestion images entre autres.

目前為 2021-01-20 提交的版本,檢視 最新版本

/* ==UserStyle==
@name           SensCritique - Philou Edition
@description    Un thème pour moderniser SensCritique, avec dark-mode, meilleure gestion images entre autres.
@version        1.0.1
@namespace      phileas.tv
@licence  	    AGPL-3.0-or-later
@supportURL     https://github.com/phileastv/SC_Philou
==/UserStyle== */

@-moz-document domain("senscritique.com") {
  /*  Thème personnalisé pour SensCritique
      Crée par Philéas
      https://www.senscritique.com/phileas_imt
      https://phileas.tv

      Fork du dark mode de zhyar - 
      https://userstyles.org/styles/147711/senscritique-th-me-sombre

      Enjoy ! */

      /*
      IMPORT
      DES
      POLICES
      */

      /* Import Space Grotesk */
      /* vietnamese */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      /* vietnamese */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      /* vietnamese */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      /* vietnamese */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 600;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 600;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 600;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
      /* vietnamese */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb54C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }
      /* latin-ext */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPb94C_k3HqUtEw.woff2) format('woff2');
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }
      /* latin */
      @font-face {
        font-family: 'Space Grotesk';
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/spacegrotesk/v1/V8mDoQDjQSkFtoMM3T6r8E7mPbF4C_k3HqU.woff2) format('woff2');
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
      }
  


  /* Import Space Mono */

  /* vietnamese */
  @font-face {
      font-family: 'Space Mono';
      font-style: normal;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYE58RXi4EwSsbg.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'Space Mono';
      font-style: normal;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYE98RXi4EwSsbg.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'Space Mono';
      font-style: normal;
      font-weight: 400;
      src: url(https://fonts.gstatic.com/s/spacemono/v6/i7dPIFZifjKcF5UAWdDRYEF8RXi4EwQ.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */


  /* Import IBM Plex Serif */

  @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjgX7Motmp5r61.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjiH7Motmp5r61.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41Yjg37Motmp5r61.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41Yjgn7Motmp5r61.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizHREVNn1dOx-zrZ2X3pZvkTiUa41YjjH7Motmp5g.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1TpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym13pjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1bpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1fpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4_oym1npjfGj7oY.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1TpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm13pjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1bpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1fpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa454xm1npjfGj7oY.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zgTjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zETjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zoTjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zsTjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTiUa6zUTjnTLgNs.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1TpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm13pjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1bpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1fpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa48Ywm1npjfGj7oY.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1TpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m13pjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1bpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1fpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4-o3m1npjfGj7oY.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1TpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m13pjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1bpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1fpjfGj7oaMBg.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: italic;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizGREVNn1dOx-zrZ2X3pZvkTiUa4442m1npjfGj7oY.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zgTjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zETjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zoTjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zsTjnTLgNuZ5w.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 100;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizBREVNn1dOx-zrZ2X3pZvkTi186zUTjnTLgNs.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI5q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iIwq1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI7q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI6q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 200;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3Q-iI0q1vjitOh.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI5q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SIwq1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI7q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI6q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 300;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi20-SI0q1vjitOh.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUS2zcZiVbJsNo.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUb2zcZiVbJsNo.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUQ2zcZiVbJsNo.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUR2zcZiVbJsNo.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 400;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizDREVNn1dOx-zrZ2X3pZvkTiUf2zcZiVbJ.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI5q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CIwq1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI7q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI6q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 500;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3s-CI0q1vjitOh.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI5q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yIwq1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI7q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI6q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 600;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi3A_yI0q1vjitOh.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }
    /* cyrillic-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI5q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
    }
    /* cyrillic */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iIwq1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
    }
    /* vietnamese */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI7q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
    }
    /* latin-ext */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI6q1vjitOh3oc.woff2) format('woff2');
      unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
    }
    /* latin */
    @font-face {
      font-family: 'IBM Plex Serif';
      font-style: normal;
      font-weight: 700;
      font-display: swap;
      src: url(https://fonts.gstatic.com/s/ibmplexserif/v9/jizAREVNn1dOx-zrZ2X3pZvkTi2k_iI0q1vjitOh.woff2) format('woff2');
      unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    }

  /*
    CODE DE ZHYAR
    http://uso-archive.surge.sh/?author=zhyar&sort=undefined&style=147711
  */
    
  :root {
      --dark: #18191c;
      --grey: #202225;
      --lightgrey: #a5a5a5;
      --blue: #428cff;
      --blue2: #5d85dd;
      --lightblue: #66a0ff;
      --green: #0ad06f;
      --bg: var(--dark);
      --bg2: var(--grey);
      --text: var(--lightgrey);
      --border: rgba(255, 255, 255, .05);
      --loader-mask: rgba(0, 0, 0.3);
      --link: var(--blue);
      --link-hover: var(--blue2)
  }
  
  .auli-header,
  .auli-register,
  .cag-calendar-day.inactive,
  .csa-filters-action,
  .d-dialog-body,
  .d-grid .pmin-grid-aside,
  .d-modal-footer,
  .d-modal-header,
  .d-rubric-description,
  .efcom-subComment,
  .eldi-timeline-dot,
  .eldi-timeline-year,
  .elme-search-result,
  .elsh-shelf::after,
  .elsh-shelf::before,
  .ere-review,
  .etco-comment-form textarea,
  .header,
  .header-placeholder,
  .header-user-ratings,
  .hint-feed,
  .hint-quotes,
  .hint-rubric,
  .patl-list-search,
  .pep-casting tr:nth-child(2n+1),
  .pmin-list,
  .pmin-message-field,
  .ued-account-preview,
  .uvi-ranking-toggle,
  .vein-location-form,
  .wrap,
  [class^="Header__Wrapper"],
  .header-explorer,
  [class^="EditList__Container"],
  [class^="TopPolls__Container"],
  [class^="ListComment__Container"],
  [class^="TopPolls__Wrapper"],
  .wrap,
  .wrap__content,
  body {
      background-color: var(--bg) !important
  }
  .acin-focus,
  .autograf-contribute,
  .cag-calendar-day,
  .csa-scouts,
  .csa-scouts-inactive,
  .d-dialog-close,
  .d-dialog-footer,
  .d-filter2,
  .d-modal-body,
  .d-modal-close,
  .d-modal-content,
  .d-modal-footer,
  .d-rubric-highlighted,
  .d-rubric-inset,
  .d-rubric-menu,
  .d-tabs,
  .ecap-products:hover .ecap-resultsLabel-goTo,
  .ecot-contact-caption:hover,
  .ecot-contact:hover .ecot-contact-caption,
  .efco-rightCol,
  .efto-topic.highlight,
  .eivi-message-preview.active,
  .eivi-message-preview:hover,
  .elco-review,
  .eldi-collection-item,
  .elfa-attachment,
  .elme-search-result:nth-child(even),
  .elme-search-results-actions,
  .elpa-product-collection,
  .elpo-rank,
  .elt-tracks-item:nth-child(odd),
  .eptvt-episodes-list,
  .esco-more:hover,
  .eshv-shout-box,
  .etco-comment,
  .evs-venuesSchedules,
  .foin-filters,
  .fov-newTopic-container,
  .header::before,
  .hint-friends,
  .laho-nav-navFilter:not(.active):not(.disabled):hover,
  .lascmc-modal-review .d-modal-content,
  .lascmc-tabItem,
  .lascmc-tabs,
  .lvi-likes-callToAction,
  .lvi-update-content,
  .nin-privileges,
  .pde-data tr:nth-child(odd),
  .pde-detail:nth-child(odd),
  .pin-poll-item,
  .pmin-message-fieldset,
  .pmin-toolbar,
  .pse-episode:nth-child(even),
  .pse-season,
  .pvi-emptyTopic,
  .pvi-rubric-inset,
  .pvi-shout-mine textarea,
  .pvi-venues,
  .pvid-social,
  .rvi-review,
  .rvi-review-social,
  .scsec-social-buttons,
  .scsec-user,
  .scsec-user-collection,
  .uinv-links-content,
  .uve-details,
  .uve-versus,
  .uvi-stats-global,
  .uvi-versus,
  .vibp-item,
  [class^="ProductSearchResult__Container"],
  [class^="SearchUserComponent__MainContainer"],
  .laho-nav-navFilter.active,
  [class^="ProductListItem__Container"],
  [class^="PollItem__ContentBottom"],
  .pvi-setup-progress-message,
  [class^="common__ItemsContainer"],
  [class^="EditListHeader__Container"],
  [class^="TrendingSidebar__StyledH3"],
  [class^="PollYearSidebar__Container"],
  [class^="PollYearSidebar__LinkBottom"],
  .ccv-product,
  [class^="TrendingSidebarItem__Wrapper"],
  [class^="TrendingSidebar__LinkBottom"] {
      background-color: var(--bg2) !important
  }
  .laho-nav-navFilter.active::after {
      border-left-color: var(--bg2) !important
  }
  .d-modal-body::after,
  .d-rubric-inset,
  .eptvt-episode-aired-date,
  .fov-newTopic-container,
  .lafo-footer,
  .pvi-emptyTopic,
  .pvi-rubric-inset,
  .pvid-social,
  .rad-product,
  .uvi-versus,
  .wrap {
      background-image: none !important
  }
  .d-loader-mask,
  .emkt-quote,
  .eptvt-episode-action-done:hover,
  .eptvt-episode-item:hover,
  .foin-newTopic-container,
  .pse-episode-number,
  .pse-season-item.active,
  .vein-navigation-item.active {
      background-color: rgba(255, 255, 255, 0.1) !important
  }
  .d-filter1.active,
  .vein-navigation-item {
      background-color: var(--bg2) !important
  }
  .elli-option,
  .uco-menu .d-tabs {
      background-color: transparent !important
  }
  .cag-calendar-day.active {
      background-color: #243842 !important
  }
  .pse-action-done:hover {
      background-color: #666 !important
  }
  .ecot-contact-caption {
      background-color: rgba(0, 0, 0, .7)
  }
  .acin-achievements-label,
  .csa-activity-username,
  .cvi-knownproducts-product,
  .d-filter1.active,
  .d-modal-title,
  .eas-rubric-title,
  .ecap-products:hover .ecap-resultsLabel-goTo,
  .ecot-contact-caption,
  .efcom-comment > *,
  .efcom-comment > a,
  .efcom-comment-footer,
  .efcom-subComment > *,
  .efcom-subComment > a,
  .elco-anchor,
  .elpa-product-collection .epri-score,
  .elpo-rank-item,
  .elt-tracks-title .d-link-alt,
  .elth-thumbnail-heading,
  .ere-review-excerpt,
  .ere-review-heading,
  .eshv-shout-box,
  .esli-realname,
  .esli-username,
  .etco-comment-form textarea,
  .evs-venuesSchedules-day,
  .evs-venuesSchedules-showtimes-label,
  .fov-topic-text,
  .header-navigation-main-item a,
  .header-user-name,
  .ivein-item-link,
  .ivein-item-name,
  .lahe-breadcrumb-content,
  .laho-navFilter-label,
  .lascmc-tabItem,
  .nin-date-span,
  .nin-line-agenda-product-title,
  .pep-episode-title,
  .pmin-message-field,
  .poip-poll-title,
  .ppr-details,
  .prdt-activity-username,
  .prind-item,
  .psa-answers-scout,
  .pvi-shout-mine textarea,
  .pvi-shout-minearea::placeholder,
  .rvi-poster,
  .rvi-review-content,
  .uvi-ranking-title,
  .uvi-stats-label,
  .uvi-versus-count,
  [class^="ProductSearchResult__Container"] [class^="Texts__Text"],
  .sk-hierarchical-menu-option__text,
  .sk-item-list-option__text,
  [class^="CommentInput__Input"],
  .product-providers__title,
  body {
      color: var(--text) !important;
      text-shadow: none !important
  }
  input.vein-navigation-search-input::placeholder {
      color: #fff !important
  }
  .d-tabs-item:not(.active) {
      color: #bdbebf
  }
  .d-tabs-item:hover,
  .pmin-toolbar-anchor,
  .pmin-toolbar-anchor:hover {
      color: #3774d4
  }
  ._3R0guj2uziOY9DOsZtgFBa,
  .cvi-title .d-link-alt,
  .d-modal-content,
  .d-rubric-menu,
  .elli-annotation,
  .elpt-product-ranking,
  .ere-versus,
  .header-navigation-universe-item a,
  .patl-listItems-label,
  [class^="EditAnnotationItem__AnnotationWrapper"] {
      color: #343434 !important
  }
  [class^="EditAnnotationItem__EditionWrapper"] textarea {
      color: white !important
  }
  .d-filter2.active,
  .d-filter2:hover,
  .d-filter3.toggle,
  .d-modal-header,
  .d-tabs-button:hover,
  .eas-rubric-title,
  .eas-title,
  .ecap-resultsLabel-goTo,
  .ecvi-title,
  .efcom-comment-text,
  .eivi-message-preview.active .eivi-message-message,
  .elag-item .d-link-alt,
  .elag-item.d-link-alt,
  .eldi-collection-rating .epri-score,
  .elfs-story-info,
  .elmv-miniview-title2,
  .elrb-heading,
  .elth-thumbnail-descr,
  .eptvt-episode-aired-date,
  .ere-related-anchor,
  .esfr-anchor,
  .fov-topic-statCount,
  .fov-topic-stats,
  .ivein-item-desc,
  .lafo-footer-anchor,
  .lafo-resume-item,
  .psa-answers-row:hover .psa-answers-totalCount,
  .pvid-label,
  .rad-scOptions-action,
  .rvi-related-anchor,
  .uvi-liked-date,
  .uvi-ranking-anchor,
  .uvi-ranking-toggle,
  .uvi-versus-more {
      color: #7d7e7f !important
  }
  .cag-month-label,
  .d-heading2,
  .d-link-alt,
  .d-modal-content,
  .elco-anchor,
  .eldi-timeline-year,
  .elen-item-title,
  .elfa-attachment-title,
  .elfs-story-actor,
  .elth-thumbnail-heading,
  .epca-title,
  .lkim-user-username,
  .uvi-liked-label,
  .uvi-ranking-anchor,
  [class^="ProductListItem__Title"],
  .sk-range-input__input {
      color: #e2e2e2 !important
  }
  .acin-focus,
  .cag-calendar-day,
  .csa-filters-action,
  .csa-scouts-activity,
  .d-border-top,
  .d-cover-naked,
  .d-filter2,
  .d-grid .pmin-grid-aside,
  .d-grid .pmin-grid-main,
  .d-modal-header,
  .d-rubric-border,
  .d-rubric-highlighted,
  .d-rubric-inset,
  .ecap-products:hover .ecap-resultsLabel-goTo,
  .ecli-item,
  .ecot-contact-caption,
  .efco-rightCol,
  .efcom-subComment,
  .efto-topic,
  .efto-topic.highlight,
  .eivi-message,
  .elco-collection-item,
  .elco-collection-rating.user,
  .eldi-list-item.eldi-new-date.year::before,
  .eldi-list::after,
  .eldi-timeline-dot,
  .elfs-story,
  .elli-annotation-button,
  .elli-item,
  .elme-description-update,
  .elpo-item,
  .elpr-item,
  .elt-tracks-item,
  .elth-thumbnail,
  .eptvt-episode-item,
  .ere-review,
  .ere-versus-review + .ere-versus-review,
  .esco-item,
  .eshv-shout-box,
  .esli-item,
  .etco-comment,
  .etco-comment-form textarea,
  .etco-component,
  .evs-venuesSchedules,
  .foin-newTopic-container,
  .fov-newTopic-container,
  .fov-topicAuthor,
  .hint-feed,
  .hint-rubric,
  .hoin-feed-filter,
  .hoin-feed-filters,
  .ivein-item,
  .lafo-footer,
  .lafo-footer,
  .laho-listingTitle,
  .laho-nav,
  .laho-nav-navFilter:not(.active):not(.disabled):hover,
  .lvi-likes-callToAction,
  .nin-line,
  .pdrt-container,
  .pmin-message-field,
  .pmin-message-fieldset,
  .pmin-toolbar,
  .pmin-toolbar-main,
  .pse-episode .pse-actions,
  .pvi-emptyTopic,
  .pvi-season-item,
  .pvi-shout-mine textarea,
  .rad-product,
  .rvi-related-product,
  .rvi-review,
  .sin-heading,
  .ued-group,
  .uinv-links-content,
  .uve-details,
  .uve-graph + .uve-graph,
  .uve-user + .uve-user,
  .uvi-ranking-toggle,
  .uvi-versus,
  .vein-location-form,
  .vein-navigation,
  .vibp-item {
      border-color: var(--border) !important
  }
  .etco-component::after {
      border-bottom-color: var(--bg2) !important
  }
  [class^="TrendingSidebarItem__Wrapper"] {
      border-bottom-color: var(--bg) !important
  }
  .header-user-ratings {
      border: 1px solid var(--border)
  }
  .efco-box::after,
  .eldi-collection-item::before,
  .fov-userComment-container::after {
      border-right-color: #222 !important
  }
  .eshv-shout-box.shoutWithUser::before,
  .pvi-shout-mine::after {
      border-top-color: #343434 !important
  }
  .pvi-shout-mine::after {
      z-index: -1
  }
  .efco-box::before,
  .fov-userComment-container::before {
      border-right-color: #343434
  }
  .eshv-shout-box.shoutWithUser::after,
  .pse-season::after {
      border-top-color: var(--bg2) !important
  }
  .pse-episode .pse-action-done {
      border-color: #666 !important
  }
  .pse-episode .pse-action-done {
      border-color: var(--bg) !important;
      margin-right: -20px
  }
  form.d-modal-body {
      padding-bottom: 0;
      border-bottom: 1px solid var(--border)
  }
  .etco-component {
      border: none
  }
  input.laho-nav-searchField {
      padding: 8px 0 8px 35px;
      width: 95%
  }
  .prdt-ratings-activity,
  [class^="TrendingSidebar__Container"] {
      background: none;
      border-bottom: 1px dashed var(--border)
  }
  .elth-thumbnail {
      height: 215px
  }
  .csa-scouts .csa_stat {
      cursor: pointer
  }
  .cen-refresh-list,
  .d-button,
  .d-button-xl,
  .d-rubric-inset,
  .elfa-attachment-button,
  .elt-tracks-item:not(:hover) td,
  .header-navigation-universe-others,
  .header-user-infos-options,
  [class^="ProductListItem__Container"],
  [class^="PollItem__Wrapper"],
  [class^="common__ItemsContainer"],
  [class^="EditListHeader__Container"],
  [class^="PollYearSidebar__Container"],
  [class^="TrendingSidebar__Container"] {
      box-shadow: none !important
  }
  .eipa-anchor,
  .eipa-current {
      border: none !important
  }
  .cin-reset-filters.active .eins-delete,
  .d-dialog-close .eins-delete,
  .d-modal-close .eins-delete,
  .ecap-products-resultsLabel .eins-sprite,
  .eins-clock,
  .eins-feed-small,
  .eins-friends-small,
  .eins-logo-small,
  .elco-product-detail .eins-sprite.eins-settings,
  .elli-option .eins-sprite,
  .pvi-season-progress .eins-settings,
  .vein-navigation .eins-sprite {
      filter: invert(1)
  }
  .eins-done.black {
      background-position: 0 -200px !important
  }
  .csa_stats .csa_stat .csa_icon {
      background: transparent url("https://static.senscritique.com/img/product/sprite_rating.png") no-repeat 0 0;
      width: 16px;
      height: 16px;
      display: inline-block
  }
  .csa_scouts_more {
      background: transparent url("https://static.senscritique.com/img/product/sprite_rating.png") 0 0;
      background-position-x: 38px;
      filter: invert(1)
  }
  .elag-item.type-1,
  .elth-thumbnail-heading.type-1::before,
  .epca-cover.type-1 {
      border-color: #31ACE0
  }
  .elag-item.type-2,
  .elth-thumbnail-heading.type-2::before,
  .epca-cover.type-2 {
      border-color: #FCDD34
  }
  .elag-item.type-3,
  .elth-thumbnail-heading.type-3::before,
  .epca-cover.type-3 {
      border-color: #FF4500
  }
  .elag-item.type-4,
  .elth-thumbnail-heading.type-4::before,
  .epca-cover.type-4 {
      border-color: #43E4F7
  }
  .elag-item.type-5,
  .elth-thumbnail-heading.type-5::before,
  .epca-cover.type-5 {
      border-color: #FF9200
  }
  .elag-item.type-6,
  .elth-thumbnail-heading.type-6::before,
  .epca-cover.type-6 {
      border-color: #E171E2
  }
  .hint-top-product.type-1::before,
  .pvi-tops10 .pvi-tops10-value1,
  .uvi-ranking-item.type-1 .uvi-ranking-anchor::before {
      color: #31ACE0 !important
  }
  .hint-top-product.type-2::before,
  .pvi-tops10 .pvi-tops10-value2,
  .uvi-ranking-item.type-2 .uvi-ranking-anchor::before {
      color: #FCDD34 !important
  }
  .hint-top-product.type-3::before,
  .pvi-tops10 .pvi-tops10-value3,
  .uvi-ranking-item.type-3 .uvi-ranking-anchor::before {
      color: #FF4500 !important
  }
  .hint-top-product.type-4::before,
  .pvi-tops10 .pvi-tops10-value4,
  .uvi-ranking-item.type-4 .uvi-ranking-anchor::before {
      color: #43E4F7 !important
  }
  .hint-top-product.type-5::before,
  .pvi-tops10 .pvi-tops10-value5,
  .uvi-ranking-item.type-5 .uvi-ranking-anchor::before {
      color: #FF9200 !important
  }
  .hint-top-product.type-6::before,
  .pvi-tops10 .pvi-tops10-value6,
  .uvi-ranking-item.type-6 .uvi-ranking-anchor::before {
      color: #E171E2 !important
  }
  .epba-badge.type-1 .epba-no-badge::after,
  .pvi-poll-rank.type-1 {
      background-color: #31ACE0
  }
  .epba-badge.type-2 .epba-no-badge::after,
  .pvi-poll-rank.type-2 {
      background-color: #FCDD34
  }
  .epba-badge.type-3 .epba-no-badge::after,
  .pvi-poll-rank.type-3 {
      background-color: #FF4500
  }
  .epba-badge.type-4 .epba-no-badge::after,
  .pvi-poll-rank.type-4 {
      background-color: #43E4F7
  }
  .epba-badge.type-5 .epba-no-badge::after,
  .pvi-poll-rank.type-5 {
      background-color: #FF9200
  }
  .epba-badge.type-6 .epba-no-badge::after,
  .pvi-poll-rank.type-6 {
      background-color: #E171E2
  }
  .efto-topic-universe.type-1::before {
      background-color: #31ACE0
  }
  .efto-topic-universe.type-2::before {
      background-color: #FCDD34
  }
  .efto-topic-universe.type-3::before {
      background-color: #FF4500
  }
  .efto-topic-universe.type-4::before {
      background-color: #43E4F7
  }
  .efto-topic-universe.type-5::before {
      background-color: #FF9200
  }
  .efto-topic-universe.type-6::before {
      background-color: #E171E2
  }
  .efto-topic-universe.type-1::before {
      background-color: #31ACE0
  }
  .efto-topic-universe.type-2::before {
      background-color: #FCDD34
  }
  .efto-topic-universe.type-3::before {
      background-color: #FF4500
  }
  .efto-topic-universe.type-4::before {
      background-color: #43E4F7
  }
  .efto-topic-universe.type-5::before {
      background-color: #FF9200
  }
  .efto-topic-universe.type-6::before {
      background-color: #E171E2
  }
  .lahe-breadcrumb-content.first-level.type-1::before {
      background-color: #31ACE0
  }
  .lahe-breadcrumb-content.first-level.type-2::before {
      background-color: #FCDD34
  }
  .lahe-breadcrumb-content.first-level.type-3::before {
      background-color: #FF4500
  }
  .lahe-breadcrumb-content.first-level.type-4::before {
      background-color: #43E4F7
  }
  .lahe-breadcrumb-content.first-level.type-5::before {
      background-color: #FF9200
  }
  .lahe-breadcrumb-content.first-level.type-6::before {
      background-color: #E171E2
  }
  .efta-topicTag1:first-child {
      background-color: #31ACE0
  }
  .efta-topicTag2:first-child {
      background-color: #FCDD34
  }
  .efta-topicTag3:first-child {
      background-color: #FF4500
  }
  .efta-topicTag4:first-child {
      background-color: #43E4F7
  }
  .efta-topicTag5:first-child {
      background-color: #FF9200
  }
  .efta-topicTag6:first-child {
      background-color: #E171E2
  }
  .patl-listItems.type-1 .patl-listItems-item {
      border-color: #31ACE0
  }
  .patl-listItems.type-2 .patl-listItems-item {
      border-color: #FCDD34
  }
  .patl-listItems.type-3 .patl-listItems-item {
      border-color: #FF4500
  }
  .patl-listItems.type-4 .patl-listItems-item {
      border-color: #43E4F7
  }
  .patl-listItems.type-5 .patl-listItems-item {
      border-color: #FF9200
  }
  .patl-listItems.type-6 .patl-listItems-item {
      border-color: #E171E2
  }
  .eipa-anchor,
  .eipa-current {
      background-color: var(--border);
      color: #e2e2e2
  }
  .eipa-current {
      background-color: #3774d4
  }
  .eipa-anchor:hover {
      background-color: #686868;
      color: #e2e2e2
  }
  .cin-filter .d-filter3-active.active,
  .csa-scouts-more,
  .d-filter1,
  .d-link,
  .d-tabs-item.active,
  .elfs-footer-action,
  .elfs-story-more,
  .elic-countlike,
  .eptvt-next-button,
  .lahe-breadcrumb-anchor,
  a {
      color: var(--link)
  }
  .csa-scouts-more:hover,
  .d-filter1:hover,
  .d-link:hover,
  .elfs-story-more:hover,
  .elic-countlike:hover,
  .eptvt-next-button:hover,
  .lahe-breadcrumb-anchor:hover,
  .pse-episode-details:hover,
  a:hover {
      color: var(--link-hover)
  }
  .d-tabs-item.active,
  .d-tabs-item:hover {
      border-bottom-color: #3775d3
  }
  .elfs-footer-action {
      color: #5d85dd !important
  }
  
  /*  MODIFICATIONS
      PAR
      PHILEAS
      A
      PARTIR
      D'ICI
  */
  
  /* G L O B A L */
  
  :root {
    --paddingimgproduit: 45vh;
    --paddingprofil: 30vh;
    --taille-header: 145px;
    --taille-header-negatif: -145px;
    --taille-avatar-user: 60px; /* Default : 50px, recommandé : 60px */
  }
  
  body {
   font-family:'Space Grotesk', sans-serif;
  }
  
  /* Avatar users plus gros */
  
  .d-avatar {
      border-radius: 50px;
      height: var(--taille-avatar-user);
      width: var(--taille-avatar-user);
      margin-right: 20px;
    }
  
  /* Marge commentaire plus grande */
  
  .etco-comment-form {
      margin-left:80px !important;
  }
     
     
  /* Toutes les images légèrement arrondie */
  
  img {
      border-radius: 5px;
  }
  
  /*
  F O N T S
  */
  
  h1 {
      font-family: 'Space Grotesk' !important;
      font-weight: bold;
    }
    
    .pvi-product-year {
      font-family: 'Space Mono';
    }
    
    h4 {
      font-family: 'Space Grotesk' !important;
    }
    
    .d-heading2-opt {
      font-family: 'Space Grotesk';
      color: white;
      font-weight: 600;
    }
    
    .d-rubric {
      margin-bottom: 50px;
      margin-top: 50px;
    }
    
    a .header-navigation-main-item {
      color: white;
    }
    
    .d-heading2.ere-review-heading {
      font-family: 'IBM Plex Serif';
    }
    
    .ere-review-excerpt {
      font-family: IBM Plex Serif;
      font-weight: 200;
    }
    
    .d-heading2.ere-review-heading {
      font-weight: 400;
    }
    
    .d-heading2-opt {
      font-weight: 800;
    }
    
    .pvi-hero-overlay {
      background-image: linear-gradient(to bottom,#0000009c 0,rgba(0, 0, 0, 0) 100%);
      height: 100%;
    }
    
    .pvi-hero-product, .pvi-product-originaltitle {
      text-shadow: 5px 5px 10px black;
  }
  /*
      R E C H E R C H E 
  */
  
  /* Titres blancs dans la recherche */
  
  .idRPzT {
    color: rgb(255, 255, 255);
  }
  .hNzGvG {
    color: white;
  }
  .la-dDOZ {
    color: white;
  }
  
  /*
      H E A D E R
  */
  /* Barre de recherhce ronde transparente et texte/icone blanc */
  
  /* Header semi-transparent */
  
  div.wrap, div.header-placeholder, header.header {
    background-color: linear-gradient(to bottom, var(--dark), transparent) !important;
  }
  
  ._21m6Rw6g7EXxTEFyhikpLe {
    background-color: transparent;
  }
  
  #header-autocomplete {
    background-color: transparent;
  }
  
  ._1ubz4flJX9nhcvdMnRV6CA {
    border: 1px solid white;
    border-radius: 30px;
    fill: white;
  }
  
  ._25jdusMm9PFEdy9TPVD0IK[type="search"], ._25jdusMm9PFEdy9TPVD0IK[type="text"] {
    color: #fff;
  }
  
  .header-user-infos-link {
   font-size: 9pt;
  }
  
  .header-explorer {
    text-shadow: 2px 2px 10px black;
  }
  
  .header-user-name {
    font-family: 'Space Grotesk';
  }
  
  /* Conserver le fond de du sticky header */
  
  .header.sticky {
    background-color: var(--dark) !important
  }
  
  /* Icone notifs par google font */
  .eins-notification-header {
      background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="40px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M12 22c1.1 0 2-.9 2-2h-4c0 1.1.9 2 2 2zm6-6v-5c0-3.07-1.63-5.64-4.5-6.32V4c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5v.68C7.64 5.36 6 7.92 6 11v5l-2 2v1h16v-1l-2-2zm-2 1H8v-6c0-2.48 1.51-4.5 4-4.5s4 2.02 4 4.5v6z"/></svg>');
      height:23px;
      width:38px;
      font-size: x-large;
      background-size: 55px;
     }
     
     /* Meilleur spacing dans header */
     .header-explorer {
       color: var(--blue);
       margin-left: 16px;
     }
     
     @media only screen and (min-width: 1025px) {
       .header-user {
         /* width: 285px; */
         width: 305px;
       }
     }
     
     @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 580px) and (max-width: 767px) {
       .isConnected .header-input {
         width: calc(100% - 120px - 40px);
       }
     }
     
     @media only screen and (min-width: 768px) and (max-width: 1024px), only screen and (min-width: 580px) and (max-width: 767px) {
       .isConnected .header-user {
         /* width: 120px; */
         width: 135px;
       }
     }
  
  /* Actions users en noir avec Space Mono */
  
  .elrua-useraction-action {
    background-color: #000;
    border-bottom: 0px;
  }
  
  .elrua-useraction-action.scout {
    font-family: 'Space Mono', monospace;
    font-weight: bold;
  }
  
  /* Textes actions en vert */
  
  .elrua-useraction .elrua-useraction-inner.only-child {
   display:inline-block;
   text-align:center;
   color: var(--green);
  }
  
  
  /*
      P A G E S    P R O D U I T
  */
  
  /* Etoiles remplacées */
  
  .eins-rate.active {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230ad06f' width='35px' height='35px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/%3E%3C/svg%3E");
      height: 35px;
      width: 35px;
      animation: 0.3s ease-in-out 0s 1 growIn;
    }
    
    .eins-rate {
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='35px' height='35px'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z'/%3E%3C/svg%3E");
      height: 35px;
      width: 35px;
    }
  
    
  /* Tags sur page produit en dark mode */
  
  .popcornstags {
    background-color: #000;
  }
  
  .popcornstags__title {
    color: white;
  }
  
  .popcornstags__title-container {
    fill: white !important;
  }
  
  .header-user-ratings {
    border: none !important;
  }
  
  
  ._1ubz4flJX9nhcvdMnRV6CA {
    padding-left: 20px;
  }
  
  /* Texte Explorer Dark mode */
  a.header-explorer {
    background-color: transparent !important;
  }
  
  /* Virer le fil d'arianne */
  
  .lahe-breadcrumb-anchor {
    visibility: hidden;
  }
  .lahe-breadcrumb-anchor, .lahe-breadcrumb-item {
    visibility: hidden;
  }
  .lahe-breadcrumb-divider {
    visibility: hidden;
  }
  
  /* Bouton comment vert */
  
  .elfa-attachment-button-share:hover, input.etco-comment-submit:hover {
    /* background: #f0f0f0; */
    background: var(--green);
  }
  
  input.etco-comment-submit {
    background-color: var(--dark);
    border-color: var(--green);
    border-width: 2px;
    color: white;
  }
  
  .etco-comment-options, input.etco-comment-submit {
    /* border-radius: 5px; */
    border-radius: 20px;
  }
  
  
  @media screen and (min-height: 930px) {
    .pvi-hero-content {
      /* padding-top: 210px; */
      padding-top: var(--paddingimgproduit);
    }
  }
  
  /* Fond gradient au-dessus du header */
  .pvi-hero-overlay::before {
      position: absolute;
      top: 0;
      left: 0;
      height: 35%;
      width: 100%;
      background: linear-gradient(to bottom,#0000009c 0,rgba(0, 0, 0, 0) 100%);
      content: "";
  }
  
  .pvi-hero {
    position: relative;
    top: -145px;
    margin-bottom: -145px;
    /* -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black); */
  }
  
  div.d-grid-extend:nth-child(1) {
    margin-bottom: -145px;
  }
  .header::before {
   height:0px;
  }
  
  .pvi-hero::after {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: inherit;
    filter: blur(30px);
    background-clip: inherit;
    background-size: cover;
    -webkit-mask-image: linear-gradient(0deg, transparent 60%, black);
  }
  
  .pvi-product-scrating { /* Note sur image avec ombre */
      text-shadow: 5px 5px 5px #000000a3;
  }
  
  /* Boutons admin positionnés */
  
  .pvi-hero-stats {
    position: absolute;
    top: 0;
    z-index: 9999999;
  }
  
  .pvi-distrib-button {
    top: 0;
    position: absolute;
    right: 70px;
    z-index: 9999999;
  }
  
  /* Page produit - Panneau éclaireur dark */
  
  .csa-scouts-ratings {
    background-color: var(--dark);
  }
  
  /*
      H O M E
  */
  
  /* Grandes images sur Home Page */
  
  .ecbi-billboard-container {
    top: var(--taille-header-negatif);
    margin-bottom: var(--taille-header-negatif);
  }
  
  .ecbi-billboard-item {
    height: calc(380px + var(--taille-header) + 15vh);
  }
  
  .ecbi-billboard-nav {
    top: var(--taille-header-negatif);
  }
  
  .ecbi-billboard {
    -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black 25%);
  }
  
  .ecbi-billboard-popularItem {
    border-radius: 5px;
  }
  
  .hoin-title {
    color: white;
  }
  
  
  /* Titres home thématiques en blanc */

  .d-heading1.d-heading1--with-gap {
    color: white;
  }

  #actualite {
    color: white;
  }

  
  /*
  P R O F I L 
  */
  
  .uco-cover {
    top: var(--taille-header-negatif);
    margin-bottom: var(--taille-header-negatif);
    -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black);
  }
  
  .uco-cover-container {
    height: 460px;
  }
  
  .uco-cover {
    height: 480px;
    background-position: center;
  }
  
  .uco-cover-updateCover {
    top: var(--taille-header);
  }
  
  
  /* Page Profil - Avatar Rond */
  .uco-cover-avatar {
    border-radius: 65px;
    box-shadow: 5px 5px 20px black;
  }
  
  
  /* Produits avec bordure ronde */
  
  a .elsh-product {
    border-radius: 10px;
  }
  
  /* Grandes images sur autres onglet page produit */
  
  .d-cover-strip {
    position: relative;
    top: var(--taille-header-negatif);
    margin-bottom: var(--taille-header-negatif);
  }
  
  .d-cover-overlay {
    padding-top: var(--paddingimgproduit);
  }
  
  
  /* Transition Produit */
  
  @-webkit-keyframes growIn { 
      0% { 
          -webkit-transform: scale(0.2); 
          opacity:0;
      } 
      50% { 
          -webkit-transform: scale(1.2); 
          
      } 
      100% { 
          -webkit-transform: scale(1); 
          opacity:1;
      } 
  } 
  @keyframes growIn { 
      0% { 
          transform: scale(0.2); 
          opacity:0;
      } 
      50% { 
          transform: scale(1.2); 
          
      } 
      100% { 
          transform: scale(1); 
          opacity:1;
      } 
  }
  
  .pvi-hero-overlay {
      padding-top: var(--paddingimgproduit);
    }
    
    /* Petits boutons action sur page produit */
    
    .d-button.pvi-product-scaction, .d-button.pvi-product-contextmenu {
      content: "";
      font-size: 0px;
      border-radius: 30px;
      width: 40px;
      height: 40px;
      background-color: #00000075;
    }
    
    .eins-current.blue, .eins-current.green, .eins-current.white .d-button.pvi-product-scaction {
      position: relative;
      left: -5px;
      top: 3px;
    }
    
    .eins-recommend.blue, .eins-review.blue, .eins-current.green, .eins-current.white, .eins-sprite.eins-wish.blue  {
      position: relative;
      top: 3px;
      left: -4px;
    }
    
    .eins-sprite.eins-extend {
        position: relative;
        left: -2px;
    }
  
  /* Transition home page */
  
  .d-media.small.d-product-checked-wrapper.pvi-hero-figure { 
      animation: 0.5s ease-in-out 0s 1 growIn;
      animation-delay: 1s;
      animation-fill-mode: forwards;
      opacity: 0;
  }
  
  .ecbi-billboard-popularItem {
      animation: 0.5s ease-in-out 0s 1 growIn;
      animation-delay: 1s;
      animation-fill-mode: forwards;
      opacity: 0;
  }
  
  
  /* 
  L I S T E S
  */
  
  #list-cover {
    background-size: cover;
    height: var(--paddingimgproduit);
    margin-bottom: -250px;
    -webkit-mask-image: -webkit-linear-gradient(black, transparent 0%, black 25%);
  }
  
  .d-coverEdito {
    background: var(--dark);
  }
  
  .d-grid.d-rubric-description {
    border-radius: 50px;
    border: none;
  }
  
  .elcv-cover-updateCover {
    top: var(--taille-header);
  }
  
  /* Titre des listes blanc */
  .elme-listTitle {
      color: white;
     }
  
  /* Page listes - Carrés notes dark mode */
  
  .erra-ratings {
    background: black;
    border: none;
  }
  
  .erra-global {
    color: white;
  }
  }

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址