/* Twenty v2.56.1: match the authentication shell and its stock logo together. */
#root .s1wc667:has(> .swdi819 .si03ohs .s1u3xbtx) {
  --dcap-brand-inset: clamp(30px, 5vw, 76px);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  grid-template-rows: minmax(min-content, 1fr);
}

#root .s1wc667:has(> .swdi819 .si03ohs .s1u3xbtx)::before {
  content: "";
  grid-area: 1 / 1;
  background: #090e0b url("graphite-channels.jpg") center 53% / cover no-repeat;
}

#root .s1wc667:has(> .swdi819 .si03ohs .s1u3xbtx)::after {
  content: "";
  position: absolute;
  inset: var(--dcap-brand-inset) auto auto var(--dcap-brand-inset);
  inline-size: clamp(140px, 16vw, 230px);
  aspect-ratio: 1920 / 609;
  background-color: #f2f5f1;
  mask: url("dcap-wordmark.png") center / contain no-repeat;
  pointer-events: none;
}

#root .s1wc667 > .swdi819:has(.si03ohs .s1u3xbtx) {
  grid-area: 1 / 2;
  box-sizing: border-box;
  min-inline-size: 0;
  padding: clamp(24px, 4vw, 60px);
}

#root .s1wc667 > .swdi819 .si03ohs:has(.s1u3xbtx) {
  display: none;
}

#root .s1wc667 > .swdi819:has(.si03ohs .s1u3xbtx) form :is(input, button[type="submit"]) {
  min-block-size: 44px;
}

#root .s1wc667 > .swdi819:has(.si03ohs .s1u3xbtx) form button[type="submit"]:not(:disabled) {
  background-color: #11633b;
  color: #fff;
}

#root .s1wc667 > .swdi819:has(.si03ohs .s1u3xbtx) form button[type="submit"]:not(:disabled):hover {
  background-color: #0b4f2d;
}

@media (max-width: 760px) {
  #root .s1wc667:has(> .swdi819 .si03ohs .s1u3xbtx) {
    --dcap-brand-inset: 22px;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: clamp(125px, 25svh, 205px) minmax(min-content, 1fr);
  }

  #root .s1wc667:has(> .swdi819 .si03ohs .s1u3xbtx)::before {
    background-position: center 55%;
  }

  #root .s1wc667 > .swdi819:has(.si03ohs .s1u3xbtx) {
    grid-area: 2 / 1;
  }
}