body{--futoLoadLogoWidth: 160px;--futoLoadLogoSpeed: 1s}body .dl-header{opacity:0;will-change:opacity}body.is-loaded_futo .dl-header{opacity:1}body.is-load_futo .dl-header{opacity:1;transition:opacity var(--futoLoadLogoSpeed) cubic-bezier(.445,.05,.55,.95) calc(var(--futoLoadLogoSpeed) * 3.5)}body.is-load_futo .dl-common__section.dl-futo_top_loading{opacity:0;transition:opacity var(--futoLoadLogoSpeed) cubic-bezier(.445,.05,.55,.95) calc(var(--futoLoadLogoSpeed) * 3.5),visibility var(--futoLoadLogoSpeed) cubic-bezier(.445,.05,.55,.95) calc(var(--futoLoadLogoSpeed) * 3.5),z-index 0s cubic-bezier(.645,.045,.355,1) calc(var(--futoLoadLogoSpeed) * 5);visibility:hidden}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo{opacity:1;transition:opacity var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) 0s}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo__wrap{opacity:0;transition:opacity var(--futoLoadLogoSpeed) cubic-bezier(.445,.05,.55,.95) calc(var(--futoLoadLogoSpeed) * 2.5)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo .fix{opacity:1;transition:opacity 0s cubic-bezier(.445,.05,.55,.95) calc(var(--futoLoadLogoSpeed) * 2)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul{opacity:0;transition:opacity 0s cubic-bezier(.445,.05,.55,.95) calc(var(--futoLoadLogoSpeed) * 2)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li{transition:opacity var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed),-webkit-transform var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed);transition:transform var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed),opacity var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed);transition:transform var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed),opacity var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed),-webkit-transform var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:first-child{transform:translate(23%)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:nth-child(2){opacity:0;transform:translate(23%)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:nth-child(3){transform:translate(38.5%)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:nth-child(3)>span{transition:width var(--futoLoadLogoSpeed) cubic-bezier(.645,.045,.355,1) var(--futoLoadLogoSpeed);width:100%}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:nth-child(4){transform:translate(8.7%)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:nth-child(5){transform:translate(-22.7%)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:nth-child(6){opacity:0;transform:translate(-22.7%)}body.is-load_futo .dl-common__section .dl-futo_top_loading__logo ul li:nth-child(7){transform:translate(-23.4%)}.dl-common__section.dl-futo_top_loading{visibility:visible;will-change:opacity,visibility;z-index:999999;width:100%;height:100%;position:fixed;top:0;left:0}.dl-common__section .dl-futo_top_loading__bg{z-index:0;background-position:50%;background-repeat:repeat;background-size:400px;width:100%;height:100%;position:absolute;top:0;left:0}.dl-common__section .dl-futo_top_loading__wrap{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dl-common__section .dl-futo_top_loading__logo{aspect-ratio:4;opacity:0;width:var(--futoLoadLogoWidth);will-change:opacity;position:relative}.dl-common__section .dl-futo_top_loading__logo__wrap{opacity:1;will-change:opacity;width:100%;height:100%;position:relative}.dl-common__section .dl-futo_top_loading__logo__guide{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.dl-common__section .dl-futo_top_loading__logo__guide:first-child svg{fill:red}.dl-common__section .dl-futo_top_loading__logo__guide:nth-child(2) svg{fill:green}.dl-common__section .dl-futo_top_loading__logo .fix{opacity:0}.dl-common__section .dl-futo_top_loading__logo .fix,.dl-common__section .dl-futo_top_loading__logo ul{will-change:opacity;width:100%;height:100%;position:absolute;top:0;left:0}.dl-common__section .dl-futo_top_loading__logo ul li{opacity:1;will-change:transform,opacity;width:100%;height:100%;position:absolute;top:0;left:0;transform:translateZ(0)}.dl-common__section .dl-futo_top_loading__logo ul li:nth-child(3)>span{width:83.9%}.dl-common__section .dl-futo_top_loading__logo ul li>span{width:100%;height:100%;margin-left:auto;display:block;position:relative;overflow:hidden}.dl-common__section .dl-futo_top_loading__logo svg{aspect-ratio:4;width:var(--futoLoadLogoWidth);fill:var(--ColorFuto);will-change:opacity;margin-left:auto;display:block;position:absolute;top:0;right:0}@media only screen and (max-width: 1000px){body{--futoLoadLogoWidth: 150px}}@media only screen and (max-width: 680px){body{--futoLoadLogoWidth: 35vw}}
/*# sourceMappingURL=/cdn/shop/t/129/assets/section_dl-futo_top_loading.css.map */