.framing-guide{color:rgb(var(--color-foreground))}.framing-guide__header{text-align:center;margin-bottom:3.2rem}@media screen and (min-width:990px){.framing-guide__header{margin-bottom:4.8rem}}.framing-guide__subheading{margin-bottom:.8rem}.framing-guide__heading{margin:0 0 1.6rem;color:rgb(var(--color-foreground-title))}.framing-guide__header--left{text-align:left}.framing-guide__header--left .framing-guide__intro{margin-left:0;margin-right:auto}.framing-guide__header--center{text-align:center}.framing-guide__header--right{text-align:right}.framing-guide__header--right .framing-guide__intro{margin-left:auto;margin-right:0}.framing-guide__intro{max-width:72rem;margin-left:auto;margin-right:auto}.framing-guide__layout{display:grid;grid-template-columns:1fr;gap:3.2rem}@media screen and (min-width:990px){.framing-guide__layout{grid-template-columns:minmax(28rem,34rem) 1fr;gap:4.8rem;align-items:stretch}}@media screen and (min-width:1200px){.framing-guide__layout{gap:6.4rem}}.framing-guide__nav{min-width:0}@media screen and (min-width:990px){.framing-guide__nav{position:sticky;top:9rem}}.framing-guide__nav-title{font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:1.2rem}.framing-guide__tab{position:relative;display:flex;gap:1rem;align-items:baseline;border:0;background:transparent;text-align:left;cursor:pointer;color:rgb(var(--color-foreground-title));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:1.25;transition:opacity var(--duration-default),color var(--duration-default),background-color var(--duration-default),border-color var(--duration-default),padding-left var(--duration-default)}.framing-guide__tab-num{flex:0 0 auto;font-size:1.5rem;letter-spacing:.02em;font-variant-numeric:tabular-nums;opacity:.55}@media screen and (min-width:990px){.framing-guide__tab-num{font-size:1.7rem}}.framing-guide__tab-text{flex:1 1 auto}@media screen and (max-width:989px){.framing-guide__tabs{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.8rem;margin:0 calc(-1 * var(--container-padding, 2rem));padding:.2rem var(--container-padding, 2rem) .6rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.framing-guide__tabs::-webkit-scrollbar{display:none}.framing-guide__tab{flex:0 0 auto;white-space:nowrap;padding:.9rem 1.6rem;font-size:1.5rem;border:.1rem solid rgba(var(--color-border));border-radius:10rem;opacity:1;color:rgb(var(--color-foreground))}.framing-guide__tab.is-active{background:rgb(var(--color-foreground-title));border-color:rgb(var(--color-foreground-title));color:rgb(var(--color-background))}.framing-guide__tab.is-active .framing-guide__tab-num{opacity:.7}}@media screen and (min-width:990px){.framing-guide__tabs{display:flex;flex-direction:column}.framing-guide__tab{gap:1.2rem;width:100%;padding:1.8rem 1.6rem 1.8rem 0;border-bottom:.1rem solid rgba(var(--color-border));font-size:2rem;opacity:.55}.framing-guide__tab:first-child{border-top:.1rem solid rgba(var(--color-border))}.framing-guide__tab:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:.2rem;height:60%;background:rgb(var(--color-foreground-title));transition:transform var(--duration-default)}.framing-guide__tab:hover{opacity:.85}.framing-guide__tab.is-active{opacity:1;padding-left:1.8rem}.framing-guide__tab.is-active:before{transform:translateY(-50%) scaleY(1)}}.framing-guide__panels{min-width:0}.framing-guide__panel{position:relative;overflow:hidden;scroll-margin-top:8rem;background:rgba(var(--color-foreground),.04);border-radius:.4rem;padding:2.8rem 2.4rem}@media screen and (min-width:750px){.framing-guide__panel{padding:4rem 4rem 4.4rem}}@media screen and (min-width:990px){.framing-guide__panel{height:100%;min-height:var(--framing-panel-min-height, 44rem);padding:4.8rem 5.6rem 5.6rem}}.framing-guide__panel--plain{background:transparent;border-radius:0;padding:0}@media screen and (min-width:750px){.framing-guide__panel--plain{padding:0}}@media screen and (min-width:990px){.framing-guide__panel--plain{padding:.4rem 0 0}}.framing-guide__panel[hidden]{display:none}.framing-guide__panel.is-active{animation:framing-panel-in .35s ease both}@keyframes framing-panel-in{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.framing-guide__panel.is-active{animation:none}}.framing-guide__panel-num{position:absolute;top:-1.6rem;right:.8rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:11rem;line-height:1;color:rgb(var(--color-foreground-title));opacity:.06;pointer-events:none;-webkit-user-select:none;user-select:none}@media screen and (min-width:990px){.framing-guide__panel-num{font-size:16rem;top:-2.8rem;right:1.6rem}}.framing-guide__panel-title{position:relative;margin:0 0 2rem;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:2.6rem;line-height:1.15;color:rgb(var(--color-foreground-title))}@media screen and (min-width:990px){.framing-guide__panel-title{font-size:3.2rem;margin-bottom:2.8rem;padding-bottom:2.4rem;border-bottom:.1rem solid rgba(var(--color-border))}}.framing-guide__panel-content{position:relative;max-width:var(--framing-content-width, 72rem);color:rgb(var(--color-foreground))}.framing-guide__panel-content p{margin-top:0;margin-bottom:1.6rem}.framing-guide__panel-content p:last-child{margin-bottom:0}.framing-guide__panel-content strong{color:rgb(var(--color-foreground-title))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-framing-guide.css.map */