@keyframes discrete-rotate {
      0%, 49.99% {
        transform: rotate(0deg);
      }
      50%, 99.99% {
        transform: rotate(90deg);
      }
    }

    .rotating-logo {
      animation: discrete-rotate 1s steps(1, end) infinite;
    }
  .tabella.gridview.paid {
    display: none !important;
  }


.pos {
display: flex;
}
.arg {
display: none !important;
}
.item {
    position: relative; 
}


:root {
  --sidebar-width: 30rem;
  --page: 219rem;
  --pages: 170rem; /* 137rem !important; */
  --br: 14px;
  --brm: 8px;
  --bro: 99999px;
  --col: 5;
  --dist: 1vw;
  --distm: 1.5em;
  --font-size: 14px;
  --fs: 16px;
  --icon: 17px;
  --ratio: 16 / 9;
  --ratiom: 16 / 20;
  --rem: 22px;
  --rem: 2rem;
  --pastel1: #ddd;
  --aqua: #0ff;
  --atabs: #fafafa;
  --ar: 3rem;
  --strokes: 2;
  --stroke: 10;
  --azzurro: #d3e3fd;
  --azure: #def1ff;
  --bar: #d3e3fd;
  --barb: #f2f2f2;
  --barc: #e2edfe;
  --bg: #fff;
  --bgh: #3c40438f;
  --bgn: #000;
  --bgnh: #727679;
  --bgt: #3c4043;
  --blu: #a9acaa;
  --blue: #1a0dab;
  --blueb: #263850;
  --blueh: #0556bf;
  --blueviolet: #8a2be2;
  --blur: #fffffff5;
  --blurn: #2222228a;
  --bodyn: #0f0f0f;
  --bodym: #f1f3f4;
  --booking: #247dbe;
  --bookingl: #31bed0;
  --bord: #80868b;
  --border: #e8e8e8;
  --border-white: 1px solid var(--whi);
  --borderl: #CECECF;
  --bordern: #2e2e2e;
  --box-max-width: 66rem;
  --box-night: #ffffffee;
  --cart: #2d2a26;
  --cartc: #0095f6;
  --carth: #000;
  --choose: #71644e;
  --chooseh: #978668;
  --cookie: #282828;
  --create: #9146FF;
  --dash: #70757a;
  --dashn: #ccc;
  --datum: #f2f2f2;
  --datumh: #e5e5e5;
  --desk: 24px;
  --fill: #fafafa;
  --filter: #262626;
  --find-night: #3c4043;
  --footer: #083682;
  --fsk: 28px;
  --gap: 21px;
  --giallo: #f7c35e;
  --gold: #edd899;
  --gradient: linear-gradient(108deg,#0894FF,#C959DD 34%,#FF2E54 68%,#FF9004);
  --hype: #cafc4f;
  --hyper: #00fe00;
  --imag: #d5d1cb;
  --imagh: #f2f2f2;
  --info: #2b3d73;
  --left: 60%;
  --like: #ed0c02;
  --lgray-max-width: 46rem;
  --lilla: rgb(215, 219, 227);
  --lux: #84681e;
  --luxh: ;
  --luxn: ;
  --mar: #edf2fa;
  --marh: #d4daed;
  --mobi: 24px;
  --m: calc(0.3vw);
  --navy: #001c39;
  --nightengine: #bdc1c6;
  --orange: #ff9205;
  --panels: #fafafa;
  --panelsh: #f8f8f8;
  --panelsm: #d0ddf5;
  --post: linear-gradient(119deg, #eee 3%, #ddd 99%);
  --post: linear-gradient(90deg, #0060ab 10.79%, #2d32aa 87.08%);
  --post: linear-gradient(90deg, #0060ab 10.79%, #2d32aa 87.08%);
  --post: linear-gradient(90deg, #eaeaea 10.79%, #3c4043 87.08%);
  --ppv: #f0b300;
  --ppvn: #f361ff;
  --red: #fa1e4e;
  --rino: #f2f2f2;
  --rose:  #f2f2f2;
  --share: #030303;
  --shared: #0800f0;
  --shop: #089cfe;
  --stream: #444;
  --tag: #fef0f1;
  --tile: 0 0 4px 0 rgba(0, 0, 0, 0.5019607843);
  --titl: #795356;
  --tra: transparent;
  --twirls: deeppink;
  --verde: #0ff;
  --verdone: #007185;
  --yellow: gold;
  --whi: #f3f6fc;
  --whie: #f1f3f4;
  --whil: #dadce0;
  --whim: #e7eaea;
}
#banner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  /*! border-radius: var(--br); */
  padding: 1px 1rem;
  /*! background-color: #f0f0f0; */
}

.cookie a {
  font-size: 14px;
  color: #333;
  text-decoration: none;
}

#banner.hide {
  display: none;
}
.live {
  position: relative; 
  border: 2px solid var(--twirls);
}

.live::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--twirls);
  border-radius: 50%;

  bottom: -2px;
  left: -2px;
  z-index: 2;
}

.night-mode .live::after {
background-color: var(--bg);
}

.ann .secondabis {
    display: inline-flex;
    height: 35px;
    background-color: var(--bar);
    width: 100%;
    margin: 0px 0rem;
    width: 100vw;
    padding: 16px 20px;
    align-items: center;
    justify-content: space-between;
    position: relative; 
    color: var(--bgt) !important;
}

@media (min-width: 600px) {
    .ann .secondabis {
        display: none;
    }
  .min .find {
box-shadow: none !important;
}
  .min .find:hover {
background-color: #f2f2f2 !important;
}
  
}

.secondabis {
    display: none;
}

.ann .secondabis a {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%; 
    height: 100%; 
    display: inline-flex;
    align-items: center; 
    justify-content: space-between; 
    padding: 0 20px; 
    text-decoration: none;
    color: inherit;
    cursor: pointer;
	font-weight: 450;
	font-size: 105%;

}

  .video-js {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }

.type {
  position: absolute !important;
  bottom: 1rem; 
  right: 2rem;  
  color: var(--bg);
  flex: none;
  width: auto;
  /*! background-color: var(--box-night); */
  display: flex;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: unset !important;
  font-weight: 350;
  font-size: 13px;
  text-align: center;

  flex: none;
  width: auto;
  padding: 1px 2px;
  /*! background-color: var(--box-night); */
  height: 19px;
  color: var(--bgn) !important;
  border-radius: 5px;
  /*! margin-left: auto; */
  font-weight: 450 !important;
  letter-spacing: .5px;

  /*! text-shadow: .5px .5px 1px rgba(0,0,0,.7); */
  /*! position: relative; */
  z-index: 2;
}

.decenter {
  grid-area: right;
  justify-content: right;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  z-index: 3;
  gap: 0 2%;
  margin-left: 2%;
}

#m1 .mar, #m2 .mar {
margin-left:  calc(var(--rem) * 1) !important;
  }
.mar {
margin-right:  auto;
display: inline-flex !important;
align-items: center;
justify-content: start;

flex-wrap: nowrap;
white-space: nowrap;

/*! overflow: hidden; */
padding: 0;
/*! text-transform: uppercase; */
}

.find .mar {
  min-height: 34px !important;
}
.min .find {
  max-width: 4rem !important;
}


.menu-dropdown {
  top: 7rem;
  right: 0;
  z-index: 10;
}
#toTop {
  /*! display: none; */
  position: fixed;
  bottom: 3.3rem;
  width: 3.5rem;
  height: 3.5rem;
  background: var(--blu);
  color: var(--bg) !important;
  text-align: center;
  line-height: 38px;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1000;
  left: 2rem; /* Garantisce visibilità anche su schermi più piccoli */
  margin: 4rem auto;
  justify-content: center;
  align-items: center;
  display: flex;
  /*! background-color: var(--red); */
  /*! color: var(--red) !important; */
}
 #toTop {
  /*! left: 2rem !important; */

}

   .night-mode #toTop {
    background-color: var(--red);
    color: var(--bgn) !important;
  }


@media (max-width: 599px) {
        #sidebar {
        padding: 0 !important;
        min-height: unset;
        flex: unset;
        width: 100vw;
        position: fixed;
        z-index: 99999;
        background: #fff;
        box-shadow: 4px 0 8rem rgba(0, 0, 0, 0.2);
      }
  #pages .gridcol {

  grid-template-columns: 11rem 1fr !important;
}
  #mainCols .gridcol {
  padding: 0;
  min-width: 32%;
  align-content: start;
  /*! grid-template-columns: 0 1fr; */
  /*! flex: 33% !important; */
  /*! grid-template-columns: 1fr 1fr 1fr; */
  max-width: 33%;
}
  
  #mainCols .seconda {
    grid-row: 1 / span 4;
    grid-column: 1 / span 4;
    margin: 0;
}
  #mainCols .terza, #mainCols .settima, #mainCols .quinta, #mainCols .nona, #mainCols .sesta,#mainCols .prima, #mainCols .seconda.ann {
 display: none;
}
  .sidebar.min {display: block !important;min-width: 85% !important;}
  #toTop {
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    /*! background-color: #666666eb; */
    border: none;
    background-color: #fa1e4ecf;
    color: var(--bg) !important;
    /*! min-width: 90%; */
    border-radius: 3rem;
  }

	    #content {
      flex: 1;
      width: 100%;
      margin-left: 0 !important;
      padding-top: 6.5rem !important;
    }

  .type {
    z-index: 9;
  /*! justify-content: right; */
}
  #logo {
  grid-area: logo;

  margin: 0;
  grid-column: 1;
  grid-row: 1;
  padding: unset;
  display: inline-flex !important;
  /*! margin: auto 0rem auto 18px !important; */
}
      #notifications {
  grid-row: 1;
  grid-column: 2;
  max-width: 7rem;
  margin: 0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 5rem;
  width: 100%;
  display: none !important;
}
  #searchpad {grid-row: 1 !important;grid-column: 2 !important;display: block !important;margin: 0px 1rem !important;width: auto;min-width: 20rem !important;left: auto !important;right: auto !important;}
  .comm  {

overflow-y: visible;
 max-height: unset;
max-width: unset;
}
  .gridcat::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0 !important;
  width: 100%;

}
        .gridcat {width: -webkit-fill-available;width: -moz-available;justify-content: center !important;margin: 0 auto;/*! min-height: 7rem !important; */gap: 1px !important;}
.prod.gridcat {
padding: 0 1rem !important;
gap: 1rem !important;
justify-content: start !important;
padding: 0;
  }
  .gridcontainer {display: grid;grid-template-columns: repeat(1, 1fr);grid-template-rows: auto auto;gap: 0px;padding: 1rem 1.5rem;}
  .comm {
 min-width: 100% !important;
 max-width: 100% !important;
 margin: 0;
 padding: 0 !important;
 margin-bottom: 4rem;
}
.menu-dropdown {
  top: 6rem;
  right: 0;
  z-index: 10;

}
}
.night-mode .menu-dropdown {
  background-color: var(--share);
}
.menu-dropdown.active {
    display: block !important; 
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 9999;
    overflow-y: auto;
    min-height: 100vh;
    max-height: 100vh;
    bottom: 0;
    max-width: 26rem;
    left: 0;
    padding-bottom: 3rem !important;

    background-color: rgba(255, 255, 255, 0.98);
    -webkit-backdrop-filter: blur(3px);

    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);

}
.containers{
    display: grid;

	 grid-column: 1 / 3 !important;

    padding: 0px var(--rem);  

    max-width: var(--page);
    margin: 0 auto;
    grid-template-columns: 1fr auto;
	}
    .item{
       height: auto;
       max-height: fit-content;
       flex-direction: column;
       display: flex;
    }
.split .item-1 {
    grid-column: 1 / 3;

    position: relative;
    aspect-ratio: 16 / 9;

}
.night-mode .split .item-1 {background-color: var(--bgn);}
.split .item-2 {
    grid-column: 3 / 3;
    height: fit-content;
    flex-direction: column;
    display: flex;

    max-width: 50rem;
    grid-row: 1 / 4;
    padding: 0 0vw 0 1vw;
}

.full .item-1 {
    grid-column: 1 / 5;
    grid-row: 1 / 4;

    margin-right: 1em;
    aspect-ratio: 16 / 6;
}

.full .item-2 {
    grid-column: 3 / 3;
    grid-row: 4 / 5;

    height: fit-content;
}
.item-3{
    grid-column: 1 / 3;

    width: auto;
    height: fit-content !important;

}

    .page_banner {
width: -webkit-fill-available;
  width: -moz-available;
  margin: 0 var(--rem) 3rem var(--rem) !important;

  display: flex;
  flex-direction: column;
  justify-content: end;

  border-radius: var(--br);
  padding: 7px;
  text-align: center;
    }

.video {
/*! aspect-ratio: 16 / 9; */
/*! flex: 0 1 min(49rem, max(35rem, 100%)) !important; */
}
.video .bord {
/*! aspect-ratio: 16 / 9; */flex: 0 1 min(39.5rem, max(35rem, 100%)) !important;/* aspect-ratio: var(--ratio); */}

         #explore {

        }
        #explore .news {

        }

.content {

display: flex;
width: 100%;
}
.content.active {
  display: block !important;
  color: unset;
  border-radius: var(--br);

}
.after-content {
  content: '';
  position: absolute !important;
  top: 44px;
  left: -5px;
  right: 0%;
  max-width: 50rem;
  min-height: 28rem;
  background: #fff;
  font-weight: 350;
  padding: 15px;
  transition: max-height 0.4s ease-in-out, opacity 0.3s ease-in-out;
  z-index: 2;
  margin: 0 auto;
  /*! border-radius: 10px; */
  border: 1px solid var(--borderl) !important;
  /*! background-color: var(--datum); */
}
.night-mode .after-content {
  background: var(--bgn);

  border: 1px solid var(--find-night) !important;
}

.left H1 {

  margin-bottom: 7px !important;
}
.banners {
    display: grid;
    grid-template-columns: 43rem 1fr 1fr;
    /*! grid-template-rows: auto auto auto; */
    gap: unset !important;
    color: #000 !important;
    /*! margin: 0 1rem; */
    width: 100%;
    /*! max-width: 120rem; */ /* #efb3da pink */
    border-radius: 18px;
    background: linear-gradient(to left, #5820aa, #b978bb);
    background: #e0e0e0;
    /*! padding: 0rem !important; */
}

/* Layout Desktop */
.banners .seconda {
    grid-column: 1;
    grid-row: 1 / span 4;
    /*! max-width: 40rem; */
    /*! min-width: 30rem !important; */!i;!;
    /*! margin: -5px; */
}

.banners .terza {
    grid-column: 2 / span 2;
    grid-row: 1;
    margin: 2rem 0 0rem 0;
    font-size: 21px;
}

.banners .terza:hover {
    opacity: 1
}

.banners .prima {
    grid-column: 2;
    grid-row: 2;
    justify-content: left;
    color: unset;
}

.banners .sesta {
    grid-column: 2;
    grid-row: 2;
    /* justify-self: end; */
    margin-left: 20rem;
    /*! color: #fff; */
    color: unset;
    text-shadow: none;
}

.banners .nona {
    grid-column: 2;
    grid-row: 3;
    margin-left: 1rem;
}

/* Mobile: max 599px */
@media (max-width: 599px) {
    .banners {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
        gap: 2rem;
        margin: 0;
        /*! padding: 1rem; */
        border-radius: 0;
        padding-bottom: 2rem;
    }

    .banners .seconda {
        grid-column: 1 / span 3;
        grid-row: 1;
        min-width: 100%;
    }

    .banners .prima {
        grid-column: 1;
        grid-row: 3;
    }

.banners .terza {
    grid-column: 1 / span 3;
    grid-row: 2;
    margin-top: -1rem;
    margin-bottom: -1rem;
    margin: 0 0 0 5px;
    font-size: 17px;
}
    .banners .sesta {
        grid-column: 1 / span 2;
        grid-row: 3;
    font-size: 13px;
        /*! margin-left: 9rem; */
    }

    .banners .nona {
        grid-column: 1 / span 2;
        grid-row: 4;
        justify-content: center;
    }
}

.adm {
  max-width: 120rem !important;
}
    * {
      box-sizing: border-box;

    }

input[type="password"] {
    font-size: 24px !important;
}

input[type="password"]::placeholder {
    font-size: var(--fs); /* Mantiene il placeholder più piccolo */
    opacity: 1; /* Assicura che il placeholder sia visibile */
}
/* Stile per centrare con una classe */
.centered {
    text-align: center;
}

/* Stile per il tag <center> se è stato disattivato */
center {
    display: block;
    text-align: center;
}


.base {
width: -webkit-fill-available;
  width: -moz-available;
  margin: auto auto;
  backdrop-filter: blur(5px);
  /*! border-radius: var(--br); */
  /*! background-color: #ffffff7d; */
  padding: 0rem 1rem 2rem 1rem;
  /*! border: 1px solid #fff; */
  height: fit-content !important;
  position: fixed;
  bottom: 0;
  text-align: center;
font-size: 15px;
font-weight: 400;
max-width: var(--page);
 }

    form {
/*! padding-bottom: 3rem; */
    }

.logo_png {
  /*! height: 22px; */
  width: auto;
  /*! border-radius: 10px; 
  filter: invert(20%) brightness(60%);*/
}

.night-mode .logo_png {
  filter: invert(1);
}
.login {
  /*! opacity: .6; */
  font-size: 14px;
  max-width: 20rem;
  margin: 0 auto;
  font-weight: 300;
}

.min .login {
  display: none
}



   .enhanced {font-size: 112%;background-color: var(--atabs);padding: var(--rem);}
.night-mode   .enhanced {
  background-color: var(--bgh);
    }
.flexo {
  max-width: 70rem;
  margin: auto;
  height: 100%;
  justify-content: center;
  display: flex;
  /*! z-index: 2; */
  /*! position: relative; */
}
 .overlay-text {
 padding: 0 0 0 var(--rem) !important;
 color: var(--bgn);
    }
 .dat {
border: 1px solid var(--border);
   padding: 2px 9px;
   margin-top: 4px;
     border-radius: 8px !important;
cursor: pointer;
    }
 .dat.active {
background-color: var(--pastel1) !important;
color: var(--bgn);
    }
 .min {
 min-width: unset !important;
    }
 .bre {
 max-height: 40rem !important;
    }

.modal-content.started {
  position: relative;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: auto !important;
  margin: auto 0 !important;
  background-color: var(--bg);
}
.night-mode .modal-content.started {
  background-color: var(--bgnh);
  color: var(--bgn) !important;
}

.bord {
	/*! transition: color 0.2s ease 0s, background-color 0.2s ease 0s, border-color 0.2s ease 0s, box-shadow 0.2s ease 0s; */
	/*! background-color: var(--datum); */
	border-radius: var(--br) !important;
	aspect-ratio: var(--ratio);
	/*! min-height: 15rem; */
	/*! min-width: 10rem; */
	position: relative;
	overflow: hidden;
	border: none !important;
	/*! border-radius: 2px !important; */
}
.pages .bord {
border-radius: 9999px !important;
  aspect-ratio: 1;
 /*! min-height: 13rem !important; */
  /*! min-width: 13rem !important; */
  
width: 15rem;
height: 15rem;
}
#contentWrapper {
  background-size: cover;
  background-position: center;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  /*! border-radius: var(--br) !important; */
  max-height: 75vh;

  display: flex;
  width: 100%;
  height: 100%;
  border-radius: var(--br) !important;
  border: 1px solid rgba(70, 70, 70, 0.1) !important;
}
.title {
  margin-right: 1em;
}
#geozone {
  gap: 1rem;
  display: flex;
  flex-direction: column;
  display: flex;
}
.smaller {
font-size: 80% !important;
font-weight: 350;

}
.note {
  position: relative;
}
H1, H2 {

}
H2 {
  margin: 5px 0;
}
.h24 {
  position: absolute;
  top: 0px;
  right: -23px;
  background-color: #089cfe;
  color: var(--bg) !important;
  border-radius: 4px;
  height: 18px;
  padding: 0 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999999999;
}
.soon {
  position: absolute;
  top: 0px;
  right: -23px;
  background-color: deeppink;
  color: var(--bg) !important;
  border-radius: var(--m) !important;
  height: 18px;
  padding: 0 4px; 
  font-size: 14px; 
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999999999999;
}
.seq {
display: flex;
  flex-wrap: wrap;
  gap: 0 4px
        }
        .cinema {
            display: none;
        }

        .borde {
            position: relative; 
            background-color: #f2f2f2;
        }
       .night-mode .borde {
            background-color: var(--blurn) !important;
        }
        .borde:hover .cinema {
            display: block !important; 
			cursor: pointer !important;  z-index: 8 !important; color: #fff !important;   right: 3rem;  top: 1rem;  position: absolute;
        }
    #header {
      position: fixed;
  top: 0;
  width: 100%;
  z-index: 2020;
  transform: translateY(0);
  transition: transform .3s cubic-bezier(.05,0,0,1);
    }
  .night-mode  #header {
    background-color: var(--share);
    color: var(--bg) !important;
    }
.fixed {
    /*! position: fixed; */
    top: 0;
  z-index: 9999999999999999999999999;
}

      .data4 {
        display: flex;
        align-items: center;

        min-width: 100%;
        margin: 4px;
      }
      .all .data4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: fit-content;
        padding-top: 0;
        min-width: unset;
        margin: 0;
        margin-right: .6vw;

      }

.night-mode       .all .data4 {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .noborder {
        border: none !important;
      }
      .visible {
        display: block;
      }

    .burger-btn {
      cursor: pointer;
    }

   .data4 .avatar{
        display: flex;

      }   
  .all .data4 .avatar{
        display: flex;
width: 14rem;
  height: 14rem;
      }


.sidebar {
  /*! flex: 0 0 7rem; */
}

.mobile-menu {
  display: none; 
  position: absolute;
  top: 7rem;
  left: 0;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
#banner {
      margin: 20px 0 0 0;
      /*! background-color: #f4f4f4; */
      border-radius: var(--brm);
      border: none !important;
      z-index: 1;
      /*! background-image: url(https://www.twirld.com/image/cc/gdtography-277628-911738.jpg); */
      background-size: cover;
      min-height: 5rem;
      background-color: var(--barc);
      margin-bottom: -1rem;
      padding: 1rem 2rem;
  }
.night-mode #banner {
 background-color: var(--bgt); 
      border: 1px solid var(--bgt) !important;
  }

 .spacer {
border-right: 1px dotted;
  margin: auto 10px;
  height: 24px;
}

    #container.container {width: 100%;padding-top: 3rem;/*! flex-direction: row; */}


@media screen and (max-width: 899px) {
      #container.container {flex-direction: column;width: 100%;/*! scrollbar-width: none; *//*! min-width: 96%; *//*! overflow-y: visible; *//* max-height: 100vh; *//*! margin-top: 57px; */}
    .news .nona {
grid-row: 4 !important;
grid-column: 1 / span 2;
width: 100%;
    }

.pages .bord {
border-radius: 9999px !important;
  aspect-ratio: 1;
 height: 9rem !important;
width: 9rem !important;
/*! border-radius: var(--br) !important; */
}
  
  
    }

@media screen and (max-width: 599px) {
  
    form {
/*! margin: 0 1rem; */
    }
#contentWrapper {
  border-bottom: 1px solid rgba(70, 70, 70, 0.1) !important;
  border-top: none !important;
  border-radius: 0 !important;
}
  
    #header {
    /*! padding: 0; */
    }
  #banner {
      /*! margin: 20px var(--rem); */
      font-size: 16px;
      margin: 1rem;
      padding: 1rem 2rem;
  }
.night-mode #banner {
 background-color: var(--bgt); 
      border: 1px solid #252e33;
  }

.night-mode .menu-dropdown {
  background-color: var(--bgt) !important;
}
  .sidebar .menu {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .sidebar .menu::-webkit-scrollbar {
    display: none; 
  }
  .mobile-menu.active {
    display: block;
  }

  .sidebar .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*! padding-top: 5px !important; */
  }
  #myHeader {
  padding: 7px 2rem;
  grid-template-columns: auto 1fr !important;
}
	.header.page_block {
	background-color: #fff !important;
}
}

/* Stile generale per la sidebar */
#sidebar {
  width: 24rem; /* Larghezza fissa della sidebar */
  min-height: 100vh; /* Altezza della sidebar per occupare tutto lo schermo */
  overflow-x: hidden; /* No scroll orizzontale */
  overflow-y: auto; /* Scroll solo verticale */
  display: block;
  /*! transition: width 0.3s ease; */ /* Transizione per il cambio della larghezza */
  -ms-overflow-style: none; /* Nascondi scrollbar in IE */
  scrollbar-width: thin; /* Scrollbar sottile su Firefox */
  scrollbar-color: transparent transparent; /* Scrollbar trasparente */
  padding: 0px 0px 5px 15px; /* Padding di base */
  min-width: 24rem; /* Larghezza minima della sidebar */
   /* Font per la sidebar */
  height: calc(100vh - 5rem);
  position: fixed;
  top: 5rem;
  left: 0;
  overflow-y: auto;
}

/* Quando la sidebar è parzialmente collassata */
#sidebar.min {
  width: 6rem; /* Imposta la larghezza minima quando collassata */
  padding: 30px 15px; /* Più padding quando la sidebar è espansa */
  min-width: unset; /* Forza la larghezza minima a essere personalizzata */
}

/* Per dispositivi con larghezza < 600px (mobile) */
@media (max-width: 599px) {
  /* Rendi la sidebar overlay fissa su mobile */
  #sidebar {
    position: fixed; /* Fissa la sidebar a sinistra */
    top: 4.5rem;
    left: 0;
    bottom: 0;
    height: 100vh; /* La sidebar occupa tutta l'altezza */
    z-index: 1000; /* Metti la sidebar sopra al contenuto */
    width: 28rem;
    display: none;
    /*! margin-left: 0rem !important; */
  }

  .content {
    transition: margin-left 0.3s ease; /* Aggiungi transizione per il contenuto quando la sidebar è visibile */
    margin-left: 0; /* Default, il contenuto non ha margine */
  }

  /* Quando la sidebar è visibile (overlay), sposta il contenuto verso destra */
  #sidebar.open + .content {
    margin-left: 38rem; /* Sposta il contenuto a destra quando la sidebar è aperta */
  }
  
  /* Quando la sidebar è collassata, il contenuto si estende su tutta la larghezza */
  #sidebar.min + .content {
    /*! margin-left: 7rem; */ /* Quando la sidebar è collassata, il contenuto si sposta meno a destra */
  }
}



#avatar {
  grid-row: 1;
  grid-column: 1;
  /*! display: none */
}
#leftbar {
  direction: ltr; 
}
#sidebar:hover {
  scrollbar-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.1); 
  transition*: width 0.3s ease;
  -ms-overflow-style: none;
  scrollbar-width: thin;
}
.night-mode #sidebar:hover {
  scrollbar-color: rgba(255, 255, 255, 0.5) rgba(0, 0, 0, 0.1); 
}

#sidebar.mid {
  align-items: center;
  max-width: 7rem !important;    
  min-width: 7rem;
  padding-right: 0 !important;
  scrollbar-width: none;

}

#sidebar.hidden {
  min-width: 0px;
  overflow: hidden;
  transition: width 0.3s ease, visibility 0s linear 0.3s;
  display: block !important;
  max-width: 0px !important;
  padding: 0;
}

    #sidebar.hidden .txt {
      display: none;
    }

    #content.hidden {
      display: none; 
    }

    #content {
      flex: 1;
      width: 100%;

      /*! justify-content: center; */
      /*! align-items: center; */
      display: flex;
      /*! flex-direction: column; */
        flex-grow: 1;
  margin-left: 24rem; /* Deve essere uguale alla larghezza della sidebar */
  height: calc(100vh - 3rem); /* Per evitare overflow con l'header */
  padding-top: 3rem;
    }
.content.gridcat {
  flex-direction: row;
}

.page #content {
  margin-left: 0rem;
  transition: margin-left 0.3s ease;
  flex-direction: column;
}
#content {
  margin-left: 24rem;
  transition: margin-left 0.3s ease;
}

#sidebar.min + #content {
  margin-left: 6rem;
}


.signin .icon {
	width: 3.8rem !important;
	height: 3.8rem !important; 
  float: left;
} 
.icon {
	width: 20px;
	height: 20px;
	stroke-width: var(--stroke) !important;
	float: left;
} 

.item-3 .nona .icon {
  width: 2rem;
  height: 2rem;
}
.small.full .icon {
  width: .01vw !important;
  height: .01vw !important;
  margin-right: 0.1vw !important;
  padding: 0;
  stroke-width: var(--stroke) !important;
  float: left;
  min-height: 10px !important;
  min-width: 10px !important;
  line-height: 4;
}
#sidebar .icon, #sidebar .icons, .header .icon {
  flex-shrink: 0;

  stroke-width: var(--strokes) !important;
  width: 21px !important;
  height: 21px !important;
  /*! border-radius: 2px; */
}

#sidebar .icon.custom-stroke {
  stroke-width: var(--stroke) !important;  
}

#toggle .icon {
  margin-right: unset;
}

.active .eye, .active.eye {
  transform: rotate(180deg);
}

.flw .icon {
	width: 1vw;
	height: 1vw;
	margin: auto 0;
	padding: 0px;
	stroke-width: var(--stroke) !important;
	float: left;
	min-height: 24px !important;
	min-width: 24px !important;
}  

.icon:hover {

}
.borde {
    border-radius: var(--br);
    overflow: hidden;

    border: none;

    min-height: 0 !important;
    width: 100%;
    min-width: 100%;
}

  @media screen and (min-width: 600px) and (max-width: 899px) {

#sidebar.mid {
  align-items: center;
  max-width: 3vw !important;
  min-width: 3.5rem;
  padding-right: 0 !important;
  scrollbar-width: none;
}
    #sidebar {

  min-width: 22rem;

   }   

    .plex {
  padding: 6px 1vw !important;
  gap: .7vw;
}

    .single-image.broadcaster-img {
  background-size: cover;
  background-position: center;

  overflow: hidden;
  /*! width: 100%; */
}

 }

.dropdowncontent {
  display: none;
position: absolute;
  min-width: 260px;
  z-index: 9999999999999999999999999999999;
  right: 0;
  top: 55px;
  border-radius: var(--br);
  padding: 1em;
  max-width: 15rem;
  background: var(--bg);
  border: 1px solid var(--border);
}
.night-mode .dropdowncontent {background-color:  var(--bgn);  border: 1px solid var(--bordern); }
.dropdown-content a:hover {background-color: var(--blu);}
.night-mode .dropdown-content a:hover {background-color: var(--bordern);}

#loadingLogo {
	width: 9.4rem;
	height: 3.4rem;
	stroke-width: var(--stroke) !important;
	float: left;
	/*! margin: 0 7px; */
} 

.logo {
	width: 8rem;
	height:28px;
}
.logo a {
	height:100%;
	display:block;
	position:relative;
}
@media (max-width: 599px) {

#avatar {
  grid-column: 3;
  grid-row: 1;
  margin: auto;
  display: inline-flex;
  align-items: center;
  pointer-events: auto !important;
}
.logo {
	width: 7rem;
	height:24px;
}
#loadingLogo {
	width: 28px !important;
	height: 28px !important;
	stroke-width: var(--stroke) !important;
	float: left;
} 
.nav.wrap  {

}
#page .nav  {padding-left: 0;}
.nav.bar {
 margin: 0 unset;

 gap: 10px !important;
}
    .gator .nav {
  justify-content: flex-start; padding-left: var(--rem) !important;
}
  .modal-content {
    border-radius: var(--m) !important;

    height: fit-content !important;

    margin: unset !important;
  }
  .dropdowncontent {
top: 0px;
    right: 0 !important;
    left: 0;    
max-width: unset;
min-height: 100vh !important;
}

  .dropdown.active .dropdowncontent {
    display: block;
    top: 0 !important;
  }
  .dropdown:not(.active) .dropdowncontent {
    display: none;
  }
  .after-content {
  content: '';
  position: absolute;
  top: 59px;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  height: fit-content;
  min-height: 24vh;
  background: #fff;
  /*! margin: 2px 0rem; */
  box-shadow: none;

  overflow-y: scroll;
  border-radius: 0rem !important;

  z-index: 2;
  /*! padding: 1.5rem !important; */
  /*! border-top: 0 !important; */
  /*! border-left: 0 !important; */
  /*! border-right: 0 !important; */
  box-shadow: 0 7rem 7rem rgba(0, 0, 0, 0.1);
  border: none !important;
  padding-top: 0px !important;
}

  .signin .icon {
	width: 42px !important;
	height: 42px !important;
	margin: auto 0;
	stroke-width: var(--stroke) !important;
	float: left;
} 

	.split .item-1 {
    aspect-ratio: unset;
}

  .icon {

} 
  .nona .icon {/* margin-right: 2px; */} 
.borde {
	width: 100% !important;
	border-radius: 0 !important;

	}

}

.payments-block .img-parent
{
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: calc(var(--m) / 1.8);
  margin-right: 4px;
  width: 5rem;
background-color: #fff !important;
  aspect-ratio: 16 / 8;
  padding: .2vw;
  min-width: 48px;
  max-height: 5rem;
}

#carousel-container {
  overflow: hidden;
  position: relative;
}

#carousel-wrapper {
  display: flex;
  transition: transform 0.5s ease;
  user-select: none; 
}

.carousel-item {
  box-sizing: border-box;
  text-align: center;
  padding: 5px;
  user-select: none; 
}

#prev, #next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: 4rem; 
  height: 4rem;
  margin-top: -2rem;
  color: white;
  font-size: 18px;
  transition: 0.6s ease;
  border: none;
  background-color: #ffffff4a !important;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  user-select: none; 
  border-radius: 100%;
  margin: -1rem 3px;
}

#prev { left: 0; color: #000; }
#next { right: 0; color: #000;}

.overlay {
 position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); z-index: 1000;
}
.night-mode .overlay {
 background-color: rgba(0, 0, 0, 0.5); 
}

 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.gridrow.skip {

  margin-bottom: var(--rem);
  display: grid;
  grid-template-columns: auto 1fr auto;
  padding: 0em !important;
  overflow: hidden;
  border-radius: var(--br);
  min-width: calc(100% - 4rem);
  border-radius: var(--br);
  margin: 0 1rem;
  }
.gridrow.skip .prima {
    grid-row: 1; 
    grid-column: 1;
    padding-top: 1em;
    margin-left: 2em;
}
.gridrow.skip .seconda {
  grid-row: 1;
  grid-column: 3 / span 3;
  min-width: -webkit-fill-available;
  min-width: 50%;
}
  .gridrow.skip .terza {
    grid-row: 2; 
    grid-column: 1 / span 2;
    padding-left: 1.4rem;
    font-size: 24px;
}
  .gridrow.skip .quarta {
    grid-row: 4; 
    grid-column: 1;
    padding-left: 1em;
    padding-bottom: 1rem;
}
.gridrow.skip .sesta {
  grid-row: 3;
  grid-column: 1;
  padding-left: 1em;
}
.gridrow.skip .rollimg {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-bottom: auto;
  border-radius: 0 !important;
  margin-right: 0;
  width: -webkit-fill-available;
  width: -moz-available;
  height: 20rem;
  aspect-ratio: 4 / 1;
  min-width: 50%;
}

