.sb-materials{width:100%;flex-basis:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 16px}.sb-materials button{font:inherit;text-align:left;padding:12px;border:1px solid #b8b8b8;border-radius:4px;background:transparent;color:inherit;cursor:pointer;min-height:68px}.sb-materials button[aria-pressed=true]{border:2px solid currentColor;padding:11px;background:#7f7f7f17}.sb-materials button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.sb-materials strong,.sb-materials span{display:block}.sb-materials span{font-size:.9em;margin-top:4px}.sb-material-source{display:none!important}.sb-guide{width:100%;flex-basis:100%;margin:12px 0 24px;border-top:1px solid #d8d2c8;border-bottom:1px solid #d8d2c8}.sb-guide summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:14px;display:flex;justify-content:space-between;min-height:48px}.sb-guide summary:focus-visible{outline:2px solid #aa281c;outline-offset:3px}.sb-guide[open] summary span{transform:rotate(45deg)}.sb-guide__body{background:#fff;padding:18px;font-size:13px;line-height:1.6}.sb-guide__body h3{font-size:15px;font-weight:700;margin:20px 0 6px}.sb-guide__body a{text-decoration:underline;text-underline-offset:3px}.sb-materials button[aria-pressed=true]{border-color:#aa281c;background:#fff}.sb-materials button:focus-visible{outline:3px solid #aa281c;outline-offset:3px}.sb-teeth{background:#24201e;color:#fff;border-radius:8px;padding:20px 12px;margin:12px 0}.sb-teeth__intro,.sb-teeth__note{font-size:12px;line-height:1.5;text-align:center}.sb-teeth__sides{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin:16px 0 4px;color:#e1d8cc}.sb-teeth__arch{text-align:center;font-size:12px;font-weight:700;margin:8px 0}.sb-teeth__row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:1px;max-width:520px;margin:auto;padding:0 0 26px}.sb-teeth__row button{position:relative;aspect-ratio:60/90;border:0;background:transparent;padding:0;cursor:pointer;color:#24201e;min-height:44px;transform:translateY(var(--dip,0)) rotate(var(--angle,0deg))}.sb-teeth__row svg{width:100%;height:100%;fill:#faf9f5;stroke:#d4d2cd;stroke-width:1.8}.sb-teeth__row .sb-tooth-shine{stroke:#fff;stroke-width:4;stroke-linecap:round}.sb-teeth__row button span{position:absolute;inset:45% 0 auto;text-align:center;font-size:clamp(9px,2.5vw,13px);font-weight:700}.sb-teeth__row button:nth-child(1),.sb-teeth__row button:nth-child(10){--dip:0px}.sb-teeth__row button:nth-child(2),.sb-teeth__row button:nth-child(9){--dip:8px}.sb-teeth__row button:nth-child(3),.sb-teeth__row button:nth-child(8){--dip:16px}.sb-teeth__row button:nth-child(4),.sb-teeth__row button:nth-child(7){--dip:23px}.sb-teeth__row button:nth-child(5),.sb-teeth__row button:nth-child(6){--dip:27px}.sb-teeth__row--lower{padding:0 0 28px}.sb-teeth__row--lower svg{transform:rotate(180deg)}.sb-teeth__row button[aria-pressed=true] svg{fill:#ffcc37;stroke:#ffcc37}.sb-teeth__row button:hover svg{stroke:#ec5847;stroke-width:3}.sb-teeth__row button:focus-visible{outline:3px solid #ffcc37;outline-offset:1px;border-radius:5px}.sb-teeth__status{font-size:13px;font-weight:700;padding:16px 0 8px;text-align:center;color:#ffcc37}.sb-teeth__note{color:#e1d8cc}.sb-teeth__row{grid-template-columns:minmax(0,.8fr) minmax(0,.85fr) minmax(0,1fr) minmax(0,.95fr) minmax(0,1.14fr) minmax(0,1.14fr) minmax(0,.95fr) minmax(0,1fr) minmax(0,.85fr) minmax(0,.8fr);gap:2px}.sb-teeth__row svg{filter:drop-shadow(0 3px 0 rgba(0,0,0,.35));stroke-width:2.2}.sb-teeth__row--upper button:nth-child(1){--angle:-12deg}.sb-teeth__row--upper button:nth-child(2){--angle:-9deg}.sb-teeth__row--upper button:nth-child(3){--angle:-5deg}.sb-teeth__row--upper button:nth-child(8){--angle:5deg}.sb-teeth__row--upper button:nth-child(9){--angle:9deg}.sb-teeth__row--upper button:nth-child(10){--angle:12deg}.sb-teeth__row button{min-width:0;width:100%}.sb-teeth__row svg{display:block;max-width:100%}.sb-position-source{display:none!important}.sb-teeth button:disabled{opacity:.25;cursor:not-allowed}.sb-teeth h3{font-size:16px;margin:0 0 12px}.sb-teeth__status{font-weight:600}.sb-placement{margin:20px 0}.sb-placement .sb-teeth{margin-bottom:20px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/studio-bite-materials.css.map */