.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;
}

.error-container-EbAve {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.error-container-EbAve .error-image-RT6Ay {
  flex: none;
  width: 12rem;
  height: 12rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.error-container-EbAve .info-u9EcS {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.error-container-EbAve .info-u9EcS .title-wBlEH {
  font-size: 2rem;
  color: var(--primary-foreground-color);
}
.error-container-EbAve .info-u9EcS .message-k1ogE {
  position: relative;
  max-width: 40rem;
  display: -webkit-box;
  font-size: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  text-align: center;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.error-container-EbAve .buttons-container-FbMbf {
  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-EbAve .buttons-container-FbMbf .button-container-MrlQO {
  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-EbAve .buttons-container-FbMbf .button-container-MrlQO:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.error-container-EbAve .buttons-container-FbMbf .button-container-MrlQO:active {
  outline: none;
}
.error-container-EbAve .buttons-container-FbMbf .button-container-MrlQO.disabled {
  opacity: 0.3;
}
.error-container-EbAve .buttons-container-FbMbf .button-container-MrlQO .label-y8clC {
  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);
}

.file-drop-container-hPBXO {
  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;
}
.file-drop-container-hPBXO.active {
  pointer-events: auto;
  border-color: var(--primary-accent-color);
}
.file-drop-container-hPBXO .file-input-ZVnG0 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

.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;
  }
}

.addon-details-container-tUlp2 .title-container-Ca076 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.addon-details-container-tUlp2 .title-container-Ca076 .logo-Nynh9,
.addon-details-container-tUlp2 .title-container-Ca076 .icon-ZYXtC {
  float: left;
  width: 5rem;
  height: 5rem;
  margin-right: 1.5rem;
  padding: 0.5rem;
}
.addon-details-container-tUlp2 .title-container-Ca076 .logo-Nynh9 {
  object-fit: contain;
  object-position: center;
}
.addon-details-container-tUlp2 .title-container-Ca076 .icon-ZYXtC {
  color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
.addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj .name-i0o3Y {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  margin-right: 0.5rem;
  font-size: 1.6rem;
  color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .title-container-Ca076 .name-container-XxPAj .version-FdUq6 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin-top: 0.5rem;
  color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .section-container-N6QHW {
  margin-top: 1rem;
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-header-tbXCb {
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz {
  font-size: 1.1rem;
  font-weight: 300;
  color: var(--primary-foreground-color);
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz.transport-url-label-upr4V {
  user-select: text;
}
.addon-details-container-tUlp2 .section-container-N6QHW .section-label-_R7gz.disclaimer-label-I7kvM {
  font-style: italic;
}

.addon-details-modal-container-aBFaQ .addon-details-container-VdGrt,
.addon-details-modal-container-aBFaQ .addon-details-message-container-X2sRf {
  width: 40rem;
  max-width: 100%;
  color: var(--primary-foreground-color);
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6 {
  background-color: transparent;
  opacity: 0.3;
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  opacity: 1;
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6:focus {
  outline-color: var(--primary-foreground-color);
}
.addon-details-modal-container-aBFaQ .cancel-button-zuUX6 .cancel-button-label-ZOQUJ {
  color: var(--primary-foreground-color);
}
.addon-details-modal-container-aBFaQ .uninstall-button-iLxLs {
  background-color: var(--overlay-color);
}
.addon-details-modal-container-aBFaQ .uninstall-button-iLxLs:hover {
  outline: var(--focus-outline-size) solid var(--overlay-color);
  background-color: transparent;
}
.addon-details-modal-container-aBFaQ .uninstall-button-iLxLs:focus {
  outline-color: var(--primary-foreground-color);
}

.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));
  }
}

.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(--danger-accent-color);
}
.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: 0.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;
}

.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;overflow:visible;position:relative}.label-container-XOyzm .menu-container-B6cqK{background-color:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);cursor:auto;overflow:hidden;position:absolute;visibility:hidden;z-index:1}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn{bottom:100%;left:initial;right:0;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk{bottom:initial;left:initial;right:0;top:100%;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG{bottom:100%;left:0;right:initial;top:initial;visibility:visible}.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V{bottom:initial;left:0;right:initial;top:100%;visibility:visible}
.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 0.25rem;
  overflow: visible;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 500ms;
}
.meta-item-container-Tj0Ib:hover,
.meta-item-container-Tj0Ib:focus,
.meta-item-container-Tj0Ib.active,
.meta-item-container-Tj0Ib.selected {
  outline-style: none;
  --scale-x: 1.05;
  --scale-y: 1.05;
  transform: scaleX(var(--scale-x)) scaleY(var(--scale-y));
  z-index: 1;
}
.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 {
  border-color: var(--primary-background-color);
  box-shadow: 0px 0px 0px 4px 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 .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: calc(100% * var(--poster-shape-ratio));
}
.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: calc(100% * var(--landscape-shape-ratio));
}
.meta-item-container-Tj0Ib .poster-container-qkw48 {
  border-width: 4px;
  border-color: transparent;
  border-style: solid;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
  position: relative;
  z-index: 0;
  background-color: var(--overlay-color);
  border-radius: var(--border-radius);
}
.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;
}
.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;
  height: 4rem;
  overflow: visible;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc {
  flex: 1;
  padding-left: 1.5rem;
  font-weight: 600;
  text-align: center;
  color: var(--primary-foreground-color);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc:only-child {
  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;
}
.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.25rem;
  }
  .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;
  --search-bar-radius: 0.75rem;
  display: flex;
  flex-direction: row;
  height: var(--search-bar-size);
  border-radius: var(--search-bar-radius);
  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);
}

.label-container-XOyzm {
  -webkit-touch-callout: none !important;
  position: relative;
  overflow: visible;
}
.label-container-XOyzm .menu-container-B6cqK {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  visibility: hidden;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
  cursor: auto;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-left-ongjn {
  top: initial;
  right: 0;
  bottom: 100%;
  left: initial;
  visibility: visible;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk {
  top: 100%;
  right: 0;
  bottom: initial;
  left: initial;
  visibility: visible;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-top-right-tmrFG {
  top: initial;
  right: initial;
  bottom: 100%;
  left: 0;
  visibility: visible;
}
.label-container-XOyzm .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
  top: 100%;
  right: initial;
  bottom: initial;
  left: 0;
  visibility: visible;
}

.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 .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 .subscription-label-container-Dg0VI {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.15rem;
}
.nav-menu-container-Pl25j .subscription-label-container-Dg0VI .plan-label-eWWFi {
  color: var(--primary-foreground-color);
  line-height: 1.1;
}
.nav-menu-container-Pl25j .subscription-label-container-Dg0VI .days-remaining-ufR5V {
  font-size: 0.8rem;
  color: var(--secondary-accent-color);
  font-weight: 500;
  line-height: 1.1;
}
.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);
  }
}

.banner-slot-nSSHf {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
}
.banner-card-VQKHJ {
  pointer-events: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  max-width: 100%;
  padding: 0.55rem 0.65rem 0.55rem 1rem;
  background-color: rgba(20, 23, 40, 0.96);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.875rem;
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.45);
}
.banner-card-VQKHJ .glyph-accent-eaMV0 {
  flex: none;
  align-self: center;
  width: 1.4rem;
  height: 1.4rem;
  color: var(--primary-accent-color);
}
.banner-card-VQKHJ .message-yWi26 {
  align-self: center;
  font-size: 0.95rem;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.75);
}
.banner-card-VQKHJ .setup-button-W8vad {
  flex: none;
  align-self: center;
  padding: 0.45rem 1rem;
  background-color: rgba(var(--primary-accent-color-rgb), 0.12);
  border: 1px solid rgba(var(--primary-accent-color-rgb), 0.5);
  border-radius: 0.6rem;
  transition: background-color 0.2s, border-color 0.2s;
}
.banner-card-VQKHJ .setup-button-W8vad .setup-label-A4GJK {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--primary-accent-color);
}
.banner-card-VQKHJ .setup-button-W8vad:hover {
  background-color: rgba(var(--primary-accent-color-rgb), 0.2);
  border-color: rgba(var(--primary-accent-color-rgb), 0.8);
}
.banner-card-VQKHJ .close-button-LDLKi {
  flex: none;
  align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 50%;
  transition: background-color 0.2s;
}
.banner-card-VQKHJ .close-button-LDLKi .close-icon-HiBYM {
  width: 1rem;
  height: 1rem;
  color: rgba(255, 255, 255, 0.5);
}
.banner-card-VQKHJ .close-button-LDLKi:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.banner-card-VQKHJ .installed-button-Bjq9J {
  flex: none;
  align-self: center;
  padding: 0.45rem 0;
  background: none;
  border: none;
  transition: color 0.2s;
}
.banner-card-VQKHJ .installed-button-Bjq9J .installed-label-bcyn4 {
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.5);
}
.banner-card-VQKHJ .installed-button-Bjq9J:hover .installed-label-bcyn4 {
  color: rgba(255, 255, 255, 0.75);
}
@media only screen and (max-width: 1000px) {
  .banner-slot-nSSHf {
    justify-content: stretch;
  }
  .banner-card-VQKHJ {
    flex: 1;
    gap: 0.5rem;
  }
  .banner-card-VQKHJ .message-yWi26 {
    font-size: 0.85rem;
  }
  .banner-card-VQKHJ .installed-button-Bjq9J {
    display: none;
  }
}

.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: 2rem;
  padding-left: 1rem;
  background-color: transparent;
  overflow: visible;
  padding-top: var(--safe-area-inset-top);
  box-sizing: content-box;
}
.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);
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-oPx1q {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  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 .tabs-container-ENMNh {
  margin: 0 auto;
  color: var(--primary-foreground-color);
  font-weight: bold;
}
.horizontal-nav-bar-container-Y_zvK .tabs-container-ENMNh > * + * {
  margin-left: 2rem;
}
.horizontal-nav-bar-container-Y_zvK .tab-link-SYr56 {
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.horizontal-nav-bar-container-Y_zvK .tab-link-SYr56.active-A_PYT {
  opacity: 1;
}
@media (pointer: fine) {
  .horizontal-nav-bar-container-Y_zvK .tab-link-SYr56:hover {
    opacity: 1;
  }
}
.horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  overflow: visible;
}
.horizontal-nav-bar-container-Y_zvK .hdr-indicator-wqNXc {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  padding: 0 0.5rem;
  opacity: 0.6;
  user-select: none;
}
.horizontal-nav-bar-container-Y_zvK .hdr-indicator-wqNXc .icon-T8MU6 {
  flex: none;
  width: 3rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.75rem;
  opacity: 0.6;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L .icon-T8MU6 {
  flex: none;
  width: 2rem;
  height: 2rem;
  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-left: 0;
    padding-right: 0;
  }
  .horizontal-nav-bar-container-Y_zvK .logo-container-jteMT {
    width: var(--horizontal-nav-bar-size);
  }
  .horizontal-nav-bar-container-Y_zvK .tabs-container-ENMNh {
    display: none;
  }
  .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: 2.2rem;
  height: 2.2rem;
  margin-bottom: 0.5rem;
}
.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;
  }
  .nav-tab-button-container-dYhs0.selected .label-BCz2f {
    opacity: 1;
  }
}

.vertical-nav-bar-container-UPAkA {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: var(--vertical-nav-bar-size);
  padding: 1rem 0;
  background-color: transparent;
  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) - 1.2rem);
  height: calc(var(--vertical-nav-bar-size) - 1.2rem);
  min-height: 3.5rem;
}
@media only screen and (max-width: 640px) {
  .vertical-nav-bar-container-UPAkA {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    height: var(--vertical-nav-bar-size);
    width: 100%;
    padding: 0 1rem;
    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: 0;
  z-index: 0;
  overflow: hidden;
}
@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 {
    top: initial;
  }
}

.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;
}

