.catalog-pc[data-v-2dffd3d2]{border-radius:.5rem;display:block;display:flex;flex-direction:column;max-height:560px;overflow:auto;transition:all .3s ease}@media (max-width:640px){.catalog-pc[data-v-2dffd3d2]{display:none}}@media (min-width:640px) and (max-width:768px){.catalog-pc[data-v-2dffd3d2]{display:none}}.catalog-header[data-v-2dffd3d2]{border-bottom:1px solid var(--border-color)}.catalog-header h3[data-v-2dffd3d2]{color:var(--text-color);font-size:1.25rem}.catalog-nav[data-v-2dffd3d2]{flex:1;overflow-y:auto}.catalog-nav ul[data-v-2dffd3d2]{list-style:none;margin:0;padding:0}.catalog-nav ul li[data-v-2dffd3d2]{margin:0}.catalog-nav ul li a[data-v-2dffd3d2]{color:var(--text-color);display:block;padding:.25rem 0;text-decoration:none;transition:all .3s ease}.catalog-nav ul li a.active[data-v-2dffd3d2],.catalog-nav ul li a[data-v-2dffd3d2]:hover{color:var(--primary-color)}.catalog-mobile[data-v-2dffd3d2]{display:none;position:fixed;right:3px;top:55vh;z-index:100}@media (max-width:640px){.catalog-mobile[data-v-2dffd3d2]{display:block}}@media (min-width:640px) and (max-width:768px){.catalog-mobile[data-v-2dffd3d2]{display:block}}.catalog-mobile .catalog-toggle[data-v-2dffd3d2]{align-items:center;background-color:var(--primary-color);border:none;border-radius:.25rem;color:var(--white-color);cursor:pointer;display:flex;font-size:1rem;opacity:.7;padding:.6rem 0}.catalog-mobile .catalog-toggle[data-v-2dffd3d2]:hover{opacity:.9}.catalog-drawer-content[data-v-2dffd3d2]{height:100%;position:relative}.catalog-drawer-content .close-button[data-v-2dffd3d2]{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-light-color);cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:2rem}.catalog-drawer-content .close-button[data-v-2dffd3d2]:hover{color:var(--text-color)}.catalog-drawer-content .close-button i[data-v-2dffd3d2]{font-size:1.25rem}