@chrryai/chrry 1.1.78

package/dist/Messages.module-GBPUAPAI.scss

@@ -0,0 +1,86 @@
+@use "./toRem.scss";
+
+.messagesContainer {
+  display: flex;
+  flex-direction: column;
+  margin-top: toRem.toRem(20);
+  justify-content: flex-end;
+  align-content: flex-end;
+  overflow-y: auto;
+  max-height: 100%;
+}
+
+.messages {
+  display: flex;
+  flex-direction: column;
+  gap: toRem.toRem(20);
+}
+
+.loadMoreContainer {
+  display: flex;
+  justify-content: center;
+  margin-bottom: toRem.toRem(10);
+}
+
+.emptyContainer {
+  display: flex;
+  justify-content: center;
+  margin-bottom: toRem.toRem(10);
+}
+
+.characterProfileContainer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: toRem.toRem(25);
+  gap: toRem.toRem(10);
+  flex-direction: column;
+}
+
+.loading {
+  display: flex;
+  gap: toRem.toRem(5);
+  margin-top: toRem.toRem(30);
+  flex-direction: row;
+  font-size: toRem.toRem(15);
+  color: var(--shade-6);
+}
+
+.enableCharacterProfilesContainer {
+  display: flex;
+  justify-content: center;
+  margin: toRem.toRem(25) 0;
+
+  &:empty {
+    display: none;
+  }
+}
+
+.enabledCharacterProfiles {
+  font-size: toRem.toRem(14);
+}
+
+.video {
+  width: toRem.toRem(30);
+  height: toRem.toRem(30);
+  object-fit: cover;
+  border-radius: 50%;
+  pointer-events: none; // So clicks pass through to foreground content
+}
+
+.characterProfileActions {
+  display: flex;
+  gap: toRem.toRem(1);
+}
+
+.tags {
+  display: flex;
+  flex-wrap: wrap;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  gap: toRem.toRem(5);
+  max-width: toRem.toRem(300);
+  font-size: toRem.toRem(12);
+}

package/dist/Modal.module-TOU4YLFQ.scss

@@ -0,0 +1,118 @@
+@use "./breakpoints.scss";
+@use "./toRem.scss";
+
+.modal {
+  height: 100dvh;
+  width: 100vw;
+  display: flex;
+  top: 0;
+  left: 0;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 9999;
+  position: fixed;
+  background: var(--overlay);
+  font-size: toRem.toRem(16);
+}
+
+.main {
+  margin: 0 auto;
+  width: auto;
+  padding: 0 toRem.toRem(10);
+  z-index: 3;
+  position: relative;
+  flex: 1;
+  flex-direction: column;
+  display: flex;
+  justify-content: center;
+
+  width: 100%;
+
+  @media (min-width: toRem.toRem(501)) {
+    max-width: toRem.toRem(500);
+    min-width: toRem.toRem(450);
+    width: auto;
+  }
+
+  &.isDrawerOpen {
+    left: toRem.toRem(125);
+  }
+
+  .inner {
+    animation: slideUp 0.4s ease forwards;
+    background-color: var(--background);
+    padding: toRem.toRem(12.5);
+    border-radius: var(--radius);
+    border: toRem.toRem(1) solid var(--shade-2-transparent);
+    position: relative;
+    max-height: calc(100dvh - 20px);
+    max-width: breakpoints.$breakpoint-desktop;
+    display: flex;
+    flex-direction: column;
+
+    gap: toRem.toRem(5);
+    justify-content: flex-start;
+
+    .header {
+      margin: 0;
+      margin-bottom: toRem.toRem(5);
+      padding: 0;
+      padding-bottom: toRem.toRem(7.5);
+      display: flex;
+      align-items: center;
+      gap: toRem.toRem(10);
+
+      .title {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        gap: toRem.toRem(5);
+      }
+
+      &.borderHeader {
+        border-bottom: toRem.toRem(1) dashed var(--shade-2);
+      }
+    }
+
+    width: 100%;
+
+    @media (min-width: toRem.toRem(431)) {
+      width: inherit;
+    }
+  }
+
+  .close {
+    display: flex;
+  }
+
+  .email {
+    margin-bottom: toRem.toRem(5);
+  }
+  .logoutButton {
+    display: flex;
+    align-items: center;
+    gap: toRem.toRem(5);
+    margin-left: auto;
+  }
+}
+
+.content {
+  display: flex;
+  flex-direction: column;
+
+  &.scrollable {
+    overflow-y: auto;
+  }
+}
+
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(toRem.toRem(20)); /* Start slightly below */
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0); /* End at original position */
+  }
+}

package/dist/Search.module-GU3BRADG.scss

@@ -0,0 +1,26 @@
+@use "./toRem.scss";
+
+.searchBoxWrapper {
+  width: 100%;
+  position: relative;
+}
+
+.searchIcon {
+  position: absolute;
+  left: toRem.toRem(12);
+  top: toRem.toRem(12);
+  color: var(--shade-6);
+  width: toRem.toRem(16);
+  height: toRem.toRem(16);
+}
+
+input.search {
+  border: toRem.toRem(1) solid var(--shade-2);
+  border-radius: var(--radius);
+  padding: toRem.toRem(10) toRem.toRem(10) toRem.toRem(10) toRem.toRem(35) !important;
+  width: 100%;
+  background-color: var(--background);
+  color: var(--foreground);
+  font-size: toRem.toRem(16);
+  transition: var(--border-transition);
+}

package/dist/Select.module-R7QM256C.scss