.group-container-OKT01 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--overlay-color);
  border-radius: 1rem;
  height: 4rem;
  width: fit-content;
  backdrop-filter: blur(5px);
}
.group-container-OKT01 .icon-container-Vs4TN {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  padding: 0 1rem;
  cursor: pointer;
  border-radius: 1rem;
  outline: none;
}
.group-container-OKT01 .icon-container-Vs4TN .icon-TpQFr {
  width: calc(4rem / 2);
  height: calc(4rem / 2);
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.group-container-OKT01 .icon-container-Vs4TN:hover .icon-TpQFr,
.group-container-OKT01 .icon-container-Vs4TN:focus .icon-TpQFr {
  opacity: 1;
}
.group-container-OKT01 .icon-container-Vs4TN:focus-visible {
  outline: 2px solid var(--primary-foreground-color);
  outline-offset: -2px;
}
.group-container-OKT01 .icon-container-Vs4TN.disabled-rlj6R {
  pointer-events: none;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .group-container-OKT01 {
    height: 3rem;
  }
  .group-container-OKT01 .icon-container-Vs4TN {
    height: 3rem;
    width: 3rem;
  }
  .group-container-OKT01 .icon-container-Vs4TN .icon-TpQFr {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media only screen and (max-width: 640px) {
  .group-container-OKT01 {
    height: 3.5rem;
  }
  .group-container-OKT01 .icon-container-Vs4TN {
    height: 3.5rem;
    width: 3.25rem;
  }
  .group-container-OKT01 .icon-container-Vs4TN .icon-TpQFr {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.action-button-container-sVyRr {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 1rem;
  background-color: var(--overlay-color);
  backdrop-filter: blur(5px);
  transition: background-color 0.1s ease-out;
}
.action-button-container-sVyRr:hover,
.action-button-container-sVyRr:focus {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.action-button-container-sVyRr .icon-container-rQBA0 {
  flex: none;
}
.action-button-container-sVyRr .icon-container-rQBA0 .icon-RouVG {
  display: block;
  height: 1.75rem;
  width: 1.75rem;
  color: var(--primary-foreground-color);
  opacity: 0.9;
}
.action-button-container-sVyRr .label-container-xslEF {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.action-button-container-sVyRr .label-container-xslEF .label-WCWIO {
  flex: 1;
  font-size: 1rem;
  font-weight: 500;
  max-height: 2.4em;
  padding: 0 0.2rem;
  text-align: center;
  color: var(--primary-foreground-color);
  opacity: 0.9;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .action-button-container-sVyRr .label-container-xslEF {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .action-button-container-sVyRr {
    flex-direction: row;
    padding: 0 1rem;
  }
  .action-button-container-sVyRr .icon-container-rQBA0 {
    width: 2rem;
  }
  .action-button-container-sVyRr .icon-container-rQBA0 .icon-RouVG {
    width: 2rem;
    height: 2rem;
  }
  .action-button-container-sVyRr .label-container-xslEF {
    display: none;
  }
}

.meta-links-container-dh69_ {
  margin-bottom: 0.8rem;
}
.meta-links-container-dh69_ .label-container-dYN2B {
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  opacity: 0.4;
  letter-spacing: 0.5px;
}
.meta-links-container-dh69_ .links-container-C8Mw9 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 0.25rem 0.8rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 0.6rem;
  border: var(--focus-outline-size) solid transparent;
  font-size: 0.85rem;
  font-weight: 400;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
  backdrop-filter: blur(5px);
  transition: all 0.15s ease;
}
.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);
  transform: translateY(-1px);
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus {
  outline: none;
  border-color: hsl(0, 0%, 100%);
}

.meta-preview-placeholder-container-IVU4R {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX {
  align-self: stretch;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-aPcV0 {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  width: 18rem;
  height: 7rem;
  max-width: 100%;
  margin-bottom: 1.5rem;
  border-radius: 0.875rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-row-vEZ3t {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-row-vEZ3t .meta-chip-NcTR8 {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  height: 1.4rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-row-vEZ3t .meta-chip-NcTR8:nth-child(1) {
  width: 5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-row-vEZ3t .meta-chip-NcTR8:nth-child(2) {
  width: 4rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-row-vEZ3t .meta-chip-NcTR8:nth-child(3) {
  width: 6rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .links-row-b3XZJ {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 1.5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .links-row-b3XZJ .link-chip-dXWWo {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  width: 8rem;
  height: 2.25rem;
  border-radius: 0.875rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-PQGXQ {
  margin-bottom: 3.5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-PQGXQ .description-label-mVPsL {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  width: 4.5rem;
  height: 0.8rem;
  margin-bottom: 0.9rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-PQGXQ .description-line-TssG2 {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  height: 1rem;
  border-radius: 0.5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-PQGXQ .description-line-TssG2:nth-child(2) {
  width: 100%;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-PQGXQ .description-line-TssG2:nth-child(3) {
  width: 92%;
  margin-top: 0.55rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-PQGXQ .description-line-TssG2:nth-child(4) {
  width: 60%;
  margin-top: 0.55rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .play-button-ASDgl {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  width: 6.25rem;
  height: 3.5rem;
  border-radius: 0.5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .icon-button-R1fDE {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.5rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .group-kzt5r {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  animation: meta-preview-placeholder-pulse-zbYKf 2s ease-in-out infinite;
  width: 8rem;
  height: 4rem;
  border-radius: 0.875rem;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .ratings-QS26o {
  margin-left: auto;
}
@keyframes meta-preview-placeholder-pulse-zbYKf {
  0%,
  100% {
    opacity: 0.45;
  }
  50% {
    opacity: 1;
  }
}
@media (prefers-reduced-motion) {
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-aPcV0,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-chip-NcTR8,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .link-chip-dXWWo,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-label-mVPsL,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-line-TssG2,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .play-button-ASDgl,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .icon-button-R1fDE,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .group-kzt5r {
    animation: none;
    opacity: 0.7;
  }
}
@media (min-width: 1024px) {
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-aPcV0 {
    height: 8.5rem;
    margin-bottom: 2rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-row-vEZ3t,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-aPcV0 {
    height: 5rem;
    margin-bottom: 1rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 {
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .play-button-ASDgl,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .icon-button-R1fDE {
    height: 3rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .group-kzt5r {
    height: 3rem;
  }
}
@media only screen and (max-width: 640px) {
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-aPcV0 {
    margin: 2rem auto;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .meta-row-vEZ3t {
    justify-content: space-between;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .description-PQGXQ {
    margin-bottom: 2rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .play-button-ASDgl,
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .icon-button-R1fDE {
    width: 3.2rem;
    height: 3.5rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .group-kzt5r {
    width: 6rem;
    height: 3.5rem;
  }
  .meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .action-buttons-container-FHoD2 .ratings-QS26o {
    margin-left: 0;
  }
}

.meta-preview-container-o22hc {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.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: 100%;
  height: 6rem;
}
.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 .action-buttons-container-XbKVa {
  justify-content: space-between;
}
.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child),
.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .group-container-jnAoE:not(:last-child) {
  margin-right: 0;
}
.meta-preview-container-o22hc .background-image-layer-kk_WI {
  position: absolute;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  z-index: -1;
}
.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;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH {
  overflow-y: auto;
}
.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 .logo-X3hTV,
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
  display: block;
  max-width: 100%;
  margin-bottom: 1.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
  height: 7rem;
  object-fit: contain;
  object-position: center;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: hsla(0, 0%, 100%, 0.9);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 8px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}
.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: 2.5rem;
  font-size: 1.1rem;
  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 {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 0.4rem;
  border: var(--focus-outline-size) solid transparent;
  padding: 0.4rem 0.6rem;
  background: rgba(245, 197, 24, 0.1);
  transition: all 0.2s ease;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:hover {
  background: rgba(245, 197, 24, 0.15);
  transform: translateY(-1px);
}
.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: 0.6rem;
  font-size: 1rem;
  font-weight: 600;
  color: #f5c518;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .icon-N_uIU {
  flex: none;
  width: 2rem;
  height: 2rem;
  color: var(--color-imdb);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU {
  margin-bottom: 3.5rem;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  margin-bottom: 0.6rem;
  letter-spacing: 0.5px;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .links-container-xgBcN {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  margin-bottom: 1.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .links-container-xgBcN .meta-links-Xiao3 {
  margin-top: 1rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .links-container-xgBcN .meta-links-Xiao3:not(:last-child) {
  margin-bottom: 0.8rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 1.5rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
  flex: none;
  min-width: 3.5rem;
  height: 3.5rem;
  border-radius: 6px;
  transition: all 0.2s ease;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: white;
  min-width: 100px;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y:hover,
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y:focus {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
  outline: none;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide {
  width: auto;
  padding: 0 1.5rem;
  border-radius: 0.8rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:hover,
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:focus {
  transform: translateY(-1px);
  outline: none;
}
.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 .action-buttons-container-XbKVa .group-container-jnAoE {
  flex: none;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .ratings-zUtHH {
  margin-left: auto;
}
@media (min-width: 1024px) {
  .meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .logo-X3hTV,
  .meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .logo-placeholder-rE1ld {
    height: 8.5rem;
    margin-bottom: 2rem;
  }
  .meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
    margin-bottom: 2rem;
  }
  .meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .action-buttons-container-XbKVa {
    margin-bottom: 2rem;
  }
  .meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y {
    min-width: 120px;
    height: 4rem;
    font-size: 1rem;
  }
  .meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .description-container-yi8iU {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
    height: 5rem;
    margin-bottom: 1rem;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa {
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3,
  .meta-preview-container-o22hc .action-buttons-container-XbKVa .group-container-jnAoE {
    padding: 0 1.5rem !important;
    height: 3rem;
    border-radius: 2rem;
  }
}
@media only screen and (max-width: 640px) {
  .meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
    margin: 2rem auto;
  }
  .meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r {
    justify-content: space-between;
    margin-bottom: 1.5rem;
  }
  .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 .action-buttons-container-XbKVa {
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    overflow: visible;
    scrollbar-width: none;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar {
    display: none;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
    min-width: 3rem;
    padding: 0 0.75rem !important;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y {
    min-width: 3rem;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa .ratings-zUtHH {
    margin-left: 0;
  }
}

.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: 0rem;
}
.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 0.5rem;
  margin-bottom: 0.5rem;
}
.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: 0.75rem;
  opacity: 0.6;
}
.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: visible;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza {
  flex: calc(1 / var(--poster-shape-ratio));
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z {
  flex: 1;
}
.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ {
  flex: calc(1 / var(--landscape-shape-ratio));
}
@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;
  }
  .meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh:not(:first-child) {
    margin-left: 0;
  }
}

.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);
  }
}

.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;
}
.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: 0.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: 0.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(--danger-accent-color);
}
.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: 0.8rem;
  border: var(--focus-outline-size) solid transparent;
  background-color: var(--overlay-color);
  cursor: text;
}
.search-bar-container-p4tSt:focus-within {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.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;
  flex-wrap: wrap;
  row-gap: 1rem;
  justify-content: end;
  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: 35rem;
  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: baseline;
  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);
  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);
  border: 0.15rem solid transparent;
}
@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 .play-button-container-FY3_A {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
}
.video-container-ezBpK .play-button-container-FY3_A:hover,
.video-container-ezBpK .play-button-container-FY3_A:focus {
  background-color: var(--secondary-accent-color);
}
.video-container-ezBpK .play-button-container-FY3_A .play-icon-RqfT9 {
  width: 1.5rem;
  height: 1.5rem;
}
.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);
  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(--danger-accent-color);
}
.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;
}
.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;
}

.addon-container-lC5KN {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 1.5rem;
  border: 0.15rem solid transparent;
  border-radius: var(--border-radius);
  background-color: var(--overlay-color);
  transition: border-color 0.1s ease-out;
  cursor: pointer;
}
.addon-container-lC5KN:hover {
  border-color: var(--overlay-color);
}
.addon-container-lC5KN .logo-container-ZcSSC {
  flex: none;
  width: 8rem;
  height: 8rem;
}
.addon-container-lC5KN .logo-container-ZcSSC .logo-WrsGF {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  object-fit: contain;
  object-position: center;
}
.addon-container-lC5KN .logo-container-ZcSSC .icon-GxVbY {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1rem;
  color: var(--primary-foreground-color);
}
.addon-container-lC5KN .info-container-AdMB6 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 0 0.5rem;
}
.addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  padding: 0 0.5rem;
  max-height: 3.6em;
  font-size: 1.6rem;
  color: var(--primary-foreground-color);
}
.addon-container-lC5KN .info-container-AdMB6 .version-container-zdPyN {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin-top: 0.5rem;
  padding: 0 0.5rem;
  max-height: 2.4em;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.addon-container-lC5KN .info-container-AdMB6 .types-container-DaOrg {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  margin-top: 0.5rem;
  padding: 0 0.5rem;
  max-height: 2.4em;
  color: var(--primary-foreground-color);
  text-transform: capitalize;
  opacity: 0.4;
}
.addon-container-lC5KN .info-container-AdMB6 .description-container-v7Jhe {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 100%;
  margin-top: 0.5rem;
  padding: 0 0.5rem;
  color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 17rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .action-buttons-container-xMVmz {
  flex: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
  flex: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 3.5rem;
  padding: 0 1rem;
  border-radius: 4rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .icon-GxVbY,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
  flex: none;
  width: 2rem;
  height: 2rem;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2,
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-height: 2.4em;
  font-size: 1.1rem;
  font-weight: 700;
  text-align: center;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 {
  background-color: var(--secondary-accent-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5:hover {
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
  background-color: transparent;
}
.addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5 .label-OnWh2 {
  color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ {
  flex: none;
  background-color: var(--secondary-accent-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ:hover {
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
  background-color: transparent;
}
.addon-container-lC5KN .buttons-container-g0xXr .configure-button-container-VwVAQ .icon-GxVbY {
  color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
  outline-color: var(--primary-foreground-color);
  outline-style: solid;
  opacity: 0.3;
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo:hover {
  opacity: 1;
}
.addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo .label-OnWh2 {
  color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
  opacity: 0.9;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP:hover .label-OnWh2 {
  text-decoration: underline;
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
  height: 1.5rem;
  width: 1.5rem;
  color: var(--primary-foreground-color);
}
.addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
  color: var(--primary-foreground-color);
}
@media only screen and (max-width: 640px) {
  .addon-container-lC5KN {
    flex-wrap: wrap;
  }
  .addon-container-lC5KN .info-container-AdMB6 {
    margin-left: 0.5rem;
    padding: 0;
  }
  .addon-container-lC5KN .info-container-AdMB6 .name-container-qIAg8 {
    max-height: none;
    font-size: 1.3rem;
  }
  .addon-container-lC5KN .buttons-container-g0xXr {
    flex: 0 1 100%;
    width: auto;
    margin-top: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP {
    flex: none;
  }
  .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .icon-GxVbY {
    margin-right: 0;
  }
  .addon-container-lC5KN .buttons-container-g0xXr .share-button-container-s3gwP .label-OnWh2 {
    display: none;
  }
  .addon-container-lC5KN .buttons-container-g0xXr .install-button-container-yfcq5,
  .addon-container-lC5KN .buttons-container-g0xXr .uninstall-button-container-oV4Yo {
    flex-basis: 100%;
    margin-right: 1rem;
  }
}

.addons-container-ogGYu {
  height: calc(100% - var(--safe-area-inset-bottom));
  background-color: transparent;
}
.addons-container-ogGYu .addons-content-zhFBl {
  width: 100%;
  height: 100%;
  margin-bottom: calc(var(--bottom-overlay-size) * -1);
  display: flex;
  flex-direction: column;
  align-self: stretch;
}
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z {
  padding: 0 1.5rem;
  z-index: 1;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1.5rem;
  overflow: visible;
  z-index: 2;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 3rem;
  margin-right: 1.5rem;
  padding: 0 1.5rem;
  border-radius: 3rem;
  background-color: var(--secondary-accent-color);
  z-index: 3;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:hover {
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
  background-color: transparent;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT:focus {
  outline-color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .icon-HsyZS {
  flex: none;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
  color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT .add-button-label-NN6bu {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-height: 2.4em;
  font-size: 1rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N {
  background-color: var(--overlay-color);
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 15rem;
  margin-right: 1.5rem;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N .menu-container-qiz0X {
  overflow: auto;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 {
  flex: 1;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 18rem;
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X {
  flex: none;
  display: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: var(--border-radius);
  background-color: var(--overlay-color);
}
.addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X .filter-icon-LUDTS {
  flex: none;
  width: 1.4rem;
  height: 1.4rem;
  color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .message-container-GBw0P {
  flex: 1;
  align-self: stretch;
  padding: 0 1.5rem;
  font-size: 2rem;
  color: var(--primary-foreground-color);
}
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z {
  flex: 1;
  align-self: stretch;
  overflow-y: auto;
}
.addons-container-ogGYu .addons-content-zhFBl .addons-list-container-Ovr2Z .addon-whmdO {
  margin-bottom: 1.5rem;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq {
  overflow: visible;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
  display: flex;
  flex-direction: column;
  overflow: visible !important;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N {
  height: 3rem;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N .menu-container-qiz0X {
  overflow: auto;
}
.filters-modal-w6oWY .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-KqG8N:not(:last-child) {
  margin-bottom: 1rem;
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z {
  width: 30rem;
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .notice-UQkO1 {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ {
  width: 100%;
  padding: 1rem;
  color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  background-color: var(--overlay-color);
  outline: var(--focus-outline-size) solid var(--overlay-color);
  outline-offset: calc(-1 * var(--focus-outline-size));
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ:hover {
  outline-color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .addon-url-input-ucetZ:focus {
  outline-color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR {
  background-color: transparent;
  opacity: 0.3;
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  opacity: 1;
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR:focus {
  outline-color: var(--primary-foreground-color);
}
.add-addon-modal-container-KR5ny .cancel-button-R2AxR .label-wbfsE {
  color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z {
  width: 30rem;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .logo-PmYDP,
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .icon-HsyZS {
  float: left;
  width: 5rem;
  height: 5rem;
  margin-right: 1.5rem;
  padding: 0.5rem;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .logo-PmYDP {
  object-fit: contain;
  object-position: center;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .icon-HsyZS {
  color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 .name-YD0xd {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  margin-right: 0.5rem;
  font-size: 1.6rem;
  color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .title-container-La49g .name-container-m_Sz0 .version-wuAFB {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  margin-top: 0.5rem;
  color: var(--primary-foreground-color);
}
.share-modal-container-DkzPM .modal-dialog-content-Xgv7Z .share-prompt-container-vaK4P {
  margin-top: 1rem;
}
@media only screen and (max-width: 640px) {
  .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .add-button-container-SkafT {
    z-index: 1;
    position: fixed;
    right: 0;
    bottom: calc(3rem + var(--horizontal-nav-bar-size));
  }
  .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .select-input-container-KqG8N {
    display: none;
  }
  .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .spacing-wH1w5 {
    display: none;
  }
  .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .search-bar-k7MXd {
    flex-basis: 100%;
    margin-right: 1rem;
  }
  .addons-container-ogGYu .addons-content-zhFBl .selectable-inputs-container-tUul1 .filter-button-lLJ1X {
    display: flex;
  }
  .share-modal-container-DkzPM .modal-dialog-content-Xgv7Z {
    width: auto;
  }
  .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z {
    width: auto;
  }
  .add-addon-modal-container-KR5ny .modal-dialog-content-Xgv7Z .notice-UQkO1 {
    margin-bottom: 1rem;
  }
}

.addon-container-A53Om {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 1.5rem;
  border-radius: var(--border-radius);
  background-color: var(--overlay-color);
  cursor: inherit;
}
.addon-container-A53Om .content-gjK8A {
  display: flex;
  flex: 1;
}
.addon-container-A53Om .content-gjK8A .logo-container-uixVa {
  flex: none;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: var(--primary-foreground-color);
  opacity: 0.1;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
  flex: 1;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) {
  background-color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  opacity: 0.1;
  width: 40%;
  height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) {
  background-color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  opacity: 0.1;
  width: 60%;
  height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) {
  background-color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  opacity: 0.1;
  width: 80%;
  height: 1.3rem;
}
.addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) {
  display: none;
}
.addon-container-A53Om .buttons-container-_S1YF {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 30%;
  max-width: 18rem;
}
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(1),
.addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV .placeholder-pill-OmvfW:nth-child(2) {
  background-color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  opacity: 0.1;
  width: 50%;
  height: 3.5rem;
}
.addon-container-A53Om .buttons-container-_S1YF .placeholder-pill-OmvfW:last-child {
  background-color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  opacity: 0.1;
  width: 100%;
  height: 3.5rem;
}
@media screen and (max-width: 640px) {
  .addon-container-A53Om {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 1rem;
  }
  .addon-container-A53Om .content-gjK8A {
    flex-direction: row;
    width: 100%;
  }
  .addon-container-A53Om .content-gjK8A .logo-container-uixVa {
    margin: 0 auto;
  }
  .addon-container-A53Om .content-gjK8A .info-container-EuwPe {
    padding: 1rem;
    width: 100%;
  }
  .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(1) {
    background-color: var(--primary-foreground-color);
    border-radius: var(--border-radius);
    opacity: 0.1;
    width: 60%;
    height: 1.3rem;
  }
  .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(2) {
    background-color: var(--primary-foreground-color);
    border-radius: var(--border-radius);
    opacity: 0.1;
    width: 40%;
    height: 1.3rem;
  }
  .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(3) {
    background-color: var(--primary-foreground-color);
    border-radius: var(--border-radius);
    opacity: 0.1;
    width: 80%;
    height: 0.8rem;
  }
  .addon-container-A53Om .content-gjK8A .info-container-EuwPe .placeholder-pill-OmvfW:nth-child(4) {
    display: block;
    background-color: var(--primary-foreground-color);
    border-radius: var(--border-radius);
    opacity: 0.1;
    width: 20%;
    height: 0.8rem;
  }
  .addon-container-A53Om .buttons-container-_S1YF {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0.5rem;
    max-width: none;
  }
  .addon-container-A53Om .buttons-container-_S1YF .action-buttons-container-bYZoV {
    display: none;
  }
}

.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.5rem;padding:0 0.5rem}.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:0.75rem;display:flex;flex:none;flex-direction:row;height:2.5rem;max-width:12rem;opacity:0.6;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:visible}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-poster-LKBza{flex:calc(1 / var(--poster-shape-ratio))}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-square-g5a1z{flex:1}.meta-row-container-xtlB1 .meta-items-container-qcuUA .meta-item-QFHCh.poster-shape-landscape-KmmRZ{flex:calc(1 / var(--landscape-shape-ratio))}@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;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-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:0rem}.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;
}
.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-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: 2200px) {
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+10),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+10),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+10),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+10),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+10),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+10) {
    display: none;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+9),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+9) {
    display: none;
  }
}
@media only screen and (max-width: 1900px) {
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+9),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+9),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+9),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+9),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+9),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+9) {
    display: none;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+8),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+8) {
    display: none;
  }
}
@media only screen and (max-width: 1600px) {
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+8),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+8),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+8),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+8),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+8),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+8) {
    display: none;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+7),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+7) {
    display: none;
  }
}
@media only screen and (max-width: 1300px) {
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+7),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+7),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+7),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+7),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+7),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+7) {
    display: none;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+6),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+6) {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+6),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+6),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+6),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+6),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+6),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+6) {
    display: none;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+5),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+5) {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+5),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+5),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+5),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+5),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+5),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+5) {
    display: none;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+4),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+4) {
    display: none;
  }
}
@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-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-QFHCh:nth-child(n+4),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-QFHCh:nth-child(n+4),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-QFHCh:nth-child(n+4),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-poster-QPQqC .meta-item-iOgzp:nth-child(n+4),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-square-pgaZ3 .meta-item-iOgzp:nth-child(n+4),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .continue-watching-row-ZiNSa .meta-item-iOgzp:nth-child(n+4) {
    display: none;
  }
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-QFHCh:nth-child(n+3),
  .board-container-DTN_b .board-content-container-ToQTz .board-content-nPWv1 .board-row-landscape-FRGXx .meta-item-iOgzp:nth-child(n+3) {
    display: none;
  }
  .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);
  }
}

.container-uY1UG {
  background-color: var(--primary-background-color);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--primary-foreground-color);
}
.form-wrapper-i_Acs {
  max-width: 42rem;
  width: 100%;
  padding: 3rem 0;
}
.step-indicator-ECxss {
  color: var(--primary-accent-color);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.step-indicator-ECxss b {
  font-weight: bold;
  font-size: 1rem;
}
.title-DxE6Y {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: white;
}
.subtitle-xikQV {
  color: #d1d5db;
  font-size: 0.875rem;
  margin-bottom: 2rem;
}
.content-section-XSAAV {
  margin-bottom: 2rem;
}
.description-l2Mx_ {
  color: var(--primary-foreground-color);
  font-size: 0.95rem;
  line-height: 1.6;
}
.alert-error-DNwmd {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 0.375rem;
  margin-bottom: 1.5rem;
  background-color: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.2);
  color: var(--danger-accent-color);
}
.alert-icon-L71Lq {
  margin-right: 0.75rem;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.alert-content-eP0kI {
  flex: 1;
}
.alert-title-Bfx_E {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.alert-description-I3ccY {
  font-size: 0.875rem;
  opacity: 0.9;
}
.alert-icon-L71Lq {
  margin-right: 0.75rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
  display: flex;
  align-items: center;
}
.info-section-DmNR_ {
  margin-bottom: 2rem;
}
.info-title-ukVDp {
  color: white;
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.info-description-mlKaq {
  color: #d1d5db;
  font-size: 0.9rem;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
.info-description-mlKaq:last-child {
  margin-bottom: 0;
}
.steps-section-QLlo6 {
  margin-bottom: -2rem;
  max-width: 32rem;
}
.steps-title-T8u4z {
  color: white;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.steps-subtitle-oxuP4 {
  color: #d1d5db;
  font-size: 0.9rem;
  margin-bottom: 1.5rem;
}
.step-list-JSGpl {
  margin-bottom: 2rem;
}
.step-item-X2UCi {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.5rem;
}
.step-item-X2UCi:last-child {
  margin-bottom: 0;
}
.step-number-PyN95 {
  color: #d1d5db;
  font-weight: 500;
  font-size: 0.875rem;
  flex-shrink: 0;
  margin-right: 1rem;
  margin-top: 0.125rem;
  width: 1rem;
}
.step-content-mMiOs {
  flex: 1;
}
.step-heading-HWfg9 {
  color: white;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.step-text-DIRcR {
  color: #d1d5db;
  font-size: 0.875rem;
  line-height: 1.5;
}
.primary-button-jWZ9F {
  background-color: var(--primary-accent-color);
  font-weight: 600;
  color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px);
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--outer-glow);
  min-height: 3rem;
}
.primary-button-jWZ9F:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: #0685db;
}
.primary-button-jWZ9F:active {
  transform: translateY(0);
}
.completion-section-V1pb2 {
  text-align: center;
  margin-top: 2rem;
}
.completion-text-PfOSx {
  color: #d1d5db;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}
.submit-button-U5Jnt {
  color: white;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  background-color: rgba(255, 255, 255, 0.1);
  font-weight: 600;
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  min-height: 3.5rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.submit-button-U5Jnt:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.2);
  transform: translateY(-1px);
}
.submit-button-U5Jnt:active:not(:disabled) {
  transform: translateY(0);
}
.submit-button-U5Jnt:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.submit-button-U5Jnt:disabled:hover {
  transform: none;
}
.submit-button-U5Jnt.loading-RobOk .button-text-AHDAD {
  opacity: 0;
}
.button-text-AHDAD {
  transition: opacity 0.2s ease-in-out;
}
.spinner-VMENW {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid white;
  border-top: 2px solid var(--secondary-foreground-color);
  border-radius: 50%;
  animation: spin-bLo7V 1s linear infinite;
}
@keyframes spin-bLo7V {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.back-button-f9ONG {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #d1d5db;
  background: none;
  border: none;
  font-size: 0.875rem;
  cursor: pointer;
  margin-bottom: 1rem;
  padding: 0.5rem 0;
  transition: color 0.2s ease;
}
.back-button-f9ONG:hover {
  color: white;
}
.code-section-tMCdG {
  text-align: center;
  margin: 2rem 0;
  padding: 2rem 0;
}
.code-display-vgyfl {
  background-color: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  padding: 2rem;
  margin: 1rem auto;
  max-width: 200px;
  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: white;
  text-align: center;
  user-select: all;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
}
.verification-section-RCZzk {
  text-align: center;
  margin-bottom: 2rem;
}
.code-display-large-unyTI {
  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0.3em;
  color: white;
  text-align: center;
  margin: 2rem 0;
  user-select: all;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
}
.trial-section-DuPjY {
  margin-bottom: 2rem;
}
/* ADD TO YOUR STYLESHEET */
.code-backup-section-ZjCHa {
  background: rgba(255, 255, 255, 0.03);
  border-radius: 0.75rem;
  padding: 1.5rem;
  max-width: 320px;
  margin: 0 auto;
}
.code-label-UFSIa {
  color: #9ca3af;
  /* @gray-300 */
  font-size: 0.9rem;
  margin-bottom: 0.75rem;
  text-align: center;
}
.code-instruction-xVgtj {
  color: #9ca3af;
  /* @gray-300 */
  font-size: 0.875rem;
  margin-top: 1rem;
  line-height: 1.5;
  text-align: center;
}

.hero-shelf-container-Tu_81 {
  position: relative;
  width: 100%;
  margin-bottom: 2rem;
  overflow: visible;
  border-radius: var(--border-radius);
}
.hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya {
  position: relative;
  width: 100%;
  padding-top: 30%;
  overflow: hidden;
  border-radius: var(--border-radius);
}
.hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s ease, opacity 0.2s ease;
  opacity: 0;
  color: var(--primary-foreground-color);
}
.hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ:hover {
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
}
.hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ.prev-rlJaI {
  left: 1rem;
}
.hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ.next-z6pKj {
  right: 1rem;
}
.hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ .nav-icon-bNKl0 {
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
}
.hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya:hover .nav-button-nWfyJ {
  opacity: 1;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 0;
  pointer-events: none;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR.active-Y0ELA {
  opacity: 1;
  z-index: 2;
  pointer-events: auto;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR.active-Y0ELA .background-layer-u4v8D {
  transform: translateX(0);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR.active-Y0ELA .content-layer-ZlkAO {
  opacity: 1;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR.prev-rlJaI,
.hero-shelf-container-Tu_81 .hero-item-syPDR.next-z6pKj {
  opacity: 1;
  z-index: 1;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR.prev-rlJaI .content-layer-ZlkAO,
.hero-shelf-container-Tu_81 .hero-item-syPDR.next-z6pKj .content-layer-ZlkAO {
  opacity: 0;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR.left-Rjums .background-layer-u4v8D {
  transform: translateX(-100%);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR.right-gvjDy .background-layer-u4v8D {
  transform: translateX(100%);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR:not(.active-Y0ELA):not(.prev-rlJaI):not(.next-z6pKj) .background-layer-u4v8D {
  transition: none !important;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .background-layer-u4v8D {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  transform: translateX(100%);
  transition: transform 0.8s ease-in-out;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .background-layer-u4v8D .background-image-nLFVC {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .background-layer-u4v8D .background-overlay-PV6YO {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(11, 11, 15, 0.5) 0%, rgba(11, 11, 15, 0.3) 40%, rgba(11, 11, 15, 0) 100%);
  z-index: 1;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  z-index: 2;
  padding: 3rem;
  padding-left: 4rem;
  padding-bottom: 3rem;
  max-width: 60%;
  overflow: visible;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
  width: 100%;
  height: 10rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 0.75rem;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-image-Qo2Ji {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: left bottom;
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
  font-size: 5rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  text-shadow: 0 0 1rem rgba(0, 0, 0, 0.8);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
  font-weight: 500;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o .metadata-separator-WwSoq {
  opacity: 0.5;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o .year-item-pQybK {
  opacity: 0.9;
  font-weight: 700;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
  font-size: 1.2rem;
  line-height: 1.5;
  color: var(--primary-foreground-color);
  opacity: 0.95;
  margin-bottom: 0.75rem;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 5.4rem;
  max-width: 80%;
  align-self: flex-start;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm {
  display: flex;
  gap: 1rem;
  overflow: visible;
  z-index: 10;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.1rem 1.5rem;
  border-radius: 2rem;
  font-weight: 600;
  font-size: 1rem;
  transition: border-radius 0.2s ease, opacity 0.2s ease;
  text-decoration: none;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv:hover {
  border-radius: 0.5rem;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv .icon-RMBaq {
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.5rem;
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.primary-CPH1E {
  background-color: var(--primary-foreground-color);
  color: var(--primary-background-color);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.primary-CPH1E .icon-RMBaq {
  color: var(--primary-background-color);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.secondary-YxaRF {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-foreground-color);
  backdrop-filter: blur(3px);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.secondary-YxaRF .icon-RMBaq {
  color: var(--primary-foreground-color);
}
.hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.trailer-button-IVXqV .icon-RMBaq {
  width: 1.5rem;
  height: 1.5rem;
}
@media only screen and (min-width: 2200px) {
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ {
    width: 3.45rem;
    height: 3.45rem;
    left: 1.15rem;
    right: 1.15rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ .nav-icon-bNKl0 {
    width: 1.73rem;
    height: 1.73rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 3.45rem;
    padding-left: 4.6rem;
    padding-bottom: 3.45rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 11.5rem;
    margin-bottom: 0.86rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 5.75rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
    margin-bottom: 0.86rem;
    font-size: 1.27rem;
    gap: 1.15rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
    font-size: 1.38rem;
    margin-bottom: 0.86rem;
    max-height: 6.21rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm {
    gap: 1.15rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv {
    padding: 1.27rem 1.73rem;
    font-size: 1.15rem;
    border-radius: 2.3rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv .icon-RMBaq {
    width: 1.38rem;
    height: 1.38rem;
    margin-right: 0.58rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.trailer-button-IVXqV .icon-RMBaq {
    width: 1.73rem;
    height: 1.73rem;
  }
}
@media only screen and (min-width: 2500px) {
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ {
    width: 3.75rem;
    height: 3.75rem;
    left: 1.25rem;
    right: 1.25rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ .nav-icon-bNKl0 {
    width: 1.88rem;
    height: 1.88rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 3.75rem;
    padding-left: 5rem;
    padding-bottom: 3.75rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 12.5rem;
    margin-bottom: 0.94rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 6.25rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
    margin-bottom: 0.94rem;
    font-size: 1.38rem;
    gap: 1.25rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
    font-size: 1.5rem;
    margin-bottom: 0.94rem;
    max-height: 6.75rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm {
    gap: 1.25rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv {
    padding: 1.38rem 1.88rem;
    font-size: 1.25rem;
    border-radius: 2.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv .icon-RMBaq {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.63rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.trailer-button-IVXqV .icon-RMBaq {
    width: 1.88rem;
    height: 1.88rem;
  }
}
@media only screen and (min-width: 2800px) {
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ {
    width: 4.05rem;
    height: 4.05rem;
    left: 1.35rem;
    right: 1.35rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ .nav-icon-bNKl0 {
    width: 2.03rem;
    height: 2.03rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 4.05rem;
    padding-left: 5.4rem;
    padding-bottom: 4.05rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 13.5rem;
    margin-bottom: 1.01rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 6.75rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
    margin-bottom: 1.01rem;
    font-size: 1.49rem;
    gap: 1.35rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
    font-size: 1.62rem;
    margin-bottom: 1.01rem;
    max-height: 7.29rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm {
    gap: 1.35rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv {
    padding: 1.49rem 2.03rem;
    font-size: 1.35rem;
    border-radius: 2.7rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv .icon-RMBaq {
    width: 1.62rem;
    height: 1.62rem;
    margin-right: 0.68rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.trailer-button-IVXqV .icon-RMBaq {
    width: 2.03rem;
    height: 2.03rem;
  }
}
@media only screen and (min-width: 3800px) {
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ {
    width: 4.5rem;
    height: 4.5rem;
    left: 1.5rem;
    right: 1.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ .nav-icon-bNKl0 {
    width: 2.25rem;
    height: 2.25rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 4.5rem;
    padding-left: 6rem;
    padding-bottom: 4.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 15rem;
    margin-bottom: 1.13rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 7.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
    margin-bottom: 1.13rem;
    font-size: 1.65rem;
    gap: 1.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
    font-size: 1.8rem;
    margin-bottom: 1.13rem;
    max-height: 8.1rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm {
    gap: 1.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv {
    padding: 1.65rem 2.25rem;
    font-size: 1.5rem;
    border-radius: 3rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv .icon-RMBaq {
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 0.75rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.trailer-button-IVXqV .icon-RMBaq {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.hero-shelf-container-Tu_81 .hero-placeholder-AUQHA {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.hero-shelf-container-Tu_81 .hero-placeholder-AUQHA .placeholder-background-wspNj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-placeholder-background);
  border-radius: var(--border-radius);
}
@media only screen and (max-width: 1600px) {
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 2rem;
    padding-bottom: 2rem;
    max-width: 80%;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 6rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 2rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
    font-size: 1rem;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    max-height: 4.5rem;
    margin-bottom: 0.75rem;
  }
}
@media only screen and (max-width: 1300px) {
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 1.5rem;
    padding-bottom: 1.5rem;
    max-width: 100%;
    background: linear-gradient(to top, rgba(11, 11, 15, 0.9) 0%, rgba(11, 11, 15, 0.6) 60%, rgba(11, 11, 15, 0) 100%);
    justify-content: flex-end;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 4rem;
    margin-bottom: 1rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 1.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
    margin-bottom: 1rem;
    font-size: 0.9rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
    display: none;
  }
}
@media screen and (max-width: 500px) and (max-height: 1000px) and (orientation: portrait) {
  .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya {
    padding-top: 75%;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ {
    width: 2.5rem;
    height: 2.5rem;
    left: 0.75rem;
    right: 0.75rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ .nav-icon-bNKl0 {
    width: 1.25rem;
    height: 1.25rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 3rem;
    justify-content: flex-end;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 5rem;
    margin-bottom: 1.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 1.75rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
    display: none;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .description-kl0La {
    display: none;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm {
    gap: 0.85rem;
    flex-wrap: wrap;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv {
    padding: 0.95rem 1.4rem;
    font-size: 0.95rem;
    min-height: 2.85rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv .icon-RMBaq {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.45rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.trailer-button-IVXqV {
    display: none;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ {
    width: 2.75rem;
    height: 2.75rem;
    left: 0.85rem;
    right: 0.85rem;
  }
  .hero-shelf-container-Tu_81 .hero-shelf-wrapper-BiGya .nav-button-nWfyJ .nav-icon-bNKl0 {
    width: 1.35rem;
    height: 1.35rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO {
    padding: 1.5rem;
    padding-left: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw {
    height: 4rem;
    margin-bottom: 0.65rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .logo-container-RSLbw .logo-placeholder-If2Po {
    font-size: 1.5rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .year-row-tZt9o {
    margin-bottom: 0.65rem;
    font-size: 0.9rem;
    gap: 0.85rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm {
    gap: 0.85rem;
    margin-top: auto;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv {
    padding: 0.95rem 1.3rem;
    font-size: 0.95rem;
    min-height: 2.85rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv .icon-RMBaq {
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 0.45rem;
  }
  .hero-shelf-container-Tu_81 .hero-item-syPDR .content-layer-ZlkAO .buttons-row-RJdcm .action-button-bQ0yv.trailer-button-IVXqV .icon-RMBaq {
    width: 1.3rem;
    height: 1.3rem;
  }
}

.discover-container-L6OGL {
  height: calc(100% - var(--safe-area-inset-bottom));
  background-color: transparent;
}
.discover-container-L6OGL .discover-content-CRsRg {
  width: 100%;
  height: 100%;
  margin-bottom: calc(var(--bottom-overlay-size) * -1);
  display: flex;
  flex-direction: row;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  contain: strict;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
  padding: 0 1.5rem;
  z-index: 1;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: 1.5rem 2rem;
  overflow: visible;
  z-index: 2;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe {
  flex: 0 1 15rem;
  background-color: var(--overlay-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:not(:first-child) {
  margin-left: 1.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) {
  display: none;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+4) ~ .filter-container-BVkqT .filter-button-GU_n0 {
  display: flex;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe .menu-container-qiz0X {
  overflow: auto;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT {
  display: flex;
  flex: 1 0 5rem;
  justify-content: flex-end;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT .filter-button-GU_n0 {
  flex: none;
  display: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-left: 1.5rem;
  border-radius: var(--border-radius);
  background-color: var(--overlay-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .filter-container-BVkqT .filter-button-GU_n0 .filter-icon-zlFnX {
  flex: none;
  width: 1.4rem;
  height: 1.4rem;
  color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .warning-label-f19Jg {
  flex: none;
  max-height: 2.4em;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  text-align: center;
  color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 {
  flex: none;
  min-width: 10rem;
  max-width: 15rem;
  padding: 1rem;
  background-color: var(--secondary-accent-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:hover {
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
  background-color: transparent;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1:focus {
  outline-color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .missing-addon-warning-container-IXGuv .install-button-SmJe1 .label-ToW4S {
  max-height: 2.4em;
  font-weight: 500;
  text-align: center;
  color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF {
  flex: 0 1 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem;
  overflow-y: auto;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF:first-child {
  padding: 4rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .image-txC9E {
  flex: none;
  width: 12rem;
  height: 12rem;
  margin-bottom: 1rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .message-container-Zv9eF .message-label-mRyRX {
  flex: none;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  color: var(--primary-foreground-color);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
  flex: 1;
  align-self: stretch;
  display: grid;
  grid-auto-rows: max-content;
  align-items: center;
  column-gap: 0.5rem;
  row-gap: 1.25rem;
  margin-right: 1.5rem;
  padding: 1rem 2rem;
  overflow-y: auto;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I {
  padding: 0.5rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .poster-container-Dch4R {
  padding-bottom: calc(100% * var(--poster-shape-ratio));
  background-color: var(--color-placeholder-background);
  border-radius: var(--border-radius);
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 2.8rem;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I .title-bar-container-dtDnk .title-label-vHdQd {
  flex: none;
  width: 60%;
  height: 1.2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 {
  flex: none;
  align-self: stretch;
  width: 29rem;
  padding: 2rem 2.5rem;
  border-radius: var(--border-radius) 0 0 var(--border-radius);
  background-color: var(--modal-background-color);
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq {
  overflow: visible;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
  overflow: visible !important;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe {
  height: 3rem;
  display: none;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+4) {
  display: flex;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+4):not(:last-child) {
  margin-bottom: 1rem;
}
.selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe .menu-container-qiz0X {
  max-height: calc(3rem * 3);
  overflow: auto;
}
@media only screen and (min-width: 2800px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media only screen and (max-width: 2800px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media only screen and (max-width: 2500px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (max-width: 2200px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media only screen and (max-width: 1900px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 1600px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 1300px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1000px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(5, 1fr);
    margin-right: 0;
  }
  .discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 {
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(4, 1fr);
    margin-right: 0;
  }
  .discover-container-L6OGL .discover-content-CRsRg .meta-preview-container-CoWs5 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 {
    justify-content: space-between;
  }
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+2) {
    display: none;
  }
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .selectable-inputs-container-IRz50 .select-input-CHDbe:nth-child(n+2) ~ .filter-container-BVkqT .filter-button-GU_n0 {
    display: flex;
  }
  .discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz {
    grid-template-columns: repeat(3, 1fr);
  }
  .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe {
    display: none;
  }
  .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+2) {
    display: flex;
  }
  .selectable-inputs-modal-ChpOa .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-CHDbe:nth-child(n+2):not(:last-child) {
    margin-bottom: 1rem;
  }
}

.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);
}

.placeholder-XbuMS {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  overflow-y: auto;
}
.placeholder-XbuMS .title-eBwtZ {
  font-size: 1.75rem;
  font-weight: 400;
  text-align: center;
  color: var(--primary-foreground-color);
  margin-bottom: 1rem;
  opacity: 0.5;
}
.placeholder-XbuMS .image-container-YnqQ_ {
  padding: 1.5rem 0;
}
.placeholder-XbuMS .image-container-YnqQ_ .image-yTheT {
  height: 100%;
  max-height: 14rem;
  object-fit: contain;
}
.placeholder-XbuMS .overview-nYi3n {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4rem;
  margin-bottom: 1rem;
}
.placeholder-XbuMS .overview-nYi3n .point-vQhRj {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  width: 18rem;
}
.placeholder-XbuMS .overview-nYi3n .point-vQhRj .icon-RD7Oa {
  flex: none;
  height: 3.25rem;
  width: 3.25rem;
  color: var(--primary-foreground-color);
  opacity: 0.3;
}
.placeholder-XbuMS .overview-nYi3n .point-vQhRj .text-NNOtt {
  flex: auto;
  font-size: 1.1rem;
  font-size: 500;
  color: var(--primary-foreground-color);
  opacity: 0.9;
}
.placeholder-XbuMS .button-container-HU08c {
  margin: 1rem 0;
}
.placeholder-XbuMS .button-container-HU08c .button-GHZkA {
  display: flex;
  justify-content: center;
  height: 4rem;
  line-height: 4rem;
  padding: 0 5rem;
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
  text-align: center;
  border-radius: 3.5rem;
  background-color: var(--overlay-color);
}
.placeholder-XbuMS .button-container-HU08c .button-GHZkA:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
@media only screen and (max-width: 1000px) {
  .placeholder-XbuMS {
    padding: 1rem 2rem;
  }
  .placeholder-XbuMS .title-eBwtZ {
    margin-bottom: 0;
  }
  .placeholder-XbuMS .image-container-YnqQ_ {
    padding: 1rem;
  }
  .placeholder-XbuMS .image-container-YnqQ_ .image-yTheT {
    max-height: 10rem;
  }
  .placeholder-XbuMS .button-container-HU08c {
    margin: 1rem 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .placeholder-XbuMS {
    padding: 1rem 2rem;
  }
  .placeholder-XbuMS .overview-nYi3n {
    flex-direction: column;
    gap: 1rem;
  }
  .placeholder-XbuMS .overview-nYi3n .point-vQhRj .text-NNOtt {
    font-size: 1rem;
  }
  .placeholder-XbuMS .button-container-HU08c .button-GHZkA {
    width: 100%;
  }
}

.library-container-zM_bj {
  height: calc(100% - var(--safe-area-inset-bottom));
  background-color: transparent;
}
.library-container-zM_bj .library-content-PgX4O {
  width: 100%;
  height: 100%;
  margin-bottom: calc(var(--bottom-overlay-size) * -1);
  display: flex;
  flex-direction: column;
}
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
  padding: 1rem 2rem;
  z-index: 1;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: 1.5rem 2rem;
  overflow: visible;
  z-index: 2;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: 15rem;
  height: 2.75rem;
  background-color: var(--overlay-color);
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1:not(:last-child) {
  margin-right: 1.5rem;
}
.library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or .select-input-container-H1VZ1 .menu-container-qiz0X {
  overflow: auto;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t {
  flex: 0 1 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.5rem;
  overflow-y: auto;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t:first-child {
  padding: 4rem;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .image-csRHm {
  flex: none;
  width: 12rem;
  height: 12rem;
  margin-bottom: 2rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.library-container-zM_bj .library-content-PgX4O .message-container-MhY5t .message-label-UExl3 {
  flex: none;
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  color: var(--primary-foreground-color);
}
.library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
  flex: 1;
  align-self: stretch;
  display: grid;
  grid-auto-rows: max-content;
  align-items: center;
  grid-gap: 0.5rem;
  overflow-y: auto;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq {
  overflow: visible;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z {
  overflow: visible;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-H1VZ1 {
  height: 3.5rem;
}
.selectable-inputs-modal-rHlo7 .modal-dialog-container-DZMKq .modal-dialog-content-Xgv7Z .select-input-container-H1VZ1:not(:last-child) {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 2200px) {
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(10, 1fr);
  }
}
@media only screen and (max-width: 2200px) {
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(9, 1fr);
  }
}
@media only screen and (max-width: 1900px) {
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media only screen and (max-width: 1600px) {
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media only screen and (max-width: 1300px) {
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media only screen and (max-width: 1000px) {
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (max-width: 800px) {
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 640px) {
  .library-container-zM_bj .library-content-PgX4O .selectable-inputs-container-hR3or {
    justify-content: space-between;
  }
  .library-container-zM_bj .library-content-PgX4O .meta-items-container-IKrND {
    grid-template-columns: repeat(3, 1fr);
  }
}

.selector-uRGQ6 {
  flex: none;
  position: relative;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}
.selector-uRGQ6 .prev-__2gh,
.selector-uRGQ6 .next-t6hvT {
  position: relative;
  height: 3rem;
  width: 6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border-radius: 0.5rem;
  transition: background-color 0.1s ease-out;
}
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
.selector-uRGQ6 .next-t6hvT .label-xSEWG,
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
  color: var(--primary-foreground-color);
  opacity: 0.5;
  transition: opacity 0.1s ease-out;
}
.selector-uRGQ6 .prev-__2gh .label-xSEWG,
.selector-uRGQ6 .next-t6hvT .label-xSEWG {
  font-size: 1rem;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.selector-uRGQ6 .prev-__2gh .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT .icon-ixEYr {
  height: 1.5rem;
}
.selector-uRGQ6 .prev-__2gh:hover,
.selector-uRGQ6 .next-t6hvT:hover {
  background-color: var(--overlay-color);
}
.selector-uRGQ6 .prev-__2gh:hover .label-xSEWG,
.selector-uRGQ6 .next-t6hvT:hover .label-xSEWG,
.selector-uRGQ6 .prev-__2gh:hover .icon-ixEYr,
.selector-uRGQ6 .next-t6hvT:hover .icon-ixEYr {
  opacity: 1;
}
.selector-uRGQ6 .prev-__2gh {
  padding-left: 0.5rem;
  padding-right: 1.25rem;
}
.selector-uRGQ6 .next-t6hvT {
  padding-left: 1.25rem;
  padding-right: 0.5rem;
}
.selector-uRGQ6 .selected-lBBwk {
  position: relative;
  width: 8.5rem;
  text-align: center;
}
.selector-uRGQ6 .selected-lBBwk .year-jHuog {
  font-size: 1rem;
  font-weight: 500;
  line-height: 100%;
  color: var(--primary-foreground-color);
  opacity: 0.5;
}
.selector-uRGQ6 .selected-lBBwk .month-VlFJ6 {
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media only screen and (max-width: 1300px) {
  .selector-uRGQ6 {
    justify-content: space-between;
  }
}

.table-QbfK0 {
  flex: auto;
  position: relative;
  display: flex;
  flex-direction: column;
}
.table-QbfK0 .week-mTZNI {
  flex: none;
  position: relative;
  height: 3rem;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  align-items: center;
}
.table-QbfK0 .week-mTZNI .day-LPW9e {
  position: relative;
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r {
  display: block;
}
.table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ {
  display: none;
}
.table-QbfK0 .grid-cUaUg {
  flex: auto;
  position: relative;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 1px;
  grid-auto-rows: 1fr;
}
@media only screen and (max-width: 1000px) {
  .table-QbfK0 .week-mTZNI .day-LPW9e .long-UpX3r {
    display: none;
  }
  .table-QbfK0 .week-mTZNI .day-LPW9e .short-MoF9_ {
    display: block;
  }
}

.cell-l3eWl {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  background-color: var(--overlay-color);
  border: 0.15rem solid transparent;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.1s ease-out;
}
.cell-l3eWl:first-child {
  border-radius: var(--border-radius) 0 0 0;
}
.cell-l3eWl:nth-child(7) {
  border-radius: 0 var(--border-radius) 0 0;
}
.cell-l3eWl:last-child {
  border-radius: 0 0 var(--border-radius) 0;
}
.cell-l3eWl .heading-TYXvp {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.cell-l3eWl .heading-TYXvp .day-nttmc {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border-radius: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.cell-l3eWl .items-ZZ9Jt {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0.2rem;
  padding: 0.1rem;
  flex: 1 1 60%;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 0;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 2 / 3;
  border-radius: calc(var(--border-radius) / 2);
  max-height: 100%;
  max-width: 100%;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .icon-F3Uu8 {
  flex: none;
  z-index: 1;
  position: absolute;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 50%;
  color: var(--primary-foreground-color);
  background-color: var(--secondary-accent-color);
  opacity: 0;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .poster-goLqZ {
  height: auto;
  max-height: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: inherit;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .icon-F3Uu8,
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ .poster-goLqZ {
  transition: opacity 0.1s ease-out;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ:hover .icon-F3Uu8 {
  opacity: 1;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ:hover .poster-goLqZ {
  opacity: 0.5;
}
.cell-l3eWl .more-gGKzA {
  display: none;
  flex: none;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  align-self: center;
  color: var(--primary-foreground-color);
}
.cell-l3eWl.today-G8kuO .heading-TYXvp {
  padding: 0.3rem;
}
.cell-l3eWl.today-G8kuO .heading-TYXvp .day-nttmc {
  background-color: var(--primary-accent-color);
  height: 1.5rem;
  width: 1.5rem;
}
.cell-l3eWl.active-KC8sV {
  border-color: var(--primary-foreground-color);
}
@media (pointer: fine) {
  .cell-l3eWl:not(.active-KC8sV):hover {
    border-color: var(--overlay-color);
  }
}
@media only screen and (max-width: 640px) {
  .cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
    pointer-events: none;
  }
}
@media screen and (max-width: 500px) and (max-height: 1000px) and (orientation: portrait) {
  .cell-l3eWl {
    flex-direction: column;
    display: grid;
  }
  .cell-l3eWl .items-ZZ9Jt {
    padding: 1px;
    gap: 0.15rem;
  }
  .cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
    pointer-events: none;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .cell-l3eWl {
    flex-direction: row;
  }
  .cell-l3eWl .items-ZZ9Jt {
    padding: 1px;
    gap: 0.15rem;
  }
  .cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
    pointer-events: none;
  }
}
@media only screen and (max-height: 1600px) and (max-width: 1600px) and (orientation: landscape) {
  .cell-l3eWl {
    gap: 0;
  }
  .cell-l3eWl .heading-TYXvp .day-nttmc {
    padding: 0;
    font-size: 0.875rem;
  }
  .cell-l3eWl .items-ZZ9Jt {
    width: 100%;
    padding-left: 0.5rem;
  }
}
@media only screen and (max-width: 640px) and (orientation: portrait) and (pointer: fine) {
  .cell-l3eWl {
    display: flex;
  }
  .cell-l3eWl .heading-TYXvp {
    flex: 1 1 33%;
  }
}
@media screen and (max-width: 1300px) and (orientation: portrait) {
  .cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
    pointer-events: none;
  }
}

.item-PwXPg {
  flex: none;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--overlay-color);
  border-radius: var(--border-radius);
  border: 0.15rem solid transparent;
  transition: border-color 0.1s ease-out;
}
.item-PwXPg .heading-aqSxF {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  height: 3.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  padding: 0 1rem;
}
.item-PwXPg .body-pUnX4 {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.item-PwXPg .body-pUnX4 .video-XnjiE {
  flex: none;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: 3rem;
  padding: 0 1rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.item-PwXPg .body-pUnX4 .video-XnjiE:last-child {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.item-PwXPg .body-pUnX4 .video-XnjiE .name-tepO3 {
  flex: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item-PwXPg .body-pUnX4 .video-XnjiE .info-dnUvu {
  flex: none;
  display: block;
}
.item-PwXPg .body-pUnX4 .video-XnjiE .icon-bz23A {
  flex: none;
  display: none;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 50%;
  color: var(--primary-foreground-color);
  background-color: var(--secondary-accent-color);
}
.item-PwXPg .body-pUnX4 .video-XnjiE:hover {
  background-color: var(--overlay-color);
}
.item-PwXPg .body-pUnX4 .video-XnjiE:hover .info-dnUvu {
  display: none;
}
.item-PwXPg .body-pUnX4 .video-XnjiE:hover .icon-bz23A {
  display: block;
}
.item-PwXPg.placeholder-NxxV1 {
  opacity: 0.7;
  pointer-events: none;
}
.item-PwXPg.placeholder-NxxV1 .text-x3anZ {
  width: 8rem;
  height: 1.2rem;
  background-color: var(--overlay-color);
  border-radius: 0.2rem;
}
.item-PwXPg.placeholder-NxxV1 .video-XnjiE {
  flex: none;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  height: 3rem;
  padding: 0 1rem;
}
.item-PwXPg.placeholder-NxxV1 .video-XnjiE .name-tepO3 {
  flex: auto;
  width: 12rem;
  height: 1.2rem;
  background-color: var(--overlay-color);
  border-radius: 0.2rem;
}
.item-PwXPg.placeholder-NxxV1 .video-XnjiE .info-dnUvu {
  flex: none;
  width: 4rem;
  height: 1.2rem;
  background-color: var(--overlay-color);
  border-radius: 0.2rem;
}
.item-PwXPg.today-JJfHO .heading-aqSxF {
  background-color: var(--primary-accent-color);
}
.item-PwXPg.active-ymNy0 {
  border-color: var(--primary-foreground-color);
}
.item-PwXPg:not(.active-ymNy0):hover {
  border-color: var(--overlay-color);
}

.list-fa_2a {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 20rem;
  padding: 0 1rem;
  overflow-y: auto;
}
@supports (scroll-padding-block-start: 0.15rem) {
  .list-fa_2a {
    scroll-padding-block-start: 0.15rem;
  }
}
@media only screen and (max-width: 1300px) and (orientation: portrait) {
  .list-fa_2a {
    display: none;
  }
}
@media only screen and (max-width: 1600px) and (orientation: landscape) {
  .list-fa_2a {
    width: 20rem;
  }
}
@media only screen and (max-width: 1300px) and (orientation: landscape) {
  .list-fa_2a {
    width: 17rem;
  }
}
@media only screen and (max-width: 1000px) and (orientation: landscape) {
  .list-fa_2a {
    display: none;
  }
}

.details-EuHwi {
  position: relative;
}
.details-EuHwi .video-BIs3a {
  flex: none;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 1.5rem;
  height: 4rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.details-EuHwi .video-BIs3a .name-vpn8u {
  flex: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.details-EuHwi .video-BIs3a .info-n1Tz1 {
  flex: none;
  display: block;
}
.details-EuHwi .video-BIs3a .icon-Di3yP {
  flex: none;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  border-radius: 50%;
  color: var(--primary-foreground-color);
}
.details-EuHwi .video-BIs3a:hover,
.details-EuHwi .video-BIs3a:active {
  background-color: var(--overlay-color);
}
.details-EuHwi .video-BIs3a:hover .icon-Di3yP,
.details-EuHwi .video-BIs3a:active .icon-Di3yP {
  display: block;
  background-color: var(--secondary-accent-color);
}
.details-EuHwi .placeholder-Kigxt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
}

.placeholder-pCQTz {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  width: 100%;
  overflow-y: auto;
}
.placeholder-pCQTz .title-bE4zd {
  font-size: 1.75rem;
  font-weight: 400;
  text-align: center;
  color: var(--primary-foreground-color);
  margin-bottom: 1rem;
  opacity: 0.5;
}
.placeholder-pCQTz .image-container-DOkaE {
  padding: 1.5rem 0;
}
.placeholder-pCQTz .image-container-DOkaE .image-qgtvg {
  height: 100%;
  max-height: 14rem;
  object-fit: contain;
}
.placeholder-pCQTz .overview-RGglv {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4rem;
  margin-bottom: 1rem;
}
.placeholder-pCQTz .overview-RGglv .point-iTc1_ {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.5rem;
  width: 18rem;
}
.placeholder-pCQTz .overview-RGglv .point-iTc1_ .icon-Y5Zkw {
  flex: none;
  height: 3.25rem;
  width: 3.25rem;
  color: var(--primary-foreground-color);
  opacity: 0.3;
}
.placeholder-pCQTz .overview-RGglv .point-iTc1_ .text-Pa9GN {
  flex: auto;
  font-size: 1.1rem;
  font-size: 500;
  color: var(--primary-foreground-color);
  opacity: 0.9;
}
.placeholder-pCQTz .button-container-fBjqZ {
  margin: 1rem 0;
}
.placeholder-pCQTz .button-container-fBjqZ .button-DsyS9 {
  display: flex;
  justify-content: center;
  height: 4rem;
  line-height: 4rem;
  padding: 0 5rem;
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
  text-align: center;
  border-radius: 3.5rem;
  background-color: var(--overlay-color);
}
.placeholder-pCQTz .button-container-fBjqZ .button-DsyS9:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
@media only screen and (max-width: 1000px) {
  .placeholder-pCQTz {
    padding: 1rem 2rem;
  }
  .placeholder-pCQTz .title-bE4zd {
    margin-bottom: 0;
  }
  .placeholder-pCQTz .image-container-DOkaE {
    padding: 1rem;
  }
  .placeholder-pCQTz .image-container-DOkaE .image-qgtvg {
    max-height: 10rem;
  }
  .placeholder-pCQTz .button-container-fBjqZ {
    margin: 1rem 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .placeholder-pCQTz {
    padding: 1rem 2rem;
  }
  .placeholder-pCQTz .overview-RGglv {
    flex-direction: column;
    gap: 1rem;
  }
  .placeholder-pCQTz .overview-RGglv .point-iTc1_ .text-Pa9GN {
    font-size: 1rem;
  }
  .placeholder-pCQTz .button-container-fBjqZ .button-DsyS9 {
    width: 100%;
  }
}

.calendar-cH2jw {
  height: calc(100% - var(--safe-area-inset-bottom));
  background-color: transparent;
}
.calendar-cH2jw .content-wBwrQ {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  width: 100%;
  height: 100%;
  padding: 0 0 1.5rem 1.5rem;
}
.calendar-cH2jw .content-wBwrQ .main-vWt7d {
  flex: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (max-width: 640px) {
  .calendar-cH2jw .content-wBwrQ {
    padding: 0;
  }
}

.background-Xro_t {
  fill: hsl(0, 0%, 100%);
}
.icon-UFaeB {
  fill: hsl(0, 0%, 0%);
}

.background-Xro_t{fill:hsl(0,0%,100%)}.icon-UFaeB{fill:hsl(0,0%,0%)}
.stream-placeholder-container-T1nxv {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem;
}
.stream-placeholder-container-T1nxv .addon-container-pm1P0 {
  flex: none;
}
.stream-placeholder-container-T1nxv .addon-container-pm1P0 .addon-name-zAOKP {
  width: 5rem;
  height: 2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 {
  flex: 1;
  margin: 0.5rem 1rem;
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn {
  height: 1.2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(1) {
  width: 80%;
}
.stream-placeholder-container-T1nxv .info-container-Z1Dl6 .description-container-ZOMcn:nth-child(2) {
  width: 40%;
  margin-top: 0.5rem;
}
.stream-placeholder-container-T1nxv .play-icon-MXqj3 {
  flex: none;
  width: 3.5rem;
  height: 5rem;
}
.stream-placeholder-container-T1nxv .play-icon-MXqj3 .background-Xro_t {
  fill: none;
}
.stream-placeholder-container-T1nxv .play-icon-MXqj3 .icon-UFaeB {
  fill: var(--color-placeholder-background);
}

.stream-container-JPdah {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
}
.stream-container-JPdah:hover,
.stream-container-JPdah:focus {
  background-color: var(--overlay-color);
}
.stream-container-JPdah:hover .icon-rAZvO,
.stream-container-JPdah:focus .icon-rAZvO,
.stream-container-JPdah.selected .icon-rAZvO {
  opacity: 1;
}
.stream-container-JPdah .info-container-TihQo {
  flex: none;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.stream-container-JPdah .info-container-TihQo .thumbnail-whoms {
  display: block;
  height: 5rem;
  width: 8rem;
  object-fit: cover;
  object-position: center;
  opacity: 0.9;
}
.stream-container-JPdah .info-container-TihQo .placeholder-icon-znYz0 {
  display: block;
  height: 5rem;
  width: 8rem;
  padding: 1rem;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
  opacity: 0.25;
}
.stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
  width: 7rem;
  font-size: 1.1rem;
  text-align: left;
  white-space: pre-wrap;
  color: var(--primary-foreground-color);
}
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ {
  flex: 0 0 100%;
  position: relative;
  border-radius: var(--border-radius);
}
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-XrEBL {
  z-index: 1;
  position: relative;
  height: 0.4rem;
  background-color: var(--primary-accent-color);
}
.stream-container-JPdah .info-container-TihQo .progress-bar-container-ADRp_ .progress-bar-background-HueVQ {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--primary-foreground-color);
  opacity: 0.2;
}
.stream-container-JPdah .description-container-vW_De {
  flex: 1;
  display: flex;
  flex-direction: column;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: pre;
  overflow-y: visible;
  text-overflow: ellipsis;
  color: var(--primary-foreground-color);
}
.stream-container-JPdah .icon-rAZvO {
  flex: none;
  width: 3rem;
  height: 3rem;
  padding: 0.7rem;
  border-radius: 50%;
  opacity: 0;
  color: var(--primary-foreground-color);
  background-color: var(--secondary-accent-color);
}
.stream-container-JPdah .menu-icon-JD2rP {
  flex: none;
  width: 1.7rem;
  height: 1.7rem;
  margin-right: 1rem;
  color: var(--color-placeholder);
}
.stream-container-JPdah .menu-container-B6cqK {
  max-width: calc(90% - 1.5rem);
  z-index: 2;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN {
  --spatial-navigation-contain: contain;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-title-aoWE4 {
  font-size: 0.9rem;
  padding: 1rem 1.5rem;
  font-weight: 100;
  border-bottom: 1px solid var(--color-placeholder);
  color: var(--primary-foreground-color);
  white-space: break-spaces;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem 1.5rem;
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla:hover,
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla:focus {
  background-color: var(--overlay-color);
}
.stream-container-JPdah .menu-container-B6cqK .context-menu-content-Xe_lN .context-menu-option-container-BZGla .context-menu-option-label-EbNNz {
  font-size: 1rem;
  font-weight: 300;
  color: var(--primary-foreground-color);
  text-transform: capitalize;
}
@media only screen and (max-width: 1300px) {
  .stream-container-JPdah .description-container-vW_De {
    font-size: 0.9rem;
  }
  .stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 640px) {
  .stream-container-JPdah .info-container-TihQo .addon-name-tC8PX {
    font-weight: 500;
  }
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-left-ongjn,
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk {
    right: 1.5rem;
  }
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-right-tmrFG,
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
    left: 1.5rem;
  }
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-left-ongjn,
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-top-right-tmrFG {
    bottom: 90%;
  }
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-left-Dvtqk,
  .stream-container-JPdah .menu-container-B6cqK.menu-direction-bottom-right-aJ89V {
    top: 90%;
  }
}

.background-JlMEx {
  fill: hsl(0, 0%, 100%);
}
.icon-D228l {
  fill: hsl(0, 0%, 0%);
}

.background-JlMEx{fill:hsl(0,0%,100%)}.icon-D228l{fill:hsl(0,0%,0%)}
.stream-placeholder-container-xaxx6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem;
}
.stream-placeholder-container-xaxx6 .addon-container-gSNKg {
  flex: none;
}
.stream-placeholder-container-xaxx6 .addon-container-gSNKg .addon-name-Tzpdg {
  width: 5rem;
  height: 2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.stream-placeholder-container-xaxx6 .info-container-LaIt2 {
  flex: 1;
  margin: 0.5rem 1rem;
}
.stream-placeholder-container-xaxx6 .info-container-LaIt2 .description-container-ATbgb {
  height: 1.2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.stream-placeholder-container-xaxx6 .info-container-LaIt2 .description-container-ATbgb:nth-child(1) {
  width: 80%;
}
.stream-placeholder-container-xaxx6 .info-container-LaIt2 .description-container-ATbgb:nth-child(2) {
  width: 40%;
  margin-top: 0.5rem;
}
.stream-placeholder-container-xaxx6 .play-icon-ApZo0 {
  flex: none;
  width: 3.5rem;
  height: 5rem;
}
.stream-placeholder-container-xaxx6 .play-icon-ApZo0 .background-JlMEx {
  fill: none;
}
.stream-placeholder-container-xaxx6 .play-icon-ApZo0 .icon-D228l {
  fill: var(--color-placeholder-background);
}

.stream-container-Wt_ey {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  backdrop-filter: blur(5px);
  background-color: white;
  font-weight: 700;
  color: var(--secondary-foreground-color);
  border-radius: 0.75rem;
  padding: 1.3rem 1.5rem;
  font-size: 1.1rem;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.stream-container-Wt_ey:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.stream-container-Wt_ey:active {
  transform: translateY(0);
}
.stream-container-Wt_ey.primary-base-K_mqq {
  padding: 1rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.9);
}
.stream-container-Wt_ey.primary-base-K_mqq:hover {
  background-color: white;
}
.stream-container-Wt_ey.secondary-base-dWuWs {
  padding: 1rem 1.5rem;
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--primary-foreground-color);
  font-weight: 600;
}
.stream-container-Wt_ey.secondary-base-dWuWs:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.stream-container-Wt_ey.secondary-base-dWuWs .progress-bar-container-ld46G .progress-bar-oxRmB {
  background-color: rgba(255, 255, 255, 0.5);
}
.stream-container-Wt_ey.secondary-base-dWuWs .progress-bar-container-ld46G .progress-bar-background-utN_U {
  background-color: rgba(255, 255, 255, 0.3);
}
.stream-container-Wt_ey.secondary-Qxb6g {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-foreground-color);
  font-weight: 600;
}
.stream-container-Wt_ey.secondary-Qxb6g:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.stream-container-Wt_ey.secondary-Qxb6g .progress-bar-container-ld46G .progress-bar-oxRmB {
  background-color: rgba(255, 255, 255, 0.5);
}
.stream-container-Wt_ey.secondary-Qxb6g .progress-bar-container-ld46G .progress-bar-background-utN_U {
  background-color: rgba(255, 255, 255, 0.3);
}
.stream-container-Wt_ey.source-row-KxU0_ {
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  padding: 0.45rem 0.6rem;
  background: transparent;
  border: none;
  border-radius: 0.35rem;
  box-shadow: none;
  backdrop-filter: none;
  font-size: 0.85rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--primary-foreground-color) 75%, transparent);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.stream-container-Wt_ey.source-row-KxU0_:hover {
  transform: none;
  box-shadow: none;
  background-color: color-mix(in srgb, var(--primary-foreground-color) 8%, transparent);
  color: var(--primary-foreground-color);
}
.stream-container-Wt_ey.source-row-KxU0_:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: -2px;
}
.stream-container-Wt_ey.source-row-KxU0_:not(:first-child) {
  border-top: 1px solid color-mix(in srgb, var(--primary-foreground-color) 7%, transparent);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.stream-container-Wt_ey.source-row-KxU0_ .button-label-NNSri {
  align-items: flex-start;
  text-align: left;
}
.stream-container-Wt_ey.source-row-KxU0_ .progress-bar-container-ld46G {
  height: 0.25rem;
}
.stream-container-Wt_ey.source-row-KxU0_ .progress-bar-container-ld46G .progress-bar-oxRmB {
  background-color: white;
}
.stream-container-Wt_ey.source-row-KxU0_ .progress-bar-container-ld46G .progress-bar-background-utN_U {
  background-color: rgba(255, 255, 255, 0.3);
}
.stream-container-Wt_ey .button-label-NNSri {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.15rem;
}
.stream-container-Wt_ey .button-size-esK6T {
  font-size: 0.8rem;
  font-weight: 400;
  opacity: 0.6;
  font-variant-numeric: tabular-nums;
}
.stream-container-Wt_ey .progress-bar-container-ld46G {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0.5rem;
  border-radius: var(--border-radius);
  overflow: hidden;
}
.stream-container-Wt_ey .progress-bar-container-ld46G .progress-bar-oxRmB {
  position: relative;
  z-index: 1;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: inherit;
}
.stream-container-Wt_ey .progress-bar-container-ld46G .progress-bar-background-utN_U {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: inherit;
}

.organized-streams-container-xsVuI {
  display: flex;
  padding: 1rem;
  flex-direction: column;
  gap: 1.5rem;
  height: 100%;
  overflow-y: auto;
}
.organized-streams-container-xsVuI .primary-quality-section-OaoNo {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  overflow: visible;
  flex-shrink: 0;
}
.organized-streams-container-xsVuI .other-qualities-section-fdgSM {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex-shrink: 0;
}
.organized-streams-container-xsVuI .alternative-sources-ZLCL7 {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.organized-streams-container-xsVuI .alternative-sources-toggle-C3BAJ {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  align-self: flex-start;
  padding: 0.35rem 0.25rem;
  background: none;
  border: none;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  color: color-mix(in srgb, var(--primary-foreground-color) 55%, transparent);
  transition: color 0.15s ease;
}
.organized-streams-container-xsVuI .alternative-sources-toggle-C3BAJ:hover {
  color: var(--primary-foreground-color);
}
.organized-streams-container-xsVuI .alternative-sources-toggle-C3BAJ:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.organized-streams-container-xsVuI .chevron-NiVeR {
  display: flex;
  flex-shrink: 0;
  opacity: 0.6;
  transition: transform 0.2s ease;
}
.organized-streams-container-xsVuI .chevron-NiVeR.open-KlKc_ {
  transform: rotate(180deg);
}
.organized-streams-container-xsVuI .alternative-sources-list-HWhCZ {
  display: flex;
  flex-direction: column;
  padding: 0.15rem 0 0.25rem;
  overflow: visible;
}

.unavailable-stream-i8oCX {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: 1rem 1.5rem;
  border-radius: 0.75rem;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid color-mix(in srgb, var(--primary-foreground-color) 12%, transparent);
  opacity: 0.55;
  cursor: default;
}
.unavailable-stream-i8oCX .unavailable-label-MS2uN {
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
}
.unavailable-stream-i8oCX .unavailable-sub-MQNIM {
  font-size: 0.85rem;
  font-weight: 500;
  color: color-mix(in srgb, var(--primary-foreground-color) 65%, transparent);
}
.unavailable-stream-i8oCX .unavailable-actions-wwpyH {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 0.35rem;
}
.unavailable-stream-i8oCX .unavailable-action-W5AA6 {
  background: none;
  border: none;
  padding: 0.25rem 0;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  color: color-mix(in srgb, var(--primary-foreground-color) 75%, transparent);
  cursor: pointer;
  transition: color 0.15s ease;
}
.unavailable-stream-i8oCX .unavailable-action-W5AA6:hover {
  color: var(--primary-foreground-color);
}
.unavailable-stream-i8oCX .unavailable-action-W5AA6:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}

.streams-list-container-xYMJo {
  display: flex;
  flex-direction: column;
}
.streams-list-container-xYMJo .message-container-f9_L4 {
  flex: 0 1 auto;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  overflow-y: auto;
}
.streams-list-container-xYMJo .message-container-f9_L4 .search-Bo8nu {
  flex: none;
}
.streams-list-container-xYMJo .message-container-f9_L4 .image-rIyu6 {
  flex: none;
  width: 10rem;
  height: 10rem;
  max-width: 100%;
  margin-bottom: 1rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.streams-list-container-xYMJo .message-container-f9_L4 .label-luvnO {
  flex: none;
  font-size: 1.4rem;
  text-align: center;
  color: var(--primary-foreground-color);
  margin-bottom: 2rem;
}
.streams-list-container-xYMJo .addons-loading-container-Vkwp3 {
  display: flex;
  z-index: 1;
  overflow: visible;
  margin: 2em;
  gap: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
}
.streams-list-container-xYMJo .addons-loading-container-Vkwp3 .addons-loading-zhdQr {
  color: var(--primary-foreground-color);
  font-size: 1rem;
}
.streams-list-container-xYMJo .addons-loading-container-Vkwp3 .addons-loading-bar-MqT59 {
  width: 90%;
  height: 0.3em;
  border-radius: var(--border-radius);
  background-color: var(--primary-accent-color);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs {
  display: flex;
  align-items: center;
  z-index: 2;
  margin: 1em 1em 0 1em;
  gap: 0 0.5em;
  overflow: visible;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5em;
  padding: 1em;
  max-height: 3em;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk .icon-SoFgF {
  width: 1.5em;
  height: 1.5em;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk:hover,
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk.active {
  background-color: var(--overlay-color);
  opacity: 1;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk:hover .icon-SoFgF,
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .back-button-container-cJ4bk.active .icon-SoFgF {
  color: var(--primary-foreground-color);
  opacity: 0.8;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .episode-title-dln_c {
  min-width: 45%;
  color: var(--primary-foreground-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ {
  min-width: 40%;
  flex-grow: 1;
  background-color: none;
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:hover,
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_:focus,
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_.active {
  background-color: var(--overlay-color);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .label-AR_l8 {
  color: var(--primary-foreground-color);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .icon-jg2il {
  color: var(--primary-foreground-color);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ .menu-container-qiz0X {
  overflow: auto;
}
.streams-list-container-xYMJo .streams-container-bbSc4 {
  flex: 1 1 auto;
  align-self: stretch;
  margin-top: 1rem;
  padding: 0 1rem;
  overflow-y: auto;
}
.streams-list-container-xYMJo .residual-streams-container-cvcDw {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
}
.streams-list-container-xYMJo .install-button-container-Q60yJ {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background-color: var(--secondary-accent-color);
  height: 4rem;
  padding: 0 2rem;
  margin: 1rem auto;
  max-width: 50%;
  border-radius: 2rem;
}
.streams-list-container-xYMJo .install-button-container-Q60yJ:hover {
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
  background-color: transparent;
}
.streams-list-container-xYMJo .install-button-container-Q60yJ .icon-SoFgF {
  flex: none;
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  color: var(--primary-foreground-color);
}
.streams-list-container-xYMJo .install-button-container-Q60yJ .label-luvnO {
  flex: 0 1 auto;
  font-size: 1rem;
  font-weight: 700;
  max-height: 3.6em;
  text-align: center;
  color: var(--primary-foreground-color);
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .streams-list-container-xYMJo {
    overflow: visible;
  }
  .streams-list-container-xYMJo .streams-container-bbSc4 {
    margin-top: 0;
    overflow: visible;
    scrollbar-color: hsla(0, 0%, 100%, 0.2) transparent;
  }
  .streams-list-container-xYMJo .streams-container-bbSc4::-webkit-scrollbar-thumb {
    background-color: hsla(0, 0%, 100%, 0.2);
  }
  .streams-list-container-xYMJo .streams-container-bbSc4::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .streams-list-container-xYMJo .addons-loading-container-Vkwp3 {
    position: sticky;
    bottom: 0;
    margin: 0;
    padding: 1em;
    background-color: var(--primary-background-color);
  }
}

.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;
}

.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;
}
@media only screen and (max-width: 640px) {
  .seasons-bar-container-nOZjG {
    height: 6rem;
  }
}

.videos-list-container-NepX5 {
  display: flex;
  flex-direction: column;
}
.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;
  overflow-y: auto;
}
@media only screen and (max-width: 640px) {
  .videos-list-container-NepX5 {
    overflow: visible;
  }
  .videos-list-container-NepX5 .videos-container-msX8s {
    overflow: auto;
  }
}

.metadetails-container-K_Dqa {
  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);
}
.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: right;
  opacity: 0.3;
}
.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: row;
  margin-top: calc(var(--top-overlay-size) * -1);
  padding-top: var(--top-overlay-size);
  padding-bottom: var(--safe-area-inset-bottom, 0rem);
}
.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;
  padding: 0 4rem 2rem 4rem;
  padding-left: max(1rem, calc(4rem - var(--safe-area-inset-left)));
}
.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);
}
.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;
  }
}
@media only screen and (max-width: 640px) {
  .metadetails-container-K_Dqa .background-image-layer-wJa90 .background-image-tSjYu {
    object-position: center;
  }
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV {
    display: block;
    overflow-y: auto;
    padding-top: calc(var(--top-overlay-size) + var(--safe-area-inset-top));
  }
  .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 .videos-list-nE0LJ,
  .metadetails-container-K_Dqa .metadetails-content-Uz5EV .streams-list-Y1lCM {
    border-radius: var(--border-radius) var(--border-radius) 0 0;
  }
}

.meta-item-container-Tj0Ib{overflow:visible;padding:0 0.25rem;transition-duration:500ms;transition-property:transform;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.meta-item-container-Tj0Ib:focus,.meta-item-container-Tj0Ib.active,.meta-item-container-Tj0Ib.selected,.meta-item-container-Tj0Ib:hover{outline-style:none;--scale-x:1.05;--scale-y:1.05;transform:scaleX(var(--scale-x)) scaleY(var(--scale-y));z-index:1}.meta-item-container-Tj0Ib:focus .poster-container-qkw48,.meta-item-container-Tj0Ib.active .poster-container-qkw48,.meta-item-container-Tj0Ib.selected .poster-container-qkw48,.meta-item-container-Tj0Ib:hover .poster-container-qkw48{border-color:var(--primary-background-color);box-shadow:0px 0px 0px 4px var(--primary-foreground-color)}.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,.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .dismiss-icon-layer-BWztF{opacity:1}.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,.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR{color:transparent}.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,.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh{background-color:var(--secondary-accent-color);opacity:1}.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,.meta-item-container-Tj0Ib:hover .title-bar-container-1Ba0x .menu-label-container-ChuX8{opacity:1}.meta-item-container-Tj0Ib.poster-shape-poster-MEhNx .poster-container-qkw48{padding-top:calc(100% * var(--poster-shape-ratio))}.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:calc(100% * var(--landscape-shape-ratio))}.meta-item-container-Tj0Ib .poster-container-qkw48{background-color:var(--overlay-color);border:4px solid transparent;border-radius:var(--border-radius);position:relative;transition-duration:700ms;transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);z-index:0}.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{align-items:center;border-radius:100%;display:flex;height:1.5rem;justify-content:center;left:0.5rem;opacity:0;position:absolute;top:0.5rem;transition:opacity 0.1s ease-in;width:1.5rem;z-index:-2}.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-db3fv{color:var(--primary-foreground-color);height:1.25rem;opacity:0.8;position:relative;width:1.25rem;z-index:1}.meta-item-container-Tj0Ib .poster-container-qkw48 .dismiss-icon-layer-BWztF .dismiss-icon-backdrop-MkuLQ{background-color:var(--primary-background-color);bottom:0;left:0;opacity:0.6;position:absolute;right:0;top:0;z-index:0}.meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO{align-items:center;background-color:var(--primary-accent-color);border-radius:50%;display:flex;height:1.5rem;justify-content:center;left:0;margin:0.5rem;position:absolute;top:0;width:1.5rem}.meta-item-container-Tj0Ib .poster-container-qkw48 .watched-icon-layer-bi3DO .watched-icon-zuUdK{color:var(--primary-foreground-color);height:0.75rem;width:0.75rem}.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ{align-items:center;bottom:0;display:flex;flex-direction:row;justify-content:center;left:0;position:absolute;right:0;top:0;transition:transform 0.1s ease-out;z-index:-3}.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .poster-image-NiV7O{flex:none;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0.9;overflow-clip-margin:unset;width:100%}.meta-item-container-Tj0Ib .poster-container-qkw48 .poster-image-layer-KimPZ .placeholder-icon-xttvb{color:var(--primary-foreground-color);flex:none;height:50%;opacity:0.2;width:80%}.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo{align-items:center;display:flex;height:4rem;justify-content:center;left:50%;margin-left:calc(4rem / -2);margin-top:calc(4rem / -2);position:absolute;top:50%;transition:transform 0.1s ease-out;width:4rem;z-index:-2}.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-QmEEA{color:var(--primary-foreground-color);height:2.25rem;position:relative;width:2.25rem;z-index:2}.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR{border-radius:100%;bottom:0;box-shadow:inset 0 0 0 0.15rem currentColor;color:var(--primary-foreground-color);left:0;position:absolute;right:0;top:0;transition:color 0.1s ease-in;z-index:1}.meta-item-container-Tj0Ib .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh{background-color:var(--primary-background-color);border-radius:100%;bottom:0;left:0;opacity:0.4;position:absolute;right:0;top:0;transition:all 0.1s ease-in;z-index:0}.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{border-radius:0.45rem;bottom:1rem;height:0.45rem;left:1rem;overflow:hidden;position:absolute;right:1rem;z-index:-1}.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-w1rNN{background-color:var(--primary-foreground-color);height:100%;position:relative}.meta-item-container-Tj0Ib .poster-container-qkw48 .progress-bar-layer-LVYYi .progress-bar-background-kyRgp{background-color:var(--primary-foreground-color);height:100%;left:0;opacity:0.3;position:absolute;top:0;width:100%}.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9{overflow:visible;position:absolute;right:0;top:0;z-index:-1}.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe{align-items:center;border-radius:0.25rem;display:flex;height:1.25rem;justify-content:center;position:absolute;width:2.25rem}.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:first-child{background-color:var(--primary-foreground-color);opacity:0.4;right:0.5rem;top:0.5rem}.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(2){background-color:var(--primary-foreground-color);opacity:0.6;right:0.75rem;top:0.75rem}.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe:nth-child(3){background-color:var(--primary-foreground-color);right:1rem;top:1rem}.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .icon-gh1t9{color:var(--primary-accent-color);height:0.8rem;width:0.8rem}.meta-item-container-Tj0Ib .poster-container-qkw48 .new-videos-cwuD9 .layer-dQmEe .label-ZZ2m7{color:var(--primary-accent-color);font-size:0.8rem;font-weight:600}.meta-item-container-Tj0Ib .title-bar-container-1Ba0x{align-items:center;display:flex;flex-direction:row;height:4rem;overflow:visible}.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc{color:var(--primary-foreground-color);display:-webkit-box;flex:1;font-weight:600;-webkit-line-clamp:2;padding-left:1.5rem;text-align:center;-webkit-box-orient:vertical;overflow:hidden}.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .title-label-VnEAc:only-child{padding:0 0.5rem}.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8{background-color:transparent;flex:none;height:4rem;opacity:0;padding:1rem 0;transform:translateX(1rem);transition:opacity 0.1s ease-out;width:1.5rem;z-index:1}.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .icon-gh1t9{color:var(--primary-foreground-color);display:block;height:100%;opacity:0.6;width:100%}.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{max-width:14rem;min-width:9rem}.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:focus,.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW:hover{background-color:var(--overlay-color);outline:none}.meta-item-container-Tj0Ib .title-bar-container-1Ba0x .menu-label-container-ChuX8 .menu-container-B6cqK .menu-container-qiz0X .option-container-mO9yW .label-AR_l8{color:var(--primary-foreground-color);font-weight:500;opacity:0.8}@media only screen and (max-width:640px){.meta-item-container-Tj0Ib{padding:0.25rem}.meta-item-container-Tj0Ib .title-bar-container-1Ba0x{margin-top:0.5rem}}
.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-row-EQLaD .meta-item-container-Tj0Ib:hover .poster-container-qkw48,
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD .meta-item-container-Tj0Ib:focus .poster-container-qkw48,
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD .meta-item-container-Tj0Ib.active .poster-container-qkw48,
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD .meta-item-container-Tj0Ib.selected .poster-container-qkw48 {
  border-color: transparent;
  box-shadow: none;
}
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD .meta-item-container-Tj0Ib:focus .poster-container-qkw48,
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD .meta-item-container-Tj0Ib.active .poster-container-qkw48,
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD .meta-item-container-Tj0Ib.selected .poster-container-qkw48 {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.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;
}
.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;
}
.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;
  }
}

.menu-xeE06 {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  width: 18rem;
  padding: 3rem 1.5rem;
}
.menu-xeE06 .button-DNmYL {
  flex: none;
  align-self: stretch;
  display: flex;
  align-items: center;
  height: 4rem;
  border-radius: 0.75rem;
  padding: 2rem;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.menu-xeE06 .button-DNmYL.selected-S7SeK {
  font-weight: 600;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
  opacity: 1;
}
.menu-xeE06 .button-DNmYL:hover {
  background-color: var(--overlay-color);
}
.menu-xeE06 .spacing-PVpEn {
  flex: 1;
}
.menu-xeE06 .version-info-label-rSTCy {
  flex: 0 1 auto;
  margin: 0.5rem 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary-foreground-color);
  opacity: 0.3;
  overflow: hidden;
}
@media only screen and (max-width: 1000px) {
  .menu-xeE06 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .menu-xeE06 {
    display: none;
  }
}

.category-GP0hI {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  overflow: visible;
}
.category-GP0hI:not(:last-child) {
  border-bottom: thin solid var(--overlay-color);
}
.category-GP0hI .heading-XePFl {
  position: relative;
  height: 4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.category-GP0hI .heading-XePFl .label-N_O2v {
  flex: none;
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
}
.category-GP0hI .heading-XePFl .icon-oZoyV {
  flex: none;
  width: 2rem;
  height: 2rem;
  color: var(--primary-foreground-color);
}

.link-FrL1t {
  position: relative;
  display: flex;
  align-items: center;
  height: 2rem;
}
.link-FrL1t .label-PJvSJ {
  color: var(--primary-accent-color);
}
.link-FrL1t:hover .label-PJvSJ {
  text-decoration: underline;
}

.option-vFOAS {
  position: relative;
  width: 100%;
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  margin-bottom: 2rem;
  overflow: visible;
}
.option-vFOAS .heading-dYMDt,
.option-vFOAS .content-P2T0i {
  flex: 1 1 50%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.option-vFOAS .heading-dYMDt {
  display: flex;
  gap: 0.75rem;
}
.option-vFOAS .heading-dYMDt .icon-fE4hv {
  width: 4rem;
  height: 4rem;
  color: var(--primary-foreground-color);
}
.option-vFOAS .heading-dYMDt .label-qI6Vh {
  line-height: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--primary-foreground-color);
}
.option-vFOAS .content-P2T0i {
  justify-content: center;
  overflow: visible;
}
.option-vFOAS .content-P2T0i .multiselect {
  width: 100%;
  padding: 0;
  background: var(--overlay-color);
}
.option-vFOAS .content-P2T0i .button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 100%;
  padding: 0 2rem;
  border-radius: 3.5rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
}
.option-vFOAS .content-P2T0i .button:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.option-vFOAS .content-P2T0i .color-input {
  width: 100%;
  padding: 1.3rem 1rem;
  border-radius: 3rem;
  border: 2px solid transparent;
  transition: 0.3s all ease-in-out;
}
.option-vFOAS .content-P2T0i .color-input:hover {
  border-color: var(--overlay-color);
}

.section-hcYuV {
  position: relative;
  max-width: 35rem;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 3rem 0;
  overflow: visible;
}
.section-hcYuV:not(:last-child) {
  border-bottom: thin solid var(--overlay-color);
}
.section-hcYuV .label-wXG3e {
  flex: none;
  align-self: stretch;
  font-size: 1.8rem;
  line-height: 3.4rem;
  margin-bottom: 2rem;
  color: var(--primary-foreground-color);
}

.user-qhCA4 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.user-qhCA4 .user-info-content-uzAvu {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user-qhCA4 .user-info-content-uzAvu .avatar-container-DeGD6 {
  flex: none;
  align-self: stretch;
  height: 5rem;
  width: 5rem;
  margin-right: 1rem;
  border: 2px solid var(--primary-accent-color);
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
  background-clip: content-box;
  opacity: 0.9;
  background-color: var(--primary-foreground-color);
}
.user-qhCA4 .user-info-content-uzAvu .email-logout-container-YPJlN {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: start;
}
.user-qhCA4 .user-info-content-uzAvu .email-logout-container-YPJlN .email-label-container-NEqIq {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.user-qhCA4 .user-info-content-uzAvu .email-logout-container-YPJlN .email-label-container-NEqIq .email-label-LXltS {
  flex: 1;
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.user-qhCA4 .user-panel-container-WxLTU {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 10rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  background-color: var(--overlay-color);
}
.user-qhCA4 .user-panel-container-WxLTU:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.user-qhCA4 .user-panel-container-WxLTU .user-panel-label-KmZCD {
  flex: 1;
  max-height: 2.4em;
  padding: 0 0.5rem;
  font-weight: 500;
  text-align: center;
  color: var(--primary-foreground-color);
}
.subscription-option-d_hYB {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}
.subscription-option-d_hYB .heading-aDLAw {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.subscription-option-d_hYB .heading-aDLAw .icon-rSn0B {
  flex: none;
  width: 3rem;
  height: 3rem;
  color: var(--primary-foreground-color);
}
.subscription-option-d_hYB .heading-aDLAw .label-container-TJ5CQ {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.subscription-option-d_hYB .heading-aDLAw .label-container-TJ5CQ .label-Rxy3n {
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  line-height: 1.2;
}
.subscription-option-d_hYB .heading-aDLAw .label-container-TJ5CQ .sub-label-xb_47 {
  font-size: 0.85rem;
  color: var(--secondary-accent-color);
  line-height: 1.2;
}
.subscription-option-d_hYB .content-Yc906 {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
}
.subscription-option-d_hYB .content-Yc906 .action-button-kxuNe {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 100%;
  padding: 0 1.5rem;
  border-radius: 0.75rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
  transition: all 0.2s ease;
}
.subscription-option-d_hYB .content-Yc906 .action-button-kxuNe:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
@media only screen and (max-width: 640px) {
  .user-qhCA4 {
    flex-direction: column;
    align-items: flex-start;
  }
  .user-qhCA4 .user-panel-container-WxLTU {
    width: 100% !important;
  }
}

.option-vFOAS{flex:none;flex-direction:row;gap:2rem;margin-bottom:2rem;overflow:visible;width:100%}.option-vFOAS,.option-vFOAS .content-P2T0i,.option-vFOAS .heading-dYMDt{align-items:center;display:flex;position:relative}.option-vFOAS .content-P2T0i,.option-vFOAS .heading-dYMDt{flex:1 1 50%;flex-direction:row}.option-vFOAS .heading-dYMDt{display:flex;gap:0.75rem}.option-vFOAS .heading-dYMDt .icon-fE4hv{color:var(--primary-foreground-color);height:4rem;width:4rem}.option-vFOAS .heading-dYMDt .label-qI6Vh{display:-webkit-box;-webkit-line-clamp:2;line-height:1.5rem;-webkit-box-orient:vertical;color:var(--primary-foreground-color);overflow:hidden}.option-vFOAS .content-P2T0i{justify-content:center;overflow:visible}.option-vFOAS .content-P2T0i .multiselect{background:var(--overlay-color);padding:0;width:100%}.option-vFOAS .content-P2T0i .button{align-items:center;background-color:var(--overlay-color);border-radius:3.5rem;color:var(--primary-foreground-color);display:flex;font-weight:500;height:3.5rem;justify-content:center;padding:0 2rem;width:100%}.option-vFOAS .content-P2T0i .button:hover{background-color:transparent;outline:var(--focus-outline-size) solid var(--primary-foreground-color)}.option-vFOAS .content-P2T0i .color-input{border:2px solid transparent;border-radius:3rem;padding:1.3rem 1rem;transition:all 0.3s ease-in-out;width:100%}.option-vFOAS .content-P2T0i .color-input:hover{border-color:var(--overlay-color)}
.trakt-container-wWlM8 {
  margin-top: 2rem;
}
.trakt-container-wWlM8 .icon-fE4hv {
  color: var(--color-trakt) !important;
}
.discord-container-yJt0d .icon-fE4hv {
  color: #5865f2 !important;
}

.shortcuts-group-lFLEk {
  width: 100%;
  margin-bottom: 3rem;
}

.info-nBG5H {
  display: none;
}
.info-nBG5H .content-P2T0i {
  color: var(--primary-foreground-color);
  overflow: hidden;
}
.info-nBG5H .content-P2T0i .label-ldqPK {
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media only screen and (max-width: 1000px) {
  .info-nBG5H {
    display: flex;
  }
}
@media only screen and (max-width: 640px) {
  .info-nBG5H {
    display: flex;
  }
}

.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: row;
}
.settings-container-_g1tS .settings-content-co5eU .sections-container-ZaZpD {
  flex: 1;
  align-self: stretch;
  padding: 0 3rem;
  overflow-y: auto;
}
@media only screen and (max-width: 640px) {
  .settings-container-_g1tS .settings-content-co5eU {
    flex-direction: column-reverse;
  }
  .settings-container-_g1tS .settings-content-co5eU .sections-container-ZaZpD {
    padding: 0 1.5rem;
  }
}

.buffering-IgMNi {
  display: flex;
  align-items: center;
  justify-content: center;
}
.buffering-IgMNi .logo-GBPtk {
  position: absolute;
  display: block;
  max-width: 15rem;
  max-height: 15rem;
  width: auto;
  height: auto;
  animation: pulse-Aqwp7 2s infinite;
  transition: clip-path 0.1s ease-in-out;
}
.buffering-IgMNi .logo-GBPtk.background-G3FHq {
  opacity: 0.2 !important;
}
@keyframes pulse-Aqwp7 {
  0% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  100% {
    opacity: 0.4;
    transform: scale(1);
  }
}

html.active-slider-within-NcgYf{cursor:grabbing}html.active-slider-within-NcgYf body{pointer-events:none}.slider-container-nJz5F{cursor:pointer;overflow:visible;position:relative;z-index:0}.slider-container-nJz5F.disabled{opacity:0.5;pointer-events:none}.slider-container-nJz5F .layer-aC5Vt{align-items:center;bottom:0;display:flex;flex-direction:row;left:0;overflow:visible;position:absolute;right:0;top:0;z-index:0}.slider-container-nJz5F .track-gItfW{background-color:var(--primary-accent-color);border-radius:var(--track-size);flex:1;height:var(--track-size);opacity:0.2;width:100%;z-index:0}.slider-container-nJz5F .track-gItfW.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;opacity:0.3}.slider-container-nJz5F .track-before-kJzIb{background-color:var(--overlay-color);z-index:1}.slider-container-nJz5F .track-after-pUXC0,.slider-container-nJz5F .track-before-kJzIb{border-radius:var(--track-size);flex:none;height:var(--track-size)}.slider-container-nJz5F .track-after-pUXC0{background-color:var(--primary-foreground-color);-webkit-mask-image:linear-gradient(to right,black 0%,black var(--mask-width),transparent var(--mask-width));mask-image:linear-gradient(to right,black 0%,black var(--mask-width),transparent var(--mask-width));width:100%;z-index:2}.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{background-color:var(--primary-foreground-color);border-radius:100%;flex:none;height:var(--thumb-size);transform:translateX(-50%);width:var(--thumb-size);z-index:3}
.volume-slider-G_xAt:not(.disabled) .track-gItfW {
  background-color: var(--overlay-color);
  opacity: 1;
}
.volume-slider-G_xAt:not(.disabled) .track-after-pUXC0 {
  background-color: var(--primary-foreground-color);
}
.volume-slider-G_xAt:not(.disabled) .thumb-PiTF5 {
  background-color: hsl(224.3, 42.1%, 86%);
  transition: transform 150ms ease;
}
.volume-slider-G_xAt:not(.disabled) .thumb-PiTF5:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  box-shadow: 0 0 0 0.25rem white inset;
}
.volume-slider-G_xAt:not(.disabled):hover .track-after-pUXC0,
.volume-slider-G_xAt:not(.disabled).active .track-after-pUXC0 {
  background-color: var(--primary-foreground-color);
}
.volume-slider-G_xAt:not(.disabled):hover .thumb-PiTF5,
.volume-slider-G_xAt:not(.disabled).active .thumb-PiTF5 {
  transform: translateX(-50%) scale(1.2);
}

.volume-change-indicator-EWypD {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  background-color: var(--overlay-color);
  border-radius: var(--border-radius);
  padding: 2rem 2.5rem;
  gap: 1rem;
}
.volume-change-indicator-EWypD .volume-icon-zn9zT {
  width: 6.5rem;
  height: 6.5rem;
  color: var(--primary-foreground-color);
}
.volume-change-indicator-EWypD .volume-slider-FKN0X {
  border-radius: var(--border-radius);
  width: 6.5rem;
  max-height: 1rem;
  flex: 0 1 10rem;
  margin: 0 1rem;
  --track-size: 0.35rem;
  --thumb-size: 1rem;
}
@media only screen and (max-width: 640px) {
  .volume-change-indicator-EWypD {
    padding: 1rem 1.5rem;
  }
  .volume-change-indicator-EWypD .volume-icon-zn9zT {
    width: 4rem;
    height: 4rem;
  }
  .volume-change-indicator-EWypD .volume-slider-FKN0X {
    width: 4rem;
  }
}

.error-ty_iB {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #000000;
}
.error-ty_iB .error-label-lyLDv {
  flex: 0 1 auto;
  padding: 0 8rem;
  max-height: 4.8em;
  font-size: 2rem;
  color: var(--primary-foreground-color);
  text-align: center;
}
.error-ty_iB .error-sub-rdwAf {
  flex: 0 1 auto;
  padding: 0 2rem;
  max-height: 4.8em;
  font-size: 1.3rem;
  margin-top: 0.8rem;
  color: var(--primary-foreground-color);
  text-align: center;
}
.error-ty_iB .playlist-button-tZTCo {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 3.5rem;
  border-radius: 3.5rem;
  margin-top: 1.5rem;
  padding: 0 2rem;
  background-color: var(--secondary-accent-color);
}
.error-ty_iB .playlist-button-tZTCo:hover {
  outline: var(--focus-outline-size) solid var(--secondary-accent-color);
  background-color: transparent;
}
.error-ty_iB .playlist-button-tZTCo .icon-fIGRf {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  color: var(--primary-foreground-color);
}
.error-ty_iB .playlist-button-tZTCo .label-Z7jSJ {
  flex: 1;
  max-height: 2.4em;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  text-align: center;
}

.seek-bar-container-JGGTa {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.seek-bar-container-JGGTa .label-QFbsS {
  flex: none;
  width: 5.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: rtl;
  text-align: center;
  font-size: 1.1rem;
  font-variant-numeric: tabular-nums;
  color: var(--primary-foreground-color);
  opacity: 0.9;
}
.seek-bar-container-JGGTa .slider-hBDOf {
  flex: 1;
  align-self: stretch;
  margin: 0 var(--thumb-size);
}
.seek-bar-container-JGGTa .slider-hBDOf .track-after-pUXC0 {
  background-color: var(--primary-accent-color);
}
.seek-bar-container-JGGTa .slider-hBDOf .thumb-PiTF5 {
  background-color: var(--primary-accent-color);
  transition: transform 150ms ease;
}
.seek-bar-container-JGGTa .slider-hBDOf .thumb-PiTF5:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  box-shadow: 0 0 0 0.25rem var(--primary-accent-color) inset;
  filter: brightness(130%);
}
.seek-bar-container-JGGTa .slider-hBDOf:hover .thumb-PiTF5 {
  transform: translateX(-50%) scale(1.2);
}

.control-bar-container-xsWA7 {
  padding: 0 2rem;
}
.control-bar-container-xsWA7 .seek-bar-I7WeY {
  --track-size: 0.4rem;
  --thumb-size: 1.2rem;
  height: 2.5rem;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj {
  flex: none;
  width: 4rem;
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  transition: background-color 150ms ease;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj:hover:not(.disabled) {
  background-color: var(--overlay-color);
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj.disabled .icon-qy6I6 {
  opacity: 0.4;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj .icon-qy6I6 {
  flex: none;
  width: 2.2rem;
  height: 2.2rem;
  color: var(--primary-foreground-color);
  transition: transform 100ms ease;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo {
  --track-size: 0.35rem;
  --thumb-size: 1rem;
  flex: 0 1 10rem;
  height: 4rem;
  margin: 0 0.5rem;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .spacing-p8NJQ {
  flex: 1;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd {
  flex: none;
  width: 4rem;
  height: 4rem;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  transition: background-color 150ms ease;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd:hover {
  background-color: var(--overlay-color);
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd .icon-qy6I6 {
  flex: none;
  width: 2.2rem;
  height: 2.2rem;
  color: var(--primary-foreground-color);
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ {
  flex: none;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
@media only screen and (max-width: 640px) {
  .control-bar-container-xsWA7 {
    padding: 0;
  }
  .control-bar-container-xsWA7 .seek-bar-I7WeY {
    margin: 0 1.5rem;
  }
  .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU {
    position: relative;
    padding: 0 0.5rem;
    overflow: visible;
    gap: 0.15rem;
  }
  .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .volume-slider-U9jfo {
    display: none;
  }
  .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd {
    display: flex;
  }
  .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_ {
    position: absolute;
    right: 0rem;
    bottom: 4.5rem;
    padding: 0.5rem;
    margin: 0.5rem;
    gap: 0.15rem;
    max-width: calc(100dvw - 1rem);
    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);
    overflow-x: auto;
  }
  .control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-container-M6L0_:not(.open) {
    display: none;
  }
}

.next-video-popup-container-H4wnL {
  display: flex;
  flex-direction: row;
  width: 38rem;
  min-height: 13rem;
  animation: slide-fade-in-rk2M8 0.5s ease-in;
}
@keyframes slide-fade-in-rk2M8 {
  0% {
    opacity: 0;
    transform: translateX(calc(40rem + 2rem));
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.next-video-popup-container-H4wnL .poster-container-tXZjA {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--overlay-color);
}
.next-video-popup-container-H4wnL .poster-container-tXZjA .poster-image-2D6wg {
  flex: none;
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
}
.next-video-popup-container-H4wnL .poster-container-tXZjA .poster-image-2D6wg.blurred-rcoS5 {
  filter: blur(0.5rem);
  -webkit-filter: blur(0.5rem);
}
.next-video-popup-container-H4wnL .poster-container-tXZjA .placeholder-icon-fu1rK {
  flex: none;
  width: 80%;
  height: 50%;
  color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx {
  flex: 1 1 55%;
  display: flex;
  flex-direction: column;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ {
  flex: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem 2rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL {
  flex: none;
  align-self: stretch;
  max-height: 2.4em;
  font-weight: 700;
  color: var(--primary-accent-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .name-sIiDL .label-zOq_w {
  color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .details-container-bUOTZ .title-Z5Kgo {
  flex: none;
  align-self: stretch;
  max-height: 2.4em;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 1rem 1.5rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .spacing-iFwsN {
  flex: 0 0 50%;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t {
  flex: 0 1 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 3.5rem;
  padding: 0 1rem;
  border-radius: 1.75rem;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 {
  background-color: var(--primary-accent-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .icon-N3Ewm {
  color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6 .label-zOq_w {
  color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.play-button-Dluk6:hover {
  outline: var(--focus-outline-size) solid var(--primary-accent-color);
  background-color: transparent;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .icon-N3Ewm {
  flex: none;
  width: 1.4rem;
  height: 1.4rem;
  color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .label-zOq_w {
  flex: none;
  max-height: 2.4em;
  font-size: 1.1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t.dismiss-IvEL_ {
  opacity: 0.6;
}
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:hover,
.next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t:focus {
  background-color: var(--overlay-color);
}
@media screen and (max-width: 500px) and (max-height: 1000px) and (orientation: portrait) {
  .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ {
    gap: 0.5rem;
  }
  .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t {
    margin-left: 0rem;
  }
  .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .icon-N3Ewm {
    margin-right: 0rem;
  }
  .next-video-popup-container-H4wnL .info-container-KLOMx .buttons-container-iYrpZ .button-container-i4F7t .label-zOq_w {
    display: none;
  }
}

.statistics-menu-container-DhiHn {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 30rem;
  padding: 1.5rem;
}
.statistics-menu-container-DhiHn .title-NCwWH {
  flex: none;
  font-weight: 700;
  color: var(--primary-foreground-color);
}
.statistics-menu-container-DhiHn .label-h6nN_ {
  flex: none;
  font-weight: 500;
  color: var(--primary-foreground-color);
  opacity: 0.5;
}
.statistics-menu-container-DhiHn .value-E8Ftb {
  flex: none;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.statistics-menu-container-DhiHn .stats-Tr37t {
  flex: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
}
.statistics-menu-container-DhiHn .stats-Tr37t .stat-zoq5A {
  flex: auto;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.statistics-menu-container-DhiHn .info-hash-GT1Cv {
  flex: auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.option-container-m_jZq {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 3.5rem;
  border-radius: var(--border-radius);
  padding: 0 1rem;
  margin-bottom: 0.5rem;
}
.option-container-m_jZq:last-child {
  margin-bottom: 0;
}
.option-container-m_jZq .icon-krR0X {
  flex: none;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 1rem;
  color: var(--primary-foreground-color);
}
.option-container-m_jZq .label-cmqqu {
  flex: 1;
  max-height: 2.4em;
  font-weight: 400;
  color: var(--primary-foreground-color);
}
.option-container-m_jZq:hover {
  background-color: var(--overlay-color);
}
.option-container-m_jZq.disabled {
  opacity: 0.5;
}

.options-menu-container-qlzLt {
  width: 16rem;
  padding: 1rem;
}

.cast-devices-menu-container-iiyf6 {
  width: 16rem;
  padding: 1rem;
}
.cast-devices-menu-container-iiyf6 .message-NFgL6 {
  padding: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  text-align: center;
}

.subtitles-menu-container-PxBRZ {
  height: 25rem;
  display: flex;
  flex-direction: row;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9,
.subtitles-menu-container-PxBRZ .variants-container-XglzH,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-header-jGNcK,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-header-jGNcK,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-header-jGNcK,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-header-TsVSR,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-header-TsVSR,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-header-TsVSR,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .settings-header-eaWnm,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .settings-header-eaWnm,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .settings-header-eaWnm {
  flex: none;
  align-self: stretch;
  padding: 1.5rem 2rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B {
  flex: 1;
  align-self: stretch;
  overflow-y: auto;
  padding: 0 1rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 3.5rem;
  padding: 0 1.5rem;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9.selected,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9:hover {
  background-color: var(--overlay-color);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .language-label-FjjqA {
  flex: 1;
  font-size: 1.1rem;
  color: var(--primary-foreground-color);
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .icon-I1Ruh {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  margin-left: 1rem;
  background-color: var(--secondary-accent-color);
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 {
  width: 16rem;
}
.subtitles-menu-container-PxBRZ .variants-container-XglzH {
  width: 16rem;
}
.subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q {
  flex: 1;
  align-self: stretch;
  padding: 1rem;
}
.subtitles-menu-container-PxBRZ .variants-container-XglzH .no-variants-container-q6u1Q .no-variants-label-RmDKZ {
  max-height: 4.8em;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS {
  width: 17rem;
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .settings-list-mhZV6 {
  overflow-y: scroll;
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .spacing-AWJpt {
  flex: 1;
}
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .stepper-FTDeY {
  padding: 0 1.5rem 1rem;
}

.stepper-OL8zv.disabled .header-fEtxa {
  color: var(--primary-foreground-color);
}
.stepper-OL8zv.disabled .content-A6qIn {
  opacity: 0.4;
}
.stepper-OL8zv .header-fEtxa {
  margin-bottom: 0.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.stepper-OL8zv .content-A6qIn {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 3.5rem;
  background: var(--overlay-color);
}
.stepper-OL8zv .content-A6qIn .button-fisbt {
  flex: none;
  width: 3.5rem;
  height: 3.5rem;
  padding: 1rem;
  border-radius: 100%;
  background-color: var(--overlay-color);
}
.stepper-OL8zv .content-A6qIn .button-fisbt .icon-zdvuT {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--primary-foreground-color);
}
.stepper-OL8zv .content-A6qIn .value-Z6LnU {
  flex: 1;
  font-weight: 500;
  text-align: center;
  color: var(--primary-foreground-color);
}

.variant-option-RT1Op {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 4rem;
  padding: 0 1.5rem;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
}
.variant-option-RT1Op.selected,
.variant-option-RT1Op:hover {
  background-color: var(--overlay-color);
}
.variant-option-RT1Op .info-B5NXN {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.variant-option-RT1Op .info-B5NXN .variant-label-J6D51 {
  flex: 1;
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: var(--primary-foreground-color);
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.variant-option-RT1Op .info-B5NXN .variant-origin-tr6Os {
  font-size: 0.9rem;
  color: var(--color-placeholder-text);
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.variant-option-RT1Op .icon-D8Ps2 {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  margin-left: 1rem;
  background-color: var(--secondary-accent-color);
}
.context-menu-option-na6Oz {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  min-width: 16rem;
  padding: 1.25rem 1.5rem;
}
.context-menu-option-na6Oz:hover,
.context-menu-option-na6Oz:focus {
  background-color: var(--overlay-color);
}
.context-menu-option-na6Oz .menu-icon-kOThr {
  flex: none;
  width: 1.4rem;
  height: 1.4rem;
  color: var(--color-placeholder);
}
.context-menu-option-na6Oz .context-menu-option-label-YJcQv {
  flex: 1;
  min-width: 0;
  font-size: 1rem;
  font-weight: 400;
  color: var(--primary-foreground-color);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.audio-menu-qB4SQ {
  display: flex;
  flex-direction: row;
}
.audio-menu-qB4SQ .container-lNRgG {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  max-height: 25rem;
  width: 16rem;
}
.audio-menu-qB4SQ .container-lNRgG .header-yT4vp {
  flex: none;
  align-self: stretch;
  padding: 1.5rem 2rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  overflow-y: auto;
  padding: 0 1rem;
  padding-bottom: 1rem;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  height: 4rem;
  padding: 0 1.5rem;
  border-radius: var(--border-radius);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW.selected,
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW:hover {
  background-color: var(--overlay-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG,
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN {
  flex: auto;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .lang-EXxoG {
  font-size: 1.1rem;
  line-height: 1.5rem;
  color: var(--primary-foreground-color);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .info-BPG2q .label-_DvDN {
  font-size: 0.9rem;
  color: var(--color-placeholder-text);
}
.audio-menu-qB4SQ .container-lNRgG .list-lt_h8 .option-COcvW .icon-DebLV {
  flex: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  background-color: var(--secondary-accent-color);
}

.speed-menu-container-ABjzc {
  width: 30rem;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.speed-menu-container-ABjzc .title-Hu2Dm {
  flex: none;
  align-self: stretch;
  font-weight: 700;
  color: var(--primary-foreground-color);
  padding: 1rem;
  text-align: center;
}
.speed-menu-container-ABjzc .main-container-D0ixM {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-bottom: 1rem;
}
.speed-menu-container-ABjzc .main-container-D0ixM .options-container-DNn3D {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.25rem;
  padding: 0 1rem;
}
.speed-menu-container-ABjzc .main-container-D0ixM .options-container-DNn3D .speed-button-J9OVM {
  flex: 1 0 3rem;
  color: var(--primary-foreground-color);
  padding: 0.2rem 0.25rem;
  border-radius: var(--border-radius);
  text-align: center;
  font-variant-numeric: tabular-nums;
  transition: background-color 150ms ease, color 150ms ease;
}
.speed-menu-container-ABjzc .main-container-D0ixM .options-container-DNn3D .speed-button-J9OVM:hover,
.speed-menu-container-ABjzc .main-container-D0ixM .options-container-DNn3D .speed-button-J9OVM:focus {
  background-color: var(--overlay-color);
}
.speed-menu-container-ABjzc .main-container-D0ixM .options-container-DNn3D .speed-button-J9OVM.active-X_CV7 {
  background-color: var(--overlay-color);
  color: hsl(224.3, 42.1%, 86%);
}
.speed-menu-container-ABjzc .main-container-D0ixM .top-container-Ecn1T {
  display: flex;
  flex-direction: column;
  flex: none;
  min-height: 3rem;
  gap: 0.5rem;
  padding: 0.5rem 0;
}
.speed-menu-container-ABjzc .main-container-D0ixM .top-container-Ecn1T .speed-title-k0DqM {
  font-weight: 700;
  color: var(--primary-foreground-color);
  text-align: center;
}
.speed-menu-container-ABjzc .main-container-D0ixM .slider-4MJyM {
  --track-size: 0.35rem;
  --thumb-size: 1rem;
  flex: none;
  min-height: calc(var(--thumb-size) * 2);
  align-self: stretch;
  margin: 0.5rem var(--thumb-size) 0;
  position: relative;
}
.speed-menu-container-ABjzc .main-container-D0ixM .slider-4MJyM .thumb-PiTF5 {
  background-color: hsl(224.3, 42.1%, 86%);
  transition: transform 150ms ease;
}
.speed-menu-container-ABjzc .main-container-D0ixM .slider-4MJyM .thumb-PiTF5:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100%;
  box-shadow: 0 0 0 0.25rem white inset;
}
.speed-menu-container-ABjzc .main-container-D0ixM .slider-4MJyM:hover .thumb-PiTF5 {
  transform: translateX(-50%) scale(1.2);
}

.side-drawer-button-lVLKS {
  height: 12.5rem;
  width: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: start;
  padding-left: 0.5rem;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  background-color: var(--modal-background-color);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  opacity: 1;
  will-change: opacity;
  transition: opacity 0.3s ease-in-out, border-radius 0.3s ease-in-out;
}
.side-drawer-button-lVLKS .icon-g5Oo_ {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
  transition: 0.3s opacity ease-in-out;
}
.side-drawer-button-lVLKS:hover .icon-g5Oo_ {
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  .side-drawer-button-lVLKS {
    height: 8rem;
    width: 4.5rem;
  }
  .side-drawer-button-lVLKS .icon-g5Oo_ {
    width: 2rem;
    height: 2rem;
  }
}

.meta-preview-container-o22hc{display:flex;flex-direction:column;justify-content:end;position:relative;z-index:0}.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{height:6rem;width:100%}.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 .release-info-label-LPJMB,.meta-preview-container-o22hc.compact-ii1zu .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{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 .action-buttons-container-XbKVa{justify-content:space-between}.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child),.meta-preview-container-o22hc.compact-ii1zu .action-buttons-container-XbKVa .group-container-jnAoE:not(:last-child){margin-right:0}.meta-preview-container-o22hc .background-image-layer-kk_WI{bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.meta-preview-container-o22hc .background-image-layer-kk_WI .background-image-9zToE{display:block;filter:blur(10px);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0.3;width:100%}.meta-preview-container-o22hc .meta-info-container-ub8AH{overflow-y:auto}.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 .logo-X3hTV,.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld{display:block;margin-bottom:1.5rem;max-width:100%}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{height:7rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld{align-items:center;background:rgba(255,255,255,0.05);border-radius:8px;color:hsla(0,0%,100%,0.9);display:flex;font-size:1.5rem;height:7rem;justify-content:center}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:1.5rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.1rem;font-weight:600;margin-right:2.5rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp{align-items:center;background:rgba(245,197,24,0.1);border:var(--focus-outline-size) solid transparent;border-radius:0.4rem;display:flex;flex:0 1 auto;flex-direction:row;padding:0.4rem 0.6rem;transition:all 0.2s ease}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:hover{background:rgba(245,197,24,0.15);transform:translateY(-1px)}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:focus{border:var(--focus-outline-size) solid hsl(0,0%,100%);outline:none}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .label-MXv72{color:#f5c518;flex:0 1 auto;font-size:1rem;font-weight:600;margin-right:0.6rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .icon-N_uIU{color:var(--color-imdb);flex:none;height:2rem;width:2rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU{color:var(--primary-foreground-color);font-size:0.95rem;font-weight:400;line-height:1.5;margin-bottom:3.5rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt{color:var(--primary-foreground-color);font-size:0.8rem;font-weight:700;letter-spacing:0.5px;margin-bottom:0.6rem;opacity:0.6;text-transform:uppercase}.meta-preview-container-o22hc .meta-info-container-ub8AH .links-container-xgBcN{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;margin-bottom:1.5rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .links-container-xgBcN .meta-links-Xiao3{margin-top:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .links-container-xgBcN .meta-links-Xiao3:not(:last-child){margin-bottom:0.8rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:0.8rem;margin-bottom:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{border-radius:6px;flex:none;height:3.5rem;min-width:3.5rem;transition:all 0.2s ease}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;min-width:100px}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y:focus,.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y:hover{box-shadow:0 4px 12px rgba(99,102,241,0.3);outline:none;transform:translateY(-2px)}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide{border-radius:0.8rem;padding:0 1.5rem;width:auto}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:focus,.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:hover{outline:none;transform:translateY(-1px)}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:focus,.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:hover{background-color:var(--secondary-accent-color);outline:none}.meta-preview-container-o22hc .action-buttons-container-XbKVa .group-container-jnAoE{flex:none}.meta-preview-container-o22hc .action-buttons-container-XbKVa .ratings-zUtHH{margin-left:auto}@media (min-width:1024px){.meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .logo-X3hTV,.meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .logo-placeholder-rE1ld{height:8.5rem;margin-bottom:2rem}.meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .action-buttons-container-XbKVa,.meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{margin-bottom:2rem}.meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y{font-size:1rem;height:4rem;min-width:120px}.meta-preview-container-o22hc:not(.compact-ii1zu) .meta-info-container-ub8AH .description-container-yi8iU{font-size:1rem;line-height:1.6;margin-bottom:2rem}}@media screen and (max-width:1000px) and (max-height:500px) and (orientation:landscape){.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{height:5rem;margin-bottom:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa{gap:0.5rem;margin-bottom:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3,.meta-preview-container-o22hc .action-buttons-container-XbKVa .group-container-jnAoE{border-radius:2rem;height:3rem;padding:0 1.5rem!important}}@media only screen and (max-width:640px){.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{margin:2rem auto}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r{justify-content:space-between;margin-bottom:1.5rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB,.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI{margin:0}.meta-preview-container-o22hc .action-buttons-container-XbKVa{flex-shrink:0;flex-wrap:nowrap;gap:0.5rem;justify-content:space-between;margin-bottom:1.5rem;overflow:visible;scrollbar-width:none}.meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar{display:none}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{min-width:3rem;padding:0 0.75rem!important}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.play-button-sAq3y{min-width:3rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .ratings-zUtHH{margin-left:0}}
.dropdown-MWaxp{background:var(--modal-background-color);border-radius:var(--border-radius);box-shadow:var(--outer-glow);display:none;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:10}.dropdown-MWaxp.open-yuN4f{display:block;max-height:calc(3rem * 7);overflow:auto}.dropdown-MWaxp .back-button-dGLHu{align-items:center;color:var(--primary-foreground-color);display:flex;gap:0 0.5rem;padding:0.75rem}.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)}}
.side-drawer-r9EuA {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  padding-top: calc(1rem + var(--safe-area-inset-top));
  height: 100dvh;
  max-width: 35rem;
  overflow-y: auto;
  position: relative;
  border-top-left-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: 0 1.35rem 2.7rem var(--color-background-dark5-40), 0 1.1rem 0.85rem var(--color-background-dark5-20);
  backdrop-filter: blur(15px);
  transition: transform 0.3s ease-in-out;
  z-index: 1;
}
@supports (hanging-punctuation: first) and (-webkit-appearance: none) {
  .side-drawer-r9EuA.slide-left-enter,
  .side-drawer-r9EuA.slide-left-active,
  .side-drawer-r9EuA.slide-left-exit {
    transition: none;
  }
}
.side-drawer-r9EuA .close-button-ruzkn {
  display: none;
  position: absolute;
  top: calc(1.3rem + var(--safe-area-inset-top));
  right: 1.3rem;
  padding: 0.5rem;
  background-color: transparent;
  cursor: pointer;
  z-index: 2;
  border-radius: var(--border-radius);
  transition: 0.3s all ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.side-drawer-r9EuA .close-button-ruzkn .icon-k44IU {
  color: var(--primary-foreground-color);
  width: 2rem;
  height: 2rem;
  opacity: 0.6;
  transition: 0.3s opacity ease-in-out;
}
.side-drawer-r9EuA .close-button-ruzkn:hover {
  background-color: var(--overlay-color);
}
.side-drawer-r9EuA .close-button-ruzkn:hover .icon-k44IU {
  opacity: 1;
}
.side-drawer-r9EuA .info-hhNTg {
  padding: 1rem;
  min-height: 0;
  overflow-y: auto;
}
.side-drawer-r9EuA .info-hhNTg .side-drawer-meta-preview-pB8v6 .description-container-yi8iU {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.side-drawer-r9EuA .info-hhNTg .side-drawer-meta-preview-pB8v6 .action-buttons-container-XbKVa {
  padding-top: 0;
  margin-top: 0;
}
.side-drawer-r9EuA .series-content-VkYHB {
  flex: 2;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.side-drawer-r9EuA .series-content-VkYHB .videos-nRM2D {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
@media screen and (max-width: 500px) and (max-height: 1000px) and (orientation: portrait) {
  .side-drawer-r9EuA {
    max-width: 100dvw;
  }
  .side-drawer-r9EuA .close-button-ruzkn {
    display: block;
  }
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .side-drawer-r9EuA {
    max-width: 50dvw;
  }
  .side-drawer-r9EuA .info-hhNTg {
    max-height: 40dvh;
  }
  .side-drawer-r9EuA .dropdown-MWaxp.open-yuN4f {
    max-height: calc(3rem * 4);
  }
}
@media screen and (max-width: 800px) {
  .side-drawer-r9EuA {
    padding: calc(1rem / 2);
  }
  .side-drawer-r9EuA .info-hhNTg {
    padding: calc(1rem / 2);
  }
}

.horizontal-nav-bar-container-Y_zvK{align-items:center;background-color:transparent;box-sizing:content-box;display:flex;flex-direction:row;height:var(--horizontal-nav-bar-size);justify-content:space-between;overflow:visible;padding-left:1rem;padding-right:2rem;padding-top:var(--safe-area-inset-top)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{align-items:center;display:flex;flex:none;height:var(--horizontal-nav-bar-size);justify-content:center;width:var(--vertical-nav-bar-size)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-oPx1q{flex:none;height:2.5rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0.9;width:2.5rem}.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{color:hsla(222.8,100%,78%,0.9);flex:4 0 0;font-size:1.2rem;font-style:normal;font-weight:500;letter-spacing:0.01rem;padding:0 1rem;text-overflow:ellipsis;white-space:nowrap}.horizontal-nav-bar-container-Y_zvK .search-bar-h60ja{height:3.25rem;width:30rem}.horizontal-nav-bar-container-Y_zvK .tabs-container-ENMNh{color:var(--primary-foreground-color);font-weight:700;margin:0 auto}.horizontal-nav-bar-container-Y_zvK .tabs-container-ENMNh>*+*{margin-left:2rem}.horizontal-nav-bar-container-Y_zvK .tab-link-SYr56{color:var(--primary-foreground-color);opacity:0.6}.horizontal-nav-bar-container-Y_zvK .tab-link-SYr56.active-A_PYT{opacity:1}@media (pointer:fine){.horizontal-nav-bar-container-Y_zvK .tab-link-SYr56:hover{opacity:1}}.horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1{align-items:center;display:flex;flex-direction:row;gap:0.5rem;overflow:visible}.horizontal-nav-bar-container-Y_zvK .hdr-indicator-wqNXc{align-items:center;display:flex;flex:none;height:3.5rem;justify-content:center;opacity:0.6;padding:0 0.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.horizontal-nav-bar-container-Y_zvK .hdr-indicator-wqNXc .icon-T8MU6{color:var(--primary-foreground-color);flex:none;height:1.5rem;opacity:0.6;width:3rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L{align-items:center;border-radius:0.75rem;display:flex;flex:none;height:3.5rem;justify-content:center;opacity:0.6;width:3.5rem}.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L .icon-T8MU6{color:var(--primary-foreground-color);flex:none;height:2rem;opacity:0.6;width:2rem}.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-left:0;padding-right:0}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{width:var(--horizontal-nav-bar-size)}.horizontal-nav-bar-container-Y_zvK .tabs-container-ENMNh{display:none}.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}}
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy {
  cursor: none;
}
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .nav-bar-layer-r9HT5,
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .control-bar-layer-m2jto,
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .menu-layer-HZFG9,
html:not(.active-slider-within-NcgYf) .player-container-wIELK.overlayHidden-gyjIy .side-drawer-button-layer-RrB8k {
  opacity: 0;
  transition: opacity 200ms;
}
.player-container-wIELK {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.player-container-wIELK .layer-qalDW {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.player-container-wIELK .layer-qalDW.buffering-layer-ZZCYp,
.player-container-wIELK .layer-qalDW.error-layer-RCEZC {
  background: transparent;
}
.player-container-wIELK .layer-qalDW.background-layer-ldsp8 .image-XxZuJ {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  opacity: 0.6;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 {
  left: var(--safe-area-inset-left);
  right: var(--safe-area-inset-right);
  bottom: initial;
  background: transparent;
  overflow: visible;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5::before {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  height: 8rem;
  z-index: -1;
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
  pointer-events: none;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-xT9_L:hover {
  background: transparent;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .button-container-xT9_L .icon-T8MU6 {
  color: var(--primary-foreground-color);
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5 .title-DGh6h {
  color: var(--primary-foreground-color);
}
.player-container-wIELK .layer-qalDW.side-drawer-button-layer-RrB8k {
  position: fixed;
  top: 50%;
  right: -4rem;
  left: initial;
  transform: translateY(-50%);
}
.player-container-wIELK .layer-qalDW.control-bar-layer-m2jto {
  left: var(--safe-area-inset-left);
  right: var(--safe-area-inset-right);
  top: initial;
  overflow: visible;
  padding-bottom: calc(0.5rem + var(--safe-area-inset-bottom));
}
.player-container-wIELK .layer-qalDW.control-bar-layer-m2jto::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 10rem;
  z-index: -1;
  content: "";
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 0%, transparent 100%);
  pointer-events: none;
}
.player-container-wIELK .layer-qalDW.indicator-layer-EpiA6 {
  top: initial;
  left: 0;
  right: 0;
  bottom: 10rem;
}
.player-container-wIELK .layer-qalDW.preparing-layer-iI631 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}
.player-container-wIELK .layer-qalDW.preparing-layer-iI631 .preparing-indicator-d5D5W {
  padding: 0.8rem 1.6rem;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  color: var(--primary-foreground-color);
  font-size: 1.1rem;
}
.player-container-wIELK .layer-qalDW.menu-layer-HZFG9 {
  top: initial;
  left: initial;
  right: 4rem;
  bottom: 7.5rem;
  max-height: calc(100% - 13rem);
  max-width: calc(100% - 4rem);
  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);
  backdrop-filter: blur(15px);
  overflow: auto;
}
.player-container-wIELK .layer-qalDW.side-drawer-layer-CZtJ1 {
  bottom: 0;
  right: 0;
  left: initial;
  bottom: initial;
}
@media screen and (max-width: 1000px) {
  .player-container-wIELK .layer-qalDW.side-drawer-button-layer-RrB8k {
    right: -2rem;
  }
}
@media (orientation: portrait) and (max-width: 640px) {
  .player-container-wIELK .layer-qalDW.menu-layer-HZFG9 {
    right: 2.5rem;
    bottom: 11rem;
  }
}

.video-container-v9_vA .video-tkpQm {
  width: 100%;
  height: 100%;
}
.video-container-v9_vA .video-tkpQm * {
  font-size: inherit;
}

.indicator-container-wgAZn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4rem;
  user-select: none;
}
.indicator-container-wgAZn .indicator-jM65y {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 2rem;
  border-radius: 4rem;
  text-align: center;
  font-weight: bold;
  color: var(--primary-foreground-color);
  background-color: var(--modal-background-color);
}

.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%;
}
.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;
  }
}

.nav-content-container-hdMFU {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  color: var(--primary-foreground-color);
}
.nav-content-container-hdMFU .landing-content-UvL0P {
  height: 100%;
  overflow-y: auto;
}
.nav-content-container-hdMFU .landing-button-nf67C {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  backdrop-filter: blur(5px);
  background-color: white;
  font-weight: 700;
  line-height: 1.5rem;
  color: var(--secondary-foreground-color);
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  font-size: 1.1rem;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.nav-content-container-hdMFU .landing-button-nf67C:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.nav-content-container-hdMFU .landing-button-nf67C:active {
  transform: translateY(0);
}
.nav-content-container-hdMFU .landing-button-nf67C.secondary-ypncM {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-foreground-color);
  font-weight: 600;
}
.nav-content-container-hdMFU .landing-button-nf67C.secondary-ypncM:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.nav-content-container-hdMFU .chip-fEH6M {
  display: inline-flex;
  align-items: center;
  padding: 0.45rem 0.95rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.04);
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.85rem;
  font-weight: 500;
  white-space: nowrap;
}
.nav-content-container-hdMFU .slider-fade-OMlRl {
  mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 6%, black 94%, transparent);
}
.nav-content-container-hdMFU .statements-section-jijYW .statements-glow-a-d2Eln,
.nav-content-container-hdMFU .statements-section-jijYW .statements-glow-b-cY0Gm {
  position: absolute;
  pointer-events: none;
}
.nav-content-container-hdMFU .statements-section-jijYW .statements-glow-a-d2Eln {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 30%;
  background: radial-gradient(ellipse at center, rgba(0, 153, 255, 0.13) 0%, transparent 70%);
}
.nav-content-container-hdMFU .statements-section-jijYW .statements-glow-b-cY0Gm {
  bottom: 0;
  left: 0;
  width: 50%;
  height: 45%;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.1) 0%, transparent 70%);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-glow-a-jX7VZ,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-glow-b-oHNKc {
  position: absolute;
  pointer-events: none;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-glow-a-jX7VZ {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 45%;
  background: radial-gradient(ellipse at center, rgba(0, 153, 255, 0.13) 0%, transparent 70%);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-glow-b-oHNKc {
  bottom: 0;
  left: 0;
  width: 50%;
  height: 55%;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.1) 0%, transparent 70%);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-eyebrow-gFCBk {
  color: var(--primary-accent-color);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-glance-cPHCp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  overflow: visible;
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-glance-cPHCp {
    flex-direction: row;
    align-items: stretch;
    gap: 3rem;
  }
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-them-FhjBS {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
  overflow: visible;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-caption-wBhsK {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-chaos-j9J0P {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 30rem;
  height: 23rem;
  margin: 0 auto;
  overflow: visible;
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-chaos-j9J0P {
    height: 26rem;
  }
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-0-uz9XN,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-1-fTwNg,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-2-YWwSM,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-3-JcYgl,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-4-lnY72,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-5-iPtiQ,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-6-Ccz3y,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-7-oVRTI,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-8-OwyW2,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-9-lKqQ6,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-10-WZ67r,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-11-Tk3g3,
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-12-nm4Gw {
  position: absolute;
  overflow: visible;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-0-uz9XN {
  top: 21.2%;
  left: 48%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-0-uz9XN img {
  transform: rotate(-10deg);
  border: 1px solid rgba(229, 9, 20, 0.55);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-1-fTwNg {
  top: 21%;
  left: 73.8%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-1-fTwNg img {
  transform: rotate(7deg);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-2-YWwSM {
  top: 35%;
  left: 78.5%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-2-YWwSM img {
  transform: rotate(-6deg);
  border: 1px solid rgba(255, 199, 0, 0.55);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-3-JcYgl {
  top: 51.7%;
  left: 80.2%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-3-JcYgl img {
  transform: rotate(9deg);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-4-lnY72 {
  top: 79.3%;
  left: 59.4%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-4-lnY72 img {
  transform: rotate(-8deg);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-5-iPtiQ {
  top: 81%;
  left: 43.8%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-5-iPtiQ img {
  transform: rotate(6deg);
  border: 1px solid rgba(28, 231, 131, 0.55);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-6-Ccz3y {
  top: 68.5%;
  left: 31.3%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-6-Ccz3y img {
  transform: rotate(-9deg);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-7-oVRTI {
  top: 60.1%;
  left: 15.6%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-7-oVRTI img {
  transform: rotate(11deg);
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-8-OwyW2 {
  top: 44.5%;
  left: 12.5%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-8-OwyW2 img {
  transform: rotate(-7deg);
  border: 1px solid rgba(45, 212, 191, 0.55);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-9-lKqQ6 {
  top: 17.2%;
  left: 35%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-9-lKqQ6 img {
  transform: rotate(8deg);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-10-WZ67r {
  top: 22.8%;
  left: 17.7%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-10-WZ67r img {
  transform: rotate(-5deg);
  border: 1px solid rgba(33, 117, 217, 0.55);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-11-Tk3g3 {
  top: 13%;
  left: 61%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-11-Tk3g3 img {
  transform: rotate(12deg);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-12-nm4Gw {
  top: 78.1%;
  left: 81.3%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-scatter-12-nm4Gw img {
  transform: rotate(-11deg);
  border: 1px solid rgba(255, 72, 88, 0.55);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-logo-n9cjk {
  width: 3rem;
  height: 3rem;
  border-radius: 0.75rem;
  filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.45));
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-logo-n9cjk {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-b5JGK {
  position: absolute;
  z-index: 2;
  overflow: visible;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-b5JGK span {
  display: inline-block;
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-b5JGK span {
    padding: 0.45rem 1rem;
    font-size: 0.85rem;
  }
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-1-0riyB {
  top: 5.3%;
  left: 71%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-1-0riyB span {
  transform: rotate(6deg);
  border-color: rgba(0, 153, 255, 0.55);
  background: rgba(0, 153, 255, 0.14);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-2-IsB_T {
  top: 36%;
  left: 0.8%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-2-IsB_T span {
  transform: rotate(-7deg);
  border-color: rgba(139, 92, 246, 0.55);
  background: rgba(124, 58, 237, 0.16);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-3-XZqWU {
  top: 82.9%;
  left: 8.3%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-3-XZqWU span {
  transform: rotate(5deg);
  border-color: rgba(236, 72, 153, 0.55);
  background: rgba(236, 72, 153, 0.14);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-4-osSra {
  top: 68.5%;
  left: 57%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-4-osSra span {
  transform: rotate(-5deg);
  border-color: rgba(245, 158, 11, 0.55);
  background: rgba(245, 158, 11, 0.14);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-5-BUiVk {
  top: 8%;
  left: 2%;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-fee-5-BUiVk span {
  transform: rotate(8deg);
  border-color: rgba(16, 185, 129, 0.55);
  background: rgba(16, 185, 129, 0.14);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-them-price-qxqxF {
  position: relative;
  z-index: 3;
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.6rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-align: center;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-them-price-qxqxF {
    font-size: 3.5rem;
  }
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-them-price-qxqxF .bestdeal-per-SUroN {
  font-size: 1.2rem;
  font-weight: 600;
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-them-price-qxqxF .bestdeal-per-SUroN {
    font-size: 1.4rem;
  }
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-them-price-qxqxF .bestdeal-them-year-rMZgv {
  color: rgba(255, 255, 255, 0.35);
  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: normal;
  margin-top: 0.25rem;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-arrow-rAdIw {
  color: var(--primary-accent-color);
  font-size: 2.5rem;
  line-height: 1;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-arrow-rAdIw .bestdeal-arrow-glyph-EHA_J {
  display: inline-block;
  transform: rotate(90deg);
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-arrow-rAdIw {
    align-self: center;
  }
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-arrow-rAdIw .bestdeal-arrow-glyph-EHA_J {
    transform: none;
  }
}
@media (min-width: 1024px) {
  .nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-cta-aTNnZ {
    display: inline-flex;
    min-width: 22rem;
  }
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-card-eUrjm {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 2.5rem 2rem;
  border-radius: 1.5rem;
  border: 1px solid transparent;
  background: linear-gradient(rgba(14, 18, 34, 0.97), rgba(14, 18, 34, 0.97)) padding-box, linear-gradient(135deg, rgba(0, 153, 255, 0.9), rgba(124, 58, 237, 0.85)) border-box;
  box-shadow: 0 0 80px rgba(0, 153, 255, 0.12);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-card-eUrjm:hover {
  transform: translateY(-3px);
  box-shadow: 0 0 100px rgba(0, 153, 255, 0.18);
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-price-kmWMD {
  color: var(--primary-foreground-color);
  font-size: 3.25rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-price-kmWMD .bestdeal-per-light-MVkq2 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.25rem;
  font-weight: 500;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-billing-nrb7v {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-features-iq9gk {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 0.75rem;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-feature-XnUPu {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-check-t4sc4 {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: #0099ff;
}
.nav-content-container-hdMFU .bestdeal-section-Xh0Fm .bestdeal-save-Exim9 {
  margin-top: 1rem;
  padding: 0.4rem 1rem;
  border-radius: 999px;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  background-image: linear-gradient(135deg, #0099ff, #7c3aed);
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

.pointer-events-none {
  pointer-events: none;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}

.bottom-0 {
  bottom: 0px;
}

.bottom-2 {
  bottom: 0.5rem;
}

.bottom-4 {
  bottom: 1rem;
}

.bottom-\[13px\] {
  bottom: 13px;
}

.bottom-\[4px\] {
  bottom: 4px;
}

.left-2 {
  left: 0.5rem;
}

.left-20 {
  left: 5rem;
}

.left-24 {
  left: 6rem;
}

.left-\[165px\] {
  left: 165px;
}

.right-0 {
  right: 0px;
}

.right-10 {
  right: 2.5rem;
}

.right-12 {
  right: 3rem;
}

.right-2 {
  right: 0.5rem;
}

.right-20 {
  right: 5rem;
}

.right-24 {
  right: 6rem;
}

.right-32 {
  right: 8rem;
}

.right-36 {
  right: 9rem;
}

.right-48 {
  right: 12rem;
}

.right-52 {
  right: 13rem;
}

.right-6 {
  right: 1.5rem;
}

.right-8 {
  right: 2rem;
}

.right-\[173px\] {
  right: 173px;
}

.right-\[209px\] {
  right: 209px;
}

.right-\[232px\] {
  right: 232px;
}

.right-\[248px\] {
  right: 248px;
}

.right-\[336px\] {
  right: 336px;
}

.right-\[360px\] {
  right: 360px;
}

.right-\[38px\] {
  right: 38px;
}

.right-\[47px\] {
  right: 47px;
}

.right-\[4px\] {
  right: 4px;
}

.right-\[509px\] {
  right: 509px;
}

.right-\[530px\] {
  right: 530px;
}

.right-\[690px\] {
  right: 690px;
}

.right-\[75px\] {
  right: 75px;
}

.right-\[87px\] {
  right: 87px;
}

.top-0 {
  top: 0px;
}

.top-12 {
  top: 3rem;
}

.top-16 {
  top: 4rem;
}

.top-2 {
  top: 0.5rem;
}

.top-20 {
  top: 5rem;
}

.top-28 {
  top: 7rem;
}

.top-32 {
  top: 8rem;
}

.top-36 {
  top: 9rem;
}

.top-4 {
  top: 1rem;
}

.top-40 {
  top: 10rem;
}

.top-6 {
  top: 1.5rem;
}

.top-8 {
  top: 2rem;
}

.top-\[122px\] {
  top: 122px;
}

.top-\[13px\] {
  top: 13px;
}

.top-\[14px\] {
  top: 14px;
}

.top-\[172px\] {
  top: 172px;
}

.top-\[17px\] {
  top: 17px;
}

.top-\[23px\] {
  top: 23px;
}

.top-\[254px\] {
  top: 254px;
}

.top-\[28px\] {
  top: 28px;
}

.top-\[352px\] {
  top: 352px;
}

.top-\[412px\] {
  top: 412px;
}

.top-\[482px\] {
  top: 482px;
}

.top-\[513px\] {
  top: 513px;
}

.top-\[519px\] {
  top: 519px;
}

.top-\[51px\] {
  top: 51px;
}

.top-\[7px\] {
  top: 7px;
}

.z-10 {
  z-index: 10;
}

.z-\[1\] {
  z-index: 1;
}

.m-auto {
  margin: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-12 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mb-10 {
  margin-bottom: 2.5rem;
}

.mb-12 {
  margin-bottom: 3rem;
}

.mb-16 {
  margin-bottom: 4rem;
}

.mb-20 {
  margin-bottom: 5rem;
}

.mb-3 {
  margin-bottom: 0.75rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.mt-10 {
  margin-top: 2.5rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.size-16 {
  width: 4rem;
  height: 4rem;
}

.size-20 {
  width: 5rem;
  height: 5rem;
}

.h-16 {
  height: 4rem;
}

.h-20 {
  height: 5rem;
}

.h-24 {
  height: 6rem;
}

.h-\[1px\] {
  height: 1px;
}

.h-\[600px\] {
  height: 600px;
}

.h-auto {
  height: auto;
}

.h-full {
  height: 100%;
}

.h-px {
  height: 1px;
}

.w-\[200px\] {
  width: 200px;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-\[1920px\] {
  max-width: 1920px;
}

.-rotate-12 {
  --tw-rotate: -12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-45 {
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-6 {
  --tw-rotate: -6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-12 {
  --tw-rotate: 12deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-10deg\] {
  --tw-rotate: -10deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-17\.2deg\] {
  --tw-rotate: -17.2deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-4\.4deg\] {
  --tw-rotate: -4.4deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-5deg\] {
  --tw-rotate: -5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-6deg\] {
  --tw-rotate: -6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[-7\.1deg\] {
  --tw-rotate: -7.1deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[14\.3deg\] {
  --tw-rotate: 14.3deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[14\.8deg\] {
  --tw-rotate: 14.8deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[5\.6deg\] {
  --tw-rotate: 5.6deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[7\.2deg\] {
  --tw-rotate: 7.2deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[7\.5deg\] {
  --tw-rotate: 7.5deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-\[7deg\] {
  --tw-rotate: 7deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.list-inside {
  list-style-position: inside;
}

.list-disc {
  list-style-type: disc;
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.flex-col {
  flex-direction: column;
}

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

.flex-wrap {
  flex-wrap: wrap;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-items-center {
  justify-items: center;
}

.gap-12 {
  gap: 3rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-x-8 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-24 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-clip {
  overflow: clip;
}

.overflow-visible {
  overflow: visible;
}

.rounded-2xl {
  border-radius: 1rem;
}

.rounded-3xl {
  border-radius: 1.5rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.bg-\[\#181818\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 24 / var(--tw-bg-opacity, 1));
}

.bg-\[\#FB4716\] {
  --tw-bg-opacity: 1;
  background-color: rgb(251 71 22 / var(--tw-bg-opacity, 1));
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-dark {
  --tw-bg-opacity: 1;
  background-color: rgb(2 2 2 / var(--tw-bg-opacity, 1));
}

.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}

.bg-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops));
}

.from-accent {
  --tw-gradient-from: var(--primary-accent-color) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-white\/20 {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-accent_2 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.to-blue-800 {
  --tw-gradient-to: #1e40af var(--tw-gradient-to-position);
}

.to-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
}

.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-28 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pb-2 {
  padding-bottom: 0.5rem;
}

.pb-20 {
  padding-bottom: 5rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-4 {
  padding-top: 1rem;
}

.pt-8 {
  padding-top: 2rem;
}

.text-left {
  text-align: left;
}

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

.text-start {
  text-align: start;
}

.indent-4 {
  text-indent: 1rem;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

.text-5xl {
  font-size: 3rem;
  line-height: 1;
}

.text-6xl {
  font-size: 3.75rem;
  line-height: 1;
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.font-black {
  font-weight: 900;
}

.font-bold {
  font-weight: 700;
}

.font-extrabold {
  font-weight: 800;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-\[38px\] {
  line-height: 38px;
}

.leading-\[44px\] {
  line-height: 44px;
}

.leading-\[48px\] {
  line-height: 48px;
}

.leading-\[56px\] {
  line-height: 56px;
}

.leading-loose {
  line-height: 2;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-tight {
  line-height: 1.25;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.text-accent {
  color: var(--primary-accent-color);
}

.text-dark {
  --tw-text-opacity: 1;
  color: rgb(2 2 2 / var(--tw-text-opacity, 1));
}

.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
}

.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-light {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-light\/50 {
  color: rgb(255 255 255 / 0.5);
}

.text-light\/60 {
  color: rgb(255 255 255 / 0.6);
}

.text-light\/70 {
  color: rgb(255 255 255 / 0.7);
}

.text-primary {
  color: var(--primary-foreground-color);
}

.text-transparent {
  color: transparent;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-15 {
  opacity: 0.15;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-35 {
  opacity: 0.35;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.\[--x-length\:-4160\] {
  --x-length: -4160;
}

/* @layer base {
    html {
        font-size: 16px !important;
    }
} */

.hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:text-light:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:opacity-100:hover {
  opacity: 1;
}

@media (min-width: 425px) {
  .min-\[425px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .min-\[425px\]\:grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 525px) {
  .min-\[525px\]\:block {
    display: block;
  }

  .min-\[525px\]\:inline-flex {
    display: inline-flex;
  }

  .min-\[525px\]\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 640px) {
  .sm\:hidden {
    display: none;
  }

  .sm\:size-24 {
    width: 6rem;
    height: 6rem;
  }

  .sm\:w-1\/2 {
    width: 50%;
  }

  .sm\:w-\[250px\] {
    width: 250px;
  }

  .sm\:w-full {
    width: 100%;
  }

  .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:gap-12 {
    gap: 3rem;
  }

  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }

  .sm\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }

  .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }

  .sm\:py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .sm\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .sm\:text-\[40px\] {
    font-size: 40px;
  }

  .sm\:text-\[44px\] {
    font-size: 44px;
  }

  .sm\:leading-9 {
    line-height: 2.25rem;
  }

  .sm\:leading-\[48px\] {
    line-height: 48px;
  }

  .sm\:leading-\[56px\] {
    line-height: 56px;
  }

  .sm\:\[--x-length\:-5320\] {
    --x-length: -5320;
  }
}

@media (min-width: 768px) {
  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mb-16 {
    margin-bottom: 4rem;
  }

  .md\:mt-16 {
    margin-top: 4rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:size-\[125px\] {
    width: 125px;
    height: 125px;
  }

  .md\:w-2\/5 {
    width: 40%;
  }

  .md\:w-\[300px\] {
    width: 300px;
  }

  .md\:skew-y-2 {
    --tw-skew-y: 2deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-normal {
    justify-content: normal;
  }

  .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
  }

  .md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .md\:pt-6 {
    padding-top: 1.5rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .md\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }

  .md\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .md\:text-7xl {
    font-size: 4.5rem;
    line-height: 1;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .md\:font-normal {
    font-weight: 400;
  }

  .md\:leading-\[48px\] {
    line-height: 48px;
  }

  .md\:leading-\[80px\] {
    line-height: 80px;
  }

  .md\:leading-snug {
    line-height: 1.375;
  }

  .md\:\[--x-length\:-6320\] {
    --x-length: -6320;
  }
}

@media (min-width: 1024px) {
  .lg\:hidden {
    display: none;
  }

  .lg\:w-auto {
    width: auto;
  }

  .lg\:max-w-\[40\%\] {
    max-width: 40%;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:items-stretch {
    align-items: stretch;
  }

  .lg\:gap-16 {
    gap: 4rem;
  }

  .lg\:gap-24 {
    gap: 6rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:p-20 {
    padding: 5rem;
  }

  .lg\:px-20 {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:text-left {
    text-align: left;
  }
}

@media (min-width: 1280px) {
  .xl\:right-\[218px\] {
    right: 218px;
  }

  .xl\:right-\[324px\] {
    right: 324px;
  }

  .xl\:right-\[352px\] {
    right: 352px;
  }

  .xl\:right-\[409px\] {
    right: 409px;
  }

  .xl\:right-\[566px\] {
    right: 566px;
  }

  .xl\:top-\[172px\] {
    top: 172px;
  }

  .xl\:top-\[212px\] {
    top: 212px;
  }

  .xl\:top-\[28px\] {
    top: 28px;
  }

  .xl\:top-\[354px\] {
    top: 354px;
  }

  .xl\:top-\[399px\] {
    top: 399px;
  }

  .xl\:top-\[512px\] {
    top: 512px;
  }

  .xl\:top-\[51px\] {
    top: 51px;
  }

  .xl\:top-\[590px\] {
    top: 590px;
  }

  .xl\:top-\[63px\] {
    top: 63px;
  }

  .xl\:top-\[719px\] {
    top: 719px;
  }

  .xl\:top-\[782px\] {
    top: 782px;
  }

  .xl\:top-\[812px\] {
    top: 812px;
  }

  .xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .xl\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .xl\:mb-14 {
    margin-bottom: 3.5rem;
  }

  .xl\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .xl\:mr-16 {
    margin-right: 4rem;
  }

  .xl\:block {
    display: block;
  }

  .xl\:inline-flex {
    display: inline-flex;
  }

  .xl\:size-\[88px\] {
    width: 88px;
    height: 88px;
  }

  .xl\:h-auto {
    height: auto;
  }

  .xl\:w-1\/2 {
    width: 50%;
  }

  .xl\:max-w-6xl {
    max-width: 72rem;
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .xl\:gap-6 {
    gap: 1.5rem;
  }

  .xl\:py-60 {
    padding-top: 15rem;
    padding-bottom: 15rem;
  }

  .xl\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }

  .xl\:leading-\[60px\] {
    line-height: 60px;
  }
}

@media (min-width: 1536px) {
  .\32xl\:mr-52 {
    margin-right: 13rem;
  }

  .\32xl\:w-1\/2 {
    width: 50%;
  }

  .\32xl\:gap-24 {
    gap: 6rem;
  }

  .\32xl\:gap-8 {
    gap: 2rem;
  }

  .\32xl\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
}

@media (min-width: 1920px) {
  .min-\[1920px\]\:mr-72 {
    margin-right: 18rem;
  }
}
.nav-uDn3e {
  background-color: #020202;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
}
.nav-uDn3e.static-S_A6X {
  position: relative;
}
.nav-container-kgBMT {
  max-width: 72rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}
.nav-links-vkqcJ {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.logo-image-QZPOZ {
  width: 110px;
  height: 36px;
  object-fit: contain;
}
.logout-link-a7bUq {
  color: white;
  font-weight: 500;
}
.navbar-button-DfkKG {
  backdrop-filter: blur(5px);
  background-color: var(--primary-accent-color);
  font-weight: 600;
  color: white;
  border-radius: 0.75rem;
  padding: 0.75rem 2rem;
  font-size: 1.1rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.navbar-button-DfkKG:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: #0685db;
}
.navbar-button-DfkKG.secondary-XiJpV {
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar-button-DfkKG.secondary-XiJpV:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1600px) {
  .nav-container-kgBMT {
    padding: 16px 24px;
  }
  .nav-links-vkqcJ {
    gap: 1rem;
  }
  .logo-image-QZPOZ {
    width: 150px;
    height: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .navbar-button-DfkKG {
    padding: 0.5rem 1.5rem;
  }
}

.container-WsZQr {
  background-color: var(--primary-background-color);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--primary-foreground-color);
}
.form-wrapper-vOlSB {
  max-width: 32rem;
  width: 100%;
  padding: 3rem 0;
}
.title-mh5GE {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: white;
}
.subtitle-VQXbp {
  color: #d1d5db;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.form-Tx5ox {
  margin-bottom: 1rem;
}
.form-field-Eyf9n {
  margin-bottom: 1.5rem;
}
.form-label-eqXGD {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--primary-foreground-color);
  font-weight: 500;
}
.form-input-tLOcn {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.375rem;
  background-color: var(--overlay-color);
  color: var(--primary-foreground-color);
  font-size: 1rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.form-input-tLOcn:focus {
  outline: none;
  border-color: var(--primary-accent-color);
  box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.1);
}
.form-input-tLOcn::placeholder {
  color: var(--secondary-foreground-color);
}
.form-error-amxIi {
  color: var(--danger-accent-color);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.submit-button-ocg0z {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  backdrop-filter: blur(5px);
  background-color: white;
  color: black;
  font-weight: 700;
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--outer-glow);
  position: relative;
  min-height: 3.5rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.submit-button-ocg0z:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.submit-button-ocg0z:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.submit-button-ocg0z:active:not(:disabled) {
  transform: translateY(0);
}
.submit-button-ocg0z:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.submit-button-ocg0z:disabled:hover {
  transform: none;
  box-shadow: var(--outer-glow);
  background-color: white;
}
.submit-button-ocg0z.loading-EO6PV .button-text-Zzo52 {
  opacity: 0;
}
.oauth-button-LAcII {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.75rem;
  background-color: transparent;
  color: var(--primary-foreground-color);
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 3.5rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.oauth-button-LAcII:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.05);
}
.oauth-button-LAcII:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.button-text-Zzo52 {
  transition: opacity 0.2s ease-in-out;
}
.spinner-LNFL_ {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(55, 65, 81, 0.3);
  border-top: 2px solid var(--secondary-foreground-color);
  border-radius: 50%;
  animation: spin-bIr2G 1s linear infinite;
}
@keyframes spin-bIr2G {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.signup-link-41MbM {
  color: #d1d5db;
  font-size: 0.875rem;
  text-align: center;
}
.link-KOd0s {
  text-decoration: underline;
  color: inherit;
}
.link-KOd0s:hover {
  text-decoration: none;
}
.brand-link-NQYGq {
  font-size: 1rem;
  font-weight: bold;
  color: var(--primary-accent-color);
  text-decoration: none;
}
.brand-link-NQYGq:hover {
  opacity: 0.8;
}
.alert-success-G2vx1,
.alert-info-eblPL,
.alert-error-QcbcW {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 0.375rem;
  margin-bottom: 1.5rem;
}
.alert-success-G2vx1 {
  background-color: rgba(34, 179, 101, 0.1);
  border: 1px solid rgba(34, 179, 101, 0.2);
  color: var(--secondary-accent-color);
}
.alert-info-eblPL {
  background-color: rgba(0, 153, 255, 0.1);
  border: 1px solid rgba(0, 153, 255, 0.2);
  color: var(--primary-accent-color);
}
.alert-error-QcbcW {
  background-color: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.2);
  color: var(--danger-accent-color);
}
.alert-icon-ZJvyW {
  margin-right: 0.75rem;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.alert-content-wjiF2 {
  flex: 1;
}
.alert-title-jfetg {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.alert-description-sWvdI {
  font-size: 0.875rem;
  opacity: 0.9;
}
.password-header-_P7bc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.forgot-password-link-NblHK {
  font-size: 14px;
  font-weight: 500;
  color: #9ca3af;
  text-decoration: none;
  padding: 2px;
  margin: -2px;
  border-radius: 2px;
}
.forgot-password-link-NblHK:hover {
  text-decoration: underline;
}
.forgot-password-link-NblHK:focus-visible {
  outline: var(--focus-outline-size) solid var(--primary-accent-color);
  outline-offset: calc(-1 * var(--focus-outline-size));
}

.container-MTUKK {
  background-color: var(--primary-background-color);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--primary-foreground-color);
}
.form-wrapper-hURqD {
  max-width: 32rem;
  width: 100%;
  padding: 3rem 0;
}
.step-indicator-_u44w {
  color: #d1d5db;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.step-indicator-_u44w b {
  font-weight: bold;
  font-size: 1rem;
}
.title-gb3L_ {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: white;
}
.subtitle-cUoFb {
  color: var(#d1d5db);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.form-TKp98 {
  margin-bottom: 1rem;
}
.form-field-JNJeP {
  margin-bottom: 1.5rem;
}
.form-label-g6hDO {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--primary-foreground-color);
  font-weight: 500;
}
.form-input-VG2l2 {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.375rem;
  background-color: var(--overlay-color);
  color: var(--primary-foreground-color);
  font-size: 1rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.form-input-VG2l2:focus {
  outline: none;
  border-color: var(--primary-accent-color);
  box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.1);
}
.form-input-VG2l2::placeholder {
  color: var(--secondary-foreground-color);
}
.form-error-Ru896 {
  color: var(--danger-accent-color);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.submit-button-NClSP {
  color: black;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  backdrop-filter: blur(5px);
  background-color: white;
  font-weight: 700;
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--outer-glow);
  position: relative;
  min-height: 3.5rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.submit-button-NClSP:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.submit-button-NClSP:active:not(:disabled) {
  transform: translateY(0);
}
.submit-button-NClSP:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.submit-button-NClSP:disabled:hover {
  transform: none;
  box-shadow: var(--outer-glow);
  background-color: white;
}
.submit-button-NClSP.loading-wzIqn .button-text-Te9ax {
  opacity: 0;
}
.oauth-button-PtPkS {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.75rem;
  background-color: transparent;
  color: var(--primary-foreground-color);
  font-weight: 700;
  font-size: 1.1rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  min-height: 3.5rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.oauth-button-PtPkS:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.05);
}
.oauth-button-PtPkS:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.button-text-Te9ax {
  transition: opacity 0.2s ease-in-out;
}
.spinner-sx4VV {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(55, 65, 81, 0.3);
  border-top: 2px solid var(--secondary-foreground-color);
  border-radius: 50%;
  animation: spin-QOdIF 1s linear infinite;
}
@keyframes spin-QOdIF {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.signup-link-GbHzp {
  color: var(#d1d5db);
  font-size: 0.875rem;
  text-align: center;
}
.link-Z6JKA {
  text-decoration: underline;
  color: inherit;
}
.link-Z6JKA:hover {
  text-decoration: none;
}
.brand-link-oCxei {
  font-size: 1rem;
  font-weight: bold;
  color: var(--primary-accent-color);
  text-decoration: none;
}
.brand-link-oCxei:hover {
  opacity: 0.8;
}
.alert-success-E7dzO,
.alert-info-dQmsG,
.alert-error-GYFNK {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 0.375rem;
  margin-bottom: 1.5rem;
}
.alert-success-E7dzO {
  background-color: rgba(34, 179, 101, 0.1);
  border: 1px solid rgba(34, 179, 101, 0.2);
  color: var(--secondary-accent-color);
}
.alert-info-dQmsG {
  background-color: rgba(0, 153, 255, 0.1);
  border: 1px solid rgba(0, 153, 255, 0.2);
  color: var(--primary-accent-color);
}
.alert-error-GYFNK {
  background-color: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.2);
  color: var(--danger-accent-color);
}
.alert-icon-cQ4zI {
  margin-right: 0.75rem;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.alert-content-NlVo0 {
  flex: 1;
}
.alert-title-nCZ7l {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.alert-description-rj_H8 {
  font-size: 0.875rem;
  opacity: 0.9;
}
.otp-container-IMbTf {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
  margin: 0.5rem 0 2rem 0;
  overflow: visible;
}
.otp-input-IUNAD {
  flex: 1;
  max-width: 3.5rem;
  height: 3.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0;
  border-radius: 0.5rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: var(--overlay-color);
  color: var(--primary-foreground-color);
  transition: all 0.2s ease;
}
.otp-input-IUNAD:focus {
  outline: none;
  border-color: var(--primary-accent-color);
  box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.1);
  transform: translateY(-2px);
}

.container-cTZFD {
  background-color: var(--primary-background-color);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  color: var(--primary-foreground-color);
}
.form-wrapper-Evqws {
  max-width: 42rem;
  width: 100%;
  padding: 3rem 0;
}
.step-indicator-QsPe6 {
  color: var(--primary-accent-color);
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.step-indicator-QsPe6 b {
  font-weight: bold;
  font-size: 1rem;
}
.title-WwKd0 {
  font-size: 1.75rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: white;
}
.subtitle-OeUDW {
  color: #d1d5db;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
.content-section-s91sj {
  margin-bottom: 2.5rem;
}
.description-O3yne {
  color: var(--primary-foreground-color);
  font-size: 1.1rem;
  line-height: 1.6;
}
.steps-section-zVAGR {
  margin-bottom: 3rem;
}
.step-list-HZuur {
  margin-bottom: 3rem;
}
.step-item-pidcA {
  display: flex;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.step-item-pidcA:last-child {
  margin-bottom: 0;
}
.step-icon-WFgTB {
  flex-shrink: 0;
  margin-right: 1.25rem;
  margin-top: 0.25rem;
  color: var(--primary-accent-color);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.step-number-hSwQS {
  display: none;
}
.step-content-T7Reg {
  flex: 1;
}
.step-heading-GBcyu {
  color: white;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.step-text-zEMPc {
  color: #d1d5db;
  font-size: 0.875rem;
  line-height: 1.5;
}
.primary-button-CiLZ0 {
  background-color: var(--primary-accent-color);
  font-weight: 600;
  color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(5px);
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--outer-glow);
  min-height: 3rem;
}
.primary-button-CiLZ0:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: #0685db;
}
.primary-button-CiLZ0:active {
  transform: translateY(0);
}
.completion-section-HG1jv {
  text-align: center;
  margin-top: 2rem;
}
.completion-text-CDTp1 {
  color: #d1d5db;
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
  line-height: 1.5;
}

.container-dQ4Ri {
  background-color: var(--primary-background-color);
  height: 100vh;
  overflow: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 6rem 2rem 4rem;
  color: var(--primary-foreground-color);
}
.form-wrapper-z5dnC {
  padding-top: 2rem;
  max-width: 32rem;
  width: 100%;
  position: relative;
  z-index: 1;
}
.form-wrapper-z5dnC.wide-MdXvy {
  max-width: 72rem;
}
.step-indicator-DvVJ1 {
  color: #d1d5db;
  font-size: 0.75rem;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.step-indicator-DvVJ1 b {
  font-weight: bold;
  font-size: 1rem;
}
.title-hcCcc {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: white;
}
.subtitle-MtsOX {
  color: var(#d1d5db);
  font-size: 0.875rem;
  margin-bottom: 1rem;
}
.form-doiPR {
  margin-bottom: 1rem;
}
.form-field-p5x0f {
  margin-bottom: 1.5rem;
}
.form-label-grLDe {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--primary-foreground-color);
  font-weight: 500;
}
.form-input-LPQsb {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.375rem;
  background-color: var(--overlay-color);
  color: var(--primary-foreground-color);
  font-size: 1rem;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.form-input-LPQsb:focus {
  outline: none;
  border-color: var(--primary-accent-color);
  box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.1);
}
.form-input-LPQsb::placeholder {
  color: var(--secondary-foreground-color);
}
.form-error-BFvlm {
  color: var(--danger-accent-color);
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.submit-button-i3VWj {
  color: black;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  backdrop-filter: blur(5px);
  background-color: white;
  font-weight: 700;
  border: none;
  border-radius: 0.75rem;
  padding: 1rem 1.5rem;
  font-size: 1.1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--outer-glow);
  position: relative;
  min-height: 3.5rem;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.submit-button-i3VWj:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.submit-button-i3VWj:active:not(:disabled) {
  transform: translateY(0);
}
.submit-button-i3VWj:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.submit-button-i3VWj:disabled:hover {
  transform: none;
  box-shadow: var(--outer-glow);
  background-color: white;
}
.submit-button-i3VWj.loading-GxhO0 .button-text-G95OP {
  opacity: 0;
}
.button-text-G95OP {
  transition: opacity 0.2s ease-in-out;
}
.spinner-TlqdK {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border: 2px solid rgba(55, 65, 81, 0.3);
  border-top: 2px solid var(--secondary-foreground-color);
  border-radius: 50%;
  animation: spin-UB3Kq 1s linear infinite;
}
@keyframes spin-UB3Kq {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.signup-link-iZlz6 {
  color: var(#d1d5db);
  font-size: 0.875rem;
  text-align: center;
}
.link-sYtGQ {
  text-decoration: underline;
  color: inherit;
}
.link-sYtGQ:hover {
  text-decoration: none;
}
.brand-link-HivSV {
  font-size: 1rem;
  font-weight: bold;
  color: var(--primary-accent-color);
  text-decoration: none;
}
.brand-link-HivSV:hover {
  opacity: 0.8;
}
.alert-success-fglPS,
.alert-info-vPbwF,
.alert-error-unT1f {
  display: flex;
  align-items: flex-start;
  padding: 1rem;
  border-radius: 0.375rem;
  margin-bottom: 2rem;
}
.alert-success-fglPS {
  background-color: rgba(34, 179, 101, 0.1);
  border: 1px solid rgba(34, 179, 101, 0.2);
  color: var(--secondary-accent-color);
}
.alert-info-vPbwF {
  background-color: rgba(0, 153, 255, 0.1);
  border: 1px solid rgba(0, 153, 255, 0.2);
}
.alert-error-unT1f {
  background-color: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.2);
  color: var(--danger-accent-color);
}
.alert-icon-jXTun {
  margin-right: 0.75rem;
  font-size: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.alert-content-H__x4 {
  flex: 1;
}
.alert-title-Cy7Fv {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.alert-description-dR3Dr {
  font-size: 0.875rem;
  opacity: 0.9;
}
.form-field-group-Sd4B9 {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.form-field-group-Sd4B9 .form-field-p5x0f {
  flex: 1;
  margin-bottom: 0;
}
.input-with-icon-id_aA {
  position: relative;
}
.input-with-icon-id_aA .form-input-LPQsb {
  padding-right: 4rem;
  /* Make space for the icon */
}
.card-icon-VKOKW {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  color: var(--secondary-foreground-color);
  user-select: none;
}
.card-icon-VKOKW svg {
  width: 38px;
  height: 24px;
}
.plan-glow-fwV3w,
.plan-glow-violet-VOfeS {
  position: fixed;
  pointer-events: none;
  z-index: 0;
}
.plan-glow-fwV3w {
  top: -12rem;
  left: 50%;
  transform: translateX(-50%);
  width: 46rem;
  height: 24rem;
  background: radial-gradient(ellipse at center, rgba(0, 153, 255, 0.14) 0%, transparent 70%);
}
.plan-glow-violet-VOfeS {
  bottom: -14rem;
  left: -10rem;
  width: 36rem;
  height: 36rem;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.1) 0%, transparent 70%);
}
.plan-step-indicator-Pr3pn {
  color: var(--primary-accent-color);
  font-size: 0.85rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}
.plan-step-title-KScfw {
  font-size: 2.125rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.1;
  color: white;
  margin-bottom: 1.5rem;
}
.plan-step-title-accent-PP0YY {
  color: var(--primary-accent-color);
}
.plan-alert-kAT99 {
  padding: 0.875rem 1rem;
  border-radius: 0.75rem;
  margin-bottom: 1.75rem;
  border: 1px solid;
}
.plan-alert-kAT99.success-EE99u {
  border-color: rgba(34, 179, 101, 0.35);
  background-color: rgba(34, 179, 101, 0.08);
}
.plan-alert-kAT99.success-EE99u .plan-alert-title-WBshD {
  color: var(--secondary-accent-color);
}
.plan-alert-kAT99.info-VtxLd {
  border-color: rgba(0, 153, 255, 0.35);
  background-color: rgba(0, 153, 255, 0.08);
}
.plan-alert-kAT99.info-VtxLd .plan-alert-title-WBshD {
  color: var(--primary-accent-color);
}
.plan-alert-kAT99.danger-Izo_8 {
  border-color: rgba(220, 38, 38, 0.35);
  background-color: rgba(220, 38, 38, 0.08);
}
.plan-alert-kAT99.danger-Izo_8 .plan-alert-title-WBshD {
  color: var(--danger-accent-color);
}
.plan-alert-title-WBshD {
  font-weight: 700;
  font-size: 0.875rem;
  margin-bottom: 0.2rem;
}
.plan-alert-description-ROdjy {
  font-size: 0.85rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}
.plan-message-IJAVq {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.9rem;
  margin-bottom: 1.75rem;
}
.plan-list-yknZc {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  margin-bottom: 1.75rem;
}
.plan-option-C56K0 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 1.25rem 1.375rem;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1rem;
  cursor: pointer;
  text-align: left;
  font: inherit;
  transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.plan-option-C56K0:hover {
  border-color: rgba(255, 255, 255, 0.24);
  background-color: rgba(255, 255, 255, 0.055);
}
.plan-option-C56K0:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.plan-option-C56K0.selected-u14JK {
  border-color: rgba(var(--primary-accent-color-rgb), 0.65);
  background-color: rgba(var(--primary-accent-color-rgb), 0.08);
  box-shadow: 0 6px 24px rgba(var(--primary-accent-color-rgb), 0.1);
}
.plan-option-C56K0.featured-ssLTO {
  border-color: transparent;
  background-image: linear-gradient(rgba(14, 18, 34, 0.97), rgba(14, 18, 34, 0.97)), linear-gradient(135deg, rgba(0, 153, 255, 0.9), rgba(124, 58, 237, 0.85));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 10px 36px rgba(0, 153, 255, 0.14);
}
.plan-option-C56K0.featured-ssLTO.selected-u14JK {
  background-image: linear-gradient(rgba(12, 20, 40, 0.97), rgba(12, 20, 40, 0.97)), linear-gradient(135deg, #0099ff, rgba(124, 58, 237, 0.95));
}
.plan-chip-kURRJ {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  background-image: linear-gradient(135deg, #0099ff, #7c3aed);
  color: white;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0.34rem 0.7rem;
  border-radius: 99px;
  white-space: nowrap;
}
.plan-meta-s_5ek {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 0.625rem;
  min-width: 0;
}
.plan-duration-tAKar {
  font-size: 1.05rem;
  font-weight: 700;
  color: white;
  letter-spacing: -0.01em;
}
.plan-end-g_DY6 {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}
.plan-price-k2O5q {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
}
.plan-price-amount-NN7nI {
  font-size: 1.625rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: white;
  font-variant-numeric: tabular-nums;
}
.plan-price-per-NxaQu {
  font-size: 0.875rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}
.plan-check-x5yfn {
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: transparent;
  transition: all 0.18s ease;
}
.plan-check-x5yfn svg {
  width: 0.75rem;
  height: 0.75rem;
}
.plan-check-x5yfn.selected-u14JK {
  border-color: var(--primary-accent-color);
  background-color: var(--primary-accent-color);
  box-shadow: 0 0 14px rgba(var(--primary-accent-color-rgb), 0.5);
  color: var(--primary-background-color);
}
.plan-footnote-s49zb {
  margin-top: 1.125rem;
  font-size: 0.8rem;
  line-height: 1.5;
  text-align: center;
  color: rgba(255, 255, 255, 0.45);
}
@media (max-width: 480px) {
  .plan-step-title-KScfw {
    font-size: 1.625rem;
  }
  .plan-option-C56K0 {
    padding: 1rem 1.125rem;
  }
  .plan-price-amount-NN7nI {
    font-size: 1.375rem;
  }
}
.payment-layout-abNJD {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
  align-items: start;
}
@media (min-width: 1024px) {
  .payment-layout-abNJD {
    grid-template-columns: 1.5fr 1fr;
  }
}
.payment-main-Mx9Ej {
  display: flex;
  flex-direction: column;
}
.payment-sidebar-BTvjn {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: sticky;
  top: 2rem;
}
.order-summary-J1NuP {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 1.5rem;
}
.summary-header-WfCfR {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: white;
}
.summary-row-HAcef {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  color: #d1d5db;
}
.summary-row-HAcef.total-K9zIf {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
  font-weight: 700;
  font-size: 1.25rem;
}
.security-notice-yoEAk {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 1.5;
  background-color: transparent;
  border: none;
  padding: 0;
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.security-icon-AZBDo {
  font-size: 1.25rem;
  opacity: 0.7;
}
.payment-methods-list-AB21a {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.payment-method-item-Wo6iT {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 1rem;
  padding: 1.25rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  cursor: default;
}
.payment-method-item-Wo6iT:hover {
  background-color: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.3);
}
.method-header-Mz8eL {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
.method-brand-ODj9z {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.method-logo-placeholder-LiZaH {
  width: 42px;
  height: 42px;
  background-color: white;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  color: black;
  font-size: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.method-title-q3b6D {
  font-size: 1.1rem;
  font-weight: 700;
  color: white;
  margin-bottom: 0.1rem;
}
.method-subtitle-tIt9q {
  font-size: 0.85rem;
  color: #d1d5db;
}
.method-badge-MPNyX {
  font-size: 0.65rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.25rem 0.6rem;
  border-radius: 99px;
  letter-spacing: 0.05em;
}
.method-badge-MPNyX.recommended-VE_OT {
  background-color: var(--primary-accent-color);
  color: black;
}
.method-badge-MPNyX.feature-ebzHY {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.method-details-zyCqg {
  margin-bottom: 1rem;
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}
.pros-list-J_Pg2 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
}
.pro-item-t7sT1 {
  font-size: 0.85rem;
  color: #e5e7eb;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checkmark-icon-ECd5r {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.checkmark-icon-ECd5r circle {
  fill: var(--primary-accent-color);
}
.checkmark-icon-ECd5r path {
  fill: black;
}
.method-button-AWWgK {
  width: 100%;
  padding: 0.75rem;
  border-radius: 0.6rem;
  border: none;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
}
.method-button-AWWgK.primary-epkW9 {
  background-color: white;
  color: black;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.method-button-AWWgK.primary-epkW9:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  background-color: #f3f4f6;
}
.method-button-AWWgK.secondary-rcuuG {
  background-color: transparent;
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.15);
}
.method-button-AWWgK.secondary-rcuuG:hover {
  transform: translateY(-1px);
  border-color: white;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.method-disclaimer-xKAmE {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 0.75rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 1.3;
  display: flex;
  gap: 0.5rem;
}
.method-disclaimer-xKAmE::before {
  content: 'ⓘ';
  display: inline-block;
  opacity: 0.7;
}
.secure-footer-vMA5H {
  display: none;
}
.trust-header-sRBJ5 {
  margin-bottom: 2rem;
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}
.trust-icon-RpfXb {
  margin-top: 0.2rem;
  color: rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.trust-icon-RpfXb svg {
  width: 1rem;
  height: 1rem;
}
.trust-content-g5rGa h3 {
  margin: 0 0 0.25rem 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: white;
}
.trust-content-g5rGa p {
  margin: 0;
  font-size: 0.9rem;
  color: #d1d5db;
  line-height: 1.5;
  opacity: 0.8;
}
.sidebar-faq-section-2DhGn {
  margin-top: 2rem;
}
.faq-title-HHRuw {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #d1d5db;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-left: 0.5rem;
}
.faq-item-H68JT {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.faq-item-H68JT:last-child {
  border-bottom: none;
}
.faq-trigger-HiqTu {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  padding: 1rem 0.5rem;
  color: white;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.2s;
}
.faq-trigger-HiqTu:hover {
  color: var(--primary-accent-color);
}
.faq-trigger-HiqTu::after {
  content: '+';
  font-weight: 300;
  font-size: 1.25rem;
  opacity: 0.5;
}
.faq-trigger-HiqTu[aria-expanded="true"]::after {
  content: '−';
}
.faq-content-gT0XS {
  padding: 0 0.5rem 1rem 0.5rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.85rem;
  line-height: 1.5;
  display: none;
}
.faq-content-gT0XS.open-cMV6l {
  display: block;
  animation: fadeIn-wsMMJ 0.2s ease;
}
.payment-tabs-grid-XGYMs {
  overflow: visible;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  .payment-tabs-grid-XGYMs {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 480px) {
  .payment-tabs-grid-XGYMs {
    grid-template-columns: repeat(2, 1fr);
  }
}
.payment-tab-card-exyK4 {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
  height: 100%;
}
.payment-tab-card-exyK4:hover {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}
.payment-tab-card-exyK4.active-jsRc5 {
  background-color: rgba(var(--primary-accent-color-rgb), 0.1);
  border-color: var(--primary-accent-color);
  box-shadow: 0 0 15px rgba(var(--primary-accent-color-rgb), 0.15);
  transform: translateY(-1px);
}
.payment-tab-card-exyK4.active-jsRc5 .payment-tab-name-YpUCD {
  color: white;
}
.payment-tab-card-exyK4:active {
  transform: translateY(0);
}
.payment-tab-logo-qeEsI {
  height: 28px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.payment-tab-name-YpUCD {
  font-size: 0.75rem;
  font-weight: 600;
  color: #d1d5db;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.step-switcher-pvuLv {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 2rem;
  background: rgba(255, 255, 255, 0.03);
  padding: 0.3rem;
  border-radius: 0.75rem;
  width: fit-content;
}
.step-switch-btn-E9PYP {
  padding: 0.6rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.4);
}
.step-switch-btn-E9PYP:hover {
  color: white;
}
.step-switch-btn-E9PYP.active-jsRc5 {
  background: rgba(255, 255, 255, 0.1);
  color: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.tab-content-area-Va9nb {
  animation: fadeIn-wsMMJ 0.3s ease;
}
.address-box-wrapper-vFqqX {
  margin: 1.5rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.address-box-zAMm7 {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.address-text-Wd_wR {
  font-family: monospace;
  font-size: 0.9rem;
  color: white;
  word-break: break-all;
  user-select: all;
}
.copy-btn-p2UHa {
  background: var(--primary-accent-color);
  color: white;
  border: none;
  border-radius: 0.4rem;
  padding: 0.4rem 0.8rem;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}
.copy-btn-p2UHa:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.qr-container-K9RjN {
  background: white;
  border-radius: 1rem;
  width: fit-content;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.qr-placeholder-VAzZq {
  width: 200px;
  height: 200px;
  background: #f3f4f6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
  font-size: 0.8rem;
  border: 2px dashed #d1d5db;
}
.subtle-notice-GD6Oe {
  margin-bottom: 1.5rem;
  padding: 0.75rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.notice-title-m5sSW {
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.notice-title-m5sSW svg {
  opacity: 0.6;
}
.notice-text-ImnvQ {
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.4);
}
.info-title-YG2sL {
  font-size: 1rem;
  font-weight: 700;
  color: #e5e7eb;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.info-text-Lt3aw {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #d1d5db;
  opacity: 0.9;
}
.steps-list-fxnJt {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
.step-item-FFnR_ {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}
.step-dot-o76j1 {
  width: 24px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: white;
  flex-shrink: 0;
  margin-top: 0.1rem;
}
.step-content-r6u5o {
  flex: 1;
}
.step-label-pupFo {
  font-weight: 700;
  color: white;
  margin-right: 0.25rem;
  font-size: 0.9rem;
}
.step-description-tzcml {
  font-size: 0.9rem;
  color: #d1d5db;
  line-height: 1.5;
}
.powered-by-tFpex {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.5);
  margin-top: -0.25rem;
  margin-bottom: 1.5rem;
}
.powered-by-tFpex img {
  height: 14px;
  width: auto;
  opacity: 0.8;
}
.info-section-kKMhg {
  margin-bottom: 1.75rem;
}
.info-section-kKMhg:last-child {
  margin-bottom: 0;
}
.qr-section-YbXES {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin: 1.5rem 0;
}
.order-line-lokfH {
  font-size: 0.95rem;
  font-weight: 600;
  color: white;
  margin-bottom: 1.5rem;
  padding: 0.75rem 1rem;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  width: fit-content;
}
.why-box-vEplJ {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
.why-box-vEplJ .faq-item-H68JT {
  border-bottom: none;
}
.why-box-vEplJ .faq-trigger-HiqTu {
  padding: 1rem 0;
}
.why-box-vEplJ .faq-content-gT0XS {
  padding: 0 0 1rem 0;
}
.address-label-PR9lO {
  font-size: 0.85rem;
  font-weight: 600;
  color: #d1d5db;
}
.amount-line-bTTaI {
  font-size: 1rem;
  font-weight: 700;
  color: white;
  padding: 0.75rem 1rem;
  background-color: rgba(var(--primary-accent-color-rgb), 0.1);
  border: 1px solid rgba(var(--primary-accent-color-rgb), 0.3);
  border-radius: 0.75rem;
  width: fit-content;
}
.lane-notes-uqK1_ {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.lane-note-l4Bdw {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.4);
  line-height: 1.4;
}
.lane-note-l4Bdw::before {
  content: '• ';
  opacity: 0.7;
}
.note-link-uK6A4 {
  background: none;
  border: none;
  padding: 0;
  font: inherit;
  color: var(--primary-accent-color);
  cursor: pointer;
  text-decoration: underline;
}
.note-link-uK6A4:hover {
  text-decoration: none;
}
.tab-logos-NpmmG {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.status-line-o1OQ7 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.status-content-Yonvd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
}
.status-action-xtQ0U {
  width: fit-content;
  padding: 0.5rem 1.25rem;
}
.pulse-dot-QNoKK {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
  animation: pulse-PM0gb 1.5s ease-in-out infinite;
}
@keyframes pulse-PM0gb {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
.check-button-YQEWH {
  width: 100%;
  max-width: 24rem;
  margin-top: 1.5rem;
}
.success-screen-yphqq {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  padding: 4rem 2rem;
}
.success-icon-Izahp {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: rgba(34, 179, 101, 0.15);
  border: 1px solid rgba(34, 179, 101, 0.4);
  color: var(--secondary-accent-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.success-title-mn1Mt {
  font-size: 1.75rem;
  font-weight: 700;
  color: white;
  margin: 0;
}
.success-action-XSTXq {
  width: 100%;
  max-width: 16rem;
}
.checkout-frame-FyZbh {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}
.checkout-head-ZRIY3 {
  width: 100%;
  max-width: 62rem;
  margin-bottom: 1.5rem;
}
.checkout-title-bKRVp {
  font-size: 1.75rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.15;
  color: white;
}
.back-link-EPwY_ {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: none;
  border: none;
  padding: 0;
  margin-top: 1.5rem;
  margin-bottom: 1.25rem;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: color 0.18s ease;
}
.back-link-EPwY_:hover {
  color: white;
}
.back-link-EPwY_:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}

.sheet-MZC5d {
  width: 100%;
  max-width: 62rem;
}
.sub-ZDIoR {
  max-width: 38rem;
  margin-bottom: 0.4rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.5);
}
.why-SgHZ5 {
  max-width: 38rem;
  margin-bottom: 1.25rem;
  font-size: 0.875rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.5);
}
.layout-C9piP {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
  gap: 1.75rem;
  align-items: start;
}
.aside-mZXkv {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
}
.main-_xTEZ {
  min-width: 0;
}
.method-m5oEX {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.875rem;
}
.summary-top-taM9q {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
}
.summary-plan-u55y3 {
  font-size: 0.9rem;
  font-weight: 700;
  color: white;
}
.summary-total-UgUmE {
  font-size: 0.9rem;
  font-weight: 700;
  color: white;
  font-variant-numeric: tabular-nums;
}
.summary-sub-_ktjN {
  margin-top: 0.3rem;
  font-size: 0.75rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.5);
}
.summary-extends-GI4Hi {
  margin-top: 0.3rem;
  font-size: 0.75rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.5);
}
.reassurance-toggle-jfFMZ {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.25rem 0;
  background: none;
  border: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.18s ease;
}
.reassurance-toggle-jfFMZ:hover {
  color: white;
}
.reassurance-toggle-jfFMZ:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.reassurance-lock-HcwVw {
  display: flex;
  flex-shrink: 0;
  color: var(--secondary-accent-color);
}
.reassurance-label-gcMNy {
  font-size: 0.8rem;
  font-weight: 600;
}
.chevron-rIv1u {
  display: flex;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.4);
  transition: transform 0.2s ease, color 0.18s ease;
}
.reassurance-VhtlM.open-AoM2D .chevron-rIv1u {
  transform: rotate(180deg);
}
.reassurance-body-gYWc9 {
  padding-top: 0.5rem;
}
.reassurance-body-gYWc9 p {
  font-size: 0.78rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.55);
}
.reassurance-body-gYWc9 p + p {
  margin-top: 0.5rem;
}
.trust-jpTBz {
  padding: 0 0.25rem;
  font-size: 0.7rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.4);
}
.faq-title-v9tpz {
  margin-bottom: 0.25rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.4);
}
.faq-item-Lo2Vt {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.faq-question-w5jYI {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.625rem 0;
  background: none;
  border: none;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.75);
  text-align: left;
  cursor: pointer;
  transition: color 0.15s ease;
}
.faq-question-w5jYI:hover {
  color: white;
}
.faq-question-w5jYI:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: -2px;
}
.faq-question-w5jYI::after {
  content: '+';
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.4);
}
.faq-question-w5jYI.open-AoM2D::after {
  content: '−';
}
.faq-answer-I6_wU {
  padding: 0 0 0.75rem;
  font-size: 0.76rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.5);
}
.methods-K8z85 {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.method-m5oEX {
  transition: border-color 0.18s ease, background-color 0.18s ease;
}
.method-m5oEX.selected-fYN0h {
  border-color: rgba(var(--primary-accent-color-rgb), 0.55);
  background-color: rgba(var(--primary-accent-color-rgb), 0.05);
}
.method-row-OkTD7 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
  padding: 0.7rem 0.9rem;
  background: none;
  border: none;
  border-radius: 0.875rem;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: white;
  transition: background-color 0.18s ease;
}
.method-row-OkTD7:hover {
  background-color: rgba(255, 255, 255, 0.03);
}
.method-row-OkTD7:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: -2px;
}
.method-logos-XtOfd {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-shrink: 0;
}
.method-logo-N1z64 {
  display: block;
  height: 1.375rem;
  width: auto;
}
.method-glyph-Sic3S {
  display: flex;
  color: rgba(255, 255, 255, 0.55);
}
.method-text-Mu2y2 {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.method-name-AUVlq {
  font-size: 0.875rem;
  font-weight: 700;
  color: white;
}
.method-hint-OZSPH {
  font-size: 0.72rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.45);
}
.method-chevron-vlrcl {
  display: flex;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.35);
  transition: transform 0.2s ease, color 0.18s ease;
}
.method-m5oEX.selected-fYN0h .method-chevron-vlrcl {
  color: var(--primary-accent-color);
  transform: rotate(180deg);
}
.method-panel-pf2sf {
  margin: 0 0.9rem 0.9rem;
  padding-top: 0.8rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.guide-cols-JfPG_ {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 1rem;
  align-items: start;
}
.steps-lo9um {
  margin: 0;
  padding-left: 1.15rem;
}
.steps-lo9um li {
  padding-left: 0.15rem;
  font-size: 0.79rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}
.steps-lo9um li + li {
  margin-top: 0.35rem;
}
.steps-lo9um li::marker {
  color: var(--primary-accent-color);
  font-weight: 700;
}
.qr-wrap-ZqhWT {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.45rem;
}
.qr-card-hER5j {
  width: 9.25rem;
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  line-height: 0;
}
.qr-caption-kKun3 {
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.55);
  font-variant-numeric: tabular-nums;
}
.fallback-jpA0t {
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.75rem;
  background-color: rgba(255, 255, 255, 0.02);
}
.fallback-title-L7K9k {
  margin-bottom: 0.2rem;
  font-size: 0.76rem;
  font-weight: 700;
  color: white;
}
.fallback-body-ojgwK {
  font-size: 0.73rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}
.notes-d2nSk {
  margin: 0.6rem 0 0;
  padding: 0;
  list-style: none;
}
.notes-d2nSk li {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
  font-size: 0.71rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.45);
}
.notes-d2nSk li + li {
  margin-top: 0.2rem;
}
.notes-d2nSk li::before {
  content: '\2022';
  color: rgba(255, 255, 255, 0.3);
}
.guide-intro-CBph2 {
  margin-bottom: 0.65rem;
  font-size: 0.79rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
}
.coin-pills-InFuO {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-bottom: 0.8rem;
}
.coin-pill-fh1W5 {
  padding: 0.28rem 0.8rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 99px;
  background-color: transparent;
  font: inherit;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}
.coin-pill-fh1W5:hover {
  border-color: rgba(255, 255, 255, 0.3);
  color: white;
}
.coin-pill-fh1W5:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.coin-pill-fh1W5.active-IFPsy {
  border-color: rgba(var(--primary-accent-color-rgb), 0.7);
  background-color: rgba(var(--primary-accent-color-rgb), 0.12);
  color: white;
}
.crypto-details-CgyXM {
  min-width: 0;
}
.crypto-amount-YeeZh {
  margin-bottom: 0.35rem;
  font-size: 1rem;
  font-weight: 800;
  color: white;
  font-variant-numeric: tabular-nums;
}
.crypto-address-yBsrR {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.7rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.5);
  word-break: break-all;
}
.card-body-kAKi7 {
  margin-bottom: 0.75rem;
  font-size: 0.79rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.65);
}
.card-button-Ie7P2 {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border: 1px solid rgba(var(--primary-accent-color-rgb), 0.5);
  border-radius: 0.625rem;
  background-color: rgba(var(--primary-accent-color-rgb), 0.08);
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  color: var(--primary-accent-color);
  transition: background-color 0.18s ease, border-color 0.18s ease;
}
.card-button-Ie7P2:hover {
  background-color: rgba(var(--primary-accent-color-rgb), 0.15);
  border-color: rgba(var(--primary-accent-color-rgb), 0.8);
}
.card-button-Ie7P2:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.card-button-Ie7P2:disabled {
  opacity: 0.5;
  cursor: default;
}
.card-button-Ie7P2:disabled:hover {
  background-color: rgba(var(--primary-accent-color-rgb), 0.08);
  border-color: rgba(var(--primary-accent-color-rgb), 0.5);
}
.status-note-nYFUJ {
  margin-top: 0.75rem;
  font-size: 0.71rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.38);
}
@media (max-width: 56rem) {
  .layout-C9piP {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 36rem) {
  .guide-cols-JfPG_ {
    grid-template-columns: minmax(0, 1fr);
  }
  .qr-wrap-ZqhWT {
    padding-top: 0.25rem;
  }
}
.status-line-accent-S9vwO {
  margin-top: 0.75rem;
  font-size: 0.71rem;
  text-align: center;
  color: rgba(var(--primary-accent-color-rgb), 0.85);
}
.status-banner-bKwBh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 0.75rem;
  padding: 0.6rem 0.75rem;
  border: 1px solid rgba(220, 38, 38, 0.25);
  border-radius: 0.75rem;
  background-color: rgba(220, 38, 38, 0.07);
  font-size: 0.75rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}
.status-banner-bKwBh.in-panel-DqoRC {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
.button-primary-tH3gv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.2rem;
  border: 1px solid white;
  border-radius: 0.625rem;
  background-color: white;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 700;
  color: black;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.18s ease, border-color 0.18s ease;
}
.button-primary-tH3gv:hover {
  background-color: rgba(255, 255, 255, 0.85);
  border-color: rgba(255, 255, 255, 0.85);
}
.button-primary-tH3gv:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.button-outline-cR_fw {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.2rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.625rem;
  background-color: transparent;
  font: inherit;
  font-size: 0.8rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}
.button-outline-cR_fw:hover {
  color: white;
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.04);
}
.button-outline-cR_fw:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.success-zRIKn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.9rem;
  padding: 4rem 1rem;
  text-align: center;
}
.success-icon-saF2T {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(34, 179, 101, 0.15);
  border: 1px solid rgba(34, 179, 101, 0.4);
  color: var(--secondary-accent-color);
}
.success-title-m3lH7 {
  font-size: 1.5rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: white;
}
.success-body-_M9e1 {
  font-size: 0.9rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}
.success-sub-ENmoU {
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.55);
}
.success-smallprint-UCvCO {
  margin-top: 0.75rem;
  font-size: 0.7rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.4);
}
.anon-card-CxmB8 {
  padding: 1.25rem;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.875rem;
}
.anon-title-BXhqA {
  margin-bottom: 0.4rem;
  font-size: 0.95rem;
  font-weight: 700;
  color: white;
}
.anon-body-dtHdC {
  margin-bottom: 1rem;
  font-size: 0.8rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}
.anon-actions-hg5Ce {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.qr-loading-DW9xG {
  width: 9.25rem;
  height: 9.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed rgba(255, 255, 255, 0.15);
  border-radius: 0.75rem;
  font-size: 0.72rem;
  color: rgba(255, 255, 255, 0.4);
}
.loading-line-JANKz {
  padding: 2rem 0;
  font-size: 0.8rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.4);
}
.addr-row-w_4N_ {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.55rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.625rem;
  background-color: rgba(255, 255, 255, 0.03);
}
.addr-text-E2VNx {
  flex: 1;
  min-width: 0;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.72rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
  word-break: break-all;
}
.addr-copy-gwhlb {
  flex-shrink: 0;
  padding: 0.25rem 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.5rem;
  background: none;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease;
}
.addr-copy-gwhlb:hover {
  color: white;
  border-color: rgba(255, 255, 255, 0.35);
}
.addr-copy-gwhlb:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.addr-copy-gwhlb:disabled {
  opacity: 0.5;
  cursor: default;
}
.check-row-qqdsG {
  margin-top: 0.75rem;
}
.check-note-tsOHZ {
  margin-top: 0.5rem;
  font-size: 0.71rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.45);
}

.install-container-Lyzao .install-content-gTI62 {
  height: 100%;
  overflow-y: auto;
  padding: 2rem 2rem 3rem;
}
.install-container-Lyzao .title-DKrY_ {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.install-container-Lyzao .sub-yRjv8 {
  max-width: 38rem;
  margin: 0 auto 2rem;
  font-size: 0.95rem;
  line-height: 1.55;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.install-container-Lyzao .guide-zS4gQ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  max-width: 38rem;
}
.install-container-Lyzao .guide-done-_k3jL {
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
}
.install-container-Lyzao .guide-warn-WHIR1 {
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
}
.install-container-Lyzao .guide-bullets-iHBHx {
  margin: 0;
  padding-left: 1.4rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
}
.install-container-Lyzao .guide-bullets-iHBHx li {
  overflow: visible;
  list-style: decimal outside none;
  padding-left: 0.35rem;
}
.install-container-Lyzao .guide-bullets-iHBHx li + li {
  margin-top: 0.9rem;
}
.install-container-Lyzao .guide-bullets-iHBHx li::marker {
  font-weight: 700;
  color: rgba(var(--primary-accent-color-rgb), 0.9);
}
.install-container-Lyzao .guide-bullets-iHBHx strong {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
.install-container-Lyzao .step-icon-CeJ_E {
  display: inline-block;
  width: 0.95rem;
  height: 0.95rem;
  vertical-align: -0.15rem;
  color: rgba(255, 255, 255, 0.7);
}
.install-container-Lyzao .guide-install-_O5vb {
  padding: 0.45rem 1rem;
  background-color: rgba(var(--primary-accent-color-rgb), 0.12);
  border: 1px solid rgba(var(--primary-accent-color-rgb), 0.5);
  border-radius: 0.6rem;
  transition: background-color 0.2s, border-color 0.2s;
}
.install-container-Lyzao .guide-install-_O5vb .guide-install-label-hlfKC {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--primary-accent-color);
}
.install-container-Lyzao .guide-install-_O5vb:hover {
  background-color: rgba(var(--primary-accent-color-rgb), 0.2);
  border-color: rgba(var(--primary-accent-color-rgb), 0.8);
}
.install-container-Lyzao .segmented-VfxH0 {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  max-width: 22rem;
  width: 100%;
  padding: 0.2rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.6rem;
  background-color: rgba(255, 255, 255, 0.03);
}
.install-container-Lyzao .segmented-VfxH0 .segment-CVXAV {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  padding: 0.35rem 0.75rem;
  background: none;
  border: none;
  border-radius: 0.45rem;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.install-container-Lyzao .segmented-VfxH0 .segment-CVXAV .segment-icon-xBH8i {
  width: 1rem;
  height: 1rem;
}
.install-container-Lyzao .segmented-VfxH0 .segment-CVXAV:hover {
  color: rgba(255, 255, 255, 0.75);
}
.install-container-Lyzao .segmented-VfxH0 .segment-active-DNLsM {
  background-color: rgba(var(--primary-accent-color-rgb), 0.15);
  color: var(--primary-accent-color);
}
.install-container-Lyzao .segmented-VfxH0 .segment-active-DNLsM:hover {
  color: var(--primary-accent-color);
}
.install-container-Lyzao .cards-BF5oY {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem 3rem;
  width: 100%;
}
.install-container-Lyzao .card-lqdjw {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  text-align: center;
}
.install-container-Lyzao .card-lqdjw .card-icons-wsy1t {
  display: flex;
  flex-direction: row;
  gap: 0.6rem;
}
.install-container-Lyzao .card-lqdjw .card-icon-CZYqV {
  width: 1.8rem;
  height: 1.8rem;
  color: var(--primary-accent-color);
}
.install-container-Lyzao .card-lqdjw .card-title-Pvcor {
  font-size: 1.05rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
.install-container-Lyzao .card-lqdjw .card-description-BIZvm {
  flex: 1;
  font-size: 0.875rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.5);
}
.install-container-Lyzao .card-lqdjw .qr-card-T7rUw {
  align-self: center;
  width: 9.25rem;
  padding: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35);
  line-height: 0;
}
.install-container-Lyzao .card-lqdjw .url-row-a17h6 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  width: 100%;
  padding: 0.5rem 0.7rem;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 0.625rem;
  background-color: rgba(255, 255, 255, 0.03);
}
.install-container-Lyzao .card-lqdjw .url-row-a17h6 .url-text-uURMK {
  flex: 1;
  min-width: 0;
  font-size: 0.78rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.7);
  word-break: break-all;
}
.install-container-Lyzao .card-lqdjw .url-row-a17h6 .url-copy-tphwZ {
  flex-shrink: 0;
  padding: 0.25rem 0.6rem;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.5rem;
  background: none;
  font: inherit;
  font-size: 0.7rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  transition: color 0.18s ease, border-color 0.18s ease;
}
.install-container-Lyzao .card-lqdjw .url-row-a17h6 .url-copy-tphwZ:hover {
  color: white;
  border-color: rgba(255, 255, 255, 0.35);
}
.install-container-Lyzao .card-lqdjw .card-button-Li1ZU {
  margin-top: 0.4rem;
  padding: 0.45rem 1rem;
  background-color: rgba(var(--primary-accent-color-rgb), 0.12);
  border: 1px solid rgba(var(--primary-accent-color-rgb), 0.5);
  border-radius: 0.6rem;
  transition: background-color 0.2s, border-color 0.2s;
}
.install-container-Lyzao .card-lqdjw .card-button-Li1ZU .card-button-label-QoKPz {
  font-size: 0.9rem;
  font-weight: 600;
  color: var(--primary-accent-color);
}
.install-container-Lyzao .card-lqdjw .card-button-Li1ZU:hover {
  background-color: rgba(var(--primary-accent-color-rgb), 0.2);
  border-color: rgba(var(--primary-accent-color-rgb), 0.8);
}
.install-container-Lyzao .tabs-XyhOk {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.install-container-Lyzao .tabs-XyhOk .tab-giXlH {
  padding: 0.45rem 1.5rem;
  background: none;
  border: none;
  border-radius: 2rem;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.install-container-Lyzao .tabs-XyhOk .tab-giXlH:hover {
  color: rgba(255, 255, 255, 0.85);
}
.install-container-Lyzao .tabs-XyhOk .tab-active-ONSSc {
  background-color: var(--primary-accent-color);
  color: #ffffff;
}
.install-container-Lyzao .tabs-XyhOk .tab-active-ONSSc:hover {
  color: #ffffff;
}
.install-container-Lyzao .panel-f136Z {
  width: 100%;
  max-width: 62rem;
  margin: 0 auto;
  padding: 2.5rem;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 1rem;
}
.install-container-Lyzao .panel-split-ZphY5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 3rem;
}
.install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  width: 12rem;
}
.install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb .sidebar-title-XJ_rV {
  padding: 0.6rem 0.9rem;
  font-size: 1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
}
.install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb .sidebar-item-JvHks {
  padding: 0.75rem 0.9rem;
  background-color: rgba(255, 255, 255, 0.04);
  border: none;
  border-radius: 0.5rem;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  text-align: left;
  color: rgba(255, 255, 255, 0.85);
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb .sidebar-item-JvHks + .sidebar-item-JvHks {
  margin-top: 0.35rem;
}
.install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb .sidebar-item-JvHks:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb .sidebar-item-active-C2l_p {
  background-color: var(--primary-accent-color);
  color: #ffffff;
}
.install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb .sidebar-item-active-C2l_p:hover {
  background-color: var(--primary-accent-color);
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-heading-Cgk27 {
  font-size: 1.4rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-sub-rk7ta {
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.55);
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-body-COp4N {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-body-COp4N strong {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-list-nVhsS {
  margin: 0;
  padding-left: 1.4rem;
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-list-nVhsS li {
  overflow: visible;
  list-style: disc outside none;
  padding-left: 0.35rem;
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-list-nVhsS li + li {
  margin-top: 0.4rem;
}
.install-container-Lyzao .panel-split-ZphY5 .panel-content-Uyt8t .panel-list-nVhsS strong {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
.install-container-Lyzao .device-check-ElYV2 .device-check-toggle-PBtPM {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.25rem 0;
  background: none;
  border: none;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  text-align: left;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.85);
  transition: color 0.18s ease;
}
.install-container-Lyzao .device-check-ElYV2 .device-check-toggle-PBtPM:hover {
  color: white;
}
.install-container-Lyzao .device-check-ElYV2 .device-check-toggle-PBtPM:focus-visible {
  outline: 2px solid var(--primary-accent-color);
  outline-offset: 2px;
}
.install-container-Lyzao .device-check-ElYV2 .device-check-chevron-BvYWg {
  display: flex;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.4);
  transition: transform 0.2s ease, color 0.18s ease;
}
.install-container-Lyzao .device-check-ElYV2 .panel-list-nVhsS {
  margin-top: 0.5rem;
}
.install-container-Lyzao .device-check-open-NRQtB .device-check-chevron-BvYWg {
  transform: rotate(180deg);
}
.install-container-Lyzao .tv-url-Rst0s {
  margin-top: 0.5rem;
  padding: 0.4rem 0.7rem;
  border: 1px solid rgba(var(--primary-accent-color-rgb), 0.5);
  border-radius: 0.5rem;
  background-color: rgba(var(--primary-accent-color-rgb), 0.08);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--primary-accent-color);
  word-break: break-all;
}
.install-container-Lyzao .inline-link-emrLu {
  color: var(--primary-accent-color);
  text-decoration: none;
}
.install-container-Lyzao .inline-link-emrLu:hover {
  text-decoration: underline;
}
.install-container-Lyzao .tv-note-wtZF7 {
  font-size: 0.8rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.45);
}
@media only screen and (max-width: 1000px) {
  .install-container-Lyzao .install-content-gTI62 {
    padding: 1.25rem 1rem 2rem;
  }
  .install-container-Lyzao .title-DKrY_ {
    font-size: 1.4rem;
  }
  .install-container-Lyzao .panel-f136Z {
    padding: 1.25rem;
  }
  .install-container-Lyzao .panel-split-ZphY5 {
    flex-direction: column;
    gap: 1.5rem;
  }
  .install-container-Lyzao .panel-split-ZphY5 .sidebar-TU2qb {
    width: 100%;
  }
}

.link-container-GFsVy .glow-QZca_ {
  position: fixed;
  top: -12rem;
  left: 50%;
  transform: translateX(-50%);
  width: 46rem;
  height: 24rem;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse at center, rgba(0, 153, 255, 0.14) 0%, transparent 70%);
}
.link-container-GFsVy .link-content-wDDnz {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow-y: auto;
  padding: 2rem 2rem 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.link-container-GFsVy .tv-icon-SpwHv {
  width: 2.2rem;
  height: 2.2rem;
  margin-bottom: 0.75rem;
  color: var(--primary-accent-color);
}
.link-container-GFsVy .title-z_eyo {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: rgba(255, 255, 255, 0.9);
}
.link-container-GFsVy .sub-N6v0Q {
  max-width: 38rem;
  margin: 0 0 2rem;
  font-size: 0.95rem;
  line-height: 1.55;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
}
.link-container-GFsVy .form-BHSBM {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  max-width: 38rem;
}
.link-container-GFsVy .code-container-aLjB3 {
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
  overflow: visible;
}
.link-container-GFsVy .code-input-m0MFk {
  width: 4rem;
  height: 4.75rem;
  padding: 0;
  border-radius: 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.03);
  color: var(--primary-foreground-color);
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.link-container-GFsVy .code-input-m0MFk:focus {
  outline: none;
  border-color: var(--primary-accent-color);
  box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.1);
}
.link-container-GFsVy .code-input-m0MFk:disabled {
  opacity: 0.5;
}
.link-container-GFsVy .alert-error-QqYiX {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 26rem;
  padding: 0.875rem 1rem;
  border-radius: 0.75rem;
  border: 1px solid rgba(220, 38, 38, 0.35);
  background-color: rgba(220, 38, 38, 0.08);
}
.link-container-GFsVy .alert-error-QqYiX .alert-title-wdHjn {
  margin-bottom: 0.2rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--danger-accent-color);
}
.link-container-GFsVy .alert-error-QqYiX .alert-description-ZlqH5 {
  font-size: 0.85rem;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.75);
}
.link-container-GFsVy .submit-button-MmK06 {
  padding: 0.6rem 1.4rem;
  background-color: var(--primary-accent-color);
  border: 1px solid var(--primary-accent-color);
  border-radius: 0.6rem;
  transition: filter 0.2s, opacity 0.2s;
}
.link-container-GFsVy .submit-button-MmK06 .submit-button-label-cGYAV {
  font-size: 0.95rem;
  font-weight: 600;
  color: white;
}
.link-container-GFsVy .submit-button-MmK06:hover {
  filter: brightness(1.15);
}
.link-container-GFsVy .submit-button-disabled-fcDox {
  opacity: 0.45;
  pointer-events: none;
}
.link-container-GFsVy .success-shjPN {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  max-width: 38rem;
  text-align: center;
}
.link-container-GFsVy .success-badge-Aw2wc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid rgba(34, 179, 101, 0.35);
  background-color: rgba(34, 179, 101, 0.08);
}
.link-container-GFsVy .success-badge-Aw2wc .success-icon-dLg8Q {
  width: 1.4rem;
  height: 1.4rem;
  color: var(--secondary-accent-color);
}
.link-container-GFsVy .success-title-v_Wpc {
  font-size: 1.05rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
.link-container-GFsVy .success-body-aDqap {
  font-size: 0.95rem;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.75);
}
.link-container-GFsVy .reset-button-E5NDq {
  margin-top: 0.4rem;
  padding: 0.45rem 1rem;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 0.6rem;
  transition: background-color 0.2s, border-color 0.2s;
}
.link-container-GFsVy .reset-button-E5NDq .reset-button-label-PBfxC {
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
}
.link-container-GFsVy .reset-button-E5NDq:hover {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.35);
}
@media only screen and (max-width: 1000px) {
  .link-container-GFsVy .link-content-wDDnz {
    padding: 1.25rem 1rem 2rem;
  }
  .link-container-GFsVy .title-z_eyo {
    font-size: 1.4rem;
  }
  .link-container-GFsVy .code-input-m0MFk {
    width: 3.4rem;
    height: 4.25rem;
    font-size: 1.7rem;
  }
}

.nav-content-container-P2WIj {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  color: var(--primary-foreground-color);
}
.nav-content-container-P2WIj .terms-content-McKxX {
  height: 100%;
  overflow-y: auto;
  background-color: var(--primary-background-color);
}
.container-HcTxG {
  display: flex;
  justify-content: center;
  padding: 2rem 2rem 8rem 2rem;
  color: var(--primary-foreground-color);
}
.wrapper-xoR_m {
  max-width: 72rem;
  width: 100%;
}
.wrapper-xoR_m h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: white;
}
.wrapper-xoR_m p {
  margin-bottom: 1rem;
  line-height: 1.6;
  font-size: 1rem;
}
.wrapper-xoR_m ul {
  margin-bottom: 1rem;
  padding-left: 1rem;
}
.wrapper-xoR_m ul li {
  margin-bottom: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}
.title-M_6Gg {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: white;
}
.subtitle-IqAYp {
  color: #d1d5db;
  font-size: 0.875rem;
  margin-bottom: 3rem;
}

.nav-content-container-oS5gB {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  color: var(--primary-foreground-color);
}
.nav-content-container-oS5gB .privacy-content-_koES {
  height: 100%;
  overflow-y: auto;
  background-color: var(--primary-background-color);
}
.container-lxbrk {
  display: flex;
  justify-content: center;
  padding: 2rem 2rem 8rem 2rem;
  color: var(--primary-foreground-color);
}
.wrapper-bTGlg {
  max-width: 72rem;
  width: 100%;
}
.wrapper-bTGlg h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: white;
}
.wrapper-bTGlg p {
  margin-bottom: 1rem;
  line-height: 1.6;
  font-size: 1rem;
}
.wrapper-bTGlg ul {
  margin-bottom: 1rem;
  padding-left: 1rem;
}
.wrapper-bTGlg ul li {
  margin-bottom: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}
.title-LNVii {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: white;
}
.subtitle-FVezK {
  color: #d1d5db;
  font-size: 0.875rem;
  margin-bottom: 3rem;
}

.nav-content-container-JvOiv {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  color: var(--primary-foreground-color);
}
.nav-content-container-JvOiv .legal-content-_qznP {
  height: 100%;
  overflow-y: auto;
  background-color: var(--primary-background-color);
}
.container-KYllX {
  display: flex;
  justify-content: center;
  padding: 2rem 2rem 8rem 2rem;
  color: var(--primary-foreground-color);
}
.wrapper-FGWEC {
  max-width: 72rem;
  width: 100%;
}
.wrapper-FGWEC h2 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  color: white;
}
.wrapper-FGWEC p {
  margin-bottom: 1rem;
  line-height: 1.6;
  font-size: 1rem;
}
.wrapper-FGWEC ul {
  margin-bottom: 1rem;
  padding-left: 1rem;
}
.wrapper-FGWEC ul li {
  margin-bottom: 0.5rem;
  list-style-position: inside;
  list-style-type: disc;
}
.title-e3haJ {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  color: white;
}
.subtitle-tenK9 {
  color: #d1d5db;
  font-size: 0.875rem;
  margin-bottom: 3rem;
}

.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;
}

.gamepad-modal-Qawlq {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.gamepad-modal-Qawlq .backdrop-LYhNk {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: hsla(0, 0%, 0%, 0.4);
  cursor: pointer;
}
.gamepad-modal-Qawlq .container-RTZor {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 90%;
  max-width: 72rem;
  width: 92%;
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
  overflow: hidden;
}
.gamepad-modal-Qawlq .container-RTZor .header-dZZ7W {
  flex: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  padding-left: 2.5rem;
  padding-right: 1rem;
}
.gamepad-modal-Qawlq .container-RTZor .header-dZZ7W .title-VSCBV {
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.gamepad-modal-Qawlq .container-RTZor .header-dZZ7W .close-button-CnaWr {
  position: relative;
  width: 3rem;
  height: 3rem;
  padding: 0.5rem;
  border-radius: var(--border-radius);
  z-index: 2;
}
.gamepad-modal-Qawlq .container-RTZor .header-dZZ7W .close-button-CnaWr .icon-IBKco {
  display: block;
  width: 100%;
  height: 100%;
  color: var(--primary-foreground-color);
  opacity: 0.4;
}
.gamepad-modal-Qawlq .container-RTZor .header-dZZ7W .close-button-CnaWr:hover .icon-IBKco,
.gamepad-modal-Qawlq .container-RTZor .header-dZZ7W .close-button-CnaWr:focus .icon-IBKco {
  opacity: 1;
  color: var(--primary-foreground-color);
}
.gamepad-modal-Qawlq .container-RTZor .header-dZZ7W .close-button-CnaWr:focus {
  outline-color: var(--primary-foreground-color);
}
.gamepad-modal-Qawlq .container-RTZor .content-LwIAE {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
  padding: 0 3rem;
  padding-bottom: 3rem;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
@keyframes draw-stroke-CwxEV {
  from {
    stroke-dashoffset: 2000;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw-line-tR_JU {
  from {
    stroke-dashoffset: 800;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes fade-in-AjdhF {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.gamepad-modal-Qawlq .diagram-Jlr11 {
  flex: none;
  width: 100%;
  max-width: 48rem;
  height: auto;
}
.gamepad-modal-Qawlq .diagram-Jlr11 .anim-body-wsElB {
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  animation: draw-stroke-CwxEV 1.4s ease-in-out;
}
.gamepad-modal-Qawlq .diagram-Jlr11 .anim-controls-NQGnF {
  animation: fade-in-AjdhF 0.6s ease-out 1s both;
}
.gamepad-modal-Qawlq .diagram-Jlr11 .anim-lines-E5YUF line {
  stroke-dasharray: 800;
  stroke-dashoffset: 0;
  animation: draw-line-tR_JU 0.8s ease-out 1.6s both;
}
.gamepad-modal-Qawlq .diagram-Jlr11 .anim-lines-E5YUF circle {
  animation: fade-in-AjdhF 0.3s ease-out 2s both;
}
.gamepad-modal-Qawlq .diagram-Jlr11 .anim-labels-ZwvAF {
  animation: fade-in-AjdhF 0.5s ease-out 2.2s both;
}
.gamepad-modal-Qawlq .sections-oDwuV {
  flex: none;
  display: flex;
  flex-direction: row;
  gap: 5rem;
  width: 100%;
  max-width: 56rem;
  overflow: visible;
}
.gamepad-modal-Qawlq .section-EYjRH {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  overflow: visible;
}
.gamepad-modal-Qawlq .section-title-svA6u {
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
  margin-bottom: 0.4rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.7;
}
.gamepad-modal-Qawlq .mapping-pOqvt {
  display: grid;
  grid-template-columns: auto 1.2rem 1fr;
  align-items: center;
  column-gap: 0.5rem;
}
.gamepad-modal-Qawlq .kbd-A5Qhp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  height: 1.8rem;
  padding: 0 0.5rem;
  border-radius: 0.35rem;
  background-color: rgba(123, 91, 245, 0.15);
  border: 1px solid rgba(123, 91, 245, 0.3);
  box-shadow: none;
  color: #c4b5fd;
  font-size: 0.8rem;
  font-weight: 600;
  font-family: inherit;
}
.gamepad-modal-Qawlq .dir-lD4k_ {
  color: #8b7faa;
  font-size: 1rem;
}
.gamepad-modal-Qawlq .action-BaO8j {
  color: var(--primary-foreground-color);
  font-size: 0.9rem;
  opacity: 0.8;
}
@media only screen and (max-width: 640px) {
  .gamepad-modal-Qawlq .container-RTZor {
    max-width: 95%;
  }
  .gamepad-modal-Qawlq .sections-oDwuV {
    flex-direction: column;
    gap: 2rem;
  }
}

@font-face {
  font-family: 'Switzer-Variable';
  src: url(../../fonts/Switzer-Variable.ttf) format('truetype');
}
@font-face {
  font-family: 'TwemojiFlags';
  src: url(../../fonts/TwemojiFlags.woff2) format('woff2');
  unicode-range: U+1F1E6-1F1FF;
}
 {
  /* 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.1s 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;
  height: 100%;
  width: 100%;
}
.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: 5.5rem;
  --vertical-nav-bar-size: 6rem;
  --focus-outline-size: 2px;
  --color-facebook: #1877F1;
  --color-x: #000000;
  --color-reddit: #FF4500;
  --color-imdb: #f5c518;
  --color-trakt: #ffffff;
  --color-placeholder: #60606080;
  --color-placeholder-text: hsla(0, 0%, 75%, 0.5);
  --color-placeholder-background: hsla(0, 0%, 50%, 0.2);
  --primary-background-color: #0b0d17;
  /* Dark navy */
  --secondary-background-color: #141728;
  /* Slightly lighter navy */
  --modal-background-color: #121423;
  /* Same family as above, subtle difference */
  --primary-foreground-color: rgba(255, 255, 255, 0.92);
  /* Clean readable white */
  --secondary-foreground-color: #374151;
  /* Light gray-blue for metadata */
  --primary-accent-color: #0099ff;
  /* Bright blue (like Tailwind blue-500 to 600) */
  --secondary-accent-color: #22b365;
  /* Keep green */
  --tertiary-accent-color: #f6c700;
  /* Keep yellow */
  --quaternary-accent-color: #1245a6;
  /* Still blueish, fine as tertiary nav/icon accent */
  --overlay-color: rgba(255, 255, 255, 0.05);
  --outer-glow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --warning-accent-color: #ffa500;
  --danger-accent-color: #dc2626;
  --border-radius: 0.8rem;
  --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);
  --radius: 0.5rem;
}
@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))));
  }
}
* {
  box-sizing: border-box;
  font-family: inherit;
  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: 'Switzer-Variable', 'Arial', 'Helvetica', 'TwemojiFlags', 'sans-serif';
  overflow: auto;
  overscroll-behavior: none;
  user-select: none;
  touch-action: manipulation;
  background-color: var(--primary-background-color);
  -webkit-tap-highlight-color: transparent;
}
@media (display-mode: standalone) {
  html {
    width: calc(max(100%, var(--large-viewport-width)));
    height: calc(max(100%, var(--large-viewport-height)));
    -webkit-touch-callout: none;
  }
}
html body {
  width: 100%;
  height: 100%;
  background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 100%);
  -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 .updater-banner-container-Bk1mq {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
@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;
  }
}