/* TP */

@charset "UTF-8";

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/roboto-latin-var.woff2?v=1') format('woff2');
}

/* variabels */
html {
  --black-bg: #000;
  --white-bg: #fff;
  --black-color: #000;
  --white-color: #fff;
  --color-inverse: #fff;

  /* background */
  --main-background: #0f0f0f;
  --header-background: #070707;
  --header-background2: #000;
  --thumb-box-bg: #070707;
  --thumb-placeholder-bg: #070707;
  --footer-bg: #0a0a0a;
  --footer-box-bg: #070707;
  --pagination-bg: #070707;
  --sort-bg: #070707;
  --tags-link-bg: #070707;
  --tags-link-bg-hover: #383838;
  --input-bg: #1d1d1d;
  --btn-bg: #070707;
  --btn-report: #2e2f35;
  --input-bg2: #2e2f35;
  --input-upload-bg: #000;
  --member-menu-bg: #161616;
  --img-placeholder-bg: #000;
  --img-placeholder-bg2: #070707;
  --img-placeholder-bg3: #161616;
  --profile-bg: #070707;
  --profile-sort-bg: #161616;
  --community-sort-bg: #161616;
  --thumbs-bottom-btn-bg: #070707;
  --checkbox-bg: var(--black-bg);
  --radio-bg: #191a1d;
  --comment-item-bg: var(--black-bg);
  --modal-bg: #161616;
  --subscribe-bg: #262528;
  --video-sub-btn: #f50e14;
  --video-sub-btn-count: #070707;
  --sort-box-bg: #161616;
  --embed-button-bg: #34363c;
  --profile-heading-btn-bg: #1d1d1d;
  --subscription-bg: #070707;
  --subscription-btn-bg: #1d1d1d;
  --menu-icon-bg: #fff;
  --suggestion-bg: #1d1d1d;
  --suggestion-group-bg: #000;
  --comment-like-bg: #34363c;

  /* color */
  --general-color: var(--white-color);
  --main-grey-color: #b8b8b8;
  --member-menu-color: var(--main-grey-color);
  --thumb-text-color: var(--white-color);
  --nav-link-color: var(--white-color);
  --pagination-color: var(--main-grey-color);
  --sort-color: var(--main-grey-color);
  --tags-link-color: var(--white-color);
  --tags-arrow-color: var(--white-color);
  --input-color: var(--white-color);
  --btn-color: var(--white-color);
  --btn-tabs-color: var(--main-grey-color);
  --thumb-info-color: var(--main-grey-color);
  --input-color2: #8b8f96;
  --input-color3: var(--main-grey-color);
  --input-upload-color: #fff;
  --profile-color: var(--white-color);
  --profile-color2: var(--main-grey-color);
  --profile-tab-color: var(--white-color);
  --thumbs-bottom-btn-color: var(--main-grey-color);
  --heading-title-color: var(--white-color);
  --comment-item-color: var(--white-color);
  --subscribe-color: #626262;
  --subscribe-color2: var(--main-grey-color);
  --lang-hover-color: #000;
  --desc-color: #fff;
  --video-sub-btn-color: #000000;
  --theme-color: var(--main-grey-color);
  --theme-hover-color: #f50e14;
  --related-color: var(--main-grey-color);
  --tabs-title-color: var(--main-grey-color);
  --btn-gold: #f50e14;
  --comment-name-color: var(--white-color);
  --comment-date-color: var(--main-grey-color);
  --profile-heading-btn-color: #000;
  --upload-title-color: #959595;
  --seo-title-color: #fff;
  --seo-text-color: var(--main-grey-color);
  --footer-color: var(--main-grey-color);
  --comment-like-color: #8b8f96;

  /* border */
  --tags-link-border: none;
  --footer-border: none;
  --input-border: none;
  --header-border: 1px solid #161616;
  --header-border2: none;
  --profile-sort-border: 1px solid #000000;
  --video-controls-border: 1px solid #000000;
  --community-item-border: 6px solid #161616;
  --community-filter-border: 1px solid #000;
  --community-filter-input-border: 1px solid #3d3d3d;
  --sort-box-pseudo: #000;
  --btn-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);

  /* btn */
  --swiper-btn-prev: linear-gradient(90deg,
      #161616 52.6%,
      rgba(22, 22, 22, 0) 100%);
  --swiper-btn-next: linear-gradient(270deg,
      #161616 52.6%,
      rgba(22, 22, 22, 0) 100%);
}

html.light {
  --black-bg: #000;
  --white-bg: #fff;
  --black-color: #000;
  --white-color: #fff;
  --grey-color: #707070;
  --color-inverse: #000;

  /* background */
  --main-background: var(--white-bg);
  --header-background: transparent;
  --header-background2: #fff;
  --thumb-box-bg: #e0e0e0;
  --thumb-placeholder-bg: #e0e0e0;
  --footer-bg: var(--white-bg);
  --footer-box-bg: var(--white-bg);
  --pagination-bg: #e0e0e0;
  --sort-bg: #e0e0e0;
  --tags-link-bg: none;
  --tags-link-bg-hover: rgb(0 0 0 / 75%);
  --input-bg: var(--white-bg);
  --btn-bg: #e0e0e0;
  --btn-report: #e0e0e0;
  --input-bg2: transparent;
  --input-upload-bg: transparent;
  --member-menu-bg: #e0e0e0;
  --img-placeholder-bg: #dadada;
  --img-placeholder-bg2: #dadada;
  --img-placeholder-bg3: #fff;
  --profile-bg: #e0e0e0;
  --profile-sort-bg: #fff;
  --community-sort-bg: #fff;
  --thumbs-bottom-btn-bg: #e0e0e0;
  --checkbox-bg: var(--white-bg);
  --radio-bg: #e0e0e0;
  --modal-bg: #606060;
  --subscribe-bg: #e0e0e0;
  --video-sub-btn: #626262;
  --video-sub-btn-count: var(--subscribe-bg);
  --sort-box-bg: var(--white-bg);
  --embed-button-bg: #e0e0e0;
  --profile-heading-btn-bg: #fff;
  --subscription-btn-bg: #fff;
  --menu-icon-bg: #b8b8b8;
  --suggestion-bg: #e0e0e0;
  --suggestion-group-bg: rgba(0, 0, 0, 0.1);
  --comment-like-bg: #e0e0e0;

  /* color */
  --general-color: #363636;
  --member-menu-color: var(--grey-color);
  --thumb-text-color: #363636;
  --nav-link-color: var(--grey-color);
  --pagination-color: var(--grey-color);
  --sort-color: var(--grey-color);
  --tags-link-color: #f50e14;
  --tags-arrow-color: #b8b8b8;
  --input-color: var(--grey-color);
  --btn-color: var(--grey-color);
  --btn-tabs-color: var(--grey-color);
  --thumb-info-color: var(--grey-color);
  --input-color2: #8b8f96;
  --input-color3: var(--grey-color);
  --input-upload-color: #8b8f96;
  --profile-color: var(--grey-color);
  --profile-color2: #363636;
  --profile-tab-color: var(--grey-color);
  --thumbs-bottom-btn-color: var(--grey-color);
  --heading-title-color: #363636;
  --comment-item-bg: #e0e0e0;
  --comment-item-color: #363636;
  --subscribe-color: var(--grey-color);
  --subscribe-color2: var(--grey-color);
  --lang-hover-color: #000;
  --desc-color: #363636;
  --video-sub-btn-color: #fff;
  --theme-color: #707070;
  --theme-hover-color: #f50e14;
  --related-color: #363636;
  --tabs-title-color: #363636;
  --btn-gold: #363636;
  --comment-name-color: #363636;
  --comment-date-color: #707070;
  --profile-heading-btn-color: #fff;
  --upload-title-color: #363636;
  --seo-title-color: #363636;
  --seo-text-color: #707070;
  --footer-color: #707070;
  --comment-like-color: #707070;

  /* border */
  --tags-link-border: 1px solid #f50e1400;
  --footer-border: 1px solid #d9d9d9;
  --input-border: 1px solid var(--grey-color);
  --header-border: 1px solid #d9d9d9;
  --header-border2: 1px solid #d9d9d9;
  --profile-sort-border: 1px solid #d9d9d9;
  --video-controls-border: 1px solid #d9d9d9;
  --community-item-border: 6px solid #d9d9d9;
  --community-filter-border: 1px solid #d9d9d9;
  --community-filter-input-border: 1px solid #d9d9d9;
  --sort-box-pseudo: #d9d9d9;
  --btn-box-shadow: none;

  /* btn */
  --swiper-btn-prev: linear-gradient(90deg,
      #ffffff 52.6%,
      rgba(22, 22, 22, 0) 100%);
  --swiper-btn-next: linear-gradient(270deg,
      #ffffff 52.6%,
      rgba(22, 22, 22, 0) 100%);
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
button,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

fieldset,
img {
  border: 0;
}

img,
object,
embed {
  vertical-align: bottom;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

q:before,
q:after {
  content: "";
}

a,
a * {
  cursor: pointer;
}

input,
textarea {
  outline: none;
}

a {
  text-decoration: none;
}

input {
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
}

* {
  outline: none;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

i {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body,
html {
  height: 100%;
}

body {
  font: 400 14px/1.2 "Roboto", sans-serif;
  color: var(--general-color);
  background: var(--main-background);
}

header {

  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.main {

  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

footer {

  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.svg-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.icon-flag {
  width: 0.7998046875em;
}

.icon-top-arrow {
  font-size: 9px;
}

.icon-arrow-down {
  font-size: 10px;
}

.icon-user {
  color: #b8b8b8;
  font-size: 18px;
}

.sub-btn .icon-user {
  color: var(--video-sub-btn-color);
}

.icon-edit,
.icon-heart,
.icon-oclock {
  font-size: 12px;
}

.icon-calendar,
.icon-picture,
.icon-like,
.icon-play {
  font-size: 14px;
}

.icon-eye {
  font-size: 17px;
}

.icon-chat,
.icon-plus {
  font-size: 18px;
}

.icon-no-thumb {
  font-size: 82px;
}

.icon-search,
.icon-upload,
.icon-dislike,
.icon-star,
.icon-monitor,
.icon-categories,
.icon-playlist,
.btn-favourites .icon-heart,
.btn-favourites .icon-oclock,
.sort-control .icon-info,
.sort-control .icon-share,
.sort-control .icon-chat,
.sort-control .icon-flag,
.sort-control .icon-picture {
  font-size: 20px;
}

.rating-container .icon-dislike,
.rating-container .icon-like {
  font-size: 20px;
}

.wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}

.wrapper.profile-page .header {
  margin-bottom: 0;
}

.container {
  max-width: 1460px;
  width: 100%;
  padding: 0 10px;
  margin: 0 auto;
}

.section-row {
  margin-bottom: 31px;
}

.section-row.tags-row {
  margin-bottom: 10px;
  position: relative;
  padding: 0;
}

.header {
  margin-bottom: 30px;
}

.logo {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
}

.logo img:last-child {
  display: none;
}

.light .logo img:first-child {
  display: none;
}

.light .logo img:last-child {
  display: block;
}

@media (max-width: 1024px) {
  .logo {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header-links {
  background: #000;
}

.header-links .header-inner {
  padding: 5px 0;
  overflow-x: scroll;
}

.header-links .header-inner::-webkit-scrollbar {
  display: none;
}

.header-links a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 25px;

  color: #b8b8b8;
  margin-right: 12px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1024px) {
  .header-links a:hover {
    color: #f50e14;
  }
}

.header-links i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 4px;
}

.header-links i svg {
  fill: #f50e14;
}

.header-holder { border-bottom: var(--header-border); padding: 12px 0 11px 0; position: relative }

@media (max-width: 1024px) {
  .header-holder .header-inner {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.search {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
}

@media (max-width: 1024px) {
  .search {
    position: absolute;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    z-index: 10;
    left: 0;
    max-width: calc(100% - 40px);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
}

.search form {
  max-width: 630px;
  width: 100%;
}

@media (max-width: 1024px) {
  .search form {
    max-width: 100%;
  }
}

.search .search-inner {
  width: 100%;
  position: relative;
}

.search input { background: var(--input-bg); border: var(--input-border);
  border-radius: 10px; height: 40px; width: 100%; padding: 10px 45px 10px 20px }

.search .btn-search {
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
  background: transparent;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .search .btn-search:hover svg {
    fill: #f50e14;
  }
}

.search .btn-search svg { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s }

.header.search-open .logo {
  opacity: 0;
}

.header.search-open .search {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.header.search-open .btn-mobile .svg-search {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.header.search-open .btn-mobile .svg-icon {
  opacity: 1;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

.btn-mobile {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

@media (max-width: 1024px) {
  .btn-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.btn-mobile i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-mobile svg {
  fill: #b8b8b8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn-mobile .svg-icon {
  position: absolute;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.buttons-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.buttons-col.mobile {
  display: none;
}

@media (max-width: 1024px) {
  .buttons-col.mobile {
    display: block;
  }
}

@media (max-width: 1024px) {
  .buttons-col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    display: none;
  }

  .buttons-col.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .buttons-col .mebers-block {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.buttons-col .upload-holder {
  position: relative;
}

.buttons-col .upload-list {
  position: absolute;
  right: 0;
  z-index: 11;
  background: #161616;
  top: calc(100% + 8px);

  border-radius: 10px;
  overflow: hidden;
  display: none;
}

.upload-open .upload-list {
  display: block;
}

.buttons-col .upload-list a {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #b8b8b8;
  -webkit-transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, color 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  padding: 10px 32px;
}

.buttons-col .upload-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; font-size: 14px; line-height: 20px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; margin-right: 31px; cursor: pointer }

.buttons-col .upload-btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 10px;
}

.buttons-col .upload-btn svg { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s }

@media (min-width: 1024px) {
  .buttons-col .upload-list a:hover {
    color: #000000;
    background-color: #f50e14;
  }

  .buttons-col .upload-btn:hover {
    color: #f50e14;
  }

  .buttons-col .upload-btn:hover svg {
    fill: #f50e14;
  }
}

.leng-holder {
  margin-right: 8px;
  position: relative;
}

.leng-holder .lang-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 1024px) {
  .leng-holder .lang-item:hover svg {
    fill: #f50e14;
  }
}

.leng-holder .lang-item i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.leng-holder .lang-item i svg { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s }

.leng-holder .drop {
  position: absolute;
  left: -12px;
  z-index: 11;
  background: var(--sort-bg);
  top: calc(100% + 8px);

  border-radius: 10px;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1024px) {
  .leng-holder .drop {
    top: auto;
    bottom: calc(100% + 8px);
    width: 195px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    left: -112px;
  }
}

.leng-holder .drop a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 6px 10px; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s }

@media (min-width: 1024px) {
  .leng-holder .drop a:hover {
    background: #f50e14;
    color: var(--lang-hover-color);
  }
}

@media (max-width: 1024px) {
  .leng-holder .drop a {
    width: 50%;
  }
}

.leng-holder .drop a img {
  margin-right: 4px;
}

.leng-holder.lang-open .lang-item i {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.leng-holder.lang-open .lang-item svg {
  fill: #f50e14;
}

.leng-holder.lang-open .drop {
  opacity: 1;
  visibility: visible;
}

.mebers-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

@media (max-width: 1024px) {
  .mebers-block {
    margin-top: 15px;
  }
}

.mebers-block a { display: block; font-size: 14px; line-height: 20px; text-align: center; -webkit-transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s; transition: background 0.3s, color 0.3s, -webkit-box-shadow 0.3s; -o-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
  border-radius: 10px; padding: 10px 32px; margin-right: 2px }

.mebers-block a:last-child {
  margin-right: 0;
}

.mebers-block a:first-child {
  padding: 10px 20px;
}

@media (min-width: 1024px) {
  .mebers-block a:hover {
    color: #000000;
    background: #f50e14;
    -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
    box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  }
}

@media (max-width: 1024px) {
  .mebers-block a { background: #f50e14; -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5); margin-right: 15px }
}

.menu-icon {
  width: 20px;
  height: 14px;
  cursor: pointer;
  position: relative;
  display: none;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

@media (max-width: 1024px) {
  .menu-icon {
    display: block;
  }
}

.menu-icon span {
  background-color: var(--menu-icon-bg);
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu-icon span:first-child {
  top: 0;
}

.menu-icon span:nth-child(2) {
  top: 6px;
}

.menu-icon span:last-child {
  top: 12px;
}

.header-nav {
  background: var(--header-background2);
  border-bottom: var(--header-border2);
}
.header-nav .header-inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .header-nav .header-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 120px;
  }
}

.header-nav .nav-link { text-align: center; font-size: 14px; line-height: 20px;
  color: var(--nav-link-color); position: relative; padding: 15px 20px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; white-space: nowrap; border-radius: 10px; transition: all 0.2s ease }

@media (max-width: 1100px) {
  .header-nav .nav-link {
    padding: 10px 14px;
  }
}

@media (min-width: 1024px) {
  .header-nav .nav-link:hover {

    color: #000000;
    background: #f50e14;
  }

  .header-nav .nav-link:hover::before {
    width: 100%;
  }
}

.header-nav .nav-link.active {

  color: #000000;
  background: #f50e14;
  cursor: default;
}

.header-nav .nav-link.active::before {
  width: 100%;
}

body.nav-open {
  overflow: hidden;
}

body.nav-open .menu-icon span:nth-child(2) {
  opacity: 0;
}

body.nav-open .menu-icon span:first-child,
body.nav-open .menu-icon span:last-child {
  top: 6px;
  background-color: #ff8502;
}

body.nav-open .menu-icon span:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

body.nav-open .menu-icon span:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tags-row {
  padding: 10px 0;

}

@media (max-width: 1024px) {
  .tags-row {
    padding: 8px 0;
  }
}

.tags-row :root {
  --swiper-theme-color: #ffffff;
}

.tags-row .swiper-button-next,
.tags-row .swiper-button-prev {
  font-size: 18px;
}

.tags-row .swiper-button-next:after,
.tags-row .swiper-button-prev:after {
  color: var(--tags-arrow-color);
  font-size: 18px;
}

.tags-row .swiper-button-next:after {
  color: var(--tags-arrow-color);
  font-size: 18px;
  position: absolute;
  right: 15px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.tags-row .swiper-button-prev {
  left: 0;
}

.tags-row .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}

.tags-row .swiper-button-prev {
  background: var(--swiper-btn-prev);
  left: 0;
  width: 75px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.tags-row .swiper-button-next {
  background: var(--swiper-btn-next);
  right: 0;
  width: 75px;
}

@media (min-width: 1024px) {
  .tags-row .swiper-button-next:hover::after {
    color: #f50e14;
  }
}

.tags-row .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.tags-row a { display: -webkit-box; display: -ms-flexbox; display: flex; background: linear-gradient(0deg, #1b1b1b -30%, #2a2a2a 120%); border-radius: 10px; border: none; padding: 7px 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 13px; letter-spacing: 0.2px; -webkit-transition: box-shadow 0.4s, transform 0.4s; transition: box-shadow 0.4s, transform 0.4s }

@media (min-width: 1024px) {
  .tags-row a:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.34);
    transform: translateY(-1px);
    color: #e5e5e5;
  }
}

.heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  gap: 5px;
}

.heading.comments-heading {
  margin-bottom: 37px;
}

@media (max-width: 1024px) {
  .heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.heading .title { font-size: 24px; line-height: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1 }

.heading .title a {
  color: var(--heading-title-color);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.heading .title em {
  color: #b8b8b8;
  font-weight: 700;
}

@media (min-width: 1025px) {
  .heading .title a:hover {
    color: #f50e14;
  }
}

@media (max-width: 767px) {
  .heading .title {
    font-size: 17px;
  }
}

.sort {
  position: relative;
}

@media (max-width: 665px) {
  .sort.serch-box {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    width: 100%;
    margin-top: 10px;
  }

  .sort.serch-box .sort-title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.sort .sort-title,
.more-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--sort-color);
  background: var(--sort-bg);

  border-radius: 10px;
  padding: 8px 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sort.sort-profile .sort-title,
.sort.sort-profile .sort-drop {
  background-color: var(--profile-sort-bg);
}

.sort .sort-title {
  min-width: 170px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 375px) {
  .sort .sort-title {
    font-size: 12px;
    padding: 5px 10px;
  }
}

.sort .sort-title.more-title,
.more-title i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sort .sort-title i,
.more-title i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 10px;
}

.sort .sort-title svg,
.more-title svg {
  fill: var(--sort-color);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

@media (min-width: 1024px) {

  .sort .sort-title:hover,
  .more-title:hover {
    color: #000000;
    background: #f50e14;
    -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
    box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  }

  .sort .sort-title:hover svg,
  .more-title:hover svg {
    fill: #000000;
  }
}

.sort .sort-drop {
  position: absolute;
  z-index: 10;
  width: 100%;
  background: var(--sort-bg);
  overflow: hidden;

  border-radius: 0 0 10px 10px;
  -webkit-transform: translate3d(0, 35px, 0);
  transform: translate3d(0, 35px, 0);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sort .sort-drop a { display: block; text-align: center; padding: 8px 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 100% }

@media (min-width: 1024px) {
  .sort .sort-drop a:hover {
    background: #f50e14;
    color: #000000;
  }
}

.sort.sort-open .sort-title {

  border-radius: 10px 10px 0 0;
  color: #000000;
  background: #f50e14;
  -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
}

.sort.sort-open .sort-title.more-title {
  color: #b8b8b8;
  background: #070707;

  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sort.sort-open .sort-title.more-title:hover {
  color: #000000;
  background: #f50e14;
  -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
}

.sort.sort-open .sort-title.more-title:hover svg {
  fill: #000000;
}

.sort.sort-open .sort-title.more-title svg {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  fill: #b8b8b8;
}

.sort.sort-open .sort-title svg {
  fill: #000000;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.sort.sort-open .sort-drop {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.sort-tabs {
  margin-right: 30px;
}

@media (max-width: 1024px) {
  .sort-tabs {
    margin-top: 10px;
    margin-right: 0;
    width: 100%;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

.sort-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sort-control a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; border-radius: 4px; line-height: 20px;
  color: var(--btn-tabs-color); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: 30px }

@media (max-width: 500px) {
  .sort-control a {
    font-size: 0;
  }
  .sort-control .download-link {
    font-size: 12px;
  }
}

.sort-control a:last-child {
  margin-right: 0;
}

.sort-control a i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 5px;
}

.sort-control a i.arrow {
  margin-left: 10px;
  right: 0;
}

.sort-control a svg { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s }

@media (min-width: 1024px) {
  .sort-control a:hover {
    color: #f50e14;
  }

  .sort-control a:hover svg {
    fill: #f50e14;
  }
}

.sort-control a.active i.arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.sort-box {
  position: absolute;
  width: 100%;
  left: 0;

  z-index: 10;
}

.sort-box .tab-content {
  background: var(--sort-box-bg);
  border-top: var(--profile-sort-border);
  padding: 17px 0;
}

.sort-box .sort-inner {
  -moz-column-count: 7;
  -webkit-column-count: 7;
  column-count: 7;
  margin-bottom: 17px;
}

@media (max-width: 767px) {
  .sort-box .sort-inner {
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
  }
}

@media (max-width: 460px) {
  .sort-box .sort-inner {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

.sort-box .sort-inner a {
  font-weight: 500;
  font-size: 14px;
  line-height: 36px;
  color: var(--profile-color2);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

@media (min-width: 1024px) {
  .sort-box .sort-inner a:hover {
    color: #f50e14;
  }
}

.sort-box .btn-holder {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sort-box .btn-holder::before {
  content: "";
  position: absolute;
  background: var(--sort-box-pseudo);
  height: 1px;
  width: calc(100% - 130px);
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.sort-box .btn-holder .sort-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--sort-color);
  background-color: var(--sort-bg);
  border-radius: 4px;
  padding: 8px 20px;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.sort-box .btn-holder .sort-title.more-title i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.sort-box .btn-holder .sort-title i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 10px;
}

.sort-box .btn-holder .sort-title svg {
  fill: var(--sort-color);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

@media (min-width: 1024px) {
  .sort-box .btn-holder .sort-title:hover {
    color: #000000;
    background: #f50e14;
    -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
    box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  }

  .sort-box .btn-holder .sort-title:hover svg {
    fill: #000000;
  }
}

.tab-content.hidden {
  display: none;
}

.tab-content {
  margin-top: 20px;
}

.sort-box .tab-content {
  margin-top: 0;
}

.profile-tabs .tab-content {
  margin-top: 0px;
}

.sort-search {
  margin-right: 30px;
}

@media (max-width: 665px) {
  .sort-search {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-right: 0;
  }
}

.sort-search .open-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;

  color: #b8b8b8;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.sort-search .open-box:last-child {
  margin-right: 0;
}

.sort-search .open-box i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 5px;
}

.sort-search .open-box i.arrow {
  margin-left: 10px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 0;
}

.sort-search .open-box svg {
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: #b8b8b8;
}

@media (min-width: 1024px) {
  .sort-search .open-box:hover {
    color: #f50e14;
  }

  .sort-search .open-box:hover svg {
    fill: #f50e14;
  }
}

.search-filter {
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(100% + 10px);
  z-index: 10;
  background: var(--community-sort-bg);
  border-top: var(--community-filter-border);
  border-bottom: var(--community-filter-border);
  padding: 17px 0;
}

.search-filter .form-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1024px) {
  .search-filter .form-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.search-filter .col-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 260px;
  width: 100%;
  margin-right: 20px;
}

@media (max-width: 1110px) {
  .search-filter .col-item {
    margin-right: 10px;
  }
}

@media (max-width: 1024px) {
  .search-filter .col-item {
    max-width: 100%;
    margin-right: 0;
    padding: 10px 0;
  }
}

.search-filter .col-item.second {
  max-width: 145px;
}

@media (max-width: 1024px) {
  .search-filter .col-item.second {
    margin-right: 10px;
  }
}

.search-filter .col-item:last-child {
  margin-right: 0;
}

.search-filter label {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: var(--heading-title-color);
  display: block;
  margin-bottom: 5px;
}

.search-filter select {
  background-color: var(--input-bg);
  border: var(--community-filter-input-border);

  border-radius: 10px;
  color: var(--input-color3);
  max-width: 260px;
  width: 100%;
  cursor: pointer;
  padding: 10px 20px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../images/arrow.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 10px top 50%;
  background-size: auto;
}

@media (max-width: 1024px) {
  .search-filter select {
    max-width: 100%;
  }
}

.search-filter .input {
  background-color: var(--input-bg);
  border: var(--community-filter-input-border);

  border-radius: 10px;
  height: 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--input-color3);
  padding: 10px;
}

.search-filter .select-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-filter .select-item select {
  margin-right: 10px;
}

.search-filter .select-item select:last-child {
  margin-right: 0;
}

.search-filter .select-item.modal-holder label {
  white-space: nowrap;
}

.search-filter .check-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  padding: 7px 0;
}

.search-filter .check-label input {
  margin-right: 5px;
  display: none;
  position: absolute;
}

.search-filter .check-label label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-bottom: 0;
}

.search-filter .check-label label::before {
  content: "";
  width: 20px;
  height: 20px;

  border-radius: 10px;
  margin-right: 10px;
  background: #222428;
}

.search-filter .check-label span {
  color: #fff;
  white-space: nowrap;
}

.search-filter .check-label label:checked::before {
  background: #0968f7;
  background-repeat: no-repeat;
  background-position: center center;
}

.search-filter .button-submit {
  background: #f50e14;

  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #000000;
  border: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  padding: 10px 30px;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .search-filter .button-submit:hover {
    background: #000000;
    color: #ffffff;
  }
}

.thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -5px 39px -5px;
}

.community_thumbs .thumb {
  position: relative;
}

.thumbs .bottom,
.list-subscriptions .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  margin-top: 20px;
}

.thumbs .bottom .submit,
.list-subscriptions .submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--thumbs-bottom-btn-bg);

  border-radius: 10px;
  color: var(--thumbs-bottom-btn-color);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  min-height: 40px;
  min-width: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
  padding: 0 20px;
  cursor: pointer;
}

.thumbs .bottom .submit:disabled,
.list-subscriptions .submit:disabled {
  opacity: 0.5;
  pointer-events: none;
}

@media screen and (min-width: 1025px) {

  .thumbs .bottom .submit:hover,
  .list-subscriptions .submit:hover {
    background: #f50e14;
    color: #000000;
  }
}

.thumb {
  width: 20%;
  padding: 5px;
}

.thumb_rel {
  position: relative;
}

@media (max-width: 1023px) {
  .thumb {
    width: 33.33%;
  }
}

@media (max-width: 800px) {
  .thumb {
    width: 50%;
  }
}

@media (max-width: 410px) {
  .thumb {
    width: 100%;
  }
}

.thumb i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.thumb a {
  display: block;
}

@media (min-width: 1024px) {
  .thumb a:hover .item-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .thumb a:hover .title {
    color: #f50e14;
  }
}

.thumb .img-holder { position: relative; padding-bottom: 56%; overflow: hidden;
  border-radius: 10px; margin-bottom: 8px }

.thumb .img-holder img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.categories-thumbs .img-holder img,
.channels-thumbs .img-holder img {
  -o-object-fit: cover;
  object-fit: cover;
}

.thumbs .img-holder .no-thumb {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 18px;
  color: #f50e14;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.thumb .img-holder img.video1 {
  top: 10px;
  right: 10px;
  left: auto;
  bottom: auto;
  z-index: 4;
  width: 120px;
  height: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
  border: 1px solid #f50e14;

  border-radius: 10px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .thumb .img-holder img.video1:hover {
    opacity: 1;
    z-index: 12;
  }
}

.thumb .img-holder img.video2 {
  top: 20px;
  right: 20px;
  left: auto;
  bottom: auto;
  z-index: 5;
  width: 120px;
  height: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
  border: 1px solid #f50e14;

  border-radius: 10px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .thumb .img-holder img.video2:hover {
    opacity: 1;
    z-index: 12;
  }
}

.thumb .img-holder img.video3 {
  top: 30px;
  right: 30px;
  left: auto;
  bottom: auto;
  z-index: 6;
  width: 120px;
  height: auto;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0.7;
  border: 1px solid #f50e14;

  border-radius: 10px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .thumb .img-holder img.video3:hover {
    opacity: 1;
    z-index: 12;
  }
}

.thumb .item-bottom,
.thumb .item-top {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.thumb .qualtiy,
.thumb .time,
.thumb .line-private,
.thumb .line-premium,
.thumb .line-disabled,
.thumb .line-error,
.thumb .line-processing {
  background: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;

  border-radius: 10px;
  padding: 0px 6px;
}

.thumb .line-private,
.thumb .line-premium,
.thumb .line-disabled,
.thumb .line-error,
.thumb .line-processing {
  position: absolute;
  bottom: 5px;
  left: 5px;
}

.thumb .qualtiy { margin-right: 5px }

.thumb .item-bottom {
  right: 5px;
  bottom: 5px;
}

.thumb .item-top {
  z-index: 1;
  top: 10px;
  left: 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate3d(-40px, -40px, 0);
  transform: translate3d(-40px, -40px, 0);
}

.thumb .item-heart,
.thumb .item-time {
  width: 30px;
  height: 30px;

  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

.thumb .item-heart svg,
.thumb .item-time svg {
  fill: #ffffff;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
}

@media (min-width: 1024px) {

  .thumb .item-heart:hover,
  .thumb .item-time:hover {
    background: #f50e14;
  }

  .thumb .item-heart:hover svg,
  .thumb .item-time:hover svg {
    fill: #000000;
  }
}

.thumb .item-heart {
  margin-right: 5px;
}

.thumb .item-heart.fixed,
.thumb .item-time.fixed {
  background-color: #f50e14;
}

.thumb .item-heart.fixed svg,
.thumb .item-time.fixed svg {
  fill: #000000;
}

.thumb .thumb-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.thumb .thumb-bottom .thumb-item { font-size: 12px; line-height: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; letter-spacing: -0.02em; margin-right: 10px; display: block; position: relative; padding-left: 20px }

.thumb .thumb-bottom:not(.thumb-bottom-videos) .thumb-item,
.thumb .thumb-bottom .thumb-item-date {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.thumb .thumb-bottom .thumb-item:first-child {
  padding-left: 22px;
}

.thumb .thumb-bottom .thumb-item i {
  left: 0;
  position: absolute;
  margin-right: 5px;
}

.thumb .thumb-bottom-videos {
  gap: 5px;
}
.thumb .thumb-bottom-videos .thumb-item {
  padding-left: 0;
  margin-right: 0;
}
.thumb .thumb-bottom-videos .thumb-item:first-child {
  padding-left: 0;
}
.thumb .thumb-bottom-videos .thumb-item i {
  display: none;
}
.thumb .thumb-bottom-videos .thumb-item:nth-child(2) {
  display: none;
}
.thumb .thumb-bottom-videos .thumb-item:first-child::after {
  content: " visualizações •";
}
html[lang^="en"] .thumb .thumb-bottom-videos .thumb-item:first-child::after {
  content: " views •";
}

.thumb .title { font-size: 14px; line-height: 18px;
  color: var(--thumb-text-color); -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 8px }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--pagination-bg);
  border-radius: 10px; font-size: 14px; line-height: 20px; min-height: 40px; min-width: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-right: 5px }

@media (max-width: 1023px) {
  .pagination a {
    display: none;
  }
}

.pagination a.active { background: #f50e14; cursor: default }

@media (max-width: 1023px) {
  .pagination a.item-pagination {

  }

  .pagination a.item-pagination,
  .pagination a.item-pagination--first,
  .pagination a.item-pagination--last,
  .pagination:has(a.item-pagination--first) a:nth-child(3),
  .pagination:has(a.item-pagination--first) a:nth-child(4),
  .pagination:has(a.item-pagination--last) a:nth-last-child(-n + 3),
  .pagination:has(a.item-pagination--last) a:nth-last-child(-n + 4),
  .pagination:has(a.item-pagination) a.item-pagination+a,
  .pagination:has(a.item-pagination) a:has(+ a.item-pagination) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pagination:has(a.item-pagination) a.item-pagination+a,
  .pagination:has(a.item-pagination--first) a:nth-child(4),
  .pagination a.item-pagination--last {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  .pagination a:hover {
    background: #f50e14;
    color: #000000;
  }

  .pagination a:hover.prev svg,
  .pagination a:hover.next svg {
    fill: #000000;
  }
}

.pagination a.prev {
  min-width: 129px;
  margin-right: 20px;
}

@media (max-width: 1023px) {
  .pagination a.prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    min-width: 60px;
  }
}

.pagination a.prev svg {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  fill: var(--pagination-color);
  margin-right: 13px;
}

@media (max-width: 1023px) {
  .pagination a.prev svg {
    margin: 0;
  }
}

.pagination a.next {
  min-width: 129px;
  margin-left: 20px;
  margin-right: 0;
}

@media (max-width: 1023px) {
  .pagination a.next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    min-width: 60px;
  }
}

.pagination a.next svg {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  fill: var(--pagination-color);
  margin-left: 13px;
}

@media (max-width: 1023px) {
  .pagination a.next svg {
    margin: 0;
    font-size: 14px;
  }
}

.pagination a.jumper {
  background: transparent;
}

@media (min-width: 1024px) {
  .pagination a.jumper:hover {
    color: #ffffff;
  }
}

@media (max-width: 1023px) {

  .pagination a.prev svg,
  .pagination a.next svg {
    font-size: 14px;
  }
}

.categories-thumbs .cat-title {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4.5px);
  backdrop-filter: blur(4.5px);
  padding: 10px;
}

.categories-thumbs .cat-title .title { font-size: 16px; line-height: 20px;
  color: #ffffff; margin-bottom: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1 }

.categories-thumbs .cat-title .thumb-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; font-size: 12px; line-height: 14px; display: flex; align-items: center; letter-spacing: -0.02em }

.categories-thumbs .cat-title .thumb-item:last-child {
  margin-right: 0;
}

.categories-thumbs .cat-title .thumb-item i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 5px;
}

.models-thumbs .thumb .img-holder {
  padding-bottom: 130%;
}

.models-thumbs .thumb .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; line-height: 20px }

.models-thumbs .thumb .title .flag-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 10px;
}

.channels-thumbs .thumb {
  width: 25%;
  margin-bottom: 10px;
}

@media (max-width: 800px) {
  .channels-thumbs .thumb {
    width: 100%;
  }
}

@media (max-width: 410px) {
  .channels-thumbs .thumb {
    width: 100%;
  }
}

.channels-thumbs .title-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.channels-thumbs .title {
  margin-bottom: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

@media (max-width: 1250px) {
  .albums-thumbs .thumb {
    width: 25%;
  }
}

@media (max-width: 1023px) {
  .albums-thumbs .thumb {
    width: 33.33%;
  }
}

@media (max-width: 800px) {
  .albums-thumbs .thumb {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .albums-thumbs .thumb {
    width: 100%;
  }
}

.albums-thumbs .thumb .img-holder {
  padding-bottom: 130%;
}

.description-holder .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.4;
  color: var(--seo-title-color);
  margin-bottom: 24px;
}

@media (max-width: 1024px) {
  .description-holder .title {
    font-size: 18px;
  }
}

.description-holder .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;

  color: var(--seo-text-color);
  margin-bottom: 30px;
}

.description-holder .text:last-child {
  margin-bottom: 0;
}

.section-row .description-holder {
  max-width: 880px;
  margin: 36px auto 8px;
  padding: 0 18px;
  text-align: left;
}
.section-row .description-holder [align="center"],
.section-row .description-holder [align="center"] * {
  text-align: left;
}
.section-row .description-holder br {
  display: none;
}
.section-row .description-holder h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--seo-title-color, #e8e8ea);
  margin: 0 0 12px;
}
.section-row .description-holder h3 {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--seo-title-color, #d6d6db);
  margin: 26px 0 8px;
  padding-left: 12px;
  border-left: 3px solid #f50e14;
}
.section-row .description-holder p {
  font-size: 14px;
  line-height: 1.75;
  color: var(--seo-text-color, #9a9aa2);
  margin: 0;
}
.section-row .description-holder strong {
  color: #cfcfd6;
  font-weight: 600;
}
@media (max-width: 768px) {
  .section-row .description-holder {
    margin-top: 24px;
    padding: 0 14px;
  }
  .section-row .description-holder h2 { font-size: 18px; }
}

.section-row .description-holder.seo-collapsible {
  position: relative;
  overflow: hidden;
  max-height: 160px;
  transition: max-height 0.45s ease;
}
.section-row .description-holder.seo-collapsible.seo-expanded {
  max-height: 3000px;
}
.section-row .description-holder.seo-collapsible:not(.seo-expanded)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 64px;
  background: linear-gradient(to top, var(--seo-fade-bg, #161616) 18%, transparent);
  pointer-events: none;
}
.seo-toggle-wrap {
  max-width: 880px;
  margin: 8px auto 0;
  padding: 0 18px;
  text-align: center;
}
.seo-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #d6d6db;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.seo-toggle-btn:hover {
  background: rgba(245, 14, 20, 0.12);
  color: #fff;
  border-color: rgba(245, 14, 20, 0.45);
}
.seo-toggle-btn svg {
  width: 14px;
  height: 14px;
  transition: transform 0.3s ease;
}
.seo-toggle-btn.is-open svg {
  transform: rotate(180deg);
}

.footer-box {
  background: var(--footer-box-bg);
  padding-bottom: 35px;
}

.block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 15px 0;
}

@media (max-width: 767px) {
  .block-inner {
    margin-bottom: 10px;
  }
}

.block-inner .title {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;

  text-align: center;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #747474;
  margin-bottom: 15px;
}

.block-inner .block-holder {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.block-inner .block-holder .block-img {
  padding: 5px;
}

@media (max-width: 945px) {
  .block-inner .block-holder {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 1270px) {
  .block-inner .block-holder .block-img:nth-child(4) {
    display: none;
  }
}

@media (max-width: 945px) {
  .block-inner .block-holder .block-img:nth-child(3) {
    display: none;
  }
}

@media (max-width: 635px) {
  .block-inner .block-holder .block-img:nth-child(2) {
    display: none;
  }
}

.footer {
  background: var(--footer-bg);
  border-top: var(--footer-border);
}

.footer .footer-inner {
  padding: 52px 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 767px) {
  .footer .footer-inner {
    padding: 36px 0 28px;
  }
}

/* Logo */
.footer .logo {
  margin-bottom: 32px;
}

.footer .logo a {
  display: block;
}

.footer .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px 6px;
  max-width: 720px;
  width: 100%;
  margin-bottom: 24px;
}

.footer .footer-nav a { display: block; font-size: 12px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.05em; transition: color 0.2s; padding: 5px 10px; border-radius: 4px }

.footer .footer-nav a.active {
  color: #f50e14;
  cursor: default;
}

@media (min-width: 1024px) {
  .footer .footer-nav a:hover {
    color: #f50e14;
  }
}

.footer .footer-partners {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2px 4px;
  margin-bottom: 36px;
  padding: 14px 24px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.02);
  max-width: 480px;
  width: 100%;
}

.footer .footer-partners-label { font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; width: 100%; text-align: center; margin-bottom: 6px }

.footer .footer-partners a { font-size: 12px; transition: color 0.2s; padding: 4px 10px; border-radius: 4px; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.3); text-underline-offset: 2px }

.footer .footer-partners a:hover {
  color: #fff;
  text-decoration-color: #fff;
}

.footer .footer-bottom {
  width: 100%;
  max-width: 860px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

@media (max-width: 767px) {
  .footer .footer-bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 20px;
    gap: 16px;
  }
}

.footer .copi { font-size: 12px; line-height: 1.6; margin: 0 }

.footer .copi a {
  color: #fff;
  transition: opacity 0.2s;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  text-underline-offset: 2px;
}

.footer .copi a:hover {
  opacity: 0.85;
  text-decoration-color: #fff;
}

.footer .footer-badges {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.footer .footer-badge-link {
  display: inline-flex;
  align-items: center;
  opacity: 0.45;
  border-radius: 4px;
  overflow: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.footer .footer-badge-link:hover {
  opacity: 1;
  transform: translateY(-2px);
}

.footer .footer-badge-link img {
  display: block;
  height: 28px;
  width: auto;
}

@media (max-width: 767px) {
  .footer .footer-badge-link img {
    height: 24px;
  }
}

.grid-temp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 0px minmax(0, 1fr) 0px minmax(0, 1fr) 0px minmax(0, 1fr) 0px minmax(0, 1fr) 0px minmax(0, 1fr);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-row-gap: 5px;
  grid-column-gap: 0px;
  padding: 0;
  margin: 0;
  width: 100%;
}

@media screen and (max-width: 1440px) {
  .grid-temp {
    -ms-grid-columns: (minmax(0, 1fr))[5];
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media screen and (max-width: 1160px) {
  .grid-temp {
    -ms-grid-columns: (minmax(0, 1fr))[4];
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media screen and (max-width: 940px) {
  .grid-temp {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media screen and (max-width: 800px) {
  .grid-temp {
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.grid-temp .spot {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / span 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 2;
  grid-column: 5 / span 2;
  -ms-grid-row-align: center;
  align-self: center;
  height: 100%;
  padding-left: 5px;
}

@media screen and (max-width: 1440px) {
  .grid-temp .spot {
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-column: 4 / span 2;
  }
}

@media screen and (max-width: 1160px) {
  .grid-temp .spot {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3 / span 2;
  }
}

@media screen and (max-width: 940px) {
  .grid-temp .spot {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2 / span 2;
  }

  .grid-temp .spot {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .grid-temp .spot {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
  }
}

@media (max-width: 410px) {
  .grid-temp li {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / span 2;
  }
}

.grid-temp .thumb {
  width: 100%;
}

.thumb-box {
  background-color: var(--thumb-box-bg);
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 60px 0;
}

@media (max-width: 400px) {
  .thumb-box {
    padding: 30px 0;
  }
}

.thumb-box .title {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;

  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #747474;
  margin-bottom: 34px;
}

.link-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
  transform: scale(1.3);
}

.link-offer a {
  display: block;
}

.link-offer a img {
  width: 100%;
}

.video-inner .title-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 14px;
}

@media (max-width: 1024px) {
  .video-inner .title-holder {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.video-inner .title-holder .title { font-size: 24px; line-height: 24px; color: var(--heading-title-color); margin-right: 10px; text-transform: uppercase; padding-left: 12px }

@media (max-width: 1024px) {
  .video-inner .title-holder .title {
    line-height: 24px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 20px;
  }
}

.video-inner .title-holder .count-item {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.02em;
  color: #fff9f9;
  background-color: #2e2e2e;
  border-radius: 4px;
  padding: 0.1rem 0.2rem;
  margin-right: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.video-inner .title-holder .count-item:last-child {
  margin-right: 0;
}

.video-inner .title-holder .count-item i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 5px;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block a,
.info-message .btn {
  margin-right: 5px;
}

.info-message .btn {
  border: none;
  cursor: pointer;
  height: 36px;
}

.block .sub-btn {
  margin-right: 10px;
}

.top-options {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top-options .block {
  margin: 0 5px 5px -5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.top-options .block a {
  margin: 5px;
}

.top-options .tags-row {
  padding: 0;
}

.sub-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  border-radius: 10px;
  overflow: hidden;
  height: 36px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;

}

@media (min-width: 1024px) {
  .sub-btn:hover {
    -webkit-box-shadow: var(--btn-box-shadow);
    box-shadow: var(--btn-box-shadow);
  }

  .sub-btn:hover .count {
    background: #f50e14;
    color: #000000;
  }
}

.sub-btn .text {
  background-color: var(--video-sub-btn);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;

  color: var(--video-sub-btn-color);
  padding: 0 10px;
}

.sub-btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 5px;
}

.sub-btn .count {
  background: var(--video-sub-btn-count);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;

  color: var(--subscribe-color2);
  padding: 0 10px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #070707; background: var(--btn-bg);
  border-radius: 10px; padding: 10px 15px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-transition: color 0.3s, background 0.3s, -webkit-box-shadow 0.3s; transition: color 0.3s, background 0.3s, -webkit-box-shadow 0.3s; -o-transition: color 0.3s, background 0.3s, box-shadow 0.3s; transition: color 0.3s, background 0.3s, box-shadow 0.3s; transition: color 0.3s, background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s }

.btn.orange {
  background-color: #f50e14;
}

.btn-holder .btn.orange svg {
  fill: #000000;
}

.btn-subscribe .btn .icon-heart {
  font-size: 20px;
}

.btn-subscribe .btn.done {
  pointer-events: none;
}

@media (min-width: 1024px) {
  .btn:hover {
    color: #000000;
    background: #f50e14;
    -webkit-box-shadow: var(--btn-box-shadow);
    box-shadow: var(--btn-box-shadow);
  }

  .btn:hover.gold svg {
    fill: #000000;
  }

  .btn.orange:hover {
    background-color: #070707;
  }

  .btn-holder .btn.orange:hover svg {
    fill: #b8b8b8;
  }
}

.btn.gold {
  color: var(--btn-gold);
  padding: 5px;
}

@media (min-width: 1024px) {
  .btn.gold:hover {
    color: #000000;
  }
}

.btn.gold i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 5px;
}

.btn-subscribe .btn.gold i {
  margin: 0;
}

.btn.gold svg {
  fill: var(--btn-gold);
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}

.btn.active { background: #f50e14 }

.video-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1024px) {
  .video-cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.col-video {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.col-asside {
  width: 360px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1024px) {
  .col-asside {
    width: 100%;
    display: none;
  }
}

.video {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}

.video img {
  width: 100%;
}

.player-wrap {
  position: relative;
}

#kt_player {
  position: absolute !important;
}

.no-player {
  position: relative;
  color: var(--white-color);
}

.no-player img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: brightness(46%);
  filter: brightness(46%);
}

.no-player span {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3D(-50%, -50%, 0);
  -ms-transform: translate3D(-50%, -50%, 0);
  transform: translate3D(-50%, -50%, 0);
  text-align: center;
  width: 100%;
  font-size: 18px;
}

.no-player span a {
  color: #f50e14;
}

.no-player form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0;
}

.no-player input {
  cursor: pointer;
  outline: none;
  border: none;
  background-color: rgba(7, 7, 7, 0.5);
  font-size: 16px;
}

@media screen and (min-width: 1025px) {
  .no-player span a:hover {
    text-decoration: underline;
  }
}

.hidden {
  display: none;
}

.video-controls {
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: var(--video-controls-border);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .video-controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.video-controls .btn-holder.hidden {
  display: none;
}

.video-controls .btn-holder {
  margin-right: 5px;
}

.video-controls .btn-holder:last-child {
  margin-right: 0;
}

.video-controls .col {
  padding: 5px 0;
}

.video-controls .col.grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media (max-width: 767px) {
  .video-controls .col.grow {
    margin-bottom: 10px;
  }
}

.video-controls .col.second i {
  margin-right: 5px;
}

.video-controls .col.second a[href="#tab5"] i {
  margin-right: 0;
}

.video-controls .btn.delete {
  background-color: #f50e14;
}

.btn-holder .btn.delete svg {
  fill: #000;
}

@media (min-width: 1024px) {
  .video-controls .btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000000;
  }

  .video-controls .btn.delete:hover {
    background-color: #070707;
    color: #000;
  }

  .btn-holder .btn.delete:hover svg {
    fill: #b8b8b8;
  }
}

@media (max-width: 890px) {
  .video-controls .btn {
    font-size: 0;
  }

  .video-controls .btn i {
    margin-right: 0 !important;
  }
}

@media (max-width: 425px) {
  .video-controls .btn {
    padding: 8px 10px;
  }
}

.video-controls .btn.active { background: #f50e14 }

.rate-holder {
  margin-right: 10px;
  padding-right: 10px;
  position: relative;
}

.rate-holder .btn { font-size: 14px; line-height: 20px;
  color: var(--btn-tabs-color) }

.rate-holder .btn.disabled {
  pointer-events: none;
}

.rate-holder .voters { position: absolute; bottom: calc(100% + 3px); width: 100%; text-align: center; max-width: calc(100% - 10px); border-radius: 3px }

@media (min-width: 1024px) {
  .rate-holder .btn:hover {
    color: #000000;
  }

  .rate-holder .btn:hover svg {
    fill: #000000;
  }
}

.rate-holder .btn svg { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s }

.rate-holder .btn i {
  margin-right: 5px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 890px) {
  .rate-holder .btn i {
    margin-right: 3px !important;
  }
}

.rate-holder .btn.like {
  margin-right: 5px;
}

@media (min-width: 1024px) {
  .btn-holder .btn:hover svg {
    fill: #000000;
  }
}

.btn-holder .btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-holder .btn svg { -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s }

.btn-holder .btn.drop-btn .arrow {
  margin-left: 10px;
}

.block-tabs {
  margin-bottom: 50px;
}

.block-tabs .description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--desc-color);
}

.sort-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  border-bottom: var(--profile-sort-border);
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sort-holder span,
.sort-holder a { display: block; font-size: 20px; line-height: 18px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; margin-right: 40px; position: relative; padding-bottom: 14px; cursor: pointer; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }

@media (max-width: 900px) {

  .sort-holder span,
  .sort-holder a {
    font-size: 15px;
  }
}

.sort-holder span::before,
.sort-holder a::before {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 0;
  height: 1px;
  background: #f50e14;
}

.sort-holder span:last-child,
.sort-holder a:last-child {
  margin-right: 0;
}

@media (min-width: 1024px) {

  .sort-holder span:hover,
  .sort-holder a:hover {
    color: #f50e14;
  }

  .sort-holder span:hover::before,
  .sort-holder a:hover::before {
    width: 100%;
  }
}

.sort-holder span { cursor: default }

.sort-holder span::before {
  width: 100%;
}

.ralated-holder .thumb {
  width: 33.33%;
}

@media (max-width: 530px) {
  .ralated-holder .thumb {
    width: 50%;
  }
}

@media (max-width: 374px) {
  .ralated-holder .thumb {
    width: 100%;
  }
}

.col-asside {
  margin-left: 20px;
}

.asside-link {
  border-radius: 4px;
  padding: 15px 30px 30px 30px;
  margin-bottom: 30px;
  display:none;
}

.asside-link .title {
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;

  letter-spacing: 0.3em;
  text-transform: uppercase;
  color: #74747400;
  margin-bottom: 14px;
  text-align: center;
}

.asside-link .asside-thumb {
  display: block;
  margin-bottom: 20px;
}

@media (max-width: 1240px) {
  .asside-link .asside-thumb img {
    width: 100%;
  }
}

.asside-link .asside-thumb:last-child {
  margin-bottom: 0;
}

.asside-thumb .title-asside { font-size: 20px; line-height: 18px;
  color: #ffffff; margin-bottom: 10px }

.asside-thumb .thumbs {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 -5px 30px -5px;
}

.asside-thumb .thumb {
  width: 100%;
}

.asside-thumb .thumb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.asside-thumb .thumb .img-holder {
  width: 100%;
  max-width: 200px;
  padding-bottom: 0;
  aspect-ratio: 16 / 9;
  margin-bottom: 0;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.asside-thumb .thumb .img-holder img.video1 {
  top: 5px;
  right: 5px;
  width: 80px;
}

.asside-thumb .thumb .img-holder img.video2 {
  top: 15px;
  right: 15px;
  width: 80px;
}

.asside-thumb .thumb .img-holder img.video3 {
  top: 25px;
  right: 25px;
  width: 80px;
}

.asside-thumb .thumb .title {
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.asside-thumb .thumb .thumb-bottom {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.asside-thumb .thumb .thumb-bottom .thumb-item {
  margin-bottom: 8px;
}

.asside-thumb .thumb .thumb-bottom .thumb-item:last-child {
  margin-bottom: 0;
  width: 100%;
}

.asside-thumb .thumb .thumb-bottom-videos {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 4px;
  overflow: hidden;
}
.asside-thumb .thumb .thumb-bottom-videos .thumb-item {
  margin-bottom: 0;
  white-space: nowrap;
}
.asside-thumb .thumb .thumb-bottom-videos .thumb-item:first-child {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.asside-thumb .thumb .thumb-bottom-videos .thumb-item:last-child {
  width: auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.asside-thumb .btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.community_thumbs .thumb {
  width: 16.66%;
}

@media (max-width: 1023px) {
  .community_thumbs .thumb {
    width: 20%;
  }
}

@media (max-width: 840px) {
  .community_thumbs .thumb {
    width: 25%;
  }
}

@media (max-width: 665px) {
  .community_thumbs .thumb {
    width: 33.33%;
  }
}

@media (max-width: 520px) {
  .community_thumbs .thumb {
    width: 50%;
  }
}

.community_thumbs .thumb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (min-width: 1024px) {
  .community_thumbs .thumb a:hover .img-holder {
    border-color: #f50e14;
  }
}

.community_thumbs .thumb .title {
  font-size: 16px;
}

.community_thumbs .thumb .img-holder {
  padding-bottom: 0;
  width: 166px;
  height: 166px;
  background: var(--img-placeholder-bg);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  white-space: nowrap;
  border: var(--community-item-border);
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

@media (max-width: 520px) {
  .community_thumbs .thumb .img-holder {
    width: 140px;
    height: 140px;
  }
}

.community_thumbs .thumb .img-holder .no-thumb {
  width: 74px;
  height: 82px;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.comments-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.comments-thumb .thumb-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  margin-right: 30px;
}

.comments-thumb .avatar {
  margin-right: 8px;
}

.comments-thumb .avatar a {
  width: 40px;
  height: 40px;
  background: var(--thumb-box-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
}

.comments-thumb .avatar img {
  width: 100%;
  height: auto;
  display: block;
}

.comments-thumb .avatar a .no-thumb {
  width: 20px;
  height: 20px;
}

.comments-thumb .comment-content .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.comments-thumb .comment-content .row:last-child {
  margin-bottom: 0;
}

.comments-thumb .comment-content .title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--comment-name-color);
  margin-right: 10px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

@media (min-width: 1024px) {
  .comments-thumb .comment-content .title:hover {
    color: #f50e14;
  }
}

.comments-thumb .comment-content .date {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.02em;
  color: var(--comment-date-color);
  display: flex;
  align-items: center;
}

.comments-thumb .comment-content .date svg {
  margin-right: 5px;
}

.comments-thumb .comment-content .text {
  background: var(--comment-item-bg);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--comment-item-color);
  padding: 16px 20px;
  border-radius: 0 10px 10px 10px;
}

.comments-thumb .comment-content a {
  color: var(--comment-item-color);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (min-width: 1025px) {
  .comments-thumb .comment-content a:hover {
    color: rgba(255, 133, 0, 1);
  }
}

.profile {
  background-color: var(--profile-bg);
  padding: 30px 0;
  margin-bottom: 16px;
}

.profile .section-row {
  margin-bottom: 0;
}

.info-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 550px) {
  .info-holder {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.info-holder .avatar {
  margin-right: 30px;
  height: 180px;
  width: 180px;
  position: relative;
  background-color: var(--img-placeholder-bg);
  overflow: hidden;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.info-holder .avatar .no-thumb {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  white-space: nowrap;
  pointer-events: none;
}

@media (max-width: 550px) {
  .info-holder .avatar {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.info-holder .info {
  width: 100%;
}

.info-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

@media (max-width: 900px) {
  .info-heading {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.info-heading .title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-weight: 600;
  font-size: 24px;
  line-height: 18px;
  color: var(--profile-color);
}

@media (max-width: 900px) {
  .info-heading .title {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media (max-width: 900px) {
  .info-heading .block {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.info-heading .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--profile-heading-btn-bg);

  border-radius: 10px;
}

@media (max-width: 900px) {
  .info-heading .btn {
    margin: 5px;
  }
}

@media (max-width: 390px) {
  .info-heading .btn {
    width: 100%;
    margin: 0 0 5px 0;
  }
}

.info-heading .btn i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
}

.info-heading .btn svg {
  fill: #b8b8b8;
}

@media (min-width: 1024px) {
  .info-heading .btn:hover {
    background: #f50e14;
    color: #000000;
  }

  .info-heading .btn:hover svg {
    fill: #000000;
  }
}

@media (max-width: 900px) {
  .info-heading .sub-btn {
    margin: 5px;
  }
}

@media (max-width: 390px) {
  .info-heading .sub-btn {
    width: 100%;
    max-width: 100%;
    margin: 0 0 5px 0;
  }
}

.info-heading .sub-btn .text {
  color: var(--profile-heading-btn-color);
}

@media (max-width: 390px) {
  .info-heading .sub-btn .text {
    width: 100%;
    max-width: 100%;
  }
}

.info-heading .sub-btn .count {
  background: var(--profile-heading-btn-bg);
}

@media (min-width: 1024px) {
  .info-heading .sub-btn:hover .count {
    background: #f50e14;
  }
}

.section-tabs a.link-tab {
  font-weight: 700;
  font-size: 14px;
  color: var(--profile-tab-color);
}

.section-tabs a.link-tab em {
  color: #b8b8b8;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.section-tabs a.link-tab.active em {
  color: #f50e14;
}

@media (min-width: 1024px) {
  .section-tabs a.link-tab:hover {
    color: #f50e14;
  }

  .section-tabs a.link-tab:hover em {
    color: #f50e14;
  }
}

.info-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 800px;
  width: 100%;
}

@media (max-width: 900px) {
  .info-profile {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.info-profile a {
  color: #f50e14;
}

.info-profile .column {
  padding: 0 4px;
}

.info-profile .item {
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  color: var(--profile-color);
}

.info-profile .item em {
  color: var(--profile-color2);
}

.profile .text-profile .title {
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
  color: var(--profile-color);
  margin-bottom: 15px;
}

.profile .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--profile-color2);
}

.section-tabs.sort-holder a {
  font-size: 14px;
}

.section-tabs.sort-holder a.active {
  color: #f50e14;
  cursor: default;
}

.section-tabs.sort-holder a.active::before {
  width: 100%;
}

.playlist-thumbs .thumb {
  position: relative;
  width: 25%;
}

@media (max-width: 980px) {
  .playlist-thumbs .thumb {
    width: 33.33%;
  }
}

@media (max-width: 660px) {
  .playlist-thumbs .thumb {
    width: 50%;
  }
}

@media (max-width: 374px) {
  .playlist-thumbs .thumb {
    width: 100%;
  }
}

.playlist-thumbs .thumb .count-holder {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 980px) {
  .playlist-thumbs .thumb .count-holder {
    max-width: 60px;
  }
}

.playlist-thumbs .thumb .count-holder .item-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.playlist-thumbs .thumb .count-holder svg {
  margin-bottom: 7px;
}

.playlist-thumbs .thumb .count-holder .text {
  font-size: 16px;
  line-height: 19px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: -0.02em;
  color: #ffffff;
}

.content-cat {
  display: none;
}

.content-sites {
  display: none;
}

.content-models {
  display: none;
}

.sort-tabs.sort-cat .open_cat {
  color: #f50e14;
}

.sort-tabs.sort-cat .open_cat svg {
  fill: #f50e14;
}

.sort-tabs.sort-cat .open_cat .arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.relative-wrap:has(.sort-tabs.sort-cat) .content-cat {
  display: block;
}

.sort-tabs.sort-sites .open_sites {
  color: #f50e14;
}

.sort-tabs.sort-sites .open_sites svg {
  fill: #f50e14;
}

.sort-tabs.sort-sites .open_sites .arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.relative-wrap:has(.sort-tabs.sort-sites) .content-sites {
  display: block;
}

.sort-tabs.sort-models .open_models {
  color: #f50e14;
}

.sort-tabs.sort-models .open_models svg {
  fill: #f50e14;
}

.sort-tabs.sort-models .open_models .arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.relative-wrap:has(.sort-tabs.sort-models) .content-models {
  display: block;
}

.search-filter {
  display: none;
}

.sort-search.sort-filter .open-box {
  color: #f50e14;
}

.sort-search.sort-filter .open-box svg {
  fill: #f50e14;
}

.sort-search.sort-filter .open-box .arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.sort-search.sort-filter .search-filter {
  display: block;
}

.alphabet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -2px 20px -2px;
}

@media (max-width: 1024px) {
  .alphabet {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.alphabet a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #070707;
  border-radius: 4px;
  color: #b8b8b8;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  min-height: 40px;
  min-width: 40px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  margin: 2px;
}

.alphabet a.active {
  background: #f50e14;
  color: #000000;
  cursor: default;
}

@media (min-width: 1024px) {
  .alphabet a:hover {
    background: #f50e14;
    color: #000000;
  }
}

.tags-list {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}

.tags-list li.letter {
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
  margin: 0;
  padding: 20px 0 15px 10px;
  color: var(--heading-title-color);
}

.tags-list li {
  width: 19%;
  font-size: 14px;
  display: inline-block;
  line-height: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 1024px) {
  .tags-list li {
    width: 24%;
  }
}

@media (max-width: 800px) {
  .tags-list li {
    width: 49%;
  }
}

@media (max-width: 800px) {
  .tags-list li {
    width: 100%;
  }
}

.tags-list li a {
  color: var(--member-menu-color);
  display: inline-block;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: 10px;
  width: 100%;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.tags-list li a em {
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  color: var(--thumb-text-color);
  float: right;
}

@media (min-width: 1024px) {
  .tags-list li a:hover {
    color: #ff8502;
  }
}

.holder-box {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media (max-width: 875px) {
  .holder-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.holder-box .asside {
  max-width: 275px;
  width: 100%;
  margin-right: 20px;
}

@media (max-width: 875px) {
  .holder-box .asside {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.holder-box .asside .img-holder {
  position: relative;
  padding-bottom: 130%;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 8px;
  background-color: #070707;
}

.holder-box .asside .img-holder.horizontal {
  padding-bottom: 56%;
}

.holder-box .asside .img-holder img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.holder-box .asside .img-holder .no-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.holder-box .asside .title {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 10px;
}

.holder-box .asside .img-holder {
  margin-bottom: 10px;
}

.holder-box .asside .info-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.holder-box .asside .grade-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.holder-box .asside .grade-box span {
  -ms-flex-line-pack: center;
  align-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.02em;
  color: #b8b8b8;
  margin-right: 10px;
}

.holder-box .asside .grade-box em {
  font-size: 22px;
}

.holder-box .asside .asside-desc span {
  color: #626262;
}

.holder-box .asside .button {
  border-radius: 20px;
  background: #f50e14;
  color: #fff;
  font-size: 14px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  font-family: roboto, sans-serif;
  text-transform: uppercase;
  padding: 12px 20px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media (min-width: 1024px) {
  .holder-box .asside .button:hover {
    background: #070707;
  }
}

.content-section {
  width: 100%;
}

.box-content {
  width: 100%;
  margin-bottom: 44px;
}

.box-content .heading {
  margin-bottom: 10px;
}

.box-content .thumb {
  width: 25%;
  padding: 0 5px 5px 5px;
  margin-bottom: 5px;
}

@media (max-width: 1220px) {
  .box-content .thumb {
    width: 33.33%;
  }
}

@media (max-width: 991px) {
  .box-content .thumb {
    width: 50%;
  }
}

@media (max-width: 875px) {
  .box-content .thumb {
    width: 33.33%;
  }
}

@media (max-width: 700px) {
  .box-content .thumb {
    width: 50%;
  }
}

@media (max-width: 460px) {
  .box-content .thumb {
    width: 100%;
  }
}

.button-subscribe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 172px;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;

  background-color: var(--subscribe-bg);
  color: var(--subscribe-color);
  font-size: 14px;
  text-transform: uppercase;
}

.button-subscribe span {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 1px;
  text-align: center;
  color: #fff;
  background-color: #626262;
  -webkit-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  padding: 14px 10px;
}

.button-subscribe em {
  padding: 0 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

@media (min-width: 1024px) {
  .button-subscribe:hover span {
    background: #f50e14;
  }
}

.album-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -4px 10px -4px;
  position: relative;
  color: var(--white-color);
}

.album-inner .album-img {
  width: 20%;
  padding: 4px;
}

.album-inner:has(.message)::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.76);
  z-index: 1;
}

.album-inner .message {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  font-size: 18px;
  -webkit-transform: translate3D(-50%, -50%, 0);
  -ms-transform: translate3D(-50%, -50%, 0);
  transform: translate3D(-50%, -50%, 0);
  z-index: 2;
}

.album-inner .message a {
  color: #f50e14;
}

@media (min-width: 1025px) {
  .album-inner .message a:hover {
    text-decoration: underline;
  }
}

@media (max-width: 890px) {
  .album-inner .album-img {
    width: 25%;
  }
}

@media (max-width: 645px) {
  .album-inner .album-img {
    width: 33.33%;
  }
}

@media (max-width: 520px) {
  .album-inner .album-img {
    width: 50%;
  }
}

.album-inner .album-img img {
  width: 100%;
}

.ralated-holder .thumbs.albums-thumbs .thumb {
  width: 25%;
}

@media (max-width: 880px) {
  .ralated-holder .thumbs.albums-thumbs .thumb {
    width: 33.33%;
  }
}

@media (max-width: 660px) {
  .ralated-holder .thumbs.albums-thumbs .thumb {
    width: 50%;
  }
}

@media (max-width: 380px) {
  .ralated-holder .thumbs.albums-thumbs .thumb {
    width: 100%;
  }
}

.asside-thumb .thumbs.albums-thumbs {
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  -ms-flex-direction: unset;
  flex-direction: unset;
}

.asside-thumb .thumbs.albums-thumbs .thumb {
  width: 50%;
}

.asside-thumb .thumbs.albums-thumbs .thumb a {
  display: block;
}

.asside-thumb .thumbs.albums-thumbs .thumb .img-holder {
  max-width: 100%;
  padding-bottom: 130%;
  margin-bottom: 10px;
}

.thumbs.playlist-list .thumb {
  width: 25%;
}

@media (max-width: 767px) {
  .thumbs.playlist-list .thumb {
    width: 33.33%;
  }
}

@media (max-width: 475px) {
  .thumbs.playlist-list .thumb {
    width: 50%;
  }
}

.upload-wrapper {
  padding: 20px 0 0 0;
}

.upload-wrapper .heading {
  margin-bottom: 30px;
}

.upload-wrapper .row {
  margin-bottom: 15px;
}

.upload-wrapper .row:last-child {
  margin-bottom: 0;
}

.upload-wrapper .field-error {
  margin-top: 3px;
  color: red;
  font-size: 12px;
}

.upload-wrapper .file-control .field-error {
  margin-top: 7px;
}

.upload-wrapper input {
  width: 100%;
  padding: 10px 20px;
  border: var(--input-border);
  background-color: var(--input-upload-bg);
  border-radius: 4px;
  color: var(--input-upload-color);
  display: block;
}

.upload-wrapper textarea {
  width: 100%;
  padding: 10px 20px;
  border: var(--input-border);
  background-color: var(--input-upload-bg);
  border-radius: 4px;
  color: var(--input-upload-color);
  display: block;
  resize: none;
  font-family: "Roboto", sans-serif;
  height: 110px;
}

.upload-wrapper .section-title {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
}

.upload-wrapper .bottom {
  margin-top: 10px;
}

.upload-wrapper .bottom input {
  max-width: 150px;
  width: 100%;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background: #3e3e3e;
  color: #ffffff;
  font-size: 16px;
  display: block;
  border-radius: 4px;
  border: none;
  padding: 10px 20px;
}

@media (min-width: 1024px) {
  .upload-wrapper .bottom input:hover {
    color: #000000;
    background: #f50e14;
    -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
    box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  }
}

.upload-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px;
}

@media (max-width: 700px) {
  .upload-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.upload-inner .col {
  width: 50%;
  margin-right: 20px;
}

@media (max-width: 700px) {
  .upload-inner .col {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.upload-inner .col:last-child {
  margin-right: 0;
}

.list-thumb {
  width: 100%;
  margin-bottom: 20px;
}

.list-thumb a {
  display: block;
}

@media (min-width: 1024px) {
  .list-thumb a:hover .title {

    color: #f50e14;
  }
}

.list-thumb .title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--thumb-text-color);
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.list-thumb .post-description {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--thumb-text-color);
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.posts-row .list-thumbs .title {
  font-size: 16px;
}

.list-thumb .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: flex;
  align-items: center;
  letter-spacing: -0.02em;
  color: var(--thumb-info-color);
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.list-thumb .date i {
  margin-right: 5px;
}

.modal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
}

.modal-inner {
  max-width: 400px;
  min-width: 400px;
  width: 100%;
  background: var(--modal-bg);
  padding: 20px;
  border-radius: 20px;
  position: relative;
}

.fancybox-wrap:not(.fancybox-type-image) .fancybox-close {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 420px) {
  .modal-inner {
    min-width: 300px;
  }
}

.modal-inner.edit-modal {
  max-width: 800px;
  min-width: 800px;
  overflow-x: hidden;
}

@media (max-width: 1024px) {
  .modal-inner.edit-modal {
    max-height: 450px;
    overflow-y: auto;
  }
}

.modal-inner.edit-modal {
  scrollbar-width: thin;
  scrollbar-color: rgba(229, 57, 53, 0.45) transparent;
}
.modal-inner.edit-modal::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.modal-inner.edit-modal::-webkit-scrollbar-track {
  background: transparent;
}
.modal-inner.edit-modal::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 3px;
  transition: background 0.2s ease;
}
.modal-inner.edit-modal::-webkit-scrollbar-thumb:hover {
  background: rgba(229, 57, 53, 0.55);
}
.modal-inner.edit-modal::-webkit-scrollbar-corner {
  background: transparent;
}

@media (min-width: 1025px) {
  .modal-inner.edit-modal {
    scrollbar-width: none;
  }
  .modal-inner.edit-modal::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.fancybox-lock .fancybox-overlay {
  scrollbar-width: thin;
  scrollbar-color: rgba(229, 57, 53, 0.45) transparent;
}
.fancybox-lock .fancybox-overlay::-webkit-scrollbar {
  width: 6px;
}
.fancybox-lock .fancybox-overlay::-webkit-scrollbar-track {
  background: transparent;
}
.fancybox-lock .fancybox-overlay::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 3px;
  transition: background 0.2s ease;
}
.fancybox-lock .fancybox-overlay::-webkit-scrollbar-thumb:hover {
  background: rgba(229, 57, 53, 0.55);
}

@media (min-width: 1025px) {
  .fancybox-lock .fancybox-overlay {
    scrollbar-width: none;
  }
  .fancybox-lock .fancybox-overlay::-webkit-scrollbar {
    width: 0;
  }
}

@media screen and (max-width: 850px) {
  .modal-inner.edit-modal {
    min-width: 560px;
  }
}

.modal-inner .cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

@media (max-width: 600px) {
  .modal-inner.edit-modal {
    min-width: unset;
  }

  .modal-inner .cols {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal-inner .cols .col {
  width: 50%;
  margin-right: 20px;
}

@media (max-width: 600px) {
  .modal-inner .cols .col {
    width: 100%;
    margin-right: 0;
  }
}

.modal-inner .cols .col:last-child {
  margin-right: 0;
}

.modal-inner .close-btn {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 20px;
  top: 20px;
}

@media (min-width: 1024px) {
  .modal-inner .close-btn:hover svg {
    fill: #f50e14;
  }
}

.modal-inner .close-btn svg { width: 20px; height: 20px; -webkit-transition: fill 0.3s; -o-transition: fill 0.3s; transition: fill 0.3s }

.modal-inner .modal-title {
  font-size: 20px;
  color: #ffffff;
  margin-bottom: 20px;
  padding-right: 30px;
}

.modal-inner form {
  width: 100%;
}

.modal-inner .row,
.message-form .row {
  margin-bottom: 15px;
  position: relative;
}

.modal-inner .row .field-error.down,
.modal-inner .row .field-error.up,
.message-form .row .field-error.down { position: absolute; top: 100%; left: 0; font-size: 12px }

.modal-inner .row .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-inner fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.modal-inner fieldset:last-child {
  margin-right: 0;
}

.modal-inner select {
  width: 100%;
  border-radius: 4px;
  padding: 10px 20px;
  background: var(--input-bg);
  border: 1px solid #3d3d3d;
  color: var(--input-color);
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-image: url(../images/arrow.svg);
  background-repeat: no-repeat, repeat;
  background-position: right 10px top 50%;
  background-size: auto;
}

.modal-inner fieldset select {
  width: 33.33%;
}

.modal-inner label,
.message-form label {
  display: block;
  margin-bottom: 10px;
}

.message-form .textarea,
.filter input,
.modal-inner .textfield,
.modal-inner .file,
.modal-inner .textarea { font-family: "Roboto", sans-serif; display: block; width: 100%; height: 40px; border-radius: 4px; border: none; padding: 10px 20px; background: var(--input-bg); border: var(--input-border) }

.message-form .textarea,
.modal-inner .textarea {
  resize: none;
  height: auto;
}

.modal-inner .links {
  margin-bottom: 20px;
  text-align: center;
}

.modal-inner .links .link-item {
  margin-bottom: 10px;
}

.modal-inner .links .link-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-inner .links .link-row a {
  margin-bottom: 5px;
}

.modal-inner .links .link-row a:last-child {
  margin-bottom: 0;
}

.modal-inner .links a {
  display: block;
  font-size: 14px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  color: #ffffff;
}

@media (min-width: 1024px) {
  .modal-inner .links a:hover {
    color: #f50e14;
  }
}

.modal-inner .bottom {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-inner .bottom.captcha {
  display: block;
}

.modal-inner .bottom [type="submit"] { display: block; width: 100%; border-radius: 4px; border: none; padding: 10px 20px; max-width: 190px; height: 40px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; font-size: 16px; margin: 0 auto; cursor: pointer; background: #f50e14; -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5) }

.modal-inner .bottom [type="submit"]:hover {
  background: #000000;
  color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.open-modal {
  overflow: hidden;
}

.form-upload {
  position: relative;
}

form .progressbar {
  width: 80%;
  margin: 0 auto 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.form-upload.uploading * {
  opacity: 0;
  visibility: hidden;
  display: none;
}

form .progressbar .progress {
  width: 0;
  height: 6px;
  background-color: #f50e14;
  border-radius: 4px;
}

.form-upload.uploading .progressbar,
.form-upload.uploading .progressbar * {
  opacity: 1;
  visibility: visible;
  display: block;
}

.form-upload.uploading .progressbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

form .progressbar .text {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
  color: #f50e14;
}

.upload-holder .title {
  font-size: 22px;
  font-weight: 700;
  color: var(--heading-title-color);
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .upload-holder .title {
    font-size: 18px;
  }
}

.upload-holder label {
  margin-bottom: 10px;
  display: block;
  color: var(--upload-title-color);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  display: block;
  margin-bottom: 10px;
}

.upload-holder .block-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 18px;
}

.upload-holder .radio-box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.upload-holder .radio-box input[type="radio"],
.radio-box input[type="radio"] {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.upload-holder .radio-box input[type="radio"]+label,
.radio-box input[type="radio"]+label {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  line-height: 20px;
}

.upload-holder .radio-box input[type="radio"]+label::before,
.radio-box input[type="radio"]+label::before {
  content: "";
  display: inline-block;
  width: 20px;
  aspect-ratio: 1;
  border: 1px solid #f50e14;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.upload-holder .radio-box input[type="radio"]+label::after,
.radio-box input[type="radio"]+label::after {
  content: "";
  display: inline-block;
  width: 10px;
  aspect-ratio: 1;
  border: 1px solid #f50e14;
  background: #f50e14;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.upload-holder .radio-box input[type="radio"]:checked+label::after,
.radio-box input[type="radio"]:checked+label::after {
  opacity: 1;
}

.file-control+.file-control {
  margin-top: 15px;
}

.col .preview {
  border-radius: 4px;
  overflow: hidden;
  max-width: 415px;
  width: 100%;
  position: relative;
}

.col .preview img {
  width: 100%;
}

.col .preview em {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background: rgba(0, 0, 0, 0.8);
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  border-radius: 4px;
  padding: 0px 6px;
}

.col .preview em.right {
  left: unset;
  right: 5px;
}

.upload-inner .file-control.file-box .file {
  display: none;
}

.upload-inner .descr p {
  margin-bottom: 10px;
}

.upload-inner .descr p:last-child {
  margin-bottom: 0;
}

.file-control {
  position: relative;
}

.file-control .file {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
}

.file-control .button {
  position: absolute;
  padding: 6px 11px;
  background-color: var(--btn-bg);
  color: var(--btn-color);
  border-radius: 8px;
  top: 4px;
  left: 10px;
  cursor: pointer;
}

.file-control .textfield {
  padding-left: 33px;
}

.modal-holder .avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.modal-holder .img-holder {
  margin-right: 15px;
  width: 160px;
  height: 160px;
  background: var(--img-placeholder-bg2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .modal-holder .img-holder {
    width: 130px;
    height: 130px;
  }

  .modal-holder .img-holder svg {
    width: 50px;
  }
}

@media (max-width: 767px) {
  .modal-holder .img-holder {
    width: 110px;
    height: 110px;
  }
}

.modal-holder .dell-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-holder input[type="checkbox"]+label,
input[type="checkbox"]+label {
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal-holder input[type="checkbox"],
input[type="checkbox"] {
  display: none;
}

.modal-holder input[type="checkbox"]+label:before,
input[type="checkbox"]+label:before {
  content: "✔";
  border: 1px solid #000;
  background: var(--checkbox-bg);
  border-radius: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-left: 7px;
  padding-bottom: 0px;
  padding-top: 3px;
  margin-right: 13px;
  vertical-align: bottom;
  color: transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

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

  .modal-holder input[type="checkbox"]+label:before,
  input[type="checkbox"]+label:before {
    padding-left: 3px;
  }
}

.thumbs input[type="checkbox"]+label:before {
  margin: 0;
}

.modal-holder input[type="checkbox"]+label:active:before,
input[type="checkbox"]+label:active:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.modal-holder input[type="checkbox"]:checked+label:before,
input[type="checkbox"]:checked+label:before {
  border-color: #f50e14;
  background: #f50e14;
  -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  color: #fff;
}

.modal-holder input[type="checkbox"]:disabled+label:before,
input[type="checkbox"]:disabled+label:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-color: #aaa;
}

.modal-holder input[type="checkbox"]:checked:disabled+label:before,
input[type="checkbox"]:checked:disabled+label:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.thumb .item-control {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}

.thumb_rel .item-control {
  top: 15px;
  right: 15px;
}

.playlist-thumbs .thumb .item-control {
  left: 10px;
  right: unset;
}

.item-control input {
  position: relative;
  background: var(--checkbox-bg);
  border-radius: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-left: 7px;
  padding-bottom: 0px;
  padding-top: 3px;
  vertical-align: bottom;
  color: transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
  border: 1px solid #f50e14;
}

.item-control input:checked {
  border-color: #f50e14;
  background: #f50e14;
  -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
  color: #fff;
}

.item-control input:before {
  content: "✔";
  position: absolute;
}

.col-photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.col-photo .title {
  width: 100%;
}

.col-photo .preview {
  width: 33.33%;
  padding: 4px;
}

.col-photo .preview a {
  padding-top: 133.2%;
  position: relative;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 10px;
}

.col-photo .preview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1100px) {
  .col-photo .preview {
    width: 50%;
  }
}

.col-photo .preview input[type="checkbox"]+label {
  margin: 0.2em;
  cursor: pointer;
  padding: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col-photo .preview input[type="checkbox"] {

  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 10px;
  margin-bottom: 5px;
  border-color: transparent;
}

.col-photo .preview .toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.col-photo .preview .toggle-button.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.col-photo .preview input[type="checkbox"]+label:before {
  content: "✔";
  border: 1px solid #000;
  background: #000000;
  border-radius: 4px;
  display: inline-block;
  width: 25px;
  height: 25px;
  padding-left: 7px;
  padding-bottom: 0px;
  padding-top: 3px;
  margin-right: 13px;
  vertical-align: bottom;
  color: transparent;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.col-photo .preview input[type="checkbox"]+label:active:before {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.col-photo .preview input[type="checkbox"]:checked+label:before {
  border-color: #f50e14;
  background: #f50e14;
  color: #fff;
}

.col-photo .preview input[type="checkbox"]:disabled+label:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  border-color: #aaa;
}

.col-photo .preview input[type="checkbox"]:checked:disabled+label:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.copi a {
  color: var(--footer-color);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.mebers-switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (min-width: 1025px) {

  .mebers-switcher:hover,
  .copi a:hover {
    color: #f50e14;
  }
}

.mebers-photo {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 10px;
  background-color: var(--img-placeholder-bg);
}

.mebers-photo img {
  width: 100%;
  height: auto;
  display: block;
}

.mebers-photo .no-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.mebers-photo i {
  width: 18px;
  height: 18px;
}

.mebers-name {
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.member-links {
  position: absolute;
  right: 0;
  z-index: 11;
  background: var(--member-menu-bg);
  top: calc(100% + 8px);
  border-radius: 4px;
  overflow: hidden;
}

.members-open .member-links {
  display: block !important;
}

.member-links a {
  padding: 0;
  white-space: nowrap;
  text-align: left;
  border-radius: 0;
}

@media screen and (min-width: 1025px) {
  .member-links a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

@media screen and (max-width: 1024px) {
  .mebers-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .mebers-block a { -webkit-box-shadow: none; text-align: center; font-size: 14px; line-height: 20px; position: relative; padding: 15px 20px; white-space: nowrap; margin: 0 }
}

.btn-holder {
  position: relative;
}

.btn-holder .drop-btn {
  border: none;
  cursor: pointer;
}

.btn-holder .drop-btn .arrow {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.btn-holder.fav-open .drop-btn {
  background: #f50e14;
}

.btn-holder.fav-open .drop-btn svg {
  fill: #000000;
}

.btn-holder.fav-open .drop-btn .arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-holder.fav-open .fav-drop {
  opacity: 1;
  visibility: visible;
}

.fav-drop {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  z-index: 2;
  background: var(--sort-bg);
  border-radius: 4px;
  padding: 10px 15px;
  width: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.fav-drop a { display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s }

.fav-drop li {
  margin-bottom: 5px;
}

.fav-drop li:last-child {
  margin-bottom: 0px;
}

.fav-drop li>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fav-drop li .delete {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 3px;
}

@media (min-width: 1024px) {
  .fav-drop a:hover {
    color: #f50e14;
  }
}

.fav-drop a:last-child {
  margin-bottom: 0;
}

.screen-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -5px;
}

.screen-box .screen-img {
  display: block;
  width: calc(20% - 5px);
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  margin-right: 5px;
  margin-bottom: 10px;
  padding-bottom: 117px;
}

@media (max-width: 900px) {
  .screen-box .screen-img {
    width: calc(33.33% - 5px);
  }
}

@media (max-width: 650px) {
  .screen-box .screen-img {
    width: calc(50% - 5px);
  }
}

@media (max-width: 374px) {
  .screen-box .screen-img {
    width: calc(100% - 5px);
  }
}

.screen-box .screen-img:last-child {
  margin-right: 0;
}

.screen-box .screen-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  background-color: transparent;
  border: 2px solid #f50e14;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -o-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

@media (min-width: 1024px) {
  .screen-box .screen-img:hover::before {
    opacity: 1;
    visibility: visible;
  }
}

.screen-box .screen-img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.block-share {
  width: 100%;
}

.block-share .row {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 15px;
}

.block-share label { display: block; margin: 0 0 7px; line-height: 1.2; font-size: 15px }

.block-share input { padding: 12px 20px; width: 100%; height: 40px; border-radius: 4px; font-size: 15px; border: var(--input-border) }

.block-share .block-size {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-share .block-size .embed-button {
  padding: 12px 21px;
  display: inline-block;
  margin: 2px 4px 2px 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #8b8f96;
  -webkit-box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
  box-shadow: 0 8px 10px rgba(29, 4, 11, 0.25);
  border-radius: 4px;
  background-color: var(--embed-button-bg);
  -webkit-transition: color 0.3s, border-color 0.3s, background 0.3s, -webkit-box-shadow 0.3s;
  transition: color 0.3s, border-color 0.3s, background 0.3s, -webkit-box-shadow 0.3s;
  -o-transition: color 0.3s, box-shadow 0.3s, border-color 0.3s, background 0.3s;
  transition: color 0.3s, box-shadow 0.3s, border-color 0.3s, background 0.3s;
  transition: color 0.3s, box-shadow 0.3s, border-color 0.3s, background 0.3s, -webkit-box-shadow 0.3s;
}

@media (min-width: 1024px) {
  .block-share .block-size .embed-button:hover {
    color: #000000;
    background: #f50e14;
  }
}

.block-share .block-size .custom-size {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 0 0 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 3px 0;
}

.block-share .block-size .custom-size label {
  margin: 0 10px 0 0;
  width: auto;
  white-space: nowrap;
}

.block-share .block-size .custom-size input {
  width: 60px;
  margin: 0 10px 0 0;
  text-align: center;
  padding: 12px 5px;
}

.comment-holder .row {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 15px;
  line-height: 0;
}

.comment-holder .field-error { font-size: 13px; line-height: 1; position: absolute; top: 100% }

.comment-holder label { display: block; margin: 0 0 7px; line-height: 1.2; font-size: 15px }

.comment-holder input { padding: 12px 20px; width: 100%; height: 40px; border-radius: 4px; font-size: 15px; border: var(--input-border) }

.comment-holder textarea { padding: 12px 20px; width: 100%; height: 40px; border-radius: 4px; font-size: 15px; font-family: "Roboto", sans-serif; border: var(--input-border); resize: none; min-height: 125px }

.comment-holder .bottom input {
  max-width: 125px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

@media (min-width: 1024px) {
  .comment-holder .bottom input:hover {
    color: #000000;
    background: #f50e14;
  }
}

.block-flagging {
  position: relative;
  width: 100%;
}

.generic-error { width: 100%; text-align: center; padding: 6px; border: 2px solid red; margin-bottom: 10px; font-size: 14px }

.success { width: 100%; text-align: center; border: 2px solid #47b119; padding: 6px 2px; margin-bottom: 10px }

.modal-inner .success {
  margin: 30px 0 0;
}

.block-flagging .button-group .radio+label,
.block-flagging .button-group .radio+span,
.block-flagging .button-group .checkbox+label,
.block-flagging .button-group .checkbox+span {
  position: relative;
  padding-left: 29px !important;
  cursor: pointer;
}

.block-flagging .button-group .checkbox+label {
  font-size: 12px;
  line-height: 20px;
}

.block-flagging .button-group .radio+span {
  line-height: 1.2;
}

.block-flagging .button-group .radio+span::before,
.block-flagging .button-group .radio+label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid #8b8f96;
  background-color: var(--radio-bg);
  -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, border 0.3s, color 0.3s;
  transition: background-color 0.3s, border 0.3s, color 0.3s;
}

.block-flagging .button-group .radio+span::after,
.block-flagging .button-group .radio+label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 2px solid transparent;
  background-color: transparent;
  -webkit-transition: background-color 0.3s, border 0.3s, color 0.3s;
  -o-transition: background-color 0.3s, border 0.3s, color 0.3s;
  transition: background-color 0.3s, border 0.3s, color 0.3s;
}

.block-flagging .button-group .radio:checked+span::before,
.block-flagging .button-group .radio:checked+label::before {
  background-color: #f50e14;
  border: 5px solid #0f1014;
}

.block-flagging .button-group .radio:checked+span::after,
.block-flagging .button-group .radio:checked+label::after {
  border-color: #f50e14;
}

.block-flagging .button-group .submit { padding: 12px 20px; width: 100%; height: 40px; border-radius: 4px; font-size: 15px; border: none; max-width: 125px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer }

@media (min-width: 1024px) {
  .block-flagging .button-group .submit:hover {
    color: #000000;
    background: #f50e14;
  }
}

.block-flagging .block-textarea {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

.block-flagging .block-textarea textarea { padding: 12px 20px; width: 100%; height: 40px; border-radius: 4px; font-size: 15px; font-family: "Roboto", sans-serif; border: var(--input-border); resize: none; min-height: 125px }

.block-flagging form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 550px) {
  .block-flagging form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.block-flagging form .field-label { font-size: 15px; line-height: 17px; margin: 0 0 17px; display: block }

.block-flagging .button-group {
  margin: 0;
}

.block-flagging .block-radios {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 220px;
  flex: 0 0 220px;
  padding-right: 1rem;
}

@media screen and (max-width: 550px) {
  .block-flagging .block-radios {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.block-flagging .block-radios .row label { display: -webkit-box; display: -ms-flexbox; display: flex }

.block-flagging .block-radios .row input {
  display: none;
}

.block-flagging .block-textarea {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
}

@media screen and (max-width: 550px) {
  .block-flagging .block-textarea {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin: 0 0 15px;
  }
}

.block-flagging .button-group .row {
  margin: 0 0 10px;
  padding: 6px 0 0;
}

.block-flagging .submit {
  margin: 20px 0 0;
  font-size: 14px;
  padding: 12px 28px;
}

.list-comments .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 15px;
}

.list-comments .item:last-child {
  margin-bottom: 0;
}

.list-comments .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #070707;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 10px;
}

.list-comments .image a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.list-comments .image .icon-user {
  font-size: 30px;
}

.list-comments .image .no-thumb {
  color: #ffffff;
}

.list-comments .image img {
  width: 100%;
}

.list-comments .comment-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  color: #8b8f96;
  font-size: 13px;
  font-weight: 400;
}

@media screen and (max-width: 640px) {
  .list-comments .comment-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 0 0 5px;
  }
}

@media screen and (max-width: 440px) {
  .list-comments .comment-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

.list-comments .comment-info .username {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #b8b8b8;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-right: 15px;
}

@media (min-width: 1024px) {
  .list-comments .comment-info .username:hover {
    color: #f50e14;
  }
}

.list-comments .comment-text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  font-size: 14px;
  padding: 10px 0 0 0;
  color: var(--color-inverse);
}

.list-comments .comment-options {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-comments .comment-options span {
  border-radius: 4px;
  background-color: transparent;
  font-size: 13px;
  font-weight: 400;
  line-height: 14.4px;
  letter-spacing: 0.33px;
  padding: 8px 15px;
  margin: 0 3px 0 0;
  border-radius: 4px;
  background-color: var(--comment-like-bg);
  color: var(--comment-like-color);
  letter-spacing: 0.33px;
}

.list-comments .comment-options span.positive {
  background-color: #47b119;
  color: #ffffff;
}

.list-comments .comment-options span.negative {
  background-color: #ea1818;
  color: #ffffff;
}

.list-comments .comment-options .comment-like svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.list-comments .comment-options .comment-like,
.list-comments .comment-options .comment-dislike,
.list-comments .comment-options .comment-edit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 42px;
  height: 30px;
  border-radius: 4px;
  margin: 0 3px 0 0;
  -webkit-transition: background-color 0.3s, color 0.3s, border-color 0.3s,
    -webkit-box-shadow 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s,
    -webkit-box-shadow 0.3s;
  -o-transition: background-color 0.3s, color 0.3s, border-color 0.3s,
    box-shadow 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s,
    box-shadow 0.3s;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s,
    box-shadow 0.3s, -webkit-box-shadow 0.3s;
  border-radius: 4px;
  background-color: var(--comment-like-bg);
  color: var(--comment-like-color);
}

.list-comments .comment-options .comment-edit {
  margin-right: 0;
}

.list-comments .comment-options .comment-like .arrow,
.list-comments .comment-options .comment-dislike .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.list-comments .comment-options .comment-like svg,
.list-comments .comment-options .comment-dislike svg {
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
  fill: var(--comment-like-color);
}

@media (min-width: 1024px) {

  .list-comments .comment-options .comment-like:hover,
  .list-comments .comment-options .comment-dislike:hover,
  .list-comments .comment-options .comment-edit:hover {
    color: #000000;
    background: #f50e14;
  }

  .list-comments .comment-options .comment-like:hover svg,
  .list-comments .comment-options .comment-dislike:hover svg {
    fill: #000000;
  }
}

.list-comments .text {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-comments .date-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list-comments .date-holder i {
  margin-right: 5px;
}

.captcha-control .image {
  margin-bottom: 20px;
  position: relative;
}

.captcha-control img {
  margin-bottom: 10px;
}

.comment-holder .bottom .textfield {
  max-width: 320px;
  cursor: text;
}

.comment-holder .bottom .textfield:hover {
  color: #8b8f96;
  max-width: 320px;
  background: #2e2f35;
}

.list-selector-popup .button-group {
  min-height: 31px;
  max-height: 140px;
  overflow: auto;
}

.page-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 100px 10px 130px;
  font-size: 32px;
}

@media screen and (max-width: 767px) {
  .page-error {
    font-size: 24px;
    padding: 30px 10px 70px;
  }
}

.relative-wrap {
  position: relative;
}

.img-plug {
  background-color: #070707;
}

.toggle-button.edit-link {
  width: 25px;
  height: 25px;
  border-radius: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--checkbox-bg);
  -webkit-transition: background 0.3s, color 0.3s;
  -o-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s;
  border: 1px solid #f50e14;
  margin-top: 3px;
  color: #f50e14;
}

.toggle-button.edit-link.disabled {
  pointer-events: none;
  opacity: 0.5;
}

@media screen and (min-width: 1025px) {
  .toggle-button.edit-link:hover {
    background-color: #f50e14;
    -webkit-box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
    box-shadow: 0px 4px 14px rgba(255, 133, 0, 0.5);
    color: #000;
  }
}

.static-page {
  font-size: 16px;
  line-height: 1.4;
}

.static-page h2 {
  margin-bottom: 5px;
}

.static-page p {
  margin-bottom: 15px;
}

.static-page ol,
.static-page ul {
  padding-left: 40px;
  margin-bottom: 15px;
  list-style: disc;
}

.static-page ol {
  list-style: decimal;
}

.static-page li {
  margin-bottom: 7px;
}

@media (max-width: 767px) {
  .static-page {
    font-size: 14px;
    line-height: 1.3;
  }

  .static-page h2 {
    font-size: 14px;
  }

  .static-page p,
  .static-page ol,
  .static-page ul {
    margin-bottom: 10px;
  }

  .static-page ol,
  .static-page ul {
    padding-left: 25px;
  }
}

.mt20 {
  margin-top: 20px;
}

.unread-notification {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  padding: 0 5px;
  border: 1px solid #f50e14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(22, 22, 22, 0.8);
  color: #fff;
  text-transform: capitalize;
  text-align: center;
}

.load-more .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 150px;
  margin: 0 auto;
}

.list-messages .load-more {
  margin-bottom: 15px;
}

.list-messages .load-more .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 150px;
  margin: 0 auto;
}

.list-messages {
  width: 100%;
}

.list-messages .item {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 50%;
}

@media screen and (max-width: 767px) {
  .list-messages .item {
    max-width: 75%;
  }
}

.list-messages .item.me {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-left: auto;
}

.list-messages .item>a {
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 10px;
  background-color: var(--thumb-box-bg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.list-messages .item>a i {
  height: 18px;
  width: 18px;
}

.list-messages .item.me>a {
  margin: 0 0 0 10px;
}

.list-messages .item.me .added,
.list-messages .item.me .message-text {
  text-align: right;
}

.list-messages a img {
  width: 100%;
  height: auto;
  display: block;
}

.list-messages .message-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.list-messages .added {
  color: #b8b8b8;
  font-size: 11px;
  margin-bottom: 3px;
}

.list-messages .message-text .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-top: 3px;
}

.list-messages .message-text .btn {
  cursor: pointer;
  padding: 3px 7px;
  border: 1px solid #ff8502;
  border-radius: 6px;
}

.message-form .btn {
  border: none;
  cursor: pointer;
}

.add_friend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.add_friend .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

.add_friend .btn,
.list-subscriptions .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--subscription-btn-bg);
  border-radius: 4px;
  margin: 0;
  cursor: pointer;
}

@media screen and (min-width: 1025px) {

  .add_friend .btn:hover,
  .list-subscriptions .btn:hover {
    background: #f50e14;
    color: #000000;
  }
}

.list-subscriptions .btn {
  padding: 5px 10px;
  border-radius: 4px;
}

.list-subscriptions form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
}

.list-subscriptions .item {
  width: calc(20% - 8px);
  background-color: var(--thumb-placeholder-bg);
  overflow: hidden;
  border-radius: 4px;
  padding: 0 10px;
}

@media screen and (max-width: 1024px) {
  .list-subscriptions .item {
    width: calc(33.33% - 7px);
  }
}

@media screen and (max-width: 600px) {
  .list-subscriptions .item {
    width: calc(50% - 5px);
  }
}

@media screen and (max-width: 410px) {
  .list-subscriptions .item {
    width: 100%;
  }
}

.list-subscriptions .item a {
  padding: 15px 0;
  border-bottom: var(--header-border);
  display: block;
  font-size: 16px;
  color: var(--color-inverse);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

@media screen and (min-width: 1025px) {
  .list-subscriptions .item a:hover {
    color: #ff8502;
  }
}

.list-subscriptions .item .img-holder {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  background-color: var(--img-placeholder-bg3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.list-subscriptions .item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.list-subscriptions .item .svg-icon {
  color: #ff8502;
  font-size: 17px;
}

.list-subscriptions .item i {
  height: 16px;
}

.list-subscriptions .item-control {
  padding: 10px 0;
}

.list-subscriptions .item-control-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fancybox-lock {
  overflow: hidden !important;
}

.smileys-bar {
  margin: -10px 0 10px;
}

.autocomplete-suggestions { border-radius: 0 0 10px 10px; overflow-y: auto }

.autocomplete-group {
  padding: 7px 20px;
  color: #f50e14;
  background-color: var(--suggestion-group-bg);
  margin: 3px 0;
  font-size: 15px;
  font-weight: bold;
}

.autocomplete-group:first-child {
  margin-top: 0;
}

.autocomplete-suggestion {
  padding: 5px 20px;
  cursor: pointer;
}

@media screen and (min-width: 1025px) {
  .autocomplete-suggestion:hover {
    color: #f50e14;
  }
}

.pt20 {
  padding-top: 20px;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.edit-modal .img-holder img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.empty-content {
  padding: 0 6px;
}

.toggleTheme {
  margin-right: 20px;
  height: 20px;
  font-size: 20px;
}

.toggleTheme.mobile {
  margin-right: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 22px;
  display: none;
}

@media screen and (max-width: 1024px) {
  .toggleTheme.mobile {
    display: block;
  }
}

.icon-theme {
  height: 20px;
  cursor: pointer;
  color: var(--theme-color);
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}

.icon-moon {
  display: none;
}

.light .icon-sun {
  display: none;
}

.light .icon-moon {
  display: inline-block;
}

@media (hover: hover) {
  .icon-theme:hover {
    color: var(--theme-hover-color);
  }
}

.upload-photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.upload-photos .item {
  position: relative;
  width: calc(33.33% - 4px);
}

.upload-photos .img-holder {
  position: relative;
  padding-bottom: 56%;
  display: block;
  width: 100%;
  border-radius: 7px;
  overflow: hidden;
  margin-bottom: 3px;
}

.upload-photos img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.upload-photos .toggle-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.upload-photos .item-control input {
  padding-left: 0;
}

.upload-photos .item-control input:before {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bottom-adv {
  border-bottom: var(--footer-border);
}

.player-related-videos {
  translate: 0 50%;
}

.player-related-videos-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow-x: auto;
  gap: 0 10px;
  padding: 0 10px 10px;
  --sb-track-color: #000000;
  --sb-thumb-color: #f50e14;
  --sb-size: 3px;

  scrollbar-color: #f50e14 #000000;
  ;
}

.player-related-videos-container::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}

.player-related-videos-container::-webkit-scrollbar-track {
  background: #000000;
  border-radius: 2px;
  margin: 0 30px;
}

.player-related-videos-container::-webkit-scrollbar-thumb {
  background: #f50e14;
  border-radius: 2px;
}

.player-related-videos-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: rgba(7, 7, 7, 0.5);
  gap: 10px;
  padding: 5px;
  border-radius: 15px;
  color: #f50e14;
  opacity: background-color .5s;
  -webkit-box-shadow: 0 0 3px #000;
  box-shadow: 0 0 3px #000;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 33.33%;
}

.player-related-videos-item .thumb {
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  padding: 0 !important;
  border-radius: 4px;
  aspect-ratio: 379/213;
  width: 100% !important;
  height: auto !important;
}

.player-related-videos-item .title {
  display: inline-block;
  max-width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

@media screen and (max-width: 600px) {
  .player-related-videos {
    translate: 0 15%;
  }

  .player-related-videos-item {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .player-related-videos {
    translate: 0 3%;
  }

  .player-related-videos-item {
    width: 70%;
  }
}

@media screen and (any-hover: hover) {
  .player-related-videos-item:hover {
    background-color: rgba(7, 7, 7, .9);
  }
}

.block-tabs #tab1 {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

/* custom styles */
.sort-control a {
  border-radius: 10px;
}

.header-nav .header-inner .tp-nav-link {
  display: flex;
  align-items: center;
  gap: 5px;
}

.header-nav .header-inner .tp-nav-link svg {
  width: 20px;
  height: 20px;
}

.header-nav .header-inner .tp-nav-link svg {
  transition: all 0.2s ease;
}

.header-nav .header-inner .tp-nav-link svg path {
  transition: all 0.2s ease;
}

.header-nav .header-inner .tp-nav-link:hover svg path {

  stroke: #000000;
}

.header-nav .header-inner .tp-nav-link.active svg path {

  stroke: #000000;
}

html.light .header-nav .header-inner .tp-nav-link svg path {
  stroke: var(--nav-link-color);
}

html.light .header-nav .header-inner .tp-nav-link:hover svg path {
  stroke: #000000;
}

.video-inner .user-box {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .video-inner .user-box {
    justify-content: center;
    margin-bottom: 0;
  }
}
.user-box .sub-btn .icon-user {
  color: #ffffff;
}
.video-inner .user-box .box-inner {
  display: flex;
  align-items: center;
}
.video-inner .user-box .box-inner .avatar {
  border-radius: 50px;
  overflow: hidden;
  margin-right: 15px;
}
.video-inner .user-box .sub-btn {
  border-radius: 0;
  margin-right: 10px;
  height: 48px;
}
.video-inner .user-box .sub-btn .count {
  background: transparent;
  padding: 0;
}
.video-inner .user-box .sub-btn:hover {
  box-shadow: none;
}
.video-inner .user-box .sub-btn:hover .count {
  color: #ffffff;
}
.video-inner .user-box .btn span.done-item {
  display: none;
}
.video-inner .user-box .btn.done span {
  display: none;
}
.video-inner .user-box .btn.done span.done-item {
  display: inline-block;
}
.video-inner .user-box .btn.orange:hover {
  background-color: #f50e14;
}
.video-inner .user-box .avatar-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  flex-shrink: 0;
}
.video-inner .user-box .avatar-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0!important;
  margin-right: 0!important;
}
.video-inner .user-box .avatar-box i {
  margin-right: 0;
}
.light .video-inner .user-box .avatar-box {
  background: var(--btn-tabs-color);
}
.light .video-inner .user-box .sub-btn .info-conunt em {
  color: #000000;
}
.light .video-inner .user-box .sub-btn:hover .count {
  color: #f50e14;
}

.box-wrap .info-heading .btn.hidden-item {
  display: none;
}
.box-wrap .user-title {
  font-size: 30px;
  line-height: 35px;
  margin-bottom: 10px;
}
.box-wrap .info-heading {
  justify-content: space-between;
  align-items: end;
}
.box-wrap .row-info {
  display: flex;
  align-items: center;
}
.box-wrap .row-info .row-item {
  flex: 1;
  text-align: center;
}
.box-wrap .row-info .row-item .text {
  white-space: nowrap;
}
.box-wrap .row-info .count {
  font-size: 25px;
  text-align: right;
}
.box-wrap .row-info .row-item {
  margin-right: 10px;
  font-weight: bold;
}
.box-wrap .row-info .row-item:last-child {
  margin-right: 0;
}
.box-wrap .row-info.mobile-info {
  display: none;
}
@media (max-width: 767px) {
  .box-wrap .row-info.mobile-info {
    display: flex;
    margin-top: 20px;
  }
  .box-wrap .row-info {
    display: none;
  }
  .box-wrap .row-info .row-item .text {
    text-align: center;
  }
  .box-wrap .row-info .count {
    text-align: center;
    font-size: 18px;
  }
}

.gender-filter-wrap {
  position: relative;
  color: var(--member-menu-color);
  margin-right: 20px;
  font-weight: 500;
}

.gender-filter-drop {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-radius: 0 0 10px 10px;
  display: none;
  background: #000;
  z-index: 2;
}

html.light .gender-filter-drop {
  background: var(--sort-bg);
}

.gender-filter-drop a { display: flex; width: 100%; padding: 10px; align-items: center; gap: 5px; transition: color .3s ease; justify-content: center }

.gender-filter-drop a svg {
  transition: color .3s ease;
}

.gender-filter-btn {
  cursor: pointer;
  padding: 5px 20px;
  display: flex;
  gap: 5px;
  transition: color .3s ease;
  align-items: center;
}

.gender-filter-btn svg {
  transition: color .3s ease, transform .3s ease;
}

.gender-filter-wrap.gender-open .gender-filter-drop {
  display: block;
}

.gender-filter-wrap.gender-open .gender-filter-btn {
  background: #000;
  color: #f50e14;
  border-radius: 10px 10px 0 0;
}

.gender-filter-wrap.gender-open .gender-filter-btn .icon-arrow-down {
  transform: rotate(180deg);
}

html.light .gender-filter-wrap.gender-open .gender-filter-btn {
  color: #f50e14;
  background: var(--sort-bg);
}

@media screen and (hover:hover) {
  .gender-filter-drop a:hover {
    color: #f50e14;
  }
  .gender-filter-drop a:hover svg {
    color: #f50e14;
  }
  .gender-filter-btn:hover {
    color: #f50e14;
  }
  .gender-filter-btn:hover svg {
    color: #f50e14;
  }
}
.verified-badge {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  width: 17px;
  height: 17px;
}

.info-conunt em {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
/* PROFILE PAGE REDESIGN - TubePussy Premium */

/* RESET PROFILE PAGE */
.profile-page .profile.box-wrap {
  background: transparent;
  margin-top: 0;
  padding: 0;
}

/* HERO BANNER SECTION */
.profile-hero {
  position: relative;
  width: 100%;
  height: 280px;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d1f1f 50%, #1a0a0a 100%);
  overflow: hidden;
  margin-bottom: 0;
}

.profile-hero::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(229, 57, 53, 0.15) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 50%, rgba(229, 57, 53, 0.1) 0%, transparent 50%);
}

.profile-hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 120px;
  background: linear-gradient(to top, #0d0d0d 0%, transparent 100%);
}

@media (max-width: 768px) {
  .profile-hero {
    height: 180px;
  }
}

/* PROFILE HEADER CARD */
.profile-header-card {
  position: relative;
  z-index: 10;
  margin-top: -100px;
  padding: 0 20px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.profile-header-inner {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

@media (max-width: 768px) {
  .profile-header-card {
    margin-top: -80px;
    padding: 0 15px;
  }

  .profile-header-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }
}

/* AVATAR REDESIGN */
.profile-avatar-container {
  position: relative;
  flex-shrink: 0;
}

.profile-avatar {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  border: 4px solid #0d0d0d;
  box-shadow:
    0 0 0 4px rgba(229, 57, 53, 0.5),
    0 8px 32px rgba(0, 0, 0, 0.5);
  object-fit: cover;
  background: #1a1a1a;
}

.profile-avatar.no-avatar {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1f1f1f 0%, #0d0d0d 100%);
  color: #e53935;
  font-size: 64px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  .profile-avatar {
    width: 120px;
    height: 120px;
  }

  .profile-avatar.no-avatar {
    font-size: 48px;
  }
}

/* USER INFO */
.profile-user-info {
  flex: 1;
  min-width: 0;
}

.profile-username {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}

.profile-username h1 {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin: 0;
  line-height: 1.2;
}

.profile-verified-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;

}

.profile-verified-badge svg {
  width: 20px;
  height: 20px;
}

.profile-verified-badge svg path {
  stroke: #e53935 !important;
  stroke-width: 2.5;
  fill: none;
}

.profile-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #888;
  font-size: 14px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.profile-meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.profile-meta-item svg {
  width: 16px;
  height: 16px;
  fill: #666;
}

@media (max-width: 768px) {
  .profile-username {
    justify-content: center;
  }

  .profile-username h1 {
    font-size: 22px;
  }

  .profile-meta {
    justify-content: center;
  }
}

/* ACTION BUTTONS */
.profile-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.profile-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
  text-decoration: none;
}

.profile-btn-primary {
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
  color: #fff;
  box-shadow: 0 4px 15px rgba(229, 57, 53, 0.4);
}

.profile-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(229, 57, 53, 0.5);
  color: #fff;
}

.profile-btn-secondary {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.profile-btn-secondary:hover {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

.profile-btn-vip {
  background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);
  color: #1a1a1a;
  box-shadow: 0 4px 15px rgba(255, 215, 0, 0.4);
}

.profile-btn-vip:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(255, 215, 0, 0.5);
  color: #1a1a1a;
}

.profile-btn-vip i {
  color: #1a1a1a;
}

.profile-btn svg {
  width: 18px;
  height: 18px;
}

.profile-btn-primary.done {
  background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
  box-shadow: 0 4px 15px rgba(67, 160, 71, 0.4);
  pointer-events: none;
}

@media (max-width: 768px) {
  .profile-actions {
    justify-content: center;
    width: 100%;
  }

  .profile-btn {
    padding: 10px 20px;
    font-size: 13px;
  }
}

/* PROFILE SOCIAL LINKS (verified only) */
.profile-social-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.profile-social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-decoration: none;
  font-size: 0;
  line-height: 0;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.profile-social-link:hover {
  transform: translateY(-2px);
  color: #fff;
  text-decoration: none;
}

.profile-social-link svg,
.profile-social-link img {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.profile-social-link img {
  filter: brightness(0) invert(1);
}

.profile-social-link.social-onlyfans {
  background: linear-gradient(135deg, #00aff0 0%, #0084c7 100%);
  border-color: rgba(0, 175, 240, 0.4);
}
.profile-social-link.social-onlyfans:hover { box-shadow: 0 6px 18px rgba(0, 175, 240, 0.4); }

.profile-social-link.social-privacy {
  background: linear-gradient(135deg, #ff5c5c 0%, #d93636 100%);
  border-color: rgba(217, 54, 54, 0.4);
}
.profile-social-link.social-privacy:hover { box-shadow: 0 6px 18px rgba(217, 54, 54, 0.4); }

.profile-social-link.social-instagram {
  background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  border-color: rgba(220, 39, 67, 0.4);
}
.profile-social-link.social-instagram:hover { box-shadow: 0 6px 18px rgba(220, 39, 67, 0.4); }

.profile-social-link.social-tiktok {
  background: linear-gradient(135deg, #25f4ee 0%, #000000 50%, #fe2c55 100%);
  border-color: rgba(254, 44, 85, 0.4);
}
.profile-social-link.social-tiktok:hover { box-shadow: 0 6px 18px rgba(254, 44, 85, 0.4); }

.profile-social-link.social-twitter {
  background: linear-gradient(135deg, #1a1a1a 0%, #000 100%);
  border-color: rgba(255, 255, 255, 0.25);
}
.profile-social-link.social-twitter:hover { box-shadow: 0 6px 18px rgba(255, 255, 255, 0.18); }

.profile-social-link.social-telegram {
  background: linear-gradient(135deg, #2aabee 0%, #229ed9 100%);
  border-color: rgba(34, 158, 217, 0.4);
}
.profile-social-link.social-telegram:hover { box-shadow: 0 6px 18px rgba(34, 158, 217, 0.4); }

.profile-social-link.social-custom {
  background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
  border-color: rgba(108, 117, 125, 0.4);
}
.profile-social-link.social-custom:hover { box-shadow: 0 6px 18px rgba(108, 117, 125, 0.4); }

@media (max-width: 768px) {
  .profile-social-links {
    justify-content: center;
    gap: 8px;
  }
  .profile-social-link {
    width: 36px;
    height: 36px;
  }
  .profile-social-link svg,
  .profile-social-link img {
    width: 18px;
    height: 18px;
  }
}

/* EDIT PROFILE — SOCIAL LINKS SECTION */
.social-links-section {
  margin-top: 18px;
  padding: 18px;
  border-radius: 12px;
  background: rgba(229, 57, 53, 0.06);
  border: 1px solid rgba(229, 57, 53, 0.18);
}

.social-links-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 600;
  color: #e53935;
}

.social-links-section .row {
  margin-bottom: 10px;
}

.social-custom-pair {
  display: flex;
  gap: 8px;
}

.social-custom-pair .social-custom-title-field {
  flex: 0 0 35%;
  min-width: 0;
}

.social-custom-pair .social-custom-url-field {
  flex: 1 1 65%;
  min-width: 0;
}

@media (max-width: 600px) {
  .social-custom-pair {
    flex-direction: column;
  }
  .social-custom-pair .social-custom-title-field,
  .social-custom-pair .social-custom-url-field {
    flex: 1 1 auto;
  }
}

.social-input-wrap {
  position: relative;
}

.social-input-wrap .social-input {
  padding-right: 38px;
}

.social-clear-btn {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
  opacity: 0.85;
}

.social-clear-btn:hover,
.social-clear-btn:focus {
  background: rgba(229, 57, 53, 0.85);
  border-color: rgba(229, 57, 53, 0.85);
  color: #fff;
  opacity: 1;
  outline: none;
}

.social-clear-btn:active {
  transform: translateY(-50%) scale(0.92);
}

.social-clear-btn svg {
  display: block;
  width: 12px;
  height: 12px;
}

/* STATS CARDS */
.profile-stats-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  padding: 24px 20px;
  max-width: 1440px;
  margin: 0 auto;
}

.profile-stat-card {
  background: linear-gradient(135deg, #1a1a1a 0%, #141414 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.profile-stat-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #e53935, #ff7043);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.profile-stat-card:hover {
  transform: translateY(-4px);
  border-color: rgba(229, 57, 53, 0.3);
}

.profile-stat-card:hover::before {
  opacity: 1;
}

.profile-stat-icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 12px;
  background: linear-gradient(135deg, rgba(229, 57, 53, 0.2) 0%, rgba(229, 57, 53, 0.05) 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.profile-stat-icon svg {
  width: 24px;
  height: 24px;
  fill: #e53935;
}

.profile-stat-value {
  font-size: 28px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 4px;
  background: linear-gradient(135deg, #fff 0%, #aaa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.profile-stat-label {
  font-size: 13px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

@media (max-width: 768px) {
  .profile-stats-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding: 16px 15px;
  }

  .profile-stat-card {
    padding: 14px 10px;
  }

  .profile-stat-icon {
    width: 36px;
    height: 36px;
    margin-bottom: 8px;
  }

  .profile-stat-icon svg {
    width: 18px;
    height: 18px;
  }

  .profile-stat-value {
    font-size: 18px;
  }

  .profile-stat-label {
    font-size: 10px;
  }
}

/* MODERN TABS */
.profile-tabs-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

.profile-tabs {
  display: flex;
  gap: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.profile-tabs::-webkit-scrollbar {
  display: none;
}

.profile-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 24px;
  color: #888;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  transition: all 0.3s ease;
  white-space: nowrap;
  position: relative;
}

.profile-tab svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
  opacity: 0.7;
}

.profile-tab:hover {
  color: #fff;
}

.profile-tab:hover svg {
  opacity: 1;
}

.profile-tab.active {
  color: #fff;
  border-bottom-color: #e53935;
}

.profile-tab.active svg {
  opacity: 1;
  fill: #e53935;
}

.profile-tab-count {
  background: rgba(229, 57, 53, 0.2);
  color: #e53935;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 10px;
}

.profile-tab.active .profile-tab-count {
  background: #e53935;
  color: #fff;
}

@media (max-width: 768px) {
  .profile-tabs-container {
    padding: 0 15px;
  }

  .profile-tab {
    padding: 14px 16px;
    font-size: 13px;
  }
}

/* ABOUT SECTION */
.profile-about {
  max-width: 1440px;
  margin: 24px auto;
  padding: 0 20px;
}

.profile-about-card {
  background: linear-gradient(135deg, #1a1a1a 0%, #141414 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 24px;
}

.profile-about-title {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.profile-about-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.profile-about-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.profile-about-item-label {
  color: #666;
  font-size: 13px;
}

.profile-about-item-value {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.profile-about-item-value a {
  color: #e53935;
  text-decoration: none;
  transition: color 0.3s ease;
}

.profile-about-item-value a:hover {
  color: #ff7043;
}

/* CONTENT SECTION */
.profile-content {
  max-width: 1440px;
  margin: 0 auto;
  padding: 24px 20px;
}

.profile-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.profile-section-title {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 12px;
}

.profile-section-title span {
  background: rgba(229, 57, 53, 0.2);
  color: #e53935;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 12px;
}

/* VIDEO GRID ENHANCED */
.profile .thumbs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}

.profile .thumb {
  background: linear-gradient(135deg, #1a1a1a 0%, #141414 100%);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.profile .thumb:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  border-color: rgba(229, 57, 53, 0.3);
}

.profile .thumb .img-holder {
  position: relative;
  overflow: hidden;
}

.profile .thumb:hover .img-holder img {
  transform: scale(1.05);
}

.profile .thumb .img-holder img {
  transition: transform 0.5s ease;
}

.profile .thumb .img-holder::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.profile .thumb:hover .img-holder::after {
  opacity: 1;
}

.profile .thumb .title {
  padding: 12px 14px 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}

.profile .thumb .thumb-bottom {
  padding: 0 14px 14px;
}

.profile .thumb .thumb-item {
  font-size: 12px;
  color: #888;
  gap: 4px;
}

.profile .thumb .thumb-item svg {
  fill: #666;
}

/* Premium badge */
.profile .thumb.premium .line-premium {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
}

.profile .thumb.premium .ico-premium {
  background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
  color: #000;
  font-size: 10px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  text-transform: uppercase;
}

/* Quality badge */
.profile .thumb .qualtiy {
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
}

/* Duration badge */
.profile .thumb .time {
  background: rgba(0, 0, 0, 0.85);
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .profile .thumbs {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .profile .thumb .title {
    font-size: 12px;
    padding: 10px 10px 6px;
  }

  .profile .thumb .thumb-bottom {
    padding: 0 10px 10px;
  }
}

/* PAGINATION REDESIGN */
.profile .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.profile .pagination a {
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  color: #888;
  font-size: 14px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}

.profile .pagination a:hover {
  background: rgba(229, 57, 53, 0.2);
  border-color: rgba(229, 57, 53, 0.4);
  color: #fff;
}

.profile .pagination a.active {
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%);
  border-color: transparent;
  color: #fff;
  box-shadow: 0 4px 15px rgba(229, 57, 53, 0.4);
}

.profile .pagination a.prev,
.profile .pagination a.next {
  padding: 0 16px;
}

/* PROFILE BOX STYLES */

.profile-page .profile.box-wrap .info-holder,
.profile-page .profile.box-wrap .mobile-info,
.profile-page .profile.box-wrap .section-row:first-child {
  display: none !important;
}

.profile-page .section-tabs.sort-holder {
  display: none !important;
}

.profile-page .profile-about {
  display: none !important;
}

.profile-page .profile.box-wrap {
  margin-bottom: 0 !important;
  padding: 0 !important;
}

.profile-page .profile.box-wrap>.container:first-child {
  display: none !important;
}

/* ANIMATIONS */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

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

.profile-header-card {
  animation: fadeInUp 0.6s ease;
}

.profile-stat-card {
  animation: fadeInUp 0.6s ease;
  animation-fill-mode: both;
}

.profile-stat-card:nth-child(1) {
  animation-delay: 0.1s;
}

.profile-stat-card:nth-child(2) {
  animation-delay: 0.2s;
}

.profile-stat-card:nth-child(3) {
  animation-delay: 0.3s;
}

/* SCROLLBAR */
.profile-tabs::-webkit-scrollbar {
  height: 4px;
}

.profile-tabs::-webkit-scrollbar-track {
  background: transparent;
}

.profile-tabs::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2px;
}
/* ESCONDER ELEMENTOS MOBILE NO DESKTOP */
.hero-user-section,
.hero-guest-section,
.hero-nav-section,
.hero-bottom-section {
  display: none;
}

.header-nav .container.desktop-only {
  display: block;
}

/* MOBILE */
@media (max-width: 1024px) {

  .header-nav {
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 260px;
    left: 0;
    top: 0;
    display: block;
    z-index: 9999;
    background: linear-gradient(180deg, #2a1010 0%, #1a0a0a 30%, #0d0d0d 100%);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding: 0 0 80px 0;
    box-shadow: 4px 0 30px rgba(0, 0, 0, 0.5);
  }

  body.nav-open .header-nav {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }

  .header-nav .container.desktop-only {
    display: none !important;
  }

  .hero-user-section,
  .hero-guest-section,
  .hero-nav-section,
  .hero-bottom-section {
    display: block;
  }
}

/* BOTÃO FECHAR MENU */

.hero-close-btn {
  display: none;
}

@media (max-width: 1024px) {
  .hero-close-btn { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); border: none; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; z-index: 10 }

  .hero-close-btn:hover {
    background: rgba(229, 57, 53, 0.2);
    color: #e53935;
  }

  .hero-close-btn svg {
    stroke: currentColor;
  }
}

/* SEÇÃO DO USUÁRIO */
@media (max-width: 1024px) {
  .hero-user-section {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 56px 14px 12px 14px;
  }

  .hero-user-card {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    padding: 8px;
    border-radius: 12px;
    transition: background 0.3s ease;
  }

  .hero-user-card:hover {
    background: rgba(255, 255, 255, 0.05);
  }

  .hero-user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 3px solid #e53935;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: rgba(229, 57, 53, 0.15);
    color: #e53935;
    flex-shrink: 0;
  }

  .hero-user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .hero-user-avatar svg {
    width: 24px;
    height: 24px;
  }

  .hero-user-name {
    flex: 1;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
  }

  .hero-user-arrow {
    color: #888;
    transition: transform 0.3s ease;
  }

  .hero-user-section.open .hero-user-arrow {
    transform: rotate(180deg);
    color: #e53935;
  }

  /* Dropdown */
  .hero-user-dropdown {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.3s ease;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    margin-top: 0;
  }

  .hero-user-section.open .hero-user-dropdown {
    max-height: 600px;
    margin-top: 12px;
    padding: 8px 0;
  }

  .hero-dropdown-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    color: #d0d0d0;
    text-decoration: none;
    font-size: 15px;
    transition: all 0.2s ease;
  }

  .hero-dropdown-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
  }

  .hero-dropdown-link svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .hero-dropdown-link.logout {
    color: #888;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 8px;
    padding-top: 16px;
  }
}

/* VISITANTE */
@media (max-width: 1024px) {
  .hero-guest-section {
    display: flex;
    gap: 8px;
    padding: 57px 14px 12px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  }

  .hero-guest-btn { flex: 1; padding: 10px 12px; border-radius: 8px; font-size: 13px; text-align: center; text-decoration: none; cursor: pointer; transition: all 0.3s ease }

  .hero-guest-btn.login { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15) }

  .hero-guest-btn.signup { background: linear-gradient(135deg, #e53935 0%, #c62828 100%); border: none }
}

/* NAVEGAÇÃO */
@media (max-width: 1024px) {
  .hero-nav-section {
    padding: 10px 12px;
    flex: 1 1 auto;
    min-height: 0;
  }

  .hero-nav-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; text-decoration: none; font-size: 13px; border-radius: 8px; margin-bottom: 2px; transition: all 0.2s ease }

  .hero-nav-item:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
  }

  .hero-nav-item.active { background: rgba(229, 115, 115, 0.2) }

  .hero-nav-item svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    fill: none;
    flex-shrink: 0;
  }

  .hero-nav-item span {
    flex: 1;
  }

  .hero-nav-item.sponsor {
    padding: 10px 18px;
  }
}

/* BOTÃO ASSINAR (SUTIL) */
@media (max-width: 1024px) {
  .hero-subscribe-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 10px 12px;
    padding: 10px 16px;
    background: rgba(229, 57, 53, 0.1);
    border: 1px solid rgba(229, 57, 53, 0.4);
    border-radius: 8px;
    color: #e57373;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .hero-subscribe-btn:hover {
    background: rgba(229, 57, 53, 0.2);
    border-color: #e53935;
    color: #ef9a9a;
  }

  .hero-subscribe-btn svg {
    fill: #e57373;
  }

  .hero-subscribe-btn:hover svg {
    fill: #ef9a9a;
  }
}

/* SEÇÃO INFERIOR */
@media (max-width: 1024px) {
  .hero-bottom-section {
    padding: 16px 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
  }

  .hero-lang-section {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 16px;
  }

  .hero-lang-btn { display: flex; align-items: center; gap: 6px; padding: 8px 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; font-size: 12px; text-decoration: none; transition: all 0.3s ease }

  .hero-lang-btn:hover,
  .hero-lang-btn.active {
    background: rgba(229, 57, 53, 0.15);
    border-color: #e53935;
    color: #fff;
  }

  .hero-lang-btn img {
    width: 18px;
    height: 12px;
    border-radius: 2px;
    object-fit: cover;
  }

  .hero-gender-section .gender-filter-wrap {
    width: 100%;
  }

  .hero-gender-section .gender-filter-btn {
    width: 100%;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    justify-content: center;
  }
}

/* BOTÃO UPLOAD */
@media (max-width: 1024px) {
  .hero-upload-btn { margin: 12px 12px 0 12px; padding: 12px 16px; background: linear-gradient(135deg, rgba(76, 175, 80, 0.15) 0%, rgba(56, 142, 60, 0.15) 100%); border: 1px solid rgba(76, 175, 80, 0.4); border-radius: 10px }

  .hero-upload-btn:hover {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.25) 0%, rgba(56, 142, 60, 0.25) 100%);
    border-color: #4caf50;
    color: #a5d6a7 !important;
  }

  .hero-upload-btn:hover svg {
    stroke: #a5d6a7;
  }
}

/* FIM DO CSS HERO */

/* Views Videos */
/* CORES DO TEMA */
:root {
  --cor-primaria: #e53935;
  --cor-secundaria: #c62828;
  --cor-fundo: #0a0a0a;
  --cor-card: #141414;
  --cor-card-hover: #1a1a1a;
  --cor-borda: #252525;
  --cor-texto: #f1f1f1;
  --cor-texto-sec: #aaaaaa;
  --cor-texto-muted: #666666;
  --cor-sucesso: #22c55e;
  --cor-erro: #ef4444;
}

/* TÍTULO DO VÍDEO */
.title-holder {
  background: var(--cor-card);
  border: 1px solid var(--cor-borda);
  border-radius: 10px;
  padding: 15px 20px;
  margin-bottom: 15px;
  text-align: center;
}
.title-holder .title { font-size: 20px; color: var(--cor-texto); margin: 0; line-height: 1.4 }

/* LINHA PRINCIPAL: AVATAR + BOTÕES */
.video-controls.flex {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0 0 16px 7px;
  border-bottom: none;
  width: 100%;
}

/* AVATAR DO USUÁRIO */
.video-controls .user-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
.video-controls .user-box .sub-btn {
  text-decoration: none;
}
.video-controls .user-box .box-inner {
  display: flex;
  align-items: center;
  gap: 1px;
}
.video-controls .user-box .avatar-box {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #222;
  border: 2px solid var(--cor-primaria);
  flex-shrink: 0;
}
.video-controls .user-box .avatar-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-controls .user-box .avatar-box i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.video-controls .user-box .avatar-box i svg {
  width: 20px;
  height: 20px;
  fill: var(--cor-texto-muted);
}
.video-controls .user-box .info-conunt {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.video-controls .user-box .info-conunt em { font-style: normal; font-size: 14px; display: flex; align-items: center; gap: 5px; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.video-controls .user-box .info-conunt .count { font-size: 12px }
.video-controls .user-box .info-conunt .count::before {
  display: none;
}
.video-controls .user-box .button-box {
  display: flex;
  align-items: center;
}
.video-controls .user-box .button-box .btn { background: var(--cor-primaria); border: none; border-radius: 18px; padding: 7px 16px; font-size: 12px; cursor: pointer; text-decoration: none; transition: background 0.2s, box-shadow 0.4s, transform 0.4s }
.video-controls .user-box .button-box .btn:hover {
  background: var(--cor-secundaria);
  box-shadow: 0 4px 10px rgba(0,0,0,0.34);
  transform: translateY(-1px);
}
.video-controls .user-box .button-box .btn .done-item {
  display: none;
}
.video-controls .user-box .verified-badge {
  width: 13px;
  height: 13px;
}

/* ÁREA DE BOTÕES */
.video-controls .info-container {
  display: flex !important;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  flex-grow: 0 !important;
  width: auto !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* BOTÕES DE LIKE/DISLIKE */
.video-controls .rate-holder {
  display: flex;
  align-items: center;
  gap: 0;
  background: linear-gradient(0deg, #1b1b1b -30%, #2a2a2a 120%);
  border-radius: 20px;
  overflow: visible;
  border: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
  transition: box-shadow .4s, transform .4s;
}
.video-controls .rate-holder:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.34);
  transform: translateY(-1px);
}
.video-controls .rate-holder .btn { display: inline-flex; align-items: center; gap: 5px; background: transparent; padding: 8px 14px; font-size: 13px; border: none; cursor: pointer; transition: background 0.15s; position: relative; overflow: hidden }
.video-controls .rate-holder .btn:first-child {
  border-right: 1px solid rgba(255,255,255,0.07);
  border-radius: 20px 0 0 20px;
}
.video-controls .rate-holder .btn:last-of-type {
  border-radius: 0 20px 20px 0;
}
.video-controls .rate-holder .btn:hover {
  background: #252525;
}
.video-controls .rate-holder .btn.rate-like.active,
.video-controls .rate-holder .btn.rate-like.voted,
.video-controls .rate-holder .btn.rate-like.disabled.user-voted {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%) !important;
  color: #fff !important;
  cursor: default;
}
.video-controls .rate-holder .btn.rate-dislike.active,
.video-controls .rate-holder .btn.rate-dislike.voted,
.video-controls .rate-holder .btn.rate-dislike.disabled.user-voted {
  background: linear-gradient(135deg, #f44336 0%, #c62828 100%) !important;
  color: #fff !important;
  cursor: default;
}
.video-controls .rate-holder .btn i {
  display: flex;
  transition: transform 0.15s ease;
}
.video-controls .rate-holder .btn:hover i {
  transform: scale(1.1);
}
.video-controls .rate-holder .btn svg { width: 16px; height: 16px }
.video-controls .rate-holder .voters {
  display: none;
}

/* BOTÕES DE FAVORITOS - CIRCULARES */
.video-controls .btn-favourites {
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.video-controls .btn-favourites .btn-holder {
  position: relative;
}

.video-controls .btn-favourites .btn-holder > a.btn,
.video-controls .btn-favourites li > a.btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: linear-gradient(0deg, #1b1b1b -30%, #2a2a2a 120%); border: none; padding: 0; font-size: 0; border-radius: 50%; cursor: pointer; transition: box-shadow .4s, transform .4s; text-decoration: none }
.video-controls .btn-favourites .btn-holder > a.btn:hover,
.video-controls .btn-favourites li > a.btn:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.34);
  transform: translateY(-1px);
}
.video-controls .btn-favourites .btn-holder > a.btn.delete,
.video-controls .btn-favourites li > a.btn.delete {
  background: rgba(229,57,53,0.15);
  color: var(--cor-primaria);
}
.video-controls .btn-favourites .btn-holder > a.btn i,
.video-controls .btn-favourites li > a.btn i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-controls .btn-favourites .btn-holder > a.btn svg,
.video-controls .btn-favourites li > a.btn svg { width: 16px; height: 16px }

/* BOTÃO PLAYLIST (drop-btn) - PILL, NÃO CIRCULAR */
.video-controls .btn-favourites button.drop-btn { display: inline-flex; align-items: center; justify-content: center; gap: 4px; width: auto; height: 36px; padding: 0 14px; background: linear-gradient(0deg, #1b1b1b -30%, #2a2a2a 120%); border: none; border-radius: 18px; font-size: 0; cursor: pointer; transition: box-shadow .4s, transform .4s }
.video-controls .btn-favourites button.drop-btn:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.34);
  transform: translateY(-1px);
}
.video-controls .btn-favourites button.drop-btn i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-controls .btn-favourites button.drop-btn svg { width: 16px; height: 16px }
.video-controls .btn-favourites button.drop-btn .arrow {
  margin-left: 0;
}
.video-controls .btn-favourites button.drop-btn .arrow svg {
  width: 14px;
  height: 14px;
}

/* DROPDOWN DE FAVORITOS/PLAYLIST */
.video-controls .fav-drop { position: absolute; top: 100%; right: 0; margin-top: 8px; background: #1a1a1a; border: 1px solid #333; border-radius: 12px; min-width: 220px; z-index: 100; overflow: hidden }
.video-controls .fav-drop li {
  list-style: none;
}
.video-controls .fav-drop li a { display: block; padding: 12px 16px; font-size: 14px; transition: background 0.15s; text-decoration: none }
.video-controls .fav-drop li a:hover {
  background: rgba(255,255,255,0.05);
  color: var(--cor-texto);
}
.video-controls .fav-drop li .delete {
  color: var(--cor-erro);
}

/* CARD DE DESCRIÇÃO COLAPSÁVEL */
.vp-desc-card { background: linear-gradient(0deg, #191919 -30%, #262626 120%); border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; cursor: pointer; transition: box-shadow .4s }
.vp-desc-card:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.34);
}

.vp-desc-meta {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.vp-desc-meta span { font-size: 13px }

.vp-desc-card .tp-video-models {
  display: flex !important;
  margin: 0 0 10px 0 !important;
  text-align: left !important;
  width: 100% !important;
  justify-content: flex-start !important;
}
.vp-desc-card .tp-video-block-title {
  display: none !important;
}
.vp-desc-card .tp-video-models-item {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  justify-content: flex-start !important;
}
.vp-desc-card .tp-video-models-item .btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  background: var(--cor-primaria) !important;
  border: none !important;
  border-radius: 18px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #fff !important;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.15s;
}
.vp-desc-card .tp-video-models-item .btn:hover {
  opacity: 0.85;
  transform: none !important;
}
.vp-desc-card .tp-video-models-item .btn svg {
  width: 12px !important;
  height: 12px !important;
  fill: #fff !important;
}

.vp-tags-zone {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  max-height: 66px;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.vp-tags-zone.expanded {
  max-height: 1000px;
}

.vp-desc-card .tp-video-categories,
.vp-desc-card .tp-video-tags {
  display: contents !important;
  margin: 0 !important;
}
.vp-desc-card .tp-video-categories-item,
.vp-desc-card .tp-video-tags-item {
  display: contents !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vp-desc-card .tp-video-categories-item .btn { display: inline-flex !important; align-items: center !important; gap: 4px !important; padding: 5px 12px !important; background: #222 !important; border: none !important; border-radius: 14px !important; font-size: 12px !important; cursor: pointer; text-decoration: none; transition: background 0.15s }
.vp-desc-card .tp-video-categories-item .btn:hover {
  background: #2a2a2a !important;
  color: #fff !important;
  transform: none !important;
}
.vp-desc-card .tp-video-categories-item .btn svg { width: 11px !important; height: 11px !important }

.vp-desc-card .tp-video-tags-item .btn { display: inline-block !important; padding: 5px 11px !important; background: transparent !important; border: 1px solid #2a2a2a !important; border-radius: 14px !important; font-size: 11px !important; cursor: pointer; text-decoration: none; transition: all 0.15s }
.vp-desc-card .tp-video-tags-item .btn:hover {
  border-color: #555 !important;
  color: #bbb !important;
  transform: none !important;
  background: transparent !important;
}
.vp-desc-card .tp-video-tags-item .btn svg {
  display: none !important;
}

/* Descrição texto */
.vp-desc-text {
  font-size: 13px;
  color: var(--cor-texto-sec);
  line-height: 1.5;
  overflow: hidden;
  transition: max-height 0.35s ease;
  margin-top: 10px;
}
.vp-desc-text.collapsed {
  max-height: 42px;
}

.vp-desc-more { font-size: 13px; margin-top: 6px; display: none; cursor: pointer }

/* BOTÃO DOWNLOAD (drop-btn second) - ao lado da playlist */
.video-controls .btn-favourites button.drop-btn.second { display: inline-flex; align-items: center; justify-content: center; gap: 4px; width: auto; height: 36px; padding: 0 14px; background: var(--cor-card-hover); border: none; border-radius: 18px; font-size: 0; cursor: pointer; transition: background 0.15s }
.video-controls .btn-favourites button.drop-btn.second:hover {
  background: #252525;
}
.video-controls .btn-favourites button.drop-btn.second i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-controls .btn-favourites button.drop-btn.second svg { width: 16px; height: 16px }
.video-controls .btn-favourites button.drop-btn.second .arrow svg {
  width: 14px;
  height: 14px;
}

/* TABS DE NAVEGAÇÃO - ESTILO MODERNO */
.video-controls.flex.vp-tabs-bar {
  padding: 0;
  border-top: 1px solid var(--cor-card-hover);
  border-bottom: 1px solid var(--cor-card-hover);
  margin-bottom: 16px;
  justify-content: flex-start;
}
.video-controls.flex.vp-tabs-bar .sort-control {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  width: 100%;
  overflow: visible;
}
.video-controls.flex.vp-tabs-bar .sort-control .btn-holder {
  position: relative;
}
.video-controls.flex.vp-tabs-bar .sort-control .btn.tab-btn { display: inline-flex; align-items: center; gap: 6px; background: transparent; border: none; padding: 10px 14px; font-size: 13px; cursor: pointer; border-bottom: none; border-radius: 8px; white-space: nowrap; transition: all 0.15s }
.video-controls.flex.vp-tabs-bar .sort-control .btn.tab-btn:hover {
  color: #ddd;
  background: var(--cor-card-hover);
}
.video-controls.flex.vp-tabs-bar .sort-control .btn.tab-btn.active { background: var(--cor-card-hover); border-bottom: none }
.video-controls.flex.vp-tabs-bar .sort-control .btn.tab-btn i {
  display: flex;
}
.video-controls.flex.vp-tabs-bar .sort-control .btn.tab-btn svg { width: 15px; height: 15px }

.video-controls.flex.vp-tabs-bar .sort-control .fav-drop {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 8px;
  background: #1a1a1a;
  border: 1px solid #333;
  border-radius: 12px;
  min-width: 220px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.5);
  z-index: 100;
  overflow: hidden;
  list-style: none;
  padding: 0;
}
.video-controls.flex.vp-tabs-bar .sort-control .fav-drop li {
  list-style: none;
}
.video-controls.flex.vp-tabs-bar .sort-control .fav-drop li a {
  display: block;
  padding: 12px 16px;
  color: var(--cor-texto-sec);
  font-size: 14px;
  transition: background 0.15s;
  text-decoration: none;
}
.video-controls.flex.vp-tabs-bar .sort-control .fav-drop li a:hover {
  background: rgba(255,255,255,0.05);
  color: var(--cor-texto);
}

/* CONTEÚDO DAS TABS */
.block-tabs {
  margin-top: 0;
}
.block-tabs .tab-content {
  padding: 0;
}

/* SCREENSHOTS */
.block-screenshots {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px;
}
.block-screenshots .item {
  border-radius: 10px;
  overflow: hidden;
  transition: transform 0.15s;
}
.block-screenshots .item:hover {
  transform: scale(1.03);
}
.block-screenshots .item img {
  width: 100%;
  height: auto;
  display: block;
}

/* COMPARTILHAR */
.block-share form {
  background: var(--cor-card-hover);
  padding: 20px;
  border-radius: 12px;
  border: none;
}
.block-share .row {
  margin-bottom: 16px;
}
.block-share .row:last-child {
  margin-bottom: 0;
}
.block-share .field-label { display: block; font-size: 12px; margin-bottom: 8px }
.block-share .textfield { width: 100%; background: var(--cor-fundo); border: 1px solid #333; border-radius: 8px; padding: 12px 14px; font-size: 14px }
.block-share .textfield:focus {
  outline: none;
  border-color: var(--cor-primaria);
}
.block-share .block-size {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.block-share .embed-button {
  background: var(--cor-fundo);
  border: 1px solid #333;
  color: var(--cor-texto-sec);
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.15s;
}
.block-share .embed-button:hover {
  border-color: var(--cor-primaria);
  color: var(--cor-primaria);
}

/* COMENTÁRIOS */
.comments-list .item {
  padding: 18px 0;
  border-bottom: 1px solid var(--cor-card-hover);
}
.comments-list .item:last-child {
  border-bottom: none;
}
.comments-list .item .name {
  color: var(--cor-primaria);
  font-weight: 500;
  font-size: 14px;
}
.comments-list .item .date {
  color: var(--cor-texto-muted);
  font-size: 12px;
  margin-left: 10px;
}
.comments-list .item .message {
  color: var(--cor-texto-sec);
  font-size: 14px;
  line-height: 1.6;
  margin-top: 8px;
}

/* FORM DE COMENTÁRIO */
.comment-form,
.block-comments form {
  background: var(--cor-card-hover);
  padding: 20px;
  border-radius: 12px;
  border: none;
  margin-bottom: 20px;
}
.comment-form textarea,
.block-comments textarea {
  width: 100%;
  background: var(--cor-fundo);
  border: 1px solid #333;
  border-radius: 10px;
  color: var(--cor-texto);
  padding: 14px;
  font-size: 14px;
  min-height: 100px;
  resize: vertical;
}
.comment-form textarea:focus,
.block-comments textarea:focus {
  outline: none;
  border-color: var(--cor-primaria);
}
.comment-form .submit,
.block-comments .submit {
  background: var(--cor-primaria);
  color: #fff;
  border: none;
  border-radius: 18px;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 12px;
  transition: background 0.15s;
}
.comment-form .submit:hover,
.block-comments .submit:hover {
  background: var(--cor-secundaria);
}

/* REPORTAR */
.block-flagging form {
  background: var(--cor-card-hover);
  padding: 20px;
  border-radius: 12px;
  border: none;
}
.block-flagging .field-label { margin-bottom: 15px; display: block }
.block-flagging .row {
  margin-bottom: 12px;
}
.block-flagging .row label { font-size: 14px; margin-left: 8px }
.block-flagging .textarea { width: 100%; background: var(--cor-fundo); border: 1px solid #333; border-radius: 10px; padding: 14px; font-size: 14px; min-height: 100px }
.block-flagging .textarea:focus {
  outline: none;
  border-color: var(--cor-primaria);
}
.block-flagging .submit { background: var(--cor-erro); border: none; border-radius: 18px; padding: 10px 20px; font-size: 14px; cursor: pointer; margin-top: 12px; transition: background 0.15s }
.block-flagging .submit:hover {
  background: #dc2626;
}

/* PREMIUM BOX */
.tp-premium-box{position:relative;width:100%;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border-radius:12px;overflow:hidden;border:1px solid #333}
.tp-premium-box .tp-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(25px) brightness(0.2);transform:scale(1.2);opacity:0.6}
.tp-premium-box .tp-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center}
.tp-premium-box .tp-badge{background:linear-gradient(135deg,#e53935 0%,#c62828 100%);color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}
.tp-premium-box .tp-icon{width:56px;height:56px;background:linear-gradient(135deg,#e53935 0%,#c62828 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 6px 25px rgba(229,57,53,0.45)}
.tp-premium-box .tp-icon svg{width:26px;height:26px;fill:#fff}
.tp-premium-box .tp-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 6px 0}
.tp-premium-box .tp-text{color:rgba(255,255,255,0.6);font-size:13px;margin:0 0 18px 0;max-width:280px;line-height:1.4}
.tp-premium-box .tp-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#e53935 0%,#c62828 100%);color:#fff;border:none;border-radius:30px;padding:12px 26px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;box-shadow:0 4px 18px rgba(229,57,53,0.4);text-decoration:none}
.tp-premium-box .tp-btn:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(229,57,53,0.55)}
.tp-premium-box .tp-btn svg{width:16px;height:16px;fill:#fff}
.tp-premium-box .tp-link{margin-top:12px;color:rgba(255,255,255,0.4);font-size:11px}
.tp-premium-box .tp-link a{color:#e53935;text-decoration:none;font-weight:500}

/* RESPONSIVO */
@media (max-width: 768px) {
  .title-holder { padding: 12px 15px; margin-bottom: 10px; }
  .title-holder .title { font-size: 16px; }

  .video-controls.flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 4px;
    margin-bottom: 8px;
  }

  .video-controls .user-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .video-controls .user-box .avatar-box { width: 36px; height: 36px; }
  .video-controls .user-box .info-conunt em { font-size: 13px; max-width: 150px; }

  .video-controls .info-container {
    width: 100% !important;
    justify-content: flex-start !important;
    overflow: visible !important;
    flex-wrap: wrap !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
  }
  .video-controls .rate-holder .btn { padding: 7px 12px; font-size: 12px; }
  .video-controls .btn-favourites .btn-holder > a.btn,
  .video-controls .btn-favourites li > a.btn { width: 34px; height: 34px; }
  .video-controls .btn-favourites button.drop-btn { height: 34px; padding: 0 12px; }
  .video-controls .btn-favourites { flex-wrap: wrap; }

  /* Card descrição */
  .vp-desc-card { padding: 12px 14px; margin-bottom: 10px; }
  .vp-desc-meta { gap: 8px; }
  .vp-desc-meta span { font-size: 12px; }
  .vp-desc-card .tp-video-models-item .btn { padding: 5px 12px !important; font-size: 11px !important; }
  .vp-desc-card .tp-video-categories-item .btn { padding: 4px 10px !important; font-size: 11px !important; }
  .vp-desc-card .tp-video-tags-item .btn { padding: 4px 9px !important; font-size: 10px !important; }

  .video-controls.flex.vp-tabs-bar .sort-control { overflow-x: auto; scrollbar-width: none; }
  .video-controls.flex.vp-tabs-bar .sort-control::-webkit-scrollbar { display: none; }
  .video-controls.flex.vp-tabs-bar .sort-control .btn.tab-btn { padding: 8px 12px; font-size: 12px; }
  .block-screenshots { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 6px; }
}
@media (max-width: 480px) {
  .title-holder .title { font-size: 14px; }
  .title-holder { padding: 10px 12px; }
  .video-controls .user-box .info-conunt em { font-size: 12px; max-width: 110px; }
  .video-controls .rate-holder .btn { padding: 6px 10px; font-size: 11px; }
  .video-controls .btn-favourites .btn-holder > a.btn,
  .video-controls .btn-favourites li > a.btn { width: 32px; height: 32px; }
  .vp-tags-zone { max-height: 60px; }
}

/* MODAL PIX */
.tp-pix-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.95);z-index:99999;justify-content:center;align-items:center;padding:10px;animation:tpFadeIn 0.3s ease}
.tp-pix-overlay.active{display:flex}
@keyframes tpFadeIn{from{opacity:0}to{opacity:1}}
@keyframes tpSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes tpPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
@keyframes tpBounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}
@keyframes tpSpin{to{transform:rotate(360deg)}}
@keyframes tpGlow{0%,100%{box-shadow:0 0 5px rgba(76,175,80,0.5)}50%{box-shadow:0 0 20px rgba(76,175,80,0.8)}}
.tp-pix-card{background:linear-gradient(180deg,#1f1f1f 0%,#141414 100%);border-radius:20px;width:100%;max-width:380px;max-height:90vh;overflow:hidden;position:relative;box-shadow:0 25px 80px rgba(0,0,0,0.6);animation:tpSlideUp 0.4s ease;border:1px solid rgba(255,255,255,0.08)}
.tp-pix-header{background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%);padding:24px 20px;text-align:center;position:relative}
.tp-pix-header::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);border:10px solid transparent;border-top-color:#b71c1c}
.tp-pix-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:rgba(0,0,0,0.2);border:none;border-radius:50%;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;backdrop-filter:blur(4px)}
.tp-pix-close:hover{background:rgba(0,0,0,0.4);transform:rotate(90deg)}
.tp-pix-icon{width:50px;height:50px;margin:0 auto 12px;animation:tpBounce 2s infinite}
.tp-pix-icon svg{width:100%;height:100%;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3))}
.tp-pix-title{color:#fff;font-size:20px;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.2)}
.tp-pix-sub{color:rgba(255,255,255,0.85);font-size:13px;margin-top:6px;font-weight:400}
.tp-pix-body{padding:28px 20px 20px;overflow-y:auto;max-height:calc(90vh - 140px)}
.tp-pix-step{display:none}
.tp-pix-step.active{display:block;animation:tpFadeIn 0.3s ease}
.tp-pix-plan{background:linear-gradient(135deg,#2a2a2a 0%,#1e1e1e 100%);border:2px solid #333;border-radius:14px;padding:16px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all 0.3s ease;position:relative;overflow:hidden}
.tp-pix-plan::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(229,57,53,0.1),transparent);transition:left 0.5s}
.tp-pix-plan:hover::before{left:100%}
.tp-pix-plan:hover{border-color:#e53935;transform:translateX(5px)}
.tp-pix-plan.sel{border-color:#e53935;background:linear-gradient(135deg,rgba(229,57,53,0.15) 0%,rgba(183,28,28,0.1) 100%)}
.tp-pix-plan.sel .tp-pix-plan-icon{position:relative}
.tp-pix-plan.sel .tp-pix-plan-icon::after{content:'✓';position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:#4caf50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;border:2px solid #1e1e1e}
.tp-pix-plan-left{display:flex;align-items:center;gap:14px}
.tp-pix-plan-icon{width:44px;height:44px;background:linear-gradient(135deg,#e53935 0%,#c62828 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(229,57,53,0.3)}
.tp-pix-plan-icon svg{width:22px;height:22px;fill:#fff}
.tp-pix-plan-info{text-align:left}
.tp-pix-plan-name{color:#fff;font-size:15px;font-weight:700}
.tp-pix-plan-days{color:#888;font-size:12px;margin-top:2px}
.tp-pix-plan-price{text-align:right}
.tp-pix-plan-price-value{color:#4caf50;font-size:24px;font-weight:800}
.tp-pix-plan-price-label{color:#666;font-size:10px;text-transform:uppercase}
.tp-pix-btn{width:100%;background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%);border:none;border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;margin-top:16px;transition:all 0.3s;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 20px rgba(229,57,53,0.4)}
.tp-pix-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px rgba(229,57,53,0.5)}
.tp-pix-btn:disabled{opacity:0.6;cursor:not-allowed}
.tp-pix-btn svg{width:20px;height:20px;fill:#fff}
.tp-pix-qr-wrap{text-align:center}
.tp-pix-amount-box{background:linear-gradient(135deg,#1a3a1a 0%,#0d1f0d 100%);border:1px solid #2e7d32;border-radius:12px;padding:14px;margin-bottom:20px}
.tp-pix-amount-label{color:#81c784;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.tp-pix-amount-value{color:#4caf50;font-size:32px;font-weight:800;margin-top:4px}
.tp-pix-qr-box{background:#fff;border-radius:16px;padding:16px;display:inline-block;margin-bottom:20px;box-shadow:0 8px 30px rgba(0,0,0,0.3)}
.tp-pix-qr-box img{width:180px;height:180px;display:block}
.tp-pix-code-box{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:14px;margin-bottom:16px}
.tp-pix-code-label{color:#888;font-size:11px;margin-bottom:8px;display:flex;align-items:center;gap:6px}
.tp-pix-code-text{background:#0d0d0d;border-radius:8px;padding:12px;color:#aaa;font-size:11px;word-break:break-all;max-height:70px;overflow-y:auto;font-family:'Courier New',monospace;line-height:1.4;text-align:left}
.tp-pix-code-text::-webkit-scrollbar{width:4px}
.tp-pix-code-text::-webkit-scrollbar-thumb{background:#444;border-radius:2px}
.tp-pix-copy-btn{width:100%;background:linear-gradient(135deg,#e53935 0%,#b71c1c 100%);border:none;border-radius:10px;padding:14px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s}
.tp-pix-copy-btn:hover{transform:scale(1.02)}
.tp-pix-copy-btn.copied{background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);animation:tpPulse 0.5s}
.tp-pix-copy-btn svg{width:18px;height:18px;fill:#fff}
.tp-pix-status-box{background:linear-gradient(135deg,#252525 0%,#1a1a1a 100%);border:1px solid #333;border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:center;gap:16px}
.tp-pix-timer{color:#e53935;font-size:18px;font-weight:700;display:flex;align-items:center;gap:6px}
.tp-pix-timer svg{width:18px;height:18px;fill:#e53935}
.tp-pix-waiting{color:#888;font-size:13px;display:flex;align-items:center;gap:8px}
.tp-pix-spinner{width:16px;height:16px;border:2px solid #333;border-top-color:#e53935;border-radius:50%;animation:tpSpin 1s linear infinite}
.tp-pix-success{text-align:center;padding:20px 0}
.tp-pix-success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:tpGlow 2s infinite;box-shadow:0 8px 30px rgba(76,175,80,0.4)}
.tp-pix-success-icon svg{width:40px;height:40px;fill:#fff}
.tp-pix-success-title{color:#fff;font-size:22px;font-weight:800;margin-bottom:8px}
.tp-pix-success-text{color:#888;font-size:14px;margin-bottom:24px;line-height:1.5}
.tp-pix-success-btn{width:100%;background:linear-gradient(135deg,#4caf50 0%,#2e7d32 100%);border:none;border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all 0.3s;box-shadow:0 4px 20px rgba(76,175,80,0.4)}
.tp-pix-success-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(76,175,80,0.5)}
.tp-pix-success-btn svg{width:20px;height:20px;fill:#fff}
.tp-pix-loading{text-align:center;padding:40px 20px}
.tp-pix-loading .tp-pix-spinner{width:40px;height:40px;border-width:3px;margin:0 auto 16px}
.tp-pix-loading-text{color:#888;font-size:14px}
@media(max-height:700px){
  .tp-pix-body{padding:20px 16px 16px}
  .tp-pix-header{padding:18px 16px}
  .tp-pix-qr-box img{width:140px;height:140px}
  .tp-pix-amount-value{font-size:26px}
}
@media(max-height:600px){
  .tp-pix-card{max-height:95vh}
  .tp-pix-body{max-height:calc(95vh - 120px)}
  .tp-pix-qr-box{padding:10px;margin-bottom:14px}
  .tp-pix-qr-box img{width:120px;height:120px}
  .tp-pix-code-text{max-height:50px}
}
/* Views Videos End */

/* MODEL PROFILE HEADER */
.holder-box:has(.model-profile-header) {
  flex-direction: column;
  align-items: stretch;
}
.holder-box .asside.model-profile-header {
  max-width: 100%;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 20px;
  background: #0f0f0f;
  border-radius: 10px;
  border: 1px solid #1d1d1d;
}
.model-ph-top {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 0;
}

.model-ph-avatar {
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  border-radius: 10px;
  overflow: hidden;
  background: #1d1d1d;
  display: flex;
  align-items: center;
  justify-content: center;
}
.model-ph-avatar a {
  display: block;
  width: 100%;
  height: 100%;
}
.model-ph-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.model-ph-no-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.model-ph-no-avatar svg {
  width: 60px;
  height: 60px;
  fill: #555;
}
.model-ph-info {
  flex: 1;
  min-width: 0;
}
.model-ph-name {
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  margin: 0 0 10px;
}

.model-ph-stats {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.model-ph-stat {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-direction: row;
}
.model-ph-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f50e14;
  flex-shrink: 0;
}
.model-ph-stat-icon svg {
  width: 16px;
  height: 16px;
  fill: #f50e14;
}
.model-ph-stat strong {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.model-ph-stat > span {
  font-size: 13px;
  color: #b8b8b8;
}

.model-ph-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
.model-ph-rate-holder {
  display: flex !important;
  align-items: center !important;
  background: #1d1d1d !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  position: relative !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
}
.model-ph-rate-holder::after {
  display: none !important;
}
.model-ph-rate-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 7px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #fff !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
  cursor: pointer !important;
  background: none !important;
}
.model-ph-rate-btn i {
  display: flex !important;
  align-items: center !important;
  margin-right: 0 !important;
}
.model-ph-rate-btn svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}
.model-ph-rate-btn.like {
  border-right: 1px solid #333 !important;
}
.model-ph-rate-btn:hover {
  background: #2a2a2a !important;
  color: #fff !important;
}
.model-ph-rate-btn.rate-like.active,
.model-ph-rate-btn.rate-like.voted,
.model-ph-rate-btn.rate-like.disabled.user-voted {
  background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%) !important;
  color: #fff !important;
  cursor: default !important;
}
.model-ph-rate-btn.rate-dislike.active,
.model-ph-rate-btn.rate-dislike.voted,
.model-ph-rate-btn.rate-dislike.disabled.user-voted {
  background: linear-gradient(135deg, #f44336 0%, #c62828 100%) !important;
  color: #fff !important;
  cursor: default !important;
}

.model-ph-subscribe-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 18px !important;
  background: #1d1d1d !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
  text-decoration: none !important;
  border: none !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  width: auto !important;
  min-width: unset !important;
}
.model-ph-subscribe-btn span {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  flex-shrink: unset !important;
}
.model-ph-subscribe-btn svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
  flex-shrink: 0 !important;
}
.model-ph-subscribe-btn em {
  display: none !important;
}
.model-ph-subscribe-btn:hover {
  background: #2a2a2a !important;
  color: #fff !important;
}
.model-ph-subscribe-btn--active {
  background: #f50e14 !important;
  color: #fff !important;
}
.model-ph-subscribe-btn--active:hover {
  background: #c40b11 !important;
  color: #fff !important;
}
/* Descrição */
.model-ph-desc {
  font-size: 13px;
  color: #b8b8b8;
  line-height: 1.6;
  margin-bottom: 12px;
}

.model-ph-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.model-ph-tag {
  display: inline-block;
  padding: 4px 13px;
  background: #1d1d1d;
  border-radius: 20px;
  font-size: 12px;
  color: #b8b8b8;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.model-ph-tag:hover {
  background: #f50e14;
  color: #fff;
}

.model-ph-tabs {
  display: flex;
  align-items: center;
  gap: 4px;
  border-top: 1px solid #1d1d1d;
  margin-top: 16px;
  padding-top: 2px;
}
.model-ph-tab {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 600;
  color: #b8b8b8;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: color 0.2s, border-color 0.2s;
}
.model-ph-tab svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.model-ph-tab em {
  display: none;
}
.model-ph-tab.active,
.model-ph-tab:hover {
  color: #fff;
  border-bottom-color: #f50e14;
}
.holder-box:has(.model-profile-header) .content-section {
  margin-top: 20px;
}
@media (max-width: 600px) {
  .holder-box .asside.model-profile-header {
    padding: 14px;
  }
  .model-ph-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
  }
  .model-ph-stats {
    justify-content: center;
  }
  .model-ph-actions {
    justify-content: center;
  }
  .model-ph-tags {
    justify-content: center;
  }
  .model-ph-tabs {
    justify-content: center;
  }
}
/* MODEL PROFILE HEADER END */

/* BOTÃO ASSINAR NO MENU */
.nav-link-assinar {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #e53935 0%, #c62828 100%) !important;
  color: #fff !important;
  padding: 6px 14px !important;
  border-radius: 20px;
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(229, 57, 53, 0.3);
  margin-left: 8px;
}
.nav-link-assinar:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(229, 57, 53, 0.5);
  background: linear-gradient(135deg, #f44336 0%, #d32f2f 100%) !important;
}
.nav-link-assinar svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
}
@media (max-width: 991px) {
  .nav-link-assinar {
    padding: 8px 16px !important;
    font-size: 12px;
  }
}
/* BOTÃO ASSINAR NO MENU END */
/* SOCIAL LOGIN */

.social-login-block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
}

.social-login-error {
  padding: 8px 12px;
  background: #fff0f0;
  border: 1px solid #ffcccc;
  border-radius: 4px;
  color: #c00;
  font-size: 13px;
  margin-bottom: 4px;
}

.btn-social-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  box-sizing: border-box;
  transition: opacity 0.15s;
}

.btn-social-login:hover { opacity: 0.85; }

.btn-google {
  background: #fff;
  color: #333;
  border: 1px solid #ddd;
}

.social-login-divider {
  display: flex;
  align-items: center;
  color: #999;
  font-size: 12px;
  margin: 2px 0 14px;
}

.social-login-divider::before,
.social-login-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: #ddd;
}

.social-login-divider span { padding: 0 10px; }

/* END SOCIAL LOGIN */
/* CTA LOGIN NOS COMENTÁRIOS */
.comment-login-cta {
  text-align: center;
  padding: 24px 16px;
}
.comment-login-cta p {
  margin: 0 0 16px;
  color: #ccc;
  font-size: 14px;
  line-height: 1.4;
}
.comment-login-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.comment-login-btn { display: inline-block; padding: 10px 24px; border-radius: 8px; font-size: 13px; text-decoration: none; cursor: pointer; transition: opacity 0.2s ease }
.comment-login-btn.login { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.15) }
.comment-login-btn.signup { background: linear-gradient(135deg, #e53935 0%, #c62828 100%); border: none }
.comment-login-btn:hover {
  opacity: 0.85;
}
/* END CTA LOGIN COMENTÁRIOS */

/* FILEIRA DE SHORTS — TubePussy */
.shorts-videos {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.shorts-videos .short-item {
  width: 10%;
  position: relative;
}
@media (max-width: 992px) {
  .shorts-videos {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .shorts-videos::-webkit-scrollbar {
    display: none;
  }
  .shorts-videos .short-item {
    width: 95px;
    min-width: 95px;
  }
}
.shorts-videos .short-item .short-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16;
  border-radius: 8px;
  overflow: hidden;
  background: #1a1a1a;
}
.shorts-videos .short-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s;
}
@media (min-width: 1024px) {
  .shorts-videos .short-item:hover .short-thumb img {
    transform: scale(1.05);
  }
}
.shorts-videos .short-views {
  position: absolute;
  bottom: 8px;
  left: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  background: rgba(0, 0, 0, 0.8);
  padding: 4px 8px;
  border-radius: 10px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
}
.shorts-videos .short-views i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.shorts-videos .short-views .svg-icon {
  width: 14px;
  height: 14px;
  fill: #fff;
}
.profile-shorts-section .short-item .item-control {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 3;
}
.upload-type-switch {
  display: flex;
  width: min(100%, 440px);
  gap: 0;
  margin: 0 0 24px;
  overflow: hidden;
  border: 1px solid #303030;
  border-radius: 8px;
  background: #161616;
}
.upload-type-switch a {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #929292;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  box-shadow: none;
  transition: background 0.2s ease, color 0.2s ease;
}
.upload-type-switch a + a {
  border-left: 1px solid #303030;
}
.upload-type-switch a:hover {
  color: #fff;
  background: #202020;
}
.upload-type-switch a.active {
  background: linear-gradient(135deg, #f50e14 0%, #a6080d 100%);
  color: #fff;
  box-shadow: none;
}
.upload-type-switch .upload-type-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 0;
  background: transparent;
  color: inherit;
}
.upload-type-switch .upload-type-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.upload-type-switch .upload-type-icon .upload-type-icon-fill {
  fill: currentColor;
  stroke: none;
}
.upload-type-switch a.active .upload-type-icon {
  background: transparent;
  color: #fff;
}
.upload-type-switch .upload-type-label {
  line-height: 1.2;
}
@media (max-width: 640px) {
  .upload-type-switch {
    width: 100%;
    margin-bottom: 20px;
  }
  .upload-type-switch a {
    min-height: 36px;
    padding: 0 8px;
    gap: 6px;
    font-size: 15px;
  }
  .upload-type-switch .upload-type-icon {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }
  .upload-type-switch .upload-type-icon svg {
    width: 16px;
    height: 16px;
  }
}
.shorts-related {
  display: flex !important;
  gap: 8px !important;
  overflow-x: auto !important;
  flex-wrap: nowrap !important;
  padding: 10px 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.shorts-related::-webkit-scrollbar {
  display: none;
}
.short-item-related {
  flex: 0 0 calc(25% - 6px) !important;
  min-width: 0;
}
.short-thumb-related {
  position: relative;
  width: 100%;
  aspect-ratio: 9/16;
  border-radius: 8px;
  overflow: hidden;
}
.short-thumb-related img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.short-item-related:hover .short-thumb-related img {
  transform: scale(1.05);
}
.short-thumb-related .short-views {
  position: absolute;
  bottom: 6px;
  left: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 11px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}
.short-thumb-related .short-views .svg-icon {
  width: 12px;
  height: 12px;
  fill: #fff;
}
@media (min-width: 769px) {
  .short-item-related {
    flex: 0 0 calc(12.5% - 7px) !important;
  }
}
@media (max-width: 768px) {
  .short-item-related {
    flex: 0 0 calc(25% - 6px) !important;
  }
}
@media (max-width: 480px) {
  .short-item-related {
    flex: 0 0 calc(25% - 6px) !important;
  }
  .short-thumb-related .short-views {
    font-size: 9px;
  }
  .short-thumb-related .short-views .svg-icon {
    width: 10px;
    height: 10px;
  }
}
.shorts-videos-aside {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  flex-wrap: unset !important;
  padding: 10px 0;
}
.short-item-aside {
  width: 100% !important;
}
.short-item-aside a {
  display: block;
  text-decoration: none;
}
.short-thumb-aside {
  position: relative;
  width: 100% !important;
  aspect-ratio: 9/16;
  border-radius: 8px;
  overflow: hidden;
}
.short-thumb-aside img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.short-item-aside:hover .short-thumb-aside img {
  transform: scale(1.05);
}
.short-thumb-aside .short-views {
  position: absolute;
  bottom: 6px;
  left: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 11px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
}
.short-thumb-aside .short-views .svg-icon {
  width: 12px;
  height: 12px;
  fill: #fff;
}
/* END FILEIRA DE SHORTS GLOBAL */
/* PLACEHOLDER "pulse" das thumbnails */
img.lazy-load[src^="data:image"] {
  background-color: var(--img-placeholder-bg2);
  animation: tp-pulse 1.6s ease-in-out infinite;
}
@keyframes tp-pulse {
  0%, 100% { background-color: var(--img-placeholder-bg2); }
  50%      { background-color: var(--img-placeholder-bg3); }
}

@media (prefers-reduced-motion: reduce) {
  img.lazy-load[src^="data:image"] { animation: none; }
}
/* MOBILE COLUMNS by context */
@media (max-width: 800px) {
  .thumbs.tp-home-1col .thumb   { width: 100%; }
  .thumbs.tp-browse-2col .thumb { width: 50%; }
}
/* PROFILE V2 — compact member/creator profile */
.profile-v2-page {
  background: #0F0F0F;
  min-height: 70vh;
}

.profile-v2,
.profile-v2 *,
.profile-v2-tabs-section,
.profile-v2-tabs-section *,
.profile-v2-content,
.profile-v2-content *,
.profile-edit-v2,
.profile-edit-v2 * {
  box-sizing: border-box;
}

.profile-v2 {
  position: relative;
  z-index: 10;
  color: #fff;
  background: #0F0F0F;
}

.profile-v2-cover {
  position: relative;
  height: 178px;
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 25%, rgba(229, 57, 53, .24), transparent 34%),
    linear-gradient(115deg, #371516 0%, #171011 48%, #0d0d0e 100%);
}

.profile-v2-cover-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.profile-v2-cover-shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(12, 12, 13, .7));
  pointer-events: none;
}

.profile-v2-shell {
  position: relative;
  z-index: 2;
  width: calc(100% - 64px);
  max-width: 1770px;
  margin: -58px auto 0;
}

.profile-v2-identity {
  display: flex;
  align-items: flex-end;
  gap: 22px;
  min-width: 0;
}

.profile-v2-avatar-wrap {
  flex: 0 0 126px;
}

.profile-v2-avatar { display: flex; width: 126px; height: 126px; align-items: center; justify-content: center; object-fit: cover; border-radius: 50%; border: 5px solid #0c0c0d; background: #171719 }

.profile-v2-avatar-empty {
  color: #fff;
  background: linear-gradient(145deg, #541d1f, #161618);
  font-size: 38px;
  font-weight: 800;
}

.profile-v2-main {
  min-width: 0;
  flex: 1 1 auto;
  padding-bottom: 5px;
}

.profile-v2-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.profile-v2-name-row h1 { margin: 0; overflow: hidden; color: #fff; font-size: 29px; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap }

.profile-v2-verified { display: inline-flex; flex: 0 0 22px; width: 22px; height: 22px }

.profile-v2-verified svg {
  width: 100%;
  height: 100%;
}

.profile-v2-handle { margin-top: 4px; font-size: 13px }

.profile-v2-bio {
  max-width: 720px;
  margin-top: 8px;
  color: #d0d0d2;
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.profile-v2-bio > * {
  margin-top: 0;
  margin-bottom: 0;
}

.profile-v2-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 18px;
  margin-top: 9px;
  color: #96969b;
  font-size: 12px;
}

.profile-v2-socials {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
}

.profile-v2-social {
  display: inline-flex;
  width: 31px;
  height: 31px;
  align-items: center;
  justify-content: center;
  border: 1px solid #303034;
  border-radius: 9px;
  background: #18181a;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.profile-v2-social:hover {
  border-color: #e42f32;
  background: #251516;
  transform: translateY(-2px);
}

.profile-v2-social img {
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.profile-v2-social-custom {
  width: auto;
  max-width: 160px;
  gap: 7px;
  padding: 0 10px;
  color: #ddd;
  font-size: 12px;
  font-weight: 700;
}

.profile-v2-social-custom span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-v2-actions {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
}

.profile-v2-inline-form {
  display: inline-flex;
  margin: 0;
}

.profile-v2-btn { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 1px solid #333337; border-radius: 10px; background: #1b1b1d; font-size: 13px; line-height: 1; cursor: pointer; transition: background .2s ease, border-color .2s ease, transform .2s ease }

.profile-v2-btn:hover {
  color: #fff;
  border-color: #4a4a4f;
  background: #242427;
  transform: translateY(-1px);
}

.profile-v2-btn svg {
  width: 17px;
  height: 17px;
}

.profile-v2-btn-primary { border-color: #e51f26; background: linear-gradient(135deg, #f02228, #d4151c) }

.profile-v2-btn-primary:hover {
  border-color: #ff3d42;
  background: linear-gradient(135deg, #ff3036, #df171e);
}

.profile-v2-btn-icon {
  width: 40px;
  padding: 0;
}

.profile-v2-settings {
  position: relative;
}

.profile-v2-settings summary {
  list-style: none;
}

.profile-v2-settings summary::-webkit-details-marker {
  display: none;
}

.profile-v2-settings-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 20;
  display: grid;
  width: 210px;
  overflow: hidden;
  padding: 6px;
  border: 1px solid #303034;
  border-radius: 12px;
  background: #18181a;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .48);
}

.profile-v2-settings-menu a {
  padding: 11px 12px;
  border-radius: 8px;
  color: #d5d5d7;
  font-size: 13px;
  font-weight: 700;
}

.profile-v2-settings-menu a:hover {
  color: #fff;
  background: #262629;
}

.profile-v2-settings-menu a.danger {
  color: #ff5b60;
}

.profile-v2-notice {
  margin: 18px 0 0 148px;
  padding: 11px 14px;
  border: 1px solid #503033;
  border-radius: 10px;
  color: #ddd;
  background: #211416;
  font-size: 13px;
}

.profile-v2-notice form {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.profile-v2-notice form span {
  flex: 1;
}

.profile-v2-notice-action {
  border: 0;
  color: #ff555a;
  background: transparent;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.profile-v2-notice-action.muted {
  color: #aaa;
}

.profile-v2-creator {
  margin: 22px 0 0 148px;
  padding: 15px 18px;
  border: 1px solid #29292d;
  border-radius: 14px;
  background: linear-gradient(110deg, #151516, #111112);
}

.profile-v2-creator-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 13px;
}

.profile-v2-creator-head > div {
  display: flex;
  align-items: baseline;
  gap: 9px;
}

.profile-v2-creator-head strong {
  color: #f4f4f5;
  font-size: 14px;
}

.profile-v2-creator-head span {
  color: #77777d;
  font-size: 11px;
}

.profile-v2-creator-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.profile-v2-metric {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid #27272a;
  border-radius: 10px;
  background: #19191b;
}

.profile-v2-metric span {
  overflow: hidden;
  color: #929298;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-v2-metric strong {
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}

.profile-v2-container {
  padding-top: 15px;
}

.profile-v2-tabs-section {
  margin: 0;
  border-bottom: 1px solid #252528;
}

.profile-v2-tabs-scroll {
  overflow-x: auto;
  scrollbar-width: none;
}

.profile-v2-tabs-scroll::-webkit-scrollbar {
  display: none;
}

.profile-v2-tabs {
  display: flex;
  min-width: max-content;
  align-items: stretch;
  gap: 3px;
}

.profile-v2-tab { position: relative; display: inline-flex; min-height: 53px; align-items: center; justify-content: center; gap: 7px; padding: 0 14px; font-size: 13px; white-space: nowrap; transition: color .2s ease, background .2s ease }

.profile-v2-tab:hover {
  color: #dedee0;
  background: rgba(255, 255, 255, .025);
}

.profile-v2-tab.active::after {
  position: absolute;
  right: 10px;
  bottom: -1px;
  left: 10px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #ed2228;
  content: "";
}

.profile-v2-tab svg {
  width: 17px;
  height: 17px;
}

.profile-v2-tab em { min-width: 22px; padding: 3px 6px; border-radius: 99px; background: #242427; font-size: 10px; font-style: normal; line-height: 1.2; text-align: center }

.profile-v2-tab.active em {
  color: #fff;
  background: #5a171a;
}

.profile-v2-content {
  padding: 12px 0 46px;
}

.profile-v2-content > .section-row {
  margin-top: 22px;
}

.profile-v2-empty,
.profile-v2-list-empty {
  display: flex;
  min-height: 180px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  border: 1px dashed #2b2b2e;
  border-radius: 14px;
  color: #77777c;
  background: #111112;
}

.profile-v2-empty svg {
  width: 38px;
  height: 38px;
}

.profile-v2-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 14px;
}

.profile-v2-section-heading h2 {
  margin: 1px 0 0;
  color: #f4f4f5;
  font-size: 21px;
  line-height: 1.25;
}

.profile-v2-section-heading h2 em {
  margin-left: 5px;
  color: #77777d;
  font-size: 12px;
  font-style: normal;
  vertical-align: middle;
}

.profile-v2-section-kicker {
  color: #6f6f74;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.profile-v2-favorites-filters {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 18px 0 8px;
}

.profile-v2-favorites-filter {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 17px;
  border: 1px solid #303034;
  border-radius: 10px;
  color: #a0a0a5;
  background: #19191b;
  font-size: 13px;
  font-weight: 800;
  transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}

.profile-v2-favorites-filter svg {
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
}

.profile-v2-favorites-filter:hover {
  border-color: #4a4a4f;
  color: #fff;
  background: #222225;
}

.profile-v2-favorites-filter.active {
  border-color: #ed1c24;
  color: #fff;
  background: #ed1c24;
  box-shadow: 0 8px 22px rgba(237, 28, 36, .18);
}

.profile-v2-favorites-watch {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 15px;
  border: 1px solid #303034;
  border-radius: 10px;
  color: #f2f2f3;
  background: #19191b;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
  transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.profile-v2-favorites-watch svg {
  width: 18px;
  height: 18px;
}

.profile-v2-favorites-watch:hover {
  border-color: #ed1c24;
  color: #fff;
  background: #252527;
}

.profile-v2-favorites-title-full {
  display: none;
}

.profile-v2-favorites[data-favorites-filter="all"] .profile-v2-favorites-shorts .profile-v2-short-card:nth-child(n+7),
.profile-v2-favorites[data-favorites-filter="all"] .profile-v2-favorites-section > .pagination {
  display: none;
}

.profile-v2-favorites[data-favorites-filter="videos"] .profile-v2-favorites-shorts,
.profile-v2-favorites[data-favorites-filter="shorts"] .profile-v2-favorites-videos {
  display: none;
}

.profile-v2-favorites[data-favorites-filter="videos"] .profile-v2-favorites-videos .profile-v2-favorites-title-summary,
.profile-v2-favorites[data-favorites-filter="shorts"] .profile-v2-favorites-shorts .profile-v2-favorites-title-summary {
  display: none;
}

.profile-v2-favorites[data-favorites-filter="videos"] .profile-v2-favorites-videos .profile-v2-favorites-title-full,
.profile-v2-favorites[data-favorites-filter="shorts"] .profile-v2-favorites-shorts .profile-v2-favorites-title-full {
  display: inline;
}

.profile-v2-favorites-section {
  margin-top: 30px;
}

.profile-v2-favorites-section > .pagination {
  margin-top: 34px;
}

.profile-v2-see-all {
  display: inline-flex;
  align-items: center;
  color: var(--sort-color);
  font-size: 14px;
  font-weight: 400;
}

.profile-v2-see-all:hover {
  color: #000;
}

.profile-v2-see-all svg {
  width: 16px;
  height: 16px;
}

.profile-v2-shorts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  gap: 18px 12px;
}

.profile-v2-content-profile .profile-v2-shorts-grid {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.profile-v2-content-profile .pagination {
  display: none;
}

.profile-v2-content-shorts .profile-v2-shorts > .pagination {
  margin-top: 36px;
}

.profile-v2-content-shorts .profile-v2-see-all,
.profile-v2-content-videos .profile-v2-videos-more {
  display: none;
}

.profile-v2-content-profile .profile-v2-videos .heading > .sort {
  display: none;
}

.profile-v2-short-card {
  position: relative;
  min-width: 0;
}

.profile-v2-short-media {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 9 / 16;
  border-radius: 12px;
  background: #18181a;
}

.profile-v2-short-media::after {
  position: absolute;
  inset: auto 0 0;
  height: 34%;
  background: linear-gradient(transparent, rgba(0, 0, 0, .74));
  content: "";
  pointer-events: none;
}

.profile-v2-short-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .28s ease;
}

.profile-v2-short-card:hover .profile-v2-short-media img {
  transform: scale(1.035);
}

.profile-v2-short-views {
  position: absolute;
  z-index: 2;
  right: 8px;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  border-radius: 7px;
  color: #fff;
  background: rgba(0, 0, 0, .68);
  font-size: 10px;
  font-weight: 800;
}

.profile-v2-short-views svg {
  width: 13px;
  height: 13px;
}

.profile-v2-short-edit {
  position: absolute;
  z-index: 3;
  top: 7px;
  right: 7px;
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 9px;
  color: #fff;
  background: rgba(220, 27, 34, .94);
  box-shadow: 0 5px 14px rgba(0, 0, 0, .3);
}

.profile-v2-short-edit:hover {
  color: #fff;
  background: #f12b31;
}

.profile-v2-short-edit.disabled {
  opacity: .45;
  pointer-events: none;
}

.profile-v2-short-edit svg {
  width: 16px;
  height: 16px;
}

.profile-v2-short-title {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 8px;
  color: #d8d8da;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.profile-v2-short-title:hover {
  color: #fff;
}

.profile-v2-page .profile-upload-media-pending {
  cursor: default;
}

.profile-v2-page .profile-upload-card--pending .img-holder img,
.profile-v2-page .profile-v2-short-card.profile-upload-card--pending .profile-v2-short-media img {
  filter: grayscale(.72) brightness(.5);
}

.profile-v2-page .profile-upload-card--pending:hover .img-holder img,
.profile-v2-page .profile-v2-short-card.profile-upload-card--pending:hover .profile-v2-short-media img {
  transform: none;
}

.profile-v2-page .thumb.profile-upload-card--pending .item-control,
.profile-v2-page .profile-v2-short-card.profile-upload-card--pending .profile-v2-short-edit {
  z-index: 6;
}

.profile-upload-placeholder {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #66666c;
  background:
    radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .055), transparent 34%),
    #18181a;
}

.profile-upload-placeholder svg {
  width: 44px;
  height: 44px;
}

.profile-upload-status {
  position: absolute;
  z-index: 4;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: rgba(7, 7, 9, .36);
  pointer-events: none;
}

.profile-upload-status-label {
  display: inline-flex;
  max-width: 100%;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 9px;
  color: #fff;
  background: rgba(31, 31, 34, .94);
  box-shadow: 0 5px 18px rgba(0, 0, 0, .34);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.25;
  text-align: center;
}

.profile-upload-status--processing .profile-upload-status-label {
  border-color: rgba(77, 154, 255, .65);
  background: rgba(26, 75, 137, .94);
}

.profile-upload-status--moderation .profile-upload-status-label {
  border-color: rgba(255, 194, 71, .72);
  color: #fff6dc;
  background: rgba(132, 87, 8, .95);
}

.profile-upload-status--error .profile-upload-status-label {
  border-color: rgba(255, 91, 96, .72);
  background: rgba(139, 24, 29, .95);
}

.profile-upload-status--inactive .profile-upload-status-label {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(47, 47, 51, .95);
}

.profile-upload-spinner {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 2px solid rgba(255, 255, 255, .38);
  border-top-color: #fff;
  border-radius: 50%;
  animation: profile-upload-spinner .8s linear infinite;
}

@keyframes profile-upload-spinner {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-upload-spinner {
    animation: none;
  }
}

/* Profile editor */
.profile-edit-v2.modal-inner {
  width: min(920px, calc(100vw - 36px));
  max-width: 920px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #303034;
  border-radius: 18px;
  background: #151516;
}

.profile-edit-v2-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px 17px;
  border-bottom: 1px solid #29292c;
}

.profile-edit-v2-header .modal-title {
  margin: 0;
  color: #fff;
  font-size: 21px;
  font-weight: 850;
}

.profile-edit-v2-header p {
  margin: 5px 0 0;
  color: #838388;
  font-size: 12px;
}

.profile-edit-v2-header .close-btn {
  position: static;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
}

.profile-edit-v2 .modal-holder {
  padding: 0;
}

.profile-edit-v2 .success {
  width: calc(100% - 32px);
  margin: 30px 16px 16px;
  padding: 9px 14px;
  border-radius: 10px;
  background: rgba(71, 177, 25, 0.1);
  box-sizing: border-box;
  overflow: hidden;
}

.profile-edit-v2-tabs {
  display: flex;
  padding: 0 24px;
  overflow-x: auto;
  border-bottom: 1px solid #29292c;
  background: #131314;
  scrollbar-width: none;
}

.profile-edit-v2-tabs::-webkit-scrollbar {
  display: none;
}

.profile-edit-v2-tabs button {
  position: relative;
  display: inline-flex;
  min-height: 50px;
  align-items: center;
  gap: 7px;
  padding: 0 17px;
  border: 0;
  color: #89898f;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.profile-edit-v2-tabs button.active {
  color: #fff;
}

.profile-edit-v2-tabs button.active::after {
  position: absolute;
  right: 12px;
  bottom: -1px;
  left: 12px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: #ed2228;
  content: "";
}

.profile-edit-v2-tabs svg {
  width: 16px;
  height: 16px;
}

.profile-edit-v2-body {
  max-height: min(62vh, 620px);
  overflow-y: auto;
  padding: 22px 24px 25px;
}

.profile-edit-v2-pane {
  display: none;
}

.profile-edit-v2-pane.active {
  display: block;
}

.profile-edit-v2-section-heading {
  margin-bottom: 18px;
}

.profile-edit-v2-section-heading h3 {
  margin: 0;
  color: #f2f2f3;
  font-size: 16px;
}

.profile-edit-v2-section-heading p {
  margin: 5px 0 0;
  color: #79797f;
  font-size: 12px;
}

.profile-edit-v2 .row {
  margin-bottom: 16px;
}

.profile-edit-v2 .field-label {
  display: block;
  margin-bottom: 7px;
  color: #cfcfd2;
  font-size: 12px;
  font-weight: 750;
}

.profile-edit-v2 .textfield,
.profile-edit-v2 .selectbox,
.profile-edit-v2 .textarea {
  width: 100%;
  border: 1px solid #323236;
  border-radius: 9px;
  color: #f0f0f1;
  background: #1c1c1e;
  box-shadow: none;
}

.profile-edit-v2 .textfield,
.profile-edit-v2 .selectbox {
  min-height: 43px;
}

.profile-edit-v2 .textfield:focus,
.profile-edit-v2 .selectbox:focus,
.profile-edit-v2 .textarea:focus {
  border-color: #b62a2e;
  outline: none;
}

.profile-edit-v2-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}

.profile-edit-v2 .date fieldset {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.profile-edit-v2 .date fieldset .selectbox {
  width: 100%;
  min-width: 0;
}

.profile-edit-v2-appearance {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.4fr);
  gap: 16px;
}

.profile-edit-v2-upload-card {
  padding: 15px;
  border: 1px solid #2e2e31;
  border-radius: 13px;
  background: #19191b;
}

.profile-edit-v2-upload-card.is-disabled {
  opacity: .62;
}

.profile-edit-v2-preview {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  border: 1px solid #343438;
  color: #77777c;
  background: #101011;
  font-size: 20px;
  font-weight: 900;
}

.profile-edit-v2-preview.is-avatar {
  width: 104px;
  height: 104px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 50%;
}

.profile-edit-v2-preview.is-cover {
  width: 100%;
  aspect-ratio: 4 / 1;
  border-radius: 9px;
}

.profile-edit-v2-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-edit-v2-upload-copy {
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
  text-align: center;
}

.profile-edit-v2-upload-copy strong {
  color: #e7e7e9;
  font-size: 13px;
}

.profile-edit-v2-upload-copy span {
  color: #77777c;
  font-size: 10px;
}

.profile-edit-v2 label.profile-edit-v2-file {
  display: flex;
  min-height: 39px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #3b3b40;
  border-radius: 9px;
  color: #e8e8ea;
  background: #242427;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}

.profile-edit-v2-file-control {
  position: relative;
}

.profile-edit-v2 label.profile-edit-v2-file:hover {
  border-color: #b72a2e;
}

.profile-edit-v2-native-file {
  position: absolute;
  z-index: 2;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.profile-edit-v2-delete {
  position: relative;
  display: grid;
  grid-template-columns: 15px max-content;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
  width: max-content;
  min-height: 34px;
  margin: 10px auto 0;
  padding: 0 16px;
  border: 1px solid #3b3b40;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.025);
  color: #a7a7ab;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.12s ease;
}

.profile-edit-v2-delete::before {
  content: "\00d7";
  display: grid;
  grid-column: 1;
  grid-row: 1;
  place-items: center;
  width: 15px;
  height: 15px;
  font-size: 17px;
  line-height: 1;
}

.profile-edit-v2-delete > span {
  display: block;
  grid-column: 2;
  grid-row: 1;
  line-height: 1;
  text-align: center;
}

.profile-edit-v2-delete input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.profile-edit-v2-delete:hover {
  border-color: #b72a2e;
  color: #fff;
  background: rgba(183, 42, 46, 0.1);
}

.profile-edit-v2-delete:active {
  transform: scale(0.96);
}

.profile-edit-v2-delete.is-selected {
  border-color: #ed1c24;
  color: #fff;
  background: #ed1c24;
  box-shadow: 0 0 0 3px rgba(237, 28, 36, 0.16), 0 6px 18px rgba(237, 28, 36, 0.24);
  animation: profile-delete-selected 0.3s ease;
}

.profile-edit-v2-delete.is-selected::before {
  content: "\2713";
  font-size: 13px;
  font-weight: 900;
}

.profile-edit-v2-preview {
  transition: opacity 0.2s ease, filter 0.2s ease, transform 0.2s ease;
}

.profile-edit-v2-upload-card.is-delete-pending .profile-edit-v2-preview {
  opacity: 0.42;
  filter: grayscale(1);
  transform: scale(0.985);
}

@keyframes profile-delete-selected {
  0% {
    transform: scale(0.94);
  }
  65% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .profile-edit-v2-delete.is-selected {
    animation: none;
  }
}

.profile-edit-v2 label.profile-edit-v2-delete {
  display: grid;
  grid-template-columns: 15px max-content;
  align-items: center;
  justify-content: center;
  column-gap: 7px;
  margin-bottom: 0;
}

.profile-edit-v2-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}

.profile-edit-v2-link-field {
  position: relative;
  display: flex;
  align-items: center;
}

.profile-edit-v2-link-field > img {
  position: absolute;
  left: 12px;
  z-index: 2;
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.profile-edit-v2-link-field .textfield {
  padding-right: 38px;
  padding-left: 39px;
}

.profile-edit-v2-link-field > button {
  position: absolute;
  right: 7px;
  z-index: 2;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 7px;
  color: #99999d;
  background: #29292c;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

.profile-edit-v2-link-field > button:hover {
  color: #fff;
  background: #4d2022;
}

.profile-edit-v2-custom-link {
  grid-column: 1 / -1;
}

.profile-edit-v2-custom-pair {
  display: grid;
  grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr);
  gap: 10px;
}

.profile-edit-v2-footer {
  display: flex;
  justify-content: flex-end;
  padding: 14px 24px;
  border-top: 1px solid #29292c;
  background: #131314;
}

.profile-edit-v2-footer .submit {
  min-width: 150px;
  min-height: 42px;
  border: 0;
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(135deg, #f02228, #d4151c);
  font-size: 13px;
  font-weight: 850;
}

@media (max-width: 1180px) {
  .profile-v2-shell {
    width: calc(100% - 40px);
  }

  .profile-v2-content-profile .profile-v2-shorts-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 820px) {

  .profile-v2-page img.lazy-load[src^="data:image"] {
    animation: none;
  }

  .profile-v2-content-shorts .profile-v2-shorts > .pagination {
    margin-top: 24px;
  }

  .profile-v2-content-shorts .profile-v2-shorts-grid,
  .profile-v2-favorites-shorts .profile-v2-shorts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 9px;
  }

  .fancybox-wrap.fancybox-profile-edit {
    position: fixed !important;
    top: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
    width: auto !important;
    height: auto !important;
  }

  .fancybox-profile-edit .fancybox-skin,
  .fancybox-profile-edit .fancybox-outer,
  .fancybox-profile-edit .fancybox-inner {
    width: 100% !important;
    height: 100% !important;
  }

  .profile-edit-v2.modal-inner {
    display: flex;
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 0;
    max-height: none;
    flex-direction: column;
  }

  .profile-edit-v2 .modal-holder,
  .profile-edit-v2 .modal-holder > form {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
  }

  .profile-edit-v2-header,
  .profile-edit-v2-tabs,
  .profile-edit-v2-footer {
    flex: 0 0 auto;
  }

  .profile-edit-v2-body {
    min-width: 0;
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

  .profile-v2-cover {
    height: 118px;
  }

  .profile-v2-shell {
    width: calc(100% - 28px);
    margin-top: -42px;
  }

  .profile-v2-identity {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12px;
  }

  .profile-v2-avatar-wrap {
    flex-basis: 88px;
  }

  .profile-v2-avatar {
    width: 88px;
    height: 88px;
    border-width: 4px;
  }

  .profile-v2-avatar-empty {
    font-size: 27px;
  }

  .profile-v2-main {
    flex: 1 1 calc(100% - 102px);
    width: calc(100% - 102px);
    min-width: 0;
    max-width: calc(100% - 102px);
    overflow: hidden;
    padding-top: 47px;
  }

  .profile-v2-name-row h1 {
    font-size: 21px;
  }

  .profile-v2-handle {
    font-size: 12px;
  }

  .profile-v2-bio {
    display: -webkit-box;
    overflow: hidden;
    font-size: 13px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .profile-v2-facts {
    gap: 5px 12px;
  }

  .profile-v2-joined {
    display: none;
  }

  .profile-v2-socials {
    max-width: calc(100vw - 122px);
  }

  .profile-v2-actions {
    width: 100%;
    padding: 0;
  }

  .profile-v2-actions > .profile-v2-btn:not(.profile-v2-btn-icon),
  .profile-v2-actions > .profile-v2-settings {
    flex: 1 1 0;
  }

  .profile-v2-settings > summary {
    width: 100%;
  }

  .profile-v2-settings-menu {
    right: 0;
    left: auto;
  }

  .profile-v2-notice,
  .profile-v2-creator {
    margin-left: 0;
  }

  .profile-v2-creator-grid {
    gap: 7px;
  }

  .profile-v2-metric {
    align-items: flex-start;
    flex-direction: column;
    padding: 10px;
  }

  .profile-v2-container {
    padding-top: 9px;
  }

  .profile-v2-tab {
    min-height: 48px;
    padding: 0 11px;
    font-size: 12px;
  }

  .profile-v2-tab svg {
    width: 15px;
    height: 15px;
  }

  .profile-v2-content-profile .profile-v2-shorts-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .profile-edit-v2-grid,
  .profile-edit-v2-links,
  .profile-edit-v2-appearance {
    grid-template-columns: 1fr;
  }

  .profile-edit-v2-custom-pair {
    grid-template-columns: 1fr;
  }
}

@media (hover: none) and (pointer: coarse) {
  .profile-v2-page .profile-v2-short-media img,
  .profile-v2-page .thumb .img-holder img {
    transition: none;
  }

  .profile-v2-page .profile-v2-short-card:hover .profile-v2-short-media img,
  .profile-v2-page .thumb:hover .img-holder img {
    transform: none;
  }
}

@media (max-width: 560px) {
  .fancybox-wrap.fancybox-profile-edit {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
  }

  .profile-v2-shell {
    width: calc(100% - 22px);
  }

  .profile-v2-main {
    width: calc(100% - 100px);
    max-width: calc(100% - 100px);
  }

  .profile-v2-actions {
    gap: 7px;
  }

  .profile-v2-btn {
    min-height: 39px;
    padding: 0 12px;
    font-size: 12px;
  }

  .profile-v2-btn-icon {
    flex: 0 0 39px;
    width: 39px;
    padding: 0;
  }

  .profile-v2-settings summary span {
    display: none;
  }

  .profile-v2-settings > summary {
    width: 42px;
    padding: 0;
  }

  .profile-v2-actions > .profile-v2-settings {
    flex: 0 0 42px;
  }

  .profile-v2-creator {
    padding: 13px;
  }

  .profile-v2-creator-head > div {
    display: block;
  }

  .profile-v2-creator-head span {
    display: block;
    margin-top: 3px;
  }

  .profile-v2-creator-grid {
    grid-template-columns: 1fr;
  }

  .profile-v2-metric {
    align-items: center;
    flex-direction: row;
  }

  .profile-v2-tab span {
    display: inline;
  }

  .profile-v2-tab {
    gap: 5px;
    padding: 0 10px;
  }

  .profile-v2-shorts-grid,
  .profile-v2-content-profile .profile-v2-shorts-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 7px;
  }

  .profile-v2-favorites-filters {
    gap: 6px;
    margin-top: 14px;
  }

  .profile-v2-favorites-filter {
    min-width: 0;
    min-height: 38px;
    flex: 1 1 0;
    gap: 5px;
    padding: 0 8px;
    font-size: 12px;
  }

  .profile-v2-favorites-filter svg {
    width: 15px;
    height: 15px;
    flex-basis: 15px;
  }

  .profile-v2-favorites-watch {
    min-height: 38px;
    padding: 0 11px;
    font-size: 12px;
  }

  .profile-v2-favorites-watch svg {
    width: 16px;
    height: 16px;
  }

  .profile-v2-favorites-section {
    margin-top: 24px;
  }

  .profile-v2-favorites-section > .pagination {
    margin-top: 26px;
  }

  .profile-v2-short-media {
    border-radius: 9px;
  }

  .profile-v2-short-edit {
    top: 5px;
    right: 5px;
    width: 29px;
    height: 29px;
    border-radius: 8px;
    z-index: 1;
  }

  .profile-v2-short-title {
    margin-top: 6px;
    font-size: 11px;
  }

  .profile-upload-status {
    padding: 7px;
  }

  .profile-upload-status-label {
    min-height: 28px;
    gap: 5px;
    padding: 6px 7px;
    border-radius: 8px;
    font-size: 10px;
  }

  .profile-upload-spinner {
    width: 12px;
    height: 12px;
    flex-basis: 12px;
  }

  .profile-v2-section-heading h2 {
    font-size: 18px;
  }

  .profile-edit-v2.modal-inner {
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 0;
    max-height: none;
    border: 0;
    border-radius: 0;
  }

  .profile-edit-v2-header {
    padding: 17px 16px 13px;
  }

  .profile-edit-v2-header .modal-title {
    font-size: 19px;
  }

  .profile-edit-v2-tabs {
    padding: 0 6px;
  }

  .profile-edit-v2-tabs button {
    flex: 1 0 auto;
    justify-content: center;
    padding: 0 12px;
  }

  .profile-edit-v2-body {
    max-height: none;
    padding: 18px 15px 22px;
  }

  .profile-edit-v2 .date fieldset {
    grid-template-columns: 1fr;
  }

  .profile-edit-v2-footer {
    padding: 11px 15px max(11px, env(safe-area-inset-bottom));
  }

  .profile-edit-v2-footer .submit {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .profile-edit-v2-header {
    gap: 10px;
    padding-right: 12px;
    padding-left: 12px;
  }

  .profile-edit-v2-header p {
    max-width: 270px;
    font-size: 11px;
  }

  .profile-edit-v2-tabs button {
    gap: 5px;
    min-height: 47px;
    padding: 0 8px;
    font-size: 12px;
  }

  .profile-edit-v2-tabs svg {
    width: 14px;
    height: 14px;
  }

  .profile-edit-v2-body {
    padding-right: 12px;
    padding-left: 12px;
  }
}

[data-tp-signup-validation] .tp-signup-password-field,
.tp-login-password-field {
  position: relative;
  width: 100%;
}

[data-tp-signup-validation] .tp-signup-password-field .textfield,
.tp-login-password-field .textfield {
  padding-right: 48px;
}

[data-tp-signup-validation] .tp-signup-password-toggle,
.tp-login-password-toggle {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 14px;
  display: inline-flex;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 4px;
  transform: translateY(-50%);
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #a5a5a5;
  cursor: pointer;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

[data-tp-signup-validation] .tp-signup-password-toggle:hover,
[data-tp-signup-validation] .tp-signup-password-toggle:focus-visible,
.tp-login-password-toggle:hover,
.tp-login-password-toggle:focus-visible {
  color: #fff;
}

[data-tp-signup-validation] .tp-signup-password-toggle:focus-visible,
.tp-login-password-toggle:focus-visible {
  outline: 2px solid #f50e14;
  outline-offset: 2px;
}

[data-tp-signup-validation] .tp-signup-password-toggle svg,
.tp-login-password-toggle svg {
  display: block;
  width: 22px;
  height: 22px;
  fill: currentColor;
  pointer-events: none;
}

[data-tp-signup-validation] .tp-signup-password-toggle.is-password-hidden::after,
.tp-login-password-toggle.is-password-hidden::after {
  content: "";
  position: absolute;
  width: 23px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
  transform: rotate(43deg);
  pointer-events: none;
}

[data-tp-signup-validation] .tp-signup-password-field .textfield.tp-signup-invalid {
  border-color: #f50e14 !important;
  box-shadow: 0 0 0 1px #f50e14 !important;
}

.modal-inner [data-tp-signup-validation] .row .field-error.tp-signup-inline-error {
  position: static;
  display: block;
  min-height: 15px;
  margin-top: 6px;
  color: #f50e14;
  font-size: 12px;
  line-height: 1.25;
}

@media (max-width: 480px) {
  [data-tp-signup-validation] .tp-signup-password-toggle,
  .tp-login-password-toggle {
    right: 10px;
    width: 32px;
    height: 32px;
  }

  [data-tp-signup-validation] .tp-signup-password-field .textfield,
  .tp-login-password-field .textfield {
    padding-right: 46px;
  }
}

@media (max-width: 1024px) {
  .header-holder {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .header-holder .header-inner {
    position: relative;
    min-height: 78px;
    justify-content: flex-start;
  }

  .header-holder .header-inner > .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 235px;
    max-width: calc(100vw - 150px);
    min-width: 0;
  }

  .header-holder .header-inner > .logo img {
    width: 235px;
    max-width: 100%;
    height: auto;
  }

  .header-holder .header-inner > .tp-notif-mwrap {
    flex: 0 0 30px;
    margin-left: auto;
  }

  .header-holder .header-inner > .search-js {
    flex: 0 0 30px;
    margin-left: auto;
  }

  .header-holder .header-inner > .tp-notif-mwrap + .search-js {
    margin-left: 4px;
  }
}

.btn-telegram {
  background: #229ed9;
  border-color: #229ed9;
  color: #fff;
}

.profile-v2-settings-menu .profile-v2-settings-linked {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  border-radius: 8px;
  color: #d5d5d7;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.profile-v2-settings-menu .profile-v2-settings-linked svg {
  flex: 0 0 17px;
  width: 17px;
  height: 17px;
  color: #2aabee;
}

.profile-v2-settings-menu .profile-v2-settings-linked-text {
  min-width: 0;
}

.profile-v2-settings-menu .profile-v2-settings-linked small {
  display: block;
  overflow: hidden;
  margin-top: 2px;
  color: #8e8e92;
  font-size: 11px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 800px) {
  .thumbs.tp-home-1col,
  .thumbs.tp-browse-2col {
    margin-left: -10px;
    margin-right: -10px;
    column-gap: 3px;
  }
  .thumbs.tp-home-1col .thumb,
  .thumbs.tp-browse-2col .thumb {
    padding-left: 0;
    padding-right: 0;
  }

  .thumbs.tp-browse-2col .thumb { width: calc(50% - 1.5px); }

  .thumbs.tp-home-1col .thumb .img-holder,
  .thumbs.tp-browse-2col .thumb .img-holder { border-radius: 0; }

  .thumbs.tp-home-1col .thumb .title,
  .thumbs.tp-home-1col .thumb .thumb-bottom,
  .thumbs.tp-browse-2col .thumb .title,
  .thumbs.tp-browse-2col .thumb .thumb-bottom {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* FIM */

.thumb .img-holder > video,
.shorts-videos .short-thumb > video,
.short-thumb-related > video,
.short-thumb-aside > video {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
/* FIM */

/* PARTE 2 — O TEMA */

/* TP */

@font-face { font-family: "MiSans"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Latin/MiSansLatin-Regular.woff2") format("woff2"); }
@font-face { font-family: "MiSans"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Latin/MiSansLatin-Medium.woff2") format("woff2"); }
@font-face { font-family: "MiSans"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Latin/MiSansLatin-Semibold.woff2") format("woff2"); }
@font-face { font-family: "MiSans"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Latin/MiSansLatin-Bold.woff2") format("woff2"); }
@font-face { font-family: "MiSans"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/misans@4.1.0/lib/Latin/MiSansLatin-Heavy.woff2") format("woff2"); }

html {
  --tp-bg: #000000;
  --tp-surface: #141414;
  --tp-surface-2: #1c1c1c;
  --tp-surface-3: #262626;
  --tp-text: rgba(255, 255, 255, 0.92);
  --tp-text-2: rgba(255, 255, 255, 0.55);
  --tp-text-3: rgba(255, 255, 255, 0.48);
  --tp-accent: #ff4a52;
  --tp-accent-2: #ff7a59;
  --tp-accent-deep: #f50e14;
  --tp-accent-soft: rgba(255, 74, 82, 0.14);
  --tp-glow: 0 10px 30px rgba(255, 74, 82, 0.28);
  --tp-radius: 16px;
  --tp-radius-lg: 24px;
  --tp-pill: 999px;
  --tp-font: "MiSans", "PingFang SC", "Segoe UI", system-ui, sans-serif;

  
  --main-background: var(--tp-bg);
  --header-background: var(--tp-bg);
  --header-background2: var(--tp-bg);
  --header-border: none;
  --header-border2: none;
  --thumb-box-bg: transparent;
  --thumb-placeholder-bg: var(--tp-surface);
  --footer-bg: var(--tp-bg);
  --footer-box-bg: transparent;
  --footer-border: none;
  --pagination-bg: var(--tp-surface);
  --sort-bg: var(--tp-surface);
  --sort-box-bg: var(--tp-surface-2);
  --sort-box-pseudo: transparent;
  --tags-link-bg: var(--tp-surface);
  --tags-link-bg-hover: var(--tp-surface-3);
  --input-bg: var(--tp-surface-2);
  --input-bg2: var(--tp-surface-2);
  --input-border: 1px solid transparent;
  --input-upload-bg: var(--tp-surface-2);
  --btn-bg: var(--tp-surface-2);
  --btn-report: var(--tp-surface-2);
  --btn-box-shadow: none;
  --member-menu-bg: var(--tp-surface-2);
  --img-placeholder-bg: var(--tp-surface);
  --img-placeholder-bg2: var(--tp-surface);
  --img-placeholder-bg3: var(--tp-surface);
  --profile-bg: transparent;
  --profile-sort-bg: var(--tp-surface);
  --profile-sort-border: none;
  --community-sort-bg: var(--tp-surface);
  --community-item-border: 4px solid var(--tp-bg);
  --community-filter-border: none;
  --community-filter-input-border: 1px solid transparent;
  --thumbs-bottom-btn-bg: var(--tp-surface);
  --checkbox-bg: var(--tp-surface-2);
  --radio-bg: var(--tp-surface-2);
  --comment-item-bg: transparent;
  --modal-bg: var(--tp-surface);
  --subscribe-bg: var(--tp-surface-2);
  --video-sub-btn: var(--tp-accent);
  --video-sub-btn-count: var(--tp-surface-2);
  --embed-button-bg: var(--tp-surface-2);
  --profile-heading-btn-bg: var(--tp-surface-2);
  --profile-heading-btn-color: var(--tp-text);
  --subscription-bg: transparent;
  --subscription-btn-bg: var(--tp-surface-2);
  --suggestion-bg: var(--tp-surface-2);
  --suggestion-group-bg: var(--tp-surface-3);
  --comment-like-bg: var(--tp-surface-2);
  --video-controls-border: none;

  --general-color: var(--tp-text);
  --main-grey-color: var(--tp-text-2);
  --nav-link-color: var(--tp-text-2);
  --heading-title-color: var(--tp-text);
  --thumb-text-color: var(--tp-text);
  --thumb-info-color: var(--tp-text-3);
  --input-color2: var(--tp-text-3);
  --upload-title-color: var(--tp-text-2);
  --subscribe-color: var(--tp-text-2);
  --theme-hover-color: var(--tp-accent);
  --desc-color: var(--tp-text);

  --cor-primaria: var(--tp-accent);
  --cor-secundaria: var(--tp-accent-2);
  --cor-fundo: var(--tp-bg);
  --cor-card: var(--tp-surface);
  --cor-card-hover: var(--tp-surface-2);
  --cor-borda: transparent;
  --cor-texto: var(--tp-text);
  --cor-texto-sec: var(--tp-text-2);
  --cor-texto-muted: var(--tp-text-3);

  --swiper-btn-prev: linear-gradient(90deg, var(--tp-bg) 52.6%, rgba(0, 0, 0, 0) 100%);
  --swiper-btn-next: linear-gradient(270deg, var(--tp-bg) 52.6%, rgba(0, 0, 0, 0) 100%);
}

/* 1. BASE */
body {
  font-family: var(--tp-font);
  background: var(--tp-bg);
  color: var(--tp-text);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { transition: color 0.18s ease, background-color 0.18s ease, opacity 0.18s ease, transform 0.18s ease; }
.container { padding: 0 24px; }
::selection { background: var(--tp-accent-soft); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #2e2e2e; border-radius: 99px; }
::-webkit-scrollbar-track { background: var(--tp-bg); }

/* 2. CABEÇALHO: flutuante, sem linhas */
.header-links { background: var(--tp-bg); }
.header-links .header-inner { padding: 6px 0; font-size: 12px; opacity: 0.85; }
.header-holder {
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: none;
  padding: 10px 0;
}
.header-holder .header-inner { min-height: 60px; gap: 12px; }

.header-holder { position: relative; z-index: 40; }
@media (min-width: 1025px) { .header-nav { position: relative; z-index: 10; } }
.gender-filter-drop,
.upload-list,
.leng-holder .drop,
.tp-notif-dropdown { z-index: 50; }
.gender-filter-drop { min-width: 160px; padding: 6px; }
.gender-filter-drop a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; color: var(--tp-text-2); font-weight: 500; white-space: nowrap; }
.gender-filter-drop a:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.gender-filter-btn.active,
.gender-filter-wrap.open .gender-filter-btn { color: var(--tp-text); background: var(--tp-surface-2); }


.search { padding: 0 24px; }
.search input {
  height: 44px;
  padding: 10px 50px 10px 22px;
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  border: 1px solid transparent;
  color: var(--tp-text);
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
  transition: background-color 0.18s ease;
}
.search input:hover { background: var(--tp-surface-2); }
.search input:focus { background: var(--tp-surface-2); outline: none; border-color: rgba(255, 255, 255, 0.08); }
.search input::placeholder { color: var(--tp-text-3); font-weight: 500; }
.search .btn-search { right: 18px; transform: translateY(-50%); }
.search .btn-search svg { width: 18px; height: 18px; fill: var(--tp-text-2); }


.buttons-col .upload-btn {
  display: inline-flex;
  align-items: center;
  align-content: normal;
  height: 40px;
  padding: 0 18px 0 14px;
  margin-right: 10px;
  border: none;
  border-radius: var(--tp-pill);
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2));
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  box-shadow: var(--tp-glow);
}
.buttons-col .upload-btn i { display: inline-flex; align-items: center; margin-right: 8px; }
.buttons-col .upload-btn svg { width: 16px; height: 16px; fill: #ffffff; }
.buttons-col .upload-btn:hover { color: #ffffff; transform: translateY(-1px); filter: brightness(1.06); }
.buttons-col .upload-btn:hover svg { fill: #ffffff; }
.gender-filter-btn,
.hero-gender-section .gender-filter-btn,
.hero-lang-btn {
  height: 40px;
  padding: 0 16px;
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  color: var(--tp-text);
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
}
.gender-filter-btn:hover,
.hero-lang-btn:hover,
.hero-lang-btn.active { background: var(--tp-surface-2); color: var(--tp-text); }
.gender-filter-drop,
.upload-list,
.buttons-col .upload-list,
.leng-holder .drop,
.tp-notif-dropdown,
.sort .sort-drop {
  border: none;
  border-radius: var(--tp-radius);
  background: var(--tp-surface-2);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}
.mebers-photo { width: 36px; height: 36px; border-radius: 50%; background: var(--tp-surface-2); }
.mebers-block a { padding: 8px 12px; border-radius: var(--tp-pill); font-size: 14px; font-weight: 500; color: var(--tp-text); }
.mebers-block a:hover { background: var(--tp-surface); color: var(--tp-text); }

/* 3. MENU */
.header-nav { background: var(--tp-bg); border-bottom: none; }
.header-nav .header-inner { min-height: 52px; padding-bottom: 6px; }
.header-nav .nav-link {
  height: 38px;
  padding: 0 16px;
  border-radius: var(--tp-pill);
  background: transparent;
  color: var(--tp-text-2);
  font-size: 14px;
  font-weight: 500;
}
.header-nav .nav-link:hover { color: var(--tp-text); background: var(--tp-surface); }
.header-nav .nav-link.active { color: #000000; background: #ffffff; font-weight: 600; }
.header-nav .nav-link.active::before,
.header-nav .nav-link.active::after { display: none; }
.header-nav .header-inner .tp-nav-link svg { width: 17px; height: 17px; }
.header-nav .header-inner .tp-nav-link { gap: 8px; }


.hero-user-card { border-radius: var(--tp-radius); }
.hero-user-avatar { border: none; background: var(--tp-surface-2); color: var(--tp-text); }
.hero-user-name { font-weight: 600; }
.hero-user-dropdown { background: transparent; }
.hero-dropdown-link,
.hero-nav-item { font-weight: 500; border-radius: var(--tp-pill); color: var(--tp-text-2); }
.hero-nav-item.active { background: #ffffff; color: #000000; }
.hero-guest-btn { border-radius: var(--tp-pill); font-weight: 600; }
.hero-close-btn { border-radius: 50%; background: var(--tp-surface); }

/* 4. TÍTULOS, ORDENAÇÃO, CHIPS */
.heading { margin-bottom: 6px; }
.heading .title { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; color: var(--tp-text); }
.heading .title em { color: var(--tp-text-3); font-weight: 500; }
.section-row .description-holder h2,
.section-row .description-holder h3 { font-weight: 600; letter-spacing: -0.01em; }
.sort .sort-title,
.more-title {
  height: 38px;
  padding: 0 16px;
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  color: var(--tp-text-2);
  font-size: 13px;
  font-weight: 600;
}
.more-title:hover,
.sort .sort-title:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.sort .sort-drop { overflow: hidden; padding: 6px; }
.sort .sort-drop::before,
.sort .sort-drop::after { display: none; }
.sort .sort-drop a { padding: 10px 14px; border-radius: 10px; color: var(--tp-text-2); font-weight: 500; }
.sort .sort-drop a:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.tags-holder a,
.tags a,
.tp-tags a {
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  color: var(--tp-text-2);
  font-weight: 500;
}
.tags-holder a:hover,
.tags a:hover { background: var(--tp-surface-2); color: var(--tp-text); }

/* 5. THUMBS */
.thumb > a,
.community_thumbs .thumb > a { display: block; }
.thumb .img-holder {
  border-radius: var(--tp-radius);
  margin-bottom: 12px;
  background: var(--tp-surface);
  transition: transform 0.25s ease;
}
.thumb > a:hover .img-holder { transform: scale(1.015); }
.thumb .img-holder::after { display: none; }
.thumb .title {
  padding: 0 4px;
  color: var(--tp-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.thumb a:hover .title { color: var(--tp-text); }
.thumb .thumb-bottom { padding: 4px 4px 0; }
.thumb .thumb-bottom .thumb-item { color: var(--tp-text-3); font-size: 12px; font-weight: 500; letter-spacing: 0; }
.thumb .item-bottom { right: 10px; bottom: 10px; gap: 6px; }
.thumb .qualtiy,
.thumb .time {
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: var(--tp-pill);
  font-size: 11px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92);
  padding: 3px 9px;
}
.thumb .img-holder img.video1,
.thumb .img-holder img.video2,
.thumb .img-holder img.video3 { border-color: rgba(255, 255, 255, 0.25); }
.thumbs .img-holder .no-thumb { color: var(--tp-text-3); }
.models-thumbs .thumb .title { font-weight: 600; font-size: 15px; line-height: 1.4; }
.profile .thumb { background: transparent; border: none; border-radius: 0; }
.profile .thumb:hover { box-shadow: none; }
.profile .thumb .img-holder::after { display: none; }
.profile .thumb .title { padding: 0 4px; font-weight: 500; }
.profile .thumb .thumb-bottom { padding: 4px 4px 0; }
.profile .thumb .qualtiy { background: rgba(0, 0, 0, 0.55); }


.pagination { gap: 6px; }
.pagination a,
.pagination a.prev,
.pagination a.next,
.profile .pagination a {
  min-height: 40px;
  height: 40px;
  min-width: 40px;
  padding: 0 14px;
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  color: var(--tp-text-2);
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
}
.pagination a:hover,
.profile .pagination a:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.pagination a.active,
.profile .pagination a.active { background: #ffffff; color: #000000; box-shadow: none; }
.pagination a.jumper { background: transparent; }
.thumbs .bottom .submit,
.list-subscriptions .submit {
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  color: var(--tp-text);
  font-weight: 600;
}

/* 6. BOTÕES E CAMPOS */
.btn {
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface-2);
  color: var(--tp-text);
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
}
.btn:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.info-heading .btn { background: var(--tp-surface-2); color: var(--tp-text); }
.list-subscriptions .item { background: transparent; border-radius: 0; }
.list-subscriptions .item a { border-bottom: 1px solid rgba(255, 255, 255, 0.06); }

.textfield,
.textarea,
.selectbox,
.upload-wrapper input.textfield,
.upload-wrapper textarea,
.modal-inner .textfield,
.modal-inner .textarea,
.modal-inner .file,
.modal-inner select,
.filter input,
.message-form .textarea {
  min-height: 46px;
  padding: 10px 18px;
  border-radius: 14px;
  background: var(--tp-surface-2);
  border: 1px solid transparent;
  color: var(--tp-text);
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
}
.textfield:focus,
.textarea:focus,
.selectbox:focus,
.modal-inner .textfield:focus,
.modal-inner .textarea:focus,
.modal-inner select:focus { background: var(--tp-surface-3); border-color: rgba(255, 255, 255, 0.08); outline: none; }
.field-label,
.profile-edit-v2 .field-label { color: var(--tp-text-2); font-size: 13px; font-weight: 600; }

.textarea,
.modal-inner .textarea,
textarea.textfield { min-height: 110px; height: auto; padding: 12px 18px; line-height: 1.5; resize: vertical; }


.title-holder { background: transparent; border: none; border-radius: 0; padding: 14px 4px; }
.title-holder .title,
.video-inner .title-holder .title { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; text-transform: none; }
.video-inner .title-holder .count-item { background: var(--tp-surface); border-radius: var(--tp-pill); padding: 2px 10px; }
.video-controls .rate-holder .btn { border-radius: var(--tp-pill); background: var(--tp-surface); color: var(--tp-text); }
.video-controls .rate-holder .btn:first-child { border-radius: var(--tp-pill) 0 0 var(--tp-pill); }
.video-controls .rate-holder .btn:last-of-type { border-radius: 0 var(--tp-pill) var(--tp-pill) 0; }
.video-controls .rate-holder .btn:hover { background: var(--tp-surface-2); }
.video-controls .user-box .button-box .btn:hover { box-shadow: none; }
.block-share .textfield { border: 1px solid transparent; }
.comments-list .item { border-bottom: none; padding: 14px 0; }
.comments-list .item .name { color: var(--tp-text); font-weight: 600; }
.comment-form .submit,
.block-comments .submit,
.block-flagging .submit { border-radius: var(--tp-pill); font-weight: 600; }
.block-screenshots .item { border-radius: 12px; }

/* 6b. PÁGINA DE VÍDEO */
.player.video,
.player-holder { border-radius: var(--tp-radius); overflow: hidden; }
.video-inner .title-holder { padding: 16px 4px 12px; }


.video-controls,
.video-controls.flex { border-bottom: none; padding-bottom: 6px; margin-bottom: 14px; }
.video-controls .user-box .avatar-box { border: none; background: var(--tp-surface-2); }
.video-controls .user-box .info-conunt em { font-weight: 600; color: var(--tp-text); }
.video-controls .user-box .info-conunt .count { color: var(--tp-text-3); }
.video-controls .user-box .button-box .btn {
  height: 38px;
  padding: 0 18px;
  border-radius: var(--tp-pill);
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2));
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  box-shadow: var(--tp-glow);
}
.video-controls .user-box .button-box .btn:hover { background: linear-gradient(135deg, var(--tp-accent-2), var(--tp-accent)); box-shadow: var(--tp-glow); transform: none; }
.video-controls .btn-holder .btn,
.video-controls .info-container .btn,
.video-controls .btn-favourites .btn-holder > a.btn,
.video-controls .btn-favourites li > a.btn,
.video-controls .btn-favourites button.drop-btn,
.video-controls .btn-favourites button.drop-btn.second {
  height: 40px;
  min-width: 40px;
  padding: 0 14px;
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  color: var(--tp-text);
  font-size: 13px;
  font-weight: 600;
  box-shadow: none;
}
.video-controls .btn-holder .btn:hover,
.video-controls .info-container .btn:hover,
.video-controls .btn-favourites .btn-holder > a.btn:hover,
.video-controls .btn-favourites li > a.btn:hover,
.video-controls .btn-favourites button.drop-btn:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.video-controls .btn-holder .btn svg,
.video-controls .info-container .btn svg,
.video-controls .btn-favourites .btn-holder > a.btn svg,
.video-controls .btn-favourites li > a.btn svg,
.video-controls .btn-favourites button.drop-btn svg,
.video-controls .btn-favourites button.drop-btn.second svg,
.video-controls .btn-favourites button.drop-btn .arrow svg { fill: var(--tp-text-2); width: 18px; height: 18px; }
.video-controls .btn-holder .btn:hover svg { fill: var(--tp-text); }
.video-controls .btn.active,
.video-controls .btn-holder .btn.active { background: #ffffff; color: #000000; }
.video-controls .btn-holder .btn.active svg { fill: #000000; }
.video-controls .rate-holder { margin-right: 6px; padding-right: 0; }
.video-controls .rate-holder .btn { height: 40px; padding: 0 16px; background: var(--tp-surface); color: var(--tp-text); font-size: 13px; font-weight: 600; }
.video-controls .rate-holder .btn svg { fill: var(--tp-text-2); }
.video-controls .rate-holder .btn:hover { background: var(--tp-surface-2); }
.video-controls .rate-holder .btn:hover svg { fill: var(--tp-text); }
.rate-holder .voters { border-radius: 8px; background: var(--tp-surface-2); color: var(--tp-accent); }

.video-controls .rate-holder,
.video-controls .rate-holder.rating-container { background: transparent; border-radius: 0; gap: 4px; padding: 0; }
.video-controls .rate-holder .btn,
.video-controls .rate-holder .btn:first-child,
.video-controls .rate-holder .btn:last-of-type { border: none; border-radius: var(--tp-pill); }
.rate-holder .btn.like { margin-right: 0; }
.video-controls .rate-holder .btn.rate-like.active,
.video-controls .rate-holder .btn.rate-like.voted,
.video-controls .rate-holder .btn.rate-like.user-voted,
.video-controls .rate-holder .btn.rate-like.disabled.user-voted {
  background: var(--tp-accent-soft) !important;
  color: var(--tp-accent) !important;
  box-shadow: none;
}
.video-controls .rate-holder .btn.rate-like.active svg,
.video-controls .rate-holder .btn.rate-like.voted svg,
.video-controls .rate-holder .btn.rate-like.user-voted svg { fill: var(--tp-accent) !important; }
.video-controls .rate-holder .btn.rate-dislike.active,
.video-controls .rate-holder .btn.rate-dislike.voted,
.video-controls .rate-holder .btn.rate-dislike.user-voted,
.video-controls .rate-holder .btn.rate-dislike.disabled.user-voted {
  background: var(--tp-surface-3) !important;
  color: var(--tp-text) !important;
  box-shadow: none;
}
.video-controls .rate-holder .btn.rate-dislike.active svg,
.video-controls .rate-holder .btn.rate-dislike.voted svg,
.video-controls .rate-holder .btn.rate-dislike.user-voted svg { fill: var(--tp-text) !important; }
.btn-holder .drop,
.btn-holder .btn-drop,
.video-controls .drop { border-radius: 14px; background: var(--tp-surface-2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6); }


.vp-desc-card {
  padding: 18px 20px;
  border: none;
  border-radius: 20px;
  background: var(--tp-surface);
  box-shadow: none;
}
.vp-desc-card:hover { box-shadow: none; }
.vp-desc-meta span { color: var(--tp-text); font-weight: 600; font-size: 13px; }
.vp-desc-meta span.muted { color: var(--tp-text-3); font-weight: 500; }
.vp-desc-text { color: var(--tp-text-2); font-size: 14px; line-height: 1.6; }
.vp-desc-more { color: var(--tp-text-2); font-weight: 600; }
.vp-desc-more:hover { color: var(--tp-text); }
.vp-tags-zone { gap: 8px; max-height: 74px; }
.vp-tags-zone.expanded { max-height: 1000px; }


.vp-desc-card .tp-video-models-item .btn {
  padding: 7px 14px !important;
  border-radius: var(--tp-pill) !important;
  background: var(--tp-accent-soft) !important;
  color: var(--tp-accent) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.vp-desc-card .tp-video-models-item .btn svg { fill: var(--tp-accent) !important; }
.vp-desc-card .tp-video-models-item .btn:hover { opacity: 1; background: var(--tp-accent) !important; color: #ffffff !important; }
.vp-desc-card .tp-video-models-item .btn:hover svg { fill: #ffffff !important; }
.vp-desc-card .tp-video-categories-item .btn,
.vp-desc-card .tp-video-tags-item .btn {
  padding: 7px 14px !important;
  border: none !important;
  border-radius: var(--tp-pill) !important;
  background: var(--tp-surface-2) !important;
  color: var(--tp-text-2) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.vp-desc-card .tp-video-categories-item .btn svg { fill: var(--tp-text-3) !important; }
.vp-desc-card .tp-video-categories-item .btn:hover,
.vp-desc-card .tp-video-tags-item .btn:hover { background: var(--tp-surface-3) !important; color: var(--tp-text) !important; }


.video-controls.flex.vp-tabs-bar { border: none; border-bottom: none; padding: 0 0 6px; }
.video-controls .col.second a,
.sort-control a {
  height: 38px;
  padding: 0 16px;
  border-radius: var(--tp-pill);
  color: var(--tp-text-2);
  font-size: 13px;
  font-weight: 600;
}
.video-controls .col.second a:hover,
.sort-control a:hover { background: var(--tp-surface); color: var(--tp-text); }
.video-controls .col.second a.active,
.sort-control a.active { background: #ffffff; color: #000000; }
.sort-control a svg { fill: currentColor; }
.sort-control a:hover svg,
.sort-control a.active svg { fill: currentColor; }


.block-tabs { margin-bottom: 40px; }
.block-share,
.block-flagging,
.block-new-comment { padding: 18px 20px; border-radius: 20px; background: var(--tp-surface); }
.block-share .textfield,
.block-share .textarea { background: var(--tp-surface-2); }
.block-share .btn,
.embed-button { border-radius: var(--tp-pill); background: var(--tp-surface-2); }

.block-comments form,
.block-comments .block-new-comment,
.comment-holder form,
.block-share form,
.block-flagging form,
.block-tabs .tab-content > form,
.block-tabs .tab-content > div > form { background: transparent; border: none; border-radius: 0; padding: 0; box-shadow: none; }
.block-flagging .button-group .submit,
.block-flagging .submit { background: #ffffff; color: #000000; border-radius: var(--tp-pill); font-weight: 600; }
.block-flagging .button-group .submit:hover,
.block-flagging .submit:hover { background: #ededed; color: #000000; }


.ralated-holder .heading .title,
.ralated-holder .heading .title a,
.heading .title a { color: var(--tp-text); text-decoration: none; }
.heading .title a:hover { color: var(--tp-text); }
.sort-holder { margin-bottom: 8px; }
.ralated-holder .sort-holder > span {
  padding: 0;
  border: none;
  color: var(--tp-text);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
  background: transparent;
}
.ralated-holder .sort-holder > span::after,
.ralated-holder .sort-holder > span::before { display: none; }
.asside-thumb .thumb > a { display: flex; align-items: flex-start; gap: 12px; }
.asside-thumb .thumb .img-holder { flex: 0 0 168px; width: 168px; max-width: 168px; margin: 0; border-radius: 12px; }
.asside-thumb .thumb > a:hover .img-holder { transform: none; }
.asside-thumb .thumb .title { font-size: 13px; font-weight: 500; padding: 0; }

@media (min-width: 1280px) {
  .col-asside { width: 424px; }
  .asside-thumb .thumb .img-holder { flex-basis: 208px; width: 208px; max-width: 208px; }
  
  .asside-thumb .thumb > a > .thumb-info { flex: 1 1 auto; min-width: 0; max-width: none; }
  .asside-thumb .thumb .title { font-size: 14px; }
}
@media (min-width: 1700px) {
  .col-asside { width: 488px; }
  .asside-thumb .thumb .img-holder { flex-basis: 248px; width: 248px; max-width: 248px; }
}
.asside-thumb .thumb .thumb-bottom { padding: 2px 0 0; }
.asside-thumb .title-asside { font-size: 18px; font-weight: 600; }
.load-more .btn { width: auto; min-width: 160px; height: 40px; border-radius: var(--tp-pill); background: var(--tp-surface); color: var(--tp-text); font-weight: 600; }
.load-more .btn:hover { background: var(--tp-surface-2); }
.block-screenshots .item { border-radius: 12px; overflow: hidden; }

/* 7. MODAIS */
.modal-inner,
.profile-edit-v2.modal-inner {
  background: var(--tp-surface);
  border-radius: var(--tp-radius-lg);
  padding: 28px;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
}
.modal-inner .modal-title { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.modal-inner .close-btn { color: var(--tp-text-2); }
.modal-inner .bottom [type="submit"] {
  height: 46px;
  padding: 0 26px;
  border-radius: var(--tp-pill);
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2));
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  box-shadow: var(--tp-glow);
}
.modal-inner .bottom [type="submit"]:hover { background: linear-gradient(135deg, var(--tp-accent-2), var(--tp-accent)); color: #ffffff; box-shadow: var(--tp-glow); }
.modal-inner .links a { color: var(--tp-text-2); }
.modal-inner .links a:hover { color: var(--tp-text); }


.profile-edit-v2-header { border-bottom: none; padding: 26px 24px 8px 28px; }
.profile-edit-v2-header .modal-title { font-size: 22px; font-weight: 600; }
.profile-edit-v2-header p { color: var(--tp-text-2); font-size: 13px; font-weight: 500; }
.profile-edit-v2-tabs {
  display: flex;
  gap: 4px;
  margin: 10px 28px 6px;
  padding: 4px;
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface-2);
}
.profile-edit-v2-tabs button {
  flex: 1 1 0;
  justify-content: center;
  min-height: 38px;
  padding: 0 12px;
  gap: 8px;
  white-space: nowrap;
  border-radius: var(--tp-pill);
  color: var(--tp-text-2);
  font-size: 13px;
  font-weight: 600;
}
.profile-edit-v2-tabs button:hover { color: var(--tp-text); }
.profile-edit-v2-tabs button.active { color: #000000; background: #ffffff; }
.profile-edit-v2-tabs button.active::after { display: none; }
.profile-edit-v2-section-heading h3 { font-size: 17px; font-weight: 600; }
.profile-edit-v2-section-heading p { color: var(--tp-text-2); font-weight: 500; }
.profile-edit-v2 .textfield,
.profile-edit-v2 .selectbox,
.profile-edit-v2 .textarea { border: 1px solid transparent; border-radius: 14px; background: var(--tp-surface-2); color: var(--tp-text); }
.profile-edit-v2 .textfield:focus,
.profile-edit-v2 .selectbox:focus,
.profile-edit-v2 .textarea:focus { background: var(--tp-surface-3); border-color: rgba(255, 255, 255, 0.08); }
.profile-edit-v2-upload-card { padding: 22px; border: none; border-radius: 20px; background: var(--tp-surface-2); }
.profile-edit-v2-preview { border: none; background: var(--tp-surface-3); color: var(--tp-text-3); font-weight: 600; }
.profile-edit-v2-upload-copy strong { font-weight: 600; }
.profile-edit-v2-upload-copy span { color: var(--tp-text-2); font-weight: 500; }
.profile-edit-v2-file {
  min-height: 40px;
  border: none;
  border-radius: var(--tp-pill);
  background: #ffffff;
  color: #000000;
  font-weight: 600;
  box-shadow: none;
}
.profile-edit-v2-file:hover { background: #ededed; }
.profile-edit-v2-delete { border: none; border-radius: var(--tp-pill); background: transparent; color: var(--tp-text-2); font-weight: 600; font-size: 12px; }
.profile-edit-v2-delete:hover { background: var(--tp-accent-soft); color: var(--tp-accent); }
.profile-edit-v2-footer { background: transparent; border-top: none; padding: 8px 28px 24px; }
.profile-edit-v2-footer .submit {
  min-height: 46px;
  padding: 0 28px;
  border-radius: var(--tp-pill);
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2));
  font-size: 14px;
  font-weight: 600;
  box-shadow: var(--tp-glow);
}
.profile-edit-v2-footer .submit:hover { filter: brightness(1.06); }

/* 8. PÁGINA DO PERFIL */
.profile-v2-page,
.profile-v2 { background: var(--tp-bg); }
.profile-v2-cover {
  height: 240px;
  margin: 20px 24px 0;
  border-radius: var(--tp-radius-lg);
  background: radial-gradient(800px 360px at 12% 18%, rgba(255, 74, 82, 0.28), transparent 60%), radial-gradient(600px 300px at 90% 90%, rgba(255, 122, 89, 0.12), transparent 60%), var(--tp-surface);
}
.profile-v2-cover-shade { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.5) 100%); }
.profile-v2-shell { width: calc(100% - 96px); margin-top: -72px; }
.profile-v2-identity { gap: 24px; }

@media (max-width: 820px) {
  .profile-v2-identity { gap: 12px; }
  
  .profile-v2-main { overflow: visible; }
  .profile-v2-facts,
  .profile-v2-socials { margin-left: -100px; width: calc(100% + 100px); }
}

.profile-v2-actions { margin-bottom: 14px; }
.profile-v2-avatar { border: 5px solid var(--tp-bg); background: var(--tp-surface-2); box-shadow: 0 12px 36px rgba(0, 0, 0, 0.6); }
.profile-v2-avatar-empty { background: var(--tp-surface-3); color: var(--tp-text); font-weight: 600; }
.profile-v2-name-row h1 { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; }
.profile-v2-handle { color: var(--tp-text-2); font-size: 14px; font-weight: 500; }
.profile-v2-bio { color: var(--tp-text-2); }


.profile-v2-facts { gap: 6px 26px; margin-top: 12px; }
.profile-v2-facts span { display: inline-flex; flex-direction: column; gap: 0; color: var(--tp-text-3); font-size: 12px; font-weight: 500; line-height: 1.3; }
.profile-v2-facts strong { color: var(--tp-text); font-size: 18px; font-weight: 600; letter-spacing: -0.01em; }
.profile-v2-facts .profile-v2-joined { justify-content: flex-end; }

.profile-v2-btn {
  min-height: 42px;
  padding: 0 20px;
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface-2);
  color: var(--tp-text);
  font-size: 14px;
  font-weight: 600;
  box-shadow: none;
}
.profile-v2-btn:hover { background: var(--tp-surface-3); color: var(--tp-text); border-color: transparent; transform: none; }
.profile-v2-btn svg { width: 16px; height: 16px; flex: 0 0 auto; }

@media (max-width: 560px) {
  .profile-v2-settings > summary.profile-v2-btn { padding: 0; justify-content: center; }
  .profile-v2-settings > summary.profile-v2-btn svg { width: 18px; height: 18px; }
}
.profile-v2-btn-primary { background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2)); color: #ffffff; box-shadow: var(--tp-glow); }
.profile-v2-btn-primary:hover { background: linear-gradient(135deg, var(--tp-accent-2), var(--tp-accent)); border-color: transparent; }
.profile-v2-btn-icon { width: 42px; padding: 0; justify-content: center; }
.profile-v2-btn-icon svg { flex: 0 0 16px; }
.profile-v2-settings-menu { padding: 6px; border: none; border-radius: var(--tp-radius); background: var(--tp-surface-2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6); }
.profile-v2-settings-menu a,
.profile-v2-settings-menu .profile-v2-settings-linked { border-radius: 10px; color: var(--tp-text); font-size: 14px; font-weight: 500; }
.profile-v2-settings-menu a:hover { background: var(--tp-surface-3); }
.profile-v2-settings-menu a.danger { color: var(--tp-accent); }


.profile-v2-container { padding-top: 22px; }
.profile-v2-tabs-section { border-bottom: none; }
.profile-v2-tabs { gap: 4px; padding: 4px; border-radius: var(--tp-pill); background: var(--tp-surface); }
.profile-v2-tab {
  min-height: 40px;
  padding: 0 18px;
  border-radius: var(--tp-pill);
  color: var(--tp-text-2);
  font-size: 13px;
  font-weight: 600;
}
.profile-v2-tab:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.profile-v2-tab.active { background: #ffffff; color: #000000; }
.profile-v2-tab.active::after { display: none; }
.profile-v2-tab em { background: var(--tp-surface-3); color: var(--tp-text-2); font-weight: 600; }
.profile-v2-tab.active em { background: var(--tp-accent); color: #ffffff; }
.profile-v2-section-heading h2 { font-size: 22px; font-weight: 600; letter-spacing: -0.01em; }
.profile-v2-section-heading h2 em { color: var(--tp-text-3); }
.profile-v2-section-heading .profile-v2-see-all,
.profile-v2-section-heading .more-title {
  height: 38px;
  padding: 0 16px;
  border: none;
  border-radius: var(--tp-pill);
  background: var(--tp-surface);
  color: var(--tp-text-2);
  font-size: 13px;
  font-weight: 600;
}
.profile-v2-section-heading .profile-v2-see-all:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.profile-v2-empty,
.profile-v2-list-empty { border: none; border-radius: 20px; background: var(--tp-surface); color: var(--tp-text-2); }
.profile-v2-creator { border: none; border-radius: 20px; background: var(--tp-surface); }
.profile-v2-metric { border: none; border-radius: 14px; background: var(--tp-surface-2); }
.profile-v2-metric span { color: var(--tp-text-2); font-weight: 500; }
.profile-v2-metric strong { font-weight: 600; }

/* 9. RODAPÉ */
.footer { background: var(--tp-bg); border-top: none; }
.footer .footer-inner { padding: 48px 0 32px; }
.footer .footer-nav a {
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 500;
  color: var(--tp-text-2);
  border-radius: var(--tp-pill);
}
.footer .footer-nav a:hover { color: var(--tp-text); background: var(--tp-surface); }
.footer .footer-nav a.active { color: var(--tp-text); }
.footer .footer-partners { border: none; background: var(--tp-surface); border-radius: var(--tp-radius); }
.footer .footer-partners-label { color: var(--tp-text-3); }
.footer .footer-partners a { color: var(--tp-text-2); }
.footer .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.06); }
.footer .copi { color: var(--tp-text-3); }


.btn,
.profile-v2-btn,
.profile-v2-tab,
.header-nav .nav-link,
.buttons-col .upload-btn,
.gender-filter-btn,
.hero-lang-btn,
.pagination a,
.sort .sort-title,
.more-title,
.tags-holder a,
.tags a,
.video-controls .btn-holder .btn,
.video-controls .rate-holder .btn,
.video-controls .user-box .button-box .btn,
.vp-desc-card .tp-video-models-item .btn,
.vp-desc-card .tp-video-categories-item .btn,
.vp-desc-card .tp-video-tags-item .btn,
.profile-edit-v2-tabs button,
.profile-edit-v2-file,
.profile-edit-v2-footer .submit,
.modal-inner .bottom [type="submit"],
.load-more .btn,
.profile-v2-section-heading .profile-v2-see-all {
  transition: transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.18s ease, color 0.18s ease, opacity 0.18s ease;
  will-change: transform;
}
.btn:active,
.profile-v2-btn:active,
.profile-v2-tab:active,
.header-nav .nav-link:active,
.buttons-col .upload-btn:active,
.gender-filter-btn:active,
.hero-lang-btn:active,
.pagination a:active,
.sort .sort-title:active,
.more-title:active,
.tags-holder a:active,
.tags a:active,
.video-controls .btn-holder .btn:active,
.video-controls .rate-holder .btn:active,
.video-controls .user-box .button-box .btn:active,
.vp-desc-card .tp-video-models-item .btn:active,
.vp-desc-card .tp-video-categories-item .btn:active,
.vp-desc-card .tp-video-tags-item .btn:active,
.profile-edit-v2-tabs button:active,
.profile-edit-v2-file:active,
.profile-edit-v2-footer .submit:active,
.modal-inner .bottom [type="submit"]:active,
.load-more .btn:active,
.profile-v2-section-heading .profile-v2-see-all:active { transform: scale(0.96); }

@media (hover: hover) {
  .profile-v2-btn-primary:hover,
  .buttons-col .upload-btn:hover,
  .video-controls .user-box .button-box .btn:hover,
  .profile-edit-v2-footer .submit:hover,
  .modal-inner .bottom [type="submit"]:hover { transform: translateY(-1px); }
  .thumb > a:hover .img-holder { transform: scale(1.015); }
}


.gender-filter-btn svg,
.leng-holder .lang-item i,
.btn-holder .btn.drop-btn .arrow,
.profile-v2-settings summary svg { transition: transform 0.2s ease; }
.leng-holder.lang-open .lang-item i,
.btn-holder .btn.drop-btn.active .arrow,
.profile-v2-settings[open] summary svg { transform: rotate(180deg); }


.sort .sort-drop,
.profile-v2-settings-menu,
.tp-notif-dropdown,
.upload-list,
.leng-holder .drop { transform-origin: top right; animation: tp-pop 0.18s cubic-bezier(0.2, 0.8, 0.2, 1); }
@keyframes tp-pop {
  from { opacity: 0; transform: scale(0.96) translateY(-4px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}


.video-controls .btn.active svg,
.video-controls .btn-holder .btn.active svg { animation: tp-bump 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); }
@keyframes tp-bump {
  0% { transform: scale(1); }
  40% { transform: scale(1.25); }
  100% { transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .thumb > a:hover .img-holder { transform: none; }
}


/* 12. ÍCONES */
.svg-icon.icon-arrow-down,
.svg-icon.icon-up,
.svg-icon.icon-arrow-left,
.svg-icon.icon-arrow-right,
.svg-icon.icon-top-arrow,
.svg-icon.icon-cross,
.svg-icon.icon-no,
.svg-icon.icon-like,
.svg-icon.icon-dislike,
.svg-icon.icon-eye,
.svg-icon.icon-heart,
.svg-icon.icon-oclock,
.svg-icon.icon-calendar,
.svg-icon.icon-date,
.svg-icon.icon-user,
.svg-icon.icon-picture,
.svg-icon.icon-play,
.svg-icon.icon-monitor,
.svg-icon.icon-edit,
.svg-icon.icon-star,
.svg-icon.icon-rating,
.svg-icon.icon-share,
.svg-icon.icon-chat,
.svg-icon.icon-upload,
.svg-icon.icon-download,
.svg-icon.icon-search,
.svg-icon.icon-playlist,
.svg-icon.icon-info,
.svg-icon.icon-flag,
.svg-icon.icon-categories {
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  transition: background-color 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.svg-icon.icon-arrow-down > use,
.svg-icon.icon-up > use,
.svg-icon.icon-arrow-left > use,
.svg-icon.icon-arrow-right > use,
.svg-icon.icon-top-arrow > use,
.svg-icon.icon-cross > use,
.svg-icon.icon-no > use,
.svg-icon.icon-like > use,
.svg-icon.icon-dislike > use,
.svg-icon.icon-eye > use,
.svg-icon.icon-heart > use,
.svg-icon.icon-oclock > use,
.svg-icon.icon-calendar > use,
.svg-icon.icon-date > use,
.svg-icon.icon-user > use,
.svg-icon.icon-picture > use,
.svg-icon.icon-play > use,
.svg-icon.icon-monitor > use,
.svg-icon.icon-edit > use,
.svg-icon.icon-star > use,
.svg-icon.icon-rating > use,
.svg-icon.icon-share > use,
.svg-icon.icon-chat > use,
.svg-icon.icon-upload > use,
.svg-icon.icon-download > use,
.svg-icon.icon-search > use,
.svg-icon.icon-playlist > use,
.svg-icon.icon-info > use,
.svg-icon.icon-flag > use,
.svg-icon.icon-categories > use { display: none; }
.svg-icon.icon-arrow-down { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.svg-icon.icon-up { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E"); }
.svg-icon.icon-arrow-left { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E"); }
.svg-icon.icon-arrow-right { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); }
.svg-icon.icon-top-arrow { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E"); }
.svg-icon.icon-cross { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); }
.svg-icon.icon-no { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); }
.svg-icon.icon-like { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E"); }
.svg-icon.icon-dislike { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3C/svg%3E"); }
.svg-icon.icon-eye { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.svg-icon.icon-heart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); }
.svg-icon.icon-oclock { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); }
.svg-icon.icon-calendar { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }
.svg-icon.icon-date { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='4' rx='2'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M8 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3C/svg%3E"); }
.svg-icon.icon-user { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }
.svg-icon.icon-picture { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.83 0L6 21'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2' ry='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.09-3.09a2 2 0 0 0-2.83 0L6 21'/%3E%3C/svg%3E"); }
.svg-icon.icon-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E"); }
.svg-icon.icon-monitor { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cline x1='8' x2='16' y1='21' y2='21'/%3E%3Cline x1='12' x2='12' y1='17' y2='21'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='14' x='2' y='3' rx='2'/%3E%3Cline x1='8' x2='16' y1='21' y2='21'/%3E%3Cline x1='12' x2='12' y1='17' y2='21'/%3E%3C/svg%3E"); }
.svg-icon.icon-edit { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3C/svg%3E"); }
.svg-icon.icon-star { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); }
.svg-icon.icon-rating { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); }
.svg-icon.icon-share { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49'/%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49'/%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49'/%3E%3C/svg%3E"); }
.svg-icon.icon-chat { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); }
.svg-icon.icon-upload { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' x2='12' y1='3' y2='15'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' x2='12' y1='3' y2='15'/%3E%3C/svg%3E"); }
.svg-icon.icon-download { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E"); }
.svg-icon.icon-search { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.svg-icon.icon-playlist { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M16 18H3'/%3E%3Cpath d='M18 9v6'/%3E%3Cpath d='M21 12h-6'/%3E%3C/svg%3E"); }
.svg-icon.icon-info { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E"); }
.svg-icon.icon-flag { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' x2='4' y1='22' y2='15'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' x2='4' y1='22' y2='15'/%3E%3C/svg%3E"); }
.svg-icon.icon-categories { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E"); }


.btn.active .icon-heart,
.btn.done .icon-heart,
.btn-favourites .btn.active .icon-heart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); }
.rate-like.user-voted .icon-like,
.rate-like.voted .icon-like,
.rate-like.active .icon-like { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v12'/%3E%3Cpath d='M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z'/%3E%3C/svg%3E"); }
.rate-dislike.user-voted .icon-dislike,
.rate-dislike.voted .icon-dislike,
.rate-dislike.active .icon-dislike { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 14V2'/%3E%3Cpath d='M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z'/%3E%3C/svg%3E"); }
.active .icon-star,
.rated .icon-star { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); }
.icon-play { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='6 3 20 12 6 21 6 3'/%3E%3C/svg%3E"); }


.btn .svg-icon,
.btn-holder .btn .svg-icon,
.rate-holder .btn .svg-icon,
.sort-control a .svg-icon,
.search .btn-search .svg-icon { color: var(--tp-text-2); }
.btn:hover .svg-icon,
.btn-holder .btn:hover .svg-icon,
.rate-holder .btn:hover .svg-icon,
.sort-control a:hover .svg-icon,
.search .btn-search:hover .svg-icon { color: var(--tp-text); transform: scale(1.1); }
.btn.active .svg-icon,
.btn-holder .btn.active .svg-icon,
.sort-control a.active .svg-icon { color: #000000; }
.btn.active .icon-heart,
.btn.done .icon-heart { color: var(--tp-accent); }
.rate-like.user-voted .svg-icon,
.rate-like.voted .svg-icon,
.rate-like.active .svg-icon { color: var(--tp-accent) !important; }
.rate-dislike.user-voted .svg-icon,
.rate-dislike.voted .svg-icon,
.rate-dislike.active .svg-icon { color: var(--tp-text) !important; }
.buttons-col .upload-btn .svg-icon,
.video-controls .user-box .button-box .btn .svg-icon,
.profile-v2-btn-primary .svg-icon { color: #ffffff; }
.modal-inner .close-btn .svg-icon { color: var(--tp-text-2); }
.modal-inner .close-btn:hover .svg-icon { color: var(--tp-text); transform: rotate(90deg); }
.header-links i .svg-icon { color: var(--tp-accent); }


.header-nav .tp-nav-link[href$="tubepussy.org/"] svg,
.hero-nav-item[href$="tubepussy.org/"] svg,
.header-nav .tp-nav-link[href*="latest-updates"] svg,
.hero-nav-item[href*="latest-updates"] svg,
.header-nav .tp-nav-link[href*="top-rated"] svg,
.hero-nav-item[href*="top-rated"] svg,
.header-nav .tp-nav-link[href*="most-popular"] svg,
.hero-nav-item[href*="most-popular"] svg,
.header-nav .tp-nav-link[href*="/categories"] svg,
.hero-nav-item[href*="/categories"] svg,
.header-nav .tp-nav-link[href*="/models"] svg,
.hero-nav-item[href*="/models"] svg,
.header-nav .tp-nav-link[href*="/community"] svg,
.hero-nav-item[href*="/community"] svg,
.tp-community-cta svg,
.profile-v2-tab svg,
.profile-v2-tab[href*="/videos/"] svg,
.profile-v2-tab[href*="/shorts/"] svg,
.profile-v2-tab[href*="/favorites/"] svg,
.profile-v2-tab[href*="/fav"] svg,
.profile-v2-tab[href*="/friends/"] svg,
.profile-v2-tab[href*="/playlists/"] svg,
.profile-v2-tab[href*="/subscriptions/"] svg,
.profile-v2-tab[href*="/messages/"] svg,
.profile-v2-btn-primary svg,
.profile-v2-settings summary svg,
.profile-v2-btn-muted svg,
.profile-v2-btn[data-action="message"] svg,
.profile-v2-btn-icon svg,
.profile-v2-btn[data-action="add_to_friends"] svg,
.profile-v2-inline-form .profile-v2-btn-icon svg,
.menu-icon svg,
.hero-close-btn svg,
.btn-mobile .svg-search,
.gender-filter-btn > .svg-icon:first-child,
.straight-item .svg-icon,
.gay-item .svg-icon,
.shemale-item .svg-icon {
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
  transition: background-color 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.header-nav .tp-nav-link[href$="tubepussy.org/"] svg > *,
.hero-nav-item[href$="tubepussy.org/"] svg > *,
.header-nav .tp-nav-link[href*="latest-updates"] svg > *,
.hero-nav-item[href*="latest-updates"] svg > *,
.header-nav .tp-nav-link[href*="top-rated"] svg > *,
.hero-nav-item[href*="top-rated"] svg > *,
.header-nav .tp-nav-link[href*="most-popular"] svg > *,
.hero-nav-item[href*="most-popular"] svg > *,
.header-nav .tp-nav-link[href*="/categories"] svg > *,
.hero-nav-item[href*="/categories"] svg > *,
.header-nav .tp-nav-link[href*="/models"] svg > *,
.hero-nav-item[href*="/models"] svg > *,
.header-nav .tp-nav-link[href*="/community"] svg > *,
.hero-nav-item[href*="/community"] svg > *,
.tp-community-cta svg > *,
.profile-v2-tab svg > *,
.profile-v2-tab[href*="/videos/"] svg > *,
.profile-v2-tab[href*="/shorts/"] svg > *,
.profile-v2-tab[href*="/favorites/"] svg > *,
.profile-v2-tab[href*="/fav"] svg > *,
.profile-v2-tab[href*="/friends/"] svg > *,
.profile-v2-tab[href*="/playlists/"] svg > *,
.profile-v2-tab[href*="/subscriptions/"] svg > *,
.profile-v2-tab[href*="/messages/"] svg > *,
.profile-v2-btn-primary svg > *,
.profile-v2-settings summary svg > *,
.profile-v2-btn-muted svg > *,
.profile-v2-btn[data-action="message"] svg > *,
.profile-v2-btn-icon svg > *,
.profile-v2-btn[data-action="add_to_friends"] svg > *,
.profile-v2-inline-form .profile-v2-btn-icon svg > *,
.menu-icon svg > *,
.hero-close-btn svg > *,
.btn-mobile .svg-search > *,
.gender-filter-btn > .svg-icon:first-child > *,
.straight-item .svg-icon > *,
.gay-item .svg-icon > *,
.shemale-item .svg-icon > * { display: none; }
.header-nav .tp-nav-link[href$="tubepussy.org/"] svg,
.hero-nav-item[href$="tubepussy.org/"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2h-4v-7h-6v7H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 9 9-7 9 7v11a2 2 0 0 1-2 2h-4v-7h-6v7H5a2 2 0 0 1-2-2z'/%3E%3C/svg%3E"); }
.header-nav .tp-nav-link[href*="latest-updates"] svg,
.hero-nav-item[href*="latest-updates"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E"); }
.header-nav .tp-nav-link[href*="top-rated"] svg,
.hero-nav-item[href*="top-rated"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 7 13.5 15.5 8.5 10.5 2 17'/%3E%3Cpolyline points='16 7 22 7 22 13'/%3E%3C/svg%3E"); }
.header-nav .tp-nav-link[href*="most-popular"] svg,
.hero-nav-item[href*="most-popular"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2'/%3E%3C/svg%3E"); }
.header-nav .tp-nav-link[href*="/categories"] svg,
.hero-nav-item[href*="/categories"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1.5'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1.5'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1.5'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1.5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='7' height='7' x='3' y='3' rx='1.5'/%3E%3Crect width='7' height='7' x='14' y='3' rx='1.5'/%3E%3Crect width='7' height='7' x='14' y='14' rx='1.5'/%3E%3Crect width='7' height='7' x='3' y='14' rx='1.5'/%3E%3C/svg%3E"); }
.header-nav .tp-nav-link[href*="/models"] svg,
.hero-nav-item[href*="/models"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.2 3.1A.5.5 0 0 0 22 15.7V8.3a.5.5 0 0 0-.8-.4L16 11'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.2 3.1A.5.5 0 0 0 22 15.7V8.3a.5.5 0 0 0-.8-.4L16 11'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E"); }
.header-nav .tp-nav-link[href*="/community"] svg,
.hero-nav-item[href*="/community"] svg,
.tp-community-cta svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.profile-v2-tab svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='m19 9-5 5-4-4-3 3'/%3E%3C/svg%3E"); }
.profile-v2-tab[href*="/videos/"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.2 3.1A.5.5 0 0 0 22 15.7V8.3a.5.5 0 0 0-.8-.4L16 11'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 13 5.2 3.1A.5.5 0 0 0 22 15.7V8.3a.5.5 0 0 0-.8-.4L16 11'/%3E%3Crect x='2' y='6' width='14' height='12' rx='2'/%3E%3C/svg%3E"); }
.profile-v2-tab[href*="/shorts/"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='20' x='5' y='2' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E"); }
.profile-v2-tab[href*="/favorites/"] svg,
.profile-v2-tab[href*="/fav"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); }
.profile-v2-tab[href*="/friends/"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E"); }
.profile-v2-tab[href*="/playlists/"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M12 18H3'/%3E%3Cpath d='m16 12 5 3-5 3v-6Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 12H3'/%3E%3Cpath d='M16 6H3'/%3E%3Cpath d='M12 18H3'/%3E%3Cpath d='m16 12 5 3-5 3v-6Z'/%3E%3C/svg%3E"); }
.profile-v2-tab[href*="/subscriptions/"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/%3E%3Cpath d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/%3E%3C/svg%3E"); }
.profile-v2-tab[href*="/messages/"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); }
.profile-v2-btn-primary svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E"); }
.profile-v2-settings summary svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E"); }
.profile-v2-btn-muted svg,
.profile-v2-btn[data-action="message"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.9 20A9 9 0 1 0 4 16.1L2 22Z'/%3E%3C/svg%3E"); }
.profile-v2-btn-icon svg,
.profile-v2-btn[data-action="add_to_friends"] svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' x2='19' y1='8' y2='14'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' x2='19' y1='8' y2='14'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E"); }
.profile-v2-inline-form .profile-v2-btn-icon svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='22' x2='16' y1='11' y2='11'/%3E%3C/svg%3E"); }
.menu-icon svg { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='12' y2='12'/%3E%3Cline x1='4' x2='20' y1='6' y2='6'/%3E%3Cline x1='4' x2='20' y1='18' y2='18'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' x2='20' y1='12' y2='12'/%3E%3Cline x1='4' x2='20' y1='6' y2='6'/%3E%3Cline x1='4' x2='20' y1='18' y2='18'/%3E%3C/svg%3E"); }
.btn-mobile .svg-search { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E"); }
.gender-filter-btn > .svg-icon:first-child,
.straight-item .svg-icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='13' r='4'/%3E%3Cpath d='M9 17v5M7 20h4'/%3E%3Ccircle cx='16.5' cy='7' r='3.5'/%3E%3Cpath d='M19 4.5 22.5 1M18.5 1h4v4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='13' r='4'/%3E%3Cpath d='M9 17v5M7 20h4'/%3E%3Ccircle cx='16.5' cy='7' r='3.5'/%3E%3Cpath d='M19 4.5 22.5 1M18.5 1h4v4'/%3E%3C/svg%3E"); }
.gay-item .svg-icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='14' r='5'/%3E%3Cpath d='M13.5 10.5 20 4M15 4h5v5'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='14' r='5'/%3E%3Cpath d='M13.5 10.5 20 4M15 4h5v5'/%3E%3C/svg%3E"); }
.shemale-item .svg-icon { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3Cpath d='M12 17v5M9.5 20h5M9.2 10.2 5 6M5 6h4M5 6v4M14.8 10.2 19 6M15 6h4M19 6v4'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='4'/%3E%3Cpath d='M12 17v5M9.5 20h5M9.2 10.2 5 6M5 6h4M5 6v4M14.8 10.2 19 6M15 6h4M19 6v4'/%3E%3C/svg%3E"); }
.header-nav .tp-nav-link:hover svg,
.profile-v2-tab:hover svg,
.profile-v2-btn:hover svg { transform: scale(1.1); }
.header-nav .tp-nav-link svg,
.profile-v2-tab svg { color: currentColor; }
.gender-filter-btn > .svg-icon:first-child { width: 16px; height: 16px; margin-right: 6px; }
.gender-filter-drop .svg-icon { width: 16px; height: 16px; }
.gender-filter-btn { color: var(--tp-text); }


.shorts-videos .svg-icon,
.short-thumb-related .svg-icon,
.short-thumb-aside .svg-icon,
.shorties-page .svg-icon,
.short-views .svg-icon { -webkit-mask-image: none; mask-image: none; background-color: transparent; transform: none; }
.shorts-videos .svg-icon > use,
.short-thumb-related .svg-icon > use,
.short-thumb-aside .svg-icon > use,
.shorties-page .svg-icon > use,
.short-views .svg-icon > use { display: inline; }


.shorts-videos .short-views,
.short-thumb-related .short-views,
.short-thumb-aside .short-views {
  padding: 3px 9px; border-radius: var(--tp-pill);
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.92); font-size: 11px; font-weight: 600; line-height: 20px; text-shadow: none;
}

.short-views i,
.short-views b,
.short-duration i { display: inline-flex; align-items: center; justify-content: center; line-height: 0; }
.short-views .svg-icon { display: block; }
.shorts-videos .short-views .svg-icon,
.short-thumb-related .short-views .svg-icon,
.short-thumb-aside .short-views .svg-icon { fill: currentColor; }
.shorts-videos .short-item .short-thumb,
.short-thumb-related,
.short-thumb-aside { border-radius: 14px; background: var(--tp-surface); }

/* 13. AJUSTES */

.modal-inner.edit-modal,
.profile-edit-v2-body,
.tp-notif-list,
.fancybox-inner {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
}
.modal-inner.edit-modal::-webkit-scrollbar,
.profile-edit-v2-body::-webkit-scrollbar,
.tp-notif-list::-webkit-scrollbar,
.fancybox-inner::-webkit-scrollbar { width: 6px; height: 6px; }
.modal-inner.edit-modal::-webkit-scrollbar-track,
.profile-edit-v2-body::-webkit-scrollbar-track,
.tp-notif-list::-webkit-scrollbar-track,
.fancybox-inner::-webkit-scrollbar-track { background: transparent; }
.modal-inner.edit-modal::-webkit-scrollbar-thumb,
.profile-edit-v2-body::-webkit-scrollbar-thumb,
.tp-notif-list::-webkit-scrollbar-thumb,
.fancybox-inner::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.16); border-radius: 99px; border: none; }
.modal-inner.edit-modal::-webkit-scrollbar-thumb:hover,
.profile-edit-v2-body::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.28); }
.modal-inner.edit-modal::-webkit-scrollbar-button,
.profile-edit-v2-body::-webkit-scrollbar-button { display: none; height: 0; width: 0; }
.modal-inner.edit-modal::-webkit-scrollbar-corner { background: transparent; }

.profile-edit-v2.modal-inner .profile-edit-v2-body { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.16) transparent; }


.profile-edit-v2-tabs svg { width: 17px; height: 17px; }
.modal-inner .close-btn { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }
.modal-inner .close-btn:hover { background: var(--tp-surface-2); }
.modal-inner .close-btn .svg-icon { width: 20px; height: 20px; }
.mebers-block .svg-icon,
.tp-notif-btn .svg-icon,
.tp-notif-btn svg { width: 20px; height: 20px; }
.search .btn-search .svg-icon { width: 18px; height: 18px; }
.buttons-col .upload-btn .svg-icon { width: 16px; height: 16px; }
.gender-filter-btn .svg-icon.icon-arrow-down,
.leng-holder .lang-item .svg-icon.icon-arrow-down { width: 12px; height: 12px; margin-left: 4px; }


.gender-filter-drop,
.buttons-col .upload-list,
.leng-holder .drop { padding: 6px; min-width: 170px; width: max-content; }
.gender-filter-drop { left: 0; }
.leng-holder .drop { left: auto; right: 0; }
.gender-filter-drop a,
.buttons-col .upload-list a,
.leng-holder .drop a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: auto;
  min-height: 40px;
  padding: 8px 14px;
  border-radius: 10px;
  color: var(--tp-text-2);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  white-space: nowrap;
}
.gender-filter-drop a:hover,
.buttons-col .upload-list a:hover,
.leng-holder .drop a:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.gender-filter-drop a .svg-icon,
.buttons-col .upload-list a .svg-icon { width: 16px; height: 16px; flex-shrink: 0; color: var(--tp-text-2); }
.gender-filter-drop a:hover .svg-icon,
.gender-filter-drop a:hover svg { color: var(--tp-text); }
.leng-holder .drop a img { width: 20px; height: 14px; margin-right: 0; border-radius: 3px; }
.gender-filter-wrap.gender-open .gender-filter-btn,
.gender-filter-btn.active,
.leng-holder.lang-open .lang-item { color: var(--tp-text); background: var(--tp-surface-2); }
.leng-holder.lang-open .lang-item svg,
.gender-filter-wrap.gender-open .gender-filter-btn svg { color: var(--tp-text); fill: var(--tp-text); }


.selectbox,
.modal-inner select,
.profile-edit-v2 .selectbox {
  -webkit-appearance: none;
  appearance: none;
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238c8c8c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
  cursor: pointer;
}


.tp-select { position: relative; display: block; width: 100%; min-width: 0; }
.tp-select .tp-select-native {
  position: absolute; inset: 0; width: 100%; height: 100%; margin: 0;
  opacity: 0; pointer-events: none;
}
.tp-select-btn {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  width: 100%; min-height: 46px; margin: 0; padding: 10px 14px 10px 18px;
  border: 1px solid transparent; border-radius: 14px;
  background: var(--tp-surface-2); color: var(--tp-text);
  font-family: inherit; font-size: 14px; font-weight: 500; line-height: 1.3; text-align: left;
  cursor: pointer; -webkit-appearance: none; appearance: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.tp-select-btn:hover { background: var(--tp-surface-3); }
.tp-select-btn:focus-visible { outline: none; border-color: rgba(255, 255, 255, 0.18); }
.tp-select.is-open .tp-select-btn { background: var(--tp-surface-3); border-color: rgba(255, 255, 255, 0.08); }
.tp-select-btn:disabled { opacity: 0.5; cursor: default; }
.tp-select-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tp-select.is-placeholder .tp-select-label { color: var(--tp-text-2); }
.tp-select-chevron {
  flex: 0 0 16px; width: 16px; height: 16px; color: var(--tp-text-2);
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
  transition: transform 0.2s ease, color 0.18s ease;
}
.tp-select.is-open .tp-select-chevron { transform: rotate(180deg); color: var(--tp-text); }
.tp-select-age .tp-select-btn { padding-left: 14px; }

.tp-select-drop {
  position: fixed; z-index: 99999; display: flex; box-sizing: border-box;
  padding: 6px; border-radius: 16px;
  background: var(--tp-surface-2);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  opacity: 0; transform: scale(0.96) translateY(-4px); transform-origin: top center;
  transition: opacity 0.16s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.tp-select-drop.is-up { transform: scale(0.96) translateY(4px); transform-origin: bottom center; }
.tp-select-drop.is-visible { opacity: 1; transform: none; }
.tp-select-list {
  width: 100%; min-width: 0; overflow-y: auto; overscroll-behavior: contain;
  scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.16) transparent;
}
.tp-select-list::-webkit-scrollbar { width: 6px; }
.tp-select-list::-webkit-scrollbar-track { background: transparent; }
.tp-select-list::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.16); border-radius: 99px; }
.tp-select-opt {
  display: flex; align-items: center; min-height: 40px; padding: 8px 14px;
  border-radius: 10px; color: var(--tp-text-2);
  font-size: 14px; font-weight: 500; line-height: 1.3;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;
  transition: background-color 0.12s ease, color 0.12s ease;
}
.tp-select-opt.is-active { background: var(--tp-surface-3); color: var(--tp-text); }
.tp-select-opt.is-selected { background: #ffffff; color: #000000; font-weight: 600; }
.tp-select-opt.is-selected.is-active { background: #ededed; }
.tp-select-opt.is-disabled { opacity: 0.4; cursor: default; }
@media (prefers-reduced-motion: reduce) {
  .tp-select-drop { transition: none; transform: none; }
}

/* 15. CABEÇALHO LOGADO */
.buttons-col { gap: 8px; }
.buttons-col .upload-btn { margin-right: 0; }
.leng-holder { margin-right: 0; }
.leng-holder .lang-item {
  height: 40px; padding: 0 10px 0 12px; gap: 4px;
  border-radius: var(--tp-pill); background: var(--tp-surface); color: var(--tp-text-2);
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.leng-holder .lang-item:hover,
.leng-holder.lang-open .lang-item { background: var(--tp-surface-2); color: var(--tp-text); }
.leng-holder .lang-item:active { transform: scale(0.96); }
.leng-holder .lang-item img { width: 20px; height: auto; border-radius: 3px; display: block; }
.leng-holder .lang-item i { margin-left: 2px; }
.leng-holder .lang-item i svg { fill: currentColor; color: var(--tp-text-2); }
.leng-holder .lang-item:hover i svg,
.leng-holder.lang-open .lang-item i svg { color: var(--tp-text); fill: currentColor; }
.leng-holder .drop { top: calc(100% + 8px); }

.mebers-switcher {
  height: 40px; padding: 0 14px 0 4px; gap: 8px;
  border-radius: var(--tp-pill); background: var(--tp-surface); color: var(--tp-text);
  font-size: 14px; font-weight: 500;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.mebers-switcher:hover,
.members-open .mebers-switcher { background: var(--tp-surface-2); color: var(--tp-text); }
.mebers-switcher:active { transform: scale(0.96); }
.mebers-photo { width: 32px; height: 32px; margin-right: 0; background: var(--tp-surface-3); }
.mebers-photo img { width: 100%; height: 100%; object-fit: cover; }
.mebers-photo .no-thumb .svg-icon { width: 16px; height: 16px; color: var(--tp-text-2); }
.mebers-name { max-width: 140px; }
.member-links {
  top: calc(100% + 8px); min-width: 200px; padding: 6px;
  border-radius: var(--tp-radius); background: var(--tp-surface-2);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  transform-origin: top right; animation: tp-pop 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.member-links a,
.mebers-block .member-links a {
  display: block; padding: 10px 14px; margin: 0;
  border-radius: 10px; color: var(--tp-text-2); font-size: 14px; font-weight: 500; text-align: left;
}
.member-links a:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.member-links a.disabled { opacity: 0.45; }
.member-links li:last-child a { color: var(--tp-accent); }
.member-links li:last-child a:hover { background: var(--tp-accent-soft); }


.mebers-block a,
.mebers-block a:hover,
.mebers-block a:first-child {
  height: 40px; display: inline-flex; align-items: center; padding: 0 16px; margin-right: 0;
  border-radius: var(--tp-pill); box-shadow: none; color: var(--tp-text); background: var(--tp-surface);
  font-size: 14px; font-weight: 500;
}
.mebers-block a:hover { background: var(--tp-surface-2); color: var(--tp-text); box-shadow: none; }
.mebers-block > a:last-child { background: #ffffff; color: #000000; font-weight: 600; }
.mebers-block > a:last-child:hover { background: #ededed; color: #000000; }
.mebers-block > a + a { margin-left: 0; }
@media (max-width: 1024px) {
  .mebers-block a { box-shadow: none; margin-right: 8px; }
}

img[src*="/flags/"] {
  width: 20px; height: 14px; object-fit: cover; border-radius: 3px; display: inline-block; vertical-align: middle;
}
img[src$="/flags/br.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23009c3b%22%2F%3E%3Cpath%20d%3D%22M10%201.6%2018%207l-8%205.4L2%207z%22%20fill%3D%22%23ffdf00%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%223.1%22%20fill%3D%22%23002776%22%2F%3E%3Cpath%20d%3D%22M7.1%206.3q3-.6%205.8%201.3%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.6%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/pt.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23009c3b%22%2F%3E%3Cpath%20d%3D%22M10%201.6%2018%207l-8%205.4L2%207z%22%20fill%3D%22%23ffdf00%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%223.1%22%20fill%3D%22%23002776%22%2F%3E%3Cpath%20d%3D%22M7.1%206.3q3-.6%205.8%201.3%22%20stroke%3D%22%23fff%22%20stroke-width%3D%22.6%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E"); } 
img[src$="/flags/us.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22%23b22234%22%3E%3Crect%20y%3D%220%22%20width%3D%2220%22%20height%3D%221.08%22%2F%3E%3Crect%20y%3D%222.15%22%20width%3D%2220%22%20height%3D%221.08%22%2F%3E%3Crect%20y%3D%224.31%22%20width%3D%2220%22%20height%3D%221.08%22%2F%3E%3Crect%20y%3D%226.46%22%20width%3D%2220%22%20height%3D%221.08%22%2F%3E%3Crect%20y%3D%228.62%22%20width%3D%2220%22%20height%3D%221.08%22%2F%3E%3Crect%20y%3D%2210.77%22%20width%3D%2220%22%20height%3D%221.08%22%2F%3E%3Crect%20y%3D%2212.92%22%20width%3D%2220%22%20height%3D%221.08%22%2F%3E%3C%2Fg%3E%3Crect%20width%3D%228.5%22%20height%3D%227.5%22%20fill%3D%22%233c3b6e%22%2F%3E%3Cg%20fill%3D%22%23fff%22%3E%3Ccircle%20cx%3D%221.6%22%20cy%3D%221.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%223.6%22%20cy%3D%221.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%225.6%22%20cy%3D%221.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%227.4%22%20cy%3D%221.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%222.6%22%20cy%3D%223%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%223%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%226.6%22%20cy%3D%223%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%221.6%22%20cy%3D%224.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%223.6%22%20cy%3D%224.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%225.6%22%20cy%3D%224.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%227.4%22%20cy%3D%224.5%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%222.6%22%20cy%3D%226%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%224.6%22%20cy%3D%226%22%20r%3D%22.45%22%2F%3E%3Ccircle%20cx%3D%226.6%22%20cy%3D%226%22%20r%3D%22.45%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
img[src$="/flags/gb.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23012169%22%2F%3E%3Cpath%20d%3D%22M0%200l20%2014M20%200L0%2014%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.6%22%2F%3E%3Cpath%20d%3D%22M0%200l20%2014M20%200L0%2014%22%20stroke%3D%22%23c8102e%22%20stroke-width%3D%221%22%2F%3E%3Cpath%20d%3D%22M10%200v14M0%207h20%22%20stroke%3D%22%23fff%22%20stroke-width%3D%224%22%2F%3E%3Cpath%20d%3D%22M10%200v14M0%207h20%22%20stroke%3D%22%23c8102e%22%20stroke-width%3D%222.2%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/es.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23aa151b%22%2F%3E%3Crect%20y%3D%223.5%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22%23f1bf00%22%2F%3E%3Crect%20x%3D%225.2%22%20y%3D%225.6%22%20width%3D%222.4%22%20height%3D%222.9%22%20rx%3D%22.4%22%20fill%3D%22%23aa151b%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/de.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23000%22%2F%3E%3Crect%20y%3D%224.67%22%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%23dd0000%22%2F%3E%3Crect%20y%3D%229.33%22%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%23ffce00%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/fr.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%226.67%22%20height%3D%2214%22%20fill%3D%22%230055a4%22%2F%3E%3Crect%20x%3D%2213.33%22%20width%3D%226.67%22%20height%3D%2214%22%20fill%3D%22%23ef4135%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/it.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%226.67%22%20height%3D%2214%22%20fill%3D%22%23009246%22%2F%3E%3Crect%20x%3D%2213.33%22%20width%3D%226.67%22%20height%3D%2214%22%20fill%3D%22%23ce2b37%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/ru.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20y%3D%224.67%22%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%230039a6%22%2F%3E%3Crect%20y%3D%229.33%22%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%23d52b1e%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/tr.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23e30a17%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%227%22%20r%3D%223.6%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%228.9%22%20cy%3D%227%22%20r%3D%222.9%22%20fill%3D%22%23e30a17%22%2F%3E%3Cpath%20d%3D%22M12.4%205.4l.5%201.4h1.5l-1.2.9.5%201.4-1.3-.9-1.2.9.5-1.4-1.2-.9h1.5z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/cn.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23de2910%22%2F%3E%3Cpath%20d%3D%22M4%202.2l.9%202.6h2.7l-2.2%201.6.8%202.6L4%207.4%201.8%209l.8-2.6L.4%204.8h2.7z%22%20fill%3D%22%23ffde00%22%2F%3E%3Cg%20fill%3D%22%23ffde00%22%3E%3Ccircle%20cx%3D%228.6%22%20cy%3D%221.9%22%20r%3D%22.55%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%223.4%22%20r%3D%22.55%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%225.6%22%20r%3D%22.55%22%2F%3E%3Ccircle%20cx%3D%228.6%22%20cy%3D%227.1%22%20r%3D%22.55%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
img[src$="/flags/jp.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%224%22%20fill%3D%22%23bc002d%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/ar.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%2374acdf%22%2F%3E%3Crect%20y%3D%224.67%22%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%221.5%22%20fill%3D%22%23f6b40e%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/mx.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%226.67%22%20height%3D%2214%22%20fill%3D%22%23006847%22%2F%3E%3Crect%20x%3D%2213.33%22%20width%3D%226.67%22%20height%3D%2214%22%20fill%3D%22%23ce1126%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%221.6%22%20fill%3D%22%23a8742a%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/nl.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%23ae1c28%22%2F%3E%3Crect%20y%3D%229.33%22%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%2321468b%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/pl.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%2220%22%20height%3D%227%22%20fill%3D%22%23dc143c%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/in.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%23ff9933%22%2F%3E%3Crect%20y%3D%229.33%22%20width%3D%2220%22%20height%3D%224.67%22%20fill%3D%22%23138808%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%221.6%22%20fill%3D%22none%22%20stroke%3D%22%23000080%22%20stroke-width%3D%22.5%22%2F%3E%3C%2Fsvg%3E"); }
img[src$="/flags/kr.gif"] { content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2014%27%3E%3Crect%20width%3D%2220%22%20height%3D%2214%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%227%22%20r%3D%223%22%20fill%3D%22%23cd2e3a%22%2F%3E%3Cpath%20d%3D%22M7.4%208.2a3%203%200%200%200%205.2-2.4%201.5%201.5%200%200%201-2.6%201.2%201.5%201.5%200%200%200-2.6%201.2z%22%20fill%3D%22%230047a0%22%2F%3E%3C%2Fsvg%3E"); }


.btn-mobile,
.tp-notif-mbtn,
.hero-close-btn,
.menu-icon { color: var(--tp-text); }
.btn-mobile .svg-search { width: 20px; height: 20px; color: var(--tp-text); }
.btn-mobile.active .svg-search,
.btn-mobile.opened .svg-search { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); }
.btn-mobile .svg-icon { -webkit-mask-image: none; mask-image: none; background-color: transparent; }
.hero-close-btn { background: var(--tp-surface-2); color: var(--tp-text); }
.hero-close-btn svg { width: 20px; height: 20px; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); }
.hero-close-btn:hover { background: var(--tp-surface-3); }
.menu-icon svg { width: 22px; height: 22px; }


.hero-upload-btn {
  border: none; border-radius: var(--tp-pill);
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2));
  color: #ffffff !important; font-weight: 600; box-shadow: var(--tp-glow);
}
.hero-upload-btn svg { stroke: #ffffff; color: #ffffff; }
.hero-upload-btn:hover { filter: brightness(1.06); }

/* 19. PAGINA DE MODELO (cabeçalho .model-profile-header) */
.holder-box .asside.model-profile-header {
  padding: 24px; border: none; border-radius: var(--tp-radius-lg); background: var(--tp-surface);
}
.model-ph-top { gap: 22px; }
.model-ph-avatar { width: 128px; height: 128px; border-radius: 18px; background: var(--tp-surface-2); }
.model-ph-no-avatar svg { fill: var(--tp-text-3); }
.model-ph-name { font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--tp-text); margin-bottom: 8px; }
.model-ph-stats { gap: 16px; margin-bottom: 16px; }
.model-ph-stat-icon { color: var(--tp-text-3); }
.model-ph-stat-icon svg,
.model-ph-stat-icon .svg-icon { width: 15px; height: 15px; fill: currentColor; color: var(--tp-text-3); }
.model-ph-stat strong { font-weight: 600; color: var(--tp-text); }
.model-ph-stat > span { color: var(--tp-text-3); font-weight: 500; }


.model-ph-actions { gap: 8px; margin-bottom: 16px; }
.model-ph-rate-holder,
.model-ph-rate-holder.rating-container {
  background: transparent !important; border-radius: 0 !important; overflow: visible !important; gap: 4px;
}
.model-ph-rate-btn,
.model-ph-rate-btn.like {
  height: 38px; padding: 0 14px !important; gap: 6px !important;
  border: none !important; border-right: none !important; border-radius: var(--tp-pill) !important;
  background: var(--tp-surface-2) !important; color: var(--tp-text) !important;
  font-size: 13px !important; font-weight: 600 !important;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.model-ph-rate-btn:hover { background: var(--tp-surface-3) !important; color: var(--tp-text) !important; }
.model-ph-rate-btn:active { transform: scale(0.96); }
.model-ph-rate-btn .svg-icon { color: var(--tp-text-2); }
.model-ph-rate-btn:hover .svg-icon { color: var(--tp-text); }
.model-ph-rate-btn.rate-like.active,
.model-ph-rate-btn.rate-like.voted,
.model-ph-rate-btn.rate-like.user-voted,
.model-ph-rate-btn.rate-like.disabled.user-voted { background: var(--tp-accent-soft) !important; color: var(--tp-accent) !important; }
.model-ph-rate-btn.rate-like.active .svg-icon,
.model-ph-rate-btn.rate-like.voted .svg-icon,
.model-ph-rate-btn.rate-like.user-voted .svg-icon { color: var(--tp-accent) !important; }
.model-ph-rate-btn.rate-dislike.active,
.model-ph-rate-btn.rate-dislike.voted,
.model-ph-rate-btn.rate-dislike.user-voted,
.model-ph-rate-btn.rate-dislike.disabled.user-voted { background: var(--tp-surface-3) !important; color: var(--tp-text) !important; }
.model-ph-rate-holder .voters { border-radius: 8px; background: var(--tp-surface-2); color: var(--tp-accent); }


.model-ph-subscribe-btn {
  height: 38px; padding: 0 18px !important; gap: 8px !important;
  border-radius: var(--tp-pill) !important; background: #ffffff !important; color: #000000 !important;
  font-size: 13px !important; font-weight: 600 !important; text-transform: none;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.model-ph-subscribe-btn:hover { background: #ededed !important; color: #000000 !important; }
.model-ph-subscribe-btn:active { transform: scale(0.96); }
.model-ph-subscribe-btn .svg-icon,
.model-ph-subscribe-btn svg { color: #000000; fill: currentColor !important; width: 15px !important; height: 15px !important; }
.model-ph-subscribe-btn--active,
.model-ph-subscribe-btn--active:hover {
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2)) !important; color: #ffffff !important; box-shadow: var(--tp-glow);
}
.model-ph-subscribe-btn--active .svg-icon,
.model-ph-subscribe-btn--active svg { color: #ffffff; }

.model-ph-desc { font-size: 14px; color: var(--tp-text-2); line-height: 1.6; margin-bottom: 14px; }
.model-ph-tags { gap: 8px; }
.model-ph-tag {
  padding: 7px 14px; border-radius: var(--tp-pill); background: var(--tp-surface-2); color: var(--tp-text-2); font-size: 12px; font-weight: 600;
}
.model-ph-tag:hover { background: var(--tp-surface-3); color: var(--tp-text); }


.model-ph-tabs { display: inline-flex; align-self: flex-start; width: max-content; max-width: 100%; gap: 4px; margin-top: 18px; padding: 4px; border-top: none; border-radius: var(--tp-pill); background: var(--tp-surface-2); }
.model-ph-tab {
  min-height: 36px; padding: 0 14px; border: none; border-bottom: none; border-radius: var(--tp-pill);
  color: var(--tp-text-2); font-size: 13px; font-weight: 600;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.model-ph-tab:hover { background: var(--tp-surface-3); color: var(--tp-text); border-bottom: none; }
.model-ph-tab:active { transform: scale(0.96); }
.model-ph-tab.active,
.model-ph-tab.active:hover { background: #ffffff; color: #000000; border-bottom: none; }
.model-ph-tab svg,
.model-ph-tab .svg-icon { width: 15px; height: 15px; color: currentColor; fill: currentColor; }


.sort .sort-title,
.more-title { min-width: 0; width: auto; padding: 0 14px 0 16px; gap: 6px; }
.sort .sort-title .svg-icon.icon-arrow-down { width: 12px; height: 12px; margin-left: 2px; }

@media (max-width: 600px) {
  .holder-box .asside.model-profile-header { padding: 16px; border-radius: 20px; }
  .model-ph-avatar { width: 92px; height: 92px; border-radius: 14px; }
  .model-ph-name { font-size: 20px; }
}

/* 20. ORDENACAO (.sort) */
.sort .sort-drop {
  left: 0; right: auto; width: max-content; min-width: 200px; max-width: min(320px, 90vw);
  margin-top: 6px; padding: 6px; border-radius: var(--tp-radius);
  transform: translate3d(0, 8px, 0);
}

.sort.tp-drop-right .sort-drop { left: auto; right: 0; }
.sort.sort-open .sort-drop { transform: translate3d(0, 0, 0); }
.sort .sort-drop a {
  display: flex; align-items: center; min-height: 40px; width: 100%;
  padding: 8px 14px; border-radius: 10px; text-align: left; white-space: nowrap;
  color: var(--tp-text-2); font-size: 14px; font-weight: 500;
}
.sort .sort-drop a:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.sort.sort-open .sort-title,
.sort.sort-open .sort-title:hover,
.sort.sort-open .sort-title.more-title,
.sort.sort-open .sort-title.more-title:hover {
  border-radius: var(--tp-pill); color: var(--tp-text); background: var(--tp-surface-2); box-shadow: none;
}
.sort .sort-title,
.sort .sort-title:hover,
.more-title:hover { box-shadow: none; }
.sort.sort-open .sort-title svg,
.sort.sort-open .sort-title.more-title:hover svg { fill: currentColor; color: var(--tp-text); }
.sort .sort-title .svg-icon { transition: transform 0.2s ease, background-color 0.18s ease; }
.sort.sort-open .sort-title .svg-icon.icon-arrow-down { transform: rotate(180deg); }
@media (max-width: 665px) {
  .sort.serch-box .sort-drop { left: 0; right: 0; width: auto; max-width: none; }
}


.thumb .item-top {
  top: 10px; left: 10px; gap: 6px; z-index: 3;
  opacity: 0; transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.thumb:hover .item-top,
.thumb:focus-within .item-top { opacity: 1; transform: translateY(0); }
.thumb .item-heart,
.thumb .item-time {
  width: 34px; height: 34px; margin-right: 0;
  border-radius: 50%; background: rgba(0, 0, 0, 0.55); color: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  cursor: pointer;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.thumb .item-heart svg,
.thumb .item-time svg { width: 16px; height: 16px; color: currentColor; fill: currentColor; }
.thumb .item-heart:hover,
.thumb .item-time:hover { background: #ffffff; color: #000000; }
.thumb .item-heart:hover svg,
.thumb .item-time:hover svg { fill: #000000; color: #000000; transform: scale(1.1); }
.thumb .item-heart:active,
.thumb .item-time:active { transform: scale(0.9); }
.thumb .item-heart.fixed,
.thumb .item-time.fixed { background: var(--tp-accent); color: #ffffff; }
.thumb .item-heart.fixed svg,
.thumb .item-time.fixed svg { fill: #ffffff; color: #ffffff; }
.thumb .item-heart.fixed .icon-heart,
.thumb .item-heart:hover .icon-heart { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z'/%3E%3C/svg%3E"); }
@media (max-width: 1024px) {
}

/* 23. MENU DA CONTA */
.mebers-block .member-links { display: none; top: calc(100% + 8px); right: 0; min-width: 220px; padding: 6px; margin: 0; list-style: none; }
.members-open .member-links { display: block !important; }
.mebers-block .member-links li { margin: 0; }
.mebers-block .member-links a,
.mebers-block .member-links a:first-child,
.mebers-block .member-links a:last-child,
.mebers-block .member-links li:last-child a {
  display: flex; align-items: center; width: 100%; height: auto; min-height: 40px;
  padding: 0 14px; margin: 0; border-radius: 10px; box-shadow: none;
  background: transparent; color: var(--tp-text-2); font-size: 14px; font-weight: 500; text-align: left;
}
.mebers-block .member-links a:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.mebers-block .member-links a.disabled { opacity: 0.45; }
.mebers-block .member-links li:last-child a { color: var(--tp-accent); }
.mebers-block .member-links li:last-child a:hover { background: var(--tp-accent-soft); color: var(--tp-accent); }

/* 24. AREA DO MEMBRO */
.list-subscriptions form { gap: 10px; }
.list-subscriptions .item {
  width: calc(20% - 8px); padding: 12px 14px; border-radius: 18px; background: var(--tp-surface);
  transition: background-color 0.18s ease;
}
.list-subscriptions .item:hover { background: var(--tp-surface-2); }
.list-subscriptions .item a,
.list-subscriptions .item a.title {
  padding: 6px 0 12px; border-bottom: none; gap: 12px;
  font-size: 14px; font-weight: 600; color: var(--tp-text);
}
.list-subscriptions .item a:hover { color: var(--tp-text); }
.list-subscriptions .item .img-holder { width: 40px; height: 40px; margin-right: 0; border-radius: 12px; background: var(--tp-surface-3); }
.list-subscriptions .item .svg-icon { color: var(--tp-text-3); width: 18px; height: 18px; }
.list-subscriptions .item-control { padding: 0; }
.list-subscriptions .item-control-holder { gap: 10px; }
.list-subscriptions .btn,
.add_friend .btn {
  height: 34px; padding: 0 14px; border-radius: var(--tp-pill);
  background: var(--tp-surface-2); color: var(--tp-text); font-size: 13px; font-weight: 600;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.list-subscriptions .btn:hover,
.add_friend .btn:hover { background: var(--tp-accent-soft); color: var(--tp-accent); }
.list-subscriptions .btn:active { transform: scale(0.96); }
@media (max-width: 1024px) { .list-subscriptions .item { width: calc(33.33% - 7px); } }
@media (max-width: 600px) { .list-subscriptions .item { width: calc(50% - 5px); } }
@media (max-width: 410px) { .list-subscriptions .item { width: 100%; } }


.item-control input,
.item-control input.checkbox {
  -webkit-appearance: none; appearance: none;
  width: 22px; height: 22px; padding: 0; margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 7px;
  background: var(--tp-surface-2); color: transparent;
  display: inline-flex; align-items: center; justify-content: center;
  transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.item-control input:hover { border-color: rgba(255, 255, 255, 0.35); }
.item-control input:active { transform: scale(0.92); }
.item-control input:checked { background: var(--tp-accent); border-color: var(--tp-accent); color: #ffffff; box-shadow: none; }
.item-control input:before { position: static; font-size: 12px; line-height: 1; }
.thumb .item-control { top: 10px; right: 10px; z-index: 3; }
.community_thumbs .thumb .item-control { top: 10px; right: 15px; left: auto; }
.thumb .item-control input { background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.thumb .item-control input:checked { background: var(--tp-accent); }


.community_thumbs .thumb .img-holder,
.community_thumbs .thumb a:hover .img-holder {
  border: none; border-radius: 22px; background: var(--tp-surface);
  transition: transform 0.25s ease, box-shadow 0.18s ease;
}
.community_thumbs .thumb a:hover .img-holder { transform: scale(1.02); }
.community_thumbs .thumb .title { font-size: 15px; font-weight: 600; color: var(--tp-text); }
.thumbs .img-holder .no-thumb { color: var(--tp-text-3); font-size: 14px; font-weight: 500; }
.thumb.unread .img-holder { box-shadow: 0 0 0 2px var(--tp-accent); }
.unread-notification {
  border: none; border-radius: 22px; padding: 0 10px;
  background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: var(--tp-text); font-size: 13px; font-weight: 600; text-transform: none; text-align: center;
}
.thumb.unread .title { color: var(--tp-text); }
.thumb.unread .title::after {
  content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 6px; vertical-align: middle;
  border-radius: 50%; background: var(--tp-accent);
}
.empty-content { padding: 28px; border-radius: 20px; background: var(--tp-surface); color: var(--tp-text-3); text-align: center; font-weight: 500; }

/* 25. CONVERSA */
.list-messages { padding: 18px 18px 6px; border-radius: var(--tp-radius-lg); background: var(--tp-surface); }
.list-messages .load-more { display: flex; justify-content: center; margin: 0 0 16px; }
.list-messages .load-more .btn {
  display: inline-flex; width: auto; min-width: 0; height: 34px; padding: 0 16px; margin: 0;
  border-radius: var(--tp-pill); background: var(--tp-surface-2); color: var(--tp-text-2); font-size: 13px; font-weight: 600;
}
.list-messages .load-more .btn:hover { background: var(--tp-surface-3); color: var(--tp-text); }

.list-messages .item { align-items: flex-end; gap: 8px; margin-bottom: 12px; max-width: 70%; }
.list-messages .item.grouped { margin-top: -8px; }
.list-messages .item > a,
.list-messages .item.me > a {
  width: 34px; height: 34px; margin: 0 0 18px; border-radius: 50%;
  background: var(--tp-surface-2); color: var(--tp-text-3); overflow: hidden;
}
.list-messages .item > a img { width: 100%; height: 100%; object-fit: cover; }
.list-messages .item > a i { width: 16px; height: 16px; }
.list-messages .item > a .svg-icon { color: var(--tp-text-3); }
.list-messages .item:has(+ .item.grouped) > a { visibility: hidden; }
.list-messages .message-wrap { min-width: 0; }
.list-messages .item.me .message-wrap { align-items: flex-end; }
.list-messages .message-text {
  order: 1; padding: 10px 14px; border-radius: 18px 18px 18px 6px;
  background: var(--tp-surface-2); color: var(--tp-text); font-size: 14px; line-height: 1.5;
  text-align: left; overflow-wrap: anywhere;
}
.list-messages .item.me .message-text { border-radius: 18px 18px 6px 18px; background: #ffffff; color: #000000; text-align: left; }
.list-messages .item:has(+ .item.grouped) .message-text,
.list-messages .item.me:has(+ .item.grouped) .message-text { border-radius: 18px; }
.list-messages .item.deleted .message-text { color: var(--tp-text-3); font-style: italic; }
.list-messages .message-text .inline-text { display: block; margin-top: 6px; }
.list-messages .message-text a { color: inherit; text-decoration: underline; }
.list-messages .added { order: 2; margin: 4px 6px 0; color: var(--tp-text-3); font-size: 11px; font-weight: 500; }
.list-messages .item.me .added { text-align: right; }
.list-messages .added.editable { cursor: pointer; }
.list-messages .added.editable:hover { color: var(--tp-text-2); }


.list-messages .message-text .bottom { gap: 6px; margin-top: 10px; }
.list-messages .message-text .btn,
.list-messages .message-text .btn:hover {
  height: 32px; padding: 0 14px; border: none; border-radius: var(--tp-pill);
  background: var(--tp-surface-3); color: var(--tp-text); font-size: 13px; font-weight: 600; box-shadow: none;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.list-messages .message-text .btn:hover { background: rgba(255, 255, 255, 0.16); }
.list-messages .message-text .btn:active { transform: scale(0.96); }
.list-messages .message-text .btn[name="confirm"] { background: #ffffff; color: #000000; }
.list-messages .message-text .btn[name="confirm"]:hover { background: #ededed; color: #000000; }


.message-form { position: sticky; bottom: 12px; z-index: 5; margin-top: -12px; }
.message-form form {
  display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px;
  padding: 10px 10px 10px 12px; border-radius: 24px; background: var(--tp-surface-2);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.6);
}
.message-form .generic-error { flex: 1 1 100%; }
.message-form .row { flex: 1 1 160px; min-width: 0; margin: 0; }
.message-form label { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(0 0 0 0); }
.message-form .bottom { flex: 0 0 auto; }
.smileys-bar { display: flex; flex-wrap: wrap; gap: 0; margin: 0 0 6px 2px; }
.smileys-bar img {
  width: 26px; height: 26px; padding: 4px; border-radius: 8px; opacity: 0.5; cursor: pointer;
  transition: opacity 0.15s ease, transform 0.15s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.15s ease;
}
.smileys-bar img:hover { opacity: 1; background: var(--tp-surface-3); transform: scale(1.15); }
.message-form .textarea,
.message-form .smileys-support .textarea {
  min-height: 88px; height: 88px; max-height: 220px; field-sizing: content;
  padding: 12px 18px; border-radius: 18px; border: 1px solid transparent;
  background: var(--tp-surface-3); color: var(--tp-text); font-size: 14px; font-weight: 500; line-height: 1.5;
  resize: none;
}
.message-form .textarea:focus { background: var(--tp-surface-3); border-color: rgba(255, 255, 255, 0.12); outline: none; }
.message-form .textarea::placeholder { color: var(--tp-text-3); }
.message-form .row .field-error.down { top: auto; bottom: -16px; left: 14px; color: var(--tp-accent); }
.message-form .btn,
.message-form .btn:hover {
  height: 46px; padding: 0 24px; border: none; border-radius: var(--tp-pill);
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2)); color: #ffffff;
  font-size: 14px; font-weight: 600; box-shadow: var(--tp-glow); cursor: pointer;
  transition: filter 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.message-form .btn:hover { filter: brightness(1.06); transform: translateY(-1px); }
.message-form .btn:active { transform: scale(0.96); }
@media (max-width: 767px) {
  .list-messages { padding: 12px 12px 2px; border-radius: 20px; }
  .list-messages .item { max-width: 86%; }
  .message-form { bottom: 8px; }
  .message-form form { border-radius: 20px; }
  .smileys-bar img { width: 24px; height: 24px; }
  .message-form .btn { height: 44px; padding: 0 18px; }
}




.thumb .item-control,
.thumb_rel .item-control { top: 10px; right: 10px; z-index: 4; }
.thumb .item-control-holder { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }
.thumb .item-control input,
.thumb .item-control input.checkbox {
  width: 26px; height: 26px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: transparent; box-shadow: none;
}
.thumb .item-control input:hover { border-color: rgba(255, 255, 255, 0.5); background: rgba(0, 0, 0, 0.7); }
.thumb .item-control input:checked { background: var(--tp-accent); border-color: var(--tp-accent); color: #ffffff; }
.toggle-button.edit-link,
.thumb .toggle-button.edit-link {
  width: 26px; height: 26px; margin: 0; border: none; border-radius: 8px;
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.92); box-shadow: none;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.toggle-button.edit-link:hover { background: #ffffff; color: #000000; box-shadow: none; }
.toggle-button.edit-link:active { transform: scale(0.92); }
.toggle-button.edit-link .svg-icon { width: 14px; height: 14px; color: currentColor; }
.toggle-button.edit-link:hover .svg-icon { color: #000000; }
.toggle-button.edit-link.disabled { opacity: 0.4; }
.toggle-button.disabled input { opacity: 0.4; }


.thumbs .bottom { gap: 8px; }
.thumbs .bottom .submit,
.list-subscriptions .submit,
.thumbs .bottom .submit:hover,
.list-subscriptions .submit:hover {
  min-height: 40px; padding: 0 18px; border-radius: var(--tp-pill);
  background: var(--tp-surface); color: var(--tp-text); font-size: 14px; font-weight: 600;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.thumbs .bottom .submit:hover,
.list-subscriptions .submit:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.thumbs .bottom .submit:active { transform: scale(0.96); }
.thumbs .bottom .submit[data-action="select_all"] { background: #ffffff; color: #000000; }
.thumbs .bottom .submit[data-action="select_all"]:hover { background: #ededed; color: #000000; }
.thumbs .bottom .submit[data-action="delete"]:not(:disabled):hover,
.thumbs .bottom .submit[type="submit"]:not(:disabled):hover { background: var(--tp-accent-soft); color: var(--tp-accent); }
.thumbs .bottom .submit:disabled { opacity: 0.4; }


.community_thumbs .thumb a { align-items: stretch; }
.community_thumbs .thumb .img-holder,
.community_thumbs .thumb a:hover .img-holder { width: 100%; height: auto; aspect-ratio: 1 / 1; margin-bottom: 10px; }
.community_thumbs .thumb .img-holder img { object-fit: cover; }
.community_thumbs .thumb .title { padding: 0 4px; }
.community_thumbs .thumb .thumb-bottom { padding: 4px 4px 0; }
.community_thumbs .thumb .item-control input { width: 26px; height: 26px; border-radius: 8px; }


.profile-v2-short-media { border-radius: 14px; background: var(--tp-surface); }
.profile-v2-short-media::after { height: 40%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); }
.profile-v2-short-card:hover .profile-v2-short-media img { transform: scale(1.03); }
.profile-v2-short-views {
  right: 8px; bottom: 8px; padding: 3px 9px; border-radius: var(--tp-pill);
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.92); font-size: 11px; font-weight: 600;
}
.profile-v2-short-views svg { width: 13px; height: 13px; }
.profile-v2-short-edit {
  top: 8px; right: 8px; width: 32px; height: 32px;
  border: none; border-radius: 50%;
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.92); box-shadow: none;
  opacity: 0; transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.18s ease, color 0.18s ease;
}
.profile-v2-short-card:hover .profile-v2-short-edit,
.profile-v2-short-card:focus-within .profile-v2-short-edit { opacity: 1; transform: translateY(0); }
.profile-v2-short-edit:hover { background: #ffffff; color: #000000; }
.profile-v2-short-edit:active { transform: scale(0.92); }
.profile-v2-short-edit svg { width: 15px; height: 15px; }
.profile-v2-short-edit.disabled { opacity: 0; }
.profile-v2-short-card:hover .profile-v2-short-edit.disabled { opacity: 0.4; }
.profile-v2-short-title { margin-top: 8px; color: var(--tp-text); font-size: 13px; font-weight: 500; line-height: 1.4; }
.profile-v2-short-title:hover { color: var(--tp-text); }
.profile-upload-placeholder { background: var(--tp-surface); color: var(--tp-text-3); }
@media (hover: none) {
  .profile-v2-short-edit { opacity: 1; transform: none; }
}


.profile-v2-favorites-filters {
  display: inline-flex; gap: 4px; margin: 16px 0 6px; padding: 4px;
  border-radius: var(--tp-pill); background: var(--tp-surface);
}
.profile-v2-favorites-filter {
  min-height: 36px; padding: 0 16px; border: none; border-radius: var(--tp-pill);
  background: transparent; color: var(--tp-text-2); font-size: 13px; font-weight: 600; box-shadow: none;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.profile-v2-favorites-filter svg { width: 16px; height: 16px; flex-basis: 16px; }
.profile-v2-favorites-filter:hover { border: none; background: var(--tp-surface-2); color: var(--tp-text); }
.profile-v2-favorites-filter:active { transform: scale(0.96); }
.profile-v2-favorites-filter.active,
.profile-v2-favorites-filter.active:hover { border: none; background: #ffffff; color: #000000; box-shadow: none; }
.profile-v2-favorites-watch {
  min-height: 38px; padding: 0 16px; border: none; border-radius: var(--tp-pill);
  background: var(--tp-surface); color: var(--tp-text); font-size: 13px; font-weight: 600;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.profile-v2-favorites-watch svg { width: 16px; height: 16px; }
.profile-v2-favorites-watch:hover { border: none; background: #ffffff; color: #000000; }
.profile-v2-favorites-watch:active { transform: scale(0.96); }
.profile-v2-empty,
.profile-v2-list-empty { min-height: 150px; color: var(--tp-text-3); font-weight: 500; }
@media (max-width: 767px) {
  .profile-v2-favorites-filters { display: flex; }
  .profile-v2-favorites-filter { flex: 1 1 0; padding: 0 10px; justify-content: center; }
}


.upload-wrapper { padding-top: 10px; }
.upload-wrapper .heading { margin-bottom: 18px; }
.upload-inner { gap: 16px; margin-bottom: 20px; }
.upload-inner .col { margin-right: 0; padding: 22px; border-radius: 20px; background: var(--tp-surface); }
.upload-holder .title { margin-bottom: 16px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--tp-text); }
.upload-holder label,
.upload-wrapper .field-label { margin-bottom: 8px; color: var(--tp-text-2); font-size: 13px; font-weight: 600; }
.upload-wrapper .row { margin-bottom: 16px; }
.upload-wrapper input,
.upload-wrapper textarea { font-family: inherit; }
.upload-wrapper textarea { height: 120px; }
.upload-wrapper input[readonly] { cursor: default; }
.upload-wrapper .field-error { margin-top: 6px; color: var(--tp-accent); font-weight: 500; }
.upload-inner .descr p { color: var(--tp-text-2); font-size: 14px; line-height: 1.6; }


.radio-box input[type="radio"] + label,
.upload-holder .radio-box input[type="radio"] + label { padding-left: 28px; margin: 0; color: var(--tp-text-2); font-size: 14px; font-weight: 500; line-height: 20px; transition: color 0.18s ease; }
.radio-box input[type="radio"] + label:hover { color: var(--tp-text); }
.radio-box input[type="radio"]:checked + label { color: var(--tp-text); }
.radio-box input[type="radio"] + label::before,
.upload-holder .radio-box input[type="radio"] + label::before { width: 20px; border: 1.5px solid rgba(255, 255, 255, 0.25); background: var(--tp-surface-2); }
.radio-box input[type="radio"] + label:hover::before { border-color: rgba(255, 255, 255, 0.5); }
.radio-box input[type="radio"]:checked + label::before { border-color: var(--tp-accent); }
.radio-box input[type="radio"] + label::after,
.upload-holder .radio-box input[type="radio"] + label::after { width: 10px; left: 5px; border: none; background: var(--tp-accent); transform: translateY(-50%) scale(0.4); }
.radio-box input[type="radio"]:checked + label::after { transform: translateY(-50%) scale(1); }
.radio-box input[type="radio"]:disabled + label { opacity: 0.45; cursor: default; }
.upload-holder .button-group { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.upload-holder .button-group > .field-label { flex: 1 1 100%; margin-bottom: 0; }


.file-control .textfield,
.upload-wrapper .file-control input.textfield { padding: 10px 130px 10px 18px; }
.file-control .button {
  top: 5px; right: 5px; left: auto; display: inline-flex; align-items: center; height: 36px; padding: 0 16px;
  border-radius: var(--tp-pill); background: #ffffff; color: #000000; font-size: 13px; font-weight: 600;
  transition: background-color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.file-control:hover .button { background: #ededed; }
.file-control .button.disabled { opacity: 0.4; }
.file-control .file { width: 100%; height: 100%; margin: 0; }


.upload-holder .radio-box { margin-bottom: 10px; }


.upload-wrapper .section-title,
.upload-wrapper .section-title.expand {
  display: inline-flex; align-items: center; gap: 8px; height: 36px; margin: 4px 0 12px; padding: 0 16px;
  border-radius: var(--tp-pill); background: var(--tp-surface-2); color: var(--tp-text); font-size: 13px; font-weight: 600; cursor: pointer;
  transition: background-color 0.18s ease;
}
.upload-wrapper .section-title:hover { background: var(--tp-surface-3); }
.upload-wrapper .section-title.expand::after {
  content: ""; width: 12px; height: 12px; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.upload-photos { gap: 12px 8px; }
.upload-photos .item { width: calc(33.33% - 6px); }
.upload-photos .img-holder { border-radius: 12px; margin-bottom: 6px; background: var(--tp-surface-2); }
.upload-photos .toggle-button { gap: 8px; }
.upload-photos .toggle-button span { color: var(--tp-text-2); font-size: 13px; font-weight: 500; }
.upload-photos .toggle-button.active span { color: var(--tp-text); }
.upload-photos .toggle-button.disabled { opacity: 0.4; }
.upload-photos .item-control input { position: static; }
.upload-photos .item-control input:before { left: auto; transform: none; }


.col .preview { border-radius: 16px; background: var(--tp-surface-2); }
.col .preview.disabled img { filter: grayscale(0.7) brightness(0.5); }
.col .preview em {
  bottom: 8px; left: 8px; padding: 3px 9px; border-radius: var(--tp-pill);
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.92); font-size: 11px; font-weight: 600; font-style: normal; line-height: 20px;
}
.col .preview em.right { left: auto; right: 8px; }
.col .preview em.positive { color: #6fe39a; }
.col .preview em.negative { color: var(--tp-accent); }


.upload-wrapper .bottom { display: flex; align-items: center; gap: 12px; margin-top: 4px; }
.upload-wrapper .bottom input[type="submit"],
.upload-wrapper .bottom input[type="submit"]:hover {
  width: auto; max-width: none; height: 46px; padding: 0 28px; border-radius: var(--tp-pill);
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2)); color: #ffffff;
  font-size: 14px; font-weight: 600; box-shadow: var(--tp-glow);
  transition: filter 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.18s ease;
}
.upload-wrapper .bottom input[type="submit"]:hover { filter: brightness(1.06); transform: translateY(-1px); }
.upload-wrapper .bottom input[type="submit"]:active { transform: scale(0.96); }
.upload-wrapper .bottom input[type="submit"]:disabled { opacity: 0.4; box-shadow: none; cursor: default; filter: none; transform: none; }

.upload-wrapper .bottom { flex-wrap: wrap; }
.upload-wrapper .bottom > label { flex: 1 1 100%; margin: 0 0 2px; color: var(--tp-text-2); font-size: 13px; font-weight: 600; }
.captcha-control { flex: 1 1 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; padding: 14px; border-radius: 18px; background: var(--tp-surface); }
.captcha-control .image { display: grid; grid-template-columns: auto minmax(160px, 240px); align-items: center; gap: 4px 14px; margin: 0; }
.captcha-control img { grid-row: 1 / 3; display: block; height: 62px; width: auto; margin: 0; border-radius: 12px; }
.captcha-control .image label { grid-column: 2; margin: 0; }
.upload-wrapper .captcha-control .image .textfield { grid-column: 2; margin: 0; }
.captcha-control .image .field-error { grid-column: 2; position: static; margin: 0; }
.captcha-control [data-name="code"] { flex: 1 1 auto; }
.upload-wrapper .captcha-control input[type="submit"] { margin-left: auto; }


.generic-error { padding: 12px 16px; border: none; border-radius: 14px; background: var(--tp-accent-soft); color: var(--tp-accent); font-size: 14px; font-weight: 500; text-align: left; }
.success,
.modal-inner .success { padding: 12px 16px; border: none; border-radius: 14px; background: rgba(111, 227, 154, 0.14); color: #6fe39a; font-weight: 600; }



form .progressbar {
  position: relative; box-sizing: border-box; overflow: hidden;
  width: 100%; max-width: 440px; margin: 20px auto 30px;
  padding: 18px 20px; border-radius: 20px; background: var(--tp-surface);
}
form .progressbar::before {
  content: ""; position: absolute; left: 20px; right: 20px; bottom: 18px;
  height: 8px; border-radius: var(--tp-pill); background: var(--tp-surface-3);
}

form .progressbar .progress {
  position: relative; z-index: 1; box-sizing: border-box;
  height: 8px; min-width: 8px; max-width: 100%; border-radius: var(--tp-pill);
  background: linear-gradient(90deg, var(--tp-accent), var(--tp-accent-2));
}
form .progressbar .text { margin-bottom: 12px; color: var(--tp-text); font-size: 15px; font-weight: 600; }


.upload-type-switch { display: inline-flex; width: auto; max-width: 100%; gap: 4px; margin: 0 0 20px; padding: 4px; border: none; border-radius: var(--tp-pill); background: var(--tp-surface); }
.upload-type-switch a { flex: 0 0 auto; min-height: 38px; padding: 0 18px; border-radius: var(--tp-pill); color: var(--tp-text-2); font-size: 14px; font-weight: 600; }
.upload-type-switch a + a { border-left: none; }
.upload-type-switch a:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.upload-type-switch a.active { background: #ffffff; color: #000000; }
.upload-type-switch a.active .upload-type-icon { color: #000000; }


.list-selector { position: relative; }
.list-selector-popup { margin-top: 8px; padding: 10px; border-radius: 16px; background: var(--tp-surface-2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); }
.list-selector-popup .button-group { display: flex; flex-wrap: wrap; gap: 6px; max-height: 190px; padding: 2px; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.16) transparent; }
.list-selector-popup .button-group::-webkit-scrollbar { width: 6px; }
.list-selector-popup .button-group::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.16); border-radius: 99px; }
.list-selector-popup .item { margin: 0; }
.list-selector-popup input[type="checkbox"] + label,
.list-selector-popup input[type="radio"] + label {
  display: inline-flex; align-items: center; gap: 8px; height: 32px; margin: 0; padding: 0 12px 0 8px;
  border-radius: var(--tp-pill); background: var(--tp-surface-3); color: var(--tp-text-2); font-size: 13px; font-weight: 500; cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.list-selector-popup input[type="checkbox"] + label:hover,
.list-selector-popup input[type="radio"] + label:hover { color: var(--tp-text); }
.list-selector-popup input[type="checkbox"] + label::before,
.list-selector-popup input[type="radio"] + label::before {
  content: "✔"; display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; margin: 0; padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px; background: var(--tp-surface-2); color: transparent; font-size: 10px; line-height: 1;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.list-selector-popup input[type="checkbox"] + label:active::before { transform: scale(0.9); }
.list-selector-popup input[type="checkbox"]:checked + label,
.list-selector-popup input[type="radio"]:checked + label { background: var(--tp-accent-soft); color: var(--tp-text); }
.list-selector-popup input[type="checkbox"]:checked + label::before,
.list-selector-popup input[type="radio"]:checked + label::before { background: var(--tp-accent); border-color: var(--tp-accent); color: #ffffff; box-shadow: none; }
.list-selector-popup .filter { margin-top: 8px; }
.list-selector-popup .filter input,
.upload-wrapper .list-selector-popup .filter input { height: 40px; padding: 8px 14px; border-radius: 12px; background: var(--tp-surface-3); border: 1px solid transparent; color: var(--tp-text); font-size: 13px; }
.list-selector-popup .filter input:focus { outline: none; border-color: rgba(255, 255, 255, 0.12); }

@media (max-width: 700px) {
  .upload-inner .col { padding: 16px; border-radius: 18px; margin-bottom: 0; }
  
  .upload-wrapper .bottom input[type="submit"] { flex: 1 1 auto; }
  .upload-type-switch { display: flex; }
  .upload-type-switch a { flex: 1 1 0; }
  .captcha-control .image { grid-template-columns: auto 1fr; width: 100%; }
  .upload-wrapper .captcha-control input[type="submit"] { margin-left: 0; }
}


.block-flagging .button-group .radio + span,
.block-flagging .button-group .radio + label { color: var(--tp-text-2); font-weight: 500; transition: color 0.18s ease; }
.block-flagging .button-group .radio:checked + span,
.block-flagging .button-group .radio:checked + label { color: var(--tp-text); }
.block-flagging .button-group .radio + span::before,
.block-flagging .button-group .radio + label::before {
  width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.25); background: var(--tp-surface-2);
}
.block-flagging .button-group .radio + span:hover::before,
.block-flagging .button-group .radio + label:hover::before { border-color: rgba(255, 255, 255, 0.5); }
.block-flagging .button-group .radio + span::after,
.block-flagging .button-group .radio + label::after {
  left: 5px; width: 10px; height: 10px; border: none; border-radius: 50%;
  background: var(--tp-accent); transform: translateY(-50%) scale(0); transition: transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.block-flagging .button-group .radio:checked + span::before,
.block-flagging .button-group .radio:checked + label::before { background: var(--tp-surface-2); border: 1.5px solid var(--tp-accent); }
.block-flagging .button-group .radio:checked + span::after,
.block-flagging .button-group .radio:checked + label::after { border: none; transform: translateY(-50%) scale(1); }
.block-flagging .block-textarea textarea { font-family: inherit; height: auto; min-height: 125px; padding: 12px 18px; border-radius: 14px; border: 1px solid transparent; background: var(--tp-surface-2); color: var(--tp-text); font-size: 14px; font-weight: 500; line-height: 1.5; }
.block-flagging .block-textarea textarea:focus { background: var(--tp-surface-3); border-color: rgba(255, 255, 255, 0.08); outline: none; }


input[type="checkbox"] + label::before,
.modal-holder input[type="checkbox"] + label::before,
.col-photo .preview input[type="checkbox"] + label::before {
  display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; padding: 0; margin-right: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 7px; background: var(--tp-surface-2); color: transparent;
  font-size: 12px; line-height: 1; transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
input[type="checkbox"] + label:hover::before { border-color: rgba(255, 255, 255, 0.4); }
input[type="checkbox"] + label:active::before { transform: scale(0.9); }
input[type="checkbox"]:checked + label::before,
.modal-holder input[type="checkbox"]:checked + label::before,
.col-photo .preview input[type="checkbox"]:checked + label::before { background: var(--tp-accent); border-color: var(--tp-accent); color: #ffffff; box-shadow: none; }
input[type="checkbox"]:disabled + label::before,
.col-photo .preview input[type="checkbox"]:disabled + label::before { opacity: 0.4; border-color: rgba(255, 255, 255, 0.2); transform: none; }
input[type="checkbox"]:checked:disabled + label::before,
.col-photo .preview input[type="checkbox"]:checked:disabled + label::before { background: var(--tp-accent); border-color: var(--tp-accent); }
.thumbs input[type="checkbox"] + label::before { margin: 0; }


.video-controls .btn-holder.fav-open .drop-btn { background: #ffffff; color: #000000; }
.btn-holder.fav-open .drop-btn svg,
.btn-holder.fav-open .drop-btn .svg-icon { fill: #000000; color: #000000; }
.fav-drop {
  top: calc(100% + 8px); width: 230px; padding: 6px; border-radius: var(--tp-radius);
  background: var(--tp-surface-2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
  transform: translateY(6px); transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.btn-holder.fav-open .fav-drop { transform: translateY(0); }
.fav-drop li { margin: 0; }
.fav-drop li > span { align-items: center; gap: 2px; }
.fav-drop a {
  flex: 1 1 auto; min-width: 0; padding: 9px 12px; border-radius: 10px;
  color: var(--tp-text-2); font-size: 13px; font-weight: 500; transition: background-color 0.15s ease, color 0.15s ease;
}
.fav-drop a:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.fav-drop li .delete { flex: 0 0 auto; margin: 0; padding: 9px 10px; color: var(--tp-text-3); }
.fav-drop li .delete:hover { background: var(--tp-accent-soft); color: var(--tp-accent); }


.screen-box .screen-img { border-radius: 12px; }
.screen-box .screen-img::before { border: 2px solid rgba(255, 255, 255, 0.45); border-radius: 12px; }


.player-related-videos-container {
  --sb-track-color: transparent; --sb-thumb-color: rgba(255, 255, 255, 0.25);
  scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}
.player-related-videos-container::-webkit-scrollbar-track { background: transparent; }
.player-related-videos-container::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.25); border-radius: 99px; }
.player-related-videos-item { color: var(--tp-text); }


.btn.active { background: #ffffff; color: #000000; }
.btn.orange,
.btn.orange:hover,
.video-inner .user-box .btn.orange:hover {
  background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2)); color: #ffffff; box-shadow: var(--tp-glow);
}
.video-controls .btn.delete { background: var(--tp-accent-soft); color: var(--tp-accent); }
.video-controls .btn.delete:hover { background: var(--tp-accent); color: #ffffff; }
.video-controls .btn.delete .svg-icon { color: currentColor; }
.sub-btn:hover .count,
.button-subscribe:hover span { background: var(--tp-surface-3); }
.block-share .block-size .embed-button:hover { background: #ffffff; color: #000000; }
.no-player span a { color: var(--tp-accent); }
.comments-thumb .comment-content .title:hover,
.comments-thumb .comment-content a:hover,
.list-thumb a:hover .title { color: var(--tp-text); }


.thumb .line-private,
.thumb .line-premium,
.thumb .line-disabled,
.thumb .line-error,
.thumb .line-processing {
  left: 10px; bottom: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 9px; border-radius: var(--tp-pill);
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.92); font-size: 11px; font-weight: 600; line-height: 20px; letter-spacing: 0;
}
.thumb .line-private .ico-private,
.thumb .line-premium .ico-premium { display: inline-flex; align-items: center; gap: 5px; background: none; padding: 0; border-radius: 0; color: inherit; font-size: inherit; font-weight: inherit; }
.thumb .line-private .ico-private::before {
  content: ""; width: 11px; height: 11px; flex: 0 0 11px; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}
.thumb .line-premium,
.profile .thumb.premium .line-premium { top: auto; bottom: 10px; left: 10px; background: linear-gradient(135deg, var(--tp-accent), var(--tp-accent-2)); color: #ffffff; }
.profile .thumb.premium .ico-premium { background: none; padding: 0; border-radius: 0; color: #ffffff; font-size: inherit; font-weight: inherit; box-shadow: none; }
.thumb .line-disabled { color: var(--tp-text-2); }
.thumb .line-error { background: rgba(255, 74, 82, 0.28); color: #ffd1d3; }
.thumb .line-processing::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tp-accent-2);
  animation: tp-blink 1.2s ease-in-out infinite;
}
@keyframes tp-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }
.thumb .item-bottom { z-index: 2; }


.asside-thumb .thumb .item-bottom { right: 6px; bottom: 6px; gap: 4px; }
.asside-thumb .thumb .qualtiy,
.asside-thumb .thumb .time,
.asside-thumb .thumb .line-private,
.asside-thumb .thumb .line-premium,
.asside-thumb .thumb .line-disabled,
.asside-thumb .thumb .line-error,
.asside-thumb .thumb .line-processing { padding: 1px 7px; font-size: 10px; line-height: 16px; }
.asside-thumb .thumb .line-private,
.asside-thumb .thumb .line-premium,
.asside-thumb .thumb .line-disabled,
.asside-thumb .thumb .line-error,
.asside-thumb .thumb .line-processing { left: 6px; bottom: 6px; gap: 4px; }
.asside-thumb .thumb .line-private .ico-private::before { width: 10px; height: 10px; flex-basis: 10px; }
.asside-thumb .thumb .item-top { top: 6px; left: 6px; }
.asside-thumb .thumb .item-heart,
.asside-thumb .thumb .item-time { width: 28px; height: 28px; }
.asside-thumb .thumb .item-heart svg,
.asside-thumb .thumb .item-time svg { width: 14px; height: 14px; }

@media (max-width: 767px) {
  .thumb .item-bottom { right: 6px; bottom: 6px; gap: 4px; }
  .thumb .qualtiy,
  .thumb .time,
  .thumb .line-private,
  .thumb .line-premium,
  .thumb .line-disabled,
  .thumb .line-error,
  .thumb .line-processing { padding: 1px 7px; font-size: 10px; line-height: 16px; }
  .thumb .line-private,
  .thumb .line-premium,
  .thumb .line-disabled,
  .thumb .line-error,
  .thumb .line-processing { left: 6px; bottom: 6px; gap: 4px; }
  .thumb .line-private .ico-private::before { width: 10px; height: 10px; flex-basis: 10px; }
}

/* 30. TAGS (página /tags/) */
.alphabet { gap: 6px; margin: 0 0 24px; }
.alphabet a {
  min-width: 38px; height: 38px; padding: 0 12px; margin: 0; border-radius: var(--tp-pill);
  background: var(--tp-surface); color: var(--tp-text-2); font-size: 14px; font-weight: 600;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.alphabet a:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.alphabet a:active { transform: scale(0.94); }
.alphabet a.active,
.alphabet a.active:hover { background: #ffffff; color: #000000; }
.tags-list li.letter { padding: 26px 4px 12px; font-size: 24px; font-weight: 600; letter-spacing: -0.02em; color: var(--tp-text); }
.tags-list li { padding: 0 6px; }
.tags-holder .tags-list li a,
.tags-list li a {
  display: flex; align-items: center; gap: 10px; width: 100%; max-width: 100%; margin-bottom: 6px; padding: 8px 14px;
  border-radius: 12px; background: var(--tp-surface); color: var(--tp-text-2); font-size: 14px; font-weight: 500;
  transition: background-color 0.18s ease, color 0.18s ease;
}
.tags-list li a span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.tags-list li a em { float: none; flex: 0 0 auto; color: var(--tp-text-3); font-size: 12px; font-weight: 600; font-style: normal; }
.tags-holder .tags-list li a:hover,
.tags-list li a:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.tags-list li a:hover em { color: var(--tp-text-2); }

/* 31. ORDENACAO E FILTROS */
.sort-tabs .sort-control,
.sort-search { gap: 6px; }
.sort-tabs .sort-control a,
.sort-search .open-box {
  height: 38px; margin-right: 0; padding: 0 16px; border-radius: var(--tp-pill);
  background: var(--tp-surface); color: var(--tp-text-2); font-size: 13px; font-weight: 600;
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.sort-tabs .sort-control a svg,
.sort-search .open-box svg { fill: currentColor; color: currentColor; width: 15px; height: 15px; }
.sort-tabs .sort-control a i.arrow svg,
.sort-search .open-box i.arrow svg { width: 12px; height: 12px; }
.sort-tabs .sort-control a:hover,
.sort-search .open-box:hover { background: var(--tp-surface-2); color: var(--tp-text); }
.sort-tabs .sort-control a:hover svg,
.sort-search .open-box:hover svg { fill: currentColor; }
.sort-tabs .sort-control a:active,
.sort-search .open-box:active { transform: scale(0.96); }
.sort-tabs.sort-cat .open_cat,
.sort-tabs.sort-sites .open_sites,
.sort-tabs.sort-models .open_models,
.sort-search.sort-filter .open-box { background: #ffffff; color: #000000; }
.sort-tabs.sort-cat .open_cat svg,
.sort-tabs.sort-sites .open_sites svg,
.sort-tabs.sort-models .open_models svg,
.sort-search.sort-filter .open-box svg { fill: #000000; color: #000000; }
.sort-holder a:hover,
.sort-holder span:hover { color: var(--tp-text); }
.search-filter { padding: 20px; border: none; border-radius: 20px; background: var(--tp-surface); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); }
.search-filter .form-inner { gap: 12px; }
.search-filter .col-item { margin-right: 0; }
.search-filter label { margin-bottom: 8px; color: var(--tp-text-2); font-size: 13px; font-weight: 600; }
.search-filter select,
.search-filter .input {
  height: 46px; padding: 10px 18px; border: 1px solid transparent; border-radius: 14px;
  background-color: var(--tp-surface-2); color: var(--tp-text); font-size: 14px; font-weight: 500;
}
.search-filter .input:focus,
.search-filter select:focus { background-color: var(--tp-surface-3); border-color: rgba(255, 255, 255, 0.08); outline: none; }
.search-filter .check-label label::before { width: 22px; height: 22px; border-radius: 7px; border: 1px solid rgba(255, 255, 255, 0.2); background: var(--tp-surface-2); }
.search-filter .check-label span { color: var(--tp-text-2); font-weight: 500; }
.search-filter .button-submit,
.search-filter .button-submit:hover {
  height: 46px; padding: 0 24px; border-radius: var(--tp-pill); background: #ffffff; color: #000000; font-size: 14px; font-weight: 600;
  transition: background-color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.search-filter .button-submit:hover { background: #ededed; }
.search-filter .button-submit:active { transform: scale(0.96); }


.btn.gold,
.btn.gold:hover { padding: 0 16px; background: var(--tp-accent-soft); color: var(--tp-accent); }
.btn.gold svg,
.btn.gold:hover svg { fill: currentColor; }
.btn.gold:hover { background: var(--tp-accent); color: #ffffff; }
.tags-row a,
.block.tags-row a {
  padding: 7px 14px; border: none; border-radius: var(--tp-pill); background: var(--tp-surface); color: var(--tp-text-2);
  font-size: 13px; font-weight: 500; box-shadow: none; transition: background-color 0.18s ease, color 0.18s ease, transform 0.16s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.tags-row a:hover { background: var(--tp-surface-2); color: var(--tp-text); box-shadow: none; transform: none; }
.tags-row a:active { transform: scale(0.96); }
.block.tags-row { gap: 6px; }
.tags-row .swiper-button-prev::after,
.tags-row .swiper-button-next::after { color: var(--tp-text-2); }
.tags-row .swiper-button-prev:hover::after,
.tags-row .swiper-button-next:hover::after { color: var(--tp-text); }
.album-inner .album-img img { border-radius: 12px; }
.album-inner .message { font-weight: 500; color: var(--tp-text); }
.album-inner .message a { color: var(--tp-accent); font-weight: 600; }
.album-inner:has(.message)::after { border-radius: 16px; background-color: rgba(0, 0, 0, 0.7); }
.playlist-thumbs .thumb .count-holder {
  width: 88px; border-radius: 0 var(--tp-radius) var(--tp-radius) 0;
  background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
.playlist-thumbs .thumb .count-holder svg { fill: rgba(255, 255, 255, 0.92); }
.playlist-thumbs .thumb .count-holder .text { color: rgba(255, 255, 255, 0.92); font-size: 15px; font-weight: 600; letter-spacing: 0; }
.playlist-thumbs .thumb .item-control { left: 10px; right: auto; }

/* 33. BLOG */
.list-thumb { padding: 18px 20px; border-radius: 20px; background: var(--tp-surface); transition: background-color 0.18s ease; }
.list-thumb:hover { background: var(--tp-surface-2); }
.list-thumb .title,
.posts-row .list-thumbs .title { margin-bottom: 8px; color: var(--tp-text); font-size: 17px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; }
.list-thumb a:hover .title { color: var(--tp-text); }
.list-thumb .post-description { color: var(--tp-text-2); line-height: 1.6; }
.list-thumb .list-nifo { gap: 14px; }
.list-thumb .date { color: var(--tp-text-3); font-size: 12px; font-weight: 500; letter-spacing: 0; }
.list-thumb .date svg { fill: var(--tp-text-3); width: 14px; height: 14px; }
.col-post { color: var(--tp-text-2); font-size: 15px; line-height: 1.7; }
.col-post img { border-radius: 16px; }
.col-post a { color: var(--tp-text); text-decoration: underline; text-underline-offset: 3px; }

/* 34. CATEGORIAS E CANAIS */
.categories-thumbs .cat-title {
  padding: 10px 14px; gap: 10px; background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.categories-thumbs .cat-title .title { color: rgba(255, 255, 255, 0.92); font-size: 15px; font-weight: 600; line-height: 1.4; letter-spacing: -0.01em; }
.categories-thumbs .cat-title .thumb-item { margin-right: 0; color: rgba(255, 255, 255, 0.6); font-size: 11px; font-weight: 600; letter-spacing: 0; }
.categories-thumbs .cat-title .thumb-item svg { fill: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); width: 13px; height: 13px; }
.categories-thumbs .thumb .title { padding: 0; }
.channels-thumbs .title { font-weight: 600; }

/* 35. PERFIL: sobras */
.img-plug { background-color: var(--tp-surface); }
.profile-upload-status { background: rgba(0, 0, 0, 0.45); }
.profile-upload-status-label {
  min-height: 30px; padding: 6px 12px; border: none; border-radius: var(--tp-pill);
  background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  color: rgba(255, 255, 255, 0.92); font-size: 12px; font-weight: 600; letter-spacing: 0;
}
.profile-upload-status--processing .profile-upload-status-label { background: rgba(0, 0, 0, 0.6); border: none; }
.profile-upload-status--moderation .profile-upload-status-label { background: rgba(255, 194, 71, 0.22); border: none; color: #ffd98a; }
.profile-upload-status--error .profile-upload-status-label { background: rgba(255, 74, 82, 0.28); border: none; color: #ffd1d3; }
.profile-upload-status--inactive .profile-upload-status-label { background: rgba(0, 0, 0, 0.6); border: none; color: var(--tp-text-2); }
.profile-upload-spinner { border-color: rgba(255, 255, 255, 0.25); border-top-color: #ffffff; }
.verified-badge path { fill: var(--tp-accent); }
.profile-verified-badge svg path { stroke: var(--tp-accent) !important; }
.profile-v2-verified { color: var(--tp-accent); }
.profile-v2-social { width: 34px; height: 34px; border: none; border-radius: 10px; background: var(--tp-surface-2); }
.profile-v2-social:hover { border: none; background: var(--tp-surface-3); transform: translateY(-2px); }
.profile-v2-social-custom { color: var(--tp-text-2); font-weight: 600; }
.profile-v2-social-custom:hover { color: var(--tp-text); }
.profile-v2-notice { padding: 12px 16px; border: none; border-radius: 16px; background: var(--tp-surface); color: var(--tp-text-2); font-size: 13px; font-weight: 500; }
.profile-v2-notice-action { padding: 6px 12px; border-radius: var(--tp-pill); color: var(--tp-accent); font-size: 12px; font-weight: 600; transition: background-color 0.18s ease; }
.profile-v2-notice-action:hover { background: var(--tp-accent-soft); }
.profile-v2-notice-action.muted { color: var(--tp-text-3); }
.profile-v2-notice-action.muted:hover { background: var(--tp-surface-3); color: var(--tp-text); }
.profile-v2-creator-head strong { color: var(--tp-text); font-weight: 600; }
.profile-v2-creator-head span { color: var(--tp-text-3); font-weight: 500; }

/* 38. SOBRAS */
.header-links a:hover,
.copi a:hover,
.footer .copi a:hover { color: var(--tp-text); opacity: 1; }
.modal-inner .close-btn:hover svg { fill: currentColor; }
.modal-inner .row .field-error.down,
.modal-inner .row .field-error.up,
.comment-holder .field-error,
.upload-wrapper .field-error,
.modal-inner [data-tp-signup-validation] .row .field-error.tp-signup-inline-error { color: var(--tp-accent); font-weight: 500; }
[data-tp-signup-validation] .tp-signup-password-field .textfield.tp-signup-invalid { border-color: var(--tp-accent) !important; box-shadow: none !important; background: var(--tp-accent-soft); }
[data-tp-signup-validation] .tp-signup-password-toggle,
.tp-login-password-toggle { color: var(--tp-text-3); border-radius: 50%; }
[data-tp-signup-validation] .tp-signup-password-toggle:hover,
.tp-login-password-toggle:hover { color: var(--tp-text); background: var(--tp-surface-3); }
[data-tp-signup-validation] .tp-signup-password-toggle:focus-visible,
.tp-login-password-toggle:focus-visible { outline: 2px solid rgba(255, 255, 255, 0.35); }
.autocomplete-suggestions { padding: 6px; border-radius: 0 0 20px 20px; background-color: var(--tp-surface-2); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6); }
.autocomplete-group { margin: 6px 0 2px; padding: 6px 14px; background-color: transparent; color: var(--tp-text-3); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.autocomplete-suggestion { padding: 9px 14px; border-radius: 10px; color: var(--tp-text-2); font-size: 14px; font-weight: 500; transition: background-color 0.12s ease, color 0.12s ease; }
.autocomplete-suggestion strong { color: var(--tp-text); font-weight: 600; }
.autocomplete-suggestion:hover,
.autocomplete-selected { background-color: var(--tp-surface-3); color: var(--tp-text); }
.autocomplete-no-suggestion { padding: 9px 14px; color: var(--tp-text-3); }
@media (max-width: 1024px) {
  .hero-guest-btn { border-radius: var(--tp-pill); font-weight: 600; }
  .hero-guest-btn.login { border: none; background: var(--tp-surface-2); color: var(--tp-text); }
  .hero-guest-btn.login:hover { background: var(--tp-surface-3); }
  .hero-guest-btn.signup { border: none; background: #ffffff; color: #000000; }
  .hero-guest-btn.signup:hover { background: #ededed; }
  .hero-subscribe-btn { border: none; border-radius: var(--tp-pill); background: var(--tp-accent-soft); color: var(--tp-accent); font-weight: 600; }
  .hero-subscribe-btn svg { fill: var(--tp-accent); }
  .hero-subscribe-btn:hover { border: none; background: var(--tp-accent); color: #ffffff; }
  .hero-subscribe-btn:hover svg { fill: #ffffff; }
  .hero-user-arrow { color: var(--tp-text-3); }
  .hero-user-section.open .hero-user-arrow { color: var(--tp-text); }
}

/* 39. SOBRAS FINAIS */
.sort-box .tab-content { padding: 16px 0; border-top: none; border-radius: 0 0 20px 20px; background: var(--tp-surface); }
.sort-box .sort-inner a { color: var(--tp-text-2); font-weight: 500; }
.sort-box .sort-inner a:hover { color: var(--tp-text); }
.sort-box .btn-holder::before { display: none; }
.sort-box .btn-holder .sort-title,
.sort-box .btn-holder .sort-title:hover { height: 38px; padding: 0 16px; border-radius: var(--tp-pill); background: var(--tp-surface-2); color: var(--tp-text); font-weight: 600; box-shadow: none; }
.sort-box .btn-holder .sort-title:hover { background: var(--tp-surface-3); }
.sort-box .btn-holder .sort-title svg,
.sort-box .btn-holder .sort-title:hover svg { fill: currentColor; }
.sort-holder span { color: var(--tp-text); }
.sort-holder span::before,
.sort-holder a::before { background: var(--tp-text); }

/* 40. LARGURA FLUIDA (PC) */
.container { max-width: none; padding: 0 32px; }
body.shorties-page .container { max-width: 100%; padding: 0; } 
.video-holder { max-width: 1800px; margin-left: auto; margin-right: auto; }
.profile-v2-shell { max-width: none; }
@media (min-width: 1700px) {
  .thumb { width: 16.666%; }
  .community_thumbs .thumb { width: 12.5%; }
  .playlist-thumbs .thumb,
  .channels-thumbs .thumb { width: 20%; }
  .asside-thumb .thumb { width: 100%; }
}
@media (min-width: 2100px) {
  .thumb { width: 14.285%; }
  .community_thumbs .thumb { width: 10%; }
  .playlist-thumbs .thumb,
  .channels-thumbs .thumb { width: 16.666%; }
  .asside-thumb .thumb { width: 100%; }
}
@media (min-width: 2500px) {
  .container { padding: 0 40px; }
  .thumb { width: 12.5%; }
  .community_thumbs .thumb { width: 8.333%; }
  .playlist-thumbs .thumb,
  .channels-thumbs .thumb { width: 14.285%; }
  .asside-thumb .thumb { width: 100%; }
}

/* 41. CELULAR */
@media (max-width: 800px) {
  .thumbs.tp-home-1col { margin-left: -14px; margin-right: -14px; column-gap: 0; }
  .thumbs.tp-home-1col .thumb { padding-left: 0; padding-right: 0; }
  .thumbs.tp-home-1col .thumb .img-holder { border-radius: 0; margin-bottom: 10px; }
  .thumbs.tp-home-1col .thumb > a:hover .img-holder { transform: none; }
  .thumbs.tp-home-1col .thumb .title,
  .thumbs.tp-home-1col .thumb .thumb-bottom { padding-left: 14px; padding-right: 14px; }
  .thumbs.tp-home-1col .thumb .title { font-size: 15px; }

  .thumbs.tp-browse-2col { margin-left: -4px; margin-right: -4px; column-gap: 0; }
  .thumbs.tp-browse-2col .thumb { width: 50%; padding: 4px 4px 10px; }
  .thumbs.tp-browse-2col .thumb .img-holder { border-radius: 12px; margin-bottom: 8px; }
  .thumbs.tp-browse-2col .thumb .title,
  .thumbs.tp-browse-2col .thumb .thumb-bottom { padding-left: 4px; padding-right: 4px; }
}
@media (max-width: 767px) {
  
  .thumbs.tp-home-1col .thumb .item-bottom { right: 10px; bottom: 10px; gap: 6px; }
  .thumbs.tp-home-1col .thumb .qualtiy,
  .thumbs.tp-home-1col .thumb .time,
  .thumbs.tp-home-1col .thumb .line-private,
  .thumbs.tp-home-1col .thumb .line-premium,
  .thumbs.tp-home-1col .thumb .line-disabled,
  .thumbs.tp-home-1col .thumb .line-error,
  .thumbs.tp-home-1col .thumb .line-processing { padding: 4px 11px; font-size: 12px; line-height: 20px; }
  .thumbs.tp-home-1col .thumb .line-private,
  .thumbs.tp-home-1col .thumb .line-premium,
  .thumbs.tp-home-1col .thumb .line-disabled,
  .thumbs.tp-home-1col .thumb .line-error,
  .thumbs.tp-home-1col .thumb .line-processing { left: 10px; bottom: 10px; gap: 5px; }
  .thumbs.tp-home-1col .thumb .line-private .ico-private::before { width: 11px; height: 11px; flex-basis: 11px; }
  .thumbs.tp-home-1col .thumb .item-top { top: 10px; left: 10px; }
}
@media (max-width: 410px) {
  
  .thumbs:not(.tp-browse-2col) .thumb .qualtiy,
  .thumbs:not(.tp-browse-2col) .thumb .time,
  .thumbs:not(.tp-browse-2col) .thumb .line-private,
  .thumbs:not(.tp-browse-2col) .thumb .line-premium,
  .thumbs:not(.tp-browse-2col) .thumb .line-disabled,
  .thumbs:not(.tp-browse-2col) .thumb .line-error,
  .thumbs:not(.tp-browse-2col) .thumb .line-processing { padding: 4px 11px; font-size: 12px; line-height: 20px; }
}


@media (max-width: 767px) {
  .sort .sort-drop { min-width: 180px; max-width: calc(100vw - 28px); padding: 4px; border-radius: 14px; }
  .sort .sort-drop a { min-height: 36px; padding: 6px 14px; font-size: 13px; }
  .sort.serch-box .sort-drop { left: 0; right: 0; width: auto; }
}

/* 43. X DE FECHAR DOS MODAIS */
.modal-inner .close-btn .svg-icon,
.profile-edit-v2-header .close-btn .svg-icon {
  width: 22px; height: 22px;
  -webkit-mask-image: none; mask-image: none;
  background-color: transparent;
  fill: #ffffff;
  color: #ffffff;
  transition: fill 0.18s ease, transform 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.modal-inner .close-btn .svg-icon > use,
.profile-edit-v2-header .close-btn .svg-icon > use { display: inline; }
.modal-inner .close-btn:hover .svg-icon,
.modal-inner .close-btn:hover svg,
.profile-edit-v2-header .close-btn:hover .svg-icon { fill: #ffffff; color: #ffffff; transform: rotate(90deg); }

/* 11. CELULAR */
@media (max-width: 767px) {
  .container { padding: 0 14px; }

  
  .header-links .header-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2px 16px;
    padding: 6px 0;
    overflow: visible;
  }
  .header-links a { flex-shrink: 0; white-space: nowrap; margin-right: 0; font-size: 12px; line-height: 20px; }
  .header-links i { flex-shrink: 0; }

  
  .header-holder { padding: 6px 0; }
  .header-holder .header-inner { min-height: 52px; gap: 8px; }
  .header-holder .header-inner > .logo { width: 140px; }
  .header-holder .header-inner > .logo img { width: 140px; height: auto; }
  .video-inner .title-holder { padding: 12px 2px 8px; }
  .title-holder .title,
  .video-inner .title-holder .title { font-size: 18px; line-height: 1.3; }

  
  .video-controls .info-container {
    flex-wrap: nowrap !important;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .video-controls .info-container::-webkit-scrollbar { display: none; }
  .video-controls .info-container > * { flex-shrink: 0; }
  .video-controls .btn-holder .btn,
  .video-controls .info-container .btn,
  .video-controls .btn-favourites .btn-holder > a.btn,
  .video-controls .btn-favourites li > a.btn,
  .video-controls .btn-favourites button.drop-btn,
  .video-controls .btn-favourites button.drop-btn.second,
  .video-controls .rate-holder .btn { height: 36px; min-width: 36px; padding: 0 10px; font-size: 12px; }
  .video-controls .rate-holder { margin-right: 4px; }
  .video-controls .btn-holder .btn svg,
  .video-controls .info-container .btn svg,
  .video-controls .btn-favourites .btn-holder > a.btn svg,
  .video-controls .btn-favourites li > a.btn svg,
  .video-controls .btn-favourites button.drop-btn svg,
  .video-controls .btn-favourites button.drop-btn.second svg,
  .video-controls .btn-favourites button.drop-btn .arrow svg { width: 16px; height: 16px; }
  .video-controls .user-box .button-box .btn { height: 36px; padding: 0 16px; font-size: 12px; }

  
  .thumb .thumb-bottom-videos { flex-wrap: nowrap; gap: 4px; }
  .thumb .thumb-bottom-videos .thumb-item { white-space: nowrap; font-size: 11px; }
  .thumb .thumb-bottom-videos .thumb-item:first-child { flex-shrink: 0; }
  .thumb .thumb-bottom-videos .thumb-item-date,
  .thumb .thumb-bottom-videos .thumb-item:last-child { flex-shrink: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
  .thumb .title { font-size: 13px; }
  .thumb .img-holder { border-radius: 12px; margin-bottom: 8px; }
  .profile-v2-cover { height: 148px; margin: 12px 14px 0; border-radius: 18px; }
  .profile-v2-shell { width: calc(100% - 32px); margin-top: -48px; }
  .profile-v2-name-row h1 { font-size: 23px; }
  .profile-v2-facts strong { font-size: 16px; }
  .profile-v2-btn { min-height: 40px; }
  .profile-v2-btn-icon { width: 40px; flex-basis: 40px; padding: 0; }
  .profile-v2-tab { min-height: 36px; padding: 0 14px; }
}