.jp-chiara-chase-section{background:#09080c}.jp-chiara-chase{position:relative;display:block;overflow:hidden;border-top:10px solid var(--jp-pink);border-bottom:10px solid var(--jp-mint);background:linear-gradient(90deg,transparent 0 49.7%,rgba(255,226,183,.08) 49.8% 50.2%,transparent 50.3%),linear-gradient(0deg,transparent 0 49.4%,rgba(255,226,183,.07) 49.6% 50.3%,transparent 50.5%),radial-gradient(circle at 18% 22%,rgba(255,71,126,.2),transparent 25%),radial-gradient(circle at 82% 70%,rgba(46,196,182,.16),transparent 28%),#09080c;background-size:310px 190px,310px 190px,auto,auto,auto}.jp-chiara-chase__track{position:relative;min-height:clamp(300px,34vw,540px);overflow:hidden}.jp-chiara-chase__runner{position:absolute;top:50%;left:50%;width:clamp(620px,58vw,980px);aspect-ratio:1536 / 1024;animation:jp-chiara-chase-drift var(--jp-chase-travel-duration, 11s) ease-in-out infinite alternate;transform:translate(-50%,-50%);will-change:transform}.jp-chiara-chase__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;animation:jp-chiara-chase-frame var(--jp-chase-step-duration, .8s) steps(1,end) infinite}.jp-chiara-chase__frame--b{animation-name:jp-chiara-chase-frame-b}.jp-chiara-chase__static{display:none;width:min(92vw,760px);height:auto;margin:0 auto;object-fit:contain}@keyframes jp-chiara-chase-drift{0%{transform:translate(-53%,-50%)}to{transform:translate(-47%,-50%)}}@keyframes jp-chiara-chase-frame{0%,49.999%{opacity:1}50%,to{opacity:0}}@keyframes jp-chiara-chase-frame-b{0%,49.999%{opacity:0}50%,to{opacity:1}}@media screen and (max-width:700px){.jp-chiara-chase{border-top-width:7px;border-bottom-width:7px;background-size:220px 135px,220px 135px,auto,auto,auto}.jp-chiara-chase__track{display:grid;min-height:330px;padding:24px 10px;place-items:center}.jp-chiara-chase .jp-chiara-chase__runner.jp-chase-animation{position:relative;top:auto;left:auto;display:block!important;width:min(92vw,760px);animation:none;transform:none}.jp-chiara-chase .jp-chiara-chase__static.jp-chase-static{display:none!important}}@media(prefers-reduced-motion:reduce){.jp-chiara-chase .jp-chiara-chase__runner.jp-chase-animation{display:none!important}.jp-chiara-chase .jp-chiara-chase__static.jp-chase-static{display:block!important}.jp-chiara-chase__runner,.jp-chiara-chase__frame{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/150/assets/japanime-chiara-chase.css.map */
