.showcase-module__GKCLXa__page{width:min(1100px,100% - 48px);margin:0 auto;padding-bottom:48px}.showcase-module__GKCLXa__header{max-width:800px;padding:72px 0 40px}.showcase-module__GKCLXa__index{flex-wrap:wrap;gap:24px;margin-top:28px;font-size:14px;display:flex}.showcase-module__GKCLXa__toolbar{border-top:1px solid var(--wb-line);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;display:flex}.showcase-module__GKCLXa__preview{max-width:100%;margin-inline:auto;container:gallery/inline-size}.showcase-module__GKCLXa__preview[data-narrow=true]{width:390px}.showcase-module__GKCLXa__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;display:grid}.showcase-module__GKCLXa__grid>*{min-width:0}.showcase-module__GKCLXa__grid h3{margin-bottom:16px}.showcase-module__GKCLXa__swatches{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-block:24px;display:grid}.showcase-module__GKCLXa__swatches>div{gap:8px;min-width:0;font-size:14px;display:grid}.showcase-module__GKCLXa__swatches span{border:1px solid var(--wb-line);border-radius:6px;height:44px;display:block}.showcase-module__GKCLXa__swatches code{color:var(--wb-muted);font-size:12px}.showcase-module__GKCLXa__typeSample{font-size:24px;margin-bottom:16px!important}.showcase-module__GKCLXa__specimenRow{flex-wrap:wrap;align-items:center;gap:20px;margin-block:20px;display:flex}.showcase-module__GKCLXa__stateArea{border-top:1px solid var(--wb-line);margin-top:48px;padding-top:32px}.showcase-module__GKCLXa__stateArea>p{margin-top:16px}.showcase-module__GKCLXa__inputForm{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.showcase-module__GKCLXa__inputForm button{margin-top:34px}.showcase-module__GKCLXa__linkLine{margin-top:24px!important}@container gallery (max-width:680px){.showcase-module__GKCLXa__grid{grid-template-columns:minmax(0,1fr);gap:40px}.showcase-module__GKCLXa__inputForm{grid-template-columns:minmax(0,1fr)}.showcase-module__GKCLXa__inputForm button{margin-top:0}}@media (max-width:640px){.showcase-module__GKCLXa__page{width:calc(100% - 32px)}.showcase-module__GKCLXa__header{padding-top:40px}.showcase-module__GKCLXa__toolbar{gap:8px}}