@font-face{font-family:Metropolis;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/metropolis-latin-400-normal-DKepXnDq.woff2) format("woff2"),url(/assets/metropolis-latin-400-normal-CQL1l97W.woff) format("woff")}@font-face{font-family:Metropolis;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/metropolis-latin-500-normal-C_TK2_yL.woff2) format("woff2"),url(/assets/metropolis-latin-500-normal-DxBi40p1.woff) format("woff")}@font-face{font-family:Metropolis;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/metropolis-latin-700-normal-BZLKi5Gb.woff2) format("woff2"),url(/assets/metropolis-latin-700-normal-DkmpsX1S.woff) format("woff")}@font-face{font-family:Metropolis;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/metropolis-latin-800-normal-CRkYf3qf.woff2) format("woff2"),url(/assets/metropolis-latin-800-normal-DMucbtmj.woff) format("woff")}@font-face{font-family:Metropolis;font-style:italic;font-display:swap;font-weight:800;src:url(/assets/metropolis-latin-800-italic-BWySbhDg.woff2) format("woff2"),url(/assets/metropolis-latin-800-italic-DjUqUjao.woff) format("woff")}@font-face{font-family:Brush-Script;src:url(/assets/Brush-Script-DLdRiH1t.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:bodang-xingkai;src:url(/assets/bodang-xingkai-DzRqsRfg.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:Metropolis,Brush-Script,system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;color:#000;background-color:#8bddf5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100svh}h1{font-size:clamp(0rem,9vw,2.5rem);font-weight:800;line-height:1.1;color:#fff;text-shadow:0 3px 3px rgba(0,0,0,.25)}h2{font-size:clamp(0rem,6vw,1.625rem);font-weight:800;line-height:1.1;color:#ef3743}h3{font-size:clamp(0rem,3.75vw,1rem);font-weight:800;color:#434443}h4{font-size:clamp(0rem,3.75vw,1rem);font-weight:700;margin:0}p{font-size:clamp(0rem,3.75vw,1rem);font-weight:500;line-height:1.25;color:#000;text-align:center}#root{max-width:1280px;margin:0 auto;padding:2rem 1.5rem 1.5rem;text-align:center;display:flex;justify-content:center;height:100svh;box-sizing:border-box}.backgroundContainer{display:flex;justify-content:center;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100svh;overflow:hidden}.backgroundImage{height:100%;position:fixed}.hdbImage{height:30%;position:absolute;bottom:0;overflow:hidden}.sunlight{width:110%;max-width:500px;position:absolute;top:-25%;z-index:0}.logo{position:absolute;top:5%}.pageTitle{margin:0}.pageContent{display:flex;flex-direction:column;align-items:center;justify-content:space-between;max-width:500px}#landingContent{justify-content:center}#frameContent,#nameContent,#submitContent{justify-content:flex-start;gap:1.5%}#landingTitle{margin-top:0;margin-bottom:5%}#landingDescription{text-shadow:0 0 1rem rgba(255,255,255,.8);margin-bottom:10%;margin-top:0;padding:0 1rem}#landingButton{margin-bottom:20%;width:90%}button.action{background:linear-gradient(to right,#92001b,#e61a39);width:100%;border:none;border-radius:1000px;padding:.6rem;color:#fff}button.retype{background-color:transparent;width:100%;border:2px #EF3743 solid;border-radius:1000px;padding:.6rem;color:#ef3743}.buttonText{position:relative;top:.6px}.buttonIcon{height:clamp(0rem,5.6vw,1.5rem);width:auto}.embla{width:100%;--slide-spacing: 1rem;--slide-size: 100%;position:relative}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;display:flex;flex-direction:column;align-items:center}.embla__slide__img{display:block;width:100%;object-fit:contain;box-shadow:0 4px 4px #00000040}.embla__slide__description{height:33svh;justify-self:center;display:flex;flex-direction:column;align-items:center}.artworkName{margin:5% 0 1%;font-size:clamp(0rem,5vw,1.625rem)}.artist{margin:1% 0 5%}.description{margin:0 0 2%;width:90%;justify-self:center;height:100%;overflow:scroll}.embla__buttons.artwork__buttons{display:flex;justify-content:space-between;position:relative;bottom:42%;pointer-events:none}#artwork_button_left{margin-left:-1rem}#artwork_button_right{margin-right:-1rem}.embla__button{appearance:none;background-color:transparent;border:none;pointer-events:all!important}.frameControls{position:relative;width:100%}.frame_buttons{width:100%;position:relative;display:flex;justify-content:space-between;bottom:50%;pointer-events:none}#frame_button_left{position:relative;left:-5%;pointer-events:all!important}#frame_button_right{position:relative;right:-5%;pointer-events:all!important}.frameIcons{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#fff6;border-radius:1.25rem;padding:5% 0}.frameIcon{width:25%;height:auto;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));box-sizing:content-box}.frameIcon.selected{outline:5px white solid;background-color:#d9d9d9}#frameNextButton{margin-top:auto}.polaroidContainer{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.polaroidFrame{width:100%;z-index:0}.polaroidArt{width:90%;position:absolute;top:5%;z-index:1;box-shadow:0 0 10px #000}.polaroidName{position:absolute;z-index:1;width:90%;bottom:10%}.nameInput{width:100%;border:none;background-color:#fcfcfc;border-radius:1000px;color:#00a39a;font-weight:700;font-size:clamp(0rem,4.2vw,1.125rem);text-align:center;box-shadow:0 4px 10px #0000005c;padding:2vh 0}.nameInput::placeholder{color:#00a39a}.nameInput:focus{outline:2px solid #00A39A}.confirmedName{font-family:Brush-Script,bodang-xingkai;font-size:clamp(0rem,14vw,3.75rem);font-weight:500;color:#fff;text-shadow:1px 4px 4px rgba(0,0,0,.65),0 0 6px rgba(0,0,0,.4)}.warningContainer{width:100%;background-color:#fff6;border-radius:1.25rem;padding:5% 8%;box-sizing:border-box;margin-top:auto}.warningTitle,.warningDescription{margin:0}#confirmNameButton{margin-top:auto}.nameButtons{width:100%;display:flex;flex-direction:column;gap:.6rem;margin-top:auto}#submitTitle{width:80%;font-size:clamp(0rem,7vw,1.875rem);margin-top:20%;z-index:1}