specifications-drawer{align-items:center;display:flex;gap:var(--spacing-x-small);flex-wrap:wrap}specifications-drawer .button.link{line-height:0;opacity:.8;margin:.188rem}.specifications-drawer__spec{opacity:.8}.specifications-drawer__modal{background-color:var(--bg-color-white);color:var(--body-text-color);top:0;right:0;max-width:31.25rem;overflow-y:auto;padding:var(--spacing-large);position:fixed;height:var(--viewport-height, 100vh);width:100%;transform:translate(100%);visibility:hidden;transition:transform var(--duration-default) ease,visibility var(--duration-default) ease;z-index:4}.specifications-drawer__modal *{color:var(--body-text-color)}.specifications-drawer__modal svg{color:var(--body-text-color);stroke:var(--body-text-color)}.specifications-drawer__modal.visible{transform:translate(0);transition:transform var(--duration-default) ease,visibility var(--duration-default) ease;visibility:visible}.specifications-drawer__modal.visible~.specifications-drawer__overlay:empty{display:block}.specifications-drawer__modal.hidden{display:block!important}.specifications-drawer__overlay{position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgb(from var(--bg-color-black) r g b / .5);z-index:3}.specifications-drawer__overlay.visible:empty{display:block}.specifications-drawer__title{margin-block:0 var(--spacing-normal)}.specifications-drawer__close-button.button.outline{border-color:var(--border-color);cursor:pointer;right:var(--spacing-normal);top:var(--spacing-normal);position:absolute}.specifications-drawer__close-button.button.outline.button-icon{width:2.5rem}.specifications-drawer__close-button.button.outline.button-icon .icon{height:1.5rem;width:1.5rem;max-height:unset;max-width:unset}.specifications-drawer__close-button.button.outline:hover svg{color:var(--body-text-color-white);stroke:var(--body-text-color-white)}