.bbd-sizing-guide-modal{--modal-width: min(90vw, 680px);--modal-max-height: min(90dvh, 800px);padding:0;border:var(--style-border-popover);border-radius:var(--style-border-radius-popover);box-shadow:var(--shadow-popover);width:var(--modal-width);max-height:var(--modal-max-height);overflow:clip;background-color:var(--color-background);color:var(--color-foreground)}@media screen and (max-width:749px){.bbd-sizing-guide-modal{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:100dvh;border-bottom:none;border-radius:var(--style-border-radius-popover) var(--style-border-radius-popover) 0 0}}.bbd-sizing-guide-modal[open]{display:flex;flex-direction:column;animation:bbd-sizing-guide-slide-in .3s var(--ease-out-quad, ease-out) forwards}@media screen and (max-width:749px){.bbd-sizing-guide-modal[open]{animation:bbd-sizing-guide-slide-in-bottom .3s var(--ease-out-quad, ease-out) forwards;height:100dvh}}.bbd-sizing-guide-modal.dialog-closing{animation:bbd-sizing-guide-slide-out .2s var(--ease-out-quad, ease-out) forwards}@media screen and (max-width:749px){.bbd-sizing-guide-modal.dialog-closing{animation:bbd-sizing-guide-slide-out-bottom .2s var(--ease-out-quad, ease-out) forwards}}.bbd-sizing-guide-modal::backdrop{background-color:#00000080}.bbd-sizing-guide-modal__inner{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%}.bbd-sizing-guide-modal__close{position:absolute;z-index:1;top:var(--padding-md);right:var(--padding-md);display:flex;flex-shrink:0;justify-content:center;align-items:center;width:var(--minimum-touch-target, 44px);height:var(--minimum-touch-target, 44px);padding:0;border:none;background:transparent;cursor:pointer;color:var(--color-foreground)}.bbd-sizing-guide-modal__close svg{width:var(--icon-size-md, 20px);height:var(--icon-size-md, 20px)}.bbd-sizing-guide-modal__close:hover{opacity:.7}.bbd-sizing-guide-modal__close:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.bbd-sizing-guide-modal__body{overflow-y:auto;scroll-behavior:smooth;padding:var(--padding-2xl) var(--padding-xl) var(--padding-xl);scrollbar-width:none}.bbd-sizing-guide-modal__body::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.bbd-sizing-guide-modal__body{padding:var(--padding-2xl) var(--padding-2xl) var(--padding-xl)}}.bbd-sizing-guide-modal__introduction{margin-block-end:var(--margin-xl)}.bbd-sizing-guide-modal__introduction h2{padding-inline-end:var(--minimum-touch-target, 44px)}.bbd-sizing-guide-modal__section{margin-block-start:var(--margin-xl);padding-block-start:var(--padding-xl);border-top:1px solid var(--color-border)}.bbd-sizing-guide-modal__table{overflow-x:auto;margin-block-end:var(--margin-lg)}.bbd-sizing-guide-modal__table table{width:100%;border-collapse:collapse;font-size:var(--font-size--sm)}.bbd-sizing-guide-modal__table th,.bbd-sizing-guide-modal__table td{padding:var(--padding-sm) var(--padding-md);border:1px solid var(--color-border);text-align:left}.bbd-sizing-guide-modal__table th{background-color:rgb(var(--color-foreground-rgb) / .05);font-weight:var(--font-weight-bold, 600)}.bbd-sizing-guide-modal__instructions{margin-block-start:var(--margin-md)}.bbd-sizing-guide-modal__video{display:block;width:100%;aspect-ratio:16 / 9;border:none;border-radius:var(--style-border-radius-sm, 4px);margin-block:var(--margin-md)}@keyframes bbd-sizing-guide-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bbd-sizing-guide-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes bbd-sizing-guide-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bbd-sizing-guide-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bbd-sizing-guide-modal.css.map */