.tryon-dialog .el-dialog__body{margin-top:-30px;padding:0}[data-v-b6e01128] .colors.card{grid-template-columns:repeat(6,calc(16.6667% - 6.66667px))!important}[data-v-b6e01128] .colors.card .color-container>div img{height:48px!important;width:48px!important}.dialog-content[data-v-b6e01128]{display:flex}.dialog-content .left[data-v-b6e01128]{background:#242424;padding:30px 36px}.dialog-content .right[data-v-b6e01128]{padding:64px 40px}.dialog-content .right .title[data-v-b6e01128]{font-size:20px;font-weight:700}.dialog-content .right .tips[data-v-b6e01128]{margin:40px 0}.dialog-content .right .tips p[data-v-b6e01128]:first-child{font-size:20px}.dialog-content .right .tips p[data-v-b6e01128]{line-height:1.75}.dialog-content .right .tryon-upload[data-v-b6e01128] .el-upload{width:100%}.dialog-content .right .upload-button[data-v-b6e01128]{color:#fff;font-size:20px;height:60px;width:100%}.swiper-container[data-v-b6e01128]{align-items:center;display:flex;gap:20px;justify-content:center;margin:32px 0 0;position:relative;width:435px}.swiper-container[data-v-b6e01128] .swiper{overflow-x:hidden}.arrow-icon[data-v-b6e01128]{--el-carousel-arrow-size:32px;color:#fff;flex-shrink:0;font-size:22px;height:100%;position:static;transform:none}.arrow-icon[data-v-b6e01128],.arrow-icon[data-v-b6e01128]:hover{background:none}[data-v-b6e01128] .swiper-slide{border:1px solid transparent;box-sizing:content-box;width:64px}[data-v-b6e01128] .swiper-slide img{cursor:pointer;display:block}[data-v-b6e01128] .swiper-slide.active .try-on-preview-image{border:1px solid var(--c_highlight)}.try-on-close[data-v-b6e01128]{background-color:#fff;border-radius:50%;color:#999;font-size:20px;position:absolute;right:0;top:0;transform:translate(50%)}.try-on-preview-image[data-v-b6e01128]{cursor:pointer;height:64px;margin-top:10px;-o-object-fit:contain;object-fit:contain;width:64px}.background-blur{height:100%;position:absolute;width:100%}.background-blur .blur-container{height:100%;position:relative;width:100%}.background-blur .blur{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%;position:absolute;top:0;width:100%}.background-blur img{height:100%;width:100%}.try-container,.try-content{font-size:0;height:100%;overflow-y:auto;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:5}.try-container .try-content{align-items:center;background-size:cover;display:flex}.try-container .try-content .out{position:relative}.try-container .loading-slot{background:#000;transform:rotateY(0)}.try-content::-webkit-scrollbar{display:none}.draw{height:100%;width:100%}.draw,.glasses-container{left:0;position:absolute;top:0}.glasses-container{cursor:move;height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:0}.pointer{cursor:pointer}.glasses{transform-origin:center top;-webkit-user-drag:none}.loading-slot{height:100%;position:absolute;top:0;width:100%;z-index:3}.try-container .control{bottom:10px;display:flex;height:70px;justify-content:space-between;position:absolute;width:100%;z-index:20}.try-container .control .rotate-button{align-items:flex-end;display:flex;gap:8px;margin-bottom:8px;margin-left:11px}.try-container .control .rotate-button div{cursor:pointer;display:flex;width:23px}.try-container .control .rotate-button div img{height:23px;pointer-events:none;width:100%}.try-container .control .pan-button{height:100%;margin-right:10px;position:relative;width:70px}.try-container .control .pan-button div{cursor:pointer;height:23px;position:absolute;width:23px}.try-container .control .pan-button div img{height:inherit;pointer-events:none;position:absolute;width:inherit}.try-container .control .pan-button .left{left:0;top:50%;transform:translateY(-50%)}.try-container .control .pan-button .right{right:0;top:50%;transform:translateY(-50%) rotate(180deg)}.try-container .control .pan-button .top{left:50%;top:0;transform:translate(-50%) rotate(90deg)}.try-container .control .pan-button .bottom{bottom:0;left:50%;transform:translate(-50%) rotate(-90deg)}