<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*,
*::before,
*::after {
    box-sizing: border-box
}

ul[class],
ol[class] {
    padding: 0
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
    margin: 0
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

ul[class],
ol[class] {
    list-style: none
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%;
    display: block
}

article&gt;*+* {
    margin-top: 1em
}

input,
button,
textarea,
select {
    font: inherit
}

img:not([alt]) {
    filter: blur(10px)
}

@media (prefers-reduced-motion:reduce) {
    * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

*,
*::before,
*::after {
    box-sizing: border-box
}

ul[class],
ol[class] {
    padding: 0
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
figure,
blockquote,
dl,
dd {
    margin: 0
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

ul[class],
ol[class] {
    list-style: none
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

img {
    max-width: 100%;
    display: block
}

article&gt;*+* {
    margin-top: 1em
}

input,
button,
textarea,
select {
    font: inherit
}

img:not([alt]) {
    filter: blur(10px)
}

@media (prefers-reduced-motion:reduce) {
    * {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important
    }
}

* {
    outline: 0
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #100413;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-rendering: optimizeSpeed;
    color: #fff;
    line-height: 24px
}

label.invisible {
    display: block;
    overflow: hidden;
    height: 0
}

img.ltd {
    display: inline-block;
    background-color: #100413
}

.theme-alt body {
    background: #f1f5f8;
    color: #100413
}

ul,
li {
    margin: 0;
    padding: 0;
    list-style: none
}

img {
    max-width: 100%;
    border-style: none
}

img[src=""] {
    display: none
}

a {
    color: #fff;
    text-decoration: none
}

a:hover {
    color: #7a8894
}

.theme-alt .btn-list a {
    color: #1D111F !important;
    border-color: #7a8894 !important;
    background-color: #fff
}

.theme-alt .btn-list a:hover {
    color: #5494DC !important
}

.input-radio {
    display: none;
    box-sizing: border-box;
    padding: 0
}

.input-radio+label {
    margin: 0;
    display: inline-block;
    cursor: pointer
}

.input-radio+label span {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 1px 10px 0 0;
    vertical-align: top;
    background: #5494DC;
    border-radius: 24px;
    cursor: pointer
}

.input-radio:checked+label span::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    background: #fff;
    border-radius: 10px;
    transform: translate(-50%, -50%)
}

h1,
h2,
h3 {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    color: #fff
}

.theme-alt h1,
.theme-alt h2,
.theme-alt h3 {
    color: #100413
}

h3 {
    font-weight: normal
}

.title {
    display: table;
    border-spacing: 2px 0;
    margin: 0 -3px 0 -3px;
    padding: 9px 5px 4px 5px;
    background: #1D111F;
    border-radius: 4px 4px 0 0
}

.title h1,
.title h2,
.title h3 {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    border-radius: 4px;
    border: 1px solid #40484f;
    font-size: 18px;
    color: #fff;
    padding-left: 10px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0
}

.theme-alt .title {
    background: #fff
}

.theme-alt .title h1,
.theme-alt .title h2,
.theme-alt .title h3 {
    border-color: #f1f5f8;
    color: #100413
}

.input-text {
    width: 100%;
    height: 42px;
    padding: 0 20px;
    border: 1px solid #40484f;
    border-radius: 4px;
    background: transparent;
    box-sizing: border-box;
    color: #fff
}

.input-textarea {
    height: auto;
    min-height: 80px;
    padding: 10px;
    border-radius: 5px;
    resize: vertical;
    overflow: auto
}

.btn {
    min-width: 42px;
    height: 42px;
    padding: 0 20px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #40484f;
    background-color: #5494DC;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 42px;
    cursor: pointer
}

.theme-alt .btn {
    color: #fff
}

.btn:hover {
    color: #fff
}

.btn-secondary {
    background-color: #4396f3
}

.btn-light {
    background-color: transparent
}

.btn-light.w2 {
    font-size: 10px;
    font-weight: 100
}

.btn-light.w3 {
    font-size: 11px;
    font-weight: 200
}

.btn-light.w4 {
    font-size: 12px;
    font-weight: 300
}

.btn-light.w5 {
    font-size: 13px;
    font-weight: 400
}

.btn-light.w6 {
    font-size: 14px;
    font-weight: 500
}

.btn-light.w7 {
    font-size: 15px;
    font-weight: 600
}

.btn-light.w8 {
    font-size: 16px;
    font-weight: 700
}

.btn-light.w9 {
    font-size: 17px;
    font-weight: 800
}

.btn-light.w10 {
    font-size: 18px;
    font-weight: 900
}

.btn-light:hover {
    color: #5494DC;
    text-decoration: underline
}

.btn-list {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline
}

.btn-list a {
    margin: 2px 4px 2px 0
}

.block {
    margin: 10px -3px;
    padding: 5px;
    border-radius: 4px;
    background: #1D111F
}

.block h2 {
    background-color: #1D111F;
    border-radius: 4px 4px 0 0;
    height: 42px;
    color: #fff;
    padding: 0 10px;
    line-height: 42px;
    border: 1px solid #40484f
}

.block nav {
    border-radius: 0 0 4px 4px
}

.block nav a {
    color: #fff;
    border: 0;
    padding: 2px 5px;
    line-height: inherit;
    height: auto
}

.theme-alt .block {
    background: #fff
}

.container,
#copyright&gt;div {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto
}

.container {
    padding: 0 3px !important
}

main .container h2 {
    background: #1D111F;
    border-radius: 4px;
    line-height: 42px;
    padding: 0 10px;
    margin: 10px 4px;
    font-size: 18px
}

.theme-alt main .container h2 {
    color: #100413;
    border: 1px solid #f1f5f8;
    background: #fff
}

header {
    padding: 10px 0;
    margin-bottom: 10px;
    background: #1D111F;
    display: flex;
    align-items: center;
    box-sizing: border-box
}

header .container {
    display: flex;
    align-items: center
}

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

.logo&gt;a {
    display: flex;
    align-items: center
}

.logo-img {
    width: 200px;
    height: 45px;
    margin-left: 4px;
    display: block;
    background: url("/img/logo.svg") no-repeat 0 center;
    background-size: 200px auto
}

.logo-img div {
    display: none
}

.nav-toggle {
    width: 42px;
    height: 42px;
    margin: 0 0 0 auto;
    display: none;
    background: #1D111F url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    border: 1px solid #40484f;
    border-radius: 4px;
    cursor: pointer
}

.theme-alt .nav-toggle {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M3%2018h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E")
}

.nav-open .nav-toggle {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")
}

.view-toggle {
    margin: 0 0 0 auto;
    display: none
}

.view-toggle-grid,
.view-toggle-theme {
    display: inline-block;
    background: #1D111F no-repeat center;
    background-size: 70%;
    cursor: pointer;
    width: 42px;
    height: 42px;
    border-radius: 4px
}

.view-toggle-grid {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22column%22%20class%3D%22cls-1%22%20d%3D%22M1176%2C98v6h5V98m-11%2C6h5V98h-5m6%2C13h5v-6h-5m-6%2C6h5v-6h-5m-6%2C6h5v-6h-5m0-1h5V98h-5v6Z%22%20transform%3D%22translate(-1164%20-98)%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-color: #1D111F;
    background-size: 50%;
    border: 1px solid #40484f
}

.view-toggle-grid::after {
    content: '5';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(4px, -16px);
    width: 14px;
    height: 14px;
    display: block;
    background: #1D111F;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 2px 0 #fff
}

.grid-lg .view-toggle-grid::after {
    content: '6'
}

.grid-sm .view-toggle-grid::after {
    content: '4'
}

.view-toggle-theme {
    margin-left: 2px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22250%22%20height%3D%22250%22%20viewBox%3D%220%200%20250%20250%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M125%20250C194.036%20250%20250%20194.036%20250%20125C250%2055.9644%20194.036%200%20125%200C55.9644%200%200%2055.9644%200%20125C0%20194.036%2055.9644%20250%20125%20250ZM125%20230C67.0101%20230%2020%20182.99%2020%20125C20%2067.0101%2067.0101%2020%20125%2020V230Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-color: #1D111F;
    background-size: 50%;
    border: 1px solid #40484f
}

.menu {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold
}

.menu label,
.menu input,
.menu span,
.menu .opt-upload {
    display: none
}

.menu a {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    color: #fff;
    border-bottom: 2px solid transparent
}

.menu a:hover {
    color: #CD6ACF;
    border-bottom: 2px solid #CD6ACF
}

.search {
    position: relative;
    width: 370px;
    margin: 0 4px 0 0
}

.search-btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    background: transparent url("data:image/svg+xml,%3Csvg%20width%3D%22329%22%20height%3D%22329%22%20viewBox%3D%220%200%20329%20329%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M94.2587%20206.736H109.106L114.506%20201.665C94.0164%20177.718%2083.6038%20146.765%2085.452%20115.304C87.3002%2083.8437%20101.267%2054.3226%20124.42%2032.9381C147.573%2011.5537%20178.111%20-0.0309987%20209.624%200.616115C241.138%201.26323%20271.175%2014.0918%20293.431%2036.4087C315.686%2058.7256%20328.428%2088.7953%20328.982%20120.305C329.537%20151.815%20317.862%20182.314%20296.406%20205.4C274.95%20228.486%20245.382%20242.364%20213.911%20244.119C182.44%20245.875%20151.513%20235.372%20127.621%20214.815L122.414%20220.079V234.983L28.4966%20328.788L0.532121%20300.772L94.2587%20206.736ZM207.075%20206.736C223.805%20206.725%20240.155%20201.754%20254.06%20192.452C267.966%20183.151%20278.801%20169.936%20285.196%20154.478C291.59%20139.021%20293.258%20122.015%20289.987%20105.61C286.716%2089.2058%20278.654%2074.1391%20266.82%2062.315C254.986%2050.491%20239.909%2042.4406%20223.499%2039.1814C207.09%2035.9222%20190.084%2037.6007%20174.628%2044.0047C159.172%2050.4086%20145.962%2061.2505%20136.668%2075.1596C127.374%2089.0688%20122.414%20105.421%20122.414%20122.148C122.401%20133.265%20124.583%20144.275%20128.834%20154.547C133.084%20164.819%20139.321%20174.152%20147.186%20182.01C155.051%20189.868%20164.389%20196.097%20174.666%20200.34C184.943%20204.583%20195.956%20206.756%20207.075%20206.736V206.736Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip0%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%22329%22%20height%3D%22329%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 50%;
    border: 0
}

.toggle-view {
    display: table;
    margin: 0 -2px;
    height: 42px;
    z-index: 3
}

.toggle-view div {
    height: auto
}

#desklang {
    display: none
}

#desklang:checked+label {
    background-color: #5494DC;
    opacity: .9
}

#desklang:checked+label&gt;nav {
    display: block
}

.toggle-lang {
    position: relative;
    min-width: 42px;
    padding: 0;
    color: #fff;
    background-color: #1D111F;
    z-index: 10;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none
}

.toggle-lang:hover {
    color: #fff;
    background-color: #5494DC;
    text-decoration: none
}

.toggle-lang&gt;nav {
    position: absolute;
    display: none;
    flex-flow: column nowrap;
    right: 0;
    top: 43px;
    width: 200px;
    background-color: #1D111F;
    padding: 10px;
    border-radius: 4px;
    z-index: 5;
    border: 1px solid #7a8894
}

.toggle-lang&gt;nav a {
    display: block;
    border: 0;
    margin: 8px 5px;
    line-height: initial;
    text-align: left;
    font-size: 12px;
    font-weight: 700
}

.toggle-lang&gt;nav a:hover {
    color: #5494DC
}

.theme-alt #desklang+label {
    background-color: #fff
}

.theme-alt #desklang+label:hover {
    background-color: #5494DC;
    color: #fff
}

.theme-alt #desklang+label nav {
    background-color: #fff;
    border: 1px solid #f1f5f8
}

.theme-alt #desklang+label nav a {
    color: #40484f
}

.theme-alt #desklang+label nav a:hover {
    color: #5494DC
}

.theme-alt #desklang:checked+label {
    background-color: #5494DC;
    color: #fff
}

.theme-alt .toggle-lang {
    color: #1D111F;
    border-color: #f1f5f8
}

.toggle-grid {
    display: table-cell;
    position: relative;
    background: #1D111F url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22column%22%20class%3D%22cls-1%22%20d%3D%22M1176%2C98v6h5V98m-11%2C6h5V98h-5m6%2C13h5v-6h-5m-6%2C6h5v-6h-5m-6%2C6h5v-6h-5m0-1h5V98h-5v6Z%22%20transform%3D%22translate(-1164%20-98)%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    border-radius: 4px
}

.theme-alt .toggle-grid {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%231D111F%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22column%22%20class%3D%22cls-1%22%20d%3D%22M1176%2C98v6h5V98m-11%2C6h5V98h-5m6%2C13h5v-6h-5m-6%2C6h5v-6h-5m-6%2C6h5v-6h-5m0-1h5V98h-5v6Z%22%20transform%3D%22translate(-1164%20-98)%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    border-color: #f1f5f8
}

.toggle-grid::after {
    content: '5';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(4px, -16px);
    width: 14px;
    height: 14px;
    display: block;
    background: #1D111F;
    border-radius: 20px;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 14px;
    box-shadow: 0 0 2px 0 #fff
}

.grid-lg .toggle-grid::after {
    content: '6'
}

.grid-sm .toggle-grid::after {
    content: '4'
}

.theme-alt .toggle-grid::after {
    background-color: #fff;
    color: #1D111F
}

.toggle-grid:hover {
    background: #5494DC url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2213%22%20viewBox%3D%220%200%2017%2013%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23ffffff%3B%0A%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cpath%20id%3D%22column%22%20class%3D%22cls-1%22%20d%3D%22M1176%2C98v6h5V98m-11%2C6h5V98h-5m6%2C13h5v-6h-5m-6%2C6h5v-6h-5m-6%2C6h5v-6h-5m0-1h5V98h-5v6Z%22%20transform%3D%22translate(-1164%20-98)%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center
}

.toggle-grid:hover::after {
    background-color: #5494DC;
    color: #fff
}

.toggle-theme {
    position: relative;
    display: table-cell;
    width: 42px;
    background: #1D111F url("data:image/svg+xml,%3Csvg%20width%3D%22250%22%20height%3D%22250%22%20viewBox%3D%220%200%20250%20250%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M125%20250C194.036%20250%20250%20194.036%20250%20125C250%2055.9644%20194.036%200%20125%200C55.9644%200%200%2055.9644%200%20125C0%20194.036%2055.9644%20250%20125%20250ZM125%20230C67.0101%20230%2020%20182.99%2020%20125C20%2067.0101%2067.0101%2020%20125%2020V230Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 50%;
    border-radius: 4px
}

.toggle-theme span {
    display: none
}

.theme-alt .toggle-theme {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%22250%22%20height%3D%22250%22%20viewBox%3D%220%200%20250%20250%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M125%20250C194.036%20250%20250%20194.036%20250%20125C250%2055.9644%20194.036%200%20125%200C55.9644%200%200%2055.9644%200%20125C0%20194.036%2055.9644%20250%20125%20250ZM125%20230C67.0101%20230%2020%20182.99%2020%20125C20%2067.0101%2067.0101%2020%20125%2020V230Z%22%20fill%3D%22%231D111F%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 50%;
    border-color: #f1f5f8
}

.toggle-theme:hover {
    background: #5494DC url("data:image/svg+xml,%3Csvg%20width%3D%22250%22%20height%3D%22250%22%20viewBox%3D%220%200%20250%20250%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M125%20250C194.036%20250%20250%20194.036%20250%20125C250%2055.9644%20194.036%200%20125%200C55.9644%200%200%2055.9644%200%20125C0%20194.036%2055.9644%20250%20125%20250ZM125%20230C67.0101%20230%2020%20182.99%2020%20125C20%2067.0101%2067.0101%2020%20125%2020V230Z%22%20fill%3D%22%23ffffff%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 50%
}

.btn-upload {
    display: table-cell;
    position: relative;
    padding: 0;
    margin-right: 4px;
    background: #1D111F url("data:image/svg+xml,%3Csvg%20width%3D%22490%22%20height%3D%22490%22%20viewBox%3D%220%200%20490%20490%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M382.4%20422.75H303.3H282H277.4V316.65H312.1C320.9%20316.65%20326.1%20306.65%20320.9%20299.45L253.4%20206.05C249.1%20200.05%20240.2%20200.05%20235.9%20206.05L168.4%20299.45C163.2%20306.65%20168.3%20316.65%20177.2%20316.65H211.9V422.75H207.3H186H94.3C41.8%20419.85%200%20370.75%200%20317.55C0%20280.85%2019.9%20248.85%2049.4%20231.55C46.7%20224.25%2045.3%20216.45%2045.3%20208.25C45.3%20170.75%2075.6%20140.45%20113.1%20140.45C121.2%20140.45%20129%20141.85%20136.3%20144.55C158%2098.55%20204.8%2066.65%20259.2%2066.65C329.6%2066.75%20387.6%20120.65%20394.2%20189.35C448.3%20198.65%20489.4%20248.75%20489.4%20305.45C489.4%20366.05%20442.2%20418.55%20382.4%20422.75Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%22489.4%22%20height%3D%22489.4%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 70%
}

.btn-upload:hover {
    background-color: #5494DC
}

