@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
:root {
  --my-color: #495E76;
}

* {
  /* font-family: "Segoe UI Variable", verdana; */
  /* font-size: 0.95em; */
  /* overflow: hidden; */
}
 #cmdcont input {
      background: transparent;
      border: none;
      outline: none;
      color: #0f0;
      font-family: Consolas, monospace;
      font-size: 14px;
      width: 100%;
      padding: 0;
      margin-left: 5px;
    }
.desktop {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /* background: url(https://cdn.wallpaperhub.app/cloudcache/4/4/7/5/e/7/4475e73c885921925f61fcf123c7c8c1f93e1c0c.jpg); */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.desktop .grid .icon {
  cursor: default;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 80px;
  padding: 0.7em;
  margin: 1em;
  border-radius: 5px;
  color: #FFF;
  text-shadow: 0 0 4px #000, 0 2px 2px #000;
}
.desktop .grid .icon img {
  display: block;
  width: 42px;
  margin-bottom: 0.5em;
}
.desktop .grid .icon div {
  text-align: center;
  padding: 0 0.25em;
}
.desktop .grid .icon:hover {
  background: rgba(255, 255, 255, 0.2);
}
.desktop .grid .icon:active {
  background: rgba(255, 255, 255, 0.3);
}

#taskbar {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 48px;
  width: 100%;
  background: rgba(223, 237, 238, 0.98);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
#taskbar * {
  user-select: none;
}
#taskbar .left {
  margin-left: 0.4em;
}
#taskbar .left .weather {
  cursor: default;
  width: max-content !important;
  padding: 0 0.5em;
  font-size: 0.85em;
}
#taskbar .left .weather img {
  margin-right: 1em;
}
#taskbar .icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
#taskbar .icons .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  border-radius: 5px;
  margin: 0 0.25em;
  margin-bottom: 1px;
  transition: all 0.1s ease-in-out;
}
#taskbar .icons .icon:hover {
  background: rgba(255, 255, 255, 0.45);
  border: 1px solid rgba(0, 0, 0, 0.06);
}
#taskbar .icons .icon:not(.weather):active {
  background: rgba(255, 255, 255, 0.2);
}
#taskbar .icons .icon:not(.weather):active .icon-img:not(.smaller) {
  height: 22px;
  width: 22px;
}
#taskbar .icons .icon .icon-img {
  background-position: center center;
  background-size: 100%;
  height: 30px;
  width: 30px;
  transition: all 0.2s ease-in-out;
}
#taskbar .icons .icon.windows .icon-img {
  background-image: url(https://i.postimg.cc/ZBc8Vjp6/startbutton.png);
  background-size: 80%;
  background-repeat: no-repeat;
}
#taskbar .system-tray {
  margin-right: 0.4em;
}
#taskbar .system-tray .icon {
  margin: 0 0.25em;
}
#taskbar .system-tray .icon .icon-img.smaller {
  height: 16px;
  width: 16px;
}
#taskbar .system-tray .time {
  cursor: default;
  width: max-content !important;
  text-align: right;
  font-size: 0.85em;
  line-height: 17px;
  padding: 0 0.5em;
}

#widgets {
  display: none;
  position: absolute;
  left: 0;
  top: 1em;
  height: calc(100vh - 48px - 2em);
  width: 45%;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 1em;
  backdrop-filter: blur(1.5em);
  z-index: 999;
}
#widgets.active {
  left: 1em;
}
#widgets .profile-time {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 1em;
}
#widgets .profile-time .time {
  cursor: default;
  text-align: center;
  font-size: 2em;
  width: 100%;
}
#widgets .profile-time .profile {
  cursor: pointer;
  border-radius: 5px;
  padding: 0.5em;
  background: rgba(255, 255, 255, 0.4);
  max-width: 45px;
}
#widgets .profile-time .profile:hover {
  background: rgba(255, 255, 255, 0.6);
}
#widgets .profile-time .profile img {
  border-radius: 100%;
  width: 100%;
  max-width: 45px;
}
#widgets .web-search {
  margin: 1em 3em;
}
#widgets .web-search input {
  opacity: 0.7;
  font-size: 0.9em;
  border: 0;
  width: 100%;
  padding: 0.75em 0.5em;
  padding-left: 3em;
  border: 0;
  border-radius: 5px;
  background: url(https://i.postimg.cc/sQhNwhRD/search-r.png) #FFF;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 10px center;
}
#widgets .web-search input:hover {
  opacity: 0.65;
}
#widgets .web-search input:focus {
  opacity: 1;
  outline: 0;
  border-bottom: 2px solid #0078D7;
}

#option-menu {
  --width: 300px;
  position: absolute;
  bottom: 5.4%;
  right: 10px;
  height: 20%;
  width: var(--width);
  background: rgba(224, 235, 245, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: space-between;
  z-index: 999;
}
#option-menu * {
  user-select: none;
}
#option-menu.active {
  opacity: 1;
  pointer-events: initial;
  animation: slideUp 0.2s;
}
#option-menu.inactive {
  opacity: 0;
  pointer-events: none;
  animation: slideDown 0.2s;
}
#option-menu .search,
#option-menu .pinned,
#option-menu .recommended,
#option-menu .user {
  flex: 1;
}
#option-menu .search {
  background: rgba(255, 255, 255, 0.35);
  padding: 2em;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  max-height: 15%;
}
#option-menu .search input {
  background: #FFF url(https://bit.ly/3KSkG88);
  background-size: 20px;
  background-position: 1.25em center;
  background-repeat: no-repeat;
  font-size: 0.9em;
  width: 100%;
  padding: 0.8em;
  padding-left: 4em;
  border: 1px solid #DDD;
  border-bottom: 2px solid var(--my-color);
  border-radius: 5px;
}
#option-menu .search input:focus {
  outline: 0 !important;
}
#option-menu .pinned, #option-menu .recommended {
  background: rgba(255, 255, 255, 0.35);
  padding: 0 3em;
  height: 100%;
}
#option-menu .pinned .header, #option-menu .recommended .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 2em;
  margin-bottom: 1em;
}
#option-menu .pinned .header .header-b, #option-menu .recommended .header .header-b {
  font-size: 1.1em;
}
#option-menu .pinned .header .all-apps .btn, #option-menu .recommended .header .all-apps .btn {
  padding: 0.25em 0.75em;
  font-size: 0.9em;
  border: 1px solid #DDD;
  border-bottom: 1px solid #BBB;
}
#option-menu .pinned .header .all-apps .btn:hover, #option-menu .recommended .header .all-apps .btn:hover {
  background: rgba(255, 255, 255, 0.5);
}
#option-menu .pinned .header .all-apps .btn:focus, #option-menu .recommended .header .all-apps .btn:focus {
  box-shadow: 0 0 0 transparent;
}
#option-menu .pinned .header .all-apps .btn:active, #option-menu .recommended .header .all-apps .btn:active {
  border: 1px solid #DDD;
  opacity: 0.7;
}
#option-menu .pinned .grid, #option-menu .recommended .grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
#option-menu .pinned .grid .icon, #option-menu .recommended .grid .icon {
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
  max-width: 100px;
  padding: 1em;
  border-radius: 5px;
  white-space: nowrap;
}
#option-menu .pinned .grid .icon div, #option-menu .recommended .grid .icon div {
  text-align: center;
}
#option-menu .pinned .grid .icon:hover, #option-menu .recommended .grid .icon:hover {
  background: rgba(255, 255, 255, 0.7);
}
#option-menu .pinned .grid .icon:active img, #option-menu .recommended .grid .icon:active img {
  transform: scale(0.85);
}
#option-menu .pinned .grid .icon img, #option-menu .recommended .grid .icon img {
  display: block;
  max-width: 40px;
  margin-bottom: 5px;
  transition: all 0.1s ease-in-out;
}
#option-menu .recommended {
  max-height: 20%;
}
#option-menu .recommended .grid {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-left: 1em;
}
#option-menu .recommended .grid .icon {
  flex-direction: row;
  justify-content: left;
  max-width: initial;
  padding: 0.5em 1em;
}
#option-menu .recommended .grid .icon img {
  margin-right: 1em;
}
#option-menu .user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8em;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 1em 3em;
  max-height: 10%;
}
#option-menu .user .avatar {
  cursor: default;
  padding: 0.25em 1em;
  border-radius: 5px;
}
#option-menu .user .avatar img {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  width: 40px;
  margin-right: 1em;
}
#option-menu .user .avatar:hover {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
#option-menu .user .avatar:active {
  background: rgba(255, 255, 255, 0.5);
}
#option-menu .user .icons .icon {
  text-align: center;
  border-radius: 5px;
  padding: 1em;
}
#option-menu .user .icons .icon:hover {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
#option-menu .user .icons .icon:active {
  background: rgba(255, 255, 255, 0.5);
}

#start-menu {
  --width: 600px;
  position: absolute;
  bottom: 6.5%;
  left: calc(50% - (var(--width) / 2));
  height: 80%;
  width: var(--width);
  background: rgba(224, 235, 245, 0.98);
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: space-between;
  z-index: 999;
}
#start-menu * {
  user-select: none;
}
#start-menu.active {
  opacity: 1;
  pointer-events: initial;
  animation: slideUp 0.2s;
}
#start-menu.inactive {
  opacity: 0;
  pointer-events: none;
  animation: slideDown 0.2s;
}
#start-menu .search,
#start-menu .pinned,
#start-menu .recommended,
#start-menu .user {
  flex: 1;
}
#start-menu .search {
  background: rgba(255, 255, 255, 0.35);
  padding: 2em;
  text-align: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  max-height: 15%;
}
#start-menu .search input {
  background: #FFF url(https://bit.ly/3KSkG88);
  background-size: 20px;
  background-position: 1.25em center;
  background-repeat: no-repeat;
  font-size: 0.9em;
  width: 100%;
  padding: 0.8em;
  padding-left: 4em;
  border: 1px solid #DDD;
  border-bottom: 2px solid var(--my-color);
  border-radius: 5px;
}
#start-menu .search input:focus {
  outline: 0 !important;
}
#start-menu .pinned, #start-menu .recommended {
  background: rgba(255, 255, 255, 0.35);
  padding: 0 3em;
  height: 100%;
}
#start-menu .pinned .header, #start-menu .recommended .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 2em;
  margin-bottom: 1em;
}
#start-menu .pinned .header .header-b, #start-menu .recommended .header .header-b {
  font-size: 1.1em;
}
#start-menu .pinned .header .all-apps .btn, #start-menu .recommended .header .all-apps .btn {
  padding: 0.25em 0.75em;
  font-size: 0.9em;
  border: 1px solid #DDD;
  border-bottom: 1px solid #BBB;
}
#start-menu .pinned .header .all-apps .btn:hover, #start-menu .recommended .header .all-apps .btn:hover {
  background: rgba(255, 255, 255, 0.5);
}
#start-menu .pinned .header .all-apps .btn:focus, #start-menu .recommended .header .all-apps .btn:focus {
  box-shadow: 0 0 0 transparent;
}
#start-menu .pinned .header .all-apps .btn:active, #start-menu .recommended .header .all-apps .btn:active {
  border: 1px solid #DDD;
  opacity: 0.7;
}
#start-menu .pinned .grid, #start-menu .recommended .grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
#start-menu .pinned .grid .icon, #start-menu .recommended .grid .icon {
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.9em;
  max-width: 100px;
  padding: 1em;
  border-radius: 5px;
  white-space: nowrap;
}
#start-menu .pinned .grid .icon div, #start-menu .recommended .grid .icon div {
  text-align: center;
}
#start-menu .pinned .grid .icon:hover, #start-menu .recommended .grid .icon:hover {
  background: rgba(255, 255, 255, 0.7);
}
#start-menu .pinned .grid .icon:active img, #start-menu .recommended .grid .icon:active img {
  transform: scale(0.85);
}
#start-menu .pinned .grid .icon img, #start-menu .recommended .grid .icon img {
  display: block;
  max-width: 40px;
  margin-bottom: 5px;
  transition: all 0.1s ease-in-out;
}
#start-menu .recommended {
  max-height: 20%;
}
#start-menu .recommended .grid {
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  margin-left: 1em;
}
#start-menu .recommended .grid .icon {
  flex-direction: row;
  justify-content: left;
  max-width: initial;
  padding: 0.5em 1em;
}
#start-menu .recommended .grid .icon img {
  margin-right: 1em;
}
#start-menu .user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.8em;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding: 1em 3em;
  max-height: 10%;
}
#start-menu .user .avatar {
  cursor: default;
  padding: 0.25em 1em;
  border-radius: 5px;
}
#start-menu .user .avatar img {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  width: 40px;
  margin-right: 1em;
}
#start-menu .user .avatar:hover {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
#start-menu .user .avatar:active {
  background: rgba(255, 255, 255, 0.5);
}
#start-menu .user .icons .icon {
  text-align: center;
  border-radius: 5px;
  padding: 1em;
}
#start-menu .user .icons .icon:hover {
  background: rgba(255, 255, 255, 0.7);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}
#start-menu .user .icons .icon:active {
  background: rgba(255, 255, 255, 0.5);
}

.context {
  display: none;
  position: absolute;
  padding: 0.25em;
  /* background: #F3F7FB; */
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  /* border-radius: 7px; */
  /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
  user-select: none;
  z-index: 9999;
  width:350px;
}
.context hr {
  border-top: 1px solid rgba(0, 0, 0, 0.02);
  margin: 0.25em -0.25em;
}
.context .item {
  cursor: default;
  display: flex;
  align-items: center;
  padding: 0.5em 1em;
  border-radius: 5px;
  white-space: no-wrap;
}
.context .item:hover {
  background: rgba(0, 0, 0, 0.05);
}
.context .item:active {
  background: rgba(0, 0, 0, 0.025);
}
.context .item img {
  min-width: 16px;
  margin-right: 1em;
}

.explorer .topone{
	resize: vertical;
}

.explorer {
  resize: none; /* Désactiver la redimension par défaut */
  overflow: auto;
}

.explorer:hover .leftone {
  resize: horizontal; /* Activer la redimension horizontale lors du survol */
}
.explorer {
    position: absolute;
    display: flex;
    flex-direction: column;
    top: 15%;
    left: 15%;
    height: 580px;
    width: 720px;
    min-width: 37%;
    min-height: 25%;
    /* background: #F0F4F7; */
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    user-select: none;
    /* resize: both; */
    animation: windowFadeIn 0.2s;
    overflow: hidden;
}
.explorer.fadeOut {
  animation: windowFadeOut 0.2s;
}
.explorer.maximized {
  height: calc(100vh - 48px) !important;
  width: 100vw !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 0;
  resize: none;
}
.explorer.maximized .titlebar {
  overflow: hidden;
  white-space: nowrap;
  border-radius: 0;
}
.explorer.maximized .titlebar .btn {
  border-radius: 0 !important;
}
.explorer .titlebar, .explorer .contents {
  flex: 1;
}
.explorer .titlebar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-height: 30px;
}
.explorer .titlebar .title {
  padding: 0.5em;
}
.explorer .titlebar .title img {
  width: 16px;
  margin-top: -5px;
  margin-right: 0.25em;
}
.explorer .titlebar .buttons {
  display: flex;
  align-items: center;
  margin-top: -2px;
}
.explorer .titlebar .buttons .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  width: 45px;
  transition: all 0.2s ease-in-out;
}
.explorer .titlebar .buttons .btn:hover {
  background: rgba(0, 0, 0, 0.1);
}
.explorer .titlebar .buttons .btn.minimize {
  border-radius: 0;
  font-size: 0.9em;
}
.explorer .titlebar .buttons .btn.maximize {
  border-radius: 0;
}
.explorer .titlebar .buttons .btn.close {
  border-radius: 0;
  border-top-right-radius: 10px;
  font-size: 2em;
}
.explorer .titlebar .buttons .btn.close:hover {
  color: #FFF;
  background: #C42B1C;
}
.explorer .toolbar1 {
  padding: 0.5em;
}
.explorer .toolbar1 .buttons {
  display: flex;
  align-items: center;
  padding: 0.3em 0.5em;
}
.explorer .toolbar1 .buttons .button {
  padding: 0.5em 0.75em;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}