.timeago.day.adv.ppv {

  }

.com.day.adv {

  font-size: 13.5px !important;
  line-height: 2 !important;
  color: var(--bgn) !important;
  padding: 2px 3px
}

.gridfirst .adv {
    width: 89%;
    z-index: 999999999999999999999999;
    padding: 1em;
    border-radius: var(--rem);
    height: fit-content;
    margin-bottom: 10px;
    border: 1px solid var(--borderl);
}

.interact {
  display: inline-flex;
  margin-right: auto;
  align-items: center;
}

@media (max-width: 599px) {

.gridrow.skip {
  margin: 0 2rem;
  }
  .interact {
  margin-bottom: 1em;
    min-width: 100% !important;
}
.gridfirst .adv {
    width: 92%;
  margin-top: 10px; 
}
}

  .lcd {
display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: -webkit-fill-available;
  width: -moz-available;
  border-radius: 12px;
  color: var(--bgh);
  padding: 1rem;
}
.night-mode .lcd {
  color: var(--bg);
}

  .flex-container1 {
justify-content: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
gap: 2%;
/*! max-height: 22rem; */
  }

  .cell {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;

    padding: var(--rem);
  }

@media (max-width: 599px) {
    .cell {
    padding: 0;
  }
  .flex-container1 {
justify-content: stretch;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
max-height: fit-content;
margin: var(--rem);
border-radius: var(--m);
  }
}

  .circle {
    width: 12rem;
    height: 12rem;
    background-color: #ddd;
    border-radius: 50%;
    margin: 1rem 0;
background-position: 50%;
  border-radius: var(--m);
  background-size: cover;
  border: 1px solid var(--bord) !important;
  background-color: #fff !important;background-repeat: no-repeat;
  }

  .text {
    line-height: 1.2;
    margin-top: 0.5rem;
    display: flex;
    align-items: flex-start;
    word-break: break-word;flex-direction: column;
  flex-wrap: wrap;
  white-space: initial;
  text-align: left;
    font-size: 13px;
  }

  .cell:first-child .text {
    flex-direction: column;
  }

        .font-size-slider {
            width: 70%;
            margin: 7px auto;
        }

@media (max-width: 599px) {
  .circle {
  width: 10rem;
  height: 10rem;
  background-color: #ddd;
  border-radius: 20px !important;;
  margin: 1rem 0;
  background-position: 50%;
  border-radius: var(--m) !important;
  background-size: cover;
  border: 1px solid var(--bodym) !important;
  background-color: #fff !important;
  background-repeat: no-repeat;
}
  .bot {
    height: 42px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 4%;
    gap: 0 1px;
 z-index: 1;
  }

  .bt {
border-radius: 15px;
    width: 40px !important;
    display: inline-flex;
    align-items: center !important;
    text-align: center;
    padding: 0 5px;
background: var(--whim);
  }
.night-mode  .bt {
border-radius: 15px;
    width: 40px !important;
    display: inline-flex;
    align-items: center !important;
    text-align: center;
    padding: 0 5px;
background: var(--bgh) !important;
  }
  .ico {
    display: flex;
    flex-direction: column; align-items: top;
    text-align: center;    cursor: pointer;    height: 30px;    padding-top: 1px;
  }

}

.sel {
    display: inline-flex;
    padding: 11px !important;
    vertical-align: middle;
    align-items: center;
}
.sel:hover {
    transition-duration: .12s;
    transition-property: opacity;
    cursor: pointer;
    background-color: var(--atabs);
    border-radius: var(--rem);
}
.sel img:hover {
    opacity: 1.0;transition: all 0.2s ease 0s;
}
.night-mode .sel {
    border: 1px solid transparent;
}
.night-mode .sel:hover {
    background-color: var(--cookie);
}

@media (max-width: 599px) {
.sel {

}
    }
@media (max-width: 999px) {
.sel:hover {
    background-color: transparent !important;
    transition-duration: .12s;
    transition-property: opacity;
}
.night-mode .sel:hover {
    background-color: transparent !important;
    transition-duration: .12s;
    transition-property: opacity;
}
}

.show {
  display: block !important;
}

.full.plex {

}
.plex button {

  display: inline-flex;
  align-items: center;

}

.bin {
background-color: var(--atabs) !important;
margin-top: var(--rem) !important;
}
.night-mode .bin {
background-color: var(--bgh) !important;
}

.page {
background-color: var(--bg);
}
.night-mode .page {
}

@media (max-width: 599px) {
.page {
  max-width: unset !important;
  /*! height: fit-content !important; */
  /*! padding-top: 0rem; */
}
	.container.page {
    padding: 0 !important;
}
  }
        body {
            -webkit-font-smoothing: subpixel-antialiased;
            font-weight: 400;
            font-size: var(--fs) !important;
            line-height: 1.45;
            color: #000;
  font-display: swap;
            overflow-x: hidden;
            font-family: 'Inter', 'Segoe UI Emoji', 'Apple Color Emoji', 'Noto Color Emoji', Arial, sans-serif;
}

@media (max-width: 599px) {
     body {
	/* background-color: var(--panelsh); */
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-webkit-appearance: none;
	appearance: none;
	}
    }
.night-mode body {
	background-color: var(--share);
  color: var(--bg);
}

.grayscale {
  filter: grayscale(95%);
}
.grayscale:hover {
  filter: grayscale(0%);
}

@media (max-width: 599px) {
.grayscale {
  filter: grayscale(0%);
}

.night-mode body {
	background-color: var(--bgn);
}
}


 
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { /*! display: flex; */ /*! width: 100vw; */ /*! height: 100vh; */ }

        .content {
            flex: 1;
            display: flex;
            justify-content: center;
        }
        .page {
            max-width: var(--page);
            width: 100%;
            height: 100%;
        }
		@media (min-width: 999px) {
        .page {
		    padding: 0rem 1rem !important;
        }
        }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.container.page {margin: 0 auto;position: relative;/*! overflow-x: hidden; */width: 100%;max-width: var(--page) !important;padding: 0 4px;/*! scrollbar-width: thin; */min-height: 100vh;}
.night-mode .page {

    background-color: var(--share) !important;
}
.sub.tegs {font-size: 24px !important;font-weight: 800;margin: 1rem 0rem 0 0;}
.modalconn {
    display: none;
    position: fixed;
    bottom: var(--rem);
    z-index: 9999999999999999999999999;
    background: rgba(35, 35, 35, 0.97) !important;
    border-radius: var(--brm);
    padding: 1rem var(--rem);
    align-items: center;
    height: fit-content;
    width: 32rem;
    gap: 1vw;
    box-shadow: 0 4px 32px 0 rgba(0,0,0, 0.1);
    justify-content: space-between;
    touch-action: pan-y;

    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: none;
    left: 0;
    right: 0;
    margin: 0 2rem;
    min-height: 5.2rem;
    color: var(--bg);
    font-size: 15px;
}
.modalconn:hover {

}

.night-mode .modalconn {background-color: var(--bordern);color: var(--bg);/*! border: 1px solid #444; */}
@media (max-width: 599px) {
  .sub.tegs {
  font-size: 22px !important;
  font-weight: 700;
  margin: 2rem 0 0.5rem 2rem;
  /*! margin-bottom: 1rem !important; */
}
.modalconn {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999;
    padding: 1rem;
    margin: 1rem var(--rem);
    border-radius: var(--brm);
    height: fit-content;
    max-height: fit-content;
    width: -webkit-fill-available;
    width: -moz-available;
}
}

.modalconn .modal-content {

  align-items: center;

}
  #modalconn .modal-content {
    min-height: unset;
  }
.cart-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    padding: var(--br);
}

hr {
    /*! margin: 0px; */
    /*! height: 1px; */
    border: 0;
    width: -webkit-fill-available;
    width: -moz-available;
    background-color: var(--bord);
    margin: 1rem auto;
    background-color: transparent;
    border-bottom: 1px solid;
    border-color: #e8e8e8;
}

.night-mode hr {
    background-color: #333637;
	 border-color: #3f3f3f !important;
}
.menus hr {
    background-color: #e5e5e5; 
}
.night-mode .menus hr {
    background-color: var(--bgh); 
}

#myHeader {
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: auto 1fr auto 1fr auto;
	/*! border-bottom: 1px solid var(--border); */
}
.night-mode #myHeader {
  /*! border-bottom: 1px solid var(--bordern); */
}
.min #myHeader {

}
.fixed-header {
	position: fixed !important;
	top: 0px;
	left: 0;
	width: -webkit-fill-available;
	width: -moz-available;
	z-index: 9999;
	background-color: var(--panelsh) !important;
	box-shadow: 0 1rem 3rem rgba(0,0,0,.07) !important;
	background-color: var(--tra) !important;
	padding: 1rem 18px 1rem var(--rem) !important;
	backdrop-filter: blur(200px);
}

.night-mode .fixed-header {
	background-color: var(--bgn) !important;;
	border-bottom-color: none !important;
	background-color: var(--tra) !important;
	padding: 1rem 18px 1rem var(--rem) !important;
	backdrop-filter: blur(200px);
}

.grid-container1 {
  display: inline-flex;
  grid-gap: 0px;
  /*! grid-template-areas:
    'cat logo search search search search search search search search search search search search search search search search search search search search search search search search search search search right right'; */

  align-items: center;
  width: 100%;
}
.night-mode f
  background: var(--bgn);
}
.searchpad {
  padding: 7px 0;
  margin: auto;
  width: 100% !important;
}
.logov {
  justify-content: left;

}

@media (max-width: 1099px) {

.home   .logov {

  justify-content: left;
  display: block;
}

.home	.night-mode .grid-container1 {
 background-color: var(--bgn) !important;
}
.home .logov {
  grid-area: ext;
  padding-left: 5px !important;
  flex-direction: row !important;
  display: flex;
  justify-content: center;
  align-items: center;

}

  .home .grid-container1.fixed-header {
    display: grid;
    grid-gap: 0px;
  }

  .home .grid-container1.fixed-header .logov  {
    display: none !important;
  }
 .night-mode .home .grid-container1.fixed-header {
    background-color: var(--blurn) !important;
  }

  .home .grid-container1.fixed-header img {
    width: 100%; 
    height: auto; 
  }

.fixed-header {
	border-bottom: none !important;-moz-box-shadow: none;
  box-shadow: none;
	width: -webkit-fill-available;
	width: -moz-available;
	box-shadow: rgba(65,69,73,.14) 0 1px 20px 0 !important;
}

.night-mode .fixed-header {
	border-bottom: none !important;
	background-color: var(--tra) !important;
	padding: 1rem 18px 1rem var(--rem) !important;
	backdrop-filter: blur(20px);
}

  .fixed-header .searchpad {
    padding: 0rem 0rem 0rem 0em !important;
  }

.fixed-header2 {
	top: 35px;
	left: 0;
	width: -webkit-fill-available;
	width: -moz-available;
	z-index: 9999999999999999999999999;
	display: none !important;
}

.night-mode .fixed-header2 {
	background-color: var(--bgn); 
}

.searchpad {

}
}

.leftall {
  width: 100% !important;
  text-align: left !important;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-right: 0px;
}

@media (max-width: 599px) {
.leftall {
  gap: 0;
  grid-template-columns: unset;
}
}
#listpage .active {
color: var(--red) !important;
}

.search {
  color: #1a0dab;
  min-height: 4.2rem !important;
}

.containerall {
  display: flex;
  justify-content: start;
  margin-left: 0;
  margin-right: 0;
  max-width: 100% !important;

}

.containerall .left {
  min-width: 40%;
  margin-bottom: 0em;
  box-sizing: border-box;
  max-width: 66%;
  flex: 1;
  gap: 3em 1em;
}

.containerall .right {
  padding: 1% 1rem;
  max-width: 40rem;
}

@media (min-width: 1436px) {
  .containerall .left {
    max-width: calc(100% - (var(--page)/2)) !important;
  }
}
.containerall .left .reporter {
justify-content#: space-between;

 }

@media (min-width: 1024px) {
	.containerall {
		margin: auto;
	}

}

@media (max-width: 1023px) {
	.containerall {
		max-width: 100% !important;
		padding: 0 1em;
	}
  input {min-height: 40px !important;}
    .search {
  min-height: 38px !important;
  }
  
  
}

.container {
  display: flex;
   /* Evita scroll orizzontale */
  align-items: stretch;
  height: auto;
  padding-top: 5rem;
}
  .members.container {
    display: flex;
    flex-direction: column;
    
    
    
    padding: 0;
}
  #quick-register.container {
	padding-right: 0 !important;
	padding-left: 0 !important;

	min-height: 100vh;
}
 .support.container {
	padding: 0 var(--m) !important;
}
  }
@media (min-width: 130rem), (max-width: 170rem) {
.all .container {

	margin-right: 0em;
}
}

#myHeader2 {
	margin-top: 2px !important;
	margin: 0 !important;
	padding: 0 !important;
	}

.container.upl {
	padding: 0;
  margin: 0;
}

}

@media (max-width: 1023px) {

  #myHeader2 {
	margin-top: 1px
	}

	.container {
		margin-left: 0%;
		margin-right: 0%;
		max-width: 100% !important;
	}
}
.left {
  min-width: 50%;
  margin-bottom: 0em;
  box-sizing: border-box;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 0 var(--rem);
}
.nova {
  display: inline-flex;
  justify-content: space-between;
  align-items: baseline !important;

  white-space: nowrap;

  margin: 1rem 1em;
}
.nova h3
{
  display: inline-flex;

  align-items: center !important;
  gap: 7px;
}
.news.container {
  padding: 0
}
.news.container .left {
  min-width: 76% !important;
  margin-bottom: 0em;
  box-sizing: border-box;
  flex: 1;
  text-align: left;
  margin-left: 0 !important;
  padding: 0 0 1em 0;
}
.news .right {
  margin-bottom: 0em;
  box-sizing: border-box;
  flex: 1;
  padding-top: 0px;
  margin-top: -24px;
  min-width: 34%;
}
.reporter .left {

  margin-bottom: 0em;
  box-sizing: border-box;
  flex: 1;
  text-align: left;
  flex-wrap: wrap;
  display: flex;
}
	.all .left {
  min-width: 50%;	
  margin-bottom: 0em;
  box-sizing: border-box; 
  max-width: 60%;
  flex: 1;
  text-align: left;
	}

	.news .be .left {
  border-left: 1px solid var(--border);
  border-radius: 0;
	}
	.night-mode .news .be .left {
  border-left: 1px solid var(--bordern);
	}
.right {

}
.rev .right {
  padding: 0em;
  max-width: 30%;

}

@media (max-width: 799px) {

   #container.container {
    flex-direction: column !important;
    overflow-y: visible !important;
    min-height: fit-content !important;
    width: 100%;
    /*! padding-top: 0; */
  }
  .news .right {
  margin-top: 24px;
}
        .nova {
margin: 0 !important;
  width: -webkit-fill-available;
  width: -moz-available;
padding: 0;

}

  .nova h3
{
  display: inline-flex;
  align-items: baseline !important;
  gap: 10px;
}
.left {
    width: 100%;
    max-width: 100% !important;
    min-width: 100%;
    flex: 1;
  }
.right {
  overflow: hidden;   padding: 0 var(--rem) !important;
  flex: auto !important;
  min-height: 100vh;
}
.left.square {
  max-width: unset !important;
  min-width: unset;
  padding: 0;
}
}

.single-image.broadcaster-img {
  background-size: cover;
  background-position: center;
  overflow: hidden;
/*! aspect-ratio: 16 / 9; */
  /*! border-radius: var(--br); */
  max-height: 75vh;
  width: 100%;
}
@media (min-width: 1700px) and (max-width: 1920px) {
.single-image.broadcaster-img, .news .bord {
  background-size: cover;
  background-position: center;
  overflow: hidden;
aspect-ratio: 16 / 9;
  /*! border-radius: var(--br); */
  max-height: 70rem !important;
}
}

#page .single-image.broadcaster-img {
aspect-ratio: 16 / 16;
}
.night-mode .single-image.broadcaster-img {

}
 .immagine {
  background-size: cover;
  background-position: 50% !important;
  background-repeat: no-repeat;
  height: 100%;
  display: flex;
  align-items: center;
  /*! justify-content: center; */
  flex-direction: column;

  position: relative;
  padding: 6rem 0 !important;

  min-width: 100%;
  transition: background-size 0.5s ease !important; 
  width: 100%;
  aspect-ratio: var(--ratio);
  justify-content: center;
  background-color: #ededed9c;
}

.immagine:hover {

}
.item-2 .sine.gridcol {

  border-radius: var(--br);
}
@media (max-width: 599px) {
.item-2 .sine.gridcol {

}
#page .single-image.broadcaster-img {
aspect-ratio: 16 / 9 !important;
}

       #page .immagine {
        min-height: 14rem !important;
        box-shadow: 0 4px 32px 0 rgba(0,0,0, 0.1) !important;
  } 
  } 
.single-image.broadcaster-img {background-color: #ededed9c;}
.night-mode .single-image.broadcaster-img {

}

.leftall {

  display: flex;
  flex-direction: column;
}
}

.night-mode .immagine {
  background-color: var(--bgn);

  } 

      .interstitial-video {
        width: -webkit-fill-available;
        width: -moz-available;
	margin: auto;
        justify-content: center;
        display: flex;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: 100%;
        transform: translate(-50%, -50%);
      }

      .ifooter {
        position: absolute;
        bottom: 5em;
        right: 0;
        transform: translateX(-14%);
        display: flex;
        justify-content: center;
        width: auto;
        padding: 0;
        background-color: #1a1a1abb;

        color: var(--bg) !important;
        border-radius: 7px;
        margin-left: auto;
        align-items: center !important;
        gap: 2px;
        font-size: 17px !important;
      }

      #countdownTimer {

  color: #fff;

  cursor: pointer;
  white-space: nowrap;

  border-radius: 7px;
  border: 1px solid var(--border); 
border: none;
      }

      .video-js.vidh {justify-content: center;display: flex;width: 100%;height: 100%;position: absolute;left: 0;right: 0;}

      .paddednews {
	padding: var(--rem) 0;
      }

@media (max-width: 599px) {
      .paddednews {
	padding: var(--rem);
      }
.rollimg-video {
    min-height: calc(100vw / var(--ratio));
    aspect-ratio: var(--ratio);
        }

      .video-container {border-radius: 0;margin: auto;margin-top: auto;max-height: -6rem;height: 100%;min-height: 100%;width: 100%;}

}

.giallo {
	max-height: 20px;
}
.night-mode .giallo {
	background-color: var(--bgn) !important;
	border: 1px solid var(--bgnh) !important;
}

.verdone:hover {
	border-bottom: 3px solid var(--verdone) !important;
}

.booking:hover {
    border-bottom: 3px solid  var(--booking) !important;
}

.create:hover {
    /*! border-bottom: 3px solid  var(--create) !important; */
}

.verde:hover {
    border: 3px solid  var(--verde) !important;
}

@media (max-width: 799px) {
  .twirl .video-container {
  pointer-events: auto;
  overflow: hidden;

}

  .anchor {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: calc(50%) !important;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
  }

}

#searchblock11 .paid {
    display: none !important;
}

  .support > a {
    width: 100%;
    line-height: 2;
    display: flex;
  white-space: nowrap; flex-direction: column;
  }

.checkered {
    background-image: 
                      linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
                      linear-gradient(to right, black 50%, white 50%),
                      linear-gradient(to bottom, black 50%, white 50%);
    background-blend-mode: normal, difference, normal;
    background-size: 2em 2em;
  }

.news.avatar {

  margin-right: 1em !important;
  border-radius: 100% !important;
  }

  .avatar {width: 24px;height: 24px;background-clip: content-box;object-fit: cover;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;cursor: pointer;aspect-ratio: 1 / 1; /*! background-color: #ddd; */min-width: 30px;min-height: 30px;border-radius: 100% !important; /*! border: 1px solid transparent; *//*! z-index: 1; */}

 .vert .avatar {

}

 #ideal .avatar {
   min-width: 14rem;
   min-height: 14rem;

}

.all .data4 .avatar {

  background-clip: content-box;
  object-fit: cover;
  background-position: 50% 50%;
  background-size: cover;
  margin: 0 var(--rem) auto 0;
  background-repeat: no-repeat;
  cursor: pointer;
  aspect-ratio: 1 / 1;

  margin: auto;
  background-size: 112%;
  border: none;

  background-color: var(--bg);

  width: 8vw;
  height: 8vw;
  min-width: 14rem;
  min-height: 14rem;
  border-radius: var(--m) !important;
}

.night-mode .avatar {

  background-color: var(--share);
}

.grid-item .avatar {
  width: 40px !important;
  height: 40px !important;
  border: 0px solid var(--tra);
  border-radius: 8px !important;
}
.ppv, .ppv.activetabs {
	background-color: #00aaea54 !important;

}
#form-review .avatar {

}
.prima .avatar {
min-width: 28px !important;
min-height: 28px !important;
}
.avatar {
  position: relative;
  box-shadow: none;
}
.sidebar .avatar {
margin: -1px -3px;

min-width: 26px;
min-height: 26px;
}


.element {
    width: 200px;
    height: 100px;
    position: relative;
    z-index: 1;
}

.element::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    background: linear-gradient(90deg, #81DE00 0%, #00C6BE 100%);
    background-image: linear-gradient(270deg, #FF00FF 0%, #F36D00 67%, #FE8E01 100%);
    border: 1px solid transparent;
    border-radius: 30px; 
}
.element::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 30px; 
}
.night-mode .element::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    background: var(--bgn);
    border: 1px solid transparent;
    border-radius: 30px; 
}

.vid {
  background-color: var(--cookie);
}

.rollimg {
  background-size: cover;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  cursor: pointer !important;
  box-shadow: none;
  height: 100%;
  width: 100%;
  /*! min-height: 18rem; */
  /*! min-width: 18rem; */
  text-align: right !important;

  /* Gradient spostato in CSS */
  position: relative;
  display: flex;
  justify-content: start;
  flex-direction: column;
  overflow: hidden;
}

.banners .bord {
  min-width: unset;
  /*! border-radius: var(--brm) !important; */
  aspect-ratio: 16 / 8;
  background-position: center;
  justify-content: center;
  position: relative;
  width: 100%;
}



.night-mode .rollimg {
    background-color: var(--cookie);

}

	 .gridlast.gridcol.coupon .seconda.prod .rollimg {
max-width: 7rem !important;

}

.night-mode .second {

}
.big .rollimg {
  min-width: 5.3em !important;
  border-radius: 12px !important;
}

.item-3 .avatar {
  box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.2);
  width: 4rem;
  height: 4rem;
  margin: .45vw 0;
  } 
.gridnew .avatar {
    margin-right: 0;
    width: 4vw !important;
    height: 4vw !important;
    min-width: 1.5vw;
    min-height: 1.5vw;
    border-radius: 100% !important;
    padding: .2vw;
    box-shadow: 0 4px 32px 0 rgba(0,0,0, 0.1);
  margin-right: 1vw
}  
#leftbar .avatar {
    margin-right: 0;
    border-radius: 100% !important;
    width: 3rem;
    height: 3rem;
}
}

}

.settima
{
  grid-row: 5;
  grid-column: 2;
  display: inline-flex;
  gap: 10px;
  overflow-x: auto;
  flex-wrap: wrap;
  display: flex;
  -ms-overflow-style: none;
  scrollbar-width: none;
  flex-direction: row !important;
  margin-bottom: auto;
  justify-content: start;
  gap: 5px 14px !important;
  align-items: center !important;
  display: inline-flex;
}

.undicesima
{
  grid-row: 4;
  grid-column: 3;
  flex-wrap: wrap !important;
  /*! font-weight: 350; */
  margin-right: 1rem;
  z-index: 999999999;
}
.settima
{
  grid-row: 5;
  grid-column: 1;
  flex-wrap: wrap !important;
  /*! font-weight: 350; */
  /*! margin-top: 1rem; */
}
.settima {

  grid-column: 2;
  /*! align-items: center; */
  display: inline-flex;
  /*! gap: .5vw; */
  flex-wrap: wrap;
  font-size: 15px;
  flex-direction: column;
  justify-content: start;
}
#chat2B .settima {

  grid-column: 1 / span 3 !important;

  border-radius: 5px;

  margin-top: .5vw;
}
.night-mode .gridcat .settima {
  opacity: 1;
}
.gridcat .gridfirst .settima
{

  flex-wrap: nowrap;
}
.gridcat .gridfirst.coupon .settima {
  	grid-row: 6;
  flex-wrap: nowrap;
}
.gridcat .gridfirst .quarta {
	grid-row: 4;
	grid-column: 3;
}
.gridcat .gridfirst.coupon .quarta {
	grid-row: 2;
	grid-column: 1 / span 3;
	width: -webkit-fill-available;
	width: -moz-available;
}
.gridcol .views {
	grid-row: 6;
	display: none;
}

.ottava {
  grid-row: 1;
  grid-column: 3;
  overflow: initial;
  flex-wrap: wrap;
  height: fit-content;
  display: flex;
  flex: 1;
  align-items: center;
  z-index: 0;
  text-align: right;
  margin-right: auto !important;
  height: auto;
  font-size: 15px;
  /*! white-space: nowrap; */
  overflow: hidden;
  /*! max-height: 28px; */
  display: flex;
}

#review .ottava {
  padding-right: 1rem;
  font-size: 13px;
  opacity: .5;
  align-items: start;
  padding-top: 4px;
}

.item-3 .sesta {
  grid-row: 3;
  font-size: 112% !important;
  grid-column: 2;
  flex-wrap: wrap;
  white-space: wrap;
  display: flex;
  width: min-content;
  align-items: center;
  line-height: 1.3;
  height: fit-content;
  margin: auto var(--rem);
}
.item-3 .ottava {
  grid-row: 2;
  grid-column: 3;
  justify-content: right;
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;

}
.item-3 .nona {

  grid-column: 3;
  grid-row: 3;
  align-items: center;
}

.sesta {
	grid-row: 1;
	display: flex;
	grid-column: 2;
	white-space: nowrap;
	align-items: center;
	
	font-weight: 300;
	/*! font-size: 14px; */
	z-index: 1;
	margin-top: 4px;
	color: #fff;
	text-shadow: .5px .5px 1px rgba(0,0,0,.7);
	/*! margin-left: -1rem; */
}

.sine .sesta {
	color: unset;
	text-shadow: none;
}
#review .sesta {
align-items: start;
  padding-top: 3px
}
.verified {
/*! margin-top: -3px; */
}
#pages .verified {
/*! margin-top: -3px; */
  width: 16px;
  height: 16px;
}
.terza:hover {opacity: .7;/* z-index: 999999999999999; */cursor: pointer}
#pages .sesta {
  grid-column: 2;
  flex-wrap: wrap;
  white-space: wrap;
  grid-row: 1 !important;
  padding: 0 !important;
  color: unset;
  text-shadow: none;
}
#pages .sesta .black {  
  margin: 0 !important;
  /*! color: unset; */
}
#pages .ottava {  
  grid-column: 3;  

  grid-row: 4;
}

portant;
	}
.gridprod .quinta, .gridrow .quinta {
	grid-row: 2;
	grid-column: 2 / span 2;
	line-height: 1.4;
	word-break: break-word !important;
}
 .gridrow .quinta {
	grid-row: 2;
	grid-column: 2;

 }  
 .gridnew .sesta {
	grid-row: 2;
	grid-column: 3;

	font-size: 80%;

 }  

.gridcat .gridrow .quinta {
	padding-left: var(--rem);
	display: none;
}
.night-mode .gridrow .quinta {
	color: var(--bg);
}

.gridprod .sesta, .gridrow .sesta, .gridvid .sesta {
  grid-row: 3;
  grid-column: 2 / span 1;
  display: flex;
  flex-wrap: wrap;
}

.gridcat .gridfirst.gridrow .sesta {
  grid-row: 3;
  grid-column: 2 / span 3;
  align-items: center;
  display: inline-flex;
  padding-right: var(--rem) !important;
  flex-wrap: wrap;
}
.gridcat .gridrow .sesta {
  grid-row: 2;
  grid-column: 2;
  align-items: center;
  display: inline-flex;
}

  .des .gridrow::after {
    border: none;
}
.nova
{

}
.night-mode .nova {
  border-bottom: 1px solid var(--bgn);
}

.add .gridrow::after {
  display: none;
}

.add .gridrow {
  border: none
}
.full.bag {
	/*! width: 14rem !important; */
  /*! height: 3.5rem !important; */
	/*! border: 1px solid var(--borderl); */
	font-weight: 500;
	background-color: var(--bg);
}
.news .avatar {
/*! height: 40px; */
  /*! width: 40px; */
}


.bord::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(70, 70, 70, 0.07); /* Sfondo semi-trasparente */
    z-index: 1;
    pointer-events: none;
    transition: background 0.1s ease-in-out;
}

.bord:hover::after {
     background: rgba(70, 70, 70, 0.2); /* Sfondo semi-trasparente */
}
.news .bord::after {
     background: none; /* Sfondo semi-trasparente */
}

/* Per overlay più scuro su immagini blurrate */
.rollimg[style*="filter: blur(15px)"]::after {
  background: linear-gradient(rgba(0, 0, 0, 0.06));
}

/* Per posizionare icone sopra l'overlay */
.type {
  /*! position: relative; */
  /*! z-index: 99999999; */
}

@media (max-width: 599px) {
  
.sesta {
margin-left: -1rem; 
}

    .avatar {
  /*! width: 32px; */
  /*! height: 32px; */
  }
  .banners .bord {
  /*! width: calc(100vw - 6rem); */
  aspect-ratio: 16 / 9 !important;
}
  .bord::after {
  background: rgba(70, 70, 70, 0.07);
}
  .news .avatar {
height: unset;
  width: unset;
}
  .news .sesta {
margin-left: unset !important;
}
#pages .sesta {
  grid-column: 1 / span 3;
  flex-wrap: wrap;
  white-space: wrap;
  grid-row: 2 !important;
  margin-top: -1rem;
  /*! width: fit-content; */
  grid-column: 2 / span 2;
  grid-row: 1 !important;
  margin-left: -2rem;
}
#pages .ottava {  
  grid-column: 3;  
  grid-row: 5;
}
.full.bag {
	width: 100% !important;
  margin-top: 1rem !important;

}
 .gridnew .sesta {
	grid-row: 3;
	grid-column: 2 / span4;

 }  
}
.gridcat .gridfirst.gridcol {

  right: 0;
  overflow: hidden;
}

.upl .left {

  width: fit-content;

  background-color: #d2d2d24d;
  border-radius: var(--br);
}

.gridrow.gridadv:hover {
  background-color: var(--bg);
}

.gridrow.gridadv {
  transition: transform 0.3s, border-width 0.3s;
  position: relative;
  z-index: 0; 
  min-height: 35rem;
  border: none;
  max-width: 20rem !important;
  padding: 7px !important;
}
.unpaired .paired .gridrow.gridadv {
 margin: 0px 0px 0em 5px !important;
}
.paired .gridrow.gridadv {

}

.add .gridrow {
  padding: 7px 14px 7px 0px !important;
  margin: 0 !important;
}
.commenti.gridrow {

}
.commenti.gridrow::after {
  border-bottom: none;
}

.gridrow .seconda {
	grid-column: 3 !important;

	grid-row: 1 / span 3;
	margin: 0;
}

.gridrow {
  position: relative;
  width: fit-content;
  max-width: 82%;
}

.gridprod {
  position: relative;
}

.page.gridcat {
  flex-direction: column;
}
  .dropbtn2.avatar {

}  

.members .avatar {
    /*! min-width: 11rem !important; */
    /*! min-height: 11rem !important; */
  /*! border-radius: var(--br) !important; */

    width: 100%;
    border-radius: 0 !important;
    /*! min-width: calc(100% + 2rem) !important; */
    height: 26rem !important;
    /*! margin: -3rem 0rem 1rem 0rem !important; */
    background-position-y: 10%;
    background-size: cover;
}  

@media (max-width: 599px) {

.item-3 .prima {
  margin-left: var(--rem);
  margin: 0rem var(--rem) 0 var(--rem);
  grid-row: 3;
}
  .item-3 .sesta {
  grid-row: 3;
	align-items: center;
  margin-left: 0;
}

 .prod .gridcol .sesta {
	/*! grid-column: 2 / span3; */
	flex-wrap: wrap;
	padding: 0;
	display: none;
}
#pages .avatar {
    /*! min-width: 9rem !important; */
    /*! min-height: 5rem !important; */

    /*! aspect-ratio: 16 / 6; */
    /*! border-radius: var(--br) !important; */
    /*! border: none; */
}  

  .dropbtn2.avatar {

}  

    .gridrow.commenti  .prima
{
    grid-row: 1 / span 1;
    grid-column: 1 / span 1;
    max-height: fit-content !important;

  }

.gridcat .gridrow .quinta {
	padding-left: var(--rem);
	display: none;
}
	.gridrow.gridadv .rollimg {
	background-size: 100% 100%;
	padding-left: 0;
	margin-left: -var(--rem) !important;
	aspect-ratio: 1 / 1 !important;
}
.gridrow .rollimg {
	width: 8rem !important;
	height: 8rem !important;
	border-radius: 5px !important;
}

.gridfirst.gridrow .rollimg {
	min-width: -webkit-fill-available !important;
	min-height: 20em;
	border-radius: var(--br);

}
	.reporter.paired .gridrow .rollimg {
  width: 7rem !important;
  height: 7rem !important;
	border-radius: 7px !important;
}
}

.gridcat.hr .rollimg {
  	 margin: -16px 0px -37px; 
  	min-height: 31rem !important;
  	padding: 0 !important;
  	color: #fff !important;
  	background-position: 100% 50%;
  	max-width: 25rem !important;
}

.reporter.paired .gridrow.gridadv .rollimg {
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	border-radius: var(--rem) !important;
	width: 20rem;
	height: 10rem;
}
.reporter.paired .gridrow .rollimg {
  background-size: 100% 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-bottom: auto;
  border-radius: var(--rem);

  width: 10rem;
  height: 10rem;

}
@media (max-width: 599px) {

.item-3 .ottava {
  grid-row: 3;
  grid-column: 4;
  margin-right:  var(--rem) !important;
  padding: 0 !important;
  !i;
  !;

  !i;!;

  margin: 1rem;
}

  #chat2B .settima {
  margin: 1rem 0;
}
  .item-2 .ottava {

  grid-row: 4;
}
  .gridadv.gridrow .rollimg {
  width: 72% !important;
    }

      	.vertu .prima {
display: block !important;
}
        	.vertu .sesta {
grid-column: 2 !important;
}

  	.item-3 .nona {grid-column: 1 / span3;
grid-row: 4;
padding: 10px 0 0 0;
}
  	.gridcat .quarta {

	padding: 0;
}
}

@media (min-width: 450px) and (max-width: 599px) {

  #chat2B.gridcol .prima {
    display: block !important;
  }
