.bond-dimensions{padding:var(--bond-space-top, 48px) 0 var(--bond-space-bottom, 48px)}.bond-dimensions__heading{margin:0 0 32px;text-align:center}.bond-dimensions__layout{max-width:1100px;margin-inline:auto}.bond-dimensions__layout--split{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center}bond-frame-dimensions{display:block;min-width:0}.bond-dimensions__description{min-width:0;overflow-wrap:anywhere}.bond-dimensions__description img{max-width:100%;height:auto}.bond-dimensions__toolbar{display:flex;justify-content:flex-end;min-height:44px;margin-bottom:16px}.bond-dimensions__toggle{min-height:44px;padding:9px 18px;border:1px solid rgba(var(--color-foreground),.25);border-radius:24px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:14px;line-height:1.4;cursor:pointer}.bond-dimensions__toggle:hover{border-color:rgb(var(--color-foreground))}.bond-dimensions__toggle:focus-visible{outline:2px solid currentColor;outline-offset:4px}bond-frame-dimensions [hidden]{display:none!important}.bond-dimensions__diagrams{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:20px;align-items:center}.bond-dimensions__diagrams svg{display:block;width:100%;height:auto;overflow:visible;color:rgba(var(--color-foreground),.72)}.bond-dimensions__outline{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.bond-dimensions__measure{fill:none;stroke:currentColor;stroke-width:1}.bond-dimensions__diagrams text{fill:currentColor;font-family:var(--font-body-family, Arial, sans-serif);font-size:14px;font-weight:500;text-anchor:middle;letter-spacing:0}.bond-dimensions__image img{display:block;width:100%;height:auto}.bond-dimensions__note{margin:12px 0 0;text-align:center;font-size:12px;opacity:.7}.bond-dimensions__setup{padding-block:32px;overflow-wrap:anywhere}@media screen and (max-width:989px){.bond-dimensions__layout--split{grid-template-columns:1fr;gap:24px}}@media screen and (max-width:749px){.bond-dimensions{padding-top:calc(var(--bond-space-top, 48px) * .75);padding-bottom:calc(var(--bond-space-bottom, 48px) * .75)}.bond-dimensions__heading{margin-bottom:20px}.bond-dimensions__diagrams{grid-template-columns:1fr;gap:8px;max-width:480px;margin-inline:auto}.bond-dimensions__diagrams svg:last-child{width:85%;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bond-frame-dimensions.css.map */