.explorer .toolbar1 .buttons .button h6 {
  display: inline;
  font-size: 0.7em;
  color: #AAA;
  font-weight: bolder;
  margin-left: 0.55em;
}
.explorer .toolbar1 .buttons .button:not([disabled]):hover {
  background: rgba(0, 0, 0, 0.05);
}
.explorer .toolbar1 .buttons .button:not([disabled]):active {
  filter: opacity(0.8);
}
.explorer .toolbar1 .buttons .button img {
  margin: 0 auto;
  width: 24px;
  height: 24px;
}
.explorer .toolbar1 .buttons .button img.new {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -1px -1px;
}
.explorer .toolbar1 .buttons .button img.cut {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -27px -1px;
}
.explorer .toolbar1 .buttons .button img.copy {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -1px -27px;
}
.explorer .toolbar1 .buttons .button img.paste {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -27px -27px;
}
.explorer .toolbar1 .buttons .button img.rename {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -53px -1px;
}
.explorer .toolbar1 .buttons .button img.share {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -53px -27px;
}
.explorer .toolbar1 .buttons .button img.delete {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -1px -53px;
}
.explorer .toolbar1 .buttons .button img.sort {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -27px -53px;
}
.explorer .toolbar1 .buttons .button img.view {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -53px -53px;
}
.explorer .toolbar1 .buttons .button img.etc {
  background: url(https://i.postimg.cc/L6W8YvcN/css-sprites.png) -79px -1px;
}
.explorer .toolbar1 .buttons .seperator {
  min-width: 1px;
  height: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.5em 0.25em;
  margin-right: 0.75em;
}
.explorer .toolbar2 {
  display: flex;
  align-items: center;
  background: #FFF;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding: 0.25em;
}
.explorer .toolbar2 div {
  margin: 0.5em;
}
.explorer .toolbar2 .nav-bar {
  display: flex;
  align-items: center;
  margin: 0 !important;
}
.explorer .toolbar2 .nav-bar .button {
  width: 33px;
  height: 32px;
  min-width: 33px;
  background-color: transparent;
  background-repeat: no-repeat;
  border: 1px solid transparent;
  border-radius: 5px;
  margin: 0.25em;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
}
.explorer .toolbar2 .nav-bar .button.or {
  min-width: 16px !important;
  max-width: 16px !important;
  font-size: 0.65em;
  margin-bottom: -15px !important;
}
.explorer .toolbar2 .nav-bar .button:not(.or) {
  background-image: url(https://i.postimg.cc/d0hLPc2m/css-sprites-1.png);
}
.explorer .toolbar2 .nav-bar .button:hover {
  opacity: 1;
}
.explorer .toolbar2 .nav-bar .button.hoverable:hover {
  background-color: #E5F3FF;
  border: 1px solid #CCE8FF;
}
.explorer .toolbar2 .nav-bar .button:active {
  opacity: 0.6;
}
.explorer .toolbar2 .nav-bar .button.prev {
  background-position: -10px -10px;
}
.explorer .toolbar2 .nav-bar .button.next {
  background-position: -63px -10px;
}
.explorer .toolbar2 .nav-bar .button.up {
  background-position: -10px -62px;
}
.explorer .toolbar2 .address-bar {
  flex: 1;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1.25em;
}
.explorer .toolbar2 .search-bar {
  border: 1px solid rgba(0, 0, 0, 0.1);
  min-width: 25%;
}
.explorer .toolbar2 .search-bar input {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  padding: 0.5em;
  padding-left: 3em;
  background: url(https://i.postimg.cc/sQhNwhRD/search-r.png);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 10px center;
}
.explorer .toolbar2 .search-bar input:focus {
  outline: 0 !important;
  background-image: url(https://i.postimg.cc/v1jKrvkN/search-l.png);
}
.explorer .contents {
  background: #FFF;
}

@keyframes windowFadeIn {
  from {
    opacity: 0;
    transform: scale(0.8);
    filter: blur(10px);
  }
  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
@keyframes windowFadeOut {
  from {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
  to {
    opacity: 0;
    transform: scale(0.8);
    filter: blur(10px);
  }
}
@keyframes slideUp {
  from {
    transform: translateY(500px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(500px);
  }
}

body[data-theme=dark] .tooltip-inner {
  background: rgba(0,0,0,0.8) !important;
  color: #fff !important;
  font-size: 0.8em;
  padding: 0.5em 0.7em;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius:8px;
}

body[data-theme=light] .tooltip-inner {
  background: rgba(255,255,255,0.8) !important;
  color: #000 !important;
  font-size: 0.8em;
  padding: 0.5em 0.7em;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius:8px;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  display: none;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  display: none;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
  display: none;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
  display: none;
}






	/*!
 * dyCalendar is a JavaScript library for creating Calendar.
 *
 * Author: Yusuf Shakeel
 * https://github.com/yusufshakeel
 *
 * GitHub Link: https://github.com/yusufshakeel/dyCalendarJS
 *
 * MIT license
 * Copyright (c) 2016 Yusuf Shakeel
 *
 * Date: 2014-08-17 sunday
 */
.dycalendar-container {
  display: inline-block;
  border: 1px solid #eee;
}

.dycalendar-container.round-edge {
  border-radius: 5%;
  -o-border-radius: 5%;
  -moz-border-radius: 5%;
  -webkit-border-radius: 5%;
}

/*================================== DAY CALENDAR ========================*/
/*
 * day calendar style
 *-------------------------------------------------*/
.dycalendar-day-container {
  padding: 10px;
  text-align: center;
}

.dycalendar-day-container div {
  padding: 0;
  margin-bottom: 10px;
}

.dycalendar-day-container .dycalendar-span-day {
  font-size: 110%;
}

.dycalendar-day-container .dycalendar-span-date {
  font-size: 250%;
}

.dycalendar-day-container .dycalendar-span-month-year {
  font-size: 90%;
}

/*================================== DAY CALENDAR ENDS HERE ===============*/
/*================================== MONTH CALENDAR DEFAULT ========================*/
/*
 * month calendar style
 *-------------------------------------------------*/
.dycalendar-month-container {
  padding: 10px;
  text-align: center;
}

.dycalendar-month-container div {
  padding: 0;
}

.dycalendar-month-container .dycalendar-header {
  position: relative;
  padding: 8px 0;
}

.dycalendar-month-container .dycalendar-header {
  text-align: left;
}

.dycalendar-month-container .dycalendar-header .dycalendar-prev-next-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  color: var(--sat-txt);
  padding: 10px;
  font-size: 10px;
  border-radius: 4px;
}

.dycalendar-month-container .dycalendar-header .dycalendar-prev-next-btn:hover {
  background: var(--bgHvr);
}

.dycalendar-month-container
  .dycalendar-header
  .dycalendar-prev-next-btn.prev-btn {
  right: 40px;
}

.dycalendar-month-container
  .dycalendar-header
  .dycalendar-prev-next-btn.next-btn {
  right: 0;
}

.dycalendar-month-container table {
  width: 100%;
}

.dycalendar-month-container .dycalendar-body table tr td {
  width: 42px;
  height: 42px;
  padding: 0;
  font-size: 14px;
  cursor: pointer;
  transition: all 200ms ease-in-out;
  border-radius: 50%;
}

.dycalendar-month-container
  .dycalendar-body
  table
  tr:not(:first-child)
  td:not(.dycalendar-today-date):hover {
  background: var(--bgHvr);
}

.dycalendar-month-container .dycalendar-body table tr:first-child td {
  font-weight: 600;
  font-size: 13px;
}

.dycalendar-today-date {
  background: var(--clrPrm);
  color: var(--alt-txt);
}

/*================================== MONTH CALENDAR ENS HERE ===============*/
/*================================== DYCALENDAR SKIN =======================*/
/*
 * calendar skin  (default skin)
 *-------------------------------------------------*/
.dycalendar-container.gradient {
  background: #fff;
  background: linear-gradient(#fff, #d3d3d3);
  background: -o-linear-gradient(#fff, #d3d3d3);
  background: -moz-linear-gradient(#fff, #d3d3d3);
  background: -webkit-linear-gradient(#fff, #d3d3d3);
}

/*
 * calendar skin  (skin-black)
 *-------------------------------------------------*/
.dycalendar-container.skin-black {
  color: #fff;
  background-color: #111;
  border: 0;
}

.dycalendar-container.skin-black.gradient {
  background: #111;
  background: linear-gradient(#555, #111);
  background: -o-linear-gradient(#555, #111);
  background: -moz-linear-gradient(#555, #111);
  background: -webkit-linear-gradient(#555, #111);
}

.dycalendar-container.skin-black .dycalendar-today-date,
.dycalendar-container.skin-black .dycalendar-target-date {
  background-color: #fff;
  color: #111;
  border-radius: 2px;
}

/*
 * calendar skin  (skin-blue)
 *-------------------------------------------------*/
.dycalendar-container.skin-blue {
  color: #fff;
  background-color: #3c99d3;
  border: 0;
}

.dycalendar-container.skin-blue.gradient {
  background: #3c99d3;
  background: linear-gradient(#5ebbf5, #3c99d3);
  background: -o-linear-gradient(#5ebbf5, #3c99d3);
  background: -moz-linear-gradient(#5ebbf5, #3c99d3);
  background: -webkit-linear-gradient(#5ebbf5, #3c99d3);
}

.dycalendar-container.skin-blue .dycalendar-today-date,
.dycalendar-container.skin-blue .dycalendar-target-date {
  background-color: #fff;
  color: #3c99d3;
  border-radius: 2px;
}

/*
 * calendar skin  (skin-green)
 *-------------------------------------------------*/
.dycalendar-container.skin-green {
  color: #fff;
  background-color: #2bb063;
  border: 0;
}

.dycalendar-container.skin-green.gradient {
  background: #2bb063;
  background: linear-gradient(#3dd175, #2bb063);
  background: -o-linear-gradient(#3dd175, #2bb063);
  background: -moz-linear-gradient(#3dd175, #2bb063);
  background: -webkit-linear-gradient(#3dd175, #2bb063);
}

.dycalendar-container.skin-green .dycalendar-today-date,
.dycalendar-container.skin-green .dycalendar-target-date {
  background-color: #fff;
  color: #2bb063;
  border-radius: 2px;
}

/*
 * calendar skin  (skin-purple)
 *-------------------------------------------------*/
.dycalendar-container.skin-purple {
  color: #fff;
  background-color: #975ea4;
  border: 0;
}

.dycalendar-container.skin-purple.gradient {
  background: #975ea4;
  background: linear-gradient(#ca82d7, #975ea4);
  background: -o-linear-gradient(#ca82d7, #975ea4);
  background: -moz-linear-gradient(#ca82d7, #975ea4);
  background: -webkit-linear-gradient(#ca82d7, #975ea4);
}

.dycalendar-container.skin-purple .dycalendar-today-date,
.dycalendar-container.skin-purple .dycalendar-target-date {
  background-color: #fff;
  color: #975ea4;
  border-radius: 2px;
}

/*
 * calendar skin  (skin-red)
 *-------------------------------------------------*/
.dycalendar-container.skin-red {
  color: #fff;
  background-color: #e94d40;
  border: 0;
}

.dycalendar-container.skin-red.gradient {
  background: #e94d40;
  background: linear-gradient(#fb6f62, #e94d40);
  background: -o-linear-gradient(#fb6f62, #e94d40);
  background: -moz-linear-gradient(#fb6f62, #e94d40);
  background: -webkit-linear-gradient(#fb6f62, #e94d40);
}

.dycalendar-container.skin-red .dycalendar-today-date,
.dycalendar-container.skin-red .dycalendar-target-date {
  background-color: #fff;
  color: #e94d40;
  border-radius: 2px;
}

/*
 * calendar skin  (skin-spacegray)
 *-------------------------------------------------*/
.dycalendar-container.skin-spacegray {
  color: #fff;
  background-color: #343d46;
  border: 0;
}

.dycalendar-container.skin-spacegray.gradient {
  background: #343d46;
  background: linear-gradient(#454e57, #343d46);
  background: -o-linear-gradient(#454e57, #343d46);
  background: -moz-linear-gradient(#454e57, #343d46);
  background: -webkit-linear-gradient(#454e57, #343d46);
}

.dycalendar-container.skin-spacegray .dycalendar-today-date,
.dycalendar-container.skin-spacegray .dycalendar-target-date {
  background-color: #fff;
  color: #343d46;
  border-radius: 2px;
}

/*================================== DYCALENDAR SKIN ENDS HERE =============*/
/*================================== DYCALENDAR SHADOW =====================*/
/*
 * calendar shadow  (shadow-default)
 *-------------------------------------------------*/
.dycalendar-container.shadow-default {
  -o-box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
  -moz-box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
  -webkit-box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
  box-shadow: 0 4px 4px 0 rgba(50, 50, 50, 0.4);
}

/*
  * calendar shadow  (shadow-black)
  *-------------------------------------------------*/
.dycalendar-container.shadow-black {
  -o-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.4);
}

/*
 * calendar shadow  (shadow-blue)
 *-------------------------------------------------*/
.dycalendar-container.shadow-blue {
  -o-box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
  -moz-box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
  -webkit-box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
  box-shadow: 0 4px 4px 0 rgba(60, 153, 211, 0.4);
}

/*
 * calendar shadow  (shadow-green)
 *-------------------------------------------------*/
.dycalendar-container.shadow-green {
  -o-box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
  -moz-box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
  -webkit-box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
  box-shadow: 0 4px 4px 0 rgba(43, 176, 99, 0.4);
}

/*
 * calendar shadow  (shadow-purple)
 *-------------------------------------------------*/
.dycalendar-container.shadow-purple {
  -o-box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
  -moz-box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
  -webkit-box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
  box-shadow: 0 4px 4px 0 rgba(151, 94, 164, 0.4);
}

/*
 * calendar shadow  (shadow-red)
 *-------------------------------------------------*/
.dycalendar-container.shadow-red {
  -o-box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
  -moz-box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
  -webkit-box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
  box-shadow: 0 4px 4px 0 rgba(233, 77, 64, 0.4);
}

/*
 * calendar shadow  (shadow-spacegray)
 *-------------------------------------------------*/
.dycalendar-container.shadow-spacegray {
  -o-box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
  -moz-box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
  -webkit-box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
  box-shadow: 0 4px 4px 0 rgba(52, 61, 70, 1);
}

.dycalendar-span-month-year {
  font-size: 14px;
  font-weight: 600;
  margin: 5px;
}

.dycalendar-prev-next-btn {
  font-size: 0.8em;
  padding: 0 4px;
}

/*================================== DYCALENDAR SHADOW ENDS HERE ===========*/

	.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0px}.left-0{left:0px}.left-\[50\%\]{left:50%}.right-0{right:0px}.top-0{top:0px}.top-\[50\%\]{top:50%}.z-30{z-index:30}.z-50{z-index:50}.m-1{margin:.25rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-12{margin-left:3rem;margin-right:3rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.-ml-3{margin-left:-.75rem}.-ml-6{margin-left:-1.5rem}.-mt-16{margin-top:-4rem}.-mt-8{margin-top:-2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-48{margin-top:12rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.box-border{box-sizing:border-box}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-full{height:100%}.h-max{height:-webkit-max-content;height:max-content}.h-px{height:1px}.w-0{width:0px}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-4\/5{width:80%}.w-48{width:12rem}.w-64{width:16rem}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-webkit-max-content;width:max-content}.w-px{width:1px}.flex-1{flex:1 1 0%}.flex-grow{flex-grow:1}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-n-resize{cursor:n-resize}.cursor-ne-resize{cursor:ne-resize}.cursor-nw-resize{cursor:nw-resize}.cursor-w-resize{cursor:w-resize}.resize{resize:both}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-none{border-style:none}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.bg-orange-200{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-opacity-60{--tw-bg-opacity: .6}.p-1{padding:.25rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-8{padding-bottom:2rem}.pb-px{padding-bottom:1px}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-12{padding-right:3rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:6.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-5{line-height:1.25rem}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia: sepia(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}*::selection{background:initial}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;-webkit-user-select:none;user-select:none;overflow:hidden!important}body:before{content:"";position:fixed;top:0;left:0;opacity:0;display:block;height:100%;width:100%;z-index:99999999999;background:#ff00003b;pointer-events:none;transition:all 2s ease}body[data-sepia=true]:before{opacity:.8}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{position:relative;width:100vw;height:100vh}.w-max{width:-webkit-max-content;width:max-content}.h-max{height:-webkit-max-content;height:max-content}.smoothsc{scroll-behavior:smooth}.notrans{transition:none!important}.z9900{z-index:9900!important}input{border:none;outline:none}input::selection{background:#0074ff;color:#fefefe}.redbd{box-sizing:border-box;border:solid 1px red}.redbd0{border:solid 1px red}.blbd{box-sizing:border-box;border:solid 1px blue}.blbd0{border:solid 1px blue}img[data-invert=true],svg[data-invert=true],i[data-invert=true]{-webkit-filter:invert(1);filter:invert(1)}.invert{-webkit-filter:invert(1)!important;filter:invert(1)!important}img[data-rounded=true],svg[data-rounded=true],i[data-rounded=true]{border-radius:1000px}img[data-flip=true],svg[data-flip=true],i[data-flip=true]{-webkit-transform:scale(-1,1);transform:scaleX(-1)}.uicon img{-webkit-transform-origin:center;transform-origin:center;transition:.4s ease-in-out}.uicon img[data-click=true]:active,.uicon[data-pr=true]:active img{-webkit-transform:scale(.7);transform:scale(.7);transition:.1s ease-in-out}.desktop{position:absolute;width:100vw;top:0;overflow:hidden}.dpShad{box-shadow:0 0 6px #00000040}.mdShad{box-shadow:0 0 8px #2929291a}.ltShad{box-shadow:0 1px 1px #00000040}input{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue}.prtclk *{pointer-events:none}*[data-prtclk=true]{pointer-events:none!important}.nopt{pointer-events:none}.handcr{cursor:pointer}.none{display:none!important}.text-xss{font-size:.64em}@-webkit-keyframes fadein{0%{opacity:0}99%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}99%{opacity:0}to{opacity:1}}@-webkit-keyframes slowfadein{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes slowfadein{0%{opacity:0}25%{opacity:0}to{opacity:1}}@-webkit-keyframes overflow-hider{to{width:0}}@keyframes overflow-hider{to{width:0}}.hvlight:hover{background:rgba(255,255,255,.8);transition:all .2s ease-in-out}.hvdark:hover{background:rgba(0,0,0,.08);transition:all .2s ease-in-out}body[data-theme=dark] .hvlight:hover{background:rgba(255,255,255,.1)}a{text-decoration:none;color:#0080e1}#textpad{font-family:Consolas,monospace;font-weight:500}.acol{color:#aaa}#brightoverlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#000;opacity:0;pointer-events:none}#sus-fallback{width:100%;position:relative;height:100%;display:flex;justify-content:center;align-items:center;background:#010001;color:#fff}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.hover\:opacity-95:hover{opacity:.95}.toolbar{display:flex;flex-shrink:0;width:100%;height:28px;justify-content:space-between;align-items:center;position:relative;border-radius:6px 6px 0 0}.toolbar[data-float=false]{z-index:10}.toolbar[data-back=light]{background:#fefefe}.toolbar[data-back=dark]{background:#181818}.topInfo{height:100%}.topInfo[data-float=true]{opacity:0}.topInfo .uicon{margin:0 10px 0 6px}.actbtns{height:100%}.actbtns .uicon{height:100%;padding:0 18px;transition:all ease-in-out 60ms}.actbtns .uicon img{transition:all ease-in-out 60ms}.actbtns .uicon:hover{background:rgba(136,136,136,.2)}.actbtns .uicon[data-payload=close]:hover{background:rgba(255,0,0,.8)}.actbtns .uicon[data-payload=close]:hover img{-webkit-filter:invert(1);filter:invert(1)}.closeBtn{border-radius:0 6px 0 0}.snapbox{position:relative}.snapbox[data-hv=true]{background:rgba(136,136,136,.2)}.snapcont{box-sizing:border-box;width:260px;height:130px;position:absolute;display:grid;right:-24px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));grid-column-gap:8px;grid-row-gap:8px;z-index:10;padding:8px;background:#f9f9f9;border:solid 1px rgba(150,150,150,.2);border-radius:6px;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:popup 1s ease-in-out;animation:popup 1s ease-in-out}.snapcont .snapper{background:#e0e0e0;border:solid 1px #999}.snapcont .snapper:hover{background:#0067c0;border:solid 1px #0067c0}.snapcont[data-dark=true]{background:#222}.snapcont[data-dark=true] .snapper{background:#4e4e4e;border:solid 1px #777}.snapcont[data-dark=true] .snapper:hover{background:#4cc2ff;border:solid 1px #4cc2ff}@-webkit-keyframes popup{0%{opacity:0}90%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup{0%{opacity:0}90%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.snapLay{display:grid;grid-column-gap:3px;grid-row-gap:3px}.snapLay:nth-child(1){grid-template-columns:auto auto}.snapLay:nth-child(2){grid-template-columns:auto auto auto}.snapLay:nth-child(2) .snapper:first-child{grid-column-end:span 2}.snapLay:nth-child(3){grid-template-columns:auto auto auto}.snapLay:nth-child(4){grid-template-columns:auto auto;grid-template-rows:auto auto}.snapLay:nth-child(4) .snapper:first-child{grid-row:1/span 2}.snapLay:nth-child(5){grid-template-columns:auto auto;grid-template-rows:auto auto;grid-column-gap:4px}.snapLay:nth-child(6){grid-template-columns:auto auto auto auto auto auto auto}.snapLay:nth-child(6) .snapper{grid-column-end:span 2}.snapLay:nth-child(6) .snapper:nth-child(2){grid-column:3/span 3}.snapper{box-sizing:border-box;transition:all ease-in-out .1s}.uicon{position:relative;display:grid;place-items:center}.imageCont{position:relative;display:grid;place-items:center;width:auto;height:auto}.imageCont[data-back=true]{background-position:center;background-size:cover}.imageCont img[data-free=false]{max-width:100%;max-height:100%;}.imageCont.rounded{overflow:hidden}body[data-theme=dark] .toolbar[data-noinvert=false] .snapcont{background:#222}body[data-theme=dark] .toolbar[data-noinvert=false] .snapcont .snapper{background:#4e4e4e;border:solid 1px #777}body[data-theme=dark] .toolbar[data-noinvert=false] .snapcont .snapper:hover{background:var(--clrPrm);border:solid 1px var(--clrPrm)}body[data-theme=dark] .toolbar[data-noinvert=false] .appFullName{color:#fefefe}body[data-theme=dark] .toolbar[data-noinvert=false] .actbtns .uicon img{-webkit-filter:invert(1);filter:invert(1)}.resizecont{position:absolute;z-index:12}.topone{top:-8px;left:0;width:80%;z-index:22}.leftone{left:-8px;height:100%}.rightone{right:-8px;bottom:0;height:90%}.bottomone{bottom:-8px;left:0;width:100%}.conrsz{width:8px;height:8px}.edgrsz{min-width:8px;min-height:8px}.wdws{width:100%}.hdws{height:100%}.noscroll::-webkit-scrollbar{display:none}.win11Scroll::-webkit-scrollbar{--scroll: rgb(255 255 255 / 80%);--scrollbar-top-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.102 16.981c-1.074 0-1.648-1.265-.941-2.073l5.522-6.311a1.75 1.75 0 0 1 2.634 0l5.522 6.311c.707.808.133 2.073-.941 2.073H6.102z' fill='rgb(0 0 0 / 50%)'/%3E%3C/svg%3E");--scrollbar-right-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.898c0 1.074 1.265 1.648 2.073.941l6.311-5.522a1.75 1.75 0 0 0 0-2.634l-6.311-5.522C10.265 4.454 9 5.028 9 6.102v11.796z' fill='rgb(0 0 0 / 50%)'/%3E%3C/svg%3E");--scrollbar-bottom-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.102 8c-1.074 0-1.648 1.265-.941 2.073l5.522 6.311a1.75 1.75 0 0 0 2.634 0l5.522-6.311c.707-.808.133-2.073-.941-2.073H6.102z' fill='rgb(0 0 0 / 50%)'/%3E%3C/svg%3E");--scrollbar-left-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.898c0 1.074-1.265 1.648-2.073.941l-6.311-5.522a1.75 1.75 0 0 1 0-2.634l6.311-5.522c.808-.707 2.073-.133 2.073.941v11.796z' fill='rgb(0 0 0 / 50%)'/%3E%3C/svg%3E");width:14px;height:14px;border-radius:7px}.win11Scroll::-webkit-scrollbar:vertical:hover{background:var(--scrollbar-bottom-btn) 0% calc(100% - 3px)/contain no-repeat,var(--scrollbar-top-btn) 0% calc(0% + 3px)/contain no-repeat,var(--scroll)}.win11Scroll::-webkit-scrollbar:horizontal:hover{background:var(--scrollbar-right-btn) calc(100% - 3px) 0%/contain no-repeat,var(--scrollbar-left-btn) calc(0% + 3px) 0%/contain no-repeat,var(--scroll)}.win11Scroll::-webkit-scrollbar-thumb{display:none;background:rgba(0,0,0,.5);background-clip:padding-box;border:6px solid transparent;border-radius:14px}.win11Scroll::-webkit-scrollbar-thumb:hover{border:4px solid transparent}.win11Scroll::-webkit-scrollbar-button:single-button{height:14px}.win11Scroll:hover::-webkit-scrollbar-thumb{display:block}body[data-theme=dark] .win11Scroll::-webkit-scrollbar,.win11ScrollDark::-webkit-scrollbar{--scroll: rgb(44 44 44 / 25%);--scrollbar-top-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.102 16.981c-1.074 0-1.648-1.265-.941-2.073l5.522-6.311a1.75 1.75 0 0 1 2.634 0l5.522 6.311c.707.808.133 2.073-.941 2.073H6.102z' fill='rgb(255 255 255 / 50%)'/%3E%3C/svg%3E");--scrollbar-right-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 17.898c0 1.074 1.265 1.648 2.073.941l6.311-5.522a1.75 1.75 0 0 0 0-2.634l-6.311-5.522C10.265 4.454 9 5.028 9 6.102v11.796z' fill='rgb(255 255 255 / 50%)'/%3E%3C/svg%3E");--scrollbar-bottom-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.102 8c-1.074 0-1.648 1.265-.941 2.073l5.522 6.311a1.75 1.75 0 0 0 2.634 0l5.522-6.311c.707-.808.133-2.073-.941-2.073H6.102z' fill='rgb(255 255 255 / 50%)'/%3E%3C/svg%3E");--scrollbar-left-btn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 17.898c0 1.074-1.265 1.648-2.073.941l-6.311-5.522a1.75 1.75 0 0 1 0-2.634l6.311-5.522c.808-.707 2.073-.133 2.073.941v11.796z' fill='rgb(255 255 255 / 50%)'/%3E%3C/svg%3E")}body[data-theme=dark] .win11Scroll::-webkit-scrollbar-thumb,.win11ScrollDark::-webkit-scrollbar-thumb{background:rgba(255,255,255,.5);background-clip:padding-box}.actmenu{--bg1: rgba(249, 249, 249, .9);--bg1a: rgba(248, 248, 248, .96);--bg2: rgba(0, 0, 0, .08);position:absolute;background:var(--bg1);-webkit-backdrop-filter:saturate(2) blur(20px);backdrop-filter:saturate(2) blur(20px);z-index:10000;opacity:1;pointer-events:all;border-radius:8px;transition:opacity .1s ease}.actmenu[data-hide=true]{opacity:0;pointer-events:none}.actmenu[data-left=false] .minimenu{left:unset;right:98%}body[data-theme=dark] .actmenu{--bg1: rgba(34, 36, 47, .8);--bg1a: rgba(30, 32, 47, .9);--bg2: rgba(255, 255, 255, .08)}.minimenu{position:absolute;display:none;top:0;left:99%;background:var(--bg1a);z-index:9999;padding:4px 0;-webkit-animation:fadein .6s ease-in-out;animation:fadein .6s ease-in-out;border-radius:8px}.menuopt{height:28px;box-sizing:border-box;position:relative;padding:4px 6px;font-size:12px;cursor:default;margin:6px;border-radius:4px;display:flex;align-items:center;font-weight:500;color:var(--txt-col)}.menuopt:hover{background:var(--bg2)}.menuopt:hover .minimenu{display:block}.menuopt .spcont{width:16px;margin-right:12px}.menuopt .micon{position:absolute}.menuopt .rightIcon{right:8px}.menuopt .dotIcon,.menuopt .checkIcon{right:8px;color:var(--med-txt)}.menuhr{position:relative;left:0;width:100%;height:1px;background-color:#ccc5;margin:4px 0}.battery{display:flex;position:relative}.btFull{overflow:hidden;position:absolute;z-index:0}.charger svg{position:absolute;z-index:1}.searchMenu{min-height:500px;padding:32px;text-align:left}.searchBar{height:30px;border-bottom:solid 2px var(--clrPrm);border-radius:4px;background:var(--comp-clr);display:flex;padding:0 10px}.searchBar .uicon{-webkit-filter:brightness(.6);filter:brightness(.6);margin-right:12px}.searchBar input{width:100%;background:inherit;color:var(--dark-txt)}.searchBar input::-webkit-input-placeholder{color:var(--txt-col)}.searchBar input::placeholder{color:var(--txt-col)}.smatch{background:var(--bg2)}.opts{color:var(--med-txt)}.opts div{border:solid 0 var(--clrPrm);cursor:pointer}.opts div[value=true]{border-bottom-width:2px;color:var(--dark-txt)}.leftSide{width:100%}.leftSide[data-width=true]{width:32%}.rightSide{margin:8px;height:560px;background:var(--bg2);display:flex;flex-direction:column;align-items:center}.rightSide .hline{width:90%;height:1px;border-radius:10px;background:var(--bg2)}.topApp{background:var(--bg2);width:19%;display:flex;flex-direction:column;align-items:center;border-radius:4px}.topApp:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.qksrch{border-radius:4px}.qksrch .uicon{font-size:20px}.qksrch:hover{background:var(--bg2)}.powerCont{position:absolute;top:-100px;left:-36px;width:108px;font-size:12px;background:var(--bg2);padding:4px 6px;border-radius:6px;box-shadow:2px 2px 12px #2e282840;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);pointer-events:none;transition:all .2s ease-in-out}.powerCont[data-vis=true]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}.powerCont .flex{padding:4px 6px;border-radius:4px}.powerCont .flex:hover{background:var(--bg2)}.powerCont .uicon{margin-right:8px}.bandpane{--bg1: #dae2f2;--bg2: #e6edf8;--bgHvr: rgb(0 0 0 / 5%);position:absolute;bottom:10px;right:129px;background:var(--bgHvr);color:var(--dark-txt);overflow:hidden;transition:cubic-bezier(.62,0,.32,1) .25s;z-index:9999;border-radius:8px;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.bandpane.bd-blur{--bg1: rgba(242, 242, 242, .9);--bg2: rgba(0, 0, 0, .05);--bgHvr: rgba(0, 0, 0, .05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bandpane[data-hide=true]{opacity:0;-webkit-animation:overflow-hider 0s ease-in-out .2s forwards;animation:overflow-hider 0s ease-in-out .2s forwards;transition:all cubic-bezier(.62,0,.32,1) .15s}.bandpane .bandContainer{background:var(--bg2);display:flex;flex-wrap:wrap;max-width:82px}.bandpane .bandContainer div{padding:12px}body[data-theme=dark] .bandpane{--bg1: #1c1c1c;--bg2: #242424;--bgHvr: #313131}body[data-theme=dark] .bandpane.bd-blur{--bg1: rgba(36, 36, 36, .8);--bg2: rgba(0, 0, 0, .2);--bgHvr: rgba(255, 255, 255, .08)}.sidePane{--bg1: #dae2f2;--bg2: #e6edf8;--bg3: #fbfbfb;--bg4: rgb(0 0 0 / 5%);--sliderThumbClr: white;position:absolute;bottom:12px;right:12px;width:380px;border-radius:.5rem;color:var(--dark-txt);background:var(--bg1);overflow:hidden;transition:cubic-bezier(.62,0,.32,1) .25s;z-index:9999;-webkit-transform:translateX(0);transform:translate(0)}.sidePane.bd-blur{--bg1: rgb(242 242 242 / 90%);--bg2: rgb(255 255 255 / 20%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidePane[data-hide=true]{-webkit-transform:translateY(110%);transform:translateY(110%);-webkit-animation:overflow-hider 0s ease-in-out .15s forwards;animation:overflow-hider 0s ease-in-out .15s forwards;transition:all cubic-bezier(.62,0,.32,1) .15s}.sidePane .quickSettings{background:var(--bg2);display:flex;flex-direction:column;gap:2rem}.sidePane .quickSettings .qkCont{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}.sidePane .quickSettings .qkCont .qkGrp{display:flex;flex-direction:column;align-items:center}.sidePane .quickSettings .qkCont .qkGrp .qkbtn{width:6rem;height:3rem;border-radius:4px;display:flex;align-items:center;justify-content:center;border-bottom-color:#0003;background:var(--bg3);border:solid .1px rgba(17,17,17,.1);transition:all .1s ease}.sidePane .quickSettings .qkCont .qkGrp .qkbtn[data-state=true]{background:var(--clrPrm)}.sidePane .quickSettings .qkCont .qkGrp .qktext{width:-webkit-max-content;width:max-content;font-size:.75em;margin:.5rem 0 1.33rem}.sidePane .sliderCont{width:100%;display:flex;align-items:center}.sidePane .sliderCont .sliders{width:100%;height:4px}.sidePane .sliderCont .sliders[type=range]{--track-color: linear-gradient(90deg, var(--clrPrm) 100%, #888888 100%);-webkit-appearance:none;background:transparent}.sidePane .sliderCont .sliders[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--track-color);border-radius:10px;border:0}.sidePane .sliderCont .sliders[type=range]::-webkit-slider-thumb{border:4px solid var(--sliderThumbClr);height:18px;width:18px;border-radius:10px;background:var(--clrPrm);-webkit-appearance:none;margin-top:-8px;-webkit-transition:all .1s;transition:all .1s}.sidePane .sliderCont .sliders[type=range]::-webkit-slider-thumb:hover{border:3px solid var(--sliderThumbClr)}.sidePane .sliderCont .sliders[type=range]::-webkit-slider-thumb:active{border:5px solid var(--sliderThumbClr)}.sidePane .sliderCont .sliders[type=range]:focus::-webkit-slider-runnable-track{background:var(--track-color)}.sidePane .sliderCont .sliders[type=range]::-moz-range-track{width:100%;height:4px;background:var(--track-color);border-radius:10px;border:0}.sidePane .sliderCont .sliders[type=range]::-moz-range-thumb{border:4px solid var(--sliderThumbClr);height:18px;width:18px;border-radius:10px;background:var(--clrPrm)}.sidePane .sliderCont .sliders[type=range]::-moz-range-thumb:hover{border:3px solid var(--sliderThumbClr)}.sidePane .sliderCont .sliders[type=range]::-moz-range-thumb:active{border:5px solid var(--sliderThumbClr)}.sidePane .bottomBar{box-sizing:border-box;border-top:1px solid var(--bg4);height:3rem;display:flex;align-items:center}.sidePane .bottomBar .battery-sidepane{height:100%;display:flex;align-items:center;border-radius:4px}.sidePane .bottomBar .battery-sidepane:hover{background:var(--bg4)}body[data-theme=dark] .sidePane{--bg1: #1c1c1c;--bg2: #242424;--bg3: #313131;--bg4: rgb(255 255 255 / 5%);--sliderThumbClr: #454545}body[data-theme=dark] .sidePane.bd-blur{--bg1: rgb(36 36 36 / 85%);--bg2: rgb(255 255 255 / 3.33%)}body[data-theme=dark] .sidePane .uicon{-webkit-filter:invert(1);filter:invert(1)}.calnpane{--bg1: #dae2f2;--bg2: #e6edf8;--bgHvr: rgb(0 0 0 / 5%);position:absolute;bottom:12px;right:12px;width:21rem;background:var(--bg1);color:var(--dark-txt);overflow:hidden;transition:cubic-bezier(.62,0,.32,1) .25s;z-index:9999;border-radius:8px;max-height:500px}.calnpane.bd-blur{--bg1: rgba(242, 242, 242, .9);--bg2: rgba(0, 0, 0, .05);--bgHvr: rgba(0, 0, 0, .05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.calnpane.collapse{max-height:50px}.calnpane[data-hide=true]{-webkit-transform:translateX(120%);transform:translate(120%);-webkit-animation:overflow-hider 0s ease-in-out .2s forwards;animation:overflow-hider 0s ease-in-out .2s forwards;transition:all cubic-bezier(.62,0,.32,1) .15s}.calnpane #dycalendar{background:var(--bg2)}.calnpane .topBar{height:50px;border-bottom:1px solid var(--comp-txt);display:flex;align-items:center;justify-content:space-between}.calnpane .topBar .collapser{background:var(--bg2)}body[data-theme=dark] .calnpane{--bg1: #1c1c1c;--bg2: #242424;--bgHvr: #313131}body[data-theme=dark] .calnpane.bd-blur{--bg1: rgba(36, 36, 36, .8);--bg2: rgba(0, 0, 0, .2);--bgHvr: rgba(255, 255, 255, .08)}.desktopCont{width:0;height:100%;display:flex;flex-direction:column;flex-wrap:wrap}.dskApp{margin:4px;height:84px;width:74px;display:flex;flex-direction:column;align-items:center;font-size:.8em;transition:all ease-in-out .2s;justify-content:center;border:1px solid transparent}.dskApp:focus{background:rgba(255,255,255,.24)}.dskApp:hover{background:rgba(255,255,255,.12)}.dskApp:focus{border:1px dotted white}.dskApp .appName{text-align:center;color:#fafafa;margin-top:4px;text-shadow:0 0 4px rgba(0,0,0,.6)}.startMenu{--bg1: rgba(242, 242, 242, .9);--bg2: rgba(255, 255, 255, .9);--bg3: rgba(0, 0, 0, .033);--bg4: #aaa;--roundRad: 8px;position:absolute;bottom:12px;width:640px;height:min(100% - 24px,720px);left:0;color:var(--dark-txt);background:var(--bg1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--roundRad);overflow:hidden;transition:all .2s cubic-bezier(.79,.14,.15,.86);z-index:9999;box-sizing:border-box}.startMenu[data-align=center]{margin-left:auto;margin-right:auto;right:0;text-align:center}.startMenu[data-align=left]{left:8px}.startMenu[data-hide=true]{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;pointer-events:none}body[data-theme=dark] .startMenu{--bg1: rgba(36, 36, 36, .8);--bg2: rgba(255, 255, 255, .1);--bg3: rgba(0, 0, 0, .15);--bg4: #444}body[data-theme=dark] .startMenu .blueicon{-webkit-filter:brightness(4);filter:brightness(4)}.allCont,.stmenu{position:relative;height:calc(100% - 64px)}.allCont[data-allapps=false],.stmenu[data-allapps=false]{opacity:0;transition:cubic-bezier(0,.58,.42,1) .3s}.allCont[data-allapps=true],.stmenu[data-allapps=true]{-webkit-transform:translateX(-640px);transform:translate(-640px);transition:cubic-bezier(0,.58,.42,1) .3s}.stmenu[data-allapps=false]{opacity:1}.stmenu[data-allapps=true]{opacity:0}.allCont{top:0;position:absolute;left:100%;overflow:hidden;width:100%}.menuBar{position:absolute;bottom:0;box-sizing:border-box;width:100%;height:64px;padding:0 48px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:var(--bg3);border-top:1px solid var(--bg4)}.profile{padding:.6em .8em;display:flex;align-items:center;border-radius:4px}.profile:hover{background:var(--bg2)}.profile .usName{margin-left:12px;font-size:.7em;font-weight:500;color:var(--txt-col)}.powerMenu{height:2.5rem;width:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px}.powerMenu:hover{background:var(--bg2)}.menuUp{padding:32px;box-sizing:border-box}.stAcbar{display:flex;justify-content:space-between;padding:0 32px}.stAcbar .gpname{font-weight:700;font-size:14px;color:var(--dark-col)}.stAcbar .gpbtn{background:var(--bg2);padding:0 8px 2px;font-size:.64em;display:flex;align-items:center;border-radius:3px;box-shadow:1px 1px 2px #22222240;cursor:pointer}.stAcbar .gpbtn svg{margin-left:4px;padding-top:2px;color:var(--med-txt)}.stAcbar .gpbtn .chevLeft svg{margin-left:0;margin-right:4px}.appCont .stAcbar{padding-right:64px}.pnApps{min-height:150px;padding:20px 0;display:flex;flex-direction:row;flex-wrap:wrap}.pnApps .pnApp{width:96px;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:4px;transition:all ease-in-out .1s}.pnApps .pnApp:hover{background:var(--bg2)}.pnApps .pnApp .appName{display:flex;color:var(--dark-txt);margin-top:4px;font-size:12px;text-align:center;justify-content:center;cursor:default}.pnEmpty{pointer-events:none}.recApps{position:absolute;bottom:0;overflow:auto;max-height:calc(100% - 332px)}.reApps{margin:12px 0 24px;width:100%;padding:0 20px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between}.reApps .rnApp{width:calc(50% - 10px);height:56px;display:flex;align-items:center;border-radius:4px}.reApps .rnApp:hover{background:var(--bg2)}.reApps .rnApp .pnIcon{margin:0 12px}.reApps .rnApp .acInfo{width:100px;text-align:left}.reApps .rnApp .acInfo .appName{color:var(--dark-txt);font-size:0.80em}.reApps .rnApp .acInfo .timeUsed{color:var(--gray-txt);font-size:.6em;font-weight:500}.appCont{position:relative;padding:32px 0 32px 32px;width:100%;height:100%;box-sizing:border-box}.allApps{margin-top:16px;padding:0 16px;height:100%;overflow:auto;transition:all ease-in-out .2s;-webkit-transform-origin:center;transform-origin:center}.allApps[data-alpha=true]{-webkit-transform:scale(0);transform:scale(0);opacity:0;pointer-events:none}.allApps .allApp{position:relative;display:flex;align-items:center;width:536px;height:42px;box-sizing:border-box;padding-left:12px;z-index:1;border-radius:4px;cursor:pointer}.allApps .allApp:hover{background:var(--bg2)}.allApps .allApp .ltName{width:22px;text-align:center;font-size:14px}.allApps .allApp .appName{text-align:left;padding-left:16px;color:var(--dark-txt);font-size:12px}.alphaBox{position:absolute;top:14%;width:94%;height:80%;z-index:2;display:grid;place-items:center;-webkit-transform-origin:center;transform-origin:center;transition:all ease-in-out .2s}.alphaBox[data-alpha=false]{opacity:0;-webkit-transform:scale(2);transform:scale(2);pointer-events:none}.alphaCont{margin-left:-48px;width:160px;height:280px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));color:var(--txt-col);cursor:pointer}.alphaCont .allApp{display:grid;place-items:center}.alphaCont .dullApp{cursor:default;color:var(--sat-txt)}.widPaneCont{--bg1: rgba(234, 234, 234, .25);--bg2: rgba(255, 255, 255, .5);--clr1: #fefefe;--clrWeather: #fff3be;--topStoriesClr: #c6a0ff;position:absolute;top:12px;left:12px;bottom:12px;width:760px;max-width:50vw;border-radius:8px;overflow:hidden;-webkit-transform:translateX(0);transform:translate(0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.77,0,.18,1);z-index:9999}.widPaneCont[data-hide=true]{-webkit-transform:translateX(-110%);transform:translate(-110%);transition:all .6s cubic-bezier(.77,0,.18,1)}.widPaneCont .WidPane{width:100%;height:100%;color:var(--dark-txt);background:var(--bg1);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:scroll}.widPaneCont .WidPane .widtop{width:96%;display:flex;padding:18px 28px 0 0;justify-content:flex-end;color:var(--txt-col)}.widPaneCont .WidPane .widTime{display:flex;justify-content:center;font-size:1.5em;color:var(--txt-col)}.widPaneCont .WidPane .widgetCont{width:80%}.widPaneCont .WidPane .topWidgets{margin-top:24px;display:flex;justify-content:space-between}.widPaneCont .WidPane .topWidgets .weatherCont{width:50%;margin:4px;height:240px;padding:12px 14px;border-radius:6px;box-sizing:border-box;background:var(--clr1);background:linear-gradient(to bottom right,var(--clr1) 0%,var(--clrWeather) 80%);display:flex;flex-direction:column;align-items:center}.widPaneCont .WidPane .topWidgets .wthtop{width:100%;display:flex;align-items:center;font-size:.8em}.widPaneCont .WidPane .topWidgets .wthtop .uicon{margin-right:.5em}.widPaneCont .WidPane .topWidgets .wthtop span{padding-bottom:2px}.widPaneCont .WidPane .topWidgets .wthcity{width:50%;display:flex;font-size:.64em;margin-top:8px}.widPaneCont .WidPane .topWidgets .wthcity *{margin:0 2px}.widPaneCont .WidPane .topWidgets .wthInfo{width:100%;display:flex;justify-content:space-between}.widPaneCont .WidPane .topWidgets .wthTemp{display:flex;align-items:flex-end}.widPaneCont .WidPane .topWidgets .wthTemp .uicon{padding-bottom:4px}.widPaneCont .WidPane .topWidgets .wthTemp *{margin:0 3px}.widPaneCont .WidPane .topWidgets .wthTemp .wthdeg{font-size:2em}.widPaneCont .WidPane .topWidgets .wthTemp .wthunit{margin:0 2px;font-size:.72em;color:var(--sat-txt);padding-bottom:6px}.widPaneCont .WidPane .topWidgets .moreWinfo{display:flex;flex-direction:column;align-items:flex-end;padding-top:2px}.widPaneCont .WidPane .topWidgets .wcontext{font-size:.68em;margin-bottom:4px}.widPaneCont .WidPane .topWidgets .rainProb{display:flex}.widPaneCont .WidPane .topWidgets .rainProb .chanceOfRain{display:flex;font-size:.68em;margin-left:12px}.widPaneCont .WidPane .topWidgets .rainProb .chanceOfRain .uicon{margin-right:2px;color:var(--med-txt)}.widPaneCont .WidPane .topWidgets .weekWthCont{width:100%;display:flex;justify-content:space-between;margin-top:12px}.widPaneCont .WidPane .topWidgets .weekWthCont .weekDay{width:23%;border-radius:4px;padding:4px 0 12px;background:var(--bg2);display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:.6em}.widPaneCont .WidPane .topWidgets .weekWthCont .weekDay .uicon{margin:8px 0}.widPaneCont .WidPane .topWidgets .weekWthCont .weekDay .tempCont{font-size:1.36em;color:var(--med-txt)}.widPaneCont .WidPane .topWidgets .shortCont{width:50%;height:250px;display:flex;flex-direction:column}.widPaneCont .WidPane .topWidgets .shortCont .short0,.widPaneCont .WidPane .topWidgets .shortCont .short1{box-sizing:border-box;width:100%;height:100%;margin:4px 4px 6px;background:var(--clrWeather);border-radius:6px;padding:8px 12px 0;overflow:hidden}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shName,.widPaneCont .WidPane .topWidgets .shortCont .short1 .shName{width:100%;font-size:.6em;letter-spacing:1px;color:var(--gray-txt);margin-bottom:16px;display:flex;justify-content:space-between}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shEntry,.widPaneCont .WidPane .topWidgets .shortCont .short1 .shEntry{display:flex;justify-content:space-between;margin-bottom:18px}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shEntry .stockName,.widPaneCont .WidPane .topWidgets .shortCont .short1 .shEntry .stockName{display:flex;font-size:.8em;font-weight:500}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shEntry .stockName .uicon,.widPaneCont .WidPane .topWidgets .shortCont .short1 .shEntry .stockName .uicon{margin-right:6px}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shEntry .stockName .stName,.widPaneCont .WidPane .topWidgets .shortCont .short1 .shEntry .stockName .stName{color:var(--med-txt);padding-top:1px}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shEntry .stockValue,.widPaneCont .WidPane .topWidgets .shortCont .short1 .shEntry .stockValue{font-size:.8em;font-weight:600;display:flex}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shEntry .stRes,.widPaneCont .WidPane .topWidgets .shortCont .short1 .shEntry .stRes{width:52px;text-align:center;padding:1px 0;border-radius:2px;margin-left:8px;font-size:.8em;background:#eb3535;color:#fefefe}.widPaneCont .WidPane .topWidgets .shortCont .short0 .shEntry .stRes[data-pos=true],.widPaneCont .WidPane .topWidgets .shortCont .short1 .shEntry .stRes[data-pos=true]{background:#09d031}.widPaneCont .WidPane .topWidgets .shortCont .short1{position:relative;background-color:transparent;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1}.widPaneCont .WidPane .topWidgets .shortCont .short1:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--afterBack);background-repeat:no-repeat;background-size:contain;background-position:center;-webkit-filter:brightness(.72);filter:brightness(.72);z-index:-1}.widPaneCont .WidPane .topWidgets .shortCont .short1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:brightness(.8);backdrop-filter:brightness(.8);-webkit-filter:blur(10px);filter:blur(10px);z-index:-2}.widPaneCont .WidPane .topWidgets .shortCont .short1 .shName{margin-bottom:4px;color:#eee}.widPaneCont .WidPane .topWidgets .shortCont .short1 .shName div:nth-child(2){font-weight:600}.widPaneCont .WidPane .topWidgets .shortCont .short1 .infotextCont{position:absolute;bottom:6px;padding-right:10px;display:flex;flex-direction:column}.widPaneCont .WidPane .topWidgets .shortCont .short1 .dayInfo{max-height:64px;font-size:.72em;color:#ddd;margin-top:auto;line-height:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-align:justify;transition:all .2s ease-in-out;padding:4px}.widPaneCont .WidPane .topWidgets .shortCont .short1 .dayInfo:hover{cursor:none;background:rgba(34,34,34,.65)}.widPaneCont .WidPane .topWidgets .shortCont .short1 a{text-decoration:none;font-size:.64em;color:#c3c3c3;text-align:right}.widPaneCont .newsCont{width:100%;margin-top:18px;padding:6px}.widPaneCont .newsCont *{cursor:default}.widPaneCont .topStories{position:relative;border-radius:4px;padding:12px;background:var(--comp-txt);background:linear-gradient(to bottom right,var(--topStoriesClr) 0%,var(--comp-txt) 100%)}.widPaneCont .topStories .topNewsText{color:var(--txt-col);font-size:.72em;font-weight:600}.widPaneCont .topStories .topNewsCont{width:100%;display:grid;padding-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.widPaneCont .topStories .topNewsCont .tpNews{padding:16px 12px 0 0}.widPaneCont .topStories .topNewsCont .tpNews .tpSource{color:var(--gray-txt);font-size:.6em}.widPaneCont .topStories .topNewsCont .tpNews .tpArticle{margin:4px 0;font-size:.76em;font-weight:600;color:var(--txt-col);height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:justify}.widPaneCont .allNewsCont{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:10px;grid-row-gap:10px}.widPaneCont .articleCont{position:relative;height:220px;padding:0 12px;border-radius:6px;overflow:hidden;background-color:var(--comp-txt);background-repeat:no-repeat;background-size:cover;background-position:center;cursor:pointer}.widPaneCont .articleCont:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:var(--dark-txt);background:linear-gradient(transparent 50%,var(--backgrad) 90%);z-index:0}.widPaneCont .articleCont:hover{-webkit-filter:brightness(.9);filter:brightness(.9);cursor:pointer}.widPaneCont .articleCont .tpNews{position:absolute;bottom:0;padding:0 12px 12px 0}.widPaneCont .articleCont .tpNews .tpSource{color:var(--txt-col);font-size:.6em;font-weight:500;text-shadow:0 0 4px var(--comp-txt)}.widPaneCont .articleCont .tpNews .tpArticle{margin-top:4px;font-size:.8em;font-weight:600;color:var(--txt-col);max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-align:justify}.widPaneCont .articleCont:nth-child(5n){grid-column-start:1;grid-column-end:3;background-size:contain;background-position-x:160px}.widPaneCont .articleCont:nth-child(5n):before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--dark-txt);background:linear-gradient(to left,transparent 0%,var(--backgrad) 60%);z-index:0}.widPaneCont .articleCont:nth-child(5n) .tpNews{width:45%;position:relative;padding:16px 0}.widPaneCont .articleCont:nth-child(5n) .tpNews .tpSource{margin-bottom:24px}.widPaneCont .articleCont:nth-child(5n) .tpNews .tpArticle{margin-bottom:8px}.widPaneCont .articleCont:nth-child(5n) .tpNews .tpdesc{font-size:.72em;font-weight:400;color:var(--med-txt);max-height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-align:justify}body[data-theme=dark] .widPaneCont{--bg1: rgba(31, 31, 31, .25);--bg2: rgba(255, 255, 255, .1);--clr1: #534f88;--clrWeather: #1b2257;--topStoriesClr: #35264c}.taskbar{--bg1: rgba(243, 243, 243, .85);--bg2: rgba(255, 255, 255, .67);position:absolute;width:100vw;height:48px;color:var(--dark-txt);background:var(--bg1);-webkit-backdrop-filter:saturate(3) blur(20px);backdrop-filter:saturate(3) blur(20px);bottom:0;}body[data-theme=dark] .taskbar{--bg1: rgba(32, 32, 32, .75);--bg2: rgba(255, 255, 255, .1)}body[data-theme=dark] .taskIcon,body[data-theme=dark] .searchIcon img{-webkit-filter:invert(1);filter:invert(1)}.taskcont{position:relative;width:100%;height:100%}.taskright{position:absolute;top:0;right:0;width:auto;height:100%;margin-left:10px;display:flex}.taskIcon{display:flex;flex-direction:column;justify-content:center;width:24px}.taskIcon svg{color:#303030}.taskDate{display:flex;padding:0 8px;font-size:11px;flex-direction:column;justify-content:center}.taskDate div{width:100%;text-align:center;font-weight:400}.tasksCont{width:100%;height:100%;display:flex;flex-direction:column}.tasksCont[data-side=center]{align-items:center}.tasksCont[data-side=center] .widget{position:absolute;left:8px}.tasksCont[data-side=left]{align-items:flex-start}.tsbar{width:auto;height:100%;display:flex;align-items:center;transition:all ease-in-out .2s}.tsIcon{position:relative;width:38px;height:38px;margin:auto 3px;box-sizing:border-box;background:rgba(254,254,254,0);-webkit-transform-origin:center;transform-origin:center;-webkit-animation:popintro .8s ease-in-out;animation:popintro .8s ease-in-out;transition:all .2s ease;border-radius:4px}.tsIcon:after{content:"";position:absolute;display:block;bottom:0;width:0px;height:3px;border-radius:4px;background:#858585;transition:all .2s ease-in-out}.tsIcon[data-open=true]:after{width:6px}.tsIcon[data-active=true]:after{width:12px;background:var(--clrPrm)}.tsIcon:hover,.tsIcon[data-active=true]{background:var(--bg2)}.graybd{border:solid 1px transparent;height:1rem}.graybd:hover{border:solid 1px #a1a1a1;border-width:0 0 0 2px}@-webkit-keyframes popintro{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.125);transform:scale(1.125)}70%{-webkit-transform:scale(.725);transform:scale(.725)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes popintro{0%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.125);transform:scale(1.125)}70%{-webkit-transform:scale(.725);transform:scale(.725)}to{-webkit-transform:scale(1);transform:scale(1)}}.appwrap{position:relative;z-index:0}.background{min-width:100vw;min-height:100vh;background-color:var(--wintheme);background-repeat:no-repeat;background-size:cover;background-position:center;transition:all .2s ease}.bootscreen{position:absolute;top:0;left:0;min-width:100vw;min-height:100vh;background-color:#010001;z-index:2;display:grid;place-items:center;cursor:progress}.lockscreen{position:absolute;top:0;left:0;min-width:100vw;min-height:100vh;z-index:1;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;transition:all 1s ease-in-out}.lockscreen[data-unlock=true]{opacity:0}.lockscreen:after{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:all .2s ease-in-out}.lockscreen[data-blur=true]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:rgba(0,0,0,.1)}.bottomInfo{position:absolute;bottom:24px;right:24px}.splashScreen{display:flex;flex-direction:column;align-items:center;-webkit-transform:translateY(0);transform:translateY(0);transition:all .2s ease-in-out}.splashScreen[data-faded=true]{opacity:0;pointer-events:none;-webkit-transform:translateY(-200px);transform:translateY(-200px)}.fadeinScreen{position:absolute;top:25%;display:flex;flex-direction:column;align-items:center;opacity:0;-webkit-transform:translateY(60px);transform:translateY(60px);transition:all .4s ease-in-out;pointer-events:none}.fadeinScreen[data-faded=false]{opacity:1;pointer-events:auto;-webkit-transform:translateY(0px);transform:translateY(0)}.fadeinScreen[data-unlock=true]{opacity:0}.fadeinScreen .signInBtn{background:rgba(255,255,255,.2);font-size:13px;padding:4px 36px 6px;color:#fff;border:2px solid transparent;border-radius:4px}.fadeinScreen .signInBtn:hover{border:2px solid rgba(255,255,255,.33)}.fadeinScreen .signInBtn:active{border:2px solid transparent;background:rgba(255,255,255,.33)}.lockOpt{margin-top:10px}.lockOpt .uicon{margin:0 4px;cursor:pointer}.lockOpt .uicon[data-payload=true]{box-sizing:border-box;border:1px solid #888}.slowfadein{opacity:1;-webkit-animation:slowfadein 1s ease-in-out;animation:slowfadein 1s ease-in-out}#loader{position:relative;top:0;left:0;display:grid;text-align:center;align-items:center;justify-content:center}.progressRing circle{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:all .2s ease-in-out 0s;-webkit-animation:2s linear 0s infinite normal none running spin-infinite;animation:2s linear 0s infinite normal none running spin-infinite}@-webkit-keyframes spin-infinite{0%{stroke-dasharray:.01px,43.97px;-webkit-transform:rotate(0deg);transform:rotate(0)}50%{stroke-dasharray:21.99px,21.99px;-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{stroke-dasharray:.01px,43.97px;-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes spin-infinite{0%{stroke-dasharray:.01px,43.97px;-webkit-transform:rotate(0deg);transform:rotate(0)}50%{stroke-dasharray:21.99px,21.99px;-webkit-transform:rotate(450deg);transform:rotate(450deg)}to{stroke-dasharray:.01px,43.97px;-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}.prevCont{position:absolute;bottom:0;width:0;box-sizing:border-box;z-index:9999}.prevScreen{position:absolute;bottom:6px;margin-left:auto;width:100vw;height:100vh;display:none;-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:all ease-in-out .2s;pointer-events:none}.prevScreen[data-show=true]{display:block;-webkit-transform:scale(.12,.12) translate(-44%,0);transform:scale(.12) translate(-44%);-webkit-animation:fadein 1s ease-in-out;animation:fadein 1s ease-in-out}.prevScreen:after{content:"";position:absolute;top:-80px;left:-60px;width:calc(100% + 120px);height:calc(100% + 160px);background:rgba(224,224,224,.8);z-index:0}.prevScreen .dpShad{-webkit-filter:none;filter:none}.floatTab{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:6px;transition:all cubic-bezier(.85,.14,.14,.85) .25s;-webkit-transform-origin:center;transform-origin:center;display:flex;flex-direction:column}.floatTab[data-size=full],.floatTab[data-size=full] .closeBtn,.floatTab[data-size=full] .toolbar,.floatTab[data-size=full] .windowScreen{border-radius:0}.floatTab[data-size=cstm]{-webkit-filter:none;filter:none}.floatTab[data-hide=true]{top:0;left:0;-webkit-transform:scale(.8);transform:scale(.8);opacity:0;pointer-events:none}.floatTab[data-max=false]{top:calc(100% + 10px);-webkit-transform:scale(.6);transform:scale(.6);-webkit-transform-origin:bottom;transform-origin:bottom;opacity:0;pointer-events:none}.floatTab[data-size=mini]{top:10%;left:20%;width:60%;height:80%}.absolute{position:absolute}.appFullName[data-white=true]{color:#fefefe}.windowScreen{width:100%;flex-grow:1;overflow:hidden;border-radius:0 0 6px 6px}.windowScreen.overflow-visible{overflow:visible}.overTool{position:absolute;top:0;width:auto}.overTool .btab{width:176px;height:100%;margin:0 4px;background:var(--bg1);color:var(--txt-col);border-radius:4px 4px 0 0;box-shadow:2px 0 2px var(--shd);display:flex;justify-content:space-between;align-items:center;padding:0 8px;font-size:.72em}.overTool .btab .uicon{color:var(--gray-txt)}.restWindow{position:relative;box-sizing:border-box;width:100%;flex-grow:1;scroll-behavior:smooth}.edgeBrowser .overTool{height:26px}.addressBar{background:var(--bg1)}.addressBar .uicon{color:var(--med-txt)}.addCont{width:80%}.addCont input{box-sizing:border-box;background:var(--ipbar);color:var(--txt-col);border-radius:4px;border:solid 1px var(--comp-txt)}.bookbar{background:var(--bg1);color:var(--txt-col)}.cmdcont{position:absolute;height:100%}.cmdLine{font-size:.84em;font-family:consolas,monospace;height:1.2em;margin:0;font-weight:400;overflow:hidden;max-width:100%}.actmd{height:auto;display:flex}.ipcmd{background:inherit;color:inherit;font-family:inherit;padding-right:100px;position:relative;caret-color:transparent;margin:0}.ipcmd:after{content:"";position:absolute;bottom:0;width:8px;height:2px;background:#ccc;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite}.ipcmd:active,.ipcmd:focus{outline:none;border:none;caret-color:#ccc}.ipcmd:active:after,.ipcmd:focus:after{display:none}@-webkit-keyframes blink{0%,to{background:transparent}50%{background:#ccc}}@keyframes blink{0%,to{background:transparent}50%{background:#ccc}}.noteText{background:inherit;color:var(--txt-col);font-family:inherit;font-size:.88em;resize:none;width:100%;height:100%;box-sizing:border-box;outline:none;border:none;padding:4px 8px}.noteText::selection{background:var(--clrPrm);color:var(--wintheme)}.noteText:active,.noteText:focus{outline:none;border:none}.aboutApp{--bg1: #f3f3f3;--bg2: #fff;top:calc(50% - 210px);left:calc(50% - 14rem);width:28rem;height:auto;color:var(--dark-txt);background:var(--bg1);overflow:hidden;font-size:14px}.aboutApp a{color:var(--clrPrm);font-weight:500}.aboutApp .content{background:var(--bg2)}.aboutApp .okbtn{display:flex;flex-direction:column;align-items:flex-end;border-top:1px solid var(--comp-txt)}.aboutApp .okbtn div{background:var(--clrPrm);color:var(--alt-txt);border:1px solid transparent;font-weight:500;padding:6px 24px;border-radius:4px;cursor:pointer}.aboutApp .okbtn div[data-allow=false]{background:var(--bg2);color:var(--sat-txt);border:1px solid;cursor:not-allowed}body[data-theme=dark] .aboutApp{--bg1: #202020;--bg2: #2b2b2b}.calcApp{min-width:320px;min-height:500px}.calcApp[data-size=mini]{top:4%;left:8%;width:320px;height:500px}.calcHis{display:none;transition:all ease-in-out .2s;position:relative;box-sizing:border-box}.calcApp[data-size=full] .calcHis{width:260px;display:flex}.histCont{position:relative;flex-grow:1;margin-right:2px;overflow-y:scroll}.hct{position:absolute;top:0;width:100%;box-sizing:border-box;padding-right:10px}.valCont{box-sizing:border-box;height:25%;display:flex;flex-direction:column;align-items:flex-end;padding:0 32px;color:var(--dark-txt)}.vlcCont{white-space:nowrap;font-size:360%}.eqCont{font-size:.8em;color:var(--sat-txt)}.msrVal{display:flex;padding:16px 0;font-size:.64em;color:var(--sat-txt)}.msrVal div{margin:0 24px}.msrVal div:nth-child(n+3){color:var(--txt-col);font-weight:600}.opcont{height:70%;display:grid;flex-grow:1;position:relative;box-sizing:border-box;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));margin:4px;gap:2px}.opcont[data-err=true] .oper{background:var(--err-bg);color:var(--err-txt);pointer-events:none}.opcont[data-err=true] .oper:nth-child(3){background:var(--bg3);color:var(--dark-txt);pointer-events:auto}.oper{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border:solid 1px rgba(0,0,0,.1);background:var(--bg2);color:var(--dark-txt);font-size:90%;cursor:pointer;border-radius:4px}.oper *{pointer-events:none}.oper:hover{background:var(--bg3)}.oper:nth-child(-n+8),.oper:nth-child(4n){background:var(--bg3);color:var(--dark-txt)}.oper:nth-child(-n+8):hover,.oper:nth-child(4n):hover{background:var(--bg2)}.oper:last-child{background:var(--clrPrm);color:var(--bg1)}.oper:last-child:hover{background:var(--clrPrm);-webkit-filter:brightness(.9);filter:brightness(.9)}.oper:nth-child(4n){font-size:1.8em}.oper:nth-child(4){font-size:1em;color:var(--dark-txt)}.oper:nth-child(8){font-size:1.2em}.oper:nth-child(12){font-family:monospace}.opow sup{margin-top:-8px}.crossOp{font-family:monospace}.canvaCont{position:relative;flex-grow:1;z-index:0}.clickCont{position:absolute;bottom:0;width:100%;z-index:10;display:flex;flex-direction:column;align-items:center}.paintTool{min-width:60px;height:60px;background:#fefefe;display:flex;box-shadow:0 0 8px 2px #00000040;padding:0 12px}.ptool{position:relative;width:48px;height:100%;display:flex;flex-direction:column;align-items:center;padding:0 4px;transition:all 50ms ease-in-out}.ptool[data-active=true]{background:#ddd}.ptool[data-active=true]:before{content:"";position:absolute;top:8px;right:8px;width:6px;height:6px;border-radius:10px;background:#222}.ptool:hover{background:#eee}.ptool svg{margin-top:36%;max-height:72%}.ptool img{margin-top:36%;width:56%}.dsbar{background:#282a2f;position:relative}.servCont{padding:0 12px;height:-webkit-max-content;height:max-content;overflow-y:scroll;position:absolute}.servCont .dsIcon,.servCont .svIcon{height:48px;background:#36393f;border-radius:24px;margin-bottom:8px;transition:all .2s ease-in-out;cursor:pointer}.servCont .dsIcon img,.servCont .svIcon img{border-radius:24px}.servCont .dsIcon:after,.servCont .svIcon:after{content:"";width:4px;height:0;position:absolute;left:-12px;background:#fefefe;z-index:1;border-radius:0 6px 6px 0;transition:all .2s ease-in-out}.servCont .dsIcon:hover,.servCont .dsIcon:nth-child(3),.servCont .svIcon:hover,.servCont .svIcon:nth-child(3){background:none;border-radius:16px}.servCont .dsIcon:hover img,.servCont .dsIcon:nth-child(3) img,.servCont .svIcon:hover img,.servCont .svIcon:nth-child(3) img{border-radius:16px}.servCont .dsIcon:hover:after,.servCont .dsIcon:nth-child(3):after,.servCont .svIcon:hover:after,.servCont .svIcon:nth-child(3):after{height:20px}.servCont .dsIcon:hover:nth-child(1),.servCont .dsIcon:nth-child(3):nth-child(1),.servCont .svIcon:hover:nth-child(1),.servCont .svIcon:nth-child(3):nth-child(1){background:#5865f2}.servCont .dsIcon:nth-child(3):after,.servCont .svIcon:nth-child(3):after{height:40px}.servCont hr{width:60%;border-style:solid;border-color:#36393f}.joincont{position:absolute;bottom:0;padding:4px 12px 6px;margin:8px;text-align:center;background:#36393f;border-radius:24px;transition:all .2s ease-in-out}.joincont:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.joincont a{color:#ede4e4}.wnServer:before{content:"";position:absolute;width:48px;height:48px;background-image:url(./server.f30e785e.jpg);background-size:cover;border-radius:16px;z-index:1}.wnServer:hover:before{display:none}.camcont{position:absolute;width:100%;height:100%;display:flex;flex-direction:row-reverse}.camcont .camctrl{width:100px;display:grid;place-items:center}.camcont .camctrl .cmicon{background:#fefefe;margin:10px;border-radius:50%;border:4px solid #aaa}.camcont .camctrl .cmicon:active{background:#888;border-width:3px}.camcont .camctrl .cmicon:active .uicon{border:none;-webkit-transform:scale(.9);transform:scale(.9)}.camcont .camctrl .cmicon .uicon{width:64px;height:64px;border:3px solid #000;border-radius:50%}.camcont .camctrl canvas{position:absolute;bottom:16px;background:#444;border:solid 2px #ccc;box-sizing:border-box;width:48px;height:48px}.camcont .vidcont{flex-grow:1;height:100%;overflow:hidden}.camcont .vidwrap{position:relative;width:100%;height:100%}.camcont video{width:100%;height:100%;-webkit-transform:scaleX(-1);transform:scaleX(-1)}@font-face{font-family:Spotify;src:url(./spotify.2699cb74.woff2) format("woff2"),url(./spotify.e2d45b27.ttf) format("truetype")}@font-face{font-family:SettingsIcons;src:url(./SettingsIcons.166d2107.woff2) format("woff2")}body{--dark-txt: #000;--alt-txt: #fff;--med-dark: #111;--txt-col: #222;--med-txt: #3c3c3c;--comp-txt: #ddd;--comp-clr: #e6e6e6;--gray-txt: #555;--sat-txt: #777;--clrPrm: #0067c0;--wintheme: #eee;--txt_clr-rgb: 0 0 0;--base_bg-rgb: 243 243 243;--fakeMica: #f3f3f3 radial-gradient(#eff4f9 75%, #f3f3f3 100%) no-repeat fixed}body[data-theme=dark]{--dark-txt: #fff;--alt-txt: #000;--med-dark: #eee;--txt-col: #ddd;--med-txt: #c3c3c3;--comp-txt: #222;--comp-clr: #191919;--gray-txt: #aaa;--sat-txt: #999;--clrPrm: #4cc2ff;--wintheme: #1e1e26;--txt_clr-rgb: 255 255 255;--base_bg-rgb: 32 32 32;--fakeMica: #202020 radial-gradient(#1a1f35 25%, #202020 100%) no-repeat fixed}.edgeBrowser{--bg0: #e7eaec;--bg1: #f7fafc;--ipbar: #fefefe;--shd: rgba(80, 80, 80, .2);background:var(--bg0)}body[data-theme=dark] .edgeBrowser{--bg0: #222228;--ipbar: #222228;--bg1: rgb(45, 45, 51);--shd: rgba(0, 0, 0, .3)}body[data-theme=dark] .edgeBrowser .edgenavicon{-webkit-filter:invert(1);filter:invert(1)}.wnstore{--nav-btn-hov: #ffffff;--page-bg: #f4f4f4;--page-bg: rgb(255 255 255 / 50%);--page-bd-col: #e2e2e2;--rib-bg: #ffffffb8;--rib2-bg: #fdfdfd;--rib2-bg: #ffffff;background:var(--fakeMica)}.wnstore .win11Scroll{overflow-y:overlay}body[data-theme=dark] .wnstore{--nav-btn-hov: #454545;--page-bg: rgb(255 255 255 / 3.33%);--page-bd-col: #292828;--rib-bg: #2f2e30b8;--rib2-bg: rgb(255 255 255 / 5%)}body[data-theme=dark] .wnstore .win11Scroll::-webkit-scrollbar{--scroll: rgb(44 44 44 / 80%)}.wnterm{background:rgb(16,16,16)}.notepad{--bg1: #f9f9f9;background:var(--fakeMica);color:var(--dark-txt)}.notepad .restWindow{background:var(--bg1)}body[data-theme=dark] .notepad{--bg1: #282828}.calcApp{--bg1: rgb(243, 243, 243);--bg2: #ffffff;--bg3: #f9f9f9;--err-bg: rgb(255, 255, 255, .1);--err-txt: #999;background:var(--fakeMica);color:var(--dark-txt)}body[data-theme=dark] .calcApp{--bg1: rgba(32, 32, 32);--bg2: rgba(255, 255, 255, .12);--bg3: rgba(255, 255, 255, .08);--err-bg: rgba(255, 255, 255, .033);--err-txt: #777}body[data-theme=dark] .calcApp .menuBars{-webkit-filter:invert(1);filter:invert(1)}.whiteBoard{background:var(--comp-txt)}.spotify{background:rgb(24,24,24)}.discordWn{background:#36393f}.lightWindow{background:#e7eaec}.darkWindow{background:#1a1614}.wnCam{background:#060606}.msfiles{--bg1: #ffffff;--bg2: #f5f5f5;--dsb-col: #aaa;--gray1: #bbb;--gray2: #ddd;--hover-bg: rgba(0, 178, 255, .16);--focus-bg: rgba(0, 183, 255, .25);font-size: 1rem!important;}body[data-theme=dark] .msfiles{--bg1: #191919;--bg2: #1c1c1c;--dsb-col: #555;--gray1: #444;--gray2: #222;--hover-bg: rgba(136, 136, 136, .5);--focus-bg: rgba(228, 228, 228, .5)}.msfiles{background:var(--fakeMica);color:var(--txt-col)}.msfiles .msribbon{padding:1em 1em .6em 0;box-sizing:border-box;border:solid 0 var(--comp-txt);border-bottom-width:1px;width:auto}.msfiles .restWindow{background:var(--bg1)}.ribsec{display:flex;color:var(--txt-col);font-size:.8em;align-items:center;box-sizing:border-box;border:solid 0 var(--dsb-col);border-right-width:1px;padding:.4em .8em}.ribsec>.uicon{margin:0 .5em}.drdwcont{margin:0 .4em}.dropdownmenu{display:flex;flex-direction:column;position:relative}.dropdownmenu .droptitle{display:flex;margin:2.5px 0;padding-left:4px;align-items:center}.dropdownmenu .droptitle:hover:before{content:"";position:absolute;left:0;width:100%;height:1.4em;border-radius:2px;background:rgba(136,136,136,.24)}.dropdownmenu .droptitle:hover .arrUi svg{color:var(--txt-col)!important}.dropdownmenu .droptitle .arrUi{margin-right:.4em}.dropdownmenu .droptitle .fa-chevron-right{color:var(--dsb-col)}.disableIt{color:var(--dsb-col)!important}.dropcontent .dropdownmenu{padding-left:.6em}.navtitle{flex-grow:1;font-size:12.5px;padding:2px 0;align-items:center;position:relative;font-weight:400}.sec1{display:flex;padding:.5em .5em .5em 0}.sec1 .navIcon{color:var(--gray-txt);padding:0 .5em;margin-left:.5em;border-radius:4px;transition:all .2s ease-in-out}.sec1 .path-bar{flex-grow:1;overflow:scroll;margin:0 .6em;padding:0 .6em;font-size:.8em;color:var(--med-txt);border:1px solid var(--gray1);position:relative}.sec1 .path-bar .dirfbox{position:absolute;width:-webkit-max-content;width:max-content;padding-right:1em}.sec1 .path-bar .dirfbox .dirCont:hover .dirchev,.sec1 .path-bar .dirfbox .dirCont:hover .dncont{background:rgba(136,136,136,.3)}.sec1 .path-bar .dirfbox .dncont{padding:0 .25em 2px;color:var(--med-dark);height:100%;display:flex;align-items:center;box-sizing:border-box}.sec1 .path-bar .dirfbox .dirchev{padding:0 2px;margin-left:1px;height:100%}.sec1 .path-bar .path-field{font-size:inherit;background:inherit;color:var(--med-dark);letter-spacing:1px;box-sizing:border-box;padding-bottom:4px;width:100%;height:100%;display:none}.sec1 .path-bar .path-field:active,.sec1 .path-bar .path-field:focus{display:block}.sec1 .path-bar .path-field:active+.dirfbox,.sec1 .path-bar .path-field:focus+.dirfbox{display:none}.sec1 .path-bar:focus .dirfbox{display:none}.sec1 .path-bar:focus .path-field{display:block}.sec1 .srchbar{width:20%;padding:.6em .2em;font-size:.8em;color:var(--txt-col);border:1px solid var(--gray1);display:flex}.sec1 .srchbar .searchIcon{margin:0 1em}.sec1 .srchbar input{width:100%;font-size:inherit;background:inherit;color:var(--med-dark)}.sec2{width:100%;height:100%;box-sizing:border-box;display:flex}.sec2 .navpane{width:180px;max-height:100%;padding:.4em 2px;overflow-x:hidden;overflow-y:scroll;border:0 solid var(--gray2);border-right-width:medium;position:relative}.sec2 .contentarea{height:100%;flex-grow:1}.extcont{position:absolute;width:100%;height:-webkit-max-content;height:max-content}.extcont>.dropdownmenu{margin-bottom:.5em}.contentarea{display:flex;flex-direction:column}.contentarea:focus{outline:none}.contentarea .contentwrap{flex-grow:1;overflow-x:hidden;overflow-y:scroll;position:relative;display:flex;flex-direction:column;align-items:center}.contentarea .conticon[data-focus=true]{background:var(--focus-bg);color:var(--dark-txt)}.contentarea .conticon span{width:100%;max-height:32px;text-align:center;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.contentarea .gridshow{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;display:grid;padding:0 1em;font-size:.72em;font-weight:400;grid-template-columns:repeat(auto-fill,var(--cwidth));justify-content:space-between;align-items:flex-end}.contentarea .gridshow[data-size=lg]{--cwidth: 8.6em;grid-column-gap:1em}.contentarea .gridshow[data-size=lg] .conticon{padding:.2em;margin:.6em 0}.contentarea .gridshow .conticon{align-self:flex-start}.sec3{background:var(--bg2);display:flex;justify-content:space-between;align-items:center;padding:2px 4px 2px 8px}.sec3 .item-count{box-sizing:border-box;padding:0 8px;height:60%;border:0 solid var(--med-txt);border-right-width:1px}.sec3 .view-opts .viewicon[data-open=true]{background:var(--focus-bg)}.hvtheme:hover{background:var(--hover-bg)}.getstarted{background:rgb(var(--base_bg-rgb)/67%);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);color:var(--dark-txt);}.getstarted .restWindow{display:flex;align-items:center;justify-content:center}.getstarted .inner_fill_setup{background:rgba(255,255,255,.75);position:relative;width:720px;height:580px;border-radius:8px;display:grid;grid-template-columns:50% 50%;box-shadow:10px 6px 20px #00000008}.getstarted .left{display:flex;justify-content:center;align-items:center}.getstarted #left_img{width:230px;height:230px;-webkit-animation:transition_effect_pop 1s;animation:transition_effect_pop 1s}.getstarted .right{padding:20px;-webkit-animation:transition_effect 1.4s;animation:transition_effect 1.4s}.getstarted .header{font-size:20px;font-weight:600;padding-top:36px;-webkit-animation:transition_effect 1.4s;animation:transition_effect 1.4s}.getstarted .list_oobe{height:380px;overflow-x:hidden;overflow-y:scroll;-webkit-animation:transition_effect 1.4s;animation:transition_effect 1.4s}.getstarted .list_oobe_opt,.getstarted .list_oobe_opt_wifi{width:306px;padding:12px;display:flex;border-radius:4px;margin-bottom:6px}.getstarted .list_oobe_opt:hover{background:rgba(175,175,175,.12)}.getstarted #selected{background:var(--clrPrm);color:var(--alt-txt)}.getstarted .yes_button{border-radius:4px;background:var(--clrPrm);color:var(--alt-txt);height:36px;width:102px;text-align:center;line-height:36px;position:absolute;font-size:14px;right:35px;cursor:default;-webkit-animation:transition_effect 1.4s;animation:transition_effect 1.4s;bottom:37px}.getstarted .setup_settings{display:flex;position:absolute;right:2rem;bottom:1rem}.getstarted #volume{width:18px;height:18px}.getstarted #loader{-webkit-animation:spiner infinite 2s;animation:spiner infinite 2s;width:115px;height:115px}.getstarted .header_sml{color:gray;font-size:10px;width:325px;margin-top:8px;-webkit-animation:transition_effect 1.4s;animation:transition_effect 1.4s}.getstarted .header_sml_wifi{color:gray;font-size:12px;width:325px;-webkit-animation:transition_effect 1.4s;animation:transition_effect 1.4s}.getstarted .text_sml_black{color:var(--dark-txt);font-size:12px;width:325px;-webkit-animation:transition_effect 1.4s;animation:transition_effect 1.4s;margin-top:10px}.getstarted .text_sml_black_wifi{color:var(--dark-txt);font-size:12px}.getstarted .align{display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:600;font-size:16px}.getstarted #OOBE_input{border:none;border-bottom:3px transparent solid;outline:none;background:#fff;border-radius:4px;transition:.2s;padding:10px 23px 5px 12px;font-weight:500;font-size:13.5px;width:189px}.getstarted .OOBE_input{margin-top:145px}.getstarted #OOBE_input:focus{border-bottom:3px var(--clrPrm) solid}.getstarted #cancel_input{width:11.7px;height:12px;opacity:0;-webkit-transform:translateX(-28px) translateY(1px);transform:translate(-28px) translateY(1px)}.getstarted .ethernet_list{height:248px;width:316px;border-bottom:1px rgba(128,128,128,.278) solid}.getstarted #connection{font-size:47px}.getstarted .ethernet_list_opt_inr{width:-webkit-max-content;width:max-content;-webkit-transform:translate(10px,2px);transform:translate(10px,2px)}@-webkit-keyframes transition_effect{0%{opacity:0}to{opacity:1}}@keyframes transition_effect{0%{opacity:0}to{opacity:1}}@-webkit-keyframes spiner{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spiner{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes transition_effect_pop{0%{opacity:0;-webkit-transform:translateY(187px) scale(.5);transform:translateY(187px) scale(.5)}to{opacity:1;-webkit-transform:translateY(0px) scale(1);transform:translateY(0) scale(1)}}@keyframes transition_effect_pop{0%{opacity:0;-webkit-transform:translateY(187px) scale(.5);transform:translateY(187px) scale(.5)}to{opacity:1;-webkit-transform:translateY(0px) scale(1);transform:translateY(0) scale(1)}}body[data-theme=dark] .getstarted .inner_fill_setup{background:rgba(255,255,255,.075)}body[data-theme=dark] .getstarted #OOBE_input{background:rgb(var(--base_bg-rgb));color:var(--sat-txt)}body[data-theme=dark] .getstarted .acsblty{-webkit-filter:invert(1);filter:invert(1)}.settingsApp{--bg: #f3f3f3;background:var(--fakeMica);color:rgb(var(--txt_clr-rgb));min-width:720px}@supports (container-type: inline-size){.settingsApp{min-width:360px}}.settingsApp .restWindow{font-size:14px;height:100%;container-type:inline-size;container-name:appWrapper}.settingsApp .restWindow *{margin:0;padding:0;box-sizing:border-box}.settingsApp .restWindow nav{position:absolute;left:0;width:300px;height:100%;display:flex;flex-direction:column}.settingsApp .restWindow nav .nav_top .account{border-radius:4px;display:flex;align-items:center;gap:16px;padding:8px;margin:8px}.settingsApp .restWindow nav .nav_top .account:hover{background:rgb(var(--txt_clr-rgb)/3.33%)}.settingsApp .restWindow nav .nav_top .account div p:first-child{font-weight:500}.settingsApp .restWindow nav .nav_top .account div p:last-child{font-size:smaller}.settingsApp .restWindow nav .nav_top .search{background:white;height:32px;width:268px;border:0;border-bottom:1px solid var(--clrPrm);border-radius:4px;padding:8px;margin:8px 16px 20px;color:var(--dark-txt)}.settingsApp .restWindow nav .nav_top .search:hover{background:rgba(255,255,255,.33)}.settingsApp .restWindow nav .nav_top .search:focus{border-bottom:2px solid var(--clrPrm)}.settingsApp .restWindow nav .nav_top .search:focus-visible{outline:none}.settingsApp .restWindow nav .nav_top .search::-webkit-input-placeholder{color:rgb(var(--txt_clr-rgb)/66%)}.settingsApp .restWindow nav .nav_top .search::placeholder{color:rgb(var(--txt_clr-rgb)/66%)}.settingsApp .restWindow nav .nav_bottom{display:flex;flex-direction:column;overflow:overlay;position:relative}.settingsApp .restWindow nav .nav_bottom .navLink{position:relative;overflow:hidden;height:36px;padding-left:7px;margin:2px 16px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.settingsApp .restWindow nav .nav_bottom .navLink:hover,.settingsApp .restWindow nav .nav_bottom .navLink.selected{background:rgb(var(--txt_clr-rgb)/5%)}.settingsApp .restWindow nav .nav_bottom .navLink img{margin:0 10.5px 0 7px}.settingsApp .restWindow nav .nav_bottom .marker{position:absolute;background:var(--clrPrm);height:16px;width:3px;border-radius:3px;top:0;left:16px;-webkit-transform:translateY(12px);transform:translateY(12px);transition:-webkit-transform .25s cubic-bezier(1,0,0,1);transition:transform .25s cubic-bezier(1,0,0,1);transition:transform .25s cubic-bezier(1,0,0,1),-webkit-transform .25s cubic-bezier(1,0,0,1)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(1).selected~.marker{-webkit-transform:translateY(12px);transform:translateY(12px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(2).selected~.marker{-webkit-transform:translateY(52px);transform:translateY(52px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(3).selected~.marker{-webkit-transform:translateY(92px);transform:translateY(92px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(4).selected~.marker{-webkit-transform:translateY(132px);transform:translateY(132px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(5).selected~.marker{-webkit-transform:translateY(172px);transform:translateY(172px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(6).selected~.marker{-webkit-transform:translateY(212px);transform:translateY(212px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(7).selected~.marker{-webkit-transform:translateY(252px);transform:translateY(252px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(8).selected~.marker{-webkit-transform:translateY(292px);transform:translateY(292px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(9).selected~.marker{-webkit-transform:translateY(332px);transform:translateY(332px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(10).selected~.marker{-webkit-transform:translateY(372px);transform:translateY(372px)}.settingsApp .restWindow nav .nav_bottom .navLink:nth-child(11).selected~.marker{-webkit-transform:translateY(412px);transform:translateY(412px)}.settingsApp .restWindow main{margin-left:300px;overflow:hidden;display:flex;flex-direction:column}.settingsApp .restWindow main .sysTop{width:min(100%,1000px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 0 14px;gap:8px}.settingsApp .restWindow main .sysTop .left{display:flex;align-items:center}.settingsApp .restWindow main .sysTop .left .device_img{height:70px;border:4px solid black;border-radius:4px}.settingsApp .restWindow main .sysTop .left .column_device{margin-left:16px}.settingsApp .restWindow main .sysTop .left .column_device .device_name{font-size:18px;font-weight:500}.settingsApp .restWindow main .sysTop .left .column_device .device_model{color:rgb(var(--txt_clr-rgb)/90%)}.settingsApp .restWindow main .sysTop .left .column_device .device_rename{color:var(--clrPrm)}.settingsApp .restWindow main .sysTop .right{display:flex}.settingsApp .restWindow main .sysTop .right .column{display:flex;align-items:center;border-radius:4px;padding:8px}.settingsApp .restWindow main .sysTop .right .column:hover{background:rgb(var(--txt_clr-rgb)/5%)}.settingsApp .restWindow main .sysTop .right .column p{font-weight:500;padding:0 12px}.settingsApp .restWindow main .sysTop .right .column p .column_lower{color:rgb(var(--txt_clr-rgb)/60%);font-size:13px;font-weight:400}.settingsApp .restWindow main .netTop{width:min(100%,1000px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px;gap:1rem}.settingsApp .restWindow main .netTop div:first-child{display:flex;align-items:center;gap:10px}.settingsApp .restWindow main .netTop .box{display:flex;padding:8px;gap:10px;align-items:center;border-radius:4px}.settingsApp .restWindow main .netTop .box .settingsIcon{margin:0}.settingsApp .restWindow main .netTop .box:hover{background:rgb(var(--txt_clr-rgb)/5%)}.settingsApp .restWindow main .netTop .box h3{font-weight:500;font-size:14px}.settingsApp .restWindow main .netTop .box p{font-size:12px;color:rgb(var(--txt_clr-rgb)/67%)}.settingsApp .restWindow main .personaliseTop{display:flex;flex-wrap:wrap;margin-bottom:20px;gap:12px}.settingsApp .restWindow main .personaliseTop .mainImg{height:200px;border:8px solid black;border-radius:1rem;margin-right:32px}.settingsApp .restWindow main .personaliseTop div h3{font-size:14px;font-weight:500;padding-bottom:8px}.settingsApp .restWindow main .personaliseTop div .bgBox{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:8px}.settingsApp .restWindow main .personaliseTop div .bgBox img{width:120px;border-radius:4px}.settingsApp .restWindow main .personaliseTop div .bgBox .selected{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--clrPrm);border-radius:2px}.settingsApp .restWindow main .accountsTop{display:flex;gap:16px;align-items:center;padding: 1rem 0;}.settingsApp .restWindow main .accountsTop div p:first-child{font-size:16px}.settingsApp .restWindow main .accountsTop div p:nth-child(2),.settingsApp .restWindow main .accountsTop div p:last-child{color:rgb(var(--txt_clr-rgb)/67%)}.settingsApp .restWindow main .langSwitcherTile:after{display:none}.settingsApp .restWindow main .langSwitcherTile select{background:rgba(255,255,255,.8);border:1px solid rgb(238,236,235);border-bottom:1px solid rgb(212,211,210);color:rgb(var(--txt_clr-rgb));height:32px;padding-left:8px;border-radius:6px}.settingsApp .restWindow main .updateTop{display:flex;width:min(100%,1000px);align-items:center;gap:1rem}.settingsApp .restWindow main .updateTop .btn{background:var(--clrPrm);color:var(--alt-txt);padding:6px 12px;border-radius:4px}.settingsApp .restWindow main .updateTop .left{display:flex;align-items:center;gap:1rem}.settingsApp .restWindow main .updateTop .left div h2{font-size:18px;font-weight:600}.settingsApp .restWindow main .updateTop .left div p{font-size:14px;color:rgb(var(--txt_clr-rgb)/67%)}.settingsApp .restWindow main .updateTop .right{flex-shrink:0;margin-left:auto}.settingsApp .restWindow main h1{padding:14px 24px;font-weight:500;font-size:28px}.settingsApp .restWindow main .tilesCont{padding:0 24px 44px;overflow-y:overlay;display:flex;flex-direction:column;gap:4px;-webkit-animation:slideUp .2s;animation:slideUp .2s}.settingsApp .restWindow main .tilesCont .settingsIcon{font-size:20px;margin:0 21px 0 17.5px;font-family:SettingsIcons}.settingsApp .restWindow main .tilesCont .tile{width:min(100%,1000px);min-height:67px;display:flex;align-items:center;background:rgba(255,255,255,.67);border-radius:4px;padding:7px 42px 7px 0;border:1px solid rgba(0,0,0,.1);position:relative}.settingsApp .restWindow main .tilesCont .tile:hover{background:rgba(255,255,255,.33)}.settingsApp .restWindow main .tilesCont .tile:after{content:">";-webkit-transform:scaleY(2);transform:scaleY(2);position:absolute;right:16px}.settingsApp .restWindow main .tilesCont .tile .tile_content{flex-grow:1}.settingsApp .restWindow main .tilesCont .tile .tile_desc{color:rgb(var(--txt_clr-rgb)/66%);font-size:12.33px}.settingsApp .restWindow main .tilesCont .tile.square{width:220px;height:220px;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;padding:0;font-weight:500}.settingsApp .restWindow main .tilesCont .tile.square .settingsIcon{font-size:48px}.settingsApp .restWindow main .tilesCont .tile.thin-blue{min-height:unset;height:unset;color:var(--clrPrm);justify-content:center;margin:4px 0}.settingsApp .restWindow main .tilesCont .tile.thin-blue:after,.settingsApp .restWindow main .tilesCont .tile.square:after{display:none}.settingsApp .restWindow main .tilesCont .subHeading{font-weight:500;height:45px;display:flex;align-items:center;flex-shrink:0}.settingsApp .restWindow main .tilesCont .spacer{padding:8px}.settingsApp .restWindow .navMenuBtn{display:none}@container appWrapper (max-width: 800px){.settingsApp .restWindow .navMenuBtn{display:flex;position:absolute;top:8px;right:8px;padding:12px;border-radius:6px}.settingsApp .restWindow .navMenuBtn:hover{background:rgb(var(--txt_clr-rgb)/5%)}.settingsApp .restWindow .navMenuBtn svg{transition:all .1s}.settingsApp .restWindow .navMenuBtn:active svg{-webkit-transform:scaleX(.67);transform:scaleX(.67)}.settingsApp .restWindow main{margin-left:0}.settingsApp .restWindow nav{background:var(--bg);z-index:999;-webkit-transform:translateX(-100%);transform:translate(-100%);transition:all .2s cubic-bezier(0,0,0,1)}.settingsApp .restWindow nav.open{-webkit-transform:translateX(0);transform:translate(0)}}body[data-theme=dark] .settingsApp{--bg: #202020}body[data-theme=dark] .settingsApp .restWindow nav .nav_top .search{background:rgba(255,255,255,.0333)}body[data-theme=dark] .settingsApp .restWindow nav .nav_top .search:hover{background:rgba(255,255,255,.05)}body[data-theme=dark] .settingsApp .restWindow main .tilesCont .tile{background:rgba(255,255,255,.05)}body[data-theme=dark] .settingsApp .restWindow main .tilesCont .tile:hover{background:rgba(255,255,255,.1)}body[data-theme=dark] .settingsApp .restWindow main .tilesCont .tile select{background:rgba(255,255,255,.07);border:1px solid rgba(238,236,235,.071);border-bottom:1px solid rgba(212,211,210,.051)}body[data-theme=dark] .settingsApp .restWindow main .tilesCont .tile select option{background:var(--bg)}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(70px);transform:translateY(70px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{-webkit-transform:translateY(70px);transform:translateY(70px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.spotify .windowScreen{font-family:Spotify,sans-serif;cursor:default}.navcover{background:#121212}.spnav{height:100%;background:#121212;-webkit-transform:translateY(-26px);transform:translateY(-26px)}.spnav .snav{display:flex;align-items:center;position:relative;color:#aaa}.spnav .snav *{pointer-events:none}.spnav .snav[data-act=true]{color:#fefefe}.spnav .snav[data-act=true]:before{content:"";position:absolute;left:0;width:3px;height:110%;background:#1dd75e;margin-left:-24px}.spnav .navcont{box-sizing:border-box;position:absolute;left:0;width:98%;padding-left:24px;height:calc(100% - 260px)}.spscreen{height:calc(100% - 88px);box-sizing:border-box;position:relative;flex-grow:1;padding:32px;overflow-y:scroll}.splayer{box-sizing:border-box;background:#282828;position:absolute;bottom:0;width:100%;height:88px;padding:0 16px;display:flex;align-items:center}.snfo{width:280px;max-width:25%}.sname{max-width:210px}.sname div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sctrl{width:142px;margin-left:auto}.songAct{max-width:720px;flex-grow:1;margin:0 auto;display:flex;flex-direction:column;align-items:center}.songAct .cticon{margin:0 16px;fill:#aaa;cursor:pointer}.songAct .cticon:hover{fill:#fefefe}.songAct .rpicon{position:relative}.songAct .rpicon[data-payload="1"],.songAct .rpicon[data-payload="2"]{fill:#1db954}.songAct .rpicon[data-payload="1"]:before,.songAct .rpicon[data-payload="2"]:before{content:"";position:absolute;top:110%;left:45%;width:3.6px;height:3.6px;border-radius:4px;background:#1db954}.songAct .rpicon[data-payload="2"]:after{content:"1";position:absolute;top:0;right:0;padding:0 2px;font-weight:700;font-size:.2em;border-radius:10px;background:#1db954}.songAct .cborder{width:28px;border:solid 2px rgba(255,255,255,.64);border-radius:100px;margin:0 14px;display:flex;flex-direction:column;align-items:center}.sficon{position:relative;color:#aaa}.sficon[data-payload="1"]{fill:#1db954!important;color:#1db954!important}.sficon[data-payload="1"]:before{content:"";position:absolute;top:110%;left:40%;width:3.6px;height:3.6px;border-radius:4px;background:#1db954}.sdivider{position:relative;display:flex;margin-top:2px;flex-grow:1;max-width:640px}.sdivider input{width:100%}.sdivider .playbody{position:absolute;display:none}.sdivider .songprog{position:absolute;left:0;top:0;height:4px;background:#aaa;border-radius:10px;transition:all 10ms ease-in-out;pointer-events:none}.sdivider:hover .songprog{background:#1db954}.songprog{position:absolute;left:0;top:0;height:4px;background:#aaa;border-radius:10px;transition:all 10ms ease-in-out;pointer-events:none}.progTime{color:#b3b3b3;font-size:11px;font-weight:400;margin:0 12px;text-align:center}.rctrl{cursor:pointer}.rctrl:hover .songprog{background:#1db954}.volInp{width:80px}.gcol{color:#1db954}.songCont{border-radius:6px;display:grid;align-items:center;grid-template-columns:[index] 24px [first] 72px [var1] 3.8fr [var2] 3fr [last] 10px}.songCont:hover{background:rgba(255,255,255,.12)}.sitem{position:relative;color:#aaa}.sitem .h-px{background:#333}.scard{width:200px;position:relative;transition:all 50ms ease-in-out;border-radius:6px;cursor:pointer}.scard .sover{position:absolute;width:auto;top:148px;z-index:1;color:#111;font-weight:900;-webkit-text-stroke-width:.4px}.scard .imageCont{position:relative;height:178px;border-radius:6px;overflow:hidden;-webkit-filter:drop-shadow(0 0 12px rgba(0,0,0,.4));filter:drop-shadow(0 0 12px rgba(0,0,0,.4))}.scard .leading-5{height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.scard .artImg{border-radius:9999px}.scard .fplay,.scard .fpause,.topcard .fplay,.topcard .fpause{width:40px;height:40px;position:absolute;top:56%;right:10%;background:#1db954;border-radius:999px;box-shadow:0 6px 8px #00000040;display:grid;place-items:center;-webkit-transform-origin:center;transform-origin:center;transition:all 50ms ease-in-out}.scard .fplay:hover,.scard .fpause:hover,.topcard .fplay:hover,.topcard .fpause:hover{cursor:pointer}.scard .fplay .tria,.scard .fpause .tria,.topcard .fplay .tria,.topcard .fpause .tria{width:12px;height:12px;background:#fefefe;-webkit-clip-path:polygon(20% 0,100% 50%,20% 100%);clip-path:polygon(20% 0,100% 50%,20% 100%)}.scard .fplay .fbars,.scard .fpause .fbars,.topcard .fplay .fbars,.topcard .fpause .fbars{width:12px;height:12px;position:relative;background:#fefefe}.scard .fplay .fbars:after,.scard .fpause .fbars:after,.topcard .fplay .fbars:after,.topcard .fpause .fbars:after{content:"";position:absolute;left:4px;width:4px;height:12px;background:#1db954}.scard .fplay,.topcard .fplay{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}.scard:hover,.topcard:hover{background:rgba(130,130,130,.12)}.scard:hover .fplay,.topcard:hover .fplay{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.coverImg{position:relative;height:200px}.coverImg:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM1NGEwZjYiIHdpZHRoPSIxODAiIGhlaWdodD0iNDAiDQogICAgICAgICAgICAgIHZpZXdCb3g9IjAgMCAxNDQwIDMyMCIgaWQ9ImJvdHRvbTEiPg0KICAgICAgICAgICAgICA8cGF0aA0KICAgICAgICAgICAgICAgIGQ9Ik0wIDMybDQ4IDE2YzQ4IDE2IDE0NCA0OCAyNDAgNTguNyA5NiAxMC4zIDE5MiAuMyAyODgtMTZDNjcyIDc1IDc2OCA1MyA4NjQgNTguNyA5NjAgNjQgMTA1NiA5NiAxMTUyIDEyOGwyNDAgODAgNDggMTZ2OTZIMHoiDQogICAgICAgICAgICAgIC8+DQogICAgICAgIDwvc3ZnPg==);background-size:contain;background-position:bottom;-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scale(1,1.8);transform:scaleY(1.8);opacity:.5;-webkit-filter:hue-rotate(var(--rot1)) brightness(3);filter:hue-rotate(var(--rot1)) brightness(3)}.coverImg:before{content:"";position:absolute;width:66%;height:40%;top:0;left:0;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTgwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgMTQ0MCAzMjAiPjxwYXRoIGZpbGw9IiMwMDk5ZmYiIGZpbGwtb3BhY2l0eT0iMSIgZD0iTTAsMEw0OCw0OEM5Niw5NiwxOTIsMTkyLDI4OCwyNDBDMzg0LDI4OCw0ODAsMjg4LDU3NiwyNTAuN0M2NzIsMjEzLDc2OCwxMzksODY0LDEzMy4zQzk2MCwxMjgsMTA1NiwxOTIsMTE1MiwyMzQuN0MxMjQ4LDI3NywxMzQ0LDI5OSwxMzkyLDMwOS4zTDE0NDAsMzIwTDE0NDAsMzIwTDEzOTIsMzIwQzEzNDQsMzIwLDEyNDgsMzIwLDExNTIsMzIwQzEwNTYsMzIwLDk2MCwzMjAsODY0LDMyMEM3NjgsMzIwLDY3MiwzMjAsNTc2LDMyMEM0ODAsMzIwLDM4NCwzMjAsMjg4LDMyMEMxOTIsMzIwLDk2LDMyMCw0OCwzMjBMMCwzMjBaIj48L3BhdGg+PC9zdmc+);background-size:contain;background-position:bottom;-webkit-transform:scale(1,-1);transform:scaleY(-1);opacity:.32;-webkit-filter:hue-rotate(var(--rot1)) brightness(3);filter:hue-rotate(var(--rot1)) brightness(3)}.scbCont{position:absolute;display:flex;right:0;font-size:1.2em;color:#444;-webkit-transform:scale(1,1.8);transform:scaleY(1.8);top:10px;font-weight:200}.scbCont[data-var=true]{top:-4px}.scbCont .mx-2:hover{cursor:pointer;color:#aaa}.playtitle{font-size:4em;letter-spacing:4px;margin-top:8px;max-width:64vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-webkit-text-stroke-width:4px}.playbtn{background:#18cc58;font-weight:600;font-size:.72rem;width:64px;padding:10px 12px 8px;margin-top:12px;border-radius:24px;text-align:center;cursor:pointer;letter-spacing:2px;transition:all 50ms ease-in-out}.playbtn:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.infph{height:232px;margin-bottom:48px}.playinfo{display:flex;position:absolute;width:-webkit-max-content;width:max-content;padding-right:48px}.alsongs{box-sizing:border-box}.alsongs .hr{height:1px;background:#333;margin-bottom:12px}.srow{color:#b3b3b3;font-size:.84em;align-items:center;justify-content:space-between;display:grid;grid-template-columns:[index] 16px [first] 6fr [var1] 4fr [var2] 1.6fr [last] minmax(20px,1fr);padding:8px;letter-spacing:1px;border-radius:4px}.srow:nth-child(1){letter-spacing:2px}.srow:nth-child(1):hover{background:none}.srow:hover{background:rgba(255,255,255,.12)}.sidx{font-size:1.1em;text-align:right}.scol1{display:flex;align-items:center;margin-left:16px}.scol1 .scolsong{max-width:100%}.scol1 .scolsong[data-play=true]{margin-left:16px;max-width:calc(100% - 56px)}.scol1 .scolsong div{max-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.scol1 .imageCont{width:40px;height:40px}.scol2,.scol3,.dotdot{max-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.thiker{-webkit-text-stroke-width:2px;letter-spacing:2px;max-height:48px}.topcard{position:relative;background:#222;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.topcard *{pointer-events:none}.topcard .fplay,.topcard .fpause{top:unset;bottom:16px;right:16px;-webkit-transform:translateY(6px);transform:translateY(6px);transition:all .2s ease-in-out}.topcard .imageCont{box-shadow:2px 2px 12px #0006}.srCont{border-radius:6px}.srCont:hover{background:rgba(255,255,255,.12)}.storeNav .uicon{padding:18px 0;margin:0 4px 4px;color:#888;position:relative;transition:all ease-in-out .1s;border-radius:4px}.storeNav .uicon:after{content:"";position:absolute;width:3px;left:0;height:24px;border-radius:10px;background:var(--clrPrm);opacity:0;scale:0;pointer-events:none;transition:all ease-in-out .1s}.storeNav .uicon[data-payload=true]:after{opacity:1;scale:1}.storeNav .uicon:hover{background:var(--nav-btn-hov);color:var(--dark-txt)}.storeNav .uicon[data-payload=true]{background:var(--nav-btn-hov);color:var(--clrPrm)}.frontPage{position:relative;max-height:calc(100vh - 150px);overflow-y:hidden}.frontPage:after{content:"";width:100%;height:100px;position:absolute;bottom:0;background:linear-gradient(to top,var(--page-bg) 10%,rgba(135,136,135,.4) 50%,transparent 100%)}.panelName{color:#fefefe;text-shadow:-1px 1px 4px rgba(0,0,0,.4)}.storeRibbon{display:flex;width:-webkit-max-content;width:max-content;padding:0 28px}.storeRibbon::-webkit-scroll-bar{width:0}.storeRibbon .imageCont:before{content:attr(data-var);position:absolute;bottom:0;left:0;width:100%;color:#fefefe;font-size:.72em;padding:8px 12px;text-transform:capitalize;text-shadow:0 0 4px #222}.storeRibbon .imageCont:nth-child(1):after{content:"";width:100%;height:100%;position:absolute;top:0;box-sizing:border-box;border:solid 3px #294bff}.msfull{display:flex;flex-grow:1;flex-direction:column;overflow-x:hidden;overflow-y:scroll}.msfull .pagecont{border-radius:6px;background:var(--page-bg);border:1px solid var(--page-bd-col);min-height:100%;overflow:hidden}.frontCont{border-radius:8px}.amzApps{background:#670cd7;background:linear-gradient(138deg,#522f8b 0%,rgb(113,35,133) 100%)}.amzGames{background:#214458;background:linear-gradient(137deg,#214458 0%,#098793 100%)}.amzMovies{background:#217558;background:linear-gradient(137deg,#217558 0%,#0fa345 100%)}.ribcont{background:var(--rib-bg);margin:auto 6px;height:auto;width:120px;-webkit-transform-origin:center;transform-origin:center;transition:all ease-in-out .2s;color:var(--dark-txt)}.ribcont:hover{-webkit-transform:scale(1.06);transform:scale(1.06);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.ribcont .uicon{color:#aaa;margin-right:2px}.ribcont .bluestar{color:#006ff0}.catbtn{font-size:.8em;padding:1px 20px 3px;border:solid 1px #ccc;border-radius:100px;margin-right:16px;color:var(--txt-col)}.catbtn[value=true]{color:var(--clrPrm);border-color:var(--clrPrm)}.appscont{display:flex;flex-wrap:wrap}.appscont .ribcont{background:var(--rib2-bg);margin-right:1em;margin-bottom:2em;width:auto;cursor:pointer;border-radius:6px}.detailpage{display:flex;min-height:100%}.detailcont{width:320px;margin-right:8px;padding-top:4em;display:flex;flex-direction:column;align-items:center}.growcont{width:auto;width:calc(100% - 300px);margin-right:8px}.detailcont,.briefcont{border-radius:6px;background:var(--rib2-bg);border:1px solid var(--page-bd-col);color:var(--txt-col)}.instbtn{font-size:.8em;padding:4px 36px 6px;background:#0067c0;border-radius:4px;color:#eee}.instbtn:hover{background:#0157a2}.instbtn:active,.instbtn:focus-visible{background:#03549b}.descnt{display:grid;place-items:center;width:80%;margin-top:60px;text-align:justify;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.briefcont{width:100%;margin-bottom:8px}.briefcont pre{font-family:inherit;width:100%;white-space:pre-wrap}.briefcont>div{padding:0 16px 6px}.briefcont>div:nth-child(1){border:0 solid var(--comp-txt);border-bottom-width:1px}.briefcont .bg-orange-200{--bg-opacity: .8}.reviewtxt{color:var(--med-txt)}.downbar{width:120px;border-radius:8px;background:#bfcef2;overflow:hidden;position:relative;padding:4px 0}.downbar:after{content:"";position:absolute;top:0;left:-40%;padding:4px 0;width:40%;border-radius:8px;background:#0069ff;-webkit-animation:downanim 1s linear infinite;animation:downanim 1s linear infinite}@-webkit-keyframes downanim{0%{left:-40%}to{left:100%}}@keyframes downanim{0%{left:-40%}to{left:100%}}.taskmanagerApp{--txt_clr-rgb: 0 0 0;--bg: white;background:var(--fakeMica);color:var(--dark-txt)}.taskmanagerApp .windowScreen .restWindow{height:100%}.taskmanagerApp nav{position:absolute;left:0;width:44px;display:flex;flex-direction:column}.taskmanagerApp nav .navLink{height:36px;padding-left:4px;margin:2px 4px;border-radius:4px;display:flex;align-items:center;flex-shrink:0}.taskmanagerApp nav .navLink:hover,.taskmanagerApp nav .navLink.selected{background:rgb(var(--txt_clr-rgb)/5%)}.taskmanagerApp nav .tabName{display:none}.taskmanagerApp nav.open{width:240px}.taskmanagerApp nav.open .tabName{display:inline}.taskmanagerApp nav .marker{position:absolute;background:var(--clrPrm);height:16px;width:3px;border-radius:3px;top:0;left:4px;transition:-webkit-transform .25s cubic-bezier(1,0,0,1);transition:transform .25s cubic-bezier(1,0,0,1);transition:transform .25s cubic-bezier(1,0,0,1),-webkit-transform .25s cubic-bezier(1,0,0,1)}.taskmanagerApp nav .navLink:nth-child(1).selected~.marker{-webkit-transform:translateY(12px);transform:translateY(12px)}.taskmanagerApp nav .navLink:nth-child(2).selected~.marker{-webkit-transform:translateY(52px);transform:translateY(52px)}.taskmanagerApp nav .navLink:nth-child(3).selected~.marker{-webkit-transform:translateY(92px);transform:translateY(92px)}.taskmanagerApp nav .navLink:nth-child(4).selected~.marker{-webkit-transform:translateY(132px);transform:translateY(132px)}.taskmanagerApp nav .navLink:nth-child(5).selected~.marker{-webkit-transform:translateY(172px);transform:translateY(172px)}.taskmanagerApp nav .navLink:nth-child(6).selected~.marker{-webkit-transform:translateY(212px);transform:translateY(212px)}.taskmanagerApp nav .navLink:nth-child(7).selected~.marker{-webkit-transform:translateY(252px);transform:translateY(252px)}.taskmanagerApp nav .navLink:nth-child(8).selected~.marker{-webkit-transform:translateY(292px);transform:translateY(292px)}.taskmanagerApp nav .navLink:nth-child(9).selected~.marker{-webkit-transform:translateY(332px);transform:translateY(332px)}.taskmanagerApp main{margin-left:44px;border-top-left-radius:8px;padding:0 1rem;background:var(--bg);transition:all .1s;display:flex;flex-direction:column;height:100%;overflow:scroll}.taskmanagerApp main::-webkit-scrollbar-corner{background:rgba(0,0,0,0)}.taskmanagerApp nav.open~main{margin-left:240px}.taskmanagerApp table{border-collapse:collapse}.taskmanagerApp table th,.taskmanagerApp table td{border:1px solid rgb(var(--txt_clr-rgb)/10%);padding:4px 8px}.taskmanagerApp table td:not(.name){background:rgba(0,0,255,.05)}.taskmanagerApp .navMenuBtn{display:flex;position:absolute;top:8px;right:8px;padding:12px;border-radius:6px}.taskmanagerApp .navMenuBtn:hover{background:rgb(var(--txt_clr-rgb)/5%)}.taskmanagerApp .navMenuBtn svg{transition:all .1s}.taskmanagerApp .navMenuBtn:active svg{-webkit-transform:scaleX(.67);transform:scaleX(.67)}body[data-theme=dark] .taskmanagerApp{--txt_clr-rgb: 255 255 255;--bg: #2c2c2c}
	.svg-inline--fa {
		width: 20px;
	}
	
	
.getstarted .list_oobe .active {
    border-radius: 4px;
    background: var(--clrPrm);
    color: var(--alt-txt);
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    right: 35px;
    cursor: default;
    -webkit-animation: transition_effect 1.4s;
    animation: transition_effect 1.4s;
    bottom: 37px;
}
	
	
#background {
    background-image: url("https://www.xda-developers.com/files/2021/06/Windows-11_Wallpaper_img100.jpg");
    background-size: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    z-index: -1;
}
#username{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: whitesmoke;
    font-weight: 600; 
    font-size: 2.5rem;
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);

}

#userpic {
    border-radius: 50%;
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 250px;
    
}

.userinput {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 400px;
    height: 50px;
    transform: translate(-50%, -50%);
    background-color: rgba(23, 27, 60, 0.9);
    border: 3px solid rgba(255, 255, 255, 0.07);
    border-bottom: 3px solid #0078d4;
    background-clip: padding-box;
    border-radius: 8px;
    color: rgb(255, 255, 255);
    padding: 10px;
    outline: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.userinput::placeholder {
    font-size: 1.3rem;
    top: 7px;
    position: absolute;
    
    color: rgb(167, 167, 167);
}

@media screen and (max-width: 450px){
    .userinput{
    width: 80%;
    margin-top: 10px;
    }
    #username {
        font-size: 9vw;
    }
    #userpic {
        width: 55%;
    }
}



*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Lato', sans-serif;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}
ul {
    list-style: none;
}
.d-flex {
    display: flex;
}
.items-center {
    align-items: center;
}
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-start {
    justify-content: flex-start;
}
.flex-none {
    flex: none;
}
.flex-1 {
    flex: 1;
}
.flex-auto {
    flex: auto;
}
.flex-wrap {
    flex-wrap: wrap;
}
.hidden-folder img {
    opacity: 0.6;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
iframe {
    width: 100%;
    height: 100%;
    z-index: 99999999;
}



/* Main Windows Section */
.main-windows {
    z-index: 9;
    min-height: 430px;
    min-width: 800px;
    max-height: 1000px;
    max-width: 1000px;
    background: #fff;
    box-shadow: 0 0 15px rgb(0 0 0 / 32%);
    border: 1px solid #fff;
    position: absolute;
    /*resize: both; !*enable this to css resize*! */
    overflow: hidden;
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
}
.main-windows.active {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.resizer-right {
    width: 3px;
    height: 100%;
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: e-resize;
    z-index: 999999999999;
}
.resizer-bottom {
    width: 100%;
    height: 3px;
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: n-resize;
    z-index: 999999999999;
}
.resizer-both {
    width: 5px;
    height: 5px;
    background: transparent;
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: nw-resize;
}
.main-windows * {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}



/* Windows Header Bar */
.windows-header-bar .windows-header-bar-folders {
    width: 234px;
}
.windows-header-bar .windows-header-bar-folders > * {
    position: relative;
    padding: 0 8px 8px 8px;
    margin-top: 8px;
}
.windows-header-bar .windows-header-bar-folders > *:before {
    content: '';
    width: 1px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
    background: #7a7a7a;
}
.windows-header-bar .windows-header-bar-folders .windows-header-bar-folder-2 {
    padding-right: 2px;
    padding-left: 10px;
}
.windows-header-bar .windows-header-bar-folders .windows-header-bar-folder-2:before {
    display: none;
}
.windows-header-bar .windows-header-foder-name {
    padding-top: 5px;
}
.windows-header-bar .windows-header-foder-name .windows-header-folder-manage-text {
    background: #c1f09d;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    color: #383b35;
    padding: 7px 20px;
    margin-right: 15px;
}
.windows-header-bar .windows-header-foder-name .windows-header-folder-name-text {
    color: #aaaaaa;
    font-size: 12px;
}

/* Windows Close Buttons */
.windows-close-buttons > * {
    display: inline-block;
    width: 46px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    font-size: 17px;
    position: relative;
}
.windows-close-buttons > *:hover {
    background: #e5e5e5;
}
.windows-close-buttons .windows-maximize-btn:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 1px solid #000000;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
}
.windows-close-buttons .windows-close-btn:hover {
    background: #e81123;
    color: #ffffff;
}

/* Windows Menu Bar */
.windows-header-nav-menu  li {
    margin-right: 2px;
}
.windows-header-nav-menu  li a {
    display: inline-block;
    text-decoration: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    color: #313131;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 14px;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    position: relative;
    cursor: context-menu;
}
.windows-header-nav-menu  li.active a {
    background: #0066b4;
    color: #ffffff;
    padding: 4px 17px;
}
.windows-header-nav-menu  li.active a:hover {
    background: #007ddd;
}
.windows-header-nav-menu  li a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-left: 1px solid #ebecec;
    border-right: 1px solid #ebecec;
    border-top: 1px solid #ebecec;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
.windows-header-nav-menu  li.active a:before {
    display: none;
}
.windows-header-nav-menu  li a:hover:before {
    visibility: visible;
    opacity: 1;
}
.windows-header-nav-menu  li.menu-drive-tools a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-width: 1px;
    border-style: solid;
    border-image: 
    linear-gradient(
      to bottom, 
      #c1c1c1, 
      rgba(0, 0, 0, 0)
    ) 1 100%;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
.windows-header-nav-menu li.menu-drive-tools a {
    padding: 4px 13px;
}
.windows-header-nav-menu li.menu-drive-tools a:before {
    border-left: 1px solid #c1f09d;
    border-right: 1px solid #c1f09d;
    border-top: 1px solid #c1f09d;
}
.windows-header-nav-menu li.menu-drive-tools a:hover:after {
    opacity: 0;
}
.windows-header-menu-bar {
    border-bottom: 1px solid #dadbdc;
}

.windows-header-menu-bar .windows-header-menu-bar-right .windows-header-menu-help,
.windows-header-menu-bar .windows-header-menu-bar-right .windows-header-menu-ribbon-toggle {
    font-size: 12px;
    color: #a6a6a6;
    border: 1px solid transparent;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    cursor: context-menu;
}
.windows-header-menu-bar .windows-header-menu-bar-right .windows-header-menu-help:hover,
.windows-header-menu-bar .windows-header-menu-bar-right .windows-header-menu-ribbon-toggle:hover {
    border: 1px solid #abd4fe;
    background: #f1f7fe;
}
.windows-header-menu-bar .windows-header-menu-bar-right .windows-header-menu-help {
    color: #ffffff;
    z-index: 1;
}
.windows-header-menu-bar .windows-header-menu-bar-right .windows-header-menu-help:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #0078d7;
    z-index: -1;
}



/* Windows Header Breadcrumb Control Panel */
.windows-header-controls-panel {
    margin-top: 5px;
}
.windows-header-controls-panel .windows-header-arrows-controls {
    padding-left: 4px;
}
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-next,
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-preview {
    color: #808080;
    font-size: 17px;
    padding: 4px 7px;
}
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-down:hover,
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-preview:hover {
    color: #3298fe;
}
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-next {
    color: #dfdfdf;
}
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-down {
    font-size: 9px;
    color: #808080;
    margin-left: 4px;
}
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-up {
    color: #808080;
    font-size: 17px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    border: 1px solid transparent;
    width: 22px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    margin: 0 1px 0 5px;
}
.windows-header-controls-panel .windows-header-arrows-controls .windows-header-arrow-up:hover {
    background: #e5f3ff;
    border-color: #cce8ff;
}
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel {
    border: 1px solid #d9d9d9;
    padding-left: 2px;
    margin-right: 12px;
}
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel .left-panel i {
    font-size: 10px;
    display: inline-block;
    margin: 0 5px;
}
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel .left-panel .folder-name {
    display: inline-block;
    font-size: 12px;
}
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel .right-panel i {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    display: inline-block;
    color: #808080;
    font-size: 12px;
}
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel .right-panel .windows-header-folder-breadcrumb-preview-location {
    border-left: 1px solid transparent;
}
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel .right-panel .windows-header-folder-breadcrumb-preview-location:hover,
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel .right-panel .windows-header-folder-breadcrumb-refresh {
    border-left: 1px solid #d9d9d9;
}
.windows-header-controls-panel .windows-header-folder-breadcrumb-panel .right-panel i:hover {
    background: #e5f3fb;
    -webkit-box-shadow: 0 0 0px 1px #70c0e7 inset;
    -moz-box-shadow: 0 0 0px 1px #70c0e7 inset;
    box-shadow: 0 0 0px 1px #70c0e7 inset;
}
.windows-header-search-form {
    position: relative;
    margin-right: 12px;
}
.windows-header-search-form .windows-header-search-icon {
    position: absolute;
    left: 10px;
    top: 8px;
    color: #969696;
}
.windows-header-search-form input {
    width: 202px;
    border: 1px solid #d9d9d9;
    height: 30px;
    padding-left: 40px;
    font-size: 11px;
}
.windows-header-search-form input::placeholder,
.windows-header-search-form input::-webkit-input-placeholder,
.windows-header-search-form input::-moz-placeholder {
    color: #6d6d6d;
}
button:focus,
.windows-header-search-form input:focus {
    outline: none;
    box-shadow: none;
}

/* Windows Sidebar */
.windows-sidebar {
    padding-top: 7px;
    position: relative;
    width: 186px;
}
.windows-content-area .windows-folder-lists {
    padding-left: 15px;
}
.windows-sidebar-menu {
    border-right: 1px solid #f7f7f7;
    height: 100%;
}
.windows-sidebar-menu li .windows-sidebar-menu-icon {
    color: #a6a6a6;
    font-size: 12px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    margin-right: 2px;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
.windows-sidebar-menu:hover li .windows-sidebar-menu-icon {
    opacity: 1;
}
.windows-sidebar-menu li a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
    letter-spacing: 0.2px;
    display: inline-flex;
    align-items: center;
}
.windows-sidebar-menu li a img {
    margin-right: 5px;
}
.windows-sidebar-menu li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    align-items: center;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    z-index: 1;
}
.windows-sidebar-menu li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 24px;
    left: 0;
    top: 0;
    z-index: -1;
    background: #e5f3ff;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}
.windows-sidebar-menu li:hover:before {
    opacity: 1;
}
.windows-sidebar-menu li ul {
    width: 100%;
}
.windows-sidebar-menu li ul li {
    padding-left: 8px;
}
.folder-number-and-view-list-icon {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ffffff;
    font-size: 13px;
    padding: 8px 14px;
}
/* Content */
.windows-content-area {
    padding-top: 8px;
}
.windows-content-sort-filter {
    margin-bottom: 5px;
}
.windows-content-sort-filter > span {
    display: inline-block;
    font-size: 12px;
    padding: 5px 7px;
    border-left: 1px solid #e5e5e5;
    cursor: context-menu;
}
.windows-folder-list:hover,
.windows-content-sort-filter > span:hover {
    background: #e5f3ff;
}
.windows-content-sort-filter .sort-name {
    border: none;
    padding: 5px 16px;
    min-width: 260px;
}
.windows-content-sort-filter .sort-type {
    min-width: 125px;
}
.windows-content-sort-filter .sort-size {
    min-width: 112px;
}
.windows-folder-list {
    font-size: 12px;
    padding: 3px 6px;
    cursor: context-menu;
}
.windows-folder-list .folder-name {
    min-width: 250px;
    letter-spacing: 0.2px;
}
.windows-folder-list .folder-name img {
    margin-right: 6px;
}
.windows-folder-list .folder-type,
.windows-folder-list .folder-size,
.windows-folder-list .folder-date {
    color: #6d6d6d;
}
.windows-folder-list .folder-type {
    min-width: 120px;
}
.windows-folder-list .folder-size {
    min-width: 100px;
}






/* Windows10 Desktop */
.windows10-desktop-area {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: url('img/wallpaper.jpg?raw=true');
    background-size: cover;
}



/* Windows10 Taskbar */
.windows10-taskbar {
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(10px);
    z-index: 99999;
}
.windows10-taskbar .taskbar-icon img {
    width: 22px;
}
.windows10-taskbar .windows10-taskbar-apps {
    height: 100%;
}
.windows10-taskbar .taskbar-window-icon {
    color: #ffffff;
    font-size: 18px;
    height: 100%;
    width: 48px;
    text-align: center;
    line-height: 44px;
}
.windows10-taskbar-apps .taskbar-icon-task-view:hover img.normal-icon,
.windows10-taskbar-apps .taskbar-icon-task-view img.hover-icon,
.windows10-taskbar .taskbar-window-icon:hover img.normal-img,
.windows10-taskbar .taskbar-window-icon img.hover-img {
    display: none
}
.windows10-taskbar-apps .taskbar-icon-task-view:hover img.hover-icon,
.windows10-taskbar .taskbar-window-icon:hover img.hover-img {
    display: inline-block;
}
.windows10-taskbar .taskbar-window-icon:hover {
    background: rgba(0,0,0,0.2);
}
.windows10-taskbar-search-app {
    position: relative;
    height: 100%;
    width: 340px;
}
.windows10-taskbar-search-app i {
    position: absolute;
    left: 10px;
    top: 13px;
}
.windows10-taskbar-search-app input {
    height: 100%;
    width: 100%;
    background: #f2f2f2;
    border: 1px solid #c2c2c2;
    color: #2b2b2b;
    padding: 0 20px 0 36px;
}
.windows10-taskbar-search-app input::-moz-placeholder,
.windows10-taskbar-search-app input::-webkit-input-placeholder,
.windows10-taskbar-search-app input::placeholder {
    color: #2b2b2b;
}
input:focus {
    outline: none;
    box-shadow: none;
}
.windows10-taskbar-apps .taskbar-icon {
    width: 48px;
    text-align: center;
    height: 100%;
    line-height: 50px;
    margin-right: 2px;
    position: relative;
}
.windows10-taskbar-right .taskbar-datetime:hover,
.windows10-taskbar-apps .taskbar-icon.active,
.windows10-taskbar-right .taskbar-datetime:hover,
.windows10-taskbar-right .taskbar-notification:hover,
.windows10-taskbar-right .taskbar-speaker:hover,
.windows10-taskbar-right .taskbar-wifi-icon:hover,
.windows10-taskbar-right .taskbar-show-hidden-icon:hover,
.windows10-taskbar-apps .taskbar-icon:hover {
    background: rgb(255 255 255 / 10%);
}
.windows10-taskbar-apps .taskbar-icon-task-view {
    line-height: 46px;
}
.windows10-taskbar-apps .taskbar-icon-task-view img {
    width: auto;
}
.windows10-taskbar-apps .taskbar-icon-cortana:before {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 2px #898685;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
}
.windows10-taskbar-right .taskbar-datetime,
.windows10-taskbar-right .taskbar-notification,
.windows10-taskbar-right .taskbar-wifi-icon,
.windows10-taskbar-right {
    height: 100%;
}
.windows10-taskbar-right .taskbar-show-hidden-icon {
    width: 26px;
    text-align: center;
    color: #ffffff;
    height: 100%;
    line-height: 42px;
    margin-right: 2px;
}
.windows10-taskbar-right .taskbar-speaker,
.windows10-taskbar-right .taskbar-wifi-icon {
    line-height: 42px;
    color: #ffffff;
    font-size: 22px;
    margin-right: 2px;
    padding: 0 2px 0 0;
    margin-right: 2px;
}
.windows10-taskbar-right .taskbar-wifi-icon i {
    transform: rotate(45deg);
}
.windows10-taskbar-right .taskbar-speaker {
    padding-right: 1px;
    padding-left: 1px;
}
.windows10-taskbar-right .taskbar-notification {
    width: 42px;
    text-align: center;
    color: #ffffff;
    font-size: 21px;
    line-height: 42px;
}
.windows10-taskbar-right .taskbar-datetime {
    vertical-align: middle;
    width: 76px;
    text-align: center;
    cursor: context-menu;
}
.windows10-taskbar-right .taskbar-datetime span {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0.3px;
}
.windows10-taskbar-right .taskbar-datetime span:first-child {
    margin-top: 2px;
    text-transform: uppercase;
}
.chrome-browser-active .windows10-taskbar-apps .taskbar-icon-chrome:before,
.file-explore-active .windows10-taskbar-apps .taskbar-icon-folder-explore:before {
    content: '';
    position: absolute;
    width: 86%;
    height: 2px;
    background: #ffffff;
    bottom: 0;
    left: 7%;
    transition: .2s;
}
.chrome-browser-active .windows10-taskbar-apps .taskbar-icon-chrome:hover:before,
.windows10-taskbar-apps .taskbar-icon.active:before,
.file-explore-active .windows10-taskbar-apps .taskbar-icon-folder-explore:hover:before {
    width: 100%;
    left: 0;
}



/* Windows10 Notification Panel */
.windows10-notification-panel {
    position: fixed;
    right: -395px;
    height: 100%;
    background: #272727;
    width: 395px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.windows10-notification-panel.active {
    right: 0;
}
.windows10-notification-panel > * {
    width: 100%;
}
.windows10-notification-panel .windows10-notification-header h1,
.windows10-notification-panel .windows10-notification-footer h1 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 16px;
    color: #a6d8ff;
    display: inline-block;
    cursor: context-menu;
}
.windows10-notification-panel .windows10-notification-header h1 {
    margin: 18px 0 0 0;
    padding: 3px 18px;
}
.windows10-notification-panel .windows10-notification h1 {
    color: #a7a7a7;
    font-size: 16px;
}
.windows10-notification-panel .windows10-notification-footer h1:hover {
    color: #ffffff;
}
.windows10-notification-footer {
    padding: 0 20px 5px 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    max-height: 101px;
    overflow: hidden;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.windows10-notification-footer.active {
    max-height: 300px;
}
.windows10-notofication-common-links .windows10-notification-common-item {
    width: 88px;
    height: 64px;
    background: #4c5154;
    padding: 9px 4px 3px 6px;
    color: #ffffff;
    position: relative;
    border: 1px solid transparent;
    cursor: context-menu;
    margin-right: 2px;
    margin-bottom: 2px;
}
.windows10-notofication-common-links .windows10-notification-common-item:nth-child(8),
.windows10-notofication-common-links .windows10-notification-common-item:nth-child(4) {
    margin-right: 0;
}
.windows10-notofication-common-links .windows10-notification-common-item:hover {
    border-color: #b8b8b9;
    background: #606467;
}
.windows10-notofication-common-links .windows10-notification-common-item span {
    display: block;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
}
.windows10-notofication-common-links .windows10-notification-common-item i {
    font-size: 18px;
    position: absolute;
    left: 6px;
    top: 9px;
}




/* Chrome Browser */
.chrome-browser-area {
    width: 850px;
    height: 500px;
    position: fixed;
    border: 2px solid #f1f1f1;
    border-top-width: 1px;
    background: #fff;
    border-radius: 0 0 4px 4px;
    transform: scale(0.8);
    opacity: 0;
    visibility: hidden;
}
.chrome-browser-area.active {
    opacity: 1;
    transform: scale(1);
    visibility: visible;
}
.chrome-browser-area .chrome-browser-header {
    background: #f1f1f1;
    position: relative;
}
.chrome-browser-drag {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: all-scroll;
}
.chrome-browser-area .chrome-browser-header .chrome-browser-left img {
    width: 18px;
    margin-left: 5px;
}
.chrome-browser-area .chrome-browser-header .chrome-browser-middle,
.chrome-browser-area .chrome-browser-header .chrome-browser-right {
    z-index: 5;
}
.chrome-browser-area .chrome-browser-header .chrome-browser-middle input {
    border: none;
    background: #ffffff;
    width: 500px;
    padding: 6px 20px;
    border-radius: 3px;
    border: 1px solid #eeeeee;
}
.chrome-browser-area .chrome-browser-header .chrome-browser-middle button {
    border: none;
    background: #0798ec;
    color: #ffffff;
    padding: 6px 5px;
    border-radius: 4px;
    margin-left: 2px;
    cursor: pointer;
}
.chrome-browser-area .chrome-browser-body {
    height: 464px;
    width: 100%;
    background: #ffffff;
    padding: 4px;
}
.chrome-browser-area .go-to-home {
    display: inline-block;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.chrome-browser-area .go-to-home:hover {
    background: #d4d4d4;
    z-index: 9999999;
}



/* Start Bar */
.windows10-start-area {
    width: 648px;
    height: 641px;
    position: fixed;
    left: 0;
    bottom: -40px;
    overflow: hidden;
    background: rgb(34 34 34 / 90%);
    backdrop-filter: blur(30px);
    padding-left: 48px;
    padding-right: 4px;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    opacity: 0;
    visibility: hidden;
}
.windows10-start-area.active {
    opacity: 1;
    visibility: visible;
    bottom: 40px;
}
.windows10-start-area .windows10-start-content-left {
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 99;
    background: rgb(34 34 34 / 60%);
    width: 46px;
    backdrop-filter: blur(20px);
    overflow: hidden;
    transition: .3s cubic-bezier(1, -0.11, 0.95, 0.19);
    -webkit-transition: .3s cubic-bezier(1, -0.11, 0.95, 0.19);
    -moz-transition: .3s cubic-bezier(1, -0.11, 0.95, 0.19);
    -ms-transition: .3s cubic-bezier(1, -0.11, 0.95, 0.19);
    -o-transition: .3s cubic-bezier(1, -0.11, 0.95, 0.19);
}
.windows10-start-area .windows10-start-content-left:hover {
    box-shadow: 0 0 30px rgb(0 0 0 / 35%);
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 35%);
    -moz-box-shadow: 0 0 30px rgb(0 0 0 / 35%);
}
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-top,
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom,
.windows10-start-area .windows10-start-content-left:hover {
    width: 256px;
}
.windows10-start-content-start-btn {
    height: 46px;
    cursor: context-menu;
}
.windows10-start-content-start-btn .windows10-start-btn-bars {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    flex-direction: column;
}
.windows10-start-content-start-btn .windows10-start-btn-bars span {
    width: 16px;
    height: 1px;
    background: #ffffff;
}
.windows10-start-content-start-btn .windows10-start-btn-bars span + span {
    margin-top: 3px;
}
.windows10-start-content-start-btn > span {
    font-weight: 700;
    text-transform: uppercase;
}
.windows10-start-content-start-btn,
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom {
    color: #fff;
}
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom ul li {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.3px;
    width: 100%;
    height: 46px;
    cursor: context-menu;
}
.windows10-start-content-start-btn:hover,
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom ul li:hover {
    background: #5d5d5d;
}
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom ul li i {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 18px;
    position: relative;
}
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom ul li:first-child i {
    font-size: 12px;
}
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom ul li:first-child i:after {
    content: '';
    background: #666666;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: -1;
    margin-top: -10px;
    margin-left: -10px;
}
.windows10-start-content-start-btn > span,
.windows10-start-area .windows10-start-content-left .windows10-start-content-left-bottom ul li span {
    opacity: 0;
    transition: .3s cubic-bezier(0.2, 0.61, 0.71, 0.97);
    -webkit-transition: .3s cubic-bezier(0.2, 0.61, 0.71, 0.97);
    -moz-transition: .3s cubic-bezier(0.2, 0.61, 0.71, 0.97);
    -ms-transition: .3s cubic-bezier(0.2, 0.61, 0.71, 0.97);
    -o-transition: .3s cubic-bezier(0.2, 0.61, 0.71, 0.97);
}
.windows10-start-area .windows10-start-content-left:hover .windows10-start-content-start-btn > span,
.windows10-start-area .windows10-start-content-left:hover .windows10-start-content-left-bottom ul li span {
    opacity: 1;
    transition: .4s cubic-bezier(1, 0.01, 0.49, 0.56);
    -webkit-transition: .4s cubic-bezier(1, 0.01, 0.49, 0.56);
    -moz-transition: .4s cubic-bezier(1, 0.01, 0.49, 0.56);
    -ms-transition: .4s cubic-bezier(1, 0.01, 0.49, 0.56);
    -o-transition: .4s cubic-bezier(1, 0.01, 0.49, 0.56);
}


/* Windows10 Start bar Middle */
.windows10-start-content-middle::-webkit-scrollbar {
    width: 2px;
}
.windows10-start-content-middle::-webkit-scrollbar-track {
    box-shadow: none;
}
.windows10-start-content-middle::-webkit-scrollbar-thumb {
    outline: none;
    background: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.windows10-start-content-middle:hover::-webkit-scrollbar-thumb {
    background: #a8a8a8;
}
.windows10-start-content-middle {
    width: 268px;
    flex: none;
    overflow-x: hidden;
    padding-right: 8px;
    padding-bottom: 55px;
}
.windows10-start-content-middle ul {
    cursor: context-menu;
}
.windows10-start-content-middle ul li a {
    display: flex;
    align-items: center;
    color: #fff;
    cursor: context-menu;
    text-decoration: none;
    width: 100%;
}
.windows10-start-content-middle ul li.item-divider {
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    font-size: 14px;
}
.windows10-start-content-middle ul li:hover {
    background: linear-gradient(to left, #5d5e5f, #383a3c);
}
.windows10-start-content-middle ul li + li{
    margin-top: 4px;
}
.windows10-start-content-middle ul li a .app-image {
    width: 32px;
    height: 32px;
    text-align: center;
    flex: none;
    background: #0078d7;
    line-height: 41px;
    margin-right: 8px;
}
.windows10-start-content-middle ul li a .app-image img {
    width: 22px;
}
.windows10-start-content-middle ul li a .app-name {
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0.4px;
    font-family: roboto;
}


/* Windows10 Start bar Right */
.windows10-start-content-right::-webkit-scrollbar {
    width: 2px;
}
.windows10-start-content-right::-webkit-scrollbar-track {
    box-shadow: none;
}
.windows10-start-content-right::-webkit-scrollbar-thumb {
    outline: none;
    background: none;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
.windows10-start-content-right:hover::-webkit-scrollbar-thumb {
    background: #000;
}
.windows10-start-content-right {
    padding-right: 12px;
    padding-left: 7px;
    overflow-x: hidden;
}
.windows10-start-content-right-create-tab h1 {
    width: 100%;
    height: 34px;
    color: #ffffff;
    position: relative;
    font-size: 12px;
    font-family: roboto;
    font-weight: 300;
    letter-spacing: 0.3px;
}
.windows10-start-content-right-create-tab h1 .create-tab-bars {
    width: 16px;
    height: 4px;
    position: relative;
}
.windows10-start-content-right-create-tab h1 .create-tab-bars:before,
.windows10-start-content-right-create-tab h1 .create-tab-bars:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ffffff;
    top: 0;
}
.windows10-start-content-right-create-tab h1 .create-tab-bars:after {
    top: auto;
    bottom: 0;
}
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .candy-friends-widget,
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .your-phone-widget,
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .windows10-start-content-games-tab-child,
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .xbox-game-widget,
.windows10-start-content-right-create-tab  .date-widget {
    width: 100px;
    margin-right: 4px;
}
.windows10-start-content-right-create-tab  .date-widget {
    text-align: center;
    background: #0078d7;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    height: 100px;
}
.windows10-start-content-right-create-tab .date-widget .date-day {
    font-size: 40px;
    font-weight: 300;
    font-family: roboto;
}
.windows10-start-content-right-create-tab .date-widget .date-day-name {
    font-size: 13px;
    letter-spacing: 0.4px;
 }
.windows10-start-content-right-create-tab .windows10-start-content-create-tab-item {
    width: 204px;
}
.windows10-start-content-right-create-tab h1,
.windows10-start-content-right-create-tab .windows10-start-content-create-tab-item .windows10-start-content-create-tab-mail {
    margin-top: 4px;
}
.windows10-start-content-right-create-tab .windows10-start-content-create-tab-item .windows10-start-content-create-tab-mail .office-widget,
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .windows10-start-content-games-tab-child img:nth-child(odd) {
    margin-right: 4px;
}
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .your-phone-widget,
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .windows10-start-content-games-tab-child,
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .windows10-start-content-games-tab-child img:nth-child(2),
.windows10-start-content-right-create-tab .windows10-start-content-games-tab .windows10-start-content-games-tab-child img:first-child {
    margin-bottom: 4px;
}
.windows10-start-content-right-create-tab  .date-widget:hover,
.windows10-start-content-right img:hover {
    box-shadow: 0 0 0 2px rgb(255 255 255 / 50%);
}




/* RIGHT CLICK MENU */
#cmenu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.cm_container{
    position: fixed;
    opacity: 0;
    transition: transform 0.1s;
    transform-origin: top left;
    padding: 0;
    z-index: 999999999999;
    visibility: hidden;
}
.cm_container.display{
    opacity: 1;
    visibility: visible;
}
.cm_container, .cm_container *{
    box-sizing: border-box;
}
.cm_container *{
    position: relative;
}
.cm_container ul{
    list-style-type: none;
    padding: 0 0 5px 0;
    margin: 0;
    background-color: #eeeeee;
    box-shadow: 0 0 5px #333;
    width: 205px;
}
.cm_container li{
    padding: 4px 10px;
    padding-right: 1.7em;
    cursor: pointer;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.3px;
}
.cm_container li a {
    text-decoration: none;
    color: #000000;
}
.cm_container li:hover{
    background-color: #ffffff;
}
.cm_container li .cm_icon_span{
    width: 1.5em;
    height: 1.2em;
    vertical-align: bottom;
    display: inline-block;
    margin-right: 5px;
    padding-right: 5px;
    text-align: center;
}
.cm_container li .cm_sub_span{
    width: 1em;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 0.5em;
    transform: translateY(-50%);
}
.cm_container li > ul{
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    transition: opacity 0.2s;
    visibility: hidden;
}
.cm_container li:hover > ul{
    opacity: 1;
    visibility: visible;
}
.cm_container li.cm_divider{
    border-bottom: 1px solid #aaa;
    margin: 5px;
    padding: 0;
    cursor: default;
}
.cm_container li.cm_divider:hover{
    background-color: inherit;
}
.cm_container.cm_border_right > ul ul{
    left: unset;
    right: 100%;
}
.cm_container.cm_border_bottom > ul ul{
    top: 0;
}
.cm_container li[disabled=""]{
    color: #777;
    cursor: default;
}
.cm_container li[disabled=""]:hover{
    background-color: inherit;
}

#cm_0 li:nth-child(7) .cm_text {
    display: initial;
}
#cm_0 li:nth-child(7) .undo-copy {
    float: right;
}
#cm_0 li:first-child ul li:nth-child(3) .cm_icon_span i {
    color: #000;
    background: #000;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    text-align: center;
    margin: auto;
    font-size: 7px;
    display: inline-block;
    transform: translateY(-2px);
}


#cm_1 ul {
    border: 1px solid #a0a0a0;
    width: 312px;
    background: #2b2b2b;
}
#cm_1 ul li:hover {
    background: #414141;
}
#cm_1 ul li {
    padding: 8px 10px;
    font-size: 13px;
    letter-spacing: 0.3px;
    color: #ffffff;
}
#cm_1 ul .cm_divider {
    padding: 0;
}

.tooltip.show{opacity:.9}.tooltip .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}

.calnpane2[data-hide=true]{
		-webkit-transform:translateX(120%);
		transform:translate(120%);
		-webkit-animation:overflow-hider 0s ease-in-out .2s forwards;
		animation:overflow-hider 0s ease-in-out .2s forwards;
		transition:all cubic-bezier(.62,0,.32,1) .15s
	}
	
.spotify .cleanInput{-webkit-appearance:none;margin:0;height:4px;background:#444;border-radius:4px;cursor:pointer}
.spotify .cleanInput::-ms-tooltip{height:100%;border-radius:4px}
.spotify .cleanInput::-webkit-slider-thumb{-webkit-appearance:none;background:#fefefe;border-radius:6px;width:0;height:0;position:relative;z-index:1}
.spotify .cleanInput:hover::-webkit-slider-thumb{width:10px;height:10px}

.player .cleanInput{-webkit-appearance:none;margin:0;height:4px;background:#444;border-radius:4px;cursor:pointer}
.player .cleanInput::-ms-tooltip{height:100%;border-radius:4px}
.player .cleanInput::-webkit-slider-thumb{-webkit-appearance:none;background:#fefefe;border-radius:6px;width:0;height:0;position:relative;z-index:1}
.player .cleanInput:hover::-webkit-slider-thumb{width:10px;height:10px}

.player .sdivider:hover .songprog{background:#e9884b}
.player .rctrl:hover .songprog{background:#e9884b}
.player .songAct .cborder {
	width: 38px;
    height: 38px;
    border: solid 0px;
    /* border-image: linear-gradient(to right, #e9884b, #845db1) 1; */
    /* background: linear-gradient(to right, #494847, #2f2d30); */
    border-radius: 100%!important;
    margin: 0 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

body[data-theme=dark] .player .songAct .cticon {
    margin: 0 16px;
    fill: #fff;
    cursor: pointer;
}

body[data-theme=light] .player .songAct .cticon {
    margin: 0 16px;
    fill: #000;
    cursor: pointer;
}

body[data-theme=dark] .player .songAct .cticon:hover {
    margin: 0 16px;
    fill: #e9884b;
    cursor: pointer;
}

body[data-theme=light] .player .songAct .cticon:hover {
    margin: 0 16px;
    fill: #e9884b;
    cursor: pointer;
}

body[data-theme=light] .player .sficon {
    position: relative;
    color: #000;
}

body[data-theme=light] .player .songprog {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    background: #fff;
    border-radius: 10px;
    transition: all 10ms ease-in-out;
    pointer-events: none;
}

body[data-theme=dark] .player .songprog {
    position: absolute;
    left: 0;
    top: 0;
    height: 4px;
    background: #aaa;
    border-radius: 10px;
    transition: all 10ms ease-in-out;
    pointer-events: none;
}

.player .songAct .rpicon[data-payload="1"],.player .songAct .rpicon[data-payload="2"] {
    fill: #e9884b;
}

.player .songAct .rpicon[data-payload="1"]:before,.player .songAct .rpicon[data-payload="2"]:before {
    content: "";
    position: absolute;
    top: 110%;
    left: 45%;
    width: 3.6px;
    height: 3.6px;
    border-radius: 4px;
    background: #e9884b;
}
.player .sname:hover{
    background: rgba(255,255,255,.2);
    font-size: 13px;
    padding:10px 6px 6px 6px;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 4px;
}

.aboutApp p{
	margin:10px;
}




#reboot {

	background:#000; 
	user-select:none;-moz-user-select:none;
	-webkit-user-select:none;-ms-user-select:none;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	vertical-align:middle; 
	text-align:center;
	z-index: -1;
	margin:0;
	padding:0;
	height:100vh;
}

#reboot .CT {

	vertical-align:middle;
	position: absolute;
	top: 50%;
	height: 70px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:500px;
	margin-top: -5%;
	font-family:Segoe UI Light, Segoe UI, Arial;
	font-size:23px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;
}

#reboot .image_block {


	position: absolute;
	bottom: 17px;
	left: 50%;
	width: 50%;
	margin: -5% 0 0 -25%;
			

}
#reboot p {

	display:block;
	float:middle;
	text-align:center;
	width:100%;


}

#reboot .centeragain {

	width:500px;
	margin:0px auto;
	text-align:left;


}
#reboot .messageBox {  
	display:block;
	color:#67A2E6;
	font-family:Segoe UI Light, Segoe UI, Arial;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;
	z-index:999;  
}  


#reboot .loader {
  position: relative;
  padding-top: 100px;
  width: 50px;
  margin: auto;
}
#reboot .loader .circle {
  position: absolute;
  width: 48px;
  height: 48px;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 5.5s;
}
#reboot .loader .circle:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 5px;
  background: #fff;
  /* Pick a color */
}
#reboot .loader .circle:nth-child(2) {
  animation-delay: 240ms;
}
#reboot .loader .circle:nth-child(3) {
  animation-delay: 480ms;
}
#reboot .loader .circle:nth-child(4) {
  animation-delay: 720ms;
}
#reboot .loader .circle:nth-child(5) {
  animation-delay: 960ms;
}
@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}


#reboot #bottom {
    position: fixed;
    bottom: 10%;
    width: 100%;
	left:0;
	text-align:center;
}


		.install * {
		  box-sizing: border-box;
		  font-family: 'Roboto', Arial, sans-serif;
		}

		.install section {
		  position: absolute;
		  width: 100%;
		  height: 100%;
		  cursor: default;
		}

		.install section > div {
		  top: 50%;
		  width: 100%;
		  text-align: center;
		  transform: translateY(-50%);
		  position: absolute;
		}

		.install h1 {
		  font-size: 2em;
		  font-weight: 400;
		}

		.install h2 {
		  font-weight: 400;
		}

		.install button {
		  background: transparent;
		  border: 2px solid #fff;
		  color: #fff;
		  padding: 15px;
		  font-size: 1.1em;
		  transition: background .5s;
		  bottom: 50px;
		  right: 50px;
		  position: absolute;
		}

		.install button:hover {
		  background: rgba(0, 0, 0, .3);
		  transition: background .2s;
		}

		.install .revert {
		  left: 50px;
		  right: auto;
		}

		.install .load {
		  height: 2px;
		  width: 30%;
		  margin: 0 auto;
		}

		.install .load div {
		  height: 2px;
		  width: 0;
		  background: #fff;
		}

		.install {
		  display: flex;
		  position: fixed;
		  z-index: 9999999;
		  width: 100vw;
		  height: 100vh;
		  flex-wrap: nowrap;
		  align-items: center;
		  flex-direction: column;
		  background: #000;
		}
		.install h1 {
		  font-size: 50px;
		  margin: 60px 0 20px;
		}
		.install h2 {
		  flex: 2;
		  color: #888;
		  font-size: 18px;
		  margin: 0 0 20px;
		}
		.install svg {
		  display: flex;
		  flex: 50;
		  width: 50%;
		  max-width: 350px;
		}

		.install footer {
		  display: flex;
		  flex: 2;
		  max-width: 700px;
		  width: 90%;
		  margin-top: auto;
		  margin-bottom: 30px;
		}
		.install footer ul {
		  display: flex;
		  justify-content: space-around;
		  width: 100%;
		  list-style: none;
		}
		.install footer ul li {
		  display: flex;
		  color: #999;
		  font-size: 12px;
		}
		.install footer ul li.active {
		  color: #fff;
		}
		footer ul li .percent {
		  margin-left: 3px;
		}
		.install .done {
		  color: #0087E5;
		}


		/* These -prefix-full-screen must be seperated */

		:-webkit-full-screen {
		  display: block !important;
		}

		:-moz-full-screen {
		  display: block !important;
		}

		:full-screen {
		  display: block !important;
		}

		:-moz-full-screen #bluescreen {
		  position: absolute;
		  left: 50%;
		  top: 50%;
		  margin-left: -320px;
		}
		
		
.xbox {
  
  width: 100%;
  height: 100%;

  top: 0;
  left: 0;
  position: absolute;

  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;
  
  background-color: #000000;
  animation: background-green 5s linear 2s infinite alternate;
  
}

.xbox .logo {
  
  width: 30%;
  
  padding: 40px;
  border-radius: 15px;

  fill: white; 
  
  animation: logo-pulse 5s linear 2s infinite alternate;
  
}

@keyframes logo-pulse {

    0% {
    
      transform: scale(1);
    
    }

    25% {
    
      transform: scale(1.15);

    }

    60%, 100% {
    
      transform: scale(1.2);

    }

}

@keyframes background-green {
  
  0% {
    
      background-color: #000000;
    
    }

    25% {
    
      background-color: #000000;

    }
  
    60%, 100% {
    
      background-color: green;

    }
  
}



.copy-container {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 1px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

body[data-theme=light] .copy-container {
  background-color: #fff;
  border-radius: 1px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

body[data-theme=dark] .copy-container {
  background-color: #191919;
  border-radius: 1px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.copy-header {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 4px 7px;
}
.copy-header .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.copy-header .right .title {
  position: relative;
  bottom: 2px;
  left: 5px;
  font-size: 1.4rem;
}
.copy-header .left .icon {
  opacity: 0.5;
  cursor: pointer;
}

.copy-body {
  display: flex;
  flex-direction: column;
}
.copy-body .up {
  width: 100%;
  height: auto;
  background: -webkit-linear-gradient(90deg, #add1f1, #a53e6f);
  background: linear-gradient(90deg, #add1f1, #a53e6f);
  padding: 13px;
  box-sizing: border-box;
}
.copy-body .up .title {
  font-size: 1.8rem;
}
body[data-theme=light] .copy-body .down, body[data-theme=light] .copy-footer {
	color:#000000!important;
}
body[data-theme=dark] .copy-body .down, body[data-theme=light] .copy-footer {
	color:#FFFFFF!important;
}
.copy-body .down {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 8px;
  padding-bottom: 15px;
}
.copy-body .down .title {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  position: relative;
  left: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  opacity: 0.85;
}
.copy-body .down .loadin-line-container {
  width: 95%;
  height: 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 13px;
  background-color: rgba(0, 0, 0, 0.1);
}
.copy-body .down .loadin-line-container .loadin-line {
  width: 10%;
  height: 100%;
  background-color: #17b129;
  overflow: hidden;
}
.copy-body .down .loadin-line-container .loadin-line .loading-line-shadow {
  width: 18px;
  height: 100%;
  background-color: #fff;
  opacity: 0.4;
  box-shadow: 0px 0px 20px 10px white, 5px 0px 10px 10px rgba(255, 255, 255, 0.7);
  position: relative;
  left: -20%;
}

.copy-footer {
  background-color: rgba(0, 0, 0, 0.1);
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  display: flex;
  justify-content: flex-end;
}
.copy-footer .btn {
  box-sizing: border-box;
  width: 80px;
  padding: 3px 0;
  background-color: transparent;
  outline: none;
  border: 2px solid rgba(13, 110, 253, 0.9);
  position: relative;
  right: 7px;
  cursor: pointer;
}
.copy-footer .btn:hover {
  opacity: 0.98;
}
.copy-footer .btn:active {
  transform: scale(0.95);
}

@keyframes loading-line-shadow-anim {
  0% {
    left: -20%;
  }
  100% {
    left: 120%;
  }
}
.loading-line-shadow-anim {
  animation-name: loading-line-shadow-anim;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


.loading-line-anim {
  animation-name: loading-line-anim;
  animation-duration: 10s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}


.sidePane .sliderCont .sliders{width:100%;height:40px}
.sidePane .sliderCont .sliders[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;background:var(--track-color);border-radius:10px;border:0}.sidePane .sliderCont .sliders[type=range]::-webkit-slider-thumb{border:4px solid var(--sliderThumbClr);height:18px;width:18px;border-radius:10px;background:var(--clrPrm);-webkit-appearance:none;margin-top:-8px;-webkit-transition:all .1s;transition:all .1s}

.passwordConnect::placeholder {
	color:rgba(255,255,255,0.8)
}
.passwordConnect{
	background: rgba(0,0,0,0.3);
	height: 32px; 
	width: 268px; 
	border: 0;
	border-bottom: 1px solid var(--clrPrm);
	border-radius: 4px;
	padding: 8px;
	margin: 8px 16px 20px;
	color: #fff;
}
body[data-theme=light] .textMicrosoft {
	color:rgba(0,0,0,0.3);
	font-size: 20px;
	position: absolute;
	margin-left: 30px;
	margin-top: -25px;
}

body[data-theme=dark] .textMicrosoft {
	color:rgba(255,255,255,1);
	font-size: 20px;
	position: absolute;
	margin-left: 30px;
	margin-top: -25px;
}
body[data-theme=light] .toast-info {
	background-color: rgba(243, 243, 243, .85);
}
body[data-theme=dark] .toast-info {
	background-color: rgba(0, 0, 0, .85);
}
body[data-theme=light] #toast-container > div {
	color:#000;
	border-radius: 6px;
}

body[data-theme=dark] #toast-container > div {
	color:#fff;
	border-radius: 6px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 50px;
}
.toast-slideRight {
  animation: slideRightIn 0.3s ease-in-out;
}

@keyframes slideRightIn {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideRightOut {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

.toast-slideRightOut {
  animation: slideRightOut 0.3s ease-in-out;
}

@container appWrapper (max-width: 800px){
	.settingsApp .restWindow nav {
		background: var(--bg);
		z-index: 999;
		-webkit-transform: translateX(-100%);
		transform: translate(-100%);
		transition: all .2s cubic-bezier(0,0,0,1);
	}
}


    #video-background {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    #video-background video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
	
	
	
	
	
	
.vscode {
	height: 100%;
}	
.vscode ul{
	
}
.vscode #app {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  height: 100%;
}

.vscode nav, .vscode footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #3C3C3C;
  color: #CFCFD0;
  position: relative;
  font-size: 12px!important;
}
@media (min-width: 1200px) {
  .vscode nav .center, .vscode footer .center {
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
  }
}

.vscode aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #333333;
  padding: 16px 12px;
}
.vscode aside path {
  opacity: 0.5;
}

.vscode main {
  flex: 1;
  display: flex;
  background: #1E1E1E;
}

.vscode footer {
  color: white;
  background: #317AC6;
  padding: 0 8px;
}

.vscode .editor {
  display: flex;
  flex: 1;
  overflow: hidden;
  flex-direction: column;
}
.vscode .editor > * {
  width: 100%;
}
.vscode .editor__tabs {
  display: flex;
  background: #252526;
}
.vscode .editor__content {
  flex: 1;
  height: 1rem;
  font-size: 16px;
  font-family: "Monaco", "Menlo", "Consolas", "Droid Sans Mono", "Inconsolata", "Courier New", monospace;
  overflow-y: scroll;
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}
.vscode .editor__content .prism-editor__line-numbers {
  padding: 0 16px;
  color: rgba(255, 255, 255, 0.5);
}
.vscode .editor__content pre {
  background: none;
}

.vscode .tab {
  color: white;
  background: #2C2D2D;
  padding: 12px 16px;
  padding-right: 8px;
  cursor: pointer;
}
.vscode .tab .icon-close {
  visibility: hidden;
}
.vscode .tab:hover .icon-close {
  visibility: visible;
}
.vscode .tab--active {
  background: #1E1E1E;
}
.vscode .tab--active .icon-close {
  visibility: visible;
}

.vscode .logo {
  width: 16px;
  height: 18px;
    margin-top: 8px;
  margin-left: 8px;
    margin-right: 10px;
}

.vscode .menu {
  display: flex;
}
.vscode .menu > * {
  padding: 8px 10px 12px;
  line-height: 0.7;
}
.vscode .menu > *:hover {
  background: rgba(255, 255, 255, 0.3);
}
.vscode .menu--compact > * {
  padding-top: 4px;
  padding-bottom: 6px;
}

.vscode .icon-minimize {
  display: inline-block;
  width: 24px;
  height: 12px;
  position: relative;
}
.vscode .icon-minimize::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 1.2px;
  background: currentColor;
}
.vscode .icon-expand {
  display: inline-block;
  width: 24px;
  height: 12px;
  position: relative;
  text-align: center;
}
.vscode .icon-expand::after, .icon-expand::before {
  content: "";
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border: 1.2px solid currentColor;
}
.vscode .icon-expand::before {
  position: absolute;
  top: 40%;
  left: 65%;
  transform: translate(-50%, -50%);
  border-left: none;
  border-bottom: none;
}
.vscode .icon-close {
  display: inline-block;
  width: 24px;
  height: 12px;
  position: relative;
}
.vscode .icon-close::before, .icon-close::after {
  content: "";
  width: 12px;
  height: 1.2px;
  background: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
}
.vscode .icon-close:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.vscode .icon-close:after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.vscode .icon-js::before {
  content: "JS";
  color: #F2D168;
  font-weight: bold;
  font-size: 0.9em;
  margin-right: 0.5em;
}
.ui-autocomplete{
	z-index:999;
	margin-left: -15px;
    border-radius: 4px;
}
body[data-theme=light] .ui-menu-item{
	background: #0067c0;
    height: 32px;
    width: 228px;
    border: 0;
	color:#fff!important;
    /* border-bottom: 1px solid var(--clrPrm); */
    padding: 8px;
    color: var(--dark-txt);
}
body[data-theme=light] .ui-menu-item:hover{
	background: #4083bd;
}

body[data-theme=dark] .ui-menu-item{
	background: #232635;
    height: 40px;
    width: 268px;
    border: 0;
    /* border-bottom: 1px solid var(--clrPrm); */
    padding: 8px;
    color: var(--dark-txt);
}

body[data-theme=light] .underAddtask .addTask{
	background: white;
    height: 40px;
    width: 100%;
    border: 0;
    border-bottom: 3px solid var(--clrPrm);
    border-radius: 4px;
    padding:20px;
    /* margin: 8px; */
    color: var(--dark-txt);
}

body[data-theme=dark] .underAddtask .addTask{
	background: #232635;
    height: 32px;
    width: 100%;
    border: 0;
    border-bottom: 3px solid var(--clrPrm);
    border-radius: 4px;
    padding:20px;
    /* margin: 8px; */
    color: var(--dark-txt);
}

body[data-theme=light] .underAddtask.show .addTask{
	background: white;
    height: 40px;
    width: 100%;
    border: 0;
    border-radius: 4px 4px 0px 0px;
    padding:20px;
    /* margin: 8px; */
    color: var(--dark-txt);
}

body[data-theme=dark] .underAddtask.show .addTask{
	background: #232635;
    height: 40px;
    width: 100%;
    border: 0;
    border-radius: 4px 4px 0px 0px;
    padding:20px;
    /* margin: 8px; */
    color: var(--dark-txt);
}

body[data-theme=light] .underAddtask .button{
	display:none;
}

body[data-theme=dark] .underAddtask  .button{
	display:none;
}

body[data-theme=dark] .underAddtask.show  .button{
	background: #272b3c;
    width: 100%;
    border: 0;
    border-bottom: 3px solid var(--clrPrm);
    border-radius: 0px 0px 4px 4px;
    padding: 4px;
    /* margin: 8px; */
    color: var(--dark-txt);
	display:block;
}

body[data-theme=light] .underAddtask.show .button{
	background: #faf9f8;
	/* background: #000; */
    width: 100%;
    border: 0;
    border-bottom: 3px solid var(--clrPrm);
    border-radius: 0px 0px 4px 4px;
    padding: 4px;
    /* margin: 8px; */
    color: var(--dark-txt);
	display:block;
} 
.underAddtask.show  .button button{
	background: rgba(255,255,255,0);
    font-size: 13px;
    padding: 5px;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 4px;
}
.underAddtask.show  .button button:hover{
	background: rgb(80 186 243 / 0.3);
	border: 2px solid rgba(255,255,255,.33);
}

body[data-theme=light] .underAddtask.show  .button button svg{
	fill:#000000!important;
}

body[data-theme=dark] .underAddtask.show  .button button svg{
	fill:#ffffff;
}

body[data-theme=light] .underAddtask.show  .button button svg path{
	fill:#000000!important;
}

body[data-theme=dark] .underAddtask.show  .button button svg path{
	fill:#ffffff;
}

.underAddtask.show  .button button.has svg{
	/* margin-right:20px; */
}
.underAddtask.show  .button button.has {
	text-align:40px;
}

body[data-theme=light] .underAddtask.show  .button button {
	color:#000000;
}

body[data-theme=dark] .underAddtask.show  .button button {
	color:#ffffff;
}

body[data-theme=light] .underAddtask.show  .button .actmenu {
    position: absolute;
    background: #faf9f8;
}
body[data-theme=dark] .underAddtask.show  .button .actmenu {
    position: absolute;
    background: #1a1f33;
}
.underAddtask.show  .button .actmenu .menuopt{
	box-sizing: border-box!important;
	padding: 4px 6px!important;    
	margin: 6px!important;
}

.underAddtask.show  .button .actmenu .menuopt:hover{
	box-sizing: border-box!important;
	padding: 4px 6px!important;    
	margin: 6px!important;
	background: rgb(80 186 243 / 0.3);
}
.underAddtask.show  .button .actmenu .menuopt .nopt{
	padding-right:60px;
}
.underAddtask.show  .button .actmenu .menuopt b{
	color:#0067c0;
	right:10px;
	position:absolute;
}

#ui-datepicker-div{
	z-index:9999999999!important;
}

#ui-datepicker-div td{
	padding:5px;
	width:50px;
	height:50px;
}

body[data-theme=dark] #ui-datepicker-div{
	background: #1a1f33;
	color:#fff;
}
body[data-theme=light] #ui-datepicker-div{
	background: #faf9f8;
	padding:10px;
}







.xdsoft_datetimepicker{
	box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #FFFFFF;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #333333;
	display: block;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 9999;
	box-sizing: border-box;
	display:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAeCAYAAACR82geAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQzQ5MUVFRTJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQzQ5MUVFRDJDRTkxMUUzODYyMUJDN0ExNzY5MEJFMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZZiqAgAAAR5JREFUeNrs2W0OgjAMBmAnHJjoOZq8FzYTUAkfG9KuJFDaZD8MpoYHmG0JMcabxzLuTuAwDqMR9dlPIISQO0TtqtrVpA7+21troxe8Q3mMPjfsDJ3cmVcGJc4WuOdtDSaFksQphvn+WNHdthJQhFlDWeBowMQcTiEMPilUYLagTHC0YJI4BTD45VWA4aAMOJowCxwhDMY5D7t3MWEmOAIYzPNZghlwmDBI5bIG0+MwYJDLc1SYkl6pYnz3dbraWXjHQPAokfVHCQWbL1mFgcLfNVmDgWKBR4oFHgQFHmnBYIeWgBRbAg4OabUE2LGJJMUmEltRrjh2wBaUK8LkcOjqg6oUjmhkYnXm24wq7qdoyO5vIv29ksM4zI7xFmAAj1yMVcKZ+nYAAAAASUVORK5CYII=');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev {
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:114px;
	text-align:center;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	text-align:center;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 32px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_time_box > .xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_time_box > .xdsoft_scrollbar{
	position:absolute;
	width:7px;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}

body[data-theme=dark] .xdsoft_datetimepicker{
	background: #232635;
	color:#fff;
	border-bottom: 1px solid #232635;
    border-left: 1px solid #232635;
    border-right: 1px solid #232635;
    border-top: 1px solid #232635;
}

body[data-theme=dark] .xdsoft_datetimepicker .xdsoft_label {
	background: #232635;
}
body[data-theme=dark] .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
	background: #232635;
	color:#fff;
	border:0px;
	border-radius:50%!important;
	text-align:center;
}
body[data-theme=dark] .xdsoft_datetimepicker .xdsoft_calendar td:hover {
	background: #4cc2ff!important;
}


body[data-theme=light] .xdsoft_datetimepicker .xdsoft_label {
	background: white;
}
body[data-theme=light] .xdsoft_datetimepicker .xdsoft_calendar td,body[data-theme=light] .xdsoft_datetimepicker .xdsoft_calendar th {
	background: white;
	color:#000;
	border:0px;
	border-radius:50%!important;
	text-align:center;
}
body[data-theme=dark] .xdsoft_datetimepicker .xdsoft_calendar td,body[data-theme=dark] .xdsoft_datetimepicker .xdsoft_calendar th {
	background: #232635;
	color:#fff!important;
	border:0px;
	border-radius:50%!important;
	text-align:center;
}
body[data-theme=light] .xdsoft_datetimepicker .xdsoft_calendar td:hover {
	background: #4cc2ff!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 0px;
}
.xdsoft_datetimepicker{
	border-radius:5px;
	padding-right:10px!important;
	padding-bottom:5px!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current {
	background: #4cc2ff!important;
	color:#fff!important;
}
body[data-theme=dark] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #232635!important;
}

body[data-theme=dark] .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: #232635!important;
}