#js-loader{transition:opacity 0.8s cubic-bezier(0.46, 0.03, 0.52, 0.96);position:fixed;width:100%;height:100%;top:0;left:0;z-index:300;background:#000;background-size:cover}#js-loader::before{content:"";position:absolute;top:0;left:35%;width:200%;height:200%;z-index:2;opacity:0;background:url(../images/home/load_steam01.webp) no-repeat;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1024px){#js-loader::before{top:35%;left:-10%}}@media only screen and (max-width: 767px){#js-loader::before{top:60%;left:0%}}#js-loader::after{content:"";position:absolute;top:-40%;left:-45%;width:200%;height:200%;opacity:0;z-index:2;background:url(../images/home/load_steam01.webp) no-repeat;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1024px){#js-loader::after{top:-15%;left:-95%}}@media only screen and (max-width: 767px){#js-loader::after{top:15%;left:-90%}}#js-loader .wrp{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:2;text-align:center}#js-loader .wrp::before{content:"";position:absolute;top:-25%;left:-20%;width:150%;height:150%;opacity:0;z-index:2;background:url(../images/home/load_steam01.webp) no-repeat;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1024px){#js-loader .wrp::before{top:-5%}}@media only screen and (max-width: 767px){#js-loader .wrp::before{top:15%;left:-25%}}#js-loader .wrp .logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:1}@media only screen and (min-width: 1025px){#js-loader .wrp .logo{width:calc(310 / 1440 * 100%)}}@media only screen and (min-width: 768px) and (max-width: 1024px){#js-loader .wrp .logo{width:25vw}}@media only screen and (max-width: 767px){#js-loader .wrp .logo{width:45vw}}#js-loader .wrp .logo svg{width:100%;height:100%}#js-loader .wrp .logo .svg-elem-1{stroke-dashoffset:501.94781494140625px;stroke-dasharray:501.94781494140625px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s}#js-loader .wrp .logo .svg-elem-2{stroke-dashoffset:501.8551025390625px;stroke-dasharray:501.8551025390625px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s}#js-loader .wrp .logo .svg-elem-3{stroke-dashoffset:438.97564697265625px;stroke-dasharray:438.97564697265625px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s}#js-loader .wrp .logo .svg-elem-4{stroke-dashoffset:389.58123779296875px;stroke-dasharray:389.58123779296875px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s}#js-loader .wrp .logo .svg-elem-5{stroke-dashoffset:144.078857421875px;stroke-dasharray:144.078857421875px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s}#js-loader .wrp .logo .svg-elem-6{stroke-dashoffset:582.0355224609375px;stroke-dasharray:582.0355224609375px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s}#js-loader .wrp .logo .svg-elem-7{stroke-dashoffset:129.04370880126953px;stroke-dasharray:129.04370880126953px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4s}#js-loader .wrp .logo .svg-elem-8{stroke-dashoffset:248.39796447753906px;stroke-dasharray:248.39796447753906px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s}#js-loader .wrp .logo .svg-elem-9{stroke-dashoffset:334.7052307128906px;stroke-dasharray:334.7052307128906px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s}#js-loader .wrp .logo .svg-elem-10{stroke-dashoffset:118.06253051757812px;stroke-dasharray:118.06253051757812px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7s}#js-loader .wrp .logo .svg-elem-11{stroke-dashoffset:380.937255859375px;stroke-dasharray:380.937255859375px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s}#js-loader .wrp .logo .svg-elem-12{stroke-dashoffset:39.46579360961914px;stroke-dasharray:39.46579360961914px;fill:transparent;transition:stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.32s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9s}#js-loader.is-load::before,#js-loader.is-load::after{animation-name:load-smokeUp;animation-timing-function:ease-in-out;animation-iteration-count:infinite}#js-loader.is-load::before{animation-duration:6s;animation-delay:0s}#js-loader.is-load::after{animation-duration:6.5s;animation-delay:.5s}#js-loader.is-load .wrp::before{animation-name:load-smokeUp;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:7s;animation-delay:1s}#js-loader.is-load .wrp .logo .svg-elem-1{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-2{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-3{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-4{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-5{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-6{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-7{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-8{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-9{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-10{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-11{stroke-dashoffset:0;fill:#fff}#js-loader.is-load .wrp .logo .svg-elem-12{stroke-dashoffset:0;fill:#fff}#js-loader.loading_stop{opacity:0}@keyframes load-smokeUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}80%{transform:translateY(-20%) scale(1.1)}100%{opacity:0;transform:translateY(-30%) scale(1.15)}}