.sbc-guide-head{display:flex;flex-direction:column;gap:1.2rem;max-width:62rem}.sbc-guide-head__heading{margin:0;text-wrap:pretty}.sbc-guide-head__lead{margin:0;font-size:1.7rem}.sbc-guide-head__lead>*{margin:0}.sbc-guide-head__lead>*+*{margin-top:1.2rem}.sbc-guide-steps__list{list-style:none;margin:3.2rem 0 0;padding:0;display:grid;gap:2.4rem}.sbc-guide-step{display:grid;grid-template-columns:8.8rem minmax(0,1fr);gap:1.6rem;align-items:start;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.15)}.sbc-guide-step__media{border:.1rem solid rgba(var(--color-foreground),.15);background:rgba(var(--color-foreground),.03);padding:.8rem;display:flex;align-items:center;justify-content:center}.sbc-guide-step__media img{display:block;width:100%;height:auto}.sbc-guide-diagram{display:block;width:100%;height:auto;color:rgb(var(--color-foreground))}.sbc-guide-diagram__faint{opacity:.4}.sbc-guide-diagram__accent{color:rgb(var(--color-button));stroke:currentColor}.sbc-guide-diagram__fill{fill:rgb(var(--color-button));opacity:.18}.sbc-guide-diagram__head{fill:rgb(var(--color-foreground));opacity:.06}.sbc-guide-slot{aspect-ratio:4 / 5;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:.8rem;border:.1rem dashed rgba(var(--color-foreground),.35)}.sbc-guide-slot__label{font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.sbc-guide-step__text{display:flex;flex-direction:column;gap:.8rem}.sbc-guide-step__num{display:inline-flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;border:.1rem solid rgba(var(--color-button),.9);font-size:1.4rem;letter-spacing:.04em}.sbc-guide-step__title,.sbc-guide-step__body{margin:0}.sbc-guide-step__body>*{margin:0}.sbc-guide-step__body>*+*{margin-top:1rem}@media screen and (min-width:750px){.sbc-guide-steps__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem;margin-top:4.8rem}.sbc-guide-step{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:2.8rem}.sbc-guide-step__media{width:100%;max-width:16rem}}.sbc-guide-scale{margin-top:3.2rem}.sbc-guide-scale__list{--sbc-guide-unit: .85rem;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:1rem}.sbc-guide-scale__item{display:flex;flex-direction:column;align-items:center;gap:.8rem}.sbc-guide-scale__circle{display:flex;align-items:center;justify-content:center;width:calc(var(--sbc-guide-d, 6) * var(--sbc-guide-unit));height:calc(var(--sbc-guide-d, 6) * var(--sbc-guide-unit));border-radius:50%;border:.1rem solid rgba(var(--color-button),.9);background:rgba(var(--color-button),.07)}.sbc-guide-scale__size{font-size:1.4rem;letter-spacing:.04em}.sbc-guide-scale__caption{font-size:1.2rem;opacity:.75}.sbc-guide-scale__note{margin:1.6rem 0 0;font-size:1.2rem;opacity:.7}@media screen and (min-width:750px){.sbc-guide-scale__list{--sbc-guide-unit: 1.5rem;gap:2.4rem}.sbc-guide-scale__size{font-size:1.6rem}}.sbc-guide-table-wrap{margin-top:3.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.sbc-guide-table{width:100%;border-collapse:collapse;text-align:left}.sbc-guide-table__caption{text-align:left;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7;padding-bottom:1.2rem}.sbc-guide-table th,.sbc-guide-table td{padding:1.2rem .6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.15);font-size:1.4rem;font-weight:400;vertical-align:baseline}.sbc-guide-table th:first-child,.sbc-guide-table td:first-child{padding-left:0}.sbc-guide-table th:last-child,.sbc-guide-table td:last-child{padding-right:0}.sbc-guide-table thead th{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.75;border-bottom-color:rgba(var(--color-button),.9)}.sbc-guide-table__size{font-size:1.8rem;white-space:nowrap}.sbc-guide-table__sub{display:block;font-size:1.2rem;opacity:.65}.sbc-guide-chart__footnote{margin-top:1.6rem;font-size:1.3rem;max-width:62rem}.sbc-guide-chart__footnote>*{margin:0}@media screen and (min-width:750px){.sbc-guide-table th,.sbc-guide-table td{padding:1.6rem 1.2rem;font-size:1.6rem}.sbc-guide-table__size{font-size:2.2rem}}.sbc-guide-rule__inner{display:flex;align-items:flex-start;gap:1.6rem}.sbc-guide-rule__mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:4.8rem;height:4.8rem;border-radius:50%;border:.1rem solid rgba(var(--color-button),.9);color:rgb(var(--color-button))}.sbc-guide-rule__text{display:flex;flex-direction:column;gap:1rem}.sbc-guide-rule__line{margin:0;text-wrap:balance}.sbc-guide-rule__body{margin:0;max-width:54rem;opacity:.9}.sbc-guide-rule__body>*{margin:0}@media screen and (min-width:750px){.sbc-guide-rule__inner{gap:2.4rem;align-items:center}.sbc-guide-rule__mark{width:6.4rem;height:6.4rem}}.sbc-guide-help__list{list-style:none;margin:3.2rem 0 0;padding:0;display:grid;gap:2.4rem}.sbc-guide-help__card{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;padding-top:2.4rem;border-top:.1rem solid rgba(var(--color-foreground),.15)}.sbc-guide-help__icon{display:flex;color:rgb(var(--color-button))}.sbc-guide-help__title,.sbc-guide-help__body{margin:0}.sbc-guide-help__body>*{margin:0}.sbc-guide-help__body>*+*{margin-top:1rem}.sbc-guide-help__action{margin-top:auto}a.sbc-guide-help__action.link{min-height:4.4rem;display:inline-flex;align-items:center}@media screen and (min-width:750px){.sbc-guide-help__list{grid-template-columns:repeat(var(--sbc-guide-help-columns, 3),minmax(0,1fr));gap:3.2rem;margin-top:4.8rem}}.sbc-guide-chart__figure{margin:2.8rem auto 0;max-width:30rem}.sbc-guide-chart__figure img{display:block;width:100%;height:auto;border:.1rem solid rgba(var(--color-foreground),.15)}.sbc-guide-chart__caption,.sbc-guide-rule__caption{margin-top:.8rem;font-size:1.3rem;opacity:.75}.sbc-guide-rule__figure{margin:2rem 0 0;max-width:26rem}.sbc-guide-rule__figure img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:center 35%}@media screen and (min-width:990px){.sbc-guide-rule__inner{align-items:center}.sbc-guide-rule__figure{margin:0 0 0 auto;flex-shrink:0}}@media screen and (max-width:989px){.sbc-guide-rule__inner{flex-wrap:wrap}.sbc-guide-rule__figure{flex:1 0 100%;max-width:26rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sbc-guide.css.map */