.theme-alt .btn-upload {
    background: #fff url("data:image/svg+xml,%3Csvg%20width%3D%22490%22%20height%3D%22490%22%20viewBox%3D%220%200%20490%20490%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M382.4%20422.75H303.3H282H277.4V316.65H312.1C320.9%20316.65%20326.1%20306.65%20320.9%20299.45L253.4%20206.05C249.1%20200.05%20240.2%20200.05%20235.9%20206.05L168.4%20299.45C163.2%20306.65%20168.3%20316.65%20177.2%20316.65H211.9V422.75H207.3H186H94.3C41.8%20419.85%200%20370.75%200%20317.55C0%20280.85%2019.9%20248.85%2049.4%20231.55C46.7%20224.25%2045.3%20216.45%2045.3%20208.25C45.3%20170.75%2075.6%20140.45%20113.1%20140.45C121.2%20140.45%20129%20141.85%20136.3%20144.55C158%2098.55%20204.8%2066.65%20259.2%2066.65C329.6%2066.75%20387.6%20120.65%20394.2%20189.35C448.3%20198.65%20489.4%20248.75%20489.4%20305.45C489.4%20366.05%20442.2%20418.55%20382.4%20422.75Z%22%20fill%3D%22%231D111F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%22489.4%22%20height%3D%22489.4%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 70%;
    border-color: #f1f5f8
}

.theme-alt .btn-upload:hover {
    background: #5494DC url("data:image/svg+xml,%3Csvg%20width%3D%22490%22%20height%3D%22490%22%20viewBox%3D%220%200%20490%20490%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M382.4%20422.75H303.3H282H277.4V316.65H312.1C320.9%20316.65%20326.1%20306.65%20320.9%20299.45L253.4%20206.05C249.1%20200.05%20240.2%20200.05%20235.9%20206.05L168.4%20299.45C163.2%20306.65%20168.3%20316.65%20177.2%20316.65H211.9V422.75H207.3H186H94.3C41.8%20419.85%200%20370.75%200%20317.55C0%20280.85%2019.9%20248.85%2049.4%20231.55C46.7%20224.25%2045.3%20216.45%2045.3%20208.25C45.3%20170.75%2075.6%20140.45%20113.1%20140.45C121.2%20140.45%20129%20141.85%20136.3%20144.55C158%2098.55%20204.8%2066.65%20259.2%2066.65C329.6%2066.75%20387.6%20120.65%20394.2%20189.35C448.3%20198.65%20489.4%20248.75%20489.4%20305.45C489.4%20366.05%20442.2%20418.55%20382.4%20422.75Z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%22489.4%22%20height%3D%22489.4%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 70%
}

main {
    flex-grow: 1;
    margin-bottom: 20px
}

main .container {
    position: relative
}

.thumbs {
    margin: 0 -3px;
    border-radius: 0 0 4px 4px;
    display: flex;
    flex-wrap: wrap;
    background: #1D111F;
    padding: 0 2px
}

.theme-alt .thumbs {
    background: #fff
}

.container&gt;h2 {
    position: absolute;
    border: 1px solid #40484f;
    width: calc(100% - 15px)
}

.container&gt;h2+.thumbs {
    padding-top: 60px;
    border-radius: 4px;
    margin-bottom: 20px
}

.th {
    position: relative;
    width: calc(20% - 10px);
    margin: 5px 5px 0 5px;
    border-radius: 3px;
    font-size: 14px;
    display: block
}

.th[data-category] .th-title {
    text-transform: uppercase !important
}

#related_cat+section .th-title,
#trending_cat+section .th-title {
    text-transform: uppercase !important
}

.grid-lg .th {
    width: calc(100% / 6 - 10px)
}

.grid-sm .th {
    width: calc(25% - 10px)
}

.th-img {
    position: relative;
    padding: 75% 0 0 0;
    overflow: hidden
}

.th-img[data-preview]:before {
    display: block;
    content: '';
    position: absolute;
    width: 15px;
    height: 9px;
    background: url("data:image/svg+xml,%3Csvg%20height%3D%22432pt%22%20viewBox%3D%220%20-87%20432%20432%22%20width%3D%22432pt%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m278.90625%200h-248.90625c-16.5625.0195312-29.9804688%2013.4375-30%2030v197.421875c.0195312%2016.5625%2013.4375%2029.980469%2030%2030h248.90625c16.558594-.019531%2029.980469-13.4375%2030-30v-197.421875c-.019531-16.5625-13.441406-29.9804688-30-30zm0%200%22%20fill%3D%22%23CD6ACF%22%2F%3E%3Cpath%20d%3D%22m328.90625%20169.800781%20103.09375%2056.285157v-194.105469l-103.09375%2056.285156zm0%200%22%20fill%3D%22%23CD6ACF%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 100%;
    z-index: 2;
    bottom: 10px;
    right: 10px
}

.th-img video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
    border-radius: 3px;
    object-fit: fill
}

.th-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.th-img img+img {
    display: none
}

.th-title {
    position: relative;
    width: 100%;
    max-height: 30px;
    padding: 5px 5px 2px 5px;
    color: #fff;
    font: bold 13px Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    line-height: 20px;
    transition: all .2s;
    border-radius: 0 0 3px 3px;
    text-transform: capitalize
}

.th-title span {
    display: inline-block;
    position: absolute;
    right: 5px;
    bottom: 2px;
    color: #7a8894 !important;
    font-weight: normal
}

.th-title span:before {
    display: block;
    content: '';
    position: absolute;
    width: 20px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20viewBox%3D%220%200%20100%20100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2246.5%22%20stroke%3D%22%23CD6ACF%22%20stroke-width%3D%227%22%2F%3E%0A%3Cpath%20d%3D%22M40.25%2031.7465L71%2049.5L40.25%2067.2535V31.7465Z%22%20stroke%3D%22%23CD6ACF%22%20stroke-width%3D%227%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 70%;
    left: -25px;
    top: 3px
}

.th:hover {
    padding-bottom: 27px
}

.th:hover .th-title {
    background: #1D111F;
    position: absolute;
    max-height: 300px;
    white-space: normal;
    z-index: 2
}

.theme-alt .th:hover .th-title {
    background: #fff
}

.th[data-category] .th-title {
    padding-right: 90px
}

.th[data-category]:hover .th-title {
    padding: 5px 5px 2px 5px
}

.theme-alt .th-title {
    color: #100413;
    background-color: #fff
}

.theme-alt .th-title span {
    color: #7a8894 !important
}

.th-duration {
    position: absolute;
    bottom: 4px;
    left: 4px;
    height: 24px;
    padding: 0 7px;
    display: block;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 12px;
    color: #fff
}

.btn-all {
    display: none;
    border: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}

.ticks {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28px;
    display: none;
    background-color: rgba(16, 4, 19, 0.5);
    text-align: center;
    line-height: 28px
}

.th:hover .ticks {
    display: block
}

.tick {
    width: 7px;
    height: 7px;
    margin: -1px 2px 0 2px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    background-color: #fff
}

.tick.current {
    width: 17px;
    background-color: #5494DC
}

.pg {
    width: 100%;
    margin: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center
}

.pg&gt;a,
.pg&gt;span {
    margin: 2px;
    line-height: 42px;
    color: #fff
}

.pg&gt;a:first-of-type:not(.page-prev) {
    margin-left: auto
}

.pg&gt;a:last-of-type:not(.page-next) {
    margin-right: auto
}

.pg&gt;a {
    background-color: #100413
}

.theme-alt .pg&gt;a {
    background-color: #f1f5f8;
    color: #1D111F
}

.theme-alt .pg&gt;span {
    color: #100413
}

.pg&gt;a:hover {
    text-decoration: none
}

.pg&gt;a:not(.btn) {
    min-width: 42px;
    height: 42px;
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #40484f
}

.pg&gt;a:hover:not(.btn) {
    background: #5494DC;
    color: #fff
}

.pg&gt;a.active {
    background-color: #5494DC;
    color: #fff
}

.pg&gt;a.active:hover {
    background-color: #5494DC;
    color: #fff
}

.theme-alt .pg&gt;a.active {
    background-color: #5494DC;
    border: 1px solid #5494DC;
    color: #fff
}

.pg&gt;a.active:hover {
    cursor: default;
    color: #fff
}

.page-prev {
    position: relative;
    padding-left: 40px;
    color: #fff;
    background-color: #1D111F;
    margin-right: auto !important
}

.page-prev:hover {
    background-color: #5494DC;
    color: #fff
}

.page-prev:hover::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2C11V13H8L13.5%2C18.5L12.08%2C19.92L4.16%2C12L12.08%2C4.08L13.5%2C5.5L8%2C11H20Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E")
}

.theme-alt .page-prev:hover::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2C11V13H8L13.5%2C18.5L12.08%2C19.92L4.16%2C12L12.08%2C4.08L13.5%2C5.5L8%2C11H20Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E")
}

.theme-alt .page-prev {
    background-color: #7a8894;
    color: #1D111F
}

.theme-alt .page-prev:hover {
    background-color: #5494DC;
    color: #fff
}

.page-prev::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 9px;
    width: 24px;
    height: 24px;
    display: block;
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2C11V13H8L13.5%2C18.5L12.08%2C19.92L4.16%2C12L12.08%2C4.08L13.5%2C5.5L8%2C11H20Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center
}

.theme-alt .page-prev::before {
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%2C11V13H8L13.5%2C18.5L12.08%2C19.92L4.16%2C12L12.08%2C4.08L13.5%2C5.5L8%2C11H20Z%22%20fill%3D%22%232d3530%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center
}

.page-next {
    position: relative;
    padding-right: 40px;
    color: #fff;
    background-color: #1D111F;
    margin-left: auto !important
}

.page-next:hover {
    background-color: #5494DC;
    color: #fff
}

.page-next:hover::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2C11V13H16L10.5%2C18.5L11.92%2C19.92L19.84%2C12L11.92%2C4.08L10.5%2C5.5L16%2C11H4Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E")
}

.theme-alt .page-next {
    background-color: #7a8894;
    color: #1D111F
}

.theme-alt .page-next:hover {
    background-color: #5494DC;
    color: #fff
}

.page-next::before {
    content: '';
    position: absolute;
    right: 10px;
    top: 9px;
    width: 24px;
    height: 24px;
    display: block;
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2C11V13H16L10.5%2C18.5L11.92%2C19.92L19.84%2C12L11.92%2C4.08L10.5%2C5.5L16%2C11H4Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center
}

.theme-alt .page-next::before {
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2C11V13H16L10.5%2C18.5L11.92%2C19.92L19.84%2C12L11.92%2C4.08L10.5%2C5.5L16%2C11H4Z%22%20fill%3D%22%232d3530%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center
}

.theme-alt .page-next:hover::before {
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M4%2C11V13H16L10.5%2C18.5L11.92%2C19.92L19.84%2C12L11.92%2C4.08L10.5%2C5.5L16%2C11H4Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center
}

.video-wrapper {
    margin: 0 -3px 20px -3px;
    display: flex;
    padding: 5px 8px;
    background-color: #1D111F;
    border-radius: 0 0 4px 4px
}

.theme-alt .video-wrapper {
    background-color: #fff
}

.video-container {
    flex-grow: 1
}

.video-player {
    position: relative;
    padding-top: 56.25%
}

.video-player&gt;iframe,
.video-player-code {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-actions {
    margin: 10px 0;
    display: flex;
    align-items: center;
    color: #fff
}

.theme-alt .video-actions {
    color: #100413
}

.video-actions em {
    font-style: normal;
    color: #7a8894
}

.theme-alt .video-actions em {
    color: #100413
}

.video-links {
    order: 3;
    margin-left: auto
}

.video-duration {
    margin: 0 20px 0 0;
    padding: 0 0 0 30px;
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%2C20A8%2C8%200%200%2C0%2020%2C12A8%2C8%200%200%2C0%2012%2C4A8%2C8%200%200%2C0%204%2C12A8%2C8%200%200%2C0%2012%2C20M12%2C2A10%2C10%200%200%2C1%2022%2C12A10%2C10%200%200%2C1%2012%2C22C6.47%2C22%202%2C17.5%202%2C12A10%2C10%200%200%2C1%2012%2C2M12.5%2C7V12.25L17%2C14.92L16.25%2C16.15L11%2C13V7H12.5Z%22%20fill%3D%22%23CD6ACF%22%20%2F%3E%3C%2Fsvg%3E") no-repeat left;
    order: 1
}

.video-date {
    padding: 0 0 0 30px;
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%2C10V12H7V10H9M13%2C10V12H11V10H13M17%2C10V12H15V10H17M19%2C3A2%2C2%200%200%2C1%2021%2C5V19A2%2C2%200%200%2C1%2019%2C21H5C3.89%2C21%203%2C20.1%203%2C19V5A2%2C2%200%200%2C1%205%2C3H6V1H8V3H16V1H18V3H19M19%2C19V8H5V19H19M9%2C14V16H7V14H9M13%2C14V16H11V14H13M17%2C14V16H15V14H17Z%22%20fill%3D%22%23CD6ACF%22%20%2F%3E%3C%2Fsvg%3E") no-repeat left;
    order: 2
}

.video-like {
    padding-left: 50px;
    background: #CD6ACF url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2C9V21H1V9H5M9%2C21A2%2C2%200%200%2C1%207%2C19V9C7%2C8.45%207.22%2C7.95%207.59%2C7.59L14.17%2C1L15.23%2C2.06C15.5%2C2.33%2015.67%2C2.7%2015.67%2C3.11L15.64%2C3.43L14.69%2C8H21C22.11%2C8%2023%2C8.9%2023%2C10V12C23%2C12.26%2022.95%2C12.5%2022.86%2C12.73L19.84%2C19.78C19.54%2C20.5%2018.83%2C21%2018%2C21H9M9%2C19H18.03L21%2C12V10H12.21L13.34%2C4.68L9%2C9.03V19Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat 15px center
}

.video-dislike {
    padding-left: 50px;
    background: #5494DC url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%2C15V3H23V15H19M15%2C3A2%2C2%200%200%2C1%2017%2C5V15C17%2C15.55%2016.78%2C16.05%2016.41%2C16.41L9.83%2C23L8.77%2C21.94C8.5%2C21.67%208.33%2C21.3%208.33%2C20.88L8.36%2C20.57L9.31%2C16H3C1.89%2C16%201%2C15.1%201%2C14V12C1%2C11.74%201.05%2C11.5%201.14%2C11.27L4.16%2C4.22C4.46%2C3.5%205.17%2C3%206%2C3H15M15%2C5H5.97L3%2C12V14H11.78L10.65%2C19.32L15%2C14.97V5Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat 15px center
}

.vote-button {
    background-color: #CD6ACF
}

.theme-alt .video-like,
.theme-alt .video-dislike {
    color: #fff
}

.video-report {
    padding-left: 50px;
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.36%2C6L12.76%2C8H18V14H14.64L14.24%2C12H7V6H12.36M14%2C4H5V21H7V14H12.6L13%2C16H20V6H14.4%22%20fill%3D%22%23CD6ACF%22%20%2F%3E%3C%2Fsvg%3E") no-repeat 15px center;
    color: #fff
}

.video-report:hover {
    text-decoration: none;
    color: #CD6ACF
}

.theme-alt .video-report {
    color: #1D111F;
    background: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.36%2C6L12.76%2C8H18V14H14.64L14.24%2C12H7V6H12.36M14%2C4H5V21H7V14H12.6L13%2C16H20V6H14.4%22%20fill%3D%22%23CD6ACF%22%20%2F%3E%3C%2Fsvg%3E") no-repeat 15px center
}

.theme-alt .video-report:hover {
    color: #CD6ACF
}

.video-info {
    font-size: 14px;
    color: #fff
}

.video-info .btn-light {
    min-width: fit-content
}

.theme-alt .video-info {
    color: #1D111F
}

.theme-alt .video-info .btn-light {
    background-color: #fff !important;
    border-color: #7a8894;
    color: #100413
}

.video-info p {
    margin: 10px 0
}

.video-info a:not(.btn) {
    color: #5494DC
}

.video-info a:hover:not(.btn) {
    text-decoration: underline
}

.video-info em {
    font-style: normal;
    color: #7a8894;
    font-weight: bold
}

.theme-alt .video-info em {
    color: #100413
}

.video-info .btn {
    margin: 2px 0;
    color: #5494DC;
    border: 0;
    padding: inherit;
    line-height: inherit;
    height: auto
}

.video-info .btn:hover {
    color: #5494DC;
    text-decoration: underline
}

.video-aside {
    width: 300px;
    margin: 0 0 0 10px
}

.cat-letters {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    height: 32px;
    width: auto;
    right: 150px;
    top: 15px
}

.cat-letters a {
    margin: 0 5px;
    display: inline-block;
    color: #fff;
    text-align: center
}

.theme-alt .cat-letters a {
    color: #40484f
}

.cat {
    margin: 0 -3px;
    display: flex;
    flex-wrap: wrap;
    padding: 1px 1px 30px 1px;
    border-radius: 0 0 4px 4px;
    background-color: #1D111F
}

.cat-letter {
    width: 100%;
    margin: -1px 10px 0 10px;
    padding: 5px 10px 5px 0;
    border-bottom: 2px solid #40484f;
    font-weight: bold;
    color: #fff
}

.cat-item {
    width: calc(25% - 20px);
    margin: 0 10px;
    padding: 3px 0;
    font-size: 14px;
    display: flex;
    color: #fff;
    border-bottom: 1px dotted #40484f
}

.cat-item:hover {
    color: #5494DC
}

.cat-item:hover span {
    color: #5494DC
}

.theme-alt .cat {
    background-color: #fff
}

.theme-alt .cat-letter {
    color: #40484f;
    border-bottom: 2px solid #7a8894
}

.theme-alt .cat-item {
    color: #40484f;
    border-color: #100413
}

.theme-alt .cat-item:hover {
    color: #5494DC
}

.theme-alt .cat-item:hover span {
    color: #5494DC
}

.cat-item span {
    margin: 0 0 0 auto;
    color: #7a8894
}

.theme-alt .cat-item span {
    color: #7a8894
}

.bottom-text {
    font-size: 14px;
    background: 0
}

.bottom-text p {
    margin: 0 0 30px 0;
    color: #7a8894
}

.bottom-text h3 {
    font-size: 18px
}

.bottom-text a:hover {
    color: #5494DC
}

.theme-alt .bottom-text {
    background-color: #f1f5f8
}

.theme-alt .bottom-text p {
    color: #100413
}

.theme-alt .bottom-text a {
    color: #1D111F;
    text-decoration: underline
}

.theme-alt .bottom-text a:hover {
    color: #5494DC
}

.btn-up {
    position: fixed;
    right: 0;
    bottom: 84px;
    background: #5494DC url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M13%2C20H11V8L5.5%2C13.5L4.08%2C12.08L12%2C4.16L19.92%2C12.08L18.5%2C13.5L13%2C8V20Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center;
    display: none;
    z-index: 3;
    border-radius: 4px 0 0 4px !important;
    border: 0
}

.show-up .btn-up {
    display: block
}

footer {
    padding: 24px 0;
    background: #1D111F;
    font-size: 14px;
    text-align: center;
    line-height: normal;
    color: #7a8894
}

footer a {
    color: #fff
}

footer .logo {
    height: 36px;
    justify-content: center;
    margin-bottom: 20px
}

.footer-menu {
    margin: 20px auto 0 auto !important;
    text-align: center
}

.footer-menu li {
    margin: 0 10px;
    display: inline-block
}

footer a {
    color: #fff !important
}

footer a:hover {
    color: #5494DC !important
}

#copyright {
    padding: 10px 0;
    font-size: 14px;
    text-align: center;
    background: #1D111F
}

