.transparentColor[data-v-6679a439]{background-image:linear-gradient(45deg,white 25%,transparent 0px),linear-gradient(45deg,transparent 75%,white 0px),linear-gradient(45deg,white 25%,transparent 0px),linear-gradient(45deg,transparent 75%,white 0px);background-position:0 0,10px 10px,10px 10px,20px 20px;background-size:20px 20px;background-color:#dfdfdf}.color-wrapper[data-v-6679a439]{width:2.5rem;height:2.5rem;cursor:pointer;border-radius:9999px}.color-wrapper[data-v-6679a439]:hover{border-width:2px;--un-border-opacity:1;border-color:rgba(85,85,255,var(--un-border-opacity))}.color-popover-bg{background:conic-gradient(from 90deg at 50% 50%,#ff8181 3.4140172228217125deg,#ff7fb6 42.99223244190216deg,#ff88fd 63.216222524642944deg,#bc87ff 92.69869923591614deg,#85adff 112.10170269012451deg,#81e1ff 137.57676601409912deg,#76ffda 169.83923435211182deg,#79ff8b 206.80816411972046deg,#c4ff7a 242.26516485214233deg,#fff370 273.1132507324219deg,#ffbb6f 301.9291877746582deg,#ff7676 326.54263973236084deg,#ff6b6b 353.6840629577637deg)}.el-image__error,.el-image__inner,.el-image__placeholder,.el-image__wrapper{width:100%;height:100%}.el-image{position:relative;display:inline-block;overflow:hidden}.el-image__inner{vertical-align:top;opacity:1}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{position:absolute;top:0;left:0}.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{display:flex;justify-content:center;align-items:center;font-size:14px;background:var(--el-fill-color-light);color:var(--el-text-color-placeholder);vertical-align:middle}.el-image__preview{cursor:pointer}.el-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0}.el-image-viewer__btn{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__btn .el-icon{font-size:inherit;cursor:pointer}.el-image-viewer__close{top:40px;right:40px;width:40px;height:40px;font-size:40px}.el-image-viewer__canvas{position:static;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.el-image-viewer__actions{left:50%;bottom:30px;transform:translate(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px}.el-image-viewer__actions__inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;color:#fff;display:flex;align-items:center;justify-content:space-around}.el-image-viewer__prev{top:50%;transform:translateY(-50%);left:40px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__next{top:50%;transform:translateY(-50%);right:40px;text-indent:2px;width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__close{width:44px;height:44px;font-size:24px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff}.el-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:#000}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in var(--el-transition-duration);animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out var(--el-transition-duration);animation:viewer-fade-out var(--el-transition-duration)}@-webkit-keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes viewer-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{transform:translateZ(0);opacity:1}to{transform:translate3d(0,-20px,0);opacity:0}}.list-gradient-bg[data-v-317af564]{background:linear-gradient(0deg,rgba(255,255,255,.8),rgba(255,255,255,.8)),linear-gradient(131.63deg,#545bf6 20.59%,#5ea9f9 91.67%)}.list-item[data-v-317af564]{flex-shrink:0;cursor:pointer;overflow:hidden;border-radius:1.25rem}.list-overflow[data-v-317af564]::-webkit-scrollbar{height:4px}.list-overflow[data-v-317af564]::-webkit-scrollbar-track{background-color:transparent;border-radius:10px}.list-overflow[data-v-317af564]::-webkit-scrollbar-thumb{background-color:rgba(85,85,255,.3);border-radius:5px}.list-overflow[data-v-317af564]::-webkit-scrollbar-thumb:hover{background-color:#555fff}.icon-box[data-v-317af564]{background:linear-gradient(270deg,#f5f6fa,rgba(245,246,250,0))}.icon-box-left[data-v-317af564]{background:linear-gradient(90deg,#f5f6fa,rgba(245,246,250,0))}.icon-arrow[data-v-317af564]{filter:drop-shadow(0px 10px 10px rgba(36,36,67,.3));backdrop-filter:blur(2px)}.icon-arrow[data-v-317af564]:hover{filter:none}.icon-arrow[data-v-9c75ff61]{filter:drop-shadow(0px 10px 10px rgba(36,36,67,.3));backdrop-filter:blur(2px)}.icon-arrow[data-v-9c75ff61]:hover{filter:none}.item-slide[data-v-9c75ff61]:hover{background:linear-gradient(0deg,rgba(85,85,255,.1),rgba(85,85,255,.1)),rgba(255,255,255,.6)}.preview-container{background:rgba(241,241,255,.6)}.preview-content{border-radius:32px}@media screen and (max-width: 768px){.preview-container{min-height:calc(100vh - 45px);max-height:100%;backdrop-filter:none;background:none;-webkit-backdrop-filter:none}.preview-content{backdrop-filter:none;-webkit-backdrop-filter:none}}.cutout-slider .el-slider__button{border:2px solid #55f;width:14px;height:14px}.cutout-slider .el-slider__bar{background-color:#55f;height:4px}.cutout-slider .el-slider__runway{height:4px}.rectangle{animation:swing 3s infinite alternate;transform-origin:bottom center}@keyframes swing{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}#top-banner+.cutout-work-preview{margin-top:0}.cutout-image-container{background:#e7e7e7;background-image:linear-gradient(45deg,#ffffff 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ffffff 0),linear-gradient(45deg,#ffffff 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ffffff 0);background-position:0 0,15px 15px,15px 15px,30px 30px;background-size:30px 30px}@media (min-width: 1024px){.outside-cutout>div,.outside-cutout>div>:first-child{width:100%;height:100%}}@media (min-width: 1921px){.image-box-fit{max-height:38vw!important}}