@charset "utf-8";
/*
 *Last modified: 2025-08-26 21:42:16
 */
.theme-outer {
  --theme-r: var(--_r-input-lg);
  --theme-w: 180px;
}
.theme-head {
  text-align: center;
  position: sticky;
  top: 100px;
}
.theme-preview {
  width: var(--theme-w);
  aspect-ratio: 1/1;
  border-radius: var(--theme-r);
  position: relative;
  overflow: hidden;
  background-image: var(--_alpha-bg);
  background-size: var(--_alpha-sz);
  background-position: var(--_alpha-pos);
  box-shadow: 0 0 0 1px var(--_c-text-bd);
  cursor: pointer;
}
.theme-preview s {
  width: 100%;
  height: 100%;
  background-color: var(--_c-prim);
}
.theme-preview i {
  color: var(--_c-white);
  font-size: var(--_px-list);
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
}
.theme-preview:hover i {
  transform: rotate(6deg);
}
.theme-count {
  margin-top: var(--_rem-space);
}
.theme-colors [rep=preview] {
  width: calc(var(--_rem-subtitle)*2);
  aspect-ratio: 1/1;
  border-radius: var(--_r-input);
  background-image: var(--_alpha-bg);
  background-size: var(--_alpha-sz);
  background-position: var(--_alpha-pos);
  box-shadow: 0 0 0 1px var(--_c-text-bd);
  display: inline-flex;
  overflow: hidden;
}
.theme-colors [rep=preview] i {
  width: 100%;
  height: 100%;
}
.theme-btm {
  color: var(--_c-white);
  position: sticky;
  bottom: var(--_g-full);
  box-shadow: var(--_sd-soft);
  padding: var(--_rem-list);
  border-radius: var(--theme-r);
  box-sizing: border-box;
  z-index: 3;
  background-color: var(--_c-black-88);
}
.theme-btm ._row {
  align-items: center;
}
.theme-btm ._row > [rep=icon] {
  font-size: var(--_rem-subtitle);
  margin-inline-end: var(--_rem-space);
}
@media (max-width: 599px), (min-width: 600px) and (max-width: 899px) and (orientation: landscape) {
  .theme-head {
    position: relative;
    top: auto;
  }
}