#copyright&gt;div {
    border-top: 1px solid #40484f;
    padding-top: 10px
}

#copyright a {
    color: #fff;
    font-weight: bold
}

.theme-alt #copyright {
    color: #fff
}

.search-toggle {
    display: none;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%22329%22%20height%3D%22329%22%20viewBox%3D%220%200%20329%20329%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M94.2587%20206.736H109.106L114.506%20201.665C94.0164%20177.718%2083.6038%20146.765%2085.452%20115.304C87.3002%2083.8437%20101.267%2054.3226%20124.42%2032.9381C147.573%2011.5537%20178.111%20-0.0309987%20209.624%200.616115C241.138%201.26323%20271.175%2014.0918%20293.431%2036.4087C315.686%2058.7256%20328.428%2088.7953%20328.982%20120.305C329.537%20151.815%20317.862%20182.314%20296.406%20205.4C274.95%20228.486%20245.382%20242.364%20213.911%20244.119C182.44%20245.875%20151.513%20235.372%20127.621%20214.815L122.414%20220.079V234.983L28.4966%20328.788L0.532121%20300.772L94.2587%20206.736ZM207.075%20206.736C223.805%20206.725%20240.155%20201.754%20254.06%20192.452C267.966%20183.151%20278.801%20169.936%20285.196%20154.478C291.59%20139.021%20293.258%20122.015%20289.987%20105.61C286.716%2089.2058%20278.654%2074.1391%20266.82%2062.315C254.986%2050.491%20239.909%2042.4406%20223.499%2039.1814C207.09%2035.9222%20190.084%2037.6007%20174.628%2044.0047C159.172%2050.4086%20145.962%2061.2505%20136.668%2075.1596C127.374%2089.0688%20122.414%20105.421%20122.414%20122.148C122.401%20133.265%20124.583%20144.275%20128.834%20154.547C133.084%20164.819%20139.321%20174.152%20147.186%20182.01C155.051%20189.868%20164.389%20196.097%20174.666%20200.34C184.943%20204.583%20195.956%20206.756%20207.075%20206.736V206.736Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip0%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%22329%22%20height%3D%22329%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 50%
}

.search-open .search-toggle {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E")
}

.toggle-search-overlay {
    position: fixed;
    right: 0;
    bottom: 140px;
    display: none;
    background: #CD6ACF url("data:image/svg+xml,%3Csvg%20width%3D%22329%22%20height%3D%22329%22%20viewBox%3D%220%200%20329%20329%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M94.2587%20206.736H109.106L114.506%20201.665C94.0164%20177.718%2083.6038%20146.765%2085.452%20115.304C87.3002%2083.8437%20101.267%2054.3226%20124.42%2032.9381C147.573%2011.5537%20178.111%20-0.0309987%20209.624%200.616115C241.138%201.26323%20271.175%2014.0918%20293.431%2036.4087C315.686%2058.7256%20328.428%2088.7953%20328.982%20120.305C329.537%20151.815%20317.862%20182.314%20296.406%20205.4C274.95%20228.486%20245.382%20242.364%20213.911%20244.119C182.44%20245.875%20151.513%20235.372%20127.621%20214.815L122.414%20220.079V234.983L28.4966%20328.788L0.532121%20300.772L94.2587%20206.736ZM207.075%20206.736C223.805%20206.725%20240.155%20201.754%20254.06%20192.452C267.966%20183.151%20278.801%20169.936%20285.196%20154.478C291.59%20139.021%20293.258%20122.015%20289.987%20105.61C286.716%2089.2058%20278.654%2074.1391%20266.82%2062.315C254.986%2050.491%20239.909%2042.4406%20223.499%2039.1814C207.09%2035.9222%20190.084%2037.6007%20174.628%2044.0047C159.172%2050.4086%20145.962%2061.2505%20136.668%2075.1596C127.374%2089.0688%20122.414%20105.421%20122.414%20122.148C122.401%20133.265%20124.583%20144.275%20128.834%20154.547C133.084%20164.819%20139.321%20174.152%20147.186%20182.01C155.051%20189.868%20164.389%20196.097%20174.666%20200.34C184.943%20204.583%20195.956%20206.756%20207.075%20206.736V206.736Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip0%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%22329%22%20height%3D%22329%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 50%;
    border-radius: 4px 0 0 4px;
    border: 0;
    z-index: 3
}

.search-overlay {
    position: fixed;
    top: -200vh;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 20px;
    background: rgba(16, 4, 19, 0.95);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 2147483647 !important;
    transition: all .2s
}

.theme-alt .search-overlay {
    background: rgba(241, 245, 248, 0.95)
}

.search-overlay-open {
    overflow-y: hidden
}

.search-overlay-open .search-overlay {
    top: 0
}

.search-overlay-form {
    width: 100%
}

.search-overlay-form h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700
}

.search-overlay-form h3:first-of-type {
    text-transform: uppercase
}

.search-overlay-form .search-input {
    background: #fff;
    color: #1D111F
}

.search-overlay .search {
    width: 100%;
    margin-bottom: 10px
}

.search-overlay-popular {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px
}

.search-overlay-popular a {
    width: calc(50% - 10px);
    margin: 0 10px 0 0;
    padding: 0 0 0 18px;
    box-sizing: border-box;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%22329%22%20height%3D%22329%22%20viewBox%3D%220%200%20329%20329%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M94.2587%20206.736H109.106L114.506%20201.665C94.0164%20177.718%2083.6038%20146.765%2085.452%20115.304C87.3002%2083.8437%20101.267%2054.3226%20124.42%2032.9381C147.573%2011.5537%20178.111%20-0.0309987%20209.624%200.616115C241.138%201.26323%20271.175%2014.0918%20293.431%2036.4087C315.686%2058.7256%20328.428%2088.7953%20328.982%20120.305C329.537%20151.815%20317.862%20182.314%20296.406%20205.4C274.95%20228.486%20245.382%20242.364%20213.911%20244.119C182.44%20245.875%20151.513%20235.372%20127.621%20214.815L122.414%20220.079V234.983L28.4966%20328.788L0.532121%20300.772L94.2587%20206.736ZM207.075%20206.736C223.805%20206.725%20240.155%20201.754%20254.06%20192.452C267.966%20183.151%20278.801%20169.936%20285.196%20154.478C291.59%20139.021%20293.258%20122.015%20289.987%20105.61C286.716%2089.2058%20278.654%2074.1391%20266.82%2062.315C254.986%2050.491%20239.909%2042.4406%20223.499%2039.1814C207.09%2035.9222%20190.084%2037.6007%20174.628%2044.0047C159.172%2050.4086%20145.962%2061.2505%20136.668%2075.1596C127.374%2089.0688%20122.414%20105.421%20122.414%20122.148C122.401%20133.265%20124.583%20144.275%20128.834%20154.547C133.084%20164.819%20139.321%20174.152%20147.186%20182.01C155.051%20189.868%20164.389%20196.097%20174.666%20200.34C184.943%20204.583%20195.956%20206.756%20207.075%20206.736V206.736Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip0%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%22329%22%20height%3D%22329%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat left;
    background-size: 12px auto;
    color: #7a8894;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    text-align: left;
    text-transform: capitalize;
    font-weight: 700
}

.theme-alt .search-overlay-popular a {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%22329%22%20height%3D%22329%22%20viewBox%3D%220%200%20329%20329%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M94.2587%20206.736H109.106L114.506%20201.665C94.0164%20177.718%2083.6038%20146.765%2085.452%20115.304C87.3002%2083.8437%20101.267%2054.3226%20124.42%2032.9381C147.573%2011.5537%20178.111%20-0.0309987%20209.624%200.616115C241.138%201.26323%20271.175%2014.0918%20293.431%2036.4087C315.686%2058.7256%20328.428%2088.7953%20328.982%20120.305C329.537%20151.815%20317.862%20182.314%20296.406%20205.4C274.95%20228.486%20245.382%20242.364%20213.911%20244.119C182.44%20245.875%20151.513%20235.372%20127.621%20214.815L122.414%20220.079V234.983L28.4966%20328.788L0.532121%20300.772L94.2587%20206.736ZM207.075%20206.736C223.805%20206.725%20240.155%20201.754%20254.06%20192.452C267.966%20183.151%20278.801%20169.936%20285.196%20154.478C291.59%20139.021%20293.258%20122.015%20289.987%20105.61C286.716%2089.2058%20278.654%2074.1391%20266.82%2062.315C254.986%2050.491%20239.909%2042.4406%20223.499%2039.1814C207.09%2035.9222%20190.084%2037.6007%20174.628%2044.0047C159.172%2050.4086%20145.962%2061.2505%20136.668%2075.1596C127.374%2089.0688%20122.414%20105.421%20122.414%20122.148C122.401%20133.265%20124.583%20144.275%20128.834%20154.547C133.084%20164.819%20139.321%20174.152%20147.186%20182.01C155.051%20189.868%20164.389%20196.097%20174.666%20200.34C184.943%20204.583%20195.956%20206.756%20207.075%20206.736V206.736Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%232c2f46%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3CclipPath%20id%3D%22clip0%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20width%3D%22329%22%20height%3D%22329%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat left;
    background-size: 12px auto;
    color: #100413
}

.search-overlay-close {
    position: fixed;
    top: -100px;
    right: 20px;
    background: #5494DC url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23fff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    z-index: 4;
    transition: all .2s;
    border: 0
}

.search-overlay-open .search-overlay-close {
    top: 20px
}

#cookies {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    display: none;
    background: rgba(16, 4, 19, 0.95);
    z-index: 2147483647 !important
}

.theme-alt #cookies {
    background: rgba(16, 4, 19, 0.95)
}

.cookies-wrapper {
    position: relative;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.5rem;
    display: flex;
    flex-flow: row nowrap
}

#cookies p {
    margin: 0;
    min-height: 42px
}

.cookies-accept {
    background-color: #5494DC;
    margin-left: auto;
    border: 0;
    height: fit-content;
    line-height: inherit;
    padding: 10px 20px;
    min-width: 100px;
    text-align: center
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(16, 4, 19, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2147483647 !important
}

.modal {
    position: relative;
    width: 420px;
    background: #100413;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 #000
}

.theme-alt .modal {
    background: #fff;
    box-shadow: 0 0 5px 0 #333
}

.modal-title {
    padding: 0 40px 0 10px;
    border-bottom: 2px solid #5494DC;
    color: #fff;
    line-height: 40px
}

.theme-alt .modal-title {
    color: #100413
}

.modal-body {
    padding: 5px 15px
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    cursor: pointer
}

.theme-alt .modal-close {
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%232c2f46%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat center
}

.report-reason {
    margin: 10px 0 0 0
}

.report-info {
    padding: 10px 0 0 0
}

.report-info textarea {
    background: #100413;
    border: 1px solid #5494DC;
    color: #7a8894
}

.contact {
    font-weight: 600;
    font-size: 14px;
    background-color: #1D111F;
    padding: 20px 10px;
    margin: 0 -3px;
    border-radius: 0 0 4px 4px
}

.contact p,
.contact ol {
    color: #7a8894
}

.contact ul {
    color: #fff
}

.contact ol {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-left: 15px
}

.contact ol li {
    list-style-type: decimal
}

.contact input,
.contact textarea {
    border: solid #5494DC 1px;
    border-radius: 4px;
    background-color: transparent;
    width: 250px;
    font-size: 12px;
    color: #fff !important;
    padding: 1px 5px;
    align-items: center
}

.contact form {
    display: flex;
    flex-flow: column nowrap;
    color: #fff
}

.contact form&gt;* {
    margin: 0 auto
}

.contact .captcha {
    margin: 10px auto 0 auto
}

.theme-alt .contact {
    background-color: #fff
}

.theme-alt .contact p,
.theme-alt .contact ol {
    color: #40484f
}

.theme-alt .contact ul {
    color: #100413
}

.theme-alt .contact input,
.theme-alt .contact textarea {
    border: solid #1D111F 1px;
    color: #100413 !important
}

.theme-alt .contact form {
    color: #100413
}

@media screen and (max-width:1279px) {

    .container,
    #copyright&gt;div {
        width: 100%;
        max-width: 100%;
        padding: 0 10px;
        box-sizing: border-box
    }

    header .container {
        flex-wrap: wrap
    }

    .search-toggle {
        margin: 0 4px 0 10px;
        display: block
    }

    header .search {
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transition: all .2s
    }

    header .search {
        padding: 0;
        position: relative
    }

    header .search-btn {
        top: 10px
    }

    .search-open header .search {
        max-height: 10rem;
        padding-top: 10px
    }

    .menu {
        justify-content: flex-end
    }

    .cat-item {
        width: calc(25% - 30px)
    }

    .th {
        width: calc(25% - 10px)
    }

    .grid-lg .th {
        width: calc(20% - 10px)
    }

    .grid-sm .th {
        width: calc(33.33% - 10px)
    }

    .toggle-grid::after,
    .view-toggle-grid::after {
        content: '4'
    }

    .grid-lg .toggle-grid::after,
    .grid-lg .view-toggle-grid::after {
        content: '5'
    }

    .grid-sm .toggle-grid::after,
    .grid-sm .view-toggle-grid::after {
        content: '3'
    }

    .btn-up {
        right: 0;
        bottom: 80px
    }

    main .container {
        padding: 0
    }

    .contact {
        padding: 20px 10px !important
    }
}

