.drawer{--drawer-max-width: 900px;position:fixed;top:0;left:0;z-index:10;width:100%;height:100%;justify-content:center;align-items:center;display:none}.drawer.active{display:flex}.drawer .drawer__overlay{position:fixed;z-index:-1;background:var(--overlay-color-dark);width:100%;height:100%;display:block}.drawer .drawer__close{position:fixed;top:var(--spacing-sm);right:var(--spacing-sm);color:#000;cursor:pointer}.drawer .drawer__close .icon,.drawer .drawer__close svg{width:var(--spacing-sm)}.drawer__content{background:#fff;width:100%;height:100vh;overflow-y:scroll}.drawer__list{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.drawer__item .drawer__itemImage{text-align:center;margin-left:auto;margin-right:auto}.drawer__item .drawer__itemDescription{word-wrap:break-word}@media (min-width: 768px){.drawer__content{position:absolute;right:0;z-index:-1;max-width:var(--drawer-max-width)}.drawer__list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.drawer__list{grid-template-columns:repeat(3,1fr)}}