.gridcol .prima {

  }
  .gridcol.ann .terza {
    padding: 0 !important;
  }
  .gridcol.ann .sesta {
    padding: 0 !important;
  }
  .gridcol .nona {
    padding-left: 0 !important;
  }
}

.gridrow .rollimg {
	background-size: 100% 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;

	border-radius: var(--br);
	width: 9rem;
	height: 9rem;

}

.prod.gridrow .rollimg {
	width: 14.7rem;
	height: 11.8rem;
	margin-right: 1em;
}
.vid .rollimg {
	height: 18rem;
	background-color: var(--cookie);

	max-height: 18rem;
}

.sepa .gridrow .rollimg {
min-height: 7em;
border-radius: 11px;
width: 4em;
}

@media (max-width: 599px) {
#custom-content- .gridview {

  margin: unset;
}
  .gridcat.hr .gridrow .rollimg {
  margin: 7px !important;  
    border-radius: 8px !important;
   border: none !important;
  max-height: 18rem !important;
  min-height: 27rem !important;
    }

  .gridfirst.gridrow .rollimg {
	min-width: -webkit-fill-available !important;
	min-width: -moz-available !important;
}

.vertu .gridcol {
  padding: calc(var(--rem)) !important;
}
.sepa .gridrow .rollimg {
min-height: 7em !important;;
border-radius: 12px;
}
}

.vertu .gridcol {
  width: calc(100% / var(--col));

}
.vertu .terza {
  font-size: 91%;
  text-transform: uppercase
}
.vertu .sesta {
  font-size: 91%;
  text-transform: lowercase
}
.commenti .reporter .gridrow.gridadv .rollimg {
  width: 70%;

  aspect-ratio: 1 / 1;
}
.commenti .reporter .gridrow .rollimg {

}
.ellipsis {

  display: inline-flex;
  align-items: baseline;

}

.gridcol .timeago.days {
  display: none;
}

.gridrow {
	margin-bottom: 1em;
  display: grid;
  grid-template-columns: auto 1fr auto;
  text-align: left !important;
  background-image: none !important;

  width: -webkit-fill-available;
  width: -moz-available;
  justify-content: start;
  align-items: start;
  justify-items: start;

  overflow: visible;
  max-width: 70rem;
  border-radius: var(--rem);
  order: 2;

  height: fit-content;

 }

.gridrow .terza {
	grid-row: 1 / span 2;
	grid-column: 3 / span 1;
}
.gridrow .terza.room {
	grid-row: 1 / span 2;
	grid-column: 3;

}

.item-2 .vert .gridcol {

  padding: 0;

  min-width: -webkit-fill-available;
  min-width: -moz-available;
}

.gridcat.flow {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); 
  gap: 1vw;
}

@media (min-width: 2340px) {
  .gridcat.flow {
    grid-template-columns: repeat(6, 1fr); 
  }
}

@media (max-width: 1920px) {
  .gridcat.flow {
    grid-template-columns: repeat(5, 1fr); 
  }
}

@media (max-width: 1280px) {
  .gridcat.flow {
    grid-template-columns: repeat(4, 1fr); 
  }
}

@media (max-width: 999px) {
  .gridcat.flow {
    grid-template-columns: repeat(3, 1fr); 
  }
}

@media (max-width: 599px) {
  .gridcat.flow {
    grid-template-columns: repeat(2, 1fr); 
  }
  .vert .gridview {
  min-width: 100%;
  max-width: 100% !important;
  margin: 0 auto;
  flex: unset !important;
  padding: var(--rem);
}
}

@media (max-width: 499px) {
  .gridcat.flow {
    grid-template-columns: 1fr; 
  }
}

.cat.gridcol {

   /*! aspect-ratio: 1; */ 

   padding: 0 1rem;
}
.flow .gridcol {

}

.prod .gridcol {
  /* width: calc(100% / 6); */
  flex: 0 1 min(32rem, max(45rem, 100%)) !important;
}
#custom-content- .gridview {margin: unset;}
.vert .gridview {
  width: 100%;
  max-width: var(--page) !important;
  margin: 0 auto;
  flex:  unset !important;
}
#pages .gridcol {
  /*! padding: 0rem var(--rem) 1rem var(--rem); */
  max-width: 100%;

  align-content: start;
  grid-template-columns: 20rem 1fr;
}
.categories .gridcol {
  max-width: calc(100% / 10) !important;
  min-width: 14rem;

}
.categories .bord {
  aspect-ratio: 4 / 6;
}
.gridcol.news {
  padding-top: 0;
  /*! max-width: calc(100% - 35rem); */
  padding-top: 0 !important;
  overflow-y: scroll;
  min-height: fit-content;
  flex: 1;
  /*! overflow: hidden; */
  scrollbar-width: none !important;
  /*! width: 75%; */
  /*! margin-top: -8px; */
}
.gridcol.prod {width: calc(100% / var(--col));} 
.verti .gridcol {width: calc(100% / 3) !important;} 

.gridcol.twirl {
  width: calc(100% / var(--col));
}
.gridcol.prod .bord, .prod .gridcol .bord {
  aspect-ratio: var(--ratiom);
}
.item-2 .vert .gridcol {
  grid-template-columns: 6fr 0.5fr 13fr;
}
.item-2 .sine.gridcol {

}
.night-mode .item-2 .sine.gridcol {

  border-radius: var(--br);
  background-color: var(--bgh);
}
.night-mode .item-2 .sine.gridcol .datum {
  background-color: var(--tra);
}

.vert .gridcol {
  display: grid;
  grid-template-columns: 8fr 0fr 10fr;

  float: left;
  position: relative !important;
  justify-content: start !important;
  align-self: start;
  max-height: fit-content;

  min-width: -webkit-fill-available;
  min-width: -moz-available;
  flex: unset;

}
.ann .gridcol {
  order: 0
  }

.vert .prima {
  grid-row: 3;
  grid-column: 3;
  align-items: center;

}

.gridcat.vert .seconda {
  grid-column: 1;
  grid-row: 1 / span 5;
  margin-right: 1vw;

}
.item-2 .gridcat.vert .seconda {
  margin-right: 0;
}

.item-2 .gridcat.vert .seconda {max-width: 7vw;min-width: 100%;}

.gridcat.vert .terza {
  grid-row: 1;
  grid-column: 3;
  align-self: start; 

}

.gridcat.vert .quarta {
  grid-row: 1; 
  grid-column: 2; 
  align-items: start;
  height: fit-content;
  padding-left: 3vw;
}

.vert .quinta {
  grid-column: 3;
  align-items: start;
  display: block;

  grid-row: 2;

}
.item-2 .vert .quinta {
 display: none !important;
}
.item.item-2 .gridcat.vert .sesta {

  margin-left: 0;
}
.vert .sesta {
  grid-column: 3 !important;
  grid-row: 3 !important;

  align-items: center;

  margin-left: 3rem;
}
.vert .gridview .sesta {
  grid-column: 1 !important;
  grid-row: 4 !important;
  align-items: center;
  margin-left: 0;
}
.vert .gridview .prima {
  grid-column: 1 !important;
  grid-row: 4 !important;
  align-items: center;
  display: none;
}
.gridcat.vert .ottava {
  grid-row: 1 !important;
  grid-column: 3 !important;

}

.gridcat.vert .nona {
  grid-column: 3 !important;
  grid-row: 4;

}
.item-2 .gridcat.vert .nona {
  font-size: 85% !important;

}
#review .gridrow {
padding: .35vw 0 !important;
}
@media (max-width: 899px) {
#review .gridrow {
padding: 7px 0 !important;
}
.vertu .gridcol {
  width: calc(100%) !important;
  margin-bottom: 1em !important;
}
.vertu .bord {

}

.gridcat.vert .gridcol {margin: 0 var(--rem) !important;grid-template-columns: 4fr 0.5fr 8fr;}

.gridcat.vert .prima {
  grid-row: 1;
  grid-column: 1;
  align-items: start;
  display: flex !important;
  padding: 0 !important;
  display: none !important;
}
.gridcat.vert .prima .avatar {
  grid-column: 3; 
  grid-row: 1 / span 2;

}
.gridcat.vert .seconda {
  grid-column: 1;
  grid-row: 1 / span 7;
  margin: 0;
  max-width: 34vw;

}
.gridview .seconda {
  min-width: -webkit-fill-available;
  min-width: -moz-available;

  width: 100%;
}

.gridcat.vert .terza {
  grid-row: 1;
  grid-column: 3 !important;
  align-self: start;
  padding: 0 !important;
  font-size: 100%;
}

.gridcat.vert .quarta {
  grid-row: 1 !important;
  grid-column: 2 !important;
  align-items: center;
  padding: 0 !important;

}

.vert .quinta {
  grid-row: 2;
  grid-column: 3;
  align-items: start;
  display: block;
  padding: 0;
  display: none;
}
.item.item-2 .gridcat.vert .sesta {
  grid-column: 3 / span 3 !important;
  flex-wrap: wrap;
  align-items: center;
}
.vert .sesta {
  grid-column:  3 !important;
  align-items: start;
  grid-row: 3 !important;
  margin-left: 0;
  padding-left: 0;
  padding-right: var(--rem);
}

.gridcat.vert .ottava {
  grid-row: 1 !important;
  grid-column: 3 !important;
  display: none;
}

.gridcat.vert .nona {grid-column: 3 !important;margin-top: unset;margin-left: 0 !important;margin-left: 0 !important;grid-row: 4;}

}

@media (min-width: 2401px) and (max-width: 2752px) {

	body {
  font-size: calc(var(--fs) * 1.3) !important;
}
}

@media (min-width: 2145px) and (max-width: 2400px) {

	body {
  font-size: calc(var(--fs) * 1.25) !important;
}
}

.gridcol:hover {}

 .vert .ann.gridcol {
order: -1 !important;

border-radius: var(--br);
background-color: #fafafa;
}
.night-mode .vert .ann.gridcol {
background-color: #212425;
}

@media (max-width: 499px) {
  .all .gridview {
  width: 100% !important;
  min-width: 100% !important;
  margin: 0 !important;
    padding: 0 !important;
}
   .vert .ann.gridcol {!i;!;}
  .gridcat .settima {
  padding: 1px 0;
  gap: 1px 0rem;
}

  .all .quarta {
  grid-row: 4;
  grid-column: 2 / span 2;
  overflow: hidden;

  display: inline-flex;
  align-items: center;
  margin-left: 0;
}
    .all #maincol .terza {line-height: 1.25;}

  .gridcol, .prod .gridcol {
    width: 100%;
    max-width: unset;
    aspect-ratio: unset !important;
    /*! padding: 2rem !important; */
}
    .vert .gridcol.ann {

}
      .gridcol.ann {

}
      .showcase .gridcol {width: 70%;padding: 0 1px;/*! margin: 0 1rem 0 0 !important; */} 

  .categories.showcase .gridcol {
    width: 42%;
    padding: 0 1px;
  }

}

.space {
  min-height: 21px;
}

.gridcol .blur {
  margin-top: auto;
  padding: 1px;
  width: 46%;
  border-radius: var(--brs) !important;
  display: grid;
  line-height: 1.1;
}

.terza {
  grid-column: 1 / span 3;
  grid-row: 5;
  text-overflow: ellipsis;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  flex-wrap: wrap;
  line-height: 22px;
  font-weight: 600;
}

.sine .terza {
  grid-row: 2;
  /*! margin: 10px 0 0 0; */
  /*! padding: 0 1rem; */
}
#review .terza {
font-size: 14.5px;
  grid-column: 2;
/*! margin-top: -16px; */
max-height: unset;
overflow: visible;
font-weight: 350;
}
.flow .nona {
    margin-top: auto;
}
.item-2 .vert .terza {

}
.item-3 .terza {
  grid-row: 2;
  flex-wrap: wrap;
  padding: 0;
  cursor: auto;
  font-size: 132% !important;
  font-weight: 550;
  grid-column: 1 / span 2;
}

.item-2 .terza, .item-2 .quarta {
  padding: 0 !important;
  flex-direction: column;
  align-items: start;

  font-size: 105%;
  }

.item.item-2 .prima {padding-left: 0;display: none;}
.prima {
    display: flex;
    align-items: center;
    grid-column: 1;
    justify-content: center; 
    grid-row: 1;
    grid-column: 1;
    margin-top: 4px;
}
#review .prima {
    grid-row: 1 / span 3;
    grid-column: 1;
    display: flex;
    align-items: start;
}
.news .prima {
    grid-row: 3;
    grid-column: 1;
    margin-left: 1rem;
}
.news .seconda {
    grid-row: 1;
    margin-bottom: 0rem;

    margin-top:  0;
    /*! overflow: auto; */
    grid-column: 1 / span 3;
}
.news .terza {
    grid-row: 2;
    margin: 0;
    font-size: 21.5px;
    font-weight: 550;
    min-height: 4rem;
    line-height: 2;
    grid-column: 1 / span 3;
}
.news .terza:hover {
   opacity: 1
}
.news .quinta {
    grid-row: 5;

    /*! padding: 9px 0px; */
    border-radius: var(--br);
    color: unset;
    font-size: unset;
    /*! text-overflow: unset; */
    overflow: visible;
    white-space: wrap;
    grid-column: 1 / span 3;
    font-size: 16px;
    font-weight: 400 !important;
}
.news .quinta {
   font-size: 16px;
   max-height: unset;
   padding: 3rem 2rem;
   background-color: var(--datum);
   margin-top: 1rem;
}
.night-mode .news .quinta {
   /*! border: 1px solid #555; */
}
.news .sesta {
    grid-row: 3;
    grid-column: unset;
    /*! margin-left: 1.2rem; */
    white-space: wrap;
    flex-wrap: wrap;
    font-weight: 600;
    /*! font-size: 17px; */
    line-height: 1.4;
    letter-spacing: .1;
    gap: 0 25px;
    flex: 1;
    min-width: fit-content !important;
    white-space: nowrap;
    color: unset;
    text-shadow: none;
}
.news .ottava {
    grid-row: 6;
    grid-column: 1 / span 3;
}
.news .icons {
   /*! width: 20px !important; */
  /*! height: 20px !important; */
}

.news .nona {
    grid-row: 4;
    margin: 0;
    grid-column: 1 / span 2;
    padding: 0;
}


@media (min-width: 1000px) {
.news .nona {
    grid-row: 3;
    margin: 0;
    grid-column: 3;
    padding: 0;
}
}


#pages .gridcol .prima {
grid-row: 1 / span3 !important;

}
.item-2 .quarta {

}
#user .prima, #official .prima, #official .quarta, #official .sesta {
    display: none !important;
}
#user .quarta {
    display: none
}
#user .settima {

    font-size: 14px;
}

.banners .seconda {
    margin: 0;
}
.seconda {
    grid-row: 1 / span 4;
    grid-column: 1 / span 4;
    margin: 0 0 8px 0;
}
.cat .bord {
  aspect-ratio: 1;
  border-radius: var(--br) !important;
}
.sine .seconda {display: none !important;/* padding-left: 1rem; */}
.sine .nona {
grid-row: 8;
grid-column: 1 / span 2;
/*! margin: 7px 0; */
}
.vert .sine .nona {
grid-row: 5
}
.vert .sine .quinta {
grid-row: 2
}
.sine .quinta {
	display: block !important;
	grid-row: 4;
	max-height: 10rem;
	overflow: hidden;
	padding: 0 1rem;
	font-size: 15px;
	font-weight: 600;
}

.sine.gridcol {

    align-content: baseline;

  }
.gridcol .seconda.padded {
    margin: 0;
  min-width: -webkit-fill-available;
  min-width: -moz-available;
  border-radius: var(--br);
    padding: 0 !important;
  }

#page .gridcol {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  float: left;
  position: relative !important;
  padding: 0;
  margin-bottom: 0em !important;
  grid-template-areas:
    "seconda prima prima"
    "seconda terza terza"
    "seconda quarta quarta"
    "seconda quinta quinta"
    "seconda sesta sesta"
    "seconda settima settima"
    "seconda ottava ottava";
  width: 100%;
}

#page .seconda {
  grid-area: seconda;
  width: fit-content;
  margin-right: 2vw;
}
#page .rollimg {
    width: 20rem;
    height: 100%;
}
#page .prima { grid-area: prima; }
#page .terza {grid-area: terza;width: 100%;flex: 1;font-size: 150%;padding: var(--rem) 0 0 0;}
#page .quarta { grid-area: quarta; margin-left: 0; width: 100%; flex: 1; padding: 0 var(--rem);}
#page .quinta {grid-area: quinta;display: inline-flex !important;gap: 3em !important;padding: var(--rem) 0;flex-direction: row;grid-column: 2 / span 3;}
#page .sesta {grid-area: sesta;grid-row: 3;}
#page .settima {grid-area: settima !important;display: inline-flex;align-items: center;grid-row: 5 !important;}
#page .ottava { grid-area: ottava; }

#page h1 {
  margin: 1rem 0 0 0 !important;
  text-transform: none;
  font-size: 150%;
}

@media (max-width: 499px) {

.news .nona {
    grid-row: 7;
    grid-column: 1 / span 3;
    padding: 12px 0;
    /*! margin: 0 -2rem; */
}
  .gridcol .seconda.padded {
  margin: 0;
  min-width: -webkit-fill-available;
  min-width: -moz-available;
  border-radius: var(--br);
  padding: 0 !important;
  height: 0;
  border: none !important;
}

  #page .terza {grid-area: terza;width: 100%;flex: 1;font-size: 119%;padding: 0;}

.news .gridcol .terza {
margin: 0 0 2rem 0;
  font-size: 20px !important;
  flex-wrap: wrap;
  overflow-y: visible;
  white-space: wrap;
line-height: 27px;
}
.ann .terza, .ann .prima, .ann .nona {

}
 .ann .vert .terza, .vert .ann .prima, .ann .vert .nona {
     padding-left: 0;
} 

.item-3 .terza {grid-column: 1 / span4;margin-bottom: 1em;}

  #page .gridcol {
    min-width: 100%;
    grid-template-columns: 1fr;
    grid-template-areas:
      "seconda"
      "settima"
      "terza"
      "quarta"
      "quinta"
      "sesta"
      "ottava";
    padding: 0 var(--rem);
  }
  #page .rollimg {
    width: 100%;

    background-position: 50%;
    background-size: cover;
}
  #page .prima {
    display: none;
  }
  #page .seconda,
  #page .terza,
  #page .quarta,
  #page .quinta,
  #page .sesta,
  #page .settima,
  #page .ottava {
    grid-column: 1 / span3;
    grid-row: auto;
  }
  #page .quarta,
  #page .quinta,
  #page .sesta {
    display: inline-flex !important;
    flex-wrap: wrap;
    max-width: -moz-available;

  }
}
#review .nona {
  grid-column: 2; 
}
.nona {
  grid-column: 1 / span 3;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  /*! margin-top: 5px; */
  grid-row: 8;
  justify-content: start;
  font-size: 15px;
  color: #444;
  gap: 2px 3px;
  align-items: center;
  padding-left: 0rem;
  /*! padding: 0 1rem; */
}

.decima {
  grid-column: 1 / span 3;
  display: flex;
  flex-wrap: wrap;

  align-content: center;
  font-weight: 400;

  padding: 0 1rem;
}
.gridnew .nona {
  grid-row: 3;
  grid-column: 3 / 4;  

  padding: 0;

  display: flex;
  flex-wrap: wrap;
}

.buy  {

  color: var(--bgnh) !important;
  font-weight: 450;
}
.night-mode .buy  {
  background-color: var(--blueb) !important;
}

 .night-mode .news .nona .datum {
  background-color: var(--find-night);
  border-color: var(--find-night);
}

.news .nona .datum, .sidebar .datum {
  padding: 7px 12px !important;
    background-color: var(--border);
  border-radius: 2rem;
  margin: 0;
  max-height: unset;
  min-width: fit-content !important;
  position: unset;
  min-height: 38px !important;
  min-width: 38px;
  border-color: var(--border);
  border-radius: var(--bro) !important;
}
.sidebar .datum {
  border: 1px solid #8b6658;
  color: #8b6658;
}
.night-mode .sidebar .datum {
  background-color: var(--bgnh) !important;
}
.nona .ellipsis {  margin-left: auto !important;transform: rotate(90deg);}
.nona .ellipsis:hover {  transform: rotate(0deg);}

.item-3 .datum {background-color: var(--bodym);border: 1px solid var(--tra);border-radius: 999px !important;min-width: 4rem;min-height: 3.8rem !important;justify-content: center;align-items: center;text-align: center;}

.nona .datum:hover {

  color: #666;
}
.night-mode .com.datum {
  ;
}

.minitag.data.infob {
  background-color: #f1f3f4 !important;
  border-radius: var(--rem) !important;
  max-height: 30px !important;
  min-height: unset !important;
  color: var(--cart) !important;

}

.night-mode .minitag.data.infob {
  background-color: #fff !important;
  border-radius: var(--rem) !important;
  max-height: 30px !important;
  min-height: unset !important;
  color: var(--cart) !important;
  border: #555 !important;
}

.bag {
  background-color: var(--bodym) !important;

  /*! font-size: 85%; */
  /*! border-radius: var(--brm) !important; */
}
.item-3 .bag {

  background-color: var(--bar) !important;
}
.bag:hover {

}
.item-2 .bag, .vert .bag {
  flex-grow:  unset;

}
.night-mode .bag {
  background-color: var(--find-night) !important;
  color: var(--bg) !important;
}
.night-mode .bag:hover {
  background-color: var(--find-night) !important;
  color: var(--bg) !important;
}

.nona .datum {
  position: relative;
  font-weight: 450;
}
.red, .night-mode .red {
  color: var(--red) !important;

}

.gridcol .quarta {
    grid-column: 1 / span 4;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    /*! width: fit-content; */
    line-height: 1.2;
    /*! min-width: 100%; */
}
#pages .gridcol .prima {
    grid-column: 1;
    grid-row: 1 / span 6 !important;
    align-items: start;
    justify-content: right;
    /*! width: 18rem; */
    padding-top: 2rem;
}
#pages .gridcol .quarta {

grid-row: 3;
grid-column: 2;
font-size: 14px;
font-weight: 350;
/*! padding: 0 2rem; */
}
#pages .gridcol .nona {
    grid-column: 2;
    grid-row: 6 !important;
    gap: 0 8px;
    margin-top: 2rem;
}
    .gridcol .quarta .views {
        display: none !important;
  color: #fff !important;
    }

.quinta {
    grid-column: 1 / span 3;
    grid-row: 6;
    padding: 0 1rem;
}
.quinta.bis {
    grid-column: 1 / span 3;
    grid-row: 7;
    /*! margin-top: .5rem; */
    gap: 5px;
    display: flex;
    align-items: center;
    /*! font-size: 16px; */
    color: #444;
    font-weight: 350;
    padding: 0 1rem;
}

.data .quinta {
  display: flex;
  justify-content: center;
    color: #999;
  font-weight: 300
}
.night-mode .quinta.bis {
    color: #aaa;
}
.quinta {
    /*! display: none !important; */
    /*! max-height: 4.5rem; */
    text-overflow: ellipsis;
    overflow: hidden;
    display: none;
    /*! font-size: 18px; */
    font-weight: 500;
    line-height: 22px;
    white-space: nowrap;
}
.vertu .prima, .vertu .quarta, .vertu .quinta, .vertu .sestra, .vertu .com {
display: none !important;
}
.night-mode .quinta {
 /*! color: #aaa */
}

 .share-status {
   color: var(--cart) !important;
   width: 100%;
   font-size: 90%;
   margin: 2px 0 3px 4px;
}

  #page .seconda {

  width: 12vw;

  margin: 1vw;
  }
    .containerimg {
        display: flex;
        align-items: center;
        position: relative; 
        border-radius: var(--br) !important;
        overflow: hidden; 
    }
.night-mode  .containerimg {
        border#: 1px solid var(--bordern);
    }

    .overlay {
background: rgba(0, 0, 0, 0.54);
  padding: 0px var(--br);
  position: absolute;
  bottom: 7px;
  right: 7px;
  color: white;
  border-radius: 1vw;
    }

.blue {
    color: var(--red);
}
.night-mode .blue {
    color: var(--nightengine) !important;
}

.dash {
    color: var(--dash);
}
.night-mode .dash {
    color: var(--dashn) !important;
}

#loadinga {
    animation: delayThenShow 1.5s ease forwards;display: inline-flex;
}

@keyframes delayThenShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.spaced  {
	margin: 0 var(--rem) !important;border-radius: var(--sqrl) !important
}

.foot  {
flex-direction: row; justify-content: space-evenly !important;  display: flex;
flex-wrap: wrap;  text-transform: uppercase; 
}

.modal-dialog {
    background-color: var(--bg);
    animation: slowExpand 70ms ease; 
}

.night-mode .modal-dialog {
  background-color: #3b3f41;
}

@keyframes slowExpand {
    0% {
        transform: translate(-0%, -0%) scale(0);
    }
    100% {
        transform: translate(-0%, -0%) scale(1);
    }
}

.apps {
display: none !important;
}

 .evidence {
  color: var(--share) !important;
}
.night-mode .evidence {
  color: var(--nightengine) !important;
}

.bw {
  background-color: var(--bgn) !important;
  border: 1px solid var(--bgn) !important;
  color: var(--bg) !important;
}
.bw:hover {
  background-color: var(--bgn) !important;
  color: var(--bg) !important;
}

.night-mode .bw {
  background-color: var(--bg) !important;
  border: 1px solid var(--bg) !important;
  color: var(--bgn) !important;
}
.night-mode .bw:hover {
  background-color: var(--tra) !important;
  border: 1px solid var(--tra) !important;
  color: var(--bgn) !important;
}

.titlet {
cursor: pointer;
  margin: 1rem 0;
  line-height: 1;

}

.qr {
  position: fixed;
  right: var(--rem);
  bottom: var(--rem);
  padding: 1rem;
  margin-bottom: var(--rem);
  z-index: 9999999999999999;
  width: 14rem;
  height: 14rem;
  background-color: #fff;
  border-radius: var(--sqr);
  box-shadow: 0 10.5px 21px rgba(0,0,0,.08);
}
.logovirtu {width: fit-content;border-radius*: 1em;border-radius: 32px;padding: 0px;min-height: 40px !important;min-width: 40px !important;}
 .logovirtu:hover {
  background-color: var(--atabs);
}

.night-mode .logovirtu {
filter: invert(1) brightness(1.5);
}
.night-mode .logovirtu:hover {
  filter: invert(1) brightness(.59);
  background-color: var(--bgh);
}

.press {
  background: var(--lilla);
  border: 1px solid var(--lilla);
}
.press:hover {
  background: var(--lilla);
  border: 1px solid var(--lilla);
}
.night-mode .press {
  background-color: var(--bordern);
  border: 1px solid var(--lilla);
}
.night-mode .press:hover {
  background-color: var(--bordern);
  border: 1px solid var(--lilla);
}



















/* Tooltip generico */
.below {
  text-align: center;
  font-size: 12px;
  margin-top: 8rem;
  opacity: 0;
  background-color: #1a1a1af0;
  color: #fff;
  padding: 4.5px 9px;
  border-radius: var(--br);
  position: absolute;
  z-index: 999999;
  max-width: 13rem;
  text-overflow: ellipsis;
  transform: scale(.8);
  transition: transform 0.3s ease, opacity 0.01s ease;
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
  pointer-events: none;
}

/* Tooltip visibile al passaggio del mouse */
.datum:hover .below {
  opacity: 1 !important;
  transform: scale(1);
  transition-delay: 0.4s;
}

/* Triangolo sopra */
.below::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #1a1a1af0 transparent;
  z-index: 99999999;
}

/* Variante AV */
.av.below {
  width: 13rem !important;
  max-width: 18rem;
  margin-top: 17rem;
  text-align: left !important;
  padding: var(--br);
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: var(--br);
  max-height: 18rem;
  display: none;
}

/* Triangolo per AV */
.av.below::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #1a1a1af0 transparent;
  z-index: 99999999999999999999999999999999999999999;
  bottom: calc(100% - -17px);
}

/* Ritardo per AV quando appare */
.datum:hover .av.below {
  transition-delay: 0.8s;
}

/* Variante LT */
.lt.below {
  background-color: white;
  color: var(--bgn);
  border: 1px solid #ddd !important;
  margin-left: 1.5rem;
}

/* Variante LV */
.lv.below {
  background-color: red;
  color: var(--bg);
}

/* Tema scuro */
.night-mode .below {
  background-color: #fffffff0;
  color: var(--bgn);
}

.night-mode .below::after {
  border-color: transparent transparent #fff transparent;
}

.night-mode .lv.below {
  background-color: red !important;
  color: var(--bg) !important;
}

.datum:hover .av.below::after {
  opacity: 1;
}














.data .under {
  text-align: center;
  font-size: 12px;
  /*! text-transform: uppercase; */
  /*! margin-top: 70px; */
  opacity: 1;
  background-color: unset;
  /*! padding: 3.5px 7px; */
  border-radius: 3px;
  position: unset;
  /*! opacity: 600; */
  z-index: 1;
  max-width: 10rem;
  overflow: hidden;
}



.centered-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.thing {
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
}

.padded {

	flex-direction: column;
	box-sizing: border-box;
  height: fit-content;

	border-radius: 1.2rem;
	box-sizing: border-box;

}
.item-2 .padded {
	margin-bottom: 2rem;
	border: thin solid #a9acaa;
	background-color: var(--bg);
}
.container .padded {
max-width: 28vw;
}

.navig {
justify-content: start; 
}

.subtitle { 

  line-height: 1.6;
}
.night-mode .subtitle {
    color: #fff;
}

.cookie .close 
  cursor: pointer;
}
.night-mode .cookie .close {
  color: #fff !important;;
}
.close {
  cursor: pointer;
  font-size: 100%;

  font-weight: 400;

  height:   fit-content;

  margin-left: auto;
}
.datum .close {
  padding: 8px 12px;
  border-radius: var(--br) !important;
  margin: 0 2vw !important;
}
  .un {

  }
  .night-mode .un {

  }
.close:focus,.close:hover {
    text-decoration: none;
    cursor: pointer;
}

button.close {
    -webkit-appearance: none;
    cursor: pointer;
    background: none;
    /*! font-size: 28px !important; */

    /*! margin: 0 1rem; */

    color: #fff;
}

.into {
  grid-area: mid;
  display: inline-flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-right: var(--rem);
}
.newsbuttons.settima  {padding: 0;display: flex;grid-column: 2 / span 2;flex-wrap: wrap;white-space: normal;}

.sin {
  flex-direction: column;
    display: flex;
    /*! padding: 1rem !important; */
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 15px;
}
.des {

    display: flex;
    padding: 1rem 0 !important;

  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex;
}
.night-mode .des
{

}

.gridrow .blur {
  padding: 0 var(--rem);
  }

.gridrow .views {

  }
 .gridcat .gridrow .views {
  display: block;
  } 
.new {

}
.night-mode .new {

}
.gridvid .new {
  display: none
}
.newest {
  border-radius: 24px !important;
  padding: 3px 5px !important;
  min-height: 20px;

  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: fit-content;
  display: flex;
  white-space: nowrap;

  font-size: 14px !important;

  flex: none;
  line-height: 20px;

  width: auto;
  padding-left: .5em;
  padding-right: .5em;
  background-color: var(--barc);

  height: 24px;
  border-radius: 10px;
  margin-left: auto;

}
.night-mode .newest {
  background-color: var(--bg) !important; 
    color: var(--bgn) !important;
  	}
.gridprod .seconda .timeago {
	display: none
		}

.plex {
display: inline-flex;
align-items: center;
justify-content: start !important;
cursor: pointer;
width: fit-content;

  flex-direction: row !important;
padding: 1rem;

}
#m1 .plex {

}
.plex:hover {
  transition#: background-color .5s ease;

}

.night-mode .plex:hover {
  transition: background-color .5s ease;
  background-color: var(--bordern);
}

.gridprod .views {
display: none
}

  .updw {
    transform: rotate(180deg);
    transform-origin: center;
    display: inline-block;
  }

h3 {

  font-size: 18px;
  color: var(--bodyn);
  text-overflow: ellipsis;
  overflow: hidden;

  margin: 0px 0 7px 0;
  overflow: initial;
  align-items: baseline !important;
  }
.night-mode h3 {
color: var(--bg);
}
.all h3 {
margin: 1rem;
}

h4 {line-height: 1.2;color: var(--bgt);font-size: 18px;margin-bottom: 0;font-weight: 500 !important;}
.night-mode h4 {color: var(--bg);}
h4.engine:hover {
color: #418af7
}

h5 {line-height: 1.5;opacity: .98;}

.night-mode h5 { color: var(--bg)}

#ideal .terza {
  justify-content: center
}
@media (max-width: 599px) {

 .nona {
 padding-left: 1rem;
} 
  
   
  
  
  
.prod .nona {
   padding-left: 0rem;
}
  .terza {
  line-height: 22px;
  font-weight: 600;
  padding: 0 2rem;
}
.prod  .terza {
  line-height: 22px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 0rem;
}
.prod .sesta {
 /*! grid-column: 1 / span 3 !important; */
  overflow: hidden;
  text-overflow: ellipsis
}
.quinta {
/*! display: none */
padding: 0 2rem !important;
}
.prima, .quinta.bis {
/*! display: none; */padding: 0rem 2rem;}
.prod .quinta.bis {
 display: none; 
}
 .sine .prima {
}
  
.prod .quinta.bis {
 display: none; 
}
   .prod .gridcol {
    width: calc(50% - 0.5rem) !important;
    min-width: unset;
    flex: unset !important;
    padding: 0rem !important;
    width: calc(49% - 4px) !important;
  }
  .news .terza {
    grid-row: 2;
    padding: 10px 0;
    /*! font-size: 20px; */
    font-weight: 600;
    line-height: 28px;
    grid-column: 1 / span 3;
    font-size: 18px;
    padding: 0 2rem;
    align-items: center;
}
  #pages .gridcol .prima {
  grid-column: 1;
  grid-row: 1 / span 4 !important;
  align-items: start;
  justify-content: right;
  width: 100%;
  padding: 0 0rem 0 2rem;
}
  .decima {
  padding: 0 2rem;
}
  .below {
display: none
}
	#page .settima {white-space: nowrap;grid-row: 6 !important;}
  .rollimg {height: 100%;width: 100%;}

.prod .secondabis {
    display: none;
}
  .vert .rollimg {height: 100%;width: 100%;min-height: 100% }

 .showcase .rollimg {height: 21rem;width: 14rem;min-height: unset;border-radius: var(--br);}
 .sine .rollimg {height:0%;width: 100%;min-height: unset}
    .gridcol .advv.rollimg {max-width: unset !important; aspect-ratio: 1 !important; min-height: 19rem;min-width: 100% !important;}