@media screen and (max-width:1075px) {
    .menu {
        font-size: 16px
    }

    .cat-item {
        width: calc(33.33% - 30px)
    }

    .th {
        width: calc(33.33% - 10px)
    }

    .grid-lg .th {
        width: calc(25% - 10px)
    }

    .grid-sm .th {
        width: calc(50% - 10px)
    }

    .toggle-grid::after,
    .view-toggle-grid::after {
        content: '3'
    }

    .grid-lg .toggle-grid::after,
    .grid-lg .view-toggle-grid::after {
        content: '4'
    }

    .grid-sm .toggle-grid::after,
    .grid-sm .view-toggle-grid::after {
        content: '2'
    }

    .video-wrapper {
        flex-wrap: wrap
    }

    .video-aside {
        width: 100%;
        height: 250px;
        margin: 0;
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .video-aside-block {
        margin: 0 5px
    }
}

@media screen and (max-width:830px) {
    .menu a {
        font-size: 14px
    }
}

@media screen and (max-width:790px) {
    .menu a {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    header {
        padding: 5px 0
    }

    header .container {
        flex-wrap: wrap;
        margin: 0 3px
    }

    .logo {
        width: 100%
    }

    .logo&gt;a {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }

    .search-toggle {
        display: none
    }

    .nav-toggle {
        margin: 0 auto 0 0;
        display: block
    }

    .view-toggle {
        display: flex
    }

    .menu {
        position: absolute;
        left: 0;
        top: 50px;
        width: 100%;
        max-height: 0;
        padding: 0 10px;
        background-color: #100413;
        overflow: hidden;
        transition: max-height .2s ease-in-out;
        z-index: 5;
        box-sizing: border-box;
        display: block
    }

    .nav-open .menu {
        max-height: none;
        background: #1d111f;
        border-top: 1px solid #40484f
    }

    .menu a,
    .menu label {
        width: 100%;
        padding: 10px 0;
        text-transform: uppercase;
        border-bottom: 1px solid #40484f;
        font-size: 13px;
        margin: 0 10px;
        color: #fff
    }

    .menu label {
        display: block;
        background: url("data:image/svg+xml,%3Csvg%20width%3D%22125%22%20height%3D%22125%22%20viewBox%3D%220%200%20125%20125%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M113.794%2098.7058L62.5%2047.4116L11.2058%2098.7058L0%2087.5L62.5%2025L125%2087.5L113.794%2098.7058Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A") no-repeat 70px 14px;
        background-size: 16px auto;
        border: 0;
        position: relative
    }

    .menu input {
        display: none
    }

    .menu input:checked+label {
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22125%22%20height%3D%22125%22%20viewBox%3D%220%200%20125%20125%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M113.794%2026.2942L62.5%2077.5884L11.2058%2026.2942L0%2037.5L62.5%20100L125%2037.5L113.794%2026.2942Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A")
    }

    .menu input:checked+label+span {
        display: block
    }

    .menu span {
        display: none;
        border-top: 1px solid #40484f;
        padding: 5px 0;
        margin: 0 -10px;
        background-color: #1d111f
    }

    .menu span a {
        display: block;
        border: 0;
        padding: 2px 0;
        width: inherit;
        margin: 0 20px
    }

    .menu .opt-upload {
        display: block;
        width: 100%;
        padding: 10px 0;
        margin: 0 10px;
        border-bottom: 1px solid #40484f;
        text-transform: uppercase;
        font-size: 13px;
        color: #fff
    }

    .menu nav {
        width: 100%;
        padding: 10px 0;
        text-transform: uppercase;
        font-size: 13px
    }

    .menu a:hover::after {
        display: none
    }

    .search {
        width: 100%
    }

    .title {
        display: block;
        border-spacing: 0;
        margin: 5px 3px 0 3px
    }

    .title .toggle-view {
        display: none
    }

    .title h1,
    .title h2,
    .title h3 {
        display: block;
        margin: 0;
        max-width: none
    }

    .toggle-search-overlay {
        display: block
    }

    header .search {
        display: none
    }

    .thumbs {
        margin: 0 3px
    }

    .block {
        margin: 10px 3px
    }

    .bottom-text {
        margin: 10px 0
    }

    .th {
        width: calc(50% - 10px) !important
    }

    .cat-item {
        width: calc(50% - 30px) !important
    }

    .cat {
        padding-right: 48px
    }

    .cat-letters {
        background-color: #1D111F;
        top: 70px;
        right: 10px;
        width: 40px;
        height: auto;
        display: block;
        border-radius: 4px;
        padding: 5px 0;
        border: 2px solid #7a8894
    }

    .cat-letters a {
        margin: 0 5px;
        display: block;
        color: #fff
    }

    .theme-alt .cat-letters {
        background-color: #fff;
        border: 2px solid #7a8894
    }

    .theme-alt .cat-letters a {
        color: #100413
    }

    .grid-xs .thumbs {
        display: block
    }

    .grid-xs .th {
        width: 100% !important
    }

    .view-toggle-grid::after,
    .grid-lg .view-toggle-grid::after,
    .grid-sm .view-toggle-grid::after {
        content: '2'
    }

    .grid-xs .view-toggle-grid::after,
    .grid-lg.grid-xs .view-toggle-grid::after,
    .grid-sm.grid-xs .view-toggle-grid::after {
        content: '1'
    }

    .th:nth-child(n+31) {
        display: none
    }

    .thumbs.all .th:nth-child(n+31) {
        display: block
    }

    .btn-all {
        display: block;
        margin: 30px 3px 0 3px
    }

    .pg a:not(.btn),
    .pg span {
        display: none
    }

    .pg .active,
    .pg .btn {
        display: inline-block !important
    }

    .video-actions span {
        margin: 0 2px
    }

    .video-actions,
    .video-links {
        width: 100%;
        margin: 10px 0;
        display: flex;
        justify-content: center
    }

    .video-actions {
        flex-wrap: wrap
    }

    .video-links {
        margin-right: 20px;
        margin-bottom: 10px;
        margin-left: 0;
        order: 3
    }

    .video-date {
        margin: 0 20px 0 0;
        order: 1;
        font-size: 14px
    }

    .video-duration {
        order: 2;
        font-size: 14px
    }

    .grid-xs .th {
        width: calc(100% - 10px) !important
    }

    .contact {
        margin: 0 3px
    }

    .container&gt;h2 {
        width: calc(100% - 27px);
        margin: 10px 10px !important
    }
}

@media screen and (max-width:479px) {
    .cat-item {
        width: 100% !important
    }

    .cat {
        padding-right: 48px
    }

    .cat-letters {
        background-color: #1D111F;
        top: 60px;
        right: 10px;
        width: 40px;
        height: auto;
        display: block;
        border-radius: 4px;
        padding: 5px 0;
        border: 1px solid #40484f
    }

    .cat-letters a {
        margin: 0 5px;
        display: block;
        color: #fff
    }

    .video-actions,
    .video-links {
        width: 100%;
        margin: 10px 0;
        display: flex;
        justify-content: center
    }

    .video-date,
    .video-duration {
        margin: 0 10px
    }

    .video-links a {
        margin: 2px;
        padding-right: 10px;
        padding-left: 40px;
        background-position: 10px center;
        font-size: 14px
    }

    .video-aside-block {
        margin: 0
    }

    .footer-menu li {
        margin: 10px
    }

    .modal {
        width: 300px
    }

    .video-links .btn {
        margin: 0 2px;
        padding: 0;
        width: 40px;
        background-position: center;
        line-height: 100px;
        overflow: hidden
    }

    .thumbs {
        padding: 0 2px
    }

    .grid-xs .th-title span {
        display: inline-block
    }

    .th-title {
        padding: 5px 5px 2px 5px
    }

    .th-title span {
        display: none
    }

    header .logo&gt;a {
        left: 49%;
        background-size: 160px auto
    }

    .grid-xs .th-title span {
        display: inline-block
    }

    .th-title {
        padding: 5px 5px 2px 5px !important
    }

    .th-title span {
        display: none
    }

    .page-prev,
    .page-next,
    .page-prev:hover,
    .page-next:hover {
        width: 40px;
        padding: 0;
        overflow: hidden;
        color: transparent !important
    }
}

@keyframes fade_out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.th[data-stat].vote .group,
.th[data-stat].liked .group,
.th[data-stat].disliked .group {
    display: block
}

.th[data-stat].vote .group.fade_out,
.th[data-stat].liked .group.fade_out,
.th[data-stat].disliked .group.fade_out {
    opacity: 0;
    animation: fade_out 200ms 1 ease-in
}

.th[data-stat] .group {
    display: none;
    position: absolute;
    height: 90px;
    width: 90px;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px
}

.th[data-stat] .like,
.th[data-stat] .dislike,
.th[data-stat] .cancel {
    content: '';
    position: absolute;
    z-index: 2;
    height: 40px;
    border-radius: 4px
}

.th[data-stat] .like {
    background: #CD6ACF url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2C9V21H1V9H5M9%2C21A2%2C2%200%200%2C1%207%2C19V9C7%2C8.45%207.22%2C7.95%207.59%2C7.59L14.17%2C1L15.23%2C2.06C15.5%2C2.33%2015.67%2C2.7%2015.67%2C3.11L15.64%2C3.43L14.69%2C8H21C22.11%2C8%2023%2C8.9%2023%2C10V12C23%2C12.26%2022.95%2C12.5%2022.86%2C12.73L19.84%2C19.78C19.54%2C20.5%2018.83%2C21%2018%2C21H9M9%2C19H18.03L21%2C12V10H12.21L13.34%2C4.68L9%2C9.03V19Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 70%;
    top: 0;
    left: 0;
    width: 40px
}

.th[data-stat] .like:hover {
    background-color: #ec4af0
}

.th[data-stat] .dislike {
    background: #5494DC url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%2C15V3H23V15H19M15%2C3A2%2C2%200%200%2C1%2017%2C5V15C17%2C15.55%2016.78%2C16.05%2016.41%2C16.41L9.83%2C23L8.77%2C21.94C8.5%2C21.67%208.33%2C21.3%208.33%2C20.88L8.36%2C20.57L9.31%2C16H3C1.89%2C16%201%2C15.1%201%2C14V12C1%2C11.74%201.05%2C11.5%201.14%2C11.27L4.16%2C4.22C4.46%2C3.5%205.17%2C3%206%2C3H15M15%2C5H5.97L3%2C12V14H11.78L10.65%2C19.32L15%2C14.97V5Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 70%;
    top: 0;
    right: 0;
    width: 40px;
    margin-left: 5px
}

.th[data-stat] .dislike:hover {
    background-color: #b0d8f0
}

.th[data-stat] .cancel {
    background-color: #7a8894;
    bottom: 0;
    left: 0;
    width: 90px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: #fff
}

.th[data-stat] .cancel:hover {
    background-color: #96a1ab
}

.th[data-stat].liked .like:hover {
    background-color: #93dd4e
}

.th[data-stat].liked .dislike {
    cursor: default;
    background-color: #7a8894
}

.th[data-stat].liked .cancel {
    cursor: default;
    background-color: #7a8894
}

.th[data-stat].disliked .like {
    cursor: default;
    background-color: #7a8894
}

.th[data-stat].disliked .dislike:hover {
    background-color: #5494DC
}

.th[data-stat].disliked .cancel {
    cursor: default;
    background-color: #7a8894
}

.warm .group {
    height: 60px !important;
    width: 130px !important;
    margin-top: -30px !important;
    margin-left: -65px !important
}

.warm .group .like,
.warm .group .dislike {
    width: 60px !important;
    height: 60px !important
}

.warm .group .cancel {
    display: none
}

.warm {
    display: flex;
    flex-flow: row wrap;
    height: 255px;
    margin: 0 auto;
    width: 1176px;
    overflow: hidden
}

.warm .th {
    display: block;
    width: 142px !important;
    height: 80px !important;
    margin: 2px 3px 3px 2px
}

.warm .th .th-img {
    position: unset !important;
    padding: unset !important
}

@media screen and (max-width:1200px) {
    .warm {
        width: 882px
    }
}

@media screen and (max-width:900px) {
    .warm {
        width: 588px
    }
}

@media screen and (max-width:600px) {
    .warm {
        width: 294px
    }
}

.warm {
    margin-top: 82px
}

.flow {
    display: none;
    flex-flow: column nowrap;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #1D111F;
    border-top: 4px double #fff;
    padding: 5px
}

.flow .hide {
    display: none !important
}

.flow .rel {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
    margin: 0 auto
}

.flow .rel .th {
    margin: 5px
}

.flow .nav {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 auto
}

.flow .nav&gt;a {
    display: block;
    width: 60px;
    height: 60px;
    background: no-repeat center bottom 24px;
    color: #fff;
    text-align: center;
    margin: 0 5px;
    padding-top: 40px;
    text-transform: capitalize;
    font-size: 10px;
    line-height: 10px;
    font-weight: 700
}

.flow .nav .home {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M49.3758%2026.4663L26.8908%206.69152C25.843%205.76949%2024.1457%205.76949%2023.1119%206.69152L0.633917%2026.4663C-0.413845%2027.3884%20-0.134441%2028.1358%201.26257%2028.1358H8.19871V48.3855C8.19871%2049.4892%209.10677%2050.4042%2010.2174%2050.4042H18.7042V37.0836C18.7042%2035.9799%2019.6122%2035.0649%2020.7229%2035.0649H29.2936C30.4111%2035.0649%2031.3122%2035.959%2031.3122%2037.0836V50.4042H39.799C40.9166%2050.4042%2041.8177%2049.4961%2041.8177%2048.3855V28.1288H48.7539C50.1301%2028.1288%2050.4095%2027.3884%2049.3758%2026.4663Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 65%
}

.flow .nav .best {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.46269%2025.0212C3.41686%2025.0263%203.37612%2025.0263%203.33029%2025.0263C1.49202%2025.0263%200.00012207%2023.5343%200.00012207%2021.696C0.00012207%2019.8577%201.49213%2018.3657%203.33549%2018.3657C5.17376%2018.3657%206.66576%2019.8577%206.66576%2021.696C6.66576%2022.0524%206.60466%2022.3987%206.50281%2022.7195L14.5332%2027.4145L23.1644%2013.1055C22.2631%2012.5097%2021.6723%2011.4913%2021.6723%2010.3303C21.6723%208.492%2023.1644%207%2025.0026%207C26.8408%207%2028.3329%208.492%2028.3329%2010.3303C28.3329%2011.4862%2027.7371%2012.5097%2026.8408%2013.1055L35.472%2027.4145L43.5024%2022.7195C43.3955%2022.3987%2043.3394%2022.0524%2043.3394%2021.696C43.3394%2019.8577%2044.8315%2018.3657%2046.6697%2018.3657C48.5079%2018.3657%2050%2019.8577%2050%2021.696C50%2023.5343%2048.508%2025.0263%2046.6697%2025.0263C46.6467%2025.0263%2046.6251%2025.025%2046.6034%2025.0237C46.5818%2025.0224%2046.5602%2025.0212%2046.5373%2025.0212L42.0969%2041.092H25.0025H7.90306L3.46269%2025.0212ZM41.0428%2044.8959C42.5909%2044.8959%2043.8435%2046.1485%2043.8435%2047.6966C43.8435%2049.2395%2042.5909%2050.4973%2041.0428%2050.4973H8.95713C7.40912%2050.4973%206.15644%2049.2446%206.15644%2047.6966C6.15644%2046.1485%207.40912%2044.8959%208.95713%2044.8959H41.0428Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 67%
}

.flow .nav .latest {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2250%22%20viewBox%3D%220%200%2042%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M17.5859%200.359379C16.2187%201.23047%2015.2539%202.00391%2014.2929%202.98438C12.0976%205.24219%2010.875%207.86719%2010.4804%2011.1836C10.3945%2011.9258%2010.3828%2014.3281%2010.4609%2015.1484C10.5937%2016.4805%2010.8046%2017.8398%2011.1562%2019.543C11.2734%2020.1211%2011.4492%2020.9844%2011.5468%2021.457C11.9179%2023.2656%2012.0273%2024.2109%2011.9531%2024.8984C11.8398%2025.9453%2011.4882%2026.7109%2010.8046%2027.3945C10.4257%2027.7734%2010.1093%2028%209.66402%2028.2148C9.03121%2028.5195%208.53511%2028.625%207.76558%2028.625C6.49215%2028.625%205.6484%2028.3086%204.93746%2027.5625C3.95699%2026.5391%203.48433%2024.8398%203.35933%2021.9063C3.3359%2021.3594%203.31246%2020.8828%203.30855%2020.8516C3.30465%2020.8203%203.17574%2020.9883%203.01949%2021.2266C0.956989%2024.4219%20-0.0976983%2028.4609%200.0155829%2032.7461C0.0858954%2035.5078%200.667927%2037.9063%201.81636%2040.168C4.38277%2045.2305%209.37105%2048.5312%2016.4843%2049.8711C16.8164%2049.9336%2017.0937%2049.9805%2017.1015%2049.9727C17.1093%2049.9688%2016.8984%2049.8555%2016.6406%2049.7227C12.3281%2047.5195%209.49214%2044.4141%208.24214%2040.5195C7.7148%2038.875%207.37886%2036.6523%207.38277%2034.8633L7.38668%2034.3477L7.53511%2034.8633C8.2773%2037.4141%209.60543%2039.2539%2011.3086%2040.0898C12.1562%2040.5039%2012.7851%2040.6406%2013.707%2040.6055C14.4882%2040.5742%2015.0234%2040.4297%2015.7382%2040.0469C17.8906%2038.9023%2019.3085%2036.3203%2019.6132%2032.9883C19.6718%2032.3438%2019.6367%2030.4219%2019.5546%2029.7578C19.2539%2027.3672%2018.5312%2024.8867%2017.4062%2022.3789C17.289%2022.1094%2017.1953%2021.8867%2017.1992%2021.8828C17.2031%2021.8789%2017.3906%2022.0234%2017.6171%2022.2031C20.8085%2024.7891%2022.7226%2027.8984%2023.6367%2031.9688C23.8945%2033.125%2024.0703%2034.3633%2024.2968%2036.6328C24.5156%2038.7852%2024.7031%2039.8242%2025.0117%2040.5273C25.371%2041.3633%2025.9179%2041.8555%2026.707%2042.0664C27.1015%2042.1719%2027.9296%2042.1836%2028.3437%2042.0898C29.8828%2041.7383%2031.375%2040.4219%2032.6171%2038.3203C32.707%2038.1641%2032.7929%2038.043%2032.8007%2038.0547C32.8359%2038.0898%2032.7304%2039.6797%2032.6562%2040.1875C32.4648%2041.5586%2032.1054%2042.668%2031.5195%2043.7227C31.0351%2044.5938%2030.5117%2045.2656%2029.6796%2046.0664C28.2304%2047.4688%2026.3515%2048.6016%2023.6132%2049.7266L22.9492%2050L23.6328%2049.9766C27.625%2049.8438%2031.4609%2048.6133%2034.6289%2046.4453C36.3789%2045.25%2037.9882%2043.6484%2039.0976%2042.0039C41.1914%2038.9023%2041.9726%2035.5313%2041.5%2031.6523C41.2773%2029.832%2040.789%2027.8906%2040.1835%2026.4141C39.9765%2025.9102%2039.6679%2025.2813%2039.6093%2025.2461C39.582%2025.2305%2039.5703%2025.4453%2039.5703%2025.9062C39.5703%2027.8203%2039.2968%2029.6992%2038.8437%2030.918C38.2695%2032.4609%2037.371%2033.3516%2036.0195%2033.707C35.6328%2033.8125%2034.621%2033.8516%2034.1875%2033.7812C32.6367%2033.5352%2031.3398%2032.4336%2030.8867%2030.9883C30.7265%2030.4727%2030.6914%2030.1406%2030.7148%2029.3789C30.75%2028.2227%2030.914%2027.4727%2031.6992%2024.8555C32.5898%2021.8828%2032.7968%2020.875%2032.8398%2019.2852C32.8671%2018.3164%2032.8242%2017.7891%2032.6523%2016.9336C32.3867%2015.5859%2031.8359%2014.3047%2031.0078%2013.0898C30.6796%2012.6094%2030.0546%2011.8281%2030%2011.8281C29.9843%2011.8281%2029.9687%2012.0156%2029.9648%2012.2461C29.9492%2013.3125%2029.75%2014.4922%2029.4296%2015.3828C28.6523%2017.5352%2027.1093%2018.8477%2024.9218%2019.2188C24.539%2019.2813%2023.3437%2019.2812%2022.9687%2019.2148C21.8554%2019.0234%2020.7929%2018.5859%2019.9257%2017.9688C19.4921%2017.6641%2018.7304%2016.9414%2018.3906%2016.5195C17.2812%2015.1484%2016.5625%2013.3047%2016.3085%2011.1836C16.2187%2010.4648%2016.1914%209.08984%2016.246%208.27344C16.4023%205.94532%2016.9726%203.38282%2017.914%200.761723C18.0507%200.375004%2018.164%200.0546913%2018.164%200.0468788C18.164%200.00391006%2018.0625%200.0585976%2017.5859%200.359379Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2241.6406%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 50%
}

.flow .nav .categories {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.9023%202.10742C21.4355%202.10742%2022.8613%202.71289%2023.877%203.83594L48.9258%2028.875L27.9492%2049.8516L2.90039%2024.8125C1.78711%2023.6895%201.26953%2022.2637%201.17188%2020.8379L1.07422%2010.3496C1.07422%208.11328%201.88477%205.97461%203.51562%204.44141C5.04883%202.81055%207.1875%202%209.42383%202L19.9023%202.10742ZM6.26953%2012.791C6.26953%209.70508%208.76953%207.19531%2011.8652%207.19531C14.9609%207.19531%2017.4707%209.69531%2017.4609%2012.791C17.4609%2015.877%2014.9609%2018.3867%2011.8652%2018.3867C8.7793%2018.3867%206.26953%2015.8867%206.26953%2012.791Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 55%
}

.flow .nav .stars {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2253%22%20height%3D%2250%22%20viewBox%3D%220%200%2053%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M27.4752%200.839833L34.1794%2016.5368L51.1833%2018.0622C51.9338%2018.127%2052.4889%2018.7879%2052.4236%2019.538C52.3924%2019.9036%2052.2192%2020.2224%2051.9632%2020.4464L39.1001%2031.6796L42.9047%2048.3285C43.0732%2049.0636%2042.6133%2049.7958%2041.8781%2049.9643C41.5014%2050.0509%2041.1259%2049.972%2040.826%2049.7762L26.2148%2041.041L11.5572%2049.8043C10.9104%2050.1909%2010.0724%2049.9801%209.68542%2049.3333C9.49727%2049.0193%209.45076%2048.6591%209.52628%2048.3285H9.525L13.33%2031.6796L0.46605%2020.4472C-0.100987%2019.951%20-0.15816%2019.0891%200.337624%2018.5221C0.589783%2018.2337%200.937088%2018.0775%201.29122%2018.0583L18.2503%2016.5368L24.9579%200.8313C25.2531%200.137116%2026.0553%20-0.185869%2026.7495%200.109383C27.0908%200.254449%2027.3425%200.522394%2027.4752%200.839833Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2252.4281%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A");
    background-size: 60%
}

.flow .close {
    position: absolute;
    background-color: #1D111F;
    border: 1px solid #fff;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    top: -40px;
    left: 10px;
    transform: rotate(90deg);
    overflow: hidden;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding-left: 7px
}

.flow .close.toggle {
    transform: rotate(-90deg)
}

.theme-alt .flow {
    background-color: #fff;
    border-top: 4px double #1D111F
}

.theme-alt .nav&gt;a {
    color: #1D111F
}

.theme-alt .nav .home {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M49.3758%2026.4663L26.8908%206.69152C25.843%205.76949%2024.1457%205.76949%2023.1119%206.69152L0.633917%2026.4663C-0.413845%2027.3884%20-0.134441%2028.1358%201.26257%2028.1358H8.19871V48.3855C8.19871%2049.4892%209.10677%2050.4042%2010.2174%2050.4042H18.7042V37.0836C18.7042%2035.9799%2019.6122%2035.0649%2020.7229%2035.0649H29.2936C30.4111%2035.0649%2031.3122%2035.959%2031.3122%2037.0836V50.4042H39.799C40.9166%2050.4042%2041.8177%2049.4961%2041.8177%2048.3855V28.1288H48.7539C50.1301%2028.1288%2050.4095%2027.3884%2049.3758%2026.4663Z%22%20fill%3D%22%231D111F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
}

.theme-alt .nav .best {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.46269%2025.0212C3.41686%2025.0263%203.37612%2025.0263%203.33029%2025.0263C1.49202%2025.0263%200.00012207%2023.5343%200.00012207%2021.696C0.00012207%2019.8577%201.49213%2018.3657%203.33549%2018.3657C5.17376%2018.3657%206.66576%2019.8577%206.66576%2021.696C6.66576%2022.0524%206.60466%2022.3987%206.50281%2022.7195L14.5332%2027.4145L23.1644%2013.1055C22.2631%2012.5097%2021.6723%2011.4913%2021.6723%2010.3303C21.6723%208.492%2023.1644%207%2025.0026%207C26.8408%207%2028.3329%208.492%2028.3329%2010.3303C28.3329%2011.4862%2027.7371%2012.5097%2026.8408%2013.1055L35.472%2027.4145L43.5024%2022.7195C43.3955%2022.3987%2043.3394%2022.0524%2043.3394%2021.696C43.3394%2019.8577%2044.8315%2018.3657%2046.6697%2018.3657C48.5079%2018.3657%2050%2019.8577%2050%2021.696C50%2023.5343%2048.508%2025.0263%2046.6697%2025.0263C46.6467%2025.0263%2046.6251%2025.025%2046.6034%2025.0237C46.5818%2025.0224%2046.5602%2025.0212%2046.5373%2025.0212L42.0969%2041.092H25.0025H7.90306L3.46269%2025.0212ZM41.0428%2044.8959C42.5909%2044.8959%2043.8435%2046.1485%2043.8435%2047.6966C43.8435%2049.2395%2042.5909%2050.4973%2041.0428%2050.4973H8.95713C7.40912%2050.4973%206.15644%2049.2446%206.15644%2047.6966C6.15644%2046.1485%207.40912%2044.8959%208.95713%2044.8959H41.0428Z%22%20fill%3D%22%231D111F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
}

.theme-alt .nav .latest {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2250%22%20viewBox%3D%220%200%2042%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M17.5859%200.359378C16.2187%201.23047%2015.2539%202.00391%2014.2929%202.98438C12.0976%205.24219%2010.875%207.86719%2010.4804%2011.1836C10.3945%2011.9258%2010.3828%2014.3281%2010.4609%2015.1484C10.5937%2016.4805%2010.8046%2017.8398%2011.1562%2019.543C11.2734%2020.1211%2011.4492%2020.9844%2011.5468%2021.457C11.9179%2023.2656%2012.0273%2024.2109%2011.9531%2024.8984C11.8398%2025.9453%2011.4882%2026.7109%2010.8046%2027.3945C10.4257%2027.7734%2010.1093%2028%209.66402%2028.2148C9.03121%2028.5195%208.53511%2028.625%207.76558%2028.625C6.49215%2028.625%205.6484%2028.3086%204.93746%2027.5625C3.95699%2026.5391%203.48433%2024.8398%203.35933%2021.9063C3.3359%2021.3594%203.31246%2020.8828%203.30855%2020.8516C3.30465%2020.8203%203.17574%2020.9883%203.01949%2021.2266C0.956989%2024.4219%20-0.0976983%2028.4609%200.0155829%2032.7461C0.0858954%2035.5078%200.667927%2037.9063%201.81636%2040.168C4.38277%2045.2305%209.37105%2048.5313%2016.4843%2049.8711C16.8164%2049.9336%2017.0937%2049.9805%2017.1015%2049.9727C17.1093%2049.9688%2016.8984%2049.8555%2016.6406%2049.7227C12.3281%2047.5195%209.49214%2044.4141%208.24214%2040.5195C7.7148%2038.875%207.37886%2036.6523%207.38277%2034.8633L7.38668%2034.3477L7.53511%2034.8633C8.2773%2037.4141%209.60543%2039.2539%2011.3086%2040.0898C12.1562%2040.5039%2012.7851%2040.6406%2013.707%2040.6055C14.4882%2040.5742%2015.0234%2040.4297%2015.7382%2040.0469C17.8906%2038.9023%2019.3086%2036.3203%2019.6132%2032.9883C19.6718%2032.3438%2019.6367%2030.4219%2019.5546%2029.7578C19.2539%2027.3672%2018.5312%2024.8867%2017.4062%2022.3789C17.289%2022.1094%2017.1953%2021.8867%2017.1992%2021.8828C17.2031%2021.8789%2017.3906%2022.0234%2017.6171%2022.2031C20.8086%2024.7891%2022.7226%2027.8984%2023.6367%2031.9688C23.8945%2033.125%2024.0703%2034.3633%2024.2968%2036.6328C24.5156%2038.7852%2024.7031%2039.8242%2025.0117%2040.5273C25.3711%2041.3633%2025.9179%2041.8555%2026.707%2042.0664C27.1015%2042.1719%2027.9296%2042.1836%2028.3437%2042.0898C29.8828%2041.7383%2031.375%2040.4219%2032.6171%2038.3203C32.707%2038.1641%2032.7929%2038.043%2032.8007%2038.0547C32.8359%2038.0898%2032.7304%2039.6797%2032.6562%2040.1875C32.4648%2041.5586%2032.1054%2042.668%2031.5195%2043.7227C31.0351%2044.5938%2030.5117%2045.2656%2029.6796%2046.0664C28.2304%2047.4688%2026.3515%2048.6016%2023.6132%2049.7266L22.9492%2050L23.6328%2049.9766C27.625%2049.8438%2031.4609%2048.6133%2034.6289%2046.4453C36.3789%2045.25%2037.9882%2043.6484%2039.0976%2042.0039C41.1914%2038.9023%2041.9726%2035.5313%2041.5%2031.6523C41.2773%2029.832%2040.789%2027.8906%2040.1835%2026.4141C39.9765%2025.9102%2039.6679%2025.2813%2039.6093%2025.2461C39.582%2025.2305%2039.5703%2025.4453%2039.5703%2025.9063C39.5703%2027.8203%2039.2968%2029.6992%2038.8437%2030.918C38.2695%2032.4609%2037.371%2033.3516%2036.0195%2033.707C35.6328%2033.8125%2034.621%2033.8516%2034.1875%2033.7813C32.6367%2033.5352%2031.3398%2032.4336%2030.8867%2030.9883C30.7265%2030.4727%2030.6914%2030.1406%2030.7148%2029.3789C30.75%2028.2227%2030.914%2027.4727%2031.6992%2024.8555C32.5898%2021.8828%2032.7968%2020.875%2032.8398%2019.2852C32.8671%2018.3164%2032.8242%2017.7891%2032.6523%2016.9336C32.3867%2015.5859%2031.8359%2014.3047%2031.0078%2013.0898C30.6796%2012.6094%2030.0546%2011.8281%2030%2011.8281C29.9843%2011.8281%2029.9687%2012.0156%2029.9648%2012.2461C29.9492%2013.3125%2029.75%2014.4922%2029.4296%2015.3828C28.6523%2017.5352%2027.1093%2018.8477%2024.9218%2019.2188C24.539%2019.2813%2023.3437%2019.2813%2022.9687%2019.2148C21.8554%2019.0234%2020.7929%2018.5859%2019.9257%2017.9688C19.4921%2017.6641%2018.7304%2016.9414%2018.3906%2016.5195C17.2812%2015.1484%2016.5625%2013.3047%2016.3086%2011.1836C16.2187%2010.4648%2016.1914%209.08985%2016.2461%208.27344C16.4023%205.94531%2016.9726%203.38282%2017.914%200.761724C18.0507%200.375005%2018.164%200.0546904%2018.164%200.0468779C18.164%200.00390911%2018.0625%200.0585966%2017.5859%200.359378Z%22%20fill%3D%22%231D111F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2241.6406%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
}

.theme-alt .nav .categories {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.9023%202.10742C21.4355%202.10742%2022.8613%202.71289%2023.877%203.83594L48.9258%2028.875L27.9492%2049.8516L2.90039%2024.8125C1.78711%2023.6895%201.26953%2022.2637%201.17188%2020.8379L1.07422%2010.3496C1.07422%208.11328%201.88477%205.97461%203.51562%204.44141C5.04883%202.81055%207.1875%202%209.42383%202L19.9023%202.10742ZM6.26953%2012.791C6.26953%209.70508%208.76953%207.19531%2011.8652%207.19531C14.9609%207.19531%2017.4707%209.69531%2017.4609%2012.791C17.4609%2015.877%2014.9609%2018.3867%2011.8652%2018.3867C8.7793%2018.3867%206.26953%2015.8867%206.26953%2012.791Z%22%20fill%3D%22%231D111F%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

.theme-alt .nav .stars {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2253%22%20height%3D%2250%22%20viewBox%3D%220%200%2053%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M27.4752%200.839833L34.1794%2016.5368L51.1833%2018.0622C51.9338%2018.127%2052.4889%2018.7879%2052.4236%2019.538C52.3924%2019.9036%2052.2192%2020.2224%2051.9632%2020.4464L39.1001%2031.6796L42.9047%2048.3285C43.0732%2049.0636%2042.6133%2049.7958%2041.8781%2049.9643C41.5014%2050.0509%2041.1259%2049.972%2040.826%2049.7762L26.2148%2041.041L11.5572%2049.8043C10.9104%2050.1909%2010.0724%2049.9801%209.68542%2049.3333C9.49727%2049.0193%209.45076%2048.6591%209.52628%2048.3285H9.525L13.33%2031.6796L0.46605%2020.4472C-0.100987%2019.951%20-0.15816%2019.0891%200.337624%2018.5221C0.589783%2018.2337%200.937088%2018.0775%201.29122%2018.0583L18.2503%2016.5368L24.9579%200.8313C25.2531%200.137116%2026.0553%20-0.185869%2026.7495%200.109383C27.0908%200.254449%2027.3425%200.522394%2027.4752%200.839833Z%22%20fill%3D%22%231D111F%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2252.4281%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A")
}

.theme-alt .close {
    background-color: #fff;
    border: 1px solid #1D111F;
    color: #1D111F !important
}

@media screen and (max-width:1200px) {
    .flow:not(.hide) {
        display: flex
    }
}

@media screen and (max-width:479px) {
    .nav a {
        margin: 0 !important
    }
}

@media screen and (max-device-width:900px) and (orientation:landscape) {
    [data-state="2"] {
        width: 100% !important;
        height: 100% !important
    }
}

@media screen and (max-device-height:670px) and (orientation:landscape) {
    .modal-upload .modal .btn {
        height: 30px;
        line-height: 30px
    }

    .modal-upload .modal[data-state="1"] [data-step="1"] {
        background: none !important
    }

    .modal-upload .modal[data-state="1"] [data-step="1"] .btn {
        margin-top: 10px
    }

    .modal-upload .modal[data-state="2"] {
        width: 100% !important;
        height: 100% !important
    }

    .modal-upload .modal[data-state="2"] .preview {
        width: 200px !important
    }

    .modal-upload .modal[data-state="2"] .preview .player {
        width: 200px !important;
        height: 115px !important
    }

    .modal-upload .modal[data-state="2"] .screens {
        width: 300px !important
    }

    .modal-upload .modal[data-state="2"] .screens .screen {
        width: 80px !important;
        height: 52px !important
    }
}

@media screen and (max-device-width:550px) and (orientation:portrait) {
    .modal-upload .modal .btn {
        height: 30px;
        line-height: 30px
    }

    .modal-upload .modal[data-state="2"] {
        width: 100% !important;
        height: 100% !important
    }

    .modal-upload .modal[data-state="2"] .preview {
        width: 280px !important
    }

    .modal-upload .modal[data-state="2"] .preview .player {
        width: 280px !important;
        height: 160px !important
    }

    .modal-upload .modal[data-state="2"] .screens {
        width: 280px !important
    }

    .modal-upload .modal[data-state="2"] .screens .screen {
        width: 80px !important;
        height: 52px !important
    }
}

.modal-upload .modal .modal-body:after {
    display: block;
    content: '\00a0'
}

.modal-upload .modal .step {
    display: none;
    position: absolute;
    background-color: #5494DC;
    color: #fff;
    padding: 2px 5px 2px 2px;
    height: 24px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    bottom: 10px
}

.modal-upload .modal .step:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.modal-upload .modal .prev {
    display: block;
    padding: 2px 5px 2px 2px;
    border-radius: 0 3px 3px 0;
    margin: 0 0 0 15px;
    left: 10px
}

.modal-upload .modal .prev:before {
    left: -15px;
    border-right: 15px solid #5494DC
}

.modal-upload .modal .next {
    padding: 2px 2px 2px 5px;
    border-radius: 3px 0 0 3px;
    margin: 0 15px 0 0;
    right: 10px
}

.modal-upload .modal .next:before {
    right: -15px;
    border-left: 15px solid #5494DC
}

.modal-upload .modal.over {
    border: 1px dashed #5494DC;
    width: 422px !important
}

.modal-upload .modal .modal-body {
    display: none
}

.modal-upload .modal[data-state="1"] .btn {
    margin: 120px auto 10px auto;
    position: relative !important;
    overflow: hidden
}

.modal-upload .modal[data-state="1"] .btn input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.modal-upload .modal[data-state="1"] .btn input[type=file],
.modal-upload .modal[data-state="1"] .btn input[type=file]::-webkit-file-upload-button {
    cursor: pointer !important
}

.modal-upload .modal[data-state="1"] p {
    text-align: center
}

.modal-upload .modal[data-state="1"] .prev {
    display: none
}

.modal-upload .modal[data-state="1"] [data-step="1"] {
    display: block;
    padding: 15px;
    text-align: center;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%22478%22%20height%3D%22478%22%20viewBox%3D%220%200%20478%20478%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M443.79%20136.431C443.78%20144.55%20443.026%20152.651%20441.537%20160.632C464.526%20180.066%20477.798%20208.632%20477.826%20238.735C477.88%20295.289%20432.077%20341.179%20375.523%20341.232H273.124V460.698C273.124%20470.124%20265.483%20477.765%20256.057%20477.765C246.631%20477.765%20238.99%20470.124%20238.99%20460.698V341.231H273.123V211.764L329.358%20267.965C329.496%20268.108%20329.636%20268.247%20329.778%20268.385C336.558%20274.933%20347.362%20274.745%20353.91%20267.965C360.458%20261.185%20360.27%20250.381%20353.49%20243.833L268.157%20158.5C266.567%20156.908%20264.676%20155.649%20262.593%20154.797C258.418%20153.071%20253.729%20153.071%20249.554%20154.797C247.471%20155.648%20245.579%20156.907%20243.99%20158.5L158.657%20243.833C152.269%20250.447%20152.269%20260.932%20158.657%20267.546C165.205%20274.325%20176.009%20274.513%20182.789%20267.965L238.99%20211.764V341.231H102.457C51.737%20341.252%208.643%20304.14%201.141%20253.977C-7.224%20198.045%2031.336%20145.922%2087.268%20137.557C88.029%20134.384%2089.017%20131.27%2090.224%20128.238C104.169%2093.209%20143.87%2076.117%20178.899%2090.061C198.463%2036.096%20249.691%200.130989%20307.093%200.061989C382.498%20-0.028011%20443.699%2061.026%20443.79%20136.431Z%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%235494DC%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center top 15px;
    background-size: 25%
}

.modal-upload .modal[data-state="2"] {
    width: 700px;
    height: 450px;
    text-align: center
}

.modal-upload .modal[data-state="2"] [data-step="2"] {
    display: block
}

.modal-upload .modal[data-state="2"] canvas {
    display: block;
    width: 100%;
    height: 100%
}

.modal-upload .modal[data-state="2"] .preview {
    display: inline-block;
    text-align: center;
    width: 320px;
    vertical-align: top
}

.modal-upload .modal[data-state="2"] .preview video {
    display: none
}

.modal-upload .modal[data-state="2"] .preview .player {
    position: relative;
    cursor: pointer;
    width: 320px;
    height: 180px
}

.modal-upload .modal[data-state="2"] .preview .player:hover:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.modal-upload .modal[data-state="2"] .preview .player.playing:hover:before {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M17.991%2040.976C17.991%2044.638%2015.022%2047.607%2011.36%2047.607C7.698%2047.607%204.729%2044.638%204.729%2040.976V6.631C4.729%202.969%207.698%200%2011.36%200C15.022%200%2017.991%202.969%2017.991%206.631V40.976Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M42.877%2040.976C42.877%2044.638%2039.908%2047.607%2036.246%2047.607C32.584%2047.607%2029.615%2044.638%2029.615%2040.976V6.631C29.616%202.969%2032.585%200%2036.246%200C39.908%200%2042.877%202.969%2042.877%206.631V40.976Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2247.607%22%20height%3D%2247.607%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 10%
}

.modal-upload .modal[data-state="2"] .preview .player.paused:hover:before {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0A%3Cpath%20d%3D%22M43.331%2021.237L7.23303%200.396994C6.31603%20-0.132006%205.18903%20-0.132006%204.27303%200.396994C3.35703%200.924994%202.79303%201.90199%202.79303%202.95999V44.644C2.79303%2045.702%203.35703%2046.679%204.27303%2047.207C4.73103%2047.475%205.24203%2047.604%205.75303%2047.604C6.26403%2047.604%206.77503%2047.471%207.23303%2047.207L43.331%2026.367C44.249%2025.838%2044.81%2024.861%2044.81%2023.803C44.81%2022.745%2044.247%2021.767%2043.331%2021.237Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3CclipPath%20id%3D%22clip0%22%3E%0A%3Crect%20width%3D%2247.604%22%20height%3D%2247.604%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A") no-repeat center;
    background-size: 10%
}

.modal-upload .modal[data-state="2"] .preview .panel {
    position: relative;
    padding-top: 20px;
    margin-top: -20px;
    z-index: 1;
    cursor: ew-resize
}

.modal-upload .modal[data-state="2"] .preview .panel .progress {
    width: 100%;
    height: 3px;
    background-color: rgba(16, 4, 19, 0.5)
}

.modal-upload .modal[data-state="2"] .preview .panel .progress .timing {
    background-color: #5494DC;
    height: 3px;
    width: 0
}

.modal-upload .modal[data-state="2"] .preview .btn {
    width: 180px;
    margin: 10px auto
}

.modal-upload .modal[data-state="2"] .screens {
    display: inline-block;
    position: relative;
    width: 340px;
    text-align: left;
    vertical-align: top
}

.modal-upload .modal[data-state="2"] .screens .screen {
    display: inline-block;
    width: 100px;
    height: 65px;
    margin: 4px 6px 4px 7px;
    position: relative
}

.modal-upload .modal[data-state="2"] .screens .screen .close {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    background: #5494DC url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 70%;
    border-radius: 3px;
    cursor: pointer
}

.modal-upload .modal[data-state="2"] .screens .btn {
    display: none;
    position: absolute;
    width: 100px;
    bottom: -45px;
    left: 50%;
    margin-left: -50px
}

.modal-upload .modal[data-state="3"] [data-step="3"] {
    display: block
}

.modal-upload .modal[data-state="3"] label {
    position: relative;
    display: inline-flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px
}

.modal-upload .modal[data-state="3"] label input {
    width: 100%
}

.modal-upload .modal[data-state="3"] label .hints {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 185px;
    background-color: #fff;
    border: 2px solid #5494DC;
    color: #100413;
    border-radius: 3px;
    z-index: 2
}

.modal-upload .modal[data-state="3"] label .hints div {
    cursor: pointer;
    padding: 2px 5px;
    user-select: none
}

.modal-upload .modal[data-state="3"] label .hints div:hover {
    background-color: #fff
}

.modal-upload .modal[data-state="3"] #cat_choose {
    display: block;
    width: 100%;
    min-height: 100px
}

.modal-upload .modal[data-state="3"] #cat_choose div {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    border: 1px solid #5494DC;
    padding: 0 20px 0 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    cursor: pointer;
    user-select: none
}

.modal-upload .modal[data-state="3"] #cat_choose div:after {
    display: block;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 100%;
    top: 2px;
    right: 0;
    width: 20px;
    height: 20px;
    content: ''
}

