.button--open-modal{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:transparent;color:rgb(var(--color-accent-text));text-underline-offset:.6rem;display:flex;align-items:center;margin-top:3rem;margin-bottom:2rem}.button--open-modal span{display:inline-block;margin-left:12px;font-size:var(--font-size-paragraph-regular);text-decoration:underline;cursor:pointer}#bin-dimensions-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9000;background:var(--overlay-bg);background-color:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#bin-dimensions-modal[open]{display:block}.modal__center{min-block-size:100svh;display:grid;place-items:center;box-sizing:border-box}.modal__dialog{--modal-bin-type-count: 3;width:100%;max-inline-size:min(92vw,calc((var(--modal-bin-type-count) * 42rem) + 14rem));max-block-size:calc(100svh - 48px);overflow:auto;-webkit-overflow-scrolling:touch}.modal__dialog[data-bin-type-count="1"]{--modal-bin-type-count: 1}.modal__dialog[data-bin-type-count="2"]{--modal-bin-type-count: 2}.button--close-modal{color:rgba(var(--color-body-text));font-size:2.4rem;cursor:pointer;position:fixed;top:2rem;right:2rem;z-index:1}.button--close-modal .button--close-modal__content{display:flex;align-items:center}.button--close-modal .button--close-modal__content span{display:inline-block;margin-left:8px}.button--close-modal svg path{fill:#000}@media screen and (min-width: 990px){.bin-dimensions-modal__items{display:grid;grid-template-columns:repeat(var(--modal-bin-type-count),minmax(0,1fr));gap:4rem}}.bin-dimensions-modal__item{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:24px}.bin-dimensions-modal__item h3{margin-top:2rem}.bin-dimensions-modal__item p:first-child{margin-top:0}.bin-dimensions-modal__image-diagram{position:relative;display:inline-block;padding:4.8rem 5.8rem 5.6rem 2rem;margin-top:2rem}.bin-dimensions-modal__image{display:block;max-width:100%;height:auto}.bin-dimensions-modal__measure{position:absolute;color:rgb(var(--color-foreground));font-size:1.4rem;pointer-events:none}.bin-dimensions-modal__measure-word,.bin-dimensions-modal__measure-short,.bin-dimensions-modal__measure-line{display:block}.bin-dimensions-modal__measure--length{top:.4rem;left:0;width:8rem}.bin-dimensions-modal__measure--length .bin-dimensions-modal__measure-line{width:100%;border-top:1px solid currentColor;transform:rotate(-20deg);transform-origin:left center;margin-top:.8rem}.bin-dimensions-modal__measure--length .bin-dimensions-modal__measure-short{margin-top:.9rem;margin-left:1.8rem}.bin-dimensions-modal__measure--width{top:.4rem;right:1rem;width:8rem;text-align:right}.bin-dimensions-modal__measure--width .bin-dimensions-modal__measure-line{width:100%;border-top:1px solid currentColor;transform:rotate(20deg);transform-origin:right center;margin-top:.8rem}.bin-dimensions-modal__measure--width .bin-dimensions-modal__measure-short{margin-top:.9rem;margin-right:2.4rem}.bin-dimensions-modal__measure--height{top:8rem;right:.4rem;display:flex;flex-direction:column;align-items:center}.bin-dimensions-modal__measure--height .bin-dimensions-modal__measure-word{order:2;margin-top:1.2rem}.bin-dimensions-modal__measure--height .bin-dimensions-modal__measure-short{order:3}.bin-dimensions-modal__measure--height .bin-dimensions-modal__measure-line{order:1;flex:1;border-left:1px solid currentColor;min-height:9rem}@media screen and (max-width: 989px){.bin-dimensions-modal__image-diagram{padding-right:4rem}.bin-dimensions-modal__measure{font-size:1.2rem}.bin-dimensions-modal__measure--length,.bin-dimensions-modal__measure--width{width:7rem}}@media screen and (max-width: 989px){#bin-dimensions-modal{overflow:hidden}#bin-dimensions-modal[open]{display:flex;flex-direction:column}.bin-dimensions-modal__content{flex:1;min-block-size:0;display:flex}.modal__center{flex:1;min-block-size:0;inline-size:100%;padding-block-end:2rem}.modal__dialog{max-block-size:100%}.button--close-modal{position:sticky;top:.8rem;right:auto;left:auto;display:flex;justify-content:flex-end;width:100%;max-inline-size:min(92vw,1400px);margin:0 auto;padding:0 1.2rem .8rem;box-sizing:border-box;background-color:transparent}.button--close-modal .button--close-modal__content{background-color:rgb(var(--color-background));padding:.5rem .8rem;border-radius:.4rem}}.theme--Dark .button--close-modal{background-color:#000}.theme--Dark .button--close-modal svg path{fill:#fff}@media screen and (max-width: 989px){.theme--Dark .button--close-modal .button--close-modal__content{background-color:rgb(var(--color-background))}}.theme--Dark #bin-dimensions-modal{background-color:#0000004d}