#pages .gridcol .nona {
  grid-column: 1 / span 4 !important;
  grid-row: 6 !important;
  gap: 6px;

  margin: 16 -5px !important;
  margin: 0 0rem;
}
  #page .seconda {background: none;margin: 0 !important;}

  .sine.gridcol {

}

  .prod .gridcat {gap: 4%;}
  .gridnew .nona {
  grid-row: 4;
  grid-column: 2 / 4;
  line-height: 1 !important;
  padding: 0;
  gap: 0 .3vw;
  display: flex;
  flex-wrap: wrap;
}

  .item-2 .gridcol .quinta {
  display: none !important;
}
   .item-2 .nona {
     padding: 7px 0;
}

     .formForMessage {

}

  .item-2 .vert .quinta {
  max-height: 12rem;
    overflow-y: hidden !important;
}
  .nona .datum {
  min-width: fit-content;

  min-height: 35px;
 }   
   .item-3  .nona .datum {

  min-height: 30px !important;
 }   
 .item-3 .nona .datum {
  min-height: 35px !important;
 }   
  .vert .com {
    display: none;
  }
#pages .gridcol .quarta {
  grid-column: 2 / span 2;
  padding: 0 2rem;
  grid-row: 4;
}
#pages .gridcol .settima {
  grid-column: 2 / span 2;
  padding: 0 2rem;
  grid-row: 2;
}
  .gridcol .quarta {

  justify-content: start;

  margin: 0 0 1rem 0rem;
  gap: 1rem 0rem;
}

.ann .bord {border-radius: unset;}
    .vertu .quinta {
      display: block;
    }
.gridcol.news .seconda {

    margin: 0rem -2rem 0rem -2rem; 
    max-width: unset !important;
    grid-column: 1 / span 4;
}
  .single-image.broadcaster-img {

  border-radius: 0 !important;

  height: 30rem;
  min-width: 100%;
  max-width: 100%;
}
.gridcol .blur {
  margin-top: auto;
  padding: .5rem .5rem;width: 100%;  border-radius: var(--br) !important;
}

.spaced  {
	margin: 0 var(--rem) !important; 
}

.foot  {
flex-direction: row;
    justify-content: flex-start !important;
    flex-wrap: wrap;
    text-transform: uppercase;
    display: flex;
}
.titlet {
  line-height: .9;

}

 .logovirtu:hover, .night-mode .logovirtu:hover {
  background-color: var(--tra);
}
   .home .logovirtu {height: 30px !important;min-;width: 30px !important;padding: 0px;min-width: 30px !important;min-height: 30px !important;}
     .home .fixed-header .logovirtu {
  height: 24px !important;
       margin: auto !important;
}

.qr {
	position: relative;
	margin: 0 -1rem var(--rem) auto !important;
	width: 10rem;
	height: 10rem;
  z-index: 9;
}

.subtitle { 
    opacity: .89;
}
.night-mode .subtitle {
    color: #fff;
}
.padded {
	max-width: unset;
	margin: 0 var(--rem);
	border-left: none;
	border-right: none;
	border: none;

}

.navig {
margin: 0 1rem; 
}

	.gridcol .blur {
		border: none;
	}

	.gridcol .night-mode .blur {
		border: none;
		background-color: var(--blurn) !important;
	}

}
@media (max-width: 599px) {
  .news .nona .datum {
    /*! padding: 5px 10px !important; */
    /*! background-color: unset; */
    min-height: 38px;
    gap: 5px;
  }
}
	@media (max-width: 699px) {
    .all h5 { margin-left: 1.4em;}
		.gridprod h5 { margin-left: 0em; }
.coupon h5 {line-height: 1.6;opacity: .98;  margin-left: 0; white-space: nowrap;flex-wrap: wrap;letter-spacing: .1px;}
h4 {
     text-align: left;
line-height: 1.35;

}
    .grid-item h4 {line-height: 1.5;-webkit-text-stroke: 0.05px; 
     }
}

h5 {line-height: 1.5;display: inline-flex;letter-spacing: .35px;word-break: break-word;justify-content: flex-start;flex-wrap: wrap;align-items: center;}
.gridcol h5 { color: unset }
.gridcat h5 {  }

.selectParent select {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  background: var(--atabs) !important;

  border-radius: var(--m) !important;
  line-height: 1;
  min-width: 38px;
  min-height: 38px;
}
select {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  background: var(--bg);
  border: 1px solid var(--borderl);
  /*! font-size:
  96% !important; */
  margin-left: -5px;
  cursor: pointer !important;
  margin: auto 0;
  /*! margin: 4px !important; */
}
.plex:hover select {

}
.night-mode .plex:hover select {

}
.settima select {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  background: var(--azure) !important;
  border: 1px solid transparent !important;
}
.night-mode select {

  color: var(--bg) !important;
  background-color: var(--cookie);
  border: 1px solid var(--tra);
}

.first {
	border: 1px solid var(--bg) !important;
	background-color: var(--bg) !important;
	margin: 0 -var(--br);
}

.first:hover {
	border: 1px solid var(--bg) !important;
	background-color: var(--border);
}

.night-mode .first {
	border: 1px solid #202123 !important;
	background-color: #202123 !important;
}

.night-mode .first:hover {
	border: 1px solid #202123 !important;
	background-color: #202123 !important;
}

	.room {
		margin-left: 0em !important;
	}

.gridrow .blur .datum {
		margin-left: 1rem !important;
		color:  #fff !important;
	}
.gridcol .blur .datum {
		margin-left: auto !important;
		background: #0b57d0 !important;
		border: 1px solid orange !importantaliceblue;
		margin-left: 5px !important;
		max-height: 20px !important;

	}
.night-mode .gridcol .blur .datum {
		border: 1px solid var(--cart);

	}

.inline {
  display: inline-flex;
  width: fit-content;

}

.titolo {

    }
  #myInput {
    caret-width: 24px;
    min-height: 40px;
    background-color: transparent;
    font-size: 16px;
  }
::-moz-selection  {
/*! background: var(--box-night) !important; */
/*! color: var(--blu); */
}
::selection   {
background: var(--bgn);
color: #fff;
}
.night-mode ::selection   {
background: var(--bg);
color: #000;
}

.custom-stroke  {
stroke-width: var(--stroke) !important;
}

h3 img {
width: 18px !important;
  height: 18px !important;
  margin: -2px 0 2px auto
}

.pagination .active {
  color: red !important;
}
.griditem {
  padding-top: 2rem !important;
}
#interstitialContainer .imgbanner  {

 aspect-ratio: 1 !important;

}

.imgbanner  {

 aspect-ratio: 1 !important;

 /*! min-width: 100%; */
 justify-content: center;
 display: flex;
}
.all .imgbanner  {

 aspect-ratio: 1 !important;

}
.be  {
 margin: 1em auto; !important;
}
#comments-modal .seconda {
  display: none !important;
}

.video-overlay {
display: none !important;
}
#listpager  {
order: 3;

}
.square .quarta {
	gap: 4px !important;
  height: fit-content;
	display: inline-flex;
	flex-wrap: wrap;
}

.gridrow .prima  {

}
.sim  {
display: none !important;
}
.custom-right {
padding-left: 0;
	}
	.custom-container {
display: flex;
max-width: var(--page);
flex-wrap: wrap;

	}

@media (max-width: 899px) {
  #ad  {
 display: none !important;
 width: 0 !important;
}
}

.custom-content {display: flex;flex-wrap: wrap;overflow: hidden;margin-bottom: 2em;}
.black {
  font-size: 200%;
  font-weight: 800;
  flex-basis: 100%;
  padding: 1rem 0rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;

  /*! font-family: "Roboto","Arial",sans-serif; */
  font-size: 28px;
  /*! line-height: 5rem; */
  /*! font-weight: 550; */
  letter-spacing: .25px;
  /*! color: var(--red); */
}
#centercontent .black {
  margin: -.5rem 1rem;
}
#sidebar .black {
  font-size: unset;
    margin: 0 1rem 0 var(--rem);
  font-weight: 400;
  margin: 0;
}
#sidebar .activetabs {
  font-size: unset;

  color: unset;
  cursor: pointer !important;
  background-color: var(--datum) !important;
  border: none;
}

.night-mode #sidebar .activetabs {
  background-color: var(--find-night) !important;
}

 .dis {
 position: relative;
 left: -12rem;
 height: 100%;
 align-items: center;
 display: flex;
 flex-direction: column;
 justify-content: center;
 top: -10%;
}
  .sidebar.min + .content .dis {
    left: -2rem;  /* Modifica il valore di left quando la sidebar è ristretta */
  }

@media (max-width: 599px) {
  
 .dis {
 position: relative;
 left: unset;
 /*! top: 20%; */
 padding: 1rem;
 /* height: 90vh; */
}
  
  .prod .nona .datum {
    display: none !important;
  }
  .prod .nona .datum.delivery {
    display: block !important;
    /*! background-color: var(--barc); */
  }
  
		.information {
		border: 0px solid #e5e5e5 !important;
		border-radius: 0rem;
		border-right: 0;
		border-left: 0;
		border-top: 0;
	}
.find { min-width: 100%;max-height: 44px !important;}
	.night-mode .find {

}
	.night-mode .information {
		border-right: 0;
		border-left: 0;
	}
	  .dropdown .dropdown-content {
    display: none;
    margin-top: -8px;
    right: 1em;
    width: fit-content;
    margin-right: 1em;
  }
	.explore {
		margin-right: 2px;
		width: 10rem !important;
		height: 11rem !important;
		max-width: 10rem !important;
		max-height: 11rem !important;
		background-position: 50% 40%;
	}
  .filter {

    }
#explore .filter {

}
  #toTopButton.cart { border-radius: var(--br) !important;}
  
  #pages .sesta .black {
  margin: 0 2rem !important;
}
  
  
  .black {/* margin-left: 2rem !important; */line-height: 1.2;font-size: 21px;min-width: fit-content;width: fit-content;flex-wrap: nowrap;white-space: nowrap;max-width: 100%;text-overflow: ellipsis;overflow: hidden;width: 100%;font-size: 22px !important;font-weight: 700;padding: 1rem 1rem;}
 
  .prod .black {
  /* margin-left: 0rem !important; */
}
  
  .black.center {
margin-left: unset !important;
    
    }
    #m1 .black,  #m2 .black {
    padding-left: 0 !important;
  }
#sidebar  .black {

  padding: 0 !important;
}

 	.cart {

  min-height: 38px;
  min-width: 6rem !important;
	} 
.sed {
	margin-right: var(--rem)
}
	.night-mode .lola {
		border: var(--border-var(--tra)) !important;
		background-color: var(--bordern) !important;
		padding: 4px 0 !important;
	}
.night-mode .nav {

  }
	.thinbar {
		scrollbar-width: thin;
	}
  .nav.filter {

  padding: 9px 6px 0px 7px !important;
  gap: 7px !important;
}

	.flexo {
	display: block;
}

	.rel {
		flex-direction: column-reverse !important;
	}
	.pad {

		border-radius: var(--br) !important;

	}
	.rev {

	}
	.flw .datum  {
		border: none
}
	.reverse {
		flex-direction: row-reverse;
	}
	.midi {
		display: flex;
		justify-content: space-between;
		padding: 2px;
	}
.custom-button .immag {
  /*! border-radius: var(--br) !important; */

  /*! min-height: 14rem !important; */
  min-height: 11.5rem !important;
  background-position: 50% 0% !important;
}
.sub {
 /*! margin-left: 3rem !important; */
 /*! margin-top: -4px !important; */
 /* margin: 0rem 0 0rem 2rem !important; */
 /*! padding: 0rem 2rem; */
}
	.tes {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: -webkit-fill-available;
		padding: 4px;
		width: -moz-available;
		white-space: nowrap;
	}

.datum.channel {
    min-height: 38px !important;
}
  .datum.adv {
  margin-right: var(--rem) !important;
  border-radius: 4px !important;
  min-height: 34px;
}

.showmore {
  background-color: var(--bg);
  transition: all .5s ease-in-out;

  white-space: nowrap;
  min-height: 2vw;
  padding: 8px var(--rem);

  border: 1px solid var(--border);
  color: var(--bgn); 
  border-radius: 7px;

}
.item-2 .sesta .datum {
  margin-left: auto;
}

  .datum.com {

}
  .nova .datum {
  margin-right:  7px;
}
   .ia .datum.com {
  display: inline-flex;
  flex-grow: 1;
  width: 100%;
  margin: 2px 10px;
  min-height: 33px !important;
}
  .ia.com {
  flex-grow: 1
}
#chat .cart {
	min-width: -webkit-fill-available !important;
	max-width: unset !important;
	width: 100%;	
    	}
     .night-mode .datum {!i;!;}
	.front {
		flex-direction: column !important;
		align-items: end;
	}

	.frontimg {
		min-width: 10rem !important;
		min-height: 7rem !important;
		margin-bottom: 1rem !important;
		margin: 0 0 1rem 0 !important;
	}
	.active:hover {

	}

	.act {
		border-color: var(--bg) !important;
	}
  .center {
	justify-content: start;
}
	.logomax {
		max-width: 87px;
	}

.aimg {
	width: 24px;
	height: 24px;
}
	.collapsed .title.bold::after {
		content: '\25BC' !important;
	}
	.collapsed[aria-expanded="true"] .title.bold::after {
		content: '\25B2' !important;
	}

	.collapsed .title.bold::after {
		display: none;
	}
	.collapsed[aria-expanded="true"] .title.bold::after {
		content: '\25B2';
	}
  .all .activity .full {
	padding: 0 2px;
	justify-content: start;
	display: inline-flex !important;
	font-size: 15px !important;
}
    .des
{

}
  .newsbuttons  {

}
  .cookie .close {

  cursor: pointer;

  padding: 2px;

  font-weight: 400;
}
  .nob {
    border: none !important;
}

.into {
  grid-area: mid;
  display: inline-flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-right: var(--rem);
}
.imgbanner  {

 aspect-ratio: 1 !important;

}
  .custom-content {
display: flex;
gap: 1em;
max-width: var(--page);

white-space: nowrap;
display: flex;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
    max-width: unset;
	}
  .be  {
 margin: 0 !important;
}
.all .sim  {
  right: 0;
  height: 6rem;
  width: 6rem !important;
  display: flex !important;
  align-items: center;
  text-align: center;
  color: var(--blueh);
  position: -webkit-sticky;
  position: sticky;
  padding: 0px 7px 29px 7px;
  display: none !important;
  }
  .sim  {
display: block !important;

    padding: 1rem;

    color: var(--blue);
}
 .night-mode .sim  { 
     box-shadow: none;
  }
  .ideal {
    border-bottom: 1px solid var(--border) !important;
  }
.night-mode .ideal {
    border-bottom: 1px solid var(--bordern) !important;
  }
    .cards .square {
  border-radius: var(--rem);
  padding: 1rem 1rem;
    margin: 1rem 0 !important;
}
  .carts  .square {
  border-radius: var(--rem);
    margin: 1em !important;
}
  .square {
  border-radius: var(--rem);
  border: none;

}
    .square .quinta {

}
   #container .square {
margin: 0;
border: none;

}
  .night-mode .square {
  background-color: var(--bgn);
}

	.pag {
		display: none
	}

 .cookies {
	width: 20px;
   height: 20px;
	margin: 0px 2px -2px 0;
}
  .cookie {

	padding: 16px;
} 
	.pagination>li:first-child>a,
	.pagination>li:first-child>span {
		background-color: #1a73e8;
		border: 1px solid #1a73e8;
		margin: auto 1rem;
		border: 1px solid #e8f0fe;
		background-color: #f1f1f1;
		background-color: transparent;
	}

	.pagination>li:last-child>a,
	.pagination>li:last-child>span {
		background-color: #1a73e8;

		margin: auto 0;

		background-color: transparent;
	}

	.night-mode .pagination>li:first-child>a,
	.pagination>li:first-child>span {
		border: 1px solid #1a73e8;
		margin: auto 0;
		border: 1px solid #111;
	}

	.night-mode .pagination>li:last-child>a,
	.pagination>li:last-child>span {
		border: 1px solid #1a73e8;
		margin: auto 1rem;
		border: 1px solid #111;
	}

	.pagination>li:first-child>a:hover,
	.pagination>li:first-child>span:hover {
		background-color: #aed1ff;
		color: #1a73e8;
	}

	.pagination>li:last-child>a:hover,
	.pagination>li:last-child>span:hover {
		background-color: #aed1ff;
		color: #1a73e8;
	}

	.night-mode .pagination>li:first-child>a:hover,
	.pagination>li:first-child>span:hover {
		background-color: #575757;
		border: 1px solid #000;
		color: #aaa;
	}

	.night-mode .pagination>li:last-child>a:hover,
	.pagination>li:last-child>span:hover {
		background-color: #575757;
		border: 1px solid #000;
		color: #aaa;
	}
}

@media (max-width: 600px) {
	.room {
		margin-left: 1rem !important
	}
}

	@media (max-width: 699px) {

		.plex {padding: 19px !important;height: 6rem;background-color: var(--bg);z-index: 9;}
    .night-mode .plex {background-color: var(--bgn) }
}

@media (max-width: 999px) {

  select {
  border-radius: var(--br) !important;

  font-weight: 300 !important;
  font-size: 90%;
  	}

	.group {
		margin-left: -9px !important;
		margin-right: -9px !important;
		padding: 1.5rem 16px 0rem 16px !important;
	}
}
#pages {
	/*! max-width: 85rem; */
	margin: 1rem 0;
}
#pages .nona .datum {
	padding: 8px 2.5rem !important;
	font-weight: 600 !important;
	/*! min-height: 2rem; */
	border-radius: var(--bro) !important;
	font-size: 14px !important;
	border: none;
	min-height: 36px;
}
#ideal {
	padding: 17px 0.6rem;
}
#ideal.nav {
	flex-wrap: wrap;
	gap: unset;
}
.full {
	width: -webkit-fill-available !important;
	width: -moz-available !important;
}


	.min .data {
		gap: 30px;
		/*! justify-content: center; */
		min-width: 100% !important;
		}
.fullw {
	width: -webkit-fill-available !important;
	width: -moz-available !important;
	max-width: -webkit-fill-available !important;
	max-width: -moz-available !important;
	min-width: -webkit-fill-available !important;
	min-width: -moz-available !important;
}

.rgb153 {
	color: var(--rgb153)
}

.night-mode .rgb153 {
	color: var(--rgb97)
}

.gridcol .chat {
  height: fit-content;
  border-radius: 0;
  word-break: break-word;
  padding: var(--padm);
  width: 16rem !important;
  border: 1px solid var(--tra) !important;
  flex-wrap: wrap;
  display: inline-flex !important;
}

@media (min-width: 200px) and (max-width: 499px) {
  #ideal {
	padding: 0px 1.5rem;
}
  
#ideal.nav {
	flex-wrap: nowrap;
}
	.grid {
		grid-template-columns: unset !important;
		display: flex !important;
	}
}

.but {
	margin: 0 !important;
}

.text-gray {
	color: var(--nightengine);
}

.night-mode .text-gray {
	color: #222 !important;
}

.collapsing {
	-webkit-transition: none !important;
	transition: 0.01s !important;
}

.aimg {
display: inline-block;
  border-radius: 6px;
  width: 50px;
  height: 25px;
  border: 1px solid var(--tra);
  margin: 0px !important;
  background-origin: border-box;
  background-clip: padding-box,border-box;
  background-origin: border-box;
  background-clip: padding-box,border-box;
}

.night-mode .aimg {
	border: 1px solid var(--tra) !important;
}

.feather-check-circle path,
.feather-check-circle polyline {
	stroke: var(--color-text);
}

@media (prefers-color-scheme: dark) {

	.feather-check-circle path,
	.feather-check-circle polyline {
		stroke: var(--color-text-inverse);
	}
}

.playing {
	background-color: #ecdedf !important;
}

.night-mode .playing {
	background-color: var(--bordern) !important;
}

@media (max-width: 800px) {
	.playing {
		border-radius: var(--sqr) !important;
	}
}

 .cookie {

	padding: 0.4rem 1rem !important;
	flex-direction: column !important;
	center;
	display: flex;
	justify-content: space-between;

	background-color: var(--datum);

	margin: 0 !important;

	flex: 1 1 calc(20% - 0.8vw);

	flex-grow: 1;
	padding: 0;
	height: min-content;
	max-height: fit-content;
} 

.night-mode .cookie {

	color: #fff !important;

	background-color: var(--bordern);
}

.nuevo {
border-color: var(--tra) !important;
background-color: var(--whi) !important;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
padding: 0px 4px !important;
min-height: 16px !important;
cursor: pointer;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
margin-right: 3px;
border-radius: var(--sqr);
}

.night-mode .nuevo {
	background-color: #202123 !important;
}

.parent-div {
	display: inline-flex;
	border: none;
}

.hidden-divs {
	gap: 4px !important;
}

.child-div {
	;
}

.midb {
	display: flex;
	justify-content: space-between;
	padding: 0;
	border-radius: var(--sqr);
	margin: 0 7px !important;
	border: 1px solid #e9f0f5;
	box-shadow: 0 2px 5px 0 rgb(213 217 217 / 50%);
}

.grid-container2 {
	display: grid;
	grid-template-areas:
		'nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav nav  nav nav nav nav adv';
}

@media (max-width: 999px) {
	.grid-container2 {
		grid-template-areas:
			'nav nav nav nav nav nav nav nav nav'
			'adv adv adv adv adv adv adv adv adv';
	}
	 .cookie {
	margin: 1rem var(--rem);

	width: 100%;
	padding: 11px 15px !important;
} 
}

 .cookies {
	width: 20px;
   height: 20px;
   margin: 3px 9px -2px 2px;
}
.carts .square {
  padding: 1em 0em;
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  border: 1px solid var(--border);
  border-radius: var(--rem);
  margin: 0 0 1em 0;
}
.cards .square {
  padding: 1rem 1rem;
  width: -webkit-fill-available !important;
  width: -moz-available !important;

  border-radius: var(--rem);
  margin: 0 0 1em 0;
  background-color: var(--atabs);
}
.night-mode .cards .square {
   background-color: var(--cookie);
}
.night-mode .carts .square {
  border: 1px solid var(--bordern);
}
.square {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
  border-radius: 1em;
  margin: 1vw;
}
.item-2 .square {
  border-radius: var(--m);
  margin: 0;

}
.night-mode .item-2 .square {
  background-color: var(--bgn);

}
.square {
  background-color: var(--bg);
  border-radius: var(--m);
}
.night-mode .square {
  background-color: var(--bgn);

}
#user .square {
  background-color: transparent !important;

}
.left.square {
  max-width: 70rem !important;
  min-width: unset;

  flex-direction: column;
  border-radius: var(--m);
  box-sizing: border-box;
}
.night-mode .left.square {

}

.center {
	text-align: center !important;
	justify-content: center;
	display: flex;
}

.gra {
	background-color: var(--blu) !important
}

.night-mode .gra {
	background-color: var(--bordern) !important
}

.light {
	border: 1px solid var(--bord) !important;
	background-color: var(--bg) !important
}

.night-mode .light {
	border: 1px solid var(--bordern) !important;
	background-color: var(--hr-night) !important;
}

.fading {
	animation-name: fade;
	animation-duration: .5s;
}

@keyframes fading {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

.collapse {
	-webkit-transition: height 0.0s ease !important;
	-moz-transition: height 0.0s ease !important;
	-o-transition: height 0.0s ease !important;
	transition: height 0.0s ease !important;
	line-height: 1.3;
}

.me {

	overflow: hidden;
}

.night-mode .me {
	background-color: var(--bordern) !important;
	color: var(--whi) !important;
}

.night-mode .me:hover {
	background-color: var(--bordern) !important;
	color: var(--whi) !important;
}
  .user .terza {
	max-height: 9rem;
    /*! text-overflow: : ellippsis; */
    /*! white-space: normal; */
    /*! max-width: 100%; */
	/*! font-weight: 450; */
	height: 100%;
	overflow: hidden;
	font-size: 13px !important;
    font-weight: 300
}
@media (min-width: 600px) {

  #toggle {
  grid-column: 1;
  display: block;
  grid-row: 1;
  /*! padding: 12px; */
  /*! height: 4.8rem; */
  width: 7rem;
  justify-content: center;
  align-items: center;
}
  .terza {
	max-height: 9rem;
    /*! text-overflow: : ellippsis; */
    /*! white-space: normal; */
    /*! max-width: 100%; */
	/*! font-weight: 450; */
	height: 100%;
	overflow: hidden;
	/*! font-size: 112%; */
}

		.prod .quinta {
 display: block; 
}
		.nav .terza, .data .terza {
max-height: 2rem !important;
/*! font-size: 17px; */
justify-content: center;
font-weight: 500;
}
  .item-3 .gridcol {
  width: 100%;
  padding: 0;
  grid-template-columns: auto 1fr 1fr;
  min-width: 100%;
  display: grid;
  overflow: visible;
}
  .night-mode .item-3 .gridcol {
  color: var(--bg);
}
  .menu .menu {
	display: none
}
	.me {

	}
}

.logomax {
	max-width: 133px;
}

.aiphoto {
	border-radius: var(--sqr) !important;
	background-size: cover;
	background-position: 50% 50%;
	border: 1px solid var(--tra) !important;
	padding: 0 !important;
	background-repeat: no-repeat;
	width: -moz-available !important;
	min-height: 24rem;
	aspect-ratio: 1.42 / 1;
	max-width: -webkit-fill-available;
	max-width: -moz-available;
}

#search {
	color: inherit !important;
	/*! width: 40rem !important; */
  /*! position: relative; */
}

.caret {
	transform: rotate(0deg);  margin: 4px;
}
  .caret {
    transition: transform 0.3s ease;
    /*! display: none; */
  }
 .data:hover .caret {
    transition: transform 0.3s ease;
    display: block;
  }
  .caret.open {
    transform: rotate(180deg);
  }

.collapsed .caret {
	transform: rotate(0deg);
}

.caret .ct {
	transform: rotate(180deg);
}

.collapsed .ct {
	transform: rotate(90deg);
}

.shop {
	color: var(--shop);
}

.bg {
	background-color: var(--bg)
}

.night-mode .bg {
	color: var(--whi) !important;
	background-color: var(--hr-night) !important;
}

	.bge {

/*! color: #fff; */
/*! background-color: #f2f2f273; */
/*! padding: 0 1rem; */
	}

.night-mode .bge {
	color: var(--whie) !important;
 background-image: linear-gradient(rgb(28, 28, 28), rgb(0, 0, 0));
	border: 1px solid var(--bordern);
}

@media (max-width: 999px) {
  	.bge {

	}
  .bge::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0em;
  right: 0em;

}
  .night-mode .bge {
	color: var(--whie) !important;
background-image: linear-gradient(rgb(40, 40, 40), rgb(0, 0, 0));
}
}

	.grid-container1:hover {
		color: var(--bgn);
	}
.night-mode	.grid-container1 {
  color: var(--dashn);
	}
.night-mode	.grid-container1:hover {
  color: var(--bg);
	}
	.searching {
		grid-area: search;
		display: inline-flex;
		flex: 1;
		margin: 0;
		position: fixed;
		bottom: 0;
		z-index: 999;
		width: -moz-available;
		left: 0;
		right: 0;
	}

	.dropup {
		top: -30rem !important;
		width: -webkit-fill-available !important;
		width: -moz-available !important;
	}
}

@media (max-width: 999px) {
	.loc {
		display: grid;
		grid-gap: 0px;
		grid-template-areas:
			'ext ext right'
			'search search search search';
	}

	.searching {
		grid-area: search;
		display: inline-flex;
		flex: 1;
		margin: 0;
		position: fixed;
		bottom: 0;
		z-index: 999;
		width: -moz-available;
		left: 0;
		right: 0;
		padding: 0 !important;
		height: 3.5em;
	}

}

@media (max-width: 900px) {
	input[type="password"] {
		-webkit-autocomplete: new-password;
		-moz-autocomplete: new-password;
		-ms-autocomplete: new-password;
		autocomplete: new-password;
	}
}

.act {
	border: 1px solid var(--panels) !important;
	background-color: var(--panels) !important;
	color: var(--navy) !important;
	cursor: auto !important;
}

.night-mode .act {
	border: 1px solid var(--bordern) !important;
	background-color: var(--bordern) !important;
	color: var(--bluet);
}

.boxed {
	text-align: center;
	padding: 4% 7%;
}

#svg {
	fill: var(--bordern);
	stroke: var(--bordern);
}

.night-mode #svg {
	fill: var(--whi);
	stroke: var(--whi);
}

#svgw {
	fill: var(--whi);
}

.night-mode #svgw {
	fill: var(--whi);
}

.gr {
	filter: grayscale(100%) !important;
}

.gr:hover {
	filter: grayscale(100%) !important;
}

.sup {
	border-radius: var(--sqr) !important;
	align-items: center !important;
	display: flex !important;
	justify-content: center !important;
	min-width: max-content !important;
	box-sizing: border-box !important;
	padding: 0px 2px !important;
	margin-inline-end: 6px !important;

	line-height: 24px !important;
	cursor: pointer !important;
	margin: 0px 2px 7px 2px !important;
	height: 17px;
	color: inherit !important;
	min-height: 5px !important;

	border: none !important;
}
.gridcat .datum.prev, .gridprod .datum.prev, .gridrow .datum.prev   {
display: none
    }
.tabled .datum {
  margin-right: 5px;
}

.datum.hype {
  color: var(--bg);
  background-color: var(--bgt) !important;
  border-radius: .7rem !important;
  margin: 0 !important;
}
.night-mode .datum.hype {

  color: var(--bg);

}
 #chat .datum {
  border: none !important;
  /*! min-height: 49px; */
}
.night-mode #chat .datum {
  background-color: var(--bgh);

  color: var(--bg);
}

.datum.channel {
  min-width: 8rem;
  box-shadow: none !important;

  background-color: var(--bgt);
  color: var(--bg);
}

.showmore {
  background-color: var(--bg);
  transition: all .5s ease-in-out;

  white-space: nowrap;
  min-height: 2vw;
  padding: .4vw var(--rem);
  min-width: 20%;
  border: 1px solid var(--border);
  color: var(--bgn); 
  border-radius: calc(var(--m) * 1.7);
}

.night-mode .showmore {
  background-color: var(--bgn);
  border: 1px solid var(--bordern);
  color: var(--bg); 
  border-radius: var(--m);
}

.settima.item-2 .datum {
  padding: .3vw;
  border-radius: var(--rem);

  font-size: 83%;
}
.item-2 .datum:hover {
    background-color: var(--rose);
}

 .night-mode .filter .datum {

  }
 .night-mode .nona .datum {
    color: #b9b9b9;
    opacity: 1;
  }
 .night-mode .nona .datum:hover {
    color: #fff !important;
  }
.banners .cart {
  height: 1.5rem !important;
  /*! padding: 8px; */
  border-radius: 3rem !important;
  background-color: var(--bgn) !important;
  color: var(--bgn);
  border: none;
  min-height: 3.8rem;
  min-width: 20rem !important;
  }
.cart {
     /*! background-color:  var(--red) !important; */
  border-radius: var(--br) !important;
  border: 1px solid var(--dash);
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
  /*! font-weight: 450 !important; */
  align-items: center;
  text-align: center;
  white-space: nowrap;
  transition: all .25s ease-in-out;
     /*! font-size: 15px !important; */
     min-height: 4.4rem;
     padding: 10px;

     gap: 10px;
     /*! color: var(--red) !important; */
}
.ia .cart, .ia .cart:hover {

	transition: background-color 0.032s ease;
 box-shadow: none;
  font-weight: 600;

	background-color: var(--bgn) !important;
	color: #fff;
}
.ia .com {
    background-color: var(--datumh) !important;
	transition: background-color 0.032s ease;
 box-shadow: none;
  font-weight: 600;
     min-width: 6vw !important;
    padding: .4vw;
}
.night-mode .ia .com {
    background-color: var(--cookie) !important;
	transition: background-color 0.032s ease;
 box-shadow: none;
  font-weight: 600;
     min-width: 6vw !important;
}

.cart:hover {
    /*! color: var(--bgt); */
	transition: background-color 0.032s ease;
 box-shadow: none;
}

.night-mode .cart {
  background-color:  var(--bg);  

  color: var(--bgn) !important; 
}
.night-mode .cart:hover {
 box-shadow: none;
}
.datum {
  border-radius: var(--brm);
  /*! border: none; */
  display: inline-flex;
  justify-content: center;
  cursor: pointer;
  align-items: center !important;!i;!;
  text-align: center;
  white-space: nowrap;
  /*! padding: 6px; */
  min-width: fit-content;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  font-weight: 350;
  width: fit-content;
  gap: 6px;
  /*! height: unset; */
  /*! font-size: 16px; */
  /*! position: relative; */
  /*! text-transform: uppercase; */
  padding-left: 8.5px;
  padding-right: 8.5px;
  height: 32px;
}
#notifications .datum {
/*! height: 45px; */
  /*! padding-top: 14px; */
padding-left: 0;
}
.min #notifications .datum {
  margin-left: 11px
}
.nona .datum:hover {
background-color: var(--border);
border-radius: var(--bro);
}
.logoes {
/*! width: 35px; */
justify-content: center;
display: inline-flex;
/*! margin: auto; */
}
.quarta .datum {
font-size: 105%; 
padding: 0;
margin-right: 2rem;
gap: 6px;
}
.quarta .datum b {
/*! font-size: 105%; */ 
}
.bold {
font-weight: 600 !important;
}
.post {
background-color: var(--cart);
  color: #fff;
padding: 8px 14px;
margin: auto 1rem;
border-radius: var(--br);
}
.night-mode .datum.post {
  background-color: #0a7ffc;
}
.night-mode .ann .datum {
  background-color: var(--tra);
}
.settima .nav .datum {

    border-radius: 1000px !important;
}
#bags .datum {
  min-height: 35px;
  padding: 0 8px;
  border-radius: var(--br);
}
.filter .datum {
  flex-grow: unset;

}
.filter .datum:hover {
  background-color: var(--barb) !important;
}

.filter.top .datum {
  flex-grow: unset;
  font-size: 112%;
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: -.25px;
  position: relative; 
  background-color: unset !important;
}
.filter.top .datum:hover {
  background-color: unset !important;
}

.filter.top .datum.activetabs::after {
  content: ""; 
  display: block; 
  width: 100%; 
  height: 3px; 
  background-color: var(--bgn); 
  position: absolute; 
  bottom: 0px; 
  left: 0; 
}

.night-mode .filter.top .datum.activetabs::after {
  background-color: var(--bg); 
}
#notifications .datum::after {
  background-color: var(--tra); 
}

.all.datum {
  background-color: #0f0f0f;
  color: var(--bg);
}

.active.datum {
  background-color:  #e3e3e3;

  transition: box-shadow 0.3s ease;
  z-index: 1;

}
.night-mode .item-3 .active.datum {
  background-color: var(--bordern) !important;
  color: var(--bg) !important;
  transition: box-shadow 0.3s ease;
  z-index: 1;
}
.active.datum.bag {
  color: var(--bgt);
  background-color: var(--bar) !important;
  box-shadow: 0 0 0 1px currentColor;
}

.night-mode .active.datum {
 /*! color: var(--bg) !important; */
 /*! background-color: var(--bordern) !important; */
 border: none !important;
}

