@font-face{font-family:Gotham;src:url(/fonts/SVN-Gotham\ Bold.otf)}*{padding:0;margin:0;box-sizing:border-box;font-family:Gotham,sans-serif}a{outline:none;text-decoration:none}a img{outline:none}.d-flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-10{grid-gap:10px}.gap-16{grid-gap:16px}.gap-20{grid-gap:20px}.gap-30{grid-gap:30px}body{width:100vw;height:100%;min-height:100vh;background-size:cover;background:url(/images/ngang.jpg) right no-repeat;overflow-x:hidden}.logo{display:none;margin-top:15px}.logo img{max-height:80px;max-width:60%;margin:auto}.all-swapper{position:relative;width:100%;height:100%}.left-form{width:930px;display:flex;flex-direction:column;align-items:center;position:relative}.text-gradient{max-width:75%;margin-top:20px;margin-bottom:20px}.text-gradient img{max-width:100%}.forms{position:relative;width:575px;max-width:calc(100% - 60px);align-items:center}.forms-in{position:relative;width:100%;padding:17px;background:linear-gradient(#fff 0%,#eaf4ff 10.88%,#b6d8ff 29.28%,#61acff 41.41%,#0079ff 66.03%,#8779ff 100%);display:flex;flex-direction:column;border-radius:16px;align-items:center}.forms:before{content:"";display:block;width:2px;height:300px;background:url(/images/line-doc.png);position:absolute;top:calc(50% - 150px);left:-1px;box-shadow:0 3px 5px #0ffc;z-index:10}.forms:after{content:"";display:block;width:300px;height:2px;background:url(/images/line-ngang.png);position:absolute;bottom:0;left:calc(50% - 150px);box-shadow:0 3px 5px #0ffc;z-index:10}.forms-in:after{content:"";display:block;width:2px;height:300px;background:url(/images/line-doc.png);position:absolute;top:calc(50% - 150px);right:0;box-shadow:0 3px 5px #0ffc;z-index:10000}.images-box-border{padding:8px;border:1px dashed rgba(255,255,255,.5)}.images-box{position:relative;width:500px;height:500px;overflow:hidden;padding-bottom:100%;-webkit-user-select:none;user-select:none}.img-uploaded{position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.7);top:0;left:0;overflow:hidden}.img-uploaded img{width:100%;height:100%;position:relative}.img-frame{position:absolute;width:100%;height:100%;border:1px solid rgba(255,255,255,.7);top:0;left:0;max-width:100%;max-height:100%}.img-frame img{position:relative;max-width:100%;max-height:100%}.tools-box{position:relative;margin-top:5px;margin-bottom:5px;width:calc(100% - 50px);display:flex;justify-content:center;flex-direction:column;grid-gap:16px;height:80px}.room-tools,.rotate-tools{display:flex;grid-gap:16px;width:100%;justify-content:center;align-items:center}.btn-room-in,.btn-room-out,.btn-rotate-ccw,.btn-rotate-cw{width:32px;height:32px;border:none;background:none}.edit-range-tool{flex-grow:1}input[type=range]{height:10px;-webkit-appearance:none;background:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;cursor:pointer;animate:.2s;background:rgba(255,255,255,.2);border-radius:10px}input[type=range]::-webkit-slider-thumb{box-shadow:0 1px 4px #0000001a;height:20px;width:20px;border-radius:20px;background:#FFFFFF;cursor:pointer;-webkit-appearance:none;margin-top:-5px}input[type=range]:focus::-webkit-slider-runnable-track{background:rgba(255,255,255,.5)}input[type=range]::-moz-range-track{height:10px;cursor:pointer;animate:.2s;background:rgba(255,255,255,.2)}input[type=range]::-moz-range-thumb{box-shadow:0 1px 4px #0000001a;height:20px;width:20px;border-radius:20px;background:#FFFFFF;cursor:pointer;-webkit-appearance:none;margin-top:-5px}input[type=range]::-ms-track{width:100%;height:10px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#74A9D8;border:0px solid #010101;border-radius:2px;box-shadow:1px 1px 1px #000}input[type=range]::-ms-fill-upper{background:#74A9D8;border:0px solid #010101;border-radius:2px;box-shadow:1px 1px 1px #000}input[type=range]::-ms-thumb{margin-top:1px;box-shadow:1px 1px 1px #000031;border:1px solid #00001E;height:20px;width:20px;border-radius:20px;background:#FFFFFF;cursor:pointer}.action-groups{display:flex;justify-content:center}.btn-upload-file{display:flex;height:42px;cursor:pointer;border-radius:40px 0 0 40px;background:#008AD4;border:none;align-items:center;padding-left:16px;padding-right:8px;color:#fff;font-weight:700;font-size:18px}.btn-action{display:flex;height:42px;cursor:pointer;border-radius:0 40px 40px 0;background:#fff;border:none;align-items:center;width:250px;font-weight:700;color:#008ad4;font-size:18px;justify-content:center;max-width:80%}.btn-upload-file img{min-width:32px;height:32px}.clear-both{clear:both;margin-bottom:50px}@media screen and (orientation: landscape){body{background:url(/images/ngang.jpg) right no-repeat;width:100vw;background-size:cover;overflow-x:hidden;height:100%;min-height:100vh;background-attachment:fixed}.left-form{width:960px;display:flex;flex-direction:column;align-items:center;max-height:90vh}}@media screen and (orientation: portrait){body{background:url(/images/doc.jpg) center no-repeat;width:100vw;height:100%;min-height:100vh;background-size:cover;overflow-x:hidden}.logo{display:flex;justify-content:center}.left-form{width:100%}}@media only screen and (max-width: 640px){.btn-action{width:175px}.images-box{position:relative;width:420px;height:420px}}@media only screen and (max-width: 520px){.btn-action{width:175px}.images-box{position:relative;width:370px;height:370px}.forms{max-width:calc(100% - 70px)}}@media only screen and (max-width: 466px){.images-box{position:relative;width:355px;height:355px}.forms{max-width:calc(100% - 50px)}}@media only screen and (max-width: 430px){.images-box{position:relative;width:345px;height:345px}.forms{max-width:calc(100% - 40px)}}@media only screen and (max-width: 400px){.btn-action{width:175px;font-size:14px}.btn-upload-file{font-size:14px}.forms{max-width:calc(100% - 20px)}.images-box{position:relative;width:340px;height:340px}}@media only screen and (max-width: 375px){.forms{max-width:calc(100% - 20px)}.images-box{position:relative;width:300px;height:300px}}.text-header{position:relative;display:inline-block}.text-header span{font-size:46px;font-weight:700;background:linear-gradient(to right,#ff69b4,#00b7eb);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;letter-spacing:1px}@media screen and (min-width: 768px) and (max-width: 925px){.text-header span{font-size:36px}}@media screen and (min-width: 525px) and (max-width: 768px){.text-header span{font-size:25px}}@media screen and (max-width: 525px){.text-header span{font-size:17px}}.btn-upload[data-v-31932494]{margin-bottom:45px;margin-top:80px}.edit-image[data-v-31932494]{margin-top:45px}@media only screen and (max-width: 520px){.btn-upload[data-v-31932494]{margin-bottom:20px;margin-top:40px}.edit-image[data-v-31932494]{margin-top:10px}}@media only screen and (max-height: 940px){.btn-upload[data-v-31932494]{//margin-bottom: 90px;margin-top:63px}}