.r24-character-scene{--scene-size:88px;display:block;position:relative;isolation:isolate;contain:layout paint;width:min(100%,280px);height:var(--scene-size);max-width:100%;margin:0 0 4px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.r24-character-scene[hidden]{display:none!important}.r24-character-scene *{pointer-events:none;box-sizing:border-box}.r24-scene-pose,.r24-scene-runner,.r24-scene-sprite,.r24-scene-fighter{display:block;width:var(--scene-size);height:var(--scene-size);background-repeat:no-repeat;background-position:center;background-size:contain}.r24-scene-pose{position:absolute;inset:auto auto 0 0;transform-origin:50% 90%}.r24-scene-runner{position:absolute;inset:0 auto auto 0}.r24-scene-sprite{background-size:300% 200%;background-position:0% 0%;transform:translate(-12.79296875%,-.78125%)}.r24-character-scene--runner{--scene-size:92px;width:min(100%,280px);margin-bottom:0}.r24-scene-runner:before{content:"";position:absolute;top:8%;right:5%;bottom:2%;left:-24%;z-index:-1;background:radial-gradient(ellipse at 55% 62%,rgba(169,91,255,.37),rgba(118,54,203,.15) 44%,transparent 72%);pointer-events:none}.r25-runner-pause{position:absolute;right:0;bottom:0;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#b1a0c2;font-size:14px;pointer-events:auto!important;cursor:pointer}.r25-runner-pause:focus-visible{outline:1px solid #ceacff;outline-offset:-5px}.r25-runner-pause[aria-pressed=true] span{font-size:0}.r25-runner-pause[aria-pressed=true] span:after{content:"\25b7";font-size:17px}.r24-character-scene--hang{--scene-size:110px;width:min(100%,160px);margin-inline:auto;margin-bottom:12px}.r24-character-scene--hang .r24-scene-pose{left:calc(50% - var(--scene-size)/2);top:0;bottom:auto;transform-origin:50% 0}.r24-character-scene--peek{--scene-size:94px;width:min(100%,140px)}.r24-character-scene--home-jewelry{margin-inline-start:auto;margin-bottom:0}.r24-character-scene--home-jewelry .r24-scene-pose{left:auto;right:0}.r24-character-scene--perch{--scene-size:84px;width:min(100%,150px);margin-bottom:0}.r24-character-scene--duel{--scene-size:86px;width:min(100%,196px);margin-block:8px}.r24-scene-duel{display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;height:100%}.r24-scene-fighter{flex:none;background-size:200% 100%}.r24-scene-fighter--left{background-position:left center}.r24-scene-fighter--right{background-position:right center}.r24-scene-impact{position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);width:10px;height:10px;border:2px solid #d8b98e;transform:rotate(45deg);opacity:0}@media(max-width:767px){.r24-character-scene{--scene-size:64px}.r24-character-scene--runner{--scene-size:52px;width:min(100%,210px)}.r24-character-scene--hang{--scene-size:76px;margin-bottom:8px}.r24-character-scene--peek{--scene-size:66px}.r24-character-scene--perch{--scene-size:60px}.r24-character-scene--duel{--scene-size:62px;width:min(100%,144px)}}@media(prefers-reduced-motion:reduce){.r24-scene-impact{display:none}}.r24-character-scene--runner{width:min(100%,264px);border-bottom:1px solid rgba(222,213,199,.3);margin-bottom:3px}.r24-character-scene--runner .r24-scene-runner{top:1px}.r24-character-scene--hang,.r24-character-scene--peek,.r24-character-scene--perch{width:calc(var(--scene-size) * .666667);height:var(--scene-size);contain:layout;overflow:visible}.r24-character-scene--hang .r24-scene-pose,.r24-character-scene--peek .r24-scene-pose,.r24-character-scene--perch .r24-scene-pose{width:100%;height:100%;top:0;right:0;bottom:0;left:0;background-position:center;background-size:100% 100%}.vn-help__contact-group{display:grid;justify-items:center;width:fit-content;max-width:100%}.vn-help__contact-group:has(>.r24-character-scene--hang){--contact-character-size:100px;position:relative;isolation:isolate;padding-bottom:calc(var(--contact-character-size) * .96)}.vn-help__contact-group:has(>.r24-character-scene--hang)>.vn-help__contact{position:relative;z-index:1}.vn-help__contact-group>.r24-character-scene--hang{--scene-size:var(--contact-character-size);position:absolute;z-index:0;left:0;right:0;bottom:4px;margin:0 auto}.vn-help__contact-group>.r24-character-scene--hang .r24-scene-pose{transform-origin:50% 4%}.r22-jw__head:has(.r24-character-scene),.directory-intro:has(.r24-character-scene){position:relative;padding-inline-end:94px;border-inline-end:1px solid rgba(222,213,199,.28)}.vn-directory-r17 .directory-intro:has(.r24-character-scene){max-width:none}.r24-character-scene--home-jewelry,.r24-character-scene--anime-directory{--scene-size:110px;position:absolute;right:calc(var(--scene-size) * -.071333);top:24px;margin:0}.r24-character-scene--anime-directory{right:calc(var(--scene-size) * -.1);top:48px}.r24-bundle-title-row{display:flex;align-items:flex-end;gap:16px;width:fit-content;max-width:100%}.r24-bundle-title-row:has(.r24-character-scene){border-bottom:1px solid rgba(222,213,199,.3);margin-bottom:42px}.r24-bundle-title-row h1{min-width:0;margin-bottom:0}.r24-character-scene--perch{--scene-size:110px;flex:none;margin:0 0 calc(var(--scene-size) * -.362)}.r24-drop-title-row{display:flex;align-items:center;gap:16px;max-width:100%}.r24-drop-title-row .r21-dl__title{min-width:0}.r24-drop-title-row .r24-character-scene--duel{--scene-size:76px;width:152px;flex:none;margin:0}.r24-drop-title-row .r24-character-scene--glance{--scene-size:106px;flex:none;width:calc(var(--scene-size) * .576);height:var(--scene-size);margin:0 2px 0 0;border-right:1px solid rgba(222,213,199,.3);overflow:hidden}.r24-character-scene--glance .r24-scene-pose{top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-size:100% 100%;transform-origin:100% 53%}.r24-character-scene--glance .r25-scene-replay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-width:44px;min-height:44px;border:0;padding:0;border-radius:0;background:transparent;cursor:pointer;pointer-events:auto}.r25-scene-replay:focus-visible{outline:2px solid var(--v-paper);outline-offset:-2px}.r25-scene-replay .r24-scene-pose{transition:transform .18s ease-out}.r25-scene-replay:focus-visible .r24-scene-pose{transform:translate(6px)}.r25-scene-bubble{position:absolute;bottom:8px;left:2px;z-index:1;padding:4px 5px;border-radius:4px;background:var(--v-paper);color:var(--v-ink);font:600 8px/1 var(--r19-font-body);letter-spacing:.08em;opacity:0;transition:opacity .16s ease}.r24-character-scene[data-scene-active] .r25-scene-bubble,.r24-character-scene[data-static-reaction] .r25-scene-bubble,.r25-scene-replay:focus-visible .r25-scene-bubble{opacity:1}@media(hover:hover){.r25-scene-replay:hover .r24-scene-pose{transform:translate(6px)}.r25-scene-replay:hover .r25-scene-bubble{opacity:1}}@media(prefers-reduced-motion:reduce){.r25-scene-replay .r24-scene-pose,.r25-scene-bubble{transition:none!important;transform:none!important}}.r24-duel__head .r24-character-scene--home-duo{--scene-size:110px;width:264px;margin:0 0 -14px;border-bottom:1px solid rgba(222,213,199,.22)}@media(max-width:767px){.r24-character-scene--runner{--scene-size:76px;width:min(100%,240px)}.vn-help__contact-group:has(>.r24-character-scene--hang){--contact-character-size:80px}.r22-jw__head:has(.r24-character-scene),.directory-intro:has(.r24-character-scene){padding-inline-end:66px}.r24-character-scene--home-jewelry,.r24-character-scene--anime-directory{--scene-size:84px}.r24-character-scene--perch{--scene-size:76px}.r24-bundle-title-row:has(.r24-character-scene){gap:10px;margin-bottom:30px}.r24-drop-title-row{gap:8px}.r24-drop-title-row .r24-character-scene--duel{--scene-size:56px;width:112px}.r24-drop-title-row .r24-character-scene--glance{--scene-size:78px}.r24-duel__head .r24-character-scene--home-duo{--scene-size:88px;width:208px}}@media(prefers-reduced-motion:reduce){.r25-runner-pause{display:none}.r24-scene-runner:before{opacity:.6}}.r24-character-scene--drop-intro{--scene-size:116px;width:min(100%,280px);height:calc(var(--scene-size) + 44px);margin:6px 0 0;overflow:hidden;contain:layout paint}.r24-character-scene--drop-intro .r24-scene-duel{height:var(--scene-size)}.r24-character-scene--drop-intro .r24-scene-fighter{transform-origin:50% 88%}.r24-character-scene--drop-intro[data-scene-active] .r24-scene-fighter{will-change:transform}.r24-character-scene--drop-intro .r24-scene-impact{top:44%;border-color:#74cfff #ff7077 #ff7077 #74cfff}.r26-scene-power{position:absolute;top:46%;width:36px;height:5px;border-radius:50%;opacity:0;transform-origin:center}.r26-scene-power--blue{left:calc(50% - 35px);background:linear-gradient(90deg,transparent,#38b9ff,#cdf5ff)}.r26-scene-power--red{right:calc(50% - 35px);background:linear-gradient(90deg,#ffd4d4,#ff384b,transparent)}.r26-scene-replay{position:absolute;bottom:0;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;min-height:44px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--v-paper-2);font:500 11px/1.25 var(--r19-font-body);cursor:pointer;pointer-events:auto!important;transition:color .16s ease,background-color .16s ease}.r26-scene-replay:focus-visible{outline:2px solid var(--v-paper);outline-offset:-3px}@media(hover:hover){.r26-scene-replay:hover{color:var(--v-paper);background:#ede8e20d}}.r26-scene-replay:active{background:#ede8e21a}.r22-jw__head:has(.r24-character-scene--home-jewelry),.directory-intro:has(.r24-character-scene--anime-directory){border-inline-end:0}.collection-intro:has(.r24-character-scene--bleach-edge){position:relative;padding-inline-end:100px}.r24-character-scene[data-scene-edge]{position:absolute;right:calc(0px - var(--scene-edge-offset,0px));overflow:hidden;contain:layout paint;margin:0;pointer-events:none}.r24-character-scene[data-scene-edge] .r24-scene-pose{transform:translate(8%);transform-origin:100% 50%}.r24-character-scene--bleach-edge{--scene-size:110px;width:calc(var(--scene-size) * .75);height:var(--scene-size);top:28px}@media(max-width:767px){.r24-character-scene--drop-intro{--scene-size:88px;width:min(100%,228px)}.r24-character-scene--bleach-edge{--scene-size:84px;top:36px}.collection-intro:has(.r24-character-scene--bleach-edge){padding-inline-end:62px}}@media(prefers-reduced-motion:reduce){.r24-character-scene--drop-intro{height:var(--scene-size)}.r26-scene-replay,.r26-scene-power{display:none}.r26-scene-replay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/r24-character-scenes.css.map */