.page .active.datum.bag {
  color: var(--bg) !important;
  background-color: var(--bgn) !important;
  box-shadow: 0 0 0 1px currentColor;
  border-color: var(--bgn) !important;
}
.page .night-mode .active.datum {
 color: var(--bgn) !important;
 background-color: var(--bg) !important;
 border: none !important;
  border-color: var(--bg) !important;
}

.news .com {font-weight: 500;/*! background-color: #f2f2f2; */}

.night-mode #tagNav .com {/*! background-color: var(--bordern); */}

.gridcontainer .com {background-color: var(--barb);}
.gridcontainer .com:hover {background-color: var(--barb); }

.datum.adv {
 min-width: -webkit-fill-available;
  order: 1000;
  color: #065fd4;
  flex-grow: 1;
}

.night-mode .com {}
.item-2 .datum .icon {}
.night-mode .item-2 .datum.bag {background-color: var(--bgh);}

.datum:hover
{

  /*! opacity: .7; */
}
.flexo button {

}
.night-mode .flexo button {

}
.tabled button {
  background: var(--datum) !important;
  max-height: 26px;
  font-size: 14px
}
.night-mode .tabled button {
  background: #4a4a4a !important;
  color: var(--bg) !important;
}
.night-mode .tabled button:hover {
  background: #4a4a4a !important;
  color: var(--bg) !important;
}

#chords .datum {
  background: var(--rose); 

  margin: 2px 0;
  font-size: 15.5px;
}
.night-mode #chords .datum {
  background: var(--box-night); 
}

#chords h4 {

}

.card.datum {
 background: var(--ppv) !important;

}
.night-mode .card.datum, .night-mode .card.datum:hover {
  background: var(--ppvn) !important;
  color: inherit;
}
    .gridprod.customer .datum
{
 margin-left: 0px;
  min-width: 10rem !important;
    height: 35px
}
 } 
.datum:hover {
  background: var(--border) !important;
}
.night-mode .datum:hover {
  background-color: var(--find-night) !important;
}

.datum.blue {
  background: #eef2fe !important;
 color: #3c4043;
  align-items: center;

  min-width: 40px;
  border-radius: 100%;
}
.night-mode .datum.blue, .night-mode .datum.blue:hover {

 color: unset !important;
  align-items: center;
  color: var(--bg) !important;
  color: var(--cartc) !important;
}
.datum.blue:hover {
  background: var(--barc) !important;
 color: var(--cart) !important;

}

.blur .datum {
  background: var(--carth);
  border: 1px solid var(--carth);
  color: #fff !important;
  padding: 0px var(--br) !important;
  margin-left: 1rem;
  height: 24px;
  background: #0b57d0 !important;
  border: 1px solid #0b57d0 !important;
}

.flw .datum {border: 1px solid var(--bgt);border-radius: 3vw;padding: 0.28vw 1.1vw !important;font-size: 90%;display: inline-flex;align-items: center;}

.gridprod.customer .datum
{
  min-width: 10rem !important;
  margin-left: 0;
}
.front {
	display: flex;
}

.frontimg {
	min-width: 16rem !important;
	min-height: 11rem !important;
	margin-bottom: 0rem !important;
	margin: 0 1rem 0rem 0 !important;
}

@media (min-width: 900px) and (max-width: 1089px) {
	.front {
		flex-direction: row !important;
		align-items: top;
	}

	.frontimg {
		min-width: 14rem !important;
		min-height: 8rem !important;
		margin-bottom: 0rem !important;
		margin: 0 1rem 0rem 0 !important;
	}
}

.stock {
	background-color: rgb(45, 50, 170) !important;
	color: var(--whi) !important;
}

.follow {
    padding: 0 18px !important;
  background-color: var(--blu) !important;

}

.follow:hover {
	background-color#: var(--panelsh) !important;
}

.night-mode .follow {
	background-color: var(--cookie) !important;
}
.night-mode .follow:hover {
  border: 1px solid var(--bordern) !important;
	background-color: var(--cookie) !important;
}

.night-mode #toTopButton.cart {
    background-color: var(--cookie) !important;
    z-index: 10;
    color: var(--bg) !important;
}

.midi {
	display: flex;
	justify-content: space-between;
	padding: 0;
	border-radius: var(--sqr);
	background-color: var(--tra);
	border: 1px solid var(--blur) !important;
}

.midi:hover {
	border: 1px solid var(--bg) !important;
	background-color: var(--bg) !important;
}

.night-mode .midi {
  background-color: var(--bgn);
  border: 1px solid var(--bgn) !important;
}

.night-mode .midi:hover {
  background-color: var(--bgn) !important;
  border: 1px solid var(--bgn) !important;
}

@media (min-width: 120rem) {
.all .nav {
  flex-wrap: nowrap !important;
 }
 }

#mainCol2 .nav {
  justify-content: start;
 }
   .grid-item {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  aspect-ratio: 1 / 1.1 !important; overflow: hidden; background-position: 50% 10%;
  width: 26rem;
  display: flex;
  flex-direction: column;

  max-width: 25rem;
    }
 .sepa  .grid-item {
padding: 2% 2%;
   background-color: var(--bg);
   border-radius: var(--sqrxl);
   aspect-ratio: 1 / 1.8 !important;
width: 26.8rem;
border-radius: 20px;
max-width: 26.8rem;
    }
.night-mode .sepa  .grid-item {
   background-color: var(--cookie);
   }

.custom-button .immag.ini {
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: var(--br);
	background-size: 155%;
	aspect-ratio: 6 / 9;
	min-width: 10vw;
}

.custom-button .immag {
	background-repeat: no-repeat;
	background-position: 50% bottom;

	background-size: cover;
	aspect-ratio: 4 / 6;
	background-color: #e8e8e81c;
	position: relative;
	padding: 1rem !important;
	justify-content: end;
	display: flex;
	flex-direction: column;
	font-weight: 500;
	min-height: 20rem;
	aspect-ratio: 4 / 6;
}

.night-mode .custom-button .immag {
  /*! background-color: #eaeaea33; */

  }
.custom-button .immag:hover {
	border-color: #f2f2f2 !important;
}

.sell .custom-button .immag {
	background-repeat: no-repeat;
	background-position: 50%;
	border-radius: 100%;
	background-size: cover;
	border: 1px solid #d3e3fd !important;
	background-color: #fff !important;
	width: 5rem;
	height: 5rem;
}
.sell .custom-button .immag:hover {
	border: 1px solid #e19f17 !important;
}

.gridcat .immag {
  position: relative;
  padding: 28%;
  background-position: 50% 20%;
   */
  background-size: cover;
  /*! margin-bottom: 3%; */
  overflow: hidden; 
  border-radius: var(--br) !important;
  /*! aspect-ratio: 4 / 4; */
}
.sepa .immag {
  position: relative;
  padding: 70% 0%;
  background-position: 50%;
  }
.gridcat .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 6px;
  background: linear-gradient(rgba(0, 0, 0, 0.63), rgba(0, 0, 0, 0.63));
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.2s ease;
}

.gridcat .overlay .text {
  color: transparent;
  transition: color 0.2s ease;
}

.gridcat .immag:hover .overlay {
  opacity: 1;
}

.gridcat .immag:hover .overlay .text {
  color: white;
}

.gridcat .immag:hover {
  background-color: #eaeaea91;
}
.night-mode .gridcat .immag:hover {
  background-color: #e9cad06b;
}

.gridflow {
  width: 100%;
  min-width: 100%;
  }

      .adv {
font-size: 13px;
color: #444;
margin-left: 10px;
 }
  #listpage {
  justify-content: center;
  /*! display: flex; */
  margin: 0px auto 3rem auto !important;
    min-width: 50rem;
  clear: both;
  /*! max-width: 50rem; */
  /*! position: absolute; */
  /*! bottom: 3rem; */
  flex-basis: 100%;
 }

    .hr.gridcat {
max-width: 20rem !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
min-width: unset !important;
    }
    .hr.gridcat .gridrow {
padding-bottom: 0rem !important;
    }

    .slider {
        overflow-x: visible;
    }

#toTopButton {z-index: 3;margin: 0 auto;display: flex;justify-content: center;cursor: pointer;aspect-ratio: 1 !important;text-align: center;position: fixed;bottom: 6rem;right: 4rem;color: var(--bgn);backdrop-filter: blur(7px);padding: 1rem !important;align-items: center;aspect-ratio: unset !important;background-color: var(--bar) !important;}
.night-mode #toTopButton {

   }
    @media (max-width: 699px) {

#listpage {
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 90% !important;
  margin: 0px auto 2rem auto !important;
 }
      #toTopButton {

        left: 2rem;
        width: calc(100% - 4rem);
        right: 2rem;
        opacity: .7;
        bottom: 2rem;
        backdrop-filter: blur(3px);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background-color: var(--bar) !important;
}

    .night-mode  #toTopButton {
        opacity: 1;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        background-color: var(--bgh) !important;
}

      #mainCol .gridcol {

}

		   }

    @media (min-width: 450px) and (max-width: 599px) {
      .item-2 .datum {

  transition: all .5s ease-in-out;

}
    .slider {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}
		 .item-3 .gridcol {
    min-width: 100%;

        }

.gridcat {
  display: flex;
  flex-wrap: wrap;
  /*! gap: 0.8vw; */ 
  width: 100%;
  padding-bottom: var(--dist);
  justify-content: flex-start;
}

    .grid-item img {
      width: 100% !important;
      height: 100% !important;
      aspect-ratio: 1 !important;
      background-size: cover;
      object-fit: contain !important; 
    }

  .grid-item .your-image-link {
background-color: transparent;
  background-size: cover;
  height: 100%;
  width: 100%;
  background-position: 50% 10%;  border-radius: var(--sqrxl);
    }

.tes {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: -webkit-fill-available;
	padding: .8rem 1.2rem;
	width: -moz-available;
	white-space: nowrap;
}

.night-mode .sin {

}

.containergridt {
	display: flex;
	padding: 1.5rem;
}

@media (min-width: 600px) {
  .breaks {
display: none
    }
	.containergridt {
		display: inline-flex;
		margin: 1rem 1rem 1rem 0 !important;
		border: 1px solid #e0edff;
		border-radius: var(--sqr);
		padding: 1.5rem
	}

	.night-mode .containergridt {
		border: 1px solid var(--bordern);
		background-color: var(--bordern) !important;
	}

	.centerfit {
		max-width: fit-content;
		margin: 0 auto 0 0;
	}

}

.rv {
	flex-direction: row-reverse;
}

.rev {
	flex-direction: row-reverse;
}

.reverse {
	flex-direction: row;
}

.sear {
	display: inline-block;
	line-height: 2;
	padding: 1rem 2.8vw 5rem 2.8vw !important;
	width: -webkit-fill-available;
	width: -moz-available;
}

.later {

}
.search {
	border: 1px solid var(--tra);

}

@media (max-width: 699px) {
	.later {

		padding: 0px 0.83rem;
	}
  .night-mode .grid-container1 {

}
}

.ontop {
	display: inline-flex;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
	word-break: break-all !important;
}
.gridnews .quarta {
  grid-row: 3 / span 1;
  grid-column: 1;
  gap: 3px 0;
  color: #8c8d8e;
  margin: var(--rem) 0;
}
.gridprod .ontop.quarta {
  grid-row: 3 / span 1;
  grid-column: 3;
  gap: 7px;
}

.con {
	display: flex;
	width: -webkit-fill-available;
	width: -moz-available;
	margin-bottom: 1rem !important;
}

.pad {
}

.chats {
	height: fit-content;
	background-color: var(--whi);
	border-radius: var(--sqr);
	width: -webkit-fill-available !important;
	width: -moz-available !important;
	word-break: break-word;
	padding: var(--padm) !important;
	margin-bottom: var(--rem) !important;
	width: fit-content !important;
}

.night-mode .chats {
	background-color: var(--bordern);
}

.lat {
  padding: 2px 0 !important;
  justify-content: center;
  text-shadow: none;
  width: -moz-available;
  align-items: center;
  display: inline-flex;
  border-radius: var(--sqr) !important;
}

@media (max-width: 699px) {
	.lat {}

	.night-mode .lat {}
}

.lato {
	padding: 1px 7px !important;
	width: fit-content !important;
	margin: 0px -4px !important;
	white-space: initial;
	font-weight: 600;

	bottom: 3%;
	left: .3vw;
	position: absolute;
}
.night-mode .lato {
	color: var(--bgn)
}

@media (max-width: 699px) {
	.lato {
		border: var(--bordern) !important;
		padding: 0 !important;
	margin: 0px 2px !important;

		bottom: 6px;
		left: 8px;
	}

	.night-mode .lato {
		border: var(--bordern) !important;
	}
}

.ad {
	background-color: var(--lgray) !important;
	margin: 0rem 1rem 2rem 1rem;
}

.night-mode .ad {
	background-color: #fefefe !important;
}

.ontop .night-mode {
	background-color: var(--tra) !important;
	border: var(--bordern) !important;
}

@media (max-width: 699px) {
	.ad {
		margin: 1.5rem;
	}

	.ontop {
		border: none !important;
	}
}

	#m1, #m2 {
  min-height: scroll;
}

@media (max-width: 699px) {
	.menusl {
min-height: 100vh !important;
	}

   .menus {
    background: var(--bg) !important;
  }
     .night-mode .menus {
    background: var(--share) !important;
  }
}

.log {
	cursor: text;

	box-shadow: none;
	color: #202124;
}
.centop {
	display: flex;
	justify-content: center;
	flex-direction: column;

	margin: auto;
	width: 100%;
	z-index: 5;
	max-width: 108rem;

	border-radius: var(--br);

	overflow: hidden;
}

@media (max-width: 699px) {
  .centop {
	display: flex;
	justify-content: start;
	flex-direction: column;
	min-height: 100vh !important;

	border-radius: 0 !important;
	padding: 0;
}
	.log {

		margin: 4px 0;
	}

	.centop {
		height: auto;
		max-width: 100% !important;
	}
}

.rollimgs {
	max-width: 6rem !important;
	max-height: 6rem !important;
	min-height: 6rem !important;
}

.rounded {
	padding: 12px 10px;
	background-color: var(--lgray);
	border: 1px solid var(--lgray);
	border-radius: 50%;
	min-width: 17px;
	margin: 7px auto;
}

.rounded:hover {
	background: #f1f1f1 !important;
}

.night-mode .rounded {
	background: var(--bordern) !important;
}

.night-mode .rounded:hover {
	background: #3e3f3e !important;
}

.aliceblue {
	background-color: var(--blu) !important;
}

.night-mode .aliceblue {
	background-color: var(--tra) !important;
	color: var(--whi) !important;
}

.alice {
	background-color: var(--tra);
}

.night-mode .alice {
	background-color: var(--tra);
}

.delivery {

}

.prin {
	padding: 0 !important;
	margin: 0 !important;
}

.flexwrap {
	flex-wrap: wrap !important;
	overflow: initial;
}

.imm {
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
	min-width: 4rem;
	padding: 4.2rem !important;
}

.midrev {
	flex-direction: column-reverse;
}

.grid-container-menuapp-explore {
	display: grid;
	grid-gap: 1px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	width: 91% !important;
	align-content: space-evenly;
	justify-items: stretch;
	margin: 0;
	margin-bottom: 1rem;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	margin: 0 auto;
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	flex-direction: row !important;
	border-radius: var(--sqr) !important;
}

.grid-item-app-explore {
	text-align: center;
	background-size: cover;
	width: auto;
	height: 11rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	padding: 1.4rem;
	display: flex;
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-end;
	align-items: flex-start;
	text-align: left;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 0px !important;
}

.banners {
	/*! border-radius: var(--sqr) !important; */
}

@media (max-width: 1080px) {
	.grid-container-menuapp-explore {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1f;
		grid-gap: 2px;
		border-radius: var(--brs) !important;
		border-bottom-right-radius: 0 !important;
		border-top-right-radius: 0 !important;
		border-top-right-radius: 0 !important;
	}

	.grid-item-app-explore {
		background-size: cover;
		height: 8.8rem !important;
		width: 8.8rem !important;
		border-radius: 0px !important;
	}
}

@media (max-width: 800px) {
	.prin {
		padding: 1.5rem !important;
	}

	.grid-item-app-explore {
		background-size: cover;
		height: 9rem;
		width: 9rem;
		border-radius: 0px !important;
	}

	.mid {

	}

	.midt {
		margin: 7px !important;
	}
}

@media (max-width: 499px) {
	.grid-item-app-explore {
		background-size: cover;
		height: 10rem;
		width: 10rem;
		border-radius: 0px !important;
		padding: 1.3rem !important;
	}

	.imm {
		border-top-right-radius: 0 !important;
		border-top-left-radius: 0 !important;
		min-width: 4rem;
		padding: 2.6rem !important;
	}
}

.fascia {
	max-width: 127rem !important;
}

.neat {
	display: none;
}

.flexo {
	display: flex;

	height: 100%;
}

@media (max-width: 800px) {
	.sidegap {
		margin: 0 0 0 1.5rem;
	}
}

.cat .bord {

}

.night-mode .bord {
	border-color: var(--tra) !important;
	background-color: var(--cookie) !important;
}

.panels {

}
#bannertop #picture2 {

  min-width: 22vw;

  height: 100%;
  max-width: 13vw;
  border-radius:  var(--br) !important;
  aspect-ratio: 13 / 7;
}

@media (max-width: 499px) {
  #bannertop #picture2 {
  min-width: 100%;
  max-height: 20rem;
  aspect-ratio: 13 / 7;
  border-radius: var(--br) !important;
}
	.panels {

border-radius: 0 !important;
	}

	.menusl {
    top: 0 !important;
    max-width: unset !important;
    min-width: 13rem !important;
	}

	#page  .single-image.broadcaster-img {
  border: none;

  border-radius: var(--br) !important;
}
}

.profile {
	background-color: #C0CBF79f !important;
	border: 1px solid #C0CBF79f !important;
	box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5);
	justify-content: center;
	display: inline-flex;
	border: none;
}

.profile:hover {
	background-color: #C0CBF77D !important;
	border: 1px solid #C0CBF77a !important;
	box-shadow: 0 2px 5px 0 rgba(213, 217, 217, .5);
	justify-content: center;
	display: inline-flex;
	border: none;
}

.a-box .a-divider.a-divider-break,
.a-color-base-background .a-divider.a-divider-break,
.a-divider.a-divider-break {
	text-align: center;
	position: relative;
	top: 2px;
	padding-top: 1px;
	line-height: 0;
}

.a-box .a-divider.a-divider-break h5,
.a-color-base-background .a-divider.a-divider-break h5,
.a-divider.a-divider-break h5 {
	line-height: 1;
	color: #767676;
	z-index: 2;
	position: relative;
	display: inline-block;
	background-color: var(--whi);
	padding: 0 8px 0 7px;
}

.a-box .a-divider.a-divider-break::after,
.a-color-base-background .a-divider.a-divider-break::after,
.a-divider.a-divider-break::after {
	content: "";
	width: 100%;
	background-color: var(--tra);
	display: block;
	height: 1px;
	border-top: 1px solid #e7e7e7;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	z-index: 1;
}

a[data-toggle="collapse"] i.fas:before {
	content: "\f107";
}

a[data-toggle="collapse"].collapsed i.fas:before {
	content: "\f106";
}

a:focus,
a:hover,
a:active {
	outline: 0;
	text-decoration: none;
}

.panel {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: var(--whi);
	background: none;
	box-shadow: none;
}

.panel:last-child {
	border-bottom: none;
}

.panel-group .panel {
	border-radius: 0;
}

.night-mode .panel-group .panel {
	border-radius: 0;
}

.panel-group .panel+.panel {
	margin-top: 0;
}

.panel-heading {
	border-radius: 0;
	border: none;
	padding: 0;
  	line-height: 1.3;
}

.panel-title a {
	display: inline-flex;
	position: relative;
	justify-content: space-between;
	width: -webkit-fill-available;
	width: -moz-available;
}

.panel-body {
	padding-bottom: 1.4rem;
}

@media (max-width: 600px) {
	.panel-body {}
}

.panel:last-child .panel-body {
	border-radius: 0 0 4px 4px;
}

.panel:last-child .panel-heading {
	border-radius: 0 0 4px 4px;
	transition: border-radius 0.3s linear 0.2s;
}

.panel:last-child .panel-heading.active {
	border-radius: 0;
	transition: border-radius linear 0s;
}

.panel:last-child .night-mode .panel-heading.active {
	border-radius: 0;
	transition: border-radius linear 0s;
}

.panel-heading [data-toggle="collapse"]:after {
	float: right;
	line-height: 22px;
}

#accordion .panel-heading.active a:before {
	transform: rotate(0deg);
	transition: all 0.0s;
}

.b1adv {
	min-width: 75%;
	max-width: 75% !important;
}

@media (max-width: 560px) {
	.b1adv {
		min-width: 100%;
		max-width: 100% !important;
	}
}

.yl {
	background-color: #F3F6FC !important;
	border: 1px solid #bdd0e3 !important;
}

.night-mode .yl {
	background-color: var(--bordern) !important;
	border: 1px solid var(--bordern) !important;
	color: var(--whi)
}

.lola {
	background-color: var(--lgray) !important;
	border-radius: var(--fs);
	padding: 15px 10px !important;
	justify-content: start;
}

.night-mode .lola {
	background-color: var(--bordern) !important;
}

.filter {
	font-weight: 400;
	white-space: nowrap;

	padding-left: var(--rem);
	padding: 0.5rem 0rem 2.5rem 0rem;
	opacity: .6;

	cursor: pointer;

	display: block;
	-webkit-line-clamp: 1;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;

	font-size: 100%;

	!i;
	!;
	margin-right: 3rem;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	font-weight: 600;
}

.filter.active {
	opacity: 1;
}
#sidebar .black, #m1 .black, #m2 .black {

	padding: 1.1rem 5px;
	margin: 0;
}
.bold {
	font-weight: 500;
}

.after-content .bold {
	font-weight: 450; padding: 0 var(--rem);
}

#explore .filter {

}
 /* #explore .filter:hover {
	background-color: var(--datumh);
} */
.night-mode #explore .filter {

	border-color: var(--bgh);
}
.night-mode #explore .filter.activetabs {
	background-color: var(--bgn) !important;
}
#explore .filter.activetabs {

}

.bordery {
	border: 3px solid teal;
	padding: 20px;
	position: relative;
}

.bordery::after,
.bordery::before {
	background-color: white;
	content: "";
	display: block;
	height: 9px;
	position: absolute;
	width: 9px;
}

.night-mode .bordery::after,
.night-mode .bordery::before {
	background-color: #171717;
	content: "";
	display: block;
	height: 9px;
	position: absolute;
	width: 9px;
}

.bordery::after {
	bottom: -3px;
	right: -3px;
}

.bordery::before {
	top: -3px;
	left: -3px;
}

.tasto {
	width: -webkit-fill-available;
	width: -moz-available;
	cursor: pointer;
	justify-content: center;
	background-color: var(--whi)fff;
}

.night-mode .tasto {
	border-color: #acacac #9f9f9f #868686 !important;
	color: var(--whi) !important;
	background-color: var(--bordern);
}
.verified {width: 13px;height: 13px;margin: -1px 0px 1px 0px;}

#page .verified {width: 1vw !important;height: 1vw !important;margin: 4px 14px 9px -5px;}

.night-mode .verified { filter: invert(1) brightness(2); }
.square .verified {
width: 15px !important; 
height: 15px !important; 
  margin: 0px 11px 3px 2px; 
}
.night-mode .verified { filter: invert(1) brightness(1.5); }
.itemapp {
	border-radius: var(--sqr) !important;
	width: -webkit-fill-available;
	width: -moz-available;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: normal !important;
margin: 4px 0; 
}

.categ {

  padding: .2vw .7vw;
}
.avrsg {
	width: 21px;
	height: 21px;
}

@media (max-width: 560px) {
	.categ {
		font-size: 18px1;
		padding: 8px 12px;
	}
#page .verified {
  width: 12px !important;
  height: 12px !important;
}
	.menuapp {
		grid-template-columns: 1fr !important;
	}

	.itemapp {
		padding: 7px;
		border: none; 
}

	.night-mode .itemapp {	
	padding: 7px;
	border: none; 
}

}
  #m1 .data, #m2 .data {

	min-height: 2.5em !important;
}
.after-content .data.full {
	border-radius: 0 !important;
	padding: 0 var(--rem);
	min-height: 2.8em !important;

}
  .small.full {
 justify-content: start;
    display: inline-flex;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
 align-items: center;

}

@media (max-width: 460px) {
  #m1 .data, #m2 .data {
  font-size: 100% !important;

  min-height: 2.4em !important;
}
   .data.full {
	min-height: 3em !important;
}
      #sidebar .data.full {
	min-height: 2.8em !important;

	justify-content: unset;
	padding-left: 0rem !important;
}
      .all .small.full {
font-size: 13px;

text-align: center;

overflow-x: hidden;

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
display: inline-block;
}
	.menuapp {
		grid-template-columns: 1fr !important;
	}

}

.btnw {
	display: flex;
	justify-content: space-between;
	width: -webkit-fill-available;
}

.apps {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 70% !important;
	display: flex !important;
	margin-right: auto !important;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-radius: 50% !important;
	box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.app {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 66% !important;
	display: flex !important;
	margin-right: auto !important;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	border-radius: 50% !important;
}

.addedmore {
	padding: 5px 4px !important;
	max-height: 35px !important;
	border-radius: 4px !important;
}

@media (max-width: 750px) {
	.addedmore {
		padding: 0.6px 0px !important;
		max-height: 35px !important;
		border-radius: 4px !important;
	}
}

.posbutton {
	width: 66% !important;
	margin: 0rem
}

@media (max-width: 750px) {
	.posbutton {
		width: -webkit-fill-available !important;
		width: -moz-available !important;
	}
}

.posbuttons {
	min-width: 47% !important;
	max-width: 60rem;
	margin: 0rem
}

@media (max-width: 750px) {
	.posbuttons {
		width: -webkit-fill-available !important;
		width: -moz-available !important;
	}
}

.NameHighlights {
	position: relative;
}

.NameHighlights div {
	display: none;
}

.NameHighlightsHover {
	position: relative;
}

.NameHighlightsHover div {
	display: block;
	position: absolute;
	width: 15em;
	top: 1.3em;
	*top: 20px;
	left: 70px;
	z-index: 1000;
	background-color: var(--gray);
	padding: 5px;
	border-radius: 4px;
}

.gridcat.vert {
	flex-direction: column;
	margin: 0 auto;
	flex-wrap: nowrap;
	margin: 0 auto !important;
	gap: 1rem;
	max-width: calc(var(--page) - 30%);
	width: 100%;
}
.item-2 .gridcat.vert {

	max-width: unset;
padding: 0 !important;
}
.verti {
	max-width: 50vw;
	width: 100%;
  margin: 0 auto !important;
} 

.tickers {
	padding: 1rem;
	display: inline-flex;
	color: blueviolet;
}
.small {
	;

}

.full.title {
	clear: left;
	text-overflow: ellipsis;
	line-height: 1.2;
	;
}
.coupon .title {
	text-overflow: ellipsis;
}
.night-mode .title:hover {
	color: var(--whi);
}

  	.gridrow.gridadv .title {
		line-height: 1.3;
	color: unset;

	}
}
  .small.full {

    display: inline-flex
}
.fill {
	fill: black;
}

.night-mode .fill {
	fill: white;
}

.selectParent {
	overflow: hidden;
	margin-right: 10px;
}

.selectParent select {
	background: var(--tra) url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat 38px center;
	background-size: auto;
	background-size: var(--br);
	text-indent: 1px;
	text-overflow: '';
	width: 56px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: var(--border-white)0;
	background-size: var(--br);

	cursor: pointer;
	color: var(--bgn) !important;
}

.night-mode .selectParent select {

	background: var(--bordern);
	margin-right: 1rem;
}

.underline {
	text-decoration: none !important
}

.underline:hover {
	text-decoration: underline !important
}

.bordertop {
	margin-top: 1px !important;
}

@media (min-width: 699px) {
	.bordertop {
		margin-top: 0 !important;
	}
}

.stream {
	position: relative;
	display: inline-block;
	background-color: #2f4164;
}

.stream:before,
.stream:after {
	content: '';
	display: block;
	background-color: #2f4164;
	width: 8px;
	height: 8px;
	position: absolute;
	transition: all .15s ease;
}

.stream:before {
	top: 0;
	left: 0;
	transform-origin: top left;
	transform: rotate(-45deg) scale(0);
}

.stream:after {
	right: 0;
	bottom: 0;
	transform-origin: bottom right;
	transform: rotate(45deg) scale(0);
}

.stream__thumbnail {
	transform: translate(0, 0);
	transition: all .15s ease;
	position: relative;
	z-index: 10;
}

.stream:hover .stream__thumbnail {
	transform: translate(6px, -6px);
	z-index: 99;
}

.stream:hover:before {
	transform: rotate(-45deg) scale(1);
	z-index: 11;
}

.stream:hover:after {
	transform: rotate(45deg) scale(1);
	z-index: 11;
}

.visual {
	width: fit-content;
	padding: 0px 4px;
	margin: 0 -var(--br);
	background-color: #e4e7ecba;
	background-color: #3f2fffba;
	background-color: #1d9bf0cc;
	color: var(--whi);
	justify-content: flex-end;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	text-align: right;
	background-color: #1d9bf0cc;
	background-color: #ff4906db;
}

.comments {
	border: 1px solid var(--tra) !important;
}

.comments:hover {

	color: #111 !important;
}

.night-mode .comments:hover {
	border: var(--border-white) !important;
	color: var(--whi) !important;
}

.rosso {
	background-color: var(--orange) !important;
	border: 1px solid transparent !important;
}

.night-mode .rosso {
	background-color: #ffc244 !important;
	color: #222 !important;
	border: 1px solid transparent !important;
}

.rossoscuro {
	background-color: #f26804 !important;
	color: #fff !important;
	border: 1px solid transparent !important;
}

.night-mode .rossoscuro {
	background-color: #f26804 !important;
	color: #fff !important;
	border: 1px solid transparent !important;
}

.viola {
	background-color: #CEACFF !important;
}

.azzurro {
	background-color: var(--blueb) !important;
	color: white !important;
	border: 1px solid transparent !important;
}

.shared {
	padding: 1px;
	background-color: var(--bg) !important;
	border: 1px solid var(--tra) !important;
	border-radius: var(--sqr);
  min-width: 4em;
  text-align: center !important;
}

.shared:hover {
	background-color: var(--bg) !important;
	opacity: 1 !important;
	cursor: pointer;
}

.night-mode .shared {
	background-color: var(--tra) !important;
	color: var(--whi) !important;
	border: 1px solid var(--tra) !important;
}

.night-mode .shared:hover {
	background-color: var(--bordern) !important;
	color: var(--whi) !important;
}

.share {
	padding: 11px;
}

.share:hover {
	cursor: pointer;
}
.night-mode .share:hover {
	color: var(--nightengine) !important;
	cursor: pointer;
}
.like {
	color: var(--red);  opacity: .8 !important;
}

.like:hover {
	cursor: pointer;
	color: unset;  color: var(--red) !important; opacity: 1 !important;
}

.night-mode .buy {
	color: var(--bgn) !important;
	color: #3ea6ff !important;
	background-color: var(--blueb) !important;
	color: var(--bg) !important;
}

.carts .com {
height: 34px
}
.gold {
	/*! background-color: #f7f4e1 !important; */
}

.gold:hover {
	/*! background-color: #f1efde !important; */
}

.night-mode .gold {
	/*! background-color: #605c40 !important; */
}

.pay {width: fit-content; transition: color 0.2s ease 0s, background-color 0.2s ease 0s, border-color 0.2s ease 0s, box-shadow 0.2s ease 0s;border: 1px solid var(--border);cursor: pointer;border-radius: var(--rem) !important;align-items: center;display: flex;word-break: break-word;line-height: 1.25 !important;min-height: 40px;text-overflow: ellipsis;overflow: hidden !important;
color: var(--bgh);
padding: 0 15px;
}

.night-mode .pay {
	border: 1px solid var(--bordern) !important;
	background-color: var(--bordern) !important;
	box-shadow: none;
	color: var(--blu);
}

.enhance {
	background-color: #DAF1F6 !important;
	border: 1px solid #DAF1F6 !important;
	justify-content: center;
	color: #00758C
}

.enhance:hover {
	background: #D1EBF5 !important;
	border-color: #D1EBF5;
}

.enhanced {

}

.enhanced:hover {

}

.banner {
	/* display: none; */
}

.banner.visible {
	display: block;
}

#cookies-banner {
	background: pink;
}

.title-banner-top {
	margin: 2rem 0 0 0;
}

.subtitle-banner-top {
	margin: 1rem 0 0 0;
	width: -moz-available;
	max-width: 35rem;
}

@media (max-width: 699px) {
  .page 	.title {
display: none
 } 
  .gridcat.vert {
	max-width: unset;
	gap: 1rem;

}
	.title-banner-top {
		width: -moz-available;
		word-break: break-word;
	}

	.subtitle-banner-top {
		margin: 1rem 0 0 0;
		width: 50%;
		max-width: 35rem;
	}
}

.title-banner {

	line-height: 1;
	margin-top: 2em;
	margin-bottom: 7px;
}

.subtitle-banner {
	margin: 1rem 0 0 0;
	width: -moz-available;

}

@media (max-width: 699px) {
	.title-banner {
		width: -moz-available;
		word-break: break-word;
}

	.subtitle-banner {
		margin: 1rem 0 0 0;
	}
}

.topdist {
	border: 1px solid #e4e7ec;
	margin-top: -2px !important;
}

.night-mode .topdist {
	border: 1px solid #555;
}

@media (max-width: 799px) {
	.topdist {
		border-left: none !important;
		border-right: none !important;
	}
}

@media (max-width: 499px) {
	.topdist {
		border-left: none;
	}
}

.explore {
	background-color: #eaeaea !important;
	border: var(--border-var(--tra)) !important;
	background-size: 150%;
	border-radius: 2px !important;
	width: 26rem !important;
	height: 26rem !important;
	max-width: 26rem !important;
	max-height: 26rem !important;
	background-position: 50% 10%;
}

@media (max-width: 899px) {
	.explore {
		border-radius: 2px !important;
		width: 21rem !important;
		height: 21rem !important;
		max-width: 21rem !important;
		max-height: 21rem !important;
		background-position: 50% 20%;
	}
}

.arrow {
	cursor: pointer;

	font-size: 140%;

	margin-bottom: 7px;
	margin: 0 1rem;
	font-weight: 600;
}
.arrow.datum:hover {
	background-color: var(--tra) !important;
  text-decoration: none !important;
}
.night-mode .arrow.datum:hover {
	background-color: var(--tra) !important;
  text-decoration: none !important;
}

.res {
	padding-bottom: 7px;
	padding-top: 0
}

@media (min-width: 1023px) {
	.res {
		padding-top: 8px
	}
}

