.masonry-grid[data-v-f4ae63f7]{--masonry-columns: 2;--masonry-column-gap: 12;position:relative;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(var(--masonry-columns),minmax(0,1fr));align-items:start;gap:12px calc(var(--masonry-column-gap) * 1px)}.masonry-placeholder[data-v-f4ae63f7]{overflow:hidden;border:var(--border1) solid rgba(25,25,25,.2);border-radius:var(--Radius-borderRadius-6);background-color:var(--Grey03)}@media (min-width: 980px){.masonry-grid[data-v-f4ae63f7]{--masonry-columns: 4}}@media (min-width: 1280px){.masonry-grid[data-v-f4ae63f7]{--masonry-columns: 5}}.previewItem[data-v-312f0b67]{background-color:var(--Grey00);border-radius:var(--Radius-borderRadius-5);position:fixed;z-index:999;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);display:flex}.previewItem .leftBox[data-v-312f0b67]{height:100%;overflow:hidden;margin-right:32px}.previewItem .leftBox .imgListBox[data-v-312f0b67]{height:100%;position:relative}.previewItem .leftBox .imgListBox .imgItem[data-v-312f0b67]{display:inline-block;border-radius:var(--Radius-borderRadius-5) 0 0 var(--Radius-borderRadius-5);overflow:hidden;opacity:0;transition:opacity .2s linear;position:absolute;top:0;left:0;width:100%;height:100%}.previewItem .leftBox .imgListBox .activeImg[data-v-312f0b67]{opacity:1}.previewItem .leftBox .imgListBox-btn[data-v-312f0b67]{position:absolute;bottom:16px;left:50%;transform:translate(-50%);width:81px;height:32px;background-color:var(--Grey12);border-radius:var(--Radius-borderRadius-3);background:#1919194d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:0 6px;display:flex;align-items:center;justify-content:space-between}.previewItem .leftBox .imgListBox-btn .iconfont[data-v-312f0b67]{font-size:20px;color:var(--Grey00);cursor:pointer}.previewItem .leftBox .imgListBox-btn .imgListBox-btn-text[data-v-312f0b67]{font-size:12px;color:var(--Grey00);font-weight:450;line-height:16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.previewItem .rightBox[data-v-312f0b67]{width:371px;height:100%;overflow:hidden;padding:16px 16px 16px 0}.previewItem .rightBox .titleBox[data-v-312f0b67]{position:sticky;top:0;z-index:100;background-color:var(--Grey00);border-top:2px solid var(--Grey00)}.previewItem .rightBox .contentBox[data-v-312f0b67]{border-radius:var(--Radius-borderRadius-5)}.previewItem .rightBox .contentBox .imgListItem[data-v-312f0b67]{width:calc((100% - 6px)/2);aspect-ratio:1 / 1;background-color:var(--Grey03);margin-right:6px;margin-bottom:6px;vertical-align:top;border-radius:var(--Radius-borderRadius-3);overflow:hidden;display:inline-block;cursor:pointer}.previewItem .rightBox .contentBox .imgListItem[data-v-312f0b67]:nth-child(2n){margin-right:0}.previewItem .rightBox .contentBox .imgListItem[data-v-312f0b67]:hover{position:relative}.previewItem .rightBox .contentBox .imgListItem[data-v-312f0b67]:hover:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006}.previewItem .rightBox .contentBox .requirementsTitle[data-v-312f0b67]{font-size:var(--fs-xsm);color:var(--Grey08);font-weight:450;line-height:120%;padding-top:18px;margin-bottom:8px}.previewItem .rightBox .contentBox .requirementsContent[data-v-312f0b67]{color:var(--Grey12);font-size:var(--fs-sm);font-weight:400;line-height:120%}.previewItem .rightBox .contentBox .active[data-v-312f0b67]{border:1.5px solid var(--Grey12)}.previewItem .rightBox .contentBox .active[data-v-312f0b67]:after{content:"";position:absolute;top:0;left:0;width:0%!important;height:0%!important}.previewItem .rightBox .contentBox .line[data-v-312f0b67]{width:100%;height:1px;background-color:var(--Grey05);margin:24px 0}.previewItem .rightBox .contentBox .requirementsTitle-styles[data-v-312f0b67]{padding-top:0}.previewItem .rightBox .contentBox .pMargin[data-v-312f0b67]{margin-bottom:24px}.previewItem .rightBox .contentBox .colorBox[data-v-312f0b67]{height:25px}.previewItem .rightBox .contentBox .colorItem[data-v-312f0b67]{display:inline-block;width:25px;height:100%;border-radius:50%;margin-right:8px}.previewItem .rightBox .contentBox .colorItem[data-v-312f0b67]:nth-child(5n){margin-right:0}.previewItem .rightBox .bottomBox[data-v-312f0b67]{position:absolute;bottom:16px;right:16px;display:flex;align-items:flex-end;justify-content:space-between;z-index:100;width:calc(100% - 16px);height:110px}.previewItem .rightBox .bottomBox .Btn[data-v-312f0b67]{width:100%;height:48px}.maskGround[data-v-312f0b67]{background:linear-gradient(178deg,#fff0 -6.74%,#fff 57.74%)}.rightBox-content[data-v-312f0b67]{height:calc(100% - 108px);overflow-y:auto}.titleBox[data-v-312f0b67]{padding:0 4px 24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.titleBox .iconCss[data-v-312f0b67]{font-size:20px}.titleBox .iconCss-download[data-v-312f0b67]{font-size:22px}.titleBox .iconItem[data-v-312f0b67]{width:36px;height:36px;border-radius:var(--Radius-borderRadius-3);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:16px}.titleBox .iconItem[data-v-312f0b67]:hover{background-color:var(--Grey04)}.titleBox .iconItem[data-v-312f0b67]:last-child{margin-right:0}.leftBox-titleBox[data-v-312f0b67]{display:none}@media screen and (min-width: 1024px) and (max-width: 1279px){.previewItem .rightBox[data-v-312f0b67]{width:293px}.previewItem .rightBox .titleBox[data-v-312f0b67]{font-size:12px}.previewItem .rightBox .titleBox .iconItem[data-v-312f0b67]{margin-right:8px}}@media screen and (min-width: 980px) and (max-width: 1023px){.previewItem .rightBox[data-v-312f0b67]{width:273px}.previewItem .rightBox .titleBox[data-v-312f0b67]{font-size:12px}.previewItem .rightBox .titleBox .iconItem[data-v-312f0b67]{margin-right:8px}}@media screen and (max-width: 980px){.maskGround[data-v-312f0b67]{background:linear-gradient(182deg,#fff0 -7.36%,#fff 35.54%)}.previewItem[data-v-312f0b67]{width:100%;height:79vh!important;top:auto;left:0;bottom:0;transform:none;display:block;padding:0 0 68px;overflow-y:auto;border-radius:var(--Radius-borderRadius-5) var(--Radius-borderRadius-5) 0 0}.previewItem .leftBox[data-v-312f0b67]{width:100%!important;height:auto;padding:0 20px;margin-right:0;margin-bottom:20px}.previewItem .leftBox .imgListBox[data-v-312f0b67]{width:calc(100vw - 40px)!important;height:calc(100vw - 40px)!important}.previewItem .leftBox .imgListBox .imgItem[data-v-312f0b67]{position:absolute;top:0;left:0;width:calc(100vw - 40px)!important;height:calc(100vw - 40px)!important;border-radius:var(--Radius-borderRadius-5)}.previewItem .rightBox[data-v-312f0b67]{width:100%;height:auto;overflow:visible;padding:0 20px}.previewItem .rightBox .contentBox[data-v-312f0b67]{max-height:none;overflow:visible}.previewItem .rightBox .contentBox .imgListItem[data-v-312f0b67]{width:calc((100% - 18px)/4);margin-right:6px;border-radius:var(--Radius-borderRadius-1);overflow:hidden}.previewItem .rightBox .contentBox .imgListItem[data-v-312f0b67]:nth-child(2n){margin-right:6px}.previewItem .rightBox .contentBox .imgListItem[data-v-312f0b67]:nth-child(4n){margin-right:0}.previewItem .rightBox .contentBox .active[data-v-312f0b67]{border:var(--border2) solid var(--Grey12)}.previewItem .rightBox .bottomBox[data-v-312f0b67]{position:fixed;height:85px;padding:0 20px 20px;bottom:0}.previewItem .rightBox .bottomBox .Btn[data-v-312f0b67]{height:40px}.titleBox[data-v-312f0b67]{font-size:12px;position:sticky;top:0;z-index:100;background-color:var(--Grey00);padding:20px;border-bottom:2px solid var(--Grey00)}.titleBox .iconItem[data-v-312f0b67]{margin-right:8px}.rightBox-titleBox[data-v-312f0b67]{display:none}.leftBox-titleBox[data-v-312f0b67]{display:flex}}.spinIcon .ant-spin-dot-item{background-color:var(--Grey12)!important}.activePhone[data-v-9afabe41]{border:1px solid #eee!important;background:#fff!important;box-shadow:0 4px 8px #17244626}.activePhone[data-v-9afabe41]:hover{border:1px solid #eee!important;background:#f7f7f7!important;box-shadow:0 4px 8px #17244626}.activePhone[data-v-9afabe41]:active{border:1px solid #eee!important;background:#eee!important;box-shadow:0 4px 8px #17244626}.icon-filter[data-v-9afabe41],.icon-size[data-v-9afabe41]{font-size:20px!important}.filterBox[data-v-9afabe41]{display:flex;justify-content:space-between;align-items:center}.suggestionsTag[data-v-9afabe41]{padding:8px 16px;border-radius:var(--Radius-borderRadius-3);color:var(--Grey12);margin-right:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:top;display:inline-block}.suggestionsTag[data-v-9afabe41]:hover{background:#0000001a}.actTag[data-v-9afabe41]{background:var(--Grey12)!important;color:var(--Grey00)!important;border:none!important;padding:8px 16px!important}.rightBox[data-v-9afabe41]{width:130px;height:40px;border-radius:10px;border:1px solid var(--Grey03);background:var(--Grey00);display:flex;align-items:center;justify-content:center;padding:0 12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rightBox[data-v-9afabe41]:hover{border:1px solid #eee;background:#00000005}.rightBox[data-v-9afabe41]:active{border:1px solid #eee;background:#0000000d!important;box-shadow:0 4px 8px #17244626!important}.active[data-v-9afabe41]{background:var(--Grey03)!important}.PackagingBox[data-v-9afabe41]{width:272px;padding:24px;border-radius:var(--Radius-borderRadius-5);background:var(--Grey00);box-shadow:var(--new-box-shadow);border:var(--border1) solid var(--Grey03);position:absolute;z-index:99;right:0;margin-top:8px;display:none}.PackagingBox .PackagingTitle[data-v-9afabe41]{font-size:16px;font-weight:550;color:var(--Grey06);margin-bottom:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:space-between}.PackagingBox .PackagingTitle .colorClean[data-v-9afabe41]{font-weight:450;cursor:pointer}.PackagingBox .PackagingTitle .colorClean[data-v-9afabe41]:hover,.PackagingBox .PackagingTitle .colorClean[data-v-9afabe41]:active{color:var(--Grey08)}.PackagingBox .packagingItem[data-v-9afabe41]{display:inline-block;padding:4.5px 12px;border-radius:10px;background:var(--Grey01);margin-right:6px;margin-bottom:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:14px}.PackagingBox .packagingItem[data-v-9afabe41]:hover{background:var(--Grey03)}.PackagingBox .activePackaging[data-v-9afabe41]{color:var(--Grey00)!important;background:var(--Grey12)!important;border:var(--border2) solid var(--Grey12)!important;padding:4px 11.5px}.PackagingBox .colorTitle[data-v-9afabe41]{margin-top:18px}.PackagingBox .colorBox[data-v-9afabe41]{padding:0;margin:0}.PackagingBox .colorBox .colorItem[data-v-9afabe41]{width:40px;height:40px;display:inline-block;border-radius:50%;margin-right:5px;border:var(--border1) solid transparent}.PackagingBox .colorBox .colorItem[data-v-9afabe41]:nth-child(5n){margin-right:0}.PackagingBox .colorBox .colorItem[data-v-9afabe41]:hover{border:var(--border2) solid var(--Grey12)}.PackagingBox .colorBox[data-v-9afabe41]:nth-child(5n){margin-right:0}.PackagingBox .activeColor[data-v-9afabe41]{border:var(--border2) solid var(--Grey00)!important;outline:var(--border2) solid var(--Grey12)!important;height:40px!important;width:40px!important}.iphoneBox[data-v-9afabe41],.filterNum[data-v-9afabe41],.phoneShow[data-v-9afabe41],.closeBox[data-v-9afabe41],.lastBox[data-v-9afabe41]{display:none}.filterNum1[data-v-9afabe41]{color:var(--Grey08);font-size:var(--fs-sm)}.suggestionsContent[data-v-9afabe41]{overflow:hidden;width:100%;height:100%;position:relative}.suggestionsContent.packify-mask-right[data-v-9afabe41]{-webkit-mask-image:linear-gradient(to right,black calc(100% - 50px),transparent calc(100% - 35px));mask-image:linear-gradient(to right,black calc(100% - 50px),transparent calc(100% - 35px))}.suggestionsContent.packify-mask-left[data-v-9afabe41]{-webkit-mask-image:linear-gradient(to right,transparent 35px,black 50px);mask-image:linear-gradient(to right,transparent 35px,black 50px)}.suggestionsContent.packify-mask-left.packify-mask-right[data-v-9afabe41]{-webkit-mask-image:linear-gradient(to right,transparent 35px,black 50px,black calc(100% - 50px),transparent calc(100% - 35px));mask-image:linear-gradient(to right,transparent 35px,black 50px,black calc(100% - 50px),transparent calc(100% - 35px))}.suggestionsBox[data-v-9afabe41]{width:1280px;height:40px;position:relative}.suggestionsBox .tagBox[data-v-9afabe41]{width:1000%;display:inline-block;transition:transform .3s linear;height:40px}.suggestionsBox .tagListBox[data-v-9afabe41]{height:100%;position:absolute;left:0;top:0;height:40px}.suggestionsBox .leftArrow[data-v-9afabe41]{left:0;transform:rotate(180deg)}.arrowBox[data-v-9afabe41]{display:flex;position:absolute;right:0;top:0;width:50px;height:40px;justify-content:center;align-content:center}.arrowBox .icon-chevron-right[data-v-9afabe41]{font-size:24px;cursor:pointer;line-height:40px}@media screen and (min-width: 1690px) and (max-width: 1919px){.suggestionsBox[data-v-9afabe41]{width:1210px}.suggestionsBox .tagListBox[data-v-9afabe41]{height:100%;position:absolute;left:0;top:0;height:40px}}@media screen and (min-width: 1280px) and (max-width: 1689px){.suggestionsBox[data-v-9afabe41]{width:1040px}.suggestionsBox .tagListBox[data-v-9afabe41]{height:100%;position:absolute;left:0;top:0}}@media screen and (min-width: 1024px) and (max-width: 1279px){.suggestionsBox[data-v-9afabe41]{width:774px;position:relative}.suggestionsBox .tagListBox[data-v-9afabe41]{height:100%;position:absolute;left:0;top:0;height:32px}.suggestionsBox .tagBox[data-v-9afabe41]{width:1000%;display:inline-block;transition:transform .3s linear;height:32px}.arrowBox .icon-chevron-right[data-v-9afabe41]{font-size:24px;color:var(--Grey12);cursor:pointer;line-height:40px}.suggestionsTag[data-v-9afabe41]{padding:4px 12px;border-radius:6px}.suggestionsTag[data-v-9afabe41]:hover{padding:4px 12px}.actTag[data-v-9afabe41]{padding:4px 12px!important}.suggestionsBox[data-v-9afabe41]{height:32px}.arrowBox[data-v-9afabe41]{display:flex;position:absolute;right:0;top:0;width:50px;height:32px;justify-content:center;align-content:center}.arrowBox .icon-chevron-right[data-v-9afabe41]{line-height:32px}.rightBox[data-v-9afabe41]{height:32px;width:110px;border-radius:6px;font-size:14px}}@media screen and (min-width: 980px) and (max-width: 1023px){.suggestionsTag[data-v-9afabe41]{padding:4px 12px;border-radius:6px}.suggestionsTag[data-v-9afabe41]:hover{padding:4px 12px}.actTag[data-v-9afabe41]{padding:4px 12px!important}.suggestionsBox[data-v-9afabe41]{width:741px;height:32px;position:relative}.suggestionsBox .tagBox[data-v-9afabe41]{width:1000%;height:32px;display:inline-block;transition:transform .3s linear}.arrowBox[data-v-9afabe41]{display:flex;position:absolute;right:0;top:0;width:50px;height:32px;justify-content:center;align-content:center}.arrowBox .icon-chevron-right[data-v-9afabe41]{font-size:24px;color:var(--Grey12);cursor:pointer;line-height:32px}.rightBox[data-v-9afabe41]{height:32px;width:110px;border-radius:6px;font-size:14px}}@media screen and (max-width: 980px){.icon-close[data-v-9afabe41]{display:inline-block;width:20px;height:20px;cursor:pointer}.phoneShow[data-v-9afabe41]{display:block}.suggestionsBox[data-v-9afabe41]{width:calc(50% - 8px)}.suggestionsBox .tagBox[data-v-9afabe41]{height:100%;overflow-y:auto}.suggestionsBox .tagListBox[data-v-9afabe41]{position:relative;padding-bottom:20px!important;height:100%!important}.suggestionsBox .tagListBox .tagListBoxContent[data-v-9afabe41]{height:100%!important;overflow-y:auto}.suggestionsBox .tagListBox .suggestionsTag[data-v-9afabe41]:hover{border:none;padding:4px 12px;background:transparent}.suggestionsBox .tagListBox .suggestionsTag[data-v-9afabe41]:last-child{margin-bottom:20px!important}.suggestionsBox .arrowBox[data-v-9afabe41]{display:none}.suggestionsBox .iphoneBox[data-v-9afabe41]{display:flex;justify-content:space-between;align-items:center;width:100%;height:40px;background:var(--Grey00);border:var(--border1) solid var(--Grey12);padding:8px 16px;border-radius:var(--Radius-borderRadius-3)}.suggestionsBox .iphoneBox .iphoneTag[data-v-9afabe41]{width:109px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestionsBox .iphoneBox .iphoneArrow[data-v-9afabe41]{transform:rotate(270deg)!important;font-size:18px!important;color:var(--Grey12)!important}.suggestionsBox .iphoneBox[data-v-9afabe41]:hover,.suggestionsBox .activeBox[data-v-9afabe41]{background:var(--Grey03);border:var(--border2) solid var(--Grey12);padding:7.5px 15.5px}.suggestionsBox .tagBox[data-v-9afabe41]{width:100vw;position:fixed;height:90vh;bottom:-90vh;left:0;z-index:999;background:var(--Grey00);border:none;box-shadow:none;padding:32px 20px;border-radius:8px 8px 0 0;transition:bottom .3s linear;display:block}.suggestionsBox .tagBox .suggestionsTag[data-v-9afabe41]{display:block;margin-bottom:20px;margin-right:0}.suggestionsBox .tagBox .suggestionsTag[data-v-9afabe41]:hover{color:var(--Grey12)}.suggestionsBox .tagBox .actTag[data-v-9afabe41]{background:var(--Grey03)!important;color:var(--Grey12)!important;border:var(--border2) solid var(--Grey12)!important;padding:7px 15px}.rightBoxBox[data-v-9afabe41]{width:calc(50% - 8px)}.rightBoxBox .rightBox[data-v-9afabe41]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border:var(--border1) solid var(--Grey12);border-radius:var(--Radius-borderRadius-3);flex-direction:row-reverse}.rightBoxBox .rightBox[data-v-9afabe41]:hover{background:var(--Grey03);border:var(--border2) solid var(--Grey12);padding:7.5px 15.5px}.rightBoxBox .rightBox .filterNum[data-v-9afabe41]{display:inline-block;font-size:14px;font-weight:450;color:var(--Grey08)!important;margin-left:8px;vertical-align:top;margin-top:4px}.PackagingBox[data-v-9afabe41]{width:100vw;position:fixed;max-height:90vh;bottom:-90vh;left:0;z-index:999;background:var(--Grey00);border:none;box-shadow:none;padding:32px 20px;border-radius:8px 8px 0 0;transition:bottom .3s linear;display:block}.PackagingBox .PackagingTitle[data-v-9afabe41]{margin-bottom:16px;display:flex;justify-content:space-between;font-weight:550}.PackagingBox .PackagingTitle .colorClean[data-v-9afabe41]{font-weight:450;cursor:pointer}.PackagingBox .PackagingTitle .colorClean[data-v-9afabe41]:hover{color:var(--Grey06)}.PackagingBox .PackagingTitle .colorClean[data-v-9afabe41]:active{color:var(--Grey08)}.PackagingBox .colorBox[data-v-9afabe41]{padding-bottom:112px}.PackagingBox .colorBox .colorItem[data-v-9afabe41]:nth-child(5n){margin-right:5px}.closeBox[data-v-9afabe41]{font-size:20px;color:var(--Grey12);margin-bottom:20px;display:flex;align-items:center}.closeBox .closeText[data-v-9afabe41]{text-align:left;width:100%;font-size:20px;font-weight:550;color:var(--Grey12)}.applyBtn[data-v-9afabe41]{width:calc(100% - 40px);height:48px;border-radius:var(--Radius-borderRadius-4);background:var(--Grey12);color:var(--Grey00);font-size:16px;font-weight:450;text-align:center;line-height:48px;position:absolute;bottom:20px;left:20px}.lastBox[data-v-9afabe41]{display:block;height:1px}.tagBox[data-v-9afabe41]{width:100vw;position:fixed;max-height:90vh;bottom:-90vh;left:0;z-index:999;background:var(--Grey00);border:none;box-shadow:none;padding:32px 20px;border-radius:8px 8px 0 0;transition:bottom .3s linear;display:block}.tagBox .suggestionsTag[data-v-9afabe41]{display:block;margin-bottom:20px;margin-right:0}.tagBox .suggestionsTag[data-v-9afabe41]:hover{color:var(--Grey12)}.tagBox .lastSpanBox[data-v-9afabe41]{margin-bottom:0!important}.tagBox .actTag[data-v-9afabe41]{background:var(--Grey03)!important;color:var(--Grey12)!important;border:var(--border2) solid var(--Grey12)!important;padding:7px 15px}}