/* Pattern Lab and LinkedIn Banners on the free tools page. The panels, chips and stage come from site.css. */
#pl-art{aspect-ratio:16/9}
#pattern .pl-more{display:flex;justify-content:center}
.two-in[hidden]{display:none}
#banner .stage{grid-template-columns:minmax(0,1fr);width:100%}
.bnw{position:relative;width:100%;min-width:0;justify-self:stretch;line-height:0;border-radius:var(--r2);overflow:hidden;box-shadow:0 40px 90px -36px rgba(0,0,0,.9)}
#banner canvas#bn{display:block;width:100%;height:auto;max-width:none;max-height:none;border-radius:0;box-shadow:none}
.bnspot{position:absolute;left:3%;top:50%;width:19%;aspect-ratio:1;border-radius:50%;background:rgba(11,12,11,.6);box-shadow:inset 0 0 0 2px #F3F5F0;pointer-events:none}
.bnspot[hidden]{display:none}
.bnw[data-size=company] .bnspot{left:2%;top:62%;width:9%;border-radius:12%}
#bn-spotnote[hidden]{display:none}
@media(min-width:961px){
#banner .studio{grid-template-columns:minmax(0,1fr)}
#banner .stage{order:-1}
#banner .panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;align-items:start}
}
@media(max-width:560px){#bn-person,#bn-head{grid-template-columns:minmax(0,1fr)}}