/* [project]/apps/artdirect/src/components/oad/dossier-sidebar.css [app-client] (css) */
.eac-dos-side, .eac-dos-side-tab {
  --dside-w: min(420px, 100vw);
  --dside-bg: var(--eac-dos-bg-accent, #1b1915);
  --dside-bg-soft: #262218;
  --dside-ink: var(--eac-dos-paper, #f4efe4);
  --dside-soft: #b3aa98;
  --dside-line: #45402f;
  --dside-accent: var(--eac-dos-manila, #d8bd8a);
  --dside-red: var(--eac-dos-stamp-red, #8a2f2a);
  --dside-type: var(--eac-dos-typewriter, "Courier Prime", "Courier New", monospace);
  --dside-display: var(--eac-dos-display, "Playfair Display", Georgia, serif);
}

.eac-dos-side-tab {
  z-index: 120;
  transform-origin: 100%;
  writing-mode: vertical-rl;
  border: 1px solid var(--dside-line);
  background: var(--dside-bg);
  color: var(--dside-accent);
  font-family: var(--dside-type);
  letter-spacing: .2em;
  text-transform: uppercase;
  cursor: pointer;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  padding: 1.1rem .55rem;
  font-size: .72rem;
  font-weight: 700;
  transition: right .22s;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.eac-dos-side-tab:hover, .eac-dos-side-tab:focus-visible {
  color: var(--dside-bg);
  background: var(--dside-accent);
}

.eac-dos-side-tab[data-open="true"] {
  right: var(--dside-w);
  border-radius: 4px 0 0 4px;
}

@media (prefers-reduced-motion: reduce) {
  .eac-dos-side-tab {
    transition: none;
  }
}

.eac-dos-side {
  z-index: 119;
  width: var(--dside-w);
  overscroll-behavior: contain;
  background: var(--dside-bg);
  border-left: 1px solid var(--dside-line);
  color: var(--dside-ink);
  font-family: var(--dside-type);
  padding: 1.5rem 1.5rem 5rem;
  font-size: .88rem;
  line-height: 1.5;
  transition: transform .22s;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  overflow-y: auto;
  transform: translateX(100%);
  box-shadow: -18px 0 50px #00000073;
}

.eac-dos-side[data-open="true"] {
  transform: translateX(0);
}

.eac-dos-side[data-open="false"] {
  visibility: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .eac-dos-side {
    transition: none;
  }
}

.eac-dos-side-head h2 {
  font-family: var(--dside-display);
  margin: 0 0 .35rem;
  font-size: 1.5rem;
  font-weight: 700;
}

.eac-dos-side-head p {
  color: var(--dside-soft);
  margin: 0 0 1.5rem;
  font-size: .82rem;
}

.eac-dos-side-error {
  border: 1px solid var(--dside-red);
  color: var(--dside-ink);
  background: #8a2f2a2e;
  margin: 0 0 1rem;
  padding: .6rem .75rem;
  font-size: .82rem;
}

.eac-dos-side-note {
  border-left: 2px solid var(--dside-accent);
  background: var(--dside-bg-soft);
  color: var(--dside-soft);
  margin: 0 0 1.25rem;
  padding: .7rem .8rem;
  font-size: .8rem;
}

.eac-dos-side-group {
  border-top: 1px solid var(--dside-line);
  padding: 1.1rem 0;
}

.eac-dos-side-group h3 {
  font-family: var(--dside-display);
  justify-content: space-between;
  align-items: baseline;
  gap: .75rem;
  margin: 0 0 .3rem;
  font-size: 1.08rem;
  font-weight: 700;
  display: flex;
}

.eac-dos-side-status {
  font-family: var(--dside-type);
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dside-soft);
  border: 1px solid var(--dside-line);
  flex: none;
  padding: .1rem .4rem;
  font-size: .62rem;
  font-weight: 400;
}

.eac-dos-side-group[data-showing="true"] .eac-dos-side-status {
  color: var(--dside-accent);
  border-color: var(--dside-accent);
}

.eac-dos-side-blurb {
  color: var(--dside-soft);
  margin: 0 0 .85rem;
  font-size: .8rem;
}

.eac-dos-side-managed {
  background: var(--dside-bg-soft);
  color: var(--dside-soft);
  margin: 0 0 .85rem;
  padding: .6rem .75rem;
  font-size: .8rem;
}

.eac-dos-side-managed a, .eac-dos-side-out {
  color: var(--dside-accent);
  border-bottom: 1px solid;
  text-decoration: none;
}

.eac-dos-side-out {
  font-size: .82rem;
  display: inline-block;
}

.eac-dos-side-switch {
  cursor: pointer;
  align-items: flex-start;
  gap: .6rem;
  margin-bottom: .9rem;
  font-size: .83rem;
  display: flex;
}

.eac-dos-side-switch input, .eac-dos-side-layout input {
  accent-color: var(--dside-accent);
  flex: none;
  margin-top: .2rem;
}

.eac-dos-side-layouts {
  gap: .6rem;
  display: grid;
}

.eac-dos-side-layout {
  border: 1px solid var(--dside-line);
  cursor: pointer;
  align-items: flex-start;
  gap: .65rem;
  padding: .7rem .8rem;
  display: flex;
}

.eac-dos-side-layout[data-checked="true"] {
  border-color: var(--dside-accent);
  background: var(--dside-bg-soft);
}

.eac-dos-side-layout b {
  font-weight: 700;
  display: block;
}

.eac-dos-side-layout span span {
  color: var(--dside-soft);
  margin-top: .15rem;
  font-size: .78rem;
  display: block;
}

.eac-dos-side-field {
  margin-bottom: 1rem;
  display: block;
}

.eac-dos-side-label {
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--dside-soft);
  justify-content: space-between;
  align-items: baseline;
  gap: .5rem;
  margin-bottom: .3rem;
  font-size: .68rem;
  font-weight: 700;
  display: flex;
}

.eac-dos-side-label em {
  letter-spacing: .1em;
  color: var(--dside-accent);
  font-style: normal;
}

.eac-dos-side-field input[type="text"], .eac-dos-side-field input[type="url"], .eac-dos-side-field textarea, .eac-dos-side-sub input, .eac-dos-side-sub textarea {
  box-sizing: border-box;
  border: 1px solid var(--dside-line);
  background: var(--dside-bg-soft);
  width: 100%;
  color: var(--dside-ink);
  font-family: var(--dside-type);
  resize: vertical;
  padding: .5rem .6rem;
  font-size: .86rem;
  line-height: 1.45;
}

.eac-dos-side-field input:focus, .eac-dos-side-field textarea:focus, .eac-dos-side-sub input:focus, .eac-dos-side-sub textarea:focus {
  outline: 2px solid var(--dside-accent);
  outline-offset: 1px;
}

.eac-dos-side-field ::placeholder, .eac-dos-side-sub ::placeholder {
  color: #8e8676;
  opacity: 1;
}

.eac-dos-side-hint {
  color: var(--dside-soft);
  margin-top: .3rem;
  font-size: .75rem;
  display: block;
}

.eac-dos-side-btn {
  border: 1px solid var(--dside-line);
  color: var(--dside-ink);
  font-family: var(--dside-type);
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  background: none;
  padding: .4rem .8rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-block;
}

.eac-dos-side-btn:hover {
  border-color: var(--dside-accent);
  color: var(--dside-accent);
}

.eac-dos-side-upload {
  cursor: pointer;
  align-items: center;
  gap: .7rem;
  display: flex;
}

.eac-dos-side-upload img {
  object-fit: cover;
  border: 1px solid var(--dside-line);
  background: var(--dside-bg-soft);
  width: 46px;
  height: 58px;
}

.eac-dos-side-upload input[type="file"] {
  display: none;
}

.eac-dos-side-rows {
  gap: .75rem;
  margin: 0 0 .75rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.eac-dos-side-row {
  border: 1px solid var(--dside-line);
  background: var(--dside-bg-soft);
  padding: .7rem .75rem;
}

.eac-dos-side-rowhead {
  letter-spacing: .14em;
  color: var(--dside-soft);
  justify-content: space-between;
  align-items: center;
  margin-bottom: .55rem;
  font-size: .7rem;
  display: flex;
}

.eac-dos-side-rowhead div {
  gap: .25rem;
  display: flex;
}

.eac-dos-side-rowhead button {
  border: 1px solid var(--dside-line);
  width: 1.75rem;
  height: 1.75rem;
  color: var(--dside-ink);
  font-family: var(--dside-type);
  cursor: pointer;
  background: none;
  font-size: .8rem;
  line-height: 1;
}

.eac-dos-side-rowhead button:hover:not(:disabled) {
  border-color: var(--dside-accent);
  color: var(--dside-accent);
}

.eac-dos-side-rowhead button:disabled {
  opacity: .35;
  cursor: default;
}

.eac-dos-side-sub {
  margin-bottom: .5rem;
  display: block;
}

.eac-dos-side-sub > span {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--dside-soft);
  margin-bottom: .2rem;
  font-size: .66rem;
  display: block;
}

.eac-dos-side-subimage > .eac-dos-side-upload {
  margin-top: .1rem;
}

@media (max-width: 480px) {
  .eac-dos-side {
    padding: 1.25rem 1rem 5rem;
  }
}

@media (min-width: 1000px) {
  body[data-dos-side="open"] {
    padding-right: var(--dside-w, 420px);
    transition: padding-right .22s;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-dos-side="open"] {
    transition: none;
  }
}

/*# sourceMappingURL=apps_artdirect_src_components_oad_dossier-sidebar_1923b74f.css.map*/