.modal-upload .modal[data-state="3"] #upload {
    display: none;
    width: 100px;
    margin: 5px auto
}

.modal-upload .modal[data-state="3"] #progress {
    display: none;
    height: 10px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #5494DC;
    margin: 20px 0;
    overflow: hidden
}

.modal-upload .modal[data-state="3"] #progress div {
    display: block;
    height: 100%;
    border-radius: 10px;
    background-color: #5494DC
}

.modal-upload .modal[data-state="4"] [data-step="4"] {
    display: flex;
    flex-flow: column nowrap
}

.modal-upload .modal[data-state="4"] h2,
.modal-upload .modal[data-state="4"] p {
    margin-top: 20px
}

.modal-upload .modal[data-state="4"] .step {
    display: none !important
}

.modal-upload .modal[data-state="ext"] .modal-body,
.modal-upload .modal[data-state="dur"] .modal-body,
.modal-upload .modal[data-state="size"] .modal-body,
.modal-upload .modal[data-state="orient"] .modal-body {
    padding-bottom: 15px !important
}

.modal-upload .modal[data-state="ext"] .step,
.modal-upload .modal[data-state="dur"] .step,
.modal-upload .modal[data-state="size"] .step,
.modal-upload .modal[data-state="orient"] .step {
    display: none !important
}

