@font-face{font-family:Radio Grotesk;src:url(./subset-RadioGrotesk-Bold-be4829ad.woff2) format("woff2"),url(./subset-RadioGrotesk-Bold-cfd3b8f8.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Radio Grotesk;src:url(./subset-RadioGrotesk-Regular-3fcdc9d3.woff2) format("woff2"),url(./subset-RadioGrotesk-Regular-b5872456.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}body{margin:0;font-family:Radio Grotesk;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;height:100vh;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{position:relative;height:100vh;width:100vw}.rootContainer{display:grid;height:100vh;grid-template-rows:0px 72.673vh 1fr}.sections{display:flex;display:grid;grid-template-columns:43.75vw 56.25vw;grid-template-columns:30vw 70vw;height:100%}@media screen and (max-width: 1200px){.sections{display:flex;display:grid;grid-template-columns:100vw;grid-template-rows:calc(100vh - 150px) 150px;height:100%;grid-auto-flow:dense}.sections .leftContainer{grid-row:2/3}.sections .previewSectionContainer{grid-row:1/2}.rootContainer{display:grid;height:100vh;grid-template-rows:0px 100vh}}.sectionsPrev{display:flex;display:grid;width:100vw;height:100vh;top:70px}.fullscreen{position:absolute;width:50px;height:50px;right:50px;top:70px;z-index:7;background:url(../assets/fullscreen.svg);background-size:contain;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;cursor:pointer}.infoSection{position:absolute;z-index:9;background:#fff;padding:30px 20px 0 30px;margin:20px 0 0 20px}@media screen and (max-width: 1200px){.infoSection{padding:30px 20px 30px 30px}}.headerContainer{position:relative;top:0;left:0;height:0px;width:100vw;background:#000}.footerContainer{position:relative;left:0;height:100%;width:100vw;background:#EEEEEE;z-index:8}.footerContainer{display:flex}.sign{width:7.083vw;height:calc(100% - 6.5vh);margin:3.25vh 0;background:#fff;left:1.771vw;position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;z-index:9}.arrow{width:30px;height:36px;background:url(../assets/arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center;margin:auto}@media screen and (max-width: 1200px){.sign{position:absolute;height:20vh;top:45%;transform:translateY(-50%);cursor:pointer}.sign .words{margin-top:40px;transform:rotate(90deg);width:100px}.sign .arrow{width:20px;height:26px;margin-top:30px}.sign .arrow.open{transform:rotate(180deg)}.footerContainer{position:absolute;top:70px;height:calc(100% - 70px);transition:all .3s ease-out}.footerContainer.close{transform:translate(-100%)}.footerContainer .cardsContainer{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);grid-auto-flow:row;grid-auto-flow:unset;left:50%;transform:translate(-45%);max-width:601px;right:auto}}.cardName{padding:0 10%;width:-webkit-fill-available;height:100%;display:flex;justify-content:space-between;align-items:center;text-align:center;border-top:1px solid rgba(0,0,0,.0823529412)}.cardName div{font-size:18px;text-align:center;width:100%}.cardLogo{padding:0 10%;width:-webkit-fill-available;height:100%;display:flex;justify-content:space-between;align-items:center;text-align:center;border-bottom:1px solid rgba(0,0,0,.0823529412)}.digital{background:url(assets/display.svg);background-size:contain;background-repeat:no-repeat;background-position:right center;width:60%;max-width:90px;margin:0 auto;height:100%}.transit{background:url(assets/transit.svg);background-size:contain;background-repeat:no-repeat;background-position:right center;width:60%;max-width:90px;margin:0 auto;height:100%}@media screen and (max-width: 1900px){.cardName div{font-size:15px}.digital{background:url(assets/display.svg);background-size:contain;background-repeat:no-repeat;background-position:right center;width:60%;max-width:90px;margin:0 auto;height:100%}.transit{background:url(assets/transit.svg);background-size:contain;background-repeat:no-repeat;background-position:right center;width:60%;max-width:90px;margin:0 auto;height:100%}}.leftContainer{position:relative;display:block;top:0;height:100%;z-index:2}.paddingContainer{padding:2.083vw 2.083vw 0;padding:30px 30px 10px;height:calc(100% - 40px);display:grid;grid-template-rows:29% 43% 22%;grid-template-rows:auto 1fr auto;grid-template-columns:100%;grid-gap:3%}@media screen and (max-width: 1200px){.paddingContainer{padding:.6vh 2vw 0 2vw;height:calc(100% - .6vh);display:grid;grid-template-rows:100%;grid-template-columns:200px calc(96vw - 200px)}.paddingContainer .specs{display:block;height:fit-content;position:absolute;font-size:clamp(10px,3vw,16px);bottom:160px;padding:10px 20px;width:83vw;left:50%;transform:translate(-50%)}.paddingContainer .specs span{margin-right:10px}.paddingContainer .specs .upploadSpecs{display:none}}.specs{margin:auto 0;padding:16px 20px;background-color:#0c7886;color:#fff;border-radius:5px}.specs span{margin-right:28px;display:inline-block}.specs span span{font-weight:600}.specs2{margin:auto 0;padding:16px 20px;background-color:#0c7886;color:#fff;border-radius:5px;display:grid;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width: 1800px){.specs2{font-size:14px}}@media screen and (max-width: 1600px){.specs2{font-size:12px}}@media screen and (max-width: 1350px){.specs2{font-size:10px}}.specs2 div{font-weight:600}.specs2 .titles{margin-bottom:8px}.specs2 .titles div{font-weight:400}.specs2 .titles div:nth-of-type(1){font-weight:600}.specs2 span{display:grid;grid-template-columns:1fr 1fr 1fr;white-space:nowrap;display:inline-block}.specs2 span span{grid-column:1fr;font-weight:600}.specs2 span{white-space:nowrap;display:inline-block;grid-column:1fr}.specs2 span span{font-weight:600}.selectContainer{width:100%;height:50%;display:block;background:blue}.input,input{display:none}.container{position:relative;pointer-events:none}.container input{opacity:0;pointer-events:none}.container .uploadBox{position:relative;width:clamp(500px,26.042vw,26.042vw);height:clamp(100%,18.229vw,18.229vw);height:100%;width:100%;border-radius:.781vw;pointer-events:none;cursor:pointer}.container .uploadBox>*{pointer-events:none}.container .uploadBox .info{pointer-events:all;cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:.104vw dashed #ebc7e3;border-radius:.781vw;transition:all .23s ease-out}.container .uploadBox .info>*{pointer-events:none}.container .uploadBox .info>*{transition:all .23s ease-out}.container .uploadBox .info .infoContainer{position:relative;top:45%;transform:translateY(-50%);padding:2.5%}.container .uploadBox .info .uploadIcon{position:relative;margin-top:0%;left:50%;width:clamp(50px,2.604vw,2.604vw);height:clamp(50px,2.604vw,2.604vw);transform:translate(-50%);background:url(../assets/drop.svg);background-position:center;background-size:contain;background-repeat:no-repeat}@media screen and (max-height: 800px){.container .uploadBox .info .uploadIcon{width:30px;height:30px}}.container .uploadBox .info .text{position:relative;font-weight:400;color:#000;width:clamp(320px,16.667vw,16.667vw);margin-top:20px;left:50%;transform:translate(-50%);font-size:clamp(16px,1.25vw,1.25vw);line-height:122%;text-align:center}.container .uploadBox .info .button{position:relative;color:#000;font-size:clamp(18px,.938vw,.938vw);font-weight:400;margin-top:20px;left:50%;transform:translate(-50%);text-align:center;white-space:nowrap}.container .uploadBox .info .button span{font-weight:600}.container .uploadBox .twoUpploads{display:flex;height:100%;width:100%;gap:12px}.container .uploadBox .twoUpploads .info{position:relative;top:0%;left:0%;transform:none;width:32%;height:100%;border:.104vw dashed #ebc7e3;border-radius:.781vw;transition:all .23s ease-out}.container .uploadBox .twoUpploads .info>*{transition:all .23s ease-out}.container .uploadBox .twoUpploads .text{width:auto;white-space:normal;font-size:clamp(14px,.95vw,.95vw);font-size:15px}.container .uploadBox .twoUpploads .text span{font-weight:600}.container .uploadBox .twoUpploads .button{width:auto;white-space:normal;font-size:clamp(16px,.738vw,.738vw);font-size:14px}.container .uploadBox #icon{opacity:0;transition:opacity .23s ease-in;transition:all .53s ease-out;position:absolute;top:50%;left:50%;width:2.344vw;height:2.344vw;transform:translate(-50%,-50%)}.container .uploadBox .info.over{max-width:90%;max-height:100%}.container .uploadBox .info.over>*{opacity:0}.container .uploadBox .text{top:46%}.container .uploadBox .button{top:66%}.container .uploadBox .uploadIcon{top:14%}.container .uploadBox #icon.over{opacity:1;background:url(../assets/mag.png);background-size:cover;max-width:90%;max-height:90%}.container .uploadBox .twoUpploads .info.over{position:relative;top:0%;margin:0% 1%;transform:none;width:33%;border:.104vw dashed #ebc7e3;border-radius:.781vw;transition:all .23s ease-out}.container .uploadBox .twoUpploads .info.over>*{transition:all .23s ease-out}.container .uploadBox .iconContainer{position:absolute;display:flex;top:0;width:100%;height:100%}.container .uploadBox .iconContainer div{position:relative;width:50%;opacity:0;background:url(../assets/mag.png);background-size:contain;background-repeat:no-repeat;background-position:center;top:50%;transform:translateY(-50%);transition:all .23s ease-out}.container .uploadBox .iconContainer div.over{opacity:1;height:5.344vw}@media screen and (max-width: 1200px){.container{width:97%}.container .uploadBox{height:90%}.container .uploadBox .info .uploadIcon{left:50%;width:30px;height:30px}.container .uploadBox .info .text{font-size:14px;width:80%;white-space:pre-line;margin-top:-30px}}.infoContainer{margin-top:10px}.infoContainer .name{font-size:18px;line-height:21.6px;margin-bottom:22px}.infoContainer .short{font-size:62.28px;margin-bottom:38px;line-height:.8}.infoContainer .place{font-size:15px;margin-bottom:20px;line-height:.8}.infoContainer .size{padding:8.46px 12.6px;font-size:15px;color:#fff;background:#0C7886;display:inline-block;margin-bottom:43px;border-radius:4.22897px}@media screen and (max-height: 800px){.infoContainer{margin-top:0}.infoContainer .name{font-size:18px;line-height:21.6px;margin-bottom:12px}.infoContainer .short{font-size:62.28px;margin-bottom:18px;line-height:.8}.infoContainer .place{font-size:15px;margin-bottom:12px;line-height:.8}.infoContainer .size{padding:8.46px 12.6px;font-size:15px;color:#fff;background:#0C7886;display:inline-block;margin-bottom:43px;border-radius:4.22897px}}@media screen and (max-width: 1200px){.infoContainer{display:flex;margin-top:0;height:90%;flex-direction:column;justify-content:space-around}.infoContainer .name{font-size:16px;margin-bottom:0}.infoContainer .short{font-size:40px;margin-bottom:5px}.infoContainer .place{margin-bottom:8px}.infoContainer .size{padding:6.46px 6.6px;font-size:12px;margin-bottom:0;width:fit-content}}.previewSectionContainer:before{content:"";position:absolute;z-index:-1;inset:0;filter:blur(4px);background-size:100vw auto;box-shadow:inset 0 0 0 50vw #fff3}.previewSectionContainer{overflow:hidden;display:block;position:relative;width:100%;height:100%}.previewSectionContainer .backgroundImage{background-repeat:no-repeat!important;background-size:cover!important;background-position:top left!important;width:110%;height:110%;margin-top:-5%;margin-left:-5%;filter:blur(14px);-webkit-filter:blur(14px)}.previewSectionContainer .sizeContainer{position:absolute;top:50%;transform:translateY(-50%);width:100%;padding-bottom:67.962962963%}.previewSectionContainer .bg{position:absolute;width:100%;padding-bottom:56.25vw;padding-bottom:68%;top:0;left:0;background-repeat:no-repeat!important;background-size:cover!important;background-position:top left!important}.previewSectionContainer .bgOverlay{z-index:2}.previewSectionContainer .box{width:2000px;height:10%;transform-origin:0% 0%!important}.previewSectionContainer .overlay{position:absolute;top:0;left:0;font-size:10px;color:#000;width:1725px;height:770px;object-fit:cover;transform-origin:0px 0px!important;transform:matrix3d(.308446,-.0335284,0,-.0000266778,-.0157708,.364775,0,-.0000089723,0,0,1,0,751.979,1028.98,0,1);background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}.previewSectionContainer .overlay2,.previewSectionContainer .overlay3{position:absolute;top:0;left:0;font-size:10px;color:#000;width:1725px;height:770px;object-fit:cover;transform-origin:0px 0px!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}.uploadBtn{position:absolute;color:#000;white-space:nowrap;background:#EBC7E3;padding:14px 30px;border-radius:10px;bottom:20px;margin:auto;display:block;left:50%;transform:translate(-50%);cursor:pointer}.btnFrame{position:absolute;bottom:0;width:100%;height:90px;background-color:#000}.copyText{color:#fff;position:relative;display:block;top:50%;left:30px;line-height:1;transform:translateY(-50%)}.copyBtn{left:190px;transform:translate(0)}.copyBtn:hover{background:#FFE55F}.btnbtn{transition:all .3s cubic-bezier(.55,.085,.68,.53)}.btnbtn:hover{background:#FFE55F}.reset{color:#fff;position:absolute;right:30px;top:50%;transform:translateY(-50%);background:url(../assets/close.svg);background-size:contain;background-repeat:no-repeat;height:20px;width:20px;cursor:pointer}@media screen and (max-width: 1200px){.uploadBtn{bottom:60px;line-height:.1;font-size:15px;padding:14px 18px}.btnFrame{bottom:50px;height:50px}.copyBtn{top:50%;transform:translateY(-50%);bottom:0}}