[data-v-3b2af7df]:root{--content-width:1200px}.accessories[data-v-3b2af7df]{background:#f5f6f7;display:flex;flex-direction:column;min-height:0}.accessories-content[data-v-3b2af7df]{display:flex;flex:1 1 auto;gap:24px;margin:20px auto;max-width:1200px;min-height:0;width:100%}.accessories-content .left-side[data-v-3b2af7df]{background:#fff;flex:0 0 auto;min-height:400px;padding:20px;width:282px}.accessories-content .left-side h2.header[data-v-3b2af7df]{color:#000;font-size:20px;font-weight:500}.accessories-content .left-side .menus[data-v-3b2af7df]{background-color:#fff;border-radius:.75rem;height:100%;padding:16px 0;width:100%}.accessories-content .left-side .menus .menu-item[data-v-3b2af7df]{align-items:flex-start;color:#000;cursor:pointer;display:flex;flex-direction:column;font-size:14px;font-weight:500;justify-content:flex-start;min-height:37px;padding:0 16px;width:100%}.accessories-content .left-side .menus .menu-item .menu-item-name[data-v-3b2af7df]{display:block;line-height:37px}.accessories-content .left-side .menus .menu-item .menu-item-name[data-v-3b2af7df]:hover{color:#5085ff}.accessories-content .left-side .menus .menu-item .menu-item-name.active[data-v-3b2af7df]{color:#1d61ff}.accessories-content .left-side .menus .menu-item .menu-item-children[data-v-3b2af7df]{max-height:0;overflow:hidden;padding-left:8px;pointer-events:none}.accessories-content .left-side .menus .menu-item .menu-item-child:hover .menu-item-child-name[data-v-3b2af7df]{color:#5085ff}.accessories-content .left-side .menus .menu-item .menu-item-child.active .menu-item-child-name[data-v-3b2af7df]{color:#1d61ff}.accessories-content .left-side .menus .menu-item .menu-item-child-name[data-v-3b2af7df]{display:block;line-height:37px}.accessories-content .left-side .menus .menu-item.open .menu-item-children[data-v-3b2af7df]{max-height:500px;opacity:1;padding:4px 0 8px 8px;pointer-events:auto}.accessories-content .right-side[data-v-3b2af7df]{flex:1;width:100%}.accessories-content .right-side[data-v-3b2af7df],.accessories-content .right-side .content[data-v-3b2af7df]{display:flex;flex-direction:column;min-height:0}.accessories-content .right-side .results[data-v-3b2af7df]{background:#fff;flex:1 1 auto;margin-top:20px;min-height:0;overflow:auto;padding:0}.accessories-content .right-side .results .grid[data-v-3b2af7df]{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}@media(max-width:1200px){.accessories-content .right-side .results .grid[data-v-3b2af7df]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.accessories-content .right-side .results .grid[data-v-3b2af7df]{grid-template-columns:1fr}}.accessories-content .right-side .results .grid .card[data-v-3b2af7df]{background:#fff;border:1px solid #eee;display:flex;flex-direction:column;gap:8px;padding:12px}.accessories-content .right-side .results .grid .card .thumb[data-v-3b2af7df]{align-items:center;display:flex;height:150px;justify-content:center}.accessories-content .right-side .results .grid .card .thumb img[data-v-3b2af7df]{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.accessories-content .right-side .results .grid .card .name[data-v-3b2af7df]{color:#000;font-size:14px;font-weight:500}.accessories-content .right-side .results .grid .card .tags[data-v-3b2af7df]{display:flex;flex-wrap:wrap;gap:6px}.accessories-content .right-side .results .grid .card .tags .tag[data-v-3b2af7df]{color:#737373;font-size:12px}.accessories-content .right-side .title-wrap[data-v-3b2af7df]{align-items:center;display:flex;justify-content:space-between}.accessories-content .right-side h3.title[data-v-3b2af7df]{align-items:center;color:#000;display:flex;font-size:12px;font-weight:500}.accessories-content .right-side h3.title span[data-v-3b2af7df]{font-size:14px}.accessories-content .right-side h3.title span.count[data-v-3b2af7df]{font-size:20px;margin-right:4px}.accessories-content .right-side .filter-items[data-v-3b2af7df]{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.accessories-content .right-side .filter-items .filter-item[data-v-3b2af7df]{align-items:center;border:1px solid hsla(0,0%,60%,.3);color:#000;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;padding:0 12px;transition:border-color .2s,color .2s}.accessories-content .right-side .filter-items .filter-item.active[data-v-3b2af7df]{border:1px solid #1d61ff;color:#1d61ff}.accessories-content .right-side .filters[data-v-3b2af7df]{background:#fff;margin-bottom:24px;width:100%}@media(max-width:768px){.accessories-content .right-side .filters[data-v-3b2af7df]{display:none}}.accessories-content .right-side .filters .filters-fixed[data-v-3b2af7df]{background:#fff;box-shadow:0 -1px 8px #0003;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:60px;width:100%;z-index:100}.accessories-content .right-side .filters .filters-fixed .filter-wrapper[data-v-3b2af7df]{margin:0 auto;max-width:1200px;padding:12px 0;width:100%}.accessories-content .right-side .filters .filters-fixed .filter-action[data-v-3b2af7df]{margin-bottom:8px}.accessories-content .right-side .filters .filters-fixed .filter-items[data-v-3b2af7df]{align-items:center;display:flex;gap:12px;justify-content:flex-start}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item[data-v-3b2af7df]{align-items:center;display:flex;font-size:12px;gap:12px;justify-content:flex-start;position:relative}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item.active .name[data-v-3b2af7df]{background:#1d61ff1a}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item.active .name .value[data-v-3b2af7df]{color:#1d61ff}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item.active .options[data-v-3b2af7df]{opacity:1;pointer-events:auto}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item .options[data-v-3b2af7df]{background:#fff;box-shadow:1px 1px 8px #0003;left:50px;min-width:150px;opacity:0;padding:12px;pointer-events:none;position:absolute;top:100%;transition:all .3s}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item .options .item[data-v-3b2af7df]{color:#000;cursor:pointer;font-size:14px;padding:8px 12px;white-space:nowrap}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item .options .item[data-v-3b2af7df]:hover{background:#83a8ff1a;color:#1d61ff}.accessories-content .right-side .filters .filters-fixed .filter-items .filter-item .options .item.active[data-v-3b2af7df]{background:#1d61ff1a;color:#1d61ff}.accessories-content .right-side .filters .filters-fixed .filter-items .name[data-v-3b2af7df]{align-items:center;background:#f2f2f2;color:#737373;cursor:pointer;display:flex;flex:0 0 auto;flex-wrap:nowrap;font-size:14px;gap:12px;justify-content:flex-start;padding:4px 8px;text-wrap:nowrap}.accessories-content .right-side .filters .filters-fixed .filter-items span.gap[data-v-3b2af7df]{color:#cdcdd3;font-size:14px}.accessories-content .right-side .filters .filters-fixed .filter-items .value[data-v-3b2af7df]{color:#000;font-weight:500;padding-right:20px;position:relative}.accessories-content .right-side .filters .filters-fixed .filter-items .value[data-v-3b2af7df]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none' viewBox='0 0 8 5'%3E%3Cg fill='%23999'%3E%3Cpath d='M7.5 4.5h-7L4 .5z'/%3E%3Cpath fill-rule='evenodd' d='M8.602 5H-.602L4-.26zm-7-1L4 1.26 6.398 4z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;background-size:8px;content:"";height:18px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(180deg);width:18px}.accessories-content .right-side .filters .filters-fixed .filter-items .item[data-v-3b2af7df]{color:#000;flex:1 1 auto;font-size:14px}.accessories-content .right-side .filters .filters-fixed .filter-items .item span[data-v-3b2af7df]{display:block}.accessories-content .right-side .filters.scrolled .filters-fixed[data-v-3b2af7df]{opacity:1;pointer-events:auto}.accessories-content .right-side .filters .filter-list .filter-item[data-v-3b2af7df]{align-content:center;align-items:flex-start;border-bottom:1px solid hsla(0,0%,60%,.3);display:flex;justify-content:flex-start;padding:12px 0}.accessories-content .right-side .filters .filter-list .filter-item[data-v-3b2af7df]:last-child{border-bottom:none}.accessories-content .right-side .filters .filter-list .filter-item span.name[data-v-3b2af7df]{color:#737373;flex:0 0 auto;font-size:14px;min-width:88px;padding:4px 0}.accessories-content .right-side .filters .filter-list .filter-item .options[data-v-3b2af7df]{display:flex;flex-wrap:wrap;gap:16px;margin-left:8px;row-gap:8px}.accessories-content .right-side .filters .filter-list .filter-item .options .item[data-v-3b2af7df]{border:1px solid transparent;color:#000;cursor:pointer;font-size:14px;padding:2px 8px;white-space:nowrap}.accessories-content .right-side .filters .filter-list .filter-item .options .item[data-v-3b2af7df]:hover{background:#1d61ff1a;color:#1d61ff}.accessories-content .right-side .filters .filter-list .filter-item .options .item.active[data-v-3b2af7df]{background:#1d61ff1a;color:#1d61ff;font-weight:500}.accessories-content .right-side .filters .filters-content[data-v-3b2af7df]{margin:0 auto;max-width:1200px;padding:20px;width:100%}.accessories-content .right-side .filters .filter-action[data-v-3b2af7df]{align-content:center;align-items:center;display:flex;justify-content:flex-start;margin:0 0 4px}.accessories-content .right-side .filters .filter-action span[data-v-3b2af7df]{color:#000;font-size:14px;font-weight:500}.accessories-content .right-side .filters .filter-action .filter-count[data-v-3b2af7df]{align-content:center;align-items:center;background-color:#1d61ff1a;color:#1d61ff;display:inline-flex;height:19px;justify-content:center;margin-left:8px;width:19px}.accessories-content .right-side .filters .filter-action .btn-clear-filters[data-v-3b2af7df]{align-content:center;align-items:center;color:#1d61ff;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;margin-left:12px;transition:all .3s}.accessories-content .right-side .filters .filter-action .btn-clear-filters[data-v-3b2af7df]:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAFUSURBVFiF7ZhBTgIxFEBfR+JWbiAshJh0gTcYTmK9gTcAb1Jv4A3AG5AwCQEX4g1YG+C7cNBgJvwpYciY9O2m+f3/5bfTzBRqhjlmknWzFJJUSTyZ+u5L5UI9N2ttSEYCLSV01eCyPfHtVUj+JFRoTeJKyAA013w+huYP6lDPzVprkvffycYL8rGf0FwJshNZNdjeTfztsmyNRojQhosBSF6Y5dR3HorirFv0QFKg+T2Hwrgi9jpk3VxCBE9F5rs/HsF7qGpqJ1S4qa1bjPI9ACT9zN+MT1HMurcUtqO89Djznf7fmNp1KAppRCGNoJN6h3XzITDIH58y3x0eGg+hdh2KQhpRSCMKadRO6KiD0WCWAmPyT1ltvHKhqe94wJcdD6F2SxaFNKKQhvqWGeTeuvnBm46yGORa+xNVhQRxp5DJc6kx/2PJDDwLvFZZ+NiT/Ox8AZASXdaNfyCSAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100% 100%;content:"";display:inline-block;height:12px;margin-right:4px;width:12px}