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