.modal-upload .modal[data-state="ext"] .btn,
.modal-upload .modal[data-state="dur"] .btn,
.modal-upload .modal[data-state="size"] .btn,
.modal-upload .modal[data-state="orient"] .btn {
    margin: 0 0 0 auto;
    display: block
}

.modal-upload .modal[data-state="ext"] [data-step="ext"] {
    display: block
}

.modal-upload .modal[data-state="dur"] [data-step="dur"] {
    display: block
}

.modal-upload .modal[data-state="size"] [data-step="size"] {
    display: block
}

.modal-upload .modal[data-state="orient"] [data-step="orient"] {
    display: block
}

.modal-upload .modal .modal-footer {
    width: 100%;
    height: 35px
}

.warm {
    height: 170px
}

a.mob-link,
.nav-mob {
    display: none
}

@media screen and (max-width:767px) {
    .menu .mob-link {
        display: inline-block
    }

    .nav-mob {
        display: flex;
        flex-direction: row;
        background-color: #1d111f;
        height: 42px;
        margin-top: -10px
    }

    .nav-mob .item {
        margin: -1px auto;
        position: static;
        border: .5px solid #40484f;
        border-left: none;
        flex-grow: 1;
        display: block;
        background-color: #1d111f
    }

    .nav-mob .item a {
        color: #ffffff;
        text-transform: uppercase;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0
    }

    .theme-alt .item {
        background-color: #ffffff
    }

    .theme-alt .item a {
        color: #1d111f
    }
}

