body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div .MainDressViewer{display:block;height:100%;margin:auto;overflow:hidden;width:100%}.MainDressViewer .canvas{background:#fff;display:block;height:100%;margin:auto;position:static!important;z-index:1}.MainDressViewer .buttonTop{top:25%}.MainDressViewer .buttonBottom{bottom:25%}.MainDressViewer .btnprev{left:5%}.MainDressViewer .btnnext{right:5%}.MainDressViewer .button-html{width:100%}.MainDressViewer .button-exit{background:none;border:none;display:block;margin:auto;z-index:12}.MainDressViewer .dress-container-button{background-color:#fff;border:1px solid grey;height:14em;padding:0;width:auto}.MainDressViewer .button{background:none;border:0;cursor:pointer;height:3em;position:absolute;-webkit-user-select:none;user-select:none}.MainDressViewer .buttonImage{height:100%}.MainDressViewer .buttonPressed{height:2.7em}.MainDressViewer .initial-loading-gif{height:100%;left:0;margin:auto;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;z-index:3}.MainDressViewer .helper-toggle{cursor:pointer;left:6%;position:absolute;top:5.5%;-webkit-user-select:none;user-select:none;z-index:2}.MainDressViewer .avatar-toggle-reset-controls{align-items:flex-end;background:none;border:none;display:flex;flex-direction:column;height:95px;justify-content:space-between;position:absolute;right:6%;top:2%;-webkit-user-select:none;user-select:none;width:90px;z-index:2}.MainDressViewer .avatar-toggle-image{left:0;margin:auto;position:absolute;right:0;-webkit-user-select:none;user-select:none}.MainDressViewer .avatar-toggle{height:34px;width:60px}.MainDressViewer .avatar-toggle,.MainDressViewer .reset-button{background:none;border:none;cursor:pointer;display:inline-block;-webkit-user-select:none;user-select:none;z-index:2}.MainDressViewer .brandTag{bottom:5%;color:#fff;font-size:.4em;left:18%;letter-spacing:1px;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.MainDressViewer .brandTag p{margin:initial}.MainDressViewer .helper-component{display:block;height:100%;left:0;margin:auto;position:absolute;right:0;width:100%;z-index:3}.MainDressViewer .overlay{background-color:#000;height:100%;opacity:.4;position:absolute;width:100%}@media screen and (min-width:451px){.MainDressViewer{height:500px!important;width:500px!important}}@media screen and (max-width:450px){.MainDressViewer{height:500px!important}.MainDressViewer .buttonImage{height:70%}.MainDressViewer .buttonPressed{height:2.3em}.helper-component .helper-nav-button{bottom:27%;right:14%}.helper-component .helper-zoom{bottom:45%;left:9%}.helper-component .helper-rotate{right:9%;top:22%}.helper-component .helper-reset{right:18%;top:15%}.helper-component .helper-toggle-avatar{right:30%;top:6%}.helper-component .helper-close{bottom:3%}}.feedbackScreen{background:#eaeaea;border-radius:10px;color:#313131;font-family:Futura,sans-serif;left:0;margin:auto;padding:5px;position:absolute;right:0;top:35%;width:50%;z-index:100}.feedbackScreen .crossSvg{cursor:pointer;display:block;margin-left:auto}.feedbackScreen .title{font-size:17px;font-weight:500;letter-spacing:0;line-height:17px;margin-bottom:10px;text-align:center}.feedbackScreen .smileCont{align-items:flex-start;display:flex;justify-content:center;margin-bottom:5px}.feedbackScreen .feedbackTxt{align-items:center;display:flex;justify-content:space-between;margin:auto auto 10px;width:215px}.feedbackScreen .feedbackTxt h5{font-size:16px;font-weight:500;margin:initial}.feedbackScreen .smileCont .smileSvg{cursor:pointer;margin-right:13px;width:30px}.feedbackScreen .submitBtn{background-color:#313131;border:none;border-radius:18px;color:#fff;font-family:Futura,sans-serif;font-size:20px;font-weight:500;padding:6px 0;width:34%}@media screen and (max-width:500px){.feedbackScreen{width:66%}.feedbackScreen .feedbackTxt{margin-bottom:4px}.feedbackScreen .title{font-size:15px;font-weight:500;letter-spacing:0;line-height:16px;margin-bottom:10px;text-align:center}.feedbackScreen .feedbackTxt h5{font-size:14px;font-weight:500;margin:initial}.feedbackScreen .smileCont .smileSvg{cursor:pointer;margin-right:13px;width:26px}.feedbackScreen .submitBtn{background-color:#313131;border:none;border-radius:18px;color:#fff;font-family:Futura,sans-serif;font-size:15px;font-weight:500;padding:6px 0;width:34%}}div .MDV{overflow:hidden;width:100%}.MDV .canvas,div .MDV{display:block;height:100%;margin:auto}.MDV .canvas{background:#fff;position:static!important}.DressNav .dress-container,.DressNav .img{height:100%;width:auto}.DressNav .img{margin:0}.MDV .buttonTop{top:23%}.MDV .buttonBottom{bottom:44%;scale:1.1}.MDV .btnprev{left:5%}.MDV .btnnext{right:5%}.MDV .button-html{width:100%}.MDV .button-exit{background:none;border:none;display:block;margin:auto;z-index:12}.MDV .dress-container-button{background-color:#fff;border:1px solid grey;height:14em;padding:0;width:auto}.MDV .button{background-color:#fff;border:0;border-radius:5px;cursor:pointer;height:75px;padding:3px;position:absolute;transition:transform .3s ease;-webkit-user-select:none;user-select:none;width:75px}.MDV .button.blinking{animation:swing 3s ease infinite}@keyframes swing{0%,30%,to{transform:scale(1)}10%{transform:scale(.9)}}@keyframes blinkAnimation{0%,50%,to{opacity:1;transform:scale(1)}25%,75%{opacity:0;transform:scale(.9)}}.MDV .buttonImage{max-height:100%;max-width:100%;object-fit:cover}.MDV .buttonPressed{scale:.9}.MDV .init-load-div{background-color:#fff;display:block;width:100%;z-index:3}.MDV .init-load-div,.MDV .initial-loading-gif{height:100%;left:0;margin:auto;position:absolute;right:0;top:0}.MDV .initial-loading-gif{-webkit-user-select:none;user-select:none}.MDV .helper-toggle{top:5.5%}.MDV .download-canvas,.MDV .helper-toggle{cursor:pointer;left:6%;position:absolute;-webkit-user-select:none;user-select:none;z-index:2}.MDV .download-canvas{top:12.5%}.MDV .avatar-toggle-reset-controls{align-items:flex-end;background:none;border:none;display:flex;flex-direction:column;height:95px;justify-content:space-between;position:absolute;right:6%;top:2%;-webkit-user-select:none;user-select:none;width:90px;z-index:2}.MDV .avatar-toggle-image{left:0;margin:auto;position:absolute;right:0;-webkit-user-select:none;user-select:none}.MDV .avatar-toggle{height:34px;width:60px}.MDV .avatar-toggle,.MDV .reset-button{background:none;border:none;cursor:pointer;display:inline-block;-webkit-user-select:none;user-select:none;z-index:2}.MDV .circularScroll{left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:240px}.MDV .circularScroll .customizeBtns{position:relative;top:-61px}.MDV .circularScroll .customizeBtns .changeBtn{cursor:pointer;height:auto;width:120px}.MDV .brandTag{bottom:5%;color:#fff;font-size:.4em;left:18%;letter-spacing:1px;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.MDV .brandTag p{margin:initial}.MDV .helper-component{display:block;height:100%;left:0;margin:auto;position:absolute;right:0;width:100%;z-index:3}.MDV .overlay,.overlay2{background-color:#000;height:100%;opacity:.4;position:absolute;width:100%}.overlay2{z-index:99}.helper-component img{opacity:1;position:absolute;-webkit-user-select:none;user-select:none}.helper-component .helper-nav-button{bottom:27%;right:10%}.helper-component .helper-zoom{bottom:45%;left:25%}.helper-component .helper-rotate{right:24%;top:25%}.helper-component .helper-reset{right:12%;top:15%}.helper-component .helper-toggle-avatar{right:17%;top:6.5%}.helper-component .helper-close{bottom:5%;left:0;margin:auto;right:0}@media screen and (min-width:451px) and (max-width:820px){.helper-component .helper-nav-button{bottom:27%;right:10%}.helper-component .helper-zoom{bottom:45%;left:25%}.helper-component .helper-rotate{right:24%;top:25%}.helper-component .helper-reset{right:13%;top:15%}.helper-component .helper-toggle-avatar{right:20%;top:6.5%}}@media screen and (min-width:451px){.MDV{height:500px!important;width:500px!important}}@media screen and (max-width:450px){.MDV{height:500px!important}.MDV .buttonPressed{scale:.9}.helper-component .helper-nav-button{bottom:27%;right:14%}.helper-component .helper-zoom{bottom:45%;left:9%}.helper-component .helper-rotate{right:9%;top:22%}.helper-component .helper-reset{right:18%;top:15%}.helper-component .helper-toggle-avatar{right:30%;top:6%}.helper-component .helper-close{bottom:3%}}.container{display:flex;flex-wrap:wrap;justify-content:space-between}.section1{flex:60% 1;position:relative}.section2{flex:30% 1;padding:10px}.checkout{text-align:left!important;text-align:initial!important}.checkout .productTitle{color:#000;font-family:Futura,sans-serif!important;font-size:17px!important;letter-spacing:.1em;line-height:18px;margin-bottom:0}.checkout .colorDivL,.checkout .colorDivU{cursor:pointer;display:inline-block!important;height:20px;margin-right:5px;width:20px}.checkout .sizeDivL,.checkout .sizeDivU{border:1px solid #ccc;color:#000;cursor:pointer;display:inline-block!important;font-size:10px!important;letter-spacing:2px;line-height:1;margin-right:5px;padding:8px;text-transform:uppercase}.checkout .optTitle{color:#7f7f7f;font-family:Futura,sans-serif;font-size:13px;letter-spacing:.5px;line-height:1;margin-bottom:5px;max-width:80px;padding:0;text-transform:uppercase}.checkout .varDivs{margin-bottom:5px}.checkout .priceDiv{color:#000;display:block!important;font-family:Futura,sans-serif;font-size:14px!important;letter-spacing:.1em;line-height:18px;margin-top:0;padding:8px 0 16px}.checkout .highlight{border:1px solid #000}.checkout .btn{background-color:#5c5c5c;border:1px solid #5c5c5c;border-radius:0;color:#fff;cursor:pointer;font-family:Futura,sans-serif;letter-spacing:.2em;line-height:normal;padding:14px 28px;text-align:center;text-transform:uppercase;width:100%}.checkout .btn:hover{background-color:#000;border:1px solid #fff}.checkout .btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.checkout .msgDiv{border-radius:5px;display:none;margin:3px;padding:2px;text-align:center}@media screen and (max-width:450px){.checkout .productTitle{font-size:15px!important}}