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)}}.MuiDialog-paper{border-radius:15px!important}.waviy,.waviy span{position:relative}.waviy span{animation:flip 1s infinite;animation-delay:calc(.1s*var(--i));display:inline-block;font-size:12px;text-transform:uppercase}@keyframes flip{0%,80%{transform:rotateY(1turn)}}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){-webkit-animation:marching-ants 1s;animation:marching-ants 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;background-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444)),-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,#444));background-image:linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(90deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0),linear-gradient(180deg,#fff 50%,#444 0);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;color:#fff}@-webkit-keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.ReactCrop__crop-selection:focus{border-color:#00f;border-style:solid;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid #ffffffb3;content:"";display:block;height:10px;outline:1px solid #0000;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:#00f}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media (pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}#snapshots{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:1450px}#snapshots .snapList{box-shadow:0 8px 16px #0003;margin:10px;padding:10px;position:relative;width:250px}#snapshots .snapList.ticked:after{background:url(/static/media/icon_complete-tick.8943c0abcee74a848699.svg) no-repeat 0 0;background-size:contain;content:"";height:60px;position:absolute;right:0;top:0;width:60px}#snapshots .snapList img{height:auto;max-width:100%;min-height:150px}#snapshots .snapList button{font-size:.875rem;margin-top:5px;padding:6px 10px}.video-container{align-items:center;aspect-ratio:4/3;background-color:#fff;border-radius:12px;box-shadow:0 8px 16px #0003;height:auto;justify-content:center;margin:20px auto;max-width:640px;overflow:hidden;padding:20px;position:relative;width:100%}.ipvContainer{align-items:stretch;box-sizing:border-box;display:flex;min-height:100vh;width:100%}.ipvLeft{flex:0 0 55%;max-width:55%}.ipvLeft,.ipvRight{box-sizing:border-box;padding:20px}.ipvRight{flex:0 0 45%;max-width:45%}.ipvLeft{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.ipvLeft .video-container{max-width:640px;width:100%}.ipvRight{overflow-y:auto}.ipvRight ol{padding-left:20px}.ipvRight li{font-size:1.1rem;line-height:1.5;margin-bottom:10px}@media (max-width:900px){.ipvContainer{flex-direction:column}.ipvLeft,.ipvRight{max-width:100%}.ipvLeft{border-bottom:1px solid #e0e0e0;border-right:none}}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.pan-guide-wrap{background-color:#fff;border:1px solid #000;margin:10px auto;max-width:880px;padding:0;position:relative;width:100%}.pan-guide-wrap .info{background-color:#005574;color:#fff;font-size:1.5rem;font-weight:700;margin:0;padding:10px;text-align:center}.pan-guide-wrap .txt-brown{color:brown;font-size:1.25rem;font-weight:700;margin:0 0 20px;padding:0}.pan-guide-wrap .txt-red{color:red}.pan-guide-wrap img{height:auto;max-width:100%}.pan-guide-wrap>.d-flex{display:flex;flex-direction:row;justify-content:space-between;width:100%}.pan-guide-wrap>.d-flex>.col{cursor:pointer;display:block;max-width:100%;padding:20px;text-align:center;width:50%}.pan-guide-wrap>.d-flex>.col:nth-child(2){background-color:#f0f0f0}.pan-guide-wrap .pan-guide-animation{margin:0 auto;max-width:360px;padding:0;position:relative;width:100%;z-index:20}.pan-guide-animation>.input-wrap{margin-top:20px}.pan-guide-animation>.txt-note{font-size:1rem;font-weight:400;margin:20px auto 0;padding:0;text-align:left}.pan-guide-animation>.pan-1,.pan-guide-animation>.pan-2{position:relative}.pan-guide-animation>.pan-1 img,.pan-guide-animation>.pan-2 img{height:215px;max-width:100%;width:360px}.pan-guide-wrap>.d-flex>.col:hover .pan-guide-animation>.pan-1>.hover-box-1,.pan-guide-wrap>.d-flex>.col:hover .pan-guide-animation>.pan-1>.hover-box-2,.pan-guide-wrap>.d-flex>.col:hover .pan-guide-animation>.pan-1>.hover-box-3,.pan-guide-wrap>.d-flex>.col:hover .pan-guide-animation>.pan-2>.hover-box-1{display:block}.pan-guide-animation>.pan-1>.hover-box-1,.pan-guide-animation>.pan-1>.hover-box-2,.pan-guide-animation>.pan-1>.hover-box-3,.pan-guide-animation>.pan-2>.hover-box-1{background:#0000;display:none;position:absolute;z-index:10}.pan-guide-animation>.pan-1>.hover-box-1>span,.pan-guide-animation>.pan-1>.hover-box-2>span,.pan-guide-animation>.pan-1>.hover-box-3>span,.pan-guide-animation>.pan-2>.hover-box-1>span{position:absolute}.pan-guide-animation>.pan-1>.hover-box-1{bottom:-45px;height:202px;left:-7px;width:15px}.pan-guide-animation>.pan-1>.hover-box-2{bottom:-100px;height:272px;left:-15px;width:125px}.pan-guide-animation>.pan-1>.hover-box-3{bottom:-155px;height:346px;left:-22px;width:190px}.pan-guide-animation>.pan-2>.hover-box-1{bottom:-45px;height:130px;left:-7px;width:15px}.pan-guide-animation>.pan-1>.hover-box-2>.right{animation:animateRight2 1.5s ease-in-out forwards;border:2px dashed green;opacity:0;position:absolute;right:0;top:0}.pan-guide-animation>.pan-1>.hover-box-2>.right:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid green;content:"";display:block;height:0;position:absolute;right:-10px;top:2px;transform:rotate(0deg);width:0}.pan-guide-animation>.pan-1>.hover-box-3>.right{animation:animateRight3 1.5s ease-in-out forwards;border:2px dashed blue;opacity:0;position:absolute;right:0;top:0}.pan-guide-animation>.pan-1>.hover-box-3>.right:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid blue;content:"";display:block;height:0;position:absolute;right:-10px;top:15px;transform:rotate(0deg);width:0}.pan-guide-animation>.pan-1>.hover-box-1>.top,.pan-guide-animation>.pan-1>.hover-box-2>.top,.pan-guide-animation>.pan-1>.hover-box-3>.top,.pan-guide-animation>.pan-2>.hover-box-1>.top{animation:animateTop 3s ease-in-out forwards;border:2px dashed red;opacity:0;position:absolute;right:0;top:0}.pan-guide-animation>.pan-1>.hover-box-1>.top:after,.pan-guide-animation>.pan-2>.hover-box-1>.top:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid red;content:"";display:block;height:0;position:absolute;right:-14px;top:-5px;transform:rotate(-90deg);width:0}.pan-guide-animation>.pan-1>.hover-box-2>.top{border-color:green}.pan-guide-animation>.pan-1>.hover-box-3>.top{border-color:blue}.pan-guide-animation>.pan-1>.hover-box-1>.left,.pan-guide-animation>.pan-1>.hover-box-2>.left,.pan-guide-animation>.pan-1>.hover-box-3>.left,.pan-guide-animation>.pan-2>.hover-box-1>.left{animation:animateLeft 3s ease-in-out forwards;border:2px dashed red;left:0;opacity:0;top:0}.pan-guide-animation>.pan-1>.hover-box-2>.left{border-color:green}.pan-guide-animation>.pan-1>.hover-box-3>.left{border-color:blue}.pan-guide-animation>.pan-1>.hover-box-1>.bottom,.pan-guide-animation>.pan-2>.hover-box-1>.bottom{animation:animateBottom 3s ease-in-out forwards;border:2px dashed red;bottom:0;left:0;opacity:0}.pan-guide-animation>.pan-1>.hover-box-2>.bottom{animation:animateBottom2 3s ease-in-out forwards;border:2px dashed green;bottom:0;left:0;opacity:0}.pan-guide-animation>.pan-1>.hover-box-3>.bottom{animation:animateBottom3 3s ease-in-out forwards;border:2px dashed blue;bottom:0;left:0;opacity:0}.pan-guide-animation>.pan-1>.hover-box-1>.txt-box,.pan-guide-animation>.pan-1>.hover-box-2>.txt-box,.pan-guide-animation>.pan-1>.hover-box-3>.txt-box,.pan-guide-animation>.pan-2>.hover-box-1>.txt-box{animation:txtBox 3s ease-in-out forwards;bottom:-10px;color:#333;font-size:1rem;font-weight:700;left:27px;opacity:0;padding:3px 5px;width:-webkit-max-content;width:max-content}.pan-guide-animation>.pan-1>.hover-box-2>.txt-box{left:34px}.pan-guide-animation>.pan-1>.hover-box-3>.txt-box{left:41px}.pan-guide-animation>.pan-2>.hover-box-1>.icon-incorrect{animation:inCorrectIcon 3s ease-in-out forwards;background:url(/static/media/icon-incorrect.eecdac1e2da39669bd3f.svg) no-repeat 0 50%;background-size:18px 18px;bottom:-65px;color:red;display:block;font-size:1rem;font-weight:700;left:27px;opacity:0;padding:3px 5px 3px 24px;width:-webkit-max-content;width:max-content}.pan-guide-animation>.pan-2>.hover-box-1>.icon-incorrect.icon-2{bottom:-122px}.pan-guide-animation>.pan-1>.hover-box-1>.hold-animation,.pan-guide-animation>.pan-1>.hover-box-2>.hold-animation,.pan-guide-animation>.pan-1>.hover-box-3>.hold-animation{animation:holdAnimation 10s linear forwards;bottom:-10px;display:block;font-size:0;height:1px;left:27px;opacity:0;width:1px}@keyframes animateRight2{0%,10%{height:0;opacity:0}20%,to{height:10px;opacity:1}}@keyframes animateRight3{0%,10%{height:0;opacity:0}20%,to{height:15px;opacity:1}}@keyframes animateTop{0%,20%{opacity:0;width:0}30%,to{opacity:1;width:100%}}@keyframes animateLeft{0%,40%{height:0;opacity:0}50%,to{height:100%;opacity:1}}@keyframes animateBottom{0%,50%{opacity:0;width:0}70%,to{opacity:1;width:25px}}@keyframes animateBottom2{0%,50%{opacity:0;width:0}70%,to{opacity:1;width:30px}}@keyframes animateBottom3{0%,50%{opacity:0;width:0}70%,to{opacity:1;width:35px}}@keyframes txtBox{0%,50%{opacity:0}80%,to{opacity:1}}@keyframes inCorrectIcon{0%,70%{opacity:0}90%,to{opacity:1}}@keyframes holdAnimation{0%{opacity:0}to{opacity:1}}@media screen and (max-width:991px) and (orientation:portrait){.pan-guide-wrap{margin:0}.pan-guide-wrap>.d-flex{flex-direction:column;justify-content:flex-start}.pan-guide-wrap>.d-flex>.col{padding:10px;width:100%}.pan-guide-wrap>.d-flex>.col:nth-child(2){margin-top:10px}.pan-guide-animation>.pan-1>.hover-box-1,.pan-guide-animation>.pan-1>.hover-box-2,.pan-guide-animation>.pan-1>.hover-box-3,.pan-guide-animation>.pan-2>.hover-box-1{display:block}}@media screen and (max-width:530px) and (orientation:portrait){.pan-guide-wrap .info{font-size:1.35rem}.pan-guide-wrap .txt-brown{font-size:1.15rem;margin-bottom:10px}.pan-guide-animation>.txt-note{font-size:.875rem}.pan-guide-wrap .pan-guide-animation{max-width:302px}.pan-guide-animation>.input-wrap{width:300px}.pan-guide-animation>.pan-1 img,.pan-guide-animation>.pan-2 img{height:180px;width:300px}.pan-guide-animation>.pan-1>.hover-box-1>span,.pan-guide-animation>.pan-1>.hover-box-2>span,.pan-guide-animation>.pan-1>.hover-box-3>span,.pan-guide-animation>.pan-2>.hover-box-1>span{border-width:1px!important}.pan-guide-animation>.pan-1>.hover-box-1{bottom:-40px;height:170px}.pan-guide-animation>.pan-1>.hover-box-2{bottom:-88px;height:232px;width:115px}.pan-guide-animation>.pan-1>.hover-box-3{bottom:-135px;height:295px;width:165px}.pan-guide-animation>.pan-2>.hover-box-1{bottom:-40px;height:110px}.pan-guide-animation>.pan-1>.hover-box-1>.top:after,.pan-guide-animation>.pan-2>.hover-box-1>.top:after{border-width:7px;right:-8px;top:-3px}.pan-guide-animation>.pan-1>.hover-box-2>.right:after,.pan-guide-animation>.pan-1>.hover-box-3>.right:after{border-width:7px;right:-7px}.pan-guide-animation>.pan-1>.hover-box-1>.txt-box,.pan-guide-animation>.pan-1>.hover-box-2>.txt-box,.pan-guide-animation>.pan-1>.hover-box-3>.txt-box,.pan-guide-animation>.pan-2>.hover-box-1>.txt-box{font-size:.875rem}.pan-guide-animation>.pan-2>.hover-box-1>.icon-incorrect{bottom:-58px;font-size:.875rem}.pan-guide-animation>.pan-2>.hover-box-1>.icon-incorrect.icon-2{bottom:-105px}}@media screen and (max-width:400px) and (orientation:portrait){.pan-guide-wrap .info{font-size:1.25rem;padding:7px}.pan-guide-wrap .txt-brown{font-size:1rem}.pan-guide-wrap .pan-guide-animation{max-width:242px}.pan-guide-animation>.input-wrap{width:240px}.pan-guide-animation>.pan-1 img,.pan-guide-animation>.pan-2 img{height:143px;width:240px}.pan-guide-animation>.pan-1>.hover-box-1{bottom:-35px;height:140px;left:-3px;width:10px}.pan-guide-animation>.pan-1>.hover-box-2{bottom:-75px;height:190px;left:-7px;width:85px}.pan-guide-animation>.pan-1>.hover-box-3{bottom:-112px;height:240px;left:-12px;width:130px}.pan-guide-animation>.pan-2>.hover-box-1{bottom:-35px;height:92px;left:-3px;width:10px}.pan-guide-animation>.pan-1>.hover-box-1>.top:after,.pan-guide-animation>.pan-2>.hover-box-1>.top:after{border-width:5px;right:-6px;top:-3px}.pan-guide-animation>.pan-1>.hover-box-2>.right:after,.pan-guide-animation>.pan-1>.hover-box-3>.right:after{border-width:5px;right:-5px}.pan-guide-animation>.pan-1>.hover-box-1>.txt-box,.pan-guide-animation>.pan-2>.hover-box-1>.txt-box{left:24px}.pan-guide-animation>.pan-1>.hover-box-2>.txt-box{left:28px}.pan-guide-animation>.pan-1>.hover-box-3>.txt-box{left:33px}.pan-guide-animation>.pan-2>.hover-box-1>.icon-incorrect{bottom:-47px;font-size:.66rem;left:24px}.pan-guide-animation>.pan-2>.hover-box-1>.icon-incorrect.icon-2{bottom:-85px}}
/*# sourceMappingURL=main.70a963f1.css.map*/