@font-face{font-family:Coke;src:url(/fonts/Coke-Regular.otf) format("opentype"),url(/fonts/Coke-Regular.woff) format("woff"),url(/fonts/Coke-Regular.woff2) format("woff2"),url(/fonts/Coke-Regular.eot) format("eot");font-weight:400;font-style:normal}@font-face{font-family:Coke-Outline;src:url(/fonts/Coke-Outline.otf) format("opentype"),url(/fonts/Coke-Outline.woff) format("woff"),url(/fonts/Coke-Outline.woff2) format("woff2"),url(/fonts/Coke-Outline.eot) format("eot");font-weight:400;font-style:normal}@font-face{font-family:Unity;src:url(/fonts/Unity-Regular.ttf) format("truetype"),url(/fonts/Unity-Regular.woff) format("woff"),url(/fonts/Unity-Regular.woff2) format("woff2"),url(/fonts/Unity-Regular.eot) format("eot");font-weight:400;font-style:normal}@font-face{font-family:Unity-Bold;src:url(/fonts/Unity-Bold.ttf) format("truetype"),url(/fonts/Unity-Bold.woff) format("woff"),url(/fonts/Unity-Bold.woff2) format("woff2"),url(/fonts/Unity-Bold.eot) format("eot");font-weight:700;font-style:normal}@font-face{font-family:Unity-Italic;src:url(/fonts/Unity-Italic.ttf) format("truetype"),url(/fonts/Unity-Italic.woff) format("woff"),url(/fonts/Unity-Italic.woff2) format("woff2"),url(/fonts/Unity-Italic.eot) format("eot");font-weight:400;font-style:italic}@font-face{font-family:Unity-BoldItalic;src:url(/fonts/Unity-BoldItalic.ttf) format("truetype"),url(/fonts/Unity-BoldItalic.woff) format("woff"),url(/fonts/Unity-BoldItalic.woff2) format("woff2"),url(/fonts/Unity-BoldItalic.eot) format("eot");font-weight:700;font-style:italic}html{margin:0;padding:0;width:100vw;background-color:#ed1c24}@media screen and (max-width: 374px){html{font-size:4.4444444444vw}}@media screen and (min-width: 375px) and (max-width: 400px){html{font-size:4.2666666667vw}}@media screen and (min-width: 400px) and (max-width: 450px){html{font-size:3.9024390244vw}}@media screen and (min-width: 451px) and (max-width: 1024px){html{font-size:2.5vw}}@media screen and (max-height: 500px) and (orientation: landscape){html{font-size:1.7738359202vw}}body{margin:0;padding:0;text-align:center;overflow:hidden}#root{position:absolute;left:0;top:0;width:100%;height:100%}body,#root,.screen,.screen .background,.screen .contents{height:calc(var(--vh) * 100)}.app-container{width:100%;position:relative}.app-container .background{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;display:flex}.app-container .background .b1{position:absolute;left:0;top:0;z-index:1;width:7.375rem;height:13.53125rem;background:url(/img/bottle1.png) left top no-repeat;background-size:100% auto}.app-container .background .b2{position:absolute;right:0;top:0;z-index:1;width:6.375rem;height:14.625rem;background:url(/img/bottle2.png) right top no-repeat;background-size:100% auto}.app-container .background .caps{position:absolute;left:.6875rem;bottom:1rem;z-index:1;width:4.75rem;height:4.3125rem;background:url(/img/caps.png) left top no-repeat;background-size:100% auto}.app-container .background .b3{position:absolute;right:0;bottom:0;z-index:1;width:5.5625rem;height:8.1875rem;background:url(/img/bottle3.png) right top no-repeat;background-size:100% auto}.app-container .background .enjoy{position:absolute;left:5.75rem;top:.0625rem;z-index:1;width:5.875rem;height:6.0625rem;background:url(/img/enjoy.png) left top no-repeat;background-size:100% auto}.app-container .contents{position:relative;z-index:10;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.app-container .contents .top-cont{width:100%;height:calc(38.0218361276vh)}.app-container .contents .top-cont .logo{margin:6.6875rem auto;background:url(/img/sac-logo.png) left top no-repeat;background-size:100% auto;width:19.0625rem;height:7.9375rem}.app-container .contents .middle-cont{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:19.75rem;height:calc(58.1849310438vh)}.app-container .contents .middle-cont .title{font-family:Coke;font-weight:400;font-size:1.4375rem;color:#fff}.app-container .contents .middle-cont p{font-family:Unity;font-weight:400;font-size:.8125rem;line-height:1.6;letter-spacing:.02rem;color:#fff}.app-container .contents .middle-cont input{margin-top:.375rem;border:solid 0px #000;background-color:#fff;padding:.625rem;width:18.4375rem;height:1.375rem;font-family:Unity;font-size:1.0625rem;line-height:1.375rem;color:#000}.app-container .contents .middle-cont button{margin-top:1.75rem;border:solid 0px #000;display:flex;justify-content:center;align-items:center;color:#fff;background:#000;border-radius:1.5rem;width:10.5rem;height:3rem;font-size:1.25rem;font-family:Coke;font-weight:400;letter-spacing:-.38px}.app-container .contents .middle-cont button:disabled{opacity:.5}.app-container .modal.loading .contents{border-radius:1rem;width:19.3125rem;height:21.125rem}.app-container .modal.loading .contents .spinner{margin-bottom:1.6875rem}.app-container .modal.loading .contents .title{font-family:Coke;font-size:1.875rem;font-weight:400;line-height:1.5;letter-spacing:-.01rem;color:red}.app-container .modal.loading .contents .desc{font-family:Unity;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:-.266px;margin-bottom:1.6875rem;color:#000}.app-container .modal.loading .contents button{width:16rem;height:2.875rem;border-radius:2.875rem;background-color:#000;font-family:Coke;font-size:1.25rem;color:#fff}.app-container .modal.success .contents{border-radius:1rem;width:19.3125rem;height:18.875rem}.app-container .modal.success .contents .success-icon{width:5.6875rem;height:5.6875rem;margin-bottom:1.875rem}.app-container .modal.success .contents .message{font-family:Coke;font-size:1.25rem;line-height:1;font-weight:400;color:#ed1c24}.app-container .modal.success .contents .message strong{font-size:1.5rem;display:block;color:#000}.app-container .modal.failure .contents{border-radius:1rem;width:19.3125rem;height:30.1875rem}.app-container .modal.failure .contents .failure-icon{width:5.6875rem;height:5.6875rem;margin-bottom:.9375rem}.app-container .modal.failure .contents .message{font-family:Coke;font-size:1.3125rem;line-height:1;font-weight:400;color:#ed1c24}.app-container .modal.failure .contents .message strong{display:block;color:#000}.app-container .modal.failure .contents .desc{font-family:Unity;font-size:.875rem;font-weight:400;color:#232323;line-height:1}.app-container .modal.failure .contents button{margin-top:1.3125rem;width:16rem;height:2.875rem;padding:.625rem;background-color:#000;border:solid 0px #000;color:#fff;border-radius:1.4375rem;font-family:Coke;font-size:1.25rem;line-height:1.75rem}@media screen and (min-height: 500px) and (max-height: 699px){.app-container .contents .top-cont{height:calc(35.1104184496vh)}.app-container .contents .top-cont .logo{margin:6.25rem auto;background:url(/img/sac-logo.png) left top no-repeat;background-size:100% auto;width:13.34375rem;height:5.55625rem}.app-container .contents .middle-cont{height:calc(53.7295797487vh)}.app-container .contents .middle-cont .title{font-size:1.3125rem}.app-container .contents .middle-cont p{font-size:.6875rem;line-height:1.4}}@media screen and (min-height: 700px) and (max-height: 844px){.app-container .contents .top-cont{height:calc(35.1104184496vh)}.app-container .contents .middle-cont{height:calc(53.7295797487vh)}}.debug-container{position:fixed;left:30px;top:0;z-index:100000;background-color:#000;color:#fff;font-size:16px;line-height:18px;padding:2px;display:none}.debug-container.visible{display:block}.spinner{margin:0 auto;width:73px;height:73px;border-radius:50%;border:6px solid;border-color:#ff03132e;border-right-color:#ed1c24;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(1turn)}}.modal{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10000}.modal:before{content:"";left:0;top:0;position:absolute;width:100%;height:100%;background-color:#0009}.modal .contents{left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;display:flex;justify-content:center;align-items:center}.modal .close{position:absolute;top:.9375rem;right:.8125rem;width:1.8125rem;height:1.8125rem;z-index:10001;cursor:pointer}.modal .close svg{width:100%;height:auto}.landscape-screen{z-index:9999;position:absolute;width:100vw;height:100vh;background-color:#000;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (max-height: 500px) and (orientation: landscape){.landscape-screen{width:100%;height:100%;background-color:gray}}.landscape-screen .background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ed1c24}.landscape-screen .background .enjoy{position:absolute;left:4.5rem;top:2.0625rem;width:5.875rem;height:6.0625rem;background:url(/img/enjoy.png);background-size:100% auto}.landscape-screen .background .real-magic{position:absolute;left:1.0625rem;bottom:3.13125rem;width:4.875rem;height:5.2375rem;background:url(/img/real-magic.png);background-size:100% auto}.landscape-screen .background .ice-cold{position:absolute;right:4.611875rem;top:3.13125rem;width:6.625rem;height:4.80625rem;background:url(/img/ice-cold.png);background-size:100% auto}.landscape-screen .background .coke{position:absolute;right:1.390625rem;bottom:.22875rem;width:6.75rem;height:6.15625rem;background:url(/img/caps2.png);background-size:100% auto}.landscape-screen .contents{z-index:22;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.landscape-screen .contents .landscape-icon{margin:0 auto;width:8.0625rem;height:4.8875rem;margin-bottom:1.3125rem}.landscape-screen .contents .landscape-icon svg{width:100%;height:auto}.landscape-screen .contents .message{display:flex;flex-direction:column;justify-content:center;align-items:center}.landscape-screen .contents .message .title{color:#fff;font-family:Coke;font-weight:400;font-size:2.4375rem;line-height:1}.landscape-screen .contents .message .desc{font-family:Unity;font-weight:400;font-size:1.1875rem;line-height:1;color:#fff}