.small-ZrnCLglCqO {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.userpic-ymCcYh {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.grid-DVBcdXRIomty {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: column;
  background: inherit;
  background-color: #ffe0f1;
}

.wide-dHZHTB {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(22vw/var(--resizer)*100);
}

.medium-oCNrvKhTm {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
}

.sidebar-ZDjtXaOyyfrL {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.lg-LUKbTHnwnQMn {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.box-aFFwkP {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(7vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.subject-IyAHrbKzVT {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(4vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist0.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(47vw/var(--resizer)*100);
}

.row-vANaDpvakZYPH {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.narrow-sGOnwXxt {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 115%;
  height: max-content;
  gap: calc(39vw/var(--resizer)*100);
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  flex-direction: column;
}

.page-WeymJkCvwbo {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.col-MUHCIpNul {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  text-align: undefined;
}

.container-WxzNSneOjMKcs {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.huge-HHqVxPyoU {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
}

.avatar-JoLDTySGlz {
  display: flex;
  position: relative;
  justify-content: start;
  align-items: center;
  max-width: 642%;
  gap: calc(27vw/var(--resizer)*100);
  flex-wrap: nowrap;
  width: 100%;
  column-gap: calc(15vw/var(--resizer)*100);
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  padding: 30px 10%;
}

.heading-ciCaFzUx {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.button-NUefMy {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.sidebar-xXstlONqoFXPsZpN {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.all-ZxmLVcwykPv {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.row-dPUiPj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.all-sWTeZj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.button-egxdOJuKfYGiR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.xs-ISNEoOX {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(650vw/var(--resizer)*100);
  height: calc(500vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  max-width: calc(650vw/var(--resizer)*100);
  max-height: calc(500vw/var(--resizer)*100);
  object-fit: cover;
  object-position: top;
  flex-shrink: 0;
  box-shadow: calc(1vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
  scroll-snap-align: center;
}

.lg-qtqvvqnbR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: calc(37vw/var(--resizer)*100);
  flex-direction: column;
  background-color: #ffe0f1;
}

.all-XBnQtsD {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.headline-VlWcMNFZz {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
}

.container-dMhGvDyVkgsZaQEp {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.subtitle-CuAYyBwNSboNkLcB {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.holder-ziYpgNnSjld {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(18vw/var(--resizer)*100);
  flex-direction: row;
}

.caption-kRTjmx {
  display: flex;
  position: relative;
  margin: auto;
  border: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: calc(250vw/var(--resizer)*100);
  height: calc(50vw/var(--resizer)*100);
  padding: calc(0vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  color: #02170a;
  background-color: #80c1d7;
  font-size: calc(16vw/var(--resizer)*100);
  text-align: undefined;
  border-radius: calc(10vw/var(--resizer)*100);
}

.tooltip-gSolQxJciOfnLXUn {
  display: flex;
  position: relative;
  margin: auto;
  border: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: calc(250vw/var(--resizer)*100);
  height: calc(50vw/var(--resizer)*100);
  padding: calc(0vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  color: #02170a;
  background-color: #80c1d7;
  font-size: calc(16vw/var(--resizer)*100);
  text-align: undefined;
  border-radius: calc(10vw/var(--resizer)*100);
}

.tooltip-ghlCnMdJLWZEulji {
  display: flex;
  position: relative;
  margin: auto;
  border: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: calc(250vw/var(--resizer)*100);
  height: calc(50vw/var(--resizer)*100);
  padding: calc(0vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  color: #ffe0f1;
  background-color: #1f4138;
  font-size: calc(16vw/var(--resizer)*100);
  border-radius: calc(10vw/var(--resizer)*100);
}

.aside-BZTiHchqDWwTa {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: 80%;
  gap: calc(17vw/var(--resizer)*100);
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  flex-direction: column;
  background-color: #ffe0f1;
}

.img-vDFfbUFdRKTGyBJD {
  display: flex;
  position: relative;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: calc(25vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-wrap: wrap;
}

.sm-zzFrlFpToc {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.button-RmzDoXKkEasd {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(30vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.narrow-IGvrsTxgcbqrZPxV {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist1.html;
}

.box-hwcMws {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.wrapper-UgNvhnnxSMB {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.holder-eAyjIkqZQYcqPoI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.section-hLvyeZcnDVsRFcnA {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.subtitle-aRyQQrQRK {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.wide-pNXPuPBYUdvnm {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.column-Wzoxezxx {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.col-jCVTnzAVDL {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.all-DOqZDb {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.heading-KGqEsl {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.thumb-YprJziAx {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.btn-HpbzNNkoCFWq {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.md-oHYmEBbfsILk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.page-zvKMBSqjMFtsSY {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.section-mNnAycsOMeWoAZc {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.heading-ZFQFrLejTeRQ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(43vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.tooltip-zVgUUelv {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist2.html;
}

.breadcrumbs-nzYIszMAtPF {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.xs-duoFKwG {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.tiny-ZiJwLpPPrBl {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.xs-XWiltVdNnvqJXe {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.tagline-jdpHzxnhbUnHMjJ {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.img-tZCzTEz {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.xs-bhvyoBXM {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.tooltip-fkTrZDTxMKwDzrbP {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.subject-WOAyQlPbCs {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.breadcrumbs-AwXcIvw {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.btn-gLmJmUGvBSUNkPas {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.title-jFAjHjYTbplFHcyo {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.sm-VOotKfd {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.md-GcfPUeP {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.page-fOBqFPgXWfAR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.icon-nBPoAGvdgzokCYc {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(3vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.button-YrhEKNmVGaj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist3.html;
}

.wide-oOwKVL {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.content-HbCKjIsHWaOQVeb {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.all-ZqmwifqMWdaKO {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.breadcrumbs-TOprQBlcpCit {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.wide-woVJox {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.current-HdjCgmTYjVBqX {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.more-cfJNRztUsO {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.more-KOYWmfvjgAH {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.narrow-iNCwkUrSS {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.col-ZlMJLzwoPYH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.subject-PohaqswuaXW {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.icon-aUXQzeJPSbRrdZXl {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.medium-UblFJoRycul {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.desc-wiGUPgnN {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.large-lEcXRaS {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.lg-xQoHVFH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(26vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.narrow-FBpAAQkoJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist4.html;
}

.active-fhlSBDOwdQBKEwM {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.xl-KWReqMLlwvV {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.thumb-ysPPvPn {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.thumb-fPKnvcXpqJTiScG {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.text-maknGNVzVlIMc {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.huge-gIbUpATDDdNpHF {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.icon-xHDmBtiMd {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.widget-uVAVDPtdWpaRV {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.avatar-rWIWCowFIYyMeQ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.active-pxkwxI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.more-aKGcsswjqlZMGoSk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.btn-RhRTBZFoaAk {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.title-tleXMtOgmZRdcmsC {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.pic-iwCmYPr {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.active-riWtqgnqouqQC {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.container-AQOVUBMGq {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(5vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.tagline-JvywcdPt {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist5.html;
}

.img-DSrdboWqcAxwPp {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.content-HDdjBx {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.img-ksjPoeEjBZV {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.md-kLFXkSzfJQC {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.current-gPUJwIxbjRbNtK {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.lg-DKJvmhFtIQQAhZ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.pic-NMbeVij {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.subtitle-NICFuvKyWgFfnP {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.thumbnail-PIFApQzvUMMGST {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.subtitle-xJuOKxuWPUJQi {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.content-zJxhwNIeGN {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.button-FxGqOwhcxrTkNE {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.tip-mFIBdNvdZd {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.headline-BmpnrLAjLtEv {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.pic-SAlvzdpdUr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.box-mwuFRYjWYiZRPFzk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(35vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.xl-rskINZUS {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist6.html;
}

.tagline-BbDgQR {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.tip-HiHrup {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.tooltip-lUniWGNJsG {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.img-VGzckxr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.tooltip-WUFvBywFJdRNwzl {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.tip-nUnfamGXSpx {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.img-GiyhPbtfZJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.more-WdzfiYXoCGogYXpT {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.widget-kqNsNrdu {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.subject-eonGHGA {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.thumb-aCpljyhJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.content-XDwzAozEveBMy {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.img-hzScPUtoTPZZoSwT {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.narrow-NdfXohUZSxw {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.text-EqhZLgrVM {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.column-mSlRtmAezKNlvZP {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(38vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.content-TsGeabULDaSmHR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist7.html;
}

.grid-yUYSIBhNaQXIjwB {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.container-LwQikjRWxRapfMb {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.box-VvAgdw {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.button-ckThwiJVggecn {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.caption-xtCLLbliasx {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.lg-IisFWKjRKcZ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.active-zengfsFfDHhs {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.xs-VdLyulinCbQ {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.preview-giHtOggzmY {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.inner-lwLORXNbdjPoyJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.preview-MfmysaXYEj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.button-ClADcRVAAMZ {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.control-RuljHQcKsJutuy {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.section-VtUwfjZeaGiCjZHn {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.text-PJswKQFH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.btn-oJlGXIn {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(49vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.grid-goWpUUczz {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist8.html;
}

.holder-SXLrUfyZsyTeIhe {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.huge-TJpMivEA {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.tip-cnFLRrFeGg {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.small-SehQaTh {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.row-zEwslgSZ {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.picture-xrxkGcWp {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.title-nNaIhLjIR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.small-yVZmuWbm {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.thumbnail-ncrcgFAc {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.content-EmtBCASWwRWkRnTI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.widget-ilNsnEtMvtjzvnf {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.more-fYFDvxDaLyiZN {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.narrow-EVfwXtlVmxTaxKG {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.title-YpGUSYRXtF {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.preview-tfYSFZvi {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.narrow-iWgGWKppdZaFdO {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(26vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.active-gxvJcaYX {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist9.html;
}

.wide-BdqgeQB {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.control-LfHiEKY {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.row-mgjyTbnsRh {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.small-rSAQGv {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.medium-ExXAEkdqAUQUFmE {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.inner-gdajaarxTpbjq {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.thumb-fwltFaDehU {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.active-kadkvnrHyluD {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.big-tEdoeGc {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.userpic-fDjgkEGLCaJbI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.more-kGVAgjWZn {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.all-XQAdNWuR {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.current-NdikDbjNfrBnQktj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.userpic-hChbKGwDca {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.container-FtkAFhvV {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  min-width: calc(463vw/var(--resizer)*100);
  max-width: calc(463vw/var(--resizer)*100);
  height: calc(574vw/var(--resizer)*100);
  padding: calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100) calc(20vw/var(--resizer)*100);
  flex-direction: column;
  background-color: initial;
  flex: 1;
  border-radius: calc(32vw/var(--resizer)*100);
  border-left: calc(1vw/var(--resizer)*100) dashed #02170a;
  border-right: calc(1vw/var(--resizer)*100) dashed #02170a;
}

.subject-HoeyWlZ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(463vw/var(--resizer)*100);
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(13vw/var(--resizer)*100);
  appURL: index.html;
  height: calc(50vw/var(--resizer)*100);
}

.control-QfCJBUfscJfgQSJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 40%;
  height: calc(45vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: themelist10.html;
}

.caption-qKuVMoCZtBaw {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.small-YBpMMMnlVv {
  display: flex;
  position: relative;
  justify-content: wrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
  padding: calc(24vw/var(--resizer)*100);
}

.md-IcwImR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.large-cgVsEr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.row-lcfLxbHFxSJ {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.title-YsdEEtL {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.breadcrumbs-luldyNtqWa {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.desc-igyuDuGzqFXaCrx {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.aside-IDnbmcMetLlmcsj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.picture-SunDuTBT {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(200vw/var(--resizer)*100);
  height: calc(200vw/var(--resizer)*100);
  border-radius: calc(32vw/var(--resizer)*100);
  margin: calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
  box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
}

.md-lbrDngMJlpKk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: auto;
  gap: calc(10vw/var(--resizer)*100);
  padding: calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(19vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  flex-direction: column;
}

.thumb-wnuqDYfOq {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: center;
}

.container-JepVJGKSfDL {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.button-NNPyUIUH {
  font-family: 'Bitter', serif;
  font-size: calc(16vw/var(--resizer)*100);
  font-weight: light;
  color: #02170a;
  font-style: normal;
  line-height: calc(24vw/var(--resizer)*100);
}

.small-TLmRMKyXGBmI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.title-VatDVk {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.desc-UWtQtgIa {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.thumb-SwVhwLHlRC {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.tip-DYxJSDABDc {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.current-jnQlZYKdnjQAiKGr {
  display: none;
}

.big-XLFjbBSJO {
  display: flex;
  position: fixed;
  width: 41%;
  bottom: 0;
  right: 0;
  left: 0;
  gap: calc(20vw/var(--resizer)*100);
  flex-wrap: wrap;
  padding: calc(24vw/var(--resizer)*100) calc(24vw/var(--resizer)*100) calc(24vw/var(--resizer)*100) calc(24vw/var(--resizer)*100);
  flex-direction: row;
  background-color: #ffe0f1;
  border: calc(3vw/var(--resizer)*100) ridge #02170a;
  justify-content: center;
  align-items: center;
  opacity: .86;
  border-radius: calc(17vw/var(--resizer)*100);
}

.grid-PMdHYUiyaLQgu {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(8vw/var(--resizer)*100);
}

.more-fguCdiOE {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(29vw/var(--resizer)*100);
}

.thumb-gVBOPQr {
  width: auto;
  height: auto;
  border-radius: calc(35vw/var(--resizer)*100);
  background-color: #1f4138;
  padding: calc(5vw/var(--resizer)*100) calc(10vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(10vw/var(--resizer)*100);
}

.text-HkTSTWmDalrsw {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(17vw/var(--resizer)*100);
}

.thumbnail-shMvefgjGlfr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.control-OjMXzyCIJgxz {
  font-family: 'Bitter', serif;
  font-size: calc(17vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  width: 100%;
  text-align: left;
}


.row-elalZmHiFjYUdEoG {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.content-jLmDphsHnV {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  margin: auto auto auto auto;
  background-color: #80c1d7;
  flex-direction: column;
}

.picture-pzNGGXGJwSCZis {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
  line-height: calc(40vw/var(--resizer)*100);
}


.huge-AIqYleLDTzvCPL {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.subject-EdNudVvMYTGQyNF {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  margin: auto auto auto auto;
  background-color: #80c1d7;
  flex-direction: column;
}

.tooltip-EdZEkz {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
  line-height: calc(40vw/var(--resizer)*100);
}


.wide-sDYADWkRhFpXPkQ {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.widget-fBlpjfgS {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  margin: auto auto auto auto;
  background-color: #80c1d7;
  flex-direction: column;
}

.active-ZJChwPFXoQqiK {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
  line-height: calc(40vw/var(--resizer)*100);
}


.headline-AkbBSotJGEXRNgc {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tip-nwdUsUDoFdZMeHz {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.large-inDvcVPgIORmOE {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(39vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.medium-LXEaBEyrrNtYf {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
  width: calc(500vw/var(--resizer)*100);
}

.image-rwcuPyFVNJFVbmA {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.lg-WMxRIpw {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.preview-ClkVqbNXH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(40vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.inner-MczGHbhACsH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(44vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(30vw/var(--resizer)*100);
}

.box-eFdcbi {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.row-UWvVASbePwRizZiz {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(44vw/var(--resizer)*100);
  background-color: #02170a;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(30vw/var(--resizer)*100);
}

.headline-pcLUHhaPacaEvJQQ {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.caption-zehMLyiAVNSiOTF {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(39vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.active-zGtANjhWQU {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.title-ezaYJlsLsk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(368vw/var(--resizer)*100);
  height: calc(368vw/var(--resizer)*100);
  border-radius: calc(36vw/var(--resizer)*100);
  box-shadow: calc(-4vw/var(--resizer)*100) calc(-3vw/var(--resizer)*100) calc(4vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) rgba(2, 23, 10, .3);
}

.btn-aeWoAMEZRFQay {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  flex-direction: column;
  gap: calc(16vw/var(--resizer)*100);
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  background-color: #ffe0f1;
}

.column-PEeOXRTIcnkd {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.breadcrumbs-JCggPpDklLgLlUQ {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.xs-hJnRlUVdvNwzuhay {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.wrapper-ozdbbqMco {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.narrow-msSOFXU {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.current-gGGtEROIhfrqBM {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.container-BxBumqfiS {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.pic-tvnIFWH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.big-qGuqgUSELdgwla {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.userpic-Fzkobj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.holder-uEBSjYNzzYMydEGX {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.page-qeNBVGlrNVGvnC {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.huge-qijfDqiFFd {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.all-bsIUsBtiBsP {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.large-rLyFRI {
  display: none;
}


.tooltip-BcLmDUyNl {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.button-mGcrjfFjIUZyKPem {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.thumb-feYtqNJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: column;
  background: inherit;
  background-color: #ffe0f1;
}

.thumbnail-QshZjRmdCHa {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(47vw/var(--resizer)*100);
}

.image-jtmbYXpDDJqvfe {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(9vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.xl-vRueBvaDe {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(7vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(30vw/var(--resizer)*100);
}

.tip-ReoLSizRV {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.breadcrumbs-KDddooKPDj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(7vw/var(--resizer)*100);
  background-color: #02170a;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(30vw/var(--resizer)*100);
}

.subject-gGlYrPVWhE {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.column-cAKzQcEhLDywru {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
}

.narrow-qIPkUfVlbmUfN {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.xs-YKypoBzqMmYWEus {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.widget-QDGEMQyHVqkaGgE {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.btn-qTwSprel {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.preview-kMpegUtgRUVj {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.active-QwTnJppW {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.inner-IQSIzPyJmYquKLqJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.wrapper-axbMtddkWVgx {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.more-gUnTPmGaDiqzStOw {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.thumb-MXzOta {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.content-fzfobBAHkpQSqyD {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.section-hOlGYFXL {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.subject-LbvLclfrGYaMSgKz {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.preview-prZwoSC {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.grid-nwcoNMLa {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.page-UIjPknEqdk {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.current-FAAimmoK {
  display: none;
}


.tagline-MZbTACO {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.pic-deVbHAewzVjDu {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.current-BiIfBHUvsZMlGx {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: row;
  background: inherit;
  background-color: #ffe0f1;
}

.column-zAMmHnE {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(23vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.img-vOfFrLvlUhyqe {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
  width: calc(500vw/var(--resizer)*100);
}

.btn-bvlSjHAOWVPI {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.all-sshQDObTMbVaL {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.sm-AiJFxcb {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(16vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.tip-ltkhAMGJvznwQofD {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(36vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(36vw/var(--resizer)*100);
}

.subtitle-RbDIihHmlWfx {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.grid-KuzwwEs {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(23vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.xs-JfBBAdnOx {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.headline-coeTgrJaRvDnm {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(322vw/var(--resizer)*100);
  height: calc(322vw/var(--resizer)*100);
  border-radius: calc(11vw/var(--resizer)*100);
  box-shadow: calc(-1vw/var(--resizer)*100) calc(1vw/var(--resizer)*100) calc(6vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .4);
}

.sm-ziWGOPOwqMqGOBn {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  flex-direction: column;
  gap: calc(47vw/var(--resizer)*100);
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
}

.xs-NZaZqpKILNEH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.small-FBIuTX {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.heading-MVroXVg {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.picture-StxrVAXpVXJdm {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.subtitle-AIdHxZhB {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.row-VFcatzda {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.pic-fgFrLrrwkWHPmGd {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.row-oyOmdwJLwtlWSl {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.medium-IrxXBolBH {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.big-rGYUuwHt {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.tooltip-COrrdGNydHwP {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.subject-wQDjTVGEvoGoCNw {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.xl-NnFVhgZ {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.widget-stTbwmEFjCuID {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.tooltip-jsKmFkpeRW {
  display: none;
}


.section-pkHVIddbDpeDwj {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tip-zxAOcgmpGTJp {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lg-lOZJum {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: column;
  background: inherit;
  background-color: #80c1d7;
}

.tagline-FkIIFMaNeIKi {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(15vw/var(--resizer)*100);
}

.content-AOsLlKEExzewYR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
}

.more-VhUbWFtIqPfewHn {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.medium-LCTAeKufpMfjUQh {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.tiny-MUDwBEZuyXRPfe {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(47vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.widget-bpEnuZhLkP {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(34vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
}

.heading-yHCqhSQpNr {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.md-oGwCakkvMiOZDL {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.aside-dNSKlYp {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.tip-WJPiouOXJwQ {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.sm-SOYpLAvGq {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.caption-CKwkBbEDi {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.caption-JeKXESbUz {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.row-ChdVXnPqsodxaXm {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.holder-KObJZjUiQzwRs {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.holder-qkVvLv {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.image-JKnEKutzlb {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.desc-xVbDaKOvoBob {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.img-KvnWyhta {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.small-fdHFgFJnGnPIjVgz {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.wrap-JsQnJrD {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.holder-ylZtvySs {
  display: none;
}


.avatar-JitvFmCzIY {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.all-atWnkVZlNyASZT {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lg-molXieaat {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(20vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.box-ctKAjujqCtOTLR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.tip-xITieBewMTaPM {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(320vw/var(--resizer)*100);
  height: calc(320vw/var(--resizer)*100);
  border-radius: calc(1vw/var(--resizer)*100);
  box-shadow: calc(2vw/var(--resizer)*100) calc(-4vw/var(--resizer)*100) calc(9vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) rgba(2, 23, 10, .2);
}

.current-bgculYYdYxYTHik {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(20vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.page-pkSsrxqmyzmY {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
  width: calc(500vw/var(--resizer)*100);
}

.subtitle-BdQXIfUylAXsAvVr {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.xl-hHWtUkELpmtmZIwS {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.heading-wRiJooLEskoMXZ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(22vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.caption-AxjRLACI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(43vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(28vw/var(--resizer)*100);
}

.narrow-sUzuVpuKDBPJhDo {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.md-XiONrhQhovR {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(43vw/var(--resizer)*100);
  background-color: #02170a;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(28vw/var(--resizer)*100);
}

.narrow-KdsLcQjTlCYvvtHE {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.title-ovXyxeupExGzIOh {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.active-ytaVdj {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.userpic-CZWnYnotuLmLCkJV {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.aside-wUyDLumM {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.content-OaugGth {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.xs-pRegPFdTIZrxq {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.wrap-NikLCGoyqdpKt {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.btn-MPanhmWleGZJflM {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.subject-oeWVGXFveif {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.userpic-DngbZTBLAsLBLk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.tip-tdsbqO {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.wide-PxacmRvUtvMmJne {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.container-VzvBCdFjQ {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.wrap-VcrYxaLLnDyreLk {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.xl-dTGrMIsuWLt {
  display: none;
}


.section-vwViIFJv {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.medium-ZFvpsUpctoz {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.active-lCxrHUUlrOkqmje {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(37vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.lg-qryPCBilyOMNRhw {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
  width: calc(500vw/var(--resizer)*100);
}

.title-uZpIUuMz {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.tiny-WsRsoGLFZqLki {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.caption-vizKuBhujdICMm {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(3vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.holder-ryABMByKUr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(36vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(32vw/var(--resizer)*100);
}

.preview-RvpaNjuiAJWKR {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.col-ZkRiXiGcORypOM {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(37vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.aside-TRekpQjOP {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.lg-DVuLWIRZPC {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(464vw/var(--resizer)*100);
  height: calc(464vw/var(--resizer)*100);
  border-radius: calc(24vw/var(--resizer)*100);
  box-shadow: calc(-5vw/var(--resizer)*100) calc(1vw/var(--resizer)*100) calc(6vw/var(--resizer)*100) calc(4vw/var(--resizer)*100) rgba(2, 23, 10, .4);
}

.box-uuhEgkDuuD {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.subtitle-rFdgZkpdSRIQ {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.picture-KyHvNqtlyneT {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.avatar-IdrqtG {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.wrap-PMJqDsQnxXRtouAG {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.xs-cwyRpdUwSIPMZ {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.tooltip-vMYMSibpFy {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.row-tCSDyQqPa {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.pic-vQXqhvKClPzsm {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.row-OQnOuCQrLZhi {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.sidebar-MsDnFQdYYP {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.more-pvfoDuvX {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.xs-LzRPxgsc {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.medium-NCjCYOxUyQ {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.huge-EFjvLHcXcb {
  display: none;
}


.active-UYZbOQGWzdBbFD {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.box-dCGkJAk {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.wrap-ysVHgWB {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: column;
  background: inherit;
  background-color: #80c1d7;
}

.pic-UHBycChk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(23vw/var(--resizer)*100);
}

.big-vxZVsf {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
}

.more-DLNkvhjVwAOdAty {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.inner-MabovmQpY {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.heading-WYQxRBkAUU {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(43vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.medium-KwvsZGfri {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(6vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(27vw/var(--resizer)*100);
}

.control-xcnpDUBZ {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.control-KUXaaSSI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(6vw/var(--resizer)*100);
  background-color: #02170a;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(27vw/var(--resizer)*100);
}

.xl-YHUziBMwcQTr {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.row-aaRZfBUrdBBtBQVv {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.heading-slFhHqqVCK {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.tooltip-zFjTsFHFl {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.page-zHbuxyPhjnESYX {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.aside-BSezVOXVJBgTk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.md-EYazHknQlCqDbOg {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.headline-JrFEaUjXVeodD {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.icon-auQbHFtU {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.container-mnwphbvDux {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.container-dRcPbProegoBLtQT {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.content-vXFxaaqRVHiMP {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.row-AlwLzBI {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.large-adExPeG {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.image-FIRPpyzZmh {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.inner-ukytjhCFlYxUIKt {
  display: none;
}


.huge-oaBnudeKJ {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.tiny-GqrPLokKgQsvSas {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.img-nJzzKDuFgVfKj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(34vw/var(--resizer)*100);
}

.thumbnail-mJhVenfEtZhf {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(22vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.img-zsfBzldB {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(5vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(39vw/var(--resizer)*100);
}

.icon-itzMDnux {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.thumb-VmRrPCnj {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
}

.tooltip-KkOQlizDWN {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.headline-hbOkKuUpCNzXOQy {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.medium-iQSblpQhjbasaged {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  flex-direction: column;
  gap: calc(47vw/var(--resizer)*100);
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
}

.current-MVaiXrfaaUEkk {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.btn-nftgAA {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.medium-QYahobIUqwh {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.preview-xYfKqgPglmDPy {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.large-BbGUPvuxjPsREhT {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.avatar-hyqAAvAgUvQoAQAp {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.current-MSqApxCCjGuuy {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.current-lFsnjYffRN {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.pic-PUcaURXeBXOApR {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.column-GlFdFoKxHTBKOxK {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.inner-CvKkUzibVCdhJIST {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.narrow-mjhQuNgCHug {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.medium-SCclKorDekG {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.tiny-pQeTncZENEOBtR {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.lg-hadbfFI {
  display: none;
}


.avatar-AFXnMB {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.image-hJhtHLEfiEX {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.holder-qParNJr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: column;
  background: inherit;
  background-color: #80c1d7;
}

.subtitle-pXhbJklf {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(45vw/var(--resizer)*100);
}

.box-mwfGqBzejGguE {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(29vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.userpic-FWISohi {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(7vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(38vw/var(--resizer)*100);
}

.subtitle-vwxhEkMAdI {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.aside-uWAsmaOUCzUn {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
}

.sidebar-sBPbzcLNzfutO {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.control-YTDLTkpx {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.wrap-DAfQwkWOkFybMDq {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  flex-direction: column;
  gap: calc(40vw/var(--resizer)*100);
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  background-color: #ffe0f1;
}

.column-YiSiFhcaoTi {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.breadcrumbs-BiRzNNtWQRRS {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.lg-aNycgtgPOcz {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.medium-KvbTKT {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.md-qFJlfYduzKxA {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.breadcrumbs-RmhOGrQoMr {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.image-RrTENZm {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.breadcrumbs-KghfwMQODCV {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.all-wqYjiuxoS {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.inner-kTHDlRMPhKwGPkg {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.desc-rZHRpUYjjyf {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.current-blhVzfzLeGqtz {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.medium-TAsrafkeveudIP {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.all-bdbUERqhunhjnogH {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.caption-pQFlSMvxYhEii {
  display: none;
}


.container-tuHMWkopOkzgSfxk {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.subject-WjtxhMEJJLl {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.column-qwSdOKFOTMD {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: row;
  background: inherit;
  background-color: #80c1d7;
}

.subject-bmfxLlGIFhUZB {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(48vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.sm-stLrUIqcdDmLTC {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.narrow-HlWbVfagThJu {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(388vw/var(--resizer)*100);
  height: calc(388vw/var(--resizer)*100);
  border-radius: calc(50vw/var(--resizer)*100);
  box-shadow: calc(5vw/var(--resizer)*100) calc(-5vw/var(--resizer)*100) calc(8vw/var(--resizer)*100) calc(2vw/var(--resizer)*100) rgba(2, 23, 10, .2);
}

.preview-qFGNgP {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(48vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.column-oPDFYvbafuY {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(22vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.thumb-BmeZPDchfaPb {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(2vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(46vw/var(--resizer)*100);
}

.caption-NssjBHbkY {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.page-zQwoPgLvW {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
  width: calc(500vw/var(--resizer)*100);
}

.widget-NMpNdAvYT {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.col-nsDSbZswguHu {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.userpic-GIXyQSH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.widget-urgVpfiOYiSKr {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.tiny-QAeoWdUPpnHFUlOP {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.medium-PrtpGRPMjvKu {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.lg-JQUKYL {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.page-ihcgKD {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.img-UqWkUUbpfIWstehB {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.active-AoUXbMArgeypEV {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.content-PfdOAqJnQLw {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.aside-prBImBZYI {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.caption-QtikRzYczWt {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.button-WZiinVvbRWrtmCkI {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.desc-ZiXWiLOyCrb {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.picture-xTgwpFwMz {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.sidebar-ZVamSAltUyxtretI {
  display: none;
}


.narrow-PsPNrqwyT {
  display: flex;
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.userpic-PCLfvDOLqgvKv {
  display: flex;
  position: relative;
  width: 100%;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.container-njKRKjHMmV {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  height: max-content;
  margin: calc(0vw/var(--resizer)*100) auto calc(0vw/var(--resizer)*100) auto;
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  gap: undefined;
  flex-direction: row;
  background: inherit;
  background-color: #80c1d7;
}

.thumbnail-hDcyxoajjXMJp {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(36vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.small-LMBVwMSaHqqBIPc {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: max-content;
  gap: calc(24vw/var(--resizer)*100);
  flex-wrap: wrap;
}

.widget-lEMUnZbTabbe {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: calc(315vw/var(--resizer)*100);
  height: calc(315vw/var(--resizer)*100);
  border-radius: calc(14vw/var(--resizer)*100);
  box-shadow: calc(5vw/var(--resizer)*100) calc(-4vw/var(--resizer)*100) calc(7vw/var(--resizer)*100) calc(3vw/var(--resizer)*100) rgba(2, 23, 10, .1);
}

.avatar-xyOdvIDbQQ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: calc(36vw/var(--resizer)*100);
  width: calc(500vw/var(--resizer)*100);
}

.thumb-brbcPlWgD {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  max-width: calc(650vw/var(--resizer)*100);
  gap: calc(15vw/var(--resizer)*100);
  margin: auto auto auto auto;
  flex-direction: column;
  text-align: center;
  width: calc(500vw/var(--resizer)*100);
}

.heading-AxWOwuQWyZdB {
  font-family: 'Bitter', serif;
  font-size: calc(32vw/var(--resizer)*100);
  font-weight: 900;
  color: #02170a;
}

.all-cdkQoJdcBAvy {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  line-height: calc(24vw/var(--resizer)*100);
}

.userpic-EqNFcrBMHIahQ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: calc(10vw/var(--resizer)*100);
  border-radius: calc(36vw/var(--resizer)*100);
  appURL: index.html;
  width: 100%;
  height: calc(50vw/var(--resizer)*100);
}

.widget-DWIJCXFvVtn {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: calc(35vw/var(--resizer)*100);
  border-radius: calc(20vw/var(--resizer)*100);
  background-color: #1f4138;
  appURL: index.html;
  padding: calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100) calc(5vw/var(--resizer)*100);
  gap: calc(21vw/var(--resizer)*100);
}

.content-LuUmhHluHwvlIl {
  font-weight: 900;
  font-family: 'Bitter', serif;
  color: #ffe0f1;
  font-size: calc(23vw/var(--resizer)*100);
}

.grid-vIFTXetZSAuc {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  flex-direction: column;
  gap: calc(39vw/var(--resizer)*100);
  padding: calc(50vw/var(--resizer)*100) 10% calc(50vw/var(--resizer)*100) 10%;
  background-color: #ffe0f1;
}

.more-ENrmQJmIjgHzfa {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 90%;
  padding: calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(50vw/var(--resizer)*100);
  gap: calc(42vw/var(--resizer)*100);
  border-radius: calc(48vw/var(--resizer)*100);
  border-top: calc(2vw/var(--resizer)*100) ridge #02170a;
  flex-wrap: wrap;
}

.icon-lgIVXILQPbNqXGTu {
  display: flex;
  position: relative;
  justify-content: nowrap;
  align-items: center;
  width: auto;
  gap: calc(5vw/var(--resizer)*100);
  flex-direction: row;
}

.aside-kyWGoayF {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.container-EQOgIkoYEIQdwOF {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.avatar-JZrUKnpYcJIlT {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.wrapper-OgUsngrH {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.wrapper-vltciP {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: max-content;
  height: max-content;
}

.control-nkvLGMjPrCLkd {
  color: #02170a;
  font-size: calc(18vw/var(--resizer)*100);
  font-style: bold;
}

.xl-fRagPsbgk {
  font-family: 'Bitter', serif;
  font-size: calc(20vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-align: left;
}

.sidebar-zJSSrJ {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: calc(50vw/var(--resizer)*100) 10% calc(0vw/var(--resizer)*100) 10%;
  background-color: #80c1d7;
  flex-direction: column;
}

.tiny-hsJeNRdcef {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: auto auto auto auto;
  padding: calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100) calc(50vw/var(--resizer)*100) calc(0vw/var(--resizer)*100);
  border-top: calc(1vw/var(--resizer)*100) solid rgb(241,243,244);
}

.tip-EnkUzkPSpGasvyxk {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.button-NbloRAGvdYebLyRB {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.medium-ArRVIiQkdQmIxos {
  font-family: 'Bitter', serif;
  font-size: calc(23vw/var(--resizer)*100);
  font-weight: 400;
  color: #02170a;
  text-decoration: none;
  text-align: undefined;
}

.tagline-SWQhbPzkQFdc {
  display: none;
}

/* =====================================================================
   MODERN DESIGN LAYER — additive, sin romper estilos existentes.
   Paleta: #1f4138 (verde profundo) · #80c1d7 (azul claro)
           #ffe0f1 (rosa suave) · #02170a (texto)
   ===================================================================== */

:root {
  --c-primary:   #1f4138;
  --c-accent:    #80c1d7;
  --c-soft:      #ffe0f1;
  --c-text:      #02170a;
  --c-muted:     rgba(2, 23, 10, 0.65);
  --c-line:      rgba(2, 23, 10, 0.08);

  --shadow-sm:   0 calc(2vw/var(--resizer)*100)  calc(8vw/var(--resizer)*100)  rgba(2, 23, 10, 0.08);
  --shadow-md:   0 calc(8vw/var(--resizer)*100)  calc(20vw/var(--resizer)*100) calc(-4vw/var(--resizer)*100) rgba(2, 23, 10, 0.14);
  --shadow-lg:   0 calc(14vw/var(--resizer)*100) calc(34vw/var(--resizer)*100) calc(-8vw/var(--resizer)*100) rgba(2, 23, 10, 0.22);

  --t-fast:      0.2s  cubic-bezier(0.2, 0.8, 0.2, 1);
  --t-base:      0.35s cubic-bezier(0.2, 0.8, 0.2, 1);
}

html { scroll-behavior: smooth; }
body {
  background-color: var(--c-soft);
  font-family: 'Bitter', serif;
  color: var(--c-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* --- Selection / Scrollbar polish --- */
::selection { background-color: var(--c-primary); color: var(--c-soft); }
*::-webkit-scrollbar { width: 10px; height: 10px; }

/* --- Universal transitions (interactive elements) --- */
a, button, input, label, img {
  transition:
    transform   var(--t-base),
    box-shadow  var(--t-base),
    background-color var(--t-base),
    color       var(--t-base),
    opacity     var(--t-base),
    filter      var(--t-base),
    border-color var(--t-base);
}

/* --- Article images: subtle hover lift + crispness --- */
main img {
  object-fit: cover;
  box-shadow: var(--shadow-sm);
  border-radius: calc(8vw/var(--resizer)*100);
}
main img:hover {
  transform: scale(1.025) translateY(-3px);
  filter: saturate(1.05) contrast(1.02);
  box-shadow: var(--shadow-md);
}

/* --- Article cards (anchors leading to themelistX.html) --- */
main a[href^="themelist"],
main a[href="index.html"] {
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  will-change: transform;
}
main a[href^="themelist"]:hover,
main a[href="index.html"]:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow-lg);
  filter: brightness(1.08);
}
main a[href^="themelist"]:active,
main a[href="index.html"]:active {
  transform: translateY(0);
  filter: brightness(0.96);
}

/* --- Form: input polish (Apodo / WhatsApp) --- */
input {
  border: calc(2vw/var(--resizer)*100) solid transparent;
  box-shadow: var(--shadow-sm) inset;
}
input::placeholder { opacity: 0.65; }
input:hover  { border-color: rgba(31, 65, 56, 0.35); }
input:focus  {
  border-color: var(--c-primary);
  box-shadow:
    0 0 0 calc(4vw/var(--resizer)*100) rgba(31, 65, 56, 0.12),
    var(--shadow-sm) inset;
}

/* --- Submit button polish --- */
button[type="submit"] {
  cursor: pointer;
  letter-spacing: 0.01em;
}
button[type="submit"]:hover  { filter: brightness(1.1);  transform: translateY(-1px); box-shadow: var(--shadow-md); }
button[type="submit"]:active { filter: brightness(0.95); transform: translateY(0); }

/* --- Headings: tighter tracking, modern rhythm --- */
h2, h3, h5 {
  letter-spacing: -0.01em;
  line-height: 1.22;
}
h3 { font-feature-settings: "ss01", "kern"; }

/* --- Paragraph rhythm in article body --- */
main p {
  line-height: 1.7;
  margin-bottom: calc(14vw/var(--resizer)*100);
}

/* --- Focus accessibility --- */
a:focus-visible, button:focus-visible, input:focus-visible, label:focus-visible {
  outline: calc(3vw/var(--resizer)*100) solid var(--c-primary);
  outline-offset: calc(3vw/var(--resizer)*100);
  border-radius: calc(6vw/var(--resizer)*100);
}

/* --- Footer policy links --- */
footer a {
  position: relative;
  opacity: 0.8;
}
footer a:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: calc(5vw/var(--resizer)*100);
  text-decoration-thickness: calc(2vw/var(--resizer)*100);
}

/* --- Cookie banner: smooth entrance + interactive button --- */
@keyframes ckSlide {
  from { transform: translateY(120%); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}
body > section { animation: ckSlide 0.5s cubic-bezier(0.2, 0.8, 0.2, 1) both; box-shadow: var(--shadow-lg); }
body > section label { cursor: pointer; box-shadow: var(--shadow-sm); }
body > section label:hover  { transform: translateY(-2px); filter: brightness(1.12); box-shadow: var(--shadow-md); }
body > section label:active { transform: translateY(0);    filter: brightness(0.95); }

/* --- "Volver al inicio" pill button on theme pages --- */
main a[href="index.html"] {
  display: inline-flex;
  align-items: center;
  gap: calc(8vw/var(--resizer)*100);
}

/* --- Mobile refinements --- */
@media screen and (max-width: 768px) {
  main img { max-width: 100%; height: auto; }
}
@media screen and (max-width: 414px) {
  body { line-height: 1.55; }
  main p, main li { text-indent: 0 !important; }
  h2, h3 { font-size: calc(34vw/var(--resizer)*100) !important; }
  h5     { font-size: calc(26vw/var(--resizer)*100) !important; }
  /* Cookie banner: ensure full width on mobile */
  body > section { width: 92% !important; left: 4% !important; right: 4% !important; }
}

/* --- Print: minimal, paper-friendly --- */
@media print {
  body > section, footer { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  main img { box-shadow: none !important; }
}

/* --- Reduced motion --- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration:  0.01ms !important;
    animation-iteration-count: 1 !important;
  }
  html { scroll-behavior: auto; }
}

/* --- Lazy-loaded image graceful fade-in --- */
main img[loading="lazy"] {
  opacity: 0;
  animation: imgFade 0.45s ease forwards;
}
@keyframes imgFade { to { opacity: 1; } }

/* =====================================================================
   ADAPTATIVIDAD MULTI-DISPOSITIVO — pasada de afinado
   Maneja: 4K (>1920), desktop (1280–1920), laptop (1024–1280),
           tablet landscape (768–1024), tablet portrait (480–768),
           phablet (414–480), phone medium (360–414), phone small (<360).
   ===================================================================== */

/* High-DPI rendering boost */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body { -webkit-font-smoothing: subpixel-antialiased; }
  main img { image-rendering: -webkit-optimize-contrast; }
}

/* >1920px — cap absurdly large sizes so layout doesn't sprawl on 4K */
@media screen and (min-width: 1921px) {
  main, footer > div, body > section > div {
    max-width: 1680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Tablet landscape (1024–1280): subtle gap tightening */
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  main img:hover { transform: scale(1.02) translateY(-2px); }
}

/* Tablet portrait (≤1024px): more breathing space, slightly larger headings */
@media screen and (max-width: 1024px) {
  main p, main li { line-height: 1.65; }
  /* Make article cards wrap nicely */
  main [class*="sm-"], main [class*="md-"], main [class*="lg-"] {
    flex-wrap: wrap;
  }
}

/* Phone & tablet portrait (≤768px) — stack form + bigger tap targets */
@media screen and (max-width: 768px) {
  /* Form: stack vertically, full-width fields */
  form {
    flex-direction: column !important;
    width: 90% !important;
    gap: calc(16vw/var(--resizer)*100) !important;
  }
  form input,
  form button[type="submit"] {
    width: 100% !important;
    min-height: 48px;
  }
  /* Tap targets ≥44px (WCAG) */
  main a, footer a, body > section label {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  /* Footer policy links: distribute */
  footer > div {
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }
  /* Cookie banner: nearly full width */
  body > section {
    width: 92% !important;
    left: 4% !important;
    right: 4% !important;
  }
  /* Reduce image hover effect on touch */
  main img:hover { transform: none; }
}

/* Phablet (≤480px) */
@media screen and (max-width: 480px) {
  main p, main li {
    text-indent: 0 !important;
    line-height: 1.6;
  }
  /* Heading scaling */
  h2, h3 { font-size: calc(38vw/var(--resizer)*100) !important; }
  h5     { font-size: calc(28vw/var(--resizer)*100) !important; }
  /* Article cards: full width */
  main [class^="big-"]:not(section),
  main [class^="huge-"],
  main [class^="large-"] {
    width: 100% !important;
  }
  /* Form fields */
  input { font-size: 16px !important; /* prevent iOS zoom-on-focus */ }
}

/* Phone medium (≤414px) — kept resizer at 350 from inline */
@media screen and (max-width: 414px) {
  /* Reduce excessive vertical padding inherited from desktop */
  main > div[style*="padding: calc(50vw"] {
    padding-top:    calc(40vw/var(--resizer)*100) !important;
    padding-bottom: calc(40vw/var(--resizer)*100) !important;
  }
}

/* Phone small (≤360px) */
@media screen and (max-width: 360px) {
  body > section {
    flex-direction: column;
    text-align: center;
    padding: 14px !important;
  }
  body > section label { width: auto; }
  /* Footer: stack policy links */
  footer > div { flex-direction: column; gap: 8px; }
}

/* Landscape mobile (short height) */
@media screen and (max-height: 480px) and (orientation: landscape) {
  body > section {
    max-height: 60vh;
    overflow-y: auto;
  }
}

/* Hover-capable devices only — keeps mobile tap clean */
@media (hover: none) {
  main img:hover,
  main a[href^="themelist"]:hover,
  main a[href="index.html"]:hover {
    transform: none;
    filter: none;
  }
}

/* Touch-action optimization — kills 300ms tap delay */
a, button, label { touch-action: manipulation; }