@charset "UTF-8";.mb8[data-v-92e0a0d7]{margin-bottom:8px}.mb12[data-v-92e0a0d7]{margin-bottom:12px}.mb24[data-v-92e0a0d7]{margin-bottom:24px}.mt6[data-v-92e0a0d7]{margin-top:6px}.mt18[data-v-92e0a0d7]{margin-top:18px}.mt8[data-v-92e0a0d7]{margin-top:8px}.mt14[data-v-92e0a0d7]{margin-top:14px}.mt12[data-v-92e0a0d7]{margin-top:12px}.mt24[data-v-92e0a0d7]{margin-top:24px}.mt48[data-v-92e0a0d7]{margin-top:48px}.mt90[data-v-92e0a0d7]{margin-top:90px}.br24[data-v-92e0a0d7]{border-radius:24px!important}.marginCenter[data-v-92e0a0d7]{justify-content:center;align-items:center}.grid2[data-v-92e0a0d7]{width:340px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.txt-bar[data-v-92e0a0d7]{height:12px;border-radius:6px;display:inline-block;font-size:0}.txt-bar.skeleton-box__mobile__color[data-v-92e0a0d7]{display:none}.block-bar[data-v-92e0a0d7]{border-radius:8px;font-size:0;overflow:hidden;display:inline-block}@keyframes slide-to-right-92e0a0d7{0%{background-position:100% 50%}to{background-position:0% 50%}}.loading[data-v-92e0a0d7]{background-image:linear-gradient(90deg,#e6e6e6 7%,#ededed);animation:slide-to-right-92e0a0d7 2s infinite;background-size:400% 400%}.skeleton-box[data-v-92e0a0d7]{position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column}.skeleton-box>div[data-v-92e0a0d7]{order:5}.Slider-bar[data-v-452233bb]{display:flex;justify-content:center;align-items:center;color:#000;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}.Slider-bar .p-slider[data-v-452233bb]{flex:1;margin:0 15px}.Slider-bar i[data-v-452233bb]{font-size:24px;cursor:pointer}.Slider-bar i.disabled[data-v-452233bb]{color:#ccc;cursor:not-allowed}.tiny-upload[data-v-3a401f19]{position:relative;width:100%;height:0;border-radius:20px;padding-top:56.8%;background:#fff;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color)}.tiny-upload.hasImg[data-v-3a401f19]{margin-bottom:40px}.tiny-upload .tiny-upload-wrapper[data-v-3a401f19]{display:flex;justify-content:center;align-items:center;position:absolute;transform:translate(-50%,-50%);top:50%;border-radius:12px;left:50%;width:calc(100% - 20px);height:calc(100% - 20px);border:1px dashed rgba(0,0,0,.2);background:linear-gradient(180deg,#f7f2ff,#fff0 76%)}.tiny-upload .tiny-upload-wrapper__dot-ornament[data-v-3a401f19]{position:absolute;top:0;left:0;pointer-events:none}.tiny-upload .tiny-upload-wrapper .upload-container[data-v-3a401f19]{width:100%;height:100%;border-radius:12px;overflow:hidden;clip-path:inset(0 round 12px)}.tiny-upload .tiny-upload-wrapper .upload-btn[data-v-3a401f19]{position:absolute;left:0;top:0;width:100%;height:100%;color:var(--primary-color);border-radius:12px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;z-index:4}.tiny-upload .tiny-upload-wrapper .upload-btn img[data-v-3a401f19]{width:70px}.tiny-upload .tiny-upload-wrapper .upload-btn i[data-v-3a401f19]{font-size:var(--fs-xl);line-height:var(--lh-none)}.tiny-upload .tiny-upload-wrapper .upload-btn .upload-text[data-v-3a401f19]{font-size:var(--fs-lg);font-weight:var(--fw-medium);line-height:30px;font-style:normal;color:#191919;position:relative}.tiny-upload .tiny-upload-wrapper .upload-btn .upload-text[data-v-3a401f19]:before{content:"";position:absolute;left:0;bottom:20%;width:100%;display:inline-block;height:1.5px;background:#191919}.tiny-upload .tiny-upload-wrapper .upload-btn .upload-dec[data-v-3a401f19]{margin-top:6px;font-size:var(--fs-base);font-weight:var(--fw-normal);color:#191919}.tiny-upload .tiny-upload-wrapper .upload-btn .upload-size[data-v-3a401f19]{position:absolute;left:50%;transform:translate(-50%);bottom:12px;color:#7f7f7f;font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.tiny-upload .tiny-upload-wrapper .upload-tools[data-v-3a401f19]{display:none;justify-content:space-between;align-items:center;position:absolute;left:0;bottom:-60px;width:100%;padding:0 5px}.tiny-upload .tiny-upload-wrapper .upload-tools__delete[data-v-3a401f19],.tiny-upload .tiny-upload-wrapper .upload-tools__rotate[data-v-3a401f19]{width:16px;height:16px;display:flex;justify-content:center;align-items:center;margin-left:27px;cursor:pointer}.tiny-upload .tiny-upload-wrapper .upload-tools__delete i[data-v-3a401f19],.tiny-upload .tiny-upload-wrapper .upload-tools__rotate i[data-v-3a401f19]{font-size:22px}.tiny-upload .tiny-upload-wrapper .upload-tools .upload-slider[data-v-3a401f19]{flex:1}.tiny-upload .tiny-upload-wrapper .upload-rotate[data-v-3a401f19]{left:10px;bottom:10px}.tiny-upload .tiny-upload-wrapper .upload-delete[data-v-3a401f19]{top:10px;right:10px}.tiny-upload .tiny-upload-wrapper .upload-upload[data-v-3a401f19]{right:50px;top:10px}.tiny-upload .tiny-upload-wrapper .upload-upload[data-v-3a401f19],.tiny-upload .tiny-upload-wrapper .upload-rotate[data-v-3a401f19],.tiny-upload .tiny-upload-wrapper .upload-delete[data-v-3a401f19]{position:absolute;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:6px;cursor:pointer;z-index:2;transition:background .1s;background:#191919b3;width:30px;height:30px}.tiny-upload .tiny-upload-wrapper .upload-upload i[data-v-3a401f19],.tiny-upload .tiny-upload-wrapper .upload-rotate i[data-v-3a401f19],.tiny-upload .tiny-upload-wrapper .upload-delete i[data-v-3a401f19]{font-size:var(--fs-lg)}.tiny-upload .tiny-upload-wrapper .upload-upload[data-v-3a401f19]:hover,.tiny-upload .tiny-upload-wrapper .upload-rotate[data-v-3a401f19]:hover,.tiny-upload .tiny-upload-wrapper .upload-delete[data-v-3a401f19]:hover{background:#19191999}.tiny-upload .tiny-upload-wrapper .upload-upload[data-v-3a401f19]:active,.tiny-upload .tiny-upload-wrapper .upload-rotate[data-v-3a401f19]:active,.tiny-upload .tiny-upload-wrapper .upload-delete[data-v-3a401f19]:active{background:#191919b3}.tiny-upload .tiny-upload-loading[data-v-3a401f19]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:calc(100% - 20px);width:calc(100% - 20px);display:flex;justify-content:center;align-items:center;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px}.tiny-upload .tiny-upload-loading .tiny-upload-loading__content[data-v-3a401f19]{width:44px;height:44px;border-radius:8px;background:#fff;display:flex;justify-content:center;align-items:center}.tiny-upload .tiny-upload-loading .tiny-upload-loading__content[data-v-3a401f19] .pac-loading{width:20px;height:20px}.ColorBall-container[data-v-97d30e84]{width:28px;height:28px;position:relative;border-radius:50%;cursor:pointer}.ColorBall-container.active .ColorBall-container__border[data-v-97d30e84]{background:var(--primary-color)}.ColorBall-container.active .ColorBall-container__background[data-v-97d30e84]{width:85%;height:85%}.ColorBall-container.active .ColorBall-container__preview[data-v-97d30e84]{width:20px;height:20px;border:none}.ColorBall-container__border[data-v-97d30e84]{width:100%;height:100%;border-radius:50%}.ColorBall-container__background[data-v-97d30e84]{position:absolute;width:90%;height:90%;background:#fff;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.ColorBall-container__preview[data-v-97d30e84]{position:absolute;width:100%;height:100%;border-radius:50%;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #d1d0d2}.ColorBall-container__preview__member[data-v-97d30e84]{position:absolute;top:-20%;right:-20%;width:16px;height:16px;object-fit:cover}.ColorBall-container__preview__transparent[data-v-97d30e84]{width:100%;height:100%;border-radius:50%;object-fit:cover}.dontSupportTransparent-popover{width:200px}.right[data-v-f588a05a]{display:flex;flex-direction:column;width:100%;height:100%;position:relative}.right .hasSwitched[data-v-f588a05a]{animation:none;opacity:1}.right .right-loading[data-v-f588a05a]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:105;cursor:not-allowed}.right>div[data-v-f588a05a]{order:5}.right .right-title[data-v-f588a05a]{display:flex;line-height:var(--lh-tight);margin-bottom:12px;color:var(--normal-font-color);font-size:var(--fs-lg);font-weight:var(--fw-medium)}.right .right-segment[data-v-f588a05a]{width:100%;display:none;margin:28px auto 30px}.right .right-segment[data-v-f588a05a] .slider-tab-wrap{background:#fff}.right .right-size[data-v-f588a05a]{position:relative;z-index:100}.right .right-colorPicker[data-v-f588a05a]{display:none}.right .right-colorPicker__colors[data-v-f588a05a]{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.right .right-colorPicker__colors>div[data-v-f588a05a]{cursor:pointer;border-radius:50%;margin-right:16px}.right .right-colorPicker__colors>div[data-v-f588a05a]:last-child{margin-right:0}.right .right-colorPicker[data-v-f588a05a] .color-box .color-wrap .color-panel{height:140px}.right .right-colorPicker[data-v-f588a05a] .color-box .color-input{display:none}.right .right-colorPicker[data-v-f588a05a] .color-box .color-bar{height:4px}.right .right-colorPicker[data-v-f588a05a] .color-box .color-bar .pointer{top:50%;transform:translateY(-50%);border:2px solid #fff;background-color:#ff4e4e;width:14px;height:14px}.right .right-mockup[data-v-f588a05a]{width:100%;margin-top:24px}.right .right-mockup .right-content[data-v-f588a05a]{display:flex;width:100%;overflow:hidden}.right .right-mockup .right-content__item[data-v-f588a05a]{display:flex;flex-direction:column;align-items:center;cursor:pointer;margin-right:20px;-webkit-user-select:none;user-select:none;width:120px}.right .right-mockup .right-content__item[data-v-f588a05a]:last-child{margin-right:0}.right .right-mockup .right-content__item.notAvailable[data-v-f588a05a]{flex:1;max-width:120px;width:0!important;margin-right:0!important;pointer-events:none}.right .right-mockup .right-content__item.notAvailable .right-content__item__cover[data-v-f588a05a]{pointer-events:all;width:100%!important}.right .right-mockup .right-content__item.notAvailable .right-content__item__cover__more[data-v-f588a05a]{pointer-events:all}.right .right-mockup .right-content__item.active[data-v-f588a05a]{cursor:default}.right .right-mockup .right-content__item.active .right-content__item__cover[data-v-f588a05a]:not(.notAvailable){border:2px solid var(--one-level-text-color)}.right .right-mockup .right-content__item__cover[data-v-f588a05a]{width:120px;height:120px;border-radius:12px;clip-path:inset(0 round 12px);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;border:1px solid #d1d0d2}.right .right-mockup .right-content__item__cover[data-v-f588a05a] .image-container{width:100%!important;height:100%!important}.right .right-mockup .right-content__item__cover[data-v-f588a05a] img{object-fit:cover;width:unset;height:100%;aspect-ratio:auto 1 / 1}.right .right-mockup .right-content__item__cover[data-v-f588a05a]:hover{border:2px solid var(--one-level-text-color)}.right .right-mockup .right-content__item__cover.notAvailable[data-v-f588a05a]{width:100%}.right .right-mockup .right-content__item__cover__more[data-v-f588a05a]{position:absolute;right:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;border-radius:12px;font-size:var(--fs-base);color:var(--normal-font-color);font-weight:var(--fw-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-decoration-line:underline;background:#ffffff80}.right .right-mockup .right-content__item .right-content__item__title[data-v-f588a05a]{width:100%;overflow:hidden;white-space:unset;text-overflow:ellipsis;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.right .right-mockup .right-content__item .right-content__item__title.notAvailable[data-v-f588a05a]{opacity:0;pointer-events:none;cursor:default}.right .right-mockup .right-content__item span[data-v-f588a05a]{color:#4c4c4c;font-family:Gilroy;font-size:var(--fs-sm);font-style:normal;font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-top:8px}.right .right-material[data-v-f588a05a]{z-index:19}.right .right-mockup-material[data-v-f588a05a]{margin-top:24px}.right .right-mockup-material[data-v-f588a05a] .material-selection__list{display:flex;column-gap:unset;row-gap:unset}.right .right-mockup-material[data-v-f588a05a] .material-selection__list__item{width:40px;height:40px;margin-right:16px}.right .right-mockup-material[data-v-f588a05a] .material-selection__list__item:hover:after{box-shadow:inset 0 0 0 3px var(--primary-background-light)}.right .right-mockup-material[data-v-f588a05a] .material-selection__list__item.active{padding:3px}.right .right-mockup-material[data-v-f588a05a] .material-selection__list__item.active:after{box-shadow:inset 0 0 0 3px var(--primary-background-light)}@keyframes animation-wiooy9-f588a05a{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}.right .right-mockup-material .loading-skeleton .skeleton-selection[data-v-f588a05a]{position:relative;overflow:hidden}.right .right-mockup-material .loading-skeleton .skeleton-selection[data-v-f588a05a]:after{animation:2s linear .5s infinite normal none running animation-wiooy9-f588a05a;background:linear-gradient(90deg,var(--skeleton-image-gradient-start-color),var(--skeleton-image-gradient-end-color));content:"";position:absolute;transform:translate(-100%);top:0;left:0;right:0;bottom:0}.right .right-mockup-material .loading-skeleton .skeleton-selection[data-v-f588a05a]{height:40px;width:40px;background:var(--skeleton-image-background-color);border-radius:50px}.right .right-mockup-material .right-content__material[data-v-f588a05a]{margin-bottom:8px}.right .right-mockup-material[data-v-f588a05a] .right-content__moreMaterials{font-weight:var(--fw-normal);display:flex;align-items:center;color:var(--dialog-tab-content-fc)}.right .right-mockup-material[data-v-f588a05a] .right-content__moreMaterials .p-button{color:var(--dialog-tab-content-fc);text-decoration:underline;font-size:var(--fs-sm);font-weight:var(--fw-normal);cursor:pointer;margin-right:2px}.right .right-mockup-material[data-v-f588a05a] .right-content__moreMaterials .p-button:hover+i{color:var(--primary-color)}.right .right-mockup-material[data-v-f588a05a] .right-content__moreMaterials .p-button:active+i{color:#5a23d7}.right .right-mockup-material[data-v-f588a05a] .right-content__moreMaterials i{font-weight:var(--fw-normal);font-size:20px;cursor:pointer}.right .right-color[data-v-f588a05a]{margin-top:24px;width:100%;position:relative;z-index:2}.right .right-color .right-content[data-v-f588a05a]{display:flex;flex-direction:column}.right .right-color .right-content[data-v-f588a05a] .right-content__custom-size{font-weight:var(--fw-normal);display:flex;align-items:center;color:var(--dialog-tab-content-fc)}.right .right-color .right-content[data-v-f588a05a] .right-content__custom-size .p-button{color:var(--dialog-tab-content-fc);text-decoration:underline;font-size:var(--fs-sm);font-weight:var(--fw-normal);cursor:pointer;margin-right:2px}.right .right-color .right-content[data-v-f588a05a] .right-content__custom-size .p-button:hover+i{color:var(--primary-color)}.right .right-color .right-content[data-v-f588a05a] .right-content__custom-size .p-button:active+i{color:#5a23d7}.right .right-color .right-content[data-v-f588a05a] .right-content__custom-size i{font-weight:var(--fw-normal);font-size:20px;cursor:pointer}.right .right-color .right-content[data-v-f588a05a] .pac-choose-theme-color__content{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:8px}.right .right-color .right-content[data-v-f588a05a] .pac-choose-theme-color__content .p-popover__trigger{margin-right:16px}.right .right-color .right-content[data-v-f588a05a] .pac-choose-theme-color__content .p-popover__trigger .p-icon-plus{font-weight:var(--fw-medium)}.right .right-color .right-content .right-content__item[data-v-f588a05a]{cursor:pointer;margin-right:10px;width:40px;height:40px}.right .right-button[data-v-f588a05a]{padding-top:48px;display:flex;position:relative;z-index:1}.right .right-button.mobile[data-v-f588a05a]{flex-direction:column}.right .right-button.mobile .right-button__download[data-v-f588a05a]{flex:none;width:100%}.right .right-button.mobile .right-button__download[data-v-f588a05a]:first-child{margin-right:0;margin-bottom:12px}.right .right-button__download[data-v-f588a05a]{display:flex;justify-content:center;align-items:center;height:52px!important;border-radius:12px!important;font-size:var(--fs-base);font-weight:var(--fw-medium);flex:1;position:relative;padding:0 16px}.right .right-button__download img[data-v-f588a05a]{width:24px;margin-right:6px}.right .right-button__download i[data-v-f588a05a]{margin-right:6px;font-size:20px}.right .right-button__download[data-v-f588a05a]:first-child{margin-right:14px}@media screen and (max-width: 979px){.right .right-button__download[data-v-f588a05a]{font-size:14px!important}.right .right-button__download img[data-v-f588a05a]{width:16px}.right .right-button__download i[data-v-f588a05a]{font-size:18px}}.pac-mockup-tiny-tool[data-v-2de43a3f]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px}.pac-mockup-tiny-tool[data-v-2de43a3f]:hover{background-color:var(--primary-background-hover)}.pac-mockup-tiny-tool[data-v-2de43a3f]:active{background:var(--primary-background-active)}.pac-mockup-edit-color[data-v-2de43a3f]{background:var(--primary-background1);border-radius:12px;padding:6px 16px 16px;margin-bottom:8px}.pac-mockup-edit-color[data-v-2de43a3f]:hover{background:var(--primary-background-hover)}.pac-mockup-edit-color__title[data-v-2de43a3f]{font-size:var(--fs-sm);color:#7f7f7f;margin-bottom:8px}.pac-mockup-edit-color__content[data-v-2de43a3f]{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px 10px}.pac-mockup-edit-color__content__item[data-v-2de43a3f]{width:18px;height:18px;border-radius:50%;cursor:pointer;border:1px solid #d1d0d2;box-sizing:content-box}.pac-mockup-edit-color__content__item[data-v-2de43a3f]:hover{background:#f4f3f5}.pac-mockup-edit-color__content__item[data-v-2de43a3f]:active{background:#ededed}.pac-mockup-edit-color__content__custom[data-v-2de43a3f]{position:relative;width:20px;height:20px;border-radius:50%;cursor:pointer}.pac-mockup-edit-color__content__custom__border[data-v-2de43a3f]{width:100%;height:100%;background:conic-gradient(from 90deg at 50% 50%,#e02020,#fa6400 60.19006312deg,#f7b500,#6dd400 180.18498659deg,#0091ff 239.64069843deg,#6236ff 299.95207787deg,#b620e0 360deg);border-radius:50%}.pac-mockup-edit-color__content__custom__background[data-v-2de43a3f]{position:absolute;width:85%;height:85%;background:#fff;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.pac-mockup-edit-color__content__custom__preview[data-v-2de43a3f]{position:absolute;width:70%;height:70%;border-radius:50%;box-sizing:content-box;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%)}.pac-mockup-edit-color__content__custom__preview .p-icon-enlarge[data-v-2de43a3f]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;color:#191919}.pac-mockup-edit-color__content__custom__header[data-v-2de43a3f]{color:var(--one-level-text-color)}.pac-mockup-edit-color__content__custom__header__title[data-v-2de43a3f]{margin-bottom:12px}.pac-mockup-edit-color__content__custom__header__divider[data-v-2de43a3f]{width:100%;height:1px;background:#dcdcdc;margin:12px 0}.pac-mockup-edit-color__content__custom__header__recent[data-v-2de43a3f]{display:flex}.pac-mockup-edit-color__content__custom__header__recent .pac-mockup-edit-color__content__item[data-v-2de43a3f]{width:24px;height:24px;max-width:24px;max-height:24px;min-width:24px;min-height:24px;position:relative;box-sizing:border-box;border:none}.pac-mockup-edit-color__content__custom__header__recent .pac-mockup-edit-color__content__item.active .pac-mockup-edit-color__content__item__preview[data-v-2de43a3f]{width:70%;height:70%}.pac-mockup-edit-color__content__custom__header__recent .pac-mockup-edit-color__content__item.active .pac-mockup-edit-color__content__item__border[data-v-2de43a3f]{background-color:var(--primary-color)}.pac-mockup-edit-color__content__custom__header__recent .pac-mockup-edit-color__content__item__border[data-v-2de43a3f]{width:100%;height:100%;background:#d1d0d2;border-radius:50%}.pac-mockup-edit-color__content__custom__header__recent .pac-mockup-edit-color__content__item__background[data-v-2de43a3f]{position:absolute;width:85%;height:85%;background:#fff;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%}.pac-mockup-edit-color__content__custom__header__recent .pac-mockup-edit-color__content__item__preview[data-v-2de43a3f]{position:absolute;width:90%;height:90%;border-radius:50%;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%)}.pac-mockup-edit-color__content__custom__header__recent .pac-mockup-edit-color__content__item[data-v-2de43a3f]:not(:last-child){margin-right:7px}.PMTT-transparent[data-v-72783c8e]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:8px}.PMTT-transparent[data-v-72783c8e]:hover{background:var(--primary-background-hover)}.PMTT-transparent[data-v-72783c8e]:active{background:var(--primary-background-active)}.PMTT-transparent__button[data-v-72783c8e]{border:1px solid #d1d0d2;border-radius:50%;cursor:pointer;width:20px;height:20px;position:relative}.PMTT-transparent__button__member[data-v-72783c8e]{position:absolute;top:-40%;right:-40%;width:16px;height:16px;object-fit:cover}.PMTT-transparent__button__icon[data-v-72783c8e]{width:100%;height:100%;border-radius:50%;object-fit:cover}.PMTT-transparent--active .PMTT-transparent__button[data-v-72783c8e]{border:1.5px solid var(--primary-color)}.PMTT-transparent--active .PMTT-transparent__button .PMTT-transparent__button__icon[data-v-72783c8e]{-webkit-mask-image:radial-gradient(circle at center,black 0,black 60%,transparent 60%,transparent 90%,black 90%);mask-image:radial-gradient(circle at center,black 0,black 60%,transparent 60%,transparent 90%,black 90%)}.PMTT-tools[data-v-fe3cd06c]{position:absolute;bottom:24px;left:24px;z-index:4;display:flex;align-items:center;width:100%}.PMTT-tools.mobile[data-v-fe3cd06c]{width:100%;left:0;bottom:20px}.PMTT-tools.mobile .PMTT-tools--collapse[data-v-fe3cd06c]{margin-left:0;width:100%;background-color:transparent;box-shadow:none;align-items:flex-end}.PMTT-tools.mobile .PMTT-tools--collapse[data-v-fe3cd06c] .model-collapse{height:28px;padding:0 12px;width:210px}.PMTT-tools--collapse[data-v-fe3cd06c]{margin-left:10px;background-color:#fff;height:48px;border-radius:8px;padding:0 18px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;align-items:center}.PMTT-tools[data-v-fe3cd06c] .pac-toolbar .pac-toolbar__item.zoom{font-weight:var(--fw-bold)}.popup-container[data-v-a617ccad]{position:relative;width:100%;height:100%;pointer-events:none}.popup-wrapper[data-v-a617ccad]{pointer-events:all;position:absolute;z-index:12;min-width:187px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001f;overflow:hidden}.popup-wrapper .popup-menu .popup-menu-item[data-v-a617ccad]{padding:0 12px;font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal);-webkit-user-select:none;user-select:none;height:var(--62144d1a);width:100%;display:none;justify-content:start;align-items:center;cursor:pointer}.popup-wrapper .popup-menu .popup-menu-item.visible[data-v-a617ccad]{display:flex}.popup-wrapper .popup-menu .popup-menu-item i[data-v-a617ccad]{margin-right:8px;font-size:var(--fs-lg);font-weight:var(--fw-normal);line-height:var(--lh-normal)}.popup-wrapper .popup-menu .popup-menu-item .p-icon-name-edit[data-v-a617ccad]{font-size:var(--fs-base);margin-left:2px;margin-right:10px}.popup-wrapper .popup-menu .popup-menu-item[data-v-a617ccad]:hover{background:var(--primary-background-active)}.left[data-v-01e4c10e]{width:100%;border-radius:28px;position:sticky;left:0;top:50px;padding:10px;border:1.5px solid #191919;box-shadow:4px 4px 0 0 var(--one-level-text-color)}.left .left-loading[data-v-01e4c10e]{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.left .left-loading[data-v-01e4c10e] .pac-loading{width:40px;height:40px;border-width:3px}.left .left-canvas[data-v-01e4c10e]{background:#f7f7f7;border:1px solid rgba(0,0,0,.1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;border-radius:20px;box-sizing:content-box;overflow:hidden}.left .tip-icon-container[data-v-01e4c10e]{position:absolute;left:24px;top:24px;width:32px;height:32px;display:flex;align-items:center;overflow:hidden;z-index:4}.left .tip-icon-container.mobile[data-v-01e4c10e]{pointer-events:none}.left .tip-icon-container i[data-v-01e4c10e]{font-size:var(--fs-2xl)}.pac-mockup-tiny-tool[data-v-7b2bca39]{position:relative;height:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pac-mockup-tiny-tool-main[data-v-7b2bca39]{display:flex;justify-content:space-around;margin:0 auto;width:100%}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39]{display:flex;justify-content:center;align-items:flex-start;position:relative;flex:1;z-index:1}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left{padding-bottom:78.5%;background:#fff}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39]{min-height:800px}.pac-mockup-tiny-tool-main .tiny-tool-right .right-content__item__cover[data-v-7b2bca39]{width:120px;height:120px}@media screen and (min-width: 1920px){.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39]{width:506px;margin-left:50px}}@media screen and (min-width: 1680px) and (max-width: 1919px){.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39]{width:506px;margin-left:50px}}@media screen and (min-width: 1280px) and (max-width: 1679px){.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left{border-radius:24px}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left .left-canvas{border-radius:16px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39]{width:506px;margin-left:40px}}@media screen and (min-width: 1024px) and (max-width: 1279px){.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left{border-radius:20px}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left .left-canvas{border-radius:16px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39]{min-height:687px;width:384px;margin-left:33px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup,.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-color{margin-top:24px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup .right-content__item{width:90px;margin-right:12px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup .right-content__item.notAvailable{max-width:90px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup .right-content__item__cover{height:90px;width:90px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-button__download{height:48px!important;border-radius:8px!important}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-button__download button{border-radius:8px!important}}@media screen and (min-width: 980px) and (max-width: 1023px){.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left{border-radius:16px;border:1.5px solid #191919;box-shadow:2px 2px 0 0 var(--one-level-text-color)}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left .left-canvas{border-radius:10px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39]{min-height:687px;width:384px;margin-left:33px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup,.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-color{margin-top:24px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup .right-content__item{width:90px;margin-right:12px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup .right-content__item.notAvailable{max-width:90px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-mockup .right-content__item__cover{height:90px;width:90px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right .tiny-upload{border:1.5px solid #191919;box-shadow:2px 2px 0 0 var(--one-level-text-color);border-radius:16px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right .tiny-upload .tiny-upload-wrapper{border-radius:10px}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-button__download{height:48px!important;border-radius:8px!important}.pac-mockup-tiny-tool-main .tiny-tool-right[data-v-7b2bca39] .right-button__download button{border-radius:8px!important}}@media screen and (max-width: 979px){.pac-mockup-tiny-tool-main[data-v-7b2bca39]{height:auto;flex-direction:column}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left{border-radius:16px}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left .left-canvas{border-radius:10px}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39]{width:100%;margin-right:0;position:relative;top:0;padding-bottom:133.33%}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left{padding-bottom:133.33%;position:absolute;top:0;left:0;border:1.5px solid #191919;box-shadow:2px 2px 0 0 var(--one-level-text-color)}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .left-canvas{border-radius:16px}.pac-mockup-tiny-tool-main .tiny-tool-left[data-v-7b2bca39] .mockup-tools-toolbar{display:none}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right{min-height:unset;width:100%}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-color{order:0;margin-top:24px;display:flex;flex-direction:column;align-items:center}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-color .right-title{display:none}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-color .right-content{justify-content:center;align-items:center}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload{overflow:unset;flex:none;border-radius:16px;border:1.5px solid #191919;box-shadow:2px 2px 0 0 var(--one-level-text-color)}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .tiny-upload-wrapper{border-radius:10px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .upload-tools{display:flex}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .upload-upload{right:10px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .upload-delete,.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .upload-rotate{display:none}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .tiny-upload-wrapper .upload-btn .upload-text{font-size:14px;font-weight:500}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .tiny-upload-wrapper .upload-btn .upload-size,.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .tiny-upload-wrapper .upload-btn .upload-dec{font-size:12px;font-weight:400}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .tiny-upload-wrapper .upload-btn .upload-size{bottom:8px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .tiny-upload .tiny-upload-wrapper .upload-btn img{width:37px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-segment{display:flex;order:1}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-mockup{margin-top:30px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-mockup .right-content__item{width:80px;min-height:110px;margin-right:12px;height:unset}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-mockup .right-content__item.notAvailable{max-width:80px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-mockup .right-content__item .right-content__item__cover{width:80px;height:80px;min-height:80px;min-width:80px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-mockup .right-content__item .right-content__item__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;text-wrap:wrap;white-space:pre-wrap}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-colorPicker{display:inline-block}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-button{margin-top:24px;padding-top:0}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-button__download{height:40px!important;border-radius:8px!important}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-button__download button{border-radius:8px!important}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-button__download i{font-size:20px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-button__download__member{width:20px;height:20px}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .right-colorPicker{order:2}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .skeleton-box__mobile__color{order:1;display:inline-block}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .skeleton-box__upload{order:2}.pac-mockup-tiny-tool-main[data-v-7b2bca39] .tiny-tool-right .skeleton-box__pc__color{display:none}}.zsiq_custommain.siq_bR{z-index:9999!important}