.compare-sidebar[data-v-4bedea60]{z-index:2000;background:#fff;flex-direction:column;width:400px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:0 4px 16px #0000001f}.compare-sidebar--open[data-v-4bedea60]{transform:translate(0)}.compare-sidebar__header[data-v-4bedea60]{background:#f7f7f7;flex-shrink:0;padding:24px 16px}.compare-sidebar__header-top[data-v-4bedea60]{justify-content:space-between;align-items:center;display:flex}.compare-sidebar__title[data-v-4bedea60]{color:#000000d9;font-size:16px;font-weight:500;line-height:24px}.compare-sidebar__subtitle[data-v-4bedea60]{color:#00000073;margin:8px 0 0;font-size:12px;line-height:1.5}.compare-sidebar__compare-link[data-v-4bedea60]{font-size:inherit;line-height:inherit;color:#0060ef;cursor:pointer;background:0 0;border:none;padding:0}.compare-sidebar__collapse[data-v-4bedea60]{color:#000000a6;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:4px;padding:0;font-size:13px;transition:color .15s cubic-bezier(.16,1,.3,1);display:flex}.compare-sidebar__collapse[data-v-4bedea60]:hover{color:#0060ef}.compare-sidebar__body[data-v-4bedea60]{flex:1;padding:16px;overflow-y:auto}.compare-sidebar__body[data-v-4bedea60]::-webkit-scrollbar{width:6px;height:6px}.compare-sidebar__body[data-v-4bedea60]::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.compare-sidebar__body[data-v-4bedea60]::-webkit-scrollbar-track{background:0 0}.compare-sidebar__list[data-v-4bedea60]{flex-direction:column;gap:16px;display:flex}.compare-sidebar__item[data-v-4bedea60]{justify-content:start;align-items:center;gap:12px;display:flex}.compare-sidebar__image[data-v-4bedea60]{background:#f5f5f5;border-radius:4px;flex-shrink:0;width:100px;height:100px;position:relative;overflow:hidden}.compare-sidebar__image img[data-v-4bedea60]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.compare-sidebar__checkbox[data-v-4bedea60]{z-index:1;height:auto;position:absolute;top:8px;left:8px}.compare-sidebar__info[data-v-4bedea60]{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.compare-sidebar__name[data-v-4bedea60]{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:22px;display:-webkit-box}.compare-sidebar__name[data-v-4bedea60],.compare-sidebar__spec[data-v-4bedea60]{text-overflow:ellipsis;font-size:14px;overflow:hidden}.compare-sidebar__spec[data-v-4bedea60]{color:#00000073;white-space:nowrap;font-weight:400;line-height:20px}.compare-sidebar__remove[data-v-4bedea60]{color:#00000073;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s cubic-bezier(.16,1,.3,1);display:flex}.compare-sidebar__remove[data-v-4bedea60]:hover{color:#000000d9}.compare-sidebar__empty[data-v-4bedea60]{color:#909399;text-align:center;padding:48px 0;font-size:14px}.compare-sidebar__footer[data-v-4bedea60]{border-top:1px solid #e6e6e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 12px 16px 16px;display:flex}.compare-sidebar__footer-left[data-v-4bedea60]{justify-content:start;align-items:center;gap:12px;display:flex}.compare-sidebar__select-all[data-v-4bedea60] .el-checkbox__label{color:#000000d9;height:auto;font-size:12px;font-weight:400;line-height:20px}.compare-sidebar__clear[data-v-4bedea60]{color:#00000073;cursor:pointer;background:0 0;border:none;justify-content:start;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:400;line-height:20px;display:flex}.compare-sidebar__start[data-v-4bedea60]{color:#fff;cursor:pointer;background:#0060ef;border:none;border-radius:4px;padding:13px 16px;font-size:16px;font-weight:500;line-height:20px}.compare-sidebar__fab[data-v-4bedea60]{z-index:997;color:#000000a6;cursor:pointer;writing-mode:vertical-rl;letter-spacing:4px;background:#fff;border:1px solid #e6e6e6;border-right:none;border-radius:4px 0 0 4px;padding:12px;font-size:14px;font-weight:500;line-height:1;transition:color .15s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;right:0;box-shadow:0 4px 12px #0000001f}.compare-sidebar__fab[data-v-4bedea60]:hover{color:#0060ef}
