@font-face{font-family:__Roboto_Flex_b673aa;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/6132b945e1bf1b6b-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Roboto_Flex_b673aa;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/8fd61259cb20e8eb-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Roboto_Flex_b673aa;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/ab7a1c07ef982496-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Roboto_Flex_b673aa;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/a8f3cee991756b5e-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Roboto_Flex_b673aa;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/55cab9a7b1e584c7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Roboto_Flex_b673aa;font-style:normal;font-weight:100 1000;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b5c95a22b4347906-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Roboto_Flex_Fallback_b673aa;src:local("Arial");ascent-override:93.28%;descent-override:24.55%;line-gap-override:0.00%;size-adjust:99.45%}.__className_b673aa{font-family:__Roboto_Flex_b673aa,__Roboto_Flex_Fallback_b673aa;font-style:normal}@font-face{font-family:noto-sans-jp;src:url(/fonts/noto-sans-jp/NotoSansJP-Regular.ttf) format("truetype");font-style:normal}@font-face{font-family:Inter-variable;src:url(/fonts/inter/Inter-VariableFont_slnt,wght.ttf) format("truetype");font-weight:100 700}@font-face{font-family:dseg;src:url(/fonts/dseg/DSEG14Classic-Bold.ttf) format("truetype");font-style:bold}

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}body{position:relative;--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;flex-direction:column;width:100%;line-height:1.6;font-family:Inter,noto-sans-jp,sans-serif;margin:0;padding:1.5rem 0;background-image:radial-gradient(#160824,#241c38,#0c373f);background-size:300% 300%;animation:bodyAnim 26s ease-in-out infinite alternate}@keyframes bodyAnim{0%{background-position:100% 100%}50%{background-position:200% 100%}75%{background-position:50% 160%}to{background-position:100% 80%}}.app-main{padding:0;margin:0}.app-title-wrap{display:flex;justify-content:center;align-items:center;gap:.4rem;font-size:.75rem;text-transform:uppercase}.app-title{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity));line-height:1;text-align:right;font-weight:400}.app-girl{position:fixed;bottom:0;left:14px;z-index:9999;height:auto;display:none;transition:all 2s ease;cursor:pointer}@media((min-height:600px) and (min-width:1000px)){.app-girl{width:180px;display:block}}@media(min-height:860px){.app-girl{display:none}}.app-girl.is-hide{opacity:0}.app-girl.--morning,.app-girl.--noon{filter:brightness(1.5) hue-rotate(0deg)}.app-girl.--evening{filter:saturate(200%) brightness(1)}.app-girl.--night{filter:saturate(200%) brightness(1.1) hue-rotate(30deg)}.app-texture{position:absolute;top:0;left:0;width:100%;height:100%;filter:sepia(100%);opacity:.14}.app-bottom-grad{background:linear-gradient(180deg,rgba(6,172,249,0),#06acf9)}.app-bottom-grad,.app-bottom-grad-2{width:100%;height:50vh;position:fixed;bottom:0;left:0;right:0;z-index:-1}.app-bottom-grad-2{background:linear-gradient(180deg,rgba(249,6,192,0),#f90667);animation:appBottomGrad2Anim 16s ease-in-out infinite alternate}.app-bottom-grad-2.--evening{filter:saturate(120%)}@keyframes appBottomGrad2Anim{0%{opacity:.5}50%{opacity:1}to{opacity:0}}.select-btn{height:24px;width:32px}@media (min-width:768px){.select-btn{width:24px}}.select-btn{background-color:#34363a;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;transition:all .3s ease}.select-btn.--cr{background-color:#0eec6a;box-shadow:0 0 2px rgba(22,255,200,.9),0 0 4px rgba(0,255,2,.9);border-color:#129432}.select-btn:hover{box-shadow:0 0 10px rgba(22,255,111,.9),0 0 10px rgba(0,255,2,.9)}.area-title{font-family:"Noto Serif JP",serif;font-weight:800}.title{display:flex;height:100%;align-items:center;justify-content:center;background-color:#ee0b0b}.title,.title__content{padding:1.5rem}.title__content.--active{animation:noonTitleAnim 1.6s ease-out 0s 1 forwards}@keyframes noonTitleAnim{0%{transform:translate(-30%) scale(3) rotate(-45deg)}to{transform:translate(0) scale(1) rotate(0)}}.description{position:relative;height:100%;padding:1.25rem;font-family:noto-sans-jp,sans-serif;font-weight:400;background-color:#2fde78;z-index:1}.description:after{position:absolute;width:100%;height:100%;background-image:radial-gradient(rgba(185,208,32,.5),rgba(16,238,168,.8),rgba(9,56,39,.5));background-size:200% 200%;box-shadow:inset 50px 50px 60px rgba(115,94,16,.3),inset -50px -50px 80px rgba(115,94,16,.3);top:0;left:0;content:" ";z-index:-1;animation:descriptionAnim 10s ease-in-out infinite alternate}@keyframes descriptionAnim{0%{background-position:100% 100%}50%{background-position:50% 100%}to{background-position:100% 50%}}.description__inner{height:100%;overflow-y:auto}.description__content{height:100%;color:#efefef;font-size:.85rem;line-height:2;animation:descriptionContentAnim 2s ease 1 forwards;opacity:0;overflow:hidden;letter-spacing:2px;transition:all .3s ease;text-shadow:0 0 1px rgba(25,255,100,.9)}.description__content.is-mouseover{font-size:1rem!important;color:#e8f5ed!important;text-shadow:0 0 10px rgba(16,89,107,.4)}@keyframes descriptionContentAnim{0%{color:#fff;height:auto;width:200%;transform:skew(0deg,0deg);opacity:.1}18%{color:#e1e4e4;height:30px;width:500%;opacity:.5;transform:skew(19deg,0deg);white-space:nowrap;text-overflow:ellipsis}20%{color:#efe2cd;color:#564e42;height:80px;width:100%;opacity:.7;transform:skew(1deg,0deg);white-space:nowrap;text-overflow:ellipsis}60%{color:#dedede;width:80%;height:100px}88%{color:#13563b;opacity:1;transform:skew(0deg,0deg) translate(2px)}90%{height:50px;width:100%;transform:skew(0deg,0deg) translateY(10px);opacity:1}98%{height:2px;width:300%;transform:skew(320deg,0deg);opacity:.3}to{color:#142403;height:auto;width:100%;transform:skew(0deg,0deg);opacity:1}}.grid-container{display:flex;flex-direction:column;gap:16px;background-color:transparent;height:auto}@media screen and (min-width:768px){.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:188px 188px 188px}.grid-container.--morning{grid-template-areas:"title slope description" "trans slope description" "trans slope walk"}.grid-container.--noon{grid-template-areas:"description title shop" "description signage signage" "drinking signage signage"}.grid-container.--evening{grid-template-areas:"skateboard sunset sunset" "aquarium sunset sunset" "aquarium description title"}.grid-container.--night{grid-template-areas:"description clock vision" "description heartbeat vision" "title heartbeat vision"}.grid-container.--midnight{grid-template-areas:"sky sleeping tv-room" "watch-tv title tv-room" "watch-tv cd description"}}.grid-item{position:relative;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity));font-family:Inter-variable;font-weight:800;container-type:inline-size;border-radius:.85rem}.u-pos-cover{top:0}.u-pos-cover,.u-pos-cover-bottom{position:absolute;left:0;height:100%;width:100%}.u-pos-cover-bottom{bottom:0}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.left-\[50\%\]{left:50%}.left-\[50px\]{left:50px}.right-0,.right-\[0\]{right:0}.top-0{top:0}.top-\[50\%\]{top:50%}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[3\]{z-index:3}.z-\[4\]{z-index:4}.z-\[5\]{z-index:5}.z-\[6\]{z-index:6}.z-\[99\]{z-index:99}.z-\[9\]{z-index:9}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem}.mb-4,.my-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.flex{display:flex}.h-\[100\%\]{height:100%}.h-\[160px\]{height:160px}.h-\[200px\]{height:200px}.h-\[300\%\]{height:300%}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[400\%\]{height:400%}.h-\[420px\]{height:420px}.h-\[480px\]{height:480px}.h-\[50\%\]{height:50%}.h-\[600px\]{height:600px}.h-\[64\%\]{height:64%}.h-\[80\%\]{height:80%}.h-auto{height:auto}.h-full{height:100%}.w-\[150\%\]{width:150%}.w-\[160px\]{width:160px}.w-\[200px\]{width:200px}.w-\[300\%\]{width:300%}.w-\[40\%\]{width:40%}.w-\[60px\]{width:60px}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.rotate-\[4deg\]{--tw-rotate:4deg}.rotate-\[4deg\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-stretch{justify-content:stretch}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}.bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.object-bottom{-o-object-position:bottom;object-position:bottom}.object-center{-o-object-position:center;object-position:center}.object-left{-o-object-position:left;object-position:left}.object-right{-o-object-position:right;object-position:right}.object-top{-o-object-position:top;object-position:top}.px-4{padding-left:1rem;padding-right:1rem}.pt-4{padding-top:1rem}.text-\[100px\]{font-size:100px}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.anim-blink-infinite{animation-name:animBlink;animation-duration:2s;animation-delay:0s;animation-direction:normal;animation-iteration-count:infinite;animation-fill-mode:forwards}@keyframes animBlink{0%,to{opacity:1}50%{opacity:0}}.loading{background-image:linear-gradient(45deg,#f60cee,#88227a,#1a2e54);background-size:200% 200%;animation:loadingAnim 2s ease-in-out infinite alternate;opacity:1;transition:all 1s ease;transform:scale(1.2)}.loading.--hide{opacity:0}@keyframes loadingAnim{0%{background-position:50% 100%}50%{background-position:100% 100%}to{background-position:100% 50%}}.loading__txt{font-weight:300;font-size:.75rem;color:#ff33a3}.area-title{grid-area:title}.area-description{grid-area:description}.--morning .area-slope{grid-area:slope}.--morning .area-trans{grid-area:trans}.--morning .area-walk{grid-area:walk}.--noon .area-signage{grid-area:signage}.--noon .area-gate{grid-area:gate}.--noon .area-drinking{grid-area:drinking}.--evening .area-sunset{grid-area:sunset}.--evening .area-aquarium{grid-area:aquarium}.--evening .area-skateboard{grid-area:skateboard}.--night .area-vision{grid-area:vision}.--night .area-clock{grid-area:clock}.--night .area-heartbeat{grid-area:heartbeat}.--midnight .area-cd{grid-area:cd}.--midnight .area-sleeping{grid-area:sleeping}.--midnight .area-tv-room{grid-area:tv-room}.--midnight .area-watch-tv{grid-area:watch-tv}.--midnight .area-sky{grid-area:sky}.morning-slope-bg.--action{animation:morningSlopeBgAnim 2s ease-out 0s 1 forwards}@keyframes morningSlopeBgAnim{0%{transform:translate(-30%) scale(2)}to{transform:translate(0) scale(1)}}.morning-slope-girl{opacity:0}.morning-slope-girl.--action{animation:morningSlopeGirlAnim 2s ease-out 0s 1 forwards}.morning-slope-girl.--action2{animation:morningSlopeGirlAnim2 2s ease-out 0s 1 forwards}@keyframes morningSlopeGirlAnim{0%{opacity:0;transform:translate(-30%) scale(2)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes morningSlopeGirlAnim2{0%{opacity:0;transform:translate(50%) scale(.6)}to{opacity:1;transform:translate(60%) scale(.5)}}.morning-slope-txt{font-size:4rem;font-weight:700;height:100%;line-height:1;writing-mode:vertical-rl;opacity:0;text-transform:uppercase}.morning-slope-txt.--action{animation:morningSlopeTxtAnim 4s ease-out 0s 1 forwards}@keyframes morningSlopeTxtAnim{0%{opacity:0;transform:translate(-200%) scale(.4) rotate(-20deg);color:#0fdd38}76%{opacity:1}79%{opacity:1;color:#fff;transform:translate(-50%) scale(1.6) rotate(-10deg)}to{opacity:0;color:#0fdd38;transform:translate(-50%) scale(1)}}.morning-trans-bg.--action{animation:transBgAnim 5s ease-out 0s 1 forwards}@keyframes transBgAnim{0%{transform:translate(10%) scale(2)}to{transform:translate(0) scale(1)}}.morning-trans-txt{font-weight:900;color:#f3e113;text-transform:uppercase;line-height:1;text-shadow:0 0 2px #eff9ff;transform:translate(-40%,10%) rotate(-22deg) skewX(36deg) scale(1);opacity:0;font-size:3rem}@container (min-width: 320px){.morning-trans-txt{font-size:4rem}}.morning-trans-txt.--action{animation:transTxtAnim 5s ease-out 0s 1 forwards}@keyframes transTxtAnim{0%{transform:translate(-40%,10%) rotate(-22deg) skewX(36deg) scale(1);opacity:1}40%{transform:translate(20%,80%) rotate(-22deg) skewX(36deg) scale(1);opacity:1}90%{transform:translate(20%,60%) rotate(-22deg) skewX(36deg) scale(1.4);opacity:1}to{transform:translate(20%,60%) rotate(-22deg) skewX(36deg) scale(1.6);opacity:0}}.morning-walk-cont-wrap{background-image:radial-gradient(#151323,#421d47);background-size:200% 200%;animation:morningWalkContWrapAnim 5s ease-in-out infinite alternate}@keyframes morningWalkContWrapAnim{0%{background-position:100% 100%}50%{background-position:50% 100%}to{background-position:100% 50%}}.morning-walk-girl{opacity:0;transform:translate(0) scale(.2)}.morning-walk-girl.--action{animation:morningWalkGirlAnim 2s ease-out 5s 1 forwards}.morning-walk-girl.--action2{animation:morningWalkGirlAnim2 2s ease-out 0s 1 forwards}@keyframes morningWalkGirlAnim{0%{opacity:0;transform:translate(0) scale(1)}to{opacity:1;transform:translate(20%) scale(1)}}@keyframes morningWalkGirlAnim2{0%{opacity:1;transform:translate(20%) scale(1)}to{opacity:0;transform:translate(43%) scale(1)}}.morning-walk-cat{opacity:0}.morning-walk-cat.--action{animation:morningWalkCatAnim 2s ease-out 0s 1 forwards}@keyframes morningWalkCatAnim{0%{opacity:0;transform:translate(0) scale(1)}to{opacity:1;transform:translate(0) scale(1)}}.noon-shop-text-wrap{perspective:250px}.noon-shop-text{font-size:2rem;font-weight:800;position:absolute;top:50%;left:60%;text-align:center;color:#7fffd4;text-shadow:0 0 2px #fff,0 0 4px rgba(78,233,26,.9)}.noon-shop-text.--action{animation:noonShopTxtAnim 3s ease 0s infinite alternate}@container (min-width: 321px){.noon-shop-text{font-size:2.5rem}}@keyframes noonShopTxtAnim{0%{opacity:.8;transform:translate(-26%,-50%) rotateY(-62deg) translateZ(0) translate3d(10%,2%,0)}to{opacity:1;transform:translate(-32%,-50%) rotateY(-62deg) translateZ(0) translate3d(9%,0,0)}}.noon-shop-text2-wrap{perspective:250px}.noon-shop-text2{font-size:2.25rem;font-weight:800;position:absolute;top:50%;left:60%;text-align:center;color:#e2f140;text-shadow:0 0 2px #fff,0 0 4px rgba(78,233,26,.9);line-height:.8}@container (min-width: 321px){.noon-shop-text2{font-size:4rem}}.noon-shop-text2.--action{animation:noonShopTxt2Anim 6s ease 0s infinite alternate;opacity:1}@keyframes noonShopTxt2Anim{0%{opacity:.8;transform:translate(-150%,-40%) rotateY(80deg) translateZ(0) translate3d(10%,5%,0)}to{opacity:1;transform:translate(-146%,-8%) rotateY(80deg) translateZ(0) translate3d(10%,12%,0)}}.noon-drinking-bg{animation:noonDrinkingBgAnim 10s ease-out 2s 1 forwards}@keyframes noonDrinkingBgAnim{0%{transform:translate(0)}to{transform:translate(-56%)}}.noon-drinking-girl-2{opacity:0}.noon-drinking-girl-2.--action{animation:noonDrinkingGirl2Anim 4s ease-out 1s infinite alternate}@keyframes noonDrinkingGirl2Anim{0%{opacity:0}to{opacity:1}}.noon-signage-cnt{background-color:red;background-image:linear-gradient(45deg,#ef0,#e70dcd,#00ff6e,#0de7bb,#00d9ff);background-size:200% 200%;animation:noonSignageCntAnim 1s ease-in-out infinite alternate}@keyframes noonSignageCntAnim{0%{background-position:0 0}25%{background-position:0 100%}50%{background-position:50% 100%}75%{background-position:100% 100%}to{background-position:100% 50%}}.noon-signage-bg-2{opacity:0}.noon-signage-bg-2.--action{animation:noonSignageBg2Anim 6s ease-in-out 5s 1 forwards}@keyframes noonSignageBg2Anim{0%{opacity:0}to{opacity:1}}.noon-signage-bg-3{opacity:0}.noon-signage-bg-3.--action{animation:noonSignageBg3Anim 6s ease-in-out 0s 1 forwards}@keyframes noonSignageBg3Anim{0%{opacity:0}to{opacity:1}}.noon-signage-girl{opacity:1}.noon-signage-girl.--action{animation:noonSignageGirlAnim 2s ease-in-out 0s 1 forwards}@keyframes noonSignageGirlAnim{0%{opacity:1}to{opacity:0}}.sunset-bg.--action{animation:sunsetBgAnim 5s ease-out 0s 1 forwards}@keyframes sunsetBgAnim{0%{transform:translate(-30%) scale(2)}to{transform:translate(0) scale(1)}}.sunset-txt{font-size:2rem;text-transform:uppercase;display:inline;font-weight:900;letter-spacing:-4px;color:#db3e72;opacity:0}@container (min-width: 400px){.sunset-txt{font-size:3rem}}.sunset-txt.--action{animation:sunsetTxtAnim 4s ease-out 1 forwards}.sunset-txt.--action2{opacity:1;animation:sunsetTxtAnim2 1.4s ease-out 1 forwards!important}@keyframes sunsetTxtAnim{0%{opacity:1;transform:translate(10%) scale(.6) rotate(12deg);color:rgba(130,62,219,.8)}50%{transform:translate(140%,-100%) scale(2) rotate(-10deg)}to{transform:translate(100%,100%) scale(5) rotate(0deg);opacity:1;color:#ee0855}}@keyframes sunsetTxtAnim2{0%{transform:translate(100%,100%) scale(5) rotate(0deg);color:#ee0855;opacity:1;font-weight:2;letter-spacing:10px}to{transform:translate(160%,100%) scale(4) rotate(0deg);color:rgba(255,220,8,.8);opacity:1;font-weight:900;letter-spacing:-4px}}.aquarium-girl{transform:scale(1)}.aquarium-girl.--action{animation:aquariumGirlAnim 6s ease 0s 1 forwards}@keyframes aquariumGirlAnim{0%{transform:translate(-50%) scale(2)}to{transform:translate(-50%) scale(1)}}.aquarium-text{font-weight:800;color:#fff;font-size:4rem;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:0 0 14px rgba(22,255,200,.9),0 0 20px rgba(0,255,2,.9);transform:translate(-50%,-100%) rotate(12deg) scale(2)}@container (min-width: 321px){.aquarium-text{font-size:5rem}}.aquarium-text.--action{animation:aquariumTxtAnim 4s ease-in 0s 1 forwards}.aquarium-text.--action2{animation:aquariumTxtAnim2 4s ease-in 0s 1 forwards!important}@keyframes aquariumTxtAnim{0%{transform:translate(-50%,-100%) rotate(12deg) scale(2)}50%{transform:translate(-50%,-50%) rotate(-10deg) scale(.4)}to{transform:translate(-50%,-50%) rotate(-10deg) scale(1)}}@keyframes aquariumTxtAnim2{0%{opacity:1;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}40%{opacity:0;z-index:4;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}60%{opacity:1;z-index:4;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}to{opacity:1;z-index:4;transform:translate(-50%,-50%) rotate(-10deg) scale(.8)}}.evening-record-shop-bg.--action{animation:recordShopBgAnim 4s ease-out 1 forwards}@keyframes recordShopBgAnim{0%{transform:translate(0)}to{transform:translateY(50%)}}.evening-skateboard-bg.--action{animation:SkateboardBgAnim 5s ease-in 0s 1 forwards}@keyframes SkateboardBgAnim{0%{transform:translate(0) scale(1.5)}to{transform:translateY(-70%) scale(1)}}.evening-skateboard-skateboard.--action{animation:SkateboardSkateboardAnim 5s ease-out 0s 1 forwards}@keyframes SkateboardSkateboardAnim{0%{transform:translate(0) scale(1)}to{transform:translateY(20%) scale(1)}}.evening-skateboard-hand.--action{animation:SkateboardHandAnim 5s ease-out 0s 1 forwards}@keyframes SkateboardHandAnim{0%{transform:translate(0) scale(1)}to{transform:translate(0) scale(1)}}.evening-skateboard-txt{font-size:1rem;height:100%;line-height:1;writing-mode:vertical-rl;opacity:0;text-transform:uppercase}.evening-skateboard-txt.--action{animation:eveningSkateboardTxtAnim 4s ease-out 0s 1 forwards}@keyframes eveningSkateboardTxtAnim{0%{opacity:0;transform:translate(-200%) scale(.4);color:#fff}76%{opacity:1}79%{opacity:1;color:#fff;transform:translate(-40%,10%) scale(1)}to{opacity:1;color:#fff;transform:translate(-50%,10%) scale(1)}}.heartbeat-text{font-size:3rem;font-weight:700;text-transform:uppercase}.heartbeat-neon{opacity:0}.heartbeat-neon.--action{animation:heartbeatNeonBgAnim 4s ease 0s 2}@keyframes heartbeatNeonBgAnim{0%,to{opacity:0;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.heartbeat-base.--action{animation:heartbeatBaseBgAnim 10s ease-in 0s forwards}@keyframes heartbeatBaseBgAnim{0%{opacity:1}to{opacity:.2}}.night-clock-bg.--action{animation:nightClockBgAnim 4s ease 0s 1 forwards}.night-clock-bg.--action2{animation:nightClockBgAnim2 4s ease 0s 1 forwards}@keyframes nightClockBgAnim{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:1;transform:scale(1.3) translateY(40%) rotate(12deg)}}@keyframes nightClockBgAnim2{0%{opacity:1;transform:scale(1.3) translateY(40%) rotate(12deg)}to{opacity:.3;transform:scale(1.3) translateY(40%) rotate(12deg)}}.night-clock-digital-clock{font-size:2rem;font-family:dseg;color:#0f5;text-shadow:0 -2px 10px rgba(25,255,100,.9);opacity:1}.night-clock-digital-clock.--action{animation:nightVisionClockAnim 4s ease 1 forwards}@keyframes nightVisionClockAnim{0%{opacity:0}to{opacity:1}}.night-vision-bg.--action{animation:nightVisionBgAnim 3s ease 0s infinite alternate}@keyframes nightVisionBgAnim{0%{opacity:1}to{opacity:0}}.night-vision-laser__item.--1{position:absolute;top:0;right:-30%;height:90%;width:100%;background-image:linear-gradient(270deg,#0f0,rgba(0,255,0,0));box-shadow:0 0 10px rgba(21,194,237,.9);-webkit-clip-path:polygon(100% 46%,100% 56%,0 70%,0 32%);clip-path:polygon(100% 46%,100% 56%,0 70%,0 32%)}.night-vision-laser__item.--1.--action{animation:nightVisionLaserAnim 4s ease 0s infinite alternate}@keyframes nightVisionLaserAnim{0%{transform:skew(0,0) rotate(-30deg)}to{transform:skew(0,0) rotate(0deg)}}.night-vision-laser__item.--2{position:absolute;bottom:-20%;left:-30%;height:80%;width:100%;background-image:linear-gradient(90deg,#0ef,rgba(0,255,0,0));box-shadow:0 0 10px rgba(25,243,255,.9);-webkit-clip-path:polygon(100% 32%,100% 70%,0 56%,0 46%);clip-path:polygon(100% 32%,100% 70%,0 56%,0 46%)}.night-vision-laser__item.--2.--action{animation:nightVisionLaser2Anim 6s ease 0s infinite alternate}@keyframes nightVisionLaser2Anim{0%{transform:skew(0,0) rotate(0deg);background-image:linear-gradient(90deg,#0ef,rgba(0,255,0,0))}to{transform:skew(0,0) rotate(-60deg);background-image:linear-gradient(90deg,#00ffe1,rgba(0,255,255,0))}}@keyframes nightVisionGirlAnim{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.night-vision-theme-1{opacity:0}.night-vision-theme-1.--action{animation:nightVisionTheme1Anim 10s ease 3s 1 backwards}@keyframes nightVisionTheme1Anim{0%,to{opacity:0;transform:scale(1) translate(0)}25%{opacity:1;transform:scale(1) translate(0)}90%{opacity:1;transform:scale(2) translateY(40%)}}.night-vision-theme-2{opacity:0}.night-vision-theme-2.--action{animation:nightVisionTheme2Anim 10s ease 0s 1 backwards}@keyframes nightVisionTheme2Anim{0%,to{opacity:0;transform:scale(1) translate(0)}25%{opacity:1;transform:scale(1) translate(0)}90%{opacity:1;transform:scale(2) translateY(36%)}}.night-vision-theme-3{opacity:0}.night-vision-theme-3.--action{animation:nightVisionTheme3Anim 10s ease 0s 1 backwards}@keyframes nightVisionTheme3Anim{0%,to{opacity:0;transform:scale(1) translate(0)}25%{opacity:1;transform:scale(1) translate(0)}90%{opacity:1;transform:scale(1) translateY(36%)}}.tv-room-tv-bg-base{background:linear-gradient(180deg,#1e1a1d,#3c1b83 50%,#1e1a1d)}.tv-room-tv-inner-top{background:#00ff6e}.tv-room-tv-inner-top.--action{animation:tvInnerTopAnim 2s linear 1s infinite forwards}.tv-room-tv-inner-bottom{background:#00ff6e}.tv-room-tv-inner-bottom.--action{animation:tvInnerTopAnim 3s linear 1s infinite forwards}@keyframes tvInnerTopAnim{0%{opacity:1}96%{opacity:1;background:#14ffc8}99%{opacity:0}to{opacity:1}}.tv-room-blob{background:rgba(255,255,110,.2)}.tv-room-blob.--action{animation:tvBlobAnim 12s linear infinite alternate}@keyframes tvBlobAnim{0%{background:rgba(255,255,110,.2);transform:translate(0) rotate(0deg)}50%{transform:translate(100px,100px) rotate(10deg)}to{background:rgba(255,255,11,.2);transform:translate(200px,200px) rotate(-100deg)}}.midnight-sleeping-bg{background-image:linear-gradient(45deg,#2b50af,#17c576,#e5d821,#da27e3);background-size:200% 200%;animation:sleepingBgAnim 5s ease infinite alternate}@keyframes sleepingBgAnim{0%{transform:scale(3) rotate(50deg);background-position:100% 0}to{transform:scale(1);background-position:0 100%}}.midnight-sleeping-line{background:#fff;width:200%;height:1px;opacity:0}.midnight-sleeping-line.--action{animation:sleepingLineAnim 2s linear infinite alternate}@keyframes sleepingLineAnim{0%{opacity:0;height:1px}95%{opacity:0;height:1px}96%{opacity:1;height:1px;background:#14ffc8}99%{opacity:0;height:1px}to{opacity:1;height:10px}}.midnight-sleeping-girl.--action{animation:sleepingGirlAnim 2s linear 1 forwards}.midnight-sleeping-girl.--action2{animation:sleepingGirlAnim2 4s linear infinite alternate}@keyframes sleepingGirlAnim{0%{transform:rotate(45deg) scale(3)}to{transform:rotate(0deg) scale(1)}}@keyframes sleepingGirlAnim2{0%{opacity:1}to{opacity:0}}.midnight-sleeping-girl2{opacity:0}.midnight-sleeping-girl2.is-show{opacity:1}.midnight-watch-tv-wrap{background-image:linear-gradient(180deg,#16935b,#d521e5,#e5e221);background-size:200% 200%}.midnight-watch-tv-wrap.--action{animation:watchTvWrapAnim 4s ease infinite alternate}@keyframes watchTvWrapAnim{0%{background-position:0 0}to{background-position:100% 100%}}.midnight-watch-tv-girl-wrap.--action{animation:watchTvGirlWrapAnim 10s ease infinite alternate}@keyframes watchTvGirlWrapAnim{0%{transform:translate(0)}to{transform:translate(2px)}}.midnight-watch-tv-girl.--action{animation:watchTvGirlAnim 10s ease infinite alternate}@keyframes watchTvGirlAnim{0%{transform:translate(-3px) scale(1)}to{transform:translate(3px) scale(1.01);opacity:.5}}.midnight-watch-tv-girl-2.--action{animation:watchTvGirl2Anim 6s ease infinite alternate}@keyframes watchTvGirl2Anim{0%{transform:translate(3px) scale(1)}to{transform:translate(-3px) scale(1.01);opacity:.8}}.midnight-watch-tv-girls{opacity:0}.midnight-watch-tv-girls.--action{animation:watchTvGirlsAnim 5s linear 1s infinite forwards}@keyframes watchTvGirlsAnim{0%{opacity:0}92%{opacity:0}95%{opacity:1}98%{opacity:0}99%{opacity:1}to{opacity:0}}.midnight-watch-tv-bars{opacity:0}.midnight-watch-tv-bars.--action{animation:watchTvBarsAnim 8s linear 0s infinite alternate}@keyframes watchTvBarsAnim{0%{opacity:1;transform:rotate(0deg) scale(1)}50%{opacity:1;transform:rotate(10deg) scale(2)}70%{opacity:1;transform:rotate(60deg) scale(4)}to{opacity:1;transform:rotate(70deg) scale(3);filter:sepia(50)}}.midnight-watch-tv-bars__item{width:7%}.midnight-watch-tv-bars__item.--1{background-color:#fff}.midnight-watch-tv-bars__item.--2{background-color:#f9fb02}.midnight-watch-tv-bars__item.--3{background-color:#09feff}.midnight-watch-tv-bars__item.--4{background-color:#03ff00}.midnight-watch-tv-bars__item.--5{background-color:#fd00fa}.midnight-watch-tv-bars__item.--6{background-color:#fc0301}.midnight-watch-tv-bars__item.--7{background-color:#0301fa}.midnight-sky-bg-wrap{background-color:red;background-image:linear-gradient(45deg,#ef0,#e70dcd,#00ff6e,#0de7bb,#00d9ff);background-size:200% 200%;animation:midnightSkyAnim 1s ease-in-out infinite alternate}@keyframes midnightSkyAnim{0%{background-position:0 0}25%{background-position:0 100%}50%{background-position:50% 100%}75%{background-position:100% 100%}to{background-position:100% 50%}}.midnight-sky-bg{transform:scale(1.05)}.midnight-cd-jacket-wrap{opacity:0;border:4px solid #eee;border-radius:.5rem;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.5)}.midnight-cd-jacket-wrap.--action{animation:cdJacketWrapAnim 3s ease 1 forwards}@keyframes cdJacketWrapAnim{0%{transform:translate(-100px,-100px) rotate(-100deg) scale(1.5)}to{transform:translate(-20px,20px) rotate(-20deg) scale(1);opacity:1}}.midnight-cd-jacket-bg{opacity:0}.midnight-cd-jacket-bg.--action{animation:cdJacketBgAnim 5s ease 3s infinite alternate}@keyframes cdJacketBgAnim{0%{opacity:0;transform:scale(1) rotate(0deg)}60%{opacity:1;transform:scale(1.4) rotate(-10deg)}to{transform:scale(2) rotate(10deg);opacity:1}}@media (min-width:640px){.sm\:h-\[300px\]{height:300px}.sm\:h-\[320px\]{height:320px}}@media (min-width:768px){.md\:h-\[40\%\]{height:40%}.md\:h-\[80\%\]{height:80%}.md\:h-full{height:100%}.md\:w-auto{width:auto}}@media (min-width:1024px){.lg\:h-\[60\%\]{height:60%}}