.recordings{
  display:flex;
  flex-direction:row;
  justify-content:space-evenly;
  align-items:flex-start;
  gap:32px;
  flex-wrap:wrap;
  padding-top:8px;
}

.recording{
  width:400px;
  max-width:95vw;
  outline:1px solid #FFFFFF;
  display:flex;
  flex-direction:column;
}
.recording:hover{ outline:1px solid #ff4d7a; }

.recordinglink{
  display:block;
  color:inherit;
  text-decoration:none;
}

.recordingmodel{
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:nowrap;
  height:40px;
}

.model{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  font-weight:600;
  color:#ff4d7a;
  outline:2px solid transparent;
  padding:2px 8px;
  margin-top:4px;
  margin-right:4px;
}
.model:hover{
  color:#000;
  background:#ff6b92;
  outline:2px solid #39FF14;
  border-radius:1em;
}

.gendericonsfemale,
.gendericonsmale,
.gendericonscouple,
.gendericonstransgender{
  display:inline-flex;
  align-items:center;
  width:18px;
  height:18px;
}
.modelfemale::before{ content:"\2640"; font-weight:900; }
.modelmale::before{ content:"\2642"; font-weight:900; }
.modelcouple::before{ content:"\1F491"; font-weight:900; }
.modeltransgender::before{ content:"\26A5"; font-weight:900; }

.camsiteicons{
  outline:2px solid transparent;
  margin-left:4px;
  margin-top:6px;
  padding:4px;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.camsiteicons:hover{
  color:#000;
  background:#ff6b92;
  outline:2px solid #39FF14;
  border-radius:1em;
}

a.camsiteicons {
  text-decoration:none;
  color:#ff4d7a;
  font-weight:600;
}

.camsiteicons::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background-image:url("/images/icons/SiteIcons.18px.64.webp");
  background-repeat:no-repeat;
  flex:0 0 18px;
}

.camsiteiconsamateur::before { background-position:-18px -54px; }
.camsiteiconsbongacams::before { background-position:0 -36px; }
.camsiteiconscam4::before { background-position:0 -54px; }
.camsiteiconscams::before { background-position:0 0; }
.camsiteiconscamsoda::before { background-position:-18px -342px; }
.camsiteiconschaturbate::before { background-position:0 -146px; }
.camsiteiconscherrytv::before { background-position:-342px -616px; }
.camsiteiconsdreamcam::before { background-position:0 -415px; }
.camsiteiconseplay::before { background-position:-18px -540px; }
.camsiteiconsflirt4free::before { background-position:-18px -164px; }
.camsiteiconsmyfreecams::before { background-position:0 -216px; }
.camsiteiconsmfc::before { background-position:0 -216px; }
.camsiteiconssakuralivejp::before { background-position:0 -270px; }
.camsiteiconsshowup::before { background-position:0 -288px; }
.camsiteiconsstreamate::before { background-position:0 -306px; }
.camsiteiconsstripchat::before { background-position:-18px -324px; }
.camsiteiconsxlovecam::before { background-position:-18px -108px; }

.recordingimage{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.recordingmeta{
  font-weight:600;
  color:#ff4d7a;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content:space-between;
  align-items:flex-start;
  margin-top:auto;
}
.recordingmeta{ min-height:42px; }
.recordingmetaduration,
.recordingmetashowstart{ line-height:18px; }
.recordingmetaleft{ min-height:42px; }
.recordingmetaright{ min-height:42px; }
.recordingmetaleft{
  margin-left:4px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  height:42px;
}
.recordingmetaright{
  display:flex;
  flex-direction:row;
  gap:18px;
  justify-content:center;
  align-items:center;
  height:42px;
  margin-right:4px;
}

.viewbuttonsmall,
.downloadbuttonsmall{
  color:#000000;
  background-color:#ffb3c6;
  padding:6px;
  outline:2px solid white;
  border:none;
  border-radius:1em;
  font-weight:600;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  text-decoration:none;
}
.viewbuttonsmall:hover,
.downloadbuttonsmall:hover{
  background:#ff4d7a;
  color:#000000;
  outline:2px solid #39FF14;
  border:none;
  border-radius:1em;
  cursor:pointer;
}

.pagination{
  width:100%;
  height:144px;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:16px;
}
.paginationlink,
.paginationlinknext{
  color:#000000;
  background-color:#ffb3c6;
  padding:16px;
  outline:2px solid white;
  border:none;
  border-radius:1em;
  font-weight:600;
  text-decoration:none;
  width:150px;
  height:18px;
  display:flex;
  margin-left:-8px;
  margin-top:-3px;
  justify-content:center;
  align-items:center;
}
.paginationlink:hover,
.paginationlinknext:hover{
  color:#000000;
  background-color:#FFA500;
  outline:2px solid #39FF14;
}
.paginationlinkspacer{
  color:transparent;
  background-color:transparent;
  padding:16px;
  outline:2px solid transparent;
  border:none;
  border-radius:1em;
  width:150px;
  height:18px;
  display:flex;
  margin-left:-8px;
  margin-top:-3px;
  justify-content:center;
  align-items:center;
}

#backToTop{
  text-decoration:none;
  padding:10px;
  color:#fff;
  background:#228B22;
  border-radius:100px;
  float:right;
  position:sticky;
  position:-webkit-sticky;
  bottom:4px;
  margin-right:4px;
  z-index:10;
}

.turnstile-container{ display:none; }
.recording{ contain: layout paint; }
.recordingimagewrapper{ height:225px; }
.recordingimage{ width:100%; height:100%; display:block; object-fit:contain; }