/* [project]/services/gallery/styles/gallery.scss.css [client] (css) */
html, body {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

html, body, input, textarea {
  font-family: var(--font-proxima),-apple-system,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}

img {
  max-width: 100%;
  display: block;
}

* {
  box-sizing: border-box;
}

a {
  color: #0070f3;
  cursor: pointer;
  text-decoration: none;
}

span.fake-link {
  color: #0070f3;
  cursor: pointer;
  text-decoration: none;
}

span.fake-link:hover {
  text-decoration: underline;
}

.square-image-container:after {
  content: "";
  padding-bottom: 100%;
  display: block;
}

@media (max-width: 991px) {
  .note-grid-inactive-search {
    height: calc(100vh - 72px);
  }
}

@media (max-width: 991px) {
  .note-grid-inactive-search-in-app {
    height: 100vh;
  }
}

@media (max-width: 991px) {
  .drill-down-note {
    margin-top: 8px;
  }
}

.drill-down-note .top-info-container {
  flex-direction: row;
}

@media (max-width: 767px) {
  .drill-down-note .top-info-container {
    flex-direction: column-reverse;
  }
}

.drill-down-note .image-container {
  flex: 3;
}

@media (max-width: 991px) {
  .drill-down-note .image-container {
    padding-right: 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .drill-down-note .image-container {
    flex: 2 2 0;
  }
}

.Gesture-view__animated-container {
  isolation: "isolate";
}

.user-bio {
  flex-direction: row;
  align-items: flex-start;
  margin: 0 auto 0 0;
}

@media (max-width: 767px) {
  .user-bio {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin: 0 20px;
  }

  .user-bio.center-mobile, .user-bio .center-mobile {
    justify-content: center;
    align-items: center;
  }
}

.user-bio .edit-buttons {
  margin-left: auto;
}

@media (max-width: 991px) {
  .user-bio .edit-buttons {
    margin-left: 0;
  }
}

.user-bio .social {
  opacity: .8;
}

@media (hover: hover) {
  .user-bio .social:hover {
    opacity: 1;
  }
}

@media (hover: none) {
  .user-bio .social:active {
    opacity: 1;
  }
}

.user-bio .screenname {
  font-size: 32px;
}

@media (max-width: 767px) {
  .user-bio .screenname {
    font-size: 20px;
  }
}

.user-bio .vertical-layout-element {
  display: none;
}

@media (max-width: 767px) {
  .user-bio .vertical-layout-element {
    display: flex;
  }
}

.user-bio .horizontal-layout-element {
  display: flex;
}

@media (max-width: 767px) {
  .user-bio .horizontal-layout-element {
    display: none;
  }
}

.user-profile-header {
  margin-top: 64px;
}

@media (max-width: 767px) {
  .user-profile-header {
    margin-top: 0;
  }
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.note-grid-hidden {
  visibility: hidden;
}

.note-grid-virtualized {
  height: 100vh;
  padding-left: 18px;
  padding-right: 18px;
  position: relative;
}

.note-grid-inactive-search {
  height: calc(100vh - 72px);
}

@media (max-width: 991px) {
  .note-grid-inactive-search {
    height: calc(100vh - 72px);
  }
}

.note-grid-inactive-search-in-app {
  height: 100vh;
}

@media (max-width: 991px) {
  .note-grid-inactive-search-in-app {
    height: 100vh;
  }
}

.note-grid-active-search {
  height: calc(100vh - 72px);
}

.note-grid-active-search-in-app {
  height: 100vh;
}

.note-grid-profile {
  height: calc(100vh - 72px);
  overflow-y: auto !important;
}

.note-grid-nonvirtualized {
  overflow: visible !important;
}

.header-positioner {
  z-index: 2;
  width: 100%;
  position: absolute;
}

.footer-positioner {
  z-index: 1;
  visibility: hidden;
  width: 100%;
  position: absolute;
  top: 100%;
}

.search-all-languages {
  margin-bottom: 30px;
}

.search-all-languages-safe-area {
  margin-bottom: 60px;
}

input.search::placeholder {
  color: #7183a0;
  opacity: 1;
}

input.search::placeholder {
  color: #7183a0;
  opacity: 1;
}

input.search::placeholder {
  color: #7183a0;
  opacity: 1;
}

.search-and-cancel-container {
  flex-direction: row;
  flex-grow: 0;
  flex-basis: calc(100% - 263px);
  gap: 4px;
  max-width: 570px;
  margin-left: auto;
  display: flex;
}

@media (max-width: 991px) {
  .search-and-cancel-container {
    max-width: inherit;
    flex-grow: 1;
    flex-basis: auto;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .search-and-cancel-container {
    width: 100%;
  }
}

.search-filter-scroll-container {
  white-space: nowrap;
  width: fit-content;
}

@media (max-width: 767px) {
  .search-filter-scroll-container {
    width: 100%;
    overflow-x: auto;
  }
}

@media (max-width: 991px) {
  .search-filter-scroll-container.upper {
    display: none;
  }
}

@media (min-width: 992px) {
  .search-filter-scroll-container.lower {
    display: none;
  }
}

.filter-content-container {
  flex-direction: row;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 16px;
  display: flex;
}

@media (max-width: 991px) {
  .filter-content-container {
    padding-left: 6px;
    padding-right: 24px;
  }
}

@media (max-width: 767px) {
  .filter-content-container {
    padding-left: 0;
    padding-right: 4px;
  }
}

.lexical_text {
  margin: 0;
  line-height: .9;
}

.lexical_ltr {
  text-align: left;
}

.lexical_listItem {
  margin: 0 12px;
}

.lexical_listItemChecked, .lexical_listItemUnchecked {
  outline: none;
  margin-left: 8px;
  margin-right: 8px;
  padding-left: 24px;
  padding-right: 24px;
  list-style-type: none;
  position: relative;
}

.lexical_listItemChecked {
  text-decoration: line-through;
}

.lexical_listItemUnchecked:before, .lexical_listItemChecked:before {
  content: "";
  cursor: pointer;
  background-size: cover;
  width: 16px;
  height: 16px;
  padding-inline-start: 0;
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
}

.lexical_listItemUnchecked[dir="rtl"]:before, .lexical_listItemChecked[dir="rtl"]:before {
  left: auto;
  right: 0;
}

.lexical_listItemUnchecked:focus:before, .lexical_listItemChecked:focus:before {
  border-radius: 2px;
  box-shadow: 0 0 0 2px #a6cdfe;
}

.lexical_listItemUnchecked:before {
  background-image: url("/static/square.svg");
}

.lexical_listItemChecked:before {
  background-image: url("/static/square-check.svg");
}

.lexical_nestedListItem {
  list-style-type: none;
}

.lexical_nestedListItem:before, .lexical_nestedListItem:after {
  display: none;
}

.lexical_ol, .lexical_ul {
  margin: 0;
  padding: 0;
  line-height: .9;
  list-style-position: inside;
  padding-inline-start: 0 !important;
}

.lexical_ol1 {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}

.lexical_ol2 {
  margin: 0;
  padding: 0;
  list-style-type: upper-alpha;
  list-style-position: inside;
}

.lexical_ol3 {
  margin: 0;
  padding: 0;
  list-style-type: lower-alpha;
  list-style-position: inside;
}

.lexical_ol4 {
  margin: 0;
  padding: 0;
  list-style-type: upper-roman;
  list-style-position: inside;
}

.lexical_ol5 {
  margin: 0;
  padding: 0;
  list-style-type: lower-roman;
  list-style-position: inside;
}

:root {
  --highlight-bg-color: #b400aa;
  --highlight-selected-bg-color: #006400;
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

.textLayer {
  text-align: initial;
  opacity: .25;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
  line-height: 1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.textLayer span, .textLayer br {
  color: #0000;
  white-space: pre;
  cursor: text;
  transform-origin: 0 0;
  position: absolute;
}

.textLayer span.markedContent {
  height: 0;
  top: 0;
}

.textLayer .highlight {
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
  margin: -1px;
  padding: 1px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

.textLayer ::selection {
  background: #00f;
  background: accentcolor;
}

.textLayer br::selection {
  background: none;
}

.textLayer .endOfContent {
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  display: block;
  position: absolute;
  inset: 100% 0 0;
}

.textLayer .endOfContent.active {
  top: 0;
}

.hide-scroll {
  scrollbar-width: thin;
  scrollbar-color: #0000 #0000;
  -ms-overflow-style: none;
  overflow: auto;
}

.hide-scroll::-webkit-scrollbar {
  display: none;
}

.hide-scroll::-webkit-scrollbar-track {
  background-color: #0000;
}

.hide-scroll::-webkit-scrollbar-thumb {
  background-color: #0000;
}

html, body {
  -webkit-tap-highlight-color: #0000;
  max-width: 100%;
  font-weight: 300;
  overflow-y: hidden;
}

a:hover {
  text-decoration: underline;
}

a:hover.no-underline {
  font-size: 16px;
  text-decoration: none;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

.spin {
  animation: 2s linear infinite rotate;
}

@keyframes signInGateSlideUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.sign-in-gate-animate-in {
  animation: signInGateSlideUp .9s linear(0, .12, .361, .606, .802, .933, 1.007, 1.039, 1.046, 1.039, 1.028, 1.017, 1.008, 1.002, .999, .998, .998, .998, .999, .999, 1) .3s both;
}

.action-button-container > svg {
  align-self: center;
}

.transition-color {
  transition: color .3s ease-out;
}

.transition-opacity {
  transition: opacity .3s ease-out;
}

input.orgTableHeader::placeholder {
  color: #7183a0;
  opacity: 1;
}

span.orgTableHeader {
  color: #7183a0;
}

/* [project]/services/gallery/fonts/proxima_52b251c1.module.css [client] (css) */
@font-face {
  font-family: proxima;
  src: url("../media/ProximaSoft_normal_normal-s.p.1utjsvgv30ndq.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: proxima;
  src: url("../media/ProximaSoftMedium_normal_normal-s.p.2qic8f06g3t6q.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: proxima;
  src: url("../media/ProximaSoftSemiBold_normal_normal-s.p.44uhdmi8wlpby.woff2") format("woff2");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: proxima;
  src: url("../media/ProximaSoftBold_normal_normal-s.p.12xn8hq974p09.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: proxima Fallback;
  src: local(Arial);
  ascent-override: 79.69%;
  descent-override: 21.18%;
  line-gap-override: 0.0%;
  size-adjust: 99.14%;
}

.proxima_52b251c1-module__9uRPvW__className {
  font-family: proxima, proxima Fallback;
}

/* [project]/services/gallery/fonts/gtflaire_db1c641e.module.css [client] (css) */
@font-face {
  font-family: gtFlaire;
  src: url("../media/GT_Flaire_Basic_Black-s.p.1c48j9h4ec1oj.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: gtFlaire;
  src: url("../media/GT_Flaire_Basic_Black_Italic-s.p.3ayoak1133s_v.woff2") format("woff2");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: gtFlaire;
  src: url("../media/GT_Flaire_Basic_Black-s.p.1c48j9h4ec1oj.woff2") format("woff2");
  font-display: swap;
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: gtFlaire;
  src: url("../media/GT_Flaire_Basic_Black-s.p.1c48j9h4ec1oj.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: gtFlaire;
  src: url("../media/GT_Flaire_Basic_Black_Italic-s.p.3ayoak1133s_v.woff2") format("woff2");
  font-display: swap;
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: gtFlaire Fallback;
  src: local(Arial);
  ascent-override: 88.53%;
  descent-override: 21.25%;
  line-gap-override: 0.0%;
  size-adjust: 112.96%;
}

.gtflaire_db1c641e-module__bD2z9W__className {
  font-family: gtFlaire, gtFlaire Fallback;
}

/*# sourceMappingURL=2i5ptbpbj2hqg.css.map*/