.drawer{--drawer-max-width: 900px;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;justify-content:center;align-items:center;display:none;opacity:0;transition:opacity var(--transition-fast) var(--transition-timing-function),display var(--transition-fast) var(--transition-timing-function) allow-discrete}@starting-style{.drawer{opacity:0}}.drawer.active{display:flex;opacity:1}.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;transform:translateY(24px);transition:transform var(--transition-fast) var(--transition-timing-function)}.drawer.active .drawer__content{transform:translateY(0)}.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);transform:translate(40px)}.drawer.active .drawer__content{transform:translate(0)}.drawer__list{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.drawer__list{grid-template-columns:repeat(3,1fr)}}