.bb-shade-guide{margin:0 0 40px;color:#263c36}.bb-shade-guide__heading{max-width:760px;margin-bottom:24px}.bb-shade-guide__eyebrow{margin:0 0 9px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.bb-shade-guide__heading h2{margin:0 0 12px;font-size:clamp(28px,3.5vw,42px);line-height:1.15}.bb-shade-guide__heading>p:last-child{margin:0;font-size:15px;line-height:1.6}.bb-shade-guide__reference{padding:24px;background:#f3f0e9;border-radius:14px}.bb-shade-guide__reference h3{margin:0 0 18px;font-family:var(--font-body--family, sans-serif);font-size:15px;font-weight:600;letter-spacing:0}.bb-shade-guide__example{display:flex;align-items:center;gap:6px;margin:0 0 20px;font:600 clamp(22px,3vw,30px)/1.3 var(--font-body--family, sans-serif);letter-spacing:.03em}.bb-shade-guide__example>span:not([aria-hidden]){padding:5px 10px;border:1px solid #d8dbd1;border-radius:6px;background:#fff}.bb-shade-guide__example>span:nth-child(3){background:#f3ead8}.bb-shade-guide__parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0}.bb-shade-guide__parts>div{display:flex;align-items:flex-start;gap:12px}.bb-shade-guide__parts dt{min-width:32px;padding-top:2px;font-size:12px;font-weight:600}.bb-shade-guide__parts dd{margin:0;font-size:13px;line-height:1.6}.bb-shade-guide__parts dd strong,.bb-shade-guide__parts dd span{display:block}.bb-shade-guide__parts dd strong{font-size:14px;font-weight:600}.bb-shade-guide__length-note{margin:20px 0 0;font-size:12px;line-height:1.6}.bb-shade-guide__legend{margin-top:24px;border-top:1px solid #deded5;border-bottom:1px solid #deded5}.bb-shade-guide__legend summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:16px 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.bb-shade-guide__legend summary::-webkit-details-marker{display:none}.bb-shade-guide__legend summary>span{display:inline-block;font-size:24px;line-height:1}.bb-shade-guide__legend[open] summary>span{transform:rotate(45deg)}.bb-shade-guide__legend summary:focus-visible{outline:2px solid #263c36;outline-offset:4px}.bb-shade-guide__legend-content{padding:0 0 20px}.bb-shade-guide__shades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0}.bb-shade-guide__shade{padding:18px 16px;border:1px solid #e0e2d9;border-radius:12px;background:#fff}.bb-shade-guide__shade dt{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center}.bb-shade-guide__shade dt code{font:600 12px/1.5 var(--font-body--family, sans-serif);letter-spacing:.06em}.bb-shade-guide__shade dt>span:last-child{grid-column:2;font-size:14px;font-weight:600;line-height:1.4}.bb-shade-guide__swatch{grid-row:span 2;display:block;width:36px;height:36px;border:1px solid #263c3633;border-radius:50%}.bb-shade-guide__swatch--gw{background:#f3f7f9}.bb-shade-guide__swatch--nw{background:#f7f5ed}.bb-shade-guide__swatch--po{background:#f9f8f4}.bb-shade-guide__swatch--iv{background:#f3ead8}.bb-shade-guide__swatch--cr{background:#efe2c5}.bb-shade-guide__swatch--cb{background:#dce9f1}.bb-shade-guide__swatch--gb{background:#e9f0f3}.bb-shade-guide__swatch--sp{background:repeating-linear-gradient(135deg,#f3ead8 0 8px,#e9eef0 8px 16px,#f8f7f2 16px 24px)}.bb-shade-guide__shade dd{margin:12px 0 0;font-size:13px;line-height:1.6}.bb-shade-guide__note{margin:18px 0 0;font-size:12px;line-height:1.6}@media(max-width:989px){.bb-shade-guide__shades{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.bb-shade-guide__reference{padding:20px 16px}.bb-shade-guide__parts{grid-template-columns:1fr;gap:14px}.bb-shade-guide__shades{gap:10px}.bb-shade-guide__shade{padding:14px 12px}.bb-shade-guide__shade dt{grid-template-columns:30px 1fr;column-gap:7px}.bb-shade-guide__swatch{width:30px;height:30px}}@media(max-width:359px){.bb-shade-guide__shades{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/blankabric-shade-guide.css.map */