.bottom-sheet-VtqY2 {
  z-index: 99;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.bottom-sheet-VtqY2 .backdrop-Doe6y {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-background-color);
  opacity: 0.8;
  transition: opacity 0.1s ease-out;
  cursor: pointer;
}
.bottom-sheet-VtqY2 .container-yiLtz {
  z-index: 1;
  position: absolute;
  bottom: 0;
  max-height: calc(100% - var(--horizontal-nav-bar-size));
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-bottom: 1rem;
  border-radius: 2rem 2rem 0 0;
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
  overflow: hidden;
}
.bottom-sheet-VtqY2 .container-yiLtz:not(.dragging-ML0cp) {
  transition: transform 0.1s ease-out;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct {
  position: relative;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .handle-TCLds {
  position: relative;
  height: 2.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .handle-TCLds::after {
  content: "";
  height: 0.3rem;
  width: 3rem;
  border-radius: 1rem;
  background-color: var(--primary-foreground-color);
  opacity: 0.3;
}
.bottom-sheet-VtqY2 .container-yiLtz .heading-xf2ct .title-QtERv {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  padding-left: 1.5rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
}
.bottom-sheet-VtqY2 .container-yiLtz .content-ElxXl {
  position: relative;
  overflow-y: auto;
}
@media only screen and (min-width: 1300px) and (orientation: portrait) {
  .bottom-sheet-VtqY2 {
    display: none;
  }
}
@media only screen and (min-width: 1000px) and (orientation: landscape) {
  .bottom-sheet-VtqY2 {
    display: none;
  }
}
@media only screen and (orientation: landscape) {
  .bottom-sheet-VtqY2 .container-yiLtz {
    max-width: calc(90% - var(--safe-area-inset-left) - var(--safe-area-inset-right));
  }
}

.button-container-zVLH6 {
  outline-width: var(--focus-outline-size);
  outline-color: hsl(0, 0%, 100%);
  outline-offset: calc(-1 * var(--focus-outline-size));
  cursor: pointer;
}
.button-container-zVLH6:focus {
  outline-style: solid;
}
.button-container-zVLH6.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.checkbox-_AF32 {
  display: flex;
  align-items: center;
  overflow: visible;
}
.checkbox-_AF32 .label-UHMAy {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 0;
  cursor: pointer;
}
.checkbox-_AF32 .label-UHMAy span {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.checkbox-_AF32 .label-UHMAy .link-ih0xx {
  font-size: 0.9rem;
  color: var(--primary-accent-color);
  margin-left: 0.5rem;
}
.checkbox-_AF32 .label-UHMAy .link-ih0xx:hover {
  text-decoration: underline;
}
.checkbox-_AF32 .checkbox-container-O5cy3 {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.3rem;
  background-color: var(--overlay-color);
  padding: 0.1rem;
  display: flex;
  flex: none;
  margin: 0 1rem 0 0.3rem;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  outline: none;
  user-select: none;
  outline-width: var(--focus-outline-size);
  outline-color: hsl(0, 0%, 100%);
  outline-offset: 2px;
}
.checkbox-_AF32 .checkbox-container-O5cy3 input[type='checkbox'] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  cursor: pointer;
}
.checkbox-_AF32 .checkbox-container-O5cy3 .checkbox-icon-viDqg {
  width: 100%;
  height: 100%;
  color: var(--primary-foreground-color);
}
.checkbox-_AF32 .checkbox-container-O5cy3.disabled-oxpfi {
  cursor: not-allowed;
}
.checkbox-_AF32 .checkbox-container-O5cy3.error-LWgU0 {
  border-color: var(--color-trakt);
}
.checkbox-_AF32 .checkbox-container-O5cy3.checked-cf9YT {
  background-color: var(--primary-accent-color);
}
.checkbox-_AF32 .checkbox-container-O5cy3:hover,
.checkbox-_AF32 .checkbox-container-O5cy3:focus {
  outline-style: solid;
}

.chip-L3r9A {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  white-space: nowrap;
  text-transform: capitalize;
  padding: 0 1.75rem;
  border-radius: 2.75rem;
  background-color: transparent;
  user-select: none;
  overflow: hidden;
  opacity: 0.6;
}
.chip-L3r9A:hover {
  background-color: var(--overlay-color);
  transition: background-color 0.1s ease-out;
  opacity: 1;
}
.chip-L3r9A.active-jnhyP {
  opacity: 1;
  background-color: var(--quaternary-accent-color);
  transition: background-color 0.1s ease-in;
}

.chips-Uw41c {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.modal-container-OuxEF {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: hsla(0, 0%, 0%, 0.4);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq {
  position: relative;
  flex: none;
  display: flex;
  flex-direction: column;
  max-width: 80%;
  max-height: 80%;
  padding: 0 2rem;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-background-vZpB_ {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.1;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  z-index: 2;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp .icon-OYzlV {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:hover .icon-OYzlV,
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus .icon-OYzlV {
  opacity: 1;
  color: var(--primary-foreground-color);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus {
  outline-color: var(--primary-foreground-color);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
  z-index: 1;
  position: relative;
  overflow-y: auto;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .title-container-v2mmF {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  height: 4.5rem;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD {
  flex: 1;
  align-self: stretch;
  overflow: visible;
  padding: 2rem 0;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD:last-child {
  margin-bottom: 2rem;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR:last-child {
  margin: 2rem 0;
}
.action-button-eprQG {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  border-radius: 3.5rem;
  padding: 1.2rem;
  background-color: var(--secondary-accent-color);
}
.action-button-eprQG:hover {
  background-color: transparent;
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
}
.action-button-eprQG:focus {
  outline-color: var(--primary-foreground-color);
}
.action-button-eprQG:not(:last-child) {
  margin-right: 1rem;
}
.action-button-eprQG .icon-OYzlV {
  flex: none;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  color: var(--primary-foreground-color);
}
.action-button-eprQG .label-wbfsE {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-height: 3.6em;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
  color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
  .modal-container-OuxEF .modal-dialog-container-DZMKq {
    position: relative;
    width: 90%;
    max-width: initial;
    z-index: 0;
    padding: 0 1.5rem;
  }
  .modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR {
    flex-direction: column;
    gap: 1rem;
  }
  .modal-container-OuxEF .action-button-eprQG {
    width: 100%;
  }
  .modal-container-OuxEF .action-button-eprQG .label-wbfsE {
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.color-picker-container-Cny5U {
  overflow: visible;
  text-align: center;
}
.color-picker-container-Cny5U * {
  overflow: visible;
}
.color-picker-container-Cny5U .a-color-picker-stack:not(.a-color-picker-row-top) canvas,
.color-picker-container-Cny5U .a-color-picker-circle {
  border: solid thin var(--color-surfacedark);
}
.color-picker-container-Cny5U .a-color-picker-circle {
  box-shadow: 0 0 0.2rem var(--color-surfacedark);
}
.color-picker-container-Cny5U .a-color-picker-clipboard {
  pointer-events: none;
}

.color-input-container-FAQiP {
  position: relative;
  z-index: 0;
}
.color-input-container-FAQiP .transparent-label-container-uuGMx {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
  pointer-events: none;
}
.color-input-container-FAQiP .transparent-label-container-uuGMx .transparent-label-NxKvi {
  flex: 1;
  text-align: center;
  color: hsl(0, 0%, 100%);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.color-picker-container-szQfD {
  margin: 1rem 0;
}

.context-menu-container-TdwXy {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.context-menu-container-TdwXy .context-menu-kWx7C {
  position: fixed;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: 0 1.35rem 2.7rem hsla(0, 0%, 0%, 0.4), 0 1.1rem 0.85rem hsla(0, 0%, 0%, 0.2);
}

.label-container-XOyzm {
  -webkit-touch-callout: none !important;
  position: relative;
  overflow: visible;
}
.label-container-XOyzm.active-YzrCN .menu-container-B6cqK {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
}
.label-container-XOyzm .menu-container-B6cqK {
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  visibility: hidden;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
  cursor: auto;
  opacity: 0;
  transition: opacity 0.1s ease;
  min-width: 12rem;
  display: block;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn {
  top: initial;
  right: 0;
  bottom: 100%;
  left: initial;
  visibility: visible;
  opacity: 1;
  margin-bottom: 0.5rem;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk {
  top: 100%;
  right: 0;
  bottom: initial;
  left: initial;
  visibility: visible;
  opacity: 1;
  margin-top: 0.5rem;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG {
  top: initial;
  right: initial;
  bottom: 100%;
  left: 0;
  visibility: visible;
  opacity: 1;
  margin-bottom: 0.5rem;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
  top: 100%;
  right: initial;
  bottom: initial;
  left: 0;
  visibility: visible;
  opacity: 1;
  margin-top: 0.5rem;
}

.label-container-XOyzm{-webkit-touch-callout:none!important;overflow:visible;position:relative}.label-container-XOyzm.active-YzrCN .menu-container-B6cqK{display:block!important;opacity:1!important;visibility:visible!important}.label-container-XOyzm .menu-container-B6cqK{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);cursor:auto;display:block;min-width:12rem;opacity:0;overflow:hidden;position:absolute;transition:opacity 0.1s ease;visibility:hidden;z-index:1000}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn{bottom:100%;left:initial;margin-bottom:0.5rem;opacity:1;right:0;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk{bottom:initial;left:initial;margin-top:0.5rem;opacity:1;right:0;top:100%;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG{bottom:100%;left:0;margin-bottom:0.5rem;opacity:1;right:initial;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V{bottom:initial;left:0;margin-top:0.5rem;opacity:1;right:initial;top:100%;visibility:visible}
.label-container-dhjQS {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 2.75rem;
  padding: 0 1.5rem;
  border-radius: 2.75rem;
  background-color: var(--overlay-color);
}
.label-container-dhjQS.active .icon-jg2il {
  transform: rotate(180deg);
}
.label-container-dhjQS > .label-AR_l8 {
  flex: 1;
  max-height: 2.4em;
  font-weight: 500;
  color: var(--primary-foreground-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.label-container-dhjQS .icon-jg2il {
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.label-container-dhjQS .menu-container-B6cqK {
  width: 100%;
}
.modal-container-WaYOG .menu-container-qiz0X,
.menu-container-B6cqK .menu-container-qiz0X {
  max-height: calc(3rem * 7);
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il {
  display: block;
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:hover,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover,
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:focus,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus {
  background-color: var(--overlay-color);
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .label-AR_l8,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8 {
  flex: 1;
  max-height: 4.8em;
  color: var(--primary-foreground-color);
}
.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .icon-jg2il,
.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .icon-jg2il {
  flex: none;
  display: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  margin-left: 1rem;
  background-color: var(--secondary-accent-color);
  opacity: 1;
}
.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg,
.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background-color: hsl(243, 24.4%, 21%);
}
.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8,
.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  color: hsla(0, 0%, 100%, 0.9);
}
@media (orientation: landscape) and (max-width: 1000px) {
  .modal-container-WaYOG .menu-container-qiz0X,
  .menu-container-B6cqK .menu-container-qiz0X {
    max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 10rem);
  }
}

.label-container-dhjQS{align-items:center;background-color:var(--overlay-color);border-radius:2.75rem;display:flex;flex-direction:row;height:2.75rem;padding:0 1.5rem}.label-container-dhjQS.active .icon-jg2il{transform:rotate(180deg)}.label-container-dhjQS>.label-AR_l8{color:var(--primary-foreground-color);flex:1;font-weight:500;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-container-dhjQS .icon-jg2il{color:var(--primary-foreground-color);flex:none;height:1rem;margin-left:1rem;opacity:0.4;width:1rem}.label-container-dhjQS .menu-container-B6cqK{width:100%}.modal-container-WaYOG .menu-container-qiz0X,.menu-container-B6cqK .menu-container-qiz0X{max-height:calc(3rem * 7)}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW{align-items:center;display:flex;flex-direction:row;padding:1rem}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW.selected .icon-jg2il{display:block}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:focus,.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW:hover,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover{background-color:var(--overlay-color)}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .label-AR_l8,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8{color:var(--primary-foreground-color);flex:1;max-height:4.8em}.modal-container-WaYOG .menu-container-qiz0X .option-container-mO9yW .icon-jg2il,.menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .icon-jg2il{background-color:var(--secondary-accent-color);border-radius:100%;display:none;flex:none;height:0.5rem;margin-left:1rem;opacity:1;width:0.5rem}.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg,.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg{align-items:center;background-color:hsl(243,24.4%,21%);display:flex;flex-direction:row;justify-content:center;padding:1rem}.modal-container-WaYOG .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8,.menu-container-B6cqK .menu-container-qiz0X .no-options-container-z47Tg .label-AR_l8{color:hsla(0,0%,100%,0.9);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.2rem;font-weight:500;text-align:center}@media (orientation:landscape) and (max-width:1000px){.modal-container-WaYOG .menu-container-qiz0X,.menu-container-B6cqK .menu-container-qiz0X{max-height:calc(100dvh - var(--horizontal-nav-bar-size) - 10rem)}}
.meta-item-container-Tj0Ib {
  padding: 0.6rem;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.meta-item-container-Tj0Ib:hover,
.meta-item-container-Tj0Ib:focus,
.meta-item-container-Tj0Ib.active,
.meta-item-container-Tj0Ib.selected {
  outline-style: none;
  transition: background-color 100ms ease-out;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48,
.meta-item-container-Tj0Ib.active .poster-container-qkw48,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 {
  box-shadow: 0 0 0 0.2rem var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .dismiss-icon-layer-BWztF {
  opacity: 1;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .poster-image-layer-KimPZ {
  transform: scale(1.05);
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR {
  color: transparent;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh {
  background-color: var(--secondary-accent-color);
  opacity: 1;
}
.meta-item-container-Tj0Ib:hover .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib:focus .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib.active .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib.selected .title-bar-container-1Ba0x .menu-label-container-ChuX8 {
  opacity: 1;
}
.meta-item-container-Tj0Ib.poster-shape-poster-MEhNx .poster-container-qkw48 {
  padding-top: 100%;
}
.meta-item-container-Tj0Ib.poster-shape-square-meMeN .poster-container-qkw48 {
  padding-top: 100%;
}
.meta-item-container-Tj0Ib.poster-shape-landscape-kF6i8 .poster-container-qkw48 {
  padding-top: 100%;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 {
  position: relative;
  z-index: 0;
  background-color: var(--overlay-color);
  border-radius: 50%;
  width: 100%;
  margin: 0 auto;
}
.meta-item-container-Tj0Ib .poster-container-qkw48.poster-change-cursor .poster-image-layer-KimPZ:hover {
  cursor: zoom-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF {
  z-index: -2;
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 100%;
  opacity: 0;
  transition: opacity 0.1s ease-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-db3fv {
  z-index: 1;
  position: relative;
  height: 1.25rem;
  width: 1.25rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-backdrop-MkuLQ {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-background-color);
  opacity: 0.6;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--primary-accent-color);
  border-radius: 50%;
  margin: 0.5rem;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO .watched-icon-zuUdK {
  width: 0.75rem;
  height: 0.75rem;
  color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -3;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  transition: transform 0.1s ease-out;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .poster-image-NiV7O {
  flex: none;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  opacity: 0.9;
  overflow-clip-margin: unset;
  border-radius: 50%;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .placeholder-icon-xttvb {
  flex: none;
  width: 80%;
  height: 50%;
  color: var(--primary-foreground-color);
  opacity: 0.2;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo {
  z-index: -2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: calc(4rem / -2);
  margin-left: calc(4rem / -2);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  width: 4rem;
  transition: transform 0.1s ease-out;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-QmEEA {
  z-index: 2;
  position: relative;
  height: 2.25rem;
  width: 2.25rem;
  color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: var(--primary-foreground-color);
  box-shadow: 0 0 0 0.15rem currentColor inset;
  border-radius: 100%;
  transition: color 0.1s ease-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-background-color);
  border-radius: 100%;
  opacity: 0.4;
  transition: all 0.1s ease-in;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo:hover {
  transform: scale(1.1);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi {
  z-index: -1;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  right: 1rem;
  height: 0.45rem;
  border-radius: 0.45rem;
  overflow: hidden;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-w1rNN {
  position: relative;
  height: 100%;
  background-color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-background-kyRgp {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-foreground-color);
  opacity: 0.3;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  overflow: visible;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: 2.25rem;
  border-radius: 0.25rem;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(1) {
  top: 0.5rem;
  right: 0.5rem;
  background-color: var(--primary-foreground-color);
  opacity: 0.4;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(2) {
  top: 0.75rem;
  right: 0.75rem;
  background-color: var(--primary-foreground-color);
  opacity: 0.6;
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(3) {
  top: 1rem;
  right: 1rem;
  background-color: var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .icon-gh1t9 {
  height: 0.8rem;
  width: 0.8rem;
  color: var(--primary-accent-color);
}
.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .label-ZZ2m7 {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--primary-accent-color);
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  min-height: 4rem;
  overflow: visible;
  width: 100%;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-content-SksCM {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  gap: 0.3rem;
  width: 100%;
  max-width: 100%;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc {
  flex: none;
  font-weight: 600;
  text-align: center;
  color: var(--primary-foreground-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  width: 100%;
  padding: 0 0.5rem;
  box-sizing: border-box;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .description-label-CIJEX {
  flex: none;
  font-size: 0.85rem;
  font-weight: 400;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  padding: 0 0.5rem;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 {
  z-index: 1;
  flex: none;
  width: 1.5rem;
  height: 4rem;
  padding: 1rem 0;
  background-color: transparent;
  opacity: 0;
  transform: translateX(1rem);
  transition: opacity 0.1s ease-out;
  position: absolute;
  right: 0;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .icon-gh1t9 {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK {
  width: auto;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X {
  min-width: 9rem;
  max-width: 14rem;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW {
  padding: 1rem 1.5rem;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover,
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:focus {
  outline: none;
  background-color: var(--overlay-color);
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8 {
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
@media only screen and (max-width: 640px) {
  .meta-item-container-Tj0Ib {
    padding: 0.5rem;
  }
  .meta-item-container-Tj0Ib .title-bar-container-1Ba0x {
    margin-top: 0.5rem;
  }
}

.modal-container-OuxEF{align-items:center;background-color:hsla(0,0%,0%,0.4);display:flex;justify-content:center}.modal-container-OuxEF .modal-dialog-container-DZMKq{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);display:flex;flex:none;flex-direction:column;max-height:80%;max-width:80%;padding:0 2rem;position:relative}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-background-vZpB_{background-position:center;background-size:cover;bottom:0;left:0;opacity:0.1;position:absolute;right:0;top:0;z-index:0}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp{border-radius:var(--border-radius);height:3rem;padding:0.5rem;position:absolute;right:0.5rem;top:0.5rem;width:3rem;z-index:2}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp .icon-OYzlV{color:var(--primary-foreground-color);display:block;height:100%;opacity:0.4;width:100%}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus .icon-OYzlV,.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:hover .icon-OYzlV{color:var(--primary-foreground-color);opacity:1}.modal-container-OuxEF .modal-dialog-container-DZMKq .close-button-container-cmxAp:focus{outline-color:var(--primary-foreground-color)}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z{overflow-y:auto;position:relative;z-index:1}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .title-container-v2mmF{align-items:center;color:var(--primary-foreground-color);display:flex;flex:1 0 auto;font-size:1.2rem;font-weight:500;height:4.5rem}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD{align-self:stretch;flex:1;overflow:visible;padding:2rem 0}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-H80dD:last-child{margin-bottom:2rem}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR{align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR:last-child{margin:2rem 0}.action-button-eprQG{align-items:center;background-color:var(--secondary-accent-color);border-radius:3.5rem;display:flex;flex:1;flex-direction:row;height:3.5rem;justify-content:center;padding:1.2rem}.action-button-eprQG:hover{background-color:transparent;outline:var(--focus-outline-size) solid var(--secondary-accent-color)}.action-button-eprQG:focus{outline-color:var(--primary-foreground-color)}.action-button-eprQG:not(:last-child){margin-right:1rem}.action-button-eprQG .icon-OYzlV{color:var(--primary-foreground-color);flex:none;height:1.2rem;margin-right:0.5rem;width:1.2rem}.action-button-eprQG .label-wbfsE{color:var(--primary-foreground-color);flex-basis:auto;flex-grow:0;flex-shrink:1;font-size:1.1rem;font-weight:700;max-height:3.6em;text-align:center}@media only screen and (max-width:640px){.modal-container-OuxEF .modal-dialog-container-DZMKq{max-width:initial;padding:0 1.5rem;position:relative;width:90%;z-index:0}.modal-container-OuxEF .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .buttons-container-e_JoR{flex-direction:column;gap:1rem}.modal-container-OuxEF .action-button-eprQG{width:100%}.modal-container-OuxEF .action-button-eprQG .label-wbfsE{text-overflow:ellipsis;white-space:nowrap}}
.event-modal-lIGmX {
  backdrop-filter: blur(10px);
}
.event-modal-lIGmX .modal-dialog-container-DZMKq {
  overflow: visible;
  max-width: 45rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: visible;
  position: relative;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-x9t4v {
  overflow-y: visible;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .image-iUBVI {
  position: absolute;
  top: -10rem;
  left: 50%;
  transform: translateX(-50%);
  object-fit: cover;
  width: 30rem;
  height: 30rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  padding: 10rem 4rem 0;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .title-lE2cq {
  color: var(--primary-foreground-color);
  font-size: 1.325rem;
  text-align: center;
  padding: 0 6rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .label-KwjpM {
  color: var(--primary-foreground-color);
  font-size: 1rem;
  text-align: center;
  opacity: 0.5;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt .icon-n54me {
  height: 2rem;
  width: 2rem;
  color: var(--primary-accent-color);
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .addon-container-YNNkt .name-DVEMC {
  color: var(--primary-foreground-color);
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg {
  background-color: var(--primary-foreground-color);
  border: 2px solid var(--primary-foreground-color);
  padding: 0.8rem 2rem;
  border-radius: 2rem;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg .button-label-hRZRW {
  color: var(--primary-accent-color);
  font-size: 1rem;
  font-weight: 700;
}
.event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .action-button-QSvOg:hover {
  background-color: transparent;
}
@media (orientation: landscape) and (max-height: 640px) {
  .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
    overflow-y: auto;
  }
  .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .body-container-x9t4v {
    overflow-y: auto;
  }
  .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .image-iUBVI {
    display: none;
  }
  .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH {
    padding: 1rem 4rem 0;
  }
}
@media only screen and (max-width: 640px) {
  .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .title-lE2cq {
    padding: 0rem;
    font-size: 1rem;
  }
  .event-modal-lIGmX .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .info-container-ewqxH .title-container-tBMsA .label-KwjpM {
    font-size: 0.875rem;
  }
}

.horizontal-scroll-pGtUW {
  position: relative;
  overflow-x: auto;
}
.horizontal-scroll-pGtUW.left-MCk5v {
  mask-image: linear-gradient(90deg, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%);
}
.horizontal-scroll-pGtUW.right-bxsRb {
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%);
}
.horizontal-scroll-pGtUW.center-J9E02 {
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000000 10%, #000000 calc(100% - 10%), rgba(0, 0, 0, 0) 100%);
}

.text-input-hnLiz {
  user-select: text;
}
.text-input-hnLiz::-moz-focus-inner {
  border: none;
}

.search-bar-container-asfq1 {
  --search-bar-size: 3.25rem;
  display: flex;
  flex-direction: row;
  height: var(--search-bar-size);
  border-radius: var(--search-bar-size);
  background-color: var(--overlay-color);
  position: relative;
  overflow: visible;
}
.search-bar-container-asfq1 .search-input-IQ0ZW {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0.5rem 0 2rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  cursor: text;
}
.search-bar-container-asfq1 .search-input-IQ0ZW::placeholder,
.search-bar-container-asfq1 .search-input-IQ0ZW .placeholder-label-XyrN_ {
  max-height: 1.2em;
  opacity: 1;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.search-bar-container-asfq1 .submit-button-container-MImNa {
  flex: none;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: var(--search-bar-size);
  padding: 0 1.5rem;
}
.search-bar-container-asfq1 .submit-button-container-MImNa .icon-TkvAO {
  flex: none;
  width: 1.7rem;
  height: 1.7rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.search-bar-container-asfq1 .menu-container-GcXNG {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 10;
  padding: 1rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 1.5rem;
  background-color: var(--modal-background-color);
  border-radius: var(--border-radius);
}
.search-bar-container-asfq1 .menu-container-GcXNG .label-J908i {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
}
.search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty {
  display: flex;
  justify-content: space-between;
  width: 100%;
  opacity: 0.8;
  padding-bottom: 1rem;
}
.search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty .search-history-clear-ap0h8 {
  cursor: pointer;
  color: var(--primary-foreground-color);
  font-size: 0.9rem;
}
.search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty .search-history-clear-ap0h8:hover {
  opacity: 0.6;
}
.search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}
.search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 .item-TgYCX {
  width: 90%;
  color: var(--primary-foreground-color);
  text-align: left;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border-radius: var(--border-radius);
  width: 100%;
  cursor: pointer;
  z-index: 10;
}
.search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 .item-TgYCX:hover {
  background-color: var(--secondary-background-color);
}

.nav-menu-popup-label-XmUBo .menu-container-B6cqK {
  margin-top: 1rem;
}
.nav-menu-container-Pl25j {
  width: 22rem;
  max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size)) - 1rem);
  overflow-y: auto;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
}
.nav-menu-container-Pl25j.with-warning-SNmXK {
  max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size)) - 6rem);
}
.nav-menu-container-Pl25j .user-info-container-uigVE {
  display: flex;
  padding: 1.5rem 1rem;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .avatar-container-f6ino {
  flex: none;
  height: 4rem;
  width: 4rem;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
  background-clip: content-box;
  background-color: var(--primary-foreground-color);
  opacity: 0.9;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH {
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1rem;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .email-container-LNcms {
  flex: none;
  margin-bottom: 0.5rem;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .email-container-LNcms .email-label-IFT0d {
  flex: 1;
  color: var(--primary-foreground-color);
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW {
  flex: none;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:hover,
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:focus {
  outline: none;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:hover .logout-label-HhwtK,
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW:focus .logout-label-HhwtK {
  text-decoration: underline;
}
.nav-menu-container-Pl25j .user-info-container-uigVE .user-info-details-XJ5OH .logout-button-container-prHdW .logout-label-HhwtK {
  flex: 1;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd {
  border-top: thin solid var(--overlay-color);
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 4rem;
  padding: 0 1.5rem;
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh:hover {
  background-color: var(--overlay-color);
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh .icon-MRjOP {
  flex: none;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.3;
}
.nav-menu-container-Pl25j .nav-menu-section-j87xd .nav-menu-option-container-Qj9Xh .nav-menu-option-label-d7fgK {
  flex: 1;
  color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
  .nav-menu-container-Pl25j {
    max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size)) - 1rem);
  }
  .nav-menu-container-Pl25j.with-warning-SNmXK {
    max-height: calc(calc(var(--small-viewport-height) - var(--horizontal-nav-bar-size) - var(--vertical-nav-bar-size)) - 8.5rem);
  }
}

.horizontal-nav-bar-container-Y_zvK {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: var(--horizontal-nav-bar-size);
  padding-right: 1rem;
  background-color: transparent;
  overflow: visible;
  padding-top: var(--safe-area-inset-top);
  box-sizing: content-box;
}
.horizontal-nav-bar-container-Y_zvK.chat-route-ldbP2 {
  background-color: #000000;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--vertical-nav-bar-size);
  height: var(--horizontal-nav-bar-size);
  background-color: #000000;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-oPx1q {
  flex: none;
  width: 2rem;
  height: 2rem;
  object-position: center;
  object-fit: contain;
  opacity: 0.9;
}
.horizontal-nav-bar-container-Y_zvK .back-button-container-lDB1N {
  margin-left: max(0rem, calc(1rem - var(--safe-area-inset-left)));
}
.horizontal-nav-bar-container-Y_zvK .title-DGh6h {
  flex: 4 0 0;
  padding: 0 1rem;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.01rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: hsla(222.8, 100%, 78%, 0.9);
}
.horizontal-nav-bar-container-Y_zvK .search-bar-h60ja {
  height: 3.25rem;
  width: 30rem;
}
.horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  overflow: visible;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  opacity: 0.6;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L .icon-T8MU6 {
  flex: none;
  width: 1.6rem;
  height: 1.6rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active {
  background-color: var(--overlay-color);
  opacity: 1;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L.active .icon-T8MU6 {
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
@media (pointer: fine) {
  .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover {
    background-color: var(--overlay-color);
    opacity: 1;
  }
  .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:hover .icon-T8MU6 {
    color: var(--primary-foreground-color);
    opacity: 0.8;
  }
}
@media only screen and (max-width: 640px) {
  .horizontal-nav-bar-container-Y_zvK {
    justify-content: space-between;
    padding-right: 0;
  }
  .horizontal-nav-bar-container-Y_zvK .logo-container-jteMT {
    width: var(--horizontal-nav-bar-size);
    background-color: transparent;
  }
  .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L {
    margin: 0 1rem;
  }
  .horizontal-nav-bar-container-Y_zvK .button-container-xT9_L:not(.back-button-container-lDB1N):not(.menu-button-container-DtW4v) {
    display: none;
  }
}

.nav-tab-button-container-dYhs0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 0.75rem;
}
@media (pointer: fine) {
  .nav-tab-button-container-dYhs0:hover {
    background-color: var(--overlay-color);
  }
  .nav-tab-button-container-dYhs0:hover .label-BCz2f {
    opacity: 0.6;
  }
  .nav-tab-button-container-dYhs0:hover.selected .label-BCz2f {
    opacity: 1;
  }
}
.nav-tab-button-container-dYhs0.selected .icon-TzPrK {
  opacity: 1;
}
.nav-tab-button-container-dYhs0.selected .icon-TzPrK,
.nav-tab-button-container-dYhs0.selected .label-BCz2f {
  color: var(--primary-accent-color);
}
.nav-tab-button-container-dYhs0 .icon-TzPrK,
.nav-tab-button-container-dYhs0 .logo-xJBE9 {
  flex: none;
  width: 1.8rem;
  height: 1.8rem;
  margin-bottom: 0.4rem;
}
.nav-tab-button-container-dYhs0 .icon-TzPrK {
  color: var(--primary-foreground-color);
  opacity: 0.35;
}
.nav-tab-button-container-dYhs0 .label-BCz2f {
  flex: none;
  position: relative;
  max-width: 100%;
  max-height: 2.4em;
  padding: 0 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary-foreground-color);
  opacity: 0;
  overflow: hidden;
}
@media only screen and (max-width: 640px) {
  .nav-tab-button-container-dYhs0 .label-BCz2f {
    opacity: 0.6;
    font-size: 0.65rem;
    padding: 0 0.3rem;
  }
  .nav-tab-button-container-dYhs0 .icon-TzPrK,
  .nav-tab-button-container-dYhs0 .logo-xJBE9 {
    width: 1.5rem;
    height: 1.5rem;
    margin-bottom: 0.25rem;
  }
  .nav-tab-button-container-dYhs0.selected .label-BCz2f {
    opacity: 1;
  }
}

.vertical-nav-bar-container-UPAkA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: var(--vertical-nav-bar-size);
  padding: 0.75rem 0;
  background-color: #000000;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.vertical-nav-bar-container-UPAkA::-webkit-scrollbar {
  display: none;
}
.vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT {
  width: calc(var(--vertical-nav-bar-size) - 1rem);
  height: calc(var(--vertical-nav-bar-size) - 1rem);
  min-height: 3rem;
}
@media only screen and (max-width: 640px) {
  .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT.hide-on-small-xKS96 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .vertical-nav-bar-container-UPAkA {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    height: var(--vertical-nav-bar-size);
    width: 100%;
    padding: 0 1rem;
    background-color: #000000;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT {
    flex: none;
  }
}

.main-nav-bars-container-wNjS5 {
  position: relative;
  z-index: 0;
  overflow: clip;
  margin-left: var(--safe-area-inset-left);
  margin-right: var(--safe-area-inset-right);
  width: calc(100% - var(--safe-area-inset-left) - var(--safe-area-inset-right));
  height: 100%;
}
.main-nav-bars-container-wNjS5 .horizontal-nav-bar-ji5GB {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
}
.main-nav-bars-container-wNjS5 .vertical-nav-bar-qGRze {
  position: absolute;
  top: var(--horizontal-nav-bar-size);
  bottom: 0;
  left: 0;
  z-index: 1;
}
.main-nav-bars-container-wNjS5 .nav-content-container-zl9hQ {
  position: absolute;
  top: calc(var(--horizontal-nav-bar-size) + var(--safe-area-inset-top));
  right: 0;
  bottom: 0;
  left: var(--vertical-nav-bar-size);
  z-index: 0;
  overflow: hidden;
}
.main-nav-bars-container-wNjS5 .bottom-nav-bar-e3wGQ {
  display: none;
}
@media only screen and (max-width: 640px) {
  .main-nav-bars-container-wNjS5 .nav-content-container-zl9hQ {
    left: 0;
    bottom: var(--vertical-nav-bar-size);
  }
  .main-nav-bars-container-wNjS5 .vertical-nav-bar-qGRze {
    display: none;
  }
  .main-nav-bars-container-wNjS5 .bottom-nav-bar-e3wGQ {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #000000;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: var(--safe-area-inset-bottom);
  }
}

.meta-links-container-dh69_ .label-container-dYN2B {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  opacity: 0.3;
}
.meta-links-container-dh69_ .links-container-C8Mw9 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  min-width: 0;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.4rem 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  border-radius: 2rem;
  border: var(--focus-outline-size) solid transparent;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
  backdrop-filter: blur(5px);
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:hover,
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus {
  outline: none;
  border-color: hsl(0, 0%, 100%);
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .meta-links-container-dh69_ .links-container-C8Mw9 {
    gap: 0.4rem;
  }
  .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 640px) {
  .meta-links-container-dh69_ .label-container-dYN2B {
    font-size: 0.85rem;
    margin-bottom: 0.5rem;
  }
  .meta-links-container-dh69_ .links-container-C8Mw9 {
    gap: 0.4rem;
  }
  .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    padding: 0.3rem 0.75rem;
    font-size: 0.85rem;
    border-radius: 1.5rem;
  }
}
@media only screen and (max-width: 1300px) {
  .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
    padding: 0.25rem 0.6rem;
    font-size: 0.8rem;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
  }
}
@media only screen and (max-width: 1000px) {
  .meta-links-container-dh69_ .links-container-C8Mw9 {
    gap: 0.3rem;
  }
  .meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
    border-radius: 1.25rem;
  }
}

.meta-preview-placeholder-container-IVU4R {
  display: flex;
  flex-direction: column;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX {
  flex: 1;
  align-self: stretch;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-container-CES89 {
  width: 20rem;
  height: 8rem;
  max-width: 100%;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .duration-container-tVH7K {
  flex-basis: 5rem;
  height: 1.4rem;
  margin-right: 1rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .release-info-container-dbZja {
  flex-basis: 5rem;
  height: 1.4rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO {
  margin: 1rem 0;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genres-header-container-XNnjL {
  width: 6.5rem;
  height: 1.6rem;
  max-width: 100%;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genre-label-container-r3gbk {
  width: 10rem;
  height: 1.2rem;
  max-width: 100%;
  margin-top: 0.2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .action-buttons-container-FHoD2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 4rem;
  margin-bottom: 1rem;
  border-radius: 4rem;
  background-color: var(--color-placeholder-background);
}

.meta-preview-container-o22hc {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-X3hTV,
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .logo-placeholder-rE1ld {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  margin: 0 auto;
  display: block;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .profile-section-ZiYH4 {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 0.75rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .profile-info-wrapper-GoJob {
  align-items: center;
  width: 100%;
  gap: 0.5rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .character-name-kIJnX {
  justify-content: center;
  text-align: center;
  width: 100%;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  min-width: 0;
  font-size: 1.3rem;
  margin-bottom: 0.2rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .character-name-kIJnX .character-name-text-gp8hy {
  flex: 0 1 auto;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  min-width: 0;
  font-size: 1.3rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .character-name-kIJnX .character-name-icon-oEY7L {
  width: 1rem;
  height: 1rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
  justify-content: space-between;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI,
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB {
  margin: 1rem 0.4rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .description-container-yi8iU {
  max-height: none;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .character-stats-header-XYoXc {
  gap: 0.4rem;
  padding: 0;
  margin: 0.5rem 0;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 {
  gap: 0.15rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-value-CrVJA {
  font-size: 1rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-label-AXeKc {
  font-size: 0.55rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .watch-button-bj9Ch {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 1rem;
  min-width: 7rem;
  font-size: 0.9rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .watch-button-bj9Ch .watch-icon-B78E3 {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .watch-button-bj9Ch .like-icon-dx9Cg {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.4rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .watch-button-bj9Ch .watch-label-Jkxcj {
  font-size: 0.9rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .menu-button-Flx05 {
  padding: 0.5rem 1rem;
  min-width: 2.5rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .menu-button-Flx05 .menu-icon-wmtR2 {
  width: 1.2rem;
  height: 1.2rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .action-buttons-container-XbKVa {
  gap: 0.5rem;
  margin-top: 0.5rem;
}
.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .description-container-yi8iU {
  font-size: 0.85rem;
  line-height: 1.4;
  margin-top: 0.5rem;
}
.meta-preview-container-o22hc.compact-ii1zu .background-image-layer-kk_WI {
  top: -50px;
  right: -50px;
  bottom: -50px;
  left: -50px;
}
.meta-preview-container-o22hc.compact-ii1zu .background-image-layer-kk_WI .background-image-9zToE {
  transform: scale(1.3);
  opacity: 0.4;
}
.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa {
  justify-content: space-between;
}
.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child) {
  margin-right: 0;
}
.meta-preview-container-o22hc .background-image-layer-kk_WI {
  position: absolute;
  top: -30px;
  right: -30px;
  bottom: -30px;
  left: -30px;
  z-index: -1;
  overflow: hidden;
}
.meta-preview-container-o22hc .background-image-layer-kk_WI .background-image-9zToE {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(10px);
  opacity: 0.3;
  transform: scale(1.15);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH {
  flex: 1;
  align-self: stretch;
  overflow-y: auto;
  overflow-x: visible;
  display: flex;
  flex-direction: column;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover) {
  scrollbar-color: transparent transparent;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-thumb,
.meta-preview-container-o22hc .meta-info-container-ub8AH:not(:hover)::-webkit-scrollbar-track {
  background-color: transparent;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  margin-top: 1.5rem;
  flex-wrap: wrap;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 .info-section-Y0ZzI {
  flex: 1;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 .info-section-right-GyeHZ {
  flex: 1;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .profile-section-ZiYH4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .profile-info-wrapper-GoJob {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex: 1;
  width: 100%;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 0.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  opacity: 1;
  letter-spacing: -0.3px;
  line-height: 1.2;
  margin-bottom: 0.3rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  text-align: center;
  width: 100%;
  position: relative;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX .character-name-text-gp8hy {
  flex: 0 1 auto;
  font-size: 2.5rem;
  line-height: 1.2;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX .character-name-icon-oEY7L {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  display: block;
  align-self: center;
  margin-top: 0.15rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .action-buttons-container-XbKVa {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.75rem;
  align-self: flex-start;
  width: auto;
  position: relative;
  z-index: 1000;
  overflow: visible;
  flex-wrap: wrap;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-popup-qwr9W {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 1001;
  overflow: visible;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05 {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  padding: 0.7rem 1.5rem;
  border-radius: 1.5rem;
  background-color: #000000;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 3rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05:hover {
  background-color: #000000;
  opacity: 0.9;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05:focus {
  outline: none;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05:active {
  opacity: 0.8;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05.active-aVB73 {
  opacity: 0.8;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05 .menu-icon-wmtR2 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-modal-overlay-Hg8Oq {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  animation: fadeIn-oh3fp 0.2s ease;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .menu-modal-content-pP4MJ {
  position: relative;
  min-width: 20rem;
  max-width: 90%;
  max-height: 90%;
  background-color: var(--modal-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6);
  animation: slideUp-hmXG7 0.2s ease;
  overflow: hidden;
}
@keyframes fadeIn-oh3fp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp-hmXG7 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .context-menu-content-eTASs {
  display: flex;
  flex-direction: column;
  min-width: 12rem;
  padding: 0.5rem 0;
  background-color: var(--modal-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .context-menu-content-eTASs .context-menu-option-container-guu8T {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.75rem 1.5rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .context-menu-content-eTASs .context-menu-option-container-guu8T:hover,
.meta-preview-container-o22hc .meta-info-container-ub8AH .context-menu-content-eTASs .context-menu-option-container-guu8T:focus {
  background-color: var(--overlay-color);
  outline: none;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .context-menu-content-eTASs .context-menu-option-container-guu8T .menu-option-icon-fHUkV {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.75rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .context-menu-content-eTASs .context-menu-option-container-guu8T .context-menu-option-label-nCR3i {
  flex: 1;
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  text-align: left;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
  display: block;
  max-width: 12rem;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  margin-bottom: 0;
  flex-shrink: 0;
  margin-left: 0;
  margin-right: 0;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
  object-fit: contain;
  object-position: center;
  background-color: rgba(0, 0, 0, 0.2);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
  font-size: 1.7rem;
  font-weight: 600;
  color: hsla(0, 0%, 100%, 0.9);
  letter-spacing: 0.5px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-Y0ZzI {
  position: relative;
  margin-top: 1.5rem;
  margin-right: calc(-1 * 4rem);
  padding: 1.5rem;
  padding-right: calc(1.5rem + 4rem);
  border-radius: 0.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ {
  position: relative;
  margin-top: 1.5rem;
  margin-left: calc(-1 * 4rem);
  padding: 1.5rem;
  padding-left: calc(1.5rem + 4rem);
  border-radius: 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-stats-container-q867e {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-stats-container-q867e .stat-item-mK3s5 {
  flex: 0 1 auto;
  margin-right: 3rem;
  margin-bottom: 0.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-stats-container-q867e .stat-item-mK3s5 .stat-label-AXeKc {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 0.3rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-stats-container-q867e .stat-item-mK3s5 .stat-value-CrVJA {
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.85;
  letter-spacing: 0.2px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-data-container-zVxH2 {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.8em;
  color: var(--primary-foreground-color);
  opacity: 0.95;
  letter-spacing: 0.3px;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-data-container-zVxH2:first-child {
  border-top: none;
  padding-top: 0;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-data-container-zVxH2:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-data-container-zVxH2 .label-container-_VXZt {
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  letter-spacing: 1.5px;
  margin-bottom: 0.8rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .info-section-right-GyeHZ .character-data-container-zVxH2 .character-data-text-egE52 {
  margin-bottom: 0.5rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  padding: 0.7rem 1.5rem;
  border-radius: 1.5rem;
  background-color: #000000;
  border: none;
  cursor: pointer;
  min-width: 9rem;
  align-self: flex-start;
  transition: all 0.2s ease;
  max-width: 100%;
  flex-shrink: 1;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch:hover {
  background-color: #000000;
  opacity: 0.9;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch:focus {
  outline: none;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch:active {
  opacity: 0.8;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-icon-B78E3 {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-label-Jkxcj {
  flex: 0 1 auto;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  letter-spacing: 0.3px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .like-button-BfKZ0.liked-vt4Qi {
  background-color: #7b5bf5;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .like-button-BfKZ0.liked-vt4Qi .like-icon-dx9Cg {
  color: #ffffff;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .like-button-BfKZ0.liked-vt4Qi .watch-label-Jkxcj {
  color: #ffffff;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .like-button-BfKZ0 .like-icon-dx9Cg {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  color: var(--primary-foreground-color);
  transition: all 0.2s ease;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  flex: 0 1 auto;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
  flex: 0 1 auto;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-value-CrVJA {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  opacity: 1;
  margin: 0;
  letter-spacing: 0.2px;
  line-height: 1.2;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-label-AXeKc {
  font-size: 0.65rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.8;
  text-transform: none;
  margin: 0;
  letter-spacing: 0.2px;
  line-height: 1.2;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5:not(:last-child)::after {
  display: none;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI,
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB {
  flex: 0 1 auto;
  margin-right: 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.85;
  letter-spacing: 0.2px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .rating-label-ybdGH {
  flex: 0 1 auto;
  margin-right: 3rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.85;
  letter-spacing: 0.2px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .rating-label-ybdGH .rating-icon-ml99R {
  flex: none;
  width: 3rem;
  height: 3rem;
  margin-left: 0.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .rating-label-ybdGH .vote-count-tbr40 {
  margin-left: 0.5rem;
  font-size: 1.2rem;
  opacity: 0.7;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 0.5rem;
  border: var(--focus-outline-size) solid transparent;
  padding: 0rem 0.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:focus {
  outline: none;
  border: var(--focus-outline-size) solid hsl(0, 0%, 100%);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .label-MXv72 {
  flex: 0 1 auto;
  margin-right: 1rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .icon-N_uIU {
  flex: none;
  width: 3rem;
  height: 3rem;
  color: var(--color-imdb);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.8em;
  color: var(--primary-foreground-color);
  opacity: 0.95;
  letter-spacing: 0.3px;
  margin-top: 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .title-container-Opm1i {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  opacity: 1;
  letter-spacing: 0.5px;
  margin-bottom: 1.5rem;
  line-height: 1.3em;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt {
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  letter-spacing: 1.5px;
  margin-bottom: 0.8rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .description-text-fCevq {
  margin-bottom: 0.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .see-more-button-boVit {
  display: inline-flex;
  margin-top: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: all 0.2s ease;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .see-more-button-boVit:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .see-more-button-boVit:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.5);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .see-more-button-boVit .see-more-label-QNiRw {
  font-size: 0.95rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.9;
  letter-spacing: 0.2px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3 {
  margin-top: 1.5rem;
  margin-bottom: 0;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3:first-of-type {
  margin-top: 0;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3 .label {
  font-weight: 500;
  letter-spacing: 0.3px;
  opacity: 0.9;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: wrap;
  padding-top: 3.5rem;
  overflow: visible;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .label-MXv72 {
  position: absolute;
  top: -3rem;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  color: var(--primary-foreground-color);
  overflow: visible;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa:not(:last-child) {
  margin-right: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa:hover .label-MXv72 {
  opacity: 0.7;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
  flex: none;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide {
  width: auto;
  padding: 0 2rem;
  border-radius: 4rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child) {
  margin-right: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:hover,
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:focus {
  background-color: var(--secondary-accent-color);
  outline: none;
}
.meta-preview-container-o22hc .ratings-zUtHH {
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.share-prompt-QbhIA {
  width: 30rem;
}
@media only screen and (min-width: 1300px) {
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-section-ZiYH4 {
    flex-direction: row;
    align-items: flex-start;
    gap: 2rem;
    margin-bottom: 2rem;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
    max-width: 12rem;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    flex-shrink: 0;
    display: block;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-info-wrapper-GoJob {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    flex: 1;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX {
    font-size: 2.8rem;
    margin-bottom: 0.3rem;
    text-align: left;
    justify-content: flex-start;
    align-items: baseline;
    width: 100%;
    overflow: visible;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX .character-name-text-gp8hy {
    font-size: 2.8rem;
    line-height: 1.2;
    flex: 0 1 auto;
    max-width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX .character-name-icon-oEY7L {
    width: 1.3rem;
    height: 1.3rem;
    align-self: center;
    margin-top: 0.15rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .action-buttons-container-XbKVa {
    justify-content: flex-start;
    align-self: flex-start;
    width: auto;
    flex-wrap: wrap;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch {
    margin: 0;
    align-self: flex-start;
    min-width: 8rem;
    padding: 0.65rem 1.3rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-icon-B78E3 {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.45rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-label-Jkxcj {
    font-size: 1.1rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05 {
    margin: 0;
    padding: 0.65rem 1.2rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5rem;
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    flex: 0 1 auto;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.2rem;
    flex: 0 1 auto;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-value-CrVJA {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--primary-foreground-color);
    opacity: 1;
    margin: 0;
    letter-spacing: 0.2px;
    line-height: 1.2;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-label-AXeKc {
    font-size: 0.65rem;
    font-weight: 500;
    color: var(--primary-foreground-color);
    opacity: 0.8;
    text-transform: none;
    margin: 0;
    letter-spacing: 0.2px;
    line-height: 1.2;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5:not(:last-child)::after {
    display: none;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1300px) {
  .meta-preview-container-o22hc .meta-info-container-ub8AH .action-buttons-container-XbKVa {
    gap: 0.6rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch {
    min-width: 7.5rem;
    padding: 0.65rem 1.2rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-icon-B78E3 {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.4rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-label-Jkxcj {
    font-size: 1.05rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05 {
    padding: 0.65rem 1.1rem;
  }
}
@media only screen and (max-width: 1300px) {
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-section-ZiYH4 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    margin: 0 auto 1rem auto;
    flex-shrink: 0;
    display: block;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 0.8rem;
    padding: 0 1rem;
    justify-content: center;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-info-wrapper-GoJob {
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .action-buttons-container-XbKVa {
    justify-content: center;
    align-self: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex-direction: row;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch {
    margin: 0;
    width: auto;
    min-width: 6.5rem;
    padding: 0.6rem 1.1rem;
    flex-shrink: 1;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-icon-B78E3 {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.4rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-label-Jkxcj {
    font-size: 0.95rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05 {
    margin: 0;
    width: auto;
    min-width: 3rem;
    padding: 0.6rem 1rem;
    flex-shrink: 0;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc {
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.2rem 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem);
    box-sizing: border-box;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 {
    flex: 0 1 auto;
    min-width: 0;
    align-items: flex-start;
    text-align: center;
    flex-direction: column;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-value-CrVJA {
    font-size: 1.3rem;
    text-align: center;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-label-AXeKc {
    font-size: 0.65rem;
    text-align: center;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 {
    flex-direction: column;
    gap: 1.5rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 .info-section-Y0ZzI,
  .meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 .info-section-right-GyeHZ {
    margin-left: 0;
    margin-right: 0;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa {
    padding-top: 1.5rem;
    gap: 0.5rem;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
    padding: 0 1.5rem !important;
    margin-right: 0rem !important;
    height: 3rem;
    border-radius: 2rem;
  }
  .meta-preview-container-o22hc .ratings-zUtHH {
    margin-right: 0;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-section-ZiYH4 {
    align-items: center;
    justify-content: center;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-info-wrapper-GoJob {
    align-items: center;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX {
    justify-content: center;
    text-align: center;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch {
    padding: 0.6rem 1.3rem;
    min-width: 8rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-icon-B78E3 {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.5rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-label-Jkxcj {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 640px) {
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-section-ZiYH4 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV,
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    margin: 0 auto 0.8rem auto;
    flex-shrink: 0;
    display: block;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-name-kIJnX {
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 0.8rem;
    padding: 0 1rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .profile-info-wrapper-GoJob {
    align-items: flex-start;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .action-buttons-container-XbKVa {
    justify-content: center;
    align-self: center;
    width: 100%;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex-direction: row;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch {
    margin: 0;
    width: auto;
    min-width: 6rem;
    padding: 0.6rem 1rem;
    flex-shrink: 1;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch.like-button-BfKZ0 {
    flex-shrink: 0;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-icon-B78E3 {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.35rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .like-icon-dx9Cg {
    width: 1.2rem;
    height: 1.2rem;
    margin-right: 0.35rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .watch-button-bj9Ch .watch-label-Jkxcj {
    font-size: 0.9rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .menu-button-Flx05 {
    margin: 0;
    width: auto;
    min-width: 3rem;
    padding: 0.6rem 1rem;
    flex-shrink: 0;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc {
    justify-content: center;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 1.2rem 1.5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: calc(100% - 2rem);
    box-sizing: border-box;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 {
    flex: 0 1 auto;
    min-width: 0;
    align-items: flex-start;
    text-align: center;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-value-CrVJA {
    font-size: 1.3rem;
    text-align: center;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .character-stats-header-XYoXc .stat-item-mK3s5 .stat-label-AXeKc {
    font-size: 0.65rem;
    text-align: center;
    width: 100%;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
    justify-content: space-between;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI,
  .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB {
    margin: 0;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 {
    flex-direction: column;
    gap: 1.5rem;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 .info-section-Y0ZzI,
  .meta-preview-container-o22hc .meta-info-container-ub8AH .info-sections-wrapper-mPF70 .info-section-right-GyeHZ {
    margin-left: 0;
    margin-right: 0;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa {
    flex-shrink: 0;
    margin-top: 3rem;
    overflow: visible;
    scrollbar-width: none;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar {
    display: none;
  }
  .share-prompt-QbhIA {
    width: auto;
  }
}

.meta-row-placeholder-container-x8ykQ .header-container-LRLpi {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 1rem;
  margin-bottom: 0.5rem;
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b {
  flex: 1;
  max-height: 2.4em;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty {
  height: 1.2em;
  background: linear-gradient(to right, var(--color-placeholder-background) 0 40%, transparent 40% 100%);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 12rem;
  padding: 0.2rem;
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus {
  outline: none;
  background-color: var(--color-placeholder-background);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt {
  flex: 0 1 auto;
  max-height: 1.2em;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8 {
  flex: none;
  height: 1rem;
  margin-left: 0.5rem;
  color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp {
  flex: 1;
  margin: 1rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) {
  margin-left: 1.5rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD {
  border-radius: var(--border-radius);
  padding-bottom: calc(100% * var(--poster-shape-ratio));
  background-color: var(--color-placeholder-background);
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 2.8rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR {
  flex: none;
  width: 60%;
  height: 1.2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
@media only screen and (max-width: 640px) {
  .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp {
    margin: 0.5rem;
  }
  .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) {
    margin-left: 0.5rem;
  }
  .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT {
    margin-top: 0.5rem;
  }
}

.meta-row-container-xtlB1 {
  overflow: visible;
}
.meta-row-container-xtlB1 .header-container-tR3Ev {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 1rem;
  margin-bottom: 0.25rem;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq {
  flex: 1;
  max-height: 2.4em;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 12rem;
  height: 2.5rem;
  padding: 0 0.5rem 0 1rem;
  border-radius: 2.5rem;
  opacity: 1;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:hover,
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:focus {
  outline: none;
  background-color: var(--overlay-color);
  opacity: 1;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .label-bytni {
  flex: 0 1 auto;
  max-height: 1.2em;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .icon-Sj7HO {
  flex: none;
  height: 1.5rem;
  margin-left: 0.5rem;
  color: var(--primary-foreground-color);
}
.meta-row-container-xtlB1 .message-container-KWmlO {
  max-height: 3.6em;
  padding: 0 0.5rem;
  font-size: 1.3rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA:active {
  cursor: grabbing;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA::-webkit-scrollbar {
  display: none;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh {
  flex: none;
  min-width: 0;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza {
  width: 15rem;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z {
  width: 15rem;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ {
  width: 26.67rem;
}
@media only screen and (max-width: 640px) {
  .meta-row-container-xtlB1 .header-container-tR3Ev {
    padding: 0 0.5rem;
  }
  .meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq {
    margin-right: 0.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.3rem;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh:not(:first-child) {
    margin-left: 0;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza {
    width: 10rem;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z {
    width: 10rem;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ {
    width: 18rem;
  }
}
@media only screen and (max-width: 1000px) {
  .meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq {
    font-size: 1.2rem;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza {
    width: 9rem;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z {
    width: 9rem;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ {
    width: 16rem;
  }
}

.option-HcOSE {
  height: 3rem;
  font-size: var(--font-size-normal);
  color: var(--primary-foreground-color);
  align-items: center;
  display: flex;
  flex-direction: row;
  padding: 1rem;
}
.option-HcOSE .label-IR8xX {
  flex: 1;
  color: var(--primary-foreground-color);
}
.option-HcOSE .icon-I_g2q {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  margin-left: 1rem;
  background-color: var(--secondary-accent-color);
  opacity: 1;
}
.option-HcOSE:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

.dropdown-MWaxp {
  background: var(--modal-background-color);
  display: none;
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  z-index: 10;
  box-shadow: var(--outer-glow);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.seasons-bar-container .dropdown-MWaxp {
  box-shadow: none !important;
}
.dropdown-MWaxp.open-yuN4f {
  display: block;
  max-height: calc(3rem * 7);
  overflow: auto;
}
.dropdown-MWaxp .back-button-dGLHu {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  padding: 0.75rem;
  color: var(--primary-foreground-color);
}
.dropdown-MWaxp .back-button-dGLHu .back-button-icon-VdHBJ {
  width: 1.5rem;
}
@media (orientation: landscape) and (max-width: 1000px) {
  .dropdown-MWaxp.open-yuN4f {
    max-height: calc(100dvh - var(--horizontal-nav-bar-size) - 12rem);
  }
}

.multiselect-menu-qMdaj {
  position: relative;
  min-width: 8.5rem;
  overflow: visible;
  border-radius: 2.75rem;
}
.multiselect-menu-qMdaj.disabled-RaqL9 {
  pointer-events: none;
  opacity: 0.3;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA {
  height: 3rem;
  padding: 0.75rem 1.5rem;
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 0 0.5rem;
  border-radius: 2.75rem;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .label-SoEGc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--primary-foreground-color);
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96 {
  width: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96.open-TvFQd {
  transform: rotate(180deg);
}
.multiselect-menu-qMdaj:hover,
.multiselect-menu-qMdaj.active-gKhO5 {
  background-color: var(--overlay-color);
}

.number-input-igJ35 {
  user-select: text;
  display: flex;
  max-width: 14rem;
  height: 3.5rem;
  margin-bottom: 1rem;
  color: var(--primary-foreground-color);
  background: var(--overlay-color);
  border-radius: 3.5rem;
}
.number-input-igJ35 .button-GWY2o {
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  padding: 1rem;
  background: var(--overlay-color);
  border: none;
  border-radius: 100%;
  cursor: pointer;
  z-index: 1;
}
.number-input-igJ35 .button-GWY2o .icon-EndAk {
  width: 100%;
  height: 100%;
}
.number-input-igJ35 .number-display-hLJ72 {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 1rem;
}
.number-input-igJ35 .number-display-hLJ72::-moz-focus-inner {
  border: none;
}
.number-input-igJ35 .number-display-hLJ72 .label-y4qDZ {
  font-size: 0.8rem;
  font-weight: 400;
  opacity: 0.7;
}
.number-input-igJ35 .number-display-hLJ72 .value-Y2xdx {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  width: 100%;
  color: var(--primary-foreground-color);
  text-align: center;
  appearance: none;
}
.number-input-igJ35 .number-display-hLJ72 .value-Y2xdx::-webkit-outer-spin-button,
.number-input-igJ35 .number-display-hLJ72 .value-Y2xdx::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.radio-button-SGEc1 {
  display: flex;
  align-items: center;
  overflow: visible;
}
.radio-button-SGEc1 .radio-container-wPddo {
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  border: 3px solid var(--color-placeholder);
  border-radius: 1rem;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  outline: none;
  user-select: none;
  outline-width: var(--focus-outline-size);
  outline-color: hsl(0, 0%, 100%);
  outline-offset: calc(-1 * var(--focus-outline-size));
}
.radio-button-SGEc1 .radio-container-wPddo input[type='radio'] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  cursor: pointer;
}
.radio-button-SGEc1 .radio-container-wPddo .inner-circle-vdtUP {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.675rem;
  border: 2px solid var(--secondary-background-color);
  transition: opacity 0.2s ease-in-out;
  background-color: transparent;
  opacity: 0;
}
.radio-button-SGEc1 .radio-container-wPddo.disabled-ZzMU9 {
  cursor: not-allowed;
}
.radio-button-SGEc1 .radio-container-wPddo.error-_vY0h {
  border-color: var(--color-trakt);
}
.radio-button-SGEc1 .radio-container-wPddo.selected-M_zHA .inner-circle-vdtUP {
  background-color: var(--primary-accent-color);
  opacity: 1;
}
.radio-button-SGEc1 .radio-container-wPddo:focus {
  outline-style: solid;
}

.search-bar-container-sTkGP {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 3.5rem;
  padding: 0 1rem;
  border-radius: 3.5rem;
  border: var(--focus-outline-size) solid transparent;
  background-color: var(--color-placeholder-background);
}
.search-bar-container-sTkGP .search-input-Q18HV {
  flex: 1;
  max-height: 1.2em;
  margin-right: 1rem;
  font-size: 1.1rem;
  color: var(--color-placeholder-text);
}
.search-bar-container-sTkGP .icon-M3jX0 {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-placeholder-background);
}

.search-bar-container-p4tSt {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 3rem;
  padding: 0 1.5rem;
  border-radius: 3rem;
  border: var(--focus-outline-size) solid transparent;
  background-color: var(--overlay-color);
  cursor: text;
}
.search-bar-container-p4tSt:focus-within {
  border: var(--focus-outline-size) solid var(--primary-foreground-color);
}
.search-bar-container-p4tSt .search-input-bAgAh {
  flex: 1;
  margin-right: 1rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
}
.search-bar-container-p4tSt .search-input-bAgAh::placeholder {
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.search-bar-container-p4tSt .icon-QOYfJ {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}

.share-prompt-container-EXOaj .buttons-container-fiSbJ {
  display: flex;
  flex-direction: row;
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC:not(:last-child) {
  margin-right: 1rem;
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .button-container-KJoeC .icon-OX8pK {
  flex: none;
  height: 1.5rem;
  color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c {
  border-radius: var(--border-radius);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud:focus,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym:focus,
.share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c:focus {
  outline-color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .facebook-button-La6ud {
  background-color: var(--color-facebook);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .x-button-pA7ym {
  background-color: var(--color-x);
}
.share-prompt-container-EXOaj .buttons-container-fiSbJ .reddit-button-sd07c {
  background-color: var(--color-reddit);
}
.share-prompt-container-EXOaj .url-container-OKpfh {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  border-radius: var(--border-radius);
  background-color: var(--overlay-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .url-text-input-nqDsC {
  flex: 1;
  align-self: stretch;
  padding: 1rem;
  font-size: 1.1rem;
  text-align: center;
  color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 8rem;
  padding: 1rem;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
  background-color: var(--secondary-accent-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg:hover {
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
  background-color: transparent;
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg:focus {
  outline-color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg .icon-OX8pK {
  flex: none;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  color: var(--primary-foreground-color);
}
.share-prompt-container-EXOaj .url-container-OKpfh .copy-button-XmXGg .label-gMoQ8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-height: 2.4em;
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
}

html.active-slider-within-NcgYf {
  cursor: grabbing;
}
html.active-slider-within-NcgYf body {
  pointer-events: none;
}
.slider-container-nJz5F {
  position: relative;
  z-index: 0;
  overflow: visible;
  cursor: pointer;
}
.slider-container-nJz5F.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.slider-container-nJz5F .layer-aC5Vt {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: visible;
}
.slider-container-nJz5F .track-gItfW {
  z-index: 0;
  flex: 1;
  width: 100%;
  height: var(--track-size);
  border-radius: var(--track-size);
  background-color: var(--primary-accent-color);
  opacity: 0.2;
}
.slider-container-nJz5F .track-gItfW.audio-boost-AyRq0 {
  opacity: 0.3;
  background: linear-gradient(to right, var(--primary-foreground-color) 0%, var(--primary-foreground-color) 50%, var(--warning-accent-color) 75%, var(--danger-accent-color) 100%) !important;
}
.slider-container-nJz5F .track-before-kJzIb {
  z-index: 1;
  flex: none;
  height: var(--track-size);
  border-radius: var(--track-size);
  background-color: var(--overlay-color);
}
.slider-container-nJz5F .track-after-pUXC0 {
  z-index: 2;
  flex: none;
  width: 100%;
  height: var(--track-size);
  border-radius: var(--track-size);
  background-color: var(--primary-foreground-color);
  mask-image: linear-gradient(to right, black 0%, black var(--mask-width), transparent var(--mask-width));
}
.slider-container-nJz5F .track-after-pUXC0.audio-boost-AyRq0 {
  background: linear-gradient(to right, var(--primary-foreground-color) 0%, var(--primary-foreground-color) 50%, var(--warning-accent-color) 75%, var(--danger-accent-color) 100%) !important;
}
.slider-container-nJz5F .thumb-PiTF5 {
  z-index: 3;
  flex: none;
  width: var(--thumb-size);
  height: var(--thumb-size);
  transform: translateX(-50%);
  background-color: var(--primary-foreground-color);
  border-radius: 100%;
}

kbd {
  flex: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  min-width: 2.5rem;
  padding: 0 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  border-radius: 0.25em;
  box-shadow: 0 4px 0 1px rgba(255, 255, 255, 0.1);
  background-color: var(--overlay-color);
}
.separator-uSn0j {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
}

.combos-TF23d {
  position: relative;
  display: flex;
  overflow: visible;
}
.combos-TF23d .combo-i2l7g {
  position: relative;
  display: flex;
  overflow: visible;
}
.combos-TF23d .combo-i2l7g .separator-KiYac {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}

.shortcuts-group-LbRfT {
  flex: 1 1 0;
  position: relative;
  width: 30rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow: visible;
}
.shortcuts-group-LbRfT .title-eToYZ {
  flex: none;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.shortcuts-group-LbRfT .shortcuts-tQ93G {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  overflow: visible;
}
.shortcuts-group-LbRfT .shortcuts-tQ93G .shortcut-swbky {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  overflow: visible;
}
.shortcuts-group-LbRfT .shortcuts-tQ93G .shortcut-swbky .label-WnVj8 {
  position: relative;
  font-size: 1rem;
  color: var(--primary-foreground-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.toggle-container-lZfHP {
  position: relative;
}
.toggle-container-lZfHP .toggle-toOWM {
  position: relative;
  width: 3.2rem;
  height: 1.7rem;
  border-radius: 1.7rem;
  background-color: var(--overlay-color);
  transition: background-color 0.1s ease-in-out;
}
.toggle-container-lZfHP .toggle-toOWM::before {
  content: "";
  position: absolute;
  height: calc(1.7rem - 0.5rem);
  width: calc(1.7rem - 0.5rem);
  top: calc(0.5rem / 2);
  left: calc(0.5rem / 2);
  border-radius: 50%;
  background-color: var(--primary-foreground-color);
  transition: transform 0.1s ease-in-out;
}
.toggle-container-lZfHP.checked .toggle-toOWM {
  background-color: var(--secondary-accent-color);
}
.toggle-container-lZfHP.checked .toggle-toOWM::before {
  transform: translateX(calc(3.2rem - calc(1.7rem - 0.5rem) - 0.5rem));
}

.video-placeholder-container-DgoIs {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem;
}
.video-placeholder-container-DgoIs .info-container-BATmf {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 3rem;
  margin: 0.5rem 1rem;
}
.video-placeholder-container-DgoIs .info-container-BATmf .name-container-N4C39 {
  width: 80%;
  height: 1.2rem;
  border-radius: var(--border-radius);
  background: var(--color-placeholder-background);
}
.video-placeholder-container-DgoIs .info-container-BATmf .released-container-egHHb {
  height: 1rem;
  border-radius: var(--border-radius);
  background: var(--color-placeholder-background);
}

.video-container-ezBpK {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
}
@supports (scroll-margin: 1.25rem) {
  .video-container-ezBpK {
    scroll-margin: 1.25rem;
  }
}
.video-container-ezBpK:hover,
.video-container-ezBpK:focus,
.video-container-ezBpK.active {
  background-color: var(--overlay-color);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl {
  flex: none;
  position: relative;
  border-radius: 0.3rem;
  overflow: hidden;
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .thumbnail-J81W3 {
  pointer-events: none;
  display: block;
  height: 5rem;
  width: 8rem;
  object-fit: cover;
  object-position: center;
  opacity: 0.9;
  background-color: var(--overlay-color);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .thumbnail-J81W3.blurred-ZmA2z {
  filter: blur(0.5rem);
  -webkit-filter: blur(0.5rem);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .placeholder-icon-GNOI3 {
  display: block;
  height: 5rem;
  width: 8rem;
  padding: 1rem;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
  opacity: 0.25;
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  border-radius: var(--border-radius);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT .progress-bar-E23CT {
  z-index: 1;
  position: relative;
  height: 0.4rem;
  background-color: var(--primary-accent-color);
}
.video-container-ezBpK .thumbnail-container-Zm8Cl .progress-bar-container-w8eFT .progress-bar-background-Q7aEH {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-foreground-color);
  opacity: 0.2;
}
.video-container-ezBpK .info-container-xyynk {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.5rem 0 1.5rem;
}
.video-container-ezBpK .info-container-xyynk .title-container-NcfV9 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 1rem;
  color: var(--primary-foreground-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .released-container-XLPqf {
  flex: 1;
  margin-right: 0.5rem;
  padding: 0.2rem 0;
  font-size: 0.8rem;
  font-weight: 500;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary-foreground-color);
  opacity: 0.44;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 1.6rem;
  border-radius: 0.3rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq > :nth-child(2) {
  margin-left: 0.5rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7,
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 {
  flex: none;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 0.5rem;
  max-width: 10rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7:not(:only-child),
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3:not(:only-child) {
  max-width: 5rem;
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 .flag-icon-RDrvf,
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 .flag-icon-RDrvf {
  height: 1.15rem;
  width: 1.15rem;
  margin-right: 0.25rem;
  color: var(--secondary-foreground-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 .flag-label-zJloD,
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 .flag-label-zJloD {
  font-size: 0.8rem;
  font-weight: 800;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  color: var(--secondary-foreground-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .upcoming-container-LXfQ7 {
  background-color: var(--secondary-accent-color);
}
.video-container-ezBpK .info-container-xyynk .flex-row-container-CAyQu .upcoming-watched-container-msCaq .watched-container-gvzs3 {
  background-color: var(--tertiary-accent-color);
}
.video-container-ezBpK.selected-AfK31 {
  animation: border-nc19J 3s ease-in-out forwards;
}
@keyframes border-nc19J {
  0% {
    border: 0.15rem solid var(--primary-accent-color);
  }
  100% {
    border: 0.15rem solid transparent;
  }
}
.video-container-ezBpK .menu-container-B6cqK {
  max-width: calc(90% - 1.5rem);
  z-index: 2;
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy {
  --spatial-navigation-contain: contain;
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 1.5rem;
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj:hover,
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj:focus {
  background-color: var(--overlay-color);
}
.video-container-ezBpK .menu-container-B6cqK .context-menu-content-ItIFy .context-menu-option-container-KNVWj .context-menu-option-label-dy2nc {
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-left-ongjn,
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk {
    right: 1.5rem;
  }
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-right-tmrFG,
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
    left: 1.5rem;
  }
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-left-ongjn,
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-top-right-tmrFG {
    bottom: 90%;
  }
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk,
  .video-container-ezBpK .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
    top: 90%;
  }
}

.toast-item-container-nG0uk {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 25rem;
  margin-bottom: 1rem;
  overflow: visible;
  box-shadow: var(--outer-glow);
  background-color: var(--modal-background-color);
  pointer-events: auto;
  border-radius: var(--border-radius);
  border: 0.4px solid var(--primary-accent-color);
  backdrop-filter: blur(10px);
  padding: 1rem;
}
.toast-item-container-nG0uk.success-eIDTa .icon-container-rjAiH .icon-Y4I_O {
  color: hsl(147.7, 68%, 41.7%);
}
.toast-item-container-nG0uk.error-quyOd .icon-container-rjAiH .icon-Y4I_O {
  color: var(--color-trakt);
}
.toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH {
  background-color: hsl(275.1, 33%, 48%);
}
.toast-item-container-nG0uk.info-KEWq8 .icon-container-rjAiH .icon-Y4I_O {
  color: hsla(0, 0%, 100%, 0.9);
}
.toast-item-container-nG0uk .icon-container-rjAiH {
  border-radius: 3px;
  background-color: var(--overlay-color);
}
.toast-item-container-nG0uk .icon-container-rjAiH .icon-Y4I_O {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 2rem;
}
.toast-item-container-nG0uk .info-container-xD9V6 {
  flex: 1;
  align-self: stretch;
  padding: 0.2rem 1rem;
}
.toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ {
  font-size: 1.2rem;
  color: var(--primary-foreground-color);
}
.toast-item-container-nG0uk .info-container-xD9V6 .title-container-VFReJ:not(:last-child) {
  margin-bottom: 0.2rem;
}
.toast-item-container-nG0uk .info-container-xD9V6 .message-container-znkCj {
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.toast-item-container-nG0uk .close-button-container-YtyYE {
  width: 2rem;
  height: 2rem;
  border-radius: 3px;
}
.toast-item-container-nG0uk .close-button-container-YtyYE .icon-Y4I_O {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.toast-item-container-nG0uk .close-button-container-YtyYE:hover .icon-Y4I_O {
  opacity: 1;
}

.tooltip-item-gfYXu {
  position: fixed;
  opacity: 0;
}
.tooltip-item-gfYXu.active {
  opacity: 1;
}

.tooltip-placeholder-niioe {
  z-index: -1;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.meta-row-container-xtlB1{overflow:visible}.meta-row-container-xtlB1 .header-container-tR3Ev{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.25rem;padding:0 1rem}.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{color:var(--primary-foreground-color);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW{align-items:center;border-radius:2.5rem;display:flex;flex:none;flex-direction:row;height:2.5rem;max-width:12rem;opacity:1;padding:0 0.5rem 0 1rem}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:focus,.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW:hover{background-color:var(--overlay-color);opacity:1;outline:none}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .label-bytni{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW .icon-Sj7HO{color:var(--primary-foreground-color);flex:none;height:1.5rem;margin-left:0.5rem}.meta-row-container-xtlB1 .message-container-KWmlO{color:var(--primary-foreground-color);font-size:1.3rem;max-height:3.6em;opacity:0.6;padding:0 0.5rem}.meta-row-container-xtlB1 .meta-items-container-qcuUA{align-items:stretch;display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.meta-row-container-xtlB1 .meta-items-container-qcuUA:active{cursor:grabbing}.meta-row-container-xtlB1 .meta-items-container-qcuUA::-webkit-scrollbar{display:none}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh{flex:none;min-width:0}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza,.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z{width:15rem}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ{width:26.67rem}@media only screen and (max-width:640px){.meta-row-container-xtlB1 .header-container-tR3Ev{padding:0 0.5rem}.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{font-size:1.3rem;margin-right:0.5rem;text-overflow:ellipsis;white-space:nowrap}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh:not(:first-child){margin-left:0}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza,.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z{width:10rem}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ{width:18rem}}@media only screen and (max-width:1000px){.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{font-size:1.2rem}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza,.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z{width:9rem}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ{width:16rem}}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.5rem;padding:0 1rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b{color:var(--color-placeholder-text);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty{background:linear-gradient(to right,var(--color-placeholder-background) 0 40%,transparent 40% 100%);height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII{align-items:center;display:flex;flex:none;flex-direction:row;max-width:12rem;padding:0.2rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus{background-color:var(--color-placeholder-background);outline:none}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt{color:var(--color-placeholder-text);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8{color:var(--color-placeholder-text);flex:none;height:1rem;margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4{align-items:stretch;display:flex;flex-direction:row}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{flex:1;margin:1rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:1.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);padding-bottom:calc(100% * var(--poster-shape-ratio))}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{align-items:center;display:flex;flex-direction:row;height:2.8rem;justify-content:center}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);flex:none;height:1.2rem;width:60%}@media only screen and (max-width:640px){.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{margin:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{margin-top:0.5rem}}
.board-container-DTN_b {
  width: 100%;
  height: calc(100% - var(--safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
}
.board-container-DTN_b .board-content-container-ToQTz {
  flex: 1;
  align-self: stretch;
  background: transparent;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 {
  height: 100%;
  width: 100%;
  padding: 0 1rem;
  overflow-y: auto;
}
@keyframes skeleton-loading-zZnzK {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-poster"] [class*="poster-container"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-square"] [class*="poster-container"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-landscape"] [class*="poster-container"] {
  width: 80% !important;
  padding-top: 80% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-poster"] [class*="poster-container"] [class*="poster-image-layer"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-square"] [class*="poster-container"] [class*="poster-image-layer"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-landscape"] [class*="poster-container"] [class*="poster-image-layer"] {
  border-radius: 50% !important;
  overflow: hidden !important;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-poster"] [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-square"] [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-landscape"] [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-poster"] [class*="poster-container"] [class*="poster-image-layer"] img,
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-square"] [class*="poster-container"] [class*="poster-image-layer"] img,
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-shape-landscape"] [class*="poster-container"] [class*="poster-image-layer"] img {
  border-radius: 50% !important;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-container"] {
  width: 80% !important;
  padding-top: 80% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-container"] [class*="poster-image-layer"] {
  border-radius: 50% !important;
  overflow: hidden !important;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"],
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ [class*="poster-container"] [class*="poster-image-layer"] img {
  border-radius: 50% !important;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-skeleton-j26xg {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-title-skeleton-CHE1_ {
  width: 120px;
  height: 1.2rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
  animation: skeleton-loading-zZnzK 1.5s ease-in-out infinite;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-items-skeleton-shEqa {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  overflow-x: hidden;
}
.board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-item-skeleton-lzW8_ {
  flex-shrink: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  animation: skeleton-loading-zZnzK 1.5s ease-in-out infinite;
}
.board-container-DTN_b .board-warning-container-a4m04 {
  position: absolute;
  bottom: calc(var(--safe-area-inset-bottom) + 0.5rem);
  left: calc(var(--safe-area-inset-left) + 0.5rem);
  right: calc(var(--safe-area-inset-right) + 0.5rem);
}
@media only screen and (max-width: 640px) {
  .board-container-DTN_b {
    position: relative;
    z-index: 0;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-CoJrZ {
    margin-bottom: 1.5rem;
  }
  .board-container-DTN_b .board-warning-container-a4m04 {
    bottom: calc(var(--vertical-nav-bar-size) + 0.5rem);
    height: 7rem;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .board-container-DTN_b .board-warning-container-a4m04 {
    left: calc(var(--safe-area-inset-left) + var(--vertical-nav-bar-size) + 0.5rem);
  }
}

.discover-container-L6OGL {
  height: calc(100% - var(--safe-area-inset-bottom));
  background-color: transparent;
}
.discover-container-L6OGL .discover-content-CRsRg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: center;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .posts-header-IVs8O {
  flex: none;
  padding: 1.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .posts-header-IVs8O .posts-title-mJvdY {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .posts-list-CX6hO {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 0;
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 {
  background-color: var(--modal-background-color);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.25rem;
  margin: 0 auto 0.5rem auto;
  padding: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition: border-color 0.2s;
  width: calc(100% - 2rem);
  max-width: 100%;
  box-sizing: border-box;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5:hover {
  border-color: rgba(255, 255, 255, 0.2);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt .post-header-left-Is5U2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt .post-header-left-Is5U2 .subreddit-icon-w61Ge {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: var(--primary-accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt .post-header-left-Is5U2 .subreddit-icon-w61Ge svg {
  width: 0.75rem;
  height: 0.75rem;
  color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt .post-header-left-Is5U2 .subreddit-link-wsTKl {
  font-weight: 600;
  color: var(--primary-foreground-color);
  cursor: pointer;
  opacity: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt .post-header-left-Is5U2 .subreddit-link-wsTKl:hover {
  text-decoration: underline;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt .post-header-left-Is5U2 .meta-separator-e0WWd {
  opacity: 0.5;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-header-BBFAt .post-header-left-Is5U2 .post-time-kJxD5 {
  opacity: 0.6;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-author-info-dw5CX {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.7rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-author-info-dw5CX .author-label-Kf4_q {
  opacity: 0.5;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-author-info-dw5CX .author-link-cdCPG {
  color: var(--primary-foreground-color);
  cursor: pointer;
  opacity: 0.8;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-author-info-dw5CX .author-link-cdCPG:hover {
  text-decoration: underline;
  opacity: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-content-iHPGO {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--primary-foreground-color);
  margin-bottom: 0.75rem;
  padding-left: 0.5rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-media-fZrwY {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-media-fZrwY .post-image-jRGvf {
  width: 100%;
  max-height: 30rem;
  object-fit: contain;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.05);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  padding-top: 0.75rem;
  margin-top: 0.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.375rem;
  background: rgba(255, 255, 255, 0.05);
  border: none;
  color: var(--primary-foreground-color);
  opacity: 0.8;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  border-radius: 1.5rem;
  font-size: 0.75rem;
  font-weight: 500;
  transition: all 0.2s;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ.vote-button-ClGjH {
  flex-direction: row;
  gap: 0.125rem;
  padding: 0.25rem 0.5rem;
  align-items: center;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ.vote-button-ClGjH .action-icon-DVfIf {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  flex-shrink: 0;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ.vote-button-ClGjH .vote-count-UPmwE {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0 0.125rem;
  min-width: 1.5rem;
  text-align: center;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ.vote-button-ClGjH.liked-ezFOr {
  color: #ff4500;
  opacity: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ.vote-button-ClGjH.liked-ezFOr .action-icon-DVfIf {
  color: #ff4500;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ .action-icon-DVfIf {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  flex-shrink: 0;
  color: inherit;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ .action-icon-DVfIf svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: currentColor;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ span {
  font-size: 0.75rem;
  line-height: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .post-actions-E41i_ .action-button-hdzIJ.active-oRr7z {
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comments-header-F0xHI {
  margin-bottom: 1rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comments-header-F0xHI .comments-title-NceKG {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comments-loading-yfQPU {
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comments-loading-yfQPU .loading-spinner-Sabze {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--primary-accent-color);
  border-radius: 50%;
  animation: spin-rIeOc 1s linear infinite;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .no-comments-MC5fq {
  padding: 2rem;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  font-size: 0.85rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comments-list-xJtat {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x {
  padding: 0.75rem;
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 0.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-header-Nvs4o {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-header-Nvs4o .comment-author-QIR8h {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-header-Nvs4o .comment-author-QIR8h .comment-avatar-azFad {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-header-Nvs4o .comment-author-QIR8h .comment-avatar-placeholder-tZQNW {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-header-Nvs4o .comment-author-QIR8h .comment-avatar-placeholder-tZQNW svg {
  width: 1rem;
  height: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.5;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-header-Nvs4o .comment-author-QIR8h .comment-author-name-IFh3l {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-header-Nvs4o .comment-time-W9aZT {
  font-size: 0.7rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 .comments-section-DvtLy .comment-item-ZkQ0x .comment-content-iDGKS {
  font-size: 0.85rem;
  line-height: 1.5;
  color: var(--primary-foreground-color);
  white-space: pre-wrap;
  word-wrap: break-word;
  padding-left: 2.25rem;
}
@keyframes spin-rIeOc {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes skeleton-loading-TO1Qi {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm {
  background-color: var(--modal-background-color);
  border-radius: 0.5rem;
  margin: 0 auto 1rem auto;
  padding: 1.5rem;
  width: calc(100% - 2rem);
  max-width: 100%;
  box-sizing: border-box;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-header-xw05i {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-header-xw05i .skeleton-avatar-xsLvv {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  animation: skeleton-loading-TO1Qi 1.5s ease-in-out infinite;
  margin-right: 0.75rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-header-xw05i .skeleton-author-AKIq2 {
  flex: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-header-xw05i .skeleton-author-AKIq2 .skeleton-name-UvoKI {
  width: 120px;
  height: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-TO1Qi 1.5s ease-in-out infinite;
  margin-bottom: 0.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-header-xw05i .skeleton-author-AKIq2 .skeleton-time-YuJXi {
  width: 80px;
  height: 0.8rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-TO1Qi 1.5s ease-in-out infinite;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-content-v2HiV {
  width: 100%;
  height: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-TO1Qi 1.5s ease-in-out infinite;
  margin-bottom: 0.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-content-short-_Wt4N {
  width: 70%;
  height: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-TO1Qi 1.5s ease-in-out infinite;
  margin-bottom: 1rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-actions-fA_3k {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm .skeleton-actions-fA_3k .skeleton-button-aLsoS {
  width: 60px;
  height: 1.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-TO1Qi 1.5s ease-in-out infinite;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .empty-state-zN7mL {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4rem 2rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .empty-state-zN7mL .empty-image-e_cpS {
  width: 12rem;
  height: 12rem;
  margin-bottom: 1rem;
  opacity: 0.9;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .empty-state-zN7mL .empty-label-l6oF_ {
  font-size: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .loading-more-LaaAu {
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .loading-more-LaaAu .loading-spinner-Sabze {
  width: 2rem;
  height: 2rem;
  border: 2px solid rgba(255, 255, 255, 0.1);
  border-top-color: var(--primary-accent-color);
  border-radius: 50%;
  animation: spin-rIeOc 1s linear infinite;
}
@keyframes spin-rIeOc {
  to {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 640px) {
  .discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .posts-header-IVs8O {
    padding: 1rem;
  }
  .discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .posts-header-IVs8O .posts-title-mJvdY {
    font-size: 1.5rem;
  }
  .discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-tHsD5 {
    margin: 0 0.75rem 0.75rem 0.75rem;
    padding: 1rem;
  }
  .discover-container-L6OGL .discover-content-CRsRg .posts-container-RWDhS .post-card-skeleton-qhuhm {
    margin: 0 0.75rem 0.75rem 0.75rem;
    padding: 1rem;
  }
}

.breadcrumb-container-tQfPA {
  flex: none;
  padding: 0.5rem 1rem;
  padding-left: max(0.5rem, calc(1rem - var(--safe-area-inset-left)));
  padding-right: max(0.5rem, calc(1rem - var(--safe-area-inset-right)));
  width: 100%;
  box-sizing: border-box;
}
.breadcrumb-path-hVJ_8 {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.breadcrumb-link-NN9wK {
  color: rgba(255, 255, 255, 0.55);
  text-decoration: none;
  transition: color 0.15s ease-out;
  white-space: nowrap;
}
.breadcrumb-link-NN9wK:hover {
  color: rgba(255, 255, 255, 0.85);
}
.breadcrumb-current-kak8i {
  color: rgba(255, 255, 255, 0.85);
  white-space: nowrap;
}
.breadcrumb-separator-m9Gvg {
  color: rgba(255, 255, 255, 0.35);
  margin: 0 0.35rem;
  user-select: none;
  font-size: 0.7rem;
}
@media only screen and (max-width: 640px) {
  .breadcrumb-container-tQfPA {
    padding: 0.4rem 0.75rem;
    padding-left: max(0.4rem, calc(0.75rem - var(--safe-area-inset-left)));
    padding-right: max(0.4rem, calc(0.75rem - var(--safe-area-inset-right)));
  }
  .breadcrumb-path-hVJ_8 {
    font-size: 0.65rem;
  }
  .breadcrumb-separator-m9Gvg {
    font-size: 0.6rem;
    margin: 0 0.3rem;
  }
}

.seasons-bar-placeholder-container-M81RN {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem;
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 6.5rem;
  height: 3rem;
  padding: 0.5rem;
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq > :first-child,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT > :first-child {
  margin-right: 0.5rem;
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .icon-UzQjF,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .icon-UzQjF {
  flex: none;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--color-placeholder-background);
}
.seasons-bar-placeholder-container-M81RN .prev-season-button-TCbOq .label-lmBnj,
.seasons-bar-placeholder-container-M81RN .next-season-button-oGnlT .label-lmBnj {
  flex: 1;
  max-height: 1.2em;
  font-weight: 500;
  text-align: center;
  color: var(--color-placeholder-text);
}
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 1rem;
}
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-label-xBinL {
  max-height: 1.2em;
  font-weight: 500;
  color: var(--color-placeholder-text);
}
.seasons-bar-placeholder-container-M81RN .seasons-popup-label-container-r2UDB .seasons-popup-icon-p1T5d {
  flex: none;
  width: 1rem;
  height: 1rem;
  margin-left: 1rem;
  color: var(--color-placeholder-background);
}

.seasons-bar-container-nOZjG {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  overflow: visible;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ,
.seasons-bar-container-nOZjG .next-season-button-RrYAq {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 6.5rem;
  height: 3rem;
  border-radius: 3rem;
  padding: 0.5rem;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ.disabled-WJy2x,
.seasons-bar-container-nOZjG .next-season-button-RrYAq.disabled-WJy2x {
  pointer-events: none;
  opacity: 0.5;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ:hover,
.seasons-bar-container-nOZjG .next-season-button-RrYAq:hover,
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ:focus,
.seasons-bar-container-nOZjG .next-season-button-RrYAq:focus {
  background-color: var(--overlay-color);
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ > :first-child,
.seasons-bar-container-nOZjG .next-season-button-RrYAq > :first-child {
  margin-right: 0.5rem;
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ .label-uJbfD,
.seasons-bar-container-nOZjG .next-season-button-RrYAq .label-uJbfD {
  flex: 1;
  max-height: 1.2em;
  font-weight: 500;
  text-align: center;
  color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .prev-season-button-bs1GQ .icon-_ZBEE,
.seasons-bar-container-nOZjG .next-season-button-RrYAq .icon-_ZBEE {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 {
  flex: 0 1 auto;
  background: none;
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:hover,
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4:focus,
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4.active {
  background-color: var(--overlay-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .label-AR_l8 {
  color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 > .icon-jg2il {
  color: var(--primary-foreground-color);
}
.seasons-bar-container-nOZjG .seasons-popup-label-container-fZcu4 .menu-container-qiz0X {
  overflow: auto;
}
.seasons-bar-container-nOZjG .multiselect-menu .dropdown,
.seasons-bar-container-nOZjG .dropdown {
  box-shadow: none !important;
}
.seasons-bar-container-nOZjG [class*="dropdown"] {
  box-shadow: none !important;
}
.seasons-bar-container-nOZjG > * .dropdown,
.seasons-bar-container-nOZjG * .dropdown {
  box-shadow: none !important;
}
@media only screen and (max-width: 640px) {
  .seasons-bar-container-nOZjG {
    height: 6rem;
  }
}

.button-container-PmUa2 {
  flex: none;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  border: var(--focus-outline-size) solid var(--primary-accent-color);
  background-color: var(--primary-accent-color);
  height: 4rem;
  padding: 0 2rem;
  margin: 1rem auto;
  border-radius: 2rem;
}
.button-container-PmUa2:hover {
  background-color: transparent;
}
.button-container-PmUa2 .label-sAyL4 {
  flex: 0 1 auto;
  font-size: 1rem;
  font-weight: 700;
  max-height: 3.5rem;
  text-align: center;
  color: var(--primary-foreground-color);
  margin-bottom: 0;
}

.videos-list-container-NepX5 {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.videos-list-container-NepX5 .collapse-header-qLHo_ {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom: thin solid var(--overlay-color);
  cursor: pointer;
  transition: background-color 0.2s ease-out;
}
.videos-list-container-NepX5 .collapse-header-qLHo_:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.videos-list-container-NepX5 .collapse-header-qLHo_ .collapse-title-f6Z2J {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.videos-list-container-NepX5 .collapse-header-qLHo_ .collapse-icon-IOqJg {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  transition: transform 0.3s ease-out, opacity 0.2s ease-out;
}
.videos-list-container-NepX5 .collapse-header-qLHo_ .collapse-icon-IOqJg.collapsed-tO2rc {
  transform: rotate(0deg);
}
.videos-list-container-NepX5 .collapse-header-qLHo_ .collapse-icon-IOqJg:not(.collapsed-tO2rc) {
  transform: rotate(180deg);
}
.videos-list-container-NepX5 .collapse-content-Uhc5Z {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  opacity: 1;
  overflow: hidden;
  transition: opacity 0.3s ease-out, margin 0.3s ease-out;
  margin: 0;
}
.videos-list-container-NepX5 .collapse-content-Uhc5Z.collapsed-tO2rc {
  display: none;
}
.videos-list-container-NepX5 .message-container-_hhmQ {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  overflow-y: auto;
}
.videos-list-container-NepX5 .message-container-_hhmQ .episode-picker-JPpsC {
  margin-bottom: 2rem;
}
.videos-list-container-NepX5 .message-container-_hhmQ .image-_xAbP {
  flex: none;
  width: 10rem;
  height: 10rem;
  max-width: 100%;
  margin-bottom: 1rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.videos-list-container-NepX5 .message-container-_hhmQ .label-Ff1_X {
  flex: none;
  font-size: 1.4rem;
  text-align: center;
  color: var(--primary-foreground-color);
}
.videos-list-container-NepX5 .notifications-toggle-PaWY3 {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding: 1.15rem 1.5rem 0.65rem;
  color: hsla(0, 0%, 100%, 0.9);
}
.videos-list-container-NepX5 .seasons-bar-Ma8vp {
  flex: none;
  align-self: stretch;
  margin: 0.5rem 1rem 1rem 1rem;
}
.videos-list-container-NepX5 .search-bar-mZHWa {
  flex: none;
  align-self: stretch;
  margin: 0 1.5rem 1rem 1.5rem;
}
.videos-list-container-NepX5 .search-bar-mZHWa:first-child {
  margin-top: 1rem;
}
.videos-list-container-NepX5 .videos-container-msX8s {
  flex: 1;
  align-self: stretch;
  padding: 0 1rem;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  animation: fadeIn-K65Mb 0.4s ease-out;
  min-height: 28rem;
  max-height: 56rem;
  scroll-behavior: smooth;
}
.videos-list-container-NepX5 .videos-container-msX8s::-webkit-scrollbar {
  width: 0.5rem;
}
.videos-list-container-NepX5 .videos-container-msX8s::-webkit-scrollbar-track {
  background: transparent;
}
.videos-list-container-NepX5 .videos-container-msX8s::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
}
.videos-list-container-NepX5 .videos-container-msX8s::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.videos-list-container-NepX5 .videos-container-msX8s > * {
  animation: slideInUp-Wphv9 0.3s ease-out;
  animation-fill-mode: both;
}
.videos-list-container-NepX5 .show-more-button-hOJQq {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  margin: 0.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: background-color 0.2s ease-out, transform 0.2s ease-out;
  animation: fadeIn-K65Mb 0.3s ease-out;
}
.videos-list-container-NepX5 .show-more-button-hOJQq:hover {
  background-color: rgba(0, 0, 0, 0.3);
  transform: scale(1.02);
}
.videos-list-container-NepX5 .show-more-button-hOJQq:active {
  transform: scale(0.98);
}
.videos-list-container-NepX5 .show-more-button-hOJQq .show-more-label-VI9Z8 {
  flex: none;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  margin-right: 0.5rem;
}
.videos-list-container-NepX5 .show-more-button-hOJQq .show-more-icon-qA8C1 {
  flex: none;
  width: 1.2rem;
  height: 1.2rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  transition: transform 0.3s ease-out;
}
@keyframes fadeIn-K65Mb {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInUp-Wphv9 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media only screen and (min-width: 640px) {
  .videos-list-container-NepX5 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    flex: 1 1 100%;
  }
  .videos-list-container-NepX5 .collapse-header-qLHo_ {
    flex: 0 0 auto;
  }
  .videos-list-container-NepX5 .collapse-header-qLHo_ .collapse-icon-IOqJg {
    display: none;
  }
  .videos-list-container-NepX5 .collapse-content-Uhc5Z {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .videos-list-container-NepX5 .videos-container-msX8s {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    min-height: min(28rem, calc(100vh - 20rem));
    max-height: min(56rem, calc(100vh - 10rem));
  }
}
@media only screen and (max-width: 640px) {
  .videos-list-container-NepX5 {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: visible;
  }
  .videos-list-container-NepX5 .collapse-content-Uhc5Z {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .videos-list-container-NepX5 .videos-container-msX8s {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 28rem;
    max-height: 56rem;
  }
}

.metadetails-container-K_Dqa {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.metadetails-container-K_Dqa .metadetails-wrapper-wbLbJ {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: var(--safe-area-inset-left);
  padding-right: var(--safe-area-inset-right);
  box-sizing: border-box;
}
.metadetails-container-K_Dqa .background-image-layer-wJa90 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--modal-background-color);
  overflow: hidden;
}
.metadetails-container-K_Dqa .background-image-layer-wJa90 .background-image-tSjYu {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  opacity: 0.5;
  transform: scale(1.15);
  filter: blur(8px);
  -webkit-filter: blur(8px);
}
.metadetails-container-K_Dqa .nav-bar-MH6Vk {
  z-index: 1;
  flex: none;
  align-self: stretch;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV {
  flex: 1;
  align-self: stretch;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--top-overlay-size) * -1);
  padding-top: var(--top-overlay-size);
  padding-bottom: var(--safe-area-inset-bottom, 0rem);
  min-height: 0;
  overflow-y: auto;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .main-content-row-v6vea {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-self: stretch;
  min-height: 0;
  flex-shrink: 0;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .vertical-nav-bar-B39nq {
  flex: none;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  width: 100%;
  height: 100%;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .image-R1LcJ {
  flex: none;
  width: 12rem;
  height: 12rem;
  max-width: 100%;
  margin-bottom: 1rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-message-container-MJZN5 .message-label-Uz4_P {
  flex: none;
  align-self: stretch;
  font-size: 2rem;
  text-align: center;
  color: var(--primary-foreground-color);
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
  flex: 0 1 auto;
  align-self: stretch;
  min-width: 0;
  padding: 0 4rem 2rem 4rem;
  padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left)));
  overflow-y: auto;
}
@keyframes skeleton-loading-SyiWS {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-skeleton-Q38PV {
  flex: 0 1 auto;
  align-self: stretch;
  min-width: 0;
  padding: 0 4rem 2rem 4rem;
  padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left)));
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-poster-frP1N {
  flex-shrink: 0;
  width: 200px;
  height: 300px;
  border-radius: 0.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  animation: skeleton-loading-SyiWS 1.5s ease-in-out infinite;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-info-rLYYI {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-title-fKCI6 {
  width: 60%;
  height: 2.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-SyiWS 1.5s ease-in-out infinite;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-meta-CSiTY {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-meta-item-OryzN {
  width: 100px;
  height: 1.2rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-SyiWS 1.5s ease-in-out infinite;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-description-dksxl {
  width: 100%;
  height: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-SyiWS 1.5s ease-in-out infinite;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-description-short-Ffm53 {
  width: 70%;
  height: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-SyiWS 1.5s ease-in-out infinite;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-actions-qgGpX {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .skeleton-button-BlZbT {
  width: 120px;
  height: 2.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-SyiWS 1.5s ease-in-out infinite;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg {
  flex: 1;
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ,
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
  flex: 0 0 30rem;
  align-self: stretch;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(15px);
}
.metadetails-container-K_Dqa .metadetails-content-Uz5EV .recommendations-row-et15v {
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  margin-top: auto;
  padding: 3rem 4rem;
  padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left)));
  padding-right: max(1rem, calc(4rem - var(--safe-area-inset-right)));
  padding-bottom: 4rem;
  box-sizing: border-box;
}
.meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq {
  width: 80%;
  height: 80%;
}
.meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq .title-container-v2mmF {
  max-height: 1.2em;
}
.meta-extension-modal-container-gHjqy .modal-dialog-container-DZMKq .meta-extension-modal-iframe-GGHlm {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
    padding: 0 1.5rem 1rem;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .recommendations-row-et15v {
    padding: 2rem 1.5rem;
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 640px) {
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV {
    display: block;
    overflow-y: auto;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .main-content-row-v6vea {
    flex-direction: column;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .spacing-rgIYg {
    display: none;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-ES0h3 {
    padding: 0 1.5rem 2rem;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-skeleton-Q38PV {
    flex-direction: column;
    padding: 0 1.5rem 2rem;
    gap: 1.5rem;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .meta-preview-skeleton-Q38PV .skeleton-poster-frP1N {
    width: 150px;
    height: 225px;
    align-self: center;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .videos-list-nE0LJ,
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    flex: 0 0 auto;
    width: 100%;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .recommendations-row-et15v {
    padding: 2rem 1.5rem;
    padding-bottom: 3rem;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1300px) {
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .recommendations-row-et15v {
    padding: 1.5rem 1rem;
    padding-bottom: 2rem;
  }
}
@media only screen and (max-width: 1000px) {
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .recommendations-row-et15v {
    padding: 1rem 0.5rem;
    padding-bottom: 1.5rem;
  }
}

.not-found-container-Q1qsP {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.not-found-container-Q1qsP .nav-bar-Eu3_y {
  flex: none;
  align-self: stretch;
}
.not-found-container-Q1qsP .not-found-content-z_Eza {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.not-found-container-Q1qsP .not-found-content-z_Eza .not-found-image-Qab4G {
  flex: none;
  width: 12rem;
  height: 12rem;
  margin-bottom: 1rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.not-found-container-Q1qsP .not-found-content-z_Eza .not-found-label-mmwyZ {
  flex: none;
  font-size: 2.5rem;
  max-height: 3.6em;
  max-width: 60%;
  text-align: center;
  color: hsla(222.8, 100%, 78%, 0.9);
}

.search-container-uXEFf {
  height: calc(100% - var(--safe-area-inset-bottom));
  width: 100%;
  background-color: transparent;
}
.search-container-uXEFf .search-content-LX6un {
  height: 100%;
  width: 100%;
  padding: 0 1rem;
  overflow-y: auto;
}
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W .search-hints-title-cigX3 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-size: 1.6rem;
  color: hsla(0, 0%, 100%, 0.9);
  text-align: center;
  opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 4rem;
  max-width: 50%;
  margin: 0 auto;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  margin-bottom: 4rem;
  min-width: 0;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .icon-fOZZl {
  flex: none;
  width: 4rem;
  height: 4rem;
  margin-bottom: 2rem;
  color: hsla(0, 0%, 100%, 0.9);
  opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX .label-l6wxz {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-size: 1.2rem;
  color: hsla(0, 0%, 100%, 0.9);
  text-align: center;
  opacity: 0.4;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  max-width: 100%;
  line-height: 1.4;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .image-Xuwya {
  flex: none;
  width: 12rem;
  height: 12rem;
  margin-bottom: 1rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.search-container-uXEFf .search-content-LX6un .message-container-YAunr .message-label-K8LPz {
  flex: 0 1 auto;
  font-size: 2.5rem;
  text-align: center;
  color: hsla(222.8, 100%, 78%, 0.9);
}
@media only screen and (max-width: 2200px) {
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+10),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+10),
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+10),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+10) {
    display: none;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+9),
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (max-width: 1900px) {
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+9),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+9),
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+9),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+9) {
    display: none;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+8),
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+8) {
    display: none;
  }
}
@media only screen and (max-width: 1600px) {
  .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
    max-width: 70%;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+8),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+8),
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+8),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+8) {
    display: none;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+7),
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (max-width: 1300px) {
  .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
    max-width: 90%;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+7),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+7),
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+7),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+7) {
    display: none;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+6),
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+6),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+6),
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+6),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+6) {
    display: none;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+5),
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
    max-width: 100%;
  }
  .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
    flex: 0 0 50%;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+5),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+5),
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+5),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+5) {
    display: none;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-QFHCh:nth-child(n+4),
  .search-container-uXEFf .search-content-LX6un .search-row-landscape-o3Lfv .meta-item-iOgzp:nth-child(n+4) {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
    margin-bottom: 1.5rem;
  }
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-QFHCh:nth-child(n+4),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-QFHCh:nth-child(n+4),
  .search-container-uXEFf .search-content-LX6un .search-row-poster-m7CUE .meta-item-iOgzp:nth-child(n+4),
  .search-container-uXEFf .search-content-LX6un .search-row-square-VesJA .meta-item-iOgzp:nth-child(n+4) {
    display: none;
  }
  .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
    margin-top: 4rem;
  }
  .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
    padding: 4rem 2rem;
  }
  .search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
    padding: 0 1.5rem;
  }
}

.create-modal-He1cc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.create-overlay-En76K {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
}
.create-container-ed_g4 {
  position: relative;
  width: 90%;
  max-width: 500px;
  background-color: var(--primary-background-color);
  border-radius: 0.75rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  z-index: 10001;
  overflow: hidden;
}
.create-header-gM2ZP {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem;
  border-bottom: 1px solid var(--primary-foreground-color);
  border-opacity: 0.1;
}
.create-header-gM2ZP .create-title-IGFid {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0;
}
.create-header-gM2ZP .close-button-jEBQ9 {
  background: none;
  border: none;
  font-size: 2rem;
  color: var(--primary-foreground-color);
  cursor: pointer;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}
.create-header-gM2ZP .close-button-jEBQ9:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.create-header-gM2ZP .close-button-jEBQ9:active {
  opacity: 0.7;
}
.create-options-WZ7Te {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 0.75rem;
}
.create-option-t_4WH {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1.25rem;
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-foreground-color);
  border-opacity: 0.1;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
  width: 100%;
}
.create-option-t_4WH:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-opacity: 0.2;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.create-option-t_4WH:active {
  transform: translateY(0);
  opacity: 0.8;
}
.create-option-t_4WH .option-icon-gGhF4 {
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 1rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-foreground-color);
  opacity: 0.9;
}
.create-option-t_4WH .option-icon-gGhF4 svg {
  width: 100%;
  height: 100%;
}
.create-option-t_4WH .option-content-w8pcs {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.create-option-t_4WH .option-content-w8pcs .option-title-cl_BI {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
}
.create-option-t_4WH .option-content-w8pcs .option-description-vHtzy {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
@media only screen and (max-width: 600px) {
  .create-container-ed_g4 {
    width: 95%;
    max-width: none;
  }
  .create-header-gM2ZP {
    padding: 1.25rem;
  }
  .create-header-gM2ZP .create-title-IGFid {
    font-size: 1.25rem;
  }
  .create-options-WZ7Te {
    padding: 0.75rem;
    gap: 0.5rem;
  }
  .create-option-t_4WH {
    padding: 1rem;
  }
  .create-option-t_4WH .option-icon-gGhF4 {
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
  }
  .create-option-t_4WH .option-content-w8pcs .option-title-cl_BI {
    font-size: 1rem;
  }
  .create-option-t_4WH .option-content-w8pcs .option-description-vHtzy {
    font-size: 0.85rem;
  }
}

.settings-container-_g1tS {
  height: calc(100% - var(--safe-area-inset-bottom));
  width: 100%;
  background-color: transparent;
}
.settings-container-_g1tS .settings-content-co5eU {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 1rem;
  max-width: 800px;
  margin: 0 auto;
}
.settings-container-_g1tS .settings-content-co5eU .not-logged-in-ERX82 {
  padding: 3rem;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.settings-container-_g1tS .settings-content-co5eU .cover-banner-skeleton-yuZjS {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 15rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-NBmNr 1.5s ease-in-out infinite;
}
.settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov {
  position: absolute;
  bottom: -6rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0 2rem 1.5rem 2rem;
  z-index: 2;
}
.settings-container-_g1tS .settings-content-co5eU .avatar-skeleton-tc5ym {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  border: 4px solid var(--primary-background-color);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  flex-shrink: 0;
  animation: skeleton-loading-NBmNr 1.5s ease-in-out infinite;
}
.settings-container-_g1tS .settings-content-co5eU .profile-info-skeleton-WLrdc {
  margin-left: 1.5rem;
  padding-bottom: 0.5rem;
  flex: 1;
}
.settings-container-_g1tS .settings-content-co5eU .name-skeleton-pOv0P {
  width: 200px;
  height: 2rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  animation: skeleton-loading-NBmNr 1.5s ease-in-out infinite;
}
.settings-container-_g1tS .settings-content-co5eU .username-skeleton-n6bhZ {
  width: 150px;
  height: 1.1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-NBmNr 1.5s ease-in-out infinite;
}
.settings-container-_g1tS .settings-content-co5eU .bio-section-skeleton-LnDq9 {
  padding: 1.5rem;
  margin-top: 1rem;
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.settings-container-_g1tS .settings-content-co5eU .section-title-skeleton-JlHUY {
  width: 120px;
  height: 1.1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  animation: skeleton-loading-NBmNr 1.5s ease-in-out infinite;
}
.settings-container-_g1tS .settings-content-co5eU .bio-content-skeleton-gGRLl {
  width: 100%;
  height: 4rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-NBmNr 1.5s ease-in-out infinite;
}
@keyframes skeleton-loading-NBmNr {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.settings-container-_g1tS .settings-content-co5eU .cover-container-Wd8Jl {
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  overflow: visible;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 7rem;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.settings-container-_g1tS .settings-content-co5eU .cover-banner-hhhVF {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 15rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}
.settings-container-_g1tS .settings-content-co5eU .cover-banner-placeholder-g0s1k {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 15rem;
  background: linear-gradient(135deg, var(--primary-accent-color) 0%, var(--secondary-accent-color) 100%);
  opacity: 0.3;
  border-radius: 0.5rem;
}
.settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN {
  position: absolute;
  bottom: -6.5rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0 2rem 1.5rem 2rem;
  z-index: 2;
}
.settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .avatar-cL0pS {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  border: 4px solid var(--primary-background-color);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi {
  margin-left: 1.5rem;
  padding-bottom: 0.5rem;
  flex: 1;
}
.settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi .name-tatMz {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0 0 0.25rem 0;
}
.settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi .username-fsJIm {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  margin-top: 0.25rem;
}
.settings-container-_g1tS .settings-content-co5eU .bio-section-Dtuu8 {
  padding: 1.5rem;
  margin-top: 1rem;
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.settings-container-_g1tS .settings-content-co5eU .bio-section-Dtuu8 .bio-content-ZO5bt {
  color: var(--primary-foreground-color);
  opacity: 0.9;
  font-size: 0.95rem;
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: -5rem;
  margin-bottom: 1rem;
  padding: 0;
  z-index: 3;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1.5rem;
  border-radius: 1.5rem;
  background-color: #000000;
  border: none;
  cursor: pointer;
  min-width: 9rem;
  transition: all 0.2s ease;
  outline: none;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG:hover {
  background-color: #000000;
  opacity: 0.9;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG:focus {
  outline: none;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG:active {
  opacity: 0.8;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG .btn-icon-UMbjz {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  color: var(--primary-foreground-color);
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG .btn-text-dmv7c {
  flex: 0 1 auto;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  letter-spacing: 0.3px;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG.settings-btn-2dxHL {
  min-width: 4rem;
  padding: 0.7rem;
  margin-right: 0;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG.settings-btn-2dxHL .btn-text-dmv7c {
  display: none;
}
.settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG.settings-btn-2dxHL .btn-icon-UMbjz {
  margin-right: 0;
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq {
  margin-top: 1rem;
  padding: 1.5rem;
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.5rem;
  scrollbar-width: thin;
  scrollbar-color: var(--primary-foreground-color) transparent;
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v::-webkit-scrollbar {
  height: 6px;
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v::-webkit-scrollbar-track {
  background: transparent;
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v::-webkit-scrollbar-thumb {
  background-color: var(--primary-foreground-color);
  opacity: 0.3;
  border-radius: 3px;
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v .bot-card-LR1js {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  min-width: 80px;
  flex-shrink: 0;
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v .bot-card-LR1js .bot-avatar-h06zB {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--primary-foreground-color);
  border: 2px solid var(--primary-foreground-color);
  opacity: 0.3;
}
.settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v .bot-card-LR1js .bot-name-zFa6Z {
  font-size: 0.85rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
  text-align: center;
  max-width: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm {
  margin-top: 1rem;
  padding: 1.5rem;
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .loading-posts-iyGuG {
  padding: 2rem;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .no-posts-XKIiF {
  padding: 2rem;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj {
  padding: 1rem;
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-foreground-color);
  border-opacity: 0.1;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-content-s7R0G {
  color: var(--primary-foreground-color);
  opacity: 0.9;
  font-size: 0.95rem;
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-media-MUioQ {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-media-MUioQ img {
  max-width: 200px;
  max-height: 200px;
  border-radius: 0.5rem;
  object-fit: cover;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-meta-WVgQN {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  font-size: 0.85rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-meta-WVgQN .post-date-s5NwC {
  flex: 1;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-meta-WVgQN .post-likes-acAxr,
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-meta-WVgQN .post-comments-IEAmm {
  cursor: pointer;
  transition: opacity 0.2s;
}
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-meta-WVgQN .post-likes-acAxr:hover,
.settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-meta-WVgQN .post-comments-IEAmm:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 640px) {
  .settings-container-_g1tS .settings-content-co5eU {
    padding: 0.5rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .cover-banner-hhhVF,
  .settings-container-_g1tS .settings-content-co5eU .cover-banner-placeholder-g0s1k,
  .settings-container-_g1tS .settings-content-co5eU .cover-banner-skeleton-yuZjS {
    aspect-ratio: 16 / 9;
  }
  .settings-container-_g1tS .settings-content-co5eU .cover-container-Wd8Jl {
    margin-bottom: 5rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov {
    bottom: -5rem;
    padding: 0 1.5rem 1rem 1.5rem;
    flex-direction: column;
    align-items: flex-start;
  }
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .avatar-cL0pS,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .avatar-cL0pS,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .avatar-skeleton-tc5ym,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .avatar-skeleton-tc5ym {
    width: 7rem;
    height: 7rem;
    margin-bottom: 0.75rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .avatar-cL0pS,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .avatar-cL0pS {
    background-color: transparent;
    overflow: hidden;
  }
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-miKxi,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-skeleton-WLrdc,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-skeleton-WLrdc {
    margin-left: 0;
  }
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi .name-tatMz,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-miKxi .name-tatMz,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-skeleton-WLrdc .name-tatMz,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-skeleton-WLrdc .name-tatMz,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi .name-skeleton-pOv0P,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-miKxi .name-skeleton-pOv0P,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-skeleton-WLrdc .name-skeleton-pOv0P,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-skeleton-WLrdc .name-skeleton-pOv0P {
    font-size: 1.5rem;
    width: 180px;
  }
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi .username-fsJIm,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-miKxi .username-fsJIm,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-skeleton-WLrdc .username-fsJIm,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-skeleton-WLrdc .username-fsJIm,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-miKxi .username-skeleton-n6bhZ,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-miKxi .username-skeleton-n6bhZ,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-j6WvN .profile-info-skeleton-WLrdc .username-skeleton-n6bhZ,
  .settings-container-_g1tS .settings-content-co5eU .profile-on-cover-skeleton-XBWov .profile-info-skeleton-WLrdc .username-skeleton-n6bhZ {
    font-size: 0.85rem;
    width: 120px;
  }
  .settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 {
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    gap: 0.5rem;
    justify-content: center;
  }
  .settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG {
    min-width: 7.5rem;
    padding: 0.65rem 1.2rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG .btn-icon-UMbjz {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.4rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG .btn-text-dmv7c {
    font-size: 1.05rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG.settings-btn-2dxHL {
    min-width: 3rem;
    padding: 0.65rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .action-buttons-bqK_7 .action-btn-XF6EG.settings-btn-2dxHL .btn-icon-UMbjz {
    margin-right: 0;
  }
  .settings-container-_g1tS .settings-content-co5eU .bio-section-Dtuu8 {
    padding: 1rem;
    margin-top: 0.5rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq {
    padding: 1rem;
    margin-top: 0.5rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v .bot-card-LR1js {
    min-width: 70px;
  }
  .settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v .bot-card-LR1js .bot-avatar-h06zB {
    width: 70px;
    height: 70px;
  }
  .settings-container-_g1tS .settings-content-co5eU .bots-section-gbZLq .bots-scroll-fJ49v .bot-card-LR1js .bot-name-zFa6Z {
    font-size: 0.8rem;
    max-width: 70px;
  }
  .settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm {
    padding: 1rem;
    margin-top: 0.5rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj {
    padding: 0.75rem;
  }
  .settings-container-_g1tS .settings-content-co5eU .posts-section-MoPBm .posts-list-Q2_NB .post-card-okiFj .post-media-MUioQ img {
    max-width: 150px;
    max-height: 150px;
  }
}

.cropper-modal-BZRcB {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cropper-overlay-gmuq5 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(4px);
}
.cropper-container-z5CfM {
  position: relative;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  z-index: 10001;
  overflow: hidden;
}
.cropper-header-u5ys_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--primary-foreground-color);
  opacity: 1;
}
.cropper-header-u5ys_ .cropper-title-EH_OG {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0;
}
.cropper-header-u5ys_ .close-btn-cwtPw {
  background: none;
  border: none;
  font-size: 2rem;
  color: var(--primary-foreground-color);
  cursor: pointer;
  padding: 0;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: opacity 0.2s;
}
.cropper-header-u5ys_ .close-btn-cwtPw:hover {
  opacity: 0.7;
}
.cropper-content-SXUEG {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  flex: 1;
  min-height: 0;
}
.cropper-wrapper-Fw_F6 {
  position: relative;
  width: 100%;
  height: 400px;
  background-color: var(--primary-foreground-color);
  opacity: 0.15;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 1rem;
}
.cropper-controls-qMdqx {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.cropper-controls-qMdqx .zoom-label-Ny5V7 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  font-weight: 500;
}
.cropper-controls-qMdqx .zoom-slider-YchTq {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: var(--primary-foreground-color);
  opacity: 0.4;
  outline: none;
  -webkit-appearance: none;
}
.cropper-controls-qMdqx .zoom-slider-YchTq::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--primary-accent-color);
  cursor: pointer;
}
.cropper-controls-qMdqx .zoom-slider-YchTq::-moz-range-thumb {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--primary-accent-color);
  cursor: pointer;
  border: none;
}
.cropper-actions-ZP9kg {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--primary-foreground-color);
  opacity: 1;
}
.cropper-actions-ZP9kg .cancel-btn-Hyjvn,
.cropper-actions-ZP9kg .save-btn-Ql8J3 {
  flex: 1;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: opacity 0.2s;
  border: none;
  outline: none;
}
.cropper-actions-ZP9kg .cancel-btn-Hyjvn {
  background-color: transparent;
  color: var(--primary-foreground-color);
  border: 1px solid var(--primary-foreground-color);
  opacity: 1;
}
.cropper-actions-ZP9kg .cancel-btn-Hyjvn:hover {
  opacity: 0.8;
}
.cropper-actions-ZP9kg .save-btn-Ql8J3 {
  background-color: var(--primary-accent-color);
  color: var(--primary-background-color);
}
.cropper-actions-ZP9kg .save-btn-Ql8J3:hover {
  opacity: 0.9;
}
@media only screen and (max-width: 768px) {
  .cropper-container-z5CfM {
    width: 95%;
    max-height: 85vh;
  }
  .cropper-wrapper-Fw_F6 {
    height: 300px;
  }
  .cropper-header-u5ys_ {
    padding: 0.75rem 1rem;
  }
  .cropper-header-u5ys_ .cropper-title-EH_OG {
    font-size: 1.1rem;
  }
  .cropper-content-SXUEG {
    padding: 1rem;
  }
  .cropper-actions-ZP9kg {
    padding: 0.75rem 1rem;
    flex-direction: column;
  }
  .cropper-actions-ZP9kg .cancel-btn-Hyjvn,
  .cropper-actions-ZP9kg .save-btn-Ql8J3 {
    width: 100%;
  }
}

.edit-profile-container-PH0Yt {
  height: calc(100% - var(--safe-area-inset-bottom));
  width: 100%;
  background-color: transparent;
  overflow: hidden;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
  min-height: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .loading-TQfAh,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .not-logged-in-Eo6Sy {
  padding: 3rem;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
@keyframes skeleton-loading-KdgWR {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-header-skeleton-vsCw5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-button-skeleton-sz2j3 {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-title-skeleton-dTvZr {
  width: 200px;
  height: 2rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-skeleton-YBmAU {
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-label-skeleton-udyxL {
  width: 150px;
  height: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .banner-preview-skeleton-a4j_A {
  width: 100%;
  aspect-ratio: 16 / 9;
  max-height: 15rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .avatar-preview-skeleton-Omvr1 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  margin-bottom: 1rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .file-input-label-skeleton-S5Zng {
  width: 180px;
  height: 2.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-input-skeleton-m2Txz {
  width: 100%;
  height: 2.75rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-textarea-skeleton-Oa6b3 {
  width: 100%;
  height: 120px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-skeleton-hHgYI {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--primary-foreground-color);
  opacity: 0.2;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .cancel-btn-skeleton-j6PZt,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .save-btn-skeleton-GTME9 {
  flex: 1;
  height: 2.75rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-KdgWR 1.5s ease-in-out infinite;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-header-PNmdI {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-button-mV1Yu {
  display: flex;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  transition: background-color 0.15s ease;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-button-mV1Yu:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-button-mV1Yu:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-icon-cyARV {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-title-lqgHC {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G {
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .form-label-pTfkB {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin-bottom: 0.75rem;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .cover-preview-container-x1vIV {
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  overflow: visible;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 8.5rem;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .cover-banner-preview-OuNc9 {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .cover-banner-placeholder-preview-s2rLH {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, var(--primary-accent-color) 0%, var(--secondary-accent-color) 100%);
  opacity: 0.5;
  border-radius: 0.5rem;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .profile-on-cover-preview-KmvcS {
  position: absolute;
  bottom: -7.5rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0 2rem 1.5rem 2rem;
  z-index: 2;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .avatar-preview-on-cover-AJni5 {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  border: 4px solid var(--primary-background-color);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .profile-info-preview-B9tlp {
  margin-left: 1.5rem;
  padding-bottom: 0.5rem;
  flex: 1;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .name-preview-b8sh4 {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0 0 0.25rem 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .username-preview-f7mTH {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  margin-top: 0.25rem;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ {
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-label-pTfkB {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin-bottom: 0.75rem;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-input-N9PTR,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-foreground-color);
  opacity: 1;
  border-radius: 0.5rem;
  outline: none;
  transition: opacity 0.2s;
  box-sizing: border-box;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-input-N9PTR.input-error-tk7ym,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe.input-error-tk7ym {
  border-color: #e74c3c;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-input-N9PTR.input-success-AasLF,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe.input-success-AasLF {
  border-color: #2ecc71;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-input-N9PTR:focus,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe:focus {
  opacity: 0.8;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-input-N9PTR::placeholder,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe::placeholder {
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .username-status-WQyhP {
  margin-top: 0.4rem;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 1.2rem;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .username-status-WQyhP.status-error-bOcJF {
  color: #e74c3c;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .username-status-WQyhP.status-success-wtXAq {
  color: #2ecc71;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .username-status-WQyhP.status-checking-iTSA9 {
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .username-status-WQyhP .spinner-fqeK8 {
  display: inline-block;
  font-size: 0.95rem;
  line-height: 1;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe {
  resize: vertical;
  min-height: 120px;
  font-family: inherit;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE .banner-preview-VVkqh {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--primary-foreground-color);
  opacity: 0.2;
  border-radius: 0.5rem;
  border: 1px solid var(--primary-foreground-color);
  box-sizing: border-box;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE .file-input-u3xJo {
  display: none;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE .file-input-label-JUuzD {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--primary-accent-color);
  color: var(--primary-background-color);
  border-radius: 0.5rem;
  cursor: pointer;
  text-align: center;
  font-size: 0.95rem;
  transition: opacity 0.2s;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE .file-input-label-JUuzD:hover {
  opacity: 0.9;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ .avatar-preview-O89g2 {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--primary-foreground-color);
  opacity: 0.2;
  border: 3px solid var(--primary-foreground-color);
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ .file-input-u3xJo {
  display: none;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ .file-input-label-JUuzD {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--primary-accent-color);
  color: var(--primary-background-color);
  border-radius: 0.5rem;
  cursor: pointer;
  text-align: center;
  font-size: 0.95rem;
  transition: opacity 0.2s;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ .file-input-label-JUuzD:hover {
  opacity: 0.9;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--primary-foreground-color);
  opacity: 1;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .cancel-btn-UEeAi,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .save-btn-gR6L2 {
  flex: 1;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: opacity 0.2s;
  border: none;
  outline: none;
  box-sizing: border-box;
  min-width: 0;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .cancel-btn-UEeAi:disabled,
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .save-btn-gR6L2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .cancel-btn-UEeAi {
  background-color: transparent;
  color: var(--primary-foreground-color);
  border: 1px solid var(--primary-foreground-color);
  opacity: 1;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .cancel-btn-UEeAi:hover:not(:disabled) {
  opacity: 0.8;
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .save-btn-gR6L2 {
  background-color: var(--primary-accent-color);
  color: var(--primary-background-color);
}
.edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .save-btn-gR6L2:hover:not(:disabled) {
  opacity: 0.9;
}
@media only screen and (max-width: 640px) {
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A {
    padding: 0.75rem;
    max-width: 100%;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-header-PNmdI,
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-header-skeleton-vsCw5 {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-button-mV1Yu,
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-button-skeleton-sz2j3 {
    width: 2rem;
    height: 2rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-icon-cyARV {
    width: 1.25rem;
    height: 1.25rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-title-lqgHC,
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-title-skeleton-dTvZr {
    font-size: 1.5rem;
    word-wrap: break-word;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .page-title-skeleton-dTvZr {
    width: 150px;
    height: 1.5rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .back-button-skeleton-sz2j3 {
    width: 2rem;
    height: 2rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .banner-preview-skeleton-a4j_A {
    max-height: 12rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .avatar-preview-skeleton-Omvr1 {
    width: 100px;
    height: 100px;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .file-input-label-skeleton-S5Zng {
    width: 100%;
    height: 2.25rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .cover-preview-container-x1vIV {
    margin-bottom: 6.5rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .cover-banner-preview-OuNc9,
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .cover-banner-placeholder-preview-s2rLH {
    aspect-ratio: 16 / 9;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .profile-on-cover-preview-KmvcS {
    bottom: -6rem;
    padding: 0 1rem 1rem 1rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .avatar-preview-on-cover-AJni5 {
    width: 7rem;
    height: 7rem;
    background-color: transparent;
    overflow: hidden;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .profile-info-preview-B9tlp {
    margin-left: 1rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .name-preview-b8sh4 {
    font-size: 1.5rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .preview-section-HWE5G .username-preview-f7mTH {
    font-size: 0.85rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ {
    margin-bottom: 1.5rem;
    width: 100%;
    box-sizing: border-box;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-label-pTfkB {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-input-N9PTR,
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe {
    padding: 0.65rem;
    font-size: 0.95rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .form-textarea-cSabe {
    min-height: 100px;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE {
    gap: 0.75rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE .banner-preview-VVkqh {
    height: 150px;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .image-preview-container-PIYyE .file-input-label-JUuzD {
    padding: 0.65rem 1.2rem;
    font-size: 0.9rem;
    width: 100%;
    box-sizing: border-box;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ {
    gap: 0.75rem;
    align-items: center;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ .avatar-preview-O89g2 {
    width: 100px;
    height: 100px;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-section-xYsS_ .avatar-preview-container-ugnsJ .file-input-label-JUuzD {
    padding: 0.65rem 1.2rem;
    font-size: 0.9rem;
    width: 100%;
    box-sizing: border-box;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH {
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .cancel-btn-UEeAi,
  .edit-profile-container-PH0Yt .edit-profile-content-qVd8A .form-actions-ufbxH .save-btn-gR6L2 {
    width: 100%;
    flex: none;
  }
}

.account-settings-container-JbuO7 {
  height: calc(100% - var(--safe-area-inset-bottom));
  width: 100%;
  background-color: transparent;
  overflow: hidden;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
  min-height: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .loading-_KTDa,
.account-settings-container-JbuO7 .account-settings-content-sOTLP .not-logged-in-L1xBh {
  padding: 3rem;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
@keyframes skeleton-loading-aUQGi {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .page-header-d_fii {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .back-button-Z54_P {
  display: flex;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  transition: background-color 0.15s ease;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .back-button-Z54_P:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .back-button-Z54_P:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .back-icon-fpA60 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .page-header-skeleton-hoHp5 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .back-button-skeleton-k3m0v {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  animation: skeleton-loading-aUQGi 1.5s ease-in-out infinite;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .page-title-skeleton-lONSX {
  width: 250px;
  height: 2rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  animation: skeleton-loading-aUQGi 1.5s ease-in-out infinite;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-skeleton-xdWIr {
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .section-title-skeleton-g3HZy {
  width: 200px;
  height: 1.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  margin-bottom: 1rem;
  animation: skeleton-loading-aUQGi 1.5s ease-in-out infinite;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-group-skeleton-voFMN {
  margin-bottom: 1.5rem;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-label-skeleton-ZfWRx {
  width: 180px;
  height: 1rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
  animation: skeleton-loading-aUQGi 1.5s ease-in-out infinite;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-input-skeleton-K6fGl {
  width: 100%;
  height: 2.75rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-aUQGi 1.5s ease-in-out infinite;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-hint-skeleton-OFt71 {
  width: 200px;
  height: 0.9rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  animation: skeleton-loading-aUQGi 1.5s ease-in-out infinite;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-skeleton-mM6yZ {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--primary-foreground-color);
  opacity: 0.2;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .cancel-btn-skeleton-WKvyO,
.account-settings-container-JbuO7 .account-settings-content-sOTLP .save-btn-skeleton-AFpW9 {
  flex: 1;
  height: 2.75rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 100%);
  background-size: 200% 100%;
  border-radius: 0.5rem;
  animation: skeleton-loading-aUQGi 1.5s ease-in-out infinite;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .page-title-W0nGE {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .section-title-KpM74 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0 0 1.5rem 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-group-uMpEc {
  margin-bottom: 1.5rem;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-group-uMpEc:last-child {
  margin-bottom: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-label-HvS8o {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin-bottom: 0.75rem;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-input-aE8dl {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-foreground-color);
  opacity: 1;
  border-radius: 0.5rem;
  outline: none;
  transition: opacity 0.2s;
  box-sizing: border-box;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-input-aE8dl:focus {
  opacity: 0.8;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-input-aE8dl:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-input-aE8dl::placeholder {
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-hint-sTYVx {
  font-size: 0.85rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  margin-top: 0.5rem;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--primary-foreground-color);
  opacity: 1;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .cancel-btn-hcMjT,
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .save-btn-lHqdm {
  flex: 1;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: opacity 0.2s;
  border: none;
  outline: none;
  box-sizing: border-box;
  min-width: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .cancel-btn-hcMjT:disabled,
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .save-btn-lHqdm:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .cancel-btn-hcMjT {
  background-color: transparent;
  color: var(--primary-foreground-color);
  border: 1px solid var(--primary-foreground-color);
  opacity: 1;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .cancel-btn-hcMjT:hover:not(:disabled) {
  opacity: 0.8;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .save-btn-lHqdm {
  background-color: var(--primary-accent-color);
  color: var(--primary-background-color);
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .save-btn-lHqdm:hover:not(:disabled) {
  opacity: 0.9;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F {
  margin-top: 2rem;
  padding: 1.5rem;
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .section-title-KpM74 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0 0 1.5rem 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .logout-btn-NlZS8,
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .delete-btn-mFPF7 {
  width: 100%;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: opacity 0.2s;
  border: none;
  outline: none;
  box-sizing: border-box;
  margin-bottom: 1rem;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .logout-btn-NlZS8:last-child,
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .delete-btn-mFPF7:last-child {
  margin-bottom: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .logout-btn-NlZS8:hover,
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .delete-btn-mFPF7:hover {
  opacity: 0.9;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .logout-btn-NlZS8 {
  background-color: var(--primary-accent-color);
  color: var(--primary-background-color);
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .danger-section-slU2F .delete-btn-mFPF7 {
  background-color: rgba(255, 0, 0, 0.8);
  color: var(--primary-background-color);
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .deletion-message-C1njr {
  margin-top: 2rem;
  padding: 1.5rem;
  background-color: rgba(255, 165, 0, 0.2);
  border: 2px solid rgba(255, 165, 0, 0.5);
  border-radius: 0.5rem;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .deletion-message-C1njr h3 {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0 0 1rem 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .deletion-message-C1njr p {
  font-size: 1rem;
  color: var(--primary-foreground-color);
  margin: 0.5rem 0;
  line-height: 1.5;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .deletion-message-C1njr .countdown-UfhgU {
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 1rem 0;
}
.account-settings-container-JbuO7 .account-settings-content-sOTLP .deletion-message-C1njr .warning-text-ApFz6 {
  font-size: 0.9rem;
  opacity: 0.8;
  font-style: italic;
}
.account-settings-container-JbuO7 .modal-overlay-UHcOR {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 1rem;
}
.account-settings-container-JbuO7 .modal-content-mdkoY {
  background-color: var(--primary-background-color);
  border-radius: 0.5rem;
  padding: 2rem;
  max-width: 500px;
  width: 100%;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-title-NWlJH {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0 0 1rem 0;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-warning-IHZ4D {
  font-size: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
  margin: 0 0 1.5rem 0;
  line-height: 1.5;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1.5rem;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-cancel-btn-tOeAe,
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-delete-btn-hDSZT {
  flex: 1;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: opacity 0.2s;
  border: none;
  outline: none;
  box-sizing: border-box;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-cancel-btn-tOeAe:disabled,
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-delete-btn-hDSZT:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-cancel-btn-tOeAe {
  background-color: transparent;
  color: var(--primary-foreground-color);
  border: 1px solid var(--primary-foreground-color);
  opacity: 1;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-cancel-btn-tOeAe:hover:not(:disabled) {
  opacity: 0.8;
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-delete-btn-hDSZT {
  background-color: rgba(255, 0, 0, 0.8);
  color: var(--primary-background-color);
}
.account-settings-container-JbuO7 .modal-content-mdkoY .modal-actions-Ri37y .modal-delete-btn-hDSZT:hover:not(:disabled) {
  opacity: 0.9;
}
@media only screen and (max-width: 640px) {
  .account-settings-container-JbuO7 .account-settings-content-sOTLP {
    padding: 0.75rem;
    max-width: 100%;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .page-header-d_fii,
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .page-header-skeleton-hoHp5 {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .back-button-Z54_P,
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .back-button-skeleton-k3m0v {
    width: 2rem;
    height: 2rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .back-icon-fpA60 {
    width: 1.25rem;
    height: 1.25rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .page-title-W0nGE,
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .page-title-skeleton-lONSX {
    font-size: 1.5rem;
    word-wrap: break-word;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .page-title-skeleton-lONSX {
    width: 180px;
    height: 1.5rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .back-button-skeleton-k3m0v {
    width: 2rem;
    height: 2rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp {
    padding: 1rem;
    margin-bottom: 1.5rem;
    width: 100%;
    box-sizing: border-box;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .section-title-KpM74 {
    font-size: 1.1rem;
    margin-bottom: 1rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-group-uMpEc {
    margin-bottom: 1.25rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-group-uMpEc:last-child {
    margin-bottom: 0;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-label-HvS8o {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-input-aE8dl {
    padding: 0.65rem;
    font-size: 0.95rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-section-WE7sp .form-hint-sTYVx {
    font-size: 0.8rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU {
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .cancel-btn-hcMjT,
  .account-settings-container-JbuO7 .account-settings-content-sOTLP .form-actions-irctU .save-btn-lHqdm {
    width: 100%;
    flex: none;
  }
}

.create-character-container-NG_B_ {
  height: calc(100% - var(--safe-area-inset-bottom));
  width: 100%;
  background-color: transparent;
  overflow: hidden;
}
.create-character-container-NG_B_ .create-character-content-DKdUX {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
  min-height: 0;
  scrollbar-width: thin;
  scrollbar-color: var(--primary-foreground-color) transparent;
}
.create-character-container-NG_B_ .create-character-content-DKdUX::-webkit-scrollbar {
  width: 8px;
}
.create-character-container-NG_B_ .create-character-content-DKdUX::-webkit-scrollbar-track {
  background: transparent;
}
.create-character-container-NG_B_ .create-character-content-DKdUX::-webkit-scrollbar-thumb {
  background-color: var(--primary-foreground-color);
  opacity: 0.3;
  border-radius: 4px;
}
.create-character-container-NG_B_ .create-character-content-DKdUX::-webkit-scrollbar-thumb:hover {
  opacity: 0.5;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .page-header-P7_FT {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .back-button-gqG06 {
  display: flex;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  transition: background-color 0.15s ease;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .back-button-gqG06:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.create-character-container-NG_B_ .create-character-content-DKdUX .back-button-gqG06:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.create-character-container-NG_B_ .create-character-content-DKdUX .back-icon-hr3ap {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .page-title-tVRcZ {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0;
  flex-shrink: 0;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh {
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .cover-preview-container-wRuU4 {
  position: relative;
  width: 100%;
  border-radius: 0.5rem;
  overflow: visible;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 8.5rem;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .cover-banner-preview-Szt7G {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .cover-banner-placeholder-preview-_y4HW {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: linear-gradient(135deg, var(--primary-accent-color) 0%, var(--secondary-accent-color) 100%);
  opacity: 0.5;
  border-radius: 0.5rem;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .profile-on-cover-preview-Ewoc3 {
  position: absolute;
  bottom: -7.5rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 0 2rem 1.5rem 2rem;
  z-index: 2;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .avatar-preview-on-cover-doaAr {
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  border: 4px solid var(--primary-background-color);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .profile-info-preview-X73Pp {
  margin-left: 1.5rem;
  padding-bottom: 0.5rem;
  flex: 1;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .name-preview-uTuSd {
  font-size: 2rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin: 0 0 0.25rem 0;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .username-preview-hsjZ9 {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  margin-top: 0.25rem;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-container-_ZIf9 {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ {
  margin-bottom: 2rem;
  flex-shrink: 0;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-label-SrvvK {
  display: block;
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin-bottom: 0.75rem;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-label-SrvvK .required-a_MOq {
  color: #e74c3c;
  margin-left: 0.25rem;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-input-PKRyu,
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-textarea-Dpw5u {
  width: 100%;
  padding: 0.75rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
  background-color: var(--primary-background-color);
  border: 1px solid var(--primary-foreground-color);
  opacity: 1;
  border-radius: 0.5rem;
  outline: none;
  transition: opacity 0.2s;
  box-sizing: border-box;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-input-PKRyu:focus,
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-textarea-Dpw5u:focus {
  opacity: 0.8;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-input-PKRyu::placeholder,
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-textarea-Dpw5u::placeholder {
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-input-PKRyu:disabled,
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-textarea-Dpw5u:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-textarea-Dpw5u {
  resize: vertical;
  min-height: 120px;
  font-family: inherit;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .form-hint-cCYUt {
  font-size: 0.85rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  margin-top: 0.5rem;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  box-sizing: border-box;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .image-preview-g77fO {
  width: 200px;
  height: 200px;
  border-radius: 0.5rem;
  border: 2px solid var(--primary-foreground-color);
  border-opacity: 0.2;
  background-color: var(--primary-background-color);
  box-sizing: border-box;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .image-placeholder-PjhQp {
  width: 200px;
  height: 200px;
  border-radius: 0.5rem;
  border: 2px dashed var(--primary-foreground-color);
  border-opacity: 0.3;
  background-color: var(--primary-background-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.5;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .image-placeholder-PjhQp .placeholder-icon-qQ94w {
  width: 3rem;
  height: 3rem;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .banner-preview-razCs {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 16 / 9;
  border-radius: 0.5rem;
  border: 2px solid var(--primary-foreground-color);
  border-opacity: 0.2;
  background-color: var(--primary-background-color);
  box-sizing: border-box;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .banner-placeholder-pB7f8 {
  width: 100%;
  max-width: 500px;
  aspect-ratio: 16 / 9;
  border-radius: 0.5rem;
  border: 2px dashed var(--primary-foreground-color);
  border-opacity: 0.3;
  background-color: var(--primary-background-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.5;
  box-sizing: border-box;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .banner-placeholder-pB7f8 .placeholder-icon-qQ94w {
  width: 3rem;
  height: 3rem;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .file-input-wgI2P {
  display: none;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .file-input-label-E_v0k {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background-color: var(--primary-accent-color);
  color: var(--primary-background-color);
  border-radius: 0.5rem;
  cursor: pointer;
  text-align: center;
  font-size: 0.95rem;
  transition: opacity 0.2s;
  width: fit-content;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .file-input-label-E_v0k:hover {
  opacity: 0.9;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-top: 1px solid var(--primary-foreground-color);
  border-opacity: 0.1;
  width: 100%;
  box-sizing: border-box;
  flex-shrink: 0;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .cancel-button-MKhG0,
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .save-button-LHepa {
  flex: 1;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: opacity 0.2s;
  border: none;
  outline: none;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .cancel-button-MKhG0:disabled,
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .save-button-LHepa:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .cancel-button-MKhG0 {
  background-color: transparent;
  color: var(--primary-foreground-color);
  border: 1px solid var(--primary-foreground-color);
  border-opacity: 0.2;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .cancel-button-MKhG0:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.05);
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .save-button-LHepa {
  background-color: #000000;
  color: var(--primary-foreground-color);
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .save-button-LHepa:hover:not(:disabled) {
  opacity: 0.9;
}
.create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .save-button-LHepa:active:not(:disabled) {
  opacity: 0.8;
}
@media only screen and (max-width: 640px) {
  .create-character-container-NG_B_ .create-character-content-DKdUX {
    padding: 0.5rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .page-header-P7_FT {
    margin-bottom: 1.5rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .page-header-P7_FT .page-title-tVRcZ {
    font-size: 1.5rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh {
    margin-bottom: 1.5rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .cover-preview-container-wRuU4 {
    margin-bottom: 7rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .profile-on-cover-preview-Ewoc3 {
    bottom: -6rem;
    padding: 0 1rem 1rem 1rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .avatar-preview-on-cover-doaAr {
    width: 7rem;
    height: 7rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .name-preview-uTuSd {
    font-size: 1.5rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .preview-section-Wkwsh .username-preview-hsjZ9 {
    font-size: 0.85rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ {
    margin-bottom: 1.5rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .image-preview-g77fO,
  .create-character-container-NG_B_ .create-character-content-DKdUX .form-section-opVS_ .image-preview-container-wjwit .image-placeholder-PjhQp {
    width: 150px;
    height: 150px;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg {
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
  }
  .create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .cancel-button-MKhG0,
  .create-character-container-NG_B_ .create-character-content-DKdUX .form-actions-deUHg .save-button-LHepa {
    width: 100%;
    flex: none;
  }
}

.watch-container-rNBA1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.watch-container-rNBA1 .watch-wrapper-ByeE2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: var(--safe-area-inset-left);
  padding-right: var(--safe-area-inset-right);
  box-sizing: border-box;
}
.watch-container-rNBA1 .background-image-layer-cNmpo {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: var(--modal-background-color);
  overflow: hidden;
}
.watch-container-rNBA1 .background-image-layer-cNmpo .background-image-IGlTT {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  opacity: 0.3;
  transform: scale(1.2);
}
.watch-container-rNBA1 .nav-bar-lHJ5u {
  z-index: 1;
  flex: none;
  align-self: stretch;
}
.watch-container-rNBA1 .watch-content-e4uhQ {
  flex: 1;
  align-self: stretch;
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  margin-top: calc(var(--top-overlay-size) * -1);
  padding-top: var(--top-overlay-size);
  padding-bottom: var(--safe-area-inset-bottom, 0rem);
  min-height: 0;
  overflow-y: auto;
}
.watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  align-self: stretch;
  width: 100%;
  min-height: 0;
  gap: 1rem;
  padding: 0.5rem 1rem;
  padding-left: max(0.5rem, calc(1rem - var(--safe-area-inset-left)));
  padding-right: max(0.5rem, calc(1rem - var(--safe-area-inset-right)));
  box-sizing: border-box;
}
.watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .player-section-ayrdM {
  flex: 1.2;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .player-section-ayrdM .player-frame-container-_CKsr {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
}
.watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .episodes-section-jtR9A {
  flex: 0 0 28rem;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr {
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  padding: 0.5rem 1rem;
  padding-left: max(0.5rem, calc(1rem - var(--safe-area-inset-left)));
  padding-right: max(0.5rem, calc(1rem - var(--safe-area-inset-right)));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-sizing: border-box;
}
.series-layout-container-Eoxmy .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr {
  padding: 0.5rem 0;
  width: 100%;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr.movie-player-container-pKYOh {
  max-width: 60rem;
  margin: 0 auto;
  padding: 0.5rem 2rem;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr.movie-player-container-pKYOh .player-frame-uLpLx {
  max-width: 100%;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.5rem;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ .server-label-xmWwU {
  font-size: 1rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  margin-right: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  position: relative;
  z-index: 11;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ .server-button-oDxd7 {
  padding: 0.6rem 1.8rem;
  border-radius: 0.5rem;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.15);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  min-width: 8rem;
  text-align: center;
  backdrop-filter: blur(10px);
  position: relative;
  z-index: 11;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ .server-button-oDxd7:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ .server-button-oDxd7.server-button-active-bDpkq {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.35);
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx {
  width: 100%;
  max-width: 100%;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: var(--border-radius);
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  display: block;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx .player-iframe-LuqFH {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.9);
  display: block;
  pointer-events: auto;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx .iframe-overlay-fSQUb {
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  z-index: 5;
  pointer-events: auto;
  background: transparent;
  cursor: default;
  /* Cover the back button area (typically top-left corner) */
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx .player-placeholder-wJPPi {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx .player-placeholder-wJPPi::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6rem;
  height: 6rem;
  border: 0.3rem solid var(--primary-foreground-color);
  border-top-color: transparent;
  border-radius: 50%;
  opacity: 0.3;
  animation: spin-NiGPq 1s linear infinite;
}
@keyframes spin-NiGPq {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.watch-container-rNBA1 .watch-content-e4uhQ .main-content-row-aOyMQ {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-self: stretch;
  min-height: 0;
  flex-shrink: 0;
}
.watch-container-rNBA1 .watch-content-e4uhQ .vertical-nav-bar-s_gk6 {
  flex: none;
}
.watch-container-rNBA1 .watch-content-e4uhQ .meta-message-container-SOVyU {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  width: 100%;
  height: 100%;
}
.watch-container-rNBA1 .watch-content-e4uhQ .meta-message-container-SOVyU .image-YhsWw {
  flex: none;
  width: 12rem;
  height: 12rem;
  max-width: 100%;
  margin-bottom: 1rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.watch-container-rNBA1 .watch-content-e4uhQ .meta-message-container-SOVyU .message-label-cgr_z {
  flex: none;
  align-self: stretch;
  font-size: 2rem;
  text-align: center;
  color: var(--primary-foreground-color);
}
.watch-container-rNBA1 .watch-content-e4uhQ .meta-preview-O_O4p {
  flex: 0 1 auto;
  align-self: stretch;
  min-width: 0;
  padding: 0 4rem 2rem 4rem;
  padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left)));
  padding-top: 2rem;
  overflow-y: auto;
}
.watch-container-rNBA1 .watch-content-e4uhQ .spacing-WOfhV {
  flex: 0 0 2rem;
}
.watch-container-rNBA1 .watch-content-e4uhQ .videos-list-CZC4k,
.watch-container-rNBA1 .watch-content-e4uhQ .streams-list-lUncN {
  flex: 0 0 28rem;
  align-self: stretch;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(15px);
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}
.series-layout-container-Eoxmy .watch-container-rNBA1 .watch-content-e4uhQ .videos-list-CZC4k,
.series-layout-container-Eoxmy .watch-container-rNBA1 .watch-content-e4uhQ .streams-list-lUncN {
  border-radius: var(--border-radius);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  align-self: stretch;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .episodes-section-jtR9A > * {
  flex: 1 1 100%;
  min-height: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.watch-container-rNBA1 .watch-content-e4uhQ .recommendations-row-U82F9 {
  flex: 0 0 auto;
  align-self: stretch;
  width: 100%;
  margin-top: 0;
  padding: 3rem 1rem;
  padding-left: max(0.5rem, calc(1rem - var(--safe-area-inset-left)));
  padding-right: max(0.5rem, calc(1rem - var(--safe-area-inset-right)));
  padding-bottom: 4rem;
  box-sizing: border-box;
}
.meta-extension-modal-container-QHP94 .modal-dialog-container-DZMKq {
  width: 80%;
  height: 80%;
}
.meta-extension-modal-container-QHP94 .modal-dialog-container-DZMKq .title-container-v2mmF {
  max-height: 1.2em;
}
.meta-extension-modal-container-QHP94 .modal-dialog-container-DZMKq .meta-extension-modal-iframe-tXI_V {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 1300px) {
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy {
    flex-direction: column;
    padding: 0.5rem 2rem;
    gap: 1rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .player-section-ayrdM {
    width: 100%;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .player-section-ayrdM .player-frame-container-_CKsr {
    padding: 0.5rem 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .episodes-section-jtR9A {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow: hidden;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .player-section-ayrdM .player-frame-container-_CKsr {
    padding: 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr {
    padding: 0;
    padding-bottom: 0.5rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx {
    min-height: 0;
    max-height: none;
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ {
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 1000px) {
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy {
    flex-direction: column;
    padding: 0.5rem 0;
    gap: 1rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .player-section-ayrdM {
    width: 100%;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .player-section-ayrdM .player-frame-container-_CKsr {
    padding: 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .series-layout-container-Eoxmy .episodes-section-jtR9A {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow: hidden;
    padding: 0 1.5rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr {
    padding: 0;
    padding-bottom: 1rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx {
    min-height: 0;
    max-height: none;
    padding-top: 56.25%;
    border-radius: 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ {
    padding: 0 1.5rem;
    margin-top: 1rem;
    gap: 0.4rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ .server-label-xmWwU {
    font-size: 0.85rem;
    margin-right: 0.5rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ .server-button-oDxd7 {
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
    min-width: 5.5rem;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr {
    padding: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx {
    min-height: 0;
    max-height: none;
    padding-top: 56.25%;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .meta-preview-O_O4p {
    padding: 0 1.5rem 1rem;
    padding-top: 1.5rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .recommendations-row-U82F9 {
    padding: 2rem 1.5rem;
    padding-bottom: 3rem;
  }
}
@media only screen and (max-width: 640px) {
  .watch-container-rNBA1 .watch-content-e4uhQ {
    display: block;
    overflow-y: auto;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr {
    padding: 0;
    padding-top: 0;
    padding-bottom: 0.75rem;
    padding-left: 0;
    padding-right: 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx {
    min-height: 0;
    max-height: none;
    padding-top: 56.25%;
    border-radius: 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ {
    padding: 0 1rem;
    margin-top: 1rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .main-content-row-aOyMQ {
    flex-direction: column;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .spacing-WOfhV {
    display: none;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .meta-preview-O_O4p {
    padding: 0 1.5rem 2rem;
    padding-top: 1.5rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .videos-list-CZC4k,
  .watch-container-rNBA1 .watch-content-e4uhQ .streams-list-lUncN {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    flex: 0 0 auto;
    width: 100%;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .recommendations-row-U82F9 {
    padding: 2rem 1rem;
    padding-left: max(0.5rem, calc(1rem - var(--safe-area-inset-left)));
    padding-right: max(0.5rem, calc(1rem - var(--safe-area-inset-right)));
    padding-bottom: 3rem;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 800px) {
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr {
    padding: 0;
    padding-bottom: 0.5rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .player-frame-uLpLx {
    min-height: 0;
    max-height: none;
    padding-top: 56.25%;
    border-radius: 0;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .player-frame-container-_CKsr .server-selector-container-OirAQ {
    padding: 0 0.5rem;
  }
  .watch-container-rNBA1 .watch-content-e4uhQ .recommendations-row-U82F9 {
    padding: 1.5rem 1rem;
    padding-bottom: 2rem;
  }
}

.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z {
  width: 30rem;
}
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR {
  width: 100%;
  padding: 1rem;
  border-radius: var(--border-radius);
  outline-offset: calc(-1 * var(--focus-outline-size));
  color: var(--primary-foreground-color);
  background: var(--overlay-color);
}
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR:hover,
.password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z .credentials-text-input-ncrIR:focus {
  outline: var(--focus-outline-size) solid var(--overlay-color);
}
.password-reset-modal-container-KzJPQ .error-message-DkekN {
  font-size: 1.1rem;
  margin-top: 2rem;
  text-align: center;
  color: hsla(42, 100%, 54.9%, 0.9);
}
.password-reset-modal-container-KzJPQ .cancel-button-AneJE {
  background-color: transparent;
}
.password-reset-modal-container-KzJPQ .cancel-button-AneJE:hover,
.password-reset-modal-container-KzJPQ .cancel-button-AneJE:focus {
  outline-color: var(--primary-foreground-color);
}
.password-reset-modal-container-KzJPQ .cancel-button-AneJE .label-wbfsE {
  color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
  .password-reset-modal-container-KzJPQ .modal-dialog-content-Xgv7Z {
    width: auto;
  }
}

.intro-container-tkNS6 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow-y: auto;
}
.intro-container-tkNS6 .background-container-aYKCH {
  z-index: -1;
  position: fixed;
  top: -1rem;
  bottom: -1rem;
  left: -1rem;
  right: -1rem;
  background: url(../../images/background_1.svg), url(../../images/background_2.svg);
  background-color: var(--primary-background-color);
  background-position: bottom left, top right;
  background-size: 53%, 54%;
  background-repeat: no-repeat;
  filter: blur(6rem);
}
.intro-container-tkNS6 .heading-container-oI70m {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 5rem;
}
.intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt {
  flex: none;
  margin-bottom: 3rem;
}
.intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt .logo-WJ36F {
  height: 5rem;
  opacity: 0.9;
}
.intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM,
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
  color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
  font-size: 1.5rem;
  font-weight: 400;
  text-transform: lowercase;
  opacity: 0.6;
}
.intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd::first-letter {
  text-transform: uppercase;
}
.intro-container-tkNS6 .content-container-A1Drn {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-top: 3rem;
}
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 4rem;
  border-radius: 3.5rem;
  padding: 0 1rem;
}
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .icon-L_6b6 {
  flex: none;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
  color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-button-vyqqj .label-uHD7L {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  text-align: center;
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV {
  margin-top: 1rem;
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV .label-uHD7L {
  color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover {
  background-color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .submit-button-x3L8z:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .guest-login-button-D8DWZ:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .signup-form-button-UGmSk:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .login-form-button-DqJUV:hover .label-uHD7L {
  color: var(--secondary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh {
  flex: none;
  position: relative;
  width: 22rem;
  margin-right: 2rem;
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: var(--border-radius);
  outline-offset: calc(-1 * var(--focus-outline-size));
  color: var(--primary-foreground-color);
  background: var(--overlay-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:hover,
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .credentials-text-input-QMCZz:focus {
  outline: var(--focus-outline-size) solid var(--overlay-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin: 1rem 0;
  text-align: right;
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 0.5rem 1rem;
  color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .forgot-password-link-container-ygZqb .forgot-password-link-NxNUD:hover {
  text-decoration: underline;
}
.intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh .error-message-cKdzB {
  margin: 1rem 0;
  padding: 0 1rem;
  text-align: center;
  color: var(--tertiary-accent-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
  flex: none;
  position: relative;
  width: 22rem;
  margin-left: 2rem;
  display: flex;
  flex-direction: column;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG {
  background: var(--color-facebook);
  margin-bottom: 1rem;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG:hover,
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .facebook-button-LZ_kG:focus {
  outline: var(--focus-outline-size) solid var(--color-facebook);
  background-color: transparent;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI {
  background: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI .icon-L_6b6 {
  color: var(--primary-background-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI .label-uHD7L {
  color: var(--primary-background-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:hover,
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:focus {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:hover .icon-L_6b6,
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:focus .icon-L_6b6 {
  color: var(--primary-foreground-color);
}
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:hover .label-uHD7L,
.intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ .apple-button-V5nEI:focus .label-uHD7L {
  color: var(--primary-foreground-color);
}
.loading-modal-container-eLyTm {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: hsla(0, 0%, 0%, 0.4);
}
.loading-modal-container-eLyTm .loader-container-oe8rU {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 2.5rem;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
}
@keyframes flash-wUFXY {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.loading-modal-container-eLyTm .loader-container-oe8rU .icon-L_6b6 {
  flex: none;
  width: 5rem;
  height: 5rem;
  color: var(--primary-foreground-color);
  animation: 1s linear infinite alternate flash-wUFXY;
}
.loading-modal-container-eLyTm .loader-container-oe8rU .label-uHD7L {
  font-size: 1.5rem;
  color: var(--primary-foreground-color);
  animation: 1s linear infinite alternate flash-wUFXY;
}
.loading-modal-container-eLyTm .loader-container-oe8rU .button-ryGtP {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 100%;
  border-radius: 3.5rem;
  padding: 0 1rem;
  margin-top: 2rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
}
.loading-modal-container-eLyTm .loader-container-oe8rU .button-ryGtP:hover {
  color: var(--secondary-foreground-color);
  background-color: var(--primary-foreground-color);
}
@media only screen and (max-width: 1000px) {
  .intro-container-tkNS6 {
    justify-content: initial;
    padding: 3rem 1.5rem;
  }
  .intro-container-tkNS6 .heading-container-oI70m {
    align-items: flex-start;
    margin-bottom: 4rem;
  }
  .intro-container-tkNS6 .heading-container-oI70m .logo-container-W49kt .logo-WJ36F {
    height: 4rem;
  }
  .intro-container-tkNS6 .heading-container-oI70m .title-container-CbIkM {
    font-size: 2.5rem;
  }
  .intro-container-tkNS6 .heading-container-oI70m .slogan-container-UlcYd {
    font-size: 1.5rem;
  }
  .intro-container-tkNS6 .content-container-A1Drn {
    flex-direction: column-reverse;
  }
  .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh,
  .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
    width: 50%;
    margin: 0 auto;
  }
  .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
    margin-bottom: 4rem;
  }
}
@media only screen and (max-width: 640px) {
  .intro-container-tkNS6 .content-container-A1Drn .form-container-HMlEh,
  .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
    width: 100%;
    margin: 0;
  }
  .intro-container-tkNS6 .content-container-A1Drn .options-container-qxboQ {
    margin-bottom: 4rem;
  }
}

.privacy-policy-container-CkijU {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow: hidden;
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  overflow-y: auto;
  padding: 2rem;
  padding-top: calc(var(--top-overlay-size) + 1rem);
  padding-bottom: var(--safe-area-inset-bottom, 2rem);
  box-sizing: border-box;
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg .title-LNVii {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 2rem 0;
  color: hsla(222.8, 100%, 78%, 0.9);
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg .content-NMePi {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg .content-NMePi .section-uQJB0 {
  margin-bottom: 2rem;
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg .content-NMePi .section-uQJB0 .section-title-eVJi_ {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
  color: hsla(222.8, 100%, 78%, 0.9);
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg .content-NMePi .section-uQJB0 .paragraph-xxyRy {
  font-size: 1rem;
  line-height: 1.6;
  margin: 0 0 1rem 0;
  color: hsla(222.8, 100%, 78%, 0.9);
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg .content-NMePi .last-updated-QidI5 {
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid hsl(0, 0%, 85%);
  text-align: center;
}
.privacy-policy-container-CkijU .privacy-policy-content-D1vFg .content-NMePi .last-updated-QidI5 p {
  font-size: 0.875rem;
  color: hsla(222.8, 100%, 78%, 0.7);
  margin: 0;
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url(../../dev/fonts/PlusJakartaSans.ttf) format('truetype');
}
.chat-wrapper-eLDX4 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 0;
}
.background-image-layer-KgRC0 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: hidden;
}
.background-image-layer-KgRC0 .background-image-YJZ9N {
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top left;
  opacity: 0.3;
  transform: scale(1.15);
  filter: blur(20px);
  -webkit-filter: blur(20px);
}
.chat-split-container-AUnV3 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  background-color: transparent;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1300px) {
  .chat-split-container-AUnV3 {
    flex-direction: column;
  }
  .chat-split-container-AUnV3.has-active-chat-h15LU .chat-history-sidebar-p22pG {
    display: none;
  }
  .chat-split-container-AUnV3.has-active-chat-h15LU .chat-content-area-bTGVX {
    width: 100%;
    height: 100%;
  }
  .chat-split-container-AUnV3.no-active-chat-paSD6 .chat-content-area-bTGVX {
    display: none;
  }
  .chat-split-container-AUnV3.no-active-chat-paSD6 .chat-history-sidebar-p22pG {
    flex: 1 1 100%;
    width: 100%;
    height: 100%;
    min-height: 0;
  }
}
.chat-history-sidebar-p22pG {
  flex: 0 0 20rem;
  width: 20rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #000000;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .chat-history-sidebar-p22pG {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-height: 0;
    border-right: none;
    border-bottom: none;
  }
}
.chat-content-area-bTGVX {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  position: relative;
  background-color: #000000;
}
.chat-header-oehAb {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background-color: #000000;
  border-bottom: none;
  min-height: var(--horizontal-nav-bar-size);
  box-sizing: border-box;
}
@media only screen and (max-width: 1300px) {
  .chat-header-oehAb {
    padding: 0.6rem 0.85rem;
    gap: 0.85rem;
    min-height: calc(var(--horizontal-nav-bar-size) * 0.9);
  }
}
.chat-header-back-button-NhyRd {
  display: none;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  transition: background-color 0.15s ease;
}
@media only screen and (max-width: 1300px) {
  .chat-header-back-button-NhyRd {
    display: flex;
  }
}
.chat-header-back-button-NhyRd:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.chat-header-back-button-NhyRd:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.chat-header-back-icon-B3X0p {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.chat-header-avatar-wvsac {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width: 1300px) {
  .chat-header-avatar-wvsac {
    width: 2rem;
    height: 2rem;
  }
}
.chat-header-avatar-image-n0BBh {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.chat-header-info-vs154 {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: 0.25rem;
}
.chat-header-title-_VWFa {
  margin: 0;
  padding: 0;
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
@media only screen and (max-width: 1300px) {
  .chat-header-title-_VWFa {
    font-size: 1rem;
  }
}
.chat-header-meta-sFmaE {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1300px) {
  .chat-header-meta-sFmaE {
    font-size: 0.75rem;
    gap: 0.4rem;
  }
}
.chat-header-author-QNulr {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.chat-header-likes-O4ttS {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.likes-count-pxtFo {
  font-weight: 500;
  font-size: 0.85rem;
}
@media only screen and (max-width: 1300px) {
  .likes-count-pxtFo {
    font-size: 0.75rem;
  }
}
.likes-label-lU3jI {
  opacity: 0.8;
  font-size: 0.85rem;
}
@media only screen and (max-width: 1300px) {
  .likes-label-lU3jI {
    font-size: 0.75rem;
  }
}
.chat-header-model-hs3xk {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
@media only screen and (max-width: 1300px) {
  .chat-header-model-hs3xk {
    font-size: 0.8rem;
  }
}
.typing-indicator-header-9Sei9 {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
}
.typing-dot-header-kJH7q {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: var(--primary-foreground-color);
  opacity: 0.6;
  animation: typing-ZfYXV 1.4s infinite;
}
.typing-dot-header-kJH7q:nth-child(2) {
  animation-delay: 0.2s;
}
.typing-dot-header-kJH7q:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes typing-ZfYXV {
  0%,
  60%,
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  30% {
    opacity: 0.8;
    transform: scale(1);
  }
}
.chat-container-umdX8 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  min-height: 0;
  flex: 1;
  overflow: hidden;
}
.chat-empty-state-Qnf8T {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  text-align: center;
  padding: 2rem;
}
.chat-empty-state-Qnf8T .empty-icon-xI5lP {
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  opacity: 0.4;
}
.chat-empty-state-Qnf8T p {
  margin: 0;
  font-size: 1.1rem;
}
.chat-character-avatar-XDvLn {
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
}
.character-image-wd538 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-header-info-vs154 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
}
.chat-title-Aj7Lq {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  margin: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2;
}
.chat-character-meta-wI8uI {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.chat-author-b7mNF,
.chat-followers-KJgCI {
  font-size: 0.6rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.followers-count-FY5Tj {
  font-weight: 500;
  font-size: 0.6rem;
}
.followers-label-gWug9 {
  opacity: 0.8;
  font-size: 0.6rem;
}
.chat-model-id-s8Hfv {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  text-align: left;
}
.chat-messages-WF4z7 {
  flex: 1;
  overflow-y: auto;
  overflow-x: visible;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  scroll-behavior: smooth;
  min-height: 0;
  flex-basis: 0;
  max-height: 100%;
  align-items: stretch;
}
.chat-messages-WF4z7::-webkit-scrollbar {
  width: 8px;
}
.chat-messages-WF4z7::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}
.chat-messages-WF4z7::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.chat-messages-WF4z7::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
.chat-profile-card-W5LdZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  margin: 1.5rem auto 2rem auto;
  width: 100%;
  max-width: 100%;
  animation: fadeIn-dI8Eb 0.4s ease;
  flex-shrink: 0;
  overflow: visible;
}
.profile-card-avatar-xnR2F {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}
.profile-card-image-uBDwj {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.profile-card-placeholder-Bgm_3 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 50%;
}
.profile-placeholder-icon-Aq3sQ {
  width: 3rem;
  height: 3rem;
  color: var(--primary-foreground-color);
  opacity: 0.5;
}
.profile-card-name-Hb_vJ {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  text-align: center;
  line-height: 1.2;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 0 1rem;
  box-sizing: border-box;
  max-width: 100%;
  margin-bottom: 0.8rem;
}
.profile-card-description-WFQKc {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
  opacity: 0.75;
  text-align: center;
  line-height: 1.4;
  margin-bottom: 1.2rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
  padding: 0 1.5rem;
  box-sizing: border-box;
}
.profile-card-button-VZjJ5 {
  padding: 0.6rem 1.5rem;
  border-radius: 1.5rem;
  background-color: var(--primary-accent-color);
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 9rem;
}
.profile-card-button-VZjJ5:hover {
  opacity: 0.9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.profile-card-button-VZjJ5:active {
  transform: translateY(0);
}
.profile-card-button-VZjJ5 .profile-card-button-label-kM47W {
  color: #ffffff;
}
.ai-warning-message-PUfqP {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  margin: 0.5rem auto;
  max-width: 42rem;
  width: calc(100% - 3rem);
  border-radius: 0.75rem;
  background-color: transparent;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: none;
  animation: fadeIn-dI8Eb 0.4s ease;
  box-sizing: border-box;
  overflow: visible;
}
.ai-warning-message-PUfqP .ai-warning-icon-P2JYm {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  color: #dc2626;
  margin-top: 0.05rem;
}
.ai-warning-message-PUfqP .ai-warning-icon-P2JYm svg {
  width: 100%;
  height: 100%;
  fill: #dc2626;
}
.ai-warning-message-PUfqP .ai-warning-content-q7KEM {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  min-width: 0;
  width: 100%;
  overflow: visible;
}
.ai-warning-message-PUfqP .ai-warning-title-S6y5a {
  font-size: 0.85rem;
  font-weight: 700;
  color: #dc2626;
  line-height: 1.3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
}
.ai-warning-message-PUfqP .ai-warning-text-onUXN {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--primary-foreground-color);
  opacity: 0.9;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
  overflow: visible;
}
@media only screen and (max-width: 1300px) {
  .ai-warning-message-PUfqP {
    gap: 0.6rem;
    padding: 0.6rem 0.85rem;
    margin: 0.5rem auto;
    width: calc(100% - 2rem);
    max-width: 100%;
    box-sizing: border-box;
  }
  .ai-warning-message-PUfqP .ai-warning-icon-P2JYm {
    width: 1.1rem;
    height: 1.1rem;
    margin-top: 0.05rem;
    flex-shrink: 0;
  }
  .ai-warning-message-PUfqP .ai-warning-content-q7KEM {
    gap: 0.35rem;
    flex: 1;
    min-width: 0;
    width: auto;
  }
  .ai-warning-message-PUfqP .ai-warning-title-S6y5a {
    font-size: 0.8rem;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .ai-warning-message-PUfqP .ai-warning-text-onUXN {
    font-size: 0.7rem;
    line-height: 1.35;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
@media only screen and (max-width: 640px) {
  .ai-warning-message-PUfqP {
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    margin: 0.3rem auto;
    width: calc(100% - 1.5rem);
    box-sizing: border-box;
  }
  .ai-warning-message-PUfqP .ai-warning-icon-P2JYm {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
  }
  .ai-warning-message-PUfqP .ai-warning-content-q7KEM {
    flex: 1;
    min-width: 0;
    width: auto;
  }
  .ai-warning-message-PUfqP .ai-warning-title-S6y5a {
    font-size: 0.75rem;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .ai-warning-message-PUfqP .ai-warning-text-onUXN {
    font-size: 0.65rem;
    line-height: 1.3;
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}
.chat-empty-MS6_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: var(--primary-foreground-color);
  opacity: 0.5;
  font-size: 1.1rem;
}
.message-ilH9j {
  display: flex;
  width: 100%;
  flex-shrink: 0;
  animation: fadeIn-dI8Eb 0.3s ease-in;
  align-items: flex-start;
  gap: 0.75rem;
  position: relative;
  overflow: visible;
  z-index: 1;
  align-self: stretch;
}
.message-ilH9j.message-user-Got7D {
  justify-content: flex-end;
}
.message-ilH9j.message-bot-VXXZm {
  justify-content: flex-start;
}
.message-ilH9j.message-error-b77iD .message-bubble-T44MF {
  background-color: rgba(255, 0, 0, 0.2);
  border-color: rgba(255, 0, 0, 0.5);
  border-width: 2px;
  border-style: solid;
}
.message-ilH9j.message-error-b77iD .message-text-uLq8G {
  color: #ff4444;
  font-weight: 500;
}
.message-ilH9j.message-removing-dxGBR {
  animation: messageRemove-buPPS 0.6s ease-out forwards;
  pointer-events: none;
}
.message-avatar-EbdSo {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1300px) {
  .message-avatar-EbdSo {
    width: 2rem;
    height: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .message-avatar-EbdSo {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.avatar-image-VqGin {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
@keyframes fadeIn-dI8Eb {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes messageRemove-buPPS {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0px);
  }
  30% {
    opacity: 0.7;
    transform: translateY(-15px) scale(0.98);
    filter: blur(1px);
  }
  60% {
    opacity: 0.3;
    transform: translateY(-30px) scale(0.9) rotate(3deg);
    filter: blur(4px);
  }
  100% {
    opacity: 0;
    transform: translateY(-50px) scale(0.7) rotate(8deg);
    filter: blur(10px);
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}
.message-bubble-T44MF {
  max-width: 70%;
  padding: 0.9rem 1.2rem;
  border-radius: 1.2rem;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  position: relative;
  overflow: visible;
  z-index: 1;
  font-family: 'PlusJakartaSans', 'Nunito Sans', sans-serif;
}
.message-user-Got7D .message-bubble-T44MF {
  background-color: var(--primary-accent-color);
  color: #ffffff;
  border-bottom-right-radius: 0.3rem;
}
.message-user-Got7D .message-bubble-T44MF .action-text {
  color: rgba(255, 255, 255, 0.75) !important;
  opacity: 0.75 !important;
}
.message-bot-VXXZm .message-bubble-T44MF {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-foreground-color);
  border-bottom-left-radius: 0.3rem;
}
.message-bot-VXXZm .message-bubble-T44MF .action-text {
  color: var(--primary-foreground-color) !important;
  opacity: 0.65 !important;
}
.message-content-wrapper-ynk3X {
  position: relative;
  display: flex;
  align-items: flex-start;
  width: 100%;
  flex: 1;
}
.message-text-uLq8G {
  font-size: 1rem;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  overflow: visible;
  max-width: 100%;
  font-family: 'PlusJakartaSans', 'Nunito Sans', sans-serif;
  min-width: 0;
  flex: 1;
}
.message-text-uLq8G .action-text {
  font-style: italic;
}
.message-text-uLq8G .rule-highlight {
  background-color: rgba(255, 215, 0, 0.3);
  color: #ffd700;
  padding: 0.2rem 0.4rem;
  border-radius: 0.3rem;
  font-weight: 600;
  border: 1px solid rgba(255, 215, 0, 0.5);
  display: inline-block;
  margin: 0.2rem 0;
  box-shadow: 0 2px 4px rgba(255, 215, 0, 0.2);
}
.message-time-JYNvg {
  font-size: 0.7rem;
  opacity: 0.6;
  margin-top: 0.4rem;
  text-align: right;
}
.message-bot-VXXZm .message-time-JYNvg {
  text-align: left;
}
.message-typing-eL127 {
  display: inline-block;
  animation: typing-ZfYXV 1.4s infinite;
  margin-left: 0.3rem;
}
@keyframes typing-ZfYXV {
  0%,
  60%,
  100% {
    opacity: 0.3;
  }
  30% {
    opacity: 1;
  }
}
.typing-indicator-ALRmW {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem 0;
  min-width: 3rem;
}
.typing-dot-ngn0T {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--primary-foreground-color);
  opacity: 0.4;
  animation: typingDot-XEX9x 1.4s infinite ease-in-out;
}
.typing-dot-ngn0T:nth-child(1) {
  animation-delay: 0s;
}
.typing-dot-ngn0T:nth-child(2) {
  animation-delay: 0.2s;
}
.typing-dot-ngn0T:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes typingDot-XEX9x {
  0%,
  60%,
  100% {
    transform: translateY(0);
    opacity: 0.4;
  }
  30% {
    transform: translateY(-0.5rem);
    opacity: 1;
  }
}
.chat-input-container-xECDj {
  padding: 1rem 1.5rem;
  background-color: transparent;
  flex-shrink: 0;
}
.edit-indicator-zKjqH {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 1rem;
  margin-bottom: 0.5rem;
  background-color: rgba(255, 193, 7, 0.2);
  border-left: 3px solid var(--primary-accent-color);
  border-radius: 0.5rem;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.edit-indicator-text-XNKvZ {
  font-size: 0.85rem;
  color: var(--primary-foreground-color);
  opacity: 0.9;
  font-weight: 500;
}
.edit-cancel-button-_LN4P {
  background: none;
  border: none;
  color: var(--primary-foreground-color);
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0.2rem 0.4rem;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  border-radius: 0.3rem;
}
.edit-cancel-button-_LN4P:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
}
.chat-input-wrapper-gM7it {
  display: flex;
  align-items: flex-end;
  gap: 0.8rem;
  max-width: 800px;
  margin: 0 auto;
}
.chat-input-rdY_B {
  flex: 1;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: none;
  border-radius: 1.5rem;
  padding: 0.8rem 1.2rem;
  color: var(--primary-foreground-color);
  font-size: 1rem;
  font-family: inherit;
  resize: none;
  min-height: 2.5rem;
  max-height: 8rem;
  overflow-y: auto;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.chat-input-rdY_B:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.chat-input-rdY_B::placeholder {
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.chat-input-rdY_B:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.chat-input-rdY_B::-webkit-scrollbar {
  width: 6px;
}
.chat-input-rdY_B::-webkit-scrollbar-track {
  background: transparent;
}
.chat-input-rdY_B::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
}
.chat-input-rdY_B::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
.chat-send-button-Rkcbm,
.chat-stop-button-TLsOC,
.chat-cancel-button-f6GWV {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: none;
  color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.chat-send-button-Rkcbm,
.chat-stop-button-TLsOC {
  background-color: var(--primary-accent-color);
}
.chat-cancel-button-f6GWV {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--primary-foreground-color);
  font-size: 1.2rem;
  line-height: 1;
}
.chat-cancel-button-f6GWV:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.chat-cancel-button-f6GWV:hover:not(:disabled) {
  background-color: var(--primary-accent-color);
  opacity: 0.9;
  transform: scale(1.05);
}
.chat-cancel-button-f6GWV:active:not(:disabled) {
  transform: scale(0.95);
}
.chat-cancel-button-f6GWV:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.chat-stop-button-TLsOC {
  background-color: rgba(255, 0, 0, 0.7);
}
.chat-stop-button-TLsOC:hover {
  background-color: rgba(255, 0, 0, 0.9);
}
.generating-animation-dBvc9 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  width: 100%;
  height: 100%;
}
.generating-dot-sEELp {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background-color: #ffffff;
  animation: generating-pulse-ZuVG8 1.4s ease-in-out infinite;
}
.generating-dot-sEELp:nth-child(1) {
  animation-delay: 0s;
}
.generating-dot-sEELp:nth-child(2) {
  animation-delay: 0.2s;
}
.generating-dot-sEELp:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes generating-pulse-ZuVG8 {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
}
.send-icon-ZoOBL {
  width: 1.2rem;
  height: 1.2rem;
  transform: rotate(45deg);
}
.message-needs-edit-LkeXK .message-bubble-T44MF {
  border: 2px solid rgba(255, 193, 7, 0.5);
  background-color: rgba(255, 193, 7, 0.1);
}
.message-edit-button-x5reO {
  margin-left: 0.5rem;
  padding: 0.2rem 0.5rem;
  font-size: 0.75rem;
  background-color: rgba(255, 193, 7, 0.8);
  color: #000;
  border: none;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: all 0.2s ease;
}
.message-edit-button-x5reO:hover {
  background-color: #ffc107;
}
.message-edit-container-YBv8V {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.message-edit-input-M0zEc {
  width: 100%;
  padding: 0.8rem;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-foreground-color);
  font-size: 1rem;
  font-family: inherit;
  resize: vertical;
  min-height: 3rem;
}
.message-edit-input-M0zEc:focus {
  outline: none;
  border-color: var(--primary-accent-color);
  background-color: rgba(255, 255, 255, 0.15);
}
.message-edit-actions-TjxJD {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}
.message-edit-save-oTlqP,
.message-edit-cancel-54TV3 {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
  transition: all 0.2s ease;
}
.message-edit-save-oTlqP {
  background-color: var(--primary-accent-color);
  color: #ffffff;
}
.message-edit-save-oTlqP:hover {
  opacity: 0.9;
}
.message-edit-cancel-54TV3 {
  background-color: rgba(255, 255, 255, 0.2);
  color: var(--primary-foreground-color);
}
.message-edit-cancel-54TV3:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.message-menu-container-q9eBS {
  position: relative;
  flex-shrink: 0;
  align-self: flex-start;
  margin-top: 0.2rem;
  order: -1;
  z-index: 100;
}
.message-menu-button-GQIot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  border: none;
  background-color: transparent;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
}
.message-menu-button-GQIot:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
}
.message-user-Got7D .message-menu-button-GQIot {
  color: rgba(255, 255, 255, 0.8);
}
.message-user-Got7D .message-menu-button-GQIot:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.15);
}
.message-menu-dropdown-Au3oC {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.95) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 0.5rem;
  padding: 0.4rem 0;
  min-width: 9rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  z-index: 10000 !important;
  display: flex !important;
  flex-direction: column;
  gap: 0;
  border: 1px solid rgba(255, 255, 255, 0.1);
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
.message-menu-item-cJ6bL {
  padding: 0.7rem 1.2rem;
  border: none;
  background-color: transparent;
  color: var(--primary-foreground-color);
  text-align: left;
  cursor: pointer;
  border-radius: 0;
  font-size: 0.9rem;
  transition: all 0.2s ease;
  width: 100%;
  display: block;
  white-space: nowrap;
}
.message-menu-item-cJ6bL:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.message-menu-item-cJ6bL:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.message-menu-item-cJ6bL:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.message-menu-item-cJ6bL:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.message-menu-item-cJ6bL:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.chat-error-AtXCA {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2rem;
  text-align: center;
}
.chat-error-AtXCA p {
  font-size: 1.2rem;
  color: var(--primary-foreground-color);
  opacity: 0.8;
  margin: 0;
}
@media only screen and (max-width: 1300px) {
  .chat-character-avatar-XDvLn {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
  }
  .chat-header-info-vs154 {
    min-width: 0;
    flex: 1;
  }
  .chat-title-Aj7Lq {
    font-size: 1.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .chat-character-meta-wI8uI {
    gap: 0.5rem;
    flex-wrap: wrap;
  }
  .chat-author-b7mNF,
  .chat-followers-KJgCI {
    font-size: 0.55rem;
  }
  .followers-count-FY5Tj,
  .followers-label-gWug9 {
    font-size: 0.55rem;
  }
  .chat-model-id-s8Hfv {
    font-size: 0.75rem;
  }
  .chat-messages-WF4z7 {
    padding: 1rem;
    padding-top: calc(1rem + var(--horizontal-nav-bar-size, 4rem));
    gap: 0.8rem;
  }
  .message-bubble-T44MF {
    max-width: 85%;
    padding: 0.75rem 1rem;
  }
  .message-text-uLq8G {
    font-size: 0.9rem;
    line-height: 1.4;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
    overflow: visible;
  }
  .message-time-JYNvg {
    font-size: 0.65rem;
    margin-top: 0.3rem;
  }
  .chat-input-container-xECDj {
    padding: 0.8rem 1rem;
    padding-bottom: calc(0.8rem + var(--safe-area-inset-bottom, 0rem));
  }
  .chat-input-wrapper-gM7it {
    gap: 0.6rem;
  }
  .chat-input-rdY_B {
    font-size: 0.9rem;
    padding: 0.7rem 1rem;
    min-height: 2.2rem;
  }
  .chat-send-button-Rkcbm {
    width: 2.2rem;
    height: 2.2rem;
    min-width: 2.2rem;
  }
  .send-icon-ZoOBL {
    width: 1rem;
    height: 1rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-header-oehAb {
    padding: 0 0.8rem;
    gap: 0.6rem;
  }
  .chat-title-Aj7Lq {
    font-size: 1rem;
  }
  .chat-character-avatar-XDvLn {
    width: 2rem;
    height: 2rem;
    min-width: 2rem;
  }
  .chat-author-b7mNF,
  .chat-followers-KJgCI,
  .chat-model-id-s8Hfv {
    font-size: 0.7rem;
  }
  .chat-messages-WF4z7 {
    padding: 0.8rem;
    padding-top: calc(0.8rem + var(--horizontal-nav-bar-size, 4rem));
  }
  .message-bubble-T44MF {
    max-width: 90%;
    padding: 0.7rem 0.9rem;
  }
  .message-text-uLq8G {
    font-size: 0.85rem;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: break-word;
    overflow: visible;
  }
  .chat-input-container-xECDj {
    padding: 0.6rem 0.8rem;
    padding-bottom: calc(0.6rem + var(--safe-area-inset-bottom, 0rem));
  }
  .chat-input-rdY_B {
    font-size: 0.85rem;
    padding: 0.6rem 0.9rem;
  }
}
.chat-history-list-Lf0ia {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.chat-history-list-Lf0ia::-webkit-scrollbar {
  width: 0.5rem;
}
.chat-history-list-Lf0ia::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.25rem;
}
.chat-history-list-Lf0ia::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0.25rem;
}
.chat-history-list-Lf0ia::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}
@media only screen and (max-width: 1300px) {
  .chat-history-list-Lf0ia {
    padding: 0.75rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-history-list-Lf0ia {
    padding: 0.5rem;
  }
}
.chat-history-header-E7QlJ {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  flex-shrink: 0;
}
@media only screen and (max-width: 1300px) {
  .chat-history-header-E7QlJ {
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
  }
}
.chat-history-title-RVYox {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  margin: 0;
}
@media only screen and (max-width: 1300px) {
  .chat-history-title-RVYox {
    font-size: 1.5rem;
  }
}
.chat-history-loading-AHNZw,
.chat-history-empty-x6Of8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  text-align: center;
  padding: 2rem;
  min-height: calc(100vh - var(--horizontal-nav-bar-size, 3.5rem) - var(--vertical-nav-bar-size, 3.5rem) - 4rem);
}
@media only screen and (max-width: 1300px) {
  .chat-history-loading-AHNZw,
  .chat-history-empty-x6Of8 {
    padding: 1.5rem;
    min-height: calc(100vh - var(--horizontal-nav-bar-size, 3.5rem) - var(--vertical-nav-bar-size, 3.5rem) - 3rem);
  }
}
.chat-history-empty-x6Of8 .empty-icon-xI5lP {
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  opacity: 0.4;
}
.chat-history-empty-x6Of8 p {
  margin: 0.5rem 0;
  font-size: 1.1rem;
}
@media only screen and (max-width: 1300px) {
  .chat-history-empty-x6Of8 p {
    font-size: 1rem;
  }
}
.chat-history-empty-x6Of8 .empty-subtitle-W3cy4 {
  font-size: 0.9rem;
  opacity: 0.7;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 1300px) {
  .chat-history-empty-x6Of8 .empty-subtitle-W3cy4 {
    font-size: 0.85rem;
  }
}
.chat-history-items-QG_9J {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  flex-shrink: 0;
}
@media only screen and (max-width: 1300px) {
  .chat-history-items-QG_9J {
    gap: 0.4rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-history-items-QG_9J {
    gap: 0.35rem;
  }
}
.chat-history-item-Glkxu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 0.75rem 1rem;
  background-color: transparent;
  transition: background-color 0.15s ease;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
  min-width: 0;
  cursor: pointer;
  border-radius: 0.5rem;
}
.chat-history-item-Glkxu:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.chat-history-item-Glkxu:active {
  background-color: rgba(255, 255, 255, 0.08);
}
.chat-history-item-Glkxu.chat-history-item-selected-fnEji {
  background-color: rgba(255, 255, 255, 0.1);
}
.chat-history-item-Glkxu.chat-history-item-selected-fnEji:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
@media only screen and (max-width: 1300px) {
  .chat-history-item-Glkxu {
    padding: 0.65rem 0.85rem;
    gap: 0.85rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-history-item-Glkxu {
    padding: 0.6rem 0.75rem;
    gap: 0.75rem;
  }
}
.chat-history-avatar-us3Sm {
  flex-shrink: 0;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
  position: relative;
}
@media only screen and (max-width: 1300px) {
  .chat-history-avatar-us3Sm {
    width: 3rem;
    height: 3rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-history-avatar-us3Sm {
    width: 2.75rem;
    height: 2.75rem;
  }
}
.history-avatar-image-LSCTB {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.history-avatar-placeholder-kXKEa {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.1);
}
.history-placeholder-icon-Yz7Ta {
  width: 1.75rem;
  height: 1.75rem;
  opacity: 0.5;
}
@media only screen and (max-width: 1300px) {
  .history-placeholder-icon-Yz7Ta {
    width: 1.5rem;
    height: 1.5rem;
  }
}
.chat-history-content-hVRLb {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
  width: 100%;
  overflow: visible;
  word-wrap: break-word;
  overflow-wrap: break-word;
  justify-content: center;
}
.chat-history-name-yYv7g {
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1300px) {
  .chat-history-name-yYv7g {
    font-size: 0.95rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-history-name-yYv7g {
    font-size: 0.9rem;
  }
}
.chat-history-preview-CcUuP {
  font-size: 0.875rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.3;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1300px) {
  .chat-history-preview-CcUuP {
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-history-preview-CcUuP {
    font-size: 0.75rem;
  }
}
.chat-history-meta-UnO8_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: var(--primary-foreground-color);
  opacity: 0.5;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.15rem;
}
@media only screen and (max-width: 1300px) {
  .chat-history-meta-UnO8_ {
    font-size: 0.75rem;
    gap: 0.4rem;
  }
}
@media only screen and (max-width: 640px) {
  .chat-history-meta-UnO8_ {
    font-size: 0.7rem;
    gap: 0.35rem;
  }
}
.chat-history-time-YxWAA {
  flex-shrink: 0;
  white-space: nowrap;
  overflow: visible;
}
.chat-history-count-t3Avi {
  flex-shrink: 0;
  white-space: nowrap;
  overflow: visible;
}

.updater-banner-MjMLN {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 0 1rem;
  font-size: 1rem;
  font-weight: bold;
  color: var(--primary-foreground-color);
  background-color: var(--primary-accent-color);
}
.updater-banner-MjMLN .button-ixcOU {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 2.5rem;
  padding: 0 1rem;
  border-radius: var(--border-radius);
  color: var(--primary-background-color);
  background-color: var(--primary-foreground-color);
  transition: all 0.1s ease-out;
}
.updater-banner-MjMLN .button-ixcOU:hover {
  color: var(--primary-foreground-color);
  background-color: transparent;
  box-shadow: inset 0 0 0 0.15rem var(--primary-foreground-color);
}
.updater-banner-MjMLN .close-Quid9 {
  position: absolute;
  right: 0;
  height: 4rem;
  width: 4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.updater-banner-MjMLN .close-Quid9 .icon-N2Lyd {
  height: 2rem;
}

.shortcuts-modal-A5Jm_ {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shortcuts-modal-A5Jm_ .backdrop-RVNbP {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: hsla(0, 0%, 0%, 0.4);
  cursor: pointer;
}
.shortcuts-modal-A5Jm_ .container-OawCB {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 80%;
  max-width: 80%;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
  overflow-y: auto;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c {
  flex: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding-left: 2.5rem;
  padding-right: 1rem;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .title-SaDFr {
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s {
  position: relative;
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  z-index: 2;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s .icon-gr21P {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s:hover .icon-gr21P,
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s:focus .icon-gr21P {
  opacity: 1;
  color: var(--primary-foreground-color);
}
.shortcuts-modal-A5Jm_ .container-OawCB .header-JUh2c .close-button-zS10s:focus {
  outline-color: var(--primary-foreground-color);
}
.shortcuts-modal-A5Jm_ .container-OawCB .content-X0GHX {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3rem;
  padding: 0 2.5rem;
  padding-bottom: 2rem;
  overflow-y: auto;
}

.error-container-OJnoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.error-container-OJnoc .error-image-qU9Qo {
  flex: none;
  width: 12rem;
  height: 12rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.error-container-OJnoc .error-message-kW59Z {
  flex: none;
  padding: 0 3rem;
  font-size: 2rem;
  max-height: 3.6em;
  text-align: center;
  color: var(--primary-foreground-color);
}
.error-container-OJnoc .buttons-container-tQonN {
  flex: none;
  align-self: stretch;
  margin: 0 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 2.5rem;
  min-width: 8rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  background-color: var(--overlay-color);
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:active {
  outline: none;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK.disabled {
  opacity: 0.3;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK .label-Up_te {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-height: 2.4em;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  color: var(--primary-foreground-color);
}

@font-face {
  font-family: 'PlusJakartaSans';
  src: url(../../dev/fonts/PlusJakartaSans.ttf) format('truetype');
}
 {
  /* Copyright (C) 2017-2023 Smart code 203358507 */
}
.animation-fade-in {
  animation-timing-function: ease-in-out;
  animation-duration: 350ms;
}
.animation-fade-in {
  animation-name: fade-in-pFkt_;
}
@media (prefers-reduced-motion) {
  .animation-fade-in {
    animation-name: fade-in-no-motion-lYmxL;
  }
}
@keyframes fade-in-pFkt_ {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  40% {
    opacity: 0;
    transform: translateY(4px);
  }
  70% {
    opacity: 0.6;
    transform: translateY(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animation-slide-up {
  animation-timing-function: ease-out;
  animation-duration: 0.1s;
}
.animation-slide-up {
  animation-name: slide-up-lSxrC;
}
@keyframes slide-up-lSxrC {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.slide-left-enter {
  transform: translateX(100%);
}
.slide-left-active {
  transform: translateX(0%);
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.slide-left-exit {
  transform: translateX(100%);
}
.slide-up-enter {
  transform: translateY(100%);
}
.slide-up-active {
  transform: translateY(0%);
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.slide-up-exit {
  transform: translateY(100%);
}
.fade-enter {
  opacity: 0;
}
.fade-active {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.fade-exit {
  opacity: 0;
}
@keyframes fade-in-no-motion-lYmxL {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.routes-container {
  position: relative;
  z-index: 0;
}
.routes-container .route-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.routes-container .route-container:not(:last-child) {
  display: none;
}
.routes-container .route-container .route-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
.routes-container .route-container .modals-container {
  width: 0;
  height: 0;
}
.routes-container .route-container .modals-container .modal-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
:root {
  --landscape-shape-ratio: 0.5625;
  --poster-shape-ratio: 1.464;
  --scroll-bar-size: 6px;
  --horizontal-nav-bar-size: 4.5rem;
  --vertical-nav-bar-size: 5rem;
  --focus-outline-size: 2px;
  --color-facebook: #1877F1;
  --color-x: #000000;
  --color-reddit: #FF4500;
  --color-imdb: #f5c518;
  --color-trakt: #ED2224;
  --color-placeholder: #60606080;
  --color-placeholder-text: hsla(0, 0%, 75%, 0.5);
  --color-placeholder-background: hsla(0, 0%, 50%, 0.2);
  --primary-background-color: #000000;
  --secondary-background-color: #000000;
  --primary-foreground-color: rgba(255, 255, 255, 0.9);
  --secondary-foreground-color: #0c0b11;
  --primary-accent-color: #7b5bf5;
  --secondary-accent-color: #22b365;
  --tertiary-accent-color: #f6c700;
  --quaternary-accent-color: #1245a6;
  --overlay-color: rgba(255, 255, 255, 0.05);
  --modal-background-color: #000000;
  --outer-glow: 0px 0px 15px rgba(123, 91, 245, 0.37);
  --warning-accent-color: #ffa500;
  --danger-accent-color: #dc2626;
  --border-radius: 0.75rem;
  --top-overlay-size: 5.25rem;
  --bottom-overlay-size: 0rem;
  --overlap-size: 3rem;
  --transparency-gradient-pad: 6rem;
  --safe-area-inset-top: env(safe-area-inset-top, 0rem);
  --safe-area-inset-right: env(safe-area-inset-right, 0rem);
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0rem);
  --safe-area-inset-left: env(safe-area-inset-left, 0rem);
  --dynamic-viewport-width: 100vw;
  --dynamic-viewport-height: 100vh;
  --large-viewport-width: 100vw;
  --large-viewport-height: 100vh;
  --small-viewport-width: 100vw;
  --small-viewport-height: 100vh;
  --viewport-height-diff: calc(100vh - 100vh);
}
@supports (height: 100dvh) {
  :root {
    --dynamic-viewport-width: 100dvw;
    --dynamic-viewport-height: 100dvh;
  }
}
@supports (height: 100lvh) {
  :root {
    --large-viewport-width: 100lvw;
    --large-viewport-height: 100lvh;
  }
}
@supports (height: 100svh) {
  :root {
    --small-viewport-width: 100svw;
    --small-viewport-height: 100svh;
  }
}
@supports (height: 100lvh) and (height: 100svh) {
  :root {
    --viewport-height-diff: calc(100lvh - 100svh);
  }
}
@media (display-mode: standalone) {
  :root {
    --safe-area-inset-bottom: min(env(safe-area-inset-bottom, 0rem), max(1rem, calc(var(--viewport-height-diff) - env(safe-area-inset-top, 0rem))));
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: 'Nunito Sans', 'Work Sans', 'Alkatra', sans-serif;
  border: none;
  outline: none;
  list-style: none;
  user-select: none;
  text-decoration: none;
  appearance: none;
  background: none;
  box-shadow: none;
  overflow: hidden;
  word-break: break-word;
  scrollbar-width: thin;
  scrollbar-color: var(--overlay-color) transparent;
}
::-webkit-scrollbar {
  width: var(--scroll-bar-size);
  height: var(--scroll-bar-size);
}
::-webkit-scrollbar-thumb {
  border-radius: var(--scroll-bar-size);
  background-color: var(--overlay-color);
}
::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary-accent-color);
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
svg {
  overflow: visible;
}
html {
  width: calc(max(var(--small-viewport-width), var(--dynamic-viewport-width)));
  height: calc(max(var(--small-viewport-height), var(--dynamic-viewport-height)));
  font-family: 'PlusJakartaSans', 'Arial', 'Helvetica', 'sans-serif';
  overflow: auto;
  overscroll-behavior: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
@media (display-mode: standalone) {
  html {
    width: calc(max(100%, var(--small-viewport-width)));
    height: calc(max(100%, var(--small-viewport-height)));
  }
}
html body {
  width: 100%;
  height: 100%;
  background: #000000;
  -webkit-font-smoothing: antialiased;
}
html body #app {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
html body #app .toasts-container-oKECy {
  position: absolute;
  top: calc(1.2 * var(--horizontal-nav-bar-size) + var(--safe-area-inset-top));
  right: var(--safe-area-inset-right);
  bottom: calc(1.2 * var(--horizontal-nav-bar-size) + var(--safe-area-inset-bottom, 0rem));
  left: auto;
  z-index: 1;
  padding: 0 calc(0.5 * var(--horizontal-nav-bar-size));
  overflow: visible;
  scrollbar-width: none;
  pointer-events: none;
}
html body #app .toasts-container-oKECy::-webkit-scrollbar {
  display: none;
}
html body #app .tooltip-container-Qpse8 {
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
  transition: opacity 0.1s ease-out;
}
html body #app .file-drop-container-gHJoy {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1rem;
  border: 0.5rem dashed transparent;
  pointer-events: none;
  transition: border-color 0.25s ease-out;
}
html body #app .file-drop-container-gHJoy.active {
  border-color: var(--primary-accent-color);
}
html body #app .updater-banner-container-Bk1mq {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
html body #app .router-_65XU {
  width: 100%;
  height: 100%;
}
html body #app .loader-container-vwvnb,
html body #app .error-container-VZXwH {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 2800px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (max-width: 2800px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 2200px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1600px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  html body #app .toasts-container-oKECy {
    padding: 0 1rem;
  }
  html body #app .tooltip-container-Qpse8 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  :root {
    --bottom-overlay-size: 6rem;
  }
}
.board-container [class*="poster-shape-poster"] [class*="poster-container"], .board-container [class*="poster-shape-square"] [class*="poster-container"], .board-container [class*="poster-shape-landscape"] [class*="poster-container"] {
  width: 80% !important;
  padding-top: 80% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}
.board-container [class*="poster-shape-poster"] [class*="poster-container"] [class*="poster-image-layer"], .board-container [class*="poster-shape-square"] [class*="poster-container"] [class*="poster-image-layer"], .board-container [class*="poster-shape-landscape"] [class*="poster-container"] [class*="poster-image-layer"] {
  border-radius: 50% !important;
  overflow: hidden !important;
}
.board-container [class*="poster-shape-poster"] [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"], .board-container [class*="poster-shape-square"] [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"], .board-container [class*="poster-shape-landscape"] [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"], .board-container [class*="poster-shape-poster"] [class*="poster-container"] [class*="poster-image-layer"] img, .board-container [class*="poster-shape-square"] [class*="poster-container"] [class*="poster-image-layer"] img, .board-container [class*="poster-shape-landscape"] [class*="poster-container"] [class*="poster-image-layer"] img {
  border-radius: 50% !important;
}
.board-container [class*="poster-container"] {
  width: 80% !important;
  padding-top: 80% !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 auto !important;
}
.board-container [class*="poster-container"] [class*="poster-image-layer"] {
  border-radius: 50% !important;
  overflow: hidden !important;
}
.board-container [class*="poster-container"] [class*="poster-image-layer"] [class*="poster-image"], .board-container [class*="poster-container"] [class*="poster-image-layer"] img {
  border-radius: 50% !important;
}


/*# sourceMappingURL=main.css.map*/