.grid.svelte-1nblg2p{display:grid;grid-template-columns:300px 2.5fr 16px 2.1fr;grid-template-rows:30px 1fr;gap:0px 0px;grid-template-areas:"sidebar-header header header header"
			"viewer viewer gutter indexer"}.error.svelte-p9jh5p{color:red}.login.svelte-p9jh5p{background:var(--dark-brown);font-family:"Roboto", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh}.login__container.svelte-p9jh5p{width:360px;padding:8% 0 0;margin:auto}.grid.svelte-1o3cxwv{display:grid;grid-template-columns:300px 2.5fr 16px 2.1fr;grid-template-rows:30px 1fr;gap:0px 0px;grid-template-areas:"sidebar-header header header header"
			"sidebar gallery gallery gallery"}.login.svelte-kskwz9{background-color:var(--dark-brown);background-image:url('/images/libary-background.png');font-family:"Roboto", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-family:"Work Sans", sans-serif}.login__container.svelte-kskwz9{width:33%;padding:8% 0 0;margin:auto;display:block}.login__logo.svelte-kskwz9{width:50%;margin:auto;padding-bottom:1.5em}.sidebar-header.svelte-1itr31f.svelte-1itr31f{grid-area:sidebar-header;background-color:var(--green);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-start}.sidebar-header__logo.svelte-1itr31f.svelte-1itr31f{flex:0 1 100px;fill:var(--white);align-self:flex-end;margin-left:5px}.sidebar-header__logo.svelte-1itr31f>svg.svelte-1itr31f{height:18px}.navbar.svelte-fj8l1h{grid-area:header;background-color:var(--green);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-start}.navbar__tab.svelte-fj8l1h{flex:0 1 100px;align-self:flex-end;text-align:center;border:1px solid var(--dark-brown);border-radius:2px 2px 0px 0px;font-family:"Work Sans", sans-serif;font-weight:600;margin-right:2px;text-decoration:none}.navbar__tab.active{background-color:var(--dark-brown);color:var(--white);padding-top:1px}.navbar__tab.inactive{background-color:var(--white);color:var(--dark-brown);padding-top:0px}.navbar__tab.inactive:hover{background-color:var(--silver);text-decoration:underline}.viewer-container.svelte-1ev7clc{height:calc(100vh - 71px);margin-left:10px;margin-right:10px}.viewer__toolbar.svelte-1ev7clc{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:flex-start;align-content:stretch;align-items:flex-end;padding-top:3px;padding-right:3px;margin-bottom:3px;border-radius:3px}.slider-container.svelte-1ev7clc{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-content:stretch;align-items:center}.slider__value.svelte-1ev7clc{color:white;font-size:13px;font-family:"Libre Baskerville", serif}.slider.svelte-1ev7clc{height:5px}.viewer.svelte-1ev7clc{grid-area:viewer;background-color:var(--dark-brown)}.editor__container.svelte-166uhb8{padding:5px;min-width:145px}.ql-editor{background-color:whitesmoke;tab-size:20;-moz-tab-size:20;-o-tab-size:20;font-family:"Work Sans", sans-serif}.editor__title.svelte-166uhb8{font-family:"Libre Baskerville", serif;font-size:18px;text-align:center}.indexer.svelte-166uhb8{grid-area:indexer;background-color:var(--white)}.gutter.svelte-1aglzbk{grid-area:gutter;background-color:var(--silver);cursor:col-resize}.gutter.svelte-1aglzbk>svg{padding:0;margin:0}.gutter__handle--container.svelte-1aglzbk{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-content:center;align-items:center;height:100%;gap:0px}.sidebar.svelte-aylxsb{grid-area:sidebar;background-color:var(--white);height:calc(100vh - 30px)}main.svelte-1x2wv0b{grid-area:gallery;background-color:var(--dark-brown);color:var(--white);padding:1em}form.svelte-1n6ee1e{background-color:var(--white);position:relative;z-index:1;max-width:360px;margin:0 auto 100px;padding:10px 45px 45px 45px;text-align:center;box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24)}input.svelte-vw92wz{font-family:"Roboto", sans-serif;outline:0;background:#f2f2f2;width:100%;border:1px solid #f2f2f2;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;font-family:"Work Sans", sans-serif}input.svelte-vw92wz:focus{border:1px solid black}input.svelte-vw92wz{font-family:"Roboto", sans-serif;outline:0;background:#f2f2f2;width:100%;border:1px solid #f2f2f2;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;font-family:"Work Sans", sans-serif}input.svelte-vw92wz:focus{border:1px solid black}button.svelte-d1utv2{font-family:"Roboto", sans-serif;text-transform:uppercase;outline:0;background:#4caf50;width:100%;border:0;padding:15px;color:#ffffff;font-size:14px;-webkit-transition:all 0.3 ease;transition:all 0.3 ease;cursor:pointer}button.svelte-d1utv2:hover,button.svelte-d1utv2:active,button.svelte-d1utv2:focus{background:#43a047}button.google-auth.svelte-cibg78.svelte-cibg78{width:100%;border:0;background-color:#4285f4;display:flex;justify-content:center;align-items:center;border-radius:2px;padding:5px 1px;cursor:pointer;margin-top:2px}button.google-auth.svelte-cibg78.svelte-cibg78:disabled{background-color:grey}.google-auth.svelte-cibg78 img.svelte-cibg78{background:white;padding:4px;height:30px;width:30px;border-radius:2px;margin:4px}.google-auth.svelte-cibg78 span.svelte-cibg78{font-family:Roboto, sans-serif;font-size:14px;font-weight:bold;padding:0 12px;color:white}img.svelte-1b0zvw{width:28px;height:28px;border-radius:50%;margin-right:0.2em}.profile.svelte-1b0zvw{margin:0.1em 0 0 auto;display:flex;align-items:flex-end;font-family:"Work Sans", sans-serif;cursor:pointer}p.svelte-1b0zvw{color:var(--white);font-weight:600;padding-right:0.5em;line-height:1.8
    }.toolbar__button.svelte-1e24dtv{border:none;padding:1px;width:25px;height:25px;margin:5px;border-radius:3px;background-color:var(--white)}.toolbar__button.svelte-1e24dtv:hover{background-color:var(--green)}svg.svelte-1qa99vx{transform:scaleX(-1)}.arrow.svelte-m8uky0{transform:scale(0.4)}.iv {
  /***** snap view css *****/
  /*** zoom slider ***/
  /**** snap view css end *****/
}
.iv-container {
  overflow: hidden;
  position: relative;
}
.iv-fullscreen {
  position: fixed;
  background: #0d0d0d;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
}
.iv-fullscreen-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.iv-container {
  overflow: hidden;
  position: relative;
}
.iv-image-mode {
  display: inline-block;
}
.iv-fullscreen-close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 10px;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  text-shadow: 0px 0px 3px #6d6d6d;
  transition: all ease 200ms;
}
.iv-fullscreen-close:after, .iv-fullscreen-close:before {
  content: "";
  height: 4px;
  width: 24px;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.iv-fullscreen-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.iv-fullscreen-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.iv-fullscreen-close:hover {
  transform: rotate(90deg);
  transform-origin: 50% 50%;
}
.iv-snap-view {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 20px;
  left: 20px;
  border: 1px solid #aaa;
  background: black;
  z-index: 100;
  box-sizing: content-box;
  transition: opacity ease 400ms;
  opacity: 0;
}
.iv-snap-image-wrap {
  display: inline-block;
  position: absolute;
  max-width: 150px;
  max-height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.iv-snap-image {
  position: relative;
  -ms-touch-action: none;
      touch-action: none;
}
.iv-snap-handle {
  box-sizing: border-box;
  position: absolute;
  border: 1px solid white;
  transform: translate3d(0, 0, 0);
  box-shadow: 0px 0px 0px 200px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  cursor: grab;
}
.iv-snap-handle:active {
  cursor: grabbing;
}
.iv-zoom-slider {
  width: 100%;
  box-sizing: content-box;
  border: 1px solid #aaa;
  border-top: 0;
  background: rgba(0, 0, 0, 0.3);
  height: 15px;
  position: absolute;
  top: 150px;
  left: -1px;
}
.iv-zoom-handle {
  width: 20px;
  height: 15px;
  background: white;
  position: absolute;
  cursor: pointer;
  cursor: grab;
}
.iv-zoom-handle:active {
  cursor: grabbing;
}
.iv-image-view {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.iv-image-wrap {
  display: inline-block;
}
.iv-image-wrap:active {
  cursor: move;
}
.iv-image {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  -ms-touch-action: none;
      touch-action: none;
  transform: translate3d(0, 0, 0);
}
.iv-loader {
  top: 50%;
  left: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  z-index: 100;
  margin-top: -16px;
  margin-left: -16px;
  font-size: 5px;
  position: absolute;
  text-indent: -9999em;
  border: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  transform: translateZ(0);
  animation: loading-icon 1.1s infinite linear;
}
.iv-loader:after {
  width: 10em;
  height: 10em;
  border-radius: 50%;
}
@keyframes loading-icon {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .iv-snap-view {
    z-index: -1;
    visibility: hidden;
  }
}