@charset "UTF-8";
:root {
  --bottom-navi-height: 80px;
  --top-navi-height: 60px;
  --top-navi-height-mobile: 50px;
}

/*! 
* @package IcoFont 
* @version 1.0.1 
* @author   
* @copyright 2026 
* @license - https://icofont.com/license/
*/
@font-face {
  font-family: "IcoFont";
  font-weight: normal;
  font-style: "Regular";
  src: url(b1970a1047f72d6faee0.woff2) format("woff2"), url(ff4c85f453aac47550e3.woff) format("woff");
}
[class^=icofont-],
[class*=" icofont-"] {
  font-family: "IcoFont" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.icofont-heart-alt:before {
  content: "\ef44";
}

.icofont-close-circled:before {
  content: "\eedd";
}

.icofont-ui-zoom-in:before {
  content: "\ec97";
}

.icofont-search-1:before {
  content: "\ed11";
}

.icofont-ui-search:before {
  content: "\ec82";
}

.icofont-search-2:before {
  content: "\ed12";
}

.icofont-ui-love-remove:before {
  content: "\ec64";
}

.icofont-ui-delete:before {
  content: "\ec53";
}

.icofont-cloud-upload:before {
  content: "\eee7";
}

.icofont-upload-alt:before {
  content: "\f01c";
}

.icofont-download-alt:before {
  content: "\ef07";
}

.icofont-settings-alt:before {
  content: "\efe1";
}

.icofont-home:before {
  content: "\ef47";
}

.icofont-business-man-alt-3:before {
  content: "\ecee";
}

.icofont-logout:before {
  content: "\ef7c";
}

.icofont-blogger:before {
  content: "\ed23";
}

.icofont-speech-comments:before {
  content: "\eff2";
}

.icofont-comment:before {
  content: "\eeeb";
}

.icofont-thumbs-down:before {
  content: "\f00b";
}

.icofont-thumbs-up:before {
  content: "\f00c";
}

.icofont-twitter:before {
  content: "\ed7a";
}

.icofont-ui-rating:before {
  content: "\ec7c";
}

.icofont-rss:before {
  content: "\ed64";
}

.icofont-ui-rss:before {
  content: "\ec81";
}

.icofont-ui-next:before {
  content: "\ec6e";
}

.icofont-cart:before {
  content: "\eed2";
}

.icofont-shopping-cart:before {
  content: "\efe7";
}

.icofont-ui-cart:before {
  content: "\ec48";
}

.icofont-cart-alt:before {
  content: "\eed1";
}

.icofont-eye:before {
  content: "\ef24";
}

.icofont-support-faq:before {
  content: "\f002";
}

.icofont-award:before {
  content: "\eace";
}

.icofont-sad:before {
  content: "\eb01";
}

.icofont-favourite:before {
  content: "\ef25";
}

.icofont-question:before {
  content: "\efcc";
}

.icofont-resize:before {
  content: "\efd5";
}

.icofont-sun-alt:before {
  content: "\ee7e";
}

.icofont-flag:before {
  content: "\ef2f";
}

.icofont-moon:before {
  content: "\ef9e";
}

.icofont-attachment:before {
  content: "\eea7";
}

.icofont-scroll-double-down:before {
  content: "\eaa6";
}

.icofont-external-link:before {
  content: "\ef1f";
}

.icofont-close:before {
  content: "\eee4";
}

.icofont-sub-listing:before {
  content: "\ee03";
}

.icofont-listine-dots:before {
  content: "\ef74";
}

.icofont-play-alt-1:before {
  content: "\eca6";
}

.icofont-notification:before {
  content: "\efac";
}

.icofont-edit:before {
  content: "\ef10";
}

.icofont-ui-edit:before {
  content: "\ec55";
}

.icofont-arrow-left:before {
  content: "\ea5c";
}

.icofont-filter:before {
  content: "\ef29";
}

.icofont-share-alt:before {
  content: "\efe3";
}

.icofont-download:before {
  content: "\ef08";
}

.icofont-quote-left:before {
  content: "\efcd";
}

.icofont-camera-alt:before {
  content: "\eece";
}

.icofont-user-alt-3:before {
  content: "\ecfd";
}

.icofont-user-alt-4:before {
  content: "\ecfe";
}

.icofont-reddit:before {
  content: "\ed62";
}

.icofont-exclamation-tringle:before {
  content: "\ef1b";
}

.icofont-duotone.icofont-pictures:before {
  content: "𓮁";
}

.icofont-duotone.icofont-pictures:after {
  content: "𓮀";
}

.icofont-unlocked:before {
  content: "\f01b";
}

.icofont-lock:before {
  content: "\ef7a";
}

.icofont-picture:before {
  content: "\efbc";
}

.icofont-duotone.icofont-eye-open:before {
  content: "𓬛";
}

.icofont-duotone.icofont-eye-open:after {
  content: "𓬚";
}

.icofont-arrow-right:before {
  content: "\ea5d";
}

.icofont-link:before {
  content: "\ef71";
}

.icofont-rounded-left:before {
  content: "\ea9d";
}

.icofont-rounded-right:before {
  content: "\eaa0";
}

.icofont-duotone.icofont-home:before {
  content: "𓭁";
}

.icofont-duotone.icofont-home:after {
  content: "𓭀";
}

.icofont-duotone.icofont-user:before {
  content: "𓴆";
}

.icofont-duotone.icofont-user:after {
  content: "𓴓";
}

.icofont-x:before {
  content: "\f03d";
}

.icofont-ui-game:before {
  content: "\ec5c";
}

.icofont-butterfly:before {
  content: "\e834";
}

.icofont-loop:before {
  content: "\ef80";
}

.icofont-simple-down:before {
  content: "\eab2";
}

.icofont-plus:before {
  content: "\efc2";
}

.icofont-login:before {
  content: "\ef7b";
}

.icofont-ui-user:before {
  content: "\ec8e";
}

.icofont-eye-blocked:before {
  content: "\ef22";
}

.icofont-ui-email:before {
  content: "\ec56";
}

.icofont-envelope-open:before {
  content: "\ef13";
}

[class^=icofont-].icofont-duotone,
[class*=" icofont-"].icofont-duotone {
  position: relative;
}

[class^=icofont-].icofont-duotone:before,
[class*=" icofont-"].icofont-duotone:before {
  position: absolute;
  left: 0;
  top: 0;
}

[class^=icofont-].icofont-duotone:after,
[class*=" icofont-"].icofont-duotone:after {
  opacity: 0.4;
}

.icofont-xs {
  font-size: 0.5em;
}

.icofont-sm {
  font-size: 0.75em;
}

.icofont-md {
  font-size: 1.25em;
}

.icofont-lg {
  font-size: 1.5em;
}

.icofont-1x {
  font-size: 1em;
}

.icofont-2x {
  font-size: 2em;
}

.icofont-3x {
  font-size: 3em;
}

.icofont-4x {
  font-size: 4em;
}

.icofont-5x {
  font-size: 5em;
}

.icofont-6x {
  font-size: 6em;
}

.icofont-7x {
  font-size: 7em;
}

.icofont-8x {
  font-size: 8em;
}

.icofont-9x {
  font-size: 9em;
}

.icofont-10x {
  font-size: 10em;
}

.icofont-fw {
  text-align: center;
  width: 1.25em;
}

.icofont-ul {
  list-style-type: none;
  padding-left: 0;
  margin-left: 0;
}

.icofont-ul > li {
  position: relative;
  line-height: 2em;
}

.icofont-ul > li .icofont {
  display: inline-block;
  vertical-align: middle;
}

.icofont-border {
  border: solid 0.08em #f1f1f1;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}

.icofont-pull-left {
  float: left;
}

.icofont-pull-right {
  float: right;
}

.icofont.icofont-pull-left {
  margin-right: 0.3em;
}

.icofont.icofont-pull-right {
  margin-left: 0.3em;
}

.icofont-spin {
  -webkit-animation: icofont-spin 2s infinite linear;
  animation: icofont-spin 2s infinite linear;
  display: inline-block;
}

.icofont-pulse {
  -webkit-animation: icofont-spin 1s infinite steps(8);
  animation: icofont-spin 1s infinite steps(8);
  display: inline-block;
}

@-webkit-keyframes icofont-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes icofont-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.icofont-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.icofont-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.icofont-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.icofont-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.icofont-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

.icofont-flip-horizontal.icofont-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

:root .icofont-rotate-90,
:root .icofont-rotate-180,
:root .icofont-rotate-270,
:root .icofont-flip-horizontal,
:root .icofont-flip-vertical {
  -webkit-filter: none;
  filter: none;
  display: inline-block;
}

.icofont-inverse {
  color: #fff;
}

.page-common_404 .categories-wrapper {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 700px) {
  #page-best h1 {
    padding-left: 10px;
  }
}

#page-main .blogpost-wrapper {
  margin: 0 auto 20px auto;
}

.blogpost-wrapper {
  position: relative;
}
.blogpost-wrapper ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  list-style-type: none;
  padding: 0;
  font-size: 0;
  height: auto;
  margin-bottom: 10px;
  grid-gap: 10px;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul {
    grid-template-columns: none;
    grid-gap: 0;
  }
}
.blogpost-wrapper ul li {
  vertical-align: top;
  display: inline-block;
  position: relative;
  padding: 0;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
  background: #f1ebdb;
  color: #331900;
  border-radius: 8px;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li:nth-child(2) {
    border-bottom: 1px solid dimgrey;
    border-top: 1px solid dimgrey;
  }
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li {
    display: flex;
    border-radius: 0;
  }
}
.blogpost-wrapper ul li .blog-heading-and-excerpt {
  padding: 10px;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li .blog-heading-and-excerpt {
    flex: 1;
  }
}
.blogpost-wrapper ul li .blog-heading-and-excerpt h3 {
  font-weight: bolder;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.blogpost-wrapper ul li .blog-heading-and-excerpt h3.bigger {
  font-size: 18px;
}
.blogpost-wrapper ul li .blog-heading-and-excerpt h3:hover a {
  background: #333;
  color: white;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li .blog-heading-and-excerpt h3 {
    margin: 0;
  }
}
.blogpost-wrapper ul li .blog-heading-and-excerpt h3 .fflag {
  width: 25px;
  height: 25px;
}
.blogpost-wrapper ul li .blog-heading-and-excerpt h3 a {
  color: #333;
  text-decoration: none;
}
.blogpost-wrapper ul li .blog-heading-and-excerpt p {
  font-size: 14px;
  text-align: justify;
  margin: 0;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li .blog-heading-and-excerpt p {
    display: none;
  }
}
.blogpost-wrapper ul li figure {
  position: relative;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li figure {
    flex-basis: 120px;
    padding: 5px;
    align-self: center;
  }
}
@media screen and (min-width: 701px) {
  .blogpost-wrapper ul li figure {
    border-radius: 8px;
    overflow: hidden;
    border-bottom: 1px solid #b1b1b1;
  }
  html[data-theme2=dark] .blogpost-wrapper ul li figure {
    border-bottom: 1px solid #333;
  }
}
.blogpost-wrapper ul li figure a {
  text-decoration: none;
}
.blogpost-wrapper ul li figure .blogimgplaceholder {
  height: 150px;
  color: white;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li figure .blogimgplaceholder {
    width: 120px;
    height: 80px;
  }
}
.blogpost-wrapper ul li figure img {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 150px;
  object-fit: cover;
  margin: 0;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #333;
}
@media screen and (max-width: 700px) {
  .blogpost-wrapper ul li figure img {
    width: 150px;
    height: 110px;
    object-fit: cover;
    margin-bottom: 0;
    border-bottom: none;
  }
}

.comment-list-wrapper {
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}
.comment-list-wrapper.comment-list-wrapper--scrollable:after {
  content: " ";
}

.comment-wrapper {
  display: flex;
}
.comment-wrapper__avatar {
  margin-left: 10px;
}
.comment-wrapper--reply {
  margin-left: 60px;
}

.comment-reply__trigger {
  font-size: 12px;
  margin-left: 10px;
  text-decoration: none !important;
  top: -5px;
  position: relative;
}
.comment-reply--hidden {
  display: none;
}

.comment-title {
  color: #FF9902;
  background: #515151;
  margin: 0;
  font-size: 20px;
  padding: 5px;
  border-radius: 5px;
}

#media-modal .comment-title {
  text-align: center;
  background: rgba(245, 247, 250, 0.7);
  color: #333;
}

#media-modal .dialogbox .username {
  color: #f5f7fa;
}

#media-modal .comment-username-warning {
  color: #f5f7fa;
}
#media-modal .comment-username-warning a {
  color: #34af23;
}

#media-modal .comment-username-warning {
  color: #333;
}

.comment-username-warning {
  text-align: center;
}
.comment-username-warning a {
  color: darkred;
}

.comments-wrapper {
  position: relative;
  width: 100%;
  margin: 15px auto;
  max-width: 920px;
  background: #dedcd4;
  border-radius: 8px;
}
@media screen and (max-width: 700px) {
  .comments-wrapper {
    width: calc(100% - 6px);
    margin-left: 3px;
    margin-right: 3px;
  }
}

.comment-form {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  padding: 20px 10px;
}
@media screen and (max-width: 700px) {
  .comment-form {
    width: 100%;
  }
}
.comment-form .loginoverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(156, 41, 41, 0.6);
  text-align: center;
  padding: 15px 0;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-decoration: none;
}
.comment-form .loginoverlay em {
  filter: drop-shadow(5px 0 6px #000);
}
.comment-form #media-modal .loginoverlay {
  background: rgba(181, 110, 110, 0.7);
}
.comment-form input[type=email],
.comment-form input[type=text] {
  border-radius: 5px;
  flex: 1;
  font-size: 18px;
  background: #fff;
  padding: 6px;
  border-color: #155724;
}
@media screen and (min-width: 701px) {
  .comment-form input[type=email],
  .comment-form input[type=text] {
    margin: 0 10px 0 0;
  }
}
.comment-form button[type=submit] {
  color: white;
  border: none;
  border-radius: 5px;
  outline: none;
  font-size: 18px;
  cursor: pointer;
  background: #34AF23;
  border: 1px solid #1d6538;
}
.comment-form button[type=submit]:hover {
  box-shadow: 0 0 0 2px #dedcd4, 0 0 0 3px #34AF23;
}
@media screen and (max-width: 700px) {
  .comment-form button[type=submit] {
    width: 90%;
    margin: 10px auto 0 auto;
    padding: 5px;
  }
}

.comment-form.comment-form--small input[type=email],
.comment-form.comment-form--small input[type=text] {
  font-size: 12px;
}
.comment-form.comment-form--small input[type=submit] {
  font-size: 12px;
}

.comment-result {
  margin: 10px;
  padding: 5px;
  text-align: center;
  border: 3px dashed #c3e6cb;
  color: #155724;
  background-color: #d4edda;
}
.comment-error {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.comment-error a {
  color: deeppink;
}
.comment-large {
  font-size: 18px;
}

.dialogbox {
  width: 500px;
  max-width: calc(90% - 20px);
  padding: 2px 0 0;
}
.dialogbox-header {
  display: flex;
  align-items: center;
}
.dialogbox .username {
  font-weight: bold;
  padding-left: 20px;
}
.dialogbox .username a {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin-right: 10px;
  color: white;
  padding: 2px 4px;
  text-decoration: none;
}
.dialogbox .username a:hover {
  background: rgba(0, 0, 0, 0.6);
}
.dialogbox .comment-body {
  position: relative;
  width: 500px;
  height: auto;
  margin: 15px 10px;
  padding: 5px;
  background-color: #ffffff;
  border-radius: 3px;
  max-width: 90%;
  word-break: break-word;
}
.dialogbox .comment-body-message {
  min-height: 30px;
  border-radius: 3px;
  font-family: Arial;
  font-size: 14px;
  line-height: 1.5;
  color: #797979;
}
.dialogbox .tip {
  width: 0;
  height: 0;
  position: absolute;
  background: transparent;
  border: 10px solid #ffffff;
}
.dialogbox .tip-up {
  top: -19px; /* Same as body margin top + border */
  left: 10px;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
}

#page-dashboard .comments-wrapper {
  border-radius: 8px;
  padding-top: 5px;
}
#page-dashboard .comments-wrapper .comment-wrapper {
  background: rgba(0, 0, 0, 0.05);
  padding: 10px 0;
}
#page-dashboard .comments-wrapper .comment-wrapper--reply {
  margin-left: 60px;
  background: none;
  position: relative;
}
#page-dashboard .comments-wrapper .comment-wrapper--reply .comment-wrapper__avatar {
  position: relative;
}
#page-dashboard .comments-wrapper .comment-wrapper--reply .comment-wrapper__avatar:before {
  content: " ";
  position: absolute;
  left: -50px;
  width: 40px;
  height: 1px;
  border-top: 1px solid #333;
  top: 45px;
}

/**
 * Modal alignments
 */
#modal .categories-wrapper .comment-list-wrapper {
  overflow: visible;
  max-height: initial;
}
#modal .categories-wrapper h2 {
  color: white;
  text-align: center;
}
#modal .categories-wrapper .dialogbox .username {
  color: white;
}

.comment-display-wrapper h2 {
  padding: 0 10px;
}
.comment-display-wrapper h2 a {
  text-decoration: underline;
}
.comment-display-wrapper h1 {
  padding: 10px 5px;
  background: #f1ebdb;
  color: #331900;
}
html[data-theme2=dark] .comment-display-wrapper h1 {
  background: #7b736b;
  color: #f1f1f1;
}

.comment-display-wrapper figure {
  text-align: center;
  position: relative;
}
.comment-display-wrapper figure picture a:hover {
  text-decoration: none;
  background: none;
}
.comment-display-wrapper figure img, .comment-display-wrapper figure video, .comment-display-wrapper figure iframe {
  max-height: 60vh;
  min-height: 300px;
  width: 100%;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  position: relative;
}
@media screen and (max-width: 700px) {
  .comment-display-wrapper figure img, .comment-display-wrapper figure video, .comment-display-wrapper figure iframe {
    min-height: 250px;
  }
}
.comment-display-wrapper figcaption {
  margin-top: 10px;
  margin-bottom: 40px;
  font-size: 18px;
  z-index: 1;
  position: relative;
}
.comment-display-wrapper figcaption a {
  font-weight: bold;
}

.display-alert-box {
  position: relative;
  background: #F39C12 !important;
  border-radius: 10px;
  border: 4px dashed #af710e;
  color: #FFF !important;
  margin: 100px auto;
  max-width: 90%;
}
@media screen and (max-width: 700px) {
  .display-alert-box {
    margin: 30px auto;
  }
}
.display-alert-box--positive {
  color: #270 !important;
  background-color: #DFF2BF !important;
  border-color: #174f00 !important;
}
.display-alert-box__btnwrapper {
  text-align: center !important;
}
.display-alert-box__btnwrapper button:first-child {
  margin-right: 10px;
}
.display-alert-box h1 {
  text-align: center;
  margin-top: 0;
  padding: 8px 0;
  background: rgba(0, 0, 0, 0.25);
}
.display-alert-box p {
  text-align: left;
  font-size: 16px;
  padding: 0 20px;
}
.display-alert-box p.big {
  font-size: 18px;
}
.display-alert-box p a {
  color: white;
  background: rgba(0, 0, 0, 0.25);
  padding: 2px;
  text-transform: uppercase;
  text-decoration: none;
}
.display-alert-box p a:hover {
  background: rgba(0, 0, 0, 0.5);
}

.expand__navigation-bar {
  display: flex;
  gap: 16px;
  max-width: 900px;
  margin: 35px auto 30px;
  padding: 0 15px;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.expand__navigation-bar:has(.expand__nav-button:only-child) .expand__nav-button {
  max-width: 450px;
  min-width: 280px;
}
@media screen and (max-width: 600px) {
  .expand__navigation-bar {
    gap: 12px;
    margin: 25px auto 20px;
    padding: 0 10px;
    flex-direction: column;
  }
  .expand__navigation-bar:has(.expand__nav-button:only-child) .expand__nav-button {
    max-width: 100%;
  }
}

.expand__nav-button {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 24px;
  text-decoration: none;
  border-radius: 14px;
  font-weight: 600;
  font-size: 15px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  flex: 1;
  min-width: 200px;
  max-width: 400px;
  border: 2px solid transparent;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);
  background-clip: padding-box;
}
@media screen and (max-width: 600px) {
  .expand__nav-button {
    min-width: 100%;
    max-width: 100%;
    padding: 14px 20px;
    gap: 12px;
  }
}
.expand__nav-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.6s ease;
}
.expand__nav-button:hover::before {
  left: 100%;
}
html[data-theme2=dark] .expand__nav-button::before {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}

.expand__nav-button--primary {
  background: linear-gradient(135deg, #8b9dc3 0%, #7a8bb0 100%);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(139, 157, 195, 0.2), 0 2px 4px rgba(139, 157, 195, 0.15);
}
html[data-theme2=dark] .expand__nav-button--primary {
  background: linear-gradient(135deg, #6a7a9a 0%, #5a6a8a 100%);
  color: #f1f1f1;
  box-shadow: 0 4px 12px rgba(106, 122, 154, 0.3), 0 2px 4px rgba(106, 122, 154, 0.2);
}

.expand__nav-button--primary .expand__nav-button-icon {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  color: #ffffff;
}
.expand__nav-button--primary .expand__nav-button-label {
  color: #ffffff;
}
.expand__nav-button--primary .expand__nav-button-hint {
  color: rgba(255, 255, 255, 0.85);
}
.expand__nav-button--primary:hover {
  background: linear-gradient(135deg, #7a8bb0 0%, #6a7ba0 100%);
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 6px 16px rgba(139, 157, 195, 0.25), 0 3px 6px rgba(139, 157, 195, 0.2);
  border-color: rgba(255, 255, 255, 0.2);
}
html[data-theme2=dark] .expand__nav-button--primary:hover {
  background: linear-gradient(135deg, #7a8aa0 0%, #6a7a90 100%);
  box-shadow: 0 6px 16px rgba(106, 122, 154, 0.4), 0 3px 6px rgba(106, 122, 154, 0.3);
}

.expand__nav-button--primary:hover .expand__nav-button-icon {
  transform: translateX(-4px) scale(1.1);
  background: rgba(255, 255, 255, 0.25);
}
.expand__nav-button--primary:active {
  transform: translateY(-1px) scale(1);
}
.expand__nav-button--secondary {
  background: linear-gradient(135deg, #e8e4d8 0%, #dedcd4 100%);
  color: #4a4a4a;
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
}
html[data-theme2=dark] .expand__nav-button--secondary {
  background: linear-gradient(135deg, #4a4a4a 0%, #3a3a3a 100%);
  color: #d4d4d4;
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
}

.expand__nav-button--secondary .expand__nav-button-icon {
  background: linear-gradient(135deg, #d4d2ca 0%, #cac8c0 100%);
  color: #6a7a9a;
}
html[data-theme2=dark] .expand__nav-button--secondary .expand__nav-button-icon {
  background: linear-gradient(135deg, #5a5a5a 0%, #4a4a4a 100%);
  color: #8b9dc3;
}

.expand__nav-button--secondary .expand__nav-button-label {
  color: #4a4a4a;
}
html[data-theme2=dark] .expand__nav-button--secondary .expand__nav-button-label {
  color: #d4d4d4;
}

.expand__nav-button--secondary .expand__nav-button-hint {
  color: #666;
}
html[data-theme2=dark] .expand__nav-button--secondary .expand__nav-button-hint {
  color: #a3a3a3;
}

.expand__nav-button--secondary:hover {
  background: linear-gradient(135deg, #dedcd4 0%, #d4d2ca 100%);
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.06);
  border-color: rgba(139, 157, 195, 0.25);
}
html[data-theme2=dark] .expand__nav-button--secondary:hover {
  background: linear-gradient(135deg, #5a5a5a 0%, #4a4a4a 100%);
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4);
  border-color: rgba(139, 157, 195, 0.3);
}

.expand__nav-button--secondary:hover .expand__nav-button-icon {
  transform: translateX(4px) scale(1.1);
  background: linear-gradient(135deg, #cac8c0 0%, #c0beb6 100%);
  color: #5a6a8a;
}
html[data-theme2=dark] .expand__nav-button--secondary:hover .expand__nav-button-icon {
  background: linear-gradient(135deg, #6a6a6a 0%, #5a5a5a 100%);
  color: #9aadc3;
}

.expand__nav-button--secondary:hover .expand__nav-button-label {
  color: #3a3a3a;
}
html[data-theme2=dark] .expand__nav-button--secondary:hover .expand__nav-button-label {
  color: #e4e4e4;
}

.expand__nav-button--secondary:active {
  transform: translateY(-1px) scale(1);
}

.expand__nav-button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  font-size: 20px;
}
.expand__nav-button-icon i {
  display: block;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 600px) {
  .expand__nav-button-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

.expand__nav-button-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}

.expand__nav-button-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.2px;
  transition: color 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 600px) {
  .expand__nav-button-label {
    font-size: 15px;
  }
}

.expand__nav-button-hint {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  opacity: 0.85;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 600px) {
  .expand__nav-button-hint {
    font-size: 12px;
  }
}

.expand__nav-button:hover .expand__nav-button-hint {
  opacity: 1;
}

#page-expand {
  --expand-accent: #e64d2e;
  --expand-accent-soft: rgba(230, 77, 46, 0.12);
  --expand-accent-border: rgba(230, 77, 46, 0.24);
  --expand-alt: #008f86;
  --expand-alt-soft: rgba(0, 143, 134, 0.12);
  --expand-ink: #15171a;
  --expand-muted: #5c6670;
  --expand-line: rgba(15, 23, 32, 0.1);
  --expand-chip: rgba(255, 255, 255, 0.76);
  --expand-tile: rgba(255, 255, 255, 0.72);
  --expand-tag-link: #00776f;
  --expand-tag-link-border: rgba(0, 119, 111, 0.28);
  --expand-tag-link-bg: rgba(0, 119, 111, 0.09);
  --expand-tag-link-hover-bg: rgba(0, 119, 111, 0.16);
}
html[data-theme2=dark] #page-expand {
  --expand-accent: #ff765c;
  --expand-accent-soft: rgba(255, 118, 92, 0.14);
  --expand-accent-border: rgba(255, 118, 92, 0.28);
  --expand-alt: #42d0be;
  --expand-alt-soft: rgba(66, 208, 190, 0.12);
  --expand-ink: #f6f7f8;
  --expand-muted: #a7b0b8;
  --expand-line: rgba(255, 255, 255, 0.1);
  --expand-chip: rgba(255, 255, 255, 0.06);
  --expand-tile: rgba(255, 255, 255, 0.07);
  --expand-tag-link: #62d8ca;
  --expand-tag-link-border: rgba(98, 216, 202, 0.32);
  --expand-tag-link-bg: rgba(98, 216, 202, 0.1);
  --expand-tag-link-hover-bg: rgba(98, 216, 202, 0.18);
}

#page-expand .expand__masthead {
  margin: 0 0 18px;
  padding: 18px 15px 16px;
  color: var(--expand-ink);
  font-family: "Hanken Grotesk", "Arial", sans-serif;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 248, 248, 0.94)), linear-gradient(90deg, rgba(230, 77, 46, 0.08), rgba(0, 143, 134, 0.08));
  border-top: 1px solid rgba(255, 255, 255, 0.86);
  border-bottom: 1px solid var(--expand-line);
}
html[data-theme2=dark] #page-expand .expand__masthead {
  background: linear-gradient(180deg, rgba(26, 27, 29, 0.96), rgba(14, 16, 18, 0.95)), linear-gradient(90deg, rgba(255, 118, 92, 0.1), rgba(66, 208, 190, 0.08));
  border-top-color: rgba(255, 255, 255, 0.06);
}

@media screen and (max-width: 600px) {
  #page-expand .expand__masthead {
    margin-top: 8px;
    padding: 14px 10px 12px;
  }
}
#page-expand .expand__masthead-inner {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#page-expand .expand__desktop-right {
  position: fixed;
  top: calc(var(--top-navi-height, 70px) + 20px);
  left: calc(50% + 570px);
  width: 326px;
  z-index: 1;
}
#page-expand .expand__desktop-right-ad {
  box-sizing: border-box;
  width: 326px;
  padding: 12px;
  text-align: center;
  border: 1px solid var(--expand-line);
  border-radius: 8px;
  background: var(--expand-tile);
}
#page-expand .expand__desktop-right-ad .expand__desktop-right-ad-header {
  position: relative;
  min-height: 28px;
  margin: 0 0 10px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#page-expand .expand__desktop-right-ad .styled_heading {
  margin: 0;
}
#page-expand .expand__desktop-right-ad .expand__desktop-right-ad-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--expand-muted);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  border: 0;
  border-radius: 4px;
  background: transparent;
}
#page-expand .expand__desktop-right-ad .expand__desktop-right-ad-close:hover {
  color: var(--expand-ink);
  background: var(--expand-accent-soft);
}
#page-expand .expand__desktop-right-ad .expand__desktop-right-ad-close:focus-visible {
  color: var(--expand-ink);
  outline: 2px solid var(--expand-accent);
  outline-offset: 1px;
}
#page-expand .expand__desktop-right-ad ins {
  display: block;
  width: 300px;
  margin: 0 auto;
}
#page-expand .expand__masthead-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}
#page-expand .expand__headline {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#page-expand .expand__path {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
@media screen and (max-width: 600px) {
  #page-expand .expand__path {
    gap: 6px;
    font-size: 12px;
  }
}
#page-expand .expand__path-link,
#page-expand .expand__path-current {
  min-height: 30px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
#page-expand .expand__path-link span,
#page-expand .expand__path-current span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-expand .expand__path-link i,
#page-expand .expand__path-current i {
  flex: 0 0 auto;
  font-size: 14px;
}
#page-expand .expand__path-link {
  color: var(--expand-muted);
  text-decoration: none;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid transparent;
}
html[data-theme2=dark] #page-expand .expand__path-link {
  background: rgba(255, 255, 255, 0.04);
}

#page-expand .expand__path-current {
  color: var(--expand-accent);
  background: var(--expand-accent-soft);
  border: 1px solid var(--expand-accent-border);
}
#page-expand .expand__path-separator {
  color: rgba(92, 102, 112, 0.7);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
html[data-theme2=dark] #page-expand .expand__path-separator {
  color: rgba(167, 176, 184, 0.8);
}

#page-expand .expand__path-link {
  transition: border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}
#page-expand .expand__path-link:hover {
  color: var(--expand-ink);
  background: rgba(255, 255, 255, 0.82);
  border-color: var(--expand-line);
  transform: translateY(-1px);
}
html[data-theme2=dark] #page-expand .expand__path-link:hover {
  color: var(--expand-ink);
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.08);
}

#page-expand .expand__path-link:hover i {
  color: var(--expand-alt);
}
#page-expand .expand__title {
  max-width: 860px;
  margin: 0;
  color: var(--expand-ink);
  font-size: 34px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 700px) {
  #page-expand .expand__title {
    font-size: 27px;
    line-height: 1.12;
  }
}
@media screen and (max-width: 420px) {
  #page-expand .expand__title {
    font-size: 24px;
  }
}
#page-expand .expand__hashtags {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 900px;
}
@media screen and (max-width: 600px) {
  #page-expand .expand__hashtags {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: -10px;
    padding: 0 10px 4px 0;
    scrollbar-width: none;
  }
  #page-expand .expand__hashtags::-webkit-scrollbar {
    display: none;
  }
}
#page-expand .expand__tag {
  min-height: 30px;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--expand-line);
  background: var(--expand-chip);
  color: var(--expand-muted);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
#page-expand .expand__tag--link,
#page-expand .expand__tag--link:visited {
  color: var(--expand-tag-link);
  border-color: var(--expand-tag-link-border);
  background: var(--expand-tag-link-bg);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.16s ease, border-color 0.16s ease, background-color 0.16s ease;
}
#page-expand .expand__tag--link:hover {
  color: var(--expand-tag-link);
  border-color: var(--expand-tag-link);
  background: var(--expand-tag-link-hover-bg);
  text-decoration: underline;
}
#page-expand .expand__tag--link:focus-visible {
  color: var(--expand-tag-link);
  outline: 2px solid var(--expand-tag-link);
  outline-offset: 2px;
}
#page-expand .expand__metadata-wrapper {
  max-width: 900px;
  margin: 24px auto 12px;
  padding: 0 15px;
  min-width: 0;
}
@media screen and (max-width: 600px) {
  #page-expand .expand__metadata-wrapper {
    margin: 20px auto 10px;
    padding: 0 10px;
  }
}
#page-expand .expand__metadata {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 8px;
}
@media screen and (max-width: 600px) {
  #page-expand .expand__metadata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 380px) {
  #page-expand .expand__metadata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#page-expand .expand__meta-item {
  min-width: 0;
  min-height: 62px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border-radius: 8px;
  border: 1px solid var(--expand-line);
  background: var(--expand-tile);
  cursor: help;
  transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
#page-expand .expand__meta-item:hover {
  transform: translateY(-1px);
  border-color: var(--expand-accent-border);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 24px rgba(20, 28, 35, 0.08);
}
html[data-theme2=dark] #page-expand .expand__meta-item:hover {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
}

@media screen and (max-width: 420px) {
  #page-expand .expand__meta-item {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 7px;
    padding: 8px;
  }
}
#page-expand .expand__meta-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: var(--expand-accent);
  background: var(--expand-accent-soft);
}
#page-expand .expand__meta-icon i {
  font-size: 17px;
}
@media screen and (max-width: 420px) {
  #page-expand .expand__meta-icon {
    width: 30px;
    height: 30px;
  }
}
#page-expand .expand__meta-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
#page-expand .expand__meta-value {
  color: var(--expand-ink);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 420px) {
  #page-expand .expand__meta-value {
    font-size: 16px;
  }
}
#page-expand .expand__meta-label {
  color: var(--expand-muted);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#page-expand .expand__meta-label small {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
#page-expand .expand__meta-item--rating .expand__meta-icon {
  color: #9d6500;
  background: rgba(255, 184, 64, 0.18);
}
html[data-theme2=dark] #page-expand .expand__meta-item--rating .expand__meta-icon {
  color: #ffd07a;
}

#page-expand .expand__source {
  width: min(100% - 30px, 720px);
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}
html[data-theme2=dark] #page-expand .expand__source {
  color: #aaa;
}

#page-expand .expand__source-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  transition: background-color 0.2s ease;
}
#page-expand .expand__source-link:hover {
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0.06);
}
html[data-theme2=dark] #page-expand .expand__source-link:hover {
  background-color: rgba(255, 255, 255, 0.08);
}

#page-expand .expand__source-separator {
  color: #b0b0b0;
}
#page-expand .expand__navigation-bar {
  margin-top: 22px;
}
#page-expand .separator.expand__source-actions-separator {
  max-width: 720px;
  margin-top: 14px;
}
#page-expand .expand__source + .expand__source-actions-separator + .expand__return-flow .expand__navigation-bar {
  margin-top: 14px;
}
#page-expand .expand__return-flow--with-next .expand__navigation-bar {
  margin-bottom: 12px;
}
#page-expand .expand__nav-button--continue {
  border-color: var(--expand-accent);
  color: #fff;
  background: var(--expand-accent);
  box-shadow: 0 2px 8px rgba(20, 28, 35, 0.14);
}
#page-expand .expand__nav-button--continue .expand__nav-button-icon {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
}
#page-expand .expand__nav-button--continue .expand__nav-button-label,
#page-expand .expand__nav-button--continue .expand__nav-button-hint {
  color: #fff;
}
#page-expand .expand__nav-button--continue:hover, #page-expand .expand__nav-button--continue:focus-visible {
  border-color: var(--expand-accent);
  color: #fff;
  background: var(--expand-accent);
  box-shadow: 0 2px 8px rgba(20, 28, 35, 0.2);
  transform: none;
}
#page-expand .expand__nav-button--category,
#page-expand .expand__nav-button--story {
  flex: 0 1 320px;
  border-color: var(--expand-line);
  color: var(--expand-ink);
  background: transparent;
  box-shadow: none;
}
#page-expand .expand__nav-button--category .expand__nav-button-icon,
#page-expand .expand__nav-button--story .expand__nav-button-icon {
  color: var(--expand-muted);
  background: transparent;
}
#page-expand .expand__nav-button--category .expand__nav-button-label,
#page-expand .expand__nav-button--story .expand__nav-button-label {
  color: inherit;
}
#page-expand .expand__nav-button--category .expand__nav-button-hint,
#page-expand .expand__nav-button--story .expand__nav-button-hint {
  color: var(--expand-muted);
}
#page-expand .expand__nav-button--category:hover, #page-expand .expand__nav-button--category:focus-visible,
#page-expand .expand__nav-button--story:hover,
#page-expand .expand__nav-button--story:focus-visible {
  border-color: var(--expand-accent-border);
  color: var(--expand-ink);
  background: var(--expand-accent-soft);
  box-shadow: none;
  transform: none;
}
@media screen and (max-width: 600px) {
  #page-expand .expand__nav-button--category,
  #page-expand .expand__nav-button--story {
    align-self: center;
    flex: 0 0 auto;
    min-width: 0;
    width: 100%;
    max-width: 320px;
    padding: 10px 12px;
  }
}
#page-expand .expand__media-container {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 1100px;
  margin: 20px auto 30px;
  padding: 0 15px;
  min-height: 0;
}
@media screen and (max-width: 600px) {
  #page-expand .expand__media-container {
    margin: 15px auto 20px;
    padding: 0 10px;
  }
}
#page-expand .expand-back-btn-wrapper {
  display: none;
}
#page-expand .content-not-public {
  position: relative;
  top: initial !important;
  height: 170px;
}
#page-expand .expand__initial-loader {
  width: 100%;
  display: flex;
  justify-content: center;
}
#page-expand .expand__initial-loader-card {
  width: min(100%, 1180px);
  display: flex;
  flex-direction: column;
  gap: 14px;
}
#page-expand .expand__initial-loader-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #f8fbff;
  background: rgba(13, 19, 30, 0.58);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(14px);
}
#page-expand .expand__initial-loader-surface {
  position: relative;
  min-height: clamp(320px, 60vh, 920px);
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(255, 209, 108, 0.08), rgba(100, 150, 255, 0.06)), linear-gradient(180deg, rgba(18, 22, 31, 0.96), rgba(5, 7, 10, 0.98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38), 0 4px 16px rgba(0, 0, 0, 0.22);
}
#page-expand .expand__initial-loader-shimmer {
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0.12) 40%, rgba(255, 255, 255, 0) 60%);
  transform: translateX(-100%);
  animation: expandLoaderSweep 1.6s ease-in-out infinite;
}
#page-expand .expand__initial-loader-lines {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#page-expand .expand__initial-loader-line {
  height: 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
}
#page-expand .expand__initial-loader-line--short {
  width: min(42%, 240px);
}
#page-expand .textual-okosabbvagyok {
  margin-bottom: 20px;
  text-align: center;
  color: #f90;
  font-size: 18px;
  padding: 0 15px;
}
@media screen and (max-width: 600px) {
  #page-expand .textual-okosabbvagyok {
    font-size: 16px;
    margin-bottom: 15px;
  }
}

@keyframes expandLoaderSweep {
  100% {
    transform: translateX(100%);
  }
}
#page-common_faq #content .categories-wrapper {
  padding: 0 10px;
}
#page-common_faq #content h1 {
  padding: 40px 0;
  margin: 0;
  width: 100%;
  text-align: center;
  background: beige;
}
#page-common_faq #content h2 {
  color: indianred;
}
#page-common_faq #content h3 {
  position: relative;
  line-height: 1.4;
  border-bottom: 1px solid #c2c2c2;
  cursor: pointer;
  padding-right: 35px;
}
#page-common_faq #content h3 + p {
  display: none;
  background: #e3e3e3;
  padding: 10px;
  border: 1px solid #c2c2c2;
}
#page-common_faq #content h3:after {
  content: "+";
  position: absolute;
  right: 20px;
}
#page-common_faq #content h3.open:after {
  content: "-";
  position: absolute;
  right: 20px;
}
#page-common_faq #content h3.open + p {
  display: block;
}

/*!*****************************************************

Freak Flags, Copyright ©2021 Michael P. Cohen. Freak flags is licenced under the MIT licence.

For complete information visit: www.freakflagsprite.com

******************************************************/
.fflag {
  background-image: url(de25573d4b2e2a1d5282.png);
  background-repeat: no-repeat;
  background-size: 100% 49494%;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  box-sizing: content-box;
}

.fflag-CH,
.fflag-NP {
  box-shadow: none !important;
}

.fflag-DZ {
  background-position: center 0.2287%;
}

.fflag-AO {
  background-position: center 0.4524%;
}

.fflag-BJ {
  background-position: center 0.6721%;
}

.fflag-BW {
  background-position: center 0.8958%;
}

.fflag-BF {
  background-position: center 1.1162%;
}

.fflag-BI {
  background-position: center 1.3379%;
}

.fflag-CM {
  background-position: center 1.5589%;
}

.fflag-CV {
  background-position: center 1.7805%;
}

.fflag-CF {
  background-position: center 2.0047%;
}

.fflag-TD {
  background-position: center 2.2247%;
}

.fflag-CD {
  background-position: left 2.4467%;
}

.fflag-DJ {
  background-position: left 2.6674%;
}

.fflag-EG {
  background-position: center 2.8931%;
}

.fflag-GQ {
  background-position: center 3.1125%;
}

.fflag-ER {
  background-position: left 3.3325%;
}

.fflag-ET {
  background-position: center 3.5542%;
}

.fflag-GA {
  background-position: center 3.7759%;
}

.fflag-GM {
  background-position: center 4.0015%;
}

.fflag-GH {
  background-position: center 4.2229%;
}

.fflag-GN {
  background-position: center 4.441%;
}

.fflag-GW {
  background-position: left 4.66663%;
}

.fflag-CI {
  background-position: center 4.8844%;
}

.fflag-KE {
  background-position: center 5.1061%;
}

.fflag-LS {
  background-position: center 5.3298%;
}

.fflag-LR {
  background-position: left 5.5495%;
}

.fflag-LY {
  background-position: center 5.7712%;
}

.fflag-MG {
  background-position: center 5.994%;
}

.fflag-MW {
  background-position: center 6.2156%;
}

.fflag-ML {
  background-position: center 6.4363%;
}

.fflag-MR {
  background-position: center 6.658%;
}

.fflag-MU {
  background-position: center 6.8805%;
}

.fflag-YT {
  background-position: center 7.1038%;
}

.fflag-MA {
  background-position: center 7.3231%;
}

.fflag-MZ {
  background-position: left 7.5448%;
}

.fflag-NA {
  background-position: left 7.7661%;
}

.fflag-NE {
  background-position: center 7.98937%;
}

.fflag-NG {
  background-position: center 8.2099%;
}

.fflag-CG {
  background-position: center 8.4316%;
}

.fflag-RE {
  background-position: center 8.6533%;
}

.fflag-RW {
  background-position: right 8.875%;
}

.fflag-SH {
  background-position: center 9.0967%;
}

.fflag-ST {
  background-position: center 9.32237%;
}

.fflag-SN {
  background-position: center 9.5426%;
}

.fflag-SC {
  background-position: left 9.7628%;
}

.fflag-SL {
  background-position: center 9.9845%;
}

.fflag-SO {
  background-position: center 10.2052%;
}

.fflag-ZA {
  background-position: left 10.4269%;
}

.fflag-SS {
  background-position: left 10.6486%;
}

.fflag-SD {
  background-position: center 10.8703%;
}

.fflag-SR {
  background-position: center 11.0945%;
}

.fflag-SZ {
  background-position: center 11.3135%;
}

.fflag-TG {
  background-position: left 11.5354%;
}

.fflag-TN {
  background-position: center 11.7593%;
}

.fflag-UG {
  background-position: center 11.9799%;
}

.fflag-TZ {
  background-position: center 12.2005%;
}

.fflag-EH {
  background-position: center 12.4222%;
}

.fflag-YE {
  background-position: center 12.644%;
}

.fflag-ZM {
  background-position: center 12.8664%;
}

.fflag-ZW {
  background-position: left 13.0873%;
}

.fflag-AI {
  background-position: center 13.309%;
}

.fflag-AG {
  background-position: center 13.5307%;
}

.fflag-AR {
  background-position: center 13.7524%;
}

.fflag-AW {
  background-position: left 13.9741%;
}

.fflag-BS {
  background-position: left 14.1958%;
}

.fflag-BB {
  background-position: center 14.4175%;
}

.fflag-BQ {
  background-position: center 14.6415%;
}

.fflag-BZ {
  background-position: center 14.8609%;
}

.fflag-BM {
  background-position: center 15.0826%;
}

.fflag-BO {
  background-position: center 15.306%;
}

.fflag-VG {
  background-position: center 15.528%;
}

.fflag-BR {
  background-position: center 15.7496%;
}

.fflag-CA {
  background-position: center 15.9694%;
}

.fflag-KY {
  background-position: center 16.1911%;
}

.fflag-CL {
  background-position: left 16.4128%;
}

.fflag-CO {
  background-position: left 16.6345%;
}

.fflag-KM {
  background-position: center 16.8562%;
}

.fflag-CR {
  background-position: center 17.0779%;
}

.fflag-CU {
  background-position: left 17.2996%;
}

.fflag-CW {
  background-position: center 17.5213%;
}

.fflag-DM {
  background-position: center 17.743%;
}

.fflag-DO {
  background-position: center 17.968%;
}

.fflag-EC {
  background-position: center 18.1864%;
}

.fflag-SV {
  background-position: center 18.4081%;
}

.fflag-FK {
  background-position: center 18.6298%;
}

.fflag-GF {
  background-position: center 18.8515%;
}

.fflag-GL {
  background-position: left 19.0732%;
}

.fflag-GD {
  background-position: center 19.2987%;
}

.fflag-GP {
  background-position: center 19.518%;
}

.fflag-GT {
  background-position: center 19.7383%;
}

.fflag-GY {
  background-position: center 19.96%;
}

.fflag-HT {
  background-position: center 20.1817%;
}

.fflag-HN {
  background-position: center 20.4034%;
}

.fflag-JM {
  background-position: center 20.6241%;
}

.fflag-MQ {
  background-position: center 20.8468%;
}

.fflag-MX {
  background-position: center 21.0685%;
}

.fflag-MS {
  background-position: center 21.2902%;
}

.fflag-NI {
  background-position: center 21.5119%;
}

.fflag-PA {
  background-position: center 21.7336%;
}

.fflag-PY {
  background-position: center 21.9553%;
}

.fflag-PE {
  background-position: center 22.177%;
}

.fflag-PR {
  background-position: left 22.4002%;
}

.fflag-BL {
  background-position: center 22.6204%;
}

.fflag-KN {
  background-position: center 22.8421%;
}

.fflag-LC {
  background-position: center 23.0638%;
}

.fflag-PM {
  background-position: center 23.2855%;
}

.fflag-VC {
  background-position: center 23.5072%;
}

.fflag-SX {
  background-position: left 23.732%;
}

.fflag-TT {
  background-position: center 23.9506%;
}

.fflag-TC {
  background-position: center 24.1723%;
}

.fflag-US {
  background-position: center 24.394%;
}

.fflag-VI {
  background-position: center 24.6157%;
}

.fflag-UY {
  background-position: left 24.8374%;
}

.fflag-VE {
  background-position: center 25.0591%;
}

.fflag-AB {
  background-position: center 25.279%;
}

.fflag-AF {
  background-position: center 25.5025%;
}

.fflag-AZ {
  background-position: center 25.7242%;
}

.fflag-BD {
  background-position: center 25.9459%;
}

.fflag-BT {
  background-position: center 26.1676%;
}

.fflag-BN {
  background-position: center 26.3885%;
}

.fflag-KH {
  background-position: center 26.611%;
}

.fflag-CN {
  background-position: left 26.8327%;
}

.fflag-GE {
  background-position: center 27.0544%;
}

.fflag-HK {
  background-position: center 27.2761%;
}

.fflag-IN {
  background-position: center 27.4978%;
}

.fflag-ID {
  background-position: center 27.7195%;
}

.fflag-JP {
  background-position: center 27.9412%;
}

.fflag-KZ {
  background-position: center 28.1615%;
}

.fflag-LA {
  background-position: center 28.3846%;
}

.fflag-MO {
  background-position: center 28.6063%;
}

.fflag-MY {
  background-position: center 28.829%;
}

.fflag-MV {
  background-position: center 29.0497%;
}

.fflag-MN {
  background-position: left 29.2714%;
}

.fflag-MM {
  background-position: center 29.4931%;
}

.fflag-NP {
  background-position: left 29.7148%;
}

.fflag-KP {
  background-position: left 29.9365%;
}

.fflag-MP {
  background-position: center 30.1582%;
}

.fflag-PW {
  background-position: center 30.3799%;
}

.fflag-PG {
  background-position: center 30.6016%;
}

.fflag-PH {
  background-position: left 30.8233%;
}

.fflag-SG {
  background-position: left 31.045%;
}

.fflag-KR {
  background-position: center 31.2667%;
}

.fflag-LK {
  background-position: right 31.4884%;
}

.fflag-TW {
  background-position: left 31.7101%;
}

.fflag-TJ {
  background-position: center 31.9318%;
}

.fflag-TH {
  background-position: center 32.1535%;
}

.fflag-TL {
  background-position: left 32.3752%;
}

.fflag-TM {
  background-position: center 32.5969%;
}

.fflag-VN {
  background-position: center 32.8186%;
}

.fflag-AL {
  background-position: center 33.0403%;
}

.fflag-AD {
  background-position: center 33.25975%;
}

.fflag-AM {
  background-position: center 33.4837%;
}

.fflag-AT {
  background-position: center 33.7054%;
}

.fflag-BY {
  background-position: left 33.9271%;
}

.fflag-BE {
  background-position: center 34.1488%;
}

.fflag-BA {
  background-position: center 34.3705%;
}

.fflag-BG {
  background-position: center 34.5922%;
}

.fflag-HR {
  background-position: center 34.8139%;
}

.fflag-CY {
  background-position: center 35.0356%;
}

.fflag-CZ {
  background-position: left 35.2555%;
}

.fflag-DK {
  background-position: center 35.479%;
}

.fflag-EE {
  background-position: center 35.7007%;
}

.fflag-FO {
  background-position: center 35.9224%;
}

.fflag-FI {
  background-position: center 36.1441%;
}

.fflag-FR {
  background-position: center 36.3658%;
}

.fflag-DE {
  background-position: center 36.5875%;
}

.fflag-GI {
  background-position: center 36.8092%;
}

.fflag-GR {
  background-position: left 37.0309%;
}

.fflag-HU {
  background-position: center 37.2526%;
}

.fflag-IS {
  background-position: center 37.4743%;
}

.fflag-IE {
  background-position: center 37.696%;
}

.fflag-IM {
  background-position: center 37.9177%;
}

.fflag-IT {
  background-position: center 38.1394%;
}

.fflag-JE {
  background-position: center 38.3611%;
}

.fflag-XK {
  background-position: center 38.5828%;
}

.fflag-LV {
  background-position: center 38.8045%;
}

.fflag-LI {
  background-position: left 39.0262%;
}

.fflag-LT {
  background-position: center 39.2479%;
}

.fflag-LU {
  background-position: center 39.4696%;
}

.fflag-MT {
  background-position: left 39.6913%;
}

.fflag-MD {
  background-position: center 39.913%;
}

.fflag-MC {
  background-position: center 40.1347%;
}

.fflag-ME {
  background-position: center 40.3564%;
}

.fflag-NL {
  background-position: center 40.5781%;
}

.fflag-MK {
  background-position: center 40.7998%;
}

.fflag-NO {
  background-position: center 41.0215%;
}

.fflag-PL {
  background-position: center 41.2432%;
}

.fflag-PT {
  background-position: center 41.4649%;
}

.fflag-RO {
  background-position: center 41.6866%;
}

.fflag-RU {
  background-position: center 41.9083%;
}

.fflag-SM {
  background-position: center 42.13%;
}

.fflag-RS {
  background-position: center 42.3517%;
}

.fflag-SK {
  background-position: center 42.5734%;
}

.fflag-SI {
  background-position: center 42.7951%;
}

.fflag-ES {
  background-position: left 43.0168%;
}

.fflag-SE {
  background-position: center 43.2385%;
}

.fflag-CH {
  background-position: center 43.4602%;
}

.fflag-TR {
  background-position: center 43.6819%;
}

.fflag-UA {
  background-position: center 43.9036%;
}

.fflag-GB {
  background-position: center 44.1253%;
}

.fflag-VA {
  background-position: right 44.347%;
}

.fflag-BH {
  background-position: center 44.5687%;
}

.fflag-IR {
  background-position: center 44.7904%;
}

.fflag-IQ {
  background-position: center 45.0121%;
}

.fflag-IL {
  background-position: center 45.2338%;
}

.fflag-KW {
  background-position: left 45.4555%;
}

.fflag-JO {
  background-position: left 45.6772%;
}

.fflag-KG {
  background-position: center 45.897%;
}

.fflag-LB {
  background-position: center 46.1206%;
}

.fflag-OM {
  background-position: left 46.3423%;
}

.fflag-PK {
  background-position: center 46.561%;
}

.fflag-PS {
  background-position: center 46.7857%;
}

.fflag-QA {
  background-position: center 47.0074%;
}

.fflag-SA {
  background-position: center 47.2291%;
}

.fflag-SY {
  background-position: center 47.4508%;
}

.fflag-AE {
  background-position: center 47.6725%;
}

.fflag-UZ {
  background-position: left 47.8942%;
}

.fflag-AS {
  background-position: right 48.1159%;
}

.fflag-AU {
  background-position: center 48.3376%;
}

.fflag-CX {
  background-position: center 48.5593%;
}

.fflag-CC {
  background-position: center 48.781%;
}

.fflag-CK {
  background-position: center 49.002%;
}

.fflag-FJ {
  background-position: center 49.2244%;
}

.fflag-PF {
  background-position: center 49.4445%;
}

.fflag-GU {
  background-position: center 49.6678%;
}

.fflag-KI {
  background-position: center 49.8895%;
}

.fflag-MH {
  background-position: left 50.1112%;
}

.fflag-FM {
  background-position: center 50.3329%;
}

.fflag-NC {
  background-position: center 50.5546%;
}

.fflag-NZ {
  background-position: center 50.7763%;
}

.fflag-NR {
  background-position: left 50.998%;
}

.fflag-NU {
  background-position: center 51.2197%;
}

.fflag-NF {
  background-position: center 51.4414%;
}

.fflag-WS {
  background-position: left 51.6631%;
}

.fflag-SB {
  background-position: left 51.8848%;
}

.fflag-TK {
  background-position: center 52.1065%;
}

.fflag-TO {
  background-position: left 52.3282%;
}

.fflag-TV {
  background-position: center 52.5499%;
}

.fflag-VU {
  background-position: left 52.7716%;
}

.fflag-WF {
  background-position: center 52.9933%;
}

.fflag-TD.ff-round,
.fflag-GN.ff-round,
.fflag-CI.ff-round,
.fflag-ML.ff-round,
.fflag-NG.ff-round,
.fflag-BE.ff-round,
.fflag-FR.ff-round,
.fflag-IE.ff-round,
.fflag-IT.ff-round,
.fflag-RO.ff-round {
  background-size: 100% 50000%;
}

.fflag.ff-sm {
  width: 18px;
  height: 11px;
}

.fflag.ff-md {
  width: 27px;
  height: 17px;
}

.fflag.ff-lg {
  width: 42px;
  height: 27px;
}

.fflag.ff-xl {
  width: 60px;
  height: 37px;
}

/* ff-round = circular icons */
.ff-round {
  background-size: 160%;
  background-clip: content-box;
  border-radius: 50%;
}

.ff-round.ff-sm {
  width: 12px;
  height: 12px;
}

.ff-round.ff-md {
  width: 18px;
  height: 18px;
}

.ff-round.ff-lg {
  width: 24px;
  height: 24px;
}

.ff-round.ff-xl {
  width: 32px;
  height: 32px;
}

/*custom font*/
/*@import url(http://fonts.googleapis.com/css?family=Montserrat);*/
/*form styles*/
#msform {
  font-family: arial, verdana;
  width: 700px;
  max-width: 100%;
  margin: 30px auto;
  text-align: center;
  position: relative;
}
#msform hr {
  margin: 20px 0;
}

#msform fieldset {
  background: white;
  border: 0 none;
  border-radius: 3px;
  box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
  padding: 20px 30px;
  box-sizing: border-box;
  width: 80%;
  margin: 0 auto;
  /*stacking fieldsets above each other*/
  position: relative;
}
@media screen and (max-width: 700px) {
  #msform fieldset {
    width: 90%;
    padding: 10px 15px;
  }
}

#msform .radio-list {
  padding-left: 10px;
}
#msform .radio-list-row {
  text-align: left;
  margin-bottom: 10px;
}
#msform .radio-list input {
  display: inline-block;
  width: auto;
}
#msform .radio-list label {
  font-weight: normal;
  display: inline-block;
}

/*inputs*/
#msform textarea,
#msform select,
#msform input {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: arial, verdana;
  color: #2C3E50;
  font-size: 13px;
}
#msform.submitted input:invalid {
  border: 1px red solid;
}

#msform textarea {
  height: 100px;
}

#msform.contactform {
  width: 700px;
}
#msform.contactform img {
  margin-bottom: 20px;
}
#msform.contactform .removeLabel {
  color: red;
  font-weight: bold;
  text-align: center;
}

#msform label {
  margin-bottom: 10px;
  display: block;
  text-align: left;
  font-weight: bold;
  font-size: 16px;
}

/*buttons*/
html body .action-button {
  width: auto;
  font-size: 16px;
  background: #27AE60;
  font-weight: normal;
  color: white;
  border: 1px solid #1E8C4D;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px 15px;
  margin: 10px 5px;
  text-decoration: none;
}
html body .action-button--loading {
  pointer-events: none;
  opacity: 0.4;
}
html body .action-button:hover, html body .action-button:focus {
  box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
html body .action-button.action-button--blue {
  background: #4D9FFF;
  border-color: #307ACC;
}
html body .action-button.action-button--blue:hover {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #4D9FFF;
}
html body .action-button.action-button--red, html body .action-button.danger {
  background: #FF4D4D;
  border-color: #E03B3B;
  color: white;
}
html body .action-button.action-button--red:hover, html body .action-button.danger:hover {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #FF4D4D;
}

html[data-theme2=dark] body .action-button {
  background: #6FCF97;
  color: #333;
  font-weight: bold;
}
html[data-theme2=dark] body .action-button:hover, html[data-theme2=dark] body .action-button:focus {
  box-shadow: 0 0 0 2px #656565, 0 0 0 3px #27AE60;
}
html[data-theme2=dark] body .action-button.action-button--blue {
  background: #A3CCFF;
  border-color: #7FAFDD;
  color: #333;
}
html[data-theme2=dark] body .action-button.action-button--blue:hover, html[data-theme2=dark] body .action-button.action-button--blue:focus {
  box-shadow: 0 0 0 2px #656565, 0 0 0 3px #4D9FFF;
}
html[data-theme2=dark] body .action-button.action-button--red, html[data-theme2=dark] body .action-button.danger {
  background: #FF9999;
  border-color: #D66C6C;
  color: white;
}
html[data-theme2=dark] body .action-button.action-button--red:hover, html[data-theme2=dark] body .action-button.action-button--red:focus, html[data-theme2=dark] body .action-button.danger:hover, html[data-theme2=dark] body .action-button.danger:focus {
  box-shadow: 0 0 0 2px #656565, 0 0 0 3px #FF4D4D;
}

#msform .reportlink {
  word-break: break-all;
}

#msform select {
  font-family: arial, verdana;
}

/*headings*/
.fs-title {
  font-size: 18px;
  text-transform: uppercase;
  background: #2e464b;
  color: #f1f1f1;
  padding: 10px;
  margin-bottom: 10px;
}

.fs-subtitle {
  font-weight: normal;
  font-size: 13px;
  color: #666;
  margin-bottom: 20px;
}

.fs-subcheckbox {
  margin: 0 0 10px;
  color: #666;
  padding: 0 0 0 15px;
}

.compliance-label {
  margin-top: 15px;
}

.upload_rules {
  text-align: left;
  background: #fbf8eb;
  padding: 10px;
  margin-bottom: 20px;
}
.upload_rules h2 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
}
.upload_rules p {
  margin: 0;
}
.upload_rules ul {
  padding-left: 15px;
}
.form-message {
  padding: 20px;
  color: white;
  opacity: 0.83;
  text-align: center;
}
.form-message p {
  margin: 0;
}
.form-message a {
  color: #333;
}
.form-message.errors {
  background-color: #f44336;
}
.form-message.success {
  background-color: #4CAF50;
}

.forum-header {
  background-color: #bbaa99;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27400%27 height=%27200%27 viewBox=%270 0 160 80%27%3E%3Cg fill=%27%23B0A090%27 %3E%3Cpolygon points=%270 10 0 0 10 0%27/%3E%3Cpolygon points=%270 40 0 30 10 30%27/%3E%3Cpolygon points=%270 30 0 20 10 20%27/%3E%3Cpolygon points=%270 70 0 60 10 60%27/%3E%3Cpolygon points=%270 80 0 70 10 70%27/%3E%3Cpolygon points=%2750 80 50 70 60 70%27/%3E%3Cpolygon points=%2710 20 10 10 20 10%27/%3E%3Cpolygon points=%2710 40 10 30 20 30%27/%3E%3Cpolygon points=%2720 10 20 0 30 0%27/%3E%3Cpolygon points=%2710 10 10 0 20 0%27/%3E%3Cpolygon points=%2730 20 30 10 40 10%27/%3E%3Cpolygon points=%2720 20 20 40 40 20%27/%3E%3Cpolygon points=%2740 10 40 0 50 0%27/%3E%3Cpolygon points=%2740 20 40 10 50 10%27/%3E%3Cpolygon points=%2740 40 40 30 50 30%27/%3E%3Cpolygon points=%2730 40 30 30 40 30%27/%3E%3Cpolygon points=%2740 60 40 50 50 50%27/%3E%3Cpolygon points=%2750 30 50 20 60 20%27/%3E%3Cpolygon points=%2740 60 40 80 60 60%27/%3E%3Cpolygon points=%2750 40 50 60 70 40%27/%3E%3Cpolygon points=%2760 0 60 20 80 0%27/%3E%3Cpolygon points=%2770 30 70 20 80 20%27/%3E%3Cpolygon points=%2770 40 70 30 80 30%27/%3E%3Cpolygon points=%2760 60 60 80 80 60%27/%3E%3Cpolygon points=%2780 10 80 0 90 0%27/%3E%3Cpolygon points=%2770 40 70 60 90 40%27/%3E%3Cpolygon points=%2780 60 80 50 90 50%27/%3E%3Cpolygon points=%2760 30 60 20 70 20%27/%3E%3Cpolygon points=%2780 70 80 80 90 80 100 70%27/%3E%3Cpolygon points=%2780 10 80 40 110 10%27/%3E%3Cpolygon points=%27110 40 110 30 120 30%27/%3E%3Cpolygon points=%2790 40 90 70 120 40%27/%3E%3Cpolygon points=%2710 50 10 80 40 50%27/%3E%3Cpolygon points=%27110 60 110 50 120 50%27/%3E%3Cpolygon points=%27100 60 100 80 120 60%27/%3E%3Cpolygon points=%27110 0 110 20 130 0%27/%3E%3Cpolygon points=%27120 30 120 20 130 20%27/%3E%3Cpolygon points=%27130 10 130 0 140 0%27/%3E%3Cpolygon points=%27130 30 130 20 140 20%27/%3E%3Cpolygon points=%27120 40 120 30 130 30%27/%3E%3Cpolygon points=%27130 50 130 40 140 40%27/%3E%3Cpolygon points=%27120 50 120 70 140 50%27/%3E%3Cpolygon points=%27110 70 110 80 130 80 140 70%27/%3E%3Cpolygon points=%27140 10 140 0 150 0%27/%3E%3Cpolygon points=%27140 20 140 10 150 10%27/%3E%3Cpolygon points=%27140 40 140 30 150 30%27/%3E%3Cpolygon points=%27140 50 140 40 150 40%27/%3E%3Cpolygon points=%27140 70 140 60 150 60%27/%3E%3Cpolygon points=%27150 20 150 40 160 30 160 20%27/%3E%3Cpolygon points=%27150 60 150 50 160 50%27/%3E%3Cpolygon points=%27140 70 140 80 150 80 160 70%27/%3E%3C/g%3E%3C/svg%3E");
  padding: 50px 0;
  text-align: center;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.forum-header h1 {
  margin: 0;
  color: #FFF;
  font-weight: 500;
}
.forum-header h2 {
  margin: 5px 0 0;
  color: #333;
  font-size: 16px;
  font-weight: 400;
}

.categories-wrapper.forum-back {
  padding-left: 20px;
  margin-top: 20px;
}
.categories-wrapper.forum-back span {
  padding: 4px;
  border-radius: 3px;
  background: #f2f1ec;
  border: 1px solid #dedcd4;
  margin-right: 5px;
}
.categories-wrapper.forum-back a {
  text-decoration: none;
}
.categories-wrapper.forum-back i {
  font-size: 20px;
  color: #333;
  text-decoration: none;
  top: 2px;
  position: relative;
}

.forum-wrapper {
  display: flex;
  margin-bottom: 50px !important;
}
@media screen and (max-width: 700px) {
  .forum-wrapper {
    flex-direction: column;
  }
}
.forum-wrapper .forum-column {
  margin-top: 20px;
}
.forum-wrapper .forum-column--first {
  flex: 1;
}
.forum-wrapper .forum-column--second {
  flex: 0;
  flex-basis: 350px !important;
  margin-left: 20px;
}
@media screen and (max-width: 700px) {
  .forum-wrapper .forum-column--second {
    margin-left: 0;
  }
}
.forum-wrapper .forum-box {
  border-radius: 8px;
  overflow: hidden;
}
.forum-wrapper .forum-box--topmargin {
  margin-top: 20px;
}
.forum-wrapper .forum-box--styled {
  background: #FFF;
  padding: 20px;
}
.forum-wrapper .forum-box table {
  background: #FFF;
  border-radius: 12px;
  width: 100%;
}
.forum-wrapper .forum-box table tr th {
  line-height: 30px;
  font-size: 16px;
  background: #339959;
  color: #FFF;
  font-weight: 500;
}
.forum-wrapper .forum-box table tr td {
  padding: 10px;
  padding-left: 0;
}
@media screen and (max-width: 700px) {
  .forum-wrapper .forum-box table tr th:nth-child(2),
  .forum-wrapper .forum-box table tr td:nth-child(2) {
    display: none;
  }
}
.forum-wrapper .newest-topics h2 {
  margin: 0;
  padding: 0;
  text-align: center;
}
.forum-wrapper .newest-topics ul {
  list-style: none;
  padding: 0;
}
.forum-wrapper .newest-topics ul li {
  line-height: 18px;
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.forum-wrapper .newest-topics ul li a {
  text-decoration: none;
  color: #951C64;
  padding: 2px;
  margin-left: 10px;
}
.forum-wrapper .newest-topics ul li a:hover {
  background: #951C64;
  color: #FFF;
}
.forum-wrapper .forum-post--count {
  text-align: center;
}
.forum-wrapper .forum-post--lastcomment {
  vertical-align: top;
  font-size: 12px;
}
.forum-wrapper .forum-post--title {
  font-weight: bold;
  font-size: 16px;
  position: relative;
  display: flex;
  align-items: center;
}
.forum-wrapper .forum-post--title a {
  color: #333;
}
.forum-wrapper .forum-post--title a:hover {
  background: #333;
  color: #f1f1f1;
  text-decoration: underline;
}
.forum-wrapper .forum-post--title span {
  margin-left: 10px;
}
@media screen and (max-width: 700px) {
  .forum-wrapper .forum-post--title span {
    margin-left: 5px;
  }
}
.forum-wrapper .forum-post--title small {
  display: block;
  line-height: 1;
  font-weight: normal;
  margin-top: 5px;
}
.forum-wrapper .forum-post--title i {
  margin-left: 10px;
  font-size: 25px;
  color: #333;
}
@media screen and (max-width: 700px) {
  .forum-wrapper .forum-post--title i {
    margin-left: 5px;
  }
}
.forum-wrapper .forum-comment {
  display: flex;
  margin-bottom: 15px;
}
.forum-wrapper .forum-comment--addbox {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  border-radius: 0;
}
.forum-wrapper .forum-comment--author {
  display: flex;
  width: 200px;
  flex-direction: column;
  padding: 10px;
  text-align: center;
  background: #dedcd4;
  border-radius: 5px 0 0 5px;
  /*img {
  	margin: 10px 0;
  	align-self: center;
  	background: white;
  	border-radius: 50%;
  }*/
}
@media screen and (max-width: 700px) {
  .forum-wrapper .forum-comment--author {
    width: 130px;
  }
}
.forum-wrapper .forum-comment--author a:hover {
  background: none;
}
.forum-wrapper .forum-comment--author span {
  font-weight: bold;
  word-break: break-word;
}
.forum-wrapper .forum-comment--author span a {
  color: #333;
}
.forum-wrapper .forum-comment--author .profile-picture-component {
  text-align: center;
  width: 60px;
  height: 60px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.forum-wrapper .forum-comment--author small {
  font-weight: normal;
}
.forum-wrapper .forum-comment--replied-to {
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  margin-bottom: 10px;
  font-size: 13px;
}
.forum-wrapper .forum-comment--replied-to p {
  margin: 0;
}
.forum-wrapper .forum-comment--replied-to p:first-child {
  font-weight: bold;
  margin-bottom: 10px;
}
.forum-wrapper .forum-comment--body {
  position: relative;
  padding: 10px;
  background: #f2f1ec;
  flex: 1;
  border-radius: 0 5px 5px 0;
  color: #333;
}
.forum-wrapper .forum-comment--body__answertick {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.forum-wrapper .forum-comment--body__img {
  display: block;
  width: 90%;
  margin-top: 15px;
  cursor: pointer;
}
.forum-wrapper .forum-comment--body__img img, .forum-wrapper .forum-comment--body__img video {
  width: 100%;
}
.forum-wrapper .forum-comment--body__img--with-play-icon {
  position: relative;
}
.forum-wrapper .forum-comment--body__img--with-play-icon i {
  position: absolute;
  color: rgba(255, 255, 255, 0.8);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 64px;
}
@media screen and (max-width: 700px) {
  .forum-wrapper .forum-comment--body__img--with-play-icon i {
    font-size: 32px;
  }
}
.forum-wrapper .create-topic {
  margin-top: 20px;
}
.forum-wrapper .create-topic,
.forum-wrapper .create-comment {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.forum-wrapper .create-topic__attacher,
.forum-wrapper .create-comment__attacher {
  text-decoration: none;
  background: #333;
  padding: 5px;
  border-radius: 50%;
  display: inline-block;
}
.forum-wrapper .create-topic__attacher svg,
.forum-wrapper .create-comment__attacher svg {
  width: 30px;
}
.forum-wrapper .create-topic__attacher span:hover,
.forum-wrapper .create-comment__attacher span:hover {
  background: #951C64;
  color: #FFF;
}
.forum-wrapper .create-topic #msform,
.forum-wrapper .create-comment #msform {
  margin: 0 auto;
  width: 100%;
  text-align: left;
}
.forum-wrapper .create-topic #msform label,
.forum-wrapper .create-comment #msform label {
  margin-bottom: 0;
}
.forum-wrapper .create-topic .firstname,
.forum-wrapper .create-comment .firstname {
  display: none;
}
.forum-wrapper .create-topic h3,
.forum-wrapper .create-comment h3 {
  padding: 0;
  margin: 0;
}
.forum-wrapper .create-topic input[type=text],
.forum-wrapper .create-topic textarea,
.forum-wrapper .create-comment input[type=text],
.forum-wrapper .create-comment textarea {
  margin-top: 10px;
  width: 100%;
  background: #f2f1ec;
  color: #333;
}
.forum-wrapper .create-topic input[type=text].disabled,
.forum-wrapper .create-topic textarea.disabled,
.forum-wrapper .create-comment input[type=text].disabled,
.forum-wrapper .create-comment textarea.disabled {
  cursor: not-allowed;
}

.forum-widget {
  display: flex;
}
@media screen and (max-width: 700px) {
  .forum-widget {
    flex-direction: column;
    align-items: center;
  }
}
.forum-widget--addnew {
  color: #ff9902;
  border-radius: 8px;
  border: 4px dashed #ff9902;
  width: calc(20% - 10px);
  font-size: 22px;
  font-weight: bold;
  position: relative;
  min-height: 60px;
}
.forum-widget--addnew a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #ff9902;
}
.forum-widget--addnew a:hover {
  background: transparent;
  color: #ff9902;
}
.forum-widget--addnew a span {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .forum-widget--addnew {
    width: 90%;
    margin-bottom: 10px;
    padding: 10px 0;
  }
}
.forum-widget--card {
  border-radius: 8px;
  background: #FFF;
  position: relative;
  color: #262626;
  padding: 10px;
  margin-right: 10px;
  width: calc(20% - 10px);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 700px) {
  .forum-widget--card {
    width: 90%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.forum-widget--card__comment-count {
  position: absolute;
  bottom: 3px;
  right: 3px;
  padding: 3px 5px;
  text-align: center;
  color: #FFF;
  border-radius: 50%;
  background: indianred;
  margin: 0;
  line-height: 1;
}
.forum-widget--card__title {
  margin-top: 0;
  font-size: 16px;
  font-weight: bold;
}
.forum-widget--card__comment {
  margin-top: 0;
  font-size: 14px;
}

.animegirls-header {
  background: #339959;
  width: 920px;
  max-width: 100%;
  margin: 0 auto;
  color: #f1f1f1;
  padding: 20px;
}
@media screen and (max-width: 700px) {
  .animegirls-header {
    padding: 10px;
  }
}
.animegirls-header h1 {
  font-size: 56px;
  font-family: "Montserrat", sans-serif;
  margin: 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 700px) {
  .animegirls-header h1 {
    font-size: 32px;
  }
}

.character-profile {
  --character-profile-collapsed-height: 340px;
  box-sizing: border-box;
  position: relative;
  width: 920px;
  max-width: 100%;
  margin: 18px auto 0;
  overflow: hidden;
  border: 1px solid #d6e1d9;
  border-top: 3px solid #339959;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(25, 58, 36, 0.08);
  color: #243129;
}
.character-profile--collapsible:not(.character-profile--expanded) {
  max-height: var(--character-profile-collapsed-height);
}
.character-profile--collapsible:not(.character-profile--expanded) .character-profile__content {
  max-height: var(--character-profile-collapsed-height);
  overflow: hidden;
}
.character-profile--collapsible:not(.character-profile--expanded) .character-profile__more {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 48px 20px 14px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 62%);
}
.character-profile--collapsible .character-profile__more {
  display: flex;
}
.character-profile--expanded .character-profile__more {
  position: static;
  padding: 11px 20px 13px;
  border-top: 1px solid #e2e9e4;
  background: #fff;
}
.character-profile__heading {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 17px 20px 15px;
  border-bottom: 1px solid #e2e9e4;
}
.character-profile__heading h2 {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 21px;
  line-height: 1.2;
}
.character-profile__heading p {
  margin: 0;
  color: #647168;
  font-size: 14px;
  text-align: right;
}
.character-profile__fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 28px;
  margin: 0;
  padding: 4px 20px 18px;
}
.character-profile__field {
  min-width: 0;
  padding: 14px 0 12px;
  border-bottom: 1px solid #e2e9e4;
}
.character-profile__field dt {
  margin-bottom: 5px;
  color: #68766d;
  font-size: 13px;
  font-weight: 600;
}
.character-profile__field dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 650;
}
.character-profile__field--personality {
  grid-column: 1/-1;
}
.character-profile__field--personality dd {
  max-width: 760px;
  font-weight: 500;
  line-height: 1.55;
}
.character-profile__field--alternative-names {
  grid-column: 1/-1;
}
.character-profile__alternative-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.character-profile__alternative-list li {
  padding: 4px 7px;
  border: 1px solid #cbd9cf;
  border-radius: 6px;
  background: #f4f8f5;
  color: #405047;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.35;
}
.character-profile__more {
  z-index: 2;
  display: none;
  justify-content: center;
}
.character-profile__toggle {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  padding: 8px 13px;
  border: 1px solid #b9cbbf;
  border-radius: 8px;
  background: #fff;
  color: #287b43;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}
.character-profile__toggle:hover {
  border-color: #339959;
  background: #f3f8f4;
  color: #1f6636;
}
.character-profile__toggle:focus-visible {
  outline: 2px solid #339959;
  outline-offset: 2px;
}
.character-profile__toggle-icon {
  font-size: 15px;
  line-height: 1;
}
html[data-theme2=dark] .character-profile {
  border-color: #394b3e;
  border-top-color: #46a665;
  background: #1e1e1e;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  color: #f1f1f1;
}
html[data-theme2=dark] .character-profile .character-profile__heading p,
html[data-theme2=dark] .character-profile .character-profile__field dt {
  color: #aebbb2;
}
html[data-theme2=dark] .character-profile .character-profile__heading,
html[data-theme2=dark] .character-profile .character-profile__field {
  border-color: #343f37;
}
html[data-theme2=dark] .character-profile .character-profile__alternative-list li {
  border-color: #435247;
  background: #262c28;
  color: #d6e5da;
}
html[data-theme2=dark] .character-profile.character-profile--collapsible:not(.character-profile--expanded) .character-profile__more {
  background: linear-gradient(to bottom, rgba(30, 30, 30, 0), #1e1e1e 62%);
}
html[data-theme2=dark] .character-profile.character-profile--expanded .character-profile__more {
  border-color: #343f37;
  background: #1e1e1e;
}
html[data-theme2=dark] .character-profile .character-profile__toggle {
  border-color: #526157;
  background: #262c28;
  color: #bce5c8;
}
html[data-theme2=dark] .character-profile .character-profile__toggle:hover {
  border-color: #46a665;
  background: #2d3630;
  color: #d7f3df;
}

@media screen and (max-width: 700px) {
  .character-profile {
    --character-profile-collapsed-height: 250px;
    margin-top: 12px;
    border-radius: 8px;
  }
  .character-profile__heading {
    display: block;
    padding: 14px 15px 13px;
  }
  .character-profile__heading h2 {
    font-size: 19px;
  }
  .character-profile__heading p {
    margin-top: 4px;
    text-align: left;
  }
  .character-profile__fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 18px;
    padding: 2px 15px 15px;
  }
  .character-profile__field {
    padding: 12px 0 10px;
  }
}
@media screen and (max-width: 420px) {
  .character-profile__fields {
    grid-template-columns: 1fr;
  }
}

.more-anime-girls ul.categories {
  padding: 0 10px;
}
.more-anime-girls ul.categories li a {
  max-width: 160px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

#page-animegirls .breadcrumb {
  max-width: 100%;
}
#page-animegirls #wall {
  margin-top: 20px;
}

#page-animegirlslist .animegirlslist-todays-wrapper {
  margin-bottom: 20px;
}
#page-animegirlslist .animegirlslist__order-by {
  margin: 0 10px 10px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#page-animegirlslist .animegirlslist__order-by select {
  font-size: 16px;
  padding: 3px;
}
html[data-theme2=dark] #page-animegirlslist .animegirlslist__order-by select {
  background: #f1f1f1;
}

#page-animegirlslist .animegirlslist__order-by span {
  margin: 0;
  margin-right: 10px;
  background: #fdf6bf;
  font-weight: bold;
  color: darkred;
  padding: 3px;
}
html[data-theme2=dark] #page-animegirlslist .animegirlslist__order-by span {
  background: #8b7676;
  color: #f1f1f1;
}

#page-animegirlslist .animegirlslist-wrapper {
  will-change: opacity;
  transition: opacity 0.5s;
}
#page-animegirlslist .animegirlslist-wrapper--loading {
  opacity: 0.5;
  pointer-events: none;
}
#page-animegirlslist .animegirlslist-wrapper__ad {
  width: 100% !important;
  height: auto;
}
#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media screen and (max-width: 700px) {
  #page-animegirlslist .animegirlslist-wrapper .animegirlslist__block {
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }
}
#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li {
  text-align: center;
  display: block;
  position: relative;
}
#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li .animegirlslist-wrapper__index {
  font-size: 32px;
  font-weight: bold;
  margin: 0 10px;
}
@media screen and (max-width: 700px) {
  #page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li .animegirlslist-wrapper__index {
    font-size: 24px;
  }
}
#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li a {
  text-decoration: none;
}
#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li a:hover {
  background: none;
  color: inherit;
}
#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li p {
  display: flex;
  position: absolute;
  z-index: 2;
  bottom: 10px;
  right: 10px;
  background: rgba(211, 211, 211, 0.8392156863);
  align-items: center;
  justify-content: center;
  text-align: left;
  margin: 0;
  padding: 0 10px;
  box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.75);
}
#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li p a {
  font-size: 20px;
  display: block;
}
@media screen and (max-width: 700px) {
  #page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li p a {
    font-size: 16px;
  }
}
html[data-theme2=dark] #page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li p {
  background: rgba(30, 30, 30, 0.7607843137);
  color: #f1f1f1;
}

#page-animegirlslist .animegirlslist-wrapper .animegirlslist__block li img {
  min-height: 100px;
  border-radius: 5px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-color: lightgray;
}

.collections_link {
  text-align: center;
  margin: 20px 0;
}

.collections_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 10px;
  margin-top: 20px;
}
@media screen and (max-width: 700px) {
  .collections_grid {
    grid-template-columns: 1fr;
  }
}
.collections_grid img {
  position: relative;
  height: 100%;
  z-index: 1;
}
.collections_grid__item {
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  height: 220px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
}
.collections_grid__mainimg {
  height: 100%;
  padding: 10px;
  display: inline-block;
}
.collections_grid__mainimg img {
  border-radius: 20px;
}
.collections_grid__smallimgs {
  position: relative;
  vertical-align: top;
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px 10px;
  padding: 25px 0;
  opacity: 0.5;
}
.collections_grid__smallimgs-item {
  position: relative;
  width: 80px;
  height: 80px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  overflow: hidden;
}
.collections_grid__texts {
  position: absolute;
  padding: 10px;
  right: 10px;
  bottom: 10px;
  color: #FFF;
  font-size: 20px;
  z-index: 2;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.5);
}
.collections_grid__texts a {
  color: #FFF;
  text-decoration: none;
}
.collections_grid__texts a:hover {
  color: #FFF;
  background: transparent;
}
.collections_grid__texts--rgt {
  text-align: right;
}
.collections_grid__texts p {
  margin: 0;
}
.collections_grid__texts p:first-child {
  text-shadow: 1px 0px 0px black, -1px 0px 0px black, 0px 1px 0px black, 0px -1px 0px black;
}
.collections_grid__texts p em {
  font-size: 14px;
}

.didyouknow-wrapper {
  position: relative;
}

#didyouknowrating-node {
  text-align: right;
  height: 28px;
}

.didyouknow-block {
  position: relative;
  padding: 10px;
  background: rgba(241, 235, 219, 0.9);
  font-size: 18px;
  color: #333;
  font-style: italic;
  font-weight: bold;
}
.didyouknow-block em {
  position: absolute;
  font-size: 36px;
  color: #333;
  opacity: 0.3;
  pointer-events: none;
  top: -11px;
  left: -15px;
}
html[data-theme2=dark] .didyouknow-block {
  color: #f1f1f1;
  background: rgba(0, 0, 0, 0.4);
}

.didyouknow-block i.icofont-twitter {
  color: #1DA1F2;
  background: #FFF;
  border-radius: 50%;
  padding: 3px;
}
.separator {
  max-width: 920px;
  width: 100%;
  margin: 32px auto 0;
  padding: 0 20px;
  position: relative;
  text-align: center;
}
@media (max-width: 768px) {
  .separator {
    margin: 28px auto 0;
    padding: 0 16px;
  }
}
.separator::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.1) 80%, transparent 100%);
  transform: translateY(-50%);
}
html[data-theme2=dark] .separator::before {
  background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.1) 20%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 80%, transparent 100%);
}

.separator::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ff9902;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(255, 153, 2, 0.2);
  z-index: 1;
}
.separator--ornament::after {
  width: 12px;
  height: 12px;
  background: #ff9902;
  box-shadow: 0 0 0 2px rgba(255, 153, 2, 0.3), 0 0 0 6px rgba(255, 153, 2, 0.1);
}
.separator--thick::before {
  height: 2px;
}
.separator--colored::before {
  background: linear-gradient(to right, transparent 0%, rgba(255, 153, 2, 0.3) 20%, rgba(255, 153, 2, 0.5) 50%, rgba(255, 153, 2, 0.3) 80%, transparent 100%);
}

.tag-list {
  max-width: 920px;
  width: 100%;
  margin: 30px auto 0;
  padding: 30px 20px;
  text-align: center;
}
@media (max-width: 768px) {
  .tag-list {
    margin: 24px auto 0;
    padding: 24px 16px;
  }
}
.separator + .tag-list {
  margin-top: 14px;
}
@media (max-width: 768px) {
  .separator + .tag-list {
    margin-top: 12px;
  }
}
.tag-list__title {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 20px 0;
  color: #333;
  text-align: center;
}
@media (max-width: 768px) {
  .tag-list__title {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
html[data-theme2=dark] .tag-list__title {
  color: #f1f1f1;
}

.tag-list__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
@media (max-width: 768px) {
  .tag-list__list {
    gap: 6px;
  }
}
.tag-list__item {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.tag-list__link {
  display: inline-block;
  padding: 8px 16px;
  background: #ff9902;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 6px;
  line-height: 1.4;
  transition: all 0.2s ease;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 768px) {
  .tag-list__link {
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 5px;
  }
}
html[data-theme2=dark] .tag-list__link {
  color: #000 !important;
  background: #ff9902 !important;
}
html[data-theme2=dark] .tag-list__link:hover, html[data-theme2=dark] .tag-list__link:focus {
  color: #fff !important;
  background: #ff4d4d !important;
}

.tag-list__link:hover, .tag-list__link:focus {
  background: #ff4d4d;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
  text-decoration: none;
}
.tag-list__link:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.tag-list__link:focus-visible {
  outline: 2px solid #ff9902;
  outline-offset: 2px;
}

#page-ai_hentai {
  /* ===========================
   GIF voting controls
   =========================== */
  /* ===========================
   Base vote button
   ========================== */
  /* ===========================
   Upvote button
   =========================== */
  /* ===========================
   Downvote button (optional)
   =========================== */
}
#page-ai_hentai .ai-gif-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 16px;
}
@media (min-width: 1200px) {
  #page-ai_hentai .ai-gif-grid {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
  }
}
@media (max-width: 768px) {
  #page-ai_hentai .ai-gif-grid {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 12px;
  }
}
#page-ai_hentai .ai-gif-item {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 8px;
  background: #222;
  max-width: 300px;
  transition: max-width 300ms ease;
  background-repeat: no-repeat;
  background-size: cover;
}
#page-ai_hentai .ai-gif-item .item-img-wrapper {
  background: none;
}
html[data-theme2=dark] #page-ai_hentai .ai-gif-item .item-img-wrapper {
  background: none;
}

#page-ai_hentai .ai-gif-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border: 3px solid rgba(255, 255, 255, 0.1);
  border-top-color: #00d4ff;
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 10;
  pointer-events: none;
}
#page-ai_hentai .ai-gif-item.is-loading::after {
  opacity: 1;
  animation: ai-gif-spin 0.8s linear infinite;
}
#page-ai_hentai .ai-gif-item.is-loading .ai-gif-thumbnail {
  filter: blur(4px) brightness(0.7);
}
#page-ai_hentai .ai-gif-item .ai-active-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 20px 20px;
  z-index: 3;
  display: none;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
  pointer-events: none;
  opacity: 0;
  transform: translateY(15px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
}
#page-ai_hentai .ai-gif-item .ai-active-title em {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  pointer-events: none;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(0, 0, 0, 0.5);
}
#page-ai_hentai .ai-gif-item.ai-gif-item--active {
  grid-column: 1/-1;
  max-width: 1000px;
  max-height: 80vh;
}
#page-ai_hentai .ai-gif-item.ai-gif-item--active img,
#page-ai_hentai .ai-gif-item.ai-gif-item--active video {
  object-fit: contain;
}
#page-ai_hentai .ai-gif-item.ai-gif-item--active .ai-active-title {
  opacity: 1;
  transform: translateY(0);
  display: flex;
}
#page-ai_hentai .ai-gif-item.ai-gif-item--active .ai-gif-video {
  opacity: 1;
  pointer-events: auto;
}
#page-ai_hentai .ai-gif-item.ai-gif-item--active .ai-gif-thumbnail {
  opacity: 0;
}
#page-ai_hentai .ai-gif-item .ai-gif-canvas-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  filter: blur(10px);
  pointer-events: none;
  border-radius: 8px;
  transform: scale(1.1);
}
#page-ai_hentai .ai-gif-item .ai-gif-thumbnail,
#page-ai_hentai .ai-gif-item .ai-gif-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  transition: filter 0.3s ease, opacity 0.2s;
}
#page-ai_hentai .ai-gif-item .ai-gif-thumbnail {
  position: relative;
  z-index: 1;
}
#page-ai_hentai .ai-gif-item .ai-gif-video {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}
#page-ai_hentai .ai-gif-item:hover .ai-gif-video {
  opacity: 1;
  pointer-events: auto;
}
#page-ai_hentai .ai-gif-item:hover .ai-gif-thumbnail {
  opacity: 0;
}
#page-ai_hentai #ai-gif-loader {
  text-align: center;
  margin: 24px 0;
  color: #888;
}
#page-ai_hentai .ai-gif-controls {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 14px;
  flex-wrap: wrap;
  flex-direction: column;
  z-index: 4;
}
#page-ai_hentai .ai-gif-vote {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  color: #202020;
  text-decoration: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
  /* icon */
  /* counter bubble */
}
#page-ai_hentai .ai-gif-vote .ai-gif-vote-icon {
  font-size: 22px;
  line-height: 1;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
}
#page-ai_hentai .ai-gif-vote::after {
  content: attr(data-count);
  position: absolute;
  top: -5px;
  right: -10px;
  background-color: #e53935;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 1;
  padding: 2px 5px;
  min-width: 16px;
  border-radius: 999px;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
}
#page-ai_hentai .ai-gif-vote:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}
#page-ai_hentai .ai-gif-vote:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);
  transform: translateY(0);
}
#page-ai_hentai .ai-gif-vote:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
#page-ai_hentai .ai-gif-vote-up,
#page-ai_hentai .ai-gif-vote-like {
  color: #2e7d32;
}
#page-ai_hentai .ai-gif-vote-down,
#page-ai_hentai .ai-gif-vote-dislike {
  color: #c62828;
}
#page-ai_hentai .ai-gif-vote-heart {
  color: #e53935;
}
#page-ai_hentai .ai-gif-vote-hot {
  color: #f57c00;
}

@keyframes ai-gif-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.search_disclaimer {
  text-align: center;
  opacity: 0.5;
  margin: 5px 0;
}
.search_disclaimer em {
  font-size: 12px;
}

.wall-sub-header {
  background: #f1ebdb;
  padding: 10px;
  color: #333;
  width: 920px;
  max-width: 100%;
  margin: 0 auto;
}
html[data-theme2=dark] .wall-sub-header {
  background: #1e1e1e;
  color: #f1f1f1;
}

.wall-sub-header--bigger {
  font-size: 18px;
}
.wall-sub-header h2 {
  margin: 0;
  padding: 0;
}
.wall-sub-header h3 {
  margin: 10px 0 0;
}
.wall-sub-header p {
  margin: 10px 0 0;
  font-size: 16px;
}

.activity-owner-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: calc(100% - 16px);
  padding: 5px 7px;
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.activity-owner-badge span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity-owner-badge i {
  flex-shrink: 0;
}
.activity-owner-badge:hover {
  background: #ff9900;
  color: #111;
}

#wall {
  display: block;
  margin: 0 auto;
  width: 920px;
  max-width: 100%;
  position: relative;
}
#wall .grid-header {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
#wall .grid-header .category-desc {
  color: #ffcc00;
  flex: 1;
  font-size: 2.5em;
  margin: 0;
}
#wall .grid-header .category-desc span {
  color: #fff;
}
#wall .grid-header h2 {
  padding: 0 10px;
  margin: 10px auto 0;
  font-size: 14px;
  color: #333;
}
html[data-theme2=dark] #wall .grid-header h2 {
  color: #f1f1f1;
}

@media screen and (max-width: 700px) {
  #wall .grid-header {
    flex-direction: column;
  }
  #wall .grid-header .toggle {
    display: inline-block;
    padding: 0 10px;
    text-align: right;
  }
  #wall .grid-header .toggle .caption {
    position: relative;
    display: inline-block;
    top: -9px;
    left: -5px;
    transform: none;
  }
  #wall .grid-header .toggle .toggle--btn {
    display: inline-block;
  }
}
#wall .category_flavor {
  padding: 10px;
  margin: 0;
  border: 1px solid #666;
  color: #333;
  border-radius: 5px;
  height: auto;
  max-height: 180px;
  overflow: hidden;
  position: relative;
  background: #eee;
}
#wall .category_flavor p {
  font-size: 16px;
}
#wall .category_flavor:after {
  pointer-events: none;
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: -10px;
  right: 0;
  height: 100px;
  background: -moz-linear-gradient(top, rgba(236, 236, 236, 0) 0%, rgb(236, 236, 236) 100%);
  background: -webkit-linear-gradient(top, rgba(236, 236, 236, 0) 0%, rgb(236, 236, 236) 100%);
  background: linear-gradient(to bottom, rgba(236, 236, 236, 0) 0%, rgb(236, 236, 236) 100%);
}
#wall .category_flavor button {
  position: absolute;
  bottom: 10px;
  color: #34af23;
  background: #eee;
  font-size: 18px;
  border: 1px solid #34af23;
  left: 50%;
  font-weight: bold;
  transform: translateX(-50%);
  z-index: 2;
  cursor: pointer;
}
#wall .category_flavor button.more {
  display: block;
}
#wall .category_flavor button.less {
  display: none;
}
#wall .category_flavor h2 {
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 0;
  font-size: 18px;
}
#wall .category_flavor ul {
  padding: 0 0 0 15px;
  margin-bottom: 0;
}
#wall .category_flavor .fflag {
  top: -4px;
  width: 20px;
  height: 20px;
}
#wall .category_flavor.open {
  max-height: 1000px;
}
#wall .category_flavor.open:after {
  display: none;
}
#wall .category_flavor.open button.more {
  display: none;
}
#wall h1 {
  padding: 15px 10px;
}
#wall .livecam-link {
  color: black;
  line-height: 3;
}
@media screen and (max-width: 700px) {
  #wall.one-col-mode div.grid > article {
    grid-column: 2 span;
    height: 450px;
  }
}
#wall div.grid {
  display: grid;
  gap: 10px 10px;
  font-size: 0;
  grid-template-columns: 1fr 1fr;
  list-style-type: none;
  margin: 10px auto 0 auto;
  padding: 0;
}
@media screen and (min-width: 701px) {
  #wall div.grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
#wall div.grid > article {
  display: inline-block;
  font-size: 0;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  height: 350px;
}
#wall div.grid > article:hover .item-functions-overlay {
  display: flex;
}
#wall div.grid > article .grid-item__danbo {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 60px;
  text-shadow: 2px 2px 4px #333;
  z-index: 2;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#wall div.grid > article .grid-item__ourpick {
  position: absolute;
  top: 10px;
  right: 60px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  text-shadow: 2px 2px 4px #333;
  z-index: 2;
  margin: 0;
  padding: 0;
}
#wall div.grid > article .activity-owner-badge--like {
  top: 38px;
}
#wall div.grid > article.following-collection-card {
  background: #1d2129;
}
#wall div.grid > article.following-collection-card .activity-owner-badge {
  top: 8px;
  max-width: calc(100% - 76px);
}
#wall div.grid > article.following-collection-card .following-collection-card__count {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border-radius: 6px;
  background: #ff9900;
  color: #111;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
#wall div.grid > article.grid-item--mega {
  grid-column: 2 span;
}
#wall div.grid > article.grid-item--mega img,
#wall div.grid > article.grid-item--mega video {
  object-fit: contain;
}
#wall div.grid > article.grid-item-relateds {
  background: rgba(0, 0, 0, 0.1);
  grid-column: 1/span 2;
  grid-row: 3;
  border-radius: 10px;
  height: auto;
  padding: 10px;
  display: block;
}
html[data-theme2=dark] #wall div.grid > article.grid-item-relateds {
  background: rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 701px) {
  #wall div.grid > article.grid-item-relateds {
    grid-template-columns: 1fr 1fr;
    grid-column: 1/span 3;
  }
}
#wall div.grid > article.grid-item-relateds > div {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 5px;
  overflow-x: auto;
}
#wall div.grid > article.grid-item-relateds > div:nth-child(2) {
  margin-top: 10px;
}
#wall div.grid > article.grid-item-relateds h2 {
  font-size: 18px;
  padding: 0;
  margin: 0 0 10px;
}
#wall div.grid > article.grid-item-relateds ul {
  padding: 0;
  margin: 0;
  white-space: nowrap;
}
#wall div.grid > article.grid-item-skeleton a.grid-link {
  position: relative;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
#wall div.grid > article.grid-item-skeleton a.grid-link:after {
  content: " ";
  width: 50px;
  height: 50px;
  background-color: #333;
  position: absolute;
  top: 20px;
  left: 45%;
  z-index: -1;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@media screen and (max-width: 700px) {
  #wall div.grid > article {
    height: 280px;
  }
}
#wall div.grid > article.img-gal-block:before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(ca26d8a37e1c6dfbbbf7.svg);
  background-size: contain;
  width: 62px;
  height: 62px;
}
#wall div.grid > article.gif-block:before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  top: 5px;
  right: 15px;
  background: url(8df8ea02b8adffafe292.png);
  background-size: contain;
  width: 32px;
  height: 32px;
}
#wall div.grid > article.embed-block:before, #wall div.grid > article.video-block:before {
  content: "";
  z-index: 3;
  display: block;
  position: absolute;
  top: 4px;
  right: 16px;
  background: url(ddd0e3b2a2ea1eb0ac8b.png);
  background-size: contain;
  width: 24px;
  height: 24px;
}
#wall div.grid > article .icofont-play-alt-1 {
  font-size: 66px;
  top: 50%;
  left: 50%;
  position: absolute;
  color: white;
  transform: translate(-50%, -50%);
}
#wall div.grid a.grid-link {
  display: block;
  width: 100%;
  height: 100%;
}
#wall div.grid a.grid-link:hover {
  background: none;
}
#wall div.grid .img-label {
  font-size: 14px;
  position: absolute;
  text-align: right;
  padding: 5px;
}
#wall div.grid .img-title {
  font-weight: normal;
  bottom: 0;
  right: 0;
  z-index: 2;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  padding-left: 62px;
  width: 100%;
  text-shadow: 1px 1px 5px #333;
  word-break: break-word;
  -webkit-backdrop-filter: blur(4px) brightness(80%);
  backdrop-filter: blur(4px) brightness(80%);
  max-height: 30%;
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  #wall div.grid .img-title {
    font-size: 16px;
  }
}
#wall div.grid .img-category {
  font-weight: normal;
  background: #ff9900;
  top: 0;
  left: 0;
  z-index: 3;
  color: #000;
  border-radius: 10px 0 5px;
}
#wall div.grid canvas {
  border-radius: 10px;
}
#wall div.grid img,
#wall div.grid video {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: block;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}
#page-media #wall {
  margin-top: 20px;
}
#page-media #wall .btn {
  margin: 20px;
}

body .rate_liker {
  position: relative;
  margin: 0 auto 0 auto;
  width: 100%;
  display: flex;
  align-items: end;
}
body .rate_liker__inner {
  padding: 5px;
  display: flex;
  white-space: nowrap;
  justify-content: space-evenly;
  align-items: center;
  background-image: linear-gradient(45deg, #ffcccc 25%, #f5c4c4 25%, #f5c4c4 50%, #ffcccc 50%, #ffcccc 75%, #f5c4c4 75%, #f5c4c4 100%);
  background-size: 56.57px 56.57px;
  height: 94px;
  width: 100%;
}
@media screen and (max-width: 700px) {
  body .rate_liker__inner {
    height: 75px;
  }
}
@media screen and (min-width: 701px) {
  body .rate_liker__inner {
    padding: 5px 15px;
  }
}
body .rate_liker a {
  text-decoration: none;
}
body .rate_liker p {
  font-size: 14px;
  text-align: center;
  white-space: normal;
  flex-basis: 50%;
  margin: 0;
}
@media screen and (max-width: 700px) {
  body .rate_liker p {
    font-size: 12px;
  }
}
body .rate_liker__btns {
  white-space: nowrap;
  font-size: 0;
}
@media screen and (min-width: 701px) {
  body .rate_liker__btns {
    margin: 0 20px;
  }
}
body .rate_liker__btns .loader-placeholer {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 701px) {
  body .rate_liker__btns .loader-placeholer {
    width: 80px;
    height: 80px;
  }
}
body .rate_liker__likecmp {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 80px;
  margin-right: 20px;
}
@media screen and (max-width: 700px) {
  body .rate_liker__likecmp {
    width: 60px;
    height: 60px;
  }
}
body .rate_liker__dislike {
  display: inline-block;
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  flex-shrink: 0;
  -webkit-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
@media screen and (max-width: 700px) {
  body .rate_liker__dislike {
    width: 60px;
    height: 60px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
body .rate_liker__dislike i {
  color: white;
  font-size: 55px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 700px) {
  body .rate_liker__dislike i {
    font-size: 39px;
  }
}
body .rate_liker__dislike {
  background: #da2e2b;
  border: 1px solid #a61f1d;
}
body .rate_liker__dislike:hover {
  background: #da2e2b;
}
body .rate_liker__dislike i {
  font-size: 50px;
}
@media screen and (max-width: 700px) {
  body .rate_liker__dislike i {
    font-size: 35px;
  }
}

.toggle {
  text-align: center;
  user-select: none;
  position: relative;
}
.toggle a {
  color: white;
}

.caption {
  left: 0;
  top: -2px;
  transform: translateX(-110%);
  position: absolute;
  white-space: nowrap;
  color: darkred;
  font-weight: bold;
  padding: 10px;
  background: #fdf6bf;
  border-radius: 5px;
  border: 1px dashed darkred;
}

.toggle--checkbox {
  opacity: 0;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.toggle--btn {
  display: block;
  margin: 0 auto;
  font-size: 1.3em;
  transition: all 350ms ease-in;
}
.toggle--btn:hover {
  cursor: pointer;
}

.toggle--btn, .toggle--btn:before, .toggle--btn:after,
.toggle--checkbox,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature,
.toggle--feature:before,
.toggle--feature:after {
  transition: all 250ms ease-in;
}
.toggle--btn:before, .toggle--btn:after,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature:before,
.toggle--feature:after {
  content: "";
  display: block;
}

.wall_functions {
  display: flex;
  min-height: 40px;
  flex-direction: row-reverse;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.1);
  padding: 6px 4px;
}
html[data-theme2=dark] .wall_functions {
  background: rgba(255, 255, 255, 0.04);
}

@media screen and (max-width: 701px) {
  .wall_functions {
    padding-left: 20px;
  }
}
@media screen and (min-width: 701px) {
  .wall_functions--mobile-only {
    display: none;
  }
}
.wall_functions .toggle input {
  display: none;
}
.wall_functions .wall-fn-text {
  line-height: 40px;
}
.wall_functions .wall-fn-btn button {
  cursor: pointer;
  padding: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.75);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  border: none;
  outline: 0;
  border-radius: 2px;
}
.wall_functions .wall-fn-btn i {
  color: #333;
  font-size: 30px;
}
@media screen and (min-width: 701px) {
  .wall_functions .wall-fn-btn.layout-change {
    display: none;
  }
}
.wall_functions .wall-fn-btn.layout-change button.one-col-mode {
  background: #a4bf4d;
  color: #FFF;
}
.wall_functions .wall-fn-btn.layout-change button.one-col-mode i {
  color: #FFF;
}
.wall_functions .wall-fn-btn.wall-filter-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 701px) {
  .wall_functions .wall-fn-btn.wall-filter-btn {
    flex-direction: row-reverse;
  }
}
.wall_functions .wall-fn-btn.wall-filter-btn span {
  background: #fdf6bf;
  font-weight: 700;
  color: darkred;
  padding: 3px;
  margin: 0;
  vertical-align: super;
}
html[data-theme2=dark] .wall_functions .wall-fn-btn.wall-filter-btn span {
  background: rgba(0, 255, 169, 0.12);
  border: 1px solid rgba(0, 255, 169, 0.2);
  color: #dff8ec;
}

.wall_functions .wall-fn-btn.wall-filter-btn button {
  margin-right: 5px;
}
@media screen and (max-width: 701px) {
  .wall_functions .wall-fn-btn.wall-filter-btn button {
    margin-left: 5px;
  }
}
.wall_functions .wall-fn-btn.wall-filter-btn button i {
  font-size: 26px;
}

.toggle--knob .toggle--btn {
  position: relative;
  width: 100px;
  height: 30px;
  text-transform: uppercase;
  color: #fff;
  background: #a4bf4d;
  box-shadow: inset 0 20px 40px -10px #7b9d25;
  border-radius: 40px;
}
.toggle--knob .toggle--btn:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translateY(-50%);
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: #f1f1f1;
  box-shadow: 0 4px 10px 0 #999, inset 0 10px 10px 8px rgba(241, 241, 241, 0.6), inset 0 0 8px 0 #333, inset 0 0 0 13px #ccc, inset 0 0 0 14px #f1f1f1;
  text-indent: -100%;
}
.toggle--knob .toggle--feature {
  position: relative;
  display: block;
  overflow: hidden;
  height: 30px;
  text-shadow: 0 1px 2px #666;
}
.toggle--knob .toggle--feature:before, .toggle--knob .toggle--feature:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.toggle--knob .toggle--feature:before {
  content: attr(data-label-on);
  left: 20%;
}
.toggle--knob .toggle--feature:after {
  content: attr(data-label-off);
  right: -60%;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn {
  background: #a2a2a2;
  box-shadow: inset 0 20px 40px -10px #7e7e7e;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn:before {
  left: 0;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn .toggle--feature:before {
  left: -60%;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn .toggle--feature:after {
  right: 20%;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 7em;
  height: 7em;
}

.loader {
  margin: 0 auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.loader.loader--dark {
  border-left-color: #333;
  border-right-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#page-login #content,
#page-signup #content,
#page-forgotten_password #content,
#page-change_password #content,
#page-please_confirm #content,
#page-confirmation #content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - var(--top-navi-height) - 200px);
  padding: 40px 20px;
  background: inherit;
}
@media screen and (max-width: 768px) {
  #page-login #content,
  #page-signup #content,
  #page-forgotten_password #content,
  #page-change_password #content,
  #page-please_confirm #content,
  #page-confirmation #content {
    padding: 20px 15px;
    min-height: calc(100vh - var(--top-navi-height-mobile) - 150px);
  }
}
#page-login #content .header--switchlang,
#page-signup #content .header--switchlang,
#page-forgotten_password #content .header--switchlang,
#page-change_password #content .header--switchlang,
#page-please_confirm #content .header--switchlang,
#page-confirmation #content .header--switchlang {
  width: 100%;
  margin-bottom: 20px;
  flex-shrink: 0;
}

.auth-container {
  position: relative;
  width: 100%;
  max-width: 420px;
}
@media screen and (max-width: 480px) {
  .auth-container {
    max-width: 100%;
  }
}
.auth-container .encouragement {
  z-index: 0;
}

.auth-card {
  background: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  position: relative;
  border: 1px solid #ecf0f1;
}
.auth-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: #27ae60;
}

.auth-header {
  text-align: center;
  padding: 32px 32px 16px;
  padding-left: 36px;
}
@media screen and (max-width: 480px) {
  .auth-header {
    padding: 24px 20px 12px;
    padding-left: 24px;
  }
}
.auth-header__icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
  background: #27ae60;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: white;
}
.auth-header__icon i {
  margin: 0;
}
.auth-header__title {
  font-size: 22px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 6px;
  letter-spacing: -0.3px;
}
@media screen and (max-width: 480px) {
  .auth-header__title {
    font-size: 20px;
  }
}
.auth-header__subtitle {
  font-size: 14px;
  color: #7f8c8d;
  margin: 0;
  line-height: 1.5;
}
.auth-header__subtitle a {
  color: #3498db;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.auth-header__subtitle a:hover {
  color: #27ae60;
  background: none;
  text-decoration: underline;
}

.auth-body {
  padding: 16px 32px 32px;
  padding-left: 36px;
}
@media screen and (max-width: 480px) {
  .auth-body {
    padding: 12px 20px 24px;
    padding-left: 24px;
  }
}

.auth-form-group {
  margin-bottom: 16px;
  position: relative;
}
.auth-form-group--checkbox {
  margin-bottom: 20px;
}

.auth-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.auth-input-wrapper .auth-input-icon {
  position: absolute;
  left: 12px;
  color: #7f8c8d;
  font-size: 16px;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  z-index: 1;
  pointer-events: none;
}
.auth-input-wrapper input:focus ~ .auth-input-icon,
.auth-input-wrapper input:not(:placeholder-shown) ~ .auth-input-icon {
  color: #27ae60;
}

.auth-label, #page-login #msform label,
#page-signup #msform label,
#page-forgotten_password #msform label,
#page-change_password #msform label {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: #7f8c8d;
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.auth-label small, #page-login #msform label small,
#page-signup #msform label small,
#page-forgotten_password #msform label small,
#page-change_password #msform label small {
  display: block;
  font-weight: 400;
  text-transform: none;
  margin-top: 2px;
  font-size: 11px;
  letter-spacing: 0;
}

.auth-input, #page-login #msform input[type=text],
#page-login #msform input[type=email],
#page-login #msform input[type=password],
#page-signup #msform input[type=text],
#page-signup #msform input[type=email],
#page-signup #msform input[type=password],
#page-forgotten_password #msform input[type=text],
#page-forgotten_password #msform input[type=email],
#page-forgotten_password #msform input[type=password],
#page-change_password #msform input[type=text],
#page-change_password #msform input[type=email],
#page-change_password #msform input[type=password] {
  width: 100%;
  padding: 12px 12px 12px 40px;
  font-size: 15px;
  color: #2c3e50;
  background: #fafbfc;
  border: 1px solid #ecf0f1;
  border-radius: 4px;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  outline: none;
  box-sizing: border-box;
}
.auth-input::placeholder, #page-login #msform input[type=text]::placeholder,
#page-login #msform input[type=email]::placeholder,
#page-login #msform input[type=password]::placeholder,
#page-signup #msform input[type=text]::placeholder,
#page-signup #msform input[type=email]::placeholder,
#page-signup #msform input[type=password]::placeholder,
#page-forgotten_password #msform input[type=text]::placeholder,
#page-forgotten_password #msform input[type=email]::placeholder,
#page-forgotten_password #msform input[type=password]::placeholder,
#page-change_password #msform input[type=text]::placeholder,
#page-change_password #msform input[type=email]::placeholder,
#page-change_password #msform input[type=password]::placeholder {
  color: #bdc3c7;
}
.auth-input:hover, #page-login #msform input[type=text]:hover,
#page-login #msform input[type=email]:hover,
#page-login #msform input[type=password]:hover,
#page-signup #msform input[type=text]:hover,
#page-signup #msform input[type=email]:hover,
#page-signup #msform input[type=password]:hover,
#page-forgotten_password #msform input[type=text]:hover,
#page-forgotten_password #msform input[type=email]:hover,
#page-forgotten_password #msform input[type=password]:hover,
#page-change_password #msform input[type=text]:hover,
#page-change_password #msform input[type=email]:hover,
#page-change_password #msform input[type=password]:hover {
  border-color: rgb(206.6363636364, 216.8181818182, 219.3636363636);
}
.auth-input:focus, #page-login #msform input[type=text]:focus,
#page-login #msform input[type=email]:focus,
#page-login #msform input[type=password]:focus,
#page-signup #msform input[type=text]:focus,
#page-signup #msform input[type=email]:focus,
#page-signup #msform input[type=password]:focus,
#page-forgotten_password #msform input[type=text]:focus,
#page-forgotten_password #msform input[type=email]:focus,
#page-forgotten_password #msform input[type=password]:focus,
#page-change_password #msform input[type=text]:focus,
#page-change_password #msform input[type=email]:focus,
#page-change_password #msform input[type=password]:focus {
  border-color: #27ae60;
  background: #ffffff;
}
.auth-input--no-icon {
  padding-left: 12px;
}
@media screen and (max-width: 480px) {
  .auth-input, #page-login #msform input[type=text],
  #page-login #msform input[type=email],
  #page-login #msform input[type=password],
  #page-signup #msform input[type=text],
  #page-signup #msform input[type=email],
  #page-signup #msform input[type=password],
  #page-forgotten_password #msform input[type=text],
  #page-forgotten_password #msform input[type=email],
  #page-forgotten_password #msform input[type=password],
  #page-change_password #msform input[type=text],
  #page-change_password #msform input[type=email],
  #page-change_password #msform input[type=password] {
    padding: 11px 11px 11px 38px;
    font-size: 14px;
  }
  .auth-input--no-icon {
    padding-left: 11px;
  }
}

.auth-password-toggle {
  position: absolute;
  right: 8px;
  background: none;
  border: none;
  color: #7f8c8d;
  cursor: pointer;
  padding: 8px;
  font-size: 16px;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.auth-password-toggle:hover {
  color: #27ae60;
}

.auth-btn, #page-login #msform button[type=submit],
#page-login #msform .action-button,
#page-signup #msform button[type=submit],
#page-signup #msform .action-button,
#page-forgotten_password #msform button[type=submit],
#page-forgotten_password #msform .action-button,
#page-change_password #msform button[type=submit],
#page-change_password #msform .action-button {
  width: 100%;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  color: white;
  background: #27ae60;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.auth-btn:hover, #page-login #msform button[type=submit]:hover,
#page-login #msform .action-button:hover,
#page-signup #msform button[type=submit]:hover,
#page-signup #msform .action-button:hover,
#page-forgotten_password #msform button[type=submit]:hover,
#page-forgotten_password #msform .action-button:hover,
#page-change_password #msform button[type=submit]:hover,
#page-change_password #msform .action-button:hover {
  background: #219a54;
  color: white;
  text-decoration: none;
}
.auth-btn:active, #page-login #msform button[type=submit]:active,
#page-login #msform .action-button:active,
#page-signup #msform button[type=submit]:active,
#page-signup #msform .action-button:active,
#page-forgotten_password #msform button[type=submit]:active,
#page-forgotten_password #msform .action-button:active,
#page-change_password #msform button[type=submit]:active,
#page-change_password #msform .action-button:active {
  transform: scale(0.98);
}
.auth-btn--secondary, #page-login #msform .action-button--red,
#page-signup #msform .action-button--red,
#page-forgotten_password #msform .action-button--red,
#page-change_password #msform .action-button--red {
  background: #e74c3c;
}
.auth-btn--secondary:hover, #page-login #msform .action-button--red:hover,
#page-signup #msform .action-button--red:hover,
#page-forgotten_password #msform .action-button--red:hover,
#page-change_password #msform .action-button--red:hover {
  background: #c0392b;
  color: white;
}
.auth-btn--outline {
  background: transparent;
  border: 1px solid #ecf0f1;
  color: #2c3e50;
}
.auth-btn--outline:hover {
  border-color: #27ae60;
  color: #27ae60;
  background: transparent;
}
.auth-btn--loading {
  pointer-events: none;
  opacity: 0.6;
}
@media screen and (max-width: 480px) {
  .auth-btn, #page-login #msform button[type=submit],
  #page-login #msform .action-button,
  #page-signup #msform button[type=submit],
  #page-signup #msform .action-button,
  #page-forgotten_password #msform button[type=submit],
  #page-forgotten_password #msform .action-button,
  #page-change_password #msform button[type=submit],
  #page-change_password #msform .action-button {
    padding: 11px 16px;
    font-size: 13px;
  }
}

.auth-divider {
  display: flex;
  align-items: center;
  margin: 20px 0;
  color: #7f8c8d;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.auth-divider::before, .auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #ecf0f1;
}
.auth-divider span {
  padding: 0 12px;
}

.auth-footer {
  text-align: center;
  padding: 20px 32px;
  padding-left: 36px;
  background: #fafbfc;
  border-top: 1px solid #ecf0f1;
}
@media screen and (max-width: 480px) {
  .auth-footer {
    padding: 16px 20px;
    padding-left: 24px;
  }
}
.auth-footer__text {
  font-size: 13px;
  color: #7f8c8d;
  margin: 0;
}
.auth-footer__text a {
  color: #27ae60;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.auth-footer__text a:hover {
  color: #27ae60;
  text-decoration: underline;
  background: none;
}
.auth-footer__links {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 10px;
}
.auth-footer__links a {
  font-size: 12px;
  color: #7f8c8d;
  text-decoration: none;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}
.auth-footer__links a:hover {
  color: #27ae60;
  background: none;
}

.auth-alert {
  padding: 12px 14px;
  border-radius: 4px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.5;
  border-left: 3px solid;
}
.auth-alert i {
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 1px;
}
.auth-alert--success {
  background: rgba(39, 174, 96, 0.08);
  border-left-color: #27ae60;
  color: rgb(29.661971831, 132.338028169, 73.014084507);
}
.auth-alert--success i {
  color: #27ae60;
}
.auth-alert--error {
  background: rgba(231, 76, 60, 0.08);
  border-left-color: #e74c3c;
  color: rgb(228.2054794521, 55.1575342466, 37.2945205479);
}
.auth-alert--error i {
  color: #e74c3c;
}
.auth-alert--info {
  background: rgba(52, 152, 219, 0.08);
  border-left-color: #3498db;
  color: rgb(29.2970711297, 110.6778242678, 165.2029288703);
}
.auth-alert--info i {
  color: #3498db;
}
.auth-alert__content {
  flex: 1;
}
.auth-alert__content strong {
  display: block;
  margin-bottom: 2px;
}
.auth-alert__content p {
  margin: 0;
}
.auth-alert__content a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}
.auth-alert__content a:hover {
  background: none;
  text-decoration: none;
}

.auth-reason {
  padding: 14px 18px;
  margin-bottom: 0;
  background: #27ae60;
  color: white;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
.auth-reason__title {
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 4px;
}
.auth-reason__text {
  font-size: 12px;
  opacity: 0.9;
  margin: 0;
}
.auth-reason__text:not(:last-child) {
  margin-bottom: 2px;
}

.auth-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  cursor: pointer;
}
.auth-checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: 2px 0 0;
  cursor: pointer;
  accent-color: #27ae60;
  flex-shrink: 0;
}
.auth-checkbox__label {
  font-size: 12px;
  line-height: 1.5;
  color: #7f8c8d;
}
.auth-checkbox__label a {
  color: #3498db;
  text-decoration: none;
}
.auth-checkbox__label a:hover {
  color: #3498db;
  text-decoration: underline;
  background: none;
}
.auth-checkbox__description {
  margin: 8px 0 0 28px;
  color: #7f8c8d;
  font-size: 11px;
  line-height: 1.45;
}

.auth-terms {
  margin: 20px 0;
  padding: 14px;
  background: #fafbfc;
  border-radius: 4px;
  border: 1px solid #ecf0f1;
}
.auth-terms .toggle--knob {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.auth-links-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 12px;
}

.auth-confirmation {
  width: 100%;
  max-width: 480px;
}
.auth-confirmation .auth-card {
  text-align: center;
  padding: 40px 32px;
  padding-left: 36px;
}
@media screen and (max-width: 480px) {
  .auth-confirmation .auth-card {
    padding: 28px 20px;
    padding-left: 24px;
  }
}
.auth-confirmation__icon {
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
}
.auth-confirmation__icon--success {
  background: rgba(39, 174, 96, 0.1);
  color: #27ae60;
}
.auth-confirmation__icon--warning {
  background: rgba(243, 156, 18, 0.1);
  color: #f39c12;
}
.auth-confirmation__icon--error {
  background: rgba(231, 76, 60, 0.1);
  color: #e74c3c;
}
.auth-confirmation__title {
  font-size: 20px;
  font-weight: 600;
  color: #2c3e50;
  margin: 0 0 8px;
}
.auth-confirmation__subtitle {
  font-size: 14px;
  color: #7f8c8d;
  margin: 0 0 20px;
  line-height: 1.5;
}
.auth-confirmation__text {
  font-size: 14px;
  color: #7f8c8d;
  line-height: 1.6;
  margin: 0 0 12px;
}
.auth-confirmation__text a {
  color: #3498db;
  text-decoration: none;
}
.auth-confirmation__text a:hover {
  color: #27ae60;
  text-decoration: underline;
  background: none;
}
.auth-confirmation__actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
}
.auth-confirmation__actions .auth-btn, .auth-confirmation__actions #page-login #msform button[type=submit], #page-login #msform .auth-confirmation__actions button[type=submit],
.auth-confirmation__actions #page-login #msform .action-button,
#page-login #msform .auth-confirmation__actions .action-button,
.auth-confirmation__actions #page-signup #msform button[type=submit],
#page-signup #msform .auth-confirmation__actions button[type=submit],
.auth-confirmation__actions #page-signup #msform .action-button,
#page-signup #msform .auth-confirmation__actions .action-button,
.auth-confirmation__actions #page-forgotten_password #msform button[type=submit],
#page-forgotten_password #msform .auth-confirmation__actions button[type=submit],
.auth-confirmation__actions #page-forgotten_password #msform .action-button,
#page-forgotten_password #msform .auth-confirmation__actions .action-button,
.auth-confirmation__actions #page-change_password #msform button[type=submit],
#page-change_password #msform .auth-confirmation__actions button[type=submit],
.auth-confirmation__actions #page-change_password #msform .action-button,
#page-change_password #msform .auth-confirmation__actions .action-button {
  width: auto;
  min-width: 140px;
}

#page-login .form-message,
#page-signup .form-message,
#page-forgotten_password .form-message,
#page-change_password .form-message {
  border-radius: 4px;
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.5;
  opacity: 1;
  border-left: 3px solid;
}
#page-login .form-message.errors,
#page-signup .form-message.errors,
#page-forgotten_password .form-message.errors,
#page-change_password .form-message.errors {
  background: rgba(231, 76, 60, 0.08);
  border-left-color: #e74c3c;
  color: rgb(228.2054794521, 55.1575342466, 37.2945205479);
}
#page-login .form-message.success,
#page-signup .form-message.success,
#page-forgotten_password .form-message.success,
#page-change_password .form-message.success {
  background: rgba(39, 174, 96, 0.08);
  border-left-color: #27ae60;
  color: rgb(29.661971831, 132.338028169, 73.014084507);
}
#page-login .form-message a,
#page-signup .form-message a,
#page-forgotten_password .form-message a,
#page-change_password .form-message a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
}
#page-login .form-message a:hover,
#page-signup .form-message a:hover,
#page-forgotten_password .form-message a:hover,
#page-change_password .form-message a:hover {
  background: none;
}
#page-login .reason,
#page-signup .reason,
#page-forgotten_password .reason,
#page-change_password .reason {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #27ae60;
}
#page-login .reason p,
#page-signup .reason p,
#page-forgotten_password .reason p,
#page-change_password .reason p {
  margin: 4px 0;
}

#page-login #msform,
#page-signup #msform,
#page-forgotten_password #msform,
#page-change_password #msform {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: left;
}
#page-login #msform fieldset,
#page-signup #msform fieldset,
#page-forgotten_password #msform fieldset,
#page-change_password #msform fieldset {
  background: transparent;
  box-shadow: none;
  padding: 0;
  width: 100%;
  margin: 0;
  border-radius: 0;
}
#page-login #msform .fs-title,
#page-login #msform .fs-subtitle,
#page-signup #msform .fs-title,
#page-signup #msform .fs-subtitle,
#page-forgotten_password #msform .fs-title,
#page-forgotten_password #msform .fs-subtitle,
#page-change_password #msform .fs-title,
#page-change_password #msform .fs-subtitle {
  display: none;
}
#page-login #msform input[type=text],
#page-login #msform input[type=email],
#page-login #msform input[type=password],
#page-signup #msform input[type=text],
#page-signup #msform input[type=email],
#page-signup #msform input[type=password],
#page-forgotten_password #msform input[type=text],
#page-forgotten_password #msform input[type=email],
#page-forgotten_password #msform input[type=password],
#page-change_password #msform input[type=text],
#page-change_password #msform input[type=email],
#page-change_password #msform input[type=password] {
  padding-left: 12px;
}
#page-login #msform button[type=submit],
#page-login #msform .action-button,
#page-signup #msform button[type=submit],
#page-signup #msform .action-button,
#page-forgotten_password #msform button[type=submit],
#page-forgotten_password #msform .action-button,
#page-change_password #msform button[type=submit],
#page-change_password #msform .action-button {
  width: 100%;
}
#page-login #msform hr,
#page-signup #msform hr,
#page-forgotten_password #msform hr,
#page-change_password #msform hr {
  display: none;
}

#awe-customiframe-container {
  width: 90%;
  max-width: 800px;
  position: relative;
  margin: 0 auto;
}

html[data-theme2=dark] #page-login #content,
html[data-theme2=dark] #page-signup #content,
html[data-theme2=dark] #page-forgotten_password #content,
html[data-theme2=dark] #page-change_password #content,
html[data-theme2=dark] #page-please_confirm #content,
html[data-theme2=dark] #page-confirmation #content {
  background: inherit;
}
html[data-theme2=dark] .auth-card {
  background: #2a2a3e;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  border-color: #3a3a4e;
}
html[data-theme2=dark] .auth-card::before {
  background: #6fcf97;
}
html[data-theme2=dark] .auth-header__title {
  color: #f8f9fa;
}
html[data-theme2=dark] .auth-header__subtitle {
  color: #a0a5ab;
}
html[data-theme2=dark] .auth-header__subtitle a {
  color: #7eb8ff;
}
html[data-theme2=dark] .auth-header__subtitle a:hover {
  color: #6fcf97;
  background: none;
}
html[data-theme2=dark] .auth-header__icon {
  background: #6fcf97;
}
html[data-theme2=dark] .auth-label, html[data-theme2=dark] #page-login #msform label, #page-login #msform html[data-theme2=dark] label,
html[data-theme2=dark] #page-signup #msform label,
#page-signup #msform html[data-theme2=dark] label,
html[data-theme2=dark] #page-forgotten_password #msform label,
#page-forgotten_password #msform html[data-theme2=dark] label,
html[data-theme2=dark] #page-change_password #msform label,
#page-change_password #msform html[data-theme2=dark] label {
  color: #a0a5ab;
}
html[data-theme2=dark] .auth-label small, html[data-theme2=dark] #page-login #msform label small, #page-login #msform html[data-theme2=dark] label small,
html[data-theme2=dark] #page-signup #msform label small,
#page-signup #msform html[data-theme2=dark] label small,
html[data-theme2=dark] #page-forgotten_password #msform label small,
#page-forgotten_password #msform html[data-theme2=dark] label small,
html[data-theme2=dark] #page-change_password #msform label small,
#page-change_password #msform html[data-theme2=dark] label small {
  color: #888;
}
html[data-theme2=dark] .auth-input, html[data-theme2=dark] #page-login #msform input[type=text], #page-login #msform html[data-theme2=dark] input[type=text],
html[data-theme2=dark] #page-login #msform input[type=email],
#page-login #msform html[data-theme2=dark] input[type=email],
html[data-theme2=dark] #page-login #msform input[type=password],
#page-login #msform html[data-theme2=dark] input[type=password],
html[data-theme2=dark] #page-signup #msform input[type=text],
#page-signup #msform html[data-theme2=dark] input[type=text],
html[data-theme2=dark] #page-signup #msform input[type=email],
#page-signup #msform html[data-theme2=dark] input[type=email],
html[data-theme2=dark] #page-signup #msform input[type=password],
#page-signup #msform html[data-theme2=dark] input[type=password],
html[data-theme2=dark] #page-forgotten_password #msform input[type=text],
#page-forgotten_password #msform html[data-theme2=dark] input[type=text],
html[data-theme2=dark] #page-forgotten_password #msform input[type=email],
#page-forgotten_password #msform html[data-theme2=dark] input[type=email],
html[data-theme2=dark] #page-forgotten_password #msform input[type=password],
#page-forgotten_password #msform html[data-theme2=dark] input[type=password],
html[data-theme2=dark] #page-change_password #msform input[type=text],
#page-change_password #msform html[data-theme2=dark] input[type=text],
html[data-theme2=dark] #page-change_password #msform input[type=email],
#page-change_password #msform html[data-theme2=dark] input[type=email],
html[data-theme2=dark] #page-change_password #msform input[type=password],
#page-change_password #msform html[data-theme2=dark] input[type=password] {
  background: #252535;
  color: #f8f9fa;
  border-color: #3a3a4e;
}
html[data-theme2=dark] .auth-input::placeholder, html[data-theme2=dark] #page-login #msform input[type=text]::placeholder, #page-login #msform html[data-theme2=dark] input[type=text]::placeholder,
html[data-theme2=dark] #page-login #msform input[type=email]::placeholder,
#page-login #msform html[data-theme2=dark] input[type=email]::placeholder,
html[data-theme2=dark] #page-login #msform input[type=password]::placeholder,
#page-login #msform html[data-theme2=dark] input[type=password]::placeholder,
html[data-theme2=dark] #page-signup #msform input[type=text]::placeholder,
#page-signup #msform html[data-theme2=dark] input[type=text]::placeholder,
html[data-theme2=dark] #page-signup #msform input[type=email]::placeholder,
#page-signup #msform html[data-theme2=dark] input[type=email]::placeholder,
html[data-theme2=dark] #page-signup #msform input[type=password]::placeholder,
#page-signup #msform html[data-theme2=dark] input[type=password]::placeholder,
html[data-theme2=dark] #page-forgotten_password #msform input[type=text]::placeholder,
#page-forgotten_password #msform html[data-theme2=dark] input[type=text]::placeholder,
html[data-theme2=dark] #page-forgotten_password #msform input[type=email]::placeholder,
#page-forgotten_password #msform html[data-theme2=dark] input[type=email]::placeholder,
html[data-theme2=dark] #page-forgotten_password #msform input[type=password]::placeholder,
#page-forgotten_password #msform html[data-theme2=dark] input[type=password]::placeholder,
html[data-theme2=dark] #page-change_password #msform input[type=text]::placeholder,
#page-change_password #msform html[data-theme2=dark] input[type=text]::placeholder,
html[data-theme2=dark] #page-change_password #msform input[type=email]::placeholder,
#page-change_password #msform html[data-theme2=dark] input[type=email]::placeholder,
html[data-theme2=dark] #page-change_password #msform input[type=password]::placeholder,
#page-change_password #msform html[data-theme2=dark] input[type=password]::placeholder {
  color: #666;
}
html[data-theme2=dark] .auth-input:hover, html[data-theme2=dark] #page-login #msform input[type=text]:hover, #page-login #msform html[data-theme2=dark] input[type=text]:hover,
html[data-theme2=dark] #page-login #msform input[type=email]:hover,
#page-login #msform html[data-theme2=dark] input[type=email]:hover,
html[data-theme2=dark] #page-login #msform input[type=password]:hover,
#page-login #msform html[data-theme2=dark] input[type=password]:hover,
html[data-theme2=dark] #page-signup #msform input[type=text]:hover,
#page-signup #msform html[data-theme2=dark] input[type=text]:hover,
html[data-theme2=dark] #page-signup #msform input[type=email]:hover,
#page-signup #msform html[data-theme2=dark] input[type=email]:hover,
html[data-theme2=dark] #page-signup #msform input[type=password]:hover,
#page-signup #msform html[data-theme2=dark] input[type=password]:hover,
html[data-theme2=dark] #page-forgotten_password #msform input[type=text]:hover,
#page-forgotten_password #msform html[data-theme2=dark] input[type=text]:hover,
html[data-theme2=dark] #page-forgotten_password #msform input[type=email]:hover,
#page-forgotten_password #msform html[data-theme2=dark] input[type=email]:hover,
html[data-theme2=dark] #page-forgotten_password #msform input[type=password]:hover,
#page-forgotten_password #msform html[data-theme2=dark] input[type=password]:hover,
html[data-theme2=dark] #page-change_password #msform input[type=text]:hover,
#page-change_password #msform html[data-theme2=dark] input[type=text]:hover,
html[data-theme2=dark] #page-change_password #msform input[type=email]:hover,
#page-change_password #msform html[data-theme2=dark] input[type=email]:hover,
html[data-theme2=dark] #page-change_password #msform input[type=password]:hover,
#page-change_password #msform html[data-theme2=dark] input[type=password]:hover {
  border-color: #4a4a5e;
}
html[data-theme2=dark] .auth-input:focus, html[data-theme2=dark] #page-login #msform input[type=text]:focus, #page-login #msform html[data-theme2=dark] input[type=text]:focus,
html[data-theme2=dark] #page-login #msform input[type=email]:focus,
#page-login #msform html[data-theme2=dark] input[type=email]:focus,
html[data-theme2=dark] #page-login #msform input[type=password]:focus,
#page-login #msform html[data-theme2=dark] input[type=password]:focus,
html[data-theme2=dark] #page-signup #msform input[type=text]:focus,
#page-signup #msform html[data-theme2=dark] input[type=text]:focus,
html[data-theme2=dark] #page-signup #msform input[type=email]:focus,
#page-signup #msform html[data-theme2=dark] input[type=email]:focus,
html[data-theme2=dark] #page-signup #msform input[type=password]:focus,
#page-signup #msform html[data-theme2=dark] input[type=password]:focus,
html[data-theme2=dark] #page-forgotten_password #msform input[type=text]:focus,
#page-forgotten_password #msform html[data-theme2=dark] input[type=text]:focus,
html[data-theme2=dark] #page-forgotten_password #msform input[type=email]:focus,
#page-forgotten_password #msform html[data-theme2=dark] input[type=email]:focus,
html[data-theme2=dark] #page-forgotten_password #msform input[type=password]:focus,
#page-forgotten_password #msform html[data-theme2=dark] input[type=password]:focus,
html[data-theme2=dark] #page-change_password #msform input[type=text]:focus,
#page-change_password #msform html[data-theme2=dark] input[type=text]:focus,
html[data-theme2=dark] #page-change_password #msform input[type=email]:focus,
#page-change_password #msform html[data-theme2=dark] input[type=email]:focus,
html[data-theme2=dark] #page-change_password #msform input[type=password]:focus,
#page-change_password #msform html[data-theme2=dark] input[type=password]:focus {
  background: #1e1e2e;
  border-color: #6fcf97;
}
html[data-theme2=dark] .auth-input-icon {
  color: #666;
}
html[data-theme2=dark] .auth-input:focus ~ .auth-input-icon, html[data-theme2=dark] #page-login #msform input[type=text]:focus ~ .auth-input-icon, #page-login #msform html[data-theme2=dark] input[type=text]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-login #msform input[type=email]:focus ~ .auth-input-icon,
#page-login #msform html[data-theme2=dark] input[type=email]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-login #msform input[type=password]:focus ~ .auth-input-icon,
#page-login #msform html[data-theme2=dark] input[type=password]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-signup #msform input[type=text]:focus ~ .auth-input-icon,
#page-signup #msform html[data-theme2=dark] input[type=text]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-signup #msform input[type=email]:focus ~ .auth-input-icon,
#page-signup #msform html[data-theme2=dark] input[type=email]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-signup #msform input[type=password]:focus ~ .auth-input-icon,
#page-signup #msform html[data-theme2=dark] input[type=password]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-forgotten_password #msform input[type=text]:focus ~ .auth-input-icon,
#page-forgotten_password #msform html[data-theme2=dark] input[type=text]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-forgotten_password #msform input[type=email]:focus ~ .auth-input-icon,
#page-forgotten_password #msform html[data-theme2=dark] input[type=email]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-forgotten_password #msform input[type=password]:focus ~ .auth-input-icon,
#page-forgotten_password #msform html[data-theme2=dark] input[type=password]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-change_password #msform input[type=text]:focus ~ .auth-input-icon,
#page-change_password #msform html[data-theme2=dark] input[type=text]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-change_password #msform input[type=email]:focus ~ .auth-input-icon,
#page-change_password #msform html[data-theme2=dark] input[type=email]:focus ~ .auth-input-icon,
html[data-theme2=dark] #page-change_password #msform input[type=password]:focus ~ .auth-input-icon,
#page-change_password #msform html[data-theme2=dark] input[type=password]:focus ~ .auth-input-icon,
html[data-theme2=dark] .auth-input:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-login #msform input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
#page-login #msform html[data-theme2=dark] input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-login #msform input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
#page-login #msform html[data-theme2=dark] input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-login #msform input[type=password]:not(:placeholder-shown) ~ .auth-input-icon,
#page-login #msform html[data-theme2=dark] input[type=password]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-signup #msform input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
#page-signup #msform html[data-theme2=dark] input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-signup #msform input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
#page-signup #msform html[data-theme2=dark] input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-signup #msform input[type=password]:not(:placeholder-shown) ~ .auth-input-icon,
#page-signup #msform html[data-theme2=dark] input[type=password]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-forgotten_password #msform input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
#page-forgotten_password #msform html[data-theme2=dark] input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-forgotten_password #msform input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
#page-forgotten_password #msform html[data-theme2=dark] input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-forgotten_password #msform input[type=password]:not(:placeholder-shown) ~ .auth-input-icon,
#page-forgotten_password #msform html[data-theme2=dark] input[type=password]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-change_password #msform input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
#page-change_password #msform html[data-theme2=dark] input[type=text]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-change_password #msform input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
#page-change_password #msform html[data-theme2=dark] input[type=email]:not(:placeholder-shown) ~ .auth-input-icon,
html[data-theme2=dark] #page-change_password #msform input[type=password]:not(:placeholder-shown) ~ .auth-input-icon,
#page-change_password #msform html[data-theme2=dark] input[type=password]:not(:placeholder-shown) ~ .auth-input-icon {
  color: #6fcf97;
}
html[data-theme2=dark] .auth-password-toggle {
  color: #666;
}
html[data-theme2=dark] .auth-password-toggle:hover {
  color: #6fcf97;
}
html[data-theme2=dark] .auth-btn, html[data-theme2=dark] #page-login #msform button[type=submit], #page-login #msform html[data-theme2=dark] button[type=submit],
html[data-theme2=dark] #page-login #msform .action-button,
#page-login #msform html[data-theme2=dark] .action-button,
html[data-theme2=dark] #page-signup #msform button[type=submit],
#page-signup #msform html[data-theme2=dark] button[type=submit],
html[data-theme2=dark] #page-signup #msform .action-button,
#page-signup #msform html[data-theme2=dark] .action-button,
html[data-theme2=dark] #page-forgotten_password #msform button[type=submit],
#page-forgotten_password #msform html[data-theme2=dark] button[type=submit],
html[data-theme2=dark] #page-forgotten_password #msform .action-button,
#page-forgotten_password #msform html[data-theme2=dark] .action-button,
html[data-theme2=dark] #page-change_password #msform button[type=submit],
#page-change_password #msform html[data-theme2=dark] button[type=submit],
html[data-theme2=dark] #page-change_password #msform .action-button,
#page-change_password #msform html[data-theme2=dark] .action-button {
  background: #6fcf97;
  color: #1e1e2e;
}
html[data-theme2=dark] .auth-btn:hover, html[data-theme2=dark] #page-login #msform button[type=submit]:hover, #page-login #msform html[data-theme2=dark] button[type=submit]:hover,
html[data-theme2=dark] #page-login #msform .action-button:hover,
#page-login #msform html[data-theme2=dark] .action-button:hover,
html[data-theme2=dark] #page-signup #msform button[type=submit]:hover,
#page-signup #msform html[data-theme2=dark] button[type=submit]:hover,
html[data-theme2=dark] #page-signup #msform .action-button:hover,
#page-signup #msform html[data-theme2=dark] .action-button:hover,
html[data-theme2=dark] #page-forgotten_password #msform button[type=submit]:hover,
#page-forgotten_password #msform html[data-theme2=dark] button[type=submit]:hover,
html[data-theme2=dark] #page-forgotten_password #msform .action-button:hover,
#page-forgotten_password #msform html[data-theme2=dark] .action-button:hover,
html[data-theme2=dark] #page-change_password #msform button[type=submit]:hover,
#page-change_password #msform html[data-theme2=dark] button[type=submit]:hover,
html[data-theme2=dark] #page-change_password #msform .action-button:hover,
#page-change_password #msform html[data-theme2=dark] .action-button:hover {
  background: #5cbf87;
  color: #1e1e2e;
}
html[data-theme2=dark] .auth-btn--secondary, html[data-theme2=dark] #page-login #msform .action-button--red, #page-login #msform html[data-theme2=dark] .action-button--red,
html[data-theme2=dark] #page-signup #msform .action-button--red,
#page-signup #msform html[data-theme2=dark] .action-button--red,
html[data-theme2=dark] #page-forgotten_password #msform .action-button--red,
#page-forgotten_password #msform html[data-theme2=dark] .action-button--red,
html[data-theme2=dark] #page-change_password #msform .action-button--red,
#page-change_password #msform html[data-theme2=dark] .action-button--red {
  background: #e74c3c;
  color: white;
}
html[data-theme2=dark] .auth-btn--secondary:hover, html[data-theme2=dark] #page-login #msform .action-button--red:hover, #page-login #msform html[data-theme2=dark] .action-button--red:hover,
html[data-theme2=dark] #page-signup #msform .action-button--red:hover,
#page-signup #msform html[data-theme2=dark] .action-button--red:hover,
html[data-theme2=dark] #page-forgotten_password #msform .action-button--red:hover,
#page-forgotten_password #msform html[data-theme2=dark] .action-button--red:hover,
html[data-theme2=dark] #page-change_password #msform .action-button--red:hover,
#page-change_password #msform html[data-theme2=dark] .action-button--red:hover {
  background: #c0392b;
  color: white;
}
html[data-theme2=dark] .auth-btn--outline {
  border-color: #4a4a5e;
  color: #f8f9fa;
  background: transparent;
}
html[data-theme2=dark] .auth-btn--outline:hover {
  border-color: #6fcf97;
  color: #6fcf97;
  background: transparent;
}
html[data-theme2=dark] .auth-divider {
  color: #666;
}
html[data-theme2=dark] .auth-divider::before, html[data-theme2=dark] .auth-divider::after {
  background: #3a3a4e;
}
html[data-theme2=dark] .auth-footer {
  background: #252535;
  border-top-color: #3a3a4e;
}
html[data-theme2=dark] .auth-footer__text {
  color: #a0a5ab;
}
html[data-theme2=dark] .auth-footer__text a {
  color: #6fcf97;
}
html[data-theme2=dark] .auth-footer__text a:hover {
  color: #5cbf87;
  background: none;
}
html[data-theme2=dark] .auth-footer__links a {
  color: #888;
}
html[data-theme2=dark] .auth-footer__links a:hover {
  color: #6fcf97;
  background: none;
}
html[data-theme2=dark] .auth-terms {
  background: #252535;
  border-color: #3a3a4e;
}
html[data-theme2=dark] .auth-reason {
  background: #6fcf97;
  color: #1e1e2e;
}
html[data-theme2=dark] .auth-alert--success {
  background: rgba(111, 207, 151, 0.12);
  border-left-color: #6fcf97;
  color: #6fcf97;
}
html[data-theme2=dark] .auth-alert--success i {
  color: #6fcf97;
}
html[data-theme2=dark] .auth-alert--error {
  background: rgba(231, 76, 60, 0.12);
  border-left-color: #e74c3c;
  color: #ff7a7a;
}
html[data-theme2=dark] .auth-alert--error i {
  color: #ff7a7a;
}
html[data-theme2=dark] .auth-alert--info {
  background: rgba(52, 152, 219, 0.12);
  border-left-color: #3498db;
  color: #7eb8ff;
}
html[data-theme2=dark] .auth-alert--info i {
  color: #7eb8ff;
}
html[data-theme2=dark] .auth-checkbox__label {
  color: #a0a5ab;
}
html[data-theme2=dark] .auth-checkbox__label a {
  color: #7eb8ff;
}
html[data-theme2=dark] .auth-checkbox__label a:hover {
  background: none;
}
html[data-theme2=dark] .auth-checkbox__description {
  color: #888;
}
html[data-theme2=dark] .auth-confirmation__title {
  color: #f8f9fa;
}
html[data-theme2=dark] .auth-confirmation__subtitle {
  color: #a0a5ab;
}
html[data-theme2=dark] .auth-confirmation__text {
  color: #888;
}
html[data-theme2=dark] .auth-confirmation__text a {
  color: #6fcf97;
}
html[data-theme2=dark] .auth-confirmation__text a:hover {
  color: #6fcf97;
  background: none;
}
html[data-theme2=dark] .auth-confirmation__text strong {
  color: #f8f9fa;
}
html[data-theme2=dark] .auth-confirmation__icon--success {
  background: rgba(111, 207, 151, 0.12);
  color: #6fcf97;
}
html[data-theme2=dark] .auth-confirmation__icon--warning {
  background: rgba(243, 156, 18, 0.12);
  color: #f39c12;
}
html[data-theme2=dark] .auth-confirmation__icon--error {
  background: rgba(231, 76, 60, 0.12);
  color: #e74c3c;
}
html[data-theme2=dark] .auth-confirmation__actions .auth-btn, html[data-theme2=dark] .auth-confirmation__actions #page-login #msform button[type=submit], #page-login #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit],
html[data-theme2=dark] .auth-confirmation__actions #page-login #msform .action-button,
#page-login #msform html[data-theme2=dark] .auth-confirmation__actions .action-button,
html[data-theme2=dark] .auth-confirmation__actions #page-signup #msform button[type=submit],
#page-signup #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit],
html[data-theme2=dark] .auth-confirmation__actions #page-signup #msform .action-button,
#page-signup #msform html[data-theme2=dark] .auth-confirmation__actions .action-button,
html[data-theme2=dark] .auth-confirmation__actions #page-forgotten_password #msform button[type=submit],
#page-forgotten_password #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit],
html[data-theme2=dark] .auth-confirmation__actions #page-forgotten_password #msform .action-button,
#page-forgotten_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button,
html[data-theme2=dark] .auth-confirmation__actions #page-change_password #msform button[type=submit],
#page-change_password #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit],
html[data-theme2=dark] .auth-confirmation__actions #page-change_password #msform .action-button,
#page-change_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button {
  background: #6fcf97;
  color: #1e1e2e;
}
html[data-theme2=dark] .auth-confirmation__actions .auth-btn:hover, html[data-theme2=dark] .auth-confirmation__actions #page-login #msform button[type=submit]:hover, #page-login #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit]:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-login #msform .action-button:hover,
#page-login #msform html[data-theme2=dark] .auth-confirmation__actions .action-button:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-signup #msform button[type=submit]:hover,
#page-signup #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit]:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-signup #msform .action-button:hover,
#page-signup #msform html[data-theme2=dark] .auth-confirmation__actions .action-button:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-forgotten_password #msform button[type=submit]:hover,
#page-forgotten_password #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit]:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-forgotten_password #msform .action-button:hover,
#page-forgotten_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-change_password #msform button[type=submit]:hover,
#page-change_password #msform html[data-theme2=dark] .auth-confirmation__actions button[type=submit]:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-change_password #msform .action-button:hover,
#page-change_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button:hover {
  background: #5cbf87;
  color: #1e1e2e;
}
html[data-theme2=dark] .auth-confirmation__actions .auth-btn--secondary, html[data-theme2=dark] .auth-confirmation__actions #page-login #msform .action-button--red, #page-login #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red,
html[data-theme2=dark] .auth-confirmation__actions #page-signup #msform .action-button--red,
#page-signup #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red,
html[data-theme2=dark] .auth-confirmation__actions #page-forgotten_password #msform .action-button--red,
#page-forgotten_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red,
html[data-theme2=dark] .auth-confirmation__actions #page-change_password #msform .action-button--red,
#page-change_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red {
  background: #e74c3c;
  color: #fff;
}
html[data-theme2=dark] .auth-confirmation__actions .auth-btn--secondary:hover, html[data-theme2=dark] .auth-confirmation__actions #page-login #msform .action-button--red:hover, #page-login #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-signup #msform .action-button--red:hover,
#page-signup #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-forgotten_password #msform .action-button--red:hover,
#page-forgotten_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red:hover,
html[data-theme2=dark] .auth-confirmation__actions #page-change_password #msform .action-button--red:hover,
#page-change_password #msform html[data-theme2=dark] .auth-confirmation__actions .action-button--red:hover {
  background: #c0392b;
  color: #fff;
}
html[data-theme2=dark] .auth-confirmation__actions .auth-btn--outline {
  border-color: #4a4a5e;
  color: #f8f9fa;
  background: transparent;
  border-width: 3px;
}
html[data-theme2=dark] .auth-confirmation__actions .auth-btn--outline:hover {
  border-color: #6fcf97;
  color: #6fcf97;
  background: transparent;
}
html[data-theme2=dark] #page-login .form-message.errors,
html[data-theme2=dark] #page-signup .form-message.errors,
html[data-theme2=dark] #page-forgotten_password .form-message.errors,
html[data-theme2=dark] #page-change_password .form-message.errors {
  background: rgba(255, 77, 106, 0.15);
  border-color: rgba(255, 77, 106, 0.25);
  color: #ff7a93;
}
html[data-theme2=dark] #page-login .form-message.success,
html[data-theme2=dark] #page-signup .form-message.success,
html[data-theme2=dark] #page-forgotten_password .form-message.success,
html[data-theme2=dark] #page-change_password .form-message.success {
  background: rgba(111, 207, 151, 0.15);
  border-color: rgba(111, 207, 151, 0.25);
  color: #6fcf97;
}
html[data-theme2=dark] #page-login .form-message a,
html[data-theme2=dark] #page-signup .form-message a,
html[data-theme2=dark] #page-forgotten_password .form-message a,
html[data-theme2=dark] #page-change_password .form-message a {
  color: inherit;
}
html[data-theme2=dark] #page-login .form-message a:hover,
html[data-theme2=dark] #page-signup .form-message a:hover,
html[data-theme2=dark] #page-forgotten_password .form-message a:hover,
html[data-theme2=dark] #page-change_password .form-message a:hover {
  background: none;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
main,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  /*line-height: 1.15;*/ /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.clear-menu-btn {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.clear-menu-btn.active .top, .clear-menu-btn.active .bottom {
  top: 50%;
}

.clear-menu-btn.active .top {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.clear-menu-btn.active .bottom {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.clear-menu-btn.active .middle {
  filter: alpha(opacity=0);
  opacity: 0;
}

.clear-menu-btn span {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  z-index: -1;
}

.clear-menu-btn .top {
  top: 15%;
}

.clear-menu-btn .middle {
  top: 50%;
}

.clear-menu-btn .bottom {
  top: 85%;
}

.clear-menu-btn .menu-caption {
  color: #FFF;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  position: absolute;
  width: 99%;
  margin: 0;
  bottom: -14px;
  margin: 0;
}
@media screen and (max-width: 700px) {
  .clear-menu-btn .menu-caption {
    bottom: -12px;
  }
}

/*.exo-native-widget {
	@media screen and (min-width: 701px) {
		max-width: 920px!important;
	}
}

// Exo hotfix
.bottom-okosabbvagyok {
	noscript {

		& + div {
			& > div {
				width: 100%;
			}
		}
	}
}*/
@keyframes bounce {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-7px) scale(1.1);
  }
}
@media screen and (max-width: 700px) {
  .group-container-placement-0,
  .group-container-placement-1 {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 701px) {
  .group-container-placement-0,
  .group-container-placement-1 {
    margin-right: 10px;
  }
}

.buzik-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.info-tooltip-trigger {
  text-align: center;
  display: inline-block;
  background: #1da1f2;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
  color: white;
  font-size: 16px;
  margin-top: 5px;
}

.icofont-hidden:before {
  opacity: 0;
  visibility: hidden;
}

.padding-15 {
  padding: 0 15px;
}

html.html-noteighteen video,
html.html-noteighteen img {
  opacity: 0.5;
}
html.html-noteighteen .ex-over-video {
  opacity: 1;
}

.ex-over-btn {
  transform: scale(1.5);
}
.ex-over-btn img {
  border: 2px solid red;
  border-radius: 100%;
}

img,
video {
  aspect-ratio: attr(width)/attr(height);
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}

span.jump {
  display: block;
  position: relative;
  top: -60px;
  visibility: hidden;
}

.default_blurhash {
  background-color: #171b22;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.14), transparent 28%), radial-gradient(circle at 82% 12%, rgba(255, 196, 130, 0.16), transparent 32%), linear-gradient(145deg, #2c333f 0%, #1c212b 45%, #12161d 100%) !important;
}

.media_backdrop_host {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--media-backdrop-radius, 0);
}

.media_backdrop_host--picture {
  display: block;
  width: 100%;
  height: 100%;
}

.media_backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  border-radius: inherit;
  background: radial-gradient(circle at top, rgba(255, 255, 255, 0.05), transparent 45%), linear-gradient(145deg, rgba(25, 29, 36, 0.98), rgba(13, 16, 21, 0.98));
}
.media_backdrop::before, .media_backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
}
.media_backdrop::before {
  inset: -6%;
  background-image: var(--media-backdrop-image), radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.14), transparent 28%), radial-gradient(circle at 82% 12%, rgba(255, 196, 130, 0.16), transparent 32%), linear-gradient(145deg, #2c333f 0%, #1c212b 45%, #12161d 100%);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.92;
  transform: scale(1.02);
}
.media_backdrop::after {
  background: linear-gradient(180deg, rgba(10, 12, 16, 0.12), rgba(10, 12, 16, 0.36)), radial-gradient(circle at center, rgba(255, 255, 255, 0.05), transparent 58%);
}

.media_backdrop--soft::before {
  filter: blur(24px) saturate(1.06);
  transform: scale(1.12);
  opacity: 0.88;
}

.media_backdrop--strong::before {
  filter: blur(40px) saturate(1.08);
  transform: scale(1.2);
  opacity: 0.92;
}

.media_backdrop_target {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

.image_loader {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70px !important;
  background-image: url(6d54f0b007799d539017.svg);
}

.striped_bg {
  background-image: linear-gradient(45deg, #ffcccc 25%, #f5c4c4 25%, #f5c4c4 50%, #ffcccc 50%, #ffcccc 75%, #f5c4c4 75%, #f5c4c4 100%);
  background-size: 56.57px 56.57px;
  padding: 10px !important;
  margin: 10px 0;
  border-radius: 10px;
}
.striped_bg a {
  text-decoration: underline;
  color: #951c64;
}
.striped_bg a:hover {
  color: #fff;
}

.common_page_cover {
  position: fixed;
  top: var(--top-navi-height);
  left: 0;
  right: 0;
  height: calc(100% - var(--top-navi-height));
  z-index: 7;
  display: none;
  -webkit-backdrop-filter: blur(5px) brightness(0.6) grayscale(0.5);
  backdrop-filter: blur(5px) brightness(0.6) grayscale(0.5);
  user-select: none;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0, 0, 0);
  transform: translateZ(0);
  touch-action: none;
  overflow-y: hidden;
}
.is_mobile_device .common_page_cover {
  top: 0;
  min-height: 100dvh; /* ✅ iOS 16+ */
  height: 100dvh;
}

@media screen and (max-width: 700px) {
  .common_page_cover {
    top: var(--top-navi-height-mobile);
    height: 100vh;
    min-height: 100dvh; /* ✅ iOS 16+ */
    height: 100dvh;
  }
}
.common_page_cover--show {
  display: block;
}

.hidden-content-new-badge {
  position: absolute;
  line-height: 20px;
  padding: 0 5px;
  height: 20px;
  border-radius: 5px;
  right: 40px;
  background: #ff0000;
  color: #f1f1f1;
  text-align: center;
  font-weight: bold;
  top: 5px;
}

.hide-content-btn {
  position: absolute;
  background: rgba(241, 241, 241, 0.6);
  cursor: pointer;
  border: none;
  font-size: 30px;
  width: 30px;
  height: 30px;
  right: 5px;
  border-radius: 50%;
  padding: 0;
  -webkit-transition: color 0.4s, transform 0.4s;
  transition: color 0.4s, transform 0.4s;
}
.hide-content-btn ~ .section-hide-container {
  backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-height: 1000px;
  -webkit-transition: opacity 0.4s, max-height 0.4s;
  transition: opacity 0.4s, max-height 0.4s;
}
.hide-content-btn--off {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #ff0000;
}
.hide-content-btn--off ~ .section-hide-container {
  pointer-events: none;
  padding: 0 !important;
  max-height: 0;
  opacity: 0;
}
.hide-content-btn i {
  top: -1px;
  color: #333;
  position: relative;
}

/* rklam wrapperek */
.bottom-okosabbvagyok,
.async-okosabbvagyok-placeholder {
  display: block !important;
}
.bottom-okosabbvagyok div[id^=ts_ad_native],
.async-okosabbvagyok-placeholder div[id^=ts_ad_native] {
  margin: 0 auto;
}
html[data-theme2=dark] .bottom-okosabbvagyok iframe[sandbox],
html[data-theme2=dark] .async-okosabbvagyok-placeholder iframe[sandbox] {
  background: #a3a3a3 !important;
}

.bottom-okosabbvagyok .exo-native-widget-outer-container,
.async-okosabbvagyok-placeholder .exo-native-widget-outer-container {
  background: #f5f7fa !important;
  padding: 5px;
}
.bottom-okosabbvagyok .exo-native-widget-item-content,
.async-okosabbvagyok-placeholder .exo-native-widget-item-content {
  background: #f1ebdb !important;
  text-align: center !important;
  padding: 5px !important;
  border-radius: 8px !important;
  margin-top: 3px !important;
}
.bottom-okosabbvagyok .exo-native-widget-item-title,
.async-okosabbvagyok-placeholder .exo-native-widget-item-title {
  font-weight: bold !important;
  color: #339959 !important;
}
.bottom-okosabbvagyok .exo-native-widget-item-brand,
.async-okosabbvagyok-placeholder .exo-native-widget-item-brand {
  color: #333 !important;
}
.bottom-okosabbvagyok .exo-native-widget-item-image,
.async-okosabbvagyok-placeholder .exo-native-widget-item-image {
  border-radius: 5px;
}
.bottom-okosabbvagyok .exo-native-widget-header a:hover,
.async-okosabbvagyok-placeholder .exo-native-widget-header a:hover {
  background: none;
}

.styled_heading {
  display: flex;
  font-weight: bold;
  border-bottom: 4px solid currentColor;
}
.styled_heading:after {
  content: " ";
  flex: 1;
  margin-left: 10px;
  background-color: currentColor;
  width: 100%;
}
.styled_heading__green {
  color: #339959;
}
.styled_heading__blue {
  color: #707d90;
}
html[data-theme2=dark] .styled_heading__blue {
  color: #8a9ab0;
}

.inverse_header {
  color: white;
  background: #333;
  padding: 4px 6px;
}

@keyframes adbgcolor {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }
  50% {
    background-color: rgba(0, 0, 0, 0.2);
  }
  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}
#ksbnode {
  font-weight: bold;
  text-align: center;
  z-index: 999;
  position: fixed;
  top: 0;
  height: 15vh;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px;
  font-size: 18px;
  pointer-events: none;
  color: #fff;
  background: linear-gradient(to bottom, rgb(255, 0, 0), rgba(255, 0, 0, 0));
}

.async-okosabbvagyok-placeholder {
  position: relative;
  min-height: 250px;
}
.async-okosabbvagyok-placeholder.loaded:after {
  background: none;
}
.async-okosabbvagyok-placeholder:after {
  content: " ";
  position: absolute;
  left: 30px;
  top: 50px;
  bottom: 50px;
  right: 30px;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0);
  animation-name: adbgcolor;
  animation-duration: 1.5s;
  animation-iteration-count: 3;
}

* {
  box-sizing: border-box;
}

iframe {
  border: 0;
}

html[data-theme2] body {
  font-size: 14px;
  font-family: "Arial", sans-serif;
  background: #f5f7fa;
  transition: background 0.3s ease-in-out;
}

html body {
  font-size: 14px;
  font-family: "Arial", sans-serif;
  background: #f5f7fa;
  transition: background 0.3s ease-in-out;
}
body.is_mobile_device {
  padding-bottom: var(--bottom-navi-height);
}

html body.fix {
  overflow: hidden;
}
@media screen and (max-width: 700px) {
  html body h1 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 700px) {
  html body h2 {
    font-size: 1.3rem;
    padding-left: 10px;
  }
}
@media screen and (max-width: 700px) {
  html body p.styled_heading,
  html body h3 {
    padding-left: 10px;
  }
}
html body #content {
  position: relative;
  overflow-x: hidden;
  padding-top: var(--top-navi-height);
  transition: filter 0.5s, -webkit-filter 0.5s;
  min-height: calc(100vh - 87px);
}
@media screen and (max-width: 700px) {
  html body #content {
    padding-top: var(--top-navi-height-mobile);
  }
}
body.is_mobile_device #content {
  padding-top: 0;
}

html body.overlayed {
  overflow: hidden;
  position: fixed;
  width: 100%;
  touch-action: pan-x pan-down; /* disallows upward overscroll */
  overscroll-behavior: none; /* disables overscroll/bounce */
}

@media screen and (min-width: 701px) {
  .hide-on-desktop {
    display: none;
  }
}

@media screen and (max-width: 700px) {
  .hide-on-mobile {
    display: none;
  }
}

.pattern-header-background {
  height: 140px;
  width: 100%;
  position: absolute;
  z-index: 0;
}

.pattern-header-wrapper {
  padding: 40px 20px;
}
@media screen and (max-width: 700px) {
  .pattern-header-wrapper {
    padding: 40px 20px 20px 20px;
  }
}
.pattern-header-wrapper h1 {
  margin: 0;
  text-align: center;
  font-size: 36px;
}

.striped_header_background {
  background-color: #f5f7fa;
  opacity: 0.1;
  background: linear-gradient(135deg, rgba(51, 51, 51, 0.3333333333) 25%, transparent 25%) -19px 0/38px 38px, linear-gradient(225deg, #333333 25%, transparent 25%) -19px 0/38px 38px, linear-gradient(315deg, rgba(51, 51, 51, 0.3333333333) 25%, transparent 25%) 0px 0/38px 38px, linear-gradient(45deg, #333333 25%, #f5f7fa 25%) 0px 0/38px 38px;
}
.striped_header_background:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(0deg, rgb(245, 247, 250) 0%, rgba(245, 247, 250, 0) 100%);
}

.content-centering > div {
  margin: 0 auto;
}

.tippy-box[data-theme~=info] {
  background-color: #6200ee;
  color: #f1f1f1;
}
.tippy-box[data-theme~=info][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #6200ee;
}
.tippy-box[data-theme~=info][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #6200ee;
}
.tippy-box[data-theme~=info][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #6200ee;
}
.tippy-box[data-theme~=info][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #6200ee;
}

.tippy-box[data-theme~=success] {
  background-color: #34af23;
  color: #f1f1f1;
}
.tippy-box[data-theme~=success][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #34af23;
}
.tippy-box[data-theme~=success][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #34af23;
}
.tippy-box[data-theme~=success][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #34af23;
}
.tippy-box[data-theme~=success][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #34af23;
}

.tippy-box[data-theme~=error] {
  background-color: #ff4d4d;
  color: #262626;
}
.tippy-box[data-theme~=error] a {
  color: #f1f1f1;
}
.tippy-box[data-theme~=error][data-placement^=top] > .tippy-arrow::before {
  border-top-color: #ff4d4d;
}
.tippy-box[data-theme~=error][data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: #ff4d4d;
}
.tippy-box[data-theme~=error][data-placement^=left] > .tippy-arrow::before {
  border-left-color: #ff4d4d;
}
.tippy-box[data-theme~=error][data-placement^=right] > .tippy-arrow::before {
  border-right-color: #ff4d4d;
}

a {
  color: #951c64;
  font-weight: bold;
}
a:hover {
  background: #951c64;
  color: #f1f1f1;
  text-decoration: none;
}

button[data-dir=back],
button[data-dir=forth] {
  opacity: 0;
  position: absolute;
  top: 50%;
  z-index: 3;
  font-size: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #f90;
  background: rgba(51, 51, 51, 0.9);
  border: none;
  border-radius: 3px;
  box-shadow: 0 0 0 2px rgba(245, 247, 250, 0.9), 0 0 0 3px #333;
  cursor: pointer;
  padding: 0;
  width: 36px;
  height: 36px;
}
@media screen and (max-width: 700px) {
  button[data-dir=back],
  button[data-dir=forth] {
    display: none;
  }
}
button[data-dir=back][data-dir=back],
button[data-dir=forth][data-dir=back] {
  left: 10px;
}
button[data-dir=back][data-dir=forth],
button[data-dir=forth][data-dir=forth] {
  right: 10px;
}

input[type=submit]:disabled {
  transition: opacity 0.2s;
  pointer-events: none;
  opacity: 0.5;
}

.bottom-site-description {
  background: #f1ebdb;
  padding: 10px;
  margin-top: 40px;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.4;
  text-align: justify;
}
.bottom-site-description h3,
.bottom-site-description h4 {
  text-decoration: underline;
  margin: 10px 0;
}
.bottom-site-description p {
  color: #331900;
}

.go-back-to {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: forestgreen;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  z-index: 5;
  color: white;
}

.header--switchlang {
  width: 100%;
  background: #f1ebdb;
  line-height: 32px;
  text-align: center;
}
.header--switchlang button {
  margin-left: 5px;
  border: none;
  background: none;
  cursor: pointer;
  height: 32px;
  padding: 0 10px;
  font-size: 18px;
  height: 100%;
}
html[data-theme2=dark] .header--switchlang {
  background: #7b736b;
  color: #f1f1f1;
}
html[data-theme2=dark] .header--switchlang button i {
  color: #f1f1f1;
}

header {
  position: fixed;
  top: 0;
  z-index: 5;
  width: 100%;
  height: var(--top-navi-height);
  background: #2e464b;
  padding: 10px;
}
@media screen and (max-width: 700px) {
  header {
    padding: 5px 10px;
    height: var(--top-navi-height-mobile);
  }
}
header .clear-menu-btn {
  display: block;
}
header .logo {
  height: 100%;
  cursor: pointer;
  position: relative;
  font-weight: normal;
  text-decoration: none;
  display: flex;
  align-items: center;
}
header .logo:hover {
  background: none;
}
header .logo img {
  object-position: 0 2px;
  height: 40px;
}
@media screen and (max-width: 700px) {
  header .logo img {
    height: 35px;
  }
}
@media screen and (min-width: 701px) {
  header .logo--has_subtitle img {
    position: relative;
    height: 36px;
    top: -8px;
  }
  header .logo--has_subtitle .textualLogo {
    position: relative;
    top: -8px;
  }
  header .logo__subtitle {
    display: block !important;
  }
}
header .logo__subtitle {
  display: none;
  position: absolute;
  font-size: 12px;
  left: 0;
  bottom: -3px;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  vertical-align: bottom;
}
header .logo .textualLogo {
  color: antiquewhite;
  font-size: 27px;
  letter-spacing: -1px;
  font-weight: bold;
}
header .header--inner {
  height: 100%;
  margin: 0 auto;
  max-width: 920px;
  position: relative;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  gap: 15px;
}
header .header--inner > div {
  height: 100%;
}
header .auth_links {
  position: relative;
  color: #efefef;
  background: #2e464b;
  display: grid;
  gap: 8px;
  align-items: center;
  grid-auto-flow: column;
  /* Desktop version */
  /* Overlays the authlinks until menus are open */
}
@media screen and (max-width: 700px) {
  header .auth_links {
    gap: 6px;
  }
}
header .auth_links--txt-button {
  padding: 6px 14px;
  background: rgba(255, 153, 0, 0.12);
  border-radius: 8px;
  border: 1px solid rgba(255, 153, 0, 0.25);
  color: #f90;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
  display: inline-block;
}
header .auth_links--txt-button:hover {
  background: rgba(255, 153, 0, 0.2);
  border-color: rgba(255, 153, 0, 0.4);
  transform: translateY(-1px);
}
header .auth_links--txt-button:active {
  transform: translateY(0);
}
header .auth_links--txt-button.register-link {
  background: linear-gradient(135deg, #f90 0%, #e68a00 100%);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 2px 6px rgba(255, 153, 0, 0.2);
}
header .auth_links--txt-button.register-link:hover {
  background: linear-gradient(135deg, #e68a00 0%, #cc7a00 100%);
  box-shadow: 0 3px 10px rgba(255, 153, 0, 0.4);
  color: #fff;
}
header .auth_links--txt-button.register-link:after {
  display: none;
}
@media screen and (max-width: 700px) {
  header .auth_links--txt-button {
    padding: 5px 10px;
    font-size: 13px;
  }
}
header .auth_links--icon {
  border: 0;
  outline: none;
  font-size: 24px;
  padding: 6px 10px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  color: #fff;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  line-height: 1;
}
header .auth_links--icon span {
  font-size: 22px;
  line-height: 1;
  display: inline-block;
}
header .auth_links--icon:hover {
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
header .auth_links--icon:active {
  transform: translateY(0);
  background: rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 700px) {
  header .auth_links--icon {
    font-size: 20px;
    padding: 5px 8px;
    border-radius: 8px;
  }
  header .auth_links--icon span {
    font-size: 20px;
  }
}
header .auth_links--icon.shortsmenu-link {
  position: relative;
}
header .auth_links--icon.shortsmenu-link::before {
  content: "";
  position: absolute;
  background: #ff3b30;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 6px;
  right: 6px;
  border: 2px solid #2e464b;
  animation: pulse 2s infinite;
}
html[data-theme2=dark] header .auth_links--icon.shortsmenu-link::before {
  border-color: #000;
}

header .auth_links--icon.shortsmenu-link:after {
  content: "";
  background: rgba(255, 59, 48, 0.15);
  border-radius: 50%;
  width: 28px;
  display: block;
  position: absolute;
  height: 28px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
header .auth_links--icon.surprise-me-link {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.2) 0%, rgba(16, 185, 129, 0.15) 100%);
  border: 1px solid rgba(34, 197, 94, 0.3);
}
header .auth_links--icon.surprise-me-link span {
  font-size: 22px;
}
header .auth_links--icon.surprise-me-link:hover {
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.35) 0%, rgba(16, 185, 129, 0.3) 100%);
  border-color: rgba(34, 197, 94, 0.5);
  box-shadow: 0 4px 15px rgba(34, 197, 94, 0.25);
}
header .auth_links--icon.searchmenu-link i {
  font-size: 21px;
}
header .auth_links--icon.active {
  color: #34d399;
  background: rgba(52, 211, 153, 0.15);
}
header .auth_links--icon.new:after {
  content: attr(data-nr);
  font-size: 10px;
  font-weight: bold;
  z-index: 2;
  background: linear-gradient(135deg, #ff3b30 0%, #ff6b6b 100%);
  color: #fff;
  top: -2px;
  right: -2px;
  position: absolute;
  line-height: 18px;
  min-width: 18px;
  padding: 0 4px;
  text-align: center;
  height: 18px;
  border-radius: 9px;
  box-shadow: 0 2px 4px rgba(255, 59, 48, 0.3);
}
header .auth_links--icon i {
  display: block;
  text-shadow: none;
}
header .auth_links--icon input {
  position: absolute;
  opacity: 0;
  width: 100%;
  cursor: pointer;
  height: 100%;
}
header .auth_links .logged_in_as {
  display: block;
}
header .auth_links .logged_in_as a {
  font-weight: 500;
}
header .auth_links .logged_in_as a:hover {
  color: #fff;
}
@media screen and (max-width: 500px) {
  header .auth_links .logged_in_as {
    display: none;
  }
}
header .auth_links .headerMenuExit {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  top: -5px;
  left: 0;
  text-align: right;
  background: #2e464b;
  opacity: 0;
  transition: opacity 0.3s ease;
  bottom: 0;
}
header .auth_links .headerMenuExit button {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 8px;
  transition: all 0.2s ease;
}
header .auth_links .headerMenuExit button:hover {
  background: rgba(255, 255, 255, 0.2);
}
header .auth_links .headerMenuExit.headerMenuExitShow {
  opacity: 1;
  display: flex;
  justify-content: end;
  align-items: center;
}
header .auth_links .header-navigation-shortcut-node {
  display: inline-flex;
}
header .auth_links .header-navigation-shortcut-placeholder {
  opacity: 0.3;
  background: linear-gradient(135deg, rgba(160, 165, 175, 0.28) 0%, rgba(208, 212, 219, 0.5) 100%);
  border: 1px solid rgba(134, 142, 150, 0.35);
  color: #42505d;
}
header .auth_links .header-navigation-shortcut-placeholder:hover {
  background: linear-gradient(135deg, rgba(160, 165, 175, 0.38) 0%, rgba(208, 212, 219, 0.6) 100%);
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}
.header--simple {
  position: relative;
}
.header--simple .header--inner {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bottom-sidelink-wrapper .sidelink-wrapper.right-side-link-wrapper {
  display: none;
  transform: none;
  -webkit-transform: none;
  width: 97%;
  margin: 0 auto;
}
.bottom-sidelink-wrapper .sidelink-wrapper.right-side-link-wrapper ul {
  padding: 0;
  margin: 0;
}
.bottom-sidelink-wrapper .sidelink-wrapper.right-side-link-wrapper li {
  display: inline-block;
  font-size: 1rem;
  margin: 3px;
  font-weight: bold;
}
@media screen and (max-width: 700px) {
  .bottom-sidelink-wrapper .sidelink-wrapper.right-side-link-wrapper h3 {
    display: inline-block;
    margin: 3px;
  }
}
@media screen and (max-width: 700px) {
  .bottom-sidelink-wrapper .sidelink-wrapper.right-side-link-wrapper {
    display: block;
  }
}

.sidelink-wrapper a {
  color: white;
  background: #000000;
  padding: 2px 5px;
  border-radius: 6px;
  text-decoration: none;
  max-width: 220px;
  display: inline-block;
}
.sidelink-wrapper i.fflag {
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 700px) {
  .sidelink-wrapper {
    display: none;
  }
}
@media screen and (min-width: 701px) {
  .sidelink-wrapper {
    text-align: right;
    position: absolute;
    left: -10px;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
}
.sidelink-wrapper.right-side-link-wrapper {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  text-align: left;
  right: -10px;
  top: 700px;
}
.sidelink-wrapper.right-side-link-wrapper ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.sidelink-wrapper.right-side-link-wrapper ul li {
  font-size: 1.3em;
  margin: 0.83em 0;
}

.tag {
  color: #fff;
  padding: 2px 5px;
  border-radius: 6px;
  max-width: 220px;
}

.keyword-link a {
  background: #000;
}

.face-link a {
  background: #4267b2;
}
.face-link a i {
  color: #fff !important;
}

.blog-link a {
  background: #ff69b4;
}

.pic-link a {
  background: #ff9902;
  font-size: 1.3rem;
}

.jasmin-link a {
  background: #7b0000;
}

.trending-link a {
  font-size: 1.3rem;
  background: #ff69b4;
}

.grid-item.jsm-block {
  min-height: 200px;
  color: white;
  font-size: 22px !important;
  text-align: center;
  padding: 20px 5px;
  background-repeat: no-repeat;
  background-size: cover;
}
.grid-item.jsm-block span,
.grid-item.jsm-block a {
  background: rgba(255, 255, 255, 0.7);
  padding: 4px;
  color: black;
}
.grid-item.jsm-block a {
  color: darkred;
  display: inline-block !important;
  font-size: 26px;
}
.grid-item.jsm-block iframe {
  position: relative;
  width: 100%;
  height: 100%;
}

.fillout-required {
  display: none;
}

.btn {
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  position: relative;
  background: #ff9900;
  color: #000;
  box-shadow: inset 0 1px 0 #ff9900, 0 5px 0 0 #7c4a00, 0 8px 4px #999;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ff9900), color-stop(1, #ffbc59));
  /* Loading Animation */
}
.btn:hover {
  background: #ff9900;
  background-image: none;
  color: #000;
}
.btn:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  border-top: 2px solid transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.btn--loading {
  pointer-events: none;
  color: transparent !important;
}
.btn--loading:after {
  opacity: 1;
  animation: spin 1s linear infinite, fadeInOut 0.5s linear;
}
.btn.disabled {
  cursor: default;
  opacity: 0.6;
  pointer-events: none;
}
.btn:active {
  top: 3px;
  box-shadow: inset 0 1px 0 #ff9900, 0 2px 0 0 #7c4a00, 0 5px 3px #999;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffbc59), color-stop(1, #ff9900));
}
.btn--alert {
  color: white;
  background-image: none;
  background: #da2e2b;
  box-shadow: inset 0 1px 0 #ba0300, 0 3px 0 0 #721c24;
}
.btn--alert:active {
  box-shadow: inset 0 1px 0 #31060a, 0 2px 0 0 #7c4a00;
  background-image: none;
  background: #721c24;
}
.btn--small {
  font-size: 12px;
  line-height: 2;
  padding: 0 10px;
  border-radius: 8px;
}
.btn--normal {
  font-size: 14px;
  line-height: 2;
  padding: 0 10px;
  border-radius: 6px;
}
.btn--medium {
  font-size: 16px;
  line-height: 2.5;
  padding: 0 20px;
  border-radius: 8px;
}
.btn--big {
  font-size: 20px;
  line-height: 3;
  padding: 0 30px;
  border-radius: 10px;
  font-weight: bold;
}

.react-select-input {
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
}

.hide {
  display: none;
}

.invisible {
  visibility: hidden;
}

.display-ua {
  position: relative;
  top: 65px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
@media screen and (max-width: 700px) {
  .display-ua {
    display: none;
  }
}

.reveal-button {
  width: 300px;
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  display: block;
  color: #000;
  padding: 5px 7px;
  border: none;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
  background: #f90;
  position: relative;
  font-size: 20px;
  font-weight: normal;
  /*&:before {
  	content: ' ';
  	z-index: -1;
  	width: 920px;
  	max-width: 90vw;
  	height: 0;
  	border-top: 2px solid #f90;
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
  }*/
}
html[data-theme2=dark] .reveal-button {
  color: #000;
}

.reveal-button--blogposts {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 701px) {
  .reveal-button--blogposts {
    position: relative;
  }
}
.reveal-button:hover {
  -webkit-box-shadow: 0 0 0 2px #f5f7fa, 0 0 0 3px #f90;
  box-shadow: 0 0 0 2px #f5f7fa, 0 0 0 3px #f90;
  background: #f90;
}

.recommended-items {
  text-align: center;
  padding-bottom: 10px;
}

footer {
  width: 100%;
  color: #fff;
  background: #e14e51;
}
footer .footer-inner {
  margin: 0 auto;
  width: 920px;
  max-width: 100%;
  padding: 5px 10px;
}
footer a:hover {
  background: none;
  color: inherit;
}
footer small {
  color: rgba(255, 255, 255, 0.5);
}
footer .social-block {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
footer .social-block .bluesky a i {
  color: #1da1f2 !important;
}
footer .social-block .bluesky,
footer .social-block .twitter {
  display: block;
}
footer .social-block .bluesky a,
footer .social-block .twitter a {
  display: flex;
  align-items: center;
  gap: 10px;
}
footer .social-block .bluesky i,
footer .social-block .twitter i {
  font-size: 22px;
  color: #333 !important;
}
footer .social-block .bluesky img,
footer .social-block .bluesky i,
footer .social-block .twitter img,
footer .social-block .twitter i {
  vertical-align: top;
  text-decoration: none;
  border-radius: 50%;
  background: white;
  padding: 4px;
  position: relative;
}
footer .social-block .bluesky span,
footer .social-block .twitter span {
  vertical-align: top;
}
footer .sitemap-ul {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 4px;
  text-align: center;
}
footer a {
  color: #262626;
  display: inline-block;
  padding: 5px;
  white-space: nowrap;
  text-decoration: none;
  font-weight: normal;
}
footer ul {
  padding: 0;
}
footer ul li {
  display: inline-block;
  margin-right: 15px;
}
footer .sitename {
  text-align: center;
  margin: 10px 0;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px 0;
}
footer .footer-first-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
footer .sitemap-ul li {
  position: relative;
}
footer .sitemap-ul li:after {
  content: " ";
  position: absolute;
  right: -5px;
  height: 12px;
  width: 0;
  border-right: 1px solid #262626;
  top: 7px;
}
footer .sitemap-ul li:last-child:after {
  display: none;
}
footer .legal-block {
  margin-left: 10px;
}
footer .legal-block ul.sitemap-ul {
  font-size: 13px;
}
footer .legal-block ul.sitemap-ul li {
  position: relative;
}
@media screen and (max-width: 700px) {
  footer .legal-block ul.sitemap-ul {
    text-align: center;
    line-height: 1;
  }
  footer .legal-block ul.sitemap-ul li {
    display: inline-block;
  }
  footer .legal-block ul.sitemap-ul li:after {
    content: " ";
    position: absolute;
    right: -5px;
    height: 10px;
    width: 0;
    border-right: 1px solid #262626;
    top: 5px;
  }
  footer .legal-block ul.sitemap-ul li:last-child:after {
    display: none;
  }
}
@media screen and (max-width: 700px) {
  footer .left,
  footer .right {
    width: 100%;
    max-width: 100%;
  }
  footer .right {
    text-align: center;
    margin: 20px 0;
  }
}

.site_common_contact #content {
  text-align: center;
}

#page-common_trending .search-close {
  display: none;
}

.webcams-video-profile-img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 50%;
  border: 3px solid #f1f1f1;
}

.memberfeed {
  width: 900px;
  max-width: 95%;
  margin: 20px auto;
  position: relative;
}
.memberfeed .comment-menu-close {
  position: absolute;
  right: 10px;
  background: none;
  cursor: pointer;
  border: none;
  font-size: 24px;
  top: -5px;
  padding: 10px;
}
.memberfeed .comment-menu-close:hover {
  color: #34af23;
}

.activity-feed {
  padding: 15px;
  list-style: none;
}
.activity-feed .feed-item {
  position: relative;
  padding-bottom: 20px;
  padding-left: 30px;
  border-left: 2px solid #e4e8eb;
  display: flex;
}
@media screen and (max-width: 700px) {
  .activity-feed .feed-item {
    padding-left: 15px;
  }
}
.activity-feed .feed-item .img {
  margin-right: 20px;
}
.activity-feed .feed-item__description {
  font-size: 16px;
  font-weight: bold;
  display: block;
  margin-top: 5px;
}
.activity-feed .feed-item__description--yellow {
  background-color: #fbf8eb;
  padding: 5px;
  margin-bottom: 5px;
}
html[data-theme2=dark] .activity-feed .feed-item__description--yellow {
  background-color: #333;
}

.activity-feed .feed-item:last-child {
  border-color: transparent;
}
.activity-feed .feed-item::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #f37167;
}
.activity-feed .feed-item .date {
  display: block;
  position: relative;
  top: -5px;
  color: #8c96a3;
  text-transform: uppercase;
  font-size: 13px;
}
.activity-feed .feed-item .text {
  position: relative;
  top: -3px;
}
.activity-feed .feed-item .text a {
  font-weight: normal;
}

/*#page-dashboard #modal .pager {
	@media screen and (max-width: 810px) {
		display: block;
		top: 350px;

		&.left {
			left: 10px;
		}
		&.right {
			right: 10px;
		}
	}
}*/
#modal {
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 10;
  transition: background 0.5s;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  align-items: center;
  justify-content: center;
  height: 100%;
  -webkit-backdrop-filter: blur(5px) grayscale(80%);
  backdrop-filter: blur(5px) grayscale(80%);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0, 0, 0);
  transform: translateZ(0);
}
#modal .modal-box {
  position: relative;
  width: 500px;
  min-height: 300px;
  background: #ff4d4d;
  color: #FFF;
  border-radius: 15px;
  box-shadow: 0px 0px 10px 2px #333;
  padding: 25px;
  max-width: 80%;
}
#modal .pager {
  position: absolute;
  top: 25%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  height: 100px;
  overflow: hidden;
  z-index: 4;
  color: white;
  -webkit-filter: drop-shadow(0 0 3px #000);
  filter: drop-shadow(0 0 3px #000);
  font-size: 100px;
  text-decoration: none;
}
#modal .pager:hover {
  background: none;
}
#modal .pager--invisible {
  display: none;
}
#modal .pager.left {
  left: 30px;
}
@media screen and (max-width: 920px) {
  #modal .pager.left {
    left: 0;
  }
}
#modal .pager.right {
  right: 30px;
}
@media screen and (max-width: 920px) {
  #modal .pager.right {
    right: 0;
  }
}
#modal.show {
  display: flex;
  background: rgba(0, 0, 0, 0.7);
}
#modal .loader {
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: 2;
}
#modal .modal-content {
  height: 100%;
  position: relative;
  max-width: 95%;
  width: 1120px;
  min-height: 200px;
}
#modal .modal-close {
  display: block;
  position: absolute;
  background: #f1f1f1;
  border-radius: 50%;
  z-index: 50;
  top: 10px;
  right: 0;
  width: 32px;
  height: 32px;
  text-decoration: none;
}
#modal .modal-close i {
  text-decoration: none;
  color: #FF0000;
  font-size: 32px;
}

.center {
  text-align: center !important;
}

span.blogimgplaceholder {
  display: flex;
  width: 100%;
  height: 180px;
  font-size: 64px;
  align-items: center;
  justify-content: center;
  text-shadow: 0 -0.5rem 1rem #901a00, 0 0.5rem 1rem #999;
  --s: 30px; /* control the size */
  --c1: #ff847c;
  --c2: #e84a5f;
  --c3: #fecea8;
  --c4: #99b898;
  background: conic-gradient(from 45deg at 75% 75%, var(--c3) 90deg, var(--c1) 0 180deg, rgba(0, 0, 0, 0) 0), conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg, rgba(0, 0, 0, 0) 0), conic-gradient(from -45deg at 50% 100%, rgba(0, 0, 0, 0) 180deg, var(--c3) 0), conic-gradient(from -45deg, var(--c1) 90deg, var(--c2) 0 225deg, var(--c4) 0);
  background-size: var(--s) var(--s);
}

.site_common_blog_read .blog-tags-wrapper {
  padding: 20px;
}
.site_common_blog_read .blog-wrapper {
  width: 920px;
  border: 1px solid #eee;
  background: #fbf8eb;
  color: #333;
}
@media screen and (min-width: 701px) {
  .site_common_blog_read .blog-wrapper {
    padding: 15px 25px !important;
  }
}
.site_common_blog_read .blog-wrapper h1 {
  margin: 0;
  font-size: 32px;
  padding: 14px 16px;
}
.site_common_blog_read .blog-wrapper table {
  max-width: 500px;
  margin: 15px auto;
}
.site_common_blog_read .blog-wrapper table td,
.site_common_blog_read .blog-wrapper table th {
  border: none;
  padding: 5px 10px;
  text-align: center;
}
.site_common_blog_read .blog-wrapper table th {
  color: #f1f1f1;
  background: #2e464b;
}
.site_common_blog_read .blog-wrapper table td {
  background: #f1f1f1;
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper table td {
  background: rgba(255, 255, 255, 0.5);
  color: #333;
}

.site_common_blog_read .blog-wrapper video {
  max-width: 100%;
}
.site_common_blog_read .blog-wrapper .ytvideo {
  width: 100%;
  text-align: center;
}
.site_common_blog_read .blog-wrapper .ytvideo iframe {
  max-width: 100%;
}
.site_common_blog_read .blog-wrapper h2:not(.styled_heading) {
  text-decoration: underline;
}
.site_common_blog_read .blog-wrapper .blog-gallery {
  position: relative;
  max-height: 1000px;
  overflow: hidden;
}
.site_common_blog_read .blog-wrapper .blog-gallery--opened {
  max-height: none;
}
.site_common_blog_read .blog-wrapper .blog-gallery--opened .blog-gallery-opener {
  display: none;
}
.site_common_blog_read .blog-wrapper .blog-gallery--opened:after {
  display: none;
}
.site_common_blog_read .blog-wrapper .blog-gallery:after {
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  background: rgb(251, 248, 235);
  background: linear-gradient(0deg, rgb(251, 248, 235) 10%, rgba(251, 248, 235, 0) 100%);
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper .blog-gallery:after {
  background: rgb(123, 115, 107);
  background: linear-gradient(0deg, rgb(123, 115, 107) 10%, rgba(123, 115, 107, 0) 100%);
}

.site_common_blog_read .blog-wrapper .blog-gallery ul {
  display: grid;
  white-space: normal;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  padding: 0;
}
@media screen and (max-width: 700px) {
  .site_common_blog_read .blog-wrapper .blog-gallery ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.site_common_blog_read .blog-wrapper .blog-gallery ul a:hover {
  background: none;
}
.site_common_blog_read .blog-wrapper .blog-gallery ul li {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  position: relative;
}
.site_common_blog_read .blog-wrapper .blog-gallery ul li video.ai_gif_video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  pointer-events: none;
}
.site_common_blog_read .blog-wrapper .blog-gallery ul li video,
.site_common_blog_read .blog-wrapper .blog-gallery ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.site_common_blog_read .blog-wrapper .blog-gallery-opener {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 0;
  z-index: 2;
  width: 100%;
  text-align: center;
  align-items: center;
}
.site_common_blog_read .blog-wrapper .blog-gallery-opener .blog-open-button {
  background: rgba(0, 0, 0, 0.7);
  padding: 5px 7px;
  font-size: 24px;
  border-radius: 8px;
  cursor: pointer;
  border: 1px solid #000;
  color: #fff;
  text-decoration: none;
}
.site_common_blog_read .blog-wrapper .blog-gallery-opener .blog-open-button:hover {
  background: #951c64;
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper .blog-gallery-opener .blog-open-button:hover {
  background: #ff9902;
  color: #333;
}

.site_common_blog_read .blog-wrapper .blog-gallery-opener div {
  margin: 0 0 10px 0;
  max-width: 500px;
}
.site_common_blog_read .blog-wrapper .blog-gallery-opener div:nth-child(2) p, .site_common_blog_read .blog-wrapper .blog-gallery-opener div:nth-child(3) p {
  filter: drop-shadow(0 0 3px #fbf8eb);
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper .blog-gallery-opener div:nth-child(2) p, html[data-theme2=dark] .site_common_blog_read .blog-wrapper .blog-gallery-opener div:nth-child(3) p {
  filter: drop-shadow(0 0 3px #7b736b);
}

.site_common_blog_read .blog-wrapper .blog-gallery-opener__nextlink a {
  font-size: 22px;
}
.site_common_blog_read .blog-wrapper .blog-gallery-opener p {
  display: inline;
}
.site_common_blog_read .blog-wrapper .blog-video-shorts-banner {
  height: 200px;
  background-color: #ccc;
  text-align: center;
  font-size: 74px;
  background-image: url(78741a59cdd02baf6dd0.svg);
  border-top: 1px solid #333;
  border-radius: 15px;
}
.site_common_blog_read .blog-wrapper .blog-share-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.site_common_blog_read .blog-wrapper .blog-share {
  display: flex;
}
.site_common_blog_read .blog-wrapper .blog-share button {
  font-weight: bold;
  font-size: 18px;
  background: none;
  border: 1px solid #333;
  border-radius: 5px;
  padding: 3px 6px;
  background: rgba(0, 0, 0, 0.1);
}
.site_common_blog_read .blog-wrapper .blog-share button:first-child {
  margin-right: 10px;
}
.site_common_blog_read .blog-wrapper .blog-share .icofont-reddit {
  color: #ff5700;
  font-size: 22px;
  margin-right: 5px;
}
.site_common_blog_read .blog-wrapper .blog-share .icofont-twitter {
  color: #1da1f2;
  font-size: 20px;
  margin-right: 5px;
}
.site_common_blog_read .blog-wrapper .quote {
  display: block;
  font-size: 24px;
  font-style: italic;
  padding: 15px;
  background: darkgoldenrod;
  color: white;
  margin: 15px 0;
}

.content-liker {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px solid #c6c4c4;
  background: #dcdcdc;
  padding: 7px;
  border-radius: 5px;
  margin-top: 15px;
}
html[data-theme2=dark] .content-liker {
  border: 1px solid #101719;
  background: #2e464b;
}
html[data-theme2=dark] .content-liker div button {
  color: #f1f1f1;
}
html[data-theme2=dark] .content-liker p i {
  color: #fff;
}

.content-liker p {
  margin: 0;
  font-weight: bold;
  font-size: 16px;
}
.content-liker p i {
  color: #333;
  font-size: 20px;
  vertical-align: top;
}
.content-liker div {
  line-height: 28px;
  text-align: center;
  margin: 0;
  color: #202020;
  font-weight: bold;
}
.content-liker div.plus button i {
  color: green;
}
.content-liker div.minus button i {
  color: red;
}
.content-liker div button {
  display: block;
  border: 0;
  cursor: pointer;
  position: relative;
  color: #202020;
  text-decoration: none;
  background: none;
}
.content-liker div button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.content-liker div button i {
  font-size: 40px;
}
.content-liker div button span {
  font-weight: bold;
  vertical-align: top;
  line-height: 40px;
  margin-left: 10px;
}

.site_common_blog .breadcrumb-wrapper {
  width: 1280px;
  max-width: none;
}
@media screen and (max-width: 1280px) {
  .site_common_blog .breadcrumb-wrapper {
    width: 1000px;
  }
}
@media screen and (max-width: 1000px) {
  .site_common_blog .breadcrumb-wrapper {
    width: 100%;
  }
}
.site_common_blog .blog-wrapper {
  width: 1280px;
}
@media screen and (max-width: 1280px) {
  .site_common_blog .blog-wrapper {
    width: 1000px;
  }
}
@media screen and (max-width: 1000px) {
  .site_common_blog .blog-wrapper {
    width: 100%;
  }
}
.site_common_blog .blog-wrapper__rss {
  text-align: center;
  margin-top: 15px;
}
.site_common_blog .blog-wrapper .blog-tags {
  margin-bottom: 10px;
  marign-top: 5px;
  text-align: center;
}
.site_common_blog .blog-wrapper .blog-tags-wrapper {
  margin: 30px 0;
  padding: 10px 20px 20px 20px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 0.8rem 2rem rgba(90, 97, 129, 0.2);
}
html[data-theme2=dark] .site_common_blog .blog-wrapper .blog-tags-wrapper {
  background: #8b7676;
}

.site_common_blog .blog-wrapper .blog-tags li.more-blog-tag {
  border: 4px solid #339959;
}
.site_common_blog .blog-wrapper .blog-tags li.active-blog-tag {
  background: #ff4d4d;
}
.site_common_blog .blog-wrapper .blog-tags li.active-blog-tag a {
  color: #fff;
}
.site_common_blog .blog-wrapper .blog-tags li {
  font-size: 16px !important;
}
.site_common_blog .blog-wrapper__showall {
  text-align: center;
  margin-top: 30px;
}
.site_common_blog .blog-wrapper h1 {
  margin-top: 0;
  margin-bottom: 20px;
}
@media screen and (min-width: 701px) {
  .site_common_blog .blog-wrapper h1 br {
    display: none;
  }
}
.site_common_blog .blog-wrapper .h1subtitle {
  font-size: 18px;
  text-align: justify;
}
.site_common_blog .blog-post-wrapper {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 700px) {
  .site_common_blog .blog-post-wrapper {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 701px) {
  .site_common_blog .blog-post-wrapper .buzik-wrapper {
    grid-column: 1/4;
  }
}
.site_common_blog .blog-post-wrapper .buzik-wrapper > div {
  margin: 0 auto;
}
.site_common_blog .blog-post-wrapper .blog-post {
  position: relative;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 700px) {
  .site_common_blog .blog-post-wrapper .blog-post {
    padding: 10px;
    background: rgba(255, 228, 196, 0.4784313725);
    border-radius: 10px;
    border: 1px solid #ffe4c4;
  }
}
@media screen and (min-width: 701px) {
  .site_common_blog .blog-post-wrapper .blog-post {
    background: rgba(255, 228, 196, 0.4784313725);
    border-radius: 10px;
    border: 1px solid #ffe4c4;
  }
}
.site_common_blog .blog-post-wrapper .blog-post__shorts-indicator {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 3;
  font-size: 20px;
  background: #333;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.site_common_blog .blog-post-wrapper .blog-post .fp-shorts__item {
  height: 300px;
  object-fit: cover;
}
.site_common_blog .blog-post-wrapper .blog-post .blog-promo {
  flex: 1;
  position: relative;
}
.site_common_blog .blog-post-wrapper .blog-post .blog-title {
  margin-top: 20px;
  font-size: 20px;
}

.site_blogtaglist .blog-tags,
.site_common_blog_read .blog-tags,
.site_common_blog .blog-tags {
  font-size: 0;
  padding: 0;
}
.site_blogtaglist .blog-tags li,
.site_common_blog_read .blog-tags li,
.site_common_blog .blog-tags li {
  display: inline-block;
  background: #ff9902;
  font-weight: bolder;
  padding: 5px 7px;
  font-size: 16px;
  border-radius: 5px;
  margin: 0 5px 5px 0;
}
.site_blogtaglist .blog-tags li a,
.site_common_blog_read .blog-tags li a,
.site_common_blog .blog-tags li a {
  color: #000;
  text-decoration: none;
}
.site_blogtaglist .blog-tags li a:hover,
.site_common_blog_read .blog-tags li a:hover,
.site_common_blog .blog-tags li a:hover {
  background: none;
}

.site_common_blog_read .blog-tags-wrapper h3,
.site_common_blog .blog-tags-wrapper h3 {
  text-align: center;
  font-size: 18px;
}
.site_common_blog_read .blog-wrapper,
.site_common_blog .blog-wrapper {
  padding: 5px;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
  .site_common_blog_read .blog-wrapper,
  .site_common_blog .blog-wrapper {
    width: 100% !important;
  }
}
.site_common_blog_read .blog-wrapper .sidelink-wrapper,
.site_common_blog .blog-wrapper .sidelink-wrapper {
  top: 92px;
  transform: translateX(-103%);
  -webkit-transform: translateX(-103%);
}
.site_common_blog_read .blog-title h1 .fflag,
.site_common_blog_read .blog-title h2 .fflag,
.site_common_blog .blog-title h1 .fflag,
.site_common_blog .blog-title h2 .fflag {
  width: 25px;
  height: 25px;
}
.site_common_blog_read .blog-title a,
.site_common_blog .blog-title a {
  color: #333;
  text-decoration: none;
}
.site_common_blog_read .blog-title a:hover,
.site_common_blog .blog-title a:hover {
  color: #f1f1f1;
  background: #333;
}
.site_common_blog_read .blog-subtitle,
.site_common_blog .blog-subtitle {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin: 0;
  padding: 10px;
  background: rgba(0, 0, 0, 0.3);
}
html[data-theme2=dark] .site_common_blog_read .blog-subtitle,
html[data-theme2=dark] .site_common_blog .blog-subtitle {
  background: rgba(0, 0, 0, 0.2);
}

.site_common_blog_read .blog-subtitle span,
.site_common_blog .blog-subtitle span {
  margin: 5px 0;
}
@media screen and (max-width: 700px) {
  .site_common_blog_read .blog-subtitle,
  .site_common_blog .blog-subtitle {
    flex-direction: column;
  }
}
.site_common_blog_read .blog-promo,
.site_common_blog .blog-promo {
  width: 100%;
  font-size: 16px;
  text-align: justify;
}
.site_common_blog_read .blog-promo p,
.site_common_blog .blog-promo p {
  margin: 15px 0 0;
}
.site_common_blog_read .blog-promo-img,
.site_common_blog .blog-promo-img {
  width: 100%;
  position: relative;
}
.site_common_blog_read .blog-promo-img a,
.site_common_blog .blog-promo-img a {
  text-decoration: none;
  background: none;
}
.site_common_blog_read .blog-promo-img img,
.site_common_blog .blog-promo-img img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 700px) {
  .site_common_blog_read .blog-promo-img,
  .site_common_blog .blog-promo-img {
    margin: 0 auto;
  }
}
.site_common_blog_read .blog-read-more,
.site_common_blog .blog-read-more {
  padding: 0 6px;
  border-radius: 5px;
  background: #333;
  color: #ff9902;
  text-decoration: none;
  font-size: 16px;
  white-space: nowrap;
  padding: 0 6px;
  line-height: 1.7;
  display: block;
  margin-top: 10px;
}
.site_common_blog_read .blog-title-line,
.site_common_blog .blog-title-line {
  border-top: 3px solid #ff4d4d;
  height: 0;
  width: 100%;
  margin: -5px 0 20px;
}
.site_common_blog_read .blog-content ul li,
.site_common_blog .blog-content ul li {
  line-height: 1.3;
  font-size: 18px;
  margin-bottom: 12px;
}
.site_common_blog_read .blog-content p,
.site_common_blog .blog-content p {
  font-size: 18px;
  text-align: justify;
  line-height: 1.4;
}
.site_common_blog_read .authorblock__inner,
.site_common_blog .authorblock__inner {
  display: flex;
  flex-direction: row;
  font-size: 16px;
}
.site_common_blog_read .authorblock p:first-child,
.site_common_blog .authorblock p:first-child {
  margin: 0;
}
.site_common_blog_read .authorblock p:last-child,
.site_common_blog .authorblock p:last-child {
  padding: 10px;
  margin-bottom: 0;
}
.site_common_blog_read .blog-image,
.site_common_blog .blog-image {
  max-width: 100%;
  max-height: 70vh;
}
.site_common_blog_read .switch_lang,
.site_common_blog .switch_lang {
  display: block;
  margin: 0 0 10px 0;
}

.site_common_blog_read .blog-wrapper {
  padding: 0 5px 5px 5px;
}
.site_common_blog_read .blog-title--absolute {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 2;
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #919191;
}
html[data-theme2=dark] .site_common_blog_read .blog-title--absolute {
  border-color: #333;
}

.site_common_blog_read .blog-title--absolute h1 {
  background: rgba(255, 255, 255, 0.4);
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(5px);
}
html[data-theme2=dark] .site_common_blog_read .blog-title--absolute h1 {
  color: #fefefe;
  background: rgba(102, 102, 102, 0.4);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.site_common_blog_read .blog-random-media {
  max-height: 500px;
  min-height: 300px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  background-size: cover;
  filter: grayscale(0.8);
}
.site_common_blog_read .blog-random-media-wrapper {
  position: relative;
  text-align: center;
  margin: 0 auto;
}
.site_common_blog_read .blog-random-media-wrapper img {
  z-index: 1;
  position: relative;
}
.site_common_blog_read .blog-random-media-wrapper figcaption,
.site_common_blog_read .blog-random-media-wrapper small {
  z-index: 1;
  position: relative;
  margin-top: 5px;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
  padding: 2px 4px;
  color: #333;
}
.site_common_blog_read .blog-random-media-wrapper figcaption {
  font-size: 16px;
}
.site_common_blog_read #hostedvideo {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background-image: url(6d54f0b007799d539017.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;
  background-color: rgba(0, 0, 0, 0.1);
}
.site_common_blog_read .promolink_wrapper {
  text-align: center !important;
}
.site_common_blog_read .blog-title-line {
  margin: 0;
}
.site_common_blog_read .toc {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.site_common_blog_read .bottom-okosabbvagyok {
  margin-top: 20px;
}
.site_common_blog_read .blog-video-below {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0;
}
.site_common_blog_read .blog-video-below a {
  text-decoration: none;
}
.site_common_blog_read .blog-video-below__source {
  font-size: 18px;
  text-align: center;
  line-height: 1.3;
  border: 1px solid #c6c4c4;
  background: #dcdcdc;
  padding: 7px;
  color: black;
  border-radius: 5px;
}
.site_common_blog_read .blog-video-below__next {
  margin-left: 20px;
  font-size: 20px;
}
.site_common_blog_read .blog-content--shorts {
  font-size: 18px;
  line-height: 1.4;
}
.site_common_blog_read .blog-content--source {
  font-size: 12px;
  padding-left: 10px;
  margin: 0;
}
.site_common_blog_read .blog-content figure {
  text-align: center;
  position: relative;
  padding-bottom: 5px;
}
.site_common_blog_read .blog-content figure > a {
  background: none;
  display: block;
}
.site_common_blog_read .blog-content figcaption,
.site_common_blog_read .blog-content small {
  margin-top: 5px;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
  padding: 2px 4px;
}
.site_common_blog_read .blog-content figcaption,
.site_common_blog_read .blog-content small {
  position: relative;
  z-index: 1;
}
.site_common_blog_read .blog-content a[id] {
  position: relative;
  top: -40px;
}
.site_common_blog_read .blog-content .highlighted_text {
  font-weight: bold;
}
.site_common_blog_read .blog-content img.blog-solo-img {
  width: 100%;
  height: 300px;
  object-fit: contain;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.site_common_blog_read #wall {
  margin-bottom: 30px;
}
.site_common_blog_read #wall h2 {
  text-align: center;
}

.pagination-wrapper {
  text-align: center;
  margin: 50px 0;
}

.pagination {
  display: inline-block;
}
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: 1px solid #737373;
}
.pagination a.active {
  background-color: #4caf50;
  color: white;
  border: 1px solid #4caf50;
}
.pagination a:hover:not(.active) {
  background-color: #ddd;
}
.pagination a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.pagination a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

:root {
  --primary: #23adad;
  --greyLight: #23adade1;
  --greyLight-2: #cbe0dd;
  --greyDark: #2d4848;
}

.pagination-new {
  padding: 0;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 5em;
  margin: 3em;
  border-radius: 0.6em;
  background: #ffffff;
  box-shadow: 0 0.8rem 2rem rgba(90, 97, 129, 0.2);
}
@media screen and (max-width: 700px) {
  .pagination-new {
    font-size: 11px;
    margin: 1em;
  }
}
html[data-theme2=dark] .pagination-new {
  background: #8b7676;
}
html[data-theme2=dark] .pagination-new a:hover {
  background: transparent;
}
html[data-theme2=dark] .pagination-new__dots,
html[data-theme2=dark] .pagination-new a {
  color: #fff;
}
html[data-theme2=dark] .pagination-new__numbers.active {
  border-color: #000;
  background: #333;
}

.pagination-new ul {
  list-style-type: none;
}
.pagination-new a {
  color: #333;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-new a:hover {
  background: transparent;
}
.pagination-new__numbers, .pagination-new__btn, .pagination-new__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.5em;
  font-size: 1.4em;
  cursor: pointer;
}
.pagination-new__dots {
  width: 1.5em;
  height: 1.5em;
  margin: 0.3em;
  color: var(--greyLight);
  cursor: initial;
}
.pagination-new__numbers {
  width: 2.6em;
  height: 2.6em;
  border-radius: 0.4em;
}
.pagination-new__numbers a:hover {
  color: var(--primary);
}
.pagination-new__numbers.active {
  color: #ffffff;
  background: var(--primary);
  font-weight: 600;
  border: 1px solid var(--primary);
}
.pagination-new__numbers.active a {
  color: #ffffff;
}
.pagination-new__btn {
  width: 2.6em;
  height: 2.6em;
}
.pagination-new__btn a {
  color: var(--greyLight);
  pointer-events: none;
}
.pagination-new__btn.active a {
  color: var(--greyDark);
  pointer-events: initial;
}
.pagination-new__btn.active a:hover {
  color: var(--primary);
}

#page-categories_page #content .category-page {
  width: min(1200px, 95%);
  margin: 0 auto 40px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media screen and (max-width: 700px) {
  #page-categories_page #content .category-page {
    width: 100%;
    padding: 0 12px 24px;
    gap: 24px;
  }
}
#page-categories_page #content .category-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px 34px;
  border-radius: 24px;
  background: linear-gradient(135deg, #fff 0%, #f7f1e8 100%);
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 20px 45px rgba(38, 32, 24, 0.1);
}
@media screen and (max-width: 900px) {
  #page-categories_page #content .category-hero {
    padding: 28px;
  }
}
@media screen and (max-width: 700px) {
  #page-categories_page #content .category-hero {
    padding: 22px;
    border-radius: 18px;
  }
}
#page-categories_page #content .category-hero__headline {
  display: flex;
  align-items: center;
  gap: 12px 16px;
  flex-wrap: wrap;
}
#page-categories_page #content .category-hero__title {
  margin: 0;
  font-size: clamp(28px, 4.6vw, 48px);
  line-height: 1.05;
  text-transform: none;
  color: #2b2418;
  letter-spacing: -0.02em;
}
#page-categories_page #content .category-hero__lead {
  margin: 0;
  font-size: 16px;
  color: rgba(43, 36, 24, 0.75);
  max-width: 520px;
}
#page-categories_page #content .category-hero__count-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  background: rgba(255, 153, 2, 0.14);
  color: rgba(35, 28, 20, 0.75);
  white-space: nowrap;
}
#page-categories_page #content .category-tools {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: 6px;
  flex-wrap: wrap;
}
#page-categories_page #content .category-search {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}
#page-categories_page #content .category-search__label {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(35, 28, 20, 0.6);
}
#page-categories_page #content .category-search__input {
  width: min(320px, 70vw);
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #fff;
  color: #2b2418;
  font-size: 14px;
  outline: none;
}
#page-categories_page #content .category-search__input:focus {
  border-color: rgba(255, 153, 2, 0.6);
  box-shadow: 0 0 0 3px rgba(255, 153, 2, 0.2);
}
#page-categories_page #content .category-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#page-categories_page #content .category-section__title {
  margin: 0;
  font-size: 22px;
  color: #2b2418;
  text-transform: none;
}
#page-categories_page #content .category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 700px) {
  #page-categories_page #content .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#page-categories_page #content .category-grid--featured {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
@media screen and (max-width: 700px) {
  #page-categories_page #content .category-grid--featured {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#page-categories_page #content .category-card {
  position: relative;
  min-height: 170px;
  border-radius: 18px;
  overflow: hidden;
  background: #efe7d7;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 24px rgba(38, 32, 24, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
#page-categories_page #content .category-card a:hover {
  background: transparent;
}
#page-categories_page #content .category-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(34, 26, 16, 0.2) 0%, rgba(34, 26, 16, 0.6) 100%);
  z-index: 1;
}
#page-categories_page #content .category-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
  z-index: 1;
}
#page-categories_page #content .category-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 36px rgba(38, 32, 24, 0.22);
  border-color: rgba(0, 0, 0, 0.2);
}
#page-categories_page #content .category-card--featured {
  background: linear-gradient(135deg, rgba(255, 202, 111, 0.8), rgba(255, 142, 194, 0.65)), #f6ecda;
  min-height: 200px;
}
#page-categories_page #content .category-card__link {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  height: 100%;
  padding: 18px;
  color: #fff;
  text-decoration: none;
}
#page-categories_page #content .category-card__title {
  font-size: 18px;
  font-weight: 700;
  -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.4));
}
#page-categories_page #content .category-card__title i.fflag {
  width: 20px;
  height: 15px;
  vertical-align: baseline;
  margin-right: 6px;
}
#page-categories_page #content .category-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: fit-content;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background: rgba(255, 255, 255, 0.26);
  color: #fff;
}
#page-categories_page #content .category-card__badge {
  align-self: flex-start;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
#page-categories_page #content .category-card[hidden] {
  display: none;
}
#page-categories_page #content .category-card__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
}
#page-categories_page #content .category-empty {
  margin: 0;
  text-align: center;
  color: rgba(35, 28, 20, 0.7);
  font-size: 15px;
}

html[data-theme2=dark] #page-categories_page #content .category-hero {
  background: linear-gradient(135deg, rgba(20, 20, 32, 0.95) 0%, rgba(10, 12, 20, 0.98) 100%);
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.35);
}
html[data-theme2=dark] #page-categories_page #content .category-hero__lead,
html[data-theme2=dark] #page-categories_page #content .category-tools__count {
  color: rgba(255, 255, 255, 0.7);
}
html[data-theme2=dark] #page-categories_page #content .category-hero__title,
html[data-theme2=dark] #page-categories_page #content .category-tools__count-number,
html[data-theme2=dark] #page-categories_page #content .category-section__title {
  color: #fff;
}
html[data-theme2=dark] #page-categories_page #content .category-hero__count-pill {
  background: rgba(255, 153, 2, 0.2);
  color: rgba(255, 255, 255, 0.8);
}
html[data-theme2=dark] #page-categories_page #content .category-tools {
  background: rgba(20, 20, 28, 0.85);
  border-color: rgba(255, 255, 255, 0.08);
}
html[data-theme2=dark] #page-categories_page #content .category-search__label {
  color: rgba(255, 255, 255, 0.6);
}
html[data-theme2=dark] #page-categories_page #content .category-search__input {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(6, 8, 12, 0.8);
  color: #fff;
}
html[data-theme2=dark] #page-categories_page #content .category-search__input:focus {
  border-color: rgba(104, 170, 255, 0.6);
  box-shadow: 0 0 0 3px rgba(104, 170, 255, 0.2);
}
html[data-theme2=dark] #page-categories_page #content .category-card {
  background: #161922;
  border-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
}
html[data-theme2=dark] #page-categories_page #content .category-card::before {
  background: linear-gradient(180deg, rgba(10, 12, 18, 0.2) 0%, rgba(8, 10, 16, 0.78) 100%);
}
html[data-theme2=dark] #page-categories_page #content .category-card::after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
html[data-theme2=dark] #page-categories_page #content .category-card:hover {
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.2);
}
html[data-theme2=dark] #page-categories_page #content .category-card--featured {
  background: linear-gradient(135deg, rgba(72, 145, 255, 0.55), rgba(255, 79, 175, 0.35)), #10131d;
}
html[data-theme2=dark] #page-categories_page #content .category-empty {
  color: rgba(255, 255, 255, 0.7);
}

.item-functions-overlay {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 3;
  font-size: 14px;
}
.item-functions-overlay .item-functions-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: -10px;
}
.item-functions-overlay .item-functions-wrapper [data-public] i {
  display: none;
}
.item-functions-overlay .item-functions-wrapper [data-public="0"] i.icofont-lock {
  display: block;
}
.item-functions-overlay .item-functions-wrapper [data-public="1"] i.icofont-unlocked {
  display: block;
}
.item-functions-overlay .item-functions-wrapper a {
  margin-left: 10px;
  margin-top: 10px;
  text-decoration: none;
  width: auto;
  height: auto;
  display: inline-block;
}
.item-functions-overlay .item-functions-wrapper a:hover {
  background: none;
}
.item-functions-overlay .item-functions-wrapper a:hover a, .item-functions-overlay .item-functions-wrapper a:hover i {
  color: #ff9902;
  border-color: #ff9902;
}
.item-functions-overlay .item-functions-wrapper a i {
  padding: 7px;
  color: #FFF;
  border: 2px solid #FFF;
  border-radius: 50%;
}

.dashboard {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.dashboard__tagline {
  margin: 10px 0 30px;
  padding: 0 5px;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.dashboard__tagline--box {
  border: 1px solid var(--dashboard-badge-border, lightgrey);
  border-radius: 10px;
  background: var(--dashboard-badge-bg, transparent);
  color: var(--dashboard-badge-color, inherit);
  padding: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  max-width: 120px;
  margin-left: 0;
}
.dashboard__tagline--box:hover {
  border-color: var(--dashboard-badge-hover-border, #b3a8a8);
}
.dashboard__tagline--box:first-child {
  margin-left: 0;
}
.dashboard__top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 130px;
  z-index: -1;
}
.dashboard__settingsbox {
  --dashboard-badge-bg: #faf7ef;
  --dashboard-badge-border: #ded2be;
  --dashboard-badge-hover-border: #cdb98f;
  --dashboard-badge-color: #333;
}
.dashboard__settingsbox a {
  width: 100%;
  min-height: 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: #3d3225;
  text-decoration: none;
}
.dashboard__settingsbox a:hover {
  background: transparent;
  color: #7a4300;
}
html[data-theme2=dark] .dashboard__settingsbox a:hover {
  background: transparent;
  color: #ff9902;
}

.dashboard__settingsbox a span {
  font-weight: normal;
  display: block;
  font-size: 12px;
  line-height: 1.2;
}
.dashboard__settingsbox a i {
  display: block;
  color: #806034;
  font-size: 27px;
  line-height: 1;
}
.dashboard__settingsbox a i.icofont-ui-edit {
  font-size: 25px;
}
html[data-theme2=dark] .dashboard__settingsbox {
  --dashboard-badge-bg: #242424;
  --dashboard-badge-border: #555;
  --dashboard-badge-hover-border: #777;
  --dashboard-badge-color: #f1f1f1;
}
html[data-theme2=dark] .dashboard__settingsbox a {
  color: #f1f1f1;
}
html[data-theme2=dark] .dashboard__settingsbox a i {
  color: #ff9902;
}

.dashboard__followbox {
  --dashboard-badge-bg: #fffaf0;
  --dashboard-badge-border: #d7c29f;
  --dashboard-badge-hover-border: #c39f66;
  padding: 0;
  overflow: hidden;
}
html[data-theme2=dark] .dashboard__followbox {
  --dashboard-badge-bg: #333;
  --dashboard-badge-border: #555;
  --dashboard-badge-hover-border: #777;
}

.dashboard__follow-button {
  width: 100%;
  min-height: 74px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 8px;
  background: #fffaf0;
  color: #3d3225;
  cursor: pointer;
  font-weight: bold;
  line-height: 1.1;
  padding: 8px 10px;
}
.dashboard__follow-button i {
  display: block;
  font-size: 28px;
  line-height: 1;
}
.dashboard__follow-button span {
  display: block;
  font-size: 13px;
}
.dashboard__follow-button:hover {
  background: #fff1d4;
  color: #7a4300;
}
.dashboard__follow-button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.dashboard__follow-button--active {
  background: #fff;
  color: #7f3030;
  box-shadow: inset 0 0 0 1px #d8b9b9;
}
.dashboard__follow-button--active:hover {
  background: #fff5f5;
  color: #b93030;
}
html[data-theme2=dark] .dashboard__follow-button {
  background: #333;
  color: #fff;
}
html[data-theme2=dark] .dashboard__follow-button:hover {
  color: #ff9902;
}
html[data-theme2=dark] .dashboard__follow-button--active {
  background: #5d5d5d;
  color: #fff;
  box-shadow: inset 0 0 0 1px #777;
}
html[data-theme2=dark] .dashboard__follow-button--active:hover {
  color: #ffd0d0;
}

.dashboard__profile-statusbox, .dashboard__profile-statbox {
  --dashboard-badge-bg: #faf7ef;
  --dashboard-badge-border: #ded2be;
  --dashboard-badge-hover-border: #cdb98f;
  --dashboard-badge-color: #333;
}
html[data-theme2=dark] .dashboard__profile-statusbox, html[data-theme2=dark] .dashboard__profile-statbox {
  --dashboard-badge-bg: #242424;
  --dashboard-badge-border: #555;
  --dashboard-badge-hover-border: #777;
  --dashboard-badge-color: #f1f1f1;
}

.dashboard__profile-statusbox {
  gap: 5px;
  min-width: 110px;
  max-width: 150px;
}
.dashboard__profile-statbox {
  flex-direction: row;
  gap: 0;
  min-width: 150px;
  max-width: 190px;
  padding: 7px 10px;
}
.dashboard__profile-statbox .dashboard__profile-stat {
  min-width: 58px;
  padding: 0 10px;
}
.dashboard__profile-statbox .dashboard__profile-stat + .dashboard__profile-stat {
  border-left: 1px solid var(--dashboard-badge-border, lightgrey);
}
.dashboard__profile-statbox .dashboard__profile-stat-count {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.dashboard__profile-statbox .dashboard__profile-stat-label {
  display: block;
  font-size: 12px;
  line-height: 1.2;
}
.dashboard__isadvanced {
  background: #fff;
  border: 1px solid #d7c29f;
  color: #3d3225;
  line-height: 1.55;
  display: inline-block;
  padding: 1px 7px;
  border-radius: 6px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
}
.dashboard__isadvanced-info {
  margin-top: 5px;
}
.dashboard__isadvanced--true {
  background: #fff1d4;
  border-color: #d7a84b;
  color: #6f4700;
}
.dashboard__isadvanced--boss {
  background: #fff0f0;
  border-color: #d8a0a0;
  color: #9c2a2a;
}
html[data-theme2=dark] .dashboard__isadvanced {
  background: #333;
  border-color: #555;
  color: #f1f1f1;
}
html[data-theme2=dark] .dashboard__isadvanced--true {
  background: #3a3020;
  border-color: #6d552f;
  color: #ffb84d;
}
html[data-theme2=dark] .dashboard__isadvanced--boss {
  background: #3d2424;
  border-color: #7c3a3a;
  color: #ff9a9a;
}

.dashboard__membersince {
  color: #6f604b;
  font-size: 12px;
  font-style: normal;
  line-height: 1.2;
  margin-top: 0;
}
html[data-theme2=dark] .dashboard__membersince {
  color: #d5c4aa;
}

.dashboard__avatar {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #7e97ba;
  color: #FFF;
  text-align: center;
  line-height: 50px;
  margin: 0.67em 0;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 30px;
  flex-shrink: 0;
}
.dashboard__avatar_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.dashboard__avatar_wrapper .profile-picture-component {
  width: 100px;
  height: 100px;
}
.dashboard h1 {
  display: inline-block;
  line-height: 1.2;
  margin-left: 15px;
}
.dashboard h1, .dashboard h2 {
  padding: 0 10px;
}
.dashboard__logout {
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
}
.dashboard__public_addr {
  padding: 20px 0;
  margin: 10px 2px;
  text-align: center;
}
.dashboard__go {
  text-align: center;
  margin: 20px 0;
}
.dashboard__intro {
  border-radius: 10px;
  margin: 0 10px;
  background: #eee;
  padding: 10px;
  outline: none;
  position: relative;
  font-size: 17px;
  line-height: 1.4;
  flex: 1;
  border: 1px solid #CECECE;
}
.dashboard__intro.dashboard__intro--sorry {
  margin-bottom: 10px;
  background: #FDE0E0;
  border-color: #F5B1B1;
}
html[data-theme2=dark] .dashboard__intro.dashboard__intro--sorry {
  background: #8B3E3E;
  border-color: #A55252;
}

.dashboard__intro--empty {
  font-style: italic;
}
.dashboard__intro p {
  margin: 0;
  display: block;
  outline: none;
}
.dashboard__intro--empty {
  font-style: italic;
  border-color: red;
  cursor: pointer;
}
.dashboard__intro-wrapper {
  display: flex;
}
@media screen and (max-width: 700px) {
  .dashboard__intro-wrapper {
    flex-direction: column;
  }
}
.dashboard__socialwrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin: 24px 10px 0;
}
@media screen and (max-width: 700px) {
  .dashboard__socialwrapper {
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
  }
}
.dashboard__socialcard {
  position: relative;
  --socialcard-text-color: #2f2a21;
  display: flex;
  flex-direction: column;
  min-height: 150px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid #ddd1bc;
  background: linear-gradient(180deg, #fffaf2 0%, #f5eedf 100%);
  box-shadow: 0 14px 30px rgba(76, 55, 23, 0.1);
  color: var(--socialcard-text-color);
  text-decoration: none;
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.dashboard__socialcard > * {
  position: relative;
  z-index: 1;
}
.dashboard__socialcard:before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.68) 0%, rgba(255, 255, 255, 0) 48%);
  pointer-events: none;
}
.dashboard__socialcard:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(76, 55, 23, 0.14);
  border-color: #cdb897;
  background: linear-gradient(180deg, #fffdf8 0%, #f7efe2 100%);
  color: var(--socialcard-text-color);
  text-decoration: none;
}
html[data-theme2=dark] .dashboard__socialcard {
  --socialcard-text-color: #f4f4f4;
  background: linear-gradient(180deg, #777 0%, #676767 100%);
  border: 1px solid #8a8a8a;
  box-shadow: none;
  color: var(--socialcard-text-color);
}

@media screen and (max-width: 700px) {
  .dashboard__socialcard {
    min-height: 0;
  }
}
.dashboard__socialcard--profile {
  cursor: default;
}
.dashboard__socialcard--profile:hover {
  transform: none;
  box-shadow: 0 14px 30px rgba(76, 55, 23, 0.1);
  border-color: #ddd1bc;
  background: linear-gradient(180deg, #fffaf2 0%, #f5eedf 100%);
}
html[data-theme2=dark] .dashboard__socialcard--profile:hover {
  background: linear-gradient(180deg, #777 0%, #676767 100%);
  border-color: #8a8a8a;
  box-shadow: none;
}

.dashboard__socialcard--gender {
  cursor: default;
  background: var(--gender-card-background, linear-gradient(180deg, #fffaf2 0%, #f5eedf 100%));
  border-color: var(--gender-card-border, #ddd1bc);
  box-shadow: var(--gender-card-shadow, 0 14px 30px rgba(76, 55, 23, 0.1));
}
.dashboard__socialcard--gender:hover {
  transform: none;
  background: var(--gender-card-background, linear-gradient(180deg, #fffaf2 0%, #f5eedf 100%));
  border-color: var(--gender-card-border, #ddd1bc);
  box-shadow: var(--gender-card-shadow, 0 14px 30px rgba(76, 55, 23, 0.1));
}
.dashboard__socialcard--profile:before {
  background: radial-gradient(circle at top right, rgba(225, 171, 84, 0.28) 0%, rgba(225, 171, 84, 0) 56%);
}
.dashboard__socialcard--gender:before {
  background: var(--gender-card-accent, radial-gradient(circle at top right, rgba(225, 171, 84, 0.28) 0%, rgba(225, 171, 84, 0) 56%));
}
.dashboard__socialcard--x:before {
  background: radial-gradient(circle at top right, rgba(72, 159, 255, 0.18) 0%, rgba(72, 159, 255, 0) 56%);
}
.dashboard__socialcard--patreon:before {
  background: radial-gradient(circle at top right, rgba(249, 104, 84, 0.22) 0%, rgba(249, 104, 84, 0) 56%);
}
.dashboard__socialcard-top {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.dashboard__socialcard-icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(115, 90, 50, 0.08);
  font-size: 22px;
  font-weight: 700;
}
html[data-theme2=dark] .dashboard__socialcard-icon {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.08);
}

.dashboard__socialcard-icon--letter {
  font-family: Georgia, serif;
  font-size: 24px;
  line-height: 1;
}
.dashboard__socialcard-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4;
  text-transform: uppercase;
  color: #776a57;
}
html[data-theme2=dark] .dashboard__socialcard-label {
  color: #e1dfdb;
}

.dashboard__socialcard-value {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
  color: var(--socialcard-text-color);
}
.dashboard__socialcard-action {
  margin-top: auto;
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(90, 70, 45, 0.08);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
html[data-theme2=dark] .dashboard__socialcard-action {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.08);
}

.dashboard__socialcard-action--static {
  background: rgba(138, 79, 18, 0.1);
  border-color: rgba(138, 79, 18, 0.12);
  color: #8a4f12;
}
html[data-theme2=dark] .dashboard__socialcard-action--static {
  background: rgba(243, 207, 159, 0.1);
  border-color: rgba(243, 207, 159, 0.16);
  color: #f3cf9f;
}

.dashboard__socialcard--profile .dashboard__socialcard-icon {
  background: #fff1d7;
  color: #8a4f12;
}
.dashboard__socialcard--profile .dashboard__socialcard-value {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}
.dashboard__socialcard--gender .dashboard__socialcard-value {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.45;
}
.dashboard__socialcard--gender .dashboard__socialcard-action--static {
  background: var(--gender-action-background, rgba(138, 79, 18, 0.1));
  border-color: var(--gender-action-border, rgba(138, 79, 18, 0.12));
  color: var(--gender-action-color, #8a4f12);
}
.dashboard__socialcard--gender-male {
  --gender-card-background: linear-gradient(180deg, #f1f8ff 0%, #dfeeff 100%);
  --gender-card-border: #bfd9f6;
  --gender-card-shadow: 0 14px 30px rgba(51, 102, 153, 0.10);
  --gender-card-accent: radial-gradient(circle at top right, rgba(109, 167, 224, 0.28) 0%, rgba(109, 167, 224, 0) 56%);
  --gender-action-background: rgba(54, 120, 186, 0.10);
  --gender-action-border: rgba(54, 120, 186, 0.14);
  --gender-action-color: #215f9c;
}
.dashboard__socialcard--gender-male .dashboard__socialcard-icon {
  background: #dceeff;
  color: #215f9c;
}
html[data-theme2=dark] .dashboard__socialcard--gender-male {
  --gender-card-background: linear-gradient(180deg, #536b82 0%, #465a70 100%);
  --gender-card-border: #69809a;
  --gender-card-shadow: none;
  --gender-action-background: rgba(197, 224, 255, 0.12);
  --gender-action-border: rgba(197, 224, 255, 0.16);
  --gender-action-color: #d9ecff;
}
html[data-theme2=dark] .dashboard__socialcard--gender-male .dashboard__socialcard-icon {
  background: rgba(197, 224, 255, 0.14);
  color: #d9ecff;
}

.dashboard__socialcard--gender-female {
  --gender-card-background: linear-gradient(180deg, #fff2f7 0%, #fbe1eb 100%);
  --gender-card-border: #efbfd1;
  --gender-card-shadow: 0 14px 30px rgba(170, 82, 118, 0.10);
  --gender-card-accent: radial-gradient(circle at top right, rgba(233, 130, 171, 0.26) 0%, rgba(233, 130, 171, 0) 56%);
  --gender-action-background: rgba(183, 75, 119, 0.10);
  --gender-action-border: rgba(183, 75, 119, 0.14);
  --gender-action-color: #9e3f68;
}
.dashboard__socialcard--gender-female .dashboard__socialcard-icon {
  background: #ffe1ec;
  color: #9e3f68;
}
html[data-theme2=dark] .dashboard__socialcard--gender-female {
  --gender-card-background: linear-gradient(180deg, #765363 0%, #684756 100%);
  --gender-card-border: #8d6578;
  --gender-card-shadow: none;
  --gender-action-background: rgba(255, 215, 230, 0.12);
  --gender-action-border: rgba(255, 215, 230, 0.16);
  --gender-action-color: #ffe3ee;
}
html[data-theme2=dark] .dashboard__socialcard--gender-female .dashboard__socialcard-icon {
  background: rgba(255, 215, 230, 0.14);
  color: #ffe3ee;
}

.dashboard__socialcard--gender-other {
  --gender-card-background: linear-gradient(135deg, #fff0f4 0%, #fff8dc 34%, #e8f7ed 66%, #eef3ff 100%);
  --gender-card-border: #d7c7ee;
  --gender-card-shadow: 0 14px 30px rgba(112, 85, 156, 0.10);
  --gender-card-accent: radial-gradient(circle at top right, rgba(174, 119, 214, 0.24) 0%, rgba(174, 119, 214, 0) 56%);
  --gender-action-background: rgba(115, 78, 166, 0.10);
  --gender-action-border: rgba(115, 78, 166, 0.14);
  --gender-action-color: #68459a;
}
.dashboard__socialcard--gender-other .dashboard__socialcard-icon {
  background: linear-gradient(135deg, #ffd6e7 0%, #fff0a8 35%, #bbf7d0 68%, #c7d2fe 100%);
  color: #4a2a5a;
}
html[data-theme2=dark] .dashboard__socialcard--gender-other {
  --gender-card-background: linear-gradient(135deg, #6f4e5b 0%, #695f3e 34%, #436352 66%, #4d5573 100%);
  --gender-card-border: #7c7095;
  --gender-card-shadow: none;
  --gender-action-background: rgba(232, 222, 255, 0.12);
  --gender-action-border: rgba(232, 222, 255, 0.16);
  --gender-action-color: #f0e7ff;
}
html[data-theme2=dark] .dashboard__socialcard--gender-other .dashboard__socialcard-icon {
  background: linear-gradient(135deg, rgba(255, 214, 231, 0.24) 0%, rgba(255, 240, 168, 0.24) 35%, rgba(187, 247, 208, 0.24) 68%, rgba(199, 210, 254, 0.24) 100%);
  color: #f0e7ff;
}

.dashboard__socialcard--x .dashboard__socialcard-icon {
  background: #e7f1ff;
  color: #0f1419;
}
.dashboard__socialcard--x .dashboard__socialcard-action {
  background: rgba(72, 159, 255, 0.12);
  border-color: rgba(72, 159, 255, 0.16);
  color: #1656a9;
}
html[data-theme2=dark] .dashboard__socialcard--x .dashboard__socialcard-action {
  background: rgba(72, 159, 255, 0.16);
  border-color: rgba(72, 159, 255, 0.18);
  color: #dbeaff;
}

.dashboard__socialcard--patreon .dashboard__socialcard-icon {
  background: #ffe5de;
  color: #052d49;
}
.dashboard__socialcard--patreon .dashboard__socialcard-action {
  background: rgba(249, 104, 84, 0.12);
  border-color: rgba(249, 104, 84, 0.16);
  color: #b14b3c;
}
html[data-theme2=dark] .dashboard__socialcard--patreon .dashboard__socialcard-action {
  background: rgba(249, 104, 84, 0.14);
  border-color: rgba(249, 104, 84, 0.18);
  color: #ffd5cc;
}

.dashboard__box {
  min-height: 300px;
  background: #FFF;
  width: 100%;
  padding: 10px;
  overflow: hidden;
  border-radius: 10px;
}
.dashboard__box-title {
  white-space: nowrap;
}
.dashboard__box-title h2 {
  display: inline-block;
}
.dashboard__box-title h2 span {
  margin-left: 10px;
}
.dashboard__box-title h2 svg {
  width: 28px;
  height: 28px;
}
.dashboard__box-title a {
  white-space: nowrap;
}
.dashboard__box-nominheight {
  min-height: 0;
}
.dashboard__box--empty {
  min-height: 150px;
}
.dashboard__box--empty .medias_wall {
  height: 150px !important;
}
.dashboard__box--empty .medias_wall .info-item {
  height: 150px !important;
  width: 250px !important;
}
.dashboard__box--empty .medias_wall_wrapper {
  height: 150px !important;
}
@media screen and (max-width: 700px) {
  .dashboard__box--empty .medias_wall_wrapper--empty {
    height: auto !important;
    min-height: 150px;
    overflow: visible;
  }
  .dashboard__box--empty .medias_wall_wrapper--empty .medias_wall {
    display: none;
  }
  .dashboard__box--empty .medias_wall_wrapper--empty .medias_wall_empty {
    position: static;
    transform: none;
    width: 100%;
    padding: 18px 12px;
    box-sizing: border-box;
  }
  .dashboard__box--empty .medias_wall_wrapper--empty .medias_wall_empty p {
    margin: 0;
    white-space: normal;
    line-height: 1.35;
  }
  .dashboard__box--empty .medias_wall_wrapper--empty .medias_wall_empty p + p {
    margin-top: 10px;
  }
  .dashboard__box--empty .medias_wall_wrapper--empty .medias_wall_empty p:first-child {
    font-size: 18px;
  }
}
.dashboard__box--feed .feed-item__description {
  color: #339959;
}
@media screen and (min-width: 701px) {
  .dashboard__box {
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
  }
}
@media screen and (max-width: 700px) {
  .dashboard__box {
    margin: 0 2px;
    width: calc(100vw - 4px);
  }
}
.dashboard__box:last-child {
  margin-bottom: 40px;
}
.dashboard .simplebar-content-wrapper {
  overflow-y: hidden;
}
.dashboard .medias_wall_item:hover {
  z-index: 3;
}
.dashboard .medias_wall {
  height: 410px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  display: inline-flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.dashboard .medias_wall_empty {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.dashboard .medias_wall_empty p {
  display: block;
  text-align: center;
}
.dashboard .medias_wall_empty p em {
  padding: 4px;
  border-radius: 50%;
}
.dashboard .medias_wall_empty p em.empty_icon_red {
  background: #e85858;
}
.dashboard .medias_wall_empty p em.empty_icon_green {
  background: #34af23;
}
.dashboard .medias_wall_empty p em i.icofont-pictures,
.dashboard .medias_wall_empty p em i.icofont-heart-alt {
  color: #FFF;
}
.dashboard .medias_wall_empty p:first-child {
  font-size: 20px;
  font-weight: bold;
}
.dashboard .medias_wall_wrapper {
  position: relative;
  width: 100%;
  height: 430px;
  overflow-y: hidden;
  overflow-x: auto;
}
@media screen and (max-width: 700px) {
  .dashboard .medias_wall_wrapper {
    height: 405px;
  }
}
.dashboard .medias_wall_wrapper:after {
  content: " ";
  display: block;
  clear: both;
}
.dashboard .medias_wall_item {
  position: relative;
  height: 200px;
  overflow: hidden;
  width: auto;
  max-width: 270px;
  min-width: 150px;
  list-style-type: none;
  margin: 0 5px 5px 0;
  padding: 0;
}
.dashboard .medias_wall_item--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.dashboard .medias_wall_item__media-link {
  width: 100%;
  height: 100%;
  display: block;
}
.dashboard .medias_wall_item__media-link:hover {
  background: none;
}
.dashboard .medias_wall_item__title {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #f1f1f1;
  font-size: 16px;
  padding: 5px;
  white-space: normal;
  font-weight: normal;
}
.dashboard .medias_wall_item__showall {
  background: #333;
  text-align: center;
  display: block;
  position: relative;
}
.dashboard .medias_wall_item__showall a {
  height: 100%;
  width: 100%;
  font-size: 18px;
  display: block;
  color: #ff9902;
}
.dashboard .medias_wall_item__showall a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  word-break: break-word;
  white-space: normal;
}
.dashboard .medias_wall_item.waiting-for-approval img {
  opacity: 0.6;
}
.dashboard .medias_wall_item img:hover {
  transform: scale(1.2);
  transition: transform 0.3s;
}
.dashboard .medias_wall_item img, .dashboard .medias_wall_item video {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: cover;
  background-color: #d7d7d7;
  z-index: 1;
  position: relative;
}
.dashboard .medias_wall_item .item-not-public {
  display: block;
  width: 250px;
}
.dashboard .medias_wall_item .item-not-public img {
  background-color: transparent;
}
.dashboard .medias_wall_item .item-not-public .content-not-public {
  top: 10px;
}
@media screen and (max-width: 700px) {
  .dashboard .medias_wall_item .item-not-public .content-not-public {
    top: 25px;
  }
}
.dashboard .medias_wall_item .item-waiting-for-approval {
  text-align: center;
  position: absolute;
  font-weight: bold;
  font-size: 20px;
  background: rgba(255, 255, 255, 0.6);
  padding-top: 30px;
  color: black;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  z-index: 2;
  white-space: break-spaces;
}
.dashboard .medias_wall_item:hover .item-functions-overlay {
  display: flex;
}
.dashboard .medias_wall .info-item {
  display: flex;
  width: 100%;
  height: 200px;
  background: #1d2129;
  color: white;
  border-radius: 5px;
  align-items: center;
  justify-content: center;
}
.dashboard .medias_wall .info-item a {
  text-align: center;
  width: 100%;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: white;
}
.dashboard .medias_wall .info-item a:hover {
  background: none;
  color: #ff9902;
}
.dashboard .medias_wall .info-item a:hover em {
  color: #ff9902;
}
.dashboard .medias_wall .info-item a em {
  display: block;
  color: #FFF;
  font-size: 18px;
}
.dashboard .medias_wall .info-item a i {
  display: block;
  font-size: 60px;
}
.dashboard .dashboard-following-wall .activity-owner-badge {
  top: 6px;
  left: 6px;
}
.dashboard .dashboard-following-wall__item--collection {
  background: #1d2129;
}
.dashboard .dashboard-following-suggestions {
  max-width: 620px;
  margin: 10px auto 0;
  color: #5d4d37;
  font-size: 15px;
  line-height: 1.45;
}
.dashboard .dashboard-following-suggestions a {
  color: #7a4300;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid rgba(122, 67, 0, 0.35);
}
.dashboard .dashboard-following-suggestions a:hover {
  background: transparent;
  color: #ff9902;
  border-bottom-color: #ff9902;
}
html[data-theme2=dark] .dashboard .dashboard-following-suggestions {
  color: #d5c4aa;
}
html[data-theme2=dark] .dashboard .dashboard-following-suggestions a {
  color: #ffb84d;
  border-bottom-color: rgba(255, 184, 77, 0.45);
}
html[data-theme2=dark] .dashboard .dashboard-following-suggestions a:hover {
  color: #ff9902;
  border-bottom-color: #ff9902;
}

.dashboard table {
  text-align: center;
  min-width: 300px;
}
.dashboard table tr, .dashboard table th {
  padding: 5px;
}
.dashboard table .stat-num-box {
  border-radius: 8px;
  height: 80px;
  line-height: 80px;
  font-size: 36px;
  background: #1DA1F2;
  color: #FFF;
  margin: 0 auto;
  border: 3px solid #eee;
  font-weight: bold;
  padding: 0 10px;
}

.toggle {
  text-align: center;
  user-select: none;
  position: relative;
}
.toggle a {
  color: white;
}

.caption {
  left: 0;
  top: -2px;
  transform: translateX(-110%);
  position: absolute;
  white-space: nowrap;
  color: darkred;
  font-weight: bold;
  padding: 10px;
  background: #fdf6bf;
  border-radius: 5px;
  border: 1px dashed darkred;
}

.toggle--checkbox {
  opacity: 0;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.toggle--btn {
  display: block;
  margin: 0 auto;
  font-size: 1.3em;
  transition: all 350ms ease-in;
}
.toggle--btn:hover {
  cursor: pointer;
}

.toggle--btn, .toggle--btn:before, .toggle--btn:after,
.toggle--checkbox,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature,
.toggle--feature:before,
.toggle--feature:after {
  transition: all 250ms ease-in;
}
.toggle--btn:before, .toggle--btn:after,
.toggle--checkbox:before,
.toggle--checkbox:after,
.toggle--feature:before,
.toggle--feature:after {
  content: "";
  display: block;
}

.wall_functions {
  display: flex;
  min-height: 40px;
  flex-direction: row-reverse;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.1);
  padding: 6px 4px;
}
html[data-theme2=dark] .wall_functions {
  background: rgba(255, 255, 255, 0.04);
}

@media screen and (max-width: 701px) {
  .wall_functions {
    padding-left: 20px;
  }
}
@media screen and (min-width: 701px) {
  .wall_functions--mobile-only {
    display: none;
  }
}
.wall_functions .toggle input {
  display: none;
}
.wall_functions .wall-fn-text {
  line-height: 40px;
}
.wall_functions .wall-fn-btn button {
  cursor: pointer;
  padding: 0;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.75);
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  border: none;
  outline: 0;
  border-radius: 2px;
}
.wall_functions .wall-fn-btn i {
  color: #333;
  font-size: 30px;
}
@media screen and (min-width: 701px) {
  .wall_functions .wall-fn-btn.layout-change {
    display: none;
  }
}
.wall_functions .wall-fn-btn.layout-change button.one-col-mode {
  background: #a4bf4d;
  color: #FFF;
}
.wall_functions .wall-fn-btn.layout-change button.one-col-mode i {
  color: #FFF;
}
.wall_functions .wall-fn-btn.wall-filter-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media screen and (max-width: 701px) {
  .wall_functions .wall-fn-btn.wall-filter-btn {
    flex-direction: row-reverse;
  }
}
.wall_functions .wall-fn-btn.wall-filter-btn span {
  background: #fdf6bf;
  font-weight: 700;
  color: darkred;
  padding: 3px;
  margin: 0;
  vertical-align: super;
}
html[data-theme2=dark] .wall_functions .wall-fn-btn.wall-filter-btn span {
  background: rgba(0, 255, 169, 0.12);
  border: 1px solid rgba(0, 255, 169, 0.2);
  color: #dff8ec;
}

.wall_functions .wall-fn-btn.wall-filter-btn button {
  margin-right: 5px;
}
@media screen and (max-width: 701px) {
  .wall_functions .wall-fn-btn.wall-filter-btn button {
    margin-left: 5px;
  }
}
.wall_functions .wall-fn-btn.wall-filter-btn button i {
  font-size: 26px;
}

.toggle--knob .toggle--btn {
  position: relative;
  width: 100px;
  height: 30px;
  text-transform: uppercase;
  color: #fff;
  background: #a4bf4d;
  box-shadow: inset 0 20px 40px -10px #7b9d25;
  border-radius: 40px;
}
.toggle--knob .toggle--btn:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translateY(-50%);
  width: 43px;
  height: 43px;
  border-radius: 50%;
  background: #f1f1f1;
  box-shadow: 0 4px 10px 0 #999, inset 0 10px 10px 8px rgba(241, 241, 241, 0.6), inset 0 0 8px 0 #333, inset 0 0 0 13px #ccc, inset 0 0 0 14px #f1f1f1;
  text-indent: -100%;
}
.toggle--knob .toggle--feature {
  position: relative;
  display: block;
  overflow: hidden;
  height: 30px;
  text-shadow: 0 1px 2px #666;
}
.toggle--knob .toggle--feature:before, .toggle--knob .toggle--feature:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.toggle--knob .toggle--feature:before {
  content: attr(data-label-on);
  left: 20%;
}
.toggle--knob .toggle--feature:after {
  content: attr(data-label-off);
  right: -60%;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn {
  background: #a2a2a2;
  box-shadow: inset 0 20px 40px -10px #7e7e7e;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn:before {
  left: 0;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn .toggle--feature:before {
  left: -60%;
}
.toggle--knob .toggle--checkbox:not(:checked) + .toggle--btn .toggle--feature:after {
  right: 20%;
}

ul.categories {
  font-size: 0;
  margin: 20px 0 0;
}
ul.categories.categories--skeleton li {
  background: #aeaeae;
  color: transparent;
  animation: shine-lines 1.6s infinite linear;
  background-image: linear-gradient(90deg, #aeaeae 0px, rgba(232, 232, 232, 0.4) 40px, #aeaeae 80px);
  background-size: 600px;
}
@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}
ul.categories.categories--skeleton li:after {
  content: attr(data-chars);
  position: relative;
}
@media screen and (min-width: 701px) {
  ul.categories {
    padding: 0;
  }
}
ul.categories--alt li {
  background: #339959 !important;
}
ul.categories--alt li a {
  color: #f1f1f1 !important;
}
ul.categories li {
  display: inline-block;
  background: #ff9902;
  font-size: 16px;
  font-weight: bolder;
  border-radius: 5px;
  margin: 0 5px 5px 0;
}
ul.categories li a {
  text-decoration: none;
  color: #000;
  padding: 0 7px;
  display: block;
  line-height: 1.9;
}
ul.categories li a i.fflag {
  width: 20px;
  height: 15px;
  vertical-align: middle;
}
ul.categories li a:hover {
  background: none;
}
ul.categories li:hover, ul.categories li.selected {
  background: #ff4d4d;
}
ul.categories li:hover a, ul.categories li.selected a {
  color: #fff;
}

.categories-wrapper {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}
.categories-wrapper--wide {
  max-width: 1024px;
}

#page-main .local-trends-wrapper {
  margin-top: 20px;
}

.local-trends-wrapper {
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #e2dcc9;
  background: linear-gradient(45deg, #f1ebdb 25%, #eee9d7 25%, #eee9d7 50%, #f1ebdb 50%, #f1ebdb 75%, #eee9d7 75%, #eee9d7 100%);
  background-size: 56.57px 56.57px;
}
#page-searchpage .local-trends-wrapper, #page-media .local-trends-wrapper {
  margin-bottom: 20px;
  margin-top: 10px;
}

html[data-theme2=dark] .local-trends-wrapper {
  border: 1px solid #7b736b;
  background: linear-gradient(45deg, #a3a3a3 25%, #999898 25%, #999898 50%, #a3a3a3 50%, #a3a3a3 75%, #999898 75%, #999898 100%);
  background-size: 56.57px 56.57px;
}

@media screen and (max-width: 700px) {
  .local-trends-wrapper {
    margin: 0 5px;
    width: calc(100% - 10px);
  }
}
.local-trends-wrapper h3 {
  margin: 0;
  padding: 0;
}
html[data-theme2=dark] .local-trends-wrapper h3 {
  color: #333;
}

.local-trends-wrapper .fflag {
  width: 20px;
  height: 20px;
}
.local-trends-wrapper__taglist {
  position: relative;
}
@media screen and (max-width: 700px) {
  .local-trends-wrapper__taglist:after {
    content: " ";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    right: 0;
    top: 0;
    height: 25px;
    width: 35px;
    background: -moz-linear-gradient(left, rgba(238, 233, 215, 0) 0%, rgb(238, 233, 215) 100%);
    background: -webkit-linear-gradient(left, rgba(238, 233, 215, 0) 0%, rgb(238, 233, 215) 100%);
    background: linear-gradient(to right, rgba(238, 233, 215, 0) 0%, rgb(238, 233, 215) 100%);
  }
  html[data-theme2=dark] .local-trends-wrapper__taglist:after {
    background: -moz-linear-gradient(left, rgba(153, 152, 152, 0) 0%, rgb(153, 152, 152) 100%);
    background: -webkit-linear-gradient(left, rgba(153, 152, 152, 0) 0%, rgb(153, 152, 152) 100%);
    background: linear-gradient(to right, rgba(153, 152, 152, 0) 0%, rgb(153, 152, 152) 100%);
  }
}
.local-trends-wrapper__taglist ul {
  padding: 0 !important;
}
@media screen and (max-width: 700px) {
  .local-trends-wrapper__taglist ul {
    white-space: nowrap;
    overflow: scroll;
  }
}
.local-trends-wrapper__taglist ul li {
  font-size: 12px;
}
html[data-theme2=dark] .local-trends-wrapper__taglist ul li {
  color: #333;
}

.homepage-profile-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 12px 0 20px;
  padding: 14px 16px;
  border: 1px solid #d9d1b8;
  border-left: 6px solid #339959;
  border-radius: 10px;
  background: linear-gradient(135deg, #fff7d6 0%, #f5f7fa 100%);
  box-shadow: 0 12px 24px -20px rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 700px) {
  .homepage-profile-banner {
    flex-direction: column;
    align-items: flex-start;
    margin: 12px 5px 20px;
  }
}
html[data-theme2=dark] .homepage-profile-banner {
  border-color: #7b736b;
  border-left-color: #8fd7a2;
  background: linear-gradient(135deg, #5f584a 0%, #333 100%);
  box-shadow: none;
}

.homepage-profile-banner__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 50%;
  background: rgba(51, 153, 89, 0.15);
  color: #1f6b3b;
  font-size: 28px;
}
html[data-theme2=dark] .homepage-profile-banner__icon {
  background: rgba(143, 215, 162, 0.16);
  color: #d8f3df;
}

.homepage-profile-banner__content {
  flex: 1;
  min-width: 0;
}
.homepage-profile-banner__content strong {
  display: block;
  color: #23180a;
  font-size: 18px;
  margin-bottom: 4px;
}
html[data-theme2=dark] .homepage-profile-banner__content strong {
  color: #f8f4ea;
}

.homepage-profile-banner__content p {
  margin: 0;
  color: #4d3a18;
  font-size: 15px;
  line-height: 1.45;
}
html[data-theme2=dark] .homepage-profile-banner__content p {
  color: #f1e7cf;
}

.homepage-profile-banner__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  background: #339959;
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
@media screen and (max-width: 700px) {
  .homepage-profile-banner__cta {
    width: 100%;
  }
}
html[data-theme2=dark] .homepage-profile-banner__cta {
  color: #132217;
  background: #8fd7a2;
}
html[data-theme2=dark] .homepage-profile-banner__cta:hover {
  background: #b9efc7;
  color: #132217;
  box-shadow: none;
}

.homepage-profile-banner__cta:hover {
  background: #287b47;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px -12px rgba(0, 0, 0, 0.85);
}

.popular-categories {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "intro cta" "grid grid";
  align-items: end;
  margin: 22px auto;
  padding: 22px;
  border-radius: 24px;
  border: 1px solid rgba(38, 32, 24, 0.1);
  background: linear-gradient(180deg, #fffdfa 0%, #f2eee8 100%);
  box-shadow: 0 14px 34px rgba(38, 32, 24, 0.08);
}
@media screen and (max-width: 700px) {
  .popular-categories {
    display: block;
    width: calc(100% - 10px);
    margin: 18px 5px;
    padding: 18px 14px;
    border-radius: 18px;
  }
}

.popular-categories__intro {
  grid-area: intro;
  flex: 1 1 auto;
  min-width: 0;
  margin-bottom: 18px;
}
.popular-categories__intro .styled_heading {
  margin: 0;
}
@media screen and (max-width: 700px) {
  .popular-categories__intro {
    margin-bottom: 12px;
  }
}

.popular-categories__heading {
  color: #339959;
}

.popular-categories__lead {
  margin: 8px 0 0;
  max-width: 520px;
  color: rgba(43, 36, 24, 0.66);
}

.popular-categories__cta {
  grid-area: cta;
  flex: 0 0 auto;
  box-sizing: border-box;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  margin: 0;
  justify-self: center;
  align-self: start;
}
@media screen and (max-width: 700px) {
  .popular-categories__cta {
    width: min(320px, 100%);
    text-align: center;
    margin: 14px auto 0;
  }
}

.popular-categories__grid {
  grid-area: grid;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 960px) {
  .popular-categories__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 700px) {
  .popular-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
}

.popular-categories__card {
  position: relative;
  min-height: 220px;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
  background: #cfc8bb;
  border: 1px solid rgba(34, 24, 12, 0.12);
  box-shadow: 0 12px 28px rgba(38, 32, 24, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
@media screen and (max-width: 700px) {
  .popular-categories__card {
    min-height: 185px;
    border-radius: 16px;
  }
}
.popular-categories__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(18, 14, 11, 0.14) 8%, rgba(18, 14, 11, 0.76) 72%, rgba(10, 8, 7, 0.9) 100%);
}
.popular-categories__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}
.popular-categories__card:hover {
  transform: translateY(-3px);
  border-color: rgba(34, 24, 12, 0.2);
  box-shadow: 0 16px 34px rgba(38, 32, 24, 0.18);
}
.popular-categories__card:focus-within {
  transform: translateY(-3px);
  border-color: rgba(34, 24, 12, 0.2);
  box-shadow: 0 16px 34px rgba(38, 32, 24, 0.18);
}

.popular-categories__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 0.28s ease;
}

.popular-categories__link {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  min-height: 220px;
  padding: 18px;
  color: #fff !important;
  text-decoration: none;
  background: transparent !important;
}
@media screen and (max-width: 700px) {
  .popular-categories__link {
    min-height: 185px;
    padding: 14px;
  }
}
.popular-categories__link:visited, .popular-categories__link:hover {
  background: transparent !important;
  color: #fff !important;
}
.popular-categories__link:focus, .popular-categories__link:active {
  background: transparent !important;
  color: #fff !important;
}

.popular-categories__meta {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #fff;
  background: rgba(10, 8, 7, 0.44);
  border: 1px solid rgba(255, 255, 255, 0.14);
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(12px);
}

.popular-categories__title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.08;
  color: #fff;
  text-shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
}
@media screen and (max-width: 700px) {
  .popular-categories__title {
    font-size: 18px;
  }
}

.popular-categories__card:hover .popular-categories__image,
.popular-categories__card:focus-within .popular-categories__image {
  transform: scale(1.03);
}

html[data-theme2=dark] .popular-categories {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(18, 21, 28, 0.96) 0%, rgba(11, 13, 19, 0.98) 100%);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}
html[data-theme2=dark] .popular-categories__heading {
  color: #339959;
}
html[data-theme2=dark] .popular-categories__intro .styled_heading::after {
  background-color: currentColor;
}
html[data-theme2=dark] .popular-categories__lead {
  color: rgba(235, 240, 246, 0.68);
}
html[data-theme2=dark] .popular-categories__card {
  background: #10141d;
  border-color: rgba(255, 255, 255, 0.06);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.24);
}
html[data-theme2=dark] .popular-categories__card::before {
  background: linear-gradient(180deg, rgba(6, 8, 14, 0.12) 8%, rgba(7, 10, 16, 0.82) 68%, rgba(4, 6, 10, 0.94) 100%);
}
html[data-theme2=dark] .popular-categories__card::after {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
html[data-theme2=dark] .popular-categories__card:hover {
  border-color: rgba(143, 215, 162, 0.2);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
}
html[data-theme2=dark] .popular-categories__card:focus-within {
  border-color: rgba(143, 215, 162, 0.2);
  box-shadow: 0 18px 34px rgba(0, 0, 0, 0.32);
}
html[data-theme2=dark] .popular-categories__meta {
  color: #f5f7fb;
  background: rgba(5, 8, 13, 0.72);
  border-color: rgba(255, 255, 255, 0.1);
}
html[data-theme2=dark] .popular-categories__link,
html[data-theme2=dark] .popular-categories__link:visited,
html[data-theme2=dark] .popular-categories__link:hover,
html[data-theme2=dark] .popular-categories__link:focus,
html[data-theme2=dark] .popular-categories__link:active {
  background: transparent !important;
  color: #fff !important;
}

body#page-searchpage .breadcrumb,
body#page-main .breadcrumb {
  margin: 10px 0 0;
}
body#page-searchpage .toprated-wrapper,
body#page-main .toprated-wrapper {
  margin-bottom: 10px;
}
body#page-searchpage .battle-wrapper h2 + p,
body#page-main .battle-wrapper h2 + p {
  background: #f1ebdb;
  color: #331900;
  line-height: 1.4;
  margin-top: 0;
  padding: 10px;
  text-align: justify;
}

body#page-searchpage .search-page-form {
  display: flex;
  gap: 10px;
  margin: 10px;
}
body#page-searchpage .search-page-form input[type=search] {
  flex: 1;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #7b736b;
  border-radius: 5px;
  background: #fff;
  color: #222;
  font-size: 18px;
  outline: none;
}
body#page-searchpage .search-page-form input[type=search]:focus {
  border-color: #34af23;
  box-shadow: 0 0 0 1px #34af23;
}
body#page-searchpage .search-page-form button {
  flex: 0 0 48px;
  border: 0;
  border-radius: 5px;
  background: #34af23;
  color: #fff;
  cursor: pointer;
  font-size: 22px;
}
body#page-searchpage .search-page-form button:hover, body#page-searchpage .search-page-form button:focus {
  background: #278a1a;
}
body#page-searchpage .search-page-form button:focus {
  outline: 2px solid #1d6415;
  outline-offset: 2px;
}
body#page-searchpage .search-page-form button i {
  margin: 0;
}
html[data-theme2=dark] body#page-searchpage .search-page-form input[type=search] {
  border-color: #555;
  background: #1f1f1f;
  color: #f1f1f1;
}

body .bottom-okosabbvagyok {
  max-width: 920px;
  z-index: 3;
  position: relative;
}
body .search-error {
  color: red;
  font-size: 18px;
}
body .clear-menu-btn {
  display: inline-block;
}
body .bottom-okosabbvagyok {
  margin: 10px auto !important;
  text-align: center;
}
body .no-likes-error {
  color: #721c24;
  background-color: #f8d7da;
  font-size: 20px;
  text-align: center;
  padding: 10px;
  margin: 10px;
  border: 3px dashed #f5c6cb;
}
body .no-likes-error a {
  color: deeppink;
}
body .following-empty-state {
  margin: 10px;
  padding: 14px 16px;
  border: 1px solid #ded2be;
  border-radius: 8px;
  background: #faf7ef;
  color: #333;
  font-size: 16px;
  line-height: 1.45;
  text-align: left;
}
body .following-empty-state p {
  margin: 8px 0 0;
}
body .following-empty-state p:first-child {
  margin-top: 0;
}
body .following-empty-state__title {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
body .following-empty-state__suggestions {
  color: #5d4d37;
}
body .following-empty-state__suggestions a {
  color: #7a4300;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid rgba(122, 67, 0, 0.35);
}
body .following-empty-state__suggestions a:hover {
  color: #ff9902;
  border-bottom-color: #ff9902;
  background: transparent;
}
html[data-theme2=dark] body .following-empty-state {
  background: #242424;
  border-color: #555;
  color: #f1f1f1;
}
html[data-theme2=dark] body .following-empty-state__suggestions {
  color: #d5c4aa;
}
html[data-theme2=dark] body .following-empty-state__suggestions a {
  color: #ffb84d;
  border-bottom-color: rgba(255, 184, 77, 0.45);
}
html[data-theme2=dark] body .following-empty-state__suggestions a:hover {
  color: #ff9902;
  border-bottom-color: #ff9902;
}

body .following-empty-state-actions {
  margin: 18px 10px 24px;
  text-align: center;
}
body .mobile-keywords {
  padding: 0 10px 10px;
}
body .mobile-keywords .keyword-link {
  display: inline-block;
  margin: 0 0 10px;
}
body .show-more {
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
body .show-more.disabled {
  pointer-events: none;
}
body .grid + .show-more-wrapper {
  position: relative;
  margin: 24px 0 20px;
  padding: 14px 12px;
  border: 1px solid rgba(66, 57, 43, 0.12);
  border-radius: 8px;
  background: #f6f3ec;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
html[data-theme2=dark] body .grid + .show-more-wrapper {
  border-color: rgba(255, 255, 255, 0.12);
  background: #292929;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body .grid + .show-more-wrapper .show-more {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}
@media screen and (max-width: 700px) {
  body .grid + .show-more-wrapper {
    margin-top: 18px;
    padding: 12px 10px;
  }
}
body .show-more-wrapper {
  position: relative;
  overflow: visible;
  margin: 30px 0 20px;
  text-align: center;
  padding-bottom: 10px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  min-height: 56px;
}
@media screen and (max-width: 700px) {
  body .show-more-wrapper {
    min-height: 48px;
  }
}
body .show-more-wrapper.is-loading .show-more {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
body .show-more-wrapper.is-loading .show-more__loader {
  display: inline-flex;
}
body .show-more-wrapper .show-more__loader {
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  gap: 10px;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.92);
  color: #2f2f2f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 700px) {
  body .show-more-wrapper .show-more__loader {
    font-size: 11px;
    padding: 7px 14px;
  }
}
html[data-theme2=dark] body .show-more-wrapper .show-more__loader {
  background: rgba(28, 28, 28, 0.95);
  color: #f1f1f1;
  border-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

body .show-more-wrapper .show-more__loader::before {
  content: "Loading more";
}
body .show-more-wrapper .show-more__loader::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 10px 0 0 currentColor, 20px 0 0 currentColor;
  animation: show-more-dots 1s infinite ease-in-out;
}
body .show-more-wrapper .show-more__loader.hide {
  display: none;
}
.show-more-wrapper.is-loading body .show-more-wrapper .show-more__loader {
  display: inline-flex;
}

@keyframes show-more-dots {
  0% {
    transform: translateX(0);
    opacity: 0.4;
  }
  50% {
    transform: translateX(4px);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 0.4;
  }
}

/*.rating-wrapper {
	display: inline-block;
	text-align: center;
}*/
.breadcrumb {
  list-style-type: none;
  text-align: left;
  position: relative;
  overflow: visible;
  white-space: nowrap;
  overflow-x: auto;
  max-width: 95%;
  margin: 5px auto 0;
  padding: 2px 5px;
}
.breadcrumb li {
  display: inline-block;
  position: relative;
  margin-right: 6px;
  background-color: #fff;
  border: 1px solid #eee;
  height: 28px;
}
.breadcrumb li:first-child a span {
  font-size: 20px;
}
.breadcrumb li:last-child:after {
  display: none;
}
.breadcrumb li:after {
  content: "›";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: -9px;
  font-size: 18px;
  transform: translateY(-50%);
}
.breadcrumb a:hover {
  background: none;
}
.breadcrumb em,
.breadcrumb a {
  display: inline-block;
  position: relative;
  padding: 0 7px;
  color: #666;
  text-decoration: none;
  font-weight: normal;
}
.breadcrumb em span,
.breadcrumb a span {
  overflow: hidden;
  max-width: 250px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 28px;
}

.related-tags-component--placeholder {
  background: rgba(206, 206, 206, 0.5);
  height: 41px;
  max-width: 920px;
  margin: 10px auto 0 auto;
}

.modal_more_block {
  width: 100%;
  height: 500px;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid #000;
  border-radius: 12px;
  color: #cecece;
  font-weight: bold;
}
.modal_more_block--close {
  font-size: 20px;
}
.modal_more_block--close a {
  text-decoration: none;
  color: #ff9902;
  background: none;
}
.modal_more_block--close a:hover {
  background: none;
  color: #fff;
}
.modal_more_block--or {
  font-size: 18px;
}
.modal_more_block p {
  margin-bottom: 20px;
}

.content-not-public {
  width: 100%;
  max-width: 500px;
  position: absolute;
  text-align: center;
  z-index: 3;
  left: 50%;
  top: 50px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 700px) {
  .content-not-public {
    top: 25px;
  }
}
.content-not-public--dense i {
  font-size: 56px !important;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 700px) {
  .content-not-public--dense i {
    font-size: 28px !important;
    margin-bottom: 10px !important;
  }
}
.content-not-public--dense p {
  font-size: 14px !important;
}
@media screen and (max-width: 700px) {
  .content-not-public--dense p {
    font-size: 12px !important;
  }
}
.content-not-public--dense p.first-child {
  font-size: 20px !important;
}
@media screen and (max-width: 700px) {
  .content-not-public--dense p.first-child {
    font-size: 18px !important;
  }
}
.content-not-public i {
  display: block;
  font-size: 64px;
  margin-bottom: 15px;
  color: #ffcc00;
}
@media screen and (max-width: 700px) {
  .content-not-public i {
    font-size: 32px;
    margin-bottom: 10px;
  }
}
.content-not-public p {
  display: inline-block;
  white-space: normal;
  padding: 10px;
  margin: 0;
  background: rgba(255, 255, 255, 0.3);
  font-size: 16px;
}
.content-not-public p a {
  display: inline !important;
}
@media screen and (max-width: 700px) {
  .content-not-public p {
    padding: 5px;
    font-size: 14px;
  }
}
html[data-theme2=dark] .content-not-public p {
  background: rgba(0, 0, 0, 0.3);
}

.content-not-public p.first-child {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
}
@media screen and (max-width: 700px) {
  .content-not-public p.first-child {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.grid-item .content-not-public {
  width: 80%;
}

#page-media .breadcrumb li:last-child,
#media-modal .breadcrumb li:last-child {
  display: none;
}
#page-media .open-galley-overlay,
#media-modal .open-galley-overlay {
  position: absolute;
  z-index: 6;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  display: flex;
  justify-content: flex-end;
  padding: 24px 30px;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
@media screen and (max-width: 700px) {
  #page-media .open-galley-overlay,
  #media-modal .open-galley-overlay {
    padding: 30px 36px;
  }
}
#page-media .open-galley-overlay.shown,
#media-modal .open-galley-overlay.shown {
  opacity: 1;
  pointer-events: auto;
}
#page-media .open-galley-overlay::before,
#media-modal .open-galley-overlay::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 16px;
  bottom: 14px;
  left: 16px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(4px);
  pointer-events: none;
}
@media screen and (max-width: 700px) {
  #page-media .open-galley-overlay::before,
  #media-modal .open-galley-overlay::before {
    top: 20px;
    right: 22px;
    bottom: 20px;
    left: 22px;
  }
}
#page-media .open-galley-overlay__link,
#media-modal .open-galley-overlay__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px 10px 75px;
  max-width: min(80vw, 420px);
  background: linear-gradient(120deg, rgba(255, 201, 89, 0.95), rgba(255, 152, 0, 0.95));
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  text-decoration: none;
  color: #1a1a1a;
  font-weight: 600;
  letter-spacing: 0.2px;
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 14px rgba(255, 177, 66, 0.65);
  transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease;
  position: relative;
  overflow: hidden;
  animation: gallery-glow 2s ease-in-out infinite;
  min-height: 44px;
  white-space: nowrap;
  z-index: 1;
}
#page-media .open-galley-overlay__link:hover,
#media-modal .open-galley-overlay__link:hover {
  background: linear-gradient(120deg, rgba(255, 219, 122, 0.98), rgba(255, 152, 0, 0.98));
  transform: translateY(-1px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35), 0 0 18px rgba(255, 185, 76, 0.8);
}
#page-media .open-galley-overlay__link:active,
#media-modal .open-galley-overlay__link:active {
  transform: translateY(0);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
#page-media .open-galley-overlay__link::after,
#media-modal .open-galley-overlay__link::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -120%;
  width: 60%;
  height: 200%;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(10deg);
  animation: gallery-shine 2s linear infinite;
  pointer-events: none;
  opacity: 0.7;
}
#page-media .open-galley-overlay__icon,
#media-modal .open-galley-overlay__icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 187, 72, 0.95);
  border-radius: 999px;
  padding: 10px 12px;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.2), 0 0 10px rgba(255, 196, 96, 0.8);
  z-index: 1;
}
#page-media .open-galley-overlay__icon svg,
#media-modal .open-galley-overlay__icon svg {
  width: 42px;
  height: 42px;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.25));
}
#page-media .open-galley-overlay__text,
#media-modal .open-galley-overlay__text {
  color: #1a1a1a;
  font-size: 15px;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 0.6);
  line-height: 1.2;
  word-break: break-word;
}
@media screen and (max-width: 700px) {
  #page-media .open-galley-overlay__link,
  #media-modal .open-galley-overlay__link {
    padding: 8px 12px 8px 50px;
    gap: 8px;
    min-height: 38px;
    max-width: min(90vw, 520px);
  }
  #page-media .open-galley-overlay__icon svg,
  #media-modal .open-galley-overlay__icon svg {
    width: 32px;
    height: 32px;
  }
  #page-media .open-galley-overlay__icon,
  #media-modal .open-galley-overlay__icon {
    left: -8px;
    padding: 8px 10px;
  }
  #page-media .open-galley-overlay__text,
  #media-modal .open-galley-overlay__text {
    font-size: 16px;
  }
}
#page-media .subcontent-wrapper,
#media-modal .subcontent-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 920px;
  margin: 13px auto 0;
}
#page-media .subcontent-wrapper__placeholder,
#media-modal .subcontent-wrapper__placeholder {
  width: 44px;
}
#page-media .subcontent-wrapper #add-to-collection,
#media-modal .subcontent-wrapper #add-to-collection {
  cursor: pointer;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.18);
  margin-left: 10px;
  background: #34af23;
  border: 1px solid #229712;
  border-radius: 10px;
  padding: 4px 8px;
}
#page-media .subcontent-wrapper #add-to-collection svg,
#media-modal .subcontent-wrapper #add-to-collection svg {
  width: 28px;
  height: 28px;
}
#page-media .subcontent-wrapper #add-to-collection i,
#media-modal .subcontent-wrapper #add-to-collection i {
  font-size: 28px;
  color: #fff;
}
#page-media .subcontent-wrapper #add-to-collection[disabled], #page-media .subcontent-wrapper #add-to-collection.media-action-disabled,
#media-modal .subcontent-wrapper #add-to-collection[disabled],
#media-modal .subcontent-wrapper #add-to-collection.media-action-disabled {
  cursor: not-allowed;
  opacity: 0.45;
  box-shadow: none;
  filter: grayscale(0.3);
  background: #5f7360;
  border-color: #4f6050;
}
#page-media .zoom-image,
#media-modal .zoom-image {
  opacity: 0.4;
  background: transparent;
  border: none;
  color: white;
  position: relative;
  z-index: 3;
  cursor: pointer;
  pointer-events: none;
  overflow: visible;
  -webkit-transition: transform 0.1s linear, opacity 0.3s;
  transition: transform 0.1s linear, opacity 0.3s;
}
#page-media .zoom-image:hover,
#media-modal .zoom-image:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#page-media .zoom-image.shown,
#media-modal .zoom-image.shown {
  opacity: 1;
  pointer-events: auto;
}
#page-media .zoom-image i,
#media-modal .zoom-image i {
  filter: drop-shadow(0 0 6px #000);
  font-size: 50px;
  color: #fff;
}
@media screen and (max-width: 700px) {
  #page-media .zoom-image i,
  #media-modal .zoom-image i {
    font-size: 40px;
  }
}
#page-media .media-wrapper,
#media-modal .media-wrapper {
  font-size: 0;
}
#page-media .content-and-ad-wrapper,
#media-modal .content-and-ad-wrapper {
  position: relative;
}
@media screen and (min-width: 701px) {
  #page-media .content-and-ad-wrapper,
  #media-modal .content-and-ad-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}
#page-media .content-and-ad-wrapper #standalone-media-swap-wrapper,
#media-modal .content-and-ad-wrapper #standalone-media-swap-wrapper {
  position: relative;
}
@media screen and (min-width: 701px) {
  #page-media .content-and-ad-wrapper #standalone-media-swap-wrapper,
  #media-modal .content-and-ad-wrapper #standalone-media-swap-wrapper {
    max-width: 1024px;
    height: 100%;
    flex: 1;
  }
}
#page-media .media-description,
#media-modal .media-description {
  position: relative;
  text-align: left;
  color: #fff;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  max-height: 40px;
  overflow: hidden;
}
#page-media .media-description--open,
#media-modal .media-description--open {
  max-height: none;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px;
}
.media-description--open .media-description__opener {
  display: none !important;
}

#page-media .media-description__opener,
#media-modal .media-description__opener {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  cursor: pointer;
  display: none;
  padding-left: 40px;
  padding-right: 5px;
  background: linear-gradient(127deg, rgba(251, 248, 235, 0) 0%, rgb(0, 0, 0) 50%);
}
#page-media .media-description__opener--visible,
#media-modal .media-description__opener--visible {
  display: block;
}
#page-media .media-description__text,
#media-modal .media-description__text {
  filter: drop-shadow(0 0 3px #000);
  color: #fff;
}
#page-media .media-description a.shortslink,
#media-modal .media-description a.shortslink {
  color: #fff;
}
#page-media .media-description a.shortslink:hover,
#media-modal .media-description a.shortslink:hover {
  background: transparent;
}
#page-media .media-description .uploadedby,
#media-modal .media-description .uploadedby {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  margin-right: 0;
  padding: 2px 4px;
  text-decoration: none;
  color: #ff9902;
  text-shadow: -1px -1px 0 #333, 0 -1px 0 #333, 1px -1px 0 #333, 1px 0 0 #333, 1px 1px 0 #333, 0 1px 0 #333, -1px 1px 0 #333, -1px 0 0 #333;
}
#page-media .media-description a.uploadedby:hover,
#media-modal .media-description a.uploadedby:hover {
  background: rgba(0, 0, 0, 0.6);
  color: #f1f1f1;
}
#page-media .media-tags-wrapper .media-meta-badge-wrapper,
#media-modal .media-tags-wrapper .media-meta-badge-wrapper {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}
@media screen and (max-width: 700px) {
  #page-media .media-tags-wrapper .media-meta-badge-wrapper,
  #media-modal .media-tags-wrapper .media-meta-badge-wrapper {
    margin-left: 4px;
  }
}
#page-media .media-tags-wrapper .media-meta-badge,
#media-modal .media-tags-wrapper .media-meta-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: rgba(255, 255, 255, 0.9);
  border: 1.5px solid rgba(51, 153, 89, 0.25);
  border-radius: 14px;
  padding: 5px 11px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 12px;
  font-weight: 600;
  color: #339959;
  text-decoration: none;
  line-height: 1.2;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(4px);
}
@media screen and (max-width: 700px) {
  #page-media .media-tags-wrapper .media-meta-badge,
  #media-modal .media-tags-wrapper .media-meta-badge {
    padding: 4px 9px;
    font-size: 11px;
    gap: 4px;
    border-radius: 12px;
  }
}
#page-media .media-tags-wrapper .media-meta-badge:hover,
#media-modal .media-tags-wrapper .media-meta-badge:hover {
  background: #339959;
  border-color: #339959;
  color: #fff;
  box-shadow: 0 2px 6px rgba(51, 153, 89, 0.3);
  transform: translateY(-1px);
}
#page-media .media-tags-wrapper .media-meta-badge:active,
#media-modal .media-tags-wrapper .media-meta-badge:active {
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(51, 153, 89, 0.2);
}
html[data-theme2=dark] #page-media .media-tags-wrapper .media-meta-badge,
html[data-theme2=dark] #media-modal .media-tags-wrapper .media-meta-badge {
  background: rgba(58, 58, 58, 0.9);
  border-color: rgba(68, 204, 136, 0.3);
  color: #44cc88;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
html[data-theme2=dark] #page-media .media-tags-wrapper .media-meta-badge:hover,
html[data-theme2=dark] #media-modal .media-tags-wrapper .media-meta-badge:hover {
  background: #44cc88;
  border-color: #44cc88;
  color: #1a1a1a;
  box-shadow: 0 2px 6px rgba(68, 204, 136, 0.4);
}

#page-media .media-tags-wrapper .media-meta-badge__icon,
#media-modal .media-tags-wrapper .media-meta-badge__icon {
  font-size: 13px;
  line-height: 1;
  display: inline-block;
}
@media screen and (max-width: 700px) {
  #page-media .media-tags-wrapper .media-meta-badge__icon,
  #media-modal .media-tags-wrapper .media-meta-badge__icon {
    font-size: 12px;
  }
}
#page-media .media-tags-wrapper .media-meta-badge__text,
#media-modal .media-tags-wrapper .media-meta-badge__text {
  line-height: 1.4;
}
#page-media .media-error,
#media-modal .media-error {
  position: absolute;
  inset: 0;
  z-index: 4;
  padding: 14px;
  padding-bottom: var(--media-error-bottom-offset, 104px);
  background: transparent;
  display: none;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  text-align: left;
  overflow: hidden;
  pointer-events: none;
}
.is_bot .media-error {
  display: none !important;
}

@media screen and (max-width: 700px) {
  #page-media .media-error,
  #media-modal .media-error {
    padding: 10px;
    padding-bottom: var(--media-error-bottom-offset, 86px);
  }
}
#page-media .media-error--visible,
#media-modal .media-error--visible {
  display: flex;
}
#page-media .media-error__surface,
#media-modal .media-error__surface {
  width: min(100%, 520px);
  max-height: calc(100% - clamp(12px, 3vh, 24px));
  overflow-y: auto;
  margin-top: clamp(12px, 3vh, 24px);
  padding: 16px 16px 14px;
  background: linear-gradient(160deg, rgba(8, 11, 18, 0.94), rgba(18, 28, 42, 0.9));
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(14px);
  pointer-events: auto;
}
@media screen and (max-width: 700px) {
  #page-media .media-error__surface,
  #media-modal .media-error__surface {
    width: 100%;
    max-height: calc(100% - 10px);
    margin-top: 8px;
    padding: 12px 12px 10px;
    border-radius: 18px;
  }
}
html[data-theme2=dark] #page-media .media-error__surface,
html[data-theme2=dark] #media-modal .media-error__surface {
  background: linear-gradient(160deg, rgba(10, 14, 24, 0.96), rgba(14, 22, 35, 0.94));
  border-color: rgba(109, 177, 255, 0.18);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
}

#page-media .media-error__message,
#media-modal .media-error__message {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
@media screen and (max-width: 700px) {
  #page-media .media-error__message,
  #media-modal .media-error__message {
    font-size: 16px;
  }
}
#page-media .media-error__message span,
#media-modal .media-error__message span {
  font-size: 22px;
}
#page-media .media-error__meta,
#media-modal .media-error__meta {
  margin-top: 10px;
}
#page-media .media-error__subtext,
#media-modal .media-error__subtext {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.82);
}
@media screen and (max-width: 700px) {
  #page-media .media-error__subtext,
  #media-modal .media-error__subtext {
    font-size: 12px;
  }
}
#page-media .media-error__toolbar,
#media-modal .media-error__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 12px;
}
@media screen and (max-width: 700px) {
  #page-media .media-error__toolbar,
  #media-modal .media-error__toolbar {
    gap: 10px;
  }
}
#page-media .media-error__eyebrow,
#media-modal .media-error__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72);
}
#page-media .media-error__eyebrow::before,
#media-modal .media-error__eyebrow::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ff9f54, #ff5f7f);
  box-shadow: 0 0 0 4px rgba(255, 159, 84, 0.12);
}
#page-media .media-error__recommendations,
#media-modal .media-error__recommendations {
  margin-top: 12px;
  min-height: 0;
}
#page-media .media-error__grid,
#media-modal .media-error__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
@media screen and (max-width: 700px) {
  #page-media .media-error__grid,
  #media-modal .media-error__grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(120px, 42%);
    gap: 8px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
}
#page-media .media-error__card,
#media-modal .media-error__card {
  display: block;
  overflow: hidden;
  min-width: 0;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
#page-media .media-error__card:hover,
#media-modal .media-error__card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.11);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.22);
}
#page-media .media-error__card--skeleton,
#media-modal .media-error__card--skeleton {
  pointer-events: none;
}
#page-media .media-error__card-thumbwrap,
#media-modal .media-error__card-thumbwrap {
  position: relative;
  display: block;
  aspect-ratio: 1/1.02;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.12));
}
@media screen and (max-width: 700px) {
  #page-media .media-error__card-thumbwrap,
  #media-modal .media-error__card-thumbwrap {
    aspect-ratio: 1/0.8;
  }
}
#page-media .media-error__card-thumb,
#media-modal .media-error__card-thumb {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: rgba(0, 0, 0, 0.18);
}
#page-media .media-error__card-badge,
#media-modal .media-error__card-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(9, 14, 24, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  color: #f8f8f8;
}
#page-media .media-error__card-copy,
#media-modal .media-error__card-copy {
  display: block;
  padding: 8px 9px 10px;
}
#page-media .media-error__card-title,
#media-modal .media-error__card-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
#page-media .media-error__card-line,
#media-modal .media-error__card-line {
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  animation: media-error-skeleton 1.2s ease-in-out infinite;
}
#page-media .media-error__card-line + #page-media .media-error__card-line,
#page-media .media-error__card-line + #media-modal .media-error__card-line,
#media-modal .media-error__card-line + #page-media .media-error__card-line,
#media-modal .media-error__card-line + #media-modal .media-error__card-line {
  margin-top: 8px;
}
#page-media .media-error__card-line--short,
#media-modal .media-error__card-line--short {
  width: 62%;
}
#page-media .media-error__grid--loading #page-media .media-error__card-thumbwrap, #page-media .media-error__grid--loading #page-media .media-error__card-line,
#page-media .media-error__grid--loading #media-modal .media-error__card-thumbwrap,
#page-media .media-error__grid--loading #media-modal .media-error__card-line,
#media-modal .media-error__grid--loading #page-media .media-error__card-thumbwrap,
#media-modal .media-error__grid--loading #page-media .media-error__card-line,
#media-modal .media-error__grid--loading #media-modal .media-error__card-thumbwrap,
#media-modal .media-error__grid--loading #media-modal .media-error__card-line {
  background-size: 220% 100%;
  animation: media-error-skeleton 1.2s ease-in-out infinite;
}
#page-media .media-error__grid--loading #page-media .media-error__card-thumbwrap,
#page-media .media-error__grid--loading #media-modal .media-error__card-thumbwrap,
#media-modal .media-error__grid--loading #page-media .media-error__card-thumbwrap,
#media-modal .media-error__grid--loading #media-modal .media-error__card-thumbwrap {
  background-image: linear-gradient(110deg, rgba(255, 255, 255, 0.1) 10%, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.1) 33%);
}
@keyframes media-error-skeleton {
  0% {
    background-position: 100% 0;
    opacity: 0.7;
  }
  50% {
    opacity: 1;
  }
  100% {
    background-position: -100% 0;
    opacity: 0.7;
  }
}
#page-media .video-player-button,
#media-modal .video-player-button {
  display: none;
  position: absolute;
  left: 50%;
  top: calc(50% - 60px);
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 128px;
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
@media screen and (max-width: 700px) {
  #page-media .video-player-button,
  #media-modal .video-player-button {
    font-size: 84px;
  }
}
#page-media .video-player-button--visible,
#media-modal .video-player-button--visible {
  display: block;
}
#page-media .bunny-embed-preview,
#media-modal .bunny-embed-preview {
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  background: #111;
  text-decoration: none;
}
#page-media .bunny-embed-preview .main-media-element,
#media-modal .bunny-embed-preview .main-media-element {
  transition: filter 0.16s ease;
}
#page-media .bunny-embed-preview:hover .main-media-element, #page-media .bunny-embed-preview:focus-visible .main-media-element,
#media-modal .bunny-embed-preview:hover .main-media-element,
#media-modal .bunny-embed-preview:focus-visible .main-media-element {
  filter: brightness(0.88);
}
#page-media .bunny-embed-preview:hover .bunny-embed-preview__play, #page-media .bunny-embed-preview:focus-visible .bunny-embed-preview__play,
#media-modal .bunny-embed-preview:hover .bunny-embed-preview__play,
#media-modal .bunny-embed-preview:focus-visible .bunny-embed-preview__play {
  background: rgba(0, 0, 0, 0.72);
  border-color: rgba(255, 255, 255, 0.72);
}
#page-media .bunny-embed-preview:focus-visible,
#media-modal .bunny-embed-preview:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.75);
  outline-offset: 3px;
}
#page-media .bunny-embed-preview__play,
#media-modal .bunny-embed-preview__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(76px, 12vw, 128px);
  height: clamp(76px, 12vw, 128px);
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.62);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  color: #fff;
  pointer-events: none;
}
#page-media .bunny-embed-preview__play i,
#media-modal .bunny-embed-preview__play i {
  display: block;
  margin-left: 0.08em;
  font-size: clamp(48px, 8vw, 82px);
  line-height: 1;
}
#page-media .bunny-embed-preview__thumb--failed,
#media-modal .bunny-embed-preview__thumb--failed {
  opacity: 0;
}
@media screen and (max-width: 700px) {
  #page-media .bunny-embed-preview__play,
  #media-modal .bunny-embed-preview__play {
    top: calc(50% - 35px);
    width: 82px;
    height: 82px;
  }
  #page-media .bunny-embed-preview__play i,
  #media-modal .bunny-embed-preview__play i {
    font-size: 54px;
  }
}
#page-media .main-media-title-container,
#media-modal .main-media-title-container {
  position: relative;
  display: block;
}
#page-media h1.main-media-title,
#media-modal h1.main-media-title {
  margin: 0;
  overflow: hidden;
  line-height: 1.3;
}
#page-media h1.main-media-title span,
#media-modal h1.main-media-title span {
  background: rgba(241, 241, 241, 0.7);
  padding: 0 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
html[data-theme2=dark] #page-media h1.main-media-title span,
html[data-theme2=dark] #media-modal h1.main-media-title span {
  color: #333;
}

@media screen and (min-width: 701px) {
  #page-media h1.main-media-title,
  #media-modal h1.main-media-title {
    font-size: 24px;
    max-height: 62.4px;
  }
}
@media screen and (max-width: 700px) {
  #page-media h1.main-media-title,
  #media-modal h1.main-media-title {
    font-size: 20px;
    max-height: 52px;
    text-align: left;
  }
}
#page-media .main-media-title__readmore,
#media-modal .main-media-title__readmore {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(241, 241, 241, 0.95);
  color: #0066cc;
  border: none;
  padding: 0 5px 0 5px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s ease;
  line-height: 1.3;
}
@media screen and (min-width: 701px) {
  #page-media .main-media-title__readmore,
  #media-modal .main-media-title__readmore {
    font-size: 24px;
  }
}
@media screen and (max-width: 700px) {
  #page-media .main-media-title__readmore,
  #media-modal .main-media-title__readmore {
    font-size: 20px;
  }
}
#page-media .main-media-title__readmore::before,
#media-modal .main-media-title__readmore::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: 60px;
  background: linear-gradient(90deg, transparent 0%, rgba(241, 241, 241, 0.95) 100%);
  pointer-events: none;
}
#page-media .main-media-title__readmore:hover,
#media-modal .main-media-title__readmore:hover {
  color: #004499;
}
#page-media .main-media-title__readmore--visible,
#media-modal .main-media-title__readmore--visible {
  display: inline-block;
}
html[data-theme2=dark] #page-media .main-media-title__readmore,
html[data-theme2=dark] #media-modal .main-media-title__readmore {
  background: rgba(241, 241, 241, 0.95);
  color: #0066cc;
}
html[data-theme2=dark] #page-media .main-media-title__readmore::before,
html[data-theme2=dark] #media-modal .main-media-title__readmore::before {
  background: linear-gradient(90deg, transparent 0%, rgba(241, 241, 241, 0.95) 100%);
}
html[data-theme2=dark] #page-media .main-media-title__readmore:hover,
html[data-theme2=dark] #media-modal .main-media-title__readmore:hover {
  color: #004499;
}

#page-media .main-media-title-wrapper,
#media-modal .main-media-title-wrapper {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
#page-media .main-media-title-wrapper__infoline,
#media-modal .main-media-title-wrapper__infoline {
  -webkit-overflow-scrolling: touch;
  padding: 2px 0 6px 0;
}
#page-media .main-media-title-wrapper__infoline ul li a,
#media-modal .main-media-title-wrapper__infoline ul li a {
  font-weight: normal;
}
#page-media .main-media-title-wrapper__infoline ul li.nonclickable,
#media-modal .main-media-title-wrapper__infoline ul li.nonclickable {
  background: lightgray;
}
#page-media .main-media-title-wrapper__infoline ul li.nonclickable span,
#media-modal .main-media-title-wrapper__infoline ul li.nonclickable span {
  font-weight: normal;
  color: #333;
  padding: 0 7px;
  display: block;
  line-height: 1.9;
}
@media screen and (max-width: 700px) {
  #page-media .main-media-title-wrapper__infoline,
  #media-modal .main-media-title-wrapper__infoline {
    width: 100%;
    overflow: scroll;
  }
}
@media screen and (max-width: 700px) {
  #page-media .main-media-title-wrapper:after,
  #media-modal .main-media-title-wrapper:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    width: 20px;
    pointer-events: none;
    z-index: 2;
  }
}
#page-media h1,
#page-media h2,
#media-modal h1,
#media-modal h2 {
  max-width: 100%;
  margin: 5px;
}
#page-media h2.styled_heading,
#media-modal h2.styled_heading {
  padding: 0;
  margin: 5px 5px 15px 5px;
}
@media screen and (max-width: 700px) {
  #page-media h1,
  #media-modal h1 {
    text-align: center;
  }
}
#page-media .comment-title,
#media-modal .comment-title {
  text-align: center;
}
#page-media .media-additionals-wrapper,
#media-modal .media-additionals-wrapper {
  display: flex;
  max-width: 1256px;
  flex-direction: row;
  border-radius: 10px;
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
@media screen and (max-width: 700px) {
  #page-media .media-additionals-wrapper,
  #media-modal .media-additionals-wrapper {
    margin-top: -40px;
  }
}
@media screen and (min-width: 701px) {
  #page-media .media-additionals-wrapper,
  #media-modal .media-additionals-wrapper {
    -webkit-background: linear-gradient(0deg, rgba(51, 51, 51, 0.6) 0%, rgba(51, 51, 51, 0) 100%);
    background: linear-gradient(0deg, rgba(51, 51, 51, 0.7) 0%, rgba(51, 51, 51, 0) 100%);
  }
}
@media screen and (max-width: 700px) {
  #page-media .media-additionals-wrapper,
  #media-modal .media-additionals-wrapper {
    flex-direction: column;
    margin: 0;
  }
}
#page-media .media-additionals-wrapper .rate_liker,
#media-modal .media-additionals-wrapper .rate_liker {
  flex: 0;
}
#page-media .media-additionals-wrapper > div,
#media-modal .media-additionals-wrapper > div {
  flex: 1;
}
@media screen and (max-width: 700px) {
  #page-media .media-additionals-wrapper > div,
  #media-modal .media-additionals-wrapper > div {
    background: linear-gradient(0deg, rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0));
  }
}
#page-media .media-tags-wrapper,
#media-modal .media-tags-wrapper {
  position: relative;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
}
#page-media .media-tags-wrapper__category,
#media-modal .media-tags-wrapper__category {
  background: #339959;
}
#page-media .media-tags-wrapper__category:hover,
#media-modal .media-tags-wrapper__category:hover {
  background: #2e464b;
}
#page-media .media-tags-wrapper__category a,
#media-modal .media-tags-wrapper__category a {
  color: #f1f1f1;
}
#page-media .media-tags-wrapper ul,
#media-modal .media-tags-wrapper ul {
  list-style-type: none;
  padding: 0 !important;
  margin: 0;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 700px) {
  #page-media .media-tags-wrapper ul,
  #media-modal .media-tags-wrapper ul {
    white-space: nowrap;
    overflow: visible;
  }
}
#page-media .media-tags-wrapper ul li,
#media-modal .media-tags-wrapper ul li {
  font-size: 14px;
}
@media screen and (min-width: 701px) {
  #page-media .media-tags-wrapper ul li,
  #media-modal .media-tags-wrapper ul li {
    font-size: 13px;
    margin-bottom: 5px;
  }
}
#page-media .top-okosabbvagyok,
#media-modal .top-okosabbvagyok {
  text-align: center;
  margin-top: 10px;
}
@media screen and (min-width: 701px) {
  #page-media .top-okosabbvagyok,
  #media-modal .top-okosabbvagyok {
    margin: 10px auto;
    flex-shrink: 0;
  }
}
html[data-theme2=dark] #page-media .top-okosabbvagyok .styled_heading,
html[data-theme2=dark] #media-modal .top-okosabbvagyok .styled_heading {
  color: #f1f1f1;
}

#page-media .loop_wrapper,
#media-modal .loop_wrapper {
  text-align: center;
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 1;
  color: #f1f1f1;
  filter: drop-shadow(0 0 3px #333);
}
#page-media .loop_wrapper a,
#media-modal .loop_wrapper a {
  color: #f1f1f1;
  text-decoration: none;
  font-weight: normal;
}
#page-media .loop_wrapper a:hover,
#media-modal .loop_wrapper a:hover {
  background: transparent;
}
#page-media .loop_wrapper.targetAchieved i,
#media-modal .loop_wrapper.targetAchieved i {
  display: none;
}
#page-media .loop_wrapper.targetAchieved span,
#media-modal .loop_wrapper.targetAchieved span {
  display: block;
}
#page-media .loop_wrapper i,
#media-modal .loop_wrapper i {
  font-size: 62px;
}
#page-media .loop_wrapper span,
#media-modal .loop_wrapper span {
  display: none;
  font-size: 36px;
  width: 62px;
  height: 62px;
  text-align: center;
  line-height: 62px;
}
#page-media .loop_wrapper em,
#media-modal .loop_wrapper em {
  font-size: 20px;
  position: absolute;
  left: 21px;
  top: 19px;
  width: 20px;
  animation: pulse-scale 1s infinite;
  z-index: 2;
  color: #f1ebdb;
  filter: drop-shadow(0 0 1px #333);
}
#page-media .loop_wrapper .em--hide,
#media-modal .loop_wrapper .em--hide {
  display: none;
}
#page-media .interactions_wrapper,
#media-modal .interactions_wrapper {
  text-align: left;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
}
#page-media .interactions_wrapper > ul,
#media-modal .interactions_wrapper > ul {
  list-style: none;
  padding: 0;
  display: inline-flex;
  align-items: start;
  flex-direction: column;
  margin: 0;
}
#page-media .interactions_wrapper > ul > li,
#media-modal .interactions_wrapper > ul > li {
  margin: 0 0 3px 0;
}
#page-media .interactions_wrapper > ul > li > span,
#media-modal .interactions_wrapper > ul > li > span {
  margin-left: 5px;
}
#page-media .interactions_wrapper > ul > li > span, #page-media .interactions_wrapper > ul > li > a span, #page-media .interactions_wrapper > ul > li > i, #page-media .interactions_wrapper > ul > li > a i,
#media-modal .interactions_wrapper > ul > li > span,
#media-modal .interactions_wrapper > ul > li > a span,
#media-modal .interactions_wrapper > ul > li > i,
#media-modal .interactions_wrapper > ul > li > a i {
  color: #f1f1f1;
  font-size: 20px;
  filter: drop-shadow(0 0 3px #333);
}
@media screen and (max-width: 700px) {
  #page-media .interactions_wrapper > ul > li > span, #page-media .interactions_wrapper > ul > li > a span, #page-media .interactions_wrapper > ul > li > i, #page-media .interactions_wrapper > ul > li > a i,
  #media-modal .interactions_wrapper > ul > li > span,
  #media-modal .interactions_wrapper > ul > li > a span,
  #media-modal .interactions_wrapper > ul > li > i,
  #media-modal .interactions_wrapper > ul > li > a i {
    font-size: 16px;
  }
}
#page-media .interactions_wrapper__rating-trigger,
#media-modal .interactions_wrapper__rating-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: -2px -4px;
  padding: 2px 4px;
  border-radius: 5px;
  background: transparent;
  text-decoration: none;
  font-weight: normal;
}
#page-media .interactions_wrapper__rating-trigger:hover, #page-media .interactions_wrapper__rating-trigger:focus-visible,
#media-modal .interactions_wrapper__rating-trigger:hover,
#media-modal .interactions_wrapper__rating-trigger:focus-visible {
  background: rgba(0, 0, 0, 0.35);
}
#page-media .interactions_wrapper__rating-trigger:focus-visible,
#media-modal .interactions_wrapper__rating-trigger:focus-visible {
  outline: 2px solid #FFCC00;
  outline-offset: 2px;
}
#page-media #media-options-button,
#media-modal #media-options-button {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  font-size: 0;
  background: none;
  border: none;
  transition: transform 0.1s linear;
  filter: drop-shadow(0 0 6px #000);
}
#page-media #media-options-button:hover,
#media-modal #media-options-button:hover {
  background: none;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
html[data-theme2=dark] #page-media #media-options-button ~ [data-tippy-root] .tippy-box,
html[data-theme2=dark] #media-modal #media-options-button ~ [data-tippy-root] .tippy-box {
  background: #dedcd4;
}

html[data-theme2=dark] #page-media #media-options-button ~ [data-tippy-root] .tippy-arrow,
html[data-theme2=dark] #media-modal #media-options-button ~ [data-tippy-root] .tippy-arrow {
  background: #dedcd4;
  color: #dedcd4;
}

#page-media #media-options-button span,
#media-modal #media-options-button span {
  display: block;
  font-size: 14px;
  color: #f1f1f1;
  position: relative;
  left: 1px;
  font-weight: bold;
}
#page-media #media-options-button svg,
#media-modal #media-options-button svg {
  height: 30px;
  fill: #fff;
}
html[data-theme2=dark] #page-media #media-options-button svg,
html[data-theme2=dark] #media-modal #media-options-button svg {
  fill: #f1f1f1;
}

#page-media #share-popup p,
#media-modal #share-popup p {
  margin: 0 0 5px 0;
  text-align: left;
  font-weight: bold;
  font-size: 18px;
}
#page-media #share-popup .icofont-twitter,
#media-modal #share-popup .icofont-twitter {
  color: #1da1f2;
  font-size: 18px;
}
#page-media #share-popup .icofont-flag,
#media-modal #share-popup .icofont-flag {
  color: #ff0000;
}
#page-media #share-popup .icofont-ui-rating,
#media-modal #share-popup .icofont-ui-rating {
  color: #ffcc00;
}
#page-media #share-popup .icofont-download-alt,
#media-modal #share-popup .icofont-download-alt {
  color: #1d6538;
}
#page-media #share-popup .icofont-reddit,
#media-modal #share-popup .icofont-reddit {
  color: #ff5700;
  font-size: 20px;
}
#page-media #share-popup ul,
#media-modal #share-popup ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: left;
}
#page-media #share-popup ul li,
#media-modal #share-popup ul li {
  line-height: 1.8;
}
#page-media #share-popup ul li:hover,
#media-modal #share-popup ul li:hover {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
#page-media #share-popup ul li a,
#page-media #share-popup ul li .media-action-link,
#media-modal #share-popup ul li a,
#media-modal #share-popup ul li .media-action-link {
  color: #f1f1f1;
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
}
html[data-theme2=dark] #page-media #share-popup ul li a,
html[data-theme2=dark] #page-media #share-popup ul li .media-action-link,
html[data-theme2=dark] #media-modal #share-popup ul li a,
html[data-theme2=dark] #media-modal #share-popup ul li .media-action-link {
  color: #1e1e1e;
}

#page-media #share-popup ul li a i,
#page-media #share-popup ul li .media-action-link i,
#media-modal #share-popup ul li a i,
#media-modal #share-popup ul li .media-action-link i {
  filter: none;
  margin-right: 5px;
}
#page-media #share-popup ul li a:hover,
#page-media #share-popup ul li .media-action-link:hover,
#media-modal #share-popup ul li a:hover,
#media-modal #share-popup ul li .media-action-link:hover {
  background: none;
}
#page-media #share-popup ul li .media-action-link,
#media-modal #share-popup ul li .media-action-link {
  appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
}
html[data-theme2=dark] #page-media #share-popup,
html[data-theme2=dark] #media-modal #share-popup {
  color: #1e1e1e;
}
html[data-theme2=dark] #page-media #share-popup .icofont-download-alt,
html[data-theme2=dark] #page-media #share-popup .icofont-ui-rating,
html[data-theme2=dark] #media-modal #share-popup .icofont-download-alt,
html[data-theme2=dark] #media-modal #share-popup .icofont-ui-rating {
  color: #1e1e1e;
}

#media-modal #share-popup {
  color: #1e1e1e;
}
#media-modal #share-popup ul li a {
  color: #1e1e1e;
}
#media-modal #share-popup .icofont-download-alt,
#media-modal #share-popup .icofont-ui-rating {
  color: #1e1e1e;
}

#page-media .report_wrapper,
#media-modal .report_wrapper {
  height: 30px;
  margin: 0;
  text-align: center;
}
#page-media .report_wrapper .btn:nth-of-type(1),
#media-modal .report_wrapper .btn:nth-of-type(1) {
  margin-left: 5px;
}
#page-media .report_wrapper .btn:nth-of-type(2),
#media-modal .report_wrapper .btn:nth-of-type(2) {
  margin-right: 5px;
}
#page-media .media-wrapper,
#media-modal .media-wrapper {
  max-height: 100vh;
}
#page-media .media-wrapper video.ai_gif_video,
#media-modal .media-wrapper video.ai_gif_video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: none;
  pointer-events: none;
}
#page-media .media-wrapper video.ai_gif_video.shown,
#media-modal .media-wrapper video.ai_gif_video.shown {
  display: block;
}
#page-media #ratepopup-node,
#media-modal #ratepopup-node {
  min-width: 200px;
  text-align: center;
  min-height: 50px;
}
#page-media #ratepopup-node.media-action-disabled,
#media-modal #ratepopup-node.media-action-disabled {
  opacity: 0.6;
}

#page-media .breadcrumb-wrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
}
#page-media .breadcrumb-wrapper .breadcrumb {
  margin-left: 0;
}
@media screen and (max-width: 700px) {
  #page-media .breadcrumb-wrapper .breadcrumb li {
    opacity: 0.85;
  }
}
#page-media .toprated-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
#page-media canvas,
#page-media .main-media-element {
  border-radius: 0 0 10px 10px;
}
#page-media .media-wrapper--unavailable figure,
#page-media .media-wrapper--unavailable .media-error {
  border-radius: 0 0 10px 10px;
}
#page-media .rate_liker,
#page-media .rate_liker__inner {
  border-radius: 0 0 10px 0;
}
@media screen and (max-width: 700px) {
  #page-media .rate_liker,
  #page-media .rate_liker__inner {
    border-radius: 0 0 10px 10px;
  }
}
#page-media .quality-hint {
  text-align: center;
  margin-bottom: 5px;
}
#page-media .media-category {
  margin: 0 auto;
  color: darkred;
}
#page-media .bottom-okosabbvagyok {
  margin: 10px auto !important;
  text-align: center;
  max-width: 920px;
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 700px) {
  #page-media ul.categories {
    padding: 10px;
  }
}
#page-media h1.main-media-title {
  color: #000;
  margin: 0;
}
#page-media .main-media-title-wrapper {
  position: relative;
}
#page-media .media-wrapper {
  position: relative;
  max-width: 1256px;
  height: 100%;
  font-size: 0;
  margin: 0 auto;
  text-align: center;
  min-height: 250px;
}
@media screen and (max-width: 700px) {
  #page-media .media-wrapper {
    margin-top: 0;
  }
}
#page-media .media-wrapper .main-media-element--overgif,
#page-media .media-wrapper .main-media-element {
  object-fit: contain;
  margin: 0 auto;
  background-size: cover;
  height: calc(100vh - 300px);
  display: block;
  max-height: 500px;
  min-height: 300px;
  width: 100%;
}
@media screen and (max-width: 700px) {
  #page-media .media-wrapper .main-media-element--overgif,
  #page-media .media-wrapper .main-media-element {
    padding-bottom: 70px;
    width: 100%;
    height: calc(100vh - 320px);
    min-height: 200px;
  }
}
#page-media .media-wrapper .main-media-element--failed {
  opacity: 0;
  pointer-events: none;
}
#page-media .media-wrapper video,
#page-media .media-wrapper iframe {
  max-width: 95%;
  user-select: none;
  -webkit-user-drag: none;
  margin: 0 auto;
  min-height: 100px;
}
#page-media .media-wrapper figure {
  display: inline-block;
  margin: 0;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#page-media .media-wrapper a,
#page-media .media-wrapper img {
  user-select: none;
  -webkit-user-drag: none;
}
#page-media .media-wrapper iframe,
#page-media .media-wrapper video,
#page-media .media-wrapper img {
  z-index: 1;
  position: relative;
}
#page-media .media-wrapper .loader {
  z-index: 2;
  position: absolute;
  top: 45%;
  left: 45%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#page-media .media-wrapper .pager {
  position: absolute;
  color: black;
  filter: drop-shadow(0 0 3px #fff);
  opacity: 0.8;
  text-decoration: none;
  font-size: 100px;
  top: 30%;
  height: 130px;
  line-height: 110px;
  font-weight: normal;
}
#page-media .media-wrapper .pager--invisible {
  display: none;
}
#page-media .media-wrapper .pager:hover {
  background: none;
}
@media screen and (max-width: 920px) {
  #page-media .media-wrapper .pager {
    top: 20%;
  }
}
#page-media .media-wrapper .pager.left {
  left: 50px;
  z-index: 2;
}
@media screen and (max-width: 920px) {
  #page-media .media-wrapper .pager.left {
    left: 0;
  }
}
#page-media .media-wrapper .pager.right {
  z-index: 2;
  right: 50px;
}
@media screen and (max-width: 920px) {
  #page-media .media-wrapper .pager.right {
    right: 0;
  }
}
@media screen and (max-width: 700px) {
  #page-media .media-wrapper .pager {
    display: none;
  }
}
@media screen and (min-width: 701px) {
  #page-media .media-wrapper .pager:hover {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }
}
#page-media .media-wrapper .sidelink-wrapper {
  max-height: none;
  max-width: none;
  top: 10px;
}
#page-media .media-wrapper iframe {
  max-height: none;
}
#page-media .bottom-categories-wrapper {
  margin: 20px auto;
}

#media-modal .related-tags-component {
  padding-bottom: 20px;
}
#media-modal .quality-hint {
  text-align: center;
  margin-bottom: 5px;
}
#media-modal .quality-hint a {
  color: white;
}
#media-modal .subcontent-wrapper--invisible {
  display: none;
}
#media-modal .comments-wrapper--invisible {
  display: none;
}
#media-modal canvas,
#media-modal .main-media-element {
  border-radius: 10px;
}
#media-modal .media-ext-ad-wrapper {
  background: wheat;
  padding-bottom: 20px;
}
#media-modal .interactions_wrapper ul li span,
#media-modal .interactions_wrapper ul li i {
  color: #fff;
}
#media-modal #media-options-button ~ [data-tippy-root] .tippy-box {
  background: #dedcd4;
}
#media-modal #media-options-button ~ [data-tippy-root] .tippy-arrow {
  background: #dedcd4;
  color: #dedcd4;
}
#media-modal .media-wrapper {
  text-align: center;
  position: relative;
  min-height: 250px;
}
#media-modal .media-wrapper img,
#media-modal .media-wrapper video {
  height: 55vh;
  object-fit: contain;
  width: 100%;
  display: block;
  -webkit-user-drag: none;
  user-select: none;
  background-size: cover;
  z-index: 1;
  position: relative;
}
#media-modal .media-wrapper video {
  max-height: 55vh;
  object-fit: contain;
  max-width: 100%;
  -webkit-user-drag: none;
  user-select: none;
}
#media-modal .media-wrapper #video-player {
  max-height: 55vh;
  max-width: 100%;
  margin: 0 auto;
}
#media-modal .media-wrapper .watchme-link {
  bottom: 40px;
}
#media-modal .media-wrapper iframe {
  height: 650px;
  width: 100%;
  max-width: 100%;
  max-height: none;
  z-index: 1;
  position: relative;
}
#media-modal .rate_liker,
#media-modal .rate_liker__inner {
  border-radius: 0 0 10px 0;
}
@media screen and (max-width: 700px) {
  #media-modal .rate_liker,
  #media-modal .rate_liker__inner {
    border-radius: 0 0 10px 10px;
  }
}
#media-modal .content-and-ad-wrapper {
  margin-top: 30px;
}

@keyframes pulse-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.6);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes gallery-glow {
  0%, 100% {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 12px rgba(255, 177, 66, 0.55);
  }
  50% {
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.35), 0 0 20px rgba(255, 200, 105, 0.9);
  }
}
@keyframes gallery-shine {
  0% {
    left: -120%;
  }
  60% {
    left: 120%;
  }
  100% {
    left: 120%;
  }
}
.title-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 20px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.title-modal--visible {
  display: flex;
}
.title-modal__content {
  background: #fff;
  border-radius: 12px;
  max-width: 600px;
  width: 100%;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  position: relative;
}
html[data-theme2=dark] .title-modal__content {
  background: #1a1a1a;
  color: #f1f1f1;
}

.title-modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.title-modal__header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #666;
}
html[data-theme2=dark] .title-modal__header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
html[data-theme2=dark] .title-modal__header h3 {
  color: #aaa;
}

.title-modal__close {
  background: none;
  border: none;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.title-modal__close:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #333;
}
html[data-theme2=dark] .title-modal__close {
  color: #aaa;
}
html[data-theme2=dark] .title-modal__close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.title-modal__body {
  padding: 20px;
  font-size: 18px;
  line-height: 1.6;
  color: #333;
  word-wrap: break-word;
}
html[data-theme2=dark] .title-modal__body {
  color: #e5e5e5;
}

.trending-ad {
  text-align: center;
}

#trending-wrapper {
  display: block;
}
#trending-wrapper p {
  padding: 0 10px;
}
#trending-wrapper .pagination-wrapper {
  margin: 30px 0;
}

.partner-list {
  position: relative;
  max-width: 90%;
  width: 700px;
  background: white;
  margin: 20px auto;
  padding: 20px;
  text-align: left;
}
.partner-list .card-wrapper {
  display: flex;
}
@media screen and (max-width: 700px) {
  .partner-list .card-wrapper > * {
    flex-direction: column;
  }
}
.partner-list .card-wrapper__right {
  padding: 0 20px;
}
.partner-list ul {
  list-style-type: none;
  padding: 0;
}
.partner-list ul li img {
  max-width: 90%;
}
.partner-list ul li img.default_partner_logo {
  width: 250px;
}
.policy-page {
  width: 95%;
  max-width: 800px;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 5px;
  margin: 40px auto;
  padding: 30px;
}
@media screen and (max-width: 700px) {
  .policy-page {
    padding: 5px 20px;
  }
}
.policy-page h1 {
  text-align: center;
}
.policy-page--bigger {
  font-size: 16px;
}
.policy-page li {
  margin-bottom: 15px;
}

.reportlayout {
  display: flex;
  justify-content: center;
}
.reportlayout .please-scroll-down {
  display: none;
  color: #f1f1f1;
  padding: 4px 2px;
  background: #cc0000;
}
@media screen and (max-width: 850px) {
  .reportlayout {
    flex-direction: column;
  }
  .reportlayout .please-scroll-down {
    display: block;
  }
  .reportlayout fieldset {
    margin: 0 auto;
  }
}
@media screen and (min-width: 851px) {
  .reportlayout #msform {
    flex-shrink: 1;
    margin-left: 0;
    margin-right: 0;
  }
  .reportlayout #msform fieldset {
    margin: 0;
    width: 90%;
  }
}
@media screen and (min-width: 851px) {
  .reportlayout .policy-page {
    flex-shrink: 2;
    margin-left: 0;
    margin-right: 0;
  }
}

header .searchmenu-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
}

.source-display-wrapper {
  padding: 20px 10px;
  max-width: 900px;
  margin: 0 auto;
}
.source-display-wrapper .source-header {
  padding: 15px 10px;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
  background: #f1ebdb;
  color: #331900;
  text-align: center;
  border-radius: 8px;
}
html[data-theme2=dark] .source-display-wrapper .source-header {
  background: #7b736b;
  color: #f1f1f1;
}

@media screen and (max-width: 700px) {
  .source-display-wrapper .source-header {
    font-size: 20px;
    padding: 12px 8px;
  }
}
.source-display-wrapper .source-header__subreddit {
  color: #ff4500;
  text-decoration: none;
  font-weight: bold;
}
.source-display-wrapper .source-header__subreddit:hover {
  text-decoration: underline;
}
html[data-theme2=dark] .source-display-wrapper .source-header__subreddit {
  color: #ff8c42;
}

.source-display-wrapper .source-link-wrapper {
  text-align: center;
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.source-display-wrapper .source-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #ff4500;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  transition: background-color 0.2s ease;
}
.source-display-wrapper .source-link:hover {
  background: #ff5722;
  text-decoration: none;
}
html[data-theme2=dark] .source-display-wrapper .source-link {
  background: #ff6b42;
}
html[data-theme2=dark] .source-display-wrapper .source-link:hover {
  background: #ff8c42;
}

.source-display-wrapper .source-link i {
  font-size: 18px;
}
.source-display-wrapper .source-link--report {
  background: #4a5568;
}
.source-display-wrapper .source-link--report:hover {
  background: #5a6578;
}
html[data-theme2=dark] .source-display-wrapper .source-link--report {
  background: #5a6578;
}
html[data-theme2=dark] .source-display-wrapper .source-link--report:hover {
  background: #6a7588;
}

.source-display-wrapper .source-hub-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px dashed #d0c4b4;
  color: #3b2a1a;
  background: transparent;
  text-decoration: none;
  transition: all 0.2s ease;
}
.source-display-wrapper .source-hub-link:hover {
  background: rgba(243, 236, 225, 0.5);
  border-color: #b8a898;
  text-decoration: none;
}
.source-display-wrapper .source-hub-link:hover .source-hub-link__name {
  color: #6b3a14;
}
html[data-theme2=dark] .source-display-wrapper .source-hub-link {
  border-color: #5a5149;
  color: #a0a0a0;
}
html[data-theme2=dark] .source-display-wrapper .source-hub-link:hover {
  background: rgba(79, 70, 61, 0.3);
  border-color: #7a6a5a;
}
html[data-theme2=dark] .source-display-wrapper .source-hub-link:hover .source-hub-link__name {
  color: #ffb27a;
}

.source-display-wrapper .source-hub-link__label {
  font-size: 12px;
  font-weight: 400;
  opacity: 0.7;
  letter-spacing: 0.3px;
}
.source-display-wrapper .source-hub-link__name {
  font-size: 16px;
  font-weight: 700;
  color: #e67e22;
  transition: color 0.2s ease;
}
html[data-theme2=dark] .source-display-wrapper .source-hub-link__name {
  color: #f39c12;
}

.source-display-wrapper .reddit-embed-wrapper {
  margin: 30px 0;
  min-height: 400px;
  background: #f5f5f5;
  border-radius: 8px;
  padding: 15px;
  border: 1px solid #e0e0e0;
}
html[data-theme2=dark] .source-display-wrapper .reddit-embed-wrapper {
  background: #2a2a2a;
  border-color: #444;
}

.source-display-wrapper .reddit-embed-wrapper blockquote.reddit-card {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  min-height: 400px;
}
@media screen and (max-width: 700px) {
  .source-display-wrapper .reddit-embed-wrapper {
    padding: 10px;
    min-height: 350px;
  }
}
.source-display-wrapper .source-back-wrapper {
  text-align: center;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}
html[data-theme2=dark] .source-display-wrapper .source-back-wrapper {
  border-color: #444;
}

.source-display-wrapper .source-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: #4a5568;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  transition: background-color 0.2s ease;
  border: none;
  cursor: pointer;
}
.source-display-wrapper .source-back-btn:hover {
  background: #5a6578;
  text-decoration: none;
}
html[data-theme2=dark] .source-display-wrapper .source-back-btn {
  background: #5a6578;
}
html[data-theme2=dark] .source-display-wrapper .source-back-btn:hover {
  background: #6a7588;
}

.source-display-wrapper .source-back-btn i {
  font-size: 16px;
}

.encouragement {
  display: none;
  background-image: url(302a30eb4f617d9897b0.png);
  position: absolute;
  bottom: 0;
  left: -210px;
  width: 320px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 454px;
  background-position: bottom;
  z-index: -1;
}
.encouragement--soft {
  background-image: url(8cb17f675db156bb57da.png);
}
.encouragement--alt {
  background-image: url(630dbbbd108269df7c21.png);
}

.hotsexphotos .encouragement {
  left: -170px;
  background-image: url(f58312853ac4d5612dad.png);
}
.hotsexphotos .encouragement--soft {
  left: -170px;
  background-image: url(f58312853ac4d5612dad.png);
}

.xxxarabgirls .encouragement {
  left: -170px;
  background-image: url(f58312853ac4d5612dad.png);
}
.xxxarabgirls .encouragement--soft {
  left: -170px;
  background-image: url(f58312853ac4d5612dad.png);
}

.truyenhentai .encouragement,
.xxxarabgirls .encouragement,
.hotsexphotos .encouragement {
  display: block;
}

#page-common_subscribe .encouragement {
  z-index: 1;
}

.subscribe-gate {
  position: relative;
  max-width: 90%;
  width: 500px;
  background: white;
  margin: 20px auto;
  text-align: center;
  padding: 20px;
}
.subscribe-gate p strong {
  color: #ff0000;
  font-size: 1.2rem;
}
.subscribe-gate .emp {
  font-size: 1.5rem;
}
.subscribe-gate .alt {
  color: white;
}
.toprated-wrapper {
  position: relative;
}
.toprated-wrapper h2 ~ p {
  margin-top: 0;
  line-height: 1.4;
  text-align: justify;
  padding: 10px;
  background: #f1ebdb;
  color: #331900;
}
.toprated-wrapper h2 ~ p.todays-tag-with-text em {
  float: left;
}
.toprated-wrapper h2 ~ p em {
  font-weight: bold;
  margin-right: 10px;
  font-size: 20px;
  text-align: center;
  padding: 3px 6px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.toprated-wrapper h2 ~ p em:hover {
  background: #333;
}
.toprated-wrapper h2 ~ p em:hover a {
  color: #f1f1f1;
  background: none;
}
.toprated-wrapper h2 ~ p em a {
  text-decoration: none;
}
html[data-theme2=dark] .toprated-wrapper h2 ~ p em {
  background: rgba(0, 0, 0, 0.9);
}

.toprated-wrapper .toprated_mode_selector {
  padding: 0;
  margin: 10px 0;
  font-size: 0;
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-wrap: wrap;
}
@media screen and (max-width: 700px) {
  .toprated-wrapper .toprated_mode_selector {
    padding: 2px 0 15px 10px;
    margin-bottom: 0;
    overflow-x: visible;
    overflow-y: scroll;
    flex-wrap: nowrap;
  }
}
.toprated-wrapper .toprated_mode_selector li {
  white-space: nowrap;
}
.toprated-wrapper .toprated_mode_selector li .toprated_mode_selector__selected {
  background: #f90;
  color: #333;
  border: none;
  padding-top: 4px;
  padding-bottom: 4px;
}
.toprated-wrapper .toprated_mode_selector li a {
  border: 2px solid #f90;
  line-height: 1.5;
  padding: 2px 6px;
  font-size: 14px;
  border-radius: 10px;
  background: transparent;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
  font-weight: bold;
}
.toprated-wrapper .toprated_mode_selector li a:hover {
  background: #f90;
  color: #333;
}
.toprated-wrapper__inside {
  position: relative;
}
.toprated-wrapper__inside-scroll {
  overflow-x: scroll;
}
.toprated-wrapper__inside-scroll.toprated-wrapper__inside-scroll--desktop {
  overflow-y: hidden;
  overflow-x: hidden;
}
.toprated-wrapper__inside:after {
  content: " ";
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(245, 247, 250) 100%);
  position: absolute;
  top: 0;
  right: 0;
  height: 300px;
  width: 100px;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 700px) {
  .toprated-wrapper__inside:after {
    width: 50px;
  }
}
.toprated-wrapper__inside ul {
  scroll-behavior: smooth;
  list-style-type: none;
  font-size: 0;
  white-space: nowrap;
  padding: 0;
  position: relative;
  width: 100%;
}
.toprated-wrapper__inside ul::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}
.toprated-wrapper__inside ul li {
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin: 0 3px 0;
}
.toprated-wrapper__inside ul li a {
  display: block;
}
.toprated-wrapper__inside ul li.toprated__shmore {
  width: 200px;
  height: 300px;
  background: #1d2129;
}
.toprated-wrapper__inside ul li.toprated__shmore a {
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.toprated-wrapper__inside ul li.toprated__shmore a:hover {
  background: #1d2129;
}
.toprated-wrapper__inside ul li.toprated__shmore a i {
  font-size: 36px;
  margin-bottom: 20px;
  display: block;
}
.toprated-wrapper__inside ul li.toprated__shmore a em {
  font-size: 18px;
}
.toprated-wrapper__inside ul li .toprated__display {
  position: absolute;
  z-index: 2;
  display: block;
  top: 10px;
  right: 20px;
  white-space: normal;
}
.toprated-wrapper__inside ul li .toprated__display--noicon {
  background: #FFCC00;
  padding: 2px;
}
.toprated-wrapper__inside ul li .toprated__display--noicon em {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}
.toprated-wrapper__inside ul li .toprated__display--hearticon i {
  font-size: 45px !important;
}
.toprated-wrapper__inside ul li .toprated__display i {
  color: #FFCC00;
  font-size: 60px;
}
.toprated-wrapper__inside ul li .toprated__display em {
  position: absolute;
  color: #333;
  left: 50%;
  top: 54%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: bold;
}
.toprated-wrapper__inside ul li video,
.toprated-wrapper__inside ul li img {
  height: 300px;
  width: auto;
  display: block;
  max-width: 270px;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
  position: relative;
  z-index: 1;
}
.toprated-wrapper__inside ul li video.toprated__image--fallback,
.toprated-wrapper__inside ul li img.toprated__image--fallback {
  width: 200px;
  max-width: none;
  background-color: #5b5b5b;
}
@media screen and (min-width: 701px) {
  .toprated-wrapper__inside ul li video:hover,
  .toprated-wrapper__inside ul li img:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.toprated-wrapper--framed {
  margin: 22px auto;
  padding: 18px 22px 22px;
  border-radius: 24px;
  border: 1px solid rgba(38, 32, 24, 0.1);
  background: linear-gradient(180deg, #fffdfa 0%, #f2eee8 100%);
  box-shadow: 0 14px 34px rgba(38, 32, 24, 0.08);
  overflow: visible;
}
@media screen and (max-width: 700px) {
  .toprated-wrapper--framed {
    width: calc(100% - 10px);
    margin: 18px 5px;
    padding: 14px 14px 18px;
    border-radius: 18px;
  }
}
.toprated-wrapper--framed .styled_heading {
  margin: 0;
}
.toprated-wrapper--framed h2 ~ p {
  margin: 8px 0 0;
  padding: 0;
  max-width: 700px;
  background: transparent;
  color: rgba(43, 36, 24, 0.66);
  text-align: left;
}
.toprated-wrapper--framed .toprated-wrapper__inside {
  margin-top: 12px;
}
.toprated-wrapper--framed .toprated-wrapper__inside:after {
  background: linear-gradient(90deg, rgba(255, 253, 250, 0) 0%, rgba(242, 238, 232, 0.98) 100%);
}

body#page-main .toprated-wrapper--framed {
  margin-bottom: 22px;
}

html[data-theme2=dark] .toprated-wrapper--framed {
  border-color: rgba(255, 255, 255, 0.08);
  background: linear-gradient(180deg, rgba(18, 21, 28, 0.96) 0%, rgba(11, 13, 19, 0.98) 100%);
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}
html[data-theme2=dark] .toprated-wrapper--framed h2 ~ p {
  color: rgba(235, 240, 246, 0.68);
  background: transparent;
}
html[data-theme2=dark] .toprated-wrapper--framed .toprated-wrapper__inside:after {
  background: linear-gradient(90deg, rgba(18, 21, 28, 0) 0%, rgba(11, 13, 19, 0.98) 100%);
}

/*
os-theme-block-light
*/
.os-theme-block-light > .os-scrollbar {
  padding: 0;
}

.os-theme-block-light > .os-scrollbar-horizontal {
  right: 16px;
  height: 16px;
}

.os-theme-block-light > .os-scrollbar-vertical {
  bottom: 16px;
  width: 16px;
}

.os-theme-block-light.os-host-rtl > .os-scrollbar-horizontal {
  left: 16px;
  right: 0;
}

.os-theme-block-light > .os-scrollbar-corner {
  height: 16px;
  width: 16px;
  background-color: transparent;
}

.os-theme-block-light > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.15);
}

.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track:before {
  left: 4px;
  right: 4px;
  height: 2px;
  top: 50%;
  margin-top: -1px;
}

.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track:before {
  top: 4px;
  bottom: 4px;
  width: 2px;
  left: 50%;
  margin-left: -1px;
}

.os-theme-block-light > .os-scrollbar-horizontal:hover > .os-scrollbar-track:before,
.os-theme-block-light > .os-scrollbar-horizontal.active > .os-scrollbar-track:before {
  left: 0;
  right: 0;
  height: 100%;
  top: 0;
  margin-top: 0;
}

.os-theme-block-light > .os-scrollbar-vertical:hover > .os-scrollbar-track:before,
.os-theme-block-light > .os-scrollbar-vertical.active > .os-scrollbar-track:before {
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  margin-left: 0;
}

.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: transparent;
}

.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  min-width: 100px;
  max-width: 100px;
}

.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  min-height: 100px;
  max-height: 100px;
}

.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 4px;
  right: 4px;
  background: #afafaf;
}

.os-theme-block-light.os-host-scrolling > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  background: #cecece;
}

.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-theme-block-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  background: #fff;
}

.os-theme-block-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  height: 100%;
  min-width: 16px;
}

.os-theme-block-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
  min-height: 16px;
}

.os-theme-block-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: background 0.3s;
}

.os-theme-block-light.os-host-transition > .os-scrollbar > .os-scrollbar-track:before {
  transition: margin 0.3s, height 0.3s, width 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

#msform.upload-form fieldset {
  width: 800px;
  max-width: 90%;
}
@media screen and (max-width: 700px) {
  #msform.upload-form fieldset {
    width: 90%;
  }
}

#page-uploadform .upload-featureerror-message {
  margin-top: 50px;
}
#page-uploadform .backbtn-wrapper {
  text-align: center;
}

.privacy-toggle-component {
  margin: 20px 0;
}

.form-react-select {
  margin-bottom: 10px;
}

.form-react-select__menu {
  text-align: left;
}
html[data-theme2=dark] .form-react-select__menu {
  color: #333;
}

.form-react-select__control {
  text-align: left;
}
html[data-theme2=dark] .form-react-select__control {
  color: #333;
}

.marquee {
  --gap: 1rem;
  position: relative;
  gap: var(--gap);
  overflow: hidden;
  user-select: none;
  display: flex;
  overflow: hidden;
  max-width: fit-content;
}
.marquee:hover .marquee__content {
  animation-play-state: paused;
}

.marquee__content {
  animation: scroll 30s linear infinite;
  white-space: nowrap;
  gap: var(--gap);
  min-width: 100%;
  flex-shrink: 0;
  display: flex;
}
@media screen and (min-width: 701px) {
  .marquee__content {
    animation-duration: 50s;
  }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__content {
    animation-play-state: paused !important;
  }
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}
.fp-shorts {
  position: relative;
}
@media screen and (min-width: 701px) {
  .fp-shorts__marquee {
    display: none;
  }
}
.fp-shorts__marquee ul {
  margin: 0;
  padding: 0;
}
.fp-shorts__marquee ul li {
  margin: 0 0 0 0;
}
.fp-shorts__items {
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
@media screen and (max-width: 700px) {
  .fp-shorts__items {
    grid-template-columns: 1fr 1fr;
  }
}
.fp-shorts__items .buzik-wrapper {
  grid-column: 1/-1;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 701px) {
  .fp-shorts__items .buzik-wrapper {
    grid-column: 5/-5;
  }
}
.fp-shorts__items .buzik-wrapper .styled_heading {
  font-size: 14px;
}
.fp-shorts__items .buzik-wrapper > div {
  margin: 0 auto;
  text-align: center;
}
.fp-shorts__items.more-fp-shorts-items {
  margin-bottom: 10px;
}
.fp-shorts__item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.fp-shorts__item:first-child:before {
  content: attr(data-tag);
  position: absolute;
  padding: 2px;
  text-transform: uppercase;
  border-radius: 3px;
  background: red;
  color: white;
  left: 50%;
  z-index: 3;
  top: 15px;
  -webkit-transform: translate(100%, -4px) rotate(30deg);
  transform: translate(100%, -4px) rotate(30deg);
  font-size: 12px;
}
.fp-shorts__item .ai_gif_video {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  pointer-events: none;
}
.fp-shorts__item img {
  z-index: 2;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1.5;
}
.fp-shorts__item a {
  text-decoration: none;
}
.fp-shorts__item a:hover {
  background: transparent;
}
.fp-shorts__item figure {
  position: relative;
  height: 100%;
  width: 100%;
}
.fp-shorts__item figure.media_backdrop_host {
  isolation: auto;
}
.fp-shorts__item figcaption {
  color: #FFF;
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 20px;
  white-space: normal;
  padding: 10px;
  text-shadow: 1px 1px 2px black;
  padding: 15px;
  font-weight: normal;
  font-family: Verdana;
}
.fp-shorts__item figcaption span {
  color: #FFCC00;
}
@media screen and (max-width: 700px) {
  .fp-shorts__longtext {
    font-size: 18px !important;
  }
}
.fp-shorts__item:after {
  content: " ";
  background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, 0.011) 8.1%, hsla(0, 0%, 0%, 0.042) 15.5%, hsla(0, 0%, 0%, 0.089) 22.5%, hsla(0, 0%, 0%, 0.151) 29%, hsla(0, 0%, 0%, 0.223) 35.3%, hsla(0, 0%, 0%, 0.303) 41.2%, hsla(0, 0%, 0%, 0.387) 47.1%, hsla(0, 0%, 0%, 0.473) 52.9%, hsla(0, 0%, 0%, 0.557) 58.8%, hsla(0, 0%, 0%, 0.637) 64.7%, hsla(0, 0%, 0%, 0.709) 71%, hsla(0, 0%, 0%, 0.771) 77.5%, hsla(0, 0%, 0%, 0.818) 84.5%, hsla(0, 0%, 0%, 0.849) 91.9%, hsla(0, 0%, 0%, 0.86) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.shorts {
  position: relative;
}
.shorts__wrapper {
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  font-size: 0;
}
.is_mobile_device .shorts__wrapper {
  overflow-x: scroll;
}

.shorts__wrapper--vertical {
  overflow-y: scroll;
  overflow-x: hidden;
}
.shorts__wrapper--vertical .shorts__item {
  margin-right: 0;
  margin-bottom: 10px;
  width: 250px;
  height: 250px;
}
.shorts__wrapper--vertical .shorts__item img {
  width: 250px;
  height: 250px;
}
.shorts__wrapper--vertical .shorts__items {
  flex-direction: column;
  align-items: end;
}
.shorts__wrapper--vertical .shorts__item--more {
  width: 250px;
  height: 200px;
}
.shorts__items {
  display: flex;
  white-space: nowrap;
}
.shorts__item {
  display: block;
  font-size: 0;
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 300px;
  margin-right: 20px;
  flex-shrink: 0;
  flex-grow: 1;
}
@media screen and (max-width: 700px) {
  .shorts__item {
    width: 250px;
    height: 250px;
  }
  .shorts__item img {
    width: 250px;
    height: 250px;
  }
}
.shorts__item--more {
  width: 200px;
  margin-right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  vertical-align: top;
  background: #707d90;
}
.shorts__item--more:after {
  display: none;
}
.shorts__item--more a {
  font-size: 20px;
  color: #FFF;
  padding: 30px;
}
.shorts__item:after {
  content: " ";
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 50%;
  pointer-events: none;
}
.shorts__item a {
  text-decoration: none;
}
.shorts__item a:hover {
  background: transparent;
}
.shorts__item img {
  height: 300px;
  width: 300px;
  object-fit: cover;
  z-index: 2;
  position: relative;
}
.shorts__item figure {
  position: relative;
}
.shorts__item figure.media_backdrop_host {
  isolation: auto;
}
.shorts__item figcaption {
  color: #FFF;
  z-index: 3;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 20px;
  white-space: normal;
  padding: 10px;
  text-shadow: 1px 1px 2px black;
  padding: 10px 10px 20px 10px;
}
.shorts__item figcaption span {
  color: #FFCC00;
}

.wyr__container {
  font-family: "Roboto", sans-serif;
}
@media screen and (min-width: 701px) {
  .wyr__container {
    background: rgba(255, 228, 196, 0.4784313725);
    border-radius: 10px;
    border: 1px solid #ffe4c4;
    overflow: hidden;
    margin-top: 10px;
  }
  html[data-theme2=dark] .wyr__container {
    background: #444;
    border-color: #000;
  }
}
.wyr__container h1 {
  font-size: inherit;
  margin: inherit;
  color: inherit;
}
.wyr__logo-bg {
  background: radial-gradient(circle at top left, transparent 9%, #207c00 10%, #207c00 15%, transparent 16%), radial-gradient(circle at bottom left, transparent 9%, #207c00 10%, #207c00 15%, transparent 16%), radial-gradient(circle at top right, transparent 9%, #207c00 10%, #207c00 15%, transparent 16%), radial-gradient(circle at bottom right, transparent 9%, #207c00 10%, #207c00 15%, transparent 16%), radial-gradient(circle, transparent 25%, #ffffff 26%), linear-gradient(45deg, transparent 46%, #207c00 47%, #207c00 52%, transparent 53%), linear-gradient(135deg, transparent 46%, #207c00 47%, #207c00 52%, transparent 53%);
  background-size: 3em 3em;
  background-color: #FFF;
  opacity: 0.25;
  width: 100%;
  height: 300px;
}
.wyr__logo-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.wyr__logo {
  font-family: "Press Start 2P", cursive;
  font-size: 2.6rem;
  text-align: center;
  color: #00ff00; /* Bright green for retro look */
  text-shadow: 1px 2px 4px rgb(0, 0, 0);
  margin-bottom: 1rem;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 2rem;
}
.wyr__logo span {
  display: block;
}
.wyr__logo--highlight {
  color: #ff6347; /* Tomato color for contrast */
  position: relative;
}
.wyr__logo--heart {
  color: #ff1493; /* Pink color for the heart */
  animation: beat 1s infinite;
}
.wyr__vsblock {
  width: 100%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 15px 20px;
  font-size: 32px;
  user-select: none;
  color: #2c3e50;
  background: -webkit-radial-gradient(#f5f7fa, #cbd5e0);
  background: radial-gradient(#f5f7fa, #cbd5e0);
  font-weight: bold;
  font-family: "Press Start 2P", cursive;
  position: relative;
  overflow: hidden;
}
.wyr__vsblock span {
  z-index: 2;
  position: relative;
}
html[data-theme2=dark] .wyr__vsblock {
  background: -webkit-radial-gradient(#c31432, #240b36);
  background: radial-gradient(#c31432, #240b36);
}

.wyr__heading {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
  color: #2e464b;
  padding: 20px 0;
  font-size: 30px;
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.wyr__heading--highlight {
  color: #ff6347;
  text-shadow: 1px 1px 1px #333;
}
html[data-theme2=dark] .wyr__heading--highlight {
  color: #ff6347 !important;
}

html[data-theme2=dark] .wyr__heading {
  color: #f5f5f5;
  text-shadow: 1px 1px 2px #333;
}

.wyr__links ul {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 18px;
  list-style: none;
}
.wyr__textbox {
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 1.2em;
  color: #666666;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 500px;
}
.wyr__textbox--margined {
  margin-top: 15px;
}
html[data-theme2=dark] .wyr__textbox {
  background-color: #555;
  border: 1px solid #777;
  color: #f5f5f5;
}

@media screen and (max-width: 700px) {
  .wyr__textbox {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
  }
}
.wyr__pics {
  text-align: center;
  margin: 20px auto;
  max-width: 90%;
  display: grid;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}
.wyr__pics a:hover {
  background: transparent;
}
.wyr__pics--item {
  display: none;
  height: 15vh;
  min-height: 200px;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ffe4c4;
}
.wyr__pics--loaded {
  display: block;
}
.wyr__pics img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
html[data-theme2=dark] .wyr__pics img {
  border-color: #333;
}

.wyr__pics .wyr__pics__1 {
  grid-column: 1/-1;
  height: 35vh;
  min-height: 350px;
}
.wyr__pics .wyr__pics__1:not(.wyr__pics--loaded) + .wyr__pics__2,
.wyr__pics .wyr__pics__1:not(.wyr__pics--loaded) + .wyr__pics__2:not(.wyr__pics--loaded) + .wyr__pics__3,
.wyr__pics .wyr__pics__1:not(.wyr__pics--loaded) + .wyr__pics__2:not(.wyr__pics--loaded) + .wyr__pics__3:not(.wyr__pics--loaded) + .item4 {
  grid-column: 1/-1;
  height: 35vh;
  min-height: 350px;
}
.wyr_next {
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.wyr_next_bg {
  height: 310px;
  opacity: 0.2;
  --s: 100px; /* control the size*/
  --c1: #f8b195;
  --c2: #355c7d;
  --_g:
     var(--c2) 6% 14%,var(--c1) 16% 24%,var(--c2) 26% 34%,var(--c1) 36% 44%,
     var(--c2) 46% 54%,var(--c1) 56% 64%,var(--c2) 66% 74%,var(--c1) 76% 84%,var(--c2) 86% 94%;
  background: radial-gradient(100% 100% at 100% 0, var(--c1) 4%, var(--_g), rgba(0, 0, 0, 0.5333333333) 96%, rgba(0, 0, 0, 0)), radial-gradient(100% 100% at 0 100%, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5333333333) 4%, var(--_g), var(--c1) 96%) var(--c1);
  background-size: var(--s) var(--s);
}
.wyr_next_wrap {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.wyr_next p {
  font-size: 26px;
  display: flex;
  width: fit-content;
  flex-direction: column;
  color: #ff6347;
  margin: 0 auto 20px auto;
}
.wyr_next p strong {
  text-shadow: 1px 1px 0px #000;
}
.wyr_next p em {
  color: #333;
}
html[data-theme2=dark] .wyr_next p em {
  color: #000;
}

@keyframes beat {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
}
html[data-theme2=dark] {
  /* rklam wrapperek */
}
html[data-theme2=dark] .bottom-okosabbvagyok .exo-native-widget-outer-container,
html[data-theme2=dark] .async-okosabbvagyok-placeholder .exo-native-widget-outer-container {
  background: #333 !important;
}
html[data-theme2=dark] .bottom-okosabbvagyok .exo-native-widget-item-content,
html[data-theme2=dark] .async-okosabbvagyok-placeholder .exo-native-widget-item-content {
  background: #605e5e !important;
}
html[data-theme2=dark] .bottom-okosabbvagyok .exo-native-widget-item-title,
html[data-theme2=dark] .async-okosabbvagyok-placeholder .exo-native-widget-item-title {
  color: #00ffa9 !important;
}
html[data-theme2=dark] .bottom-okosabbvagyok .exo-native-widget-item-text,
html[data-theme2=dark] .async-okosabbvagyok-placeholder .exo-native-widget-item-text {
  color: #f1f1f1 !important;
}
html[data-theme2=dark] .bottom-okosabbvagyok .exo-native-widget-item-brand,
html[data-theme2=dark] .async-okosabbvagyok-placeholder .exo-native-widget-item-brand {
  color: #a3a3a3 !important;
}
html[data-theme2=dark] .toggle a {
  color: #f1f1f1;
}
html[data-theme2=dark] .inverse_header {
  color: #f1f1f1;
  background: #000;
}
html[data-theme2=dark] .btn {
  box-shadow: inset 0 1px 0 #ff9900, 0 5px 0 0 #7c4a00, 0 8px 4px #000;
  color: #333;
}
html[data-theme2=dark] .breadcrumb em,
html[data-theme2=dark] .breadcrumb a {
  color: #666;
}
html[data-theme2=dark] .breadcrumb em:hover,
html[data-theme2=dark] .breadcrumb a:hover {
  background: none;
  color: #666;
}
html[data-theme2=dark] body {
  background: #333;
  color: #f1f1f1;
}
html[data-theme2=dark] body p.twitter-promo {
  color: #333;
  -webkit-filter: brightness(90%);
  filter: brightness(90%);
}
html[data-theme2=dark] body p.twitter-promo a {
  color: #951c64;
  font-weight: bold;
}
html[data-theme2=dark] body p.twitter-promo a:hover {
  background: #951c64;
  color: #f1f1f1;
  text-decoration: none;
}
html[data-theme2=dark] a {
  color: #f90;
}
html[data-theme2=dark] a:hover {
  background: #f90;
  color: #333;
}
html[data-theme2=dark] footer {
  color: #f1f1f1;
  background: #8b7676;
}
html[data-theme2=dark] footer a {
  color: #262626;
}
html[data-theme2=dark] footer a:hover {
  color: #ff9902;
  background: none;
}
html[data-theme2=dark] header {
  background: #0a0a0a;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
html[data-theme2=dark] header .headerMenuExit {
  background: #0a0a0a;
}
html[data-theme2=dark] header .headerMenuExit button {
  background: rgba(255, 255, 255, 0.1);
}
html[data-theme2=dark] header .headerMenuExit button:hover {
  background: rgba(255, 255, 255, 0.15);
}
html[data-theme2=dark] header .clear-menu-btn span {
  background-color: #f1f1f1;
}
html[data-theme2=dark] header .clear-menu-btn .menu-caption {
  color: #f1f1f1;
}
html[data-theme2=dark] header .logo:hover {
  background: none;
}
html[data-theme2=dark] header .logo__subtitle {
  color: #f1f1f1;
}
html[data-theme2=dark] header .auth_links {
  background: #0a0a0a;
}
html[data-theme2=dark] header .auth_links--icon {
  color: #f1f1f1;
  background: rgba(255, 255, 255, 0.06);
}
html[data-theme2=dark] header .auth_links--icon:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}
html[data-theme2=dark] header .auth_links--icon.surprise-me-link {
  background: rgba(147, 51, 234, 0.12);
}
html[data-theme2=dark] header .auth_links--icon.surprise-me-link:hover {
  background: rgba(147, 51, 234, 0.2);
}
html[data-theme2=dark] header .auth_links--txt-button {
  background: rgba(255, 153, 0, 0.1);
  border-color: rgba(255, 153, 0, 0.25);
}
html[data-theme2=dark] header .auth_links--txt-button:hover {
  color: #ff9902;
  background: rgba(255, 153, 0, 0.18);
  border-color: rgba(255, 153, 0, 0.4);
}
html[data-theme2=dark] header .auth_links--txt-button.register-link {
  background: linear-gradient(135deg, #f90 0%, #e68a00 100%);
  color: #000;
  border-color: transparent;
}
html[data-theme2=dark] header .auth_links--txt-button.register-link:hover {
  background: linear-gradient(135deg, #ffaa33 0%, #f90 100%);
}
html[data-theme2=dark] .trending-link a {
  background: #c54c89;
}
html[data-theme2=dark] .sidelink-wrapper .pic-link a {
  color: #333;
}
html[data-theme2=dark] .keyword-link a:hover {
  background: #000;
}
html[data-theme2=dark] #page-media .media-description {
  color: #f1f1f1;
  filter: drop-shadow(0 0 3px #000);
}
html[data-theme2=dark] #page-media .media-description .uploadedby {
  color: #ff9902;
}
html[data-theme2=dark] .blogpost-wrapper {
  position: relative;
}
html[data-theme2=dark] .blogpost-wrapper .reveal-button {
  background: #a3a3a3;
  color: #333;
}
html[data-theme2=dark] .blogpost-wrapper .reveal-button:before {
  border-top-color: #a3a3a3;
}
html[data-theme2=dark] .blogpost-wrapper .reveal-button:hover {
  -webkit-box-shadow: 0 0 0 2px #333, 0 0 0 3px #a3a3a3;
  box-shadow: 0 0 0 2px #333, 0 0 0 3px #a3a3a3;
}
html[data-theme2=dark] .blogpost-wrapper ul li {
  background: #7b736b;
  color: #fff;
}
html[data-theme2=dark] .blogpost-wrapper ul li:nth-child(2) {
  border-bottom-color: #000;
  border-top-color: #000;
}
html[data-theme2=dark] .blogpost-wrapper ul li h3 a {
  color: #00ffa9;
  text-shadow: 0 0 5px #333;
}
html[data-theme2=dark] .blogpost-wrapper ul li h3 a:hover {
  background: #333;
}
html[data-theme2=dark] #wall .grid-header {
  background: transparent;
  padding-bottom: 0;
}
html[data-theme2=dark] #wall .grid-header .category-desc.inverse_header {
  background: #061b20;
  box-shadow: inset 0 -3px 0 rgba(0, 255, 169, 0.55), 0 1px 0 rgba(255, 255, 255, 0.06);
  color: #ffe36a;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.72);
}
html[data-theme2=dark] #wall .grid-header .category-desc.inverse_header span {
  color: #fff;
}
html[data-theme2=dark] #wall .grid-header > h2 {
  color: rgba(241, 241, 241, 0.78);
  margin-top: 6px;
}
html[data-theme2=dark] .wall_functions {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-width: 1px 0;
  width: 100%;
}
html[data-theme2=dark] .search-wrapper {
  background: #808080;
}
html[data-theme2=dark] .search-wrapper h3 {
  color: #191919;
}
html[data-theme2=dark] .search-wrapper .search {
  background: #f1f1f1;
  border-color: #333;
}
html[data-theme2=dark] .search-container .search-close {
  color: #f1f1f1;
}
html[data-theme2=dark] .sidelink-wrapper a {
  color: #f1f1f1;
}
html[data-theme2=dark] .activity-feed .feed-item {
  border-left-color: #b3b3b3;
}
html[data-theme2=dark] .activity-feed .feed-item:after {
  background: #b3b3b3;
}
html[data-theme2=dark] .bottom-site-description {
  background: #1e1e1e;
}
html[data-theme2=dark] .bottom-site-description h3 {
  color: #339959;
}
html[data-theme2=dark] .bottom-site-description p {
  color: #f1f1f1;
}
html[data-theme2=dark] .bottom-site-description a {
  color: #ff9902;
}
html[data-theme2=dark] .bottom-site-description a:hover {
  color: #1e1e1e;
}
html[data-theme2=dark] .caption {
  background: #8b7676;
  color: #f1f1f1;
  border-color: darkgrey;
}
html[data-theme2=dark] .toprated-wrapper__inside:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #333 100%);
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper .toprated-wrapper__inside:after {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #7b736b 100%);
}
html[data-theme2=dark] .striped_header_background {
  opacity: 0.2;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.3333333333) 25%, transparent 25%) -19px 0/38px 38px, linear-gradient(225deg, #000000 25%, transparent 25%) -19px 0/38px 38px, linear-gradient(315deg, rgba(0, 0, 0, 0.3333333333) 25%, transparent 25%) 0px 0/38px 38px, linear-gradient(45deg, #000000 25%, #333333 25%) 0px 0/38px 38px;
}
html[data-theme2=dark] .striped_header_background:after {
  background: linear-gradient(0deg, #333333 0%, rgba(51, 51, 51, 0) 100%);
}
html[data-theme2=dark] .dashboard__intro {
  background: #808080;
}
html[data-theme2=dark] .dashboard__box {
  background: #808080;
}
html[data-theme2=dark] .dashboard .medias_wall_item img {
  filter: brightness(0.8);
}
html[data-theme2=dark] .dashboard table .stat-num-box {
  background: #136ea5;
  border: none;
  color: #f1f1f1;
}
html[data-theme2=dark] .main-media-element {
  filter: brightness(0.8);
}
html[data-theme2=dark] #page-media h1.main-media-title {
  color: #f1f1f1;
}
html[data-theme2=dark] #page-media .interactions_wrapper span,
html[data-theme2=dark] #page-media .interactions_wrapper i {
  color: #f1f1f1;
}
html[data-theme2=dark] .comments-wrapper {
  background: #808080;
}
html[data-theme2=dark] .comments-wrapper .comment-title {
  background: rgba(245, 247, 250, 0.7);
  color: #333;
}
html[data-theme2=dark] .comments-wrapper .comment-reply__trigger:hover {
  background: #951c64;
}
html[data-theme2=dark] .comments-wrapper .comment-reply__trigger,
html[data-theme2=dark] .comments-wrapper .username a {
  color: #f1f1f1;
}
html[data-theme2=dark] .comments-wrapper .comment-body {
  background: #333;
}
html[data-theme2=dark] .comments-wrapper .comment-body .tip {
  border-color: #333;
}
html[data-theme2=dark] .comment-form input[type=submit] {
  border: 1px solid #1d6538;
  background: #339959;
}
html[data-theme2=dark] .comment-form input[type=submit]:hover {
  box-shadow: 0 0 0 2px gray, 0 0 0 3px #1d6538;
}
html[data-theme2=dark] .comment-form input[type=email],
html[data-theme2=dark] .comment-form input[type=text] {
  background: #f1f1f1;
}
html[data-theme2=dark] .comment-form .loginoverlay:hover {
  background: rgba(181, 110, 110, 0.7);
  color: #fff;
}
html[data-theme2=dark] #wall .category_flavor {
  background: #3f4a47;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
  color: rgba(241, 241, 241, 0.9);
}
html[data-theme2=dark] #wall .category_flavor:after {
  background: -moz-linear-gradient(top, rgba(55, 65, 58, 0) 0%, rgb(55, 65, 58) 100%);
  background: -webkit-linear-gradient(top, rgba(55, 65, 58, 0) 0%, rgb(55, 65, 58) 100%);
  background: linear-gradient(to bottom, rgba(55, 65, 58, 0) 0%, rgb(55, 65, 58) 100%);
}
html[data-theme2=dark] #wall .category_flavor button {
  background: #3f4a47;
  border-color: rgba(0, 255, 169, 0.7);
  color: #00ffa9;
}
html[data-theme2=dark] .striped_bg {
  color: #333;
}
html[data-theme2=dark] .striped_bg a {
  color: #951c64;
  font-weight: bold;
}
html[data-theme2=dark] .striped_bg a:hover {
  background: #951c64;
  color: #f1f1f1;
  text-decoration: none;
}
html[data-theme2=dark] .site_common_blog .blog-title-line,
html[data-theme2=dark] .site_common_blog_read .blog-title-line {
  border-top-color: #000;
}
html[data-theme2=dark] .site_common_blog .blog-promo-img a,
html[data-theme2=dark] .site_common_blog_read .blog-promo-img a {
  background: none;
}
html[data-theme2=dark] .site_common_blog .blog-promo-img img,
html[data-theme2=dark] .site_common_blog_read .blog-promo-img img {
  filter: brightness(0.8);
}
html[data-theme2=dark] .site_common_blog_read .blog-content figure > a:hover {
  background: none;
}
html[data-theme2=dark] .site_common_blog .blog-title a {
  color: #00ffa9;
}
html[data-theme2=dark] .site_common_blog .blog-title a:hover {
  background: #000;
  color: #00ffa9;
}
@media screen and (max-width: 700px) {
  html[data-theme2=dark] .site_common_blog .blog-post-wrapper .blog-post {
    background: #7b736b;
    border: none;
  }
}
@media screen and (min-width: 701px) {
  html[data-theme2=dark] .site_common_blog .blog-post-wrapper .blog-post {
    background: #7b736b;
    border: none;
  }
}
html[data-theme2=dark] .pagination a {
  color: #f1f1f1;
}
html[data-theme2=dark] .pagination a:hover:not(.active) {
  background-color: #a0a0a0;
}
html[data-theme2=dark] .pagination a.active {
  background-color: #339959;
  border-color: #339959;
  color: #333;
}
html[data-theme2=dark] .policy-page {
  background-color: rgba(0, 0, 0, 0.7);
}
html[data-theme2=dark] .inverse_header {
  background: #2e464b;
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper {
  background: #7b736b;
  border-color: #000;
  color: inherit;
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper .styled_heading__green {
  color: #00ffa9;
}
html[data-theme2=dark] .site_common_blog_read .blog-wrapper a {
  color: #000;
}
html[data-theme2=dark] #page-common_faq #content h1 {
  background: #2e464b;
}
html[data-theme2=dark] #page-common_faq #content h3 + p {
  border: none;
  background: #838383;
}
html[data-theme2=dark] #msform {
  z-index: 1;
  /*.action-button {
  	color: $eye-friendly-white;

  	&:hover {
  		box-shadow: 0 0 0 2px gray, 0 0 0 3px #1d6538;
  	}

  	&.action-button--red {
  		&:hover {
  			box-shadow: 0 0 0 2px gray, 0 0 0 3px #FF4D4D;
  		}
  	}
  }*/
}
html[data-theme2=dark] #msform textarea,
html[data-theme2=dark] #msform select,
html[data-theme2=dark] #msform input[type=file],
html[data-theme2=dark] #msform input[type=text],
html[data-theme2=dark] #msform input[type=email],
html[data-theme2=dark] #msform input[type=password] {
  background: #f1f1f1;
}
html[data-theme2=dark] #msform textarea::placeholder,
html[data-theme2=dark] #msform select::placeholder,
html[data-theme2=dark] #msform input[type=file]::placeholder,
html[data-theme2=dark] #msform input[type=text]::placeholder,
html[data-theme2=dark] #msform input[type=email]::placeholder,
html[data-theme2=dark] #msform input[type=password]::placeholder {
  color: #000;
}
html[data-theme2=dark] #msform fieldset {
  background: #7b736b;
}
html[data-theme2=dark] .fs-subcheckbox,
html[data-theme2=dark] .fs-subtitle {
  color: #f1f1f1;
}
html[data-theme2=dark] .rate_liker__inner {
  filter: brightness(95%);
}
html[data-theme2=dark] .rate_liker p {
  color: #333;
}
html[data-theme2=dark] #page-media .zoom-image i,
html[data-theme2=dark] #media-modal .zoom-image i {
  color: #f1f1f1;
}
html[data-theme2=dark] .rate_liker__dislike:hover {
  background: #da2e2b;
}
html[data-theme2=dark] .rate_liker__dislike i {
  color: #f1f1f1;
}
html[data-theme2=dark] #media-modal h1 {
  color: #f1f1f1;
}
html[data-theme2=dark] #modal .pager {
  color: #f1f1f1;
}
html[data-theme2=dark] #media-modal .interactions_wrapper span,
html[data-theme2=dark] #media-modal .interactions_wrapper i {
  color: #f1f1f1;
}
html[data-theme2=dark] .partner-list {
  background: #7b736b;
}
html[data-theme2=dark] .forum-header h1 {
  color: #f1f1f1;
}
html[data-theme2=dark] .forum-wrapper .forum-box table,
html[data-theme2=dark] .forum-wrapper .forum-box--styled {
  background: #8b7676;
}
html[data-theme2=dark] .forum-wrapper .forum-post--title i,
html[data-theme2=dark] .forum-wrapper .forum-post--title a {
  color: #262626;
}
html[data-theme2=dark] .categories-wrapper.forum-back a.altcolor {
  color: #f1f1f1;
}
html[data-theme2=dark] .forum-wrapper .newest-topics ul li a {
  color: #262626;
}
html[data-theme2=dark] .forum-wrapper .newest-topics ul li a:hover {
  color: #f1f1f1;
  background: #262626;
}
html[data-theme2=dark] .forum-wrapper .forum-comment--author {
  color: #333;
}
html[data-theme2=dark] .forum-wrapper .create-topic__attacher,
html[data-theme2=dark] .forum-wrapper .create-comment__attacher {
  color: #262626;
}
html[data-theme2=dark] .forum-wrapper .create-topic__attacher span:hover,
html[data-theme2=dark] .forum-wrapper .create-comment__attacher span:hover {
  background: #262626;
  color: #f1f1f1;
}
html[data-theme2=dark] .forum-wrapper .create-topic i.icofont-attachment,
html[data-theme2=dark] .forum-wrapper .create-comment i.icofont-attachment {
  background: #262626;
  border-radius: 50%;
  padding: 3px;
  color: #f1f1f1;
}
html[data-theme2=dark] .forum-widget--card {
  background: #8b7676;
}
html[data-theme2=dark] .dashboard__box--feed .feed-item__description {
  color: #c2ffd9;
}
html[data-theme2=dark] .toprated-wrapper .toprated_mode_selector li a {
  border-color: #a3a3a3;
  color: #f1f1f1;
  font-weight: normal;
}
html[data-theme2=dark] .toprated-wrapper .toprated_mode_selector li a:hover {
  background: lightgray;
  color: #333;
}
html[data-theme2=dark] .toprated-wrapper .toprated_mode_selector li .toprated_mode_selector__selected {
  background: #a3a3a3;
  color: #333;
  font-weight: bold;
}
html[data-theme2=dark] body#page-main .battle-wrapper h2 + p {
  background: #1e1e1e;
  color: inherit;
}
html[data-theme2=dark] .toprated-wrapper h2 ~ p {
  background: #1e1e1e;
  color: inherit;
}
html[data-theme2=dark] .upload_rules {
  background: #333;
}
html[data-theme2=dark] .loader--dark {
  border-left-color: lightslategray;
  border-right-color: rgba(255, 255, 255, 0.1);
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/**
 Show up the site
 */
html {
  visibility: visible;
  opacity: 1;
}
@charset "UTF-8";
#eighteenplus {
  overflow-y: scroll;
  overflow-x: hidden;
  transition: background 0.5s;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 100dvh; /* ✅ iOS 16+ */
  height: 100dvh;
  padding-bottom: 50px;
  -webkit-overflow-scrolling: touch;
  background: none !important;
  -webkit-backdrop-filter: brightness(0.5) blur(1.5px) grayscale(70%) !important;
  backdrop-filter: brightness(0.5) blur(1.5px) grayscale(70%) !important;
  z-index: 99999999999999 !important;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0, 0, 0);
  transform: translateZ(0);
}
@media screen and (max-width: 700px) {
  #eighteenplus {
    align-items: end;
  }
}

#eighteenplus.show {
  display: flex;
  background: rgba(0, 0, 0, 0.7);
}
#eighteenplus .loader {
  position: absolute;
  left: 50%;
  top: 40%;
  z-index: -1;
}

#eighteenplus .modal-box {
  position: relative;
  width: 500px;
  min-height: 300px;
  background: #ff4d4d;
  color: #FFF;
  border-radius: 8px;
  padding: 25px;
  max-width: 85%;
  text-align: center;
}
#eighteenplus .modal-box .eighteenplus--header {
  font-size: 24px;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1);
  line-height: 1.6;
}
#eighteenplus .modal-box a {
  color: #262626;
  text-decoration: underline;
}
#eighteenplus .modal-box p {
  line-height: 1.4;
}
#eighteenplus .modal-box p.p-larger {
  font-size: 1.1em;
  line-height: 1.5;
}
#eighteenplus .modal-box .css-enter {
  text-transform: uppercase;
}
#eighteenplus .modal-box a.btn, #eighteenplus .modal-box button {
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
}