@font-face{font-family:'Quicksand';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58m-wi40.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58i-wi40.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}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkKEo58a-wg.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}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58m-wi40.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58i-wi40.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}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkP8o58a-wg.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}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58m-wi40.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58i-wi40.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}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkCEv58a-wg.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}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58m-wi40.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58i-wi40.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}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/quicksand/v14/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkBgv58a-wg.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:300;src:local('Hind Vadodara Light'),local(HindVadodara-Light),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSDn3uW8-oBOL.woff2) format("woff2");unicode-range:U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:300;src:local('Hind Vadodara Light'),local(HindVadodara-Light),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSDn3uXo-oBOL.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:300;src:local('Hind Vadodara Light'),local(HindVadodara-Light),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSDn3uXQ-oA.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:400;src:local('Hind Vadodara Regular'),local(HindVadodara-Regular),url(https://fonts.gstatic.com/s/hindvadodara/v6/neINzCKvrIcn5pbuuuriV9tTQInVrEsf.woff2) format("woff2");unicode-range:U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:400;src:local('Hind Vadodara Regular'),local(HindVadodara-Regular),url(https://fonts.gstatic.com/s/hindvadodara/v6/neINzCKvrIcn5pbuuuriV9tTQJzVrEsf.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:400;src:local('Hind Vadodara Regular'),local(HindVadodara-Regular),url(https://fonts.gstatic.com/s/hindvadodara/v6/neINzCKvrIcn5pbuuuriV9tTQJLVrA.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:600;src:local('Hind Vadodara SemiBold'),local(HindVadodara-SemiBold),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSE3xuW8-oBOL.woff2) format("woff2");unicode-range:U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:600;src:local('Hind Vadodara SemiBold'),local(HindVadodara-SemiBold),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSE3xuXo-oBOL.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:600;src:local('Hind Vadodara SemiBold'),local(HindVadodara-SemiBold),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSE3xuXQ-oA.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:700;src:local('Hind Vadodara Bold'),local(HindVadodara-Bold),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSCnwuW8-oBOL.woff2) format("woff2");unicode-range:U+0964-0965,U+0A80-0AFF,U+200C-200D,U+20B9,U+25CC,U+A830-A839}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:700;src:local('Hind Vadodara Bold'),local(HindVadodara-Bold),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSCnwuXo-oBOL.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}
@font-face{font-family:'Hind Vadodara';font-style:normal;font-weight:700;src:local('Hind Vadodara Bold'),local(HindVadodara-Bold),url(https://fonts.gstatic.com/s/hindvadodara/v6/neIQzCKvrIcn5pbuuuriV9tTSCnwuXQ-oA.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}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local(Roboto-Medium),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local(Roboto-Medium),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local(Roboto-Medium),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local(Roboto-Medium),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local(Roboto-Medium),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local(Roboto-Medium),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.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}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;src:local('Roboto Medium'),local(Roboto-Medium),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.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}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format("woff2");unicode-range:U+1F00-1FFF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format("woff2");unicode-range:U+0370-03FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4EsA.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}
@font-face{font-family:'Roboto';font-style:normal;font-weight:900;src:local('Roboto Black'),local(Roboto-Black),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ml1BMEfq4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ml1RMEfq4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:200;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ml2xME.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJabMl1BMEfq4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Dosis';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJabMl1RMEfq4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJabMl2xME.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml1BMEfq4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Dosis';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml1RMEfq4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJN7Ml2xME.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJBbMl1BMEfq4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Dosis';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJBbMl1RMEfq4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJBbMl2xME.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl1BMEfq4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Dosis';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl1RMEfq4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ6bQl2xME.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ0LQl1BMEfq4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ0LQl1RMEfq4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJ0LQl2xME.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:800;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ql1BMEfq4.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Dosis';font-style:normal;font-weight:800;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ql1RMEfq4.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}
@font-face{font-family:'Dosis';font-style:normal;font-weight:800;src:url(https://fonts.gstatic.com/s/dosis/v14/HhyJU5sn9vOmLxNkIwRSjTVNWLEJt7Ql2xME.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}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Nunito Sans Regular'),local(NunitoSans-Regular),url(https://fonts.gstatic.com/s/nunitosans/v5/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Nunito Sans Regular'),local(NunitoSans-Regular),url(https://fonts.gstatic.com/s/nunitosans/v5/pe0qMImSLYBIv1o4X1M8ccezI9tScg.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}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:local('Nunito Sans Regular'),local(NunitoSans-Regular),url(https://fonts.gstatic.com/s/nunitosans/v5/pe0qMImSLYBIv1o4X1M8cce9I9s.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}
@font-face{font-family:'Metropolis Regular';font-style:normal;font-weight:400;src:local('Metropolis Regular'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-Regular.woff) format("woff")}
@font-face{font-family:'Metropolis Regular Italic';font-style:normal;font-weight:400;src:local('Metropolis Regular Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-RegularItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Extra Light';font-style:normal;font-weight:400;src:local('Metropolis Extra Light'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-ExtraLight.woff) format("woff")}
@font-face{font-family:'Metropolis Light';font-style:normal;font-weight:400;src:local('Metropolis Light'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-Light.woff) format("woff")}
@font-face{font-family:'Metropolis Thin';font-style:normal;font-weight:400;src:local('Metropolis Thin'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-Thin.woff) format("woff")}
@font-face{font-family:'Metropolis Extra Light Italic';font-style:normal;font-weight:400;src:local('Metropolis Extra Light Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-ExtraLightItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Light Italic';font-style:normal;font-weight:400;src:local('Metropolis Light Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-LightItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Thin Italic';font-style:normal;font-weight:400;src:local('Metropolis Thin Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-ThinItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Medium';font-style:normal;font-weight:400;src:local('Metropolis Medium'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-Medium.woff) format("woff")}
@font-face{font-family:'Metropolis Semi Bold';font-style:normal;font-weight:400;src:local('Metropolis Semi Bold'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-SemiBold.woff) format("woff")}
@font-face{font-family:'Metropolis Bold';font-style:normal;font-weight:400;src:local('Metropolis Bold'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-Bold.woff) format("woff")}
@font-face{font-family:'Metropolis Bold Italic';font-style:normal;font-weight:400;src:local('Metropolis Bold Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-BoldItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Medium Italic';font-style:normal;font-weight:400;src:local('Metropolis Medium Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-MediumItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Semi Bold Italic';font-style:normal;font-weight:400;src:local('Metropolis Semi Bold Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-SemiBoldItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Extra Bold';font-style:normal;font-weight:400;src:local('Metropolis Extra Bold'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-ExtraBold.woff) format("woff")}
@font-face{font-family:'Metropolis Extra Bold Italic';font-style:normal;font-weight:400;src:local('Metropolis Extra Bold Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-ExtraBoldItalic.woff) format("woff")}
@font-face{font-family:'Metropolis Black';font-style:normal;font-weight:400;src:local('Metropolis Black'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-Black.woff) format("woff")}
@font-face{font-family:'Metropolis Black Italic';font-style:normal;font-weight:400;src:local('Metropolis Black Italic'),url(/assets/ressources/style/fonts/metropolis-2-cufonfonts-webfont/Metropolis-BlackItalic.woff) format("woff")}
@font-face{font-family:'Raleway';font-style:normal;font-weight:100;src:local('Raleway Thin'),local(Raleway-Thin),url(https://fonts.gstatic.com/s/raleway/v14/1Ptsg8zYS_SKggPNwE44Q4FqPfE.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:100;src:local('Raleway Thin'),local(Raleway-Thin),url(https://fonts.gstatic.com/s/raleway/v14/1Ptsg8zYS_SKggPNwE44TYFq.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:200;src:local('Raleway ExtraLight'),local(Raleway-ExtraLight),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwOIpWqhPAMif.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:200;src:local('Raleway ExtraLight'),local(Raleway-ExtraLight),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwOIpWqZPAA.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local('Raleway Light'),local(Raleway-Light),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqhPAMif.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:300;src:local('Raleway Light'),local(Raleway-Light),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIYqWqZPAA.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local(Raleway),local(Raleway-Regular),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyCMIT5lu.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:400;src:local(Raleway),local(Raleway-Regular),url(https://fonts.gstatic.com/s/raleway/v14/1Ptug8zYS_SKggPNyC0ITw.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:local('Raleway Medium'),local(Raleway-Medium),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqhPAMif.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:500;src:local('Raleway Medium'),local(Raleway-Medium),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwN4rWqZPAA.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;src:local('Raleway SemiBold'),local(Raleway-SemiBold),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqhPAMif.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:600;src:local('Raleway SemiBold'),local(Raleway-SemiBold),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqZPAA.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;src:local('Raleway Bold'),local(Raleway-Bold),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700;src:local('Raleway Bold'),local(Raleway-Bold),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:800;src:local('Raleway ExtraBold'),local(Raleway-ExtraBold),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIouWqhPAMif.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:800;src:local('Raleway ExtraBold'),local(Raleway-ExtraBold),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwIouWqZPAA.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:900;src:local('Raleway Black'),local(Raleway-Black),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwK4vWqhPAMif.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}
@font-face{font-family:'Raleway';font-style:normal;font-weight:900;src:local('Raleway Black'),local(Raleway-Black),url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwK4vWqZPAA.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}
@font-face{font-family:'Varela Round';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfpcuPP9g.woff2) format("woff2");unicode-range:U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Varela Round';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfqMuPP9g.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'Varela Round';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Varela Round';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/varelaround/v20/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Playwrite IT Moderna';font-style:normal;font-weight:100 400;src:url(https://fonts.gstatic.com/s/playwriteitmoderna/v4/mFTuWaYCwKPK5cx6W8jy2kwDnSUe9q45vR4s.woff2) format("woff2")}
@font-face{font-family:'Rubik';font-style:italic;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWEBXyIfDnIV7nEnXu61E_a5IlWzvOU.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Rubik';font-style:italic;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWEBXyIfDnIV7nEnXO61E_a5IlWzvOU.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Rubik';font-style:italic;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWEBXyIfDnIV7nEnXq61E_a5IlWzvOU.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:italic;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWEBXyIfDnIV7nEnXy61E_a5IlWzvOU.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:italic;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWEBXyIfDnIV7nEnXC61E_a5IlWzvOU.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:italic;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWEBXyIfDnIV7nEnX661E_a5IlWzg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw1W3fxIlGzg.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw1W3fxIlGzg.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw1W3fxIlGzg.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw1W3fxIlGzg.woff2) format("woff2");unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw1W3fxIlGzg.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;src:url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Gantari';font-style:italic;font-weight:100 900;src:url(https://fonts.gstatic.com/s/gantari/v1/jVyI7nvyB2HL8iZyJEceqwQBZ80.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Gantari';font-style:italic;font-weight:100 900;src:url(https://fonts.gstatic.com/s/gantari/v1/jVyI7nvyB2HL8iZyJEcepQQB.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Gantari';font-style:normal;font-weight:100 900;src:url(https://fonts.gstatic.com/s/gantari/v1/jVyK7nvyB2HL8iZyJEwupxwF.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Gantari';font-style:normal;font-weight:100 900;src:url(https://fonts.gstatic.com/s/gantari/v1/jVyK7nvyB2HL8iZyJEIupw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JXjfVPf62XiF7kO-i9YL1la1OD.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JXjfVPf62XiF7kO-i9YLNlaw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JUjfVPf62XiF7kO-i9aAhAfmKi2Oud.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Silkscreen';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/silkscreen/v6/m8JUjfVPf62XiF7kO-i9aAhAfmyi2A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{margin:0;padding:0}
::-webkit-scrollbar{display:none}
body{transition:all 1s;position:relative!important;overflow:auto!important;background:url(/assets/ressources/images/background-color.png) repeat,linear-gradient(135deg,#000,#2a2233) fixed;background-size:700px 1244px,100% 100%;animation:animateBackground 120s linear infinite;font-family:'Gantari'!important;font-size:15px;color:#c6c6c6;height:100%;position:relative;-ms-overflow-style:none}
@keyframes animateBackground {
0%{background-position:0 0,0 0}
100%{background-position:0 1244px,0 0}
}
@keyframes animateBackgroundLeft {
0%{background-position:0 0,0 0}
100%{background-position:330px -66px,0 0}
}
.lock_overflow{overflow:hidden!important;max-height:100vh}
.background_overlay{display:none;position:fixed;opacity:1;background:linear-gradient(45deg,#00000017,#310e0e42) fixed;backdrop-filter:blur(14px);width:100%;height:100%;left:0;top:0;z-index:1000}
.background_overlay2{display:none;position:fixed;opacity:1;background:url(/assets/ressources/images/background-bubble-color-or.png) repeat;animation:animateBackgroundTop200 15s linear infinite;width:100%;height:100%;left:0;top:0;z-index:0}
.background_overlay3{display:none;position:fixed;opacity:1;background:url(/assets/ressources/images/background-bubble-color-or.png) repeat;animation:animateBackgroundTop210 26s linear infinite;width:100%;height:100%;left:0;top:0;z-index:0}
.background_overlay_purple{display:none;position:fixed;opacity:1;background:#16061ce5 url(/assets/ressources/images/background-popup.jpg)!important;width:100%;height:100%;left:0;top:0;z-index:0}
@keyframes animateBackgroundTop200 {
0%{background-position:0 0;opacity:0}
50%{background-position:0 -200px;opacity:1}
100%{background-position:0 -400px;opacity:0}
}
@keyframes animateBackgroundTop210 {
0%{background-position:50px 0;opacity:0}
50%{background-position:50px -200px;opacity:1}
100%{background-position:50px -400px;opacity:0}
}
.body_black{background:url(/assets/ressources/images/background-color.png) repeat,#0b0b0b fixed!important}
.overflow_hidden{overflow:hidden!important}
@-webkit-keyframes AnimationName {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@-moz-keyframes AnimationName {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
@keyframes AnimationName {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.background_layer{display:none;background-image:url(/assets/ressources/images/background.png);width:100vw;height:100vh;position:fixed;z-index:-1}
@-webkit-keyframes bg-move-top-left {
0%{background-position-y:0}
100%{background-position-y:-128px;background-position-x:128px}
}
@-webkit-keyframes bg-move-bottom {
0%{background-position-y:0}
100%{background-position-y:128px}
}
@-webkit-keyframes bg-move-top {
0%{background-position-y:0}
100%{background-position-y:-128px}
}
a{text-decoration:none;color:#FFF}
.link{cursor:pointer;color:#2E7FB0}
hr{margin-bottom:20px;background:none;border-bottom:1px dashed #ccc;color:#FFF;border:none;border-bottom:1px dashed #7d7d7d}
input[type=password],input[type=text],input[type=number]{filter:none;font-family:Quicksand;margin-top:5px;font-size:14px;color:#656565;background:none;width:300px;padding:7px 8px;border:0;border-radius:6px;margin-bottom:5px;-webkit-transition:all .5s;transition:all .5s;font-weight:600}
input[type=password]:focus,input[type=password]:hover,input[type=text]:focus,input[type=text]:hover,select:focus,select:hover,textarea:focus,textarea:hover,input[type=number]{color:#fff}
input[type=number]{width:50px;text-align:center;height:17px}
input[disabled=disabled],textarea[disabled=disabled]{background:#eee;border:1px solid #ccc}
input[disabled=disabled]:hover,textarea[disabled=disabled]:hover{background:#eee!important;border:1px solid #ccc!important;cursor:not-allowed}
input[type=submit],.button{transition:all .3s;display:inline-block;background:#6e1ece;border-radius:282px;border:0;padding:9px 17px;width:auto;font-family:"Quicksand";font-weight:600;color:#FFF!important;font-size:13px;position:relative;transition:all .2s;cursor:pointer}
input[type=submit]:hover,.button:hover{background:#49128c}
input:focus,textarea:focus,[contenteditable]{outline:0;box-shadow:none}
:-webkit-autofill{filter:none;box-shadow:0 0 0 100px #fff inset}
input:autofill,select:autofill,textarea:autofill{background-color:#999!important;background-image:none!important;color:FieldText!important}
.button b{font-weight:400!important}
.button.disabled{background:#424242;cursor:not-allowed}
.small_label{font-size:11px;padding:2px 7px;border-radius:4px;color:#FFF;z-index:1;position:relative}
input[type=color],.color_selector{width:30px;height:30px;cursor:pointer;display:inline-block;margin-right:6px;margin-top:3px;border-radius:174px;overflow:hidden;border:0;transition:all .1s}
.radio{margin-right:6px;margin-top:5px;display:inline-block;background:#1717174d;padding:4px 14px;cursor:pointer;font-family:Hind Vadodara;color:#FFF;font-size:14px;border-radius:10px;text-align:center;border:1px solid #171717!important}
input[type="radio"]{vertical-align:-1px}
.button_grad{background:linear-gradient(135deg,#6c2bbf8f,#8e33736b);color:#fff;font-weight:600;padding:.9em 1.8em;border:none;border-radius:50px;cursor:pointer;transition:all .25s ease;box-shadow:0 0 75px #e646ff33;position:relative;overflow:hidden;margin:0 15px}
.button_grad:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7a34d1,#a3478a);box-shadow:0 6px 16px #9b4dff4d}
.button_grad:active{transform:scale(0.97);filter:brightness(0.95)}
.button_grad::after{content:"";position:absolute;inset:0;border-radius:50px;background:radial-gradient(circle at center,#ffffff0d,transparent 70%);opacity:0;transition:opacity .4s ease}
.button_grad:hover::after{opacity:1}
.button_grad.secondary{background:linear-gradient(135deg,#7c33ff47,#c33aff57);box-shadow:0 0 32px #ff33f22e}
.button_grad.secondary:hover{box-shadow:0 0 25px #c33affb3 0 0 40px #7c33ff99}
.checkbox-fa{font-size:14px!important}
.color_selector:hover{opacity:.8}
.font-roboto{font-family:Roboto}
.font-quicksand{font-family:Quicksand}
.font-nunito{font-family:Nunito Sans}
.font-400{font-weight:400}
.font-600{font-weight:600}
.font-bold{font-weight:600}
.fs-12{font-size:12px}
.footer{background:url(/assets/ressources/images/background-color.png) repeat,linear-gradient(121deg,#190023 0%,#190023 51%,#320037 51%,#000 100%) fixed;z-index:1;box-shadow:0 0 90px #bb00ff5c;position:relative;text-align:center;padding:50px 15px;color:#FFF;font-family:Gantari;text-align:left;margin-top:100px}
.footer .FooterLogo{margin:0 auto;display:block;width:300px;margin-bottom:33px}
.footer table{width:100%;margin:0 auto}
.footer h5{text-align:center;font-family:Gantari;margin-bottom:60px}
.footer .copyright{text-align:center;padding-top:50px}
.typewriter::before{content:'';display:inline-block;animation:25s linear 0s infinite typewriter_animation;overflow:hidden;vertical-align:-10px;background:linear-gradient(130deg,#ff2cdf,#ff8a00);background-clip:text;color:#FFF0;white-space:nowrap;max-width:0}
.typewriter::after{content:"";border-left:3px solid #e8e8e8;height:29px;display:inline-block;vertical-align:-1px;margin-left:2px;opacity:0;max-width:0;animation:.6s linear 0s infinite typewriter_cursor}
@-webkit-keyframes typewriter_cursor {
0%{opacity:0}
49%{opacity:0}
50%{opacity:1}
99%{opacity:1}
}
@-webkit-keyframes typewriter_animation {
0%{content:'x Toi';max-width:0}
10%{content:'x Toi';max-width:100%}
15%{content:'x Toi';max-width:0}
20%{content:'x Lui';max-width:0}
30%{content:'x Lui';max-width:100%}
35%{content:'x Lui';max-width:0}
40%{content:'x Elle';max-width:0}
50%{content:'x Elle';max-width:100%}
55%{content:'x Elle';max-width:0}
60%{content:'x Nous';max-width:0}
70%{content:'x Nous';max-width:100%}
75%{content:'x Nous';max-width:0}
80%{content:'x Vous';max-width:0}
90%{content:'x Vous';max-width:100%}
95%{content:'x Vous';max-width:0}
}
.footer .legal_notices_block a{display:block;color:#2f2f2f}
.footer td{vertical-align:top}
.footer a{color:#fff!important}
.footer .social{font-size:30px}
.footer .social a{margin-right:10px}
.footer .download_badge{height:100px}
.footer .social_td,.footer .legal_td,.footer .description_td{min-width:300px;padding:0 30px}
.footer .social_td,.footer .legal_td{border-left:2px solid #c76be13b}
.description_td a{color:#d000d7!important}
body.is-mobile .footer{display:none}
textarea{font-family:Hind Vadodara;margin-top:5px;font-size:14px;color:#656565;background:#FFF;width:100%;padding:4px 7px;border:1px solid #eee;margin-bottom:5px;border-bottom:2px solid #e3e3e3!important;border-radius:5px}
.checkbox{transition:all .2s;cursor:pointer}
.checkbox:hover{color:#000}
h1{font-weight:400;color:#4d4d4d;font-family:Metropolis Bold;font-size:1.3rem;letter-spacing:-.3px}
h1 b{font-weight:400}
h5{font-size:40px;font-family:Dosis}
.h_title,.page_title{color:#FFF;color:#FFF;font-family:Gantari;margin:15px;margin-bottom:30px;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}
.page_title{position:absolute;top:10px;left:50px;margin:0}
table{border-collapse:collapse}
.table_icon td{padding:10px}
.table_icon h1{font-weight:800;font-size:22px;color:#a8a8a8;margin-bottom:6px;font-family:"Quicksand"}
.table_icon .td-icon i{font-size:65px;color:#d7d7d7}
.table_icon-mini .td-icon i{font-size:20px;color:#d7d7d7}
.table-tiny td{padding:3px}
.table-user h1{font-weight:400;color:#fff;font-family:Metropolis Bold;font-size:20px}
.color-pink{color:#f8004b!important}
.table-icon-green .td-icon i,.table-icon-green h1{color:#7fb56c}
.table-icon-pink .td-icon i,.table-icon-pink h1{color:#f8004b!important}
.table-icon-blue .td-icon i,.table-icon-blue h1{color:#477eb9}
.table-icon-purple .td-icon i,.table-icon-purple h1{text-shadow:0 0 15px #ba00ff}
.table_blog{width:100%;border-collapse:collapse;margin:10px 0;text-align:center;border-radius:10px;overflow:hidden;display:block;background-color:#1a1a1a;color:#ddd}
.table_blog th,.table_blog td{padding:12px;border:1px solid #444}
.table_blog th{background-color:#6a0dad;color:#fff;font-weight:700;text-transform:uppercase}
.table_blog tr:nth-child(even){background-color:#2a2a2a}
.table_blog tr:hover{background-color:#4b0082}
.table_blog td:first-child{font-weight:700;background-color:#3b0b45;color:#fff}
.button_pink{background:#f8004b}
.button_pink:hover{background:#860028}
.button_pink_validation::after{content:"";background:#FFFFFF57;height:100%;width:0;display:block;position:absolute;top:0;left:0;-webkit-animation:button_validation 10s;-moz-animation:button_validation 10s;animation:button_validation 10s}
@-moz-keyframes button_validation {
0%{width:0}
100%{width:100%}
}
.button.form_valid{background:#509f30}
.button.form_loading{background:gray}
.button.form_error,.button_submit_red{background:#AE2F2F}
.button_cancel{background:#D04040}
.button_mini{font-size:11px;padding:6px 10px}
.button_white{background:#F2F2F2;color:#484848!important}
.button.bg-grey{background:#777}
.extend_button{border-radius:20px;width:28px;height:28px;display:block;position:absolute;top:3px;right:85px;cursor:pointer}
.extend_button:hover{background:#ddd}
.extend_button i{position:absolute;top:6px;left:6px}
.v-align-top{vertical-align:top}
.absolute-middle{position:absolute;top:-999px;bottom:-999px;margin:auto;width:100%;height:200px;left:-999px;right:-999px}
.text-align-right{text-align:right}
.text-align-left{text-align:left}
.text-align-center{text-align:center}
div.input{position:relative}
div.input i{position:absolute;top:14px;left:7px;color:#6f6f6f}
div.input input{padding-left:25px;display:inline-block}
.rarest_line{color:#d5a636!important}
.chrono_reply{position:absolute;left:-14px;bottom:5px;color:#E87272!important;padding:2px 9px;border-radius:5px;width:45px;text-align:center;font-size:13px}
.chrono_reply_transparent{color:#468bd5!important}
.chrono_reply .fa-stopwatch,.chrono_reply_transparent .fa-fire{display:none}
.chrono_reply_transparent .fa-stopwatch{display:inline-block}
.flam{position:relative;left:0;top:0;background:#fbaeae1c}
.chrono_reply_grey{color:#aaa!important}
.flam.bg-grey{background:#222;color:#aaa!important}
.rarest_reply{color:#d5a636!important;background:#d5a63624;padding:3px;display:inline-block;border-radius:5px;font-size:12px}
.tag_reply{display:inline-flex;align-items:center;font-size:11px;justify-content:center;font-weight:600;padding:1px 7px;border-radius:20px;margin-left:6px;border:1px solid transparent;transition:all .25s ease}
.your_reply{background:#ff4db81a;color:#ff4db8;border:1px solid #ff4db866}
.your_reply:hover{background:#ff4db833;box-shadow:0 0 8px #ff4db84d}
.his_reply{background:#4dabff1a;color:#4dabff;border:1px solid #4dabff66}
.his_reply:hover{background:#4dabff33;box-shadow:0 0 8px #4dabff4d}
.rarest_line .progress{background:#d5a636!important}
.vote_reply{color:#3699d5!important;background:#36bfd524;padding:0 11px;display:inline-block;border-radius:5px}
.reply_guesser{margin-right:10px;padding:5px 13px;margin-top:5px;font-weight:400;cursor:pointer}
.reply_guesser .i_date{font-style:normal;font-size:12px;color:#eee;margin-left:10px}
.position-relative{position:relative}
.position-absolute{position:absolute}
.bg-orange-lite{background:#221d18}
.bg-green-lite{background:#213319}
.guess-div-info,.div-info{padding:10px;margin-bottom:10px;border-radius:5px;color:#ccc}
.add_string_result{position:relative;background:#363742;padding:10px 20px;border-radius:9px}
.add_string_result:after{top:100%;left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#88b7d500;border-top-color:#363742;border-width:15px;margin-left:-15px}
.cursor-pointer{cursor:pointer}
.color-red{color:#e82b2b!important}
.color-green{color:#4de807!important}
.color-orange{color:#ce7f19!important}
.color-purple{color:#d9abf9!important}
.color-or,.color-gold{color:#d5a636!important}
.color-blue{color:#2EA6EE!important}
.color-white{color:#FFF!important}
.bg-red{background:#ae2222!important}
.bg-green{background:#6fae22!important}
.bg-orange{background:#ce7f19!important}
.bg-or{background:#d5a636!important}
.bg-blue{background:#2EA6EE!important}
.button_bgg-blue{background:linear-gradient(167deg,#0070b3,#004975)!important}
.button_bgg-red{background:linear-gradient(107deg,#ff0b0b,#8a0909)!important}
.mbti{background:#FF1E1E!important}
.mbti_title{display:block;text-align:center;font-size:30px;text-shadow:none;font-family:Gantari}
.option.color-red{border-color:#ae2222!important}
.option.color-green{border-color:#6fae22!important}
.option.color-orange{border-color:#ce7f19!important}
.option.color-or{border-color:#d5a636!important}
.option.color-blue{border-color:#2E7FB0!important}
.legend{font-size:12px}
.width-full{width:100%}
.width-30{width:30px}
.width-15{width:15px}
.bull{height:10px;width:10px;display:inline-block;border-radius:19px;vertical-align:-1px;margin-right:6px;background:#aaa}
.bull.green{background:#499112}
.bull.red{background:#ae2222}
.bull.blue{background:#0087FF}
.bull.orange{background:#dd881a}
.contenair{height:100vh;margin-top:0;width:100%;margin-left:auto;margin-right:auto;position:relative}
.contenair .menu{background:#6b6b6b;z-index:3;background:-moz-linear-gradient(-45deg,#6b6b6b 0%,#383838 50%,#212121 50%,#000 100%);background:-webkit-linear-gradient(-45deg,#6b6b6b 0%,#383838 50%,#212121 50%,#000 100%);background:linear-gradient(135deg,#6b6b6b 0%,#383838 50%,#212121 50%,#000 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b6b6b',endColorstr='#000000',GradientType=1);height:100%;width:55px;position:absolute;top:0;left:0;overflow:hidden;transition:all .3s;border-radius:5px 0 0 5px}
.contenair .menu:hover{width:240px}
.contenair .menu nav{margin-top:40px}
.contenair .menu a{z-index:2;display:block;height:45px;position:relative;transition:all .2s}
.contenair .menu span{position:absolute;left:90px;top:13px;transition:all .3s;min-width:200px}
.contenair .menu:hover span{left:45px}
.contenair .menu a:hover{background:#ffffff1a}
.contenair .menu i{position:absolute;top:15px;left:20px}
.contenair .menu .bottom{position:absolute;bottom:0;left:0}
.contenair .menu:after{transition:all .3s;position:absolute;content:"";background:#3a6c88;height:180px;width:300px;bottom:0;z-index:1;transform:rotate(-30deg);left:-51px}
.contenair .menu:hover:after{transform:rotate(-14deg);width:400px;height:240px;bottom:-40px}
.Loader,.Loader_Home{position:fixed;top:0;left:0;background:url(/assets/ressources/images/background-color.png) repeat,linear-gradient(45deg,#000,#262626) fixed;background-size:700px 1244px,100% 100%;animation:animateBackground 120s linear infinite;width:100%;height:100%;z-index:99999}
.Loader span img,.Loader_Home span img{width:200px;vertical-align:-40px}
.Loader span,.Loader_Home span{color:#6c6c6c;font-size:26px;display:block;text-align:center;top:calc(30vh + 220px);position:absolute;width:100%;font-family:Metropolis Thin}
.Loader .legend{top:calc(30vh + 90px);font-size:16Px}
.Loader_Mini{position:absolute;z-index:9999;bottom:20px;left:20px;display:none;color:#CECECE}
.Loader_Mini img{width:35px;height:35px;vertical-align:-13px}
.LoaderLogo{width:170px;position:absolute;top:24vh;left:-999px;right:-999px;margin:auto;image-rendering:smooth;max-width:600px;border-radius:100px;-webkit-animation:loaderlogo 5s ease infinite;-moz-animation:loaderlogo 5s ease infinite;animation:loaderlogo 5s ease infinite}
@-webkit-keyframes loaderlogo {
0%{opacity:0}
40%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
@-moz-keyframes loaderlogo {
0%{opacity:0}
40%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
@keyframes loaderlogo {
0%{opacity:0}
40%{opacity:1}
80%{opacity:1}
100%{opacity:0}
}
.LoaderLogo_Spin{width:90px;position:absolute;top:32vh;left:-999px;right:-999px;margin:auto}
.Frame{height:auto;overflow:auto;flex-flow:column}
.Frame .Frame_Header{position:fixed;color:#FFF;width:100%;top:0;z-index:10}
.Frame .Frame_Header_Content{transition:all .3s;padding:0 20px;backdrop-filter:blur(2px);box-shadow:0 2px 20px #00000080}
.header-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px}
.header-left{display:flex;align-items:center;gap:15px;flex:0 0 auto}
.menu-toggle{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s ease;border-radius:6px;position:relative;z-index:1001}
.menu-toggle:hover{background:#ffffff1a;transform:scale(1.05)}
.menu-toggle:active{transform:scale(0.95)}
.hamburger-line{width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55);transform-origin:center}
.menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}
.menu-toggle.active .hamburger-line:nth-child(2){opacity:0;transform:translateX(-10px)}
.menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}
.logo-link{display:flex;align-items:center;text-decoration:none;transition:all .3s}
.Frame_Header_Content .HeaderLogo{height:28px!important;width:auto!important;transition:all .3s;cursor:pointer;position:relative!important;left:0!important;top:0!important;filter:drop-shadow(0 2px 4px #0000004d)}
.logo-link:hover .HeaderLogo{transform:scale(1.05);filter:drop-shadow(0 4px 8px #8620ff80)}
.header-right{display:flex;align-items:center;gap:12px;flex:1 1 auto;justify-content:flex-end}
.user-profile-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0000004d;border-radius:20px;cursor:pointer;transition:all .3s;border:1px solid #ffffff1a;backdrop-filter:blur(5px)}
.user-profile-badge:hover{background:#6c2c5c85;box-shadow:2px 2px 12px #8e20bf94}
.user-pseudo{font-size:12px;font-weight:600;color:#fff;white-space:nowrap}
.user-level{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#ff5400;text-shadow:0 0 8px #ffd70080}
.user-level i{font-size:10px}
.timer-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;white-space:nowrap}
.timer-badge.color-or{background:linear-gradient(135deg,#bd8417,#865902);color:#fff!important;box-shadow:0 0 10px #ff6b3566}
.timer-badge.color-blue{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 0 10px #3498db66}
.header-actions{display:flex;align-items:center;gap:8px}
.icon-button{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s;border-radius:8px;width:36px;height:36px}
.icon-button:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}
.icon-button:active{transform:translateY(0)}
.icon-button img{width:20px;height:20px;transition:all .3s}
.icon-button:hover img{filter:brightness(0) invert(1) drop-shadow(0 0 8px #8620ff99)}
.messages-button{text-decoration:none;color:inherit}
.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #0000004d;border:2px solid #1a0a1f;line-height:1}
.badge-red{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:pulse 2s infinite}
.badge-blue{background:linear-gradient(135deg,#3498db,#2980b9);animation:pulse 2s infinite}
@keyframes pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
}
.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;backdrop-filter:blur(2px);z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}
.nav-overlay.overlay-active{opacity:1;visibility:visible}
.nav_bar{background:linear-gradient(180deg,#110015 0%,#1a0a2e 50%,#0d0515 100%);background-image:url(/assets/ressources/images/background-bubble.png);background-repeat:repeat;background-attachment:fixed;animation:animateBackgroundTop 20s linear infinite;position:fixed;top:0;left:0;width:280px;backdrop-filter:blur(13px);height:100vh;box-shadow:none;z-index:1000;transform:translateX(-100%);transition:transform .35s cubic-bezier(0.4,0,0.2,1),box-shadow .35s cubic-bezier(0.4,0,0.2,1);display:flex!important;flex-direction:column;overflow:hidden;visibility:visible!important}
.nav_bar.nav-open{transform:translateX(0);box-shadow:4px 0 45px #430062}
.sidebar-header{padding:30px 20px 20px;border-bottom:1px solid #ffffff1a;background:linear-gradient(180deg,#8620ff1a 0%,transparent 100%)}
.user_profil_navbar{position:relative;display:flex;justify-content:center;align-items:center}
.user_profil_navbar .user_image_contenair{width:100px;height:100px;margin:0 auto;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:50%;border:3px solid #8620ff80;box-shadow:0 0 30px #56007d99 inset 0 0 20px #8620ff33;transition:all .3s}
.user_profil_navbar:hover .user_image_contenair{transform:scale(1.05);box-shadow:0 0 40px #56007dcc inset 0 0 30px #8620ff4d}
.edit-profile-btn{position:absolute;bottom:0;right:calc(50% - 50px);width:32px;height:32px;background:linear-gradient(135deg,#8520FF,#6a1bb3);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #56007d80;transition:all .3s;font-size:12px}
.edit-profile-btn:hover{transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #56007db3}
.sidebar-content{flex:1;overflow-y:auto;padding:20px 0;scrollbar-width:thin;scrollbar-color:#8620ff4d transparent}
.sidebar-content::-webkit-scrollbar{width:6px}
.sidebar-content::-webkit-scrollbar-track{background:transparent}
.sidebar-content::-webkit-scrollbar-thumb{background:#8620ff4d;border-radius:3px}
.sidebar-content::-webkit-scrollbar-thumb:hover{background:#8620ff80}
.sidebar-actions{padding:0 20px 20px;display:flex;gap:10px}
.btn-logout,.btn-login{flex:1;padding:12px 20px;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Quicksand}
.btn-login-mini{display:inline-block}
.btn-logout{background:#420000;color:#fff;box-shadow:0 4px 12px #0000004d;padding:8px 6px;margin:0 31px;font-size:11px}
.btn-logout:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c80}
.btn-login{background:url(/assets/ressources/images/background-question.png) repeat,linear-gradient(135deg,#D4AF37 0%,#FFD700 25%,orange 50%,#FF8C00 75%,#D4AF37 100%);color:#1a0a1f;box-shadow:0 4px 20px #d4af3766 0 0 30px #ffd7004d inset 0 1px 0 #ffffff4d;font-weight:700;text-shadow:0 1px 2px #ffffff4d;position:relative;overflow:hidden;animation:animateBackgroundLeft 30s linear infinite}
.btn-login::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff6,transparent);transition:left .5s}
.btn-login:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 30px #d4af3799 0 0 40px #ffd70080 inset 0 1px 0 #fff6;background-position:100% 0}
.btn-login:hover::before{left:100%}
.btn-login:active{transform:translateY(0) scale(0.98)}
.btn-login i{color:#1a0a1f;filter:drop-shadow(0 1px 1px #ffffff80)}
@keyframes premiumShine {
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
.nav-menu{display:flex;flex-direction:column;gap:4px;padding:0 12px}
.nav-item{display:flex;align-items:center;gap:15px;padding:14px 18px;color:#fff;text-decoration:none;border-radius:12px;transition:all .3s;position:relative;font-weight:500;font-size:14px;font-family:Quicksand;background:transparent;border:1px solid transparent}
.nav-item i{width:22px;font-size:16px;text-align:center;transition:all .3s;opacity:.8}
.nav-item span{flex:1;transition:all .3s}
.nav-item:hover{background:#ffffff14;transform:translateX(4px)}
.nav-item:hover i{opacity:1;transform:scale(1.1);color:#8520FF}
.nav-item-active{background:linear-gradient(135deg,#8620ff33,#56007d26);box-shadow:0 4px 12px #56007d33 inset 0 0 20px #8620ff1a}
.nav-item-active i{opacity:1;color:#8520FF;text-shadow:0 0 10px #8620ff99}
.nav-item-active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(180deg,#8520FF,#6a1bb3);border-radius:0 4px 4px 0;box-shadow:0 0 10px #8620ff99}
.nav-badge{position:absolute;right:18px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 6px #0000004d}
.country-selector{padding:7px 18px;background:#ffffff0d;border-radius:10px;cursor:pointer;transition:all .3s;font-size:13px;font-family:Quicksand;text-align:center;position:absolute;bottom:90px;width:calc(100% - 65px);margin:10px}
.country-selector:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}
.country-flag{width:18px;height:13px;border-radius:2px;object-fit:cover;box-shadow:0 1px 3px #0000004d}
.country-name{flex:1;color:#fff;font-weight:500}
.lang-indicator{color:#fff9;font-size:11px}
.sidebar-footer{padding:20px;border-top:1px solid #ffffff1a;background:linear-gradient(180deg,transparent 0%,#8620ff0d 100%)}
.legal-link{display:flex;align-items:center;justify-content:center;gap:8px;color:#ffffffb3;text-decoration:none;font-size:12px;padding:10px;border-radius:8px;transition:all .3s;font-family:Quicksand}
.legal-link:hover{color:#fff;background:#ffffff0d;transform:translateY(-1px)}
.legal-link i{font-size:11px}
@media (max-width: 768px) {
.header-container{gap:10px}
.nav_bar{width:260px}
.nav-item{padding:12px 16px;font-size:13px}
}
.Frame .Frame_Header .pseudo{position:relative;background:#0000002e;font-size:12px;padding:5px 7px;border-radius:4px;vertical-align:5px}
.Frame .Frame_Header .pseudo:after{left:100%;top:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#8cbcdb00;border-left-color:#0000002e;border-width:7px;margin-top:-7px}
.Frame_Contenair{position:relative;min-height:100vh}
.Frame .List_Contenair .loader{text-align:center;position:absolute;top:-999px;bottom:-999px;left:-999px;right:-999px;margin:auto;width:200px;height:200px;z-index:2}
.Frame .List_Contenair .loader img{display:block;margin:0 auto}
.Frame .List_Contenair{position:relaive;padding-left:5px;width:100%;flex:1 1 auto;overflow-x:auto;padding-right:20px}
.Frame .List_Contenair .button_action{background:#eee;padding:5px 7px;border-radius:5px;margin-left:4px;cursor:pointer}
.Frame a{color:#fff}
.flex{display:flex}
.tab_contenair{position:absolute;top:0;left:220px;width:calc(100% - 220px)}
.check_disabled{color:#3e3e3e}
.Popup_CreateUser b,.Form_UserEdition b{display:inline-block}
.UserEditionPopup .Popup_Content{background:#000;color:#FFF}
.UserEditionPopup .Popup_Content .tab_contenair_settings{padding:0px;}
.tab_selector{flex:0 0 auto}
.UserEditionPopup .Reply_Line .color-pink{color:#1d8ab5!important}
.UserEditionPopup .Reply_Line .selected_blue .progress_contenair{border:0!important}
.Form_UserEdition h2{font-weight:600}
.AjaxReply{color:#666;margin-bottom:20px;background:#ffffffbf;border-radius:5px;padding:5px 10px;border-bottom:3px solid #939393;display:inline-block;position:relative}
.AjaxReply:after{top:100%;left:25px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:#88b7d500;border-top-color:#939393;border-width:15px;margin-left:-15px}
.text-align-center .AjaxReply:after{left:50%}
toast{position:fixed;z-index:9999;bottom:10vh;overflow:hidden;background:linear-gradient(45deg,#0e0615,#722175);color:#fff;padding:15px 20px;padding-left:20px;margin:0 auto;left:-9999px;right:-9999px;width:70vw;border-radius:10px;box-shadow:0 0 50px #a6105d4d;padding-left:65px}
toast .Toast_Header{color:#FFF;font-weight:800;font-size:15px;font-family:Quicksand}
toast .Toast_Content{font-size:12px}
toast .Toast_Icon{position:absolute;top:calc(50% - 10px);left:15px;font-size:25px;color:#fff;opacity:1}
toast .Toast_ProgressBar{height:6px;background:#ffffff82;position:absolute;left:0;bottom:0;opacity:.8;transition:all .4s}
toast.red{background:#6a0b0b}
popup{position:absolute;font-family:Quicksand;z-index:9998;top:10vh;color:#cacaca;background:#16061ce5 url(/assets/ressources/images/background-popup.jpg)!important;width:800px;left:0;right:0;margin-left:auto;margin-right:auto;box-shadow:0 0 160px #5f0182;border-radius:12px;overflow:hidden}
popup:after{content:""}
popup input[type=text],popup input[type=password],popup input[type="number"]{width:calc(100% - 40px);background:#A6A6A61C;color:#fff;font-size:14px}
input[type="number"]{height:21px}
popup .select2-container--default .select2-selection--single{background:#FFF;font-family:'Hind Vadodara';border:0;border-bottom:2px solid #ccc!important;color:#111;border-radius:11px}
popup .select2-container--default .select2-selection--single .select2-selection__rendered{color:#222;font-weight:600;font-family:'Hind Vadodara'}
popup .select2-container--default .select2-selection--single .select2-selection__arrow{top:4px}
.select2-container{z-index:1;min-width:100px;font-family:Hind Vadodara;color:#656565;font-weight:500}
.select2-container--open{z-index:10000}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#656565}
.select2-container--default .select2-selection--single{border:1px solid #eee;border-bottom:2px solid #e3e3e3!important;border-radius:5px}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:30px}
.select2-container .select2-selection--single{height:32px}
select{background:#FFF;padding:9px 19px;border:0;font-family:"Hind Vadodara";font-size:14px;font-weight:600;border-radius:22px;margin-top:5px}
select option{font-family:Quicksand;color:#000}
popup b{font-weight:800}
popup h1{color:#FFF}
.Popup_Login{text-align:center}
.key-login{text-shadow:0 0 15px #ba00ff;font-size:40px;color:#FFF;margin-top:50px;margin-bottom:25px}
.code-container{display:flex;gap:12px;width:370px}
.recovery_code{width:45px;height:55px;font-size:28px;font-weight:700;text-align:center;border-radius:10px;border:2px solid #6d1aff;background:#1c1c1c;color:#fff}
.recovery_code:focus{outline:none;border-color:#a559ff;box-shadow:0 0 10px #a555ff80}
.Popup_Login b{display:block}
.Popup_Login .block,.Popup_FullScreen .block{margin-top:10px;margin-bottom:20px;font-size:15px;position:relative}
.block_input{position:relative}
.block{display:block}
.line-block{display:block}
.legend_block{background:#ccc;padding:2px 4px;margin-top:5px;border-radius:5px;font-size:13px}
.lb_error{background:#553c3c}
.Popup_Login .block_input i,.Popup_FullScreen .block_input i{display:none}
.Popup_Login .Buttons_Contenair{padding:0 20px}
.Popup_CreateUser select{border-radius:4px;background:#FFFFFF0F;padding:7px 19px;border-bottom:1px solid #cccccc26;color:#FFF}
.Popup_FullScreen{background:none!important;height:100vh;top:0;box-shadow:none!important}
.UserLoginPopup,.UserCreatePopup{z-index:10000}
.Popup_White{background:#FFF!important;color:#111;height:100vh;width:100vw;max-width:100vw}
.Popup_White input[type="text"],.Popup_White input[type="password"] .Popup_White input[type="number"]{border:1px solid #ccc}
.Popup_White .back{display:block!important}
.Popup_White .close{display:none!important}
.UserLoginPopup h1,.Popup_FullScreen h1{text-align:left;margin-top:0;font-weight:800;color:#FFF;font-family:Quicksand}
.UserLoginPopup .Popup_Header,.UserLoginPopup .Popup_Footer,.Popup_FullScreen .Popup_Header,.Popup_FullScreen .Popup_Footer{background:none}
.UserLoginPopup .Popup_Header i,.Popup_FullScreen .Popup_Header i{top:40px}
.UserLoginPopup .Popup_Content,.Popup_FullScreen .Popup_Content{max-height:100vh}
.Popup_With_Header .Popup_Content{max-height:calc(100vh - 200px)!important}
.UserPopup .Popup_Content{max-height:calc(100vh - 100px)!important}
.UserEditionPopup .Popup_Content{height:calc(100vh - 200px)!important}
.UserPopup,.ConversationPopup,.UserEditionPopup{width:870px;height:90vh;margin:auto;top:5vh;border-radius:10px;box-shadow:0 0 60px #000}
.UserPopup .Popup_Header i{top:20px}
.UserPopup{background:#111!important}
.user_buttons{position:absolute;top:25px;right:25px}
.user_buttons .button_mini{font-size:12px;padding:8px 10px}
.user_wrapper_data{background:#111;padding:25px;color:#dfdfdf;position:relative}
.UserPopup .Popup_Content,.ConversationPopup .Popup_Content{padding:0}
.user_picture_gallery{width:100%;height:60vh;position:relative;z-index:0;background:#000;overflow:hidden}
.user_picture_gallery img{z-index:1;max-width:80%;left:-999px;right:-999px;top:-999px;bottom:-999px;position:absolute;margin:auto;max-height:80%;border-radius:5px;box-shadow:0 0 70px #cccccc1a}
.background_overlay2_gallery{position:absolute;opacity:1;background:url(/assets/ressources/images/background-bubble-color-blue.png) repeat;animation:animateBackgroundTop200 15s linear infinite;width:100%;height:100%;left:0;top:0;z-index:0}
.background_overlay3_gallery{position:absolute;opacity:1;background:url(/assets/ressources/images/background-bubble-color-blue.png) repeat;animation:animateBackgroundTop210 26s linear infinite;width:100%;height:100%;left:0;top:0;z-index:0}
.arrows{position:absolute;top:0;width:50px;text-align:center;height:100%;transition:all .2s}
.gallery_points{position:absolute;width:100%;text-align:center;top:15px}
.gallery_points div{display:inline-block;background:#FFFFFF54;width:10px;height:10px;border-radius:100px;margin-right:3px;margin-left:3px;transition:all .2s}
.gallery_points .activ{width:30px;background:#FFFFFFC4}
.arrows:hover{background:#FFFFFF21}
.arrows i{position:absolute;height:24px;bottom:-999px;top:-999px;margin:auto;font-size:24px}
.arrow_left{left:0}
.arrow_right{right:0}
.match-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeOutMatch 5s forwards}
.match-message{font-size:48px;font-weight:800;color:#fff0;text-shadow:0 0 100px #00ffdb;font-family:Raleway;text-transform:uppercase;font-style:italic;background-clip:text;animation:animateBackgroundTop 7s linear infinite,pulseMatch 4s ease-in-out infinite;background:url(/assets/ressources/images/background-bubble.png) repeat,#73829bc2 fixed;background-clip:border-box,border-box;-webkit-background-clip:text;background-clip:text}
@keyframes fadeOutMatch {
0%{opacity:1}
90%{opacity:1}
100%{opacity:0;visibility:hidden}
}
@keyframes pulseMatch {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.vh3{height:3vh}
.vh5{height:5vh}
.vh15{height:15vh}
.vh10{height:10vh}
.mb25{margin-bottom:25px}
.QuestionForm{color:#eee}
.QuestionForm .level_p_contenair{background:#ffffff12;height:25px;border-radius:16px;box-shadow:0 0 20px #37393340}
.QuestionForm .level_p{background:url(/assets/ressources/images/background-question.png) repeat,#642dfba3;animation:animateBackgroundLeft 30s linear infinite;height:25px;width:25%;border-radius:16px;transition:all .3s;min-width:60px;max-width:100%}
.QuestionForm .level_p span{padding:4px 12px;display:block;font-weight:600;color:#FFF;transition:transform .3s ease,opacity .3s ease}
.QuestionForm .lpc_red .level_p{background:#ce007e52!important}
.QuestionForm .lpc_red span{color:#f4b0f0!important}
.QuestionForm .level_p .animate{transform:scale(1.5);opacity:0;color:#FFF}
.level_p_contenair_transparent{opacity:.5}
.UserLoginPopup input[type="text"],.UserLoginPopup input[type="password"],.Popup_FullScreen input[type="text"],.Popup_FullScreen input[type="password"],.Popup_FullScreen input[type="number"]{background:#FFFFFF0F;color:#FFF;border-bottom:1px solid #cccccc26;border-radius:3px;width:300px}
.UserLoginPopup input:-moz-autofill,.UserLoginPopup input:-webkit-autofill{background:#fff!important;color:#000!important}
.UserLoginPopup .Popup_Header i{color:#FFF;top:57px;font-size:22px}
.Popup_Header{cursor:move;font-family:"Gantari";font-weight:600;padding:17px 14px;color:#eee;font-size:20px;position:relative;letter-spacing:0;text-align:left}
.Popup_Header i{position:absolute;right:15px;top:11px;font-size:31px;cursor:pointer;color:#f2f2f2}
.Popup_Header .back{color:#FFF;top:16px!important;font-size:23px;left:20px;right:auto;display:none}
.Popup_White .back{color:#222}
.Popup_FullScreen .back{display:block}
.Popup_FullScreen .Popup_Header{color:#FFF;text-align:center}
.Popup_FullScreen .Popup_Header i{color:#FFF}
.Popup_FullScreen .close,.Popup_Header_back .close{display:none}
.Popup_Content{padding:20px;max-height:73vh;overflow-y:auto;padding-bottom:30px;scrollbar-width:none;-ms-overflow-style:none}
.Popup_Content::-webkit-scrollbar{display:none}
.Popup_Footer{padding:20px;position:relative;transition:all .3s;margin:15px -20px -30px;background:#1a1a1a}
.Popup_Footer .Provider_Account{position:absolute;top:3px;padding-top:30px;right:0;width:180px}
.Popup_Footer .Provider_Account img{width:110px;cursor:pointer;transition:all .3s}
.Popup_Footer .Provider_Account img:hover{opacity:.4}
.Popup_Footer .Provider_Account span{position:absolute;top:7px;font-size:11px;color:#ccc}
.Popup_Footer .Provider_Account .discount{background:#679502;color:#FFF;top:-30px;padding:5px 10px;font-size:12px;right:20px;width:180px;border-radius:4px;font-family:Quicksand;font-weight:600}
.Popup_Footer .Provider_Account .discount:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:#88b7d500;border-top-color:#679502;border-width:10px;margin-left:-10px}
.question_title{color:#FFF!important;font-size:22px!important}
.Question{font-family:Quicksand;width:calc(800px - 20px);margin:100px auto;padding:10px;border-radius:10px;position:relative}
.Question_Footer{padding:0 10px 10px;text-align:right}
.Question_Footer .button{font-size:14px;background:none;border:2px solid #FFFFFF3D}
.Question .range_contenair .option{background:#E320FFB2;box-shadow:0 0 19px #bb00ff40;color:#FFF;border:2px solid #E320FF21}
.Question .range_contenair .option.selected{background:#00f8ca}
.Question .range_contenair .option:hover{color:#e500f8;background:#E320FF21;border:2px solid #E320FF21}
.Question .range_contenair .option.selected:hover{color:#FFF}
.image_question{height:90px;width:90px}
.Game_Contenair .Question{margin:40px auto 0!important}
.onboarding_progress_wrapper{position:relative;max-width:780px;margin:15px auto;padding:12px 16px;border-radius:10px;overflow:visible;font-family:'Quicksand',sans-serif;margin-top:40px}
.onboarding_bar_container{position:relative;height:20px;background:#ffffff14;border-radius:10px;overflow:visible;margin:15px 0 25px}
.onboarding_bar_fill{height:100%;background:url(/assets/ressources/images/background-question.png) repeat,#642dfba3;border-radius:10px;animation:animateBackgroundLeft 30s linear infinite;transition:width .5s ease-out;box-shadow:0 0 12px #8520FF50}
.onboarding_milestones_track{position:absolute;top:0;left:0;right:0;bottom:0}
.milestone_on_bar{position:absolute;top:50%;transform:translateY(-50%);z-index:2;transition:left .6s ease-out,right .6s ease-out,opacity .3s ease}
.milestone_icon{width:28px;height:28px;background:#1a1a1a;border:2px solid #333;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease;position:relative}
.milestone_icon i{font-size:10px;color:#555;transition:all .3s ease}
.milestone_check{position:absolute;bottom:-4px;right:-4px;width:14px;height:14px;background:#642dfba3;border-radius:50%;font-size:8px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;opacity:0;transform:scale(0);transition:all .3s ease}
.milestone_completed{animation:slideToLeft .6s ease-out}
.milestone_completed .milestone_icon{background:linear-gradient(135deg,#1a1030,#2d1a4d);border-color:#642dfba3;box-shadow:0 0 12px #8520FF50}
.milestone_completed .milestone_icon i{color:#b794f6}
.milestone_completed .milestone_check{opacity:1;transform:scale(1)}
@keyframes slideToLeft {
from{transform:translateY(-50%) translateX(100px);opacity:.5}
to{transform:translateY(-50%) translateX(0);opacity:1}
}
.milestone_pending{opacity:.4}
.milestone_pending .milestone_icon{background:#151515;border-color:#2a2a2a}
.milestone_pending .milestone_icon i{color:#444}
.milestone_target{opacity:1}
.milestone_target .milestone_icon{background:#1a1a1a;border-color:var(--milestone-color,#8520FF);box-shadow:0 0 15px color-mix(in srgb,var(--milestone-color,#8520FF) 60%,transparent);transform:scale(1.1)}
.milestone_target .milestone_icon i{color:var(--milestone-color,#8520FF)}
.onboarding_next_reward{text-align:right;padding:0;margin-top:-10px}
.next_reward_text{color:#aaa;font-size:11px;font-weight:400}
.next_reward_text b{color:#8520FF;font-weight:600}
.next_reward_feature{color:#999;font-weight:500}
.onboarding_celebration{position:absolute;top:0;left:0;right:0;bottom:0;background:#0b0b0bd9;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:10px;animation:fadeInCelebration .2s ease}
@keyframes fadeInCelebration {
from{opacity:0}
to{opacity:1}
}
.celebration_content{text-align:center;animation:bounceIn .3s ease}
@keyframes bounceIn {
0%{transform:scale(0.8);opacity:0}
100%{transform:scale(1);opacity:1}
}
.celebration_icon{font-size:24px;display:inline-block;margin-right:8px;color:#9b59b6;vertical-align:middle}
.celebration_text{display:inline;font-size:14px;font-weight:600;color:#9b59b6;vertical-align:middle}
.celebration_reward{display:block;font-size:11px;color:#666;margin-top:4px}
.confetti{display:none}
.onboarding_compact{text-align:center;margin:5px auto;max-width:780px;opacity:.8}
.onboarding_badge{display:inline-block;background:transparent;color:#555;padding:4px 10px;border-radius:10px;font-size:10px;font-weight:500;font-family:'Quicksand',sans-serif;border:1px solid #333}
.onboarding_badge i{margin-right:4px;color:#7b4d9b}
@media (max-width: 768px) {
.onboarding_progress_wrapper{margin:8px 0;padding:8px 10px}
.onboarding_bar_container{margin:12px 0 20px}
.milestone_icon{width:20px;height:20px}
.milestone_icon i{font-size:9px}
.milestone_check{width:12px;height:12px;font-size:7px;bottom:-3px;right:-3px}
.next_reward_text{font-size:10px}
.onboarding_bar_container{height:15px}
}
.photo_locked{filter:blur(2px) brightness(1.2)!important}
.user_picture_gallery img.photo_locked{filter:blur(12px) brightness(1.2)!important}
.photo_lock_overlay{position:absolute;top:75%;left:64%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:5;text-shadow:0 0 20px #000}
.photo_lock_overlay i{color:#e894ff!important;font-size:12px}
.filter_locked{opacity:.4;cursor:not-allowed;position:relative}
.filter_locked:hover{opacity:.5}
.filter_lock_icon{position:absolute;top:-4px;right:-4px;font-size:8px;color:#8520FF;background:#1a1a1a;padding:2px;border-radius:50%}
.level_system_wrapper{position:relative}
.onboarding_transition{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#1a1030,#2d1a4d);border:1px solid #8520FF50;border-radius:10px;margin-bottom:10px;animation:transitionPulse 2s ease-in-out infinite}
.onboarding_transition i{color:#8520FF;font-size:18px}
.onboarding_transition span{color:#b794f6;font-size:12px;font-weight:500}
@keyframes transitionPulse {
0%,100%{box-shadow:0 0 10px #8520FF30}
50%{box-shadow:0 0 25px #8520FF60}
}
.level_explanation{text-align:center;margin-top:8px;font-size:10px;color:#666;font-family:'Quicksand',sans-serif}
.level_explanation i{margin-right:4px;color:#8520FF80}
.homepage_description{position:relative;background:url(/assets/ressources/images/background-color.png) repeat,linear-gradient(121deg,#190023 0%,#190023 51%,#320037 51%,#000 100%) fixed;animation:animateBackground 60s linear infinite;color:#d8d8d8;padding:20px 50px;overflow:hidden;box-shadow:0 0 200px #3f0255;margin-top:50px;padding-bottom:100px}
.homepage_description h2{position:relative;z-index:1;font-size:55px;font-weight:700;letter-spacing:-1px;color:#fff;margin-top:40px;text-transform:none;line-height:1.1;text-align:center}
.homepage_description h2 b{background:linear-gradient(90deg,#ff0bfb 0%,#c757b5 50%,#ffe71b 100%);background-clip:border-box;font-weight:200;font-size:42px;background-clip:text;color:#FFF0;font-family:Silkscreen}
.homepage_description b{background:linear-gradient(90deg,#ff0bfb 0%,#c757b5 50%,#ffe71b 100%);background-clip:border-box;background-clip:text;color:#FFF0}
.blog-card b{background:linear-gradient(90deg,#ff00e3b3 0%,#ffe71bb0 100%)!important;color:#FFF!important;text-transform:uppercase;font-style:italic;border-radius:3px;padding:1px 6px;font-size:11px}
.homepage_description h3{position:relative;z-index:1;font-size:35px;font-weight:700;letter-spacing:-1px;color:#fff;margin-top:10px;margin-bottom:15px;text-transform:none;line-height:1.1}
.homepage_description strong{color:#fff;font-weight:500}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(60px)}
to{opacity:1;transform:translateY(0)}
}
.homepage_description h3,.homepage_description p{animation:fadeInUp 1s ease forwards}
.description_section{padding:15px;border-radius:10px}
.description_contenair{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));margin-top:30px}
.description_section img{display:block;width:70px;text-align:center;margin:0 auto}
.question_progress_wrapper{display:flex;width:100%;align-items:center}
.question_progress_wrapper .fa-circle-check{display:none}
.my_mbti_homepage{max-width:950px;margin:0 auto;box-shadow:0 0 74px #e646ff33;padding:15px;border-radius:10px;text-shadow:0 0 15px #e646ff;background:url(/assets/ressources/images/background-bubble.png) repeat,#0000 fixed;animation:animateBackgroundTop 7s linear infinite}
.question_progress_bar{margin-bottom:10px;width:calc(50% - 20px);display:inline-block;margin-right:20px}
.question_progress_text i{margin-right:5px}
.community_stats_section{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:30px}
.community_stats_section .stat_item{box-shadow:0 0 74px #e646ff33;border-radius:12px;padding:16px;color:#fff;backdrop-filter:blur(8px);transition:all .3s ease;overflow:hidden}
.community_stats_section .stat_item:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 0 30px #e646ff59}
.community_stats_section .stat_item p{font-size:15px;font-weight:500;color:#e8d5ff;margin-bottom:8px;line-height:1.4}
.community_stats_section .stat_item b{color:#FF05C1;font-weight:600}
.community_stats_section .progress_bar_wrapper{display:table;border-spacing:6px 6px}
.community_stats_section .progress_bar_group{display:table-row}
.community_stats_section .progress_bar{display:table-cell;width:100%;height:14px;background:#ffffff14;border-radius:8px;overflow:hidden;position:relative}
.progress_bar_mbti{position:relative;border-radius:8px;flex-grow:1;width:calc(100% - 20px);min-width:50px;background:#ffffff14;height:14px}
.community_stats_section .progress,.progress_bar_mbti_cursor{height:100%;background:linear-gradient(90deg,#ff2cdf,#ff8a00);border-radius:8px;text-align:right;padding-right:5px;font-size:10px;font-weight:600;color:#fff;transition:width .6s ease-in-out;box-shadow:0 0 8px #ff05c14d}
.community_stats_section .pb_right i{position:absolute;left:5px}
.community_stats_section .stat_note{display:table-cell}
.community_stats_section .stat_note,.question_progress_text,.content_wrapper_message .legend{font-size:12px!important;color:#c9b8ff!important;font-style:italic!important;opacity:.9!important;white-space:nowrap!important}
.community_stats_section .description{display:table-cell;font-size:13px;color:#FFF;font-style:italic;opacity:.9}
.community_stats_overview{text-align:center;margin-top:20px}
.community_stats_overview .stat_item{margin-bottom:5px;text-align:center;display:inline-block;width:160px;vertical-align:top}
.community_stats_overview .stat_number{font-size:24px;font-weight:800;color:#FFF;margin-right:6px;display:block;font-style:italic}
.community_stats_overview .stat_label{font-size:15px;color:#f5d4ff;opacity:.9}
.community_stats_section .blog_title{font-weight:700;margin-bottom:10px;display:inline-block;font-size:18px}
.progress_bar_mbti_cursor{position:absolute;z-index:1;top:0;width:50%;text-align:left;padding-left:5px}
.progress_bar_mbti .fa-caret-up{position:absolute;height:16px;z-index:0;left:0;top:12px;width:13px;text-align:center;color:#4d4d4d;text-shadow:none}
.question_progress_text{margin-right:20px;display:inline-flex;align-items:center}
.pbm_invalid .question_progress_text{color:#3094b2;text-shadow:0 0 15px #5d46ff}
.pbm_invalid .progress_bar_mbti_cursor{background:linear-gradient(90deg,#204c59,#3063b2);box-shadow:0 0 8px #4705ff4f}
.pbm_valid .fa-caret-up{color:#953E8F}
.pbm_valid .fa-circle-check{display:inline-block}
.pbm_valid .fa-circle-xmark{display:none}
.blog_category_title{color:#fff0;background:linear-gradient(90deg,#ff0bf3,#ffe71b);background-clip:text;font-size:20px;margin-top:30px;display:inline-block;text-transform:uppercase;font-style:italic}
.blog-card{padding-bottom:55px!important}
.blog-card .button{background:linear-gradient(130deg,#ff2cdf,#ff8a00);margin-top:15px;padding:7px 13px;position:absolute;bottom:14px}
.blog-card .button i{font-size:10px}
.Matcher_Sum_Contenair,.Contenair_Main{position:relative;margin-left:auto;margin-right:auto;margin-top:30px}
.Matcher_Sum_Contenair .tab_contenair_settings{position:relative;display:flex;justify-content:center;align-items:center;padding:8px;max-width:800px;margin:20px auto;z-index:2}
.Matcher_Sum{border-radius:10px;padding:10px;font-family:Quicksand;transition:all .5s;min-height:430px;color:#FFF}
.Matcher_Sum .table_sum_profil{display:none}
.Matcher_Sum h2{font-family:Quicksand;font-weight:800;margin-bottom:15px;font-size:16px;color:#0ff;text-shadow:0 0 5px #0ff}
.Matcher_Sum .range_contenair .option,.UserPopup .range_contenair .option{padding:5px 12px;background:#333;border-radius:5px}
.Matcher_Sum .range_contenair .option_plus{position: absolute;right: 0px;top: 12px;}
.tab_contenair_settings{white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:15px;margin-top:8px;position:relative;display:flex;justify-content:center;align-items:center;padding:8px;max-width:800px;z-index:2}
.tab_contenair_settings::-webkit-scrollbar{display:none}
.tab_contenair_settings span{flex:1;text-align:center;color:#444;font-weight:700;padding:5px 0;cursor:pointer;position:relative;font-family:"Quicksand",sans-serif;transition:all .35s ease;text-transform:uppercase;letter-spacing:.5px}
.tab_contenair_settings i{display:block;font-size:18px;margin-bottom:9px;transition:all .35s ease}
.tab_contenair_settings span:hover{color:#fff}
.tab_contenair_settings span:hover i{color:#ffe71b;transform:scale(1.1)}
.tab_selector_active{color:#fff!important}
.tab_selector_active i{color:#fff;transform:scale(1.1)}
.tab_selector_active::after{content:"";position:absolute;bottom:-4px;height:5px;width:65%;background:linear-gradient(90deg,#ff0bf3,#ffe71b);box-shadow:0 0 10px #ff0bf3;border-radius:3px;transition:transform .4s ease;margin:0 auto;right:-1000px;left:-1000px}
.tab_selector_active::before{content:"";position:absolute;bottom:-13px;left:50%;transform:translateX(-50%) rotate(0deg);width:20px;height:10px;background:linear-gradient(90deg,#e58251 0%,#ffb667 100%);clip-path:polygon(50% 100%,0 0,100% 0);z-index:-1}
.tab_selector_1.tab_selector_active ~ ::after{transform:translateX(0%)}
.tab_selector_2.tab_selector_active ~ ::after{transform:translateX(100%)}
.tab_selector_3.tab_selector_active ~ ::after{transform:translateX(200%)}
.tbs_background{background:#bdafaf14;border-radius:10px;margin-top:10px}
.Tab_Content{display:none}
.tab_content{position:relative}
.profil_contenair{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));margin:0 auto;max-width:100%}
.pc_blur{pointer-events:none;filter:blur(4px);opacity:.5;height:200px;overflow:hidden}
.pc_blur .percent_wrapper{filter:blur(4px)}
.Matcher_Case{display:inline-block;text-align:center;height:160px;max-width:100px;position:relative;border-radius:6px;background:url(/assets/ressources/images/background-bubble.png) repeat,#0b0b0b fixed;background-position:0 0,0 0;animation:animateBackgroundTop 7s linear infinite;border-radius:12px;padding:15px;box-shadow:0 0 45px #56007d;transition:all .2s ease-in-out;cursor:pointer;text-align:center;color:#0ff}
.Matcher_Case:hover{transform:scale(1.05);box-shadow:0 0 40px #56007d}
.user_case_wrapper{position:relative;width:80px;height:80px;margin:auto}
.user_case{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.user_case img{width:100%;height:100%;object-fit:cover;border-radius:50%;filter:brightness(1.2)}
.user_case i{position:absolute;top:-999px;left:-999px;font-size:20px;color:#0ff;width:20px;text-align:center;right:-999px;bottom:-999px;height:33px;margin:auto}
.country_flag{position:absolute;top:14px;right:-2px;z-index:2}
.details{font-size:14px;font-weight:700;margin-top:10px;color:#FFF}
.Matcher_Case .zipcode{font-size:12px;color:#ddd;margin-top:0;display:block;height:17px}
.progress-wrapper{position:relative;width:80px;height:80px;margin:auto}
.pwi::after{content:"";background:url(/assets/ressources/images/background-bubble-color.png) repeat;animation:animateBackgroundTop 10s linear infinite;height:100%;width:100%;position:absolute;left:0;border-radius:100px}
.Matcher_Line_Match{box-shadow:0 0 45px #00607d}
.Matcher_Line_Match .pwi::after{content:"";background:url(/assets/ressources/images/background-bubble-blue.png) repeat;animation:animateBackgroundTop 10s linear infinite;height:100%;width:100%;position:absolute;left:0;border-radius:100px}
.progress-circle{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#111;display:flex;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 0 30px #9700ff;transition:box-shadow .3s ease-in-out}
.Matcher_Line_Match .progress-circle{box-shadow:0 0 30px #2EA6EE}
.Matcher_Line_Match .percent_wrapper{color:#E9F7FF;text-shadow:0 0 10px #2EA6EE}
.progress-circle img{width:90%;height:90%;object-fit:cover;border-radius:50%;filter:brightness(1.2)}
.Matcher_Case:hover .progress-circle{box-shadow:0 0 60px #5cff00}
.user_loading{position:absolute;top:30px;right:30px;display:none}
.wait .user_loading{display:block}
.none .progress-circle{box-shadow:0 0 10px #333}
.about .progress-circle{box-shadow:0 0 30px #d5a636}
.user_red .progress-circle{box-shadow:0 0 30px red}
.user_red_big .progress-circle{background:#f90404;box-shadow:0 0 70px red}
.about_string{text-align:center;margin-bottom:10px}
.about_string b{background:#F9F9F92E;padding:3px 10px;border-radius:5px;margin:0 auto}
.country_flag img{width:13px}
.percent_wrapper{position:absolute;bottom:-5px;right:-13px;font-size:12px;color:#d9abf9;text-shadow:0 0 10px #7900cc}
.home_match_waiting{text-align:center;padding-top:30px}
.home_match_waiting .number{display:block;font-size:60px;color:#fff0;background:linear-gradient(90deg,#ff0bf3,#ffe71b);background-clip:text;width:80px;margin:0 auto;text-shadow:none;font-weight:700;font-family:Rubik}
.hm_home{text-align:center;padding-top:30px;position:absolute;top:-10px;text-shadow:0 0 10px #ff00f0;left:-999px;right:-999px;max-width:460px;margin:auto}
.hm_home2{width:280px;position:relative;margin:0 auto;left:0;right:0;margin-bottom:30px}
.hm_home_lock{position:absolute;background:linear-gradient(110deg,#ff0bf35c,#ff1b1b5c);width:35px;margin:0 auto;padding:4px 0;border-radius:8px;font-size:13px;margin-top:-20px;color:#fff;text-align:center;box-shadow:0 0 10px #ff1e1e4d;font-family:"Quicksand",sans-serif;letter-spacing:.5px;backdrop-filter:blur(3px);transition:all .3s ease;right:150px;top:48px}
.hm_home_lock i{color:#FFF}
@keyframes animateBackgroundTop {
0%{background-position:0 0}
50%{background-position:-20px -50px}
100%{background-position:0 -100px}
}
@keyframes animateShadow {
0%{box-shadow:0 0 600px #b0f}
50%{box-shadow:0 0 400px #bb00ff96}
100%{box-shadow:0 0 600px #b0f}
}
.margin_linked{bottom:17px!important;left:-16px!important}
.feed_contenair_header{font-family:Gantari;padding-left:10px;position:relative;margin-top:35px;margin-bottom:30px;font-weight:700;font-size:16px}
.feed_contenair_header::after{content:"";position:absolute;bottom:-8px;height:35px;width:343px;background:linear-gradient(90deg,#e00bff26,#5c00b900);border-radius:3px;transition:transform .4s ease;margin:0 auto;left:-26px;z-index:0}
.feed_contenair_header b{color:#fff;text-transform:uppercase;font-weight:700;position:relative;z-index:1;background-clip:text}
.feed_contenair_header i{font-size:16px;vertical-align:0;z-index:1;position:relative}
.feed_contenair{font-family:Gantari;color:#313131;text-align:left;position:relative;margin-top:5px;border-radius:5px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}
.feed_contenair b{font-weight:400}
.feed{padding:10px 15px;margin-bottom:12px;border-radius:8px;transition:transform .2s ease-in-out;background:url(/assets/ressources/images/background-bubble.png) repeat,#0000 fixed;animation:animateBackgroundTop 7s linear infinite;position:relative;box-shadow:0 0 60px #5f0182;display:inline-block;vertical-align:top;margin-right:20px}
.feed .reply{font-size:16px;font-weight:700;color:#fff;margin-top:5px;display:block;font-style:italic}
.feed_contenair .date{background:#7b0a79;font-size:11px;display:inline-block;min-width:30px;text-align:center;font-weight:700;color:#FFF;border-radius:10px;padding:4px 0;font-family:Quicksand;letter-spacing:0;margin-right:7px}
.feed_question{color:#e8d5ff;font-weight:500;margin-bottom:4px;margin-top:6px}
.meilleur-match,.feed-info{display:inline-block;background:#ffffff14;border-radius:8px;padding:6px 10px;color:#e5a0ff;font-size:13px;font-weight:600;transition:all .3s ease;position:absolute;bottom:6px}
.meilleur-match:hover{transform:scale(1.05);box-shadow:0 0 8px #388e3c4d}
.meilleur-match .pourcentage{color:#FF05C1;font-weight:700}
.meilleur-match-wait{color:#6a6a6a;font-style:italic;background:#9d9d9d0d}
.mm-wrapper{height:33px}
.feed-info.warning{color:#e19e48;font-style:normal;font-weight:400}
.feed_contenair_game{padding:20px;max-width:500px;margin:0 auto}
.feed_contenair_game .feed{background:#DC3FEA0D}
.feed-green{background:#74EA3F0D;color:#F2FFE0!important}
.feed-red{background:#EA3F6F0D;color:#E69595!important}
.live_tag{background:#FFFFFF24;padding:5px 10px;border-radius:18px;color:#fdfdfd;font-size:11px;margin-top:10px;display:inline-block}
.div_content{background:#2f2f2f;padding:13px;border-radius:7px}
li{margin-left:30px}
.Matcher_Line{border-radius:4px;width:calc(100% - 10px);overflow:hidden;position:relative;margin-bottom:5px;font-family:'Hind Vadodara';padding:4px}
.Matcher_Progress_Contenair{position:absolute;top:24px;right:100px;height:8px;width:270px;overflow:hidden;border-radius:5px;background:#e6e199}
.Matcher_Progress{width:100%;height:8px;position:absolute;background:#bdba00;z-index:1;border-radius:5px}
.Matcher_Line_Signed .Matcher_Progress_Contenair{position:absolute;top:24px;right:100px;height:8px;width:270px;overflow:hidden;border-radius:5px;background:#b1e699}
.Matcher_Line_Signed .Matcher_Progress{width:100%;height:8px;position:absolute;background:#3bbd00;z-index:1;border-radius:5px}
.Matcher_Line_Linked .Matcher_Progress_Contenair{background:#92bde3}
.Matcher_Line_Linked .Matcher_Progress{background:#4996db}
.Matcher_Infos{z-index:2;position:relative;width:200px;padding:0 8px}
.user_case_mini{width:30px;height:30px}
.user_case_mini i{font-size:23px;top:10px;width:32px;bottom:auto;right:auto;left:6px;text-shadow:none}
.user_case_green i{color:#a9bfa4}
.user_case_blue i{color:#a4b5bf}
.percent_contenair{position:absolute;right:0;bottom:4px;width:100%;text-align:right;vertical-align:2px;z-index:1}
.user_friend{position:absolute;bottom:0;left:-5px;font-size:11px}
.count_sum{min-width:80px}
.Matcher_Line .legend{display:block;margin-top:-3px;color:#918a80}
.Matcher_Line_Signed .legend{color:#79b06c}
.Matcher_Line_Linked .legend{color:#4996db}
.count_percent{display:inline-block;vertical-align:2px;color:#fff;font-weight:700;font-size:13px;text-align:center;font-family:Roboto;position:relative;width:36px;min-width:36px;text-align:left;padding-left:7px;--after-width:30px}
.count_percent b{z-index:2;position:relative;font-weight:600;font-family:Quicksand;font-size:12px}
.count_percent::after{-webkit-transform:skew(-15deg);-moz-transform:skew(-15deg);-o-transform:skew(-15deg);tranform:skew(-15deg);content:"";background:linear-gradient(98deg,#352a33,#771d1d);border-radius:4px;padding:1px 5px;top:-1px;z-index:1;display:block;width:100%;height:16px;position:absolute;left:0}
.count_percent_green::after{background:linear-gradient(98deg,#253320,#a2ff1b)}
.count_percent_blue::after{background:linear-gradient(98deg,#332030,#e21bff)}
.count_percent_orange::after{background:linear-gradient(98deg,#332d20,#ff911b)}
.frame_user_main h1{display:inline-block;color:#FFF}
.user_search_result{box-shadow:0 0 5px #9f9f9f;padding:5px;z-index:999;border-radius:6px;position:absolute;background:#FFFFFFED}
.user_search_result_line{border-bottom:1px solid #ccc;color:#333;margin-bottom:5px;padding:2px 6px;cursor:pointer}
.user_search_result_line:hover{background:#eee}
.user_search_result_line b{color:#000}
.user_search_result_line .legend{color:#000}
.add_input,.add_string_result,.user_search_result{display:none}
.pointer{cursor:pointer}
.Reply_Line{margin-bottom:21px;background:#151515;border-left:1px solid #242424;padding:12px 9px;border-radius:14px}
.Reply_Line b{color:#f8004b}
.Reply_Line .reply_span{display:block;padding:2px 6px;margin-bottom:4px;margin-right:10px;font-size:13px;position:relative;overflow:hidden;padding-left:120px}
.Reply_Line .progress_contenair{width:100px;overflow:hidden;top:-99px;bottom:-99px;margin:auto;display:block;position:absolute;height:10px;left:0;border-radius:20px;background:linear-gradient(159deg,#4a4a4a,#373737)!important}
.Reply_Line .counter{position:absolute;left:2px;top:-97px;bottom:-99px;margin:auto;height:17px;color:#FFF!important;font-size:11px;font-weight:600;text-shadow:0 0 5px #000;font-style:italic}
.Reply_Line .progress{width:100%;background:#ffb1b1;position:absolute;top:0;height:20px;left:0;width:0}
.Reply_Line .hide_percent .progress_contenair,.Reply_Line .hide_percent .counter{display:none}
.Reply_Line .hide_percent{padding-left:20px}
.Reply_Line .selected .progress{background:#3bbd00}
.Reply_Line .selected{color:#3bbd00;border-radius:3px;font-weight:400}
.Reply_Line .selected_red .progress{background:linear-gradient(131deg,#ff5050,#ac0000)!important}
.Reply_Line .selected_red{color:#f8004b;border-radius:3px;font-weight:400}
.your_reply,.his_reply{display:none}
.Reply_Line .selected_red .your_reply,.Reply_Line .selected_grey .your_reply{display:inline-block}
.Reply_Line .incorrect_answer .his_reply{display:inline-block}
.Reply_Line .selected_blue .progress{background:linear-gradient(131deg,#6bc3ee,#2fa2db)!important}
.Reply_Line .selected_blue{color:#eaf8ff;border-radius:3px;font-weight:400}
.Reply_Line .selected_grey{color:#999;border-radius:3px;font-weight:400}
.Reply_Line .table-icon-grey b{color:#bbb}
.color-grey{color:#bbb!important}
.color-grey-2{color:#888!important}
.Reply_Line .table-icon-grey .progress{background:#ccc}
.Reply_Line .selected_grey .progress{background:#aaa}
.color-green{color:#3bbd00!important}
.Reply_Line .table-icon-green .progress{background:#ccc!important}
.Reply_Line .table-icon-green .selected .progress{background:linear-gradient(131deg,#b8ff50,#00ac0b)!important}
.tier-1{color:red}
.tier-2{color:#ff4000}
.tier-3{color:#ff8000}
.tier-4{color:#ffbf00}
.tier-5{color:#ff0}
.tier-6{color:#bfff00}
.tier-7{color:#80ff00}
.tier-8{color:#40ff00}
.tier-9{color:#0f0}
.tier-10{color:#0c0}
.game_compatibility_sum{margin-top:40px}
.game_compatibility_sum td{vertical-align:top;padding:10px}
.game_compatibility_sum td:first-child{border-right:2px solid #3a344f}
.gamers_list{position:fixed;text-align:center;width:100%;bottom:20px}
.gamers_list .Matcher_Case{margin-left:10px;width:100px;vertical-align:top}
@keyframes pulse {
0%{box-shadow:0 0 10px #ffffff4d}
50%{box-shadow:0 0 25px #4f39bbff}
100%{box-shadow:0 0 10px #ffffff4d}
}
.button.start{animation:pulse 3s infinite}
#explosion-container{display:none}
#explosion-container img{display:none}
.explosion{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,#fff,#fc0,red);border-radius:50%;opacity:.9;filter:brightness(2);z-index:9999;animation:boom 7s ease-out forwards;pointer-events:none}
@keyframes boom {
0%{transform:translate(-50%,-50%) scale(0.3);opacity:1;filter:brightness(3)}
30%{transform:translate(-50%,-50%) scale(7);opacity:1;filter:brightness(6)}
80%{transform:translate(-50%,-50%) scale(5);opacity:.9;filter:brightness(2)}
100%{transform:translate(-50%,-50%) scale(20);opacity:0;filter:brightness(1)}
}
.winner_div{margin-top:15px;background:#FFFFFF0F;padding:10px;border-radius:6px}
.game_restart{text-align:right;font-size:11px;margin-bottom:10px}
.game_restart b{background:#cccccc21;padding:4px 5px;border-radius:4px;cursor:pointer;color:#0ed2f2}
.table-wrapper{border-left:6px solid #945ec124;padding-left:5px;margin-left:5px}
.result-bad{background:linear-gradient(90deg,#ff4b2b,#ff416c);padding:12px;border-radius:12px;color:#fff;font-weight:700;box-shadow:0 2px 20px #ff416c80}
.reply-grey .selected_red,.reply-grey .selected_green{color:#aaa!important}
.reply-grey .progress{background:#6a6a6a!important}
.reply-grey .selected{color:#aaa!important;background:#2B2B2B}
.reply-green .selected_red,.reply-red .selected_red{color:#aaa}
.reply-green .selected_red .progress{background:#aaa}
.parent-General .selected_grey{background:none!important;color:#333}
.disable_reply_color .color-green,.disable_reply_color .color-red{color:#333!important}
.table_icon .Reply_Title_Legend{display:none}
.table_icon:hover .Reply_Title_Legend{display:inline-block}
.popup_clear{height:40px}
.form_error .Popup_Footer{background:#c49c9c}
.form_error .AjaxReply{color:#AE2F2F;border-bottom:3px solid #a64b4b}
.form_error .AjaxReply:after{border-top-color:#AE2F2F}
.form_valid .AjaxReply{color:#6A6A6A;border-bottom:3px solid #4ba660}
.form_valid .AjaxReply:after{border-top-color:#4ba660}
.form_valid .Popup_Footer{background:#9cc49e}
.div_bulle{position:relative;background:#19293e;padding:10px;border-bottom:4px solid #111;margin-bottom:40px!important;border-radius:6px;color:#666}
.div_bulle h5{font-size:21px;font-family:Quicksand;font-weight:800;color:#444}
.div_bulle h5 b{font-size:32px;font-weight:600}
.div_bulle:after{top:100%;left:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:#1110;border-top-color:#ddd;border-width:11px;border-width:16px;margin-left:-15px}
.Case_Contenair{display:inline-block;vertical-align:top}
.Case_Contenair.w-450{width:450px}
.Case{margin-top:10px;padding:10px;border-radius:4px}
.input-group .select2{margin-top:5px}
.input-group{margin-top:20px;border-left:2px solid #ececec;padding-left:12px}
.List_Item{color:#FFF;margin-bottom:15px;padding:10px;margin-top:15px;transition:all .2s;position:relative}
.List_Item .loader{position:absolute;top:-999px;left:-999px;width:100px;height:100px;right:-999px;bottom:-999px;margin:auto}
.List_Item .loader img{width:100px;height:100px}
.List_Item .legend{color:#eee}
.List_Item_Loaded{display:none}
.List_Item_Loader_Contenair{height:100px}
.Loader_Contenair{height:200px}
.List_Item .td-icon i{color:#5e5e5e}
.List_Item_Footer{background:#eee;padding:3px 10px 0;margin:10px -10px -10px}
.List_Item_Mini h1{font-size:14px;background:#535353;color:#FFF;font-family:Quicksand;padding:10px;margin:-10px -10px 5px}
.List_Item_Mini{background:#F4F4F4;width:calc(50% - 45px);display:inline-block;vertical-align:top;margin-top:20px;margin-right:20px;padding:10px;box-shadow:0 0 11px #e3e3e3;overflow:auto;border-bottom:3px solid #ddd}
.List_Item_Mini .List_Contenair{max-height:300px;overflow-x:scroll;overflow:auto;padding:0}
.List_Item_ForItem{width:auto;padding:6px;display:inline-block;margin-right:10px;box-shadow:0 0 0 #ccc;margin-bottom:5px!important;margin-top:5px;background:#f0f0f0;border-bottom:0;font-size:12.4px;font-weight:400;cursor:pointer}
.List_Item_ForItem .bull{border-color:#eee!important}
.UserHistory_Action{position:absolute;right:0;padding:6px;bottom:0}
.div-bulle.d-v-green{border-bottom:4px solid #7e9166}
.div-bulle.d-v-green:after{border-top-color:#7e9166}
.Line_Item{margin-bottom:20px}
.Line_Item_Unit{font-size:19px;color:#457597}
.Item_Case{position:relative;display:inline-block;text-align:center;padding:10px;background:#eaeaea78;border-radius:5px;width:130px;border-bottom:3px solid #cecece;font-size:12px;cursor:pointer}
.Item_Case i{display:block;font-size:26px;margin-bottom:6px;margin-top:3px}
.Item_Case .notification_icon{position:absolute;top:-11px;font-size:21px;right:0}
.m-h-30{margin-top:30px!important}
.m-h-15{margin-top:15px!important}
.m-h-10{margin-top:10px!important}
.m-b-15{margin-bottom:15px!important}
.m-b-20{margin-bottom:20px!important}
.m-l-30{margin-left:30px!important}
.m-l-15{margin-left:15px!important}
.menu-order-reply{text-align:center;padding:20px}
.menu-order-reply i{font-size:40px}
.range_contenair{margin-top:10px;display:table;width:100%;border-collapse:separate;border-spacing:1px}
.range_contenair_row{display:table-row}
.range_contenair_row div{display:table-cell;text-align:left;cursor:pointer;position:relative;height:25px}
.range_contenair_row .bar{background:#FFFFFF57;height:5px;margin-top:6px;transition:all .3s;position:absolute;bottom:0;width:100%;left:0}
.range_contenair_row b{transition:all .3s}
.range_contenair_row div.enabled_tmp .bar{background:#f5d8ff}
.range_contenair_row div.enabled_tmp b{color:#f5d8ff}
.range_contenair_row div.enabled .bar{background:#c244f0}
.range_contenair_row div i{font-size:10px;vertical-align:1px}
.range_contenair_row div b{font-size:12px;position:absolute;top:3px;right:-1px;width:80px;text-align:right;border-right:1px solid #0000;padding-right:4px;height:11px}
.range_contenair_row:hover b{border-right:1px solid #d9d9d9}
.range_contenair_row div:first-child .bar{border-radius:4px 0 0 4px}
.range_contenair_row div:last-child .bar{border-radius:0 4px 4px 0}
.range_contenair_row div:after{content:"";background:#c244f0;width:0;height:0;position:absolute;right:-1px;border-radius:13px;transition:all .3s;bottom:-1px}
.range_contenair_row .selected_tmp:after{width:14px;height:14px;bottom:-5px;background:#f5d8ff}
.range_contenair_row .selected:after{width:20px;height:20px;bottom:-7px;background:#c244f0}
.range_contenair_row .selected b{color:#c244f0!important;top:-7px;right:-1px;border:0}
.range_contenair.selected b{color:#ccc}
.range_contenair .option{display:inline-block;position:relative;overflow:hidden;vertical-align:middle;border-radius:30px;padding:7px 15px;font-size:13px;font-weight:600;transition:all .2s;cursor:pointer;color:#828282;margin:5px}
.range_contenair .option .percent{text-align:center;width:100%;position:absolute;left:0;font-size:11px;color:#FFF;opacity:0}
.range_contenair .option .percent b{display:block;height:100px;position:absolute;bottom:-10px;background:url(/assets/ressources/images/background-question.png) repeat,#ff00a74d;animation:animateBackgroundLeft 30s linear infinite}
.range_contenair .option_with_percent{padding-bottom:15px}
.range_contenair .option_with_percent .percent{opacity:1}
.question_swapper{display:none;position:absolute;z-index:999;top:-66px;text-align:center;width:200px;padding:6px 13px 12px 12px;font-weight:700;color:#fff;right:25px;margin:0 auto;border-radius:62px;box-shadow:0 0 66px #3a2b4d;background:url(/assets/ressources/images/background-question.png) repeat,#5d0c68;animation:animateBackgroundLeft 30s linear infinite;font-size:12px}
.question_swapper b{font-size:24px}
.question_swapper img{width:35px;vertical-align:-9px}
.boost-tooltip{position:fixed;top:68px;right:88px;z-index:1150;pointer-events:none;max-width:min(340px,90vw);min-width:220px}
.boost-tooltip-bubble{position:relative;background:#1f1a2e;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 10px 24px #00000059;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45}
.boost-tooltip-emoji{filter:drop-shadow(0 0 6px #ffffff8c);font-size:18px;margin-top:2px}
.boost-tooltip-copy b{display:block;margin-bottom:2px}
.boost-tooltip-copy2{display:none}
.boost-tooltip-arrow{position:absolute;top:-7px;right:28px;width:14px;height:14px;background:#1f1a2e;clip-path:polygon(50% 0,0 100%,100% 100%);box-shadow:0 6px 12px #0000002e}
@media (max-width: 900px) {
.boost-tooltip{right:16px;top:70px}
.boost-tooltip-arrow{right:24px}
}
@media (max-width: 640px) {
.boost-tooltip{max-width:92vw;min-width:200px;right:12px;top:74px}
.boost-tooltip-bubble{font-size:12px}
}
.login-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}
.user-profile-badge{position:relative}
.login-tooltip{display:none;position:absolute;top:calc(100% + 10px);right:0;transform:none;pointer-events:none;z-index:50;max-width:min(320px,90vw);min-width:200px}
.login-tooltip-bubble{position:relative;background:#c84b00;color:#fff;padding:8px 12px;border-radius:10px;box-shadow:0 8px 20px #00000040;font-size:12px;line-height:1.4;text-align:left;white-space:normal;max-width:100%;min-width:200px}
.login-tooltip-emoji{margin-right:6px;filter:drop-shadow(0 0 4px #fff9)}
.login-tooltip-arrow{position:absolute;top:-11px;left:calc(100% - 19px);transform:translateX(-50%);width:16px;height:12px;background:#c84b00;clip-path:polygon(50% 0,0 100%,100% 100%);box-shadow:0 6px 12px #00000026}
.boost-tooltip-header{position:absolute;top:calc(100% + 12px);right:-4px;pointer-events:none;z-index:60;max-width:min(340px,90vw);min-width:220px;transition:opacity 160ms ease,transform 160ms ease,visibility 160ms ease;display:none}
.boost-tooltip-bubble{position:relative;color:#fff;padding:10px 14px;border-radius:12px;box-shadow:0 10px 24px #00000059;display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;background:url(/assets/ressources/images/background-question.png) repeat,#bd8417;animation:animateBackgroundLeft 30s linear infinite;box-shadow:0 0 40px #bd7c43;text-shadow:0 0 12px #000}
.boost-tooltip-header.is-hidden{opacity:0;visibility:hidden;transform:translateY(-4px)}
.boost-tooltip-emoji{filter:drop-shadow(0 0 6px #ffffff8c);font-size:18px;margin-top:2px}
.boost-tooltip-copy b{display:block;margin-bottom:2px}
.boost-tooltip-arrow{position:absolute;top:-11px;right:35px;width:14px;height:14px;background:#bd8417;clip-path:polygon(50% 0,0 100%,100% 100%);box-shadow:0 6px 12px #0000002e}
@media (max-width: 640px) {
.boost-tooltip-header{max-width:92vw;min-width:200px;right:-16px}
.boost-tooltip-bubble{font-size:12px}
.login-tooltip-bubble{font-size:11px;white-space:normal;max-width:220px}
}
.range_contenair .option:hover{color:#7fb56c}
.range_contenair .option.selected{color:#fff;background:#7fb56c}
.range_contenair_mini .option{padding:4px 11px;font-size:12px}
.range_contenair_row .selector_title{position:absolute;top:-14px;text-align:right;width:100%;font-size:11px;font-weight:600;transition:all .6s}
.range_contenair_row div.enabled .selector_title{top:-23px}
.bar-green .range_contenair_row div.enabled .bar,.bar-green .range_contenair_row .selected:after{background:#7fb56c}
.bar-green .range_contenair_row .selected b{color:#7fb56c!important}
.bar-yellow .range_contenair_row div.enabled .bar,.bar-yellow .range_contenair_row .selected:after{background:#e1df32}
.bar-yellow .range_contenair_row .selected b{color:#e1df32!important}
.bar-orange .range_contenair_row div.enabled .bar,.bar-orange .range_contenair_row .selected:after{background:#e18c32}
.bar-orange .range_contenair_row .selected b{color:#e18c32!important}
.bar-red .range_contenair_row div.enabled .bar,.bar-red .range_contenair_row .selected:after{background:#ea0a0a}
.bar-red .range_contenair_row .selected b{color:#ea0a0a!important}
.error_404_contenair{position:fixed;height:100%;left:0;top:0;width:100%}
.error_404{text-align:center;color:#B3B3B3BF;position:absolute;width:300px;height:280px;left:-9999px;right:-9999px;bottom:-9999px;top:-9999px;margin:auto}
.error_404 i{font-size:85px}
.error_404 h1{font-size:20px;color:#FFF;margin-top:20px}
.Popup_Login .user-error i{display:block;font-size:30px;margin-bottom:14px}
.user-error{margin-bottom:0!important}
.Frame.error-not-logged{text-align:center;padding-top:35vh;color:#9f9f9f}
.Frame.error-not-logged i{font-size:55px}
.Frame.error-not-logged h1{font-size:33px}
.td-icon i{font-size:30px}
.td-icon span{position:absolute;top:20px;left:20px;border:3px solid #fff}
.td-icon{width:45px;position:relative}
.clear{clear:both}
.table-header td{font-weight:600;padding:6px;background:#ddd}
.to_edit td{background:#EEE6CD}
.to_add td{background:#CDEECE}
.to_delete td{background:#EE7E7E;opacity:.2}
.table-user td{padding:5px}
.img-user{position:relative;height:70px;width:70px;overflow:hidden;border-radius:65px}
.img-user img{position:absolute;height:100%;bottom:-999px;top:-999px;left:-999px;right:-999px;margin:auto}
.Header_Account_Creation{background:#FFF url(/assets/ressources/images/background-black.png)}
.Account_Profil{position:absolute;top:10px;right:20px}
.img-50{height:50px;width:auto}
.account_creation_title{font-size:30px;text-align:left;margin-top:20px;margin-bottom:20px}
.blink,.blink-bg{animation-name:blinker;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:blinker;-webkit-animation-duration:1.5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}
.extraversion,.introversion,.sensation,.pensée,.sentiment,.perception,.romance,.créativité,.jugement{animation-name:blinker;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-name:blinker;-webkit-animation-duration:1.5s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite}
@-moz-keyframes blinker-menu {
0%,100%{opacity:.9}
50%{opacity:.5}
}
@-webkit-keyframes blinker-menu {
0%,100%{opacity:.9}
50%{opacity:.5}
}
@keyframes blinker-menu {
0%,100%{opacity:.9}
50%{opacity:.5}
}
@-moz-keyframes blinker {
0%,100%{opacity:1}
50%{opacity:.3}
}
@-webkit-keyframes blinker {
0%,100%{opacity:1}
50%{opacity:.3}
}
@keyframes blinker {
0%,100%{opacity:1}
50%{opacity:.3}
}
.Message{display:flex;flex-direction:column;height:90vh}
.chat_messages{flex:1;padding:20px 0;overflow-y:scroll}
.chat_footer{position:relative;background:#333;width:90%;margin:0 auto;margin-bottom:15px;border-radius:8px;border-bottom:3px solid #1c1c1c}
.chat_footer textarea,.emoji-wysiwyg-editor{background:none;margin:10px;width:calc(100% - 155px);border:0!important;border-radius:11px!important;height:42px!important;color:#FFF;font-weight:400;min-height:0;font-size:13px;font-family:Hind Vadodara}
.chat_footer textarea:disabled{opacity:.5;cursor:not-allowed}
.chat_footer .message_sender{font-size:20px;position:absolute;top:27px;right:20px;z-index:10;color:#1c6eb7;cursor:pointer}
.chat_footer .message_sender.disabled{opacity:.5;cursor:not-allowed;color:#666}
.chat_footer .key-generation-indicator{position:absolute;top:-35px;left:10px;right:10px;background:#1c6eb7;color:#FFF;padding:8px 12px;border-radius:5px;font-size:12px;display:flex;align-items:center;gap:8px;z-index:100}
.chat_footer .key-generation-indicator i{font-size:14px}
.chat_footer uploader{width:20px!important;height:20px!important;position:absolute!important;right:60px!important;top:15px!important;margin:0!important}
.chat_footer .emoji-picker-icon{right:60px;font-size:16px;color:#c8c8c8;bottom:15px;position:absolute;height:16px;top:auto}
.emoji-menu{top:-235px;right:20px}
.chat_message_attachment{background:#dfdfdf69;position:absolute;top:-75px;height:52px;width:calc(100% - 39px);left:10px;border-radius:5px;padding:5px}
.chat_message_attachment:after{top:100%;right:32px;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#88b7d500;border-top-color:#dfdfdf69;border-width:8px;margin-left:-8px}
.chat_message_attachment .item_thumbnails{width:50px;height:50px;border:0}
.chat_message_attachment .item_thumbnails img{border-radius:3px}
.message_bull{background:#1c6eb7;border-radius:10px;color:#FFF;padding:7px 10px;font-size:15px;position:relative}
.message_bull.e2e-error{background:#1a1a1a!important;font-size:12px;color:#9f9f9f}
.message_bull.message-sending{background:#333!important}
.message_bull.message-error{background:#d32f2f!important}
.message-error-icon{position:absolute;top:5px;right:5px;font-size:12px;color:#fff}
.message_bull .recovery-key-link{display:block;margin-top:8px;padding:6px 10px;background:#ffffff26;border-radius:5px;color:#fff;text-decoration:none;font-size:13px;cursor:pointer;transition:background .2s}
.message_bull .recovery-key-link:hover{background:#ffffff40}
.message_bull .recovery-key-link i{margin-right:5px}
.message_wrapper_system{position:relative;width:calc(100% - 70px);padding:0;margin:20px auto}
.message_system_key_changed{width:100%;text-align:center;padding:15px 0}
.message_system_key_changed .message_system_content{display:flex;align-items:center;justify-content:center;gap:10px;background:#ff98001a;border-radius:8px;padding:12px 20px;color:#ff9800;font-size:13px;margin:0 auto;text-align:left}
.message_system_key_changed .message_system_content i{font-size:16px;color:#ff9800}
.message_system_key_changed .message_system_content strong{color:#ff9800;font-weight:600}
.message_system_key_changed .message_system_date{margin-top:8px;font-size:11px;color:#999;font-style:italic}
.recovery-key-alert{background:linear-gradient(135deg,#ff9800,#f57c00);margin:10px;border-radius:10px;padding:12px 15px;color:#fff}
.recovery-key-alert-content{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.recovery-key-alert-content>i{font-size:24px;opacity:.9}
.recovery-key-alert-text{flex:1;min-width:200px}
.recovery-key-alert-text strong{display:block;font-size:14px;margin-bottom:2px}
.recovery-key-alert-text span{font-size:12px;opacity:.9}
.recovery-key-alert-btn{background:#fff;color:#f57c00;border:none;padding:8px 16px;border-radius:5px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.recovery-key-alert-btn:hover{background:#fff3e0}
.message_bull_question{background:#572929 url(/assets/ressources/images/background-question.png)!important}
.message_bull_question .about_question{display:block;border-left:3px solid #ffffff2e;margin:10px 0;background:#FFFFFF2B;padding:10px}
.message_wrapper{position:relative;padding:5px 15px;padding-left:50px}
.content_wrapper_message .user_image_contenair::after{content:"";background:linear-gradient(90deg,#717171,#b0f);height:54px;width:54px;display:block;position:absolute;z-index:-1;border-radius:50px;left:-999px;right:-999px;bottom:-999px;top:-999px;margin:auto}
.message_wrapper.me{text-align:right;padding-right:50px}
.message_wrapper .user_image_contenair{position:absolute;top:0;left:10px;width:30px;height:30px;top:6px}
.message_wrapper.me .user_image_contenair{right:10px;left:auto}
.message_wrapper_2{max-width:80%;text-align:left;display:inline-block}
.message_writing{font-size:13px;color:#ccc;position:absolute;bottom:95px}
.unreaded_table{background:red;color:#FFF;padding:3px 6px;border-radius:10px;position:absolute;top:13px;left:13px;font-size:11px}
.chat_header{background:#cccccc0a;padding:10px;position:relative}
.chat_header .icon{font-size:25px}
.chat_header td{padding:0 10px}
.chat_header .settings{position:absolute;top:0;right:15px;padding:11px;font-size:18px}
.chat_header .pin-btn{position:absolute;top:0;right:45px;padding:11px;font-size:16px;color:#2196F3;cursor:pointer;opacity:.7;transition:opacity .2s}
.chat_header .pin-btn:hover{opacity:1;color:#1976D2}
.pin-alert{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:15px 20px;margin:10px;border-radius:12px;border-left:4px solid #2196F3}
.pin-alert i{font-size:28px;color:#1976D2}
.pin-alert-content{flex:1}
.pin-alert-content strong{display:block;color:#1565c0;font-size:16px;margin-bottom:4px}
.pin-alert-content p{margin:0;color:#1976D2;font-size:13px}
.pin-alert-btn{background:#2196F3;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}
.pin-alert-btn:hover{background:#1976D2}
.pin-alert-setup{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left-color:#4CAF50}
.pin-alert-setup i{color:#388E3C}
.pin-alert-setup .pin-alert-content strong{color:#2E7D32}
.pin-alert-setup .pin-alert-content p{color:#388E3C}
.pin-alert-btn-setup{background:#4CAF50}
.pin-alert-btn-setup:hover{background:#388E3C}
.pin-link{display:block;margin-top:8px;color:#2196F3;font-size:12px;cursor:pointer;text-decoration:none}
.pin-link:hover{text-decoration:underline}
.pin-link i{margin-right:4px}
.chat_settings{padding:40px 20px}
.chat_settings input[type="text"]{background:#FFFFFFE8;color:#000;border:1px solid #ccc;padding:8px;width:234px}
.chat_settings b{color:#FFF}
.chat_settings .Matcher_Line:hover{box-shadow:0 0 20px #D0399C;cursor:pointer}
.content_wrapper_message .List_Item{box-shadow:0 0 74px #e646ff33;transition:all .2s;border-radius:12px;cursor:pointer}
.content_wrapper_message .List_Item:hover{box-shadow:0 0 74px #e646ff;background:#352739}
.ConversationPopup{width:700px;background:url(/assets/ressources/images/background-color.png) repeat,#0b0b0b fixed!important}
.Popup_Black{background:url(/assets/ressources/images/background-color.png) repeat,#2a2e33!important}
.ConversationPopup .Popup_Header{background:none;padding:0}
.ConversationPopup h1{font-family:Quicksand;font-size:15px;font-weight:700}
.message_legend{font-size:11px;margin-top:6px;margin-left:4px;font-family:Varela Round;color:#e3e3e3}
.Frame .Frame_Header .Frame_Header_Footer .button_share{color:#04adff!important}
.Frame .Frame_Header .Frame_Header_Footer .button_share i{background:linear-gradient(#04adff,#5789FF)!important;color:#FBD152!important;padding:5px;border-radius:4px}
.share_link_icon{background:#FFFFFF14;color:#FBD152!important;padding:17px;border-radius:14px;font-size:35px;border:1px solid #FBD152}
.UserPopupShare{background:url(/assets/ressources/images/bg-share.jpg);color:#FFF;z-index:10001}
.UserPopupShare .Popup_Header,.UserPopupShare .Popup_Footer{background:none;color:#FFF}
.UserPopupShare .table-tiny td{padding:11px}
.UserPopupShare input[type="text"]{background:none;color:#FFF}
.UserSuccess{text-align:center;z-index:10001;box-shadow:none;box-shadow:0 0 100px #00000057}
.User_Vote,.User_Vote_Login{text-align:center;z-index:10000}
.share_code{text-align:center;background:url(/assets/ressources/images/bg-code.png) repeat;padding:50px 0}
.share_code h1{color:#4C95C1;font-size:2rem}
.share_code_legend{text-align:center;font-family:Nunito Sans;font-size:14px}
.share_code .link{margin-top:15px}
.user_label{display:inline-block;background:#444;color:#FFF;font-size:10px;height:15px;width:16px;text-align:center;border-radius:3px;vertical-align:1px}
.user_label_green{background:#49ca25}
.user_label_red{background:#eaa}
.user_label_blue{background:linear-gradient(#04adff,#5789FF)!important;color:#FBD152!important}
.end_frame,.progress_frame{color:#FFF;text-align:center;padding-top:15vh;display:none}
.end_frame{padding:5vh 15px 60px!important}
.end_frame h1{color:#FFF}
.wait_frame_description{max-width:600px;text-align:left;margin:0 auto}
.wait_frame_description_inner{background:#7c24952b;padding:15px;border-radius:10px;position:relative;margin-top:15px}
.wait_frame_description_inner:after{bottom:100%;left:50%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:#88b7d500;border-bottom-color:#7c24952b;border-width:10px;margin-left:-10px}
.wait_frame{padding:3vh 15px 20px!important}
.progress_frame h1,.progress_frame{color:#fff;text-shadow:0 0 60px #361eaa;font-family:'Playwrite IT Moderna'}
.td-flag img{width:20px}
.bg_separate,.bg_separate_purple{padding:7px;position:relative;padding-left:45px;height:30px;margin-bottom:-5px;z-index:1}
.content_wrapper{padding:10px}
.content2{width:800px;margin:0 auto;padding:10px;color:#FFF}
.content3{padding:50px 25px;background:url(/assets/ressources/images/background-bubble.png) repeat,#190023 fixed;margin:20px;border-radius:10px;animation:animateBackgroundTop 10s linear infinite;box-shadow:0 0 600px #b0f}
.content_bg_separate{border-radius:10px}
.content{padding:20px;background:#111}
.content_bubble{background:url(/assets/ressources/images/background-bubble.png) repeat,#0000 fixed;animation:animateBackgroundTop 10s linear infinite}
.content_bubble h1,.content_bubble h2,.content_bubble h3,.content_bubble h1,.content_bubble h2,.content_bubble h3{color:#FFF!important}
.section{padding:10px;border-radius:10px;margin-bottom:10px;position:relative}
.section_options{margin-bottom:10px;position:relative}
.highlight{padding:10px;background:#4d2464;margin-bottom:10px;border-radius:10px;margin-top:10px}
.highlight .legend{font-size:13px;margin-top:20px}
.section .range_contenair .option,.section_options .range_contenair .option{background:#ffffff0d;color:#d2d2d2}
.content_wrapper_message .td-icon{width:65px}
.content h1,.content h2,.content h3,.content3 h1,.content3 h2,.content3 h3{color:#B266FF;margin-top:30px;font-weight:600}
.content h1,.content3 h1{font-size:20px}
.content h2,.content3 h2{font-size:18px}
.content h3,.content3 h3{font-size:17px}
.content2 h1,.content2 h2,.content2 h3{color:#fff;font-family:Quicksand;margin-top:30px;font-weight:400}
.no-margin{margin:0!important}
.big-icon{font-size:45px;margin-top:100px}
.hyperh{display:block;text-align:center;font-size:30px;font-weight:100!important;font-family:Quicksand;color:#fff;margin:90px 20px 31px}
.new_messages{display:none;position:absolute;bottom:140px;background:#FFF;padding:4px 10px;border-radius:10px;border-bottom:2px solid #428393;margin:0 auto;left:-999px;right:-999px;width:180px;text-align:center;color:#428393;font-size:13px;cursor:pointer}
uploader{display:inline-block;position:relative;margin:5px;vertical-align:top}
.chat_footer uploader{display:inline-block!important;position:absolute!important;margin:0!important;vertical-align:top!important}
uploader input{display:none}
uploader .touchzone{position:absolute;height:100%;width:100%;top:0;left:0;z-index:10;cursor:pointer}
uploader.uploader-profile{width:60px;height:60px;margin:5px}
uploader.uploader-profile .Uploader{width:60px;height:60px;border-radius:100px;background:#ffffff2b;border:2px dashed #ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;overflow:hidden}
uploader.uploader-profile .Uploader:hover{background:#ffffff3d;border-color:#ffffff80;transform:scale(1.05)}
uploader.uploader-profile .Uploader.uploader-dragover{background:#1c6eb740;border-color:#1c6eb7;border-style:solid;transform:scale(1.1);box-shadow:0 0 20px #1c6eb780}
uploader.uploader-profile .uploader-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}
uploader.uploader-profile .uploader-icon-circle{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}
uploader.uploader-profile .uploader-icon-circle i{font-size:20px;color:#ffffffb3;transition:all .3s ease}
uploader.uploader-profile .uploader-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:300;color:#ffffff80;line-height:1;pointer-events:none;transition:all .3s ease}
uploader.uploader-profile .uploader-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffffb3}
uploader.uploader-profile .uploader-loader i{font-size:20px}
uploader.uploader-profile:hover .uploader-icon-circle i{color:#ffffffe6;transform:scale(1.1)}
uploader.uploader-profile:hover .uploader-hint{color:#ffffffb3;transform:translate(-50%,-50%) scale(1.1)}
uploader.uploader-profile .uploader-preview{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;overflow:hidden;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
uploader.uploader-profile .preview-image{width:100%;height:100%;object-fit:cover;display:block}
uploader.uploader-profile .preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;border-radius:100px}
uploader.uploader-profile.uploader-has-preview:hover .preview-overlay{opacity:1}
uploader.uploader-profile .preview-success{font-size:32px;color:#4caf50;text-shadow:0 2px 10px #4caf50cc;animation:scaleIn .3s ease}
.chat_footer uploader,.chat_footer uploader.uploader-message,uploader.uploader-message{width:20px!important;height:20px!important;margin:0!important;position:absolute!important;right:59px!important;top:11px!important;max-width:20px!important;max-height:20px!important;min-width:20px!important;min-height:20px!important}
.chat_footer uploader .Uploader,.chat_footer uploader .Uploader.uploader-message,.chat_footer uploader.uploader-message .Uploader,uploader.uploader-message .Uploader,.Uploader.uploader-message{width:20px!important;height:20px!important;border-radius:0!important;background:transparent!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;padding:0!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;box-shadow:none!important;box-sizing:border-box!important}
.chat_footer uploader .Uploader:hover,.chat_footer uploader .Uploader.uploader-message:hover,.chat_footer uploader.uploader-message .Uploader:hover,uploader.uploader-message .Uploader:hover,.Uploader.uploader-message:hover{background:transparent!important;border:none!important;transform:none!important;opacity:1!important}
.chat_footer uploader .Uploader.uploader-dragover,.chat_footer uploader .Uploader.uploader-message.uploader-dragover,.chat_footer uploader.uploader-message .Uploader.uploader-dragover,uploader.uploader-message .Uploader.uploader-dragover,.Uploader.uploader-message.uploader-dragover{background:transparent!important;border:none!important;transform:none!important}
.chat_footer uploader .Uploader.uploader-dragover .uploader-icon-simple i,.chat_footer uploader.uploader-message .Uploader.uploader-dragover .uploader-icon-simple i,uploader.uploader-message .Uploader.uploader-dragover .uploader-icon-simple i{opacity:1!important}
.chat_footer uploader .uploader-content,.chat_footer uploader.uploader-message .uploader-content,uploader.uploader-message .uploader-content{width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;flex-direction:row!important;box-sizing:border-box!important}
.chat_footer uploader .uploader-icon-simple,.chat_footer uploader.uploader-message .uploader-icon-simple,uploader.uploader-message .uploader-icon-simple{width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;box-sizing:border-box!important}
.chat_footer uploader .uploader-icon-simple i,.chat_footer uploader.uploader-message .uploader-icon-simple i,uploader.uploader-message .uploader-icon-simple i{font-size:16px!important;color:#c8c8c8!important;transition:opacity .2s ease!important;opacity:.7!important}
.chat_footer uploader:hover .uploader-icon-simple i,.chat_footer uploader.uploader-message:hover .uploader-icon-simple i,uploader.uploader-message:hover .uploader-icon-simple i{color:#c8c8c8!important;opacity:1!important;transform:none!important}
.chat_footer uploader .uploader-profile-mode,.chat_footer uploader.uploader-message .uploader-profile-mode,uploader.uploader-message .uploader-profile-mode{display:none!important}
.chat_footer uploader .uploader-hint,.chat_footer uploader.uploader-message .uploader-hint,uploader.uploader-message .uploader-hint{display:none!important}
.chat_footer uploader .uploader-loader,.chat_footer uploader.uploader-message .uploader-loader,uploader.uploader-message .uploader-loader{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:2!important}
.chat_footer uploader .uploader-loader i,.chat_footer uploader.uploader-message .uploader-loader i,uploader.uploader-message .uploader-loader i{font-size:16px!important;color:#c8c8c8!important;opacity:.7!important}
uploader.uploader-wall{width:60px;height:60px}
uploader.uploader-wall .Uploader{width:60px;height:60px;border-radius:8px;background:#ffffff1a;border:2px dashed #ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
uploader.uploader-wall .Uploader:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}
uploader.uploader-wall .Uploader.uploader-dragover{background:#1c6eb733;border-color:#1c6eb7;border-style:solid;transform:scale(1.05)}
uploader.uploader-wall .uploader-icon-simple{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
uploader.uploader-wall .uploader-icon-simple i{font-size:24px;color:#ffffffb3;transition:all .3s ease}
uploader.uploader-wall:hover .uploader-icon-simple i{color:#ffffffe6;transform:scale(1.1)}
uploader:not(.uploader-profile):not(.uploader-message):not(.uploader-wall){width:60px;height:60px}
uploader:not(.uploader-profile):not(.uploader-message):not(.uploader-wall) .Uploader{width:60px;height:60px;border-radius:8px;background:#ffffff1a;border:2px dashed #ffffff4d;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}
uploader:not(.uploader-profile):not(.uploader-message):not(.uploader-wall) .uploader-icon-simple{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
uploader:not(.uploader-profile):not(.uploader-message):not(.uploader-wall) .uploader-icon-simple i{font-size:24px;color:#ffffffb3}
@keyframes scaleIn {
from{transform:scale(0);opacity:0}
to{transform:scale(1);opacity:1}
}
@keyframes pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
uploader .Uploader.uploader-dragover .uploader-icon-circle i{animation:pulse 1s ease infinite}
.edit_photo{width:80%;max-width:400px;margin:0 auto}
.edit_photo_contenair{border-radius:100px;border:0;display:inline-block;position:relative;width:60px;height:60px;background-size:contain!important;margin:5px;vertical-align:top;background-size:cover!important;background-repeat:no-repeat!important;background-position:center!important}
.edit_photo_contenair_main{display:block;overflow:hidden;margin:20px auto;width:100%;aspect-ratio:1/1;height:auto;border-radius:10px;background-size:cover!important;background-repeat:no-repeat!important;min-height:30px;background-position:center!important}
.edit_photo_contenair i{position:absolute;top:4px;right:6px;font-size:10px;text-shadow:0 0 5px #0003;color:#ff5454;cursor:pointer;transition:all .1s}
.edit_photo_contenair:hover i{font-size:20px;top:0;right:0;color:#ff5454}
.edit_photo uploader{display:inline-block;vertical-align:top;cursor:pointer}
.photo-gallery-manager{width:100%;max-width:600px;margin:0 auto;padding:20px 0}
.photo-albums-selector{padding:8px 0;background:transparent; display:none; border-top:1px solid #ffffff1a;margin-top:15px;margin-bottom:30px}
.albums-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.albums-list{display:flex;flex-wrap:wrap;gap:4px}
.album-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#ffffff05;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative;flex:0 1 auto;font-size:11px}
.album-item:hover{background:#ffffff0a;border-color:#1c6eb726}
.album-item-active{background:#1c6eb71f!important;border-color:#1c6eb74d!important}
.album-item i{color:#1c6eb799;font-size:10px;flex-shrink:0}
.album-item span{color:#fff9;font-size:11px;font-weight:400;flex:1;white-space:nowrap}
.album-delete-btn{width:16px;height:16px;border-radius:50%;background:#ff545426;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0;flex-shrink:0;margin-left:3px}
.album-item:hover .album-delete-btn{opacity:1}
.album-delete-btn:hover{background:#ff54544d;transform:scale(1.1)}
.album-delete-btn i{color:#ff5454;font-size:9px}
.photo-empty-state{text-align:center;padding:40px 20px;background:#420341;border-radius:15px;transition:all .3s ease}
.photo-empty-state:hover{border-color:#1c6eb766;background:#590558}
.photo-empty-state-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#1c6eb7 0%,#2a8dd4 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px #1c6eb74d;animation:pulse 2s ease-in-out infinite}
.photo-empty-state-icon i{font-size:36px;color:#fff}
.photo-empty-state-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px;font-family:Quicksand}
.photo-empty-state-text{font-size:14px;color:#ffffffb3;margin:0 0 25px;line-height:1.5}
.photo-empty-state-uploader{display:inline-block}
.empty-state-uploader {
    margin-top: 30px;
}
.photo-empty-state-uploader uploader{width:120px;height:120px}
.photo-gallery-container{width:100%}
.photo-main-preview{width:100%;margin-bottom:25px;position:relative}
.photo-main-image{width:100%;aspect-ratio:4/3;border-radius:15px;overflow:hidden;position:relative;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;cursor:pointer;box-shadow:0 10px 40px #0000004d;transition:all .3s ease}
.photo-main-image:hover{transform:translateY(-5px);box-shadow:0 15px 50px #0006}
.photo-main-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0006 0%,transparent 30%,transparent 70%,#0009 100%);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:15px}
.photo-main-image:hover .photo-main-overlay{opacity:1}
.photo-main-badge{display:inline-flex;align-items:center;gap:8px;background:#ffd700e6;color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;backdrop-filter:blur(10px)}
.photo-main-badge i{color:#ffd700;font-size:14px}
.photo-main-actions{display:flex;gap:10px;justify-content:flex-end}
.photo-action-btn{width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}
.photo-action-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 6px 20px #0000004d}
.photo-action-btn i{color:#1c6eb7;font-size:16px}
.photo-action-delete:hover{background:#ff5454}
.photo-action-delete:hover i{color:#fff}
.photo-main-placeholder{width:100%;aspect-ratio:4/3;border-radius:15px;border:3px dashed #ffffff4d;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;transition:all .3s ease}
.photo-main-placeholder:hover{border-color:#1c6eb780;background:#1c6eb71a}
.photo-main-placeholder i{font-size:48px;color:#ffffff4d;margin-bottom:15px}
.photo-main-placeholder p{color:#ffffff80;font-size:14px;margin:0}
.photo-thumbnails-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:20px}
.photo-thumbnail-wrapper{position:relative;aspect-ratio:1;border-radius:12px;padding:3px;box-sizing:border-box;overflow:hidden}
.photo-thumbnail-wrapper:not(.photo-uploader-wrapper){overflow:visible}
.photo-thumbnail{width:100%;height:100%;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border-radius:12px;position:relative;cursor:grab;transition:all .3s ease;border:3px solid transparent;box-shadow:0 4px 15px #0003;outline:none;box-sizing:border-box}
.photo-thumbnail:active{cursor:grabbing}
.photo-thumbnail-placeholder{background:#1c6eb733;border:2px dashed #1c6eb780;border-radius:12px}
.photo-thumbnail:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 8px 25px #0006;border-color:#1c6eb780}
.photo-thumbnail-main{border:3px solid #ffd700!important;box-shadow:0 4px 15px #0003 0 0 0 3px #ffd7004d!important}
.photo-thumbnail-main:hover{border-color:#ffd700!important;box-shadow:0 8px 25px #0006 0 0 0 3px #ffd70080!important}
.thumbnail-badge{position:absolute;top:5px;right:5px;width:24px;height:24px;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ffd70080;z-index:2}
.thumbnail-badge i{font-size:12px;color:#000}
.thumbnail-loader{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1}
.thumbnail-loader i{font-size:24px;color:#fff}
.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;transition:opacity .3s ease;z-index:1}
.photo-thumbnail:hover .thumbnail-overlay{opacity:1}
.thumbnail-action{width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px)}
.thumbnail-action:hover{background:#fff;transform:scale(1.15)}
.thumbnail-action i{color:#1c6eb7;font-size:14px}
.thumbnail-action-delete:hover{background:#ff5454}
.thumbnail-action-delete:hover i{color:#fff}
.photo-uploader-wrapper{position:relative;border:2px dashed #ffffff4d;border-radius:12px;background:#ffffff0d;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;padding:0;box-sizing:border-box}
.photo-uploader-wrapper:hover{border-color:#1c6eb799;background:#1c6eb71a;transform:translateY(-3px)}
.photo-uploader-wrapper uploader{width:100%;height:100%;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}
.photo-uploader-wrapper .Uploader{width:100%;height:100%;border:none!important;background:transparent!important;min-width:0;min-height:0;box-shadow:none!important;display:flex;align-items:center;justify-content:center;padding:0}
.photo-uploader-wrapper .uploader-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:12px 8px 28px;box-sizing:border-box}
.photo-uploader-wrapper .uploader-profile-mode{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:1}
.photo-uploader-wrapper .uploader-icon-circle{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a;transition:all .3s ease;flex-shrink:0;margin-bottom:4px}
.photo-uploader-wrapper .uploader-icon-circle i{font-size:22px;color:#fff9;transition:all .3s ease}
.photo-uploader-wrapper:hover .uploader-icon-circle{background:#1c6eb733;transform:scale(1.1)}
.photo-uploader-wrapper:hover .uploader-icon-circle i{color:#ffffffe6}
.photo-uploader-wrapper .uploader-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
.photo-uploader-wrapper .uploader-loader i{font-size:24px;color:#fffc}
.photo-uploader-wrapper .uploader-hint{position:absolute;bottom:6px;left:0;right:0;font-size:10px;color:#ffffff80;white-space:nowrap;pointer-events:none;transition:all .3s ease;text-align:center;padding:0 4px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;line-height:1.2}
.photo-uploader-wrapper:hover .uploader-hint{color:#fffc}
.photo-uploader-wrapper .uploader-hint i{font-size:9px;margin-right:3px;vertical-align:middle}
.photo-uploader-wrapper .uploader-hint span{vertical-align:middle}
.photo-gallery-tips{display:block;padding:15px;background:#ffffff0d;border-radius:10px;border-left:3px solid #1c6eb7}
.tip-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#ffffffb3;margin-bottom:10px}
.tip-item:last-child{margin-bottom:0}
.tip-item i{color:#1c6eb7;font-size:14px;flex-shrink:0}
@keyframes pulse {
0%,100%{transform:scale(1);box-shadow:0 8px 25px #1c6eb74d}
50%{transform:scale(1.05);box-shadow:0 12px 35px #1c6eb780}
}
.item_thumbnails{margin-top:5px;border-radius:5px;width:100px;height:100px;display:inline-block;position:relative;overflow:hidden;margin-right:10px;vertical-align:top}
.item_thumbnails .delete_image_icon{position:absolute;top:0;right:0;font-size:15px;color:#FF4343BF;z-index:1;transition:all .2s;cursor:pointer}
.item_thumbnails:hover .delete_image_icon{font-size:25px;transform:rotate(90deg);top:-5px;right:-5px;color:#E60000}
.item_thumbnails img{max-width:100%;width:auto;height:auto;left:-999px;bottom:-999px;right:-999px;top:-999px;margin:auto;position:absolute}
.Image_Viewer{position:fixed;top:5vh;background:#0f0f0f;z-index:10000;left:-999px;right:-999px;width:90vw;margin:auto;height:90vh;box-shadow:0 0 70px #1e1e1e;display:none;border-radius:10px}
.Image_Viewer .closer{position:absolute;top:8px;font-size:29px;right:14px;cursor:pointer;color:#eee;z-index:2}
.Image_Viewer img{z-index:1;left:-999px;right:-999px;position:absolute;margin:auto;top:-999px;bottom:-999px;max-width:100%;max-height:100%}
.wall_contenair{min-height:80vh;border-radius:10px;margin:80px auto 100px}
.user_image_contenair{width:50px;height:50px;border-radius:100px;position:relative;background-position:center!important}
.wall_contenair .add,.wall_contenair .publication,.wall .publication{padding:10px;font-family:Quicksand;background:#FFFFFF0F;border-radius:5px;margin:10px;color:#FFF}
.wall_contenair .add .user_image_contenair,.wall_contenair .publication .user_image_contenair,.wall .publication .user_image_contenair{display:inline-block;vertical-align:top}
.wall .publication{color:#fff;background:#0909090F}
.wall .publication .about_question{border-left:3px solid #5e8fc4}
.wall .publication .publication_header .date,.wall .publication b{color:#5e8fc4}
.moderate_warning{border-top:1px solid #ffffff12;color:#DF983D;text-align:center;padding-top:10px}
.moderate_alert{border-top:1px solid #ffffff12;color:red;text-align:center;padding-top:10px}
.wall .moderate_warning{border-top:1px solid #e3cea5a3;color:#DF983D;text-align:center;padding-top:10px;margin-top:14px;font-size:13px}
.add_section{vertical-align:top;position:relative}
.add_section textarea{width:calc(100% - 20px)!important;border-radius:5px;background:#fff0;height:70px;color:#FFF;border:1px solid #ffffff30!important;font-size:15px}
.publication_section{padding:10px;width:calc(100% - 95px);display:inline-block;position:relative}
.publication_section .item_thumbnails{border:0!important;margin-top:20px;height:130px;width:130px;border-radius:4px;position:relative;overflow:hidden}
.publication_section .item_thumbnails img{width:100%;height:100%;object-fit:cover;position:absolute;margin:auto;left:auto;right:auto;top:auto;bottom:auto}
.publication_header .date{display:block;font-weight:400;font-size:12px;color:#e6e6e6;position:absolute;top:0;right:-15px}
.publication_header .date i{margin-left:10px}
.publication_content{position:relative;border-radius:6px}
.about_question{display:block;border-left:3px solid #ffffff2e;padding-left:10px;margin:10px 0}
.question_footer{color:#FFF;position:absolute;bottom:-75px;right:16px;opacity:.5;font-size:12px;transition:all .2s;cursor:pointer}
.question_footer:hover{opacity:1}
.question_footer img{width:16px;vertical-align:-2px;margin-right:1px}
.blog_back{margin-top:-25px;position:absolute;z-index:1}
.wall_option{width:40px;height:40px;border-radius:29px;border:1px dashed #cccccc70;display:inline-block;position:relative;vertical-align:top;margin-right:5px;margin-top:10px}
.wall_option i{font-size:19px;height:19px;position:absolute;top:-999px;bottom:-999px;margin:auto;left:-999px;right:-999px;width:50px;text-align:center;color:#e6e6e6;transition:all .2s}
.wall_option i:hover{color:#777;cursor:pointer}
.wall_attachment{background:#f9f9f969;height:52px;width:calc(100% - 39px);border-radius:5px;padding:5px;margin-top:10px}
.wall_attachment .item_thumbnails{width:50px;height:50px;border-radius:10px;border:0}
.wall_attachment .item_thumbnails img{border-radius:10px}
.question_selector{max-height:300px;overflow:scroll}
.add_section .close{color:red;position:absolute;top:-6px;right:-8px;font-size:19px}
.reaction_actions{border-top:1px solid #ffffff21;margin-top:20px}
.reaction_actions span{display:inline-block;margin-top:10px;color:#fdfdfd;font-size:16px;cursor:pointer;border-right:1px solid #ffffff21;width:32%;text-align:center}
.reaction_actions span:last-child{border-right:0}
.comment_line{margin-bottom:20px;border-left:3px solid #ffffff2e;padding-left:10px}
.comment_line .user_image_contenair{width:35px;height:35px}
.comments_section{position:relative;margin-top:20px;overflow:hidden}
.comment_line table{width:100%}
.comment_line table td:first-child{width:40px}
.comment_line table td:last-child{width:20px;color:#99b1bd}
.like_case{color:#aaa;font-size:13px;cursor:pointer;transition:all .2s}
.like_case:hover{color:#eee}
.login_layer{position:absolute;background:#111111d4;top:0;width:100%;height:100%;border-radius:3px;padding:20px}
#stars-container{position:absolute;top:-100px;left:0;pointer-events:none;z-index:100;width:70px;right:0;margin:auto}
.star{position:absolute;color:#E320FF21;width:5px;height:5px;opacity:0;animation:fall 2s forwards}
.chrono_timer{position:fixed;top:70px;background:#ac0b12;color:#FFF;padding:5px 10px;right:-999px;left:-999px;width:60px;margin:auto;text-align:center;border-radius:5px;box-shadow:0 0 25px #000}
@keyframes fall {
80%{opacity:1}
90%{opacity:0}
to{transform:translateY(200px) rotate(50deg);opacity:0;color:#E320FF}
}
.blog_image{text-align:center;margin-bottom:10px}
.blog_image img{max-width:400px;width:80%;height:auto;border-radius:5px}
.blog_image_2{max-width:330px;margin-top:18px;width:auto;height:auto}


.concept-hint {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 1.45;
  text-align: center;

  color: rgba(255, 255, 255, 0.78);

  max-width: 420px;
  margin-top:10px;

  opacity: 0;
  transform: translateY(-4px);
  animation: conceptFadeIn 5s ease-out forwards;
  animation-delay: 0.25s;
  display: inline-block;
  text-shadow: 0 0 10px #f700ff;
  padding: 2px 8px;
  border-radius: 9px;

}

@keyframes conceptFadeIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}




@media all and (max-width: 1100px) {
.homepage_description h2{font-size:22px}
.homepage_description h2 b{font-size:25px}
.homepage_description h3{font-size:23px}
.description_contenair{display:block;text-align:center}
.footer table{display:block}
.footer table td{display:block}
.footer .social_td,.footer .legal_td,.footer .description_td{padding:30px 10px;border-left:0;border-bottom:2px solid #c76be13b}
.community_stats_overview .stat_number{font-size:20px}
.community_stats_overview .stat_label{font-size:13px}
}
@media all and (max-width: 880px) {
.Frame_Header_Content .HeaderLogo{display:none}
.range_contenair .option{font-size:11px}
.tab_contenair_settings{font-size:10px}
.meilleur-match,.feed-info{font-size:10px}
.tab_contenair_settings i{font-size:14px}
.community_stats_section .stat_note,.question_progress_text,.content_wrapper_message .legend{font-size:11px!important}
.community_stats_section{gap:5px}
.community_stats_section .stat_item{padding:10px}
.community_stats_section .blog_title{font-size:16px}
.UserPopup,.ConversationPopup,.UserEditionPopup{width:100vw;height:100vh;top:0;border-radius:0;box-shadow:none}
.UserPopup .Popup_Content{max-height:100vh!important}
.UserEditionPopup .Popup_Content{max-height:calc(100vh - 100px)!important;height:calc(100vh - 100px)!important}
.user_wrapper_data{padding:25px 15px}
.Message{height:100vh}
@media all and (max-width: 820px) {
.Message{height:100vh;height:100dvh;position:relative;overflow:hidden;display:flex;flex-direction:column}
.chat_messages{flex:1;padding:20px 0;padding-bottom:120px;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}
.chat_footer{position:fixed!important;bottom:0;left:0;right:0;width:100%!important;margin:0!important;border-radius:0!important;z-index:1000;padding-bottom:env(safe-area-inset-bottom);background:#333;box-shadow:0 -2px 10px #0000004d}
}
.hyperh{font-size:25px;margin:75px 20px 30px}
.content3{margin:0;padding:20px 15px}
.content_bg_separate{border-radius:0 0 10px 10px}
.game_compatibility_sum td{display:block}
.game_restart b{background:none}
.feed_contenair_header{font-size:13px;font-style:italic}
.feed_contenair{grid-template-columns:repeat(auto-fit,minmax(100vw,1fr))}
.feed_contenair .date{font-size:8px}
.description_section img{width:46px}
.community_stats_section .progress,.progress_bar_mbti_cursor{font-size:8px}
.progress_bar_mbti_cursor i{font-size:8px;top:1px;position:absolute}
.community_stats_section .progress_bar_wrapper{border-spacing:6px 2px}
.community_stats_section .progress_bar_group{line-height:11px}
.community_stats_section .stat_item p{font-size:13px}
.community_stats_section .fa-circle-question{font-size:11px}
.homepage_description .button{padding:10px 13px;margin-bottom:10px;display:inline-block;font-size:11px}
.community_stats_section .blog_title{font-size:13px}
.blog-card .button{font-size:10px;padding:5px 12px}
.blog-card b{font-size:9px}
.button_grad{font-size:10px}
.homepage_description{padding:0 5vw;padding-bottom:30px}
.footer h5{margin-bottom:25px;font-size:25px}
.typewriter::before{vertical-align:-6px}
.community_stats_section .progress_bar{height:12px}
.progress_bar_mbti{height:11px}
.home_match_waiting{width:280px}
.Frame_Header_Content .HeaderLogo{height:18px!important;top:13px!important;left:43px!important}
.Frame .Frame_Header .pseudo{font-size:11px}
.header_icons img{margin-left:7px;margin-right:8px}
.Frame .Frame_Header_Content{padding:0 11px}
input[type="submit"],.button{font-size:11px}
popup input[type=text],popup input[type=password],popup input[type="number"]{font-size:13px}
input[type=password],input[type=text],input[type=number]{padding:7px 9px}
.Popup_CreateUser select{font-size:14px;padding:7px 19px}
.Popup_Login .block,.Popup_FullScreen .block{font-size:13px}
.radio{font-size:12px}
input[type="radio"]{vertical-align:-4px}
.feed .reply{font-size:13px}


.Matcher_Sum .range_contenair .option {
    padding: 4px 7px;
    font-size: 10px;
}

.Matcher_Sum .range_contenair .option_plus{position: relative;right: 0px;top: 12px;}
.Matcher_Sum .section_filters b {
    display:none
}
.Matcher_Sum .section_filters {
    text-align:center;
}

.tab_selector_active::after {
    height: 3px;
}
.tab_selector_active::before {
bottom: -11px;
    width: 16px;
    height: 7px;
}

}
@media all and (max-width: 820px) {
body{font-size:12px}
.Popup_Header{font-size:16px}
.Matcher_Sum h2{font-size:18px}
popup{position:absolute;max-width:90vw}
.Popup_FullScreen{max-width:100vw}
.UserPopup,.ConversationPopup{max-width:100vw}
.table_icon h1{font-size:17px}
.QuestionPopup{background:#eee;box-shadow:none;border:0;top:65px}
.Question{width:calc(100vw - 20px);position:relative}
.mask_responsive{position:relative}
.Matcher_Sum_Contenair,.Contenair_Main{bottom:auto;width:100vw;position:relative;right:auto;left:auto}
.table_icon .td-icon i{font-size:40px}
.table_icon-mini .td-icon i{font-size:20px}
.table_icon td{vertical-align:top;padding:5px}
.Matcher_Sum{border-radius:0 0 10px 10px;border:0}
.bg_separate{background:url(/assets/ressources/images/background-separate.png) repeat-x}
.bg_separate_purple{background:url(/assets/ressources/images/background-separate-purple.png) repeat-x}
.content2{width:calc(100vw - 40px)}
.table_blog{font-size:14px;color:#ddd}
.table_blog thead{display:none}
.table_blog tr{display:block;margin-bottom:15px;border:1px solid #444;border-radius:10px;overflow:hidden;background:#1a1a1a;padding:10px}
.table_blog td{display:block;text-align:left;padding:8px;border:none;position:relative;background:#2a2a2a}
.table_blog td:first-child{font-weight:700;background:none;color:#fff}
.table_blog td::before{content:attr(data-label);font-weight:700;display:block;color:#6a0dad}
.details{font-size:12px}
.Matcher_Case .zipcode{font-size:11px}
.Reply_Line .progress_contenair{width:60px}
.Reply_Line .reply_span{padding-left:70px}
.Reply_Line .hide_percent{padding-left:16px}
.hide_percent .tag_reply{display:none!important}
.Reply_Line .counter{left:29px;top:-94px;bottom:-99px;margin:auto;font-size:9px}
.tag_reply{font-size:10px;padding:1px 7px}
.user_buttons{position:relative;margin-top:7px}
.user_buttons .button_mini{font-size:10px;padding:8px 10px}
.section_options .option{font-size:9px}
}
@media all and (max-width: 700px) {
.Matcher_Progress_Contenair{position:relative!important;top:0!important;width:100px!important;right:0!important}
.Matcher_Sum h2{font-size:20px}
.LoaderLogo_Spin{width:65px}
.Account_Toolbox span{display:none}
.Account_Toolbox .button{padding:7px 10px!important}
.QuestionForm td{display:block;text-align:center;width:calc(100% - 10px)}
.QuestionForm .question_data{padding-bottom:10px;text-align:center}
.QuestionPopup .m-b-20{margin:0!important}
.QuestionPopup .Popup_Footer{margin-top:0}
.range_contenair{text-align:center}
.notification_item{overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}
.notification_table{table-layout:fixed;width:100%;border-collapse:collapse}
.notification_icon_cell{width:30px!important;text-align:center}
.notification_icon_cell i{font-size:24px!important;display:block}
.notification_text_cell{width:auto!important;padding-left:5px!important;min-width:0}
.notification_text_cell .legend{display:block;max-width:100%}
.notification_text_cell .legend span{display:inline}
.frame_notification_main{padding:5px!important;box-sizing:border-box;overflow-x:hidden;width:100%;max-width:100%}
.timer-badge{font-size:8px}
.user-pseudo{font-size:9px}
.header-actions{gap:0}
.Reply_Line{margin-bottom:15px}
}
@media all and (max-width: 400px) {
.notification_icon_cell i{font-size:20px!important}
.notification_text_cell{padding-left:3px!important;font-size:13px!important}
.notification_text_cell .legend{font-size:13px!important}
.List_Item.notification_item{padding:8px!important}
}
.button_match_like{background:#fff;color:#93bb24!important}
.button_match_like:hover{background:linear-gradient(135deg,#5ef817,#7fc52a)!important;transform:scale(1.05);color:#fff!important}
.button_match_dislike{background:#fff;color:#e10b0b!important}
.button_match_dislike:hover{background:linear-gradient(107deg,#ff1f1f,#a00a0a)!important;box-shadow:0 0 30px #ff0b0bb3!important;transform:scale(1.05);color:#fff!important}
.button_match_like,.button_match_dislike{transition:all .3s}
.button_match_inactive{transform:scale(0.7);opacity:.1}
.button_match_like.button_match_active{background:#4bae37!important;color:#FFF!important;box-shadow:0 0 20px #4fae22b3!important}
.button_match_dislike.button_match_active{box-shadow:0 0 40px #ff0b0be6!important;background:#e10b0b!important;color:#fff!important}
.user_match_buttons .button_small:not(.disabled):hover{background:linear-gradient(135deg,#477eb9,#5a9bd4)!important;transform:scale(1.1);color:#fff!important;box-shadow:0 0 15px #477eb9b3!important}
.user_match_buttons .button_small{transition:all .3s}
@keyframes pulse-waiting {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.8;transform:scale(1.05)}
}
.match-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:none;animation:fadeOutMatch 6s forwards}
.match-particles-container .match-message{position:relative;font-size:48px;font-weight:800;color:#fff;text-shadow:0 0 20px #0099ff,0 0 40px #0099ff,0 0 60px #0066ff,0 0 80px #06f;font-family:Raleway,sans-serif;text-transform:uppercase;font-style:italic;animation:sparkle 2s ease-in-out infinite,pulseMatch 4s ease-in-out infinite;z-index:1001}
.particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;pointer-events:none}
.particles.active .particle{animation:burst 2s ease-out forwards}
@keyframes sparkle {
0%,100%{opacity:1;text-shadow:0 0 20px #0099ff,0 0 40px #0099ff,0 0 60px #0066ff,0 0 80px #06f}
25%{opacity:.8;text-shadow:0 0 30px #0088ff,0 0 60px #0066ff,0 0 90px #0055ff,0 0 120px #0044ff,0 0 150px #03f}
50%{opacity:1;text-shadow:0 0 25px #0099ff,0 0 50px #0077ff,0 0 75px #0066ff,0 0 100px #05f}
75%{opacity:.9;text-shadow:0 0 35px #0088ff,0 0 70px #0066ff,0 0 105px #0055ff,0 0 140px #04f}
}
.particle{position:absolute;width:8px;height:8px;border-radius:50%;background:#08f;box-shadow:0 0 10px #0088ff,0 0 20px #0088ff,0 0 30px #08f;opacity:0;transform:translate(-50%,-50%)}
.particle:nth-child(1){--x:120px;--y:0}
.particle:nth-child(2){--x:114px;--y:38px}
.particle:nth-child(3){--x:98px;--y:70px}
.particle:nth-child(4){--x:70px;--y:98px}
.particle:nth-child(5){--x:38px;--y:114px}
.particle:nth-child(6){--x:0;--y:120px}
.particle:nth-child(7){--x:-38px;--y:114px}
.particle:nth-child(8){--x:-70px;--y:98px}
.particle:nth-child(9){--x:-98px;--y:70px}
.particle:nth-child(10){--x:-114px;--y:38px}
.particle:nth-child(11){--x:-120px;--y:0}
.particle:nth-child(12){--x:-114px;--y:-38px}
.particle:nth-child(13){--x:-98px;--y:-70px}
.particle:nth-child(14){--x:-70px;--y:-98px}
.particle:nth-child(15){--x:-38px;--y:-114px}
.particle:nth-child(16){--x:0;--y:-120px}
.particle:nth-child(17){--x:38px;--y:-114px}
.particle:nth-child(18){--x:70px;--y:-98px}
.particle:nth-child(19){--x:98px;--y:-70px}
.particle:nth-child(20){--x:114px;--y:-38px}
@keyframes burst {
0%{opacity:1;transform:translate(-50%,-50%) translate(0,0) scale(1)}
50%{opacity:1;transform:translate(-50%,-50%) translate(calc(var(--x) * 0.6),calc(var(--y) * 0.6)) scale(0.8)}
100%{opacity:0;transform:translate(-50%,-50%) translate(var(--x),var(--y)) scale(0.3)}
}

/* ===== TAG MANAGEMENT STYLES ===== */
.tags-section-container{margin-bottom:25px;padding-bottom:20px;}
.tags-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.tags-section-title{color:#fff;font-size:16px;font-weight:600;margin:0}
.tags-section-title-icon{margin-right:8px;color:#6e1ece}
.tags-section-hint{color:rgba(255,255,255,0.6);font-size:11px}
.tags-section-hint-icon{color:#6e1ece;margin-right:4px}
.tags-selected-container{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.tags-selected-item{position:relative;flex:0 0 auto}
.tags-selected-item-wrapper{display:flex;align-items:center;gap:6px}
.tags-selected-tag{background:rgba(110,30,206,0.2);padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid rgba(110,30,206,0.8);transition:all 0.2s ease;display:inline-flex;align-items:center;gap:6px}
.tags-selected-tag:hover{background:rgba(110,30,206,0.3);border-color:rgba(110,30,206,1)}
.tags-selected-tag-emoji{font-size:14px}
.tags-selected-tag-name{color:#fff;font-size:12px;font-weight:500}
.tags-selected-tag-check{color:#6e1ece;font-size:11px}
.tags-selected-tag-badge{font-size:9px;padding:2px 5px;border-radius:4px;font-weight:600;margin-left:4px}
.tags-selected-tag-badge-incomplete{background:rgba(255,165,0,0.3);color:#ffa500}
.tags-selected-tag-badge-complete{background:rgba(76,175,80,0.3);color:#4caf50}
.tags-selected-remove-btn{padding:3px 6px;font-size:10px}
.tags-description-popup{position: absolute;
  top: calc(100% + 13px);
  left: 0;
  z-index: 100;
  min-width: 300px;
  max-width: 400px;
  background: #0d0a2d;
  border-radius: 8px;
  border-top: 2px solid #6e1ece;
  padding: 12px;
  box-shadow: 1px 3px 23px rgba(156, 78, 191, 0.76);}
.tags-description-popup::before{content:'';position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #0d0a2d}
.tags-description-popup::after{content:'';position:absolute;top:-10px;left:19px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #6e1ece;z-index:-1}
.tags-description-default{color:rgba(255,255,255,0.6);font-size:11px;margin-bottom:10px;font-style:italic;padding-bottom:8px;border-bottom:1px solid rgba(110,30,206,0.2)}
.tags-description-label{color:rgba(255,255,255,0.9);font-size:12px;display:block;margin-bottom:6px;font-weight:600}
.tags-description-label-icon{margin-right:5px;color:#6e1ece}
.tags-description-textarea{width: calc(100% - 20px);min-height:80px;background:#A6A6A61C;color:#fff;font-size:12px;padding:10px;border-radius:6px;border:1px solid rgba(110,30,206,0.3);font-family:Quicksand;resize:vertical}
.tags-description-counter{color:rgba(255,255,255,0.5);font-size:10px;margin-top:4px;text-align:right}
.tags-empty-message{background:#0d0a2d;margin-bottom:20px;padding:15px;border-radius:5px;text-align:center;border-left:3px solid #6e1ece}
.tags-empty-icon{font-size:24px;color:rgba(110,30,206,0.5);margin-bottom:8px}
.tags-empty-text{color:rgba(255,255,255,0.6);font-size:13px;margin:0}
.tags-counter-info{background:#0d0a2d;margin-bottom:15px;padding:10px;border-radius:5px;border-left:3px solid #6e1ece}
.tags-counter-text{color:#fff;font-size:13px}
.tags-counter-icon{color:#6e1ece;margin-right:6px}
.tags-loading-container{text-align:center;padding:40px;color:#fff}
.tags-loading-spinner{font-size:24px;color:#6e1ece}
.tags-loading-text{margin-top:10px}
.tags-categories-container{max-height:400px;overflow-y:auto;padding-right:5px}
.tags-category-item{margin-bottom:20px}
.tags-category-title{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-top: 1px solid rgba(110,30,206,0.3);
  padding-top: 10px;
    
}
.tags-category-title .legend {
    color: #939393;
  margin-left: 15px;
}

.tags-category-title-icon{margin-right:8px;color:#6e1ece}
.tags-category-description{color:rgba(255,255,255,0.5);font-size:11px;margin-bottom:10px;margin-left:24px}
.tags-category-tags{display:flex;flex-wrap:wrap;gap:8px;margin-left:24px}
.tags-available-tag{background:#1717174d;padding:6px 12px;border-radius:8px;cursor:pointer;border:1px solid rgba(110,30,206,0.3);transition:all 0.2s ease;position:relative}
.tags-available-tag:not(.tags-available-tag-selected):hover{border-color:rgba(110,30,206,0.6);background:rgba(110,30,206,0.15)}
.tags-available-tag-selected{border-color:rgba(110,30,206,0.8)!important;background:rgba(110,30,206,0.2)!important}
.tags-available-tag-emoji{margin-right:6px;font-size:14px}
.tags-available-tag-name{color:#fff;font-size:12px;font-weight:500}
.tags-available-tag-check{margin-left:6px;color:#6e1ece}
.tags-login-warning{background:#1a0a0a;margin-top:15px;padding:15px;border-radius:5px;border-left:4px solid #530202}
.tags-login-warning-text{color:#fff;margin-bottom:10px}
.user_tags_emojis {
    display: block;
  margin-top: 6px;
  width: calc(100% + 40px);
  margin-left: -20px;
}

.user_tags_emojis span{
  border-radius: 15px;
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 2px 0;
  position: relative;
}

.user_tags_emojis span i{
position: absolute;
  top: -99px;
  bottom: -99px;
  margin: auto;
  right: -99px;
  left: -99px;
  font-style: normal;
  width: 16px;
  height: 13px;
  font-size: 12px;
  color: #757575;
}
.user_tags_emojis .user-tag-common-index i{
    color: #da96f9 !important;
}
.Matcher_Line_Match .user_tags_emojis .user-tag-common-index i{
    color: #2EA6EE !important;
}

.tag_line_user {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: #aaa;
}

/* Tags modernes style app de rencontre */
.user-tags-container {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 1.8;
}

.user-tag {
 display: inline-block;
  padding: 3px 11px;
  margin: 4px 6px 4px 0;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(121, 76, 175, 0.25) 0%, rgba(149, 76, 175, 0.4) 100%);
  font-size: 12px;
}

.user-tag-emoji {

}

.user-tag-name {

}

.user-tag-with-description {
  display: block;
  margin: 12px 0;
}

.user-tag-tooltip {
position: relative;
  margin-top: 10px;
  padding: 12px 16px;
  background: #111;
  border-radius: 8px;
  font-size: 13px;
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
  box-shadow: 1px 4px 19px rgb(30, 23, 28);
  border-top: 3px solid rgb(32, 32, 32);
}

.user-tag-tooltip::before {
content: '';
  position: absolute;
  top: -10px;
  left: 24px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid rgb(32, 32, 32);
}

.user-tag-common {
  background: linear-gradient(135deg, rgba(76,175,80,0.25) 0%, rgba(76,175,80,0.15) 100%) !important;
  border: 1px solid rgba(76,175,80,0.5) !important;
}

.user-tag-common .user-tag-name {
  color: #4caf50 !important;
  font-weight: 600;
}

/* ============================================
   TAG FILTER STYLES
   ============================================ */

.tag-filter-toggle {
  position: relative;
}

.tag-filter-count {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #d9abf9;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Popup de filtre de tags - utilise les mêmes styles que la page d'édition */
.TagFilterPopup {
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.TagFilterPopup .tags-categories-container {
  max-height: 400px;
  overflow-y: auto;
  padding-right: 5px;
}

/* ============================================
   POPUP DE PARTAGE - REFONTE COMPLÈTE
   ============================================ */

/* Container principal */
.share_popup_container {
  padding: 20px;
  max-width: 100%;
}

/* Système d'onglets */
.tab_contenair_share {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
}

/* Le système d'onglets utilise déjà les classes tab_selector et tab_selector_active existantes */

/* ============================================
   POPUP DE PARTAGE - STYLES AVEC COULEURS DU SITE
   ============================================ */

.share_popup_container {
  padding: 20px;
  max-width: 100%;
}

.share_section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.share_section_title {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 8px 0;
}

.share_section_title i {
  color: #ffe71b;
  margin-right: 8px;
}

/* Container du lien de partage */
.share_link_container {
  background: #363742;
  border-radius: 9px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.share_link_display {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/* Groupe d'input avec bouton */
.share_link_input_group {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.share_link_input_wrapper {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}

.share_link_input_icon {
  position: absolute;
  left: 15px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  z-index: 1;
}

.share_link_input {
 
  padding: 12px 15px 12px 45px !important;
  
}

.share_link_input:focus {
  outline: none;
  border-color: #6e1ece;
  color: #fff;
}

.share_link_copy_btn {
  padding: 9px 17px;
  background: #6e1ece;
  border: none;
  border-radius: 282px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-family: "Quicksand";
  height: 45px;
  width: 45px;
  margin-top: 4px;
}

.share_link_copy_btn:hover {
  background: #49128c;
}

.share_link_copy_btn i {
  font-size: 14px;
}

/* Actions du lien */
.share_link_actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.button_share_primary {
  flex: 1;
  padding: 9px 17px;
  background: #6e1ece;
  border: none;
  border-radius: 282px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Quicksand";
}

.button_share_primary:hover {
  background: #49128c;
}

.button_share_secondary {
  flex: 1;
  padding: 9px 17px;
  background: #1717174d;
  border: 1px solid #171717;
  border-radius: 10px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Hind Vadodara";
}

.button_share_secondary:hover {
  background: #2a2a2a;
  border-color: #6e1ece;
}

/* Message si non connecté */
.share_link_not_logged {
  text-align: center;
  padding: 30px 20px;
}

.share_link_message {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.share_link_message_icon {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.share_link_message_icon i {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.7);
}

.share_link_message_text h4 {
  font-size: 18px;
  color: #fff;
  margin: 0 0 8px 0;
}

.share_link_message_text p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.button_login {
  padding: 9px 17px;
  background: #ce7f19;
  border: none;
  border-radius: 282px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Quicksand";
}

.button_login:hover {
  background: #b86f15;
}

/* Code de partage */
.share_code_display {
  background: #363742;
  border-radius: 9px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
}

.share_code_label {
  font-size: 13px;
  color: #c6c6c6;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.share_code_value {
  font-size: 24px;
  font-weight: 700;
  color: #ffe71b;
  font-family: 'Courier New', monospace;
  letter-spacing: 2px;
  text-shadow: 0 0 10px #ff0bf3;
}

/* Boîte d'information */
.share_info_box {
  background: #200639;
  border-left: 4px solid #6e1ece;
  border-radius: 9px;
  padding: 15px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.share_info_box i {
  color: #ffe71b;
  font-size: 18px;
  margin-top: 2px;
  flex-shrink: 0;
}

.share_info_content {
  flex: 1;
}

.share_info_content strong {
  display: block;
  color: #fff;
  font-size: 14px;
  margin-bottom: 8px;
}

.share_info_content ul {
  margin: 0;
  color: #c6c6c6;
  font-size: 13px;
  line-height: 1.6;
}

.share_info_content ul li {
  margin-bottom: 5px;
  margin-left:0px;
}

/* Section des jeux */
.share_games_section {
  margin-top: 20px;
}

.share_games_container {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.share_game_button {
  flex: 1;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  padding: 9px 17px;
  background: #6e1ece;
  border-radius: 282px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  font-family: "Quicksand";
  transition: all 0.3s ease;
}

.share_game_button:hover {
  background: #49128c;
  transform: translateY(-2px);
}

.share_game_button i {
  font-size: 14px;
}

.share_game_button span {
  display: inline-block;
}

/* ============================================
   ONGLET 2 : RÉSULTATS DES QUIZ
   ============================================ */

.quiz_results_section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* En-tête de section */
.quiz_results_header_section {
  margin-bottom: 10px;
}

.quiz_results_header_icon {
  width: 50px;
  height: 50px;
  background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3);
}

.quiz_results_header_icon i {
  font-size: 24px;
  color: #fff;
}

.quiz_results_header_text {
  flex: 1;
}

.quiz_results_description {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.5;
  margin: 8px 0 0 0;
}

/* Container d'affichage des résultats */
.quiz_results_display_container {
  background: #363742;
  border-radius: 9px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* En-tête utilisateur */
.quiz_results_user_header {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.quiz_results_user_avatar_container {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
}

.quiz_results_user_avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.quiz_results_user_info {
  flex: 1;
}

.quiz_results_user_name {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 5px 0;
}

.quiz_results_user_subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

.quiz_results_close_btn {
  width: 35px;
  height: 35px;
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.quiz_results_close_btn:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  transform: rotate(90deg);
}

/* Statistiques du quiz */
.quiz_results_stats_container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Section pourcentage */
.quiz_results_percent_section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.quiz_results_percent_label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.quiz_results_percent_value {
  font-size: 18px;
  font-weight: 700;
  color: #ffe71b;
}

.quiz_results_percent_bar_container {
  width: 100%;
  height: 30px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  overflow: hidden;
  position: relative;
}

.quiz_results_percent_bar_bg {
  width: 100%;
  height: 100%;
  position: relative;
}

.quiz_results_percent_bar_fill {
  height: 100%;
  border-radius: 15px;
  transition: width 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}

.quiz_percent_excellent {
  background: linear-gradient(90deg, #4de807 0%, #3bbd00 100%);
}

.quiz_percent_good {
  background: linear-gradient(90deg, #2EA6EE 0%, #2E7FB0 100%);
}

.quiz_percent_medium {
  background: linear-gradient(90deg, #ffe71b 0%, #ce7f19 100%);
}

.quiz_percent_low {
  background: linear-gradient(90deg, #e82b2b 0%, #ae2222 100%);
}

/* Détails des résultats */
.quiz_results_details {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.quiz_results_detail_item {
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 15px;
  background: #363742;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.quiz_results_detail_icon {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.quiz_results_detail_icon i {
  font-size: 18px;
  color: #6e1ece;
}

.quiz_results_flam_icon {
  background: rgba(255, 87, 34, 0.2);
}

.quiz_results_flam_icon i {
  color: #ff5722;
}

.quiz_results_detail_content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.quiz_results_detail_label {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
}

.quiz_results_detail_value {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.quiz_results_flam_value {
  color: #ff5722;
}

/* Container de recherche */
.quiz_search_container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Section d'initialisation de recherche */
.quiz_search_init_section {
  text-align: center;
  padding: 40px 20px;
}

.button_quiz_search_init {
  padding: 9px 17px;
  background: #6e1ece;
  border: none;
  border-radius: 282px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Quicksand";
}

.button_quiz_search_init:hover {
  background: #49128c;
}

/* Formulaire de recherche */
.quiz_search_form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.quiz_search_input_container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.quiz_search_label {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  gap: 8px;
}

.quiz_search_input_group {
  position: relative;
  display: flex;
  align-items: center;
}

.quiz_search_icon {
  position: absolute;
  left: 15px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  z-index: 1;
}

.quiz_search_input {
  width: 100%;
  padding: 7px 8px 7px 45px;
  background: none;
  border: 0;
  border-radius: 6px;
  color: #656565;
  font-size: 14px;
  transition: all 0.5s ease;
  font-family: Quicksand;
  font-weight: 600;
}

.quiz_search_input:focus,
.quiz_search_input:hover {
  color: #fff;
}

/* Suggestions de devineurs */
.quiz_search_suggestions {
  background: #363742;
  border-radius: 9px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.quiz_search_suggestions_header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 12px;
  font-weight: 500;
}

.quiz_search_suggestions_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.quiz_suggestion_item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #1717174d;
  border-radius: 9px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.quiz_suggestion_item:hover {
  background: #363742;
  border-color: #6e1ece;
  transform: translateX(5px);
}

.quiz_suggestion_avatar {
  width: 35px;
  height: 35px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.quiz_suggestion_avatar i {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
}

.quiz_suggestion_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.quiz_suggestion_name {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

.quiz_suggestion_date {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  gap: 5px;
}

.quiz_suggestion_arrow {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

/* Résultats de recherche */
.user_search_result {
  background: #363742;
  border-radius: 9px;
  padding: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.user_search_result_header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 12px;
  font-weight: 500;
}

.user_search_result_list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.user_search_result_line {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #1717174d;
  border-radius: 9px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.user_search_result_line:hover {
  background: #363742;
  border-color: #6e1ece;
  transform: translateX(5px);
}

.user_search_result_avatar {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.user_search_result_avatar i {
  color: rgba(255, 255, 255, 0.7);
  font-size: 18px;
}

.user_search_result_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.user_search_result_name {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

.user_search_result_date {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  gap: 5px;
}

.user_search_result_arrow {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

/* État vide */
.quiz_results_empty {
  text-align: center;
  padding: 60px 20px;
  background: #363742;
  border-radius: 9px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.quiz_results_empty_icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.quiz_results_empty_icon i {
  font-size: 36px;
  color: rgba(255, 255, 255, 0.5);
}

.quiz_results_empty h4 {
  font-size: 18px;
  color: #fff;
  margin: 0 0 10px 0;
}

.quiz_results_empty p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}