.carttext {
	display: none !important;
}
	.sub {
    font-weight: 650;
    margin: 0rem 0 2rem 1rem;
		font-size: 22px !important;
    width: -webkit-fill-available !important;
    width: -moz-available !important;
	}
	.rig .sub:hover {
    text-decoration: underline
	}
@media (min-width: 600px) {

.all.user {
  width: 100%; /*
  margin: 0 auto */
}  
.all.user .gridcol.prod, .all.user .gridcol.twirl {
  width: calc(100% / 4);
}

  .dropdown:hover .dropdowncontent {
    display: block;
  }
  .dropdown:not(.active) .dropdowncontent {
    display: none;
  }
	.carttext {
		display: block !important;
		max-width: fit-content !important;
	}

	.carticon {
		display: none !important
	}
		.wide {
		margin-right: .5rem;
	}
		.containergrid {
		display: inline-flex;
		margin: 0rem 1rem 2rem 0rem;
		border: var(--border-var(--tra));
		border-radius: 14px;
	}

	.night-mode .containergrid {
		border: 1px solid var(--bordern) !important;
		background-color: var(--bordern) !important;
	}
		.vidh {

		aspect-ratio: var(--ratio);
	}


	.desktitle {
		line-height: 24px;
		text-decoration: none;
	}
		.large# {
		padding: 6px;
		border-radius: 100%;
	}
	      .input {
        position: relative;  z-index: 0;
      }

      #fake-comment-box {
        display: none; 
      }

      #input-section {
        display: block; 
      }

        #sidebar.min {
    padding: 0px 0px 5px 15px;
   }
  
  
  
      #sidebar {
        display: block;
      }

      #burger-btn-mobile {
        display: none;
      }

      #burger-btn-desktop {
        display: block;
      }
}

.boxes {
	margin: 0rem 0 0 2rem !important;
	border-left: 1px solid #e4e7ec;
	border-radius: 0px !important;
	padding: 0rem !important;
}

.night-mode .boxes {
	border-left: 1px solid #555;
	background-color: #000 !important;
}

@media (max-width: 950px) {
	.boxes {
		background-color: var(--whi) !important;
		margin: 0rem 0 0 0rem !important;
		border: none !important;
		border-radius: 0 !important;
		padding: 0 !important;
	}
}

.alert.alert-info,
.button {
	max-width: 600px;
	margin: 40px auto;
	text-align: center;
}

#count {}

#circle {
	float: left;
}

#error-message {
	width: 100%;
	float: left;
	margin-top: 8px;
	color: red;
	display: none;
}

::-webkit-file-upload-button {
	height: 200px;
	width: 200px;
	background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(https://www.twirld.com/image/icons/rotate.png);
	border-radius: .5rem;
	cursor: pointer;
	color: var(--tra);
	padding: var(--rem);
	background-repeat: no-repeat;
	background-size: contain;
	border: none
}

#imgoutput {
	transition: all 0.01s ease;
	border-radius: 0px;
}

.preview {
width: 100%;
height: 100%;
}

.posttype {
	display: inline-flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	margin: 1rem;
	width: -webkit-fill-available;
	width: -moz-available;

	font-size: 119%;
	font-size: 15.5px;
}

.sidebar hr {
    margin: 12px auto 11px auto;
}

@media (max-width: 450px) {
  .sidebar hr {
    margin: 10px -24px;         
    width: 116%;             
    opacity: 1;
}
	.preview {
		height: 34%;
		width: 100%;

		top: 0px;
		left: 1.5%;
	}
}

.flexy {
	display: inline-flex;
	align-items: stretch;
	flex-direction: row;
	width: 100%;
	text-align: right
}

.flexy>div {
	flex-direction: row;
	margin-right: 2px
}

.accordion22 {
	border: none;
	justify-content: space-between;
	page-break-after: always;
	break-after: always;
	padding: 0 7px;
	white-space: pre;
	border-radius: var(--br);
	width: 100%;
	width: -webkit-fill-available;
}

.ertyu {
	border: 1px solid #a6a6a6;
	margin: -5px 7px 0px 14px;
	border-radius: 3px;
	padding: 0px 4px;
	max-width: 49px;
	height: 25px
}

.rewr {
	display: inline-flex;
	padding: 10px 10px 0 0px;
	max-height: 52px;
	color: #ec417a;
}

.responsive {
	width: 100%;
	max-width: 540px;
	position: relative;
	clear: left;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

@media (max-width: 899px) {
	.responsive {
		flex-direction: column;
		margin: 0 auto;
	}
}

.item {
	height: auto;
}

.white {
	color: var(--bgn) !important;
	background-color: var(--bg) !important;
}

.night-mode .white {
	color: var(--whi) !important;
	background-color: #4a4a4a !important;
}

.dropdown .dropdown-content {
}

.dropdown.active .dropdown-content {
  display: block;transition: background-color 0.5s ease;
}

div.dropdown {
  display: inline-block;
  line-height: 1;
}

.dropdown-content {
  display: none;
  position: absolute;
  left: auto;
  min-width: 25rem;
  z-index: 10000999999999 !important;
  border-radius: var(--m) !important;
  overflow: hidden;
  margin-left: -12vw;
  transition: background-color 0.5s ease;
  line-height: 1.5;
  width: 13vw;
  margin-top: 12.5vw;
}

.dropdown-content .activetabs {
}

.night-mode .dropdown-content {
  background-color: var(--cookie) !important;
}
.night-mode .dropdown-content .activetabs {
  background-color: var(--bordern) !important;
}

.dropdown-content a {
  padding: 0.4vw var(--br);
  text-decoration: none;
  display: block;
  text-align: left;
}

.sepa {
	background-color: var(--body) !important;
	padding: 0;
}
.night-mode .sepa {
	background-color: var(--bgn) !important;
}

.page_block {
	background-color: var(--bg);
}
.header.page_block {
	background-color: #fffffff1;
}
.nav.page_block .datum {
	background-color: #e8e8e8;
	padding: 6px 11px;
	border-radius: 2rem;
	min-height: 32px;
}
.centop {
	max-width: 100rem;
  margin: auto;
  border-radius: var(--br);
  overflow: hidden
}

.min #logo {
  grid-row: 1;
}
#logo {
  grid-row: 1;
  grid-column: 1;
  display: flex;
  justify-content: center;
  align-items: center !important;
  display: inline-flex;
  display: none;
  /*! justify-content: center; */
  margin: auto;
}
#notifications {
  grid-row: 1;
  grid-column: 2;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0;
  align-items: center;
  padding-left: 0;
  min-width: 15rem;
  margin-left: -8px;
  display: flex;
}
.min #notifications {
  /*! margin-left: 10px !important; */
}
#toggle {
  /*! grid-row: 1; */
  /*! grid-column: 1; */
  /*! padding: 1rem 2rem 10px 2.6rem; */
  /*! cursor: pointer; */

  /*! margin-top: 6px; */
  display: flex;
  align-items: center;
}
.min #toggle {
  grid-row: 1;
  grid-column: 1;
  padding: 0;
  display: flex;
  justify-content: center;
  width: 44px;
  align-items: center !important;
  height: 44px;
  padding: 0px 12px;
}

#searchpad {
  grid-row: 1;
	grid-column: 3 / span 0;

  /*! margin: 8px 0px 0px 0; */
  min-width: 50rem;
  position: relative;
  left: -7.5%;
  padding: 4px 0;
}
.min #searchpad {
  grid-row: 2;
	grid-column: 1 / span 3;
  /*! display: none; */ 
}

.night-mode .page_block {
	color: var(--whi);
	background-color: var(--share) !important;
}

@media (max-width: 899px) {
  .logov {
 margin-bottom: 0;
}


  .sepa {
	background-color: var(--bodym) !important;

	padding-left: 0 1%;
}
.night-mode .sepa {
	background-color: var(--bgn) !important;
}
.night-mode .page_block {

	}
.night-mode .anchor.page_block {
		background-color: var(--bgh);
	}

}

.page-black {
	background-color: #ffffffed;

}

.page-black-sel {
	background-color: var(--tra);
	color: var(--whi)fff !important;
	width: 100%;
	width: -webkit-fill-available;
	width: -moz-available;
	background-color: #172337;
	border-radius: 8px !important;
	margin: 0 1rem !important;
}

.page-black-sel:hover {
	background-color: #2f4164;
	color: var(--whi)fff !important;
	border-radius: 8px !important;
	margin: 0 1rem !important;
}

.night-mode .page-black-sel:hover {
	color: var(--whi)fff !important;
	background-color: #2f4164 !important;
	margin: 0 1rem !important;
}

.night-mode .page-black {
	color: var(--whi)fff !important;
	background-color: var(--bgn) !important;
}

@media (max-width: 1099px) {
  .night-mode .page-black {
	color: var(--whi)fff !important;
	background-color: var(--blurn) !important;;
}
	.page-black-sel {
		width: fit-content !important;
		max-width: fit-content !important;
	}
}

.comme {
	border-bottom: 1px solid var(--border)
}
.night-mode .comme {
	border-bottom: 1px solid var(--blurn) !important;
}

.night-mode .commen {

}

.containerrev {
	width: 100%;
	width: -webkit-fill-available !important;
	width: -moz-available !important;
	max-width: 2500px;
	margin: 0 auto;
	position: relative;
	clear: left;
	flex-direction: column;
	overflow-y: scroll !important;
	overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

@media (max-width: 899px) {
  .commen {

}
	.containerrev {
		display: inline-flex;
		flex-direction: row;
		margin: 0 auto;
		align-items: center;
		white-space: nowrap;
		overflow-y: hidden !important;
		overflow-x: scroll !important;
		-ms-overflow-style: none;
		scrollbar-width: none;
		padding: 0 !important
	}
}

.containerrev::-webkit-scrollbar {
	display: none;
}

.fontrel {
	padding: .5rem 1rem 0 .5rem;
}

.information {
	cursor: text;
	border-radius: 11px;
	border: 0px solid #e6e6e6 !important;
	box-shadow: none !important;
}

.night-mode .information {
	background-color: var(--tra);
	cursor: text;
	border: var(--border-var(--tra));
	color: var(--whi);
}

.night-mode .information:hover {
	background-color: var(--tra);
	cursor: text;
	color: var(--whi);
}

.find {
  overflow: visible; 
  display: inline-flex !important;
  text-overflow: ellipsis;
  outline: 0;
  padding: 0 1rem;
  /*! border-radius: var(--br); */
  /*! border: 1px solid rgba(80, 80, 80, 0.3) !important;
  box-shadow: 0 0 0 1px rgba(80, 80, 80, 0.3) !important; */
}


.find.data {padding: 0 1rem;min-height: 36px;
/*! border-radius: var(--bro) !important; */
/*! box-shadow: inset 0 1px 2px #eee !important; */
/*! border: 1px solid var(--borderl); */
/*! overflow: hidden; */background-color: var(--datum);
/*! border: 1px solid #888; */border: 1px solid var(--datum);border-radius: var(--br);
}

.find.focused {
    border-color: var(--bgt);
background-color: var(--bg) !important;
  border: 1px solid var(--borderl) !important;
  /* box-shadows: 0 0 0 px #1182ff,0 0px 2px rgb(242, 244, 245) inset; */

}

.find:hover {
	background-color: var(--bg);
	border: 1px solid var(--datum);
}

.night-mode .find.data {

	color: var(--bg) !important;

	background-color: var(--find-night) !important;
	border: 1px solid var(--find-night) !important;
	box-shadow: none !important;
}
.night-mode .find:hover {
}
.night-mode .find.focused {
  box-shadow#: 0 0 4px rgba(0, 0, 0, 0.2) inset !important; 
  border-color: var(--cookie);
}
 .find .datum {

}
.night-mode .find .datum {
  background-color: var(--box-nigh);
  border: 1px solid var(--box-nigh);
}
#advices {
  grid-row: 1;
  grid-column: 4 / span 0;
  margin: auto 3rem auto 0;
  min-width: 50rem;
  position: relative;
  display: flex;
  padding: 4px 0;
  justify-content: end;
}
@media (max-width: 599px) {
  #advices {
  display: none
}
  .caret {
    display: block;
  }
#toggle {grid-row: 1;grid-column: 3;padding: 0;margin: auto;}
      #pages {
  max-width: 85rem;
  margin: 0;
}
  .fixed-header .find {
	padding: 0px 0px !important;
}
    .night-mode .fixed-header .find {
	padding: 0px 0px !important;

}
.night-mode .find {
	box-shadow: none !important;
	color: var(--bg) !important;

}
  .night-mode .home .find {
    box-shadow: none !important;
    color: var(--bg) !important;

    margin-top: 0px !important;

  }
}

.mode {
	background-color: var(--whi);
	border: var(--border-white);
}

.night-mode .mode {
	background-color: #111;
	border: 1px solid #111;
}

.night-mode .unmode {
	background-color: #000;
	border: 1px solid #000;
}

.reg {
	flex-direction: row;
}

@media (max-width: 599px) {
	.reg {
		flex-direction: column;
	}
}

@media (min-width: 1024px) {
	.fb66 {
		flex-basis: 66%;
		padding: 0
	}
}

.fb35 {
	flex-basis: 35%;
}

.fb33 {
	flex-basis: 24%;
}

.fb12 {
	flex-basis: 18%;
	background-color: var(--tra);
	border: var(--border-var(--tra)) !important;
}

.night-mode .fb12 {
	flex-basis: 18%;
	background-color: var(--tra) !important;
}

.fb28 {
	flex-basis: 28%;
}

.fb30 {
	flex-basis: 30%;
}

.fb46 {
	flex-basis: 46%;
}

.fb52 {
	flex-basis: 52%;
}

.fb56 {
	flex-basis: 56%;
}

.fb49 {
	flex-basis: 49%;
}

.fb40 {
	flex-basis: 45%;
}

.fb42 {
	flex-basis: 42%;
}

.fb100 {
	flex-basis: 100%;
}

@media (max-width: 899px) {
	.fb56 {
		flex: 1;
	}

	.fb33 {
		flex-basis: 28%;
	}

	.fb40 {
		flex-basis: 100%;
	}
}

@media (max-width: 999px) {
	.fb33 {
		flex-basis: 37%;
	}
}

.titles {
	opacity: .91;
	margin: 2rem 1rem .5rem 0rem;
}

.onfocus {
	height: 100%;
	width: 9rem;
}

@media (max-width: 799px) {
	.onfocus {
		width: 8rem !important;
		height: 8rem !important;
		max-width: 8rem !important;
		max-height: 8rem !important;
	}
}

.item4 {
	padding: .5rem 0rem;
  line-height: 1.1;
  max-width: 120px;
}

.ase {
	padding: 6px 2.1rem;
}

@media (max-width: 599px) {
.item4 {
  flex-wrap: wrap;
}

	.ase {
		padding: 5px 2.1rem;
	}
}

.A6Smgb {
	padding: 0 16px 0 0;
}

.rHLoR {
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	display: inline;
	height: 48px;
	margin: 0 12px 0 -6px;
	object-fit: cover;
	overflow: hidden;
	vertical-align: middle;
	width: 46px;
}

.ZZ7G7b {
	border-radius: 8px;
	border: 1px solid #dfe1e5;
	box-sizing: border-box;
	color: #3c4043;
	display: inline-block;
	height: 48px;
	margin-right: 8px;
	padding: 0 16px;
	position: relative;
	vertical-align: middle;
}

.ZZ7G7b {
	color: #3c4043;
}

.FAZ4xe {
	white-space: nowrap;
}

.blue {

}

.blue:hover {
	color: #ff008a;
}

.night-mode .blue {
	color: var(--whi);
}

.green {
	color: #34a853 !important
}

.night-mode .green {
	color: var(--whi)
}

.red {
	color: #ea4335;

}

.delivery {
	  /* color: var(--blueh) !important; */

	  /*! font-weight: 600; */
}

.news .delivery {
	  background-color: var(--datumh) !important;

}
.delivery:hover {
	 /*! background-color: var(--datumh) !important; */ 

}
.night-mode .delivery {/*! color: var(--bg) !important; *//*! background-color: var(--bgt) !important; */!i;!; !important; !important; !important;}
.gold {
	color: #ac6c36 !important;
	/*! color: var(--bgn) !important; */
}
.yellow {
	background-color: var(--gold) !important;

}
.yellow:hover {
  background-color: #edd89982 !important;
  color: var(--bgn) !important;
}
.cyan {
	background-color: var(--azzurro) !important;
	color: var(--bgn) !important;

	flex-grow: 1;
}
.cyan:hover {
	background-color: var(--buy) !important;
}

.grey {
	background-color: #bfbfbf;
}

.ux-textspans--PAYPAL {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: center;
	background-position-x: -155px;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.ux-textspans--VISA {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: center;
	background-position-x: 0;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.ux-textspans--MASTER_CARD {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: center;
	background-position-x: -39px;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.ux-textspans--AM_EX {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: center;
	background-position-x: -77.5px;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.ux-labels-values__labels-content,
.ux-labels-values__values-content {
	display: inline-block;
}

.vim.d-payments-minview .ux-layout-section-module .ux-layout-section--payments .ux-labels-values--payments .ux-labels-values__values-content span {
	line-height: 2.15;
	vertical-align: middle;
}

.modal-header {

}

.headers {
	margin-left: 7.5%;
}

@media (max-width: 699px) {
	.headers {
		margin: 0
	}
}

.yell {
	background-color: #f29900;
}

.gree,
.yell,
.grey {
	height: 12px;
	width: 12px;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin-right: 6px;
}

.gree {
	background-color: #188038;
}

#loading {
	display: block;
	width: 100%;

	left: 0%;
	text-align: center;

}

@media (max-width: 599px) {
	#loading {
		display: block;
		width: -webkit-fill-available;
		width: -moz-available;
		height: 100%;

		left: 0%;
		text-align: center;
		z-index: 99;
	}
}

#loading-image {
	width: 21rem;
	height: 10rem;
	margin-top: calc(14vw - 38px);
}

.loader {
	border: 16px solid #e9f0f5;
	border-radius: 50%;
	border-top: 4px solid #1d9bf0;
	border-right: 4px solid #1d9bf0;
	border-bottom: 4px solid #1d9bf0;
	border-left: 4px solid var(--tra);
	-webkit-animation: spin 1s linear infinite;
	animation: spin .5s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.selbg:hover {
	background-color: #eee;
}

.night-mode .selbg:hover {
	background-color: #292c2e;
}

.switch1 {
	display: inline-block;
	height: 27px;
	position: relative;
	width: 53px;
}

.switch1 input {
	display: none;
}

.posttype .slider {
	background-color: var(--bgn);
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
}
.night-mode .posttype .slider {
	background-color: var(--cookie);
}
.posttype .slider:before {
	background-color: var(--bg);
	bottom: 3px;
	content: "";
	height: 21px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 21px;
}

input:checked+.slider {
	background-color: var(--shop);
}
.night-mode input:checked+.slider {
	background-color: var(--cookie);
}

input:checked+.slider:before {
	transform: translateX(24px);
}

.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.ux-textspans--PAYPAL {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: -155px;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.ux-textspans--VISA {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: 0px;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.ux-textspans--MASTER_CARD {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: -39px;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.ux-textspans--AM_EX {
	background-image: url(https://www.twirld.com/image/icons/payment-logo-sprite.png);
	background-position: center;
	background-position-x: -77.5px;
	display: inline-block;
	height: 24px;
	width: 39px;
}

.evidence {
	border: 1px solid #ffa41c;
}

.night-mode .evidence {
	background-color: #111;
}

@media (max-width: 699px) {
	.night-mode .evidence {
		background-color: #000;
	}
}

.danger {

	display: inline-flex;
	align-items: center !important;

	padding: 9px 2rem;
	border-radius: var(--br) !important;
}

.success {
	background: var(--barb);
	align-content: center;
	display: flex;
	justify-content: end;
}

.night-mode .success {

	background-color: var(--cookie);
}

.night-mode .danger {

	background-color: var(--cookie);
}

.anchor {

	margin: auto;

	position: relative;

	z-index: 11;

	scrollbar-width: none;    top: calc(20%) !important;
    border-radius: var(--sqrl);
}

@media (max-width: 699px) {
  .anchor {position: fixed;top: 0;z-index: 11;scrollbar-width: none;top: calc(34rem) !important;border-radius: 14px 14px 0 0;box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.2);}
	.danger {

	}

	.success {
		padding: 10px 14px;
	}

}

.avr {
	width: 4.3rem;
	height: 4.3rem;
	max-width: 4.3rem;
	max-height: 4.3rem;
	z-index: 0;
	cursor: pointer;
	background-size: 112%;
	background-position: 50% 50%;
	border-radius: 50%;
	box-sizing: content-box;
}

@media (max-width: 599px) {
	.avr {
		width: 4.2rem;
		height: 4.2rem;
		max-width: 4.2rem;
		max-height: 4.2rem;
	}
}

.avrg {
  width: 12rem;
  aspect-ratio: 1 !important;
  cursor: pointer;
  background-size: 144%;
  background-repeat: no-repeat;

  background-position: 50% 50%;
  box-sizing: content-box;
  background-color: var(--bgnh);

  border-radius: var(--br) !important;
}

@media (max-width: 599px) {
 	#thumb-image .avrg { 
    width: 8rem;
  height: 8rem;
    border: 1px solid var(--twirls);
    margin-bottom: 1rem !important;
  }

	.avrg {width: 100%;aspect-ratio: 1 / 1;margin: 0;margin-bottom: -1rem !important;border-radius: 9px !important;}
}

.wide {}

.containerchat {
	display: flex;
	flex-direction: column;
}

@media (min-width: 800px) {
	.containerchat {
		display: inline-flex;
		flex-direction: row;
	}
}

.containergrid {
	display: flex;

	background-color: var(--lgray) !important;
	padding: 10px;
}

.night-mode .containergrid {
	border: 1px solid var(--bordern) !important;
	background-color: var(--bordern) !important;
	background-image: linear-gradient(180deg, var(--bordern), var(--bordern) 50%, var(--bordern) 99%);
}

@media (max-width: 599px) {
	.containergrid {
		background-color: var(--lgray) !important;
		margin: 8px 0px;
		border: none !important;
		border-radius: var(--fs);
		padding: 0;
		padding-bottom: 0px
	}

	.night-mode .containergrid {
		border: 1px solid var(--bordern) !important;
		background-color: var(--bordern) !important;
	}

	.rel {
		flex-direction: column-reverse;
	}

	.relimg {
		min-width: -webkit-fill-available !important;
		min-width: -moz-available !important;
		max-width: -webkit-fit-available !important;
		max-width: -moz-available !important;
		background-size: cover !important;
		min-height: 46vw !important;
		margin-bottom: 1rem !important;
		background-position: 50% !important
	}
}

.mini {
	height: 38px;
	display: inline-flex;
	cursor: pointer;
	justify-content: space-around;
	flex-direction: column;
	border-radius: var(--br) !important
}

.sociali {
	width: fit-content;
	cursor: pointer;
	display: inline-flex;
	align-items: center !important;
	margin: 3px;

	box-sizing: border-box;
	border: var(--border-var(--tra)) !important;
	padding: 3px 7px;

	border-radius: 4px;
	margin: 1px !important;
	min-height: 28px;
	max-height: 40px;
	border-radius: 100px;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	width: fit-content;
	justify-content: center;
}

#cart-total {
font-weight: 400 !important;
/*! font-size: 15px; */
  }

.night-mode .sociali:hover {
	color: var(--whi) !important;
}
#sidebar .pull-right {
	font-size: 15px;
	display: flex;
	align-items: baseline;
	height: 100%;
	margin: 0;
	padding: 0;
}

.socialis {
	width: fit-content;
	cursor: pointer;
	display: inline-flex;
	align-items: center !important;
	margin: 3px;
	white-space: nowrap;
	line-height: 1.25rem;
	box-sizing: border-box;
	border: 1px solid var(--border) !important;
	background-color: var(--cyan);
	padding: 10px 14px !important;
	text-align: center;
	border-radius: var(--sqr);
	margin: 1px !important;
}

.socialis:hover {
	border: 1px solid var(--blue) !important;
	background-color: #cee6ff;
}

.night-mode .socialis {
	border: 1px solid --dgray !important;
	background-color: var(--bordern);
}

.containerpage {
	display: flex;
	flex-direction: row;
	width: -webkit-fill-available;
	max-width: 1024px;
	margin: 0 auto;
	margin-bottom: 5rem;
}

@media (max-width: 599px) {
	.containerpage {
		display: flex;
		flex-direction: column;
		max-width: 899px;
		margin: 0 7.5%;
		margin-bottom: 3rem;
		padding: 0;
	}
}

.containerpages {
	display: flex;
	flex-direction: row;
	margin-bottom: 0px;
	margin-bottom: 5rem;
	clear: left;
	border-radius: 2rem;
	padding: 1rem;
	padding-bottom: 1rem;
	max-width: 130rem;
}

@media (max-width: 599px) {
	.containerpages {
		display: flex;
		flex-direction: column;
		max-width: 549px;
		margin: 0;
		padding: 0;
		width: -webkit-fill-available;
		width: -moz-available;
	}
}

.regular {
	display: inherit;
}

.grid-container-menus {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: center;
	flex-direction: row;
}

.grid-items {
	text-align: left;
	border-radius: 0.5rem;
	width: -webkit-fill-available;
	height: auto;
	border: 1px solid #dadce0;
	background-color: var(--whi);
	background-position: 50%;
	float: left;
	width: 17rem;
	height: 17rem;
}

.night-mode .grid-items {
	background-color: #1a1a1a;
	border: 1px solid #1c1e20;
}

.grid-items:hover {
	box-shadow: 0 0 5px #9aa0a6;
}

@media (max-width: 500px) {
	.grid-container-menus {
		justify-content: center;
	}

	.grid-items {
		width: 15rem;
		height: 15rem;
	}
}

.grid-container-menus-stream {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: center;
	flex-direction: row;
}

.grid-items-stream {
	text-align: center;
	border-radius: 0.4rem;
	width: -webkit-fill-available;
	height: auto;
	border: 1px solid;
	background-color: #f7f9f9;
	float: left;
	border: 0;
	padding: 6rem 8rem;
}

.PieIgb {
	margin: 4px 7px 12px 4px;
	border-radius: var(--br);
}

.XI95Cc {
	border-radius: 12px;
	width: 156px;
	height: 162px;
	flex: 1;
	border-color: #dadce0;
	background-color: #aaa;
	height: 16rem;
	width: 16rem;
	border-radius: var(--br);
}

@media (max-width: 500px) {
	.XI95Cc {
		height: 10rem;
		width: 10rem;
	}
}

.night-mode .XI95Cc {}

.XI95Cc:hover {
	box-shadow: 0 0 5px #9aa0a6;
}

.Usd1Ac {
	border-radius: var(--br);
	background-color: var(--gray);
	border: 1px solid #dadce0;
	box-shadow: none;
}

.KC1dQ {
	border-radius: var(--br);
	background-color: #eee;
	border-width: 0;
}

.VfPpkd-WsjYwc-OWXEXe-INsAgc {
	border-width: 1px;
	border-style: solid;
	border-color: #e0e0e0;
}

.VfPpkd-WsjYwc {
	border-radius: .5rem;
	background-color: #eee;
	background-color: var(--mdc-theme-surface, var(--whi));
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	background-color: #d1d1d1;
}

.night-mode .VfPpkd-WsjYwc {
	background-color: #1a1a1a;
	border: 1px solid #555555;
}

.tOzDHb {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 12px 8px 12px 12px;
	box-sizing: border-box;
	color: var(--whi);
}

.r38cEf {
	margin-bottom: 4px;
}

.uPT9Ec {
	border-radius: 4px;
	width: 47px;
	height: 20px;
}

.COaKTb {
	display: flex;
	line-height: 1rem;
	text-transform: uppercase;
	-webkit-box-align: center;
	box-align: center;
	align-items: center;
	box-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	height: 22px;
	color: white;
}

.RwFyvf {
	line-height: 1.25rem;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden;
	position: relative;
	height: inherit;
}

.F64egd {
	display: flex;
	flex-direction: column;
	margin-top: auto;
}

.ek9iae {
	line-height: 1.5rem;
	margin-bottom: 2px;
}

.JLPHhb {
	height: 24px;
	overflow: hidden;
	display: block;
}

.Bu4oXd {
	transform: translateY(calc(-100% + 27px));
	transition: transform .2s linear;
	width: max-content;
	overflow: hidden;
	text-overflow: ellipsis;
}

.YMlKec {
	display: flex;
	align-items: center;
}

.VOXKNe {
	line-height: 1.5rem;
	padding: 0 8px;
	border-radius: 8px;
	width: min-content;
	min-width: 40px;
	color: #a50e0e;
	background: #fce8e6;
}

.VOXKNe {
	line-height: 1.5rem;
	padding: 0 8px;
	border-radius: 8px;
	width: min-content;
	min-width: 40px;
	color: #a50e0e;
	background: #fce8e6;
}

.NydbP {
	height: 32px;
	overflow: hidden;
	display: inline-block;
}

.tOzDHb {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 12px 8px 12px 12px;
	box-sizing: border-box;
	color: var(--whi);
}

.JwB6zf {
	display: flex;
	-webkit-box-align: center;
	box-align: center;
	align-items: center;
	box-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	white-space: nowrap;
}

.V53LMb {
	display: flex;
}

.Usd1Ac .VfPpkd-BFbNVe-bF1uUb {
	opacity: 0;
}

.KC1dQ .VfPpkd-BFbNVe-bF1uUb {
	opacity: 0;
}

.VfPpkd-WsjYwc .VfPpkd-BFbNVe-bF1uUb {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.NZp2ef {
	background-color: #e8eaed;
}

.VfPpkd-BFbNVe-bF1uUb {
	position: absolute;
	border-radius: inherit;
	pointer-events: none;
	opacity: 0;
	opacity: var(--mdc-elevation-overlay-opacity, 0);
	transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
	background-color: #eee;
	background-color: var(--mdc-elevation-overlay-color, var(--whi));
}

.iCC4Me {
	margin-left: 108px;
	margin-top: -52px;
}

.fmErj {
	padding: 0;
}

.JRtysb {
	-webkit-user-select: none;
	transition: background .3s;
	border: 0;
	border-radius: 50%;
	color: #444;
	cursor: pointer;
	display: inline-block;
	fill: #444;
	flex-shrink: 0;
	height: 48px;
	outline: none;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-tap-highlight-color: var(--tra);
	width: 48px;
	z-index: 0;
}

.action {
	background-color: #4c24b5;
	color: var(--whi);
	padding: 1px 5px;
}

.tabtop {
	background-color: #f7f9f9;
}

.night-mode .tabtop {
	background-color: #1c1e20;
}

.topbtn {
	margin: auto;
	padding: 0px !important;
}

.avatarspace {
	margin: 1rem 1%;
}

@media (min-width: 800px) {
	.avatarspace {
		margin: 1rem 7%;
	}
}

.borders {
	box-shadow: 0 8px 24px rgba(0, 0, 0, .16);
	border: 1px solid #eceff1;
	border-top: 0;
}

.night-mode .borders {
	box-shadow: 0 8px 24px rgb(0 0 0 / 16%);
	border: var(--border-var(--tra));
	border-top: 0;
}

.navi {
	max-width: 100%;
	min-height: 48px;
	overflow-x: auto;
	white-space: nowrap;
	display: flex;
	overflow-y: hidden;
	overflow-x: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#form-review input[type="text"], 
input[type="text"]::placeholder {
  color: inherit !important;  
  min-height: 3.4rem !important; 
  border: none !important;
  border-bottom: 1px solid #777 !important;
  border-radius: 0 !important;
  margin: 4px !important;
}

input[type="text"], 
input[type="text"]::placeholder {
  color: inherit !important;  
  min-height: 4.4rem;
  /*! cursor: text; */
  /*! display: block; */
  margin: 4px !important;
}
.find input[type="text"], 
input[type="text"]::placeholder {
  color: inherit !important;  
  min-height: 38px;
  margin: 0 !important;
  position: relative;
  font-family: 'Inter', Arial, sans-serif;
}

input[type="text"]:focus, 
input[type="text"]:focus::placeholder {
  color: inherit !important;  

}

.night-mode input[type="text"],
.night-mode input[type="text"]::placeholder {

}

.night-mode input[type="text"]:focus,
.night-mode input[type="text"]:focus::placeholder {

}

.night-mode .adv {

	background-size: cover;

	color: var(--bg);
}

.modalimg {
	object-fit: contain;
	object-fit: contain;
	width: 100%;
	height: -webkit-fill-available;
	height: -moz-available;a
	margin: auto 0rem;
}

@media (min-width: 199px) {
	.modalimg {
		object-fit: contain;
		width: 100%;
		height: -webkit-fill-available;
		height: -moz-available;
		margin: auto 0rem;
	}
}

.lateralimg {
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	width: -webkit-fill-available;
	padding: 35% 0;
	background-position: 50% 50%;
	margin: 0px auto;
}

@media (min-width: 599px) {
	.lateralimg {
		object-fit: none;
		width: 100%;
		padding: 30% 0;
	}
}

.activeposts {
	color: #1a73e8;
	border-bottom: 2px solid #1a73e8;
	border-radius: 0;
	padding: 0px 0% 17px 0%;
}

.night-mode .activeposts {
	color: var(--whi);
}

.desktext {
	display: inline-flex;
	cursor: pointer;
	padding: 0px .7% 9px .7%;
	white-space: nowrap;
}

.fashion {
	background-color: #f7f8fa;
	border: 1px solid #f7f8fa;
}

.night-mode .fashion {
	background-color: #111;
	border: 1px solid #111;
}

.mid .data {
	margin: auto 8px auto 0px;
	display: flex;
	justify-content: center;
}
  .night-mode .mid .data {

  border-radius: 3px !important;

}
.data {cursor: pointer;display: inline-flex;white-space: nowrap;box-sizing: border-box;-moz-user-select: none;text-decoration: none !important;/*! border-radius: var(--br) !important; */border: none;justify-content: start;box-shadow: none;position: relative;z-index: 0;/*! min-height: 1rem; */padding: 8px;gap: 20px;
	/*! min-width: 4.5rem; *//*! font-weight: 350; */letter-spacing: .2px;padding: 8px;display: inline-flex !important;align-items: center !important;/*! font-size: 17px; */
	min-height: 42.1px;margin: 2px 0px;
/*! min-width: 17rem; */
/*! font-weight: 400; */
/*! text-transform: uppercase; */
}
.gridcat .data {
	/*! height: 100%; */
	/*! aspect-ratio: 1; */
	flex-direction: column;
	overflow: hidden;
	display: grid;
	align-content: baseline;
	grid-template-columns: 3.7rem 1fr;
	gap: 8px 0;
	flex: 0 1 min(23rem, max(24rem, 100%));
}
.hidden-block .data {
margin-top: 0 !important;
margin-bottom: 0 !important;
background-color: unset !important;
}

.gridcat .data:hover {
background-color: unset !important;
}
.blu {
color: #4d92e3 !important;
}
#ideal .data {

max-width: 16rem !important;
font-size: 16px !important;
}
.log.data {
border: 1px solid currentColor;
border-radius: 3rem !important;
min-width: 9rem;
  margin-left: 2rem !important;
  font-size: 14px;
  gap: 10px;
/*! position: fixed !important; */
/*! bottom: 2.5rem; */
margin: 1rem;
padding: 8px 12px;
}
.min .log.data {
  margin-left: 0 !important;
  gap: unset;
  border: none;
  border-radius: var(--br) !important;
}
.min .log.data .mar {
display: none !important;
}
.gridcat .data .avatar {
  width: 100%;
	height: 100%;
	aspect-ratio: 1;
	flex-direction: column;
	overflow: hidden;
  max-height: unset;
  min-width: unset;
  border-radius: var(--bro) !important;
}
.sidebar-content .data {
	min-height: 3.5rem;
}
.signin {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border-radius: var(--rem);

  justify-content: center;
}
.bag.signin {
background-color: var(--tra) !important;

}
.night-mode .bag.signin {
	    color: var(--bg);
}
.logoes .signin {
  padding: .3vw !important;

}
.signin:hover {
  background-color: var(--bodym);
}
.night-mode .signin:hover {
 background-color: var(--cookie);
}

.night-mode .signin {

  padding: 0;

}
.mid .side {
  display: none !important;
 }  
    button .side {
  text-align: right;
 } 
@media (max-width: 599px) {
  .gridcat .data .avatar {
  width: 100%;
  /*! min-height: 14rem; */
  aspect-ratio: 1;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}
  .visible .side {

  margin: 0 var(--rem);
  display: block !important;
 }   
.data::before {
  background: var(--tra) !important;
}
.signin {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  border: none !important;
  background: transparent;

  justify-content: center;
}
  .signin:hover {
  background-color: var(--tra);
}
  .night-mode .signin:hover {
 background-color: var(--tra);
}

.gridcat .data {
	/*! min-width: 18rem; */
	/*! aspect-ratio: 1; */
	flex-direction: column;
	overflow: hidden;
	display: grid;
	align-content: baseline;
	grid-template-columns: 3.7rem 1fr;
	gap: 8px;
	flex: 0 1 min(44%, max(50rem, 100%));
}
.data {
	display: inline-flex;
	justify-content: start;
	z-index: 0;
	white-space: wrap !important;
	/*! padding: 10px !important; */
	/*! max-width: 90%; */
	background-color: var(--bg);
}
  .find.data {
  padding: 0px 10px;
  min-height: 30px !important;
  max-height: 38px !important;
  margin: 4px auto;
  border: none;
  background: none;
}
	.night-mode .find.data {
    color: var(--bg) !important;
    background-color: var(--bgn) !important;
    border: 1px solid var(--bgn) !important;
    box-shadow: none !important;
}
  .find .mar {
  min-height: 35px !important;
}
	.night-mode input {
    /*! color: var(--bg) !important; */
    background-color: var(--bgn) !important;
    border: 1px solid var(--bgn) !important;
    box-shadow: none !important;
}
  .log.data {
  min-width: 3rem;
    width: fit-content !important;
}
.nav .data {
	display: inline-flex;
	justify-content: start;
	z-index: 0;
	white-space: wrap !important;
	padding: 7px !important;
min-width: 15rem;
}

	.night-mode .comm {
		border-color: var(--bordern) !important;
		width: -webkit-fill-available !important;
		width: -moz-available !important;
	}

.data:hover, .data:active {
background-color: unset !important;
}
}

.after-content .data::before {
  border-radius: 0;
  background: var(--datum) !important;
  transition: width .05s, height .05s;
}

.min .data:hover:before {

}
.data:hover:before {

}

.dropdown-toggle.data:hover:before {
  border-radius: var(--rem);
}

.night-mode .data {
	color: #fefefe;
	background-color: var(--bgn);
}
.night-mode .data::before {

}

.datachat {
	width: fit-content;
	padding: 0.42rem;
	border-radius: var(--br);
	cursor: pointer;
	display: inline-table;
	align-items: center !important;
	line-height: .9var(--rem);
	background-color: #ededed;
	border: 1px solid #ededed;
}

.night-mode .datachat {
	background-color: #444;
	border: 1px solid #444;
	color: var(--whi);
}

.datachat:hover {
	text-decoration: none;
}

.exp {
	width: -webkit-fill-available !important;
	width: -moz-available !important;
}

.comm {
	border-color: var(--whi) !important;
}

.night-mode .comm {
	background-color: var(--tra) !important;
	border-color: var(--bordern) !important;
}

.chat {
	height: fit-content;
	border-radius: 0;
	word-break: break-word;

	width: fit-content;
border: 1px solid var(--tra) !important;
	flex-direction: column;
}

.night-mode .chat {
	border-color: var(--bordern);
	color: var(--whi) !important;
}

.chat:hover {
	text-decoration: none;
}
@media (max-width: 600px) {
.night-mode .chat:hover {
	text-decoration: none;
}

}

.thum {
	height: fit-content;
	border-radius: 2rem;
}

.ter {
	padding: 7px 5px !important;
}

@media (max-width: 800px) {
	.chat {
		min-width: 14px !important;
		min-height: 14px !important;
		margin-top: 0 !important;
		padding: 0;
		justify-content: start;
		display: flex;
	}

	.ter {
		border: none;
		border-bottom: 1px solid var(--border);
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		padding: 7px 5px 15px 5px !important;
	}

	.chats {
		margin-left: 0rem;
		background-color: var(--whi);
		margin-bottom: 1.8vh !important;
		border-radius: 1.4rem;
	}
.nav.header.headerg.full {
  margin-left: 0;

  justify-content: start;
  gap: 1em;
}

 .nav.page_block {
/*! border-bottom: 1px solid #e1e1e1; */padding-top: 0px !important;padding-left: 1.5rem;}
.night_mode .nav.page_block {
 border-bottom: 1px solid var(--bordern); 
} 
 .wrap {
  /*! margin: 0px 0 10px 15px !important; */
  justify-content: center !important;
}
  #mainCol3  {
 width: 100vw;
    }
.nav.lin {
  gap: 1em !important;
	display: flex;
}
}

.twirls {
  background-color: var(--twirls) !important;

  color: var(--bg) !important;
}

.datapay:hover::after, .datapay.active::after {
  left: calc(50% - 50%); 
  width: 100%; 
}
.news, .news.activetabs {

}

.gold.activetabs {
	/*! color: var(--bg) !important; */
}

.night-mode .item-2 .activetabs, .night-mode .item-2 .activetabs {
	cursor: auto;
	opacity: 1 !important;

	position: relative;
	background-color: var(--bgh) !important;
}

.night-mode .item-2 .datum.activetabs {
	cursor: pointer !important;

}
.activetabs {
	cursor: pointer !important;
	background-color: var(--bgn) !important; 
	/*! border-bottom: 2px solid; */
	border-radius: 0;
	cursor: text !important;
	/*! font-weight: 600; */
	/*! border: 1px solid var(--bg); */
	color: var(--bg);
}
.rig .active {
  /*! text-decoration: underline; */
  color:  var(--twirls) !important;
}
.rig .activetabs {
	cursor: pointer !important;
	background-color: none !important;
	/*! position: relative; */
	/*! font-weight: 700; */
	/*! color: var(--bg) !important; */ 
	/*! text-shadow: 0 0 1px currentColor; */
}

.cart.activetabs {
	cursor: pointer !important;
	border-radius: var(--bro) !important;
	padding: 0px 60px;
}
.night-mode .cart.activetabs {
	cursor: auto !important;
	background-color: var(--bg) !important;
	color: var(--bgn); 
}

.activetabs:hover {
	cursor: pointer !important; 
	color#: var(--bg) !important; 
}

.night-mode .datum.activetabs {
  background-color: var(--box-night) !important;
  color: var(--bgn);
}
.night-mode .activetabs:hover {

}

 .all .activity
{
  -ms-overflow-style: -ms-autohiding-scrollbar;
  list-style: none;
  display: flex !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
  flex-wrap: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;

  -webkit-text-stroke: 0px;
  width: -webkit-fill-available;
  width: -moz-available;
  border: 1px solid var(--border) !important;

  overflow: visible;

  ::-webkit-scrollbar {    width: 7px;  }

  ::-webkit-scrollbar-thumb {    background-color: your_color_here;  }

  ::-webkit-scrollbar-track {    background-color: your_background_color_here;  }

  padding: 0 var(--rem);
}

  .night-mode .activity
{
  border: 1px solid var(--bordern);
  }
  .activity .gridrow
{ 
  flex-direction: row;
  padding-bottom: 0px !important;
    }

.activetabs::after {
  /*! content: ''; */
  position: absolute;
  bottom: 0px; /* Appena sotto, senza sporgere */
  left: 0px; /* Stessa distanza del padding */
  width: calc(100% - 0px); /* Considera il padding su entrambi i lati */
  height: 2px;
  background-color: #2d2a26;
  border-radius: 2px;
  transition: left 0.3s ease, width 0.3s ease;
  z-index: 1;
}


.pages .activetabs::after {
  display: none
}
.night-mode .activetabs::after {
  background-color: var(--bg); 
}

#users .activetabs::after {
 content: none !important;
}
@media (min-width: 599px) {
.datapay.activetabs::after {border-radius: 4px;height: .15vw;}
  }
@media (max-width: 599px) {
  .custom-button {width: calc(33.333% - 12px) !important;margin: 4px 0px !important;border: none !important;}
.datapay.activetabs::after {
  height: 2px;
  border-radius: 2px;
}
.reporter {
  padding: 1rem 3rem !important;
}
  .all .activity { 
  min-height: fit-content; 
  flex-direction: row !important;
  border-bottom: none !important;
  border-top: none !important;

  background: none !important;
  min-height: fit-content;
  max-height: fit-content%;
  padding-left: 0;

    }
    .activity .title { 
  margin-top: 5px;
  text-align: center;
  padding: 0 1rem;
    }
    .all .activity .avatar {}
  }

.paging {
  order: 3;
    }
.tra {
  background: none !important
    }
#sidebar #section4 {
  display: none !important;
     }