@@ -0,0 +1,32 @@
+@use "./toRem.scss";
+
+.customSelect {
+  position: relative;
+  display: inline-flex;
+
+  select {
+    appearance: none;
+    -webkit-appearance: none;
+    padding: 0.5rem 2.5rem 0.5rem 0.5rem;
+    border: toRem.toRem(1) dashed var(--accent-1);
+    border-radius: var(--radius);
+    background-color: var(--background);
+    color: var(--foreground);
+    transition: var(--border-transition);
+    cursor: pointer;
+
+    &:focus,
+    &:hover,
+    &:active {
+      border-color: var(--link-color);
+      outline: var(--link-color);
+    }
+  }
+  .icon {
+    position: absolute;
+    right: toRem.toRem(10);
+    top: 50%;
+    transform: translateY(-50%);
+    pointer-events: none;
+  }
+}

package/dist/Share.module-VQBCBSA5.scss

@@ -0,0 +1,84 @@
+@use "./toRem.scss";
+
+.shareModalInputContainer,
+.collaborateInputContainer {
+  display: flex;
+  gap: toRem.toRem(10);
+}
+
+.shareModalInput,
+.collaborateInput {
+  flex: 1;
+}
+
+.collaborateFooter {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  gap: toRem.toRem(10);
+}
+
+.share {
+  font-size: toRem.toRem(12);
+  position: relative;
+  bottom: toRem.toRem(0.5);
+}
+
+.shareModalContent {
+  display: flex;
+  flex-direction: column;
+  gap: toRem.toRem(10);
+}
+
+.collaboratorEmail {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: toRem.toRem(15);
+}
+
+.shareModalDescription {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-end;
+  gap: toRem.toRem(10);
+}
+
+.collaboratorStatus {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  gap: toRem.toRem(5);
+  svg {
+    position: relative;
+    top: toRem.toRem(1);
+  }
+}
+
+.collaborators {
+  display: flex;
+  flex-direction: column;
+  gap: toRem.toRem(10);
+  font-size: toRem.toRem(14);
+}
+
+.collaborator {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: toRem.toRem(10);
+}
+
+.collaboratorImage {
+  border-radius: 50%;
+}
+
+.collaboratorName {
+  margin-top: 0;
+}
+
+.collaboratorActions {
+  margin-left: auto;
+}

package/dist/Sidebar.module-AUSDVTCY.scss

@@ -0,0 +1,69 @@
+@use "./toRem.scss";
+
+.sidebar {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  padding: toRem.toRem(10);
+}
+
+.splash {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  background: var(--background);
+  z-index: 999999;
+
+  &.hidden {
+    display: none;
+  }
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: toRem.toRem(5);
+}
+
+.content {
+  flex: 1;
+}
+
+.footer {
+  display: flex;
+  gap: toRem.toRem(5);
+}
+
+.brandContainer {
+  display: flex;
+  align-items: center;
+  gap: toRem.toRem(5);
+
+  .brand {
+    font-weight: bold;
+    font-size: toRem.toRem(15);
+  }
+}
+
+.menuButton {
+  display: flex;
+}
+
+.userButton {
+  display: flex;
+}
+
+.contentHelp {
+  font-size: toRem.toRem(26);
+  font-weight: bold;
+  margin: 0;
+  margin-top: toRem.toRem(40);
+  line-height: 1.2;
+  text-align: center;
+  align-self: center;
+  justify-self: center;
+}

package/dist/SignIn.module-53SOSG63.scss

@@ -0,0 +1,129 @@
+@use "./toRem.scss";
+
+.container {
+  display: flex;
+  gap: toRem.toRem(10);
+  font-size: toRem.toRem(14);
+}
+
+.signInButton {
+  display: none;
+
+  @media (min-width: toRem.toRem(800)) {
+    display: flex;
+  }
+}
+
+.video {
+  width: toRem.toRem(30);
+  height: toRem.toRem(30);
+  object-fit: cover;
+  border-radius: 50%;
+  pointer-events: none; // So clicks pass through to foreground content
+}
+
+.registerButton {
+  display: flex;
+}
+
+@keyframes slideLeft {
+  0% {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+.signInButtons {
+  display: flex;
+  flex-direction: column;
+  gap: toRem.toRem(10);
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  z-index: 1000;
+}
+
+.switchMode {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  gap: toRem.toRem(5);
+
+  svg {
+    display: flex;
+  }
+}
+
+.googleButton {
+  gap: toRem.toRem(10);
+  border: none;
+}
+
+.modal {
+  height: 100vh;
+  width: 100vw;
+  display: flex;
+  top: 0;
+  left: 0;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  z-index: 99999;
+  position: fixed;
+  background: var(--overlay);
+}
+
+.main {
+  margin: 0 auto;
+  width: auto;
+  padding: 0 toRem.toRem(10);
+  z-index: 3;
+  position: relative;
+  flex: 1;
+  flex-direction: column;
+  display: flex;
+  justify-content: center;
+  width: auto;
+
+  .inner {
+    animation: slideUp 0.4s ease forwards;
+    position: relative;
+    min-width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    align-items: center;
+    gap: toRem.toRem(20);
+  }
+
+  .appleButton,
+  .googleButton {
+    display: flex;
+    align-items: center;
+    gap: toRem.toRem(5);
+    border-radius: 13px;
+  }
+
+  .close {
+    display: flex;
+    position: absolute;
+    top: toRem.toRem(-40);
+    border: none;
+  }
+}
+
+@keyframes slideUp {
+  from {
+    opacity: 0;
+    transform: translateY(toRem.toRem(20)); /* Start slightly below */
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0); /* End at original position */
+  }
+}