/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Button/Button.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ModalDialog/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/AddonDetailsModal/AddonDetails/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/AddonDetailsModal/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/BottomSheet/BottomSheet.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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: portait) {
  .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));
  }
}

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

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Chips/Chip/Chip.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chip-L3r9A {
  flex: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.75rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  white-space: nowrap;
  text-transform: capitalize;
  padding: 0 1.75rem;
  border-radius: 2.75rem;
  background-color: transparent;
  user-select: none;
  overflow: hidden;
  opacity: 0.6;
}
.chip-L3r9A:hover {
  background-color: var(--overlay-color);
  transition: background-color 0.1s ease-out;
  opacity: 1;
}
.chip-L3r9A.active-jnhyP {
  opacity: 1;
  background-color: #4b0082;
  transition: background-color 0.1s ease-in;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Chips/Chips.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.chips-Uw41c {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ColorInput/ColorPicker/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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-clipbaord {
  pointer-events: none;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ColorInput/ColorInput.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ContextMenu/ContextMenu.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Popup/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Popup/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.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}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Multiselect/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Multiselect/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.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)}}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaItem/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.meta-item-container-Tj0Ib {
  padding: 1rem;
  overflow: visible;
}
.meta-item-container-Tj0Ib:hover,
.meta-item-container-Tj0Ib:focus,
.meta-item-container-Tj0Ib.active,
.meta-item-container-Tj0Ib.selected {
  outline-style: none;
  transition: background-color 100ms ease-out;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48,
.meta-item-container-Tj0Ib.active .poster-container-qkw48,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 {
  box-shadow: 0 0 0 0.2rem var(--primary-foreground-color);
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .dismiss-icon-layer-BWztF,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .dismiss-icon-layer-BWztF {
  opacity: 1;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .poster-image-layer-KimPZ,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .poster-image-layer-KimPZ {
  transform: scale(1.05);
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-outer-r3iKR {
  color: transparent;
}
.meta-item-container-Tj0Ib:hover .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib:focus .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib.active .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh,
.meta-item-container-Tj0Ib.selected .poster-container-qkw48 .play-icon-layer-vpQIo .play-icon-background-Uazjh {
  background-color: var(--secondary-accent-color);
  opacity: 1;
}
.meta-item-container-Tj0Ib:hover .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib:focus .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib.active .title-bar-container-1Ba0x .menu-label-container-ChuX8,
.meta-item-container-Tj0Ib.selected .title-bar-container-1Ba0x .menu-label-container-ChuX8 {
  opacity: 1;
}
.meta-item-container-Tj0Ib.poster-shape-poster-MEhNx .poster-container-qkw48 {
  padding-top: 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 {
  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.5rem;
  }
  .meta-item-container-Tj0Ib .title-bar-container-1Ba0x {
    margin-top: 0.5rem;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/HorizontalScroll/HorizontalScroll.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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%);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/TextInput/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.text-input-hnLiz {
  user-select: text;
}
.text-input-hnLiz::-moz-focus-inner {
  border: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/NavBar/HorizontalNavBar/SearchBar/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.search-bar-container-asfq1 {
  --search-bar-size: 3.25rem;
  display: flex;
  flex-direction: row;
  height: var(--search-bar-size);
  border-radius: var(--search-bar-size);
  background-color: var(--overlay-color);
  position: relative;
  overflow: visible;
  transition: all 0.3s ease;
}
.search-bar-container-asfq1.focused-YGyO_ {
  animation: cyberpunk-glow-arU_c 1.2s ease-in-out infinite alternate;
  box-shadow: 0 0 20px #00ffff, 0 0 40px #00ffff, 0 0 60px #ff00ff, 0 0 80px #ff00ff, inset 0 0 20px rgba(0, 255, 255, 0.1);
  background: linear-gradient(45deg, rgba(0, 255, 255, 0.1), rgba(255, 0, 255, 0.1));
  border: 1px solid #00ffff;
}
.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: #4b0082;
}
.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: 1px solid rgba(0, 255, 255, 0.3);
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.2);
  transition: all 0.3s ease;
  border-radius: var(--border-radius);
}
.search-bar-container-asfq1.focused-YGyO_ .search-bar-container-asfq1 .menu-container-GcXNG {
  border-color: #00ffff;
  box-shadow: 0 0 30px rgba(0, 255, 255, 0.5), 0 0 60px rgba(255, 0, 255, 0.3), inset 0 0 20px rgba(0, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(0, 255, 255, 0.05), rgba(255, 0, 255, 0.05));
}
.search-bar-container-asfq1 .menu-container-GcXNG .label-J908i {
  font-size: 0.9rem;
  color: var(--primary-foreground-color);
}
.search-bar-container-asfq1.focused-YGyO_ .search-bar-container-asfq1 .menu-container-GcXNG .label-J908i {
  color: #00ffff;
  text-shadow: 0 0 5px #00ffff;
}
.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;
  color: #00ffff;
  text-shadow: 0 0 5px #00ffff;
}
.search-bar-container-asfq1.focused-YGyO_ .search-bar-container-asfq1 .menu-container-GcXNG .title-s74ty .search-history-clear-ap0h8 {
  color: #ff00ff;
  text-shadow: 0 0 3px #ff00ff;
}
@keyframes cyberpunk-glow-arU_c {
  0% {
    box-shadow: 0 0 20px #00ffff, 0 0 40px #00ffff, 0 0 60px #ff00ff, 0 0 80px #ff00ff, inset 0 0 20px rgba(0, 255, 255, 0.1);
    border-color: #00ffff;
  }
  50% {
    box-shadow: 0 0 30px #00ffff, 0 0 60px #00ffff, 0 0 90px #ff00ff, 0 0 120px #ff00ff, inset 0 0 30px rgba(255, 0, 255, 0.2);
    border-color: #ff00ff;
  }
  100% {
    box-shadow: 0 0 20px #00ffff, 0 0 40px #00ffff, 0 0 60px #ff00ff, 0 0 80px #ff00ff, inset 0 0 20px rgba(0, 255, 255, 0.1);
    border-color: #00ffff;
  }
}
.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);
  box-shadow: 0 0 10px rgba(0, 255, 255, 0.3);
  border: 1px solid rgba(0, 255, 255, 0.5);
}
.search-bar-container-asfq1.focused-YGyO_ .search-bar-container-asfq1 .menu-container-GcXNG .items-P1xS5 .item-TgYCX {
  color: #00ffff;
  text-shadow: 0 0 5px #00ffff;
}

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

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/NavBar/HorizontalNavBar/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.horizontal-nav-bar-container-Y_zvK {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: var(--horizontal-nav-bar-size);
  padding-right: 1rem;
  background-color: transparent;
  overflow: visible;
  padding-top: var(--safe-area-inset-top);
  box-sizing: content-box;
}
.horizontal-nav-bar-container-Y_zvK .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);
  position: relative;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  object-position: center;
  object-fit: contain;
  opacity: 0.9;
  animation: logo-neon-sequence-L1y5W 35s ease-in-out 1;
  transition: all 0.3s ease;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-hidden-_l2f3 {
  opacity: 0;
  transform: scale(0);
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-0-qt6fy {
  animation: logo-return-matrix-rain-bvroU 1.2s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-1-hMkHq {
  animation: logo-return-glitch-eFFSU 1s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-2-f6k4B {
  animation: logo-return-quantum-p60ZG 1.5s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-3-hCFDF {
  animation: logo-return-neural-ASEtR 1.3s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-4-aadxZ {
  animation: logo-return-cyber-explosion-Hkt5Q 1.8s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-5-HOa7Q {
  animation: logo-return-digital-storm-DUgBN 2s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-6-PNyO8 {
  animation: logo-return-binary-shift-hMkAe 1.4s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-7-ih8p2 {
  animation: logo-return-hacker-code-rk7Pa 1.6s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-8-kM_sK {
  animation: logo-return-reality-glitch-MWnLy 1.7s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-9-fMbOI {
  animation: logo-return-ai-awakening-JQQWb 2.2s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-10-gT3K2 {
  animation: logo-return-quantum-entanglement-g4www 1.9s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-11-NsHwp {
  animation: logo-return-cyber-morph-g32bz 2.1s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-12-kUjn_ {
  animation: logo-return-neural-network-_4o0f 1.8s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-13-WS8UC {
  animation: logo-return-digital-ascension-Qpgn0 2.3s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-14-rbQQn {
  animation: logo-return-hacker-protocol-pTHHZ 1.5s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-15-T6OoK {
  animation: logo-return-matrix-overload-iHc7f 2.4s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-16-M6SBm {
  animation: logo-return-cyber-revolution-ry0d8 1.7s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-17-C8xHz {
  animation: logo-return-ai-singularity-whmIs 2.5s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-18-olPgR {
  animation: logo-return-quantum-reality-cFQUd 2s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-19-pjN1h {
  animation: logo-return-digital-apocalypse-R7LAi 2.6s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-20-w49Tt {
  animation: logo-return-neural-overdrive-mv4sG 1.9s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-21-E9NUd {
  animation: logo-return-cyber-awakening-ZiTgk 2.7s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-22-LQ8gT {
  animation: logo-return-hacker-evolution-EvgNo 2.1s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-23-lJIUi {
  animation: logo-return-matrix-awakening-Cyrpm 2.8s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-24-Sd7gR {
  animation: logo-return-ai-revolution-cGTAR 2.2s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-25-SJgZk {
  animation: logo-return-quantum-awakening-mJET4 2.9s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-26-JYgZR {
  animation: logo-return-digital-revolution-fkeiL 2.3s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-27-hrq18 {
  animation: logo-return-cyber-singularity-l45dj 3s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-28-ZP6Ig {
  animation: logo-return-neural-revolution-AymDo 2.4s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-29-WgEoL {
  animation: logo-return-hacker-awakening-Nr1Ra 3.1s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-30-E3i2B {
  animation: logo-return-matrix-singularity-nECft 2.5s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-31-F6X95 {
  animation: logo-return-ai-overdrive-fQzrg 3.2s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-32-RW2oW {
  animation: logo-return-quantum-singularity-HmIOh 2.6s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-33-SllSa {
  animation: logo-return-digital-overdrive-Lu9vU 3.3s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-34-WYhNo {
  animation: logo-return-cyber-overdrive-Ien5s 2.7s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-35-WNpMY {
  animation: logo-return-neural-singularity-BNNo_ 3.4s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-36-CPzsD {
  animation: logo-return-hacker-overdrive-ccv3c 2.8s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-37-rH7PP {
  animation: logo-return-matrix-revolution-wJZvi 3.5s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-38-JFw9S {
  animation: logo-return-ai-apocalypse-Q0Crm 2.9s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-39-MYRo1 {
  animation: logo-return-ultimate-cyber-lBK2J 4s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-40-szPly {
  animation: logo-return-quantum-overdrive-brlo0 2.8s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-41-imnHI {
  animation: logo-return-cyber-overdrive-Ien5s 2.7s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-42-l8qag {
  animation: logo-return-neural-singularity-BNNo_ 3.4s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-43-Lpw14 {
  animation: logo-return-hacker-overdrive-ccv3c 2.8s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-44-QCIdR {
  animation: logo-return-matrix-revolution-wJZvi 3.5s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-45-npkl9 {
  animation: logo-return-ai-apocalypse-Q0Crm 2.9s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-46-CUF11 {
  animation: logo-return-ultimate-cyber-lBK2J 4s ease-out;
}
.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .cyberpunk-message-v9NPL {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  color: #00ff00;
  font-size: 0.7rem;
  font-weight: bold;
  text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 30px #00ff00;
  animation: message-float-Z6atg 2s ease-in-out infinite;
  pointer-events: none;
  white-space: nowrap;
  z-index: 1000;
}
.horizontal-nav-bar-container-Y_zvK .back-button-container-lDB1N {
  margin-left: max(0rem, calc(1rem - var(--safe-area-inset-left)));
}
.horizontal-nav-bar-container-Y_zvK .title-DGh6h {
  flex: 4 0 0;
  padding: 0 1rem;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.01rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: hsla(222.8, 100%, 78%, 0.9);
}
.horizontal-nav-bar-container-Y_zvK .search-bar-h60ja {
  height: 3.25rem;
  width: 30rem;
}
.horizontal-nav-bar-container-Y_zvK .buttons-container-Oc5z1 {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  overflow: visible;
}
.horizontal-nav-bar-container-Y_zvK .button-container-xT9_L {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 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-right: 0;
  }
  .horizontal-nav-bar-container-Y_zvK .logo-container-jteMT {
    width: var(--horizontal-nav-bar-size);
  }
  .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;
  }
}
@keyframes logo-neon-sequence-L1y5W {
  0% {
    filter: drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00) drop-shadow(0 0 15px #00ff00);
    transform: scale(1) rotate(0deg);
  }
  5% {
    filter: drop-shadow(0 0 20px #ff0000) drop-shadow(0 0 40px #ff0000);
    transform: scale(1.1) rotate(45deg);
  }
  10% {
    filter: drop-shadow(0 0 10px #9932cc) drop-shadow(0 0 20px #9932cc) drop-shadow(0 0 30px #9932cc);
    transform: scale(0.9) rotate(-30deg);
  }
  15% {
    filter: drop-shadow(0 0 25px #00ffff) drop-shadow(0 0 50px #00ffff);
    transform: scale(1.2) rotate(90deg);
  }
  20% {
    filter: drop-shadow(0 0 15px #8a2be2) drop-shadow(0 0 30px #8a2be2) drop-shadow(0 0 45px #8a2be2);
    transform: scale(0.8) rotate(-60deg);
  }
  25% {
    filter: drop-shadow(0 0 30px #ff00ff) drop-shadow(0 0 60px #ff00ff);
    transform: scale(1.3) rotate(120deg);
  }
  30% {
    filter: drop-shadow(0 0 20px #9932cc) drop-shadow(0 0 40px #9932cc) drop-shadow(0 0 60px #9932cc);
    transform: scale(0.7) rotate(-90deg);
  }
  35% {
    filter: drop-shadow(0 0 35px #00ff00) drop-shadow(0 0 70px #00ff00);
    transform: scale(1.4) rotate(150deg);
  }
  40% {
    filter: drop-shadow(0 0 25px #8a2be2) drop-shadow(0 0 50px #8a2be2) drop-shadow(0 0 75px #8a2be2);
    transform: scale(0.6) rotate(-120deg);
  }
  45% {
    filter: drop-shadow(0 0 40px #ff0000) drop-shadow(0 0 80px #ff0000);
    transform: scale(1.5) rotate(180deg);
  }
  50% {
    filter: drop-shadow(0 0 30px #9932cc) drop-shadow(0 0 60px #9932cc) drop-shadow(0 0 90px #9932cc);
    transform: scale(0.5) rotate(-150deg);
  }
  55% {
    filter: drop-shadow(0 0 45px #00ffff) drop-shadow(0 0 90px #00ffff);
    transform: scale(1.6) rotate(210deg);
  }
  60% {
    filter: drop-shadow(0 0 35px #8a2be2) drop-shadow(0 0 70px #8a2be2) drop-shadow(0 0 105px #8a2be2);
    transform: scale(0.4) rotate(-180deg);
  }
  65% {
    filter: drop-shadow(0 0 50px #ff00ff) drop-shadow(0 0 100px #ff00ff);
    transform: scale(1.7) rotate(240deg);
  }
  70% {
    filter: drop-shadow(0 0 40px #9932cc) drop-shadow(0 0 80px #9932cc) drop-shadow(0 0 120px #9932cc);
    transform: scale(0.3) rotate(-210deg);
  }
  75% {
    filter: drop-shadow(0 0 55px #00ff00) drop-shadow(0 0 110px #00ff00);
    transform: scale(1.8) rotate(270deg);
  }
  80% {
    filter: drop-shadow(0 0 45px #8a2be2) drop-shadow(0 0 90px #8a2be2) drop-shadow(0 0 135px #8a2be2);
    transform: scale(0.2) rotate(-240deg);
  }
  85% {
    filter: drop-shadow(0 0 60px #ff0000) drop-shadow(0 0 120px #ff0000);
    transform: scale(1.9) rotate(300deg);
  }
  85.71% {
    filter: drop-shadow(0 0 50px #9932cc) drop-shadow(0 0 100px #9932cc) drop-shadow(0 0 150px #9932cc);
    transform: scale(2) rotate(330deg);
  }
  85.72% {
    filter: drop-shadow(0 0 30px #ff1493) drop-shadow(0 0 60px #ff1493) drop-shadow(0 0 90px #ff1493);
    transform: scale(1.5) rotate(0deg);
  }
  90% {
    filter: drop-shadow(0 0 25px #ff69b4) drop-shadow(0 0 50px #ff69b4) drop-shadow(0 0 75px #ff69b4);
    transform: scale(1.4) rotate(90deg);
  }
  95% {
    filter: drop-shadow(0 0 20px #ff1493) drop-shadow(0 0 40px #ff1493) drop-shadow(0 0 60px #ff1493);
    transform: scale(1.3) rotate(180deg);
  }
  100% {
    filter: drop-shadow(0 0 15px #ff69b4) drop-shadow(0 0 30px #ff69b4) drop-shadow(0 0 45px #ff69b4);
    transform: scale(1.2) rotate(360deg);
    opacity: 0.7;
  }
}
@keyframes logo-return-bounce-AUG1o {
  0% {
    transform: scale(0.1) rotate(180deg);
    opacity: 0;
    filter: drop-shadow(0 0 20px #00ff00);
  }
  25% {
    transform: scale(1.3) rotate(90deg);
    filter: drop-shadow(0 0 40px #ff0000);
  }
  50% {
    transform: scale(0.8) rotate(-45deg);
    filter: drop-shadow(0 0 60px #00ffff);
  }
  75% {
    transform: scale(1.1) rotate(22deg);
    filter: drop-shadow(0 0 40px #ff00ff);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-spin-jVMy4 {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 30px #00ff00);
  }
  25% {
    transform: scale(0.5) rotate(90deg);
    filter: drop-shadow(0 0 60px #ff0000);
  }
  50% {
    transform: scale(1.2) rotate(180deg);
    filter: drop-shadow(0 0 90px #00ffff);
  }
  75% {
    transform: scale(0.9) rotate(270deg);
    filter: drop-shadow(0 0 60px #ff00ff);
  }
  100% {
    transform: scale(1) rotate(360deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-slide-nBnCO {
  0% {
    transform: translateX(-200px) scale(0.1) rotate(-180deg);
    opacity: 0;
    filter: drop-shadow(0 0 40px #00ff00);
  }
  25% {
    transform: translateX(-100px) scale(0.8) rotate(-90deg);
    filter: drop-shadow(0 0 80px #ff0000);
  }
  50% {
    transform: translateX(-50px) scale(1.2) rotate(0deg);
    filter: drop-shadow(0 0 60px #00ffff);
  }
  75% {
    transform: translateX(-10px) scale(0.9) rotate(45deg);
    filter: drop-shadow(0 0 40px #ff00ff);
  }
  100% {
    transform: translateX(0) scale(1) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-wobble-GXKZ6 {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 30px #00ff00);
  }
  10% {
    transform: scale(0.8) rotate(-15deg);
    filter: drop-shadow(0 0 60px #ff0000);
  }
  20% {
    transform: scale(1.2) rotate(12deg);
    filter: drop-shadow(0 0 40px #00ffff);
  }
  30% {
    transform: scale(0.9) rotate(-8deg);
    filter: drop-shadow(0 0 80px #ff00ff);
  }
  40% {
    transform: scale(1.1) rotate(6deg);
    filter: drop-shadow(0 0 50px #00ff00);
  }
  50% {
    transform: scale(0.95) rotate(-4deg);
    filter: drop-shadow(0 0 70px #ff0000);
  }
  60% {
    transform: scale(1.05) rotate(3deg);
    filter: drop-shadow(0 0 60px #00ffff);
  }
  70% {
    transform: scale(0.98) rotate(-2deg);
    filter: drop-shadow(0 0 45px #ff00ff);
  }
  80% {
    transform: scale(1.02) rotate(1deg);
    filter: drop-shadow(0 0 35px #00ff00);
  }
  90% {
    transform: scale(0.99) rotate(-0.5deg);
    filter: drop-shadow(0 0 25px #ff0000);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-pulse-Dwbqe {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: drop-shadow(0 0 40px #00ff00);
  }
  20% {
    transform: scale(0.5);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #ff0000);
  }
  40% {
    transform: scale(1.5);
    opacity: 0.6;
    filter: drop-shadow(0 0 120px #00ffff);
  }
  60% {
    transform: scale(0.8);
    opacity: 0.8;
    filter: drop-shadow(0 0 100px #ff00ff);
  }
  80% {
    transform: scale(1.2);
    opacity: 0.9;
    filter: drop-shadow(0 0 80px #00ff00);
  }
  100% {
    transform: scale(1);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-flip-OnxLu {
  0% {
    transform: scale(0.3) rotateY(0deg);
    opacity: 0;
  }
  50% {
    transform: scale(1.2) rotateY(90deg);
    opacity: 0.8;
  }
  100% {
    transform: scale(1) rotateY(0deg);
    opacity: 0.9;
  }
}
@keyframes logo-return-elastic-KKr6V {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  55% {
    transform: scale(1.15);
    opacity: 0.8;
  }
  65% {
    transform: scale(0.95);
  }
  75% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 0.9;
  }
}
@keyframes logo-return-swing-h10ws {
  0% {
    transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
  20% {
    transform: scale(1.1) rotate(15deg);
  }
  40% {
    transform: scale(1.1) rotate(-10deg);
  }
  60% {
    transform: scale(1.1) rotate(5deg);
  }
  80% {
    transform: scale(1.1) rotate(-2deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
  }
}
@keyframes logo-return-zoom-_pQRo {
  0% {
    transform: scale(0.3);
    opacity: 0;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 0.9;
  }
}
@keyframes logo-return-tada-vAHjc {
  0% {
    transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
  10%,
  20% {
    transform: scale(1.1) rotate(-3deg);
  }
  30%,
  50%,
  70% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60% {
    transform: scale(1.1) rotate(-3deg);
  }
  80% {
    transform: scale(1.1) rotate(1deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
  }
}
@keyframes logo-return-matrix-rain-bvroU {
  0% {
    transform: translateY(-200px) scale(0.1);
    opacity: 0;
    filter: drop-shadow(0 0 50px #00ff00);
  }
  10% {
    transform: translateY(-150px) scale(0.3);
    opacity: 0.2;
    filter: drop-shadow(0 0 100px #00ff00);
  }
  20% {
    transform: translateY(-100px) scale(0.6);
    opacity: 0.4;
    filter: drop-shadow(0 0 150px #00ff00);
  }
  30% {
    transform: translateY(-50px) scale(0.9);
    opacity: 0.6;
    filter: drop-shadow(0 0 200px #00ff00);
  }
  40% {
    transform: translateY(-25px) scale(1.1);
    opacity: 0.8;
    filter: drop-shadow(0 0 250px #00ff00);
  }
  50% {
    transform: translateY(0px) scale(1.3);
    opacity: 1;
    filter: drop-shadow(0 0 300px #00ff00);
  }
  60% {
    transform: translateY(10px) scale(1.2);
    filter: drop-shadow(0 0 250px #ff0000);
  }
  70% {
    transform: translateY(5px) scale(1.1);
    filter: drop-shadow(0 0 200px #00ffff);
  }
  80% {
    transform: translateY(2px) scale(1.05);
    filter: drop-shadow(0 0 150px #ff00ff);
  }
  90% {
    transform: translateY(1px) scale(1.02);
    filter: drop-shadow(0 0 100px #00ff00);
  }
  100% {
    transform: translateY(0px) scale(1);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-glitch-eFFSU {
  0% {
    transform: scale(0.1) skew(0deg, 0deg);
    opacity: 0;
    filter: hue-rotate(0deg);
  }
  5% {
    transform: scale(0.2) skew(5deg, 5deg);
    filter: hue-rotate(90deg) drop-shadow(0 0 20px #ff0000);
  }
  10% {
    transform: scale(0.4) skew(-3deg, -3deg);
    filter: hue-rotate(180deg) drop-shadow(0 0 40px #00ff00);
  }
  15% {
    transform: scale(0.6) skew(7deg, 7deg);
    filter: hue-rotate(270deg) drop-shadow(0 0 60px #0000ff);
  }
  20% {
    transform: scale(0.8) skew(-5deg, -5deg);
    filter: hue-rotate(0deg) drop-shadow(0 0 80px #ff00ff);
  }
  25% {
    transform: scale(1) skew(3deg, 3deg);
    filter: hue-rotate(90deg) drop-shadow(0 0 100px #00ffff);
  }
  30% {
    transform: scale(1.1) skew(-1deg, -1deg);
    filter: hue-rotate(180deg) drop-shadow(0 0 80px #ff0000);
  }
  35% {
    transform: scale(1.05) skew(2deg, 2deg);
    filter: hue-rotate(270deg) drop-shadow(0 0 60px #00ff00);
  }
  40% {
    transform: scale(1.02) skew(-0.5deg, -0.5deg);
    filter: hue-rotate(0deg) drop-shadow(0 0 40px #0000ff);
  }
  45% {
    transform: scale(1.01) skew(0.2deg, 0.2deg);
    filter: hue-rotate(90deg) drop-shadow(0 0 20px #ff00ff);
  }
  50% {
    transform: scale(1) skew(0deg, 0deg);
    filter: none;
  }
  55% {
    transform: scale(1.05) skew(1deg, 1deg);
    filter: drop-shadow(0 0 30px #00ffff);
  }
  60% {
    transform: scale(1) skew(-0.5deg, -0.5deg);
    filter: drop-shadow(0 0 40px #ff00ff);
  }
  65% {
    transform: scale(1.02) skew(0.3deg, 0.3deg);
    filter: drop-shadow(0 0 50px #00ff00);
  }
  70% {
    transform: scale(1) skew(0deg, 0deg);
    filter: drop-shadow(0 0 30px #ff0000);
  }
  75% {
    transform: scale(1.01) skew(-0.1deg, -0.1deg);
    filter: drop-shadow(0 0 20px #00ffff);
  }
  80% {
    transform: scale(1) skew(0deg, 0deg);
    filter: drop-shadow(0 0 10px #ff00ff);
  }
  85% {
    transform: scale(1) skew(0.05deg, 0.05deg);
    filter: drop-shadow(0 0 5px #00ff00);
  }
  90% {
    transform: scale(1) skew(0deg, 0deg);
    filter: none;
  }
  95% {
    transform: scale(1) skew(0.02deg, 0.02deg);
  }
  100% {
    transform: scale(1) skew(0deg, 0deg);
    opacity: 0.9;
  }
}
@keyframes logo-return-quantum-p60ZG {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: blur(10px) drop-shadow(0 0 30px #8a2be2);
  }
  10% {
    transform: scale(0.3) rotate(36deg);
    opacity: 0.1;
    filter: blur(8px) drop-shadow(0 0 60px #9932cc);
  }
  20% {
    transform: scale(0.6) rotate(72deg);
    opacity: 0.2;
    filter: blur(6px) drop-shadow(0 0 90px #8a2be2);
  }
  30% {
    transform: scale(0.9) rotate(108deg);
    opacity: 0.3;
    filter: blur(4px) drop-shadow(0 0 120px #9932cc);
  }
  40% {
    transform: scale(1.2) rotate(144deg);
    opacity: 0.4;
    filter: blur(2px) drop-shadow(0 0 150px #8a2be2);
  }
  50% {
    transform: scale(1.5) rotate(180deg);
    opacity: 0.5;
    filter: blur(0px) drop-shadow(0 0 180px #9932cc);
  }
  60% {
    transform: scale(1.3) rotate(216deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 150px #8a2be2) hue-rotate(90deg);
  }
  70% {
    transform: scale(1.1) rotate(252deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 120px #9932cc) hue-rotate(180deg);
  }
  80% {
    transform: scale(1.05) rotate(288deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 90px #8a2be2) hue-rotate(270deg);
  }
  90% {
    transform: scale(1.02) rotate(324deg);
    opacity: 0.9;
    filter: drop-shadow(0 0 60px #9932cc) hue-rotate(0deg);
  }
  100% {
    transform: scale(1) rotate(360deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-neural-ASEtR {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: contrast(0%) drop-shadow(0 0 20px #00ff00);
  }
  5% {
    transform: scale(0.2);
    opacity: 0.1;
    filter: contrast(20%) drop-shadow(0 0 40px #00ff00);
  }
  10% {
    transform: scale(0.4);
    opacity: 0.2;
    filter: contrast(40%) drop-shadow(0 0 60px #00ff00);
  }
  15% {
    transform: scale(0.6);
    opacity: 0.3;
    filter: contrast(60%) drop-shadow(0 0 80px #00ff00);
  }
  20% {
    transform: scale(0.8);
    opacity: 0.4;
    filter: contrast(80%) drop-shadow(0 0 100px #00ff00);
  }
  25% {
    transform: scale(1);
    opacity: 0.5;
    filter: contrast(100%) drop-shadow(0 0 120px #00ff00);
  }
  30% {
    transform: scale(1.1) rotate(5deg);
    opacity: 0.6;
    filter: contrast(120%) drop-shadow(0 0 100px #ff0000);
  }
  35% {
    transform: scale(1.05) rotate(-3deg);
    opacity: 0.7;
    filter: contrast(100%) drop-shadow(0 0 80px #00ffff);
  }
  40% {
    transform: scale(1.02) rotate(2deg);
    opacity: 0.8;
    filter: contrast(90%) drop-shadow(0 0 60px #ff00ff);
  }
  45% {
    transform: scale(1.01) rotate(-1deg);
    opacity: 0.85;
    filter: contrast(95%) drop-shadow(0 0 40px #00ff00);
  }
  50% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
    filter: contrast(100%) drop-shadow(0 0 20px #ff0000);
  }
  55% {
    transform: scale(1.02) rotate(1deg);
    filter: contrast(105%) drop-shadow(0 0 30px #00ffff);
  }
  60% {
    transform: scale(1) rotate(0deg);
    filter: contrast(100%) drop-shadow(0 0 40px #ff00ff);
  }
  65% {
    transform: scale(1.01) rotate(-0.5deg);
    filter: contrast(98%) drop-shadow(0 0 50px #00ff00);
  }
  70% {
    transform: scale(1) rotate(0deg);
    filter: contrast(100%) drop-shadow(0 0 30px #ff0000);
  }
  75% {
    transform: scale(1) rotate(0.2deg);
    filter: contrast(102%) drop-shadow(0 0 20px #00ffff);
  }
  80% {
    transform: scale(1) rotate(0deg);
    filter: contrast(100%) drop-shadow(0 0 10px #ff00ff);
  }
  85% {
    transform: scale(1) rotate(0.1deg);
    filter: contrast(101%) drop-shadow(0 0 5px #00ff00);
  }
  90% {
    transform: scale(1) rotate(0deg);
    filter: contrast(100%) drop-shadow(0 0 2px #ff0000);
  }
  95% {
    transform: scale(1) rotate(0.05deg);
    filter: contrast(99.5%) drop-shadow(0 0 1px #00ffff);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-cyber-explosion-Hkt5Q {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: sepia(100%) saturate(0%) drop-shadow(0 0 10px #ff4500);
  }
  5% {
    transform: scale(0.3);
    opacity: 0.1;
    filter: sepia(80%) saturate(20%) drop-shadow(0 0 30px #ff6347);
  }
  10% {
    transform: scale(0.6);
    opacity: 0.2;
    filter: sepia(60%) saturate(40%) drop-shadow(0 0 60px #ff7f50);
  }
  15% {
    transform: scale(0.9);
    opacity: 0.3;
    filter: sepia(40%) saturate(60%) drop-shadow(0 0 90px #ffa500);
  }
  20% {
    transform: scale(1.2);
    opacity: 0.4;
    filter: sepia(20%) saturate(80%) drop-shadow(0 0 120px #ffd700);
  }
  25% {
    transform: scale(1.5);
    opacity: 0.5;
    filter: sepia(0%) saturate(100%) drop-shadow(0 0 150px #ffff00);
  }
  30% {
    transform: scale(1.8) rotate(15deg);
    opacity: 0.6;
    filter: hue-rotate(45deg) drop-shadow(0 0 180px #adff2f);
  }
  35% {
    transform: scale(1.6) rotate(-10deg);
    opacity: 0.7;
    filter: hue-rotate(90deg) drop-shadow(0 0 150px #00ff00);
  }
  40% {
    transform: scale(1.4) rotate(8deg);
    opacity: 0.75;
    filter: hue-rotate(135deg) drop-shadow(0 0 120px #00ffff);
  }
  45% {
    transform: scale(1.3) rotate(-5deg);
    opacity: 0.8;
    filter: hue-rotate(180deg) drop-shadow(0 0 90px #0000ff);
  }
  50% {
    transform: scale(1.2) rotate(3deg);
    opacity: 0.85;
    filter: hue-rotate(225deg) drop-shadow(0 0 60px #8a2be2);
  }
  55% {
    transform: scale(1.1) rotate(-2deg);
    opacity: 0.88;
    filter: hue-rotate(270deg) drop-shadow(0 0 30px #9932cc);
  }
  60% {
    transform: scale(1.05) rotate(1deg);
    opacity: 0.9;
    filter: hue-rotate(315deg) drop-shadow(0 0 15px #8a2be2);
  }
  65% {
    transform: scale(1.02) rotate(-0.5deg);
    opacity: 0.92;
    filter: hue-rotate(0deg) drop-shadow(0 0 10px #9932cc);
  }
  70% {
    transform: scale(1.01) rotate(0.2deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 5px #8a2be2);
  }
  75% {
    transform: scale(1) rotate(0deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 2px #9932cc);
  }
  80% {
    transform: scale(1) rotate(0.1deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 1px #8a2be2);
  }
  85% {
    transform: scale(1) rotate(0deg);
    opacity: 0.98;
    filter: none;
  }
  90% {
    transform: scale(1) rotate(0.05deg);
    opacity: 0.99;
  }
  95% {
    transform: scale(1) rotate(0deg);
    opacity: 0.995;
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
  }
}
@keyframes logo-return-digital-storm-DUgBN {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: grayscale(100%) drop-shadow(0 0 20px #708090);
  }
  5% {
    transform: scale(0.2) rotate(72deg);
    opacity: 0.1;
    filter: grayscale(80%) drop-shadow(0 0 40px #778899);
  }
  10% {
    transform: scale(0.4) rotate(144deg);
    opacity: 0.2;
    filter: grayscale(60%) drop-shadow(0 0 60px #808080);
  }
  15% {
    transform: scale(0.6) rotate(216deg);
    opacity: 0.3;
    filter: grayscale(40%) drop-shadow(0 0 80px #a9a9a9);
  }
  20% {
    transform: scale(0.8) rotate(288deg);
    opacity: 0.4;
    filter: grayscale(20%) drop-shadow(0 0 100px #c0c0c0);
  }
  25% {
    transform: scale(1) rotate(360deg);
    opacity: 0.5;
    filter: grayscale(0%) drop-shadow(0 0 120px #ffffff);
  }
  30% {
    transform: scale(1.2) rotate(30deg);
    opacity: 0.6;
    filter: brightness(1.2) drop-shadow(0 0 140px #f0f8ff);
  }
  35% {
    transform: scale(1.1) rotate(-20deg);
    opacity: 0.7;
    filter: brightness(1.4) drop-shadow(0 0 120px #e6e6fa);
  }
  40% {
    transform: scale(1.05) rotate(15deg);
    opacity: 0.75;
    filter: brightness(1.6) drop-shadow(0 0 100px #dcdcdc);
  }
  45% {
    transform: scale(1.02) rotate(-10deg);
    opacity: 0.8;
    filter: brightness(1.8) drop-shadow(0 0 80px #f5f5f5);
  }
  50% {
    transform: scale(1) rotate(0deg);
    opacity: 0.85;
    filter: brightness(2) drop-shadow(0 0 60px #ffffff);
  }
  55% {
    transform: scale(1.03) rotate(5deg);
    opacity: 0.87;
    filter: brightness(1.8) contrast(1.2) drop-shadow(0 0 70px #f0f8ff);
  }
  60% {
    transform: scale(1) rotate(0deg);
    opacity: 0.89;
    filter: brightness(1.6) contrast(1.4) drop-shadow(0 0 80px #e6e6fa);
  }
  65% {
    transform: scale(1.02) rotate(-2deg);
    opacity: 0.91;
    filter: brightness(1.4) contrast(1.6) drop-shadow(0 0 90px #dcdcdc);
  }
  70% {
    transform: scale(1) rotate(0deg);
    opacity: 0.92;
    filter: brightness(1.2) contrast(1.8) drop-shadow(0 0 100px #f5f5f5);
  }
  75% {
    transform: scale(1.01) rotate(1deg);
    opacity: 0.94;
    filter: brightness(1) contrast(2) drop-shadow(0 0 110px #ffffff);
  }
  80% {
    transform: scale(1) rotate(0deg);
    opacity: 0.95;
    filter: brightness(0.9) contrast(2.2) drop-shadow(0 0 100px #f0f8ff);
  }
  85% {
    transform: scale(1) rotate(0.5deg);
    opacity: 0.96;
    filter: brightness(0.8) contrast(2.4) drop-shadow(0 0 90px #e6e6fa);
  }
  90% {
    transform: scale(1) rotate(0deg);
    opacity: 0.97;
    filter: brightness(0.7) contrast(2.6) drop-shadow(0 0 80px #dcdcdc);
  }
  95% {
    transform: scale(1) rotate(0.2deg);
    opacity: 0.98;
    filter: brightness(0.6) contrast(2.8) drop-shadow(0 0 70px #f5f5f5);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-binary-shift-hMkAe {
  0% {
    transform: scale(0.1) translateX(-200px);
    opacity: 0;
    filter: invert(0%) drop-shadow(0 0 20px #000000);
  }
  5% {
    transform: scale(0.2) translateX(-160px);
    opacity: 0.1;
    filter: invert(10%) drop-shadow(0 0 40px #111111);
  }
  10% {
    transform: scale(0.4) translateX(-120px);
    opacity: 0.2;
    filter: invert(20%) drop-shadow(0 0 60px #222222);
  }
  15% {
    transform: scale(0.6) translateX(-80px);
    opacity: 0.3;
    filter: invert(30%) drop-shadow(0 0 80px #333333);
  }
  20% {
    transform: scale(0.8) translateX(-40px);
    opacity: 0.4;
    filter: invert(40%) drop-shadow(0 0 100px #444444);
  }
  25% {
    transform: scale(1) translateX(0px);
    opacity: 0.5;
    filter: invert(50%) drop-shadow(0 0 120px #555555);
  }
  30% {
    transform: scale(1.1) translateX(20px) rotate(10deg);
    opacity: 0.6;
    filter: invert(60%) drop-shadow(0 0 100px #666666);
  }
  35% {
    transform: scale(1.05) translateX(-10px) rotate(-5deg);
    opacity: 0.7;
    filter: invert(70%) drop-shadow(0 0 80px #777777);
  }
  40% {
    transform: scale(1.02) translateX(5px) rotate(3deg);
    opacity: 0.75;
    filter: invert(80%) drop-shadow(0 0 60px #888888);
  }
  45% {
    transform: scale(1.01) translateX(-2px) rotate(-1deg);
    opacity: 0.8;
    filter: invert(90%) drop-shadow(0 0 40px #999999);
  }
  50% {
    transform: scale(1) translateX(0px) rotate(0deg);
    opacity: 0.85;
    filter: invert(100%) drop-shadow(0 0 20px #aaaaaa);
  }
  55% {
    transform: scale(1.02) translateX(3px) rotate(1deg);
    opacity: 0.87;
    filter: invert(90%) sepia(10%) drop-shadow(0 0 30px #bbbbbb);
  }
  60% {
    transform: scale(1) translateX(0px) rotate(0deg);
    opacity: 0.89;
    filter: invert(80%) sepia(20%) drop-shadow(0 0 40px #cccccc);
  }
  65% {
    transform: scale(1.01) translateX(-1px) rotate(-0.5deg);
    opacity: 0.91;
    filter: invert(70%) sepia(30%) drop-shadow(0 0 50px #dddddd);
  }
  70% {
    transform: scale(1) translateX(0px) rotate(0deg);
    opacity: 0.92;
    filter: invert(60%) sepia(40%) drop-shadow(0 0 60px #eeeeee);
  }
  75% {
    transform: scale(1) translateX(0.5px) rotate(0.2deg);
    opacity: 0.94;
    filter: invert(50%) sepia(50%) drop-shadow(0 0 70px #ffffff);
  }
  80% {
    transform: scale(1) translateX(0px) rotate(0deg);
    opacity: 0.95;
    filter: invert(40%) sepia(60%) drop-shadow(0 0 60px #f0f0f0);
  }
  85% {
    transform: scale(1) translateX(0.2px) rotate(0.1deg);
    opacity: 0.96;
    filter: invert(30%) sepia(70%) drop-shadow(0 0 50px #e0e0e0);
  }
  90% {
    transform: scale(1) translateX(0px) rotate(0deg);
    opacity: 0.97;
    filter: invert(20%) sepia(80%) drop-shadow(0 0 40px #d0d0d0);
  }
  95% {
    transform: scale(1) translateX(0.1px) rotate(0.05deg);
    opacity: 0.98;
    filter: invert(10%) sepia(90%) drop-shadow(0 0 30px #c0c0c0);
  }
  100% {
    transform: scale(1) translateX(0px) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-hacker-code-rk7Pa {
  0% {
    transform: scale(0.1) skewX(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 20px #00ff00) hue-rotate(0deg);
  }
  5% {
    transform: scale(0.2) skewX(10deg);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #00ff00) hue-rotate(36deg);
  }
  10% {
    transform: scale(0.4) skewX(-5deg);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #00ff00) hue-rotate(72deg);
  }
  15% {
    transform: scale(0.6) skewX(15deg);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #00ff00) hue-rotate(108deg);
  }
  20% {
    transform: scale(0.8) skewX(-10deg);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #00ff00) hue-rotate(144deg);
  }
  25% {
    transform: scale(1) skewX(0deg);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #00ff00) hue-rotate(180deg);
  }
  30% {
    transform: scale(1.1) skewX(5deg) rotate(5deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 100px #ff0000) hue-rotate(216deg);
  }
  35% {
    transform: scale(1.05) skewX(-3deg) rotate(-3deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 80px #00ffff) hue-rotate(252deg);
  }
  40% {
    transform: scale(1.02) skewX(2deg) rotate(2deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 60px #ff00ff) hue-rotate(288deg);
  }
  45% {
    transform: scale(1.01) skewX(-1deg) rotate(-1deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 40px #00ff00) hue-rotate(324deg);
  }
  50% {
    transform: scale(1) skewX(0deg) rotate(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 20px #ff0000) hue-rotate(0deg);
  }
  55% {
    transform: scale(1.02) skewX(1deg) rotate(1deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 30px #00ffff) hue-rotate(45deg);
  }
  60% {
    transform: scale(1) skewX(0deg) rotate(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 40px #ff00ff) hue-rotate(90deg);
  }
  65% {
    transform: scale(1.01) skewX(-0.5deg) rotate(-0.5deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 50px #00ff00) hue-rotate(135deg);
  }
  70% {
    transform: scale(1) skewX(0deg) rotate(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 60px #ff0000) hue-rotate(180deg);
  }
  75% {
    transform: scale(1) skewX(0.2deg) rotate(0.2deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 70px #00ffff) hue-rotate(225deg);
  }
  80% {
    transform: scale(1) skewX(0deg) rotate(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 60px #ff00ff) hue-rotate(270deg);
  }
  85% {
    transform: scale(1) skewX(0.1deg) rotate(0.1deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 50px #00ff00) hue-rotate(315deg);
  }
  90% {
    transform: scale(1) skewX(0deg) rotate(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 40px #ff0000) hue-rotate(0deg);
  }
  95% {
    transform: scale(1) skewX(0.05deg) rotate(0.05deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 30px #00ffff) hue-rotate(45deg);
  }
  100% {
    transform: scale(1) skewX(0deg) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-reality-glitch-MWnLy {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: drop-shadow(0 0 20px #ff1493) saturate(0%);
  }
  5% {
    transform: scale(0.2);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #ff69b4) saturate(20%);
  }
  10% {
    transform: scale(0.4);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #ffb6c1) saturate(40%);
  }
  15% {
    transform: scale(0.6);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #ffc0cb) saturate(60%);
  }
  20% {
    transform: scale(0.8);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #ff1493) saturate(80%);
  }
  25% {
    transform: scale(1);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #ff69b4) saturate(100%);
  }
  30% {
    transform: scale(1.1) rotate(10deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 100px #ffb6c1) saturate(120%) hue-rotate(45deg);
  }
  35% {
    transform: scale(1.05) rotate(-5deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 80px #ffc0cb) saturate(100%) hue-rotate(90deg);
  }
  40% {
    transform: scale(1.02) rotate(3deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 60px #ff1493) saturate(90%) hue-rotate(135deg);
  }
  45% {
    transform: scale(1.01) rotate(-1deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 40px #ff69b4) saturate(95%) hue-rotate(180deg);
  }
  50% {
    transform: scale(1) rotate(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 20px #ffb6c1) saturate(100%) hue-rotate(225deg);
  }
  52% {
    transform: scale(1.05) rotate(2deg) skewX(2deg);
    filter: drop-shadow(0 0 30px #ffc0cb) saturate(110%) hue-rotate(270deg);
  }
  54% {
    transform: scale(0.95) rotate(-1deg) skewX(-1deg);
    filter: drop-shadow(0 0 40px #ff1493) saturate(90%) hue-rotate(315deg);
  }
  56% {
    transform: scale(1.02) rotate(1deg) skewX(1deg);
    filter: drop-shadow(0 0 50px #ff69b4) saturate(105%) hue-rotate(0deg);
  }
  58% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 30px #ffb6c1) saturate(100%) hue-rotate(45deg);
  }
  60% {
    transform: scale(1.01) rotate(0.5deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 35px #ffc0cb) saturate(98%) hue-rotate(90deg);
  }
  65% {
    transform: scale(1) rotate(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 40px #ff1493) saturate(100%) hue-rotate(135deg);
  }
  70% {
    transform: scale(1) rotate(-0.2deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 45px #ff69b4) saturate(102%) hue-rotate(180deg);
  }
  75% {
    transform: scale(1) rotate(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 50px #ffb6c1) saturate(100%) hue-rotate(225deg);
  }
  80% {
    transform: scale(1) rotate(0.1deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 40px #ffc0cb) saturate(99%) hue-rotate(270deg);
  }
  85% {
    transform: scale(1) rotate(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 30px #ff1493) saturate(100%) hue-rotate(315deg);
  }
  90% {
    transform: scale(1) rotate(0.05deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 20px #ff69b4) saturate(101%) hue-rotate(0deg);
  }
  95% {
    transform: scale(1) rotate(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 10px #ffb6c1) saturate(100%) hue-rotate(45deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-ai-awakening-JQQWb {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 20px #9370db) brightness(0.1);
  }
  5% {
    transform: scale(0.2) rotate(72deg);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #8a2be2) brightness(0.2);
  }
  10% {
    transform: scale(0.4) rotate(144deg);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #9932cc) brightness(0.3);
  }
  15% {
    transform: scale(0.6) rotate(216deg);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #9370db) brightness(0.4);
  }
  20% {
    transform: scale(0.8) rotate(288deg);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #8a2be2) brightness(0.5);
  }
  25% {
    transform: scale(1) rotate(360deg);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #9932cc) brightness(0.6);
  }
  30% {
    transform: scale(1.2) rotate(30deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 140px #9370db) brightness(0.7) contrast(1.1);
  }
  35% {
    transform: scale(1.1) rotate(-20deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 120px #8a2be2) brightness(0.8) contrast(1.2);
  }
  40% {
    transform: scale(1.05) rotate(15deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 100px #9932cc) brightness(0.9) contrast(1.3);
  }
  45% {
    transform: scale(1.02) rotate(-10deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 80px #9370db) brightness(1) contrast(1.4);
  }
  50% {
    transform: scale(1) rotate(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 60px #8a2be2) brightness(1.1) contrast(1.5);
  }
  55% {
    transform: scale(1.03) rotate(5deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 70px #9932cc) brightness(1.2) contrast(1.4) saturate(1.1);
  }
  60% {
    transform: scale(1) rotate(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 80px #9370db) brightness(1.3) contrast(1.3) saturate(1.2);
  }
  65% {
    transform: scale(1.02) rotate(-2deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 90px #8a2be2) brightness(1.4) contrast(1.2) saturate(1.3);
  }
  70% {
    transform: scale(1) rotate(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 100px #9932cc) brightness(1.5) contrast(1.1) saturate(1.4);
  }
  75% {
    transform: scale(1.01) rotate(1deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 110px #9370db) brightness(1.6) contrast(1) saturate(1.5);
  }
  80% {
    transform: scale(1) rotate(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 100px #8a2be2) brightness(1.7) contrast(0.9) saturate(1.6);
  }
  85% {
    transform: scale(1) rotate(0.5deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 90px #9932cc) brightness(1.8) contrast(0.8) saturate(1.7);
  }
  90% {
    transform: scale(1) rotate(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 80px #9370db) brightness(1.9) contrast(0.7) saturate(1.8);
  }
  95% {
    transform: scale(1) rotate(0.2deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 70px #8a2be2) brightness(2) contrast(0.6) saturate(1.9);
  }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-quantum-entanglement-g4www {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 20px #daa520) blur(5px);
  }
  5% {
    transform: scale(0.2) rotate(45deg);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #ffd700) blur(4px);
  }
  10% {
    transform: scale(0.4) rotate(90deg);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #ffed4e) blur(3px);
  }
  15% {
    transform: scale(0.6) rotate(135deg);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #daa520) blur(2px);
  }
  20% {
    transform: scale(0.8) rotate(180deg);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #ffd700) blur(1px);
  }
  25% {
    transform: scale(1) rotate(225deg);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #ffed4e) blur(0px);
  }
  30% {
    transform: scale(1.2) rotate(270deg) skewX(5deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 140px #daa520) hue-rotate(45deg);
  }
  35% {
    transform: scale(1.1) rotate(315deg) skewX(-3deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 120px #ffd700) hue-rotate(90deg);
  }
  40% {
    transform: scale(1.05) rotate(360deg) skewX(2deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 100px #ffed4e) hue-rotate(135deg);
  }
  45% {
    transform: scale(1.02) rotate(45deg) skewX(-1deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 80px #daa520) hue-rotate(180deg);
  }
  50% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 60px #ffd700) hue-rotate(225deg);
  }
  55% {
    transform: scale(1.03) rotate(10deg) skewX(1deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 70px #ffed4e) hue-rotate(270deg) saturate(1.2);
  }
  60% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 80px #daa520) hue-rotate(315deg) saturate(1.4);
  }
  65% {
    transform: scale(1.02) rotate(-5deg) skewX(-0.5deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 90px #ffd700) hue-rotate(0deg) saturate(1.6);
  }
  70% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 100px #ffed4e) hue-rotate(45deg) saturate(1.8);
  }
  75% {
    transform: scale(1.01) rotate(3deg) skewX(0.2deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 110px #daa520) hue-rotate(90deg) saturate(2);
  }
  80% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 100px #ffd700) hue-rotate(135deg) saturate(1.8);
  }
  85% {
    transform: scale(1) rotate(1deg) skewX(0.1deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 90px #ffed4e) hue-rotate(180deg) saturate(1.6);
  }
  90% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 80px #daa520) hue-rotate(225deg) saturate(1.4);
  }
  95% {
    transform: scale(1) rotate(0.5deg) skewX(0.05deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 70px #ffd700) hue-rotate(270deg) saturate(1.2);
  }
  100% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-cyber-morph-g32bz {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: drop-shadow(0 0 20px #ff4500) sepia(100%);
  }
  5% {
    transform: scale(0.2) rotate(36deg);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #ff6347) sepia(80%);
  }
  10% {
    transform: scale(0.4) rotate(72deg);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #ff7f50) sepia(60%);
  }
  15% {
    transform: scale(0.6) rotate(108deg);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #ffa500) sepia(40%);
  }
  20% {
    transform: scale(0.8) rotate(144deg);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #ffd700) sepia(20%);
  }
  25% {
    transform: scale(1) rotate(180deg);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #ffff00) sepia(0%);
  }
  30% {
    transform: scale(1.2) rotate(216deg) skewY(10deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 140px #adff2f) hue-rotate(60deg);
  }
  35% {
    transform: scale(1.1) rotate(252deg) skewY(-5deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 120px #00ff00) hue-rotate(120deg);
  }
  40% {
    transform: scale(1.05) rotate(288deg) skewY(3deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 100px #00ffff) hue-rotate(180deg);
  }
  45% {
    transform: scale(1.02) rotate(324deg) skewY(-1deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 80px #0000ff) hue-rotate(240deg);
  }
  50% {
    transform: scale(1) rotate(360deg) skewY(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 60px #8a2be2) hue-rotate(300deg);
  }
  55% {
    transform: scale(1.03) rotate(30deg) skewY(2deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 70px #9932cc) hue-rotate(0deg) brightness(1.2);
  }
  60% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 80px #9370db) hue-rotate(60deg) brightness(1.4);
  }
  65% {
    transform: scale(1.02) rotate(-15deg) skewY(-1deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 90px #8a2be2) hue-rotate(120deg) brightness(1.6);
  }
  70% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 100px #9932cc) hue-rotate(180deg) brightness(1.8);
  }
  75% {
    transform: scale(1.01) rotate(8deg) skewY(0.5deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 110px #9370db) hue-rotate(240deg) brightness(2);
  }
  80% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 100px #8a2be2) hue-rotate(300deg) brightness(1.8);
  }
  85% {
    transform: scale(1) rotate(4deg) skewY(0.2deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 90px #9932cc) hue-rotate(0deg) brightness(1.6);
  }
  90% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 80px #9370db) hue-rotate(60deg) brightness(1.4);
  }
  95% {
    transform: scale(1) rotate(2deg) skewY(0.1deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 70px #8a2be2) hue-rotate(120deg) brightness(1.2);
  }
  100% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-neural-network-_4o0f {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: drop-shadow(0 0 20px #32cd32) contrast(0.1);
  }
  5% {
    transform: scale(0.2) rotate(30deg);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #228b22) contrast(0.2);
  }
  10% {
    transform: scale(0.4) rotate(60deg);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #006400) contrast(0.3);
  }
  15% {
    transform: scale(0.6) rotate(90deg);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #32cd32) contrast(0.4);
  }
  20% {
    transform: scale(0.8) rotate(120deg);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #228b22) contrast(0.5);
  }
  25% {
    transform: scale(1) rotate(150deg);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #006400) contrast(0.6);
  }
  30% {
    transform: scale(1.1) rotate(180deg) skewX(5deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 100px #32cd32) contrast(0.7) hue-rotate(45deg);
  }
  35% {
    transform: scale(1.05) rotate(210deg) skewX(-3deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 80px #228b22) contrast(0.8) hue-rotate(90deg);
  }
  40% {
    transform: scale(1.02) rotate(240deg) skewX(2deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 60px #006400) contrast(0.9) hue-rotate(135deg);
  }
  45% {
    transform: scale(1.01) rotate(270deg) skewX(-1deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 40px #32cd32) contrast(1) hue-rotate(180deg);
  }
  50% {
    transform: scale(1) rotate(300deg) skewX(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 20px #228b22) contrast(1.1) hue-rotate(225deg);
  }
  55% {
    transform: scale(1.02) rotate(330deg) skewX(1deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 30px #006400) contrast(1.2) hue-rotate(270deg) saturate(1.1);
  }
  60% {
    transform: scale(1) rotate(360deg) skewX(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 40px #32cd32) contrast(1.3) hue-rotate(315deg) saturate(1.2);
  }
  65% {
    transform: scale(1.01) rotate(30deg) skewX(-0.5deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 50px #228b22) contrast(1.4) hue-rotate(0deg) saturate(1.3);
  }
  70% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 60px #006400) contrast(1.5) hue-rotate(45deg) saturate(1.4);
  }
  75% {
    transform: scale(1) rotate(15deg) skewX(0.2deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 70px #32cd32) contrast(1.6) hue-rotate(90deg) saturate(1.5);
  }
  80% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 60px #228b22) contrast(1.7) hue-rotate(135deg) saturate(1.4);
  }
  85% {
    transform: scale(1) rotate(8deg) skewX(0.1deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 50px #006400) contrast(1.8) hue-rotate(180deg) saturate(1.3);
  }
  90% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 40px #32cd32) contrast(1.9) hue-rotate(225deg) saturate(1.2);
  }
  95% {
    transform: scale(1) rotate(4deg) skewX(0.05deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 30px #228b22) contrast(2) hue-rotate(270deg) saturate(1.1);
  }
  100% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-digital-ascension-Qpgn0 {
  0% {
    transform: scale(0.1) translateY(100px);
    opacity: 0;
    filter: drop-shadow(0 0 20px #dc143c) brightness(0.1);
  }
  5% {
    transform: scale(0.2) translateY(80px);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #ff0000) brightness(0.2);
  }
  10% {
    transform: scale(0.4) translateY(60px);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #b22222) brightness(0.3);
  }
  15% {
    transform: scale(0.6) translateY(40px);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #dc143c) brightness(0.4);
  }
  20% {
    transform: scale(0.8) translateY(20px);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #ff0000) brightness(0.5);
  }
  25% {
    transform: scale(1) translateY(0px);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #b22222) brightness(0.6);
  }
  30% {
    transform: scale(1.2) translateY(-10px) rotate(15deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 140px #dc143c) brightness(0.7) contrast(1.1);
  }
  35% {
    transform: scale(1.1) translateY(-5px) rotate(-10deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 120px #ff0000) brightness(0.8) contrast(1.2);
  }
  40% {
    transform: scale(1.05) translateY(-2px) rotate(8deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 100px #b22222) brightness(0.9) contrast(1.3);
  }
  45% {
    transform: scale(1.02) translateY(0px) rotate(-5deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 80px #dc143c) brightness(1) contrast(1.4);
  }
  50% {
    transform: scale(1) translateY(0px) rotate(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 60px #ff0000) brightness(1.1) contrast(1.5);
  }
  55% {
    transform: scale(1.03) translateY(2px) rotate(3deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 70px #b22222) brightness(1.2) contrast(1.6) saturate(1.1);
  }
  60% {
    transform: scale(1) translateY(0px) rotate(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 80px #dc143c) brightness(1.3) contrast(1.7) saturate(1.2);
  }
  65% {
    transform: scale(1.02) translateY(-1px) rotate(-2deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 90px #ff0000) brightness(1.4) contrast(1.8) saturate(1.3);
  }
  70% {
    transform: scale(1) translateY(0px) rotate(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 100px #b22222) brightness(1.5) contrast(1.9) saturate(1.4);
  }
  75% {
    transform: scale(1.01) translateY(1px) rotate(1deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 110px #dc143c) brightness(1.6) contrast(2) saturate(1.5);
  }
  80% {
    transform: scale(1) translateY(0px) rotate(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 100px #ff0000) brightness(1.7) contrast(2.1) saturate(1.4);
  }
  85% {
    transform: scale(1) translateY(0.5px) rotate(0.5deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 90px #b22222) brightness(1.8) contrast(2.2) saturate(1.3);
  }
  90% {
    transform: scale(1) translateY(0px) rotate(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 80px #dc143c) brightness(1.9) contrast(2.3) saturate(1.2);
  }
  95% {
    transform: scale(1) translateY(0.2px) rotate(0.2deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 70px #ff0000) brightness(2) contrast(2.4) saturate(1.1);
  }
  100% {
    transform: scale(1) translateY(0px) rotate(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-hacker-protocol-pTHHZ {
  0% {
    transform: scale(0.1) rotateX(90deg);
    opacity: 0;
    filter: drop-shadow(0 0 20px #ff1493) perspective(100px);
  }
  5% {
    transform: scale(0.2) rotateX(72deg);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #ff69b4) perspective(100px);
  }
  10% {
    transform: scale(0.4) rotateX(54deg);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #ffb6c1) perspective(100px);
  }
  15% {
    transform: scale(0.6) rotateX(36deg);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #ffc0cb) perspective(100px);
  }
  20% {
    transform: scale(0.8) rotateX(18deg);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #ff1493) perspective(100px);
  }
  25% {
    transform: scale(1) rotateX(0deg);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #ff69b4) perspective(100px);
  }
  30% {
    transform: scale(1.1) rotateX(-10deg) rotateY(15deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 100px #ffb6c1) perspective(100px) hue-rotate(45deg);
  }
  35% {
    transform: scale(1.05) rotateX(5deg) rotateY(-10deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 80px #ffc0cb) perspective(100px) hue-rotate(90deg);
  }
  40% {
    transform: scale(1.02) rotateX(0deg) rotateY(8deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 60px #ff1493) perspective(100px) hue-rotate(135deg);
  }
  45% {
    transform: scale(1.01) rotateX(3deg) rotateY(-5deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 40px #ff69b4) perspective(100px) hue-rotate(180deg);
  }
  50% {
    transform: scale(1) rotateX(0deg) rotateY(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 20px #ffb6c1) perspective(100px) hue-rotate(225deg);
  }
  55% {
    transform: scale(1.02) rotateX(-2deg) rotateY(3deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 30px #ffc0cb) perspective(100px) hue-rotate(270deg) brightness(1.1);
  }
  60% {
    transform: scale(1) rotateX(0deg) rotateY(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 40px #ff1493) perspective(100px) hue-rotate(315deg) brightness(1.2);
  }
  65% {
    transform: scale(1.01) rotateX(1deg) rotateY(-2deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 50px #ff69b4) perspective(100px) hue-rotate(0deg) brightness(1.3);
  }
  70% {
    transform: scale(1) rotateX(0deg) rotateY(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 60px #ffb6c1) perspective(100px) hue-rotate(45deg) brightness(1.4);
  }
  75% {
    transform: scale(1) rotateX(0.5deg) rotateY(1deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 70px #ffc0cb) perspective(100px) hue-rotate(90deg) brightness(1.5);
  }
  80% {
    transform: scale(1) rotateX(0deg) rotateY(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 60px #ff1493) perspective(100px) hue-rotate(135deg) brightness(1.4);
  }
  85% {
    transform: scale(1) rotateX(0.2deg) rotateY(0.5deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 50px #ff69b4) perspective(100px) hue-rotate(180deg) brightness(1.3);
  }
  90% {
    transform: scale(1) rotateX(0deg) rotateY(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 40px #ffb6c1) perspective(100px) hue-rotate(225deg) brightness(1.2);
  }
  95% {
    transform: scale(1) rotateX(0.1deg) rotateY(0.2deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 30px #ffc0cb) perspective(100px) hue-rotate(270deg) brightness(1.1);
  }
  100% {
    transform: scale(1) rotateX(0deg) rotateY(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-matrix-overload-iHc7f {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: drop-shadow(0 0 20px #00ff00) contrast(0.1) brightness(0.1);
  }
  2% {
    transform: scale(0.15) rotate(18deg);
    filter: drop-shadow(0 0 30px #00ff00) contrast(0.15) brightness(0.15);
  }
  4% {
    transform: scale(0.2) rotate(36deg);
    filter: drop-shadow(0 0 40px #00ff00) contrast(0.2) brightness(0.2);
  }
  6% {
    transform: scale(0.3) rotate(54deg);
    filter: drop-shadow(0 0 60px #00ff00) contrast(0.3) brightness(0.3);
  }
  8% {
    transform: scale(0.4) rotate(72deg);
    filter: drop-shadow(0 0 80px #00ff00) contrast(0.4) brightness(0.4);
  }
  10% {
    transform: scale(0.5) rotate(90deg);
    filter: drop-shadow(0 0 100px #00ff00) contrast(0.5) brightness(0.5);
  }
  12% {
    transform: scale(0.6) rotate(108deg);
    filter: drop-shadow(0 0 120px #00ff00) contrast(0.6) brightness(0.6);
  }
  14% {
    transform: scale(0.7) rotate(126deg);
    filter: drop-shadow(0 0 140px #00ff00) contrast(0.7) brightness(0.7);
  }
  16% {
    transform: scale(0.8) rotate(144deg);
    filter: drop-shadow(0 0 160px #00ff00) contrast(0.8) brightness(0.8);
  }
  18% {
    transform: scale(0.9) rotate(162deg);
    filter: drop-shadow(0 0 180px #00ff00) contrast(0.9) brightness(0.9);
  }
  20% {
    transform: scale(1) rotate(180deg);
    filter: drop-shadow(0 0 200px #00ff00) contrast(1) brightness(1);
  }
  25% {
    transform: scale(1.2) rotate(210deg) skewX(5deg);
    filter: drop-shadow(0 0 250px #ff0000) contrast(1.2) brightness(1.2) hue-rotate(60deg);
  }
  30% {
    transform: scale(1.1) rotate(240deg) skewX(-3deg);
    filter: drop-shadow(0 0 220px #00ffff) contrast(1.1) brightness(1.1) hue-rotate(120deg);
  }
  35% {
    transform: scale(1.05) rotate(270deg) skewX(2deg);
    filter: drop-shadow(0 0 190px #ff00ff) contrast(1.05) brightness(1.05) hue-rotate(180deg);
  }
  40% {
    transform: scale(1.02) rotate(300deg) skewX(-1deg);
    filter: drop-shadow(0 0 160px #ffff00) contrast(1.02) brightness(1.02) hue-rotate(240deg);
  }
  45% {
    transform: scale(1.01) rotate(330deg) skewX(0.5deg);
    filter: drop-shadow(0 0 130px #00ff00) contrast(1.01) brightness(1.01) hue-rotate(300deg);
  }
  50% {
    transform: scale(1) rotate(360deg) skewX(0deg);
    filter: drop-shadow(0 0 100px #ff0000) contrast(1) brightness(1) hue-rotate(0deg);
  }
  55% {
    transform: scale(1.03) rotate(15deg) skewX(1deg);
    filter: drop-shadow(0 0 120px #00ffff) contrast(1.03) brightness(1.03) hue-rotate(45deg) saturate(1.2);
  }
  60% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 140px #ff00ff) contrast(1) brightness(1) hue-rotate(90deg) saturate(1.4);
  }
  65% {
    transform: scale(1.02) rotate(-10deg) skewX(-0.5deg);
    filter: drop-shadow(0 0 160px #ffff00) contrast(1.02) brightness(1.02) hue-rotate(135deg) saturate(1.6);
  }
  70% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 180px #00ff00) contrast(1) brightness(1) hue-rotate(180deg) saturate(1.8);
  }
  75% {
    transform: scale(1.01) rotate(5deg) skewX(0.2deg);
    filter: drop-shadow(0 0 200px #ff0000) contrast(1.01) brightness(1.01) hue-rotate(225deg) saturate(2);
  }
  80% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 180px #00ffff) contrast(1) brightness(1) hue-rotate(270deg) saturate(1.8);
  }
  85% {
    transform: scale(1) rotate(3deg) skewX(0.1deg);
    filter: drop-shadow(0 0 160px #ff00ff) contrast(1) brightness(1) hue-rotate(315deg) saturate(1.6);
  }
  90% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 140px #ffff00) contrast(1) brightness(1) hue-rotate(0deg) saturate(1.4);
  }
  95% {
    transform: scale(1) rotate(1deg) skewX(0.05deg);
    filter: drop-shadow(0 0 120px #00ff00) contrast(1) brightness(1) hue-rotate(45deg) saturate(1.2);
  }
  100% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-cyber-revolution-ry0d8 {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 20px #ff6b6b) sepia(100%) hue-rotate(0deg);
  }
  5% {
    transform: scale(0.2) rotate(45deg);
    opacity: 0.1;
    filter: drop-shadow(0 0 40px #4ecdc4) sepia(80%) hue-rotate(45deg);
  }
  10% {
    transform: scale(0.4) rotate(90deg);
    opacity: 0.2;
    filter: drop-shadow(0 0 60px #45b7d1) sepia(60%) hue-rotate(90deg);
  }
  15% {
    transform: scale(0.6) rotate(135deg);
    opacity: 0.3;
    filter: drop-shadow(0 0 80px #96ceb4) sepia(40%) hue-rotate(135deg);
  }
  20% {
    transform: scale(0.8) rotate(180deg);
    opacity: 0.4;
    filter: drop-shadow(0 0 100px #ffeaa7) sepia(20%) hue-rotate(180deg);
  }
  25% {
    transform: scale(1) rotate(225deg);
    opacity: 0.5;
    filter: drop-shadow(0 0 120px #dda0dd) sepia(0%) hue-rotate(225deg);
  }
  30% {
    transform: scale(1.2) rotate(270deg) skewY(10deg);
    opacity: 0.6;
    filter: drop-shadow(0 0 140px #98d8c8) hue-rotate(270deg) brightness(1.1);
  }
  35% {
    transform: scale(1.1) rotate(315deg) skewY(-5deg);
    opacity: 0.7;
    filter: drop-shadow(0 0 120px #f7dc6f) hue-rotate(315deg) brightness(1.2);
  }
  40% {
    transform: scale(1.05) rotate(360deg) skewY(3deg);
    opacity: 0.75;
    filter: drop-shadow(0 0 100px #bb8fce) hue-rotate(0deg) brightness(1.3);
  }
  45% {
    transform: scale(1.02) rotate(45deg) skewY(-1deg);
    opacity: 0.8;
    filter: drop-shadow(0 0 80px #85c1e9) hue-rotate(45deg) brightness(1.4);
  }
  50% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.85;
    filter: drop-shadow(0 0 60px #f8c471) hue-rotate(90deg) brightness(1.5);
  }
  55% {
    transform: scale(1.03) rotate(22.5deg) skewY(2deg);
    opacity: 0.87;
    filter: drop-shadow(0 0 70px #82e0aa) hue-rotate(135deg) brightness(1.6) contrast(1.1);
  }
  60% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.89;
    filter: drop-shadow(0 0 80px #f1948a) hue-rotate(180deg) brightness(1.7) contrast(1.2);
  }
  65% {
    transform: scale(1.02) rotate(-15deg) skewY(-1deg);
    opacity: 0.91;
    filter: drop-shadow(0 0 90px #85c1e9) hue-rotate(225deg) brightness(1.8) contrast(1.3);
  }
  70% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.92;
    filter: drop-shadow(0 0 100px #bb8fce) hue-rotate(270deg) brightness(1.9) contrast(1.4);
  }
  75% {
    transform: scale(1.01) rotate(10deg) skewY(0.5deg);
    opacity: 0.94;
    filter: drop-shadow(0 0 110px #f7dc6f) hue-rotate(315deg) brightness(2) contrast(1.5);
  }
  80% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.95;
    filter: drop-shadow(0 0 100px #98d8c8) hue-rotate(0deg) brightness(1.9) contrast(1.4);
  }
  85% {
    transform: scale(1) rotate(5deg) skewY(0.2deg);
    opacity: 0.96;
    filter: drop-shadow(0 0 90px #dda0dd) hue-rotate(45deg) brightness(1.8) contrast(1.3);
  }
  90% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.97;
    filter: drop-shadow(0 0 80px #ffeaa7) hue-rotate(90deg) brightness(1.7) contrast(1.2);
  }
  95% {
    transform: scale(1) rotate(2.5deg) skewY(0.1deg);
    opacity: 0.98;
    filter: drop-shadow(0 0 70px #96ceb4) hue-rotate(135deg) brightness(1.6) contrast(1.1);
  }
  100% {
    transform: scale(1) rotate(0deg) skewY(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-ai-singularity-whmIs {
  0% {
    transform: scale(0.1);
    opacity: 0;
    filter: drop-shadow(0 0 20px #e74c3c) brightness(0.1) contrast(0.1);
  }
  4% {
    transform: scale(0.2) rotate(30deg);
    filter: drop-shadow(0 0 40px #e67e22) brightness(0.2) contrast(0.2);
  }
  8% {
    transform: scale(0.4) rotate(60deg);
    filter: drop-shadow(0 0 60px #f1c40f) brightness(0.3) contrast(0.3);
  }
  12% {
    transform: scale(0.6) rotate(90deg);
    filter: drop-shadow(0 0 80px #2ecc71) brightness(0.4) contrast(0.4);
  }
  16% {
    transform: scale(0.8) rotate(120deg);
    filter: drop-shadow(0 0 100px #3498db) brightness(0.5) contrast(0.5);
  }
  20% {
    transform: scale(1) rotate(150deg);
    filter: drop-shadow(0 0 120px #9b59b6) brightness(0.6) contrast(0.6);
  }
  24% {
    transform: scale(1.1) rotate(180deg) skewX(5deg);
    filter: drop-shadow(0 0 140px #1abc9c) brightness(0.7) contrast(0.7);
  }
  28% {
    transform: scale(1.05) rotate(210deg) skewX(-3deg);
    filter: drop-shadow(0 0 120px #e74c3c) brightness(0.8) contrast(0.8);
  }
  32% {
    transform: scale(1.02) rotate(240deg) skewX(2deg);
    filter: drop-shadow(0 0 100px #e67e22) brightness(0.9) contrast(0.9);
  }
  36% {
    transform: scale(1.01) rotate(270deg) skewX(-1deg);
    filter: drop-shadow(0 0 80px #f1c40f) brightness(1) contrast(1);
  }
  40% {
    transform: scale(1) rotate(300deg) skewX(0deg);
    filter: drop-shadow(0 0 60px #2ecc71) brightness(1.1) contrast(1.1);
  }
  44% {
    transform: scale(1.02) rotate(330deg) skewX(1deg);
    filter: drop-shadow(0 0 70px #3498db) brightness(1.2) contrast(1.2) saturate(1.1);
  }
  48% {
    transform: scale(1) rotate(360deg) skewX(0deg);
    filter: drop-shadow(0 0 80px #9b59b6) brightness(1.3) contrast(1.3) saturate(1.2);
  }
  52% {
    transform: scale(1.01) rotate(30deg) skewX(-0.5deg);
    filter: drop-shadow(0 0 90px #1abc9c) brightness(1.4) contrast(1.4) saturate(1.3);
  }
  56% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 100px #e74c3c) brightness(1.5) contrast(1.5) saturate(1.4);
  }
  60% {
    transform: scale(1) rotate(15deg) skewX(0.2deg);
    filter: drop-shadow(0 0 110px #e67e22) brightness(1.6) contrast(1.6) saturate(1.5);
  }
  64% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 100px #f1c40f) brightness(1.7) contrast(1.7) saturate(1.4);
  }
  68% {
    transform: scale(1) rotate(8deg) skewX(0.1deg);
    filter: drop-shadow(0 0 90px #2ecc71) brightness(1.8) contrast(1.8) saturate(1.3);
  }
  72% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 80px #3498db) brightness(1.9) contrast(1.9) saturate(1.2);
  }
  76% {
    transform: scale(1) rotate(4deg) skewX(0.05deg);
    filter: drop-shadow(0 0 70px #9b59b6) brightness(2) contrast(2) saturate(1.1);
  }
  80% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 60px #1abc9c) brightness(2.1) contrast(2.1) saturate(1);
  }
  84% {
    transform: scale(1) rotate(2deg) skewX(0.02deg);
    filter: drop-shadow(0 0 50px #e74c3c) brightness(2.2) contrast(2.2) saturate(0.9);
  }
  88% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 40px #e67e22) brightness(2.3) contrast(2.3) saturate(0.8);
  }
  92% {
    transform: scale(1) rotate(1deg) skewX(0.01deg);
    filter: drop-shadow(0 0 30px #f1c40f) brightness(2.4) contrast(2.4) saturate(0.7);
  }
  96% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 20px #2ecc71) brightness(2.5) contrast(2.5) saturate(0.6);
  }
  100% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes logo-return-quantum-reality-cFQUd {
  0% {
    transform: scale(0.1) rotate(0deg);
    opacity: 0;
    filter: drop-shadow(0 0 20px #8b4513) blur(5px) brightness(0.1);
  }
  3% {
    transform: scale(0.15) rotate(36deg);
    filter: drop-shadow(0 0 30px #a0522d) blur(4px) brightness(0.15);
  }
  6% {
    transform: scale(0.2) rotate(72deg);
    filter: drop-shadow(0 0 40px #cd853f) blur(3px) brightness(0.2);
  }
  9% {
    transform: scale(0.3) rotate(108deg);
    filter: drop-shadow(0 0 60px #daa520) blur(2px) brightness(0.3);
  }
  12% {
    transform: scale(0.4) rotate(144deg);
    filter: drop-shadow(0 0 80px #ffd700) blur(1px) brightness(0.4);
  }
  15% {
    transform: scale(0.5) rotate(180deg);
    filter: drop-shadow(0 0 100px #ffff00) blur(0px) brightness(0.5);
  }
  18% {
    transform: scale(0.6) rotate(216deg);
    filter: drop-shadow(0 0 120px #ffd700) brightness(0.6) contrast(1.1);
  }
  21% {
    transform: scale(0.7) rotate(252deg);
    filter: drop-shadow(0 0 140px #daa520) brightness(0.7) contrast(1.2);
  }
  24% {
    transform: scale(0.8) rotate(288deg);
    filter: drop-shadow(0 0 160px #cd853f) brightness(0.8) contrast(1.3);
  }
  27% {
    transform: scale(0.9) rotate(324deg);
    filter: drop-shadow(0 0 180px #a0522d) brightness(0.9) contrast(1.4);
  }
  30% {
    transform: scale(1) rotate(360deg);
    filter: drop-shadow(0 0 200px #8b4513) brightness(1) contrast(1.5);
  }
  35% {
    transform: scale(1.2) rotate(30deg) skewX(5deg);
    filter: drop-shadow(0 0 220px #daa520) brightness(1.1) contrast(1.6) hue-rotate(45deg);
  }
  40% {
    transform: scale(1.1) rotate(-20deg) skewX(-3deg);
    filter: drop-shadow(0 0 200px #ffd700) brightness(1.2) contrast(1.7) hue-rotate(90deg);
  }
  45% {
    transform: scale(1.05) rotate(15deg) skewX(2deg);
    filter: drop-shadow(0 0 180px #ffff00) brightness(1.3) contrast(1.8) hue-rotate(135deg);
  }
  50% {
    transform: scale(1.02) rotate(-10deg) skewX(-1deg);
    filter: drop-shadow(0 0 160px #daa520) brightness(1.4) contrast(1.9) hue-rotate(180deg);
  }
  55% {
    transform: scale(1.01) rotate(5deg) skewX(0.5deg);
    filter: drop-shadow(0 0 140px #cd853f) brightness(1.5) contrast(2) hue-rotate(225deg);
  }
  60% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 120px #a0522d) brightness(1.6) contrast(2.1) hue-rotate(270deg);
  }
  65% {
    transform: scale(1.02) rotate(3deg) skewX(1deg);
    filter: drop-shadow(0 0 100px #8b4513) brightness(1.7) contrast(2.2) hue-rotate(315deg) saturate(1.1);
  }
  70% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 80px #daa520) brightness(1.8) contrast(2.3) hue-rotate(0deg) saturate(1.2);
  }
  75% {
    transform: scale(1.01) rotate(-2deg) skewX(-0.5deg);
    filter: drop-shadow(0 0 60px #ffd700) brightness(1.9) contrast(2.4) hue-rotate(45deg) saturate(1.3);
  }
  80% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 40px #ffff00) brightness(2) contrast(2.5) hue-rotate(90deg) saturate(1.4);
  }
  85% {
    transform: scale(1) rotate(1deg) skewX(0.2deg);
    filter: drop-shadow(0 0 20px #daa520) brightness(2.1) contrast(2.6) hue-rotate(135deg) saturate(1.3);
  }
  90% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    filter: drop-shadow(0 0 10px #cd853f) brightness(2.2) contrast(2.7) hue-rotate(180deg) saturate(1.2);
  }
  95% {
    transform: scale(1) rotate(0.5deg) skewX(0.1deg);
    filter: drop-shadow(0 0 5px #a0522d) brightness(2.3) contrast(2.8) hue-rotate(225deg) saturate(1.1);
  }
  100% {
    transform: scale(1) rotate(0deg) skewX(0deg);
    opacity: 0.9;
    filter: none;
  }
}
@keyframes message-float-Z6atg {
  0%,
  100% {
    transform: translateX(-50%) translateY(0px);
  }
  50% {
    transform: translateX(-50%) translateY(-5px);
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/NavBar/VerticalNavBar/NavTabButton/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  color: #7b5bf5;
  text-shadow: 0 0 15px #7b5bf5, 0 0 30px #7b5bf5;
  filter: drop-shadow(0 0 10px #7b5bf5);
}
.nav-tab-button-container-dYhs0.selected .icon-TzPrK,
.nav-tab-button-container-dYhs0.selected .label-BCz2f {
  color: #7b5bf5;
}
.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: #7b5bf5;
  opacity: 0.8;
  text-shadow: 0 0 10px #7b5bf5, 0 0 20px #7b5bf5;
  filter: drop-shadow(0 0 5px #7b5bf5);
}
.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.9rem;
  font-weight: 600;
  letter-spacing: 0.01rem;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--primary-foreground-color);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  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;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/NavBar/VerticalNavBar/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.vertical-nav-bar-container-UPAkA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: var(--vertical-nav-bar-size);
  padding: 1rem 0;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(123, 91, 245, 0.5);
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(123, 91, 245, 0.8);
  transition: all 0.3s ease;
  -webkit-backdrop-filter: saturate(140%) blur(10px);
  backdrop-filter: saturate(140%) blur(10px);
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  opacity: 0;
  transform: scale(0.8);
}
.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;
}
.vertical-nav-bar-container-UPAkA.horizontal-oOdDK {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  gap: 0;
  width: auto;
  min-width: 400px;
  height: var(--horizontal-nav-bar-size);
  padding: 0 1rem;
  overflow-x: auto;
  overflow-y: hidden;
}
.vertical-nav-bar-container-UPAkA.horizontal-oOdDK .nav-tab-button-tW6qT {
  flex: none;
  width: auto;
  height: var(--horizontal-nav-bar-size);
  min-height: auto;
  position: relative;
}
.vertical-nav-bar-container-UPAkA.horizontal-oOdDK .nav-tab-button-tW6qT .label-mJJbT {
  position: absolute;
  top: -2rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease;
  white-space: nowrap;
  font-size: 0.8rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.7);
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.2rem 0.5rem;
  border-radius: 0.25rem;
  pointer-events: none;
  z-index: 10;
}
.vertical-nav-bar-container-UPAkA.horizontal-oOdDK .nav-tab-button-tW6qT:hover .label-mJJbT {
  opacity: 1;
}
.vertical-nav-bar-container-UPAkA.right-aligned-G0P7M .nav-tab-button-tW6qT .label-mJJbT {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}
.vertical-nav-bar-container-UPAkA.mounted-U_G3m {
  opacity: 1;
  transform: scale(1);
  animation: premiumSpawn-xRtwJ 0.8s ease-out;
}
.vertical-nav-bar-container-UPAkA.hidden-frZ0F {
  opacity: 0;
  pointer-events: none;
  transform: scale(0.8);
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 {
  min-width: 60px;
  padding: 0.5rem 0;
  border: none;
  background-color: transparent;
  box-shadow: none;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .nav-tab-button-tW6qT {
  display: none;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6 {
  display: block;
  position: static;
  bottom: auto;
  left: auto;
  transform: none;
  font-size: 0.7rem;
  margin-top: 0.5rem;
  text-align: center;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6 img {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.bounceAround-aVsJC {
  animation: bounceAround-aVsJC 3s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.zigzag-PY_Ac {
  animation: zigzag-PY_Ac 4s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.spinAndMove-Hi9rF {
  animation: spinAndMove-Hi9rF 5s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.matrixRain-B0zxo {
  animation: matrixRain-B0zxo 6s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.aggressiveBounce-ZyDMO {
  animation: aggressiveBounce-ZyDMO 2s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.orbital-QpQty {
  animation: orbital-QpQty 8s infinite linear;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.glitchMove-QVmyH {
  animation: glitchMove-QVmyH 3s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.waveMotion-I23IA {
  animation: waveMotion-I23IA 6s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.teleport-VkzQa {
  animation: teleport-VkzQa 4s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.pulseGrow-Zj1WA {
  animation: pulseGrow-Zj1WA 3s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.randomWalk-OG1Iu {
  animation: randomWalk-OG1Iu 10s infinite;
}
.vertical-nav-bar-container-UPAkA.minimized-GOBN5 .brand-ZwuG6.animating-QxNuD.colorShift-wxjMr {
  animation: colorShift-wxjMr 2s infinite;
}
.vertical-nav-bar-container-UPAkA .brand-ZwuG6 {
  position: absolute;
  bottom: -3rem;
  left: 50%;
  transform: translateX(-50%);
  font-size: 0.8rem;
  font-weight: 600;
  color: #7b5bf5;
  text-shadow: 0 0 10px #7b5bf5, 0 0 20px #7b5bf5;
  white-space: nowrap;
  pointer-events: none;
  z-index: 10;
}
@keyframes premiumSpawn-xRtwJ {
  0% {
    opacity: 0;
    transform: scale(0.5) rotate(10deg);
    filter: blur(10px);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.1) rotate(-5deg);
    filter: blur(5px);
  }
  100% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
    filter: blur(0px);
  }
}
/* Animaciones del logo flotante */
@keyframes bounceAround-aVsJC {
  0%,
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
  25% {
    transform: translate(50px, -50px) rotate(90deg);
  }
  50% {
    transform: translate(-30px, -80px) rotate(180deg);
  }
  75% {
    transform: translate(80px, 30px) rotate(270deg);
  }
}
@keyframes zigzag-PY_Ac {
  0%,
  100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-20px) translateY(-10px);
  }
  20% {
    transform: translateX(20px) translateY(-20px);
  }
  30% {
    transform: translateX(-15px) translateY(-30px);
  }
  40% {
    transform: translateX(25px) translateY(-40px);
  }
  50% {
    transform: translateX(-10px) translateY(-50px);
  }
  60% {
    transform: translateX(30px) translateY(-40px);
  }
  70% {
    transform: translateX(-25px) translateY(-30px);
  }
  80% {
    transform: translateX(15px) translateY(-20px);
  }
  90% {
    transform: translateX(-20px) translateY(-10px);
  }
}
@keyframes spinAndMove-Hi9rF {
  0% {
    transform: rotate(0deg) translateX(0);
  }
  25% {
    transform: rotate(90deg) translateX(100px);
  }
  50% {
    transform: rotate(180deg) translateX(0) translateY(-50px);
  }
  75% {
    transform: rotate(270deg) translateX(-100px) translateY(-50px);
  }
  100% {
    transform: rotate(360deg) translateX(0) translateY(0);
  }
}
@keyframes matrixRain-B0zxo {
  0% {
    transform: translateY(-100vh) rotateX(0deg);
    opacity: 1;
  }
  10% {
    transform: translateY(-80vh) rotateX(10deg);
    opacity: 0.9;
  }
  20% {
    transform: translateY(-60vh) rotateX(20deg);
    opacity: 0.8;
  }
  30% {
    transform: translateY(-40vh) rotateX(30deg);
    opacity: 0.7;
  }
  40% {
    transform: translateY(-20vh) rotateX(40deg);
    opacity: 0.6;
  }
  50% {
    transform: translateY(0vh) rotateX(50deg);
    opacity: 0.5;
  }
  60% {
    transform: translateY(20vh) rotateX(40deg);
    opacity: 0.4;
  }
  70% {
    transform: translateY(40vh) rotateX(30deg);
    opacity: 0.3;
  }
  80% {
    transform: translateY(60vh) rotateX(20deg);
    opacity: 0.2;
  }
  90% {
    transform: translateY(80vh) rotateX(10deg);
    opacity: 0.1;
  }
  100% {
    transform: translateY(100vh) rotateX(0deg);
    opacity: 0;
  }
}
@keyframes aggressiveBounce-ZyDMO {
  0%,
  100% {
    transform: scale(1) rotate(0deg);
  }
  10% {
    transform: scale(1.2) rotate(36deg) translateX(20px);
  }
  20% {
    transform: scale(0.8) rotate(72deg) translateX(-20px);
  }
  30% {
    transform: scale(1.3) rotate(108deg) translateY(-30px);
  }
  40% {
    transform: scale(0.9) rotate(144deg) translateY(30px);
  }
  50% {
    transform: scale(1.1) rotate(180deg) translateX(40px);
  }
  60% {
    transform: scale(0.7) rotate(216deg) translateX(-40px);
  }
  70% {
    transform: scale(1.4) rotate(252deg) translateY(-20px);
  }
  80% {
    transform: scale(0.6) rotate(288deg) translateY(20px);
  }
  90% {
    transform: scale(1.2) rotate(324deg) translateX(10px);
  }
}
@keyframes orbital-QpQty {
  0% {
    transform: rotate(0deg) translateX(100px) rotate(0deg);
  }
  12.5% {
    transform: rotate(45deg) translateX(100px) rotate(-45deg);
  }
  25% {
    transform: rotate(90deg) translateX(100px) rotate(-90deg);
  }
  37.5% {
    transform: rotate(135deg) translateX(100px) rotate(-135deg);
  }
  50% {
    transform: rotate(180deg) translateX(100px) rotate(-180deg);
  }
  62.5% {
    transform: rotate(225deg) translateX(100px) rotate(-225deg);
  }
  75% {
    transform: rotate(270deg) translateX(100px) rotate(-270deg);
  }
  87.5% {
    transform: rotate(315deg) translateX(100px) rotate(-315deg);
  }
  100% {
    transform: rotate(360deg) translateX(100px) rotate(-360deg);
  }
}
@keyframes glitchMove-QVmyH {
  0%,
  100% {
    transform: translateX(0) skew(0deg);
  }
  10% {
    transform: translateX(-5px) skew(-2deg);
  }
  20% {
    transform: translateX(5px) skew(2deg);
  }
  30% {
    transform: translateX(-3px) skew(-1deg);
  }
  40% {
    transform: translateX(3px) skew(1deg);
  }
  50% {
    transform: translateX(-8px) skew(-3deg);
  }
  60% {
    transform: translateX(8px) skew(3deg);
  }
  70% {
    transform: translateX(-2px) skew(-1deg);
  }
  80% {
    transform: translateX(2px) skew(1deg);
  }
  90% {
    transform: translateX(-4px) skew(-2deg);
  }
}
@keyframes waveMotion-I23IA {
  0%,
  100% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  10% {
    transform: translateX(30px) translateY(-10px) rotate(5deg);
  }
  20% {
    transform: translateX(60px) translateY(-20px) rotate(10deg);
  }
  30% {
    transform: translateX(90px) translateY(-10px) rotate(5deg);
  }
  40% {
    transform: translateX(120px) translateY(0) rotate(0deg);
  }
  50% {
    transform: translateX(90px) translateY(10px) rotate(-5deg);
  }
  60% {
    transform: translateX(60px) translateY(20px) rotate(-10deg);
  }
  70% {
    transform: translateX(30px) translateY(10px) rotate(-5deg);
  }
  80% {
    transform: translateX(0) translateY(0) rotate(0deg);
  }
  90% {
    transform: translateX(-30px) translateY(-10px) rotate(5deg);
  }
}
@keyframes teleport-VkzQa {
  0%,
  90%,
  100% {
    transform: scale(1) opacity(1);
  }
  10% {
    transform: scale(0) opacity(0);
  }
  20% {
    transform: scale(1) opacity(1) translateX(50px);
  }
  30% {
    transform: scale(0) opacity(0);
  }
  40% {
    transform: scale(1) opacity(1) translateX(100px) translateY(-30px);
  }
  50% {
    transform: scale(0) opacity(0);
  }
  60% {
    transform: scale(1) opacity(1) translateX(50px) translateY(-60px);
  }
  70% {
    transform: scale(0) opacity(0);
  }
  80% {
    transform: scale(1) opacity(1) translateX(0) translateY(-30px);
  }
}
@keyframes pulseGrow-Zj1WA {
  0%,
  100% {
    transform: scale(1) rotate(0deg);
  }
  25% {
    transform: scale(1.5) rotate(90deg);
  }
  50% {
    transform: scale(2) rotate(180deg);
  }
  75% {
    transform: scale(1.5) rotate(270deg);
  }
}
@keyframes randomWalk-OG1Iu {
  0% {
    transform: translateX(0) translateY(0);
  }
  10% {
    transform: translateX(20px) translateY(10px);
  }
  20% {
    transform: translateX(40px) translateY(-5px);
  }
  30% {
    transform: translateX(60px) translateY(15px);
  }
  40% {
    transform: translateX(80px) translateY(-10px);
  }
  50% {
    transform: translateX(60px) translateY(-25px);
  }
  60% {
    transform: translateX(40px) translateY(-10px);
  }
  70% {
    transform: translateX(20px) translateY(5px);
  }
  80% {
    transform: translateX(0) translateY(20px);
  }
  90% {
    transform: translateX(-20px) translateY(10px);
  }
  100% {
    transform: translateX(0) translateY(0);
  }
}
@keyframes colorShift-wxjMr {
  0%,
  100% {
    filter: hue-rotate(0deg) brightness(1) saturate(1);
  }
  25% {
    filter: hue-rotate(60deg) brightness(1.2) saturate(1.3);
    /* Amarillo */
  }
  50% {
    filter: hue-rotate(60deg) brightness(1.4) saturate(1.5);
    /* Amarillo más intenso */
  }
  75% {
    filter: hue-rotate(120deg) brightness(1.2) saturate(1.3);
    /* Verde */
  }
}
@keyframes disappearFlash-HrxZR {
  0% {
    opacity: 1;
    transform: scale(1);
    filter: brightness(1) hue-rotate(0deg);
  }
  25% {
    opacity: 0.8;
    transform: scale(1.1);
    filter: brightness(1.5) hue-rotate(270deg) saturate(2);
  }
  50% {
    opacity: 0.6;
    transform: scale(1.2);
    filter: brightness(2) hue-rotate(270deg) saturate(3);
  }
  75% {
    opacity: 0.3;
    transform: scale(1.1);
    filter: brightness(1.5) hue-rotate(270deg) saturate(2);
  }
  100% {
    opacity: 0;
    transform: scale(0.8);
    filter: brightness(1) hue-rotate(0deg);
  }
}
@keyframes colorShiftYellow-DAJHz {
  0%,
  100% {
    filter: hue-rotate(0deg) brightness(1);
  }
  25% {
    filter: hue-rotate(60deg) brightness(1.2);
  }
  50% {
    filter: hue-rotate(60deg) brightness(1.5) saturate(1.5);
  }
  75% {
    filter: hue-rotate(60deg) brightness(1.2);
  }
}
@keyframes colorShiftGreen-JjshU {
  0%,
  100% {
    filter: hue-rotate(0deg) brightness(1);
  }
  25% {
    filter: hue-rotate(120deg) brightness(1.2);
  }
  50% {
    filter: hue-rotate(120deg) brightness(1.5) saturate(1.5);
  }
  75% {
    filter: hue-rotate(120deg) brightness(1.2);
  }
}
@media only screen and (max-width: 640px) {
  .vertical-nav-bar-container-UPAkA {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
    height: var(--vertical-nav-bar-size);
    width: 100%;
    padding: 0 1rem;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT {
    flex: none;
  }
  .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT:last-child {
    display: none;
  }
}
@media only screen and (max-height: 640px) {
  .vertical-nav-bar-container-UPAkA .nav-tab-button-tW6qT:last-child {
    display: none;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MainNavBars/MainNavBars.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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 .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: 0;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/SharePrompt/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaPreview/ActionButton/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.action-button-container-sVyRr {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 100%;
  border: 1px solid #7b5bf5;
  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;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/common/Tooltips/TooltipItem/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tooltip-item-gfYXu {
  position: fixed;
  opacity: 0;
}
.tooltip-item-gfYXu.active {
  opacity: 1;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/common/Tooltips/Tooltip/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.tooltip-placeholder-niioe {
  z-index: -1;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaPreview/MetaLinks/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.meta-links-container-dh69_ .label-container-dYN2B {
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  opacity: 0.3;
}
.meta-links-container-dh69_ .links-container-C8Mw9 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
  padding: 0.4rem 1.25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 2rem;
  border: var(--focus-outline-size) solid transparent;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  background-color: var(--overlay-color);
  backdrop-filter: blur(5px);
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:hover,
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus {
  background-color: hsla(0, 0%, 100%, 0.3);
}
.meta-links-container-dh69_ .links-container-C8Mw9 .link-container-gHxPW:focus {
  outline: none;
  border-color: hsl(0, 0%, 100%);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaPreview/MetaPreviewPlaceholder/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.meta-preview-placeholder-container-IVU4R {
  display: flex;
  flex-direction: column;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX {
  flex: 1;
  align-self: stretch;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .logo-container-CES89 {
  width: 20rem;
  height: 8rem;
  max-width: 100%;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 1rem 0;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .duration-container-tVH7K {
  flex-basis: 5rem;
  height: 1.4rem;
  margin-right: 1rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .duration-release-info-container-JQE0f .release-info-container-dbZja {
  flex-basis: 5rem;
  height: 1.4rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO {
  margin: 1rem 0;
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genres-header-container-XNnjL {
  width: 6.5rem;
  height: 1.6rem;
  max-width: 100%;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .meta-info-container-zVaVX .genres-container-MkCtO .genre-label-container-r3gbk {
  width: 10rem;
  height: 1.2rem;
  max-width: 100%;
  margin-top: 0.2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
.meta-preview-placeholder-container-IVU4R .action-buttons-container-FHoD2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 4rem;
  margin-bottom: 1rem;
  border-radius: 4rem;
  background-color: var(--color-placeholder-background);
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaPreview/styles.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.meta-preview-container-o22hc {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
}
.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) {
  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 {
  flex: 1;
  align-self: stretch;
  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: 2rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV {
  height: 9rem;
  object-fit: contain;
  object-position: center;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-placeholder-rE1ld {
  font-size: 1.7rem;
  color: hsla(0, 0%, 100%, 0.9);
}
.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-top: 1rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .runtime-label-TzAGI,
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .release-info-label-LPJMB {
  flex: 0 1 auto;
  margin-right: 3rem;
  font-size: 1.25rem;
  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.5rem;
  border: var(--focus-outline-size) solid transparent;
  padding: 0rem 0.5rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp:focus {
  outline: none;
  border: var(--focus-outline-size) solid hsl(0, 0%, 100%);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp .label-MXv72 {
  flex: 0 1 auto;
  margin-right: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR .rating-label-ybdGH {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 10px #7b5bf5, 0 0 20px #7b5bf5;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #7b5bf5;
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR: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-rating-container-ohGVR .label-MXv72 {
  flex: 0 1 auto;
  margin-right: 1rem;
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--primary-foreground-color);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR .icon-N_uIU {
  flex: none;
  width: 3rem;
  height: 3rem;
  color: var(--color-imdb);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2em;
  color: var(--primary-foreground-color);
  text-shadow: 0 0 5px rgba(123, 91, 245, 0.5);
  animation: slideUp-hmXG7 1s ease-out;
  border: 1px solid rgba(123, 91, 245, 0.3);
  border-radius: 0.5rem;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.3);
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt {
  text-transform: uppercase;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--primary-foreground-color);
  opacity: 0.7;
  text-shadow: 0 0 10px rgba(123, 91, 245, 0.8);
}
@keyframes slideUp-hmXG7 {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3 {
  margin-top: 1.5rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: wrap;
  padding-top: 3.5rem;
  overflow: visible;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .label-MXv72 {
  position: absolute;
  top: -3rem;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  color: var(--primary-foreground-color);
  overflow: visible;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa:not(:last-child) {
  margin-right: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa:hover .label-MXv72 {
  opacity: 0.7;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
  flex: none;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide {
  width: auto;
  padding: 0 2rem;
  border-radius: 4rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child) {
  margin-right: 1rem;
}
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:hover,
.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF:focus {
  background-color: var(--secondary-accent-color);
  outline: none;
}
.meta-preview-container-o22hc .ratings-container-mcLeG {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
  margin-right: 1rem;
}
.meta-preview-container-o22hc .ratings-container-mcLeG .rating-label-ybdGH {
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 10px #7b5bf5, 0 0 20px #7b5bf5;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid #7b5bf5;
  margin-right: 1rem;
}
.share-prompt-QbhIA {
  width: 30rem;
}
@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 {
    padding-top: 1.5rem;
    gap: 0.5rem;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3 {
    padding: 0 1.5rem !important;
    margin-right: 0rem !important;
    height: 3rem;
    border-radius: 2rem;
  }
  .meta-preview-container-o22hc .ratings-zUtHH {
    margin-right: 0;
  }
}
@media 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;
  }
  .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;
    margin-top: 3rem;
    overflow: visible;
    scrollbar-width: none;
  }
  .meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar {
    display: none;
  }
  .share-prompt-QbhIA {
    width: auto;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaPreview/Ratings/Ratings.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ratings-container-eQRLs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(123, 91, 245, 0.5);
  border-radius: 2rem;
  height: 4rem;
  width: fit-content;
  box-shadow: 0 0 10px rgba(123, 91, 245, 0.3);
}
.ratings-container-eQRLs .rating-text-S0LyR {
  padding: 0 1rem;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 10px #7b5bf5, 0 0 20px #7b5bf5;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.5rem;
  border: 1px solid #7b5bf5;
}
.ratings-container-eQRLs .icon-container-kow_q {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  width: 4rem;
  padding: 0 1rem;
  cursor: pointer;
}
.ratings-container-eQRLs .icon-container-kow_q .icon-QwGlD {
  width: calc(4rem / 2);
  height: calc(4rem / 2);
  color: var(--primary-foreground-color);
  opacity: 0.7;
}
.ratings-container-eQRLs .icon-container-kow_q .icon-QwGlD:hover {
  opacity: 1;
}
.ratings-container-eQRLs .icon-container-kow_q.disabled-W7ks1 {
  pointer-events: none;
}
@media screen and (max-width: 1000px) and (max-height: 500px) and (orientation: landscape) {
  .ratings-container-eQRLs {
    height: 3rem;
  }
  .ratings-container-eQRLs .icon-container-kow_q {
    height: 3rem;
    width: 3rem;
  }
  .ratings-container-eQRLs .icon-container-kow_q .icon-QwGlD {
    width: 1.75rem;
    height: 1.75rem;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaRow/MetaRowPlaceholder/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 1rem;
  margin-bottom: 0.5rem;
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b {
  flex: 1;
  max-height: 2.4em;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty {
  height: 1.2em;
  background: linear-gradient(to right, var(--color-placeholder-background) 0 40%, transparent 40% 100%);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 12rem;
  padding: 0.2rem;
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus {
  outline: none;
  background-color: var(--color-placeholder-background);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt {
  flex: 0 1 auto;
  max-height: 1.2em;
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8 {
  flex: none;
  height: 1rem;
  margin-left: 0.5rem;
  color: var(--color-placeholder-text);
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp {
  flex: 1;
  margin: 1rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) {
  margin-left: 1.5rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD {
  border-radius: var(--border-radius);
  padding-bottom: calc(100% * var(--poster-shape-ratio));
  background-color: var(--color-placeholder-background);
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 2.8rem;
}
.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR {
  flex: none;
  width: 60%;
  height: 1.2rem;
  border-radius: var(--border-radius);
  background-color: var(--color-placeholder-background);
}
@media only screen and (max-width: 640px) {
  .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp {
    margin: 0.5rem;
  }
  .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child) {
    margin-left: 0.5rem;
  }
  .meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT {
    margin-top: 0.5rem;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaRow/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.meta-row-container-xtlB1 {
  overflow: visible;
}
.meta-row-container-xtlB1 .header-container-tR3Ev {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding: 0 1rem;
  margin-bottom: 0.25rem;
}
.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq {
  flex: 1;
  max-height: 2.4em;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
}
.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW {
  flex: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 12rem;
  height: 2.5rem;
  padding: 0 0.5rem 0 1rem;
  border-radius: 2.5rem;
  opacity: 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;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MultiselectMenu/Dropdown/Option/Option.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MultiselectMenu/Dropdown/Dropdown.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MultiselectMenu/MultiselectMenu.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.multiselect-menu-qMdaj {
  position: relative;
  min-width: 8.5rem;
  overflow: visible;
  border-radius: 2.75rem;
}
.multiselect-menu-qMdaj.disabled-RaqL9 {
  pointer-events: none;
  opacity: 0.3;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA {
  height: 3rem;
  padding: 0.75rem 1.5rem;
  display: flex;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  gap: 0 0.5rem;
  border-radius: 2.75rem;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .label-SoEGc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--primary-foreground-color);
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96 {
  width: 1rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.multiselect-menu-qMdaj .multiselect-button-XXdgA .icon-gQU96.open-TvFQd {
  transform: rotate(180deg);
}
.multiselect-menu-qMdaj:hover,
.multiselect-menu-qMdaj.active-gKhO5 {
  background-color: var(--overlay-color);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/NumberInput/NumberInput.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

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

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/SearchBar/SearchBarPlaceholder/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/SearchBar/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.search-bar-container-p4tSt {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 3rem;
  padding: 0 1.5rem;
  border-radius: 3rem;
  border: var(--focus-outline-size) solid transparent;
  background-color: var(--overlay-color);
  cursor: text;
}
.search-bar-container-p4tSt:focus-within {
  border: var(--focus-outline-size) solid var(--primary-foreground-color);
}
.search-bar-container-p4tSt .search-input-bAgAh {
  flex: 1;
  margin-right: 1rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
}
.search-bar-container-p4tSt .search-input-bAgAh::placeholder {
  color: var(--primary-foreground-color);
  opacity: 0.6;
}
.search-bar-container-p4tSt .icon-QOYfJ {
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
  color: var(--primary-foreground-color);
  opacity: 0.6;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Slider/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
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%;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Toggle/Toggle.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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));
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Video/VideoPlaceholder/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Video/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}
.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 .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%;
  }
}

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

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaRow/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.meta-row-container-xtlB1{overflow:visible}.meta-row-container-xtlB1 .header-container-tR3Ev{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.25rem;padding:0 1rem}.meta-row-container-xtlB1 .header-container-tR3Ev .title-container-Mkwnq{color:var(--primary-foreground-color);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-container-xtlB1 .header-container-tR3Ev .see-all-container-MoOtW{align-items:center;border-radius:2.5rem;display:flex;flex:none;flex-direction:row;height:2.5rem;max-width:12rem;opacity: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}}
/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaRow/MetaRowPlaceholder/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
.meta-row-placeholder-container-x8ykQ .header-container-LRLpi{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:0.5rem;padding:0 1rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b{color:var(--color-placeholder-text);flex:1;font-size:1.6rem;font-weight:500;max-height:2.4em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .title-container-RuV2b:empty{background:linear-gradient(to right,var(--color-placeholder-background) 0 40%,transparent 40% 100%);height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII{align-items:center;display:flex;flex:none;flex-direction:row;max-width:12rem;padding:0.2rem}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII:focus{background-color:var(--color-placeholder-background);outline:none}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .label-FP9bt{color:var(--color-placeholder-text);flex:0 1 auto;font-size:1rem;font-weight:500;max-height:1.2em}.meta-row-placeholder-container-x8ykQ .header-container-LRLpi .see-all-container-GtLII .icon-U2Gj8{color:var(--color-placeholder-text);flex:none;height:1rem;margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4{align-items:stretch;display:flex;flex-direction:row}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{flex:1;margin:1rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:1.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .poster-container-WX2KD{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);padding-bottom:calc(100% * var(--poster-shape-ratio))}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{align-items:center;display:flex;flex-direction:row;height:2.8rem;justify-content:center}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT .title-label-mb1GR{background-color:var(--color-placeholder-background);border-radius:var(--border-radius);flex:none;height:1.2rem;width:60%}@media only screen and (max-width:640px){.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp{margin:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp:not(:first-child){margin-left:0.5rem}.meta-row-placeholder-container-x8ykQ .meta-items-container-M4vN4 .meta-item-iOgzp .title-bar-container-U0ZAT{margin-top:0.5rem}}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Board/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Board/StreamingServerWarning/StreamingServerWarning.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@keyframes alertBounce-uQf2E {
  0% {
    transform: translate(-50%, -50%) scale(0.3);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 1;
  }
  70% {
    transform: translate(-50%, -50%) scale(0.9);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes slideRight-MVwp6 {
  0% {
    transform: translate(-50%, -50%);
  }
  100% {
    transform: translate(5%, -50%);
  }
}
.warning-container-_GJlx {
  position: fixed;
  top: 50vh;
  left: 70vw;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem;
  background-color: #6a0dad;
  /* Morado */
  border-radius: 0.5rem;
  box-shadow: 0rem 0.25rem 1rem rgba(0, 0, 0, 0.48), 0rem 0.5rem 3rem rgba(0, 0, 0, 0.64);
  z-index: 1000;
  max-width: 90vw;
  text-align: center;
  animation: slideRight-MVwp6 4s ease-in-out forwards;
}
.warning-container-_GJlx .warning-statement-MQjVq {
  flex: 1;
  font-size: 1.2rem;
  color: hsla(0, 0%, 100%, 0.9);
  margin-bottom: 1rem;
}
.warning-container-_GJlx .actions-IOe34 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj {
  flex: none;
  padding: 0.5rem 1rem;
  color: hsla(0, 0%, 100%, 0.9);
  background-color: rgba(0, 0, 0, 0.24);
  border-radius: var(--border-radius);
  min-width: 200px;
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj .label-PkwRv {
  font-size: 1.2rem;
  color: hsla(0, 0%, 100%, 0.9);
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj:hover .label-PkwRv {
  text-decoration: underline;
}
.warning-container-_GJlx .actions-IOe34 .action-t06kj.install-button-gRb7O {
  animation: colorChange-HUWFT 4s infinite;
}
@keyframes colorChange-HUWFT {
  0%,
  100% {
    background-color: #6a0dad;
    /* Morado original */
  }
  50% {
    background-color: #9370db;
    /* Morado medio */
  }
}
@media only screen and (max-width: 640px) {
  .warning-container-_GJlx {
    flex-direction: column;
    text-align: center;
    padding: 1rem 0.5rem;
  }
  .warning-container-_GJlx .actions-IOe34 {
    justify-content: space-around;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/ModalDialog/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.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}}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Discover/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  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;
  grid-gap: 0.5rem;
  margin-right: 1.5rem;
  overflow-y: auto;
}
.discover-container-L6OGL .discover-content-CRsRg .catalog-container-VNK_T .meta-items-container-n8vNz .meta-item-placeholder-wxG4I {
  padding: 1rem;
}
.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;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/NotFound/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Library/Placeholder/Placeholder.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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%;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Library/styles.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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: 0 1.5rem;
  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;
  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);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/Selector/Selector.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/Table/Table.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}
@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;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/Table/Cell/Cell.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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 {
  flex: none;
  position: relative;
  height: 3rem;
  display: flex;
  align-items: center;
  padding: 0 1rem;
}
.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 {
  flex: 0 1 10rem;
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 2 / 3;
  border-radius: var(--border-radius);
}
.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 {
  flex: auto;
  z-index: 0;
  position: relative;
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 1;
}
.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 .day-nttmc {
  background-color: var(--primary-accent-color);
}
.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-height: 640px) and (orientation: portrait) {
  .cell-l3eWl .heading-TYXvp {
    justify-content: center;
  }
  .cell-l3eWl .items-ZZ9Jt {
    display: none;
  }
  .cell-l3eWl .more-gGKzA {
    display: flex;
  }
}
@media only screen and (max-height: 800px) and (orientation: landscape) {
  .cell-l3eWl {
    flex-direction: row;
    align-items: center;
  }
  .cell-l3eWl .items-ZZ9Jt {
    display: none;
  }
  .cell-l3eWl .more-gGKzA {
    display: flex;
  }
}
@media only screen and (max-height: 1000px) and (max-width: 1000px) {
  .cell-l3eWl {
    gap: 0;
  }
  .cell-l3eWl .heading-TYXvp {
    height: 2rem;
  }
  .cell-l3eWl .heading-TYXvp .day-nttmc {
    font-size: 0.875rem;
  }
  .cell-l3eWl .items-ZZ9Jt {
    padding: 0.25rem;
  }
  .cell-l3eWl .items-ZZ9Jt .item-qsUNQ {
    pointer-events: none;
    border-radius: calc(var(--border-radius) / 2);
  }
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/List/Item/Item.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/List/List.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/Details/Details.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/Placeholder/Placeholder.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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%;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Calendar/Calendar.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/PlayIconCircleCentered/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.background-Xro_t {
  fill: hsl(0, 0%, 100%);
}
.icon-UFaeB {
  fill: hsl(0, 0%, 0%);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/PlayIconCircleCentered/styles.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.background-Xro_t{fill:hsl(0,0%,100%)}.icon-UFaeB{fill:hsl(0,0%,0%)}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/StreamsList/Stream/StreamPlaceholder/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/StreamsList/Stream/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(123, 91, 245, 0.3);
  box-shadow: 0 0 5px rgba(123, 91, 245, 0.2);
  transition: all 0.3s ease;
}
.stream-container-JPdah:hover,
.stream-container-JPdah:focus {
  background-color: rgba(123, 91, 245, 0.1);
  border-color: rgba(123, 91, 245, 0.6);
  box-shadow: 0 0 15px rgba(123, 91, 245, 0.4);
}
.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;
  color: var(--primary-foreground-color);
  text-shadow: 0 0 5px rgba(123, 91, 245, 0.5);
}
.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);
  text-shadow: 0 0 3px rgba(123, 91, 245, 0.3);
}
.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: #7b5bf5;
  box-shadow: 0 0 10px #7b5bf5;
  transition: all 0.3s ease;
  animation: pulse-A6IWr 2s infinite;
}
@keyframes pulse-A6IWr {
  0%,
  100% {
    box-shadow: 0 0 10px #7b5bf5;
  }
  50% {
    box-shadow: 0 0 20px #7b5bf5, 0 0 30px #7b5bf5;
  }
}
.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%;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/StreamsList/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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 1em 0 1em;
  gap: 1em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.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: rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(123, 91, 245, 0.5);
  border-radius: 0.5rem;
  box-shadow: 0 0 10px rgba(123, 91, 245, 0.3);
}
.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: rgba(123, 91, 245, 0.1);
  box-shadow: 0 0 15px rgba(123, 91, 245, 0.5);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .label-AR_l8 {
  color: var(--primary-foreground-color);
  text-shadow: 0 0 5px rgba(123, 91, 245, 0.5);
}
.streams-list-container-xYMJo .select-choices-wrapper-xGzfs .select-input-container-irGn_ > .icon-jg2il {
  color: var(--primary-foreground-color);
  text-shadow: 0 0 5px rgba(123, 91, 245, 0.5);
}
.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 .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;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/EpisodePicker/EpisodePicker.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/VideosList/SeasonsBar/SeasonsBarPlaceholder/styles.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/VideosList/SeasonsBar/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/VideosList/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/MetaDetails/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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: top left;
  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 .metadetails-content-Uz5EV {
    display: block;
    overflow-y: auto;
  }
  .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;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Search/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.search-container-uXEFf {
  height: calc(100% - var(--safe-area-inset-bottom));
  width: 100%;
  background-color: transparent;
}
.search-container-uXEFf .search-content-LX6un {
  height: 100%;
  width: 100%;
  padding: 0 1rem;
  overflow-y: auto;
}
.search-container-uXEFf .search-content-LX6un .search-row-EQLaD {
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-title-container-MXt8W .search-hints-title-cigX3 {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  font-size: 1.6rem;
  color: hsla(0, 0%, 100%, 0.9);
  text-align: center;
  opacity: 0.4;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
  padding: 4rem;
  max-width: 50%;
  margin: 0 auto;
}
.search-container-uXEFf .search-content-LX6un .search-hints-wrapper-IjhmE .search-hints-container-FHpPM .search-hint-container-kd8iX {
  flex: 0 0 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
  margin-bottom: 4rem;
}
.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;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Settings/components/Category/Category.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Settings/components/Link/Link.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Settings/components/Option/Option.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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: 3rem;
  height: 3rem;
  color: var(--primary-foreground-color);
}
.option-vFOAS .heading-dYMDt .label-qI6Vh {
  font-size: 0.9rem;
  line-height: 1.5rem;
  white-space: normal;
  word-wrap: break-word;
  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);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Settings/components/Section/Section.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Settings/General/User/User.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.user-qhCA4 {
  gap: 1rem;
}
.user-qhCA4 .user-info-content-uzAvu {
  flex: 1;
  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);
}
@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;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Settings/Shortcuts/Shortcuts.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.shortcut-container-iOrn9 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: visible;
}
.shortcut-container-iOrn9 kbd {
  flex: 0 1 auto;
  height: 2.5rem;
  min-width: 2.5rem;
  line-height: 2.5rem;
  padding: 0 1rem;
  font-weight: 500;
  color: var(--primary-foreground-color);
  border-radius: 0.25em;
  box-shadow: 0 4px 0 1px var(--modal-background-color);
  background-color: var(--overlay-color);
}
.shortcut-container-iOrn9 .label-UWwT7 {
  flex: none;
  margin: 0 1rem;
  white-space: nowrap;
  color: var(--primary-foreground-color);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Settings/Settings.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/BufferingLoader/styles.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.buffering-loader-container-P7S0m {
  display: flex;
  align-items: center;
  justify-content: center;
}
.buffering-loader-container-P7S0m .buffering-loader-fMSpb {
  flex: none;
  max-width: 15rem;
  max-height: 15rem;
  animation: fadeInOut-WS5RD 2s infinite;
  display: block;
  width: auto;
  height: auto;
}
@keyframes fadeInOut-WS5RD {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/Slider/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
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}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/ControlBar/VolumeSlider/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.volume-slider-G_xAt:not(.disabled) .track-gItfW {
  background-color: var(--overlay-color);
}
.volume-slider-G_xAt:not(.disabled) .track-after-pUXC0 {
  background-color: var(--primary-foreground-color);
}
.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);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/VolumeChangeIndicator/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/Error/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/ControlBar/SeekBar/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.seek-bar-container-JGGTa {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.seek-bar-container-JGGTa .label-QFbsS {
  flex: none;
  width: 6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  direction: rtl;
  text-align: center;
  color: var(--primary-foreground-color);
}
.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);
}
.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%);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/ControlBar/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.control-bar-container-xsWA7 {
  padding: 0 1.5rem;
}
.control-bar-container-xsWA7 .seek-bar-I7WeY {
  --track-size: 0.5rem;
  --thumb-size: 1.3rem;
  height: 2.5rem;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj {
  flex: none;
  width: 4rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj.disabled .icon-qy6I6 {
  opacity: 0.5;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-button-FQUsj .icon-qy6I6 {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--primary-foreground-color);
}
.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 1rem;
}
.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;
}
.control-bar-container-xsWA7 .control-bar-buttons-container-SWhkU .control-bar-buttons-menu-button-h0MWd .icon-qy6I6 {
  flex: none;
  width: 2.5rem;
  height: 2.5rem;
  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;
}
@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;
  }
  .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;
    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;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/NextVideoPopup/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/StatisticsMenu/styles.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/OptionsMenu/Option/styles.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/OptionsMenu/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.options-menu-container-qlzLt {
  width: 16rem;
  padding: 1rem;
}
.floating-logo-t93XR {
  transition: all 0.5s ease-in-out;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}
.floating-logo-t93XR:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/SubtitlesMenu/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA {
  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 .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA.selected,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA.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,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA:hover,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA: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,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP {
  flex: 1;
  font-size: 1.1rem;
  color: var(--primary-foreground-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,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .language-label-FjjqA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .language-option-O1Yr9 .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .variant-origin-SVnd1 {
  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,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .icon-I1Ruh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .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 .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA {
  height: 4rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-label-opjnP {
  line-height: 1.5rem;
}
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .languages-list-sxIwI .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .languages-container-NS7H9 .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .variants-container-XglzH .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1,
.subtitles-menu-container-PxBRZ .subtitles-settings-container-LhRGS .variants-list-yZo6B .variant-option-t7_LA .info-mxjJh .variant-origin-SVnd1 {
  font-size: 0.9rem;
  color: var(--color-placeholder-text);
}
.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;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/SubtitlesMenu/Stepper/Stepper.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/AudioMenu/AudioMenu.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.audio-menu-qB4SQ {
  display: flex;
  flex-direction: row;
}
.audio-menu-qB4SQ .container-lNRgG {
  flex: none;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  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);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/SpeedMenu/Option/styles.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.option-_O96j {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1.5em;
  margin-bottom: 0.5rem;
  border-radius: var(--border-radius);
}
.option-_O96j.selected {
  background-color: var(--overlay-color);
}
.option-_O96j.selected .icon-kqaPF {
  display: block;
}
.option-_O96j:hover,
.option-_O96j:focus {
  background-color: var(--overlay-color);
}
.option-_O96j .label-FEOiu {
  flex: 1;
  font-weight: 400;
  color: var(--primary-foreground-color);
}
.option-_O96j .icon-kqaPF {
  flex: none;
  display: none;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 100%;
  margin-left: 1rem;
  background-color: var(--secondary-accent-color);
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/SpeedMenu/styles.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.speed-menu-container-ABjzc {
  width: 14rem;
}
.speed-menu-container-ABjzc .title-Hu2Dm {
  flex: none;
  align-self: stretch;
  font-weight: 700;
  color: var(--primary-foreground-color);
  padding: 1.5rem 2rem;
}
.speed-menu-container-ABjzc .options-container-DNn3D {
  flex: 0 1 auto;
  max-height: calc(3.2rem * 8);
  padding: 0 1rem 0.5rem;
}
.speed-menu-container-ABjzc .options-container-DNn3D .option-GcPlB {
  height: 3.2rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/SideDrawerButton/SideDrawerButton.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/MetaPreview/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.meta-preview-container-o22hc{display:flex;flex-direction:column;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){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{align-self:stretch;flex:1;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:2rem;max-width:100%}.meta-preview-container-o22hc .meta-info-container-ub8AH .logo-X3hTV{height:9rem;-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{color:hsla(0,0%,100%,0.9);font-size:1.7rem}.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-top:1rem}.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.25rem;font-weight:600;margin-right:3rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-button-container-gGjxp{align-items:center;border:var(--focus-outline-size) solid transparent;border-radius:0.5rem;display:flex;flex:0 1 auto;flex-direction:row;padding:0rem 0.5rem}.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:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:0}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR{align-items:center;display:flex;flex-direction:row;gap:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR .rating-label-ybdGH{background-color:rgba(0,0,0,0.8);border:1px solid #7b5bf5;border-radius:0.5rem;color:#ffffff;font-size:1rem;font-weight:700;padding:0.5rem 1rem;text-shadow:0 0 10px #7b5bf5,0 0 20px #7b5bf5}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR: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-rating-container-ohGVR .label-MXv72{color:var(--primary-foreground-color);flex:0 1 auto;font-size:1.25rem;font-weight:600;margin-right:1rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .runtime-release-info-container-BGd_r .imdb-rating-container-ohGVR .icon-N_uIU{color:var(--color-imdb);flex:none;height:3rem;width:3rem}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU{animation:slideUp-hmXG7 1s ease-out;background-color:rgba(0,0,0,0.3);border:1px solid rgba(123,91,245,0.3);border-radius:0.5rem;color:var(--primary-foreground-color);font-size:1rem;font-weight:400;line-height:2em;margin-top:1rem;padding:1rem;text-shadow:0 0 5px rgba(123,91,245,0.5)}.meta-preview-container-o22hc .meta-info-container-ub8AH .description-container-yi8iU .label-container-_VXZt{color:var(--primary-foreground-color);font-size:0.95rem;font-weight:700;opacity:0.7;text-shadow:0 0 10px rgba(123,91,245,0.8);text-transform:uppercase}@keyframes slideUp-hmXG7{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.meta-preview-container-o22hc .meta-info-container-ub8AH .meta-links-Xiao3{margin-top:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa{align-items:flex-end;align-self:stretch;display:flex;flex:none;flex-direction:row;flex-wrap:wrap;overflow:visible;padding-top:3.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .label-MXv72{color:var(--primary-foreground-color);left:0;opacity:0;overflow:visible;position:absolute;text-align:center;top:-3rem;transition:opacity 0.3s ease}.meta-preview-container-o22hc .action-buttons-container-XbKVa:not(:last-child){margin-right:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa:hover .label-MXv72{opacity:0.7}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{flex:none;height:4rem;margin-bottom:1rem;width:4rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.wide{border-radius:4rem;padding:0 2rem;width:auto}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3:not(:last-child){margin-right:1rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3.show-button-_yuOF: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 .ratings-container-mcLeG{align-items:center;display:flex;flex-direction:row;margin-bottom:1rem;margin-right:1rem}.meta-preview-container-o22hc .ratings-container-mcLeG .rating-label-ybdGH{background-color:rgba(0,0,0,0.8);border:1px solid #7b5bf5;border-radius:0.5rem;color:#ffffff;font-size:1rem;font-weight:700;margin-right:1rem;padding:0.5rem 1rem;text-shadow:0 0 10px #7b5bf5,0 0 20px #7b5bf5}.share-prompt-QbhIA{width:30rem}@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;padding-top:1.5rem}.meta-preview-container-o22hc .action-buttons-container-XbKVa .action-button-XIZa3{border-radius:2rem;height:3rem;margin-right:0rem!important;padding:0 1.5rem!important}.meta-preview-container-o22hc .ratings-zUtHH{margin-right:0}}@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}.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;margin-top:3rem;overflow:visible;scrollbar-width:none}.meta-preview-container-o22hc .action-buttons-container-XbKVa::-webkit-scrollbar{display:none}.share-prompt-QbhIA{width:auto}}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/SideDrawer/SideDrawer.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.side-drawer-r9EuA {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  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;
}
.side-drawer-r9EuA .close-button-ruzkn {
  display: none;
  position: absolute;
  top: 1.3rem;
  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;
  overflow-y: auto;
  flex: 1;
}
.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;
}
.side-drawer-r9EuA .series-content-VkYHB .videos-nRM2D {
  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 {
    flex: 1;
  }
}
@media screen and (max-width: 800px) {
  .side-drawer-r9EuA {
    padding: calc(1rem / 2);
  }
  .side-drawer-r9EuA .info-hhNTg {
    padding: calc(1rem / 2);
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/components/NavBar/HorizontalNavBar/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.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-right:1rem;padding-top:var(--safe-area-inset-top)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{flex:none;height:var(--horizontal-nav-bar-size);width:var(--vertical-nav-bar-size)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT,.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH{align-items:center;display:flex;justify-content:center;position:relative}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q{animation:logo-neon-sequence-L1y5W 35s ease-in-out 1;flex:none;height:2.5rem;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;opacity:0.9;transition:all 0.3s ease;width:2.5rem}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-hidden-_l2f3{opacity:0;transform:scale(0)}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-0-qt6fy{animation:logo-return-matrix-rain-bvroU 1.2s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-1-hMkHq{animation:logo-return-glitch-eFFSU 1s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-2-f6k4B{animation:logo-return-quantum-p60ZG 1.5s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-3-hCFDF{animation:logo-return-neural-ASEtR 1.3s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-4-aadxZ{animation:logo-return-cyber-explosion-Hkt5Q 1.8s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-5-HOa7Q{animation:logo-return-digital-storm-DUgBN 2s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-6-PNyO8{animation:logo-return-binary-shift-hMkAe 1.4s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-7-ih8p2{animation:logo-return-hacker-code-rk7Pa 1.6s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-8-kM_sK{animation:logo-return-reality-glitch-MWnLy 1.7s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-9-fMbOI{animation:logo-return-ai-awakening-JQQWb 2.2s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-10-gT3K2{animation:logo-return-quantum-entanglement-g4www 1.9s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-11-NsHwp{animation:logo-return-cyber-morph-g32bz 2.1s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-12-kUjn_{animation:logo-return-neural-network-_4o0f 1.8s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-13-WS8UC{animation:logo-return-digital-ascension-Qpgn0 2.3s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-14-rbQQn{animation:logo-return-hacker-protocol-pTHHZ 1.5s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-15-T6OoK{animation:logo-return-matrix-overload-iHc7f 2.4s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-16-M6SBm{animation:logo-return-cyber-revolution-ry0d8 1.7s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-17-C8xHz{animation:logo-return-ai-singularity-whmIs 2.5s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-18-olPgR{animation:logo-return-quantum-reality-cFQUd 2s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-19-pjN1h{animation:logo-return-digital-apocalypse-R7LAi 2.6s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-20-w49Tt{animation:logo-return-neural-overdrive-mv4sG 1.9s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-21-E9NUd{animation:logo-return-cyber-awakening-ZiTgk 2.7s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-22-LQ8gT{animation:logo-return-hacker-evolution-EvgNo 2.1s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-23-lJIUi{animation:logo-return-matrix-awakening-Cyrpm 2.8s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-24-Sd7gR{animation:logo-return-ai-revolution-cGTAR 2.2s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-25-SJgZk{animation:logo-return-quantum-awakening-mJET4 2.9s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-26-JYgZR{animation:logo-return-digital-revolution-fkeiL 2.3s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-27-hrq18{animation:logo-return-cyber-singularity-l45dj 3s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-28-ZP6Ig{animation:logo-return-neural-revolution-AymDo 2.4s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-29-WgEoL{animation:logo-return-hacker-awakening-Nr1Ra 3.1s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-30-E3i2B{animation:logo-return-matrix-singularity-nECft 2.5s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-31-F6X95{animation:logo-return-ai-overdrive-fQzrg 3.2s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-32-RW2oW{animation:logo-return-quantum-singularity-HmIOh 2.6s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-33-SllSa{animation:logo-return-digital-overdrive-Lu9vU 3.3s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-34-WYhNo{animation:logo-return-cyber-overdrive-Ien5s 2.7s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-35-WNpMY{animation:logo-return-neural-singularity-BNNo_ 3.4s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-36-CPzsD{animation:logo-return-hacker-overdrive-ccv3c 2.8s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-37-rH7PP{animation:logo-return-matrix-revolution-wJZvi 3.5s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-38-JFw9S{animation:logo-return-ai-apocalypse-Q0Crm 2.9s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-39-MYRo1{animation:logo-return-ultimate-cyber-lBK2J 4s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-40-szPly{animation:logo-return-quantum-overdrive-brlo0 2.8s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-41-imnHI{animation:logo-return-cyber-overdrive-Ien5s 2.7s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-42-l8qag{animation:logo-return-neural-singularity-BNNo_ 3.4s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-43-Lpw14{animation:logo-return-hacker-overdrive-ccv3c 2.8s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-44-QCIdR{animation:logo-return-matrix-revolution-wJZvi 3.5s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-45-npkl9{animation:logo-return-ai-apocalypse-Q0Crm 2.9s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .logo-oPx1q.logo-return-46-CUF11{animation:logo-return-ultimate-cyber-lBK2J 4s ease-out}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT .logo-wrapper-HGpWH .cyberpunk-message-v9NPL{animation:message-float-Z6atg 2s ease-in-out infinite;color:#00ff00;font-size:0.7rem;font-weight:700;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:1000}.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 .buttons-container-Oc5z1{display:flex;flex-direction:row;gap:0.5rem;overflow:visible}.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-right:0}.horizontal-nav-bar-container-Y_zvK .logo-container-jteMT{width:var(--horizontal-nav-bar-size)}.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}}@keyframes logo-neon-sequence-L1y5W{0%{filter:drop-shadow(0 0 5px #00ff00) drop-shadow(0 0 10px #00ff00) drop-shadow(0 0 15px #00ff00);transform:scale(1) rotate(0deg)}5%{filter:drop-shadow(0 0 20px #ff0000) drop-shadow(0 0 40px #ff0000);transform:scale(1.1) rotate(45deg)}10%{filter:drop-shadow(0 0 10px #9932cc) drop-shadow(0 0 20px #9932cc) drop-shadow(0 0 30px #9932cc);transform:scale(0.9) rotate(-30deg)}15%{filter:drop-shadow(0 0 25px #00ffff) drop-shadow(0 0 50px #00ffff);transform:scale(1.2) rotate(90deg)}20%{filter:drop-shadow(0 0 15px #8a2be2) drop-shadow(0 0 30px #8a2be2) drop-shadow(0 0 45px #8a2be2);transform:scale(0.8) rotate(-60deg)}25%{filter:drop-shadow(0 0 30px #ff00ff) drop-shadow(0 0 60px #ff00ff);transform:scale(1.3) rotate(120deg)}30%{filter:drop-shadow(0 0 20px #9932cc) drop-shadow(0 0 40px #9932cc) drop-shadow(0 0 60px #9932cc);transform:scale(0.7) rotate(-90deg)}35%{filter:drop-shadow(0 0 35px #00ff00) drop-shadow(0 0 70px #00ff00);transform:scale(1.4) rotate(150deg)}40%{filter:drop-shadow(0 0 25px #8a2be2) drop-shadow(0 0 50px #8a2be2) drop-shadow(0 0 75px #8a2be2);transform:scale(0.6) rotate(-120deg)}45%{filter:drop-shadow(0 0 40px #ff0000) drop-shadow(0 0 80px #ff0000);transform:scale(1.5) rotate(180deg)}50%{filter:drop-shadow(0 0 30px #9932cc) drop-shadow(0 0 60px #9932cc) drop-shadow(0 0 90px #9932cc);transform:scale(0.5) rotate(-150deg)}55%{filter:drop-shadow(0 0 45px #00ffff) drop-shadow(0 0 90px #00ffff);transform:scale(1.6) rotate(210deg)}60%{filter:drop-shadow(0 0 35px #8a2be2) drop-shadow(0 0 70px #8a2be2) drop-shadow(0 0 105px #8a2be2);transform:scale(0.4) rotate(-180deg)}65%{filter:drop-shadow(0 0 50px #ff00ff) drop-shadow(0 0 100px #ff00ff);transform:scale(1.7) rotate(240deg)}70%{filter:drop-shadow(0 0 40px #9932cc) drop-shadow(0 0 80px #9932cc) drop-shadow(0 0 120px #9932cc);transform:scale(0.3) rotate(-210deg)}75%{filter:drop-shadow(0 0 55px #00ff00) drop-shadow(0 0 110px #00ff00);transform:scale(1.8) rotate(270deg)}80%{filter:drop-shadow(0 0 45px #8a2be2) drop-shadow(0 0 90px #8a2be2) drop-shadow(0 0 135px #8a2be2);transform:scale(0.2) rotate(-240deg)}85%{filter:drop-shadow(0 0 60px #ff0000) drop-shadow(0 0 120px #ff0000);transform:scale(1.9) rotate(300deg)}85.71%{filter:drop-shadow(0 0 50px #9932cc) drop-shadow(0 0 100px #9932cc) drop-shadow(0 0 150px #9932cc);transform:scale(2) rotate(330deg)}85.72%{filter:drop-shadow(0 0 30px #ff1493) drop-shadow(0 0 60px #ff1493) drop-shadow(0 0 90px #ff1493);transform:scale(1.5) rotate(0deg)}90%{filter:drop-shadow(0 0 25px #ff69b4) drop-shadow(0 0 50px #ff69b4) drop-shadow(0 0 75px #ff69b4);transform:scale(1.4) rotate(90deg)}95%{filter:drop-shadow(0 0 20px #ff1493) drop-shadow(0 0 40px #ff1493) drop-shadow(0 0 60px #ff1493);transform:scale(1.3) rotate(180deg)}to{filter:drop-shadow(0 0 15px #ff69b4) drop-shadow(0 0 30px #ff69b4) drop-shadow(0 0 45px #ff69b4);opacity:0.7;transform:scale(1.2) rotate(360deg)}}@keyframes logo-return-bounce-AUG1o{0%{filter:drop-shadow(0 0 20px #00ff00);opacity:0;transform:scale(0.1) rotate(180deg)}25%{filter:drop-shadow(0 0 40px #ff0000);transform:scale(1.3) rotate(90deg)}50%{filter:drop-shadow(0 0 60px #00ffff);transform:scale(0.8) rotate(-45deg)}75%{filter:drop-shadow(0 0 40px #ff00ff);transform:scale(1.1) rotate(22deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-spin-jVMy4{0%{filter:drop-shadow(0 0 30px #00ff00);opacity:0;transform:scale(0.1) rotate(0deg)}25%{filter:drop-shadow(0 0 60px #ff0000);transform:scale(0.5) rotate(90deg)}50%{filter:drop-shadow(0 0 90px #00ffff);transform:scale(1.2) rotate(180deg)}75%{filter:drop-shadow(0 0 60px #ff00ff);transform:scale(0.9) rotate(270deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(360deg)}}@keyframes logo-return-slide-nBnCO{0%{filter:drop-shadow(0 0 40px #00ff00);opacity:0;transform:translateX(-200px) scale(0.1) rotate(-180deg)}25%{filter:drop-shadow(0 0 80px #ff0000);transform:translateX(-100px) scale(0.8) rotate(-90deg)}50%{filter:drop-shadow(0 0 60px #00ffff);transform:translateX(-50px) scale(1.2) rotate(0deg)}75%{filter:drop-shadow(0 0 40px #ff00ff);transform:translateX(-10px) scale(0.9) rotate(45deg)}to{filter:none;opacity:0.9;transform:translateX(0) scale(1) rotate(0deg)}}@keyframes logo-return-wobble-GXKZ6{0%{filter:drop-shadow(0 0 30px #00ff00);opacity:0;transform:scale(0.1) rotate(0deg)}10%{filter:drop-shadow(0 0 60px #ff0000);transform:scale(0.8) rotate(-15deg)}20%{filter:drop-shadow(0 0 40px #00ffff);transform:scale(1.2) rotate(12deg)}30%{filter:drop-shadow(0 0 80px #ff00ff);transform:scale(0.9) rotate(-8deg)}40%{filter:drop-shadow(0 0 50px #00ff00);transform:scale(1.1) rotate(6deg)}50%{filter:drop-shadow(0 0 70px #ff0000);transform:scale(0.95) rotate(-4deg)}60%{filter:drop-shadow(0 0 60px #00ffff);transform:scale(1.05) rotate(3deg)}70%{filter:drop-shadow(0 0 45px #ff00ff);transform:scale(0.98) rotate(-2deg)}80%{filter:drop-shadow(0 0 35px #00ff00);transform:scale(1.02) rotate(1deg)}90%{filter:drop-shadow(0 0 25px #ff0000);transform:scale(0.99) rotate(-0.5deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-pulse-Dwbqe{0%{filter:drop-shadow(0 0 40px #00ff00);opacity:0;transform:scale(0.1)}20%{filter:drop-shadow(0 0 80px #ff0000);opacity:0.3;transform:scale(0.5)}40%{filter:drop-shadow(0 0 120px #00ffff);opacity:0.6;transform:scale(1.5)}60%{filter:drop-shadow(0 0 100px #ff00ff);opacity:0.8;transform:scale(0.8)}80%{filter:drop-shadow(0 0 80px #00ff00);opacity:0.9;transform:scale(1.2)}to{filter:none;opacity:0.9;transform:scale(1)}}@keyframes logo-return-flip-OnxLu{0%{opacity:0;transform:scale(0.3) rotateY(0deg)}50%{opacity:0.8;transform:scale(1.2) rotateY(90deg)}to{opacity:0.9;transform:scale(1) rotateY(0deg)}}@keyframes logo-return-elastic-KKr6V{0%{opacity:0;transform:scale(0.3)}55%{opacity:0.8;transform:scale(1.15)}65%{transform:scale(0.95)}75%{transform:scale(1.05)}to{opacity:0.9;transform:scale(1)}}@keyframes logo-return-swing-h10ws{0%{opacity:0;transform:scale(0.3) rotate(0deg)}20%{transform:scale(1.1) rotate(15deg)}40%{transform:scale(1.1) rotate(-10deg)}60%{transform:scale(1.1) rotate(5deg)}80%{transform:scale(1.1) rotate(-2deg)}to{opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-zoom-_pQRo{0%{opacity:0;transform:scale(0.3)}50%{opacity:0.8;transform:scale(1.5)}to{opacity:0.9;transform:scale(1)}}@keyframes logo-return-tada-vAHjc{0%{opacity:0;transform:scale(0.3) rotate(0deg)}10%,20%{transform:scale(1.1) rotate(-3deg)}30%,50%,70%{transform:scale(1.1) rotate(3deg)}40%,60%{transform:scale(1.1) rotate(-3deg)}80%{transform:scale(1.1) rotate(1deg)}to{opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-matrix-rain-bvroU{0%{filter:drop-shadow(0 0 50px #00ff00);opacity:0;transform:translateY(-200px) scale(0.1)}10%{filter:drop-shadow(0 0 100px #00ff00);opacity:0.2;transform:translateY(-150px) scale(0.3)}20%{filter:drop-shadow(0 0 150px #00ff00);opacity:0.4;transform:translateY(-100px) scale(0.6)}30%{filter:drop-shadow(0 0 200px #00ff00);opacity:0.6;transform:translateY(-50px) scale(0.9)}40%{filter:drop-shadow(0 0 250px #00ff00);opacity:0.8;transform:translateY(-25px) scale(1.1)}50%{filter:drop-shadow(0 0 300px #00ff00);opacity:1;transform:translateY(0px) scale(1.3)}60%{filter:drop-shadow(0 0 250px #ff0000);transform:translateY(10px) scale(1.2)}70%{filter:drop-shadow(0 0 200px #00ffff);transform:translateY(5px) scale(1.1)}80%{filter:drop-shadow(0 0 150px #ff00ff);transform:translateY(2px) scale(1.05)}90%{filter:drop-shadow(0 0 100px #00ff00);transform:translateY(1px) scale(1.02)}to{filter:none;opacity:0.9;transform:translateY(0px) scale(1)}}@keyframes logo-return-glitch-eFFSU{0%{filter:hue-rotate(0deg);opacity:0;transform:scale(0.1) skew(0deg,0deg)}5%{filter:hue-rotate(90deg) drop-shadow(0 0 20px #ff0000);transform:scale(0.2) skew(5deg,5deg)}10%{filter:hue-rotate(180deg) drop-shadow(0 0 40px #00ff00);transform:scale(0.4) skew(-3deg,-3deg)}15%{filter:hue-rotate(270deg) drop-shadow(0 0 60px #0000ff);transform:scale(0.6) skew(7deg,7deg)}20%{filter:hue-rotate(0deg) drop-shadow(0 0 80px #ff00ff);transform:scale(0.8) skew(-5deg,-5deg)}25%{filter:hue-rotate(90deg) drop-shadow(0 0 100px #00ffff);transform:scale(1) skew(3deg,3deg)}30%{filter:hue-rotate(180deg) drop-shadow(0 0 80px #ff0000);transform:scale(1.1) skew(-1deg,-1deg)}35%{filter:hue-rotate(270deg) drop-shadow(0 0 60px #00ff00);transform:scale(1.05) skew(2deg,2deg)}40%{filter:hue-rotate(0deg) drop-shadow(0 0 40px #0000ff);transform:scale(1.02) skew(-0.5deg,-0.5deg)}45%{filter:hue-rotate(90deg) drop-shadow(0 0 20px #ff00ff);transform:scale(1.01) skew(0.2deg,0.2deg)}50%{filter:none;transform:scale(1) skew(0deg,0deg)}55%{filter:drop-shadow(0 0 30px #00ffff);transform:scale(1.05) skew(1deg,1deg)}60%{filter:drop-shadow(0 0 40px #ff00ff);transform:scale(1) skew(-0.5deg,-0.5deg)}65%{filter:drop-shadow(0 0 50px #00ff00);transform:scale(1.02) skew(0.3deg,0.3deg)}70%{filter:drop-shadow(0 0 30px #ff0000);transform:scale(1) skew(0deg,0deg)}75%{filter:drop-shadow(0 0 20px #00ffff);transform:scale(1.01) skew(-0.1deg,-0.1deg)}80%{filter:drop-shadow(0 0 10px #ff00ff);transform:scale(1) skew(0deg,0deg)}85%{filter:drop-shadow(0 0 5px #00ff00);transform:scale(1) skew(0.05deg,0.05deg)}90%{filter:none;transform:scale(1) skew(0deg,0deg)}95%{transform:scale(1) skew(0.02deg,0.02deg)}to{opacity:0.9;transform:scale(1) skew(0deg,0deg)}}@keyframes logo-return-quantum-p60ZG{0%{filter:blur(10px) drop-shadow(0 0 30px #8a2be2);opacity:0;transform:scale(0.1) rotate(0deg)}10%{filter:blur(8px) drop-shadow(0 0 60px #9932cc);opacity:0.1;transform:scale(0.3) rotate(36deg)}20%{filter:blur(6px) drop-shadow(0 0 90px #8a2be2);opacity:0.2;transform:scale(0.6) rotate(72deg)}30%{filter:blur(4px) drop-shadow(0 0 120px #9932cc);opacity:0.3;transform:scale(0.9) rotate(108deg)}40%{filter:blur(2px) drop-shadow(0 0 150px #8a2be2);opacity:0.4;transform:scale(1.2) rotate(144deg)}50%{filter:blur(0px) drop-shadow(0 0 180px #9932cc);opacity:0.5;transform:scale(1.5) rotate(180deg)}60%{filter:drop-shadow(0 0 150px #8a2be2) hue-rotate(90deg);opacity:0.6;transform:scale(1.3) rotate(216deg)}70%{filter:drop-shadow(0 0 120px #9932cc) hue-rotate(180deg);opacity:0.7;transform:scale(1.1) rotate(252deg)}80%{filter:drop-shadow(0 0 90px #8a2be2) hue-rotate(270deg);opacity:0.8;transform:scale(1.05) rotate(288deg)}90%{filter:drop-shadow(0 0 60px #9932cc) hue-rotate(0deg);opacity:0.9;transform:scale(1.02) rotate(324deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(360deg)}}@keyframes logo-return-neural-ASEtR{0%{filter:contrast(0%) drop-shadow(0 0 20px #00ff00);opacity:0;transform:scale(0.1)}5%{filter:contrast(20%) drop-shadow(0 0 40px #00ff00);opacity:0.1;transform:scale(0.2)}10%{filter:contrast(40%) drop-shadow(0 0 60px #00ff00);opacity:0.2;transform:scale(0.4)}15%{filter:contrast(60%) drop-shadow(0 0 80px #00ff00);opacity:0.3;transform:scale(0.6)}20%{filter:contrast(80%) drop-shadow(0 0 100px #00ff00);opacity:0.4;transform:scale(0.8)}25%{filter:contrast(100%) drop-shadow(0 0 120px #00ff00);opacity:0.5;transform:scale(1)}30%{filter:contrast(120%) drop-shadow(0 0 100px #ff0000);opacity:0.6;transform:scale(1.1) rotate(5deg)}35%{filter:contrast(100%) drop-shadow(0 0 80px #00ffff);opacity:0.7;transform:scale(1.05) rotate(-3deg)}40%{filter:contrast(90%) drop-shadow(0 0 60px #ff00ff);opacity:0.8;transform:scale(1.02) rotate(2deg)}45%{filter:contrast(95%) drop-shadow(0 0 40px #00ff00);opacity:0.85;transform:scale(1.01) rotate(-1deg)}50%{filter:contrast(100%) drop-shadow(0 0 20px #ff0000);opacity:0.9;transform:scale(1) rotate(0deg)}55%{filter:contrast(105%) drop-shadow(0 0 30px #00ffff);transform:scale(1.02) rotate(1deg)}60%{filter:contrast(100%) drop-shadow(0 0 40px #ff00ff);transform:scale(1) rotate(0deg)}65%{filter:contrast(98%) drop-shadow(0 0 50px #00ff00);transform:scale(1.01) rotate(-0.5deg)}70%{filter:contrast(100%) drop-shadow(0 0 30px #ff0000);transform:scale(1) rotate(0deg)}75%{filter:contrast(102%) drop-shadow(0 0 20px #00ffff);transform:scale(1) rotate(0.2deg)}80%{filter:contrast(100%) drop-shadow(0 0 10px #ff00ff);transform:scale(1) rotate(0deg)}85%{filter:contrast(101%) drop-shadow(0 0 5px #00ff00);transform:scale(1) rotate(0.1deg)}90%{filter:contrast(100%) drop-shadow(0 0 2px #ff0000);transform:scale(1) rotate(0deg)}95%{filter:contrast(99.5%) drop-shadow(0 0 1px #00ffff);transform:scale(1) rotate(0.05deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-cyber-explosion-Hkt5Q{0%{filter:sepia(100%) saturate(0%) drop-shadow(0 0 10px #ff4500);opacity:0;transform:scale(0.1)}5%{filter:sepia(80%) saturate(20%) drop-shadow(0 0 30px #ff6347);opacity:0.1;transform:scale(0.3)}10%{filter:sepia(60%) saturate(40%) drop-shadow(0 0 60px #ff7f50);opacity:0.2;transform:scale(0.6)}15%{filter:sepia(40%) saturate(60%) drop-shadow(0 0 90px #ffa500);opacity:0.3;transform:scale(0.9)}20%{filter:sepia(20%) saturate(80%) drop-shadow(0 0 120px #ffd700);opacity:0.4;transform:scale(1.2)}25%{filter:sepia(0%) saturate(100%) drop-shadow(0 0 150px #ffff00);opacity:0.5;transform:scale(1.5)}30%{filter:hue-rotate(45deg) drop-shadow(0 0 180px #adff2f);opacity:0.6;transform:scale(1.8) rotate(15deg)}35%{filter:hue-rotate(90deg) drop-shadow(0 0 150px #00ff00);opacity:0.7;transform:scale(1.6) rotate(-10deg)}40%{filter:hue-rotate(135deg) drop-shadow(0 0 120px #00ffff);opacity:0.75;transform:scale(1.4) rotate(8deg)}45%{filter:hue-rotate(180deg) drop-shadow(0 0 90px #0000ff);opacity:0.8;transform:scale(1.3) rotate(-5deg)}50%{filter:hue-rotate(225deg) drop-shadow(0 0 60px #8a2be2);opacity:0.85;transform:scale(1.2) rotate(3deg)}55%{filter:hue-rotate(270deg) drop-shadow(0 0 30px #9932cc);opacity:0.88;transform:scale(1.1) rotate(-2deg)}60%{filter:hue-rotate(315deg) drop-shadow(0 0 15px #8a2be2);opacity:0.9;transform:scale(1.05) rotate(1deg)}65%{filter:hue-rotate(0deg) drop-shadow(0 0 10px #9932cc);opacity:0.92;transform:scale(1.02) rotate(-0.5deg)}70%{filter:drop-shadow(0 0 5px #8a2be2);opacity:0.94;transform:scale(1.01) rotate(0.2deg)}75%{filter:drop-shadow(0 0 2px #9932cc);opacity:0.96;transform:scale(1) rotate(0deg)}80%{filter:drop-shadow(0 0 1px #8a2be2);opacity:0.97;transform:scale(1) rotate(0.1deg)}85%{filter:none;opacity:0.98;transform:scale(1) rotate(0deg)}90%{opacity:0.99;transform:scale(1) rotate(0.05deg)}95%{opacity:0.995;transform:scale(1) rotate(0deg)}to{opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-digital-storm-DUgBN{0%{filter:grayscale(100%) drop-shadow(0 0 20px #708090);opacity:0;transform:scale(0.1) rotate(0deg)}5%{filter:grayscale(80%) drop-shadow(0 0 40px #778899);opacity:0.1;transform:scale(0.2) rotate(72deg)}10%{filter:grayscale(60%) drop-shadow(0 0 60px #808080);opacity:0.2;transform:scale(0.4) rotate(144deg)}15%{filter:grayscale(40%) drop-shadow(0 0 80px #a9a9a9);opacity:0.3;transform:scale(0.6) rotate(216deg)}20%{filter:grayscale(20%) drop-shadow(0 0 100px #c0c0c0);opacity:0.4;transform:scale(0.8) rotate(288deg)}25%{filter:grayscale(0%) drop-shadow(0 0 120px #ffffff);opacity:0.5;transform:scale(1) rotate(360deg)}30%{filter:brightness(1.2) drop-shadow(0 0 140px #f0f8ff);opacity:0.6;transform:scale(1.2) rotate(30deg)}35%{filter:brightness(1.4) drop-shadow(0 0 120px #e6e6fa);opacity:0.7;transform:scale(1.1) rotate(-20deg)}40%{filter:brightness(1.6) drop-shadow(0 0 100px #dcdcdc);opacity:0.75;transform:scale(1.05) rotate(15deg)}45%{filter:brightness(1.8) drop-shadow(0 0 80px #f5f5f5);opacity:0.8;transform:scale(1.02) rotate(-10deg)}50%{filter:brightness(2) drop-shadow(0 0 60px #ffffff);opacity:0.85;transform:scale(1) rotate(0deg)}55%{filter:brightness(1.8) contrast(1.2) drop-shadow(0 0 70px #f0f8ff);opacity:0.87;transform:scale(1.03) rotate(5deg)}60%{filter:brightness(1.6) contrast(1.4) drop-shadow(0 0 80px #e6e6fa);opacity:0.89;transform:scale(1) rotate(0deg)}65%{filter:brightness(1.4) contrast(1.6) drop-shadow(0 0 90px #dcdcdc);opacity:0.91;transform:scale(1.02) rotate(-2deg)}70%{filter:brightness(1.2) contrast(1.8) drop-shadow(0 0 100px #f5f5f5);opacity:0.92;transform:scale(1) rotate(0deg)}75%{filter:brightness(1) contrast(2) drop-shadow(0 0 110px #ffffff);opacity:0.94;transform:scale(1.01) rotate(1deg)}80%{filter:brightness(0.9) contrast(2.2) drop-shadow(0 0 100px #f0f8ff);opacity:0.95;transform:scale(1) rotate(0deg)}85%{filter:brightness(0.8) contrast(2.4) drop-shadow(0 0 90px #e6e6fa);opacity:0.96;transform:scale(1) rotate(0.5deg)}90%{filter:brightness(0.7) contrast(2.6) drop-shadow(0 0 80px #dcdcdc);opacity:0.97;transform:scale(1) rotate(0deg)}95%{filter:brightness(0.6) contrast(2.8) drop-shadow(0 0 70px #f5f5f5);opacity:0.98;transform:scale(1) rotate(0.2deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-binary-shift-hMkAe{0%{filter:invert(0%) drop-shadow(0 0 20px #000000);opacity:0;transform:scale(0.1) translateX(-200px)}5%{filter:invert(10%) drop-shadow(0 0 40px #111111);opacity:0.1;transform:scale(0.2) translateX(-160px)}10%{filter:invert(20%) drop-shadow(0 0 60px #222222);opacity:0.2;transform:scale(0.4) translateX(-120px)}15%{filter:invert(30%) drop-shadow(0 0 80px #333333);opacity:0.3;transform:scale(0.6) translateX(-80px)}20%{filter:invert(40%) drop-shadow(0 0 100px #444444);opacity:0.4;transform:scale(0.8) translateX(-40px)}25%{filter:invert(50%) drop-shadow(0 0 120px #555555);opacity:0.5;transform:scale(1) translateX(0px)}30%{filter:invert(60%) drop-shadow(0 0 100px #666666);opacity:0.6;transform:scale(1.1) translateX(20px) rotate(10deg)}35%{filter:invert(70%) drop-shadow(0 0 80px #777777);opacity:0.7;transform:scale(1.05) translateX(-10px) rotate(-5deg)}40%{filter:invert(80%) drop-shadow(0 0 60px #888888);opacity:0.75;transform:scale(1.02) translateX(5px) rotate(3deg)}45%{filter:invert(90%) drop-shadow(0 0 40px #999999);opacity:0.8;transform:scale(1.01) translateX(-2px) rotate(-1deg)}50%{filter:invert(100%) drop-shadow(0 0 20px #aaaaaa);opacity:0.85;transform:scale(1) translateX(0px) rotate(0deg)}55%{filter:invert(90%) sepia(10%) drop-shadow(0 0 30px #bbbbbb);opacity:0.87;transform:scale(1.02) translateX(3px) rotate(1deg)}60%{filter:invert(80%) sepia(20%) drop-shadow(0 0 40px #cccccc);opacity:0.89;transform:scale(1) translateX(0px) rotate(0deg)}65%{filter:invert(70%) sepia(30%) drop-shadow(0 0 50px #dddddd);opacity:0.91;transform:scale(1.01) translateX(-1px) rotate(-0.5deg)}70%{filter:invert(60%) sepia(40%) drop-shadow(0 0 60px #eeeeee);opacity:0.92;transform:scale(1) translateX(0px) rotate(0deg)}75%{filter:invert(50%) sepia(50%) drop-shadow(0 0 70px #ffffff);opacity:0.94;transform:scale(1) translateX(0.5px) rotate(0.2deg)}80%{filter:invert(40%) sepia(60%) drop-shadow(0 0 60px #f0f0f0);opacity:0.95;transform:scale(1) translateX(0px) rotate(0deg)}85%{filter:invert(30%) sepia(70%) drop-shadow(0 0 50px #e0e0e0);opacity:0.96;transform:scale(1) translateX(0.2px) rotate(0.1deg)}90%{filter:invert(20%) sepia(80%) drop-shadow(0 0 40px #d0d0d0);opacity:0.97;transform:scale(1) translateX(0px) rotate(0deg)}95%{filter:invert(10%) sepia(90%) drop-shadow(0 0 30px #c0c0c0);opacity:0.98;transform:scale(1) translateX(0.1px) rotate(0.05deg)}to{filter:none;opacity:0.9;transform:scale(1) translateX(0px) rotate(0deg)}}@keyframes logo-return-hacker-code-rk7Pa{0%{filter:drop-shadow(0 0 20px #00ff00) hue-rotate(0deg);opacity:0;transform:scale(0.1) skewX(0deg)}5%{filter:drop-shadow(0 0 40px #00ff00) hue-rotate(36deg);opacity:0.1;transform:scale(0.2) skewX(10deg)}10%{filter:drop-shadow(0 0 60px #00ff00) hue-rotate(72deg);opacity:0.2;transform:scale(0.4) skewX(-5deg)}15%{filter:drop-shadow(0 0 80px #00ff00) hue-rotate(108deg);opacity:0.3;transform:scale(0.6) skewX(15deg)}20%{filter:drop-shadow(0 0 100px #00ff00) hue-rotate(144deg);opacity:0.4;transform:scale(0.8) skewX(-10deg)}25%{filter:drop-shadow(0 0 120px #00ff00) hue-rotate(180deg);opacity:0.5;transform:scale(1) skewX(0deg)}30%{filter:drop-shadow(0 0 100px #ff0000) hue-rotate(216deg);opacity:0.6;transform:scale(1.1) skewX(5deg) rotate(5deg)}35%{filter:drop-shadow(0 0 80px #00ffff) hue-rotate(252deg);opacity:0.7;transform:scale(1.05) skewX(-3deg) rotate(-3deg)}40%{filter:drop-shadow(0 0 60px #ff00ff) hue-rotate(288deg);opacity:0.75;transform:scale(1.02) skewX(2deg) rotate(2deg)}45%{filter:drop-shadow(0 0 40px #00ff00) hue-rotate(324deg);opacity:0.8;transform:scale(1.01) skewX(-1deg) rotate(-1deg)}50%{filter:drop-shadow(0 0 20px #ff0000) hue-rotate(0deg);opacity:0.85;transform:scale(1) skewX(0deg) rotate(0deg)}55%{filter:drop-shadow(0 0 30px #00ffff) hue-rotate(45deg);opacity:0.87;transform:scale(1.02) skewX(1deg) rotate(1deg)}60%{filter:drop-shadow(0 0 40px #ff00ff) hue-rotate(90deg);opacity:0.89;transform:scale(1) skewX(0deg) rotate(0deg)}65%{filter:drop-shadow(0 0 50px #00ff00) hue-rotate(135deg);opacity:0.91;transform:scale(1.01) skewX(-0.5deg) rotate(-0.5deg)}70%{filter:drop-shadow(0 0 60px #ff0000) hue-rotate(180deg);opacity:0.92;transform:scale(1) skewX(0deg) rotate(0deg)}75%{filter:drop-shadow(0 0 70px #00ffff) hue-rotate(225deg);opacity:0.94;transform:scale(1) skewX(0.2deg) rotate(0.2deg)}80%{filter:drop-shadow(0 0 60px #ff00ff) hue-rotate(270deg);opacity:0.95;transform:scale(1) skewX(0deg) rotate(0deg)}85%{filter:drop-shadow(0 0 50px #00ff00) hue-rotate(315deg);opacity:0.96;transform:scale(1) skewX(0.1deg) rotate(0.1deg)}90%{filter:drop-shadow(0 0 40px #ff0000) hue-rotate(0deg);opacity:0.97;transform:scale(1) skewX(0deg) rotate(0deg)}95%{filter:drop-shadow(0 0 30px #00ffff) hue-rotate(45deg);opacity:0.98;transform:scale(1) skewX(0.05deg) rotate(0.05deg)}to{filter:none;opacity:0.9;transform:scale(1) skewX(0deg) rotate(0deg)}}@keyframes logo-return-reality-glitch-MWnLy{0%{filter:drop-shadow(0 0 20px #ff1493) saturate(0%);opacity:0;transform:scale(0.1)}5%{filter:drop-shadow(0 0 40px #ff69b4) saturate(20%);opacity:0.1;transform:scale(0.2)}10%{filter:drop-shadow(0 0 60px #ffb6c1) saturate(40%);opacity:0.2;transform:scale(0.4)}15%{filter:drop-shadow(0 0 80px #ffc0cb) saturate(60%);opacity:0.3;transform:scale(0.6)}20%{filter:drop-shadow(0 0 100px #ff1493) saturate(80%);opacity:0.4;transform:scale(0.8)}25%{filter:drop-shadow(0 0 120px #ff69b4) saturate(100%);opacity:0.5;transform:scale(1)}30%{filter:drop-shadow(0 0 100px #ffb6c1) saturate(120%) hue-rotate(45deg);opacity:0.6;transform:scale(1.1) rotate(10deg)}35%{filter:drop-shadow(0 0 80px #ffc0cb) saturate(100%) hue-rotate(90deg);opacity:0.7;transform:scale(1.05) rotate(-5deg)}40%{filter:drop-shadow(0 0 60px #ff1493) saturate(90%) hue-rotate(135deg);opacity:0.75;transform:scale(1.02) rotate(3deg)}45%{filter:drop-shadow(0 0 40px #ff69b4) saturate(95%) hue-rotate(180deg);opacity:0.8;transform:scale(1.01) rotate(-1deg)}50%{filter:drop-shadow(0 0 20px #ffb6c1) saturate(100%) hue-rotate(225deg);opacity:0.85;transform:scale(1) rotate(0deg)}52%{filter:drop-shadow(0 0 30px #ffc0cb) saturate(110%) hue-rotate(270deg);transform:scale(1.05) rotate(2deg) skewX(2deg)}54%{filter:drop-shadow(0 0 40px #ff1493) saturate(90%) hue-rotate(315deg);transform:scale(0.95) rotate(-1deg) skewX(-1deg)}56%{filter:drop-shadow(0 0 50px #ff69b4) saturate(105%) hue-rotate(0deg);transform:scale(1.02) rotate(1deg) skewX(1deg)}58%{filter:drop-shadow(0 0 30px #ffb6c1) saturate(100%) hue-rotate(45deg);transform:scale(1) rotate(0deg) skewX(0deg)}60%{filter:drop-shadow(0 0 35px #ffc0cb) saturate(98%) hue-rotate(90deg);opacity:0.87;transform:scale(1.01) rotate(0.5deg)}65%{filter:drop-shadow(0 0 40px #ff1493) saturate(100%) hue-rotate(135deg);opacity:0.89;transform:scale(1) rotate(0deg)}70%{filter:drop-shadow(0 0 45px #ff69b4) saturate(102%) hue-rotate(180deg);opacity:0.91;transform:scale(1) rotate(-0.2deg)}75%{filter:drop-shadow(0 0 50px #ffb6c1) saturate(100%) hue-rotate(225deg);opacity:0.92;transform:scale(1) rotate(0deg)}80%{filter:drop-shadow(0 0 40px #ffc0cb) saturate(99%) hue-rotate(270deg);opacity:0.94;transform:scale(1) rotate(0.1deg)}85%{filter:drop-shadow(0 0 30px #ff1493) saturate(100%) hue-rotate(315deg);opacity:0.95;transform:scale(1) rotate(0deg)}90%{filter:drop-shadow(0 0 20px #ff69b4) saturate(101%) hue-rotate(0deg);opacity:0.96;transform:scale(1) rotate(0.05deg)}95%{filter:drop-shadow(0 0 10px #ffb6c1) saturate(100%) hue-rotate(45deg);opacity:0.97;transform:scale(1) rotate(0deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-ai-awakening-JQQWb{0%{filter:drop-shadow(0 0 20px #9370db) brightness(0.1);opacity:0;transform:scale(0.1) rotate(0deg)}5%{filter:drop-shadow(0 0 40px #8a2be2) brightness(0.2);opacity:0.1;transform:scale(0.2) rotate(72deg)}10%{filter:drop-shadow(0 0 60px #9932cc) brightness(0.3);opacity:0.2;transform:scale(0.4) rotate(144deg)}15%{filter:drop-shadow(0 0 80px #9370db) brightness(0.4);opacity:0.3;transform:scale(0.6) rotate(216deg)}20%{filter:drop-shadow(0 0 100px #8a2be2) brightness(0.5);opacity:0.4;transform:scale(0.8) rotate(288deg)}25%{filter:drop-shadow(0 0 120px #9932cc) brightness(0.6);opacity:0.5;transform:scale(1) rotate(360deg)}30%{filter:drop-shadow(0 0 140px #9370db) brightness(0.7) contrast(1.1);opacity:0.6;transform:scale(1.2) rotate(30deg)}35%{filter:drop-shadow(0 0 120px #8a2be2) brightness(0.8) contrast(1.2);opacity:0.7;transform:scale(1.1) rotate(-20deg)}40%{filter:drop-shadow(0 0 100px #9932cc) brightness(0.9) contrast(1.3);opacity:0.75;transform:scale(1.05) rotate(15deg)}45%{filter:drop-shadow(0 0 80px #9370db) brightness(1) contrast(1.4);opacity:0.8;transform:scale(1.02) rotate(-10deg)}50%{filter:drop-shadow(0 0 60px #8a2be2) brightness(1.1) contrast(1.5);opacity:0.85;transform:scale(1) rotate(0deg)}55%{filter:drop-shadow(0 0 70px #9932cc) brightness(1.2) contrast(1.4) saturate(1.1);opacity:0.87;transform:scale(1.03) rotate(5deg)}60%{filter:drop-shadow(0 0 80px #9370db) brightness(1.3) contrast(1.3) saturate(1.2);opacity:0.89;transform:scale(1) rotate(0deg)}65%{filter:drop-shadow(0 0 90px #8a2be2) brightness(1.4) contrast(1.2) saturate(1.3);opacity:0.91;transform:scale(1.02) rotate(-2deg)}70%{filter:drop-shadow(0 0 100px #9932cc) brightness(1.5) contrast(1.1) saturate(1.4);opacity:0.92;transform:scale(1) rotate(0deg)}75%{filter:drop-shadow(0 0 110px #9370db) brightness(1.6) contrast(1) saturate(1.5);opacity:0.94;transform:scale(1.01) rotate(1deg)}80%{filter:drop-shadow(0 0 100px #8a2be2) brightness(1.7) contrast(0.9) saturate(1.6);opacity:0.95;transform:scale(1) rotate(0deg)}85%{filter:drop-shadow(0 0 90px #9932cc) brightness(1.8) contrast(0.8) saturate(1.7);opacity:0.96;transform:scale(1) rotate(0.5deg)}90%{filter:drop-shadow(0 0 80px #9370db) brightness(1.9) contrast(0.7) saturate(1.8);opacity:0.97;transform:scale(1) rotate(0deg)}95%{filter:drop-shadow(0 0 70px #8a2be2) brightness(2) contrast(0.6) saturate(1.9);opacity:0.98;transform:scale(1) rotate(0.2deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg)}}@keyframes logo-return-quantum-entanglement-g4www{0%{filter:drop-shadow(0 0 20px #daa520) blur(5px);opacity:0;transform:scale(0.1) rotate(0deg)}5%{filter:drop-shadow(0 0 40px #ffd700) blur(4px);opacity:0.1;transform:scale(0.2) rotate(45deg)}10%{filter:drop-shadow(0 0 60px #ffed4e) blur(3px);opacity:0.2;transform:scale(0.4) rotate(90deg)}15%{filter:drop-shadow(0 0 80px #daa520) blur(2px);opacity:0.3;transform:scale(0.6) rotate(135deg)}20%{filter:drop-shadow(0 0 100px #ffd700) blur(1px);opacity:0.4;transform:scale(0.8) rotate(180deg)}25%{filter:drop-shadow(0 0 120px #ffed4e) blur(0px);opacity:0.5;transform:scale(1) rotate(225deg)}30%{filter:drop-shadow(0 0 140px #daa520) hue-rotate(45deg);opacity:0.6;transform:scale(1.2) rotate(270deg) skewX(5deg)}35%{filter:drop-shadow(0 0 120px #ffd700) hue-rotate(90deg);opacity:0.7;transform:scale(1.1) rotate(315deg) skewX(-3deg)}40%{filter:drop-shadow(0 0 100px #ffed4e) hue-rotate(135deg);opacity:0.75;transform:scale(1.05) rotate(360deg) skewX(2deg)}45%{filter:drop-shadow(0 0 80px #daa520) hue-rotate(180deg);opacity:0.8;transform:scale(1.02) rotate(45deg) skewX(-1deg)}50%{filter:drop-shadow(0 0 60px #ffd700) hue-rotate(225deg);opacity:0.85;transform:scale(1) rotate(0deg) skewX(0deg)}55%{filter:drop-shadow(0 0 70px #ffed4e) hue-rotate(270deg) saturate(1.2);opacity:0.87;transform:scale(1.03) rotate(10deg) skewX(1deg)}60%{filter:drop-shadow(0 0 80px #daa520) hue-rotate(315deg) saturate(1.4);opacity:0.89;transform:scale(1) rotate(0deg) skewX(0deg)}65%{filter:drop-shadow(0 0 90px #ffd700) hue-rotate(0deg) saturate(1.6);opacity:0.91;transform:scale(1.02) rotate(-5deg) skewX(-0.5deg)}70%{filter:drop-shadow(0 0 100px #ffed4e) hue-rotate(45deg) saturate(1.8);opacity:0.92;transform:scale(1) rotate(0deg) skewX(0deg)}75%{filter:drop-shadow(0 0 110px #daa520) hue-rotate(90deg) saturate(2);opacity:0.94;transform:scale(1.01) rotate(3deg) skewX(0.2deg)}80%{filter:drop-shadow(0 0 100px #ffd700) hue-rotate(135deg) saturate(1.8);opacity:0.95;transform:scale(1) rotate(0deg) skewX(0deg)}85%{filter:drop-shadow(0 0 90px #ffed4e) hue-rotate(180deg) saturate(1.6);opacity:0.96;transform:scale(1) rotate(1deg) skewX(0.1deg)}90%{filter:drop-shadow(0 0 80px #daa520) hue-rotate(225deg) saturate(1.4);opacity:0.97;transform:scale(1) rotate(0deg) skewX(0deg)}95%{filter:drop-shadow(0 0 70px #ffd700) hue-rotate(270deg) saturate(1.2);opacity:0.98;transform:scale(1) rotate(0.5deg) skewX(0.05deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg) skewX(0deg)}}@keyframes logo-return-cyber-morph-g32bz{0%{filter:drop-shadow(0 0 20px #ff4500) sepia(100%);opacity:0;transform:scale(0.1)}5%{filter:drop-shadow(0 0 40px #ff6347) sepia(80%);opacity:0.1;transform:scale(0.2) rotate(36deg)}10%{filter:drop-shadow(0 0 60px #ff7f50) sepia(60%);opacity:0.2;transform:scale(0.4) rotate(72deg)}15%{filter:drop-shadow(0 0 80px #ffa500) sepia(40%);opacity:0.3;transform:scale(0.6) rotate(108deg)}20%{filter:drop-shadow(0 0 100px #ffd700) sepia(20%);opacity:0.4;transform:scale(0.8) rotate(144deg)}25%{filter:drop-shadow(0 0 120px #ffff00) sepia(0%);opacity:0.5;transform:scale(1) rotate(180deg)}30%{filter:drop-shadow(0 0 140px #adff2f) hue-rotate(60deg);opacity:0.6;transform:scale(1.2) rotate(216deg) skewY(10deg)}35%{filter:drop-shadow(0 0 120px #00ff00) hue-rotate(120deg);opacity:0.7;transform:scale(1.1) rotate(252deg) skewY(-5deg)}40%{filter:drop-shadow(0 0 100px #00ffff) hue-rotate(180deg);opacity:0.75;transform:scale(1.05) rotate(288deg) skewY(3deg)}45%{filter:drop-shadow(0 0 80px #0000ff) hue-rotate(240deg);opacity:0.8;transform:scale(1.02) rotate(324deg) skewY(-1deg)}50%{filter:drop-shadow(0 0 60px #8a2be2) hue-rotate(300deg);opacity:0.85;transform:scale(1) rotate(360deg) skewY(0deg)}55%{filter:drop-shadow(0 0 70px #9932cc) hue-rotate(0deg) brightness(1.2);opacity:0.87;transform:scale(1.03) rotate(30deg) skewY(2deg)}60%{filter:drop-shadow(0 0 80px #9370db) hue-rotate(60deg) brightness(1.4);opacity:0.89;transform:scale(1) rotate(0deg) skewY(0deg)}65%{filter:drop-shadow(0 0 90px #8a2be2) hue-rotate(120deg) brightness(1.6);opacity:0.91;transform:scale(1.02) rotate(-15deg) skewY(-1deg)}70%{filter:drop-shadow(0 0 100px #9932cc) hue-rotate(180deg) brightness(1.8);opacity:0.92;transform:scale(1) rotate(0deg) skewY(0deg)}75%{filter:drop-shadow(0 0 110px #9370db) hue-rotate(240deg) brightness(2);opacity:0.94;transform:scale(1.01) rotate(8deg) skewY(0.5deg)}80%{filter:drop-shadow(0 0 100px #8a2be2) hue-rotate(300deg) brightness(1.8);opacity:0.95;transform:scale(1) rotate(0deg) skewY(0deg)}85%{filter:drop-shadow(0 0 90px #9932cc) hue-rotate(0deg) brightness(1.6);opacity:0.96;transform:scale(1) rotate(4deg) skewY(0.2deg)}90%{filter:drop-shadow(0 0 80px #9370db) hue-rotate(60deg) brightness(1.4);opacity:0.97;transform:scale(1) rotate(0deg) skewY(0deg)}95%{filter:drop-shadow(0 0 70px #8a2be2) hue-rotate(120deg) brightness(1.2);opacity:0.98;transform:scale(1) rotate(2deg) skewY(0.1deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg) skewY(0deg)}}@keyframes logo-return-neural-network-_4o0f{0%{filter:drop-shadow(0 0 20px #32cd32) contrast(0.1);opacity:0;transform:scale(0.1)}5%{filter:drop-shadow(0 0 40px #228b22) contrast(0.2);opacity:0.1;transform:scale(0.2) rotate(30deg)}10%{filter:drop-shadow(0 0 60px #006400) contrast(0.3);opacity:0.2;transform:scale(0.4) rotate(60deg)}15%{filter:drop-shadow(0 0 80px #32cd32) contrast(0.4);opacity:0.3;transform:scale(0.6) rotate(90deg)}20%{filter:drop-shadow(0 0 100px #228b22) contrast(0.5);opacity:0.4;transform:scale(0.8) rotate(120deg)}25%{filter:drop-shadow(0 0 120px #006400) contrast(0.6);opacity:0.5;transform:scale(1) rotate(150deg)}30%{filter:drop-shadow(0 0 100px #32cd32) contrast(0.7) hue-rotate(45deg);opacity:0.6;transform:scale(1.1) rotate(180deg) skewX(5deg)}35%{filter:drop-shadow(0 0 80px #228b22) contrast(0.8) hue-rotate(90deg);opacity:0.7;transform:scale(1.05) rotate(210deg) skewX(-3deg)}40%{filter:drop-shadow(0 0 60px #006400) contrast(0.9) hue-rotate(135deg);opacity:0.75;transform:scale(1.02) rotate(240deg) skewX(2deg)}45%{filter:drop-shadow(0 0 40px #32cd32) contrast(1) hue-rotate(180deg);opacity:0.8;transform:scale(1.01) rotate(270deg) skewX(-1deg)}50%{filter:drop-shadow(0 0 20px #228b22) contrast(1.1) hue-rotate(225deg);opacity:0.85;transform:scale(1) rotate(300deg) skewX(0deg)}55%{filter:drop-shadow(0 0 30px #006400) contrast(1.2) hue-rotate(270deg) saturate(1.1);opacity:0.87;transform:scale(1.02) rotate(330deg) skewX(1deg)}60%{filter:drop-shadow(0 0 40px #32cd32) contrast(1.3) hue-rotate(315deg) saturate(1.2);opacity:0.89;transform:scale(1) rotate(360deg) skewX(0deg)}65%{filter:drop-shadow(0 0 50px #228b22) contrast(1.4) hue-rotate(0deg) saturate(1.3);opacity:0.91;transform:scale(1.01) rotate(30deg) skewX(-0.5deg)}70%{filter:drop-shadow(0 0 60px #006400) contrast(1.5) hue-rotate(45deg) saturate(1.4);opacity:0.92;transform:scale(1) rotate(0deg) skewX(0deg)}75%{filter:drop-shadow(0 0 70px #32cd32) contrast(1.6) hue-rotate(90deg) saturate(1.5);opacity:0.94;transform:scale(1) rotate(15deg) skewX(0.2deg)}80%{filter:drop-shadow(0 0 60px #228b22) contrast(1.7) hue-rotate(135deg) saturate(1.4);opacity:0.95;transform:scale(1) rotate(0deg) skewX(0deg)}85%{filter:drop-shadow(0 0 50px #006400) contrast(1.8) hue-rotate(180deg) saturate(1.3);opacity:0.96;transform:scale(1) rotate(8deg) skewX(0.1deg)}90%{filter:drop-shadow(0 0 40px #32cd32) contrast(1.9) hue-rotate(225deg) saturate(1.2);opacity:0.97;transform:scale(1) rotate(0deg) skewX(0deg)}95%{filter:drop-shadow(0 0 30px #228b22) contrast(2) hue-rotate(270deg) saturate(1.1);opacity:0.98;transform:scale(1) rotate(4deg) skewX(0.05deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg) skewX(0deg)}}@keyframes logo-return-digital-ascension-Qpgn0{0%{filter:drop-shadow(0 0 20px #dc143c) brightness(0.1);opacity:0;transform:scale(0.1) translateY(100px)}5%{filter:drop-shadow(0 0 40px #ff0000) brightness(0.2);opacity:0.1;transform:scale(0.2) translateY(80px)}10%{filter:drop-shadow(0 0 60px #b22222) brightness(0.3);opacity:0.2;transform:scale(0.4) translateY(60px)}15%{filter:drop-shadow(0 0 80px #dc143c) brightness(0.4);opacity:0.3;transform:scale(0.6) translateY(40px)}20%{filter:drop-shadow(0 0 100px #ff0000) brightness(0.5);opacity:0.4;transform:scale(0.8) translateY(20px)}25%{filter:drop-shadow(0 0 120px #b22222) brightness(0.6);opacity:0.5;transform:scale(1) translateY(0px)}30%{filter:drop-shadow(0 0 140px #dc143c) brightness(0.7) contrast(1.1);opacity:0.6;transform:scale(1.2) translateY(-10px) rotate(15deg)}35%{filter:drop-shadow(0 0 120px #ff0000) brightness(0.8) contrast(1.2);opacity:0.7;transform:scale(1.1) translateY(-5px) rotate(-10deg)}40%{filter:drop-shadow(0 0 100px #b22222) brightness(0.9) contrast(1.3);opacity:0.75;transform:scale(1.05) translateY(-2px) rotate(8deg)}45%{filter:drop-shadow(0 0 80px #dc143c) brightness(1) contrast(1.4);opacity:0.8;transform:scale(1.02) translateY(0px) rotate(-5deg)}50%{filter:drop-shadow(0 0 60px #ff0000) brightness(1.1) contrast(1.5);opacity:0.85;transform:scale(1) translateY(0px) rotate(0deg)}55%{filter:drop-shadow(0 0 70px #b22222) brightness(1.2) contrast(1.6) saturate(1.1);opacity:0.87;transform:scale(1.03) translateY(2px) rotate(3deg)}60%{filter:drop-shadow(0 0 80px #dc143c) brightness(1.3) contrast(1.7) saturate(1.2);opacity:0.89;transform:scale(1) translateY(0px) rotate(0deg)}65%{filter:drop-shadow(0 0 90px #ff0000) brightness(1.4) contrast(1.8) saturate(1.3);opacity:0.91;transform:scale(1.02) translateY(-1px) rotate(-2deg)}70%{filter:drop-shadow(0 0 100px #b22222) brightness(1.5) contrast(1.9) saturate(1.4);opacity:0.92;transform:scale(1) translateY(0px) rotate(0deg)}75%{filter:drop-shadow(0 0 110px #dc143c) brightness(1.6) contrast(2) saturate(1.5);opacity:0.94;transform:scale(1.01) translateY(1px) rotate(1deg)}80%{filter:drop-shadow(0 0 100px #ff0000) brightness(1.7) contrast(2.1) saturate(1.4);opacity:0.95;transform:scale(1) translateY(0px) rotate(0deg)}85%{filter:drop-shadow(0 0 90px #b22222) brightness(1.8) contrast(2.2) saturate(1.3);opacity:0.96;transform:scale(1) translateY(0.5px) rotate(0.5deg)}90%{filter:drop-shadow(0 0 80px #dc143c) brightness(1.9) contrast(2.3) saturate(1.2);opacity:0.97;transform:scale(1) translateY(0px) rotate(0deg)}95%{filter:drop-shadow(0 0 70px #ff0000) brightness(2) contrast(2.4) saturate(1.1);opacity:0.98;transform:scale(1) translateY(0.2px) rotate(0.2deg)}to{filter:none;opacity:0.9;transform:scale(1) translateY(0px) rotate(0deg)}}@keyframes logo-return-hacker-protocol-pTHHZ{0%{filter:drop-shadow(0 0 20px #ff1493) perspective(100px);opacity:0;transform:scale(0.1) rotateX(90deg)}5%{filter:drop-shadow(0 0 40px #ff69b4) perspective(100px);opacity:0.1;transform:scale(0.2) rotateX(72deg)}10%{filter:drop-shadow(0 0 60px #ffb6c1) perspective(100px);opacity:0.2;transform:scale(0.4) rotateX(54deg)}15%{filter:drop-shadow(0 0 80px #ffc0cb) perspective(100px);opacity:0.3;transform:scale(0.6) rotateX(36deg)}20%{filter:drop-shadow(0 0 100px #ff1493) perspective(100px);opacity:0.4;transform:scale(0.8) rotateX(18deg)}25%{filter:drop-shadow(0 0 120px #ff69b4) perspective(100px);opacity:0.5;transform:scale(1) rotateX(0deg)}30%{filter:drop-shadow(0 0 100px #ffb6c1) perspective(100px) hue-rotate(45deg);opacity:0.6;transform:scale(1.1) rotateX(-10deg) rotateY(15deg)}35%{filter:drop-shadow(0 0 80px #ffc0cb) perspective(100px) hue-rotate(90deg);opacity:0.7;transform:scale(1.05) rotateX(5deg) rotateY(-10deg)}40%{filter:drop-shadow(0 0 60px #ff1493) perspective(100px) hue-rotate(135deg);opacity:0.75;transform:scale(1.02) rotateX(0deg) rotateY(8deg)}45%{filter:drop-shadow(0 0 40px #ff69b4) perspective(100px) hue-rotate(180deg);opacity:0.8;transform:scale(1.01) rotateX(3deg) rotateY(-5deg)}50%{filter:drop-shadow(0 0 20px #ffb6c1) perspective(100px) hue-rotate(225deg);opacity:0.85;transform:scale(1) rotateX(0deg) rotateY(0deg)}55%{filter:drop-shadow(0 0 30px #ffc0cb) perspective(100px) hue-rotate(270deg) brightness(1.1);opacity:0.87;transform:scale(1.02) rotateX(-2deg) rotateY(3deg)}60%{filter:drop-shadow(0 0 40px #ff1493) perspective(100px) hue-rotate(315deg) brightness(1.2);opacity:0.89;transform:scale(1) rotateX(0deg) rotateY(0deg)}65%{filter:drop-shadow(0 0 50px #ff69b4) perspective(100px) hue-rotate(0deg) brightness(1.3);opacity:0.91;transform:scale(1.01) rotateX(1deg) rotateY(-2deg)}70%{filter:drop-shadow(0 0 60px #ffb6c1) perspective(100px) hue-rotate(45deg) brightness(1.4);opacity:0.92;transform:scale(1) rotateX(0deg) rotateY(0deg)}75%{filter:drop-shadow(0 0 70px #ffc0cb) perspective(100px) hue-rotate(90deg) brightness(1.5);opacity:0.94;transform:scale(1) rotateX(0.5deg) rotateY(1deg)}80%{filter:drop-shadow(0 0 60px #ff1493) perspective(100px) hue-rotate(135deg) brightness(1.4);opacity:0.95;transform:scale(1) rotateX(0deg) rotateY(0deg)}85%{filter:drop-shadow(0 0 50px #ff69b4) perspective(100px) hue-rotate(180deg) brightness(1.3);opacity:0.96;transform:scale(1) rotateX(0.2deg) rotateY(0.5deg)}90%{filter:drop-shadow(0 0 40px #ffb6c1) perspective(100px) hue-rotate(225deg) brightness(1.2);opacity:0.97;transform:scale(1) rotateX(0deg) rotateY(0deg)}95%{filter:drop-shadow(0 0 30px #ffc0cb) perspective(100px) hue-rotate(270deg) brightness(1.1);opacity:0.98;transform:scale(1) rotateX(0.1deg) rotateY(0.2deg)}to{filter:none;opacity:0.9;transform:scale(1) rotateX(0deg) rotateY(0deg)}}@keyframes logo-return-matrix-overload-iHc7f{0%{filter:drop-shadow(0 0 20px #00ff00) contrast(0.1) brightness(0.1);opacity:0;transform:scale(0.1)}2%{filter:drop-shadow(0 0 30px #00ff00) contrast(0.15) brightness(0.15);transform:scale(0.15) rotate(18deg)}4%{filter:drop-shadow(0 0 40px #00ff00) contrast(0.2) brightness(0.2);transform:scale(0.2) rotate(36deg)}6%{filter:drop-shadow(0 0 60px #00ff00) contrast(0.3) brightness(0.3);transform:scale(0.3) rotate(54deg)}8%{filter:drop-shadow(0 0 80px #00ff00) contrast(0.4) brightness(0.4);transform:scale(0.4) rotate(72deg)}10%{filter:drop-shadow(0 0 100px #00ff00) contrast(0.5) brightness(0.5);transform:scale(0.5) rotate(90deg)}12%{filter:drop-shadow(0 0 120px #00ff00) contrast(0.6) brightness(0.6);transform:scale(0.6) rotate(108deg)}14%{filter:drop-shadow(0 0 140px #00ff00) contrast(0.7) brightness(0.7);transform:scale(0.7) rotate(126deg)}16%{filter:drop-shadow(0 0 160px #00ff00) contrast(0.8) brightness(0.8);transform:scale(0.8) rotate(144deg)}18%{filter:drop-shadow(0 0 180px #00ff00) contrast(0.9) brightness(0.9);transform:scale(0.9) rotate(162deg)}20%{filter:drop-shadow(0 0 200px #00ff00) contrast(1) brightness(1);transform:scale(1) rotate(180deg)}25%{filter:drop-shadow(0 0 250px #ff0000) contrast(1.2) brightness(1.2) hue-rotate(60deg);transform:scale(1.2) rotate(210deg) skewX(5deg)}30%{filter:drop-shadow(0 0 220px #00ffff) contrast(1.1) brightness(1.1) hue-rotate(120deg);transform:scale(1.1) rotate(240deg) skewX(-3deg)}35%{filter:drop-shadow(0 0 190px #ff00ff) contrast(1.05) brightness(1.05) hue-rotate(180deg);transform:scale(1.05) rotate(270deg) skewX(2deg)}40%{filter:drop-shadow(0 0 160px #ffff00) contrast(1.02) brightness(1.02) hue-rotate(240deg);transform:scale(1.02) rotate(300deg) skewX(-1deg)}45%{filter:drop-shadow(0 0 130px #00ff00) contrast(1.01) brightness(1.01) hue-rotate(300deg);transform:scale(1.01) rotate(330deg) skewX(0.5deg)}50%{filter:drop-shadow(0 0 100px #ff0000) contrast(1) brightness(1) hue-rotate(0deg);transform:scale(1) rotate(360deg) skewX(0deg)}55%{filter:drop-shadow(0 0 120px #00ffff) contrast(1.03) brightness(1.03) hue-rotate(45deg) saturate(1.2);transform:scale(1.03) rotate(15deg) skewX(1deg)}60%{filter:drop-shadow(0 0 140px #ff00ff) contrast(1) brightness(1) hue-rotate(90deg) saturate(1.4);transform:scale(1) rotate(0deg) skewX(0deg)}65%{filter:drop-shadow(0 0 160px #ffff00) contrast(1.02) brightness(1.02) hue-rotate(135deg) saturate(1.6);transform:scale(1.02) rotate(-10deg) skewX(-0.5deg)}70%{filter:drop-shadow(0 0 180px #00ff00) contrast(1) brightness(1) hue-rotate(180deg) saturate(1.8);transform:scale(1) rotate(0deg) skewX(0deg)}75%{filter:drop-shadow(0 0 200px #ff0000) contrast(1.01) brightness(1.01) hue-rotate(225deg) saturate(2);transform:scale(1.01) rotate(5deg) skewX(0.2deg)}80%{filter:drop-shadow(0 0 180px #00ffff) contrast(1) brightness(1) hue-rotate(270deg) saturate(1.8);transform:scale(1) rotate(0deg) skewX(0deg)}85%{filter:drop-shadow(0 0 160px #ff00ff) contrast(1) brightness(1) hue-rotate(315deg) saturate(1.6);transform:scale(1) rotate(3deg) skewX(0.1deg)}90%{filter:drop-shadow(0 0 140px #ffff00) contrast(1) brightness(1) hue-rotate(0deg) saturate(1.4);transform:scale(1) rotate(0deg) skewX(0deg)}95%{filter:drop-shadow(0 0 120px #00ff00) contrast(1) brightness(1) hue-rotate(45deg) saturate(1.2);transform:scale(1) rotate(1deg) skewX(0.05deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg) skewX(0deg)}}@keyframes logo-return-cyber-revolution-ry0d8{0%{filter:drop-shadow(0 0 20px #ff6b6b) sepia(100%) hue-rotate(0deg);opacity:0;transform:scale(0.1) rotate(0deg)}5%{filter:drop-shadow(0 0 40px #4ecdc4) sepia(80%) hue-rotate(45deg);opacity:0.1;transform:scale(0.2) rotate(45deg)}10%{filter:drop-shadow(0 0 60px #45b7d1) sepia(60%) hue-rotate(90deg);opacity:0.2;transform:scale(0.4) rotate(90deg)}15%{filter:drop-shadow(0 0 80px #96ceb4) sepia(40%) hue-rotate(135deg);opacity:0.3;transform:scale(0.6) rotate(135deg)}20%{filter:drop-shadow(0 0 100px #ffeaa7) sepia(20%) hue-rotate(180deg);opacity:0.4;transform:scale(0.8) rotate(180deg)}25%{filter:drop-shadow(0 0 120px #dda0dd) sepia(0%) hue-rotate(225deg);opacity:0.5;transform:scale(1) rotate(225deg)}30%{filter:drop-shadow(0 0 140px #98d8c8) hue-rotate(270deg) brightness(1.1);opacity:0.6;transform:scale(1.2) rotate(270deg) skewY(10deg)}35%{filter:drop-shadow(0 0 120px #f7dc6f) hue-rotate(315deg) brightness(1.2);opacity:0.7;transform:scale(1.1) rotate(315deg) skewY(-5deg)}40%{filter:drop-shadow(0 0 100px #bb8fce) hue-rotate(0deg) brightness(1.3);opacity:0.75;transform:scale(1.05) rotate(360deg) skewY(3deg)}45%{filter:drop-shadow(0 0 80px #85c1e9) hue-rotate(45deg) brightness(1.4);opacity:0.8;transform:scale(1.02) rotate(45deg) skewY(-1deg)}50%{filter:drop-shadow(0 0 60px #f8c471) hue-rotate(90deg) brightness(1.5);opacity:0.85;transform:scale(1) rotate(0deg) skewY(0deg)}55%{filter:drop-shadow(0 0 70px #82e0aa) hue-rotate(135deg) brightness(1.6) contrast(1.1);opacity:0.87;transform:scale(1.03) rotate(22.5deg) skewY(2deg)}60%{filter:drop-shadow(0 0 80px #f1948a) hue-rotate(180deg) brightness(1.7) contrast(1.2);opacity:0.89;transform:scale(1) rotate(0deg) skewY(0deg)}65%{filter:drop-shadow(0 0 90px #85c1e9) hue-rotate(225deg) brightness(1.8) contrast(1.3);opacity:0.91;transform:scale(1.02) rotate(-15deg) skewY(-1deg)}70%{filter:drop-shadow(0 0 100px #bb8fce) hue-rotate(270deg) brightness(1.9) contrast(1.4);opacity:0.92;transform:scale(1) rotate(0deg) skewY(0deg)}75%{filter:drop-shadow(0 0 110px #f7dc6f) hue-rotate(315deg) brightness(2) contrast(1.5);opacity:0.94;transform:scale(1.01) rotate(10deg) skewY(0.5deg)}80%{filter:drop-shadow(0 0 100px #98d8c8) hue-rotate(0deg) brightness(1.9) contrast(1.4);opacity:0.95;transform:scale(1) rotate(0deg) skewY(0deg)}85%{filter:drop-shadow(0 0 90px #dda0dd) hue-rotate(45deg) brightness(1.8) contrast(1.3);opacity:0.96;transform:scale(1) rotate(5deg) skewY(0.2deg)}90%{filter:drop-shadow(0 0 80px #ffeaa7) hue-rotate(90deg) brightness(1.7) contrast(1.2);opacity:0.97;transform:scale(1) rotate(0deg) skewY(0deg)}95%{filter:drop-shadow(0 0 70px #96ceb4) hue-rotate(135deg) brightness(1.6) contrast(1.1);opacity:0.98;transform:scale(1) rotate(2.5deg) skewY(0.1deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg) skewY(0deg)}}@keyframes logo-return-ai-singularity-whmIs{0%{filter:drop-shadow(0 0 20px #e74c3c) brightness(0.1) contrast(0.1);opacity:0;transform:scale(0.1)}4%{filter:drop-shadow(0 0 40px #e67e22) brightness(0.2) contrast(0.2);transform:scale(0.2) rotate(30deg)}8%{filter:drop-shadow(0 0 60px #f1c40f) brightness(0.3) contrast(0.3);transform:scale(0.4) rotate(60deg)}12%{filter:drop-shadow(0 0 80px #2ecc71) brightness(0.4) contrast(0.4);transform:scale(0.6) rotate(90deg)}16%{filter:drop-shadow(0 0 100px #3498db) brightness(0.5) contrast(0.5);transform:scale(0.8) rotate(120deg)}20%{filter:drop-shadow(0 0 120px #9b59b6) brightness(0.6) contrast(0.6);transform:scale(1) rotate(150deg)}24%{filter:drop-shadow(0 0 140px #1abc9c) brightness(0.7) contrast(0.7);transform:scale(1.1) rotate(180deg) skewX(5deg)}28%{filter:drop-shadow(0 0 120px #e74c3c) brightness(0.8) contrast(0.8);transform:scale(1.05) rotate(210deg) skewX(-3deg)}32%{filter:drop-shadow(0 0 100px #e67e22) brightness(0.9) contrast(0.9);transform:scale(1.02) rotate(240deg) skewX(2deg)}36%{filter:drop-shadow(0 0 80px #f1c40f) brightness(1) contrast(1);transform:scale(1.01) rotate(270deg) skewX(-1deg)}40%{filter:drop-shadow(0 0 60px #2ecc71) brightness(1.1) contrast(1.1);transform:scale(1) rotate(300deg) skewX(0deg)}44%{filter:drop-shadow(0 0 70px #3498db) brightness(1.2) contrast(1.2) saturate(1.1);transform:scale(1.02) rotate(330deg) skewX(1deg)}48%{filter:drop-shadow(0 0 80px #9b59b6) brightness(1.3) contrast(1.3) saturate(1.2);transform:scale(1) rotate(360deg) skewX(0deg)}52%{filter:drop-shadow(0 0 90px #1abc9c) brightness(1.4) contrast(1.4) saturate(1.3);transform:scale(1.01) rotate(30deg) skewX(-0.5deg)}56%{filter:drop-shadow(0 0 100px #e74c3c) brightness(1.5) contrast(1.5) saturate(1.4);transform:scale(1) rotate(0deg) skewX(0deg)}60%{filter:drop-shadow(0 0 110px #e67e22) brightness(1.6) contrast(1.6) saturate(1.5);transform:scale(1) rotate(15deg) skewX(0.2deg)}64%{filter:drop-shadow(0 0 100px #f1c40f) brightness(1.7) contrast(1.7) saturate(1.4);transform:scale(1) rotate(0deg) skewX(0deg)}68%{filter:drop-shadow(0 0 90px #2ecc71) brightness(1.8) contrast(1.8) saturate(1.3);transform:scale(1) rotate(8deg) skewX(0.1deg)}72%{filter:drop-shadow(0 0 80px #3498db) brightness(1.9) contrast(1.9) saturate(1.2);transform:scale(1) rotate(0deg) skewX(0deg)}76%{filter:drop-shadow(0 0 70px #9b59b6) brightness(2) contrast(2) saturate(1.1);transform:scale(1) rotate(4deg) skewX(0.05deg)}80%{filter:drop-shadow(0 0 60px #1abc9c) brightness(2.1) contrast(2.1) saturate(1);transform:scale(1) rotate(0deg) skewX(0deg)}84%{filter:drop-shadow(0 0 50px #e74c3c) brightness(2.2) contrast(2.2) saturate(0.9);transform:scale(1) rotate(2deg) skewX(0.02deg)}88%{filter:drop-shadow(0 0 40px #e67e22) brightness(2.3) contrast(2.3) saturate(0.8);transform:scale(1) rotate(0deg) skewX(0deg)}92%{filter:drop-shadow(0 0 30px #f1c40f) brightness(2.4) contrast(2.4) saturate(0.7);transform:scale(1) rotate(1deg) skewX(0.01deg)}96%{filter:drop-shadow(0 0 20px #2ecc71) brightness(2.5) contrast(2.5) saturate(0.6);transform:scale(1) rotate(0deg) skewX(0deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg) skewX(0deg)}}@keyframes logo-return-quantum-reality-cFQUd{0%{filter:drop-shadow(0 0 20px #8b4513) blur(5px) brightness(0.1);opacity:0;transform:scale(0.1) rotate(0deg)}3%{filter:drop-shadow(0 0 30px #a0522d) blur(4px) brightness(0.15);transform:scale(0.15) rotate(36deg)}6%{filter:drop-shadow(0 0 40px #cd853f) blur(3px) brightness(0.2);transform:scale(0.2) rotate(72deg)}9%{filter:drop-shadow(0 0 60px #daa520) blur(2px) brightness(0.3);transform:scale(0.3) rotate(108deg)}12%{filter:drop-shadow(0 0 80px #ffd700) blur(1px) brightness(0.4);transform:scale(0.4) rotate(144deg)}15%{filter:drop-shadow(0 0 100px #ffff00) blur(0px) brightness(0.5);transform:scale(0.5) rotate(180deg)}18%{filter:drop-shadow(0 0 120px #ffd700) brightness(0.6) contrast(1.1);transform:scale(0.6) rotate(216deg)}21%{filter:drop-shadow(0 0 140px #daa520) brightness(0.7) contrast(1.2);transform:scale(0.7) rotate(252deg)}24%{filter:drop-shadow(0 0 160px #cd853f) brightness(0.8) contrast(1.3);transform:scale(0.8) rotate(288deg)}27%{filter:drop-shadow(0 0 180px #a0522d) brightness(0.9) contrast(1.4);transform:scale(0.9) rotate(324deg)}30%{filter:drop-shadow(0 0 200px #8b4513) brightness(1) contrast(1.5);transform:scale(1) rotate(360deg)}35%{filter:drop-shadow(0 0 220px #daa520) brightness(1.1) contrast(1.6) hue-rotate(45deg);transform:scale(1.2) rotate(30deg) skewX(5deg)}40%{filter:drop-shadow(0 0 200px #ffd700) brightness(1.2) contrast(1.7) hue-rotate(90deg);transform:scale(1.1) rotate(-20deg) skewX(-3deg)}45%{filter:drop-shadow(0 0 180px #ffff00) brightness(1.3) contrast(1.8) hue-rotate(135deg);transform:scale(1.05) rotate(15deg) skewX(2deg)}50%{filter:drop-shadow(0 0 160px #daa520) brightness(1.4) contrast(1.9) hue-rotate(180deg);transform:scale(1.02) rotate(-10deg) skewX(-1deg)}55%{filter:drop-shadow(0 0 140px #cd853f) brightness(1.5) contrast(2) hue-rotate(225deg);transform:scale(1.01) rotate(5deg) skewX(0.5deg)}60%{filter:drop-shadow(0 0 120px #a0522d) brightness(1.6) contrast(2.1) hue-rotate(270deg);transform:scale(1) rotate(0deg) skewX(0deg)}65%{filter:drop-shadow(0 0 100px #8b4513) brightness(1.7) contrast(2.2) hue-rotate(315deg) saturate(1.1);transform:scale(1.02) rotate(3deg) skewX(1deg)}70%{filter:drop-shadow(0 0 80px #daa520) brightness(1.8) contrast(2.3) hue-rotate(0deg) saturate(1.2);transform:scale(1) rotate(0deg) skewX(0deg)}75%{filter:drop-shadow(0 0 60px #ffd700) brightness(1.9) contrast(2.4) hue-rotate(45deg) saturate(1.3);transform:scale(1.01) rotate(-2deg) skewX(-0.5deg)}80%{filter:drop-shadow(0 0 40px #ffff00) brightness(2) contrast(2.5) hue-rotate(90deg) saturate(1.4);transform:scale(1) rotate(0deg) skewX(0deg)}85%{filter:drop-shadow(0 0 20px #daa520) brightness(2.1) contrast(2.6) hue-rotate(135deg) saturate(1.3);transform:scale(1) rotate(1deg) skewX(0.2deg)}90%{filter:drop-shadow(0 0 10px #cd853f) brightness(2.2) contrast(2.7) hue-rotate(180deg) saturate(1.2);transform:scale(1) rotate(0deg) skewX(0deg)}95%{filter:drop-shadow(0 0 5px #a0522d) brightness(2.3) contrast(2.8) hue-rotate(225deg) saturate(1.1);transform:scale(1) rotate(0.5deg) skewX(0.1deg)}to{filter:none;opacity:0.9;transform:scale(1) rotate(0deg) skewX(0deg)}}@keyframes message-float-Z6atg{0%,to{transform:translateX(-50%) translateY(0px)}50%{transform:translateX(-50%) translateY(-5px)}}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/styles.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
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 {
  bottom: initial;
  background: transparent;
  overflow: visible;
}
.player-container-wIELK .layer-qalDW.nav-bar-layer-r9HT5::before {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  z-index: -1;
  box-shadow: 0 0 8rem 6rem hsl(0, 0%, 0%);
  content: "";
}
.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 {
  top: initial;
  overflow: visible;
}
.player-container-wIELK .layer-qalDW.control-bar-layer-m2jto::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  box-shadow: 0 0 8rem 8rem hsl(0, 0%, 0%);
  content: "";
}
.player-container-wIELK .layer-qalDW.indicator-layer-EpiA6 {
  top: initial;
  left: 0;
  right: 0;
  bottom: 10rem;
}
.player-container-wIELK .layer-qalDW.menu-layer-HZFG9 {
  top: initial;
  left: initial;
  right: 4rem;
  bottom: 8rem;
  max-height: calc(100% - 13.5rem);
  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;
  }
}
.player-container-wIELK .layer-qalDW-gWWg1 {
  display: none !important;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/Video/styles.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.video-container-v9_vA .video-tkpQm {
  width: 100%;
  height: 100%;
}
.video-container-v9_vA .video-tkpQm * {
  font-size: inherit;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Player/Indicator/Indicator.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/routes/Intro/styles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************/
.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 .heading-container-oI70m .slogan-container-UlcYd .slogan-part2-p6Rnd {
  font-style: italic;
  animation: colorChange-KjOSm 10s linear infinite;
}
@keyframes colorChange-KjOSm {
  0% {
    color: #ff0000;
  }
  33% {
    color: #00ff00;
  }
  66% {
    color: #0000ff;
  }
  100% {
    color: #ff0000;
  }
}
.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 .form-button-vyqqj .uppercase-UbR3f {
  text-transform: uppercase;
}
.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: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.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;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/App/ErrorDialog/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.error-container-OJnoc {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.error-container-OJnoc .error-image-qU9Qo {
  flex: none;
  width: 12rem;
  height: 12rem;
  object-fit: contain;
  object-position: center;
  opacity: 0.9;
}
.error-container-OJnoc .error-message-kW59Z {
  flex: none;
  padding: 0 3rem;
  font-size: 2rem;
  max-height: 3.6em;
  text-align: center;
  color: var(--primary-foreground-color);
}
.error-container-OJnoc .buttons-container-tQonN {
  flex: none;
  align-self: stretch;
  margin: 0 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  margin-top: 1rem;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 0 2.5rem;
  min-width: 8rem;
  height: 3.5rem;
  border-radius: 3.5rem;
  background-color: var(--overlay-color);
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:hover {
  outline: var(--focus-outline-size) solid var(--primary-foreground-color);
  background-color: transparent;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK:active {
  outline: none;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK.disabled {
  opacity: 0.3;
}
.error-container-OJnoc .buttons-container-tQonN .button-container-vLSQK .label-Up_te {
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  max-height: 2.4em;
  font-size: 1.1rem;
  font-weight: 500;
  text-align: center;
  color: var(--primary-foreground-color);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/thread-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[2].use[4]!./src/App/styles.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'PlusJakartaSans';
  src: url(../../dev/fonts/PlusJakartaSans.ttf) format('truetype');
}
 {
  /* Copyright (C) 2017-2023 Smart code 203358507 */
}
.animation-fade-in {
  animation-timing-function: ease-in-out;
  animation-duration: 350ms;
}
.animation-fade-in {
  animation-name: fade-in-pFkt_;
}
@media (prefers-reduced-motion) {
  .animation-fade-in {
    animation-name: fade-in-no-motion-lYmxL;
  }
}
@keyframes fade-in-pFkt_ {
  0% {
    opacity: 0;
    transform: translateY(4px);
  }
  40% {
    opacity: 0;
    transform: translateY(4px);
  }
  70% {
    opacity: 0.6;
    transform: translateY(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animation-slide-up {
  animation-timing-function: ease-out;
  animation-duration: 0.1s;
}
.animation-slide-up {
  animation-name: slide-up-lSxrC;
}
@keyframes slide-up-lSxrC {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.slide-left-enter {
  transform: translateX(100%);
}
.slide-left-active {
  transform: translateX(0%);
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.slide-left-exit {
  transform: translateX(100%);
}
.slide-up-enter {
  transform: translateY(100%);
}
.slide-up-active {
  transform: translateY(0%);
  transition: transform 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.slide-up-exit {
  transform: translateY(100%);
}
.fade-enter {
  opacity: 0;
}
.fade-active {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
.fade-exit {
  opacity: 0;
}
@keyframes fade-in-no-motion-lYmxL {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
.routes-container {
  position: relative;
  z-index: 0;
}
.routes-container .route-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.routes-container .route-container:not(:last-child) {
  display: none;
}
.routes-container .route-container .route-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
}
.routes-container .route-container .modals-container {
  width: 0;
  height: 0;
}
.routes-container .route-container .modals-container .modal-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
}
:root {
  --landscape-shape-ratio: 0.5625;
  --poster-shape-ratio: 1.464;
  --scroll-bar-size: 6px;
  --horizontal-nav-bar-size: 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: #ED2224;
  --color-placeholder: #60606080;
  --color-placeholder-text: hsla(0, 0%, 75%, 0.5);
  --color-placeholder-background: hsla(0, 0%, 50%, 0.2);
  --primary-background-color: #0f0819;
  --secondary-background-color: #230f37;
  --tertiary-background-color: #140a23;
  --cyberpunk-accent-1: rgba(138, 43, 226, 0.8);
  --cyberpunk-accent-2: rgba(147, 112, 219, 0.6);
  --cyberpunk-accent-3: rgba(186, 85, 211, 0.4);
  --primary-foreground-color: rgba(255, 255, 255, 0.9);
  --secondary-foreground-color: #0c0b11;
  --primary-accent-color: #7b5bf5;
  --secondary-accent-color: #4b0082;
  --tertiary-accent-color: #4b0082;
  --quaternary-accent-color: #1245a6;
  --overlay-color: rgba(255, 255, 255, 0.05);
  --modal-background-color: #0f0d20;
  --outer-glow: 0px 0px 15px rgba(123, 91, 245, 0.37);
  --warning-accent-color: #ffa500;
  --danger-accent-color: #dc2626;
  --border-radius: 0.75rem;
  --top-overlay-size: 5.25rem;
  --bottom-overlay-size: 0rem;
  --overlap-size: 3rem;
  --transparency-grandient-pad: 6rem;
  --safe-area-inset-top: env(safe-area-inset-top, 0rem);
  --safe-area-inset-right: env(safe-area-inset-right, 0rem);
  --safe-area-inset-bottom: env(safe-area-inset-bottom, 0rem);
  --safe-area-inset-left: env(safe-area-inset-left, 0rem);
  --dynamic-viewport-width: 100vw;
  --dynamic-viewport-height: 100vh;
  --large-viewport-width: 100vw;
  --large-viewport-height: 100vh;
  --small-viewport-width: 100vw;
  --small-viewport-height: 100vh;
  --viewport-height-diff: calc(100vh - 100vh);
}
@supports (height: 100dvh) {
  :root {
    --dynamic-viewport-width: 100dvw;
    --dynamic-viewport-height: 100dvh;
  }
}
@supports (height: 100lvh) {
  :root {
    --large-viewport-width: 100lvw;
    --large-viewport-height: 100lvh;
  }
}
@supports (height: 100svh) {
  :root {
    --small-viewport-width: 100svw;
    --small-viewport-height: 100svh;
  }
}
@supports (height: 100lvh) and (height: 100svh) {
  :root {
    --viewport-height-diff: calc(100lvh - 100svh);
  }
}
@media (display-mode: standalone) {
  :root {
    --safe-area-inset-bottom: min(env(safe-area-inset-bottom, 0rem), max(1rem, calc(var(--viewport-height-diff) - env(safe-area-inset-top, 0rem))));
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1rem;
  font-family: 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: 'PlusJakartaSans', 'Arial', 'Helvetica', 'sans-serif';
  overflow: auto;
  overscroll-behavior: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
@media (display-mode: standalone) {
  html {
    width: calc(max(100%, var(--small-viewport-width)));
    height: calc(max(100%, var(--small-viewport-height)));
  }
}
html body {
  width: 100%;
  height: 100%;
  background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 50%, var(--tertiary-background-color) 100%);
  animation: cyberpunk-background-E_Dox 20s ease-in-out infinite;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
html body .cyberpunk-particles-lnQMu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
html body::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at 20% 80%, var(--cyberpunk-accent-1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, var(--cyberpunk-accent-2) 0%, transparent 50%), radial-gradient(circle at 40% 40%, var(--cyberpunk-accent-3) 0%, transparent 50%);
  animation: cyberpunk-glow-V3tJQ 15s ease-in-out infinite alternate;
  pointer-events: none;
}
html body::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, transparent 30%, rgba(138, 43, 226, 0.1) 50%, transparent 70%), linear-gradient(-45deg, transparent 30%, rgba(147, 112, 219, 0.1) 50%, transparent 70%);
  animation: cyberpunk-scanlines-fHcQU 8s linear infinite;
  pointer-events: none;
}
html body .cyberpunk-particles-lnQMu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}
html body .cyberpunk-particles-lnQMu::before {
  content: '01011000 00110000';
  position: absolute;
  top: 10%;
  left: 5%;
  color: rgba(138, 43, 226, 0.3);
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  font-weight: bold;
  text-shadow: 0 0 10px rgba(138, 43, 226, 0.5);
  animation: cyberpunk-code-float-jRUSv 25s linear infinite;
  white-space: nowrap;
}
html body .cyberpunk-particles-lnQMu::after {
  content: '01011000 00110000';
  position: absolute;
  bottom: 15%;
  right: 8%;
  color: rgba(147, 112, 219, 0.3);
  font-family: 'Courier New', monospace;
  font-size: 0.7rem;
  font-weight: bold;
  text-shadow: 0 0 8px rgba(147, 112, 219, 0.5);
  animation: cyberpunk-code-float-reverse-eJXFX 30s linear infinite;
  white-space: nowrap;
}
html body #app {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
}
html body #app .toasts-container-oKECy {
  position: absolute;
  top: calc(1.2 * var(--horizontal-nav-bar-size) + var(--safe-area-inset-top));
  right: var(--safe-area-inset-right);
  bottom: calc(1.2 * var(--horizontal-nav-bar-size) + var(--safe-area-inset-bottom, 0rem));
  left: auto;
  z-index: 1;
  padding: 0 calc(0.5 * var(--horizontal-nav-bar-size));
  overflow: visible;
  scrollbar-width: none;
  pointer-events: none;
}
html body #app .toasts-container-oKECy::-webkit-scrollbar {
  display: none;
}
html body #app .tooltip-container-Qpse8 {
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.5rem;
  font-size: 1rem;
  color: var(--primary-foreground-color);
  border-radius: var(--border-radius);
  background-color: var(--modal-background-color);
  box-shadow: var(--outer-glow);
  transition: opacity 0.1s ease-out;
}
html body #app .file-drop-container-gHJoy {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1rem;
  border: 0.5rem dashed transparent;
  pointer-events: none;
  transition: border-color 0.25s ease-out;
}
html body #app .file-drop-container-gHJoy.active {
  border-color: var(--primary-accent-color);
}
html body #app .updater-banner-container-Bk1mq {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
html body #app .router-_65XU {
  width: 100%;
  height: 100%;
}
html body #app .loader-container-vwvnb,
html body #app .error-container-VZXwH {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 2800px) {
  html {
    font-size: 18px;
  }
}
@media only screen and (max-width: 2800px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 2200px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1600px) {
  html {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1000px) {
  html body #app .toasts-container-oKECy {
    padding: 0 1rem;
  }
  html body #app .tooltip-container-Qpse8 {
    display: none;
  }
}
@keyframes cyberpunk-background-E_Dox {
  0% {
    background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 50%, var(--tertiary-background-color) 100%);
  }
  25% {
    background: linear-gradient(41deg, var(--tertiary-background-color) 0%, var(--primary-background-color) 50%, var(--secondary-background-color) 100%);
  }
  50% {
    background: linear-gradient(41deg, var(--secondary-background-color) 0%, var(--tertiary-background-color) 50%, var(--primary-background-color) 100%);
  }
  75% {
    background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 50%, var(--tertiary-background-color) 100%);
  }
  100% {
    background: linear-gradient(41deg, var(--primary-background-color) 0%, var(--secondary-background-color) 50%, var(--tertiary-background-color) 100%);
  }
}
@keyframes cyberpunk-glow-V3tJQ {
  0% {
    opacity: 0.3;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.1);
  }
  100% {
    opacity: 0.3;
    transform: scale(1);
  }
}
@keyframes cyberpunk-scanlines-fHcQU {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}
@keyframes cyberpunk-code-float-jRUSv {
  0% {
    transform: translateX(-100%) translateY(0px);
    opacity: 0;
  }
  10% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.6;
  }
  100% {
    transform: translateX(100vw) translateY(-20px);
    opacity: 0;
  }
}
@keyframes cyberpunk-code-float-reverse-eJXFX {
  0% {
    transform: translateX(100%) translateY(0px);
    opacity: 0;
  }
  10% {
    opacity: 0.5;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    transform: translateX(-100vw) translateY(15px);
    opacity: 0;
  }
}
@media only screen and (max-width: 640px) {
  :root {
    --bottom-overlay-size: 6rem;
  }
}

