.d.presentation-studio #studio-fabric-dialog{width:1040px;max-width:calc(100vw - 40px);max-height:90dvh;padding:0;border:1px solid #d4d4d7;color:#1d1d1f;background:#fff;font-family:JetBrains Mono,monospace;overscroll-behavior:contain}.d #studio-fabric-dialog::backdrop{background:#1119}.d.presentation-studio #studio-fabric-dialog{scroll-padding-block:82px 82px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-bottom:1px solid #d4d4d7;padding:10px 28px;font-size:14px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-header button{min-width:64px;min-height:44px;padding:8px 0;font:14px JetBrains Mono,monospace}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-content{padding:28px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}.d :is(#studio-fabric-dialog,.studio-fabric-section) img{display:block;width:100%;max-width:100%;height:280px;max-height:none;object-fit:cover}.d :is(#studio-fabric-dialog,.studio-fabric-section) h2{font-size:28px;line-height:1.25;margin:0 0 18px;text-transform:none}.d :is(#studio-fabric-dialog,.studio-fabric-section) p{font-size:16px;line-height:1.65;margin:0 0 14px;max-width:none}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-facts{display:grid;grid-template-columns:1.4fr .8fr 1fr .8fr;gap:20px;margin:28px 0;padding:22px 0;border-block:1px solid #d4d4d7}.d :is(#studio-fabric-dialog,.studio-fabric-section) dt{font-size:12px;color:#626268;margin-bottom:8px}.d :is(#studio-fabric-dialog,.studio-fabric-section) dd{margin:0;font-size:14px;line-height:1.6}.d :is(#studio-fabric-dialog,.studio-fabric-section) h3{font-size:18px;line-height:1.4;margin:0 0 8px;text-transform:none}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-stages>p{font-size:14px;margin:0 0 18px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d4d4d7;background:#fff}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-photo{position:relative;background:#eff0f2}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-photo img{height:auto;aspect-ratio:4/3;object-fit:cover}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-number{position:absolute;bottom:0;left:0;padding:5px 8px;background:#1d1d1f;color:#fff;font-size:12px;line-height:1.4}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-copy{display:flex;flex-direction:column;flex:1;padding:14px 12px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-copy h4{font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:600}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-location{font-size:12px;line-height:1.5;min-height:36px;margin:0 0 12px;color:#626268}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-description{font-size:14px;line-height:1.65;margin:0 0 18px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-spec{font-size:12px;line-height:1.6;margin:auto 0 0;padding-top:12px;border-top:1px solid #e3e3e6;font-weight:600;color:#1d1d1f}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-footer{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;margin:0;padding:12px 28px;background:#fff;border-top:1px solid #d4d4d7}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-footer button{font-size:14px;min-height:44px}.d :is(#studio-fabric-dialog,.studio-fabric-section) button:focus-visible{outline:2px solid #c8102e;outline-offset:3px}@media(min-width:701px)and (max-width:1099px){.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-photo img{height:180px;aspect-ratio:auto}}@media(min-width:1100px){.d.presentation-studio #studio-fabric-dialog{width:1240px}.d #studio-fabric-dialog .fabric-dialog-content{padding:24px}.d #studio-fabric-dialog .fabric-stage-photo img{aspect-ratio:16/9}.d #studio-fabric-dialog .fabric-stage-copy{padding:10px}.d #studio-fabric-dialog .fabric-stage-copy h4{line-height:1.35}.d #studio-fabric-dialog .fabric-stage-location{min-height:32px;margin-bottom:8px}.d #studio-fabric-dialog .fabric-stage-description{line-height:1.55;margin-bottom:12px}.d #studio-fabric-dialog .fabric-stage-spec{padding-top:10px}}@media(max-width:700px){.d.presentation-studio #studio-fabric-dialog{max-width:calc(100vw - 20px);max-height:92dvh}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-header{padding:8px 16px;font-size:12px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-content{padding:18px 16px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-intro{grid-template-columns:1fr;gap:22px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-intro>img{height:180px}.d :is(#studio-fabric-dialog,.studio-fabric-section) h2{font-size:24px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-facts{grid-template-columns:1fr 1fr;gap:20px 12px;margin:22px 0}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-cards{grid-template-columns:1fr;gap:18px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-photo img{height:180px;aspect-ratio:auto}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-copy{padding:16px}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-stage-location{min-height:0}.d :is(#studio-fabric-dialog,.studio-fabric-section) .fabric-dialog-footer{padding:12px 16px}}.d.presentation-studio .studio-fabric-section{width:100%;max-width:var(--layout-width,1200px);margin:32px auto 0;padding:32px var(--gutter,20px) 0;box-sizing:border-box;border-top:1px solid #d4d4d7}.d #tops-fabric .fabric-dialog-content{padding:0}.d #tops-fabric .fabric-dialog-intro{grid-template-columns:1fr 1fr;gap:48px}.d #tops-fabric .fabric-dialog-intro>img{height:300px}.d.presentation-studio .studio-evidence-link{grid-template-columns:1fr;padding-block:32px}.d.presentation-studio .style-tabs button{white-space:normal;text-align:left}.d.presentation-studio .style-tabs button>span:last-child{max-width:14ch}@media(max-width:700px){.d #tops-fabric .fabric-dialog-intro{grid-template-columns:1fr;gap:22px}.d #tops-fabric .fabric-dialog-intro>img{height:200px}.d.presentation-studio .style-tabs button{flex-shrink:0}.d.presentation-studio .style-tabs button>span:last-child{max-width:12ch}}body.d.presentation-studio #tops-fabric{scroll-margin-top:88px;color:#1d1d1f;background:#fff}body.d #tops-fabric:focus{outline:none}body.d #tops-fabric:focus-visible{outline:2px solid #c8102e;outline-offset:-2px}@media(min-width:1100px){body.d #tops-fabric .fabric-stage-photo img{aspect-ratio:16/9}body.d #tops-fabric .fabric-stage-copy{padding:10px}body.d #tops-fabric .fabric-stage-location{min-height:32px;margin-bottom:8px}body.d #tops-fabric .fabric-stage-description{line-height:1.55;margin-bottom:12px}body.d #tops-fabric .fabric-stage-spec{padding-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/sfg-studio-2a8e5a9d07c1-fabric-dialog.css.map */