body,html{overflow-y:auto!important}.container{flex-direction:column;max-width:1024px;width:100%;margin:auto;padding:0}.avatar-address,.container{display:flex;align-items:center}.avatar-address{justify-content:center}.avatar{width:48px;height:48px;border-radius:50%;font-size:25px;color:#000;text-align:center;background:#d9d9d9}.avatar,.user-address{font-family:roboto,arial}.user-address{font-size:14px;color:#878787;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-left:10px;max-width:200px}.button{padding:14px;cursor:pointer;margin-top:0;margin-right:20px;margin-left:20px;width:200px;background-color:#d9d9d9;border-radius:20px;border:0;font-weight:600;color:#000}.divHeight{height:300px}.margin-top{margin-top:45px}.button:hover{background-color:#424242;color:#fff}.video{height:80vh;width:100vw;text-align:center;display:flex;justify-content:center;align-items:center}.hatch-logo{margin:0}.hatch-logo img{width:180px}.app-content{height:112vh;width:100vw;background-color:#000}.white{color:#fff}.app-content-one{padding:10rem 8rem 8rem;display:flex;justify-content:space-between;align-items:center;height:12vh}.visionos-logo img{width:250px;align-items:center}.app-content-one .title{font-size:30px;width:30vw;text-align:center}.app-content-one .title .subtitle{font-size:22px;margin-top:40px;color:#d9d9d9;text-align:left}.app-content-divider{width:10vw}.app-content-two{padding:10rem 8rem 8rem;display:flex;justify-content:space-between;align-items:center;height:12vh}.app-content-two .title{font-size:30px;width:30vw;text-align:center}.app-content-two .title .subtitle{font-size:22px;margin-top:40px;color:#d9d9d9;text-align:left}.app-content-three{padding:10rem 8rem 13rem;display:flex;justify-content:space-between;align-items:center;height:12vh}.app-content-three .title{font-size:30px;width:30vw;text-align:center}.app-content-three .title .subtitle{font-size:22px;margin-top:40px;color:#d9d9d9;text-align:left}.social-connect{width:auto;height:180px}.row{display:flex}.column{flex:50% 1}.connected-devices{width:100vw;height:auto;display:flex;padding:1rem 0;justify-content:space-evenly;background-color:#000}.connected-devices .devices,.left-panel .devices{font-size:20px;display:flex;text-align:center;align-items:center}.left-panel .devices{width:100%;margin-top:22px;flex-direction:row;justify-content:center;font-size:16px;color:#878787}.left-panel .devices img{width:40px;height:40px}.connected-devices .title{font-size:20px;text-align:center}.connected-devices .subtitle{font-size:14px;color:#d9d9d9;text-align:center}.submit-app-id{margin:15px;color:"#fff";display:flex;text-align:center;align-items:center}.connected-devices img{width:40px;height:40px}.wallet-content{height:auto;width:100vw;display:flex;background-color:#000}.wallet-content .right-panel{width:100vw;height:auto;padding:0}.wallet-content .left-panel{width:30vw;height:auto;border-right-width:1px;border-right-color:#fff;padding:10px;justify-content:center;justify-items:center}.vertical-divider{border-left:1px solid #fff;height:auto;margin-left:10px}.horizontal-divider{border-bottom:1px solid #7a7a7a;width:auto}hr{border:none;height:1px;color:var(--color-text-secondary)}input[type=text]{border:1px solid #fff;color:#fff;padding:14px;cursor:pointer;margin-top:0;margin-right:20px;margin-left:20px;width:250px;height:44px;border-radius:20px;font-weight:600;font-size:18px}input[type=text]:focus{outline:none;border:1px solid #a2c4ff;color:#fff}.titleWallet{font-size:20px;width:100%;text-align:center;color:#fff;text-transform:uppercase}.watchTutorialLink{color:#7a00ff;font-size:16px;cursor:pointer}.loader-container{margin-top:60px;margin-bottom:60px}.two-column-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;text-align:center;align-items:center}.three-column-list{gap:20px;list-style:none;column-count:3}.three-column-list li{margin:20px}li{float:left;margin:5x}.text-vertical-align{width:100%;height:30vh;display:flex;flex-direction:row;align-items:center;vertical-align:middle}.card{border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;width:200px;height:300px}.card img{width:100%;height:100%;max-height:200px;display:block;margin-top:20px;border-top-left-radius:8px;border-top-right-radius:8px}.card .cardtitle{margin-top:1px;padding:10px;width:100%;height:60px;background-color:#202020;color:#fff;font-size:18px;font-weight:500;border-bottom-left-radius:8px;border-bottom-right-radius:8px;display:flex;text-align:center;align-items:center}.card .cardtitle .title{width:180px;text-align:center;font-size:12px}.card .cardsubtitle{margin-top:0;padding:10px;background-color:#ffe70d;color:#a30dff;text-align:center;font-size:1.4em;font-weight:600;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.noItems{color:#5c5c5c;font-weight:400;margin-top:80px;width:100%;text-align:center}.fileUploader0{margin-left:2px;margin-right:2px;text-align:"center";cursor:"pointer"}.image.over{content:url(/_next/static/media/new_item_selected.c2234085.png);cursor:"pointer"}.fileUploader1,.fileUploader2,.fileUploader3,.fileUploader4,.fileUploader5,.fileUploader6,.fileUploader7{margin-left:2px;margin-right:2px;text-align:"center";cursor:"pointer"}.fileUploader .subtitle,.fileUploader .supportedFiles{color:#5c5c5c;font-size:14px;margin-top:10px}.qrContainer{width:100%;height:auto;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center}.qrFrame{width:250px;height:250px;background-color:#fff;padding:5px;border-radius:8px}.qrFrame img{width:100%;height:100%}.qrContainer .subtitle{color:#5c5c5c;font-size:16px;margin-top:22px}.loader{border-radius:50%;border:5px solid #f3f3f3;border-top-color:#7a00ff;width:40px;height:40px}.img-loader,.loader{animation:spin 2s linear infinite}.img-loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid var(--color-green);width:30px;height:30px}.img-loader-container{padding:20px}.loader-line{width:200px;height:3px;position:relative;overflow:hidden;background-color:#ddd;margin-top:100px;margin-bottom:30px;border-radius:20px}.loader-line:before{content:"";position:absolute;left:-50%;height:3px;width:40%;background-color:coral;animation:lineAnim 1s linear infinite;border-radius:20px}@keyframes lineAnim{0%{left:-40%}50%{left:20%;width:80%}to{left:100%;width:100%}}.snackbar{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:15px;border-radius:5px;opacity:0;transition:opacity .3s ease-in-out}.snackbar.show{display:block;opacity:1}.unitySpace{margin-top:20px;padding-top:20px;width:100%;height:550px}.modal__bg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(28,28,28,.19);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:1;animation-timing-function:ease-out;animation-duration:.3s;animation-name:modal-video;transition:opacity .3s ease-out;z-index:100}.modal__align{display:flex;justify-content:center;align-items:center;height:100vh}.modal__content{width:800px;height:500px;box-shadow:0 100px 80px hsla(0,0%,72%,.07),0 25.8162px 19px 4px hsla(0,0%,70%,.046),0 7.779px 7.30492px rgba(0,0,0,.035),0 1.48838px 2.0843px rgba(0,0,0,.024);border-radius:20px;background:transparent;color:#000;margin:0 4rem}.modal__close{background-color:#34c759;border-radius:50%;cursor:pointer;position:relative;bottom:60px;left:96%;width:32px;height:32px;padding:0}.modal__video-align{display:flex;position:relative;bottom:37px}.modal__video-style{border-radius:20px;z-index:100}.modal__spinner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin 2s linear infinite;font-size:40px;color:#1b6aae}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (max-width:800px){.modal__content{margin:0 1rem;width:100%}.modal__video-style{width:100%}}@media screen and (max-width:499px){.modal__content{background:transparent;height:auto}.modal__video-align{bottom:0}.modal__video-style{height:auto}}.drag-items-howto{display:flex;text-align:center;align-items:center;width:auto;padding:32px 16px 16px;justify-content:center;width:100%;margin:auto}.drag-items-howto>img{width:80px;height:auto;margin:8px 100px}.drag-items-container{width:100%;justify-content:center}.drag-photos-title{display:flex;justify-content:center;align-items:center;gap:16px}.drag-photos-title>span{justify-content:center;text-align:center;font-size:16px;color:var(--color-text-secondary)}.drag-photos-title>.h4t-drag-photos-icon{width:42px;height:42px;background-image:url(/images/h4tch-video-icon.png);background-position:50%;background-repeat:no-repeat;background-size:contain;transition:all .4s ease;cursor:pointer}.drag-photos-title>.h4t-drag-photos-icon:hover{background-image:url(/images/h4tch-video-icon-hover.png)}.h4t-right-arrow-icon{width:34px;height:34px;background-image:url(/images/h4tch-right-arrow-icon.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.h4t-albums{width:100%;max-width:1024px;border-top:1px solid var(--color-text-tertiaty);border-bottom:1px solid var(--color-text-tertiaty);margin:32px auto;padding:32px 0}.h4t-albums-content{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1024px;margin:auto;list-style:none}.h4t-albums-content>span{color:var(--color-text-secondary);font-size:20px;text-transform:uppercase;font-weight:700}.h4t-albums-content>li{width:50px;height:36px;background-position:50%;background-repeat:no-repeat;background-size:contain;margin:0;transition:all .4s ease;cursor:pointer}.h4t-albums-content>li.h4t-back-to-app{width:auto!important}.h4t-albums-content .h4t-album-h{background-image:url(/images/h4t-album-h.png)}.h4t-albums-content .h4t-album-h:hover{background-image:url(/images/h4t-album-h-hover.png)}.h4t-albums-content .h4t-album-h.active{background-image:url(/images/h4t-album-h-active.png)!important;cursor:default}.h4t-albums-content .h4t-album-2{background-image:url(/images/h4t-album-2.png)}.h4t-albums-content .h4t-album-2:hover{background-image:url(/images/h4t-album-2-hover.png)}.h4t-albums-content .h4t-album-2.active{background-image:url(/images/h4t-album-2-active.png)!important;cursor:default}.h4t-albums-content .h4t-album-3{background-image:url(/images/h4t-album-3.png)}.h4t-albums-content .h4t-album-3:hover{background-image:url(/images/h4t-album-3-hover.png)}.h4t-albums-content .h4t-album-3.active{background-image:url(/images/h4t-album-3-active.png)!important;cursor:default}.h4t-albums-content .h4t-album-4{background-image:url(/images/h4t-album-4.png)}.h4t-albums-content .h4t-album-4:hover{background-image:url(/images/h4t-album-4-hover.png)}.h4t-albums-content .h4t-album-4.active{background-image:url(/images/h4t-album-4-active.png)!important;cursor:default}.h4t-grid-container{padding:0 16px 70px}.wallet-grid-container{padding:0 3px 70px}.upload-items{list-style-type:none;max-width:1024px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,230px));grid-template-rows:repeat(auto-fill,minmax(200px,230px));grid-gap:32px;justify-content:center;margin:auto}.h4tchImagesTitle{margin-top:-10px}.h4tchImagesTitle,.h4tchImagesTitleMargin{color:var(--color-text-secondary);font-size:20px;font-weight:400;text-align:center}.h4tchImagesTitleMargin{margin-top:8px}.upload-items>div{border:6px dashed var(--color-text-secondary);border-radius:20px;position:relative;max-height:250px;max-width:250px}.upload-items>div.over,.upload-items>div:hover{border:6px dashed var(--color-green);transition:all .4s ease}.upload-items>div.hasImage,.upload-items>div.isUploading{border:0}.upload-items .item,.upload-items img{width:100%;height:100%;margin:0}.upload-items img{object-fit:contain}.upload-items>div:after{content:"\002B";pointer-events:none;width:100%;height:calc(100% - 30px);color:var(--color-green);font-size:170px;line-height:170px;font-weight:lighter;vertical-align:middle;padding:0;margin:0;position:absolute;z-index:0;display:flex;align-items:center;justify-content:center}.upload-items>div.hasImage:after,.upload-items>div.isUploading:after{content:""}.goback-button{font-size:18px;padding:14px 20px;cursor:pointer;text-align:center;margin:-5px auto 0;width:auto;background-color:var(--color-purple);border-radius:40px;border:0;color:var(--color-text-primary);display:block;transition:all .4s ease}.goback-button:after{content:"Back to App"}.goback-button:hover{background-color:var(--color-purple-hover);color:var(--color-text-primary)}.goback-button-line{font-size:1px;color:#fff;background-color:#fff;margin-top:20px}.searchwallet-button{font-size:18px;padding:14px 20px;cursor:pointer;text-align:center;margin-left:20px;width:250px;background-color:var(--color-purple);border-radius:40px;border:0;color:var(--color-text-primary);display:block;transition:all .4s ease;height:52px}.searchwallet-button:after{content:"Watch Wallet"}.searchwallet-button:hover{background-color:var(--color-purple-hover);color:var(--color-text-primary)}.searchwallet-buttonn-line{font-size:1px;color:#fff;background-color:#fff;margin-top:20px}.searcnexthwallet-button{font-size:18px;padding:14px 20px;cursor:pointer;text-align:center;width:250px;background-color:var(--color-purple);border-radius:40px;border:0;color:var(--color-text-primary);display:block;transition:all .4s ease;height:52px;margin:-5px auto 20px}.searcnexthwallet-button:after{content:"Load More"}.searcnexthwallet-button:hover{background-color:var(--color-purple-hover);color:var(--color-text-primary)}.searcnexthwallet-buttonn-line{font-size:1px;color:#fff;background-color:#fff;margin-top:20px}@media (max-width:1199px){.h4t-right-arrow-icon{width:34px;height:34px}.drag-items-howto>img{width:70px;margin:32px auto}.drag-photos-title{padding:0 16px;gap:16px}.drag-photos-title>span{font-size:16px;text-align:left}.drag-photos-title>.h4t-drag-photos-icon,.h4t-right-arrow-icon{width:56px;height:56px}.h4t-albums{padding:32px 16px}.h4t-albums-content{gap:8px;justify-content:space-between;align-items:center;max-width:1024px;margin:auto;list-style:none}.h4t-albums-content>span{font-size:20px;font-weight:500}.upload-items,.upload-wallet-items{list-style-type:none;max-width:1024px;display:grid;grid-template-columns:repeat(4,minmax(170px,170px));grid-template-rows:repeat(2,minmax(170px,170px));grid-gap:20px}}@media (max-width:768px){.upload-items{grid-template-columns:repeat(auto-fill,minmax(200px,250px));grid-template-rows:repeat(auto-fill,minmax(200px,250px))}.goback-button:after{content:"App"}}@media (max-width:480px){.upload-items{flex:1 0 100%}.h4t-grid-container{padding:60px 16px}.upload-items{list-style-type:none;max-width:1024px;display:grid;grid-template-columns:repeat(2,minmax(170px,170px));grid-template-rows:repeat(4,minmax(170px,170px));grid-gap:20px}.h4tchImagesTitle,.h4tchImagesTitleMargin{color:var(--color-text-secondary);font-size:16px;font-weight:400;text-align:center;margin:-16px 0 0}.upload-items>div{border:6px dashed var(--color-text-secondary);border-radius:20px;position:relative;max-height:250px;max-width:250px}.upload-items>div.over,.upload-items>div:hover{border:6px dashed var(--color-green);transition:all .4s ease}.upload-items>div.hasImage,.upload-items>div.isUploading{border:0}.upload-items .item,.upload-items img{width:100%;height:100%;margin:0}.upload-items img{object-fit:contain}.upload-items>div:after{content:"\002B";pointer-events:none;width:100%;height:calc(100% - 30px);color:var(--color-green);font-size:170px;line-height:170px;font-weight:lighter;vertical-align:middle;padding:0;margin:0;position:absolute;z-index:0;display:flex;align-items:center;justify-content:center}.upload-items>div.hasImage:after,.upload-items>div.isUploading:after{content:""}}