:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{background:var(--el-popup-modal-bg-color);height:100%;left:0;opacity:var(--el-popup-modal-opacity);position:fixed;top:0;width:100%}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:20px;--el-dialog-border-radius:var(--el-border-radius-small);background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;margin:var(--el-dialog-margin-top,15vh) auto 50px;position:relative;width:var(--el-dialog-width,50%)}.el-dialog:focus{outline:0!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{bottom:0;left:0;margin:0;overflow:auto;position:fixed;right:0;top:0}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;user-select:none}.el-dialog__header{margin-right:16px;padding:var(--el-dialog-padding-primary);padding-bottom:10px}.el-dialog__headerbtn{background:0 0;border:none;cursor:pointer;font-size:var(--el-message-close-size,16px);height:54px;outline:0;padding:0;position:absolute;right:0;top:6px;width:54px}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{color:var(--el-text-color-primary);font-size:var(--el-dialog-title-font-size);line-height:var(--el-dialog-font-line-height)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size);padding:calc(var(--el-dialog-padding-primary) + 10px) var(--el-dialog-padding-primary)}.el-dialog__footer{box-sizing:border-box;padding:var(--el-dialog-padding-primary);padding-top:10px;text-align:right}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{padding:25px calc(var(--el-dialog-padding-primary) + 5px) 30px;text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-overlay-dialog{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20px,0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-overlay{background-color:var(--el-overlay-color-lighter);bottom:0;height:100%;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2000}.el-overlay .el-overlay-root{height:0}.el-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.my-preview-product{--dialog-height:41.25072vw;--dialog-body-padding:2.29489vw;--artist-name-margin:8px;--product-name-margin:2.29489vw;--attrs-scroll-margin:1.72117vw;--qrcode-widht:72px;--qrcode-height:72px;--attrs-max-height:calc(var(--dialog-height) - var(--dialog-body-padding)*2 - var(--artist-name-margin) - var(--product-name-margin)*2 - var(--attrs-scroll-margin)*2 - var(--font-dialog-preview-title-sub)*1.5 - var(--font-dialog-preview-title)*1.5 - var(--qrcode-height) - 28px);border-radius:15px;height:var(--dialog-height);transform:translate(-6px);width:86.63224vw}.my-preview-product .el-dialog__header{padding:0}.my-preview-product .el-dialog__body{height:100%;padding:var(--dialog-body-padding)}.my-preview-product .el-dialog__body .pc{display:flex;height:100%}.my-preview-product__content{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:4.01606vw;padding-right:40px;width:37.29203vw}.my-preview-product__content .artist-name{font-size:var(--font-dialog-preview-title-sub);margin-bottom:var(--artist-name-margin)}.my-preview-product__content .name{font-size:var(--font-dialog-preview-title);margin-bottom:var(--product-name-margin)}.my-preview-product__content .qrcode{display:flex;flex-direction:column;margin-top:var(--product-name-margin)}.my-preview-product__content .qrcode__img{height:var(--qrcode-height);width:var(--qrcode-widht)}.my-preview-product__content .qrcode__text{font-size:var(--font-mini);padding-top:10px}.my-preview-product__content .attrs{overflow:hidden}.my-preview-product__content .attrs .attrs__scroll{margin:var(--attrs-scroll-margin) 0;margin-right:-15px;max-height:var(--attrs-max-height);overflow-x:hidden;overflow-y:auto}.my-preview-product__content .attrs .attrs__scroll.mini{max-height:calc(var(--attrs-max-height) - var(--font-dialog-preview-title)*1.5)}.my-preview-product__content .attr{display:flex;line-height:2;width:28.68617vw}.my-preview-product__content .attr__key{width:100px}.my-preview-product__content .attr__value{text-align:justify;width:calc(100% - 100px)}.my-preview-product__swiper{height:100%;width:44.75043vw}.my-preview-product__swiper .p-img{height:100%;width:100%}.my-preview-product__swiper .swiper-big{height:100%}.my-preview-product__swiper .swiper-big:hover .swiper-button-next,.my-preview-product__swiper .swiper-big:hover .swiper-button-prev{opacity:1}.my-preview-product__swiper .swiper-small{display:none;height:5.73723vw;margin-top:18px}.my-preview-product__swiper .swiper-small .p-img{cursor:pointer}.my-preview-product__swiper .swiper-button-next,.my-preview-product__swiper .swiper-button-prev{background-color:#cccccc80;border-radius:50%;color:#000;height:40px;opacity:0;transition:all .3s linear;width:40px}.my-preview-product__swiper .swiper-button-next:after,.my-preview-product__swiper .swiper-button-prev:after{font-size:16px}.my-preview-product__swiper .swiper-pagination{display:none}