@keyframes fade_out {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.th[data-stat].vote .group,
.th[data-stat].liked .group,
.th[data-stat].disliked .group {
    display: block
}

.th[data-stat].vote .group.fade_out,
.th[data-stat].liked .group.fade_out,
.th[data-stat].disliked .group.fade_out {
    opacity: 0;
    animation: fade_out 200ms 1 ease-in
}

.th[data-stat] .group {
    display: none;
    position: absolute;
    height: 90px;
    width: 90px;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px
}

.th[data-stat] .like,
.th[data-stat] .dislike,
.th[data-stat] .cancel {
    content: '';
    position: absolute;
    z-index: 2;
    height: 40px;
    border-radius: 4px
}

.th[data-stat] .like {
    background: #CD6ACF url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5%2C9V21H1V9H5M9%2C21A2%2C2%200%200%2C1%207%2C19V9C7%2C8.45%207.22%2C7.95%207.59%2C7.59L14.17%2C1L15.23%2C2.06C15.5%2C2.33%2015.67%2C2.7%2015.67%2C3.11L15.64%2C3.43L14.69%2C8H21C22.11%2C8%2023%2C8.9%2023%2C10V12C23%2C12.26%2022.95%2C12.5%2022.86%2C12.73L19.84%2C19.78C19.54%2C20.5%2018.83%2C21%2018%2C21H9M9%2C19H18.03L21%2C12V10H12.21L13.34%2C4.68L9%2C9.03V19Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 70%;
    top: 0;
    left: 0;
    width: 40px
}

.th[data-stat] .like:hover {
    background-color: #da91db
}

.th[data-stat] .dislike {
    background: #5494DC url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%2C15V3H23V15H19M15%2C3A2%2C2%200%200%2C1%2017%2C5V15C17%2C15.55%2016.78%2C16.05%2016.41%2C16.41L9.83%2C23L8.77%2C21.94C8.5%2C21.67%208.33%2C21.3%208.33%2C20.88L8.36%2C20.57L9.31%2C16H3C1.89%2C16%201%2C15.1%201%2C14V12C1%2C11.74%201.05%2C11.5%201.14%2C11.27L4.16%2C4.22C4.46%2C3.5%205.17%2C3%206%2C3H15M15%2C5H5.97L3%2C12V14H11.78L10.65%2C19.32L15%2C14.97V5Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 70%;
    top: 0;
    right: 0;
    width: 40px;
    margin-left: 5px
}

.th[data-stat] .dislike:hover {
    background-color: #7eaee5
}

.th[data-stat] .cancel {
    background-color: #7a8894;
    bottom: 0;
    left: 0;
    width: 90px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    line-height: 40px;
    color: white
}

.th[data-stat] .cancel:hover {
    background-color: #96a1ab
}

.th[data-stat].liked .like:hover {
    background-color: #CD6ACF
}

.th[data-stat].liked .dislike {
    cursor: default;
    background-color: #7a8894
}

.th[data-stat].liked .cancel {
    cursor: default;
    background-color: #7a8894
}

.th[data-stat].disliked .like {
    cursor: default;
    background-color: #7a8894
}

.th[data-stat].disliked .dislike:hover {
    background-color: #5494DC
}

.th[data-stat].disliked .cancel {
    cursor: default;
    background-color: #7a8894
}

.warm .group {
    height: 60px !important;
    width: 130px !important;
    margin-top: -60px/2 !important;
    margin-left: -65px !important
}

.warm .group .like,
.warm .group .dislike {
    width: 60px !important;
    height: 60px !important
}

.warm .group .cancel {
    display: none
}

.warm {
    display: flex;
    flex-flow: row wrap;
    height: 170px;
    margin: 0 auto;
    width: 1176px;
    overflow: hidden
}

.warm .th {
    display: block;
    width: 142px !important;
    height: 80px !important;
    margin: 2px 3px 3px 2px
}

.warm .th .th-img {
    position: unset !important;
    padding: unset !important
}

@media screen and (max-width:1200px) {
    .warm {
        width: 882px
    }
}

@media screen and (max-width:900px) {
    .warm {
        width: 588px
    }
}

@media screen and (max-width:600px) {
    .warm {
        width: 294px
    }
}

.warm {
    margin-top: 82px
}

.flow {
    display: none;
    flex-flow: column nowrap;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: #1D111F;
    border-top: 4px double #fff;
    padding: 5px
}

.flow .hide {
    display: none !important
}

.flow .rel {
    display: flex;
    flex-flow: row nowrap;
    overflow: hidden;
    margin: 0 auto
}

.flow .rel .th {
    margin: 5px
}

.flow .nav {
    display: flex;
    flex-flow: row nowrap;
    margin: 0 auto
}

.flow .nav&gt;a {
    display: block;
    width: 60px;
    height: 60px;
    background: no-repeat center bottom 24px;
    color: #fff;
    text-align: center;
    margin: 0 5px;
    padding-top: 40px;
    text-transform: capitalize;
    font-size: 10px;
    line-height: 10px;
    font-weight: 700
}

.flow .nav .home {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M49.3758%2026.4663L26.8908%206.69152C25.843%205.76949%2024.1457%205.76949%2023.1119%206.69152L0.633917%2026.4663C-0.413845%2027.3884%20-0.134441%2028.1358%201.26257%2028.1358H8.19871V48.3855C8.19871%2049.4892%209.10677%2050.4042%2010.2174%2050.4042H18.7042V37.0836C18.7042%2035.9799%2019.6122%2035.0649%2020.7229%2035.0649H29.2936C30.4111%2035.0649%2031.3122%2035.959%2031.3122%2037.0836V50.4042H39.799C40.9166%2050.4042%2041.8177%2049.4961%2041.8177%2048.3855V28.1288H48.7539C50.1301%2028.1288%2050.4095%2027.3884%2049.3758%2026.4663Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-size: 65%
}

.flow .nav .best {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.46269%2025.0212C3.41686%2025.0263%203.37612%2025.0263%203.33029%2025.0263C1.49202%2025.0263%200.00012207%2023.5343%200.00012207%2021.696C0.00012207%2019.8577%201.49213%2018.3657%203.33549%2018.3657C5.17376%2018.3657%206.66576%2019.8577%206.66576%2021.696C6.66576%2022.0524%206.60466%2022.3987%206.50281%2022.7195L14.5332%2027.4145L23.1644%2013.1055C22.2631%2012.5097%2021.6723%2011.4913%2021.6723%2010.3303C21.6723%208.492%2023.1644%207%2025.0026%207C26.8408%207%2028.3329%208.492%2028.3329%2010.3303C28.3329%2011.4862%2027.7371%2012.5097%2026.8408%2013.1055L35.472%2027.4145L43.5024%2022.7195C43.3955%2022.3987%2043.3394%2022.0524%2043.3394%2021.696C43.3394%2019.8577%2044.8315%2018.3657%2046.6697%2018.3657C48.5079%2018.3657%2050%2019.8577%2050%2021.696C50%2023.5343%2048.508%2025.0263%2046.6697%2025.0263C46.6467%2025.0263%2046.6251%2025.025%2046.6034%2025.0237C46.5818%2025.0224%2046.5602%2025.0212%2046.5373%2025.0212L42.0969%2041.092H25.0025H7.90306L3.46269%2025.0212ZM41.0428%2044.8959C42.5909%2044.8959%2043.8435%2046.1485%2043.8435%2047.6966C43.8435%2049.2395%2042.5909%2050.4973%2041.0428%2050.4973H8.95713C7.40912%2050.4973%206.15644%2049.2446%206.15644%2047.6966C6.15644%2046.1485%207.40912%2044.8959%208.95713%2044.8959H41.0428Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-size: 67%
}

.flow .nav .latest {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2250%22%20viewBox%3D%220%200%2042%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M17.5859%200.359379C16.2187%201.23047%2015.2539%202.00391%2014.2929%202.98438C12.0976%205.24219%2010.875%207.86719%2010.4804%2011.1836C10.3945%2011.9258%2010.3828%2014.3281%2010.4609%2015.1484C10.5937%2016.4805%2010.8046%2017.8398%2011.1562%2019.543C11.2734%2020.1211%2011.4492%2020.9844%2011.5468%2021.457C11.9179%2023.2656%2012.0273%2024.2109%2011.9531%2024.8984C11.8398%2025.9453%2011.4882%2026.7109%2010.8046%2027.3945C10.4257%2027.7734%2010.1093%2028%209.66402%2028.2148C9.03121%2028.5195%208.53511%2028.625%207.76558%2028.625C6.49215%2028.625%205.6484%2028.3086%204.93746%2027.5625C3.95699%2026.5391%203.48433%2024.8398%203.35933%2021.9063C3.3359%2021.3594%203.31246%2020.8828%203.30855%2020.8516C3.30465%2020.8203%203.17574%2020.9883%203.01949%2021.2266C0.956989%2024.4219%20-0.0976983%2028.4609%200.0155829%2032.7461C0.0858954%2035.5078%200.667927%2037.9063%201.81636%2040.168C4.38277%2045.2305%209.37105%2048.5312%2016.4843%2049.8711C16.8164%2049.9336%2017.0937%2049.9805%2017.1015%2049.9727C17.1093%2049.9688%2016.8984%2049.8555%2016.6406%2049.7227C12.3281%2047.5195%209.49214%2044.4141%208.24214%2040.5195C7.7148%2038.875%207.37886%2036.6523%207.38277%2034.8633L7.38668%2034.3477L7.53511%2034.8633C8.2773%2037.4141%209.60543%2039.2539%2011.3086%2040.0898C12.1562%2040.5039%2012.7851%2040.6406%2013.707%2040.6055C14.4882%2040.5742%2015.0234%2040.4297%2015.7382%2040.0469C17.8906%2038.9023%2019.3085%2036.3203%2019.6132%2032.9883C19.6718%2032.3438%2019.6367%2030.4219%2019.5546%2029.7578C19.2539%2027.3672%2018.5312%2024.8867%2017.4062%2022.3789C17.289%2022.1094%2017.1953%2021.8867%2017.1992%2021.8828C17.2031%2021.8789%2017.3906%2022.0234%2017.6171%2022.2031C20.8085%2024.7891%2022.7226%2027.8984%2023.6367%2031.9688C23.8945%2033.125%2024.0703%2034.3633%2024.2968%2036.6328C24.5156%2038.7852%2024.7031%2039.8242%2025.0117%2040.5273C25.371%2041.3633%2025.9179%2041.8555%2026.707%2042.0664C27.1015%2042.1719%2027.9296%2042.1836%2028.3437%2042.0898C29.8828%2041.7383%2031.375%2040.4219%2032.6171%2038.3203C32.707%2038.1641%2032.7929%2038.043%2032.8007%2038.0547C32.8359%2038.0898%2032.7304%2039.6797%2032.6562%2040.1875C32.4648%2041.5586%2032.1054%2042.668%2031.5195%2043.7227C31.0351%2044.5938%2030.5117%2045.2656%2029.6796%2046.0664C28.2304%2047.4688%2026.3515%2048.6016%2023.6132%2049.7266L22.9492%2050L23.6328%2049.9766C27.625%2049.8438%2031.4609%2048.6133%2034.6289%2046.4453C36.3789%2045.25%2037.9882%2043.6484%2039.0976%2042.0039C41.1914%2038.9023%2041.9726%2035.5313%2041.5%2031.6523C41.2773%2029.832%2040.789%2027.8906%2040.1835%2026.4141C39.9765%2025.9102%2039.6679%2025.2813%2039.6093%2025.2461C39.582%2025.2305%2039.5703%2025.4453%2039.5703%2025.9062C39.5703%2027.8203%2039.2968%2029.6992%2038.8437%2030.918C38.2695%2032.4609%2037.371%2033.3516%2036.0195%2033.707C35.6328%2033.8125%2034.621%2033.8516%2034.1875%2033.7812C32.6367%2033.5352%2031.3398%2032.4336%2030.8867%2030.9883C30.7265%2030.4727%2030.6914%2030.1406%2030.7148%2029.3789C30.75%2028.2227%2030.914%2027.4727%2031.6992%2024.8555C32.5898%2021.8828%2032.7968%2020.875%2032.8398%2019.2852C32.8671%2018.3164%2032.8242%2017.7891%2032.6523%2016.9336C32.3867%2015.5859%2031.8359%2014.3047%2031.0078%2013.0898C30.6796%2012.6094%2030.0546%2011.8281%2030%2011.8281C29.9843%2011.8281%2029.9687%2012.0156%2029.9648%2012.2461C29.9492%2013.3125%2029.75%2014.4922%2029.4296%2015.3828C28.6523%2017.5352%2027.1093%2018.8477%2024.9218%2019.2188C24.539%2019.2813%2023.3437%2019.2812%2022.9687%2019.2148C21.8554%2019.0234%2020.7929%2018.5859%2019.9257%2017.9688C19.4921%2017.6641%2018.7304%2016.9414%2018.3906%2016.5195C17.2812%2015.1484%2016.5625%2013.3047%2016.3085%2011.1836C16.2187%2010.4648%2016.1914%209.08984%2016.246%208.27344C16.4023%205.94532%2016.9726%203.38282%2017.914%200.761723C18.0507%200.375004%2018.164%200.0546913%2018.164%200.0468788C18.164%200.00391006%2018.0625%200.0585976%2017.5859%200.359379Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2241.6406%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-size: 50%
}

.flow .nav .categories {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.9023%202.10742C21.4355%202.10742%2022.8613%202.71289%2023.877%203.83594L48.9258%2028.875L27.9492%2049.8516L2.90039%2024.8125C1.78711%2023.6895%201.26953%2022.2637%201.17188%2020.8379L1.07422%2010.3496C1.07422%208.11328%201.88477%205.97461%203.51562%204.44141C5.04883%202.81055%207.1875%202%209.42383%202L19.9023%202.10742ZM6.26953%2012.791C6.26953%209.70508%208.76953%207.19531%2011.8652%207.19531C14.9609%207.19531%2017.4707%209.69531%2017.4609%2012.791C17.4609%2015.877%2014.9609%2018.3867%2011.8652%2018.3867C8.7793%2018.3867%206.26953%2015.8867%206.26953%2012.791Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-size: 55%
}

.flow .nav .stars {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2253%22%20height%3D%2250%22%20viewBox%3D%220%200%2053%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M27.4752%200.839833L34.1794%2016.5368L51.1833%2018.0622C51.9338%2018.127%2052.4889%2018.7879%2052.4236%2019.538C52.3924%2019.9036%2052.2192%2020.2224%2051.9632%2020.4464L39.1001%2031.6796L42.9047%2048.3285C43.0732%2049.0636%2042.6133%2049.7958%2041.8781%2049.9643C41.5014%2050.0509%2041.1259%2049.972%2040.826%2049.7762L26.2148%2041.041L11.5572%2049.8043C10.9104%2050.1909%2010.0724%2049.9801%209.68542%2049.3333C9.49727%2049.0193%209.45076%2048.6591%209.52628%2048.3285H9.525L13.33%2031.6796L0.46605%2020.4472C-0.100987%2019.951%20-0.15816%2019.0891%200.337624%2018.5221C0.589783%2018.2337%200.937088%2018.0775%201.29122%2018.0583L18.2503%2016.5368L24.9579%200.8313C25.2531%200.137116%2026.0553%20-0.185869%2026.7495%200.109383C27.0908%200.254449%2027.3425%200.522394%2027.4752%200.839833Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2252.4281%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A");
    background-size: 60%
}

.flow .close {
    position: absolute;
    background-color: #1D111F;
    border: 1px solid #fff;
    color: #fff;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    top: -40px;
    left: 10px;
    transform: rotate(90deg);
    overflow: hidden;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding-left: 7px
}

.flow .close.toggle {
    transform: rotate(-90deg)
}

.theme-alt .flow {
    background-color: #fff;
    border-top: 4px double #1D111F
}

.theme-alt .nav&gt;a {
    color: #1D111F
}

.theme-alt .nav .home {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M49.3758%2026.4663L26.8908%206.69152C25.843%205.76949%2024.1457%205.76949%2023.1119%206.69152L0.633917%2026.4663C-0.413845%2027.3884%20-0.134441%2028.1358%201.26257%2028.1358H8.19871V48.3855C8.19871%2049.4892%209.10677%2050.4042%2010.2174%2050.4042H18.7042V37.0836C18.7042%2035.9799%2019.6122%2035.0649%2020.7229%2035.0649H29.2936C30.4111%2035.0649%2031.3122%2035.959%2031.3122%2037.0836V50.4042H39.799C40.9166%2050.4042%2041.8177%2049.4961%2041.8177%2048.3855V28.1288H48.7539C50.1301%2028.1288%2050.4095%2027.3884%2049.3758%2026.4663Z%22%20fill%3D%22%230E1726%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.theme-alt .nav .best {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.46269%2025.0212C3.41686%2025.0263%203.37612%2025.0263%203.33029%2025.0263C1.49202%2025.0263%200.00012207%2023.5343%200.00012207%2021.696C0.00012207%2019.8577%201.49213%2018.3657%203.33549%2018.3657C5.17376%2018.3657%206.66576%2019.8577%206.66576%2021.696C6.66576%2022.0524%206.60466%2022.3987%206.50281%2022.7195L14.5332%2027.4145L23.1644%2013.1055C22.2631%2012.5097%2021.6723%2011.4913%2021.6723%2010.3303C21.6723%208.492%2023.1644%207%2025.0026%207C26.8408%207%2028.3329%208.492%2028.3329%2010.3303C28.3329%2011.4862%2027.7371%2012.5097%2026.8408%2013.1055L35.472%2027.4145L43.5024%2022.7195C43.3955%2022.3987%2043.3394%2022.0524%2043.3394%2021.696C43.3394%2019.8577%2044.8315%2018.3657%2046.6697%2018.3657C48.5079%2018.3657%2050%2019.8577%2050%2021.696C50%2023.5343%2048.508%2025.0263%2046.6697%2025.0263C46.6467%2025.0263%2046.6251%2025.025%2046.6034%2025.0237C46.5818%2025.0224%2046.5602%2025.0212%2046.5373%2025.0212L42.0969%2041.092H25.0025H7.90306L3.46269%2025.0212ZM41.0428%2044.8959C42.5909%2044.8959%2043.8435%2046.1485%2043.8435%2047.6966C43.8435%2049.2395%2042.5909%2050.4973%2041.0428%2050.4973H8.95713C7.40912%2050.4973%206.15644%2049.2446%206.15644%2047.6966C6.15644%2046.1485%207.40912%2044.8959%208.95713%2044.8959H41.0428Z%22%20fill%3D%22%230E1726%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2250%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.theme-alt .nav .latest {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2250%22%20viewBox%3D%220%200%2042%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M17.5859%200.359378C16.2187%201.23047%2015.2539%202.00391%2014.2929%202.98438C12.0976%205.24219%2010.875%207.86719%2010.4804%2011.1836C10.3945%2011.9258%2010.3828%2014.3281%2010.4609%2015.1484C10.5937%2016.4805%2010.8046%2017.8398%2011.1562%2019.543C11.2734%2020.1211%2011.4492%2020.9844%2011.5468%2021.457C11.9179%2023.2656%2012.0273%2024.2109%2011.9531%2024.8984C11.8398%2025.9453%2011.4882%2026.7109%2010.8046%2027.3945C10.4257%2027.7734%2010.1093%2028%209.66402%2028.2148C9.03121%2028.5195%208.53511%2028.625%207.76558%2028.625C6.49215%2028.625%205.6484%2028.3086%204.93746%2027.5625C3.95699%2026.5391%203.48433%2024.8398%203.35933%2021.9063C3.3359%2021.3594%203.31246%2020.8828%203.30855%2020.8516C3.30465%2020.8203%203.17574%2020.9883%203.01949%2021.2266C0.956989%2024.4219%20-0.0976983%2028.4609%200.0155829%2032.7461C0.0858954%2035.5078%200.667927%2037.9063%201.81636%2040.168C4.38277%2045.2305%209.37105%2048.5313%2016.4843%2049.8711C16.8164%2049.9336%2017.0937%2049.9805%2017.1015%2049.9727C17.1093%2049.9688%2016.8984%2049.8555%2016.6406%2049.7227C12.3281%2047.5195%209.49214%2044.4141%208.24214%2040.5195C7.7148%2038.875%207.37886%2036.6523%207.38277%2034.8633L7.38668%2034.3477L7.53511%2034.8633C8.2773%2037.4141%209.60543%2039.2539%2011.3086%2040.0898C12.1562%2040.5039%2012.7851%2040.6406%2013.707%2040.6055C14.4882%2040.5742%2015.0234%2040.4297%2015.7382%2040.0469C17.8906%2038.9023%2019.3086%2036.3203%2019.6132%2032.9883C19.6718%2032.3438%2019.6367%2030.4219%2019.5546%2029.7578C19.2539%2027.3672%2018.5312%2024.8867%2017.4062%2022.3789C17.289%2022.1094%2017.1953%2021.8867%2017.1992%2021.8828C17.2031%2021.8789%2017.3906%2022.0234%2017.6171%2022.2031C20.8086%2024.7891%2022.7226%2027.8984%2023.6367%2031.9688C23.8945%2033.125%2024.0703%2034.3633%2024.2968%2036.6328C24.5156%2038.7852%2024.7031%2039.8242%2025.0117%2040.5273C25.3711%2041.3633%2025.9179%2041.8555%2026.707%2042.0664C27.1015%2042.1719%2027.9296%2042.1836%2028.3437%2042.0898C29.8828%2041.7383%2031.375%2040.4219%2032.6171%2038.3203C32.707%2038.1641%2032.7929%2038.043%2032.8007%2038.0547C32.8359%2038.0898%2032.7304%2039.6797%2032.6562%2040.1875C32.4648%2041.5586%2032.1054%2042.668%2031.5195%2043.7227C31.0351%2044.5938%2030.5117%2045.2656%2029.6796%2046.0664C28.2304%2047.4688%2026.3515%2048.6016%2023.6132%2049.7266L22.9492%2050L23.6328%2049.9766C27.625%2049.8438%2031.4609%2048.6133%2034.6289%2046.4453C36.3789%2045.25%2037.9882%2043.6484%2039.0976%2042.0039C41.1914%2038.9023%2041.9726%2035.5313%2041.5%2031.6523C41.2773%2029.832%2040.789%2027.8906%2040.1835%2026.4141C39.9765%2025.9102%2039.6679%2025.2813%2039.6093%2025.2461C39.582%2025.2305%2039.5703%2025.4453%2039.5703%2025.9063C39.5703%2027.8203%2039.2968%2029.6992%2038.8437%2030.918C38.2695%2032.4609%2037.371%2033.3516%2036.0195%2033.707C35.6328%2033.8125%2034.621%2033.8516%2034.1875%2033.7813C32.6367%2033.5352%2031.3398%2032.4336%2030.8867%2030.9883C30.7265%2030.4727%2030.6914%2030.1406%2030.7148%2029.3789C30.75%2028.2227%2030.914%2027.4727%2031.6992%2024.8555C32.5898%2021.8828%2032.7968%2020.875%2032.8398%2019.2852C32.8671%2018.3164%2032.8242%2017.7891%2032.6523%2016.9336C32.3867%2015.5859%2031.8359%2014.3047%2031.0078%2013.0898C30.6796%2012.6094%2030.0546%2011.8281%2030%2011.8281C29.9843%2011.8281%2029.9687%2012.0156%2029.9648%2012.2461C29.9492%2013.3125%2029.75%2014.4922%2029.4296%2015.3828C28.6523%2017.5352%2027.1093%2018.8477%2024.9218%2019.2188C24.539%2019.2813%2023.3437%2019.2813%2022.9687%2019.2148C21.8554%2019.0234%2020.7929%2018.5859%2019.9257%2017.9688C19.4921%2017.6641%2018.7304%2016.9414%2018.3906%2016.5195C17.2812%2015.1484%2016.5625%2013.3047%2016.3086%2011.1836C16.2187%2010.4648%2016.1914%209.08985%2016.2461%208.27344C16.4023%205.94531%2016.9726%203.38282%2017.914%200.761724C18.0507%200.375005%2018.164%200.0546904%2018.164%200.0468779C18.164%200.00390911%2018.0625%200.0585966%2017.5859%200.359378Z%22%20fill%3D%22%230E1726%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2241.6406%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.theme-alt .nav .categories {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M19.9023%202.10742C21.4355%202.10742%2022.8613%202.71289%2023.877%203.83594L48.9258%2028.875L27.9492%2049.8516L2.90039%2024.8125C1.78711%2023.6895%201.26953%2022.2637%201.17188%2020.8379L1.07422%2010.3496C1.07422%208.11328%201.88477%205.97461%203.51562%204.44141C5.04883%202.81055%207.1875%202%209.42383%202L19.9023%202.10742ZM6.26953%2012.791C6.26953%209.70508%208.76953%207.19531%2011.8652%207.19531C14.9609%207.19531%2017.4707%209.69531%2017.4609%2012.791C17.4609%2015.877%2014.9609%2018.3867%2011.8652%2018.3867C8.7793%2018.3867%206.26953%2015.8867%206.26953%2012.791Z%22%20fill%3D%22%230E1726%22%2F%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.theme-alt .nav .stars {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2253%22%20height%3D%2250%22%20viewBox%3D%220%200%2053%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M27.4752%200.839833L34.1794%2016.5368L51.1833%2018.0622C51.9338%2018.127%2052.4889%2018.7879%2052.4236%2019.538C52.3924%2019.9036%2052.2192%2020.2224%2051.9632%2020.4464L39.1001%2031.6796L42.9047%2048.3285C43.0732%2049.0636%2042.6133%2049.7958%2041.8781%2049.9643C41.5014%2050.0509%2041.1259%2049.972%2040.826%2049.7762L26.2148%2041.041L11.5572%2049.8043C10.9104%2050.1909%2010.0724%2049.9801%209.68542%2049.3333C9.49727%2049.0193%209.45076%2048.6591%209.52628%2048.3285H9.525L13.33%2031.6796L0.46605%2020.4472C-0.100987%2019.951%20-0.15816%2019.0891%200.337624%2018.5221C0.589783%2018.2337%200.937088%2018.0775%201.29122%2018.0583L18.2503%2016.5368L24.9579%200.8313C25.2531%200.137116%2026.0553%20-0.185869%2026.7495%200.109383C27.0908%200.254449%2027.3425%200.522394%2027.4752%200.839833Z%22%20fill%3D%22%230E1726%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2252.4281%22%20height%3D%2250%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.theme-alt .close {
    background-color: #fff;
    border: 1px solid #1D111F;
    color: #1D111F !important
}

@media screen and (max-width:1200px) {
    .flow:not(.hide) {
        display: flex
    }
}

@media screen and (max-width:479px) {
    .nav a {
        margin: 0 !important
    }
}

@media screen and (max-device-width:900px) and (orientation:landscape) {
    [data-state="2"] {
        width: 100% !important;
        height: 100% !important
    }
}

@media screen and (max-device-height:670px) and (orientation:landscape) {
    .modal-upload .modal .btn {
        height: 30px;
        line-height: 30px
    }

    .modal-upload .modal[data-state="1"] [data-step="1"] {
        background: none !important
    }

    .modal-upload .modal[data-state="1"] [data-step="1"] .btn {
        margin-top: 10px
    }

    .modal-upload .modal[data-state="2"] {
        width: 100% !important;
        height: 100% !important
    }

    .modal-upload .modal[data-state="2"] .preview {
        width: 200px !important
    }

    .modal-upload .modal[data-state="2"] .preview .player {
        width: 200px !important;
        height: 115px !important
    }

    .modal-upload .modal[data-state="2"] .screens {
        width: 300px !important
    }

    .modal-upload .modal[data-state="2"] .screens .screen {
        width: 80px !important;
        height: 52px !important
    }
}

@media screen and (max-device-width:550px) and (orientation:portrait) {
    .modal-upload .modal .btn {
        height: 30px;
        line-height: 30px
    }

    .modal-upload .modal[data-state="2"] {
        width: 100% !important;
        height: 100% !important
    }

    .modal-upload .modal[data-state="2"] .preview {
        width: 280px !important
    }

    .modal-upload .modal[data-state="2"] .preview .player {
        width: 280px !important;
        height: 160px !important
    }

    .modal-upload .modal[data-state="2"] .screens {
        width: 280px !important
    }

    .modal-upload .modal[data-state="2"] .screens .screen {
        width: 80px !important;
        height: 52px !important
    }
}

.modal-upload .modal .modal-body:after {
    display: block;
    content: '\00a0'
}

.modal-upload .modal .step {
    display: none;
    position: absolute;
    background-color: #5494DC;
    color: #fff;
    padding: 2px 5px 2px 2px;
    height: 24px;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    bottom: 10px
}

.modal-upload .modal .step:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent
}

.modal-upload .modal .prev {
    display: block;
    padding: 2px 5px 2px 2px;
    border-radius: 0 3px 3px 0;
    margin: 0 0 0 15px;
    left: 10px
}

.modal-upload .modal .prev:before {
    left: -15px;
    border-right: 15px solid #5494DC
}

.modal-upload .modal .next {
    padding: 2px 2px 2px 5px;
    border-radius: 3px 0 0 3px;
    margin: 0 15px 0 0;
    right: 10px
}

.modal-upload .modal .next:before {
    right: -15px;
    border-left: 15px solid #5494DC
}

.modal-upload .modal.over {
    border: 1px dashed #5494DC;
    width: 422px !important
}

.modal-upload .modal .modal-body {
    display: none
}

.modal-upload .modal[data-state="1"] .btn {
    margin: 120px auto 10px auto;
    position: relative !important;
    overflow: hidden
}

.modal-upload .modal[data-state="1"] .btn input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.modal-upload .modal[data-state="1"] .btn input[type=file],
.modal-upload .modal[data-state="1"] .btn input[type=file]::-webkit-file-upload-button {
    cursor: pointer !important
}

.modal-upload .modal[data-state="1"] p {
    text-align: center
}

.modal-upload .modal[data-state="1"] .prev {
    display: none
}

.modal-upload .modal[data-state="1"] [data-step="1"] {
    display: block;
    padding: 15px;
    text-align: center;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%22478%22%20height%3D%22478%22%20viewBox%3D%220%200%20478%20478%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%20%20%20%20%3Cg%3E%0D%0A%20%20%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M443.79%20136.431C443.78%20144.55%20443.026%20152.651%20441.537%20160.632C464.526%20180.066%20477.798%20208.632%20477.826%20238.735C477.88%20295.289%20432.077%20341.179%20375.523%20341.232H273.124V460.698C273.124%20470.124%20265.483%20477.765%20256.057%20477.765C246.631%20477.765%20238.99%20470.124%20238.99%20460.698V341.231H273.123V211.764L329.358%20267.965C329.496%20268.108%20329.636%20268.247%20329.778%20268.385C336.558%20274.933%20347.362%20274.745%20353.91%20267.965C360.458%20261.185%20360.27%20250.381%20353.49%20243.833L268.157%20158.5C266.567%20156.908%20264.676%20155.649%20262.593%20154.797C258.418%20153.071%20253.729%20153.071%20249.554%20154.797C247.471%20155.648%20245.579%20156.907%20243.99%20158.5L158.657%20243.833C152.269%20250.447%20152.269%20260.932%20158.657%20267.546C165.205%20274.325%20176.009%20274.513%20182.789%20267.965L238.99%20211.764V341.231H102.457C51.737%20341.252%208.643%20304.14%201.141%20253.977C-7.224%20198.045%2031.336%20145.922%2087.268%20137.557C88.029%20134.384%2089.017%20131.27%2090.224%20128.238C104.169%2093.209%20143.87%2076.117%20178.899%2090.061C198.463%2036.096%20249.691%200.130989%20307.093%200.061989C382.498%20-0.028011%20443.699%2061.026%20443.79%20136.431Z%22%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%235494DC%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center top 15px;
    background-size: 25%
}

.modal-upload .modal[data-state="2"] {
    width: 700px;
    height: 450px;
    text-align: center
}

.modal-upload .modal[data-state="2"] [data-step="2"] {
    display: block
}

.modal-upload .modal[data-state="2"] canvas {
    display: block;
    width: 100%;
    height: 100%
}

.modal-upload .modal[data-state="2"] .preview {
    display: inline-block;
    text-align: center;
    width: 320px;
    vertical-align: top
}

.modal-upload .modal[data-state="2"] .preview video {
    display: none
}

.modal-upload .modal[data-state="2"] .preview .player {
    position: relative;
    cursor: pointer;
    width: 320px;
    height: 180px
}

.modal-upload .modal[data-state="2"] .preview .player:hover:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.modal-upload .modal[data-state="2"] .preview .player.playing:hover:before {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M17.991%2040.976C17.991%2044.638%2015.022%2047.607%2011.36%2047.607C7.698%2047.607%204.729%2044.638%204.729%2040.976V6.631C4.729%202.969%207.698%200%2011.36%200C15.022%200%2017.991%202.969%2017.991%206.631V40.976Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3Cpath%20d%3D%22M42.877%2040.976C42.877%2044.638%2039.908%2047.607%2036.246%2047.607C32.584%2047.607%2029.615%2044.638%2029.615%2040.976V6.631C29.616%202.969%2032.585%200%2036.246%200C39.908%200%2042.877%202.969%2042.877%206.631V40.976Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2247.607%22%20height%3D%2247.607%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center;
    background-size: 10%
}

.modal-upload .modal[data-state="2"] .preview .player.paused:hover:before {
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%0A%3Cg%20clip-path%3D%22url(%23clip0)%22%3E%0D%0A%3Cpath%20d%3D%22M43.331%2021.237L7.23303%200.396994C6.31603%20-0.132006%205.18903%20-0.132006%204.27303%200.396994C3.35703%200.924994%202.79303%201.90199%202.79303%202.95999V44.644C2.79303%2045.702%203.35703%2046.679%204.27303%2047.207C4.73103%2047.475%205.24203%2047.604%205.75303%2047.604C6.26403%2047.604%206.77503%2047.471%207.23303%2047.207L43.331%2026.367C44.249%2025.838%2044.81%2024.861%2044.81%2023.803C44.81%2022.745%2044.247%2021.767%2043.331%2021.237Z%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cdefs%3E%0D%0A%3CclipPath%20id%3D%22clip0%22%3E%0D%0A%3Crect%20width%3D%2247.604%22%20height%3D%2247.604%22%20fill%3D%22white%22%2F%3E%0D%0A%3C%2FclipPath%3E%0D%0A%3C%2Fdefs%3E%0D%0A%3C%2Fsvg%3E%0D%0A") no-repeat center;
    background-size: 10%
}

.modal-upload .modal[data-state="2"] .preview .panel {
    position: relative;
    padding-top: 20px;
    margin-top: -20px;
    z-index: 1;
    cursor: ew-resize
}

.modal-upload .modal[data-state="2"] .preview .panel .progress {
    width: 100%;
    height: 3px;
    background-color: rgba(84, 148, 220, 0.5)
}

.modal-upload .modal[data-state="2"] .preview .panel .progress .timing {
    background-color: #5494DC;
    height: 3px;
    width: 0
}

.modal-upload .modal[data-state="2"] .preview .btn {
    width: 180px;
    margin: 10px auto
}

.modal-upload .modal[data-state="2"] .screens {
    display: inline-block;
    position: relative;
    width: 340px;
    text-align: left;
    vertical-align: top
}

.modal-upload .modal[data-state="2"] .screens .screen {
    display: inline-block;
    width: 100px;
    height: 65px;
    margin: 4px 6px 4px 7px;
    position: relative
}

.modal-upload .modal[data-state="2"] .screens .screen .close {
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    background: #5494DC url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 70%;
    border-radius: 3px;
    cursor: pointer
}

.modal-upload .modal[data-state="2"] .screens .btn {
    display: none;
    position: absolute;
    min-width: 100px;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%)
}

.modal-upload .modal[data-state="3"] [data-step="3"] {
    display: block
}

.modal-upload .modal[data-state="3"] label {
    position: relative;
    display: inline-flex;
    width: 100%;
    align-items: center;
    margin-bottom: 5px
}

.modal-upload .modal[data-state="3"] label input {
    width: 100%
}

.modal-upload .modal[data-state="3"] label .hints {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 185px;
    background-color: #fff;
    border: 2px solid #5494DC;
    color: #100413;
    border-radius: 3px;
    z-index: 2
}

.modal-upload .modal[data-state="3"] label .hints div {
    cursor: pointer;
    padding: 2px 5px;
    user-select: none
}

.modal-upload .modal[data-state="3"] label .hints div:hover {
    background-color: #d3e3f6
}

.modal-upload .modal[data-state="3"] #cat_choose {
    display: block;
    width: 100%;
    min-height: 100px
}

.modal-upload .modal[data-state="3"] #cat_choose div {
    display: inline-block;
    position: relative;
    border-radius: 3px;
    border: 1px solid #5494DC;
    padding: 0 20px 0 5px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    cursor: pointer;
    user-select: none
}

.modal-upload .modal[data-state="3"] #cat_choose div:after {
    display: block;
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%3E%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%20fill%3D%22%23ffffff%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
    background-size: 100%;
    top: 2px;
    right: 0;
    width: 20px;
    height: 20px;
    content: ''
}

.modal-upload .modal[data-state="3"] #upload {
    display: none;
    min-width: 100px;
    margin: 5px auto
}

