.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}.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{width:100%;max-inline-size:min(92vw,1400px);max-block-size:calc(100svh - 48px);overflow:auto;-webkit-overflow-scrolling:touch}.button--close-modal{color:rgba(var(--color-body-text));font-size:2.4rem;cursor:pointer;position:fixed;top:2rem;right:2rem}.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:flex;justify-content:space-between}.bin-dimensions-modal__item{width:30%}}.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}@media screen and (max-width: 989px){.button--close-modal{background-color:#fff;padding:.5rem}}.theme--Dark .button--close-modal{background-color:#000}.theme--Dark .button--close-modal svg path{fill:#fff}.theme--Dark #bin-dimensions-modal{background-color:#0000004d}