/* Keep Barry and the tabletop at their original proportions. Tile the narrow
   blue strip below the table edge to fill a tall rail without streaking. */
.signup-illustration{background:var(--pale)}
.desk-scene.bookmark-scene{
  inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;
  transform:none;background:transparent;container-type:inline-size;
}
.desk-pose{
  position:absolute;inset:0;pointer-events:none;
  border-style:solid;border-color:transparent;
  border-width:115.234375cqw 0 33.203125cqw;
  border-image-slice:1180 0 340 0 fill;border-image-repeat:stretch round;
}
.desk-pose.barry-open{border-image-source:url('../../images/redesign/auth/signup-desk-idle.png')}
.desk-pose.barry-covered{border-image-source:url('../../images/redesign/auth/signup-desk-covered.png')}
.desk-scene[data-state="covered"] .barry-open{opacity:1}
.desk-scene[data-animate="true"] .desk-pose{transition:opacity 200ms ease-out}
@starting-style{
  .desk-scene[data-animate="true"][data-state="covered"] .barry-covered{opacity:0}
}
@media(min-width:1001px){
  /* Keep the full illustration proportional even in a short, wide window. */
  .signup-desk-page .auth-shell{grid-template-columns:min(38%,66svh) minmax(0,1fr)}
}
@media(max-width:760px){
  .desk-scene.bookmark-scene{inset:auto 0 auto auto;top:-54px;width:184px;height:276px}
  .desk-pose{border:0;background-size:100% 100%;background-repeat:no-repeat}
  .desk-pose.barry-open{background-image:url('../../images/redesign/auth/signup-desk-idle.png')}
  .desk-pose.barry-covered{background-image:url('../../images/redesign/auth/signup-desk-covered.png')}
}
@media(max-width:360px){
  .desk-scene.bookmark-scene{right:-12px;top:-48px;width:168px;height:252px}
}
@media(prefers-reduced-motion:reduce){
  .desk-scene[data-animate="true"] .desk-pose{transition:none}
}