.nav {
	align-content: center;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	list-style: none;
	display: flex !important;
	white-space: nowrap;
	display: flex;
	/*! overflow-y: hidden; */
	overflow-x: scroll !important;
	display: flex;
	scrollbar-width: none;
	overflow-y: hidden;
	/*! margin: 0; */
	/*! margin: 0px 10px; */
	overflow: hidden;
	align-items: center;
	gap: .5%;
	/*! justify-content: center; */
	width: 100%;
	overflow: visible;
	/*! padding: 0 10px; */
	min-height: fit-content;
}

#user .nav {
	gap: 6px;
}
 .nav.sub {
	margin: -1rem -1rem 1rem 1rem;
}
 .news .nav {
	margin: 0;
	gap: unset;
	gap: 1px 7px;
	margin-left: 2rem;
}

.top-container .nav {
	border-bottom: none;
}
.custom-button {font-size: 15px;font-weight: 300 !important;/*! margin-right: 1rem; */}

.headerg {
}

.gator  .nav {
   justify-content: flex-start;

}
#users .nav {

  background-color: var(--barb);
  border-radius: var(--m);
}
.nav.bar {
 margin: 0 unset;
 max-width: 100%;

}
.night-mode #users .nav {
  background-color: var(--bgh) !important;

}

.nav>li>a {
    mamargin-bottom: 0px;
    background-c;float: left;
    background-color: var(--bg);
    opacity: 1;
}
.night-mode .nav > li > a {
  mamargin-bottom: 0px;
  float: left;
  background-color: var(--bor);
  opacity: 1;
}

.nav>li>a:focus,.nav>li>a:hover {
    :padding-bottom: 14pxcursor: defaultbackground-color: transparentopacity: 1border-bottom: 2px solid #3897f0;
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

.nav .open>a,.nav .open>a:focus,.nav .open>a:hover {
    border-color: #337ab7;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
}

.nav-tabs>li {
    float: left;
}

.nav-tabs>li>a {
    line-;white-space: nowrap;
}

.nav-tabs>li>a:hover {
}

.nav-tabs .active .datum {
  background-color: var(--twirls) !important;
  color: var(--bg);
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
    px solid #4285f4;outline-width: 0;

}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.wrap {
  flex-wrap: wrap !important;
  /*! gap: 0; */
  /*! padding-bottom: 0; */
  /*! margin-bottom: 8px; */
  /*! justify-content: center; */
}
@media (min-width: 768px) {

.wrap {
  flex-wrap: wrap !important;
  gap: 12px;
  /*! margin: 0 0px 3rem 11px; */
}
.news .wrap {
  justify-content: end !important;
}
    .nav-tabs.nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
    border: 1px solid #E7E8EC
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified>li>a {
        border-bottom:1px solid #E7E8EC;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover {
    color: #1da1f2;
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified {
    width: 100%
}

.nav-justified>li {
    float: none
}

.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media (min-width: 768px) {
    .nav-justified>li {
        display:table-cell;
        width: 1%
    }

    .nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a {
    margin-right: 0;
    border-radius: 4px
}

.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
    border: 1px solid #E7E8EC
}

@media (min-width: 768px) {
    .nav-tabs-justified>li>a {
        border-bottom:1px solid #E7E8EC;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover {
        border-bottom-color: #fff
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (min-width: 768px) {
    .col-right {
        margin-left: 0.4%;
    }
}

a, a:active, a:focus, button, button:focus, button:active, .btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: 0;
    cursor: pointer;
}
.lef {
  padding-left: 2.8em;

  display: inline-flex;
  align-items: center;
  line-height: 2;
}
.filter.lef {
  padding-left: 2.3em;
}
.nav>li>a:focus, .nav>li>a:active {
    box-shadow: none;
}

input::-moz-focus-inner {
    border: 0;
}

#modal-quicksignup .form-control# {
    background: transparent;
    box-shadow: none;
    margin-top: 11px;
    color: #161823;

    box-sizing: border-box;
    border-radius: 3px;
    line-height: 36px;
    padding: 0 16px;
    position: relative;
    width: 100%;
}

#m1 .pad, #m2 .pad {

}
.pad {

} 
}
.min .pad {
    margin: 0 ;
    padding: 0 !important;
}
#bags .pad:hover {
    margin: 0 ;

 background: var(--tra);
}
.min .pad:hover {
    margin: 0 ;
    padding: 0 !important;
 background: var(--tra);
}
.data:hover, .data.active {
 background: var(--datum);

}
.night-mode .data:hover, .night-mode .data.active {
 background: #181818;

}
.night-mode .pad:hover, .night-mode .pad.active {

   overflow: hidden
}
.after-content .pad:hover {
 background: none !important;
}
.min #sidebar .pad:hover {
  background: var(--bodym);
  border-radius: var(--br) !important;

}
.night-mode #sidebar .data:hover {
  background: var(--find-night) !important;
}
.night-mode .pad {
    /*! background-color: var(--share); */
}
.night-mode .pad:hover, .night-mode .pad.active {
   overflow: hidden;
    background-color: var(--bordern);

}

@media (min-width: 768px) {
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
    }
}

  .flexo .modal-content {

  flex-direction: column !important;
  display: flex;
    min-height: unset !important;

 }
.nav .datum.com.expl {
padding: 10px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
}
.nav.expl .datum.com {
padding: 10px 10px;
      display: flex;
    flex-direction: column; /* Disposizione verticale */
    align-items: center; /* Allinea al centro */
    text-decoration: none;
    /*! color: inherit; */
}


.nav.rig {
  justify-content: start;
  width: fit-content;
  /*! margin: -1rem 1rem; */
}
.sub.active {
  text-decoration: underline; 
}
@media (max-width: 599px) {
  
 .nav {
	justify-content: start;
	/*! padding-left: 0; */
	gap: 2%;
}
  
.nav.rig {
  margin: -0.5rem 0 0rem 2rem;
}
  .nav .datum.com {
padding: 10px;
}
   .tag-item {
  margin: 1px -15px -5px 15px; 
}
  .flexo .modal-content {
  border-radius: 0;
    aspect-ratio: unset !important;
    min-height: 92vh !important;
}
  .filter.lef {
  padding-left: 2em;
}
    .modal {
        width: 100%;
        backdrop-filter: saturate(100%) blur(3px) !important;
        background: rgba(55, 55, 55, 0.5);
    backdrop-filter: none !important;
    }
.night-mode .modal {
    background-color: var(--blurn) !important;;
}
    .modal-header {
        border-radius: 0px;
        padding: 1em;
        z-index: 99;
    }

    .modal-body {
        border-radius: 0px;
    }

    .modal-content {
    }
    box-shadow: none !important;
}

.night-mode .modal-content {

}

.modal-scrollbar-measure {
    overflow: hidden;
}

body.modal-open {
    width: 100% !important;
    padding-right: 0!important;
    position: fixed!important;
}

.nav-tabs>li {
    float: left;
}

.nav-tabs>li:hover {
    float: left;
}

.nav-tabs>li:active.focus {
    float: left;
    border-bottom: 2px solid #3897f0;
}

@media (min-width: 415px) and (max-width: 1023px) {
    .modal-content {
        z-index: 20;
        max-width: 1024px;
    }
}

.top {
    margin-left: 2rem;
}

.bottom {
    bottom: 0px
}

.modal-backdrop {
    display: none;
}

.modal {
    -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    -moz-backdrop-filter: saturate(180%) blur(20px) !important;
    backdrop-filter: saturate(0%) blur(4px);

    text-transform: initial;

    background-color: rgba(0,0,0,.25);
    /*! -webkit-backdrop-filter: blur(3px); */

}

.night-mode .modal {
    background: rgba(0, 0, 0, 0.3) !important;
}

.btn-secondary {
    cursor: pointer;
    box-sizing: border-box;
    padding: 2px 16px;
    max-width: fit-content;
    width: fit-content;
    width: -moz-fit-content;
    height: -moz-fit-content;
    border: 1px solid #c7c7c7;
    background-color: #ebeaea;
    opacity: 1;
    border-radius: 4px;
    display: inline;
    white-space: nowrap;
    border: 1px solid #dadce0;
    background: -webkit-linear-gradient(top,#f8f9fa,#dadce0);
}

.night-mode .btn-secondary {
    cursor: pointer;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #3a3b3c;
}

@media (max-width: 499px) {
    hrm {
        margin: 2rem;
        height: 1px;
        border: 0;
        border-top: 1px solid #e4e7ec;
        margin-bottom: -1px;
        width: -webkit-fill-available;
        width: -moz-available;
    }

    .night-mode hrm {
        border-top: 1px solid #555555;
    }
}

.night-mode .dropdown-menu {
    background-color: var(--share);
}

.night-mode .alert {

}

@media (max-width: 699px) {
input[type="password"] {
    font-size: 14px !important;
}
}

@media (max-width: 1023px) {
    .col-sm-6 {
        width: -webkit-fill-available;
        width: -moz-available !important;
    }

    .panel-title {
        padding: 1.5rem;
    }
}

.night-mode .form-control:focus, .night-mode .form-control:hover {

}

.night-mode button, .night-mode input, .night-mode select, .night-mode textarea {
}

.bo {

  max-width: 108rem;
  min-width: unset !important;
}
  .second {
    font-size: 90%;
  }
@media (max-width: 899px) {

.datapay {

}

  .bo {
  margin: var(--rem) auto;
  border-radius: 12px;
  padding: 3.5%;
}
  .container.reporter {
  padding: 1em !important;
  aspect-ratio: unset !important;
  border-radius: var(--m);
  margin: 0;
  min-height: 100%;
}

    .container.footer {
flex-direction: unset !important;
justify-content: start;
      align-items: center;
      display: flex;
flex-wrap: wrap;
padding-left: var(--rem);
line-height: 1;
      padding-bottom: 2rem !important;
    }
 .second {
flex-direction: row !important;
justify-content: start;
      align-items: center;
      display: flex;
min-width: fit-content;
font-size: 80%;
    }

  #user .datapay {
    font-size: unset !important;
}
}

.icons {
  align-items: center;
  display: inline-flex; 
  width: 17px;
  stroke-width: 1.3;
}
.sidebar .icons {
  align-items: center;
  display: inline-flex; 
  width: 22px;
  stroke-width: 1.3;
}
.icons {
  align-items: center;
  display: inline-flex; 
  width: 15px !important;
  stroke-width: 2;
  height: 15px !important;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nav .datum {
  /*! background-color: var(--border); */
  /*! font-weight: 500; */
  font-size: 15px;
  letter-spacing: .15px;
  /*! text-transform: uppercase; */
  border-radius: var(--brm) !important;
  padding: 7px 8px;
  /*! border: 1px solid rgba(0, 0, 0, .1); */
  /*! color: #5d5d5d; */
  font-weight: 500;
  /*! min-width: 4.6rem; */
  /*! display: inline-block; */
  background-color: var(--border);
}
.nav .datum.cart {
  min-height: unset
}
.nav .datum:hover::after {
  /*! content: ''; */
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: calc(100% - 0px);
  height: 2px;
  background-color: #2d2a26;
  border-radius: 2px;
  transition: left 0.3s ease, width 0.3s ease;
  z-index: 1;
}
.news .datum::after {
  background-color: transparent !important;
}
#tagNav .datum::after {
  background-color: transparent !important;
}
.night-mode .nav .datum:hover::after {
  background-color: #fff;
}




.nav .datum:hover {
  /*! background-color: var(--barb); */
}
.rig .datum {
 /*! min-width: 10rem; */
 background: none;
 font-size: 20px;
 font-weight: 550;
}
.night-mode .nav .datum {
  /*! color: #eeeeee; */
  background-color: var(--find-night);
}

.rose {
  background-color: goldenrod;
  color: var(--bg);
  }
.activetabs.rose {
  color: var(--bg);
  }
  #chat .datapay {

  margin-left: 0 !important;
} 
#chat .nav .activetabs {

}
#chat .nav .activetabs:hover {

  color: var(--bgn);
}
.night-mode #chat .nav .activetabs {
  color: unset !important;
  background-color: var(--bgn) !important;
}
.night-mode #users .nav .activetabs {
  color: unset !important;
  background-color: var(--bgnh) !important;
}
#user .datapay {
  cursor: pointer;
  width: fit-content;
  max-width: fit-content;
  align-items: center !important;
  justify-content: center;
  word-break: break-word;
  letter-spacing: .35px;
  white-space: nowrap;
  height: 36px !important;
  min-width: fit-content;
  padding: 7.5px;

  outline: none;
  background-color: var(--atabs);
  border-radius: 0px !important;

  border: 2px transparent !important;
  background: none !important;
  margin-right: 1rem !important;
}  

#user .activetabs {
  cursor: auto !important;
  border-bottom: 2.6px solid !important;
  border-radius: 0 !important;
  color: unset !important;
}

#users .datapay {
  cursor: pointer;
  width: fit-content;
  max-width: fit-content;
  align-items: center !important;
  justify-content: center;
  word-break: break-word;
  letter-spacing: .35px;
  white-space: nowrap;
  height: 28px !important;
  min-width: fit-content;

  outline: none;
  background-color: var(--bg);
  border-radius: 0px !important;

  background: none !important;

  line-height: 1 !important;

}  
#users  .datapay:hover {

}

#users .activetabs, #users .activetabs:hover {
  cursor: auto !important;

  border-radius: var(--m);
  color: var(--bgn) !important;
  background-color: var(--blu) !important;
}

.datapay {
  cursor: pointer;
  width: fit-content;
  max-width: fit-content;
  align-items: center !important;
  justify-content: center;
  word-break: break-word;
  border-radius: 0;
  white-space: nowrap;
  min-width: fit-content;
  padding: 6px 15px;
  outline: none;
  display: inline-flex;
  opacity: .6;
  padding: 0.6vw 0px;
  position: relative;
  letter-spacing: -.5px;
z-index: 1;
  margin-right: 1vw;

  padding: .5vw 0px !important;

  font-size: 99%;

  font-weight: 500;
}

.datapay.bio::after {
  content: '';
  background-color: #5c16c5 !important;
  padding: .1vw .3vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  height: 100%;
  max-height: 1vw !important;
  border-radius: calc(var(--m) / 2);
    color: #fff !important;
  opacity: 1 !important;

}

.datapay.shop::after {
  content: '';
  background-color: #ff00f8 !important;
  padding: .1vw .3vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  width: 100%;
  height: 100%;
  max-height: 1vw !important;
  border-radius: var(--m);
    color: #fff !important;
  opacity: 1 !important;

  margin-top: 1px;
}

#search .datapay {
	border-radius: 0 !important;
	font-size: 16px !important;
}

.night-mode .datapay {
	color: #eee;
}

@media (max-width: 1023px) {
	.datapay:hover .datapay:active {
		background-color: var(--bgn) !important;
	}

}

.datadem {
	width: fit-content;
	padding: 0.7rem 1.4rem;
	border-radius: 2.1rem;
	cursor: pointer;
	display: inline-table;
	align-items: center !important;
	line-height: 1.63em;
	margin-top: -4px;
	background-color: #cf487e;
	color: var(--whi);
	border: 0px solid #1a73e8;
	cursor: text;
}

.night-mode .datadem {
	background-color: #d0487e;
	border: 0px solid #1a73e8;
}

.datadem a:hover {
	text-decoration: none
}

.diag {
	height: 14rem;
}

@media (max-width: 2556px) {
	.diag {
		height: 7rem;
	}
}

@media (max-width: 1560px) {
	.diag {
		height: 18rem;
	}
}

@media (max-width: 800px) {
	.diag {
		height: 14rem;
	}
	.border {
	border-radius: 0px !important;
	border-left: none !important;;
	border-right: none !important;
	padding: 0 !important;

	justify-content: center;
	border: none !important;
}
  .night-mode .border {
	background: var(--bgn) !important;;
	border: none !important;
}
.gator {

  overflow: hidden;
  max-width: 86vw;
}
}
.gator {

}
.border {

}

.night-mode .border {

}
.container.border {
	overflow: hidden !important;
}
.visualize {
	width: -moz-fit-content;
	cursor: pointer;
	display: inline-flex;
	text-align: center;
	justify-content: center;
	align-items: center !important;
	border-radius: 50%;
	margin-left: auto;
	margin-bottom: 5px;
	margin-right: .5rem;
	cursor: pointer;
	width: min-content;
	border-radius: 2rem;
	padding: 0rem .7rem;
	white-space: nowrap;
	background-color: var(--tra);
	background-color: #f7f9f9c2;
}

.visualize:hover {
	color: var(--whi);
	background-color: #efefef;
}

.night-mode .visualize {
	border: .4px solid var(--whi);
	background-color: var(--tra);
}

@media (min-width: 499px) {
	.visualize {
		background-color: #f7f9f9c2;
	}

	.visualize:hover {
		color: #1f2f58;
		background-color: #efefef;
	}

	.night-mode .visualize {
		border: var(--border-white);
	}
}

@media (max-width: 499px) {
  .gator {
  max-width: unset;
  padding: 0;
}
	.break500 {
		display: none
	}
}

@media (max-width: 599px) {
  .nav .datum {
  /*! color: #2d2a26; */
  /*! background-color: var(--barb); */
  /*! border-radius: 20px; */
  /*! font-weight: 500; */
  font-size: 15px;
  /*! margin-right: 15px; */
  min-height: 34px;
}
	.break600 {
		display: none
	}
}

@media (max-width: 699px) {
	.break700 {
		display: none
	}
}

@media (max-width: 799px) {
.nav .datum:hover::after {
  background-color: transparent;
}
.datapay {
  cursor: pointer;
  width: fit-content;
  max-width: fit-content;
  align-items: center !important;
  justify-content: center;
  word-break: break-word;
  white-space: nowrap;
  min-width: fit-content;
  outline: none;
  display: inline-flex;
  align-items: center;
  height: unset;
  padding: 3px 0px 10px 0px !important;
  letter-spacing: 0 !important;
  font-weight: 500;
  opacity: .8;

}
	.break800 {
		display: none
	}
}
@media (min-width: 800px) and (max-width: 1180px) {
  .datapay {
  padding: 6px 15px;
  padding: 0.6vw 0px;
  letter-spacing: 0px;
  margin: 0 .8vw;
  padding: .7vw 0px !important;
  min-height: 2em;
  font-size: 105% !important;
  text-transform: uppercase;
  font-weight: 400;
}
body {

}
}

.avatag {
	background-image: url();
	min-height: 60px;
	min-width: 60px;
	background-color: var(--whi)fff;
	cursor: pointer;
	margin: 11px;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	padding: 2px;
}

.broadcasting {
	display: block;
	position: fixed;
	top: 0px;
	width: 100%;
	min-height: 250px;
	border: none;
	z-index: 9999;
}

.broadcasting-room {
	margin-top: 450px
}

.card {

}

@media (max-width: 1280px) {
	.card {

	}
}

.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: rgb(27, 149, 224);
}

.panel-heading .accordion-toggle.collapsed:after {
	content: "\e080";
}

.panel-heading .accordion-toggle:after {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
	content: "\e080";
}

.chatmode {
	overflow-y: unset;
}

@media (min-width: 800px) {
	.chatmode {
		overflow-y: scroll;
	}
}

.taggs {
	text-align: center;
}

.started {

  display: block;
  min-width: 15vw !important;

}

@media (max-width: 599px){
	#m1, #m2 {
    min-height: 100vh !important;
}
.started {

}
.night-mode .started {
  border: none !important;  
box-shadow: none !important; 
}

}

.started b {

}

.start:hover {
	text-decoration: none !important;
	border-radius: 0;
}
.night-mode .start:hover {
	border-radius: 0;
}

.cookie .engine {

}

.news .quinta .engine {
  display: inline-flex;
  padding: 0 4px !important;
  min-height: 20px !important;

  border-radius: 14px
}
.night-mode .news .quinta .engine {

}
.engine {
	display: inline-flex;

	/*! font-weight: 500; */
}

.night-mode .engine {

	display: inline-flex;

	color: var(--blurn);
	font-weight: 550;
}
.settima .engine {
	color: unset !important;
	display: inline-flex;
}
.datapay .engine {
	display: inline-flex;
	color: var(--shared);
}

.night-mode .engine {
	color: var(--chooseh);
	color: var(--bg);
}

.night-mode .engine:hover {
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 2px;
}

.link {
	display: inline-flex;
	padding: 2px;
	white-space: nowrap;
}

.link:hover {
	cursor: pointer;
}

.night-mode .link {
	color: var(--gray);
}

.night-mode .link:hover {
	color: var(--blue);
	cursor: pointer;
	background-color: var(--tra);
}

.links {
	display: flex;
	border-radius: 1px !important;
	width: fit-content;
	white-space: wrap;

	 font-weight: 300 !important;
	min-width: 4%;
	align-items: center;
}

.links:hover {
	cursor: pointer;
	opacity: .83;
}
.links b {
font-size: 105%;
margin-right: 4px;
}
.night-mode .links #activetabs {
	color: var(--whi);
	border-bottom-color: blue;
}

.night-mode .links:hover {
	cursor: pointer;
}

@media (max-width: 599px) {
.title .engine {
	color: unset !important;
}

	.links {

	}
}

.uppercase {
	text-transform: uppercase !important;
}

.activetab {
	border-radius: 0;
	transition: all 0.05s;
	text-overflow: ellipsis;
	border-bottom: 3px solid #1a73e8;
	border-radius: 0;
	width: fit-content;
	line-height: 1.4rem;
}

.night-mode .activetab {
	color: var(--whi);
	cursor: pointer;
}

.unactivetab {
	border-radius: 0;
	transition: all 0.05s;
	flex: 1;
	text-overflow: ellipsis;
	cursor: pointer;
	max-width: 49px;
}

.night-mode .unactivetab {
	color: var(--whi);
	cursor: pointer;
}

@media (min-width: 899px) {
	.activetab {
		line-height: 1.0rem;
	}

	.unactivetab {
		max-width: 63px;
	}
}

.night-mode .unactivetab {
	color: var(--whi);
	cursor: pointer;
}

