.bb-size-calculator{display:block;margin:16px 0;color:rgb(var(--color-foreground, 18 18 18));font-family:inherit}.bb-size-calculator *,.bb-size-calculator *:before,.bb-size-calculator *:after{box-sizing:border-box}.bb-size-calculator [hidden]{display:none!important}.bb-size-calculator__panel,.bb-size-calculator__guide{margin:0}.bb-size-calculator__summary,.bb-size-calculator__guide-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}.bb-size-calculator__summary::-webkit-details-marker,.bb-size-calculator__guide-summary::-webkit-details-marker{display:none}.bb-size-calculator__summary{padding:14px 0;border-top:1px solid rgb(0 0 0 / 12%);border-bottom:1px solid rgb(0 0 0 / 12%);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bb-size-calculator__summary:after,.bb-size-calculator__guide-summary:after{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;content:"";flex:0 0 auto;transform:rotate(45deg);transition:transform .18s ease}.bb-size-calculator__panel[open]>.bb-size-calculator__summary:after,.bb-size-calculator__guide[open]>.bb-size-calculator__guide-summary:after{transform:rotate(225deg)}.bb-size-calculator__body{padding:20px 0 8px}.bb-size-calculator__row{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px}.bb-size-calculator__field{display:block;flex:1 1 auto}.bb-size-calculator__field>span{display:block;margin-bottom:6px;color:#333;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bb-size-calculator__input{width:100%;min-height:42px;padding:10px 14px;border:1.5px solid #222;border-radius:4px;outline:none;background:#fff;color:#111;font:inherit;font-size:16px;font-weight:600}.bb-size-calculator__input:focus-visible{outline:2px solid #111;outline-offset:2px}.bb-size-calculator__input::placeholder{color:#999;font-weight:400;opacity:1}.bb-size-calculator__button{min-height:42px;padding:10px 20px;border:0;border-radius:4px;background:#111;color:#fff;cursor:pointer;flex:0 0 auto;font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bb-size-calculator__button:hover{background:#333}.bb-size-calculator__button:focus-visible{outline:2px solid #111;outline-offset:2px}.bb-size-calculator__error{margin:0 0 12px;color:#b42318;font-size:12px}.bb-size-calculator__result-card{margin-bottom:16px;padding:16px;border-radius:6px;background:#f5f5f5}.bb-size-calculator__result-label{margin-bottom:12px;color:#666;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bb-size-calculator__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.bb-size-calculator__cell{min-width:0;padding:10px 6px;border:1.5px solid #222;border-radius:4px;background:#fff;text-align:center}.bb-size-calculator__system{margin-bottom:4px;color:#777;font-size:10px;font-weight:700;text-transform:uppercase}.bb-size-calculator__value{color:#111;font-size:18px;font-weight:800;line-height:1}.bb-size-calculator__note,.bb-size-calculator__tip{margin:10px 0 0;padding:8px 10px;border-left:3px solid #e0ad16;border-radius:0 4px 4px 0;background:#fff9dc;color:#555;font-size:12px;line-height:1.5}.bb-size-calculator__guide-summary{padding:12px 0;border-top:1px solid rgb(0 0 0 / 8%);color:#555;font-size:12px;font-weight:700;letter-spacing:.06em;text-decoration:underline;text-underline-offset:3px;text-transform:uppercase}.bb-size-calculator__guide-body{padding:12px 0 4px}.bb-size-calculator__method+.bb-size-calculator__method{margin-top:16px;padding-top:16px;border-top:1px solid rgb(0 0 0 / 8%)}.bb-size-calculator__method h4{margin:0 0 8px;padding:8px 10px;border-radius:4px;background:#f5f5f5;color:#111;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.bb-size-calculator__method p,.bb-size-calculator__method ol{margin:0 0 10px;color:#555;font-size:13px;line-height:1.6}.bb-size-calculator__method ol{padding-left:22px}.bb-size-calculator__image{display:block;width:100%;height:auto;margin-bottom:12px;border-radius:6px}@media(max-width:480px){.bb-size-calculator__row{align-items:stretch;flex-direction:column}.bb-size-calculator__button{width:100%;padding:12px}.bb-size-calculator__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.bb-size-calculator__summary:after,.bb-size-calculator__guide-summary:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/bb-size-calculator.css.map */