.modal-upload .modal[data-state="3"] #progress {
    display: none;
    height: 10px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #5494DC;
    margin: 20px 0;
    overflow: hidden
}

.modal-upload .modal[data-state="3"] #progress div {
    display: block;
    height: 100%;
    border-radius: 10px;
    background-color: #5494DC
}

.modal-upload .modal[data-state="4"] [data-step="4"] {
    display: flex;
    flex-flow: column nowrap
}

.modal-upload .modal[data-state="4"] h2,
.modal-upload .modal[data-state="4"] p {
    margin-top: 20px
}

.modal-upload .modal[data-state="4"] .step {
    display: none !important
}

.modal-upload .modal[data-state="ext"] .modal-body,
.modal-upload .modal[data-state="dur"] .modal-body,
.modal-upload .modal[data-state="size"] .modal-body,
.modal-upload .modal[data-state="orient"] .modal-body {
    padding-bottom: 15px !important
}

.modal-upload .modal[data-state="ext"] .step,
.modal-upload .modal[data-state="dur"] .step,
.modal-upload .modal[data-state="size"] .step,
.modal-upload .modal[data-state="orient"] .step {
    display: none !important
}

.modal-upload .modal[data-state="ext"] .btn,
.modal-upload .modal[data-state="dur"] .btn,
.modal-upload .modal[data-state="size"] .btn,
.modal-upload .modal[data-state="orient"] .btn {
    margin: 0 0 0 auto;
    display: block
}

.modal-upload .modal[data-state="ext"] [data-step="ext"] {
    display: block
}

.modal-upload .modal[data-state="dur"] [data-step="dur"] {
    display: block
}

.modal-upload .modal[data-state="size"] [data-step="size"] {
    display: block
}

.modal-upload .modal[data-state="orient"] [data-step="orient"] {
    display: block
}

.modal-upload .modal .modal-footer {
    width: 100%;
    height: 35px
}

.cat.grid-cont {
    display: block;
    padding: 10px
}

.sites-grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 28px 10px;
    margin: 30px auto
}

.sites-grid .cat-letter,
.sites-grid .cat-item {
    margin: 0
}

.sites-grid .cat-item {
    width: 100% !important
}

.sites-list-lg {
    grid-row: span 2
}

@media screen and (max-width:1279px) {
    .sites-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media screen and (max-width:1075px) {
    .sites-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media screen and (max-width:767px) {
    .sites-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media screen and (max-width:479px) {
    .sites-grid {
        grid-template-columns: 1fr
    }
}

.warn-blur {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2147483647;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.warn-blur p {
    text-align: left;
    font-size: 13px;
    line-height: 1.5em
}

.warn-blur ul {
    margin: 10px 0;
    list-style-type: disc;
    padding-left: 40px
}

.warn-blur ul p {
    margin: 0
}

.warn-blur li {
    list-style: inherit
}

.warn-blur .btn {
    margin: 5px auto 16px;
    display: flex
}

.warn-blur .btn:disabled {
    background-color: gray
}

.modal.warn-msg {
    width: 800px;
    max-width: 95%
}

.modal.warn-msg .modal-title {
    text-align: center;
    padding: 0 10px
}

.modal.warn-msg .modal-body {
    max-height: 70vh;
    height: auto;
    overflow: auto;
    position: relative;
    padding: 1rem
}

.cookie-check {
    display: none
}

.cookie-check+label {
    margin: 10px 16px;
    position: relative;
    padding-left: 26px;
    display: inline-block;
    font-size: 13px;
    line-height: 1.5em;
    cursor: pointer
}

.cookie-check+label::before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    transform: translateY(15%);
    width: 16px;
    height: 16px;
    border: 1px solid #5494DC;
    border-radius: 4px;
    cursor: pointer
}

input[type="checkbox"].cookie-check:checked+label::before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+PHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIiBwb2ludHM9IjEuMDc5IDQuOTk5IDUgOSAxMC44MzcgMiIvPjwvc3ZnPg==) center / cover no-repeat;
    background-color: #5494DC;
    background-size: 9px
}

@media screen and (max-width:479px) {
    .modal.warn-msg {
        bottom: 4%
    }

    .warn-msg .modal-body {
        max-height: 50vh
    }
}

@media only screen and (min-device-width:550px) and (max-device-width:900px) and (orientation:landscape) {
    .modal.warn-msg {
        bottom: 4%
    }

    .warn-msg .modal-body {
        max-height: 40vh
    }
}</pre></body></html>