specifications-drawer{align-items:center;display:flex;gap:var(--spacing-x-small);flex-wrap:wrap;justify-content:space-between}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:min(31.25rem,85vw);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:12}.specifications-drawer__modal *:not(svg,path){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:11}.specifications-drawer__overlay.visible:empty{display:block}.specifications-drawer__title{margin-block:0 var(--spacing-normal)}@media (max-width: 768px){.specifications-drawer__title{font-size:var(--font-size-x-large)}}.specifications-drawer__close-button.button.outline{border-color:var(--border-color);cursor:pointer;right:var(--spacing-normal);top:var(--spacing-normal);position:absolute;margin:0}.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)}