.components-options-select[data-v-e47b4a50]{position:relative;width:100%;border:1px solid #d1d0d2;color:#191919;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.components-options-select[data-v-e47b4a50]:before{content:"";width:100%;height:calc(100% + 2px);position:absolute;border-radius:8px;background:var(--primary-background-light);z-index:-1}.components-options-select--active[data-v-e47b4a50]{cursor:default}.components-options-select--active[data-v-e47b4a50],.components-options-select[data-v-e47b4a50]:hover{border-color:transparent}.components-options-select--active[data-v-e47b4a50]:before,.components-options-select[data-v-e47b4a50]:hover:before{border:2px solid var(--primary-color);background:var(--secondary-background)}.pac-export-mockup__right__content .main-mockup__VS[data-v-e47b4a50]{color:var(--one-level-text-color)}.pac-export-mockup__right__content .main-mockup__des[data-v-e47b4a50]{color:var(--two-level-text-color)}.pac-export-mockup__right__content .main-mockup__des a[data-v-e47b4a50]{color:var(--primary-color-active);display:inline-block}.pac-export-mockup__right__content .main-mockup__des a i[data-v-e47b4a50]{vertical-align:sub}.pac-export-mockup__right__content .main-mockup__des a[data-v-e47b4a50]:hover{text-decoration:underline;color:var(--primary-color-hover)}.pac-export-mockup__right__content .main-mockup__des a[data-v-e47b4a50]:active{text-decoration:none}.pac-export-mockup__right__content .main-mockup__des a[data-v-e47b4a50]:active{color:var(--text-icon-color)}.pac-export-mockup__right__content .main-mockup__format[data-v-e47b4a50]{color:var(--one-level-text-color)}.pac-export-mockup__right__content .main-mockup__resolutionDes[data-v-e47b4a50]{color:var(--three-level-text-color)}.pac-export-mockup__right__content .main-mockup__shadow__text[data-v-e47b4a50]{color:var(--one-level-text-color)}.pac-export-mockup__right__content .title[data-v-e47b4a50]{color:#313438}.pac-export-mockup__right__content .tip[data-v-e47b4a50]{background:#f3f2f5;box-shadow:0 4px 8px #00000014}.pac-export-mockup__right__content .tip .p-icon-icon-warning[data-v-e47b4a50]{color:#b2b2b2}.pac-export-mockup__right__format[data-v-e47b4a50] .components-options-select,.pac-export-mockup__right__resolution[data-v-e47b4a50] .components-options-select{color:var(--one-level-text-color);border:1px solid var(--disabled-text-color)}.pac-export-mockup[data-v-e47b4a50]{width:100%;display:flex;height:100%;min-height:600px}.pac-export-mockup__left[data-v-e47b4a50]{width:calc(100% - 400px);position:relative;height:100%}.pac-export-mockup__left__content[data-v-e47b4a50]{position:absolute;width:100%;height:100%}.pac-export-mockup__right[data-v-e47b4a50]{width:400px;position:relative;height:100%}.pac-export-mockup__right__content[data-v-e47b4a50]{display:flex;flex-direction:column;width:100%;height:100%;padding:20px 30px}.pac-export-mockup__right__content .main-mockup[data-v-e47b4a50]{height:100%}.pac-export-mockup__right__content .main-mockup[data-v-e47b4a50] .__view{height:100%;overflow:visible}.pac-export-mockup__right__content .main-mockup[data-v-e47b4a50] .__view .pac-scrollBar__container{height:100%;display:flex;flex-direction:column}.pac-export-mockup__right__content .main-mockup__VS[data-v-e47b4a50]{font-size:var(--dialog-tab-title-fs);font-weight:var(--fw-medium)}.pac-export-mockup__right__content .main-mockup__des[data-v-e47b4a50]{font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-bottom:12px}.pac-export-mockup__right__content .main-mockup__shadow[data-v-e47b4a50]{display:flex;align-items:center;margin-bottom:18px}.pac-export-mockup__right__content .main-mockup__shadow__text[data-v-e47b4a50]{font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin-left:8px}.pac-export-mockup__right__content .main-mockup__format[data-v-e47b4a50]{font-size:var(--dialog-tab-title-fs);font-weight:var(--fw-medium);margin-bottom:12px}.pac-export-mockup__right__content .main-mockup__resolutionDes[data-v-e47b4a50]{font-size:14px;margin-top:12px}.pac-export-mockup__right__content .title[data-v-e47b4a50]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);margin:var(--dialog-tab-title-margin)}.pac-export-mockup__right__content .tip[data-v-e47b4a50]{font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--lh-normal);border-radius:8px;padding:0 12px;display:flex;align-items:center;margin-bottom:8px}.pac-export-mockup__right__content .tip .p-icon-icon-warning[data-v-e47b4a50]{font-size:20px;margin-right:5px}.pac-export-mockup__right__content .example[data-v-e47b4a50]{height:0;padding-bottom:40%;width:100%;margin-top:12px;margin-bottom:6px;position:relative;overflow:hidden;height:207px}.pac-export-mockup__right__content .example img[data-v-e47b4a50]{position:absolute;width:100%;height:100%}.pac-export-mockup__right__resolution[data-v-e47b4a50]{display:flex}.pac-export-mockup__right__resolution[data-v-e47b4a50] .components-options-select:not(:last-child){margin-right:10px}.pac-export-mockup__right__resolution__item[data-v-e47b4a50]{padding:8px 12px;font-size:14px;font-weight:var(--fw-normal)}.pac-export-mockup__right__resolution__item--active[data-v-e47b4a50]{border:1px solid transparent}.pac-export-mockup__right__format[data-v-e47b4a50]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pac-export-mockup__right__format[data-v-e47b4a50] .components-options-select{margin-bottom:10px}.pac-export-mockup__right__format[data-v-e47b4a50] .components-options-select:first-child{margin-right:10px}.pac-export-mockup__right__format__item[data-v-e47b4a50]{font-size:14px;height:40px;line-height:40px;font-weight:var(--fw-normal);align-items:center}.pac-export-mockup__right__render[data-v-e47b4a50]{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--lh-normal);width:100%;margin-top:auto;display:flex;align-items:center;justify-content:center}