.menu-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:199;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-panel{position:fixed;right:42px;top:42px;width:305.5px;height:640px;background:#0249b1;border-radius:0 0 0 21px;z-index:200;display:flex;flex-direction:column;opacity:0;transition:clip-path .5s cubic-bezier(.4,0,.2,1),opacity .3s ease;overflow-y:auto}.menu-panel--open{opacity:1}.menu-header{background:#0249b1;padding:0;display:flex;justify-content:flex-end;align-items:flex-start;height:31.75px;position:relative;border-radius:21px 0 0}.menu-close-button{position:absolute;top:0;right:0;width:48px;height:31.75px;background:transparent;border:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:0;transition:opacity .2s ease;border-radius:0 21px 0 0}.menu-close-button:hover{opacity:.8}.menu-close-button:active{opacity:.6}.menu-line{width:20px;height:2px;background:#fefefe;border-radius:1px}.menu-items{position:relative;flex:1;display:flex;flex-direction:column;padding:0;margin-top:31.75px}.menu-item{position:absolute;left:0;width:100%;height:134.73px;border:none;cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;justify-content:flex-start}.menu-item:first-child{top:0;background-color:#2c3241}.menu-item:nth-child(2){top:134.73px;background-color:#96a7b4}.menu-item:nth-child(3){top:269.46px;background-color:#044575}.menu-item:hover{opacity:.9}.menu-item:active{opacity:.8}.menu-item-can{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:71.94px;z-index:1}.menu-item:first-child .menu-item-can{width:74.08px;height:78.71px}.menu-item:nth-child(2) .menu-item-can{margin-left:75.65px;width:66.67px;height:78.35px}.menu-item:nth-child(3) .menu-item-can{margin-left:75.7px;width:67.3px;height:76.61px}.menu-item-can img{width:100%;height:100%;object-fit:contain}@font-face{font-family:ColourSansBoldVNU;src:url(/fonts/ColourSansBoldVNU.otf) format("opentype");font-weight:700;font-style:normal}.menu-item-text{flex-shrink:0;margin-left:12.73px;width:111.56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;z-index:1}.menu-item:first-child .menu-item-text{height:42.05px}.menu-item:nth-child(2) .menu-item-text{height:42.05px}.menu-item:nth-child(3) .menu-item-text{height:42.91px}.menu-item-text p{margin:0;color:#fff;font-family:ColourSansBoldVNU,sans-serif;font-style:normal;font-weight:700;font-size:22px;line-height:26px;text-transform:uppercase;white-space:nowrap}.menu-brand{position:absolute;top:462px;left:0;right:0;bottom:0;background:#0249b1;padding:0;display:flex;align-items:center;justify-content:center;width:100%}.menu-brand-image{width:125px;height:125px;object-fit:contain;display:block;margin:0 auto}@media (max-width: 480px){.menu-panel{right:12px;top:12px;width:calc(100vw - 24px);max-width:280px;height:calc(100svh - 24px);max-height:600px;border-radius:0 0 0 16px}.menu-header{height:28px;border-radius:16px 0 0}.menu-close-button{width:40px;height:28px;border-radius:0 16px 0 0}.menu-line{width:18px}.menu-items{margin-top:28px}.menu-item{height:120px}.menu-item:nth-child(2){top:120px}.menu-item:nth-child(3){top:240px}.menu-item-can{margin-left:50px}.menu-item:first-child .menu-item-can{width:60px;height:64px}.menu-item:nth-child(2) .menu-item-can{margin-left:52px;width:54px;height:64px}.menu-item:nth-child(3) .menu-item-can{margin-left:52px;width:54px;height:62px}.menu-item-text{margin-left:10px;width:90px}.menu-item-text p{font-size:18px;line-height:22px}.menu-brand{top:400px}.menu-brand-image{width:100px;height:100px}}@media (min-width: 481px) and (max-width: 767px){.menu-panel{right:24px;top:24px;width:280px;height:580px;border-radius:0 0 0 18px}.menu-header{height:30px;border-radius:18px 0 0}.menu-close-button{width:44px;height:30px;border-radius:0 18px 0 0}.menu-items{margin-top:30px}.menu-item{height:128px}.menu-item:nth-child(2){top:128px}.menu-item:nth-child(3){top:256px}.menu-item-can{margin-left:60px}.menu-item:first-child .menu-item-can{width:68px;height:72px}.menu-item:nth-child(2) .menu-item-can{margin-left:68px;width:60px;height:72px}.menu-item:nth-child(3) .menu-item-can{margin-left:68px;width:60px;height:70px}.menu-item-text{margin-left:11px;width:100px}.menu-item-text p{font-size:20px;line-height:24px}.menu-brand{top:420px}.menu-brand-image{width:110px;height:110px}}@media (min-width: 768px) and (max-width: 1023px){.menu-panel{right:32px;top:32px;width:295px;height:620px;border-radius:0 0 0 19px}.menu-header{height:30.5px;border-radius:19px 0 0}.menu-close-button{width:46px;height:30.5px;border-radius:0 19px 0 0}.menu-items{margin-top:30.5px}.menu-item{height:132px}.menu-item:nth-child(2){top:132px}.menu-item:nth-child(3){top:264px}.menu-item-can{margin-left:68px}.menu-item:first-child .menu-item-can{width:72px;height:76px}.menu-item:nth-child(2) .menu-item-can{margin-left:72px;width:64px;height:76px}.menu-item:nth-child(3) .menu-item-can{margin-left:72px;width:65px;height:74px}.menu-item-text{margin-left:12px;width:108px}.menu-item-text p{font-size:21px;line-height:25px}.menu-brand{top:440px}.menu-brand-image{width:120px;height:120px}}@media (min-width: 1024px) and (max-width: 1440px){.menu-panel{right:40px;top:40px;width:305.5px;height:640px}.menu-item-text p{font-size:22px;line-height:26px}}.header{position:fixed;top:max(37px,env(safe-area-inset-top));left:0;right:0;z-index:150;display:flex;justify-content:space-between;align-items:center;padding:0 max(88px,env(safe-area-inset-right));padding-left:max(88px,env(safe-area-inset-left));pointer-events:none}.header-logo{width:75px;height:75px;background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;transition:opacity .2s ease}.header-logo:hover{opacity:.8}.header-logo:active{opacity:.6}.header-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.header-menu-button{width:48px;height:48px;background:#0249b1;border:none;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;pointer-events:auto;transition:opacity .2s ease}.header-menu-button:hover{opacity:.8}.header-menu-button:active{opacity:.6}.header-menu-button .menu-line{width:24px;height:2px;background:#fefefe}@media (max-width: 480px){.header{top:max(16px,env(safe-area-inset-top));padding:0 max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.header-logo{width:50px;height:50px}.header-menu-button{width:40px;height:40px;gap:5px}.header-menu-button .menu-line{width:20px;height:2px}}@media (min-width: 481px) and (max-width: 767px){.header{top:max(24px,env(safe-area-inset-top));padding:0 max(24px,env(safe-area-inset-right));padding-left:max(24px,env(safe-area-inset-left))}.header-logo{width:60px;height:60px}.header-menu-button{width:44px;height:44px;gap:5px}.header-menu-button .menu-line{width:22px;height:2px}}@media (min-width: 768px) and (max-width: 1440px){.header{top:max(32px,env(safe-area-inset-top));padding:0 max(48px,env(safe-area-inset-right));padding-left:max(48px,env(safe-area-inset-left))}.header-logo{width:70px;height:70px}.header-menu-button{width:46px;height:46px}}@font-face{font-family:ColourSansRegularVNU;src:url(/fonts/ColourSansRegularVNU.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:ColourSansBoldVNU;src:url(/fonts/ColourSansBoldVNU.otf) format("opentype");font-weight:700;font-style:normal}.share-room{width:100vw;height:100vh;position:relative;overflow:hidden}.share-room .header-menu-button{display:none}.share-room-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:0;flex-direction:row}.share-room-top-section{position:relative;width:100%;height:auto!important;display:flex;aspect-ratio:3 / 4}.share-room-bottom-section{display:none}@media screen and (min-width: 769px){.share-room-text-mobile{display:none!important}}@media screen and (max-width: 768px){.share-room-text-mobile{display:flex!important}}.share-room-image{position:relative;width:calc(100vw - 415px);height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat;flex-shrink:0;z-index:1}.share-room-bottom-gradient{display:none}.share-room-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#ffffff0d,#0000001a 40%,#0000004d);pointer-events:none}.share-room-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 80% 60% at center,transparent 0%,transparent 50%,rgba(0,0,0,.2) 100%);pointer-events:none}.share-room-right-panel{position:relative;width:415px;height:100vh;background-color:#1d496f80;background-size:cover;background-position:top left;background-repeat:no-repeat;mix-blend-mode:overlay;z-index:5;display:flex;flex-direction:column;align-items:center;padding:130px 0 0;box-sizing:border-box;overflow:visible;flex-shrink:0}.share-room-text-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;z-index:6;position:relative;width:100%}.share-room-text-line{position:relative;width:384.04px;height:13px;font-family:ColourSansRegularVNU,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:21px;text-align:center;text-transform:capitalize;color:#c6ddff;margin-bottom:16px}.share-room-text-dynamic{position:relative;width:417.44px;min-height:13px;max-height:42px;font-family:ColourSansBoldVNU,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;font-weight:700;font-size:20px;line-height:21px;text-align:center;text-transform:capitalize;color:#47c8ff;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:0 20px}.share-room-jun-image{position:absolute;right:215px;bottom:-200px;width:350px;height:auto;z-index:10;pointer-events:none}.share-room-jun-image img{width:100%;height:auto;object-fit:contain}.share-room-paint-cans{position:absolute;bottom:-10px;right:45px;width:320px;height:auto;z-index:10;pointer-events:none}.share-room-paint-cans img{width:100%;height:auto;object-fit:contain}.share-room-share-button,.share-room-download-button{background:none;border:none;padding:0;cursor:pointer;z-index:8;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:scale(1)}.share-room-share-button:disabled,.share-room-download-button:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.share-room-share-button{margin-top:32px}.share-room-download-button{margin-top:16px}.share-room-share-button:hover,.share-room-download-button:hover{transform:scale(1.05);filter:brightness(1.1) drop-shadow(0 4px 12px rgba(71,200,255,.4))}.share-room-share-button:active,.share-room-download-button:active{transform:scale(.98);transition:all .1s ease}.share-room-share-button img,.share-room-download-button img{width:180px;height:auto;object-fit:contain}@media (max-width: 768px){.share-room{height:100svh;min-height:100svh}.share-room-container{flex-direction:column;height:100%}.share-room-top-section{position:relative;width:100vw;aspect-ratio:3 / 4;flex-shrink:0;overflow:hidden}.share-room-bottom-section{display:flex;flex-direction:column;flex:1;width:100vw;background-size:cover;background-position:center;background-repeat:no-repeat;align-items:center;justify-content:center;padding:30px 20px;gap:30px;position:relative;overflow:hidden}.share-room-text-desktop{display:none!important}.share-room-image{position:absolute;top:0;left:0;width:100vw;height:100%;aspect-ratio:3 / 4;background-size:contain!important;background-repeat:no-repeat!important;background-position:top center!important}.share-room-image[data-palette=slow]{background-color:#2c3241}.share-room-image[data-palette=mellow]{background-color:#95a7b4}.share-room-image[data-palette=groove]{background-color:#024a7f}.share-room-bottom-gradient{display:block;position:absolute;width:100%;height:60%;left:0;bottom:0;pointer-events:none;z-index:3}.share-room-bottom-gradient[data-palette=slow]{background:linear-gradient(180deg,#111a2900,#111a29 55.66%)}.share-room-bottom-gradient[data-palette=mellow]{background:linear-gradient(180deg,#9cadc000,#9cadc0 55.66%)}.share-room-bottom-gradient[data-palette=groove]{background:linear-gradient(180deg,#0f2f5100,#0f2f51 55.66%)}.share-room-paint-cans{position:absolute;bottom:0;left:50%;transform:translate(-75%) translateY(30%);width:55vw!important;height:auto;right:inherit!important;z-index:10}.share-room-jun-image{position:absolute;transform:translate(80%) translateY(50%);right:auto!important;bottom:0;width:60vw!important;height:auto;z-index:9;pointer-events:none}.share-room-right-panel{display:none}.share-room-text-mobile{display:flex!important;flex-direction:column;align-items:center;position:absolute;bottom:0;width:55vw;z-index:20;top:-120px}.share-room-text-mobile .share-room-text-line,.share-room-text-mobile .share-room-text-dynamic{width:auto;max-width:100%;margin-bottom:4px!important;font-size:13px!important;line-height:16px!important;height:16px!important;text-align:center;color:#c6ddff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.share-room-text-mobile .share-room-text-dynamic{margin-bottom:0!important;color:#47c8ff}.share-room-button-desktop{display:none!important}.share-room-buttons-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px;width:100%;max-width:400px;z-index:20;position:relative}.share-room-button-mobile{background:none;border:none;padding:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);transform:scale(1);flex:0 0 auto}.share-room-button-mobile:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.share-room-button-mobile:active:not(:disabled){transform:scale(.95);transition:all .1s ease}.share-room-button-mobile img{width:40vw;height:auto;object-fit:contain}.share-room-button-mobile.share-room-download-button,.share-room-button-mobile.share-room-share-button{display:block;margin:0}}