.UAbg {
	background-image: linear-gradient(to right, #f5f4f2a1, #e7eef970);
}

.night-mode .UAbg {
	background-image: linear-gradient(to right, #ffedc93b, #a9cbff30);
}

.central {
	width: -webkit-fill-available;
	width: -moz-available;
	max-width: 68.3rem !important;
}

.column-A {
	flex-shrink: 0;
	flex-basis: 63%;
}

.column-B {
	flex-basis: 50%;
}

.column-C {
	flex-shrink: 0;
	flex-basis: 37%;
}

@media (min-width: 200px) and (max-width: 999px) {
	.column-B {
		flex-shrink: 0;
		padding: 0 0%;
		flex-basis: 100%;
		min-width: 1rem;
	}

.modals {
	border-radius: 0 !important;
}

}

.finds {
	line-height: 14px;
	display: inline-flex;
	border: 0.7px solid #dedede;
	background-color: var(--whi);
	border: 0.7px solid #e0e0e0;
	width: 40%;
	height: 26px;
}

.finds:hover {
	box-shadow: 0px 1px 2px 0px rgb(60 64 67 / 30%), 0px 1px 3px 1px rgb(60 64 67 / 15%);
}

.night-mode .finds {
	background-color: #0a0a0a;
	border: .7px solid var(--bordern);
}

.night-mode .finds:hover {
	background-color: #000;
	border: .7px solid var(--bordern);
}

@media (max-width: 767px) {
	.modals::-webkit-scrollbar {
		display: none;
	}
}

.modals {

	-ms-overflow-style: none;
	scrollbar-width: none;

	max-width: 60rem; 
	overflow: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: left 0.3s linear;
	margin: auto;

	border-radius: var(--m);
	height: 100%;
}

@media (min-width: 800px) and (max-width: 1079px) {
	.column-1 {
		flex-shrink: 0;
		flex-basis: 57%;
	}

	.column-2 {
		flex-shrink: 0;
		flex-basis: 42%;
	}
}
.short {
	display: inline-flex;
	max-width: 350px;
	text-overflow: ellipsis;
}


@media (min-width: 300px) and (max-width: 599px) {
	.modals {
    z-index: 9999;
    max-width: 100%;
    justify-content: start;
    width: -webkit-fill-available;
    width: -moz-available;
    padding: 0;

	}
.night-mode .modal-dialog {
    background-color: var(--bgn);
}
	.twleft {
		margin-left: -4.5rem !important;
	}

	.short {
		display: inline-flex;
		max-width: 350px;
		text-overflow: ellipsis;

	}

	.column-1 {
		flex-shrink: 0;
		flex-basis: 35%;
	}
}

.flex-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	width: -webkit-fill-available;
	width: -moz-available;
	padding: 0 var(--rem) !important;
}

.flex-item {
	width: 100%;
	width: -webkit-fill-available;
	width: -moz-available;
	display: flex;
	flex-grow: 1;
	align-items: center;
	flex-direction: column !important;
	min-height: 4rem;
}

.element::after {
    content: "";
  }

@media (max-width: 599px) {
	.flex-item {
		width: -webkit-fill-available;
		width: -moz-available;

		max-width: 47% !important;
		border-radius: var(--m);
		margin-bottom: 1em;
	}

	.all .activity .flex-item {
		flex-direction: column !important;
		padding: 0rem 0 0rem 0;
		max-width: 8rem;

	}
  	.activity .flex-item:hover {
		background-color: var(--azure);
	}
    	.night-mode .activity .flex-item:hover {
		background-color: var(--cookie);
	}
}

.primera {
	text-overflow: ellipsis;
	max-height: 5rem;
	overflow: hidden;
	display: block;
}

.desktitle {
	margin-bottom: 0px;
}

.gridrow .seconda .timeago {
	text-decoration: none;
	display: none
}
.gridcol .quarta .timeago {
	text-decoration: none;

}

@media (min-width: 899px) and (max-width: 1440px) {
	.flex-item {
		width: -webkit-fill-available;
		width: -moz-available;
		overflow: hidden;
	}
}

.desktop {
	margin-left: 0;
	margin-right: 0;
}

.info {
}

.night-mode .info {
}

.infob {

	border: 1px solid #efefef;
	color: #3c4043;
	padding: 0px 10px !important;
}

.infob:hover {
	background: #f1f3f4;
	border: 1px solid #dadce0;
	color: #3c4043;
}

.night-mode .infob {
	background-color: #0a0a0a;
	border: 1px solid var(--bordern);
}

.icon-1s img {
	padding: 28px 11rem;
	background-image: url(https://www.twirld.com/image/icons/spatiae_ext.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
	opacity: .84;
}

.night-mode .icon-1s img {
	background-image: url(https://www.twirld.com/image/icons/spatiae_extw.svg);
}

@media (min-width: 599px) {
	.icon-1s img {
		padding: 35px 13.5rem;
	}
}

.finds {
	width: 100%;
	width: -webkit-fill-available;
	max-width: 49rem;
	padding: .98rem;
	margin: 0px auto;
	flex-direction: row;
	text-align: right;
	border: 1px solid #dfe1e5;
	background-color: var(--whi);
}

.finds:hover {
	box-shadow: 0 2px 5px 1px rgba(64, 64, 64, .21);
	box-shadow: 0px 1px 2px 0px rgb(60 64 67 / 30%), 0px 1px 3px 1px rgb(60 64 67 / 15%);
}

.night-mode .finds {
	background-color: #444;
	border: none;
}

.flex-items {
	width: 100%;
	overflow: hidden;
	padding: 0px;
}

.infos {
	background-color: var(--tra);
	padding: 1rem
}

.infos a:hover {
	text-decoration: none
}

.night-mode .infos {
	background-color: var(--tra);
	cursor: pointer;
}

.bgsplit {
	background-color: #f7f9f9;
}

.night-mode .bgsplit {
	background-color: #000;
}

.page_blockt {
	background-color: #202227;
	border: none;
	color: var(--whi);
}

.page_blockt:hover {
	background-color: #202227;
	border: none;
}

.night-mode .page_blockt {
	background-color: #060606;
}

@media (max-width: 898px) {
	.bgsplit {
		background-color: var(--whi);
		padding: 0
	}

	.night-mode .bgsplit {
		background-color: var(--tra);
		color: var(--whi);
	}

	.page_blockt {
		background-color: var(--whi);
		color: #111
	}

	.night-mode .page_blockt {
		background-color: #060606;
	}

	.flex-items {
		width: 100%;
		width: -webkit-fill-available;
		overflow: hidden;
		padding: 8px 3px;
	}

	.infos {
		padding: 8px 3.5px;
		border-radius: 0;
		box-shadow: none;
		border: none;
	}

	.night-mode .infos {
		border: none;
	}
}

.poster {
	display: flex;
	flex-direction: row-reverse;
}

.informationcl {
	background-color: #efefef;
	cursor: text;
	border-radius: 3px;
	margin: .8rem 0;
	border: 1px solid #dee1e8;
	padding: 1rem 0rem .5rem 0rem;
	border: 1px solid #efefef;
	border-radius: 3px;
	box-shadow: none;
}

.night-mode .informationcl {
	background-color: #0a0a0a;
	cursor: text;
	border: 1px solid #292c2e;
	color: var(--whi);
}

.night-mode .informationcl:hover {
	background-color: var(--tra);
	cursor: text;
	background-color: #060606;
	color: var(--whi);
}

@media (max-width: 898px) {
	.informationcl {
		border: var(--border-var(--tra));
		margin: 0.5rem;
		border-radius: 0px;
	}

	.night-mode .informationcl {
		background-color: #000;
		cursor: text;
		border: var(--border-var(--tra));
		color: var(--whi);
	}
}

@media (max-width: 999px) {
	.roll {
		flex-direction: column;
	}
}

.circleactive {
	width: 2.var(--rem);
	height: 2.var(--rem);
	float: unset;
	border: 0px solid var(--blue);
	cursor: pointer;
	margin: 3px -2.8px;
}

.night-mode .circleactive {
	border: 0px solid var(--blue);
}

.livepad {
	margin: 0 7px;
	color: rgba(255, 64, 129, 0.89)
}

@media (max-width: 800px) {
	.circleactive {
		width: 2.6em;
		height: 2.6em;
	}

	.livepad {
		margin-top: 3.5px;
	}
}

.item1 {
	padding: 0.4rem 1.4rem;
}

a[data-toggle="collapse"] i.fas:before {
	content: "\f107";
}

a[data-toggle="collapse"].collapsed i.fas:before {
	content: "\f106";
}

a:focus,
a:hover,
a:active {
	outline: 0;

}

.panel {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: var(--tra);
	background: none;
	box-shadow: none;
}

.panel:last-child {
	border-bottom: none;
}

.panel-group .panel {
	border-radius: 0;
}

.night-mode .panel-group .panel {
	border-radius: 0;
}

.panel-group .panel+.panel {
	margin-top: 0;
}

.panel-heading {
	border-radius: 0;
	border: none;
	padding: 0;
}

.panel-title a {
	display: block;
	position: relative;
}

.panel:last-child .panel-body {}

.panel:last-child .panel-heading {
	transition: border-radius 0.03s linear 0.02s;
}

.panel:last-child .panel-heading.active {
	border-radius: 0;
	transition: border-radius linear 0s;
}

.panel:last-child .night-mode .panel-heading.active {
	border-radius: 0;
	transition: border-radius linear 0s;
}

#bs-collapse .panel-heading.active a:after {
	content: '\e909';
	transform: scale(1);
	transition: all 0.0s;
}

#accordion .panel-heading.active a:before {
	transform: rotate(0deg);
	transition: all 0.0s;
}

.grid-container-menuapp {
display: grid;
    grid-template-columns: auto auto auto auto auto;
    padding: 1rem;
    width: max-content;
    align-content: space-evenly;
    justify-items: stretch;
    justify-content: space-around;
margin: 3rem auto 1rem auto
}

.grid-item-app {
    text-align: center;
    border-radius: 0.7rem;
    height: fit-content;
    width: 17rem;
    line-height: 1;
    text-align: left;
}

@media (max-width: 799px) {
.grid-container-menuapp {
    grid-template-columns: auto auto auto auto;
    padding: .3rem;
margin: 2rem auto 1rem auto
}
.grid-item-app {
    width: 16rem;
}
}

.menuapp {
padding: var(--rem)
}

@media (max-width: 599px) {
.menuapp {
padding: var(--rem) 0
}

.grid-container-menuapp {
    grid-template-columns: auto auto auto;
    padding: .2rem;
margin: 1rem auto 0rem auto
}
.grid-item-app {
    width: 15rem;
}
}
@media (max-width: 460px) {
.grid-container-menuapp {
    grid-template-columns: auto auto;
    padding: .0rem;
margin: 0rem auto 0rem auto;
}
.grid-item-app {
    width: 13rem;
}

}

.arrowwidth {
    width: 9rem; margin-left: 4.2rem
}
.mag {
     margin: 0 auto !important;
}

@media (max-width: 899px)  {
.arrowwidth {
    width: -webkit-fill-available; width: -moz-available; margin-left: 0rem
}
.mag {
     margin: 0 1.5rem !important;
}
}

@media screen and (max-width: 768px) {
  .sear {
    flex-direction: column;
    justify-content: start !important;
    align-items: center;
  }

  .sear svg {
    margin-bottom: 1rem;
  }
}

.hidden, .hide {
	display: none !important;
}

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;

    width: -webkit-fill-available;
    width: -moz-available;
}

[data-accordion] {

    display: flex;
    flex-direction: column !important;
    align-items: start;
    border: none !important;
    width: -webkit-fill-available;
    width: -moz-available;
}
[data-accordion].open {
    padding-bottom#: var(--rem);

}
.night-mode [data-accordion].open {
    padding-bottom#: var(--rem);

    background-color: var(--bgh);
}

[data-control],
[data-content] > * {

    cursor: pointer;
    width: -webkit-fill-available;
    width: -moz-available;
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
}

[data-accordion] > [data-control]::after {
  content: "";
  position: absolute;
  right: var(--rem);
  top: 50%; 
  transform: translateY(-50%);
  border-top: 4px dashed currentColor; 
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  width: 0;
  height: 0;
  display: inline-flex;
  align-items: center !important;
}

[data-accordion].open > [data-control]:after {
    transform: rotate(180deg); 

}

.hrv {
height: 1px !important
}

.main {
    grid-area: main;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    max-width: 0px auto;

}

.gridrow .coupon .datum {color: #00 !important;border-radius: 14px !important;max-height: 18px;}

@media (max-width: 599px) {

.hrv {
height: 7px !important
}

 .main {
    padding-bottom: 0 !important;
    margin-bottom: 0rem;
}

}

.flexo .modal-dialog {

   }

    .flexo .modals {
max-width: var(--page);
height: 80vh;
border-radius: var(--br) !important;
height: fit-content;
aspect-ratio: 1;
/*! justify-content: start; */
min-height: 80vh;
    }

    .anchor {

    }

    #input-section {
      display: none; 
    }

    @media (max-width: 599px) {
    .flexo .modals {
width: 100%;
top: 0;

min-width: 100vw;
height: 100%;
border-radius: 0 !important;
    }

  #fake-comment-box {
    display: block;
    text-align: center;

    cursor: pointer;

    line-height: 2;
    min-height: 9rem;
  }

.night-mode  #fake-comment-box {
    display: block;
    text-align: center;
    padding: 10px;
    cursor: pointer;

    background: var(--bgh) !important;
  }

      #input-section-mobile {
        display: block; 
      }
    }

.input {
  position: relative;

}

.reporte {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;

  flex-direction: row;
  gap: 1%;
  border-radius: 1rem !important;
  overflow: hidden;
  height: max-content;
  background: var(--imagh);
  padding: 7px 0;
  margin: var(--rem) auto !important;

  margin: auto 0em !important;
  width: -webkit-fill-available;
  width: -moz-available;
  z-index: 0;
  margin: 7px 0 !important;
  min-height: 30px;
}
.night-mode .reporte {
 background: var(--bgn) !important;

  }
@media screen and (max-width: 599px) {
.reporte {
  border-radius: 0 !important;
  width: -webkit-fill-available;
  border: none;
  width: -moz-available;

  border-radius: 1rem !important;

  }
  .reporter .reporte {
  margin: 1rem -var(--rem) 0 -var(--rem) !important;
  }
}

.all .reporter {display: flex;flex-wrap: wrap;flex-direction: column;border-radius: var(--br);overflow: hidden;height: max-content;border: none;}

@media (max-width: 599px) {
.logov {

  justify-content: start;
  display: inline-flex;
}
    .centop .container.reporter {
border-radius: 0 !important;
}
}

.arg {
display: none !important;
}

.reporter .paired {

    border-radius: var(--br);
    gap: 0 1.2% !important;
    align-items: stretch;
}
.night-mode .reporter .paired  {
    background: var(--bgn);
    border-radius: var(--br);
    overflow-x: scroll;
}

.all .reporter {
display: flex;flex-wrap: wrap;
padding: 3em 2em;

border: 1px solid #e6eaeb;
border-radius: var(--m);
}

.noborder.reporter {

}

.night-mode .noborder.reporter {
background: var(--bgn) !important;
border: none !important;
}

.commenti {

}
.container.reporter {
padding: 3em; 
aspect-ratio: 1;
box-shadow: 0 4px 32px 0 rgba(50,50,50, 0.08);
border-radius: var(--m);
}
.night-mode .container.reporter {
  padding: 3em;
  aspect-ratio: 1;
  box-shadow: 0 4px 32px 0 rgba(50,50,50, 0.08);
  border-radius: var(--m);
  background-color: var(--cookie);
}
@media (min-width: 600px) and (max-width: 899px) {
  #searchpad  {
  min-width: 30rem;
  left: unset;
  }
  
  
  
  .container.reporter {
padding: 1em !important; 
    margin: 0 -1em
}
    .all .reporter {
margin: 0;
}
    .left.commenti
{
  padding: 0;
}
  .commenti {
min-width: 100% !important;
padding: 0.5em 0 !important;
}
.right.commenti
{
  min-width: 100% !important;
}
	.all .reporter {
display: flex;flex-wrap: wrap;
flex-direction: row;
border-radius: var(--br);overflow: hidden;height: max-content;gap: 0px 2%;
justify-content: start;
}
.reporter {border-radius: 0 !important;justify-content: center;gap: 0px 2%;border-left: none !important;border-right: none !important;background: var(--bg);padding: 0 var(--rem);justify-content: start;}
.night-mode .reporter {
background: var(--bgn);
}

}

.grid {

  grid-template-columns: repeat(auto-fill, minmax(24rem, max-content));
display: grid;}

.right.commenti {
min-width: 50%;
padding-left: 1em;
}
.gridadv {

  order: 1;
}
.ali {
  border-bottom: 1px solid var(--border) !important;
  border-radius: 0 !important;
}
.night-mode .ali {
  border-bottom: 1px solid var(--bordern) !important;
}

.rollimg:hover {

	;
}

.tv {
  height: calc(30rem / var(--ratio));
  width: 100%;

  }

@media (max-width: 499px) {
.tv {
  height: calc(94vw / var(--ratio));
  }
.vert .bord {
  border-radius: var(--br) !important;
  height: 100%;
  }

.tvw {
  height: 100%;
  min-width: 100%;
   background-color: #f5f5f5;

  }
#user .bord {

 border-color: var(--tra);
 }

.showcase .bord {
    position: relative;
    aspect-ratio: 4 / 2.6;
}
.showcase .bord {
    position: relative; 
}

.showcase .bord .overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; 
    height: 1.5vw; 
    background-color: rgba(255, 255, 255, 0.5); 
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1;
    min-height: 1.8em;
    padding: 0 1vw;
  font-weight: 550;
}
.video .bord {aspect-ratio: var(--ratio);flex: 0 1 min(39.5rem, max(35rem, 100%)) !important;}
.bord {
 border-color: var(--tra);
 overflow: hidden !important;
 /*! width: calc(100vw - 4rem); */
 aspect-ratio: var(--ratio);
 border-radius: 0 !important;
 }
  
  #mainCols .bord {
 aspect-ratio: 16 / 20 !important; }
.vert .bord {
 border-radius: var(--br);
 aspect-ratio: unset !important;
 }
  
.item-2 .bord {
 border-radius: var(--br);
 aspect-ratio: 4 / 2.6;
 }

.twirl .bord {
 border-radius: var(--m);
 aspect-ratio: var(--ratio) !important;
 border-color: var(--tra);
 background-color: var(--atabs) !important;
 border-radius: var(--br);
 }
.night-mode .twirl .bord {
 background-color: var(--bgnh) !important;
 }
.bord:hover {
 border-color: var(--dash) !important;
 cursor: pointer;

 }
.night-mode .bord:hover {
 border-color: var(--bg) !important;
 cursor: pointer;
 }


.video-container {

  pointer-events: auto;

}
.twirl .video-container {
  pointer-events: auto;
  overflow: hidden;
  aspect-ratio: var(--ratio);
}
.video-container video {

  pointer-events: none;
}

.video-control {

  display: inline-block;
  margin: 0 5px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.video-control.play-pause {

  background-image: url('https://icons8.com/icons/set/play-pause');
}
}

tps://icons8.com/icons/set/play-pause');
}
}

.img-container img {
    width: 100%;
    height: auto;
    object-fit: cover; 
}
#imgoutput {
    width: 100%;
    height: 100%;

    margin: auto;
    object-fit: contain;
}

@media (max-width: 599px) {

.prod .bord, .prod .ann .bord {
 border-color: var(--tra);
 overflow: hidden !important;
 /*! width: calc(50vw - 2.5rem) !important; */
 border-radius: var(--br) !important;
 margin: unset !important;
  aspect-ratio: var(--ratiom) !important;
 /*! width: 49vw !important; */
 }
   .vert .ann .bord {
 border-radius: var(--br);
 }

  .showcase.categories .bord {
  aspect-ratio: 16 / 24;
}
  	.all .bord {

 border: none;

 }
  	.all .ann .bord {
 aspect-ratio: 1 !important; 
 border: none;
  }
	#page .bord {
 aspect-ratio: unset; 
 width: 100%;
 border: none;
 border-radius: 0;
  }

  .bord:hover {
 border-color: transparent !important;
 cursor: pointer;
 }

  
    ::-webkit-scrollbar {
        display: none;
    }

  	.ann .bord {
    /*! width: calc(100% + 4rem); */
    ma;
    /*! margin: 0 -2rem; */
    border-radius: 0 !important;
    /*! aspect-ratio: var(--ratiom); */
 }

    html {
        scrollbar-width: none;
    }

    body {
        -ms-overflow-style: none;
        display: unset !important;
    }

    .dat {
        padding: 7px 0;
    }
    .safe{
        min-width: 70% !important;
      margin-top: 2em !important;
    }
}

.containera {
    display: flex;
    height: 100vh;
    overflow: hidden;

    flex-direction: row-reverse;
}
.containera b, strong {

}
.containera .sin {
    max-width: 30%;
    padding: 10px;
    display: flex;
    flex-direction: column;

    margin-left: 0;
    background: none !important;
    justify-content: start;
    align-items: start;

}

.containera .des {
    flex: 1;
    overflow-y: scroll !important;
    padding: 20px;

}

@media (max-width: 599px) {
.containera  .sin {
        max-width: 30%;
        font-size: 13px;
        line-height: 1.2;
        justify-content: start;
    }

.containera .sin.show {
        display: block;
        position: absolute;
        z-index: 1000;
    }
}
.containera .sin b, strong {
    margin-top: 1em;
    display: block;
}
 .containera .des .gridrow::after {
    border: none;
}
.containera .des {
  border-radius: var(--br);
  background: none !important;
  padding: var(--rem) !important;
  width: 70%;
  border-radius: 0 !important;
  flex-direction: column;
  justify-content: start;
  text-align: left;
  height: 100vh;

}
.containera .night-mode .des {
    background-color: var(--bgn) !important;
}
.containera .filter {
    font-size: 120% !important;
  font-weight: 700
}
.more {
cursor: pointer;
/*! color: var(--red); */
}
#sellerForm {
max-width: 40rem !important;
  margin: -2rem 0 3rem 0
}
 .content-section {
width: 100%;
   padding: 4rem 0;

font-size: 17px;
line-height: 28px;
border-bottom: 1px dashed;
text-align: justify;
}
 .content-section H1 {
font-size: 27px;
   padding: 2rem 0;
   margin: 0;
   font-weight: 600
}
@media (max-width: 599px) {
    .containera .des {
  border-radius: 0 !important;
  border: 0 !important;
    padding: 1em !important;
  margin-right: 2px;
}

.sin {
     flex: 1;
     align-items: center;
     justify-content: center;
     display: flex;
     font-size: 13px;
}
.night-mode .sin, .night-mode .des {

}
  @media (max-width: 599px) {
  .containera .night-mode .sin, .containera .night-mode .des {
    background-color: var(--share);
  }
.dat {

    cursor: pointer;
    width: 100%;
    padding: 4px;
    margin: 3px 0px;

}
.night-mode .dat {
    cursor: pointer;
    width: 100%;
}
.dat.active {
    font-weight:  unset !important;
}

.des {
    flex: 1;
    flex-direction: column;
}

.content-section {
    min-height: fit-content;
    padding-bottom: 2em;
    border-bottom: 1px solid;
}

@media (max-width: 599px) {
    containera .sin {
        width: 50%;
        font-size: 13px;

    }

    .sin.show {
        display: block;
        position: absolute;
        z-index: 1000;
    }
}

.gradient {
    background: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}



.night-mode     .gridcat::after {

}

@media (max-width: 499px) {
      .item-3 .gridcat, .all .gridcat {}
   .gridcat.showcase  {
   gap: 0 !important;
   padding-left: var(--rem) !important;
    }

  .borde {
        min-height: 0rem;
    }
.split .item-1 {
  margin: 0;
  position: fixed;
  z-index: 2;

}


.decenter {

  width: fit-content;
  justify-content: right;

  margin-left: auto;
}
    .drag-handle {

    }

.drag-handle {
  display: none; 
}

  .drag-handle {

     margin-top: -30px; 

     border-radius: 0px;
     z-index: 2;

     display: flex;
     cursor: ns-resize;
     touch-action: none;
     cursor: ns-resize;
     touch-action: none;

     align-items: center;
     justify-content: center;

     height: 30px;

     width: fit-content; /*
     -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
     -moz-backdrop-filter: saturate(180%) blur(20px) !important;
     backdrop-filter: saturate(180%) blur(4px); */

     text-transform: initial;

     /* -webkit-backdrop-filter: blur(2px);
     backdrop-filter: blur(2px); */
     transition: all .5s ease-in-out;

     margin: -15px auto;
  }

  .drag-handle::before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 3rem;
    border-radius: 5px;
    background: var(--bgn);
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"><rect y="5" width="28" height="2" fill="white"/><rect y="11" width="28" height="2" fill="white"/><rect y="17" width="28" height="2" fill="white"/></svg>') no-repeat center / contain;
    mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24"><rect y="5" width="28" height="2" fill="white"/><rect y="11" width="28" height="2" fill="white"/><rect y="17" width="28" height="2" fill="white" stroke-width="1"/></svg>') no-repeat center / contain;
    z-index: 1;
  }
  .night-mode .drag-handle::before {
    background-color: #fff; 
  }
  .night-mode .drag-handle {

  }

    .drag-handle::after {

    }
	    .night-mode .drag-handle::before {

    }

    .night-mode .drag-handle::after {
        background-color: #fff;
    }


.nav.has_overflow {
  overflow-x: scroll; 
  scrollbar-width: none !important; 
}

	        .gridnew {
  border-radius: 0; 
  padding: var(--rem) var(--rem) 0 var(--rem);
  margin: 0;
    }
	  .gridnew .prima {
    grid-row: 3 / span 4;
    grid-column: 1;
    padding: 0px !important;
}
.gridnew .seconda {
    grid-row: 1;
    grid-column: 1 / span 3;
    padding: 0 !important;
}
.gridnew .terza {
grid-row: 2 !important;
    grid-column: 1 / span 3;
    padding: 0px !important;
font-size: 15px !important;
  margin: 1em 0 !important;
font-size: 105% !important;
}
  #countdownBtn {
  background-color: none !important
}
}

	 .item-3 .terza {
  font-size: 122% !important;
  font-weight: 500;
  grid-row: 2;
  padding: 1rem var(--rem) 0 var(--rem);
}
         .enhanced {font-size: 119%;background: none;}

    iframe {
max-width: 100% !important;
      margin-bottom: 1vh;
    }
  .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    text-transform: none;
    width: fit-content;
    cursor: pointer;
    white-space: nowrap;
    letter-spacing: .024em;
    line-height: 1rem;
    box-sizing: border-box;
    padding: 14px 7px;
    text-align: center;

    border: 1px solid var(--tra);
}

	    #container {

      max-height: unset !important;
      padding-top: 0 !important;
    }


 .night-mode #sidebar {
    background-color: var(--bgn);
  }
      #sidebar.visible {
        width: 100% !important;
        min-width: 96%;
        height: fit-content;
        visibility: visible !important; 
        transition: width 0.3s ease, visibility 0s linear; 
        padding-left: 0;
      }
    #sidebar.hidden {
      width: 0;
      overflow: hidden;
      visibility: hidden; 
      transition: width 0.3s ease, visibility 0s linear 0.3s; 
    }

.gridrow.skip .rollimg {
min-height: 48rem;
background-size: cover;
background-position: 50% !important;
aspect-ratio: 1;
min-width: 100% !important;
}

.gridrow.skip .seconda {
    grid-row: 1; 
    grid-column: 1 / span 3;

    width: 100%;

}

.gridrow.skip .prima {
    grid-row: 1; 
    grid-column: 1 / span 1;
    margin-left: 1em;
}
  .gridrow.skip .terza {
    grid-row: 2; 
    grid-column: 1;
    font-size: 20px;

}
    .video-js .vjs-big-play-button {
      display: none
   }   

      .more::after {
  border-bottom: 1px solid transparent !important;
}

  .all.pro .terza, .all.pro .settima {
	  display: inline-flex !important;
	  gap: 0;
}
      .all.pro .bord {

}
	      .all.pro .gridcol::after {
    border-bottom: none !important;
  }  

    .gridcat.comm  {
min-height: 100%;
  min-width: unset;
  overflow-y: unset !important;
  max-height: unset !important;
  gap: 0 !important;
height: 100% !important;
}

    .all.pro .gridcol {width: 48%;margin-right: 0;padding: 0;}
      .all.pro .terza, .all.pro .nona {
    grid-column: 1 / span3;
    overflow: hidden !important;
    font-size: 100%;
    padding: 0 !important;
  }

      .all.pro .gridcat {!i;!;}
          .all.pro .bord {}
    .all .gridcol .seconda {}

      .all.pro .com, .sine .seconda {
        display: none;
  }

      .all.pro .gridcol .seconda {
    margin-bottom: var(--m) !important;
    display: block !important;

  }
.item-2 .gridcol {

}
    .all {
    width: 100%;
    max-width: 100%;
}

    .item-3 .gridcat, .all .gridcat {}
#page.gridcat {padding: 0;border-radius: 0 !important;}

      #skipButton {
        cursor: pointer;
        padding: 6px 9px !important;
        background-color: #393939c9; 
        color: var(--bg); 
        border-radius: 99999px;
        z-index: 9 !important; 
        position: absolute;
        bottom: 6vw; 
        right: 4vw; 
		font-size: 98%;
		font-weight: 500;
        min-height: 30px;
      }

    .baddie {

  padding: 10px !important;
  margin: auto auto 0 0;
  font-weight: 600;

  border-radius: 12px;
}
    .cel {
      min-height: 14rem;
      border-radius: 6px !important;
    }

.return {
 /*! padding: var(--rem) !important; */
}
  .mar {

}  

    .advs {

}
    .page_banner {
  border-radius: 0;
    }
.enhanced {
  padding: 0 var(--rem);
  border-radius: 0;
}
      .data4  {
      width: 44% !important;
      padding: 0;
    }
      .data4 .avatar {

      margin: 4px !important;

    }
    .containers{
        display: block;
        padding: 0;
    }
    .item{

        max-height: fit-content;
        height: fit-content;
        margin: 0;
    }
    .split .item-2 {
  grid-column: 3 / 3;
  grid-row: 1 / 5;
  height: fit-content;
  min-width: unset;
  max-width: 100vw;
  padding: 0;
}
     .info {

    }   



.griditem {
text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.griditem:nth-child(-n+5) {

}

.griditem:nth-child(n+5) {

}

#cat {
  grid-area: cat;
  width: fit-content;
}

.min #logo {
  display: block; 
}

#explore {
  grid-area: explore;
}

#ad {
  grid-area: ad;
}
#right {
  grid-area: right;
}

@media (min-width: 900px) {
#cat {
}
#logo {
  justify-content: start;
  display: inline-flex;

}
#explore {

  display: inline-flex;

  width: 100%;
  margin: 0 auto 1vw auto;
  border-bottom: 1px solid var(--bord);
}
#searchpad {
  justify-content: center;
  display: inline-flex;

}
#ad {
justify-content: left;
    display: inline-flex;
    width: 21vw;
    background-color#: var(--ppv);
    height: 2vw;
    align-items: center;
	justify-content: center;
	font-size: 90%;
    border-radius: 2px;
background: var(--atabs);
background: linear-gradient(90deg,#beaaff 0,#ff8dff 33%,#fdb936 66%,#fd650a);
}
.night-mode  #ad {
background: var(--bgt);
}
  #ad:hover {
border#: 1px solid;
    cursor#: pointer
}
#right {
  justify-content: right;
  display: inline-flex;

}
}
ay: inline-flex;
  width: 7vw
}
}

  .cel {
    min-width: 100%;
  }
  .baddie {

	padding: calc(var(--rem) * 0.5) !important;
  margin: auto auto 0 0;
  font-weight: 600;
    background-color: var(--filter) !important;
    border-radius: var(--br);
    color: var(--bg);
  }
   .night-mode .baddie {
     background-color: #fff;
  }

      #interstitialContainer {
        background-color: var(--barb);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; 
      }

      #skipButton {
        cursor: pointer;
        padding: 5px 12px;
        background-color: var(--bordern); 
        color: var(--bg); 

        z-index: 9 !important; 
        position: absolute;
        bottom: 4vw; 
        right: 3vw; 
		font-size: 15px;
		font-weight: 500;
        border-radius: var(--bro);
      }

  #countdownBtn {
border-radius: 100%;
  padding: 2px 5px 8px 5px;
  right: 0.5em;
  top: 0.5em;
  color: var(--bg);
  aspect-ratio: 1 !important;
  height: 2.5rem;

  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 42px;
  cursor: pointer;
  font-weight: 100;
  width: 2.5rem;
  height: 2.5rem;
}

      .gridnew {
max-width: fit-content;
    padding: 0;
	display: grid !important;
  padding: calc(var(--m) * 3); 
margin: 0 auto;
display: grid;
grid-template-columns: auto auto 1fr !important;

    }

	.gridnew .prima {
    grid-row: 2 / span 2;
    grid-column: 2;
    padding: 0px !important;
}
.gridnew .seconda {
    grid-row: 1 / span 5;
    grid-column: 1 / span 1;
    padding: 0 3vw !important;
}
.gridnew .terza {
    grid-row: 1 !important;
    grid-column: 2 / span 3;
    margin: 1vw 0 !important;
    font-size: 85%;
    font-weight: 350;
}

.nav.has_overflow {
  overflow-x: scroll; 
  scrollbar-width: thin; 
  margin-left: 15px;
  gap: 0;
}

.item-3 .nav {
  padding: 10px var(--rem) !important;
  gap: 4px;
  flex-wrap: wrap;
}

.vjs-big-play-button {
  display: none;
}

   .rollimg-video::-media-controls-timeline {
  display: none !important; 
}

.rollimg-video::-media-controls-volume {
  display: none !important; 
}

.rollimg-video::-media-controls-fullscreen {
  display: none !important; 
}

#player1 .vjs-control-bar {
  opacity: 0 !important;
  transition: opacity 0.3s;
}

#player1:hover .vjs-control-bar {
  opacity: 1 !important;
}

#player1 .vjs-progress-control {
  pointer-events: none !important;
}

.vjs-big-play-button {
  display#: none !important;
  width: 24px !important;
  height: 12px !important;
  border: none !important;
  border-radius: 50%;  
  background: none !important; 
  position: absolute !important; 
  bottom: 90% !important; 
  left: 5% !important; 
  transform: translate(-50%, -50%);  
  cursor: pointer;  
  }

.me {
    background-color: #efefef;
}

.return {
display: inline-flex; 
 align-items: center;  
 justify-content: space-between; 
 padding: 6px var(--rem); 
}
  .black {
    /*! cursor: pointer; */
    display: flex;
    align-items: center;

  }

  .black.center {
    margin-left: unset !important;
  }
  .prod .black {
    /* margin-left: 1rem !important; */
  }



.night-mode .black {

}

.hidden-block {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}

.hidden-block.show {
  max-height: 500px; /* Puoi cambiarlo o impostarlo via JS */
  opacity: 1;
  /*! border: 1px solid var(--borderl); */
  /*! border-radius: var(--br); */
  margin: -2px 0px;
  padding: 4px 0;
  background-color: var(--datum);
}
.night-mode .hidden-block.show {
  background-color: var(--find-night) !important;
}



#review  {
  /*! border: 1px solid rgba(70, 70, 70, 0.1) !important; */
  width: 100%;
  /*! min-height: 100%; */


  /*! flex: 1; */
  background-color: var(--atabs);
}
.gridcat {
  display: flex;
  flex-wrap: wrap;
  max-width: -moz-available;
  justify-content: flex-start; 
  /*! height: fit-content; */ 
  border-radius: var(--br);
  width: 100%;
  position: relative;
  gap: 14px;
  min-height: 19rem;
  /*! height: 100vh; */
}
.pages {
max-width: var(--pages);
  margin: 1.5rem auto !important;
}
.comm  {
  overflow-y: scroll;
  scrollbar-width: none !important;
flex: 1;
  max-width: 58rem;
  display: flex;
  flex-direction: column;
  padding: 0 2rem;
  }

.sine .gridcat  {
  flex-direction: column !important;
gap: 2rem 0;
}

.gridcol {
   display: grid;
   align-content: baseline;
   grid-template-columns: 4rem 1fr;
   padding: 0 0 1rem 0;
   flex: 0 1 24%;
}
#mainCols .gridcol {
   flex: 0 1 min(31.5rem, max(35rem, 100%));
}

#mainCols .bord {
   /*! aspect-ratio: 16 / 16; */
}

.premium .gridcol.gridview {
  flex: 0 1 min(40%, max(100%, 100%));
  margin: 0 auto;
}
.comm .gridcol {
  /*! padding: 0px 20px !important; */
  margin: 0 !important;
}
#review .gridcol {
  padding: 5px 10px !important;
  min-width: 100%;
}
.gridcat .gridcol:last-child {
  /* margin-right: auto !important; */
  /* flex-grow: 0 !important; */
}
.night-mode .gridcol {
}
.item-3 .gridcol {
    margin: 1rem 0 !important;
  }

.new.gridcol {
    max-width: unset !important;
  width: 100%;
  min-width: 100%
  }


.breaks {
    display: none !important;
  }



@media (max-width: 499px) {
	
  .breaks {
    display: inline-flex !important;
  }

.break {
    display: none !important;
  }

  .gridcol {min-width: -webkit-fill-available;padding: 0 0 1rem 0;min-width: -moz-available;grid-template-columns: 4rem 1fr;}
}
 .pages .gridcol {/*! min-width: -webkit-fill-available; */padding: 0 0 1rem 0;/*! min-width: -moz-available; */grid-template-columns: 5rem 1fr;/*! width: 75%; *//*! flex: 1; */}
}

    .cat.gridcol {
        min-width: unset;
        grid-template-columns: 6rem 1fr;
        flex: 0 1 min(8rem, max(14rem, 100%));
		margin: 0 2rem 2rem 2rem;
    }
.cat .rollimg {
    min-height: 10rem;
    min-width: 10rem;
}
.cat .bord {
    aspect-ratio: 16 / 20;
		max-width: 100%;
		overflow: hidden
}

body.no-scroll {
  overflow: hidden;
}
l {
  overflow: hidden;
}