.cds{position:relative;overflow-x:clip;background-attachment:scroll;container-type:inline-size;--in-dur: var(--cds-speed, .22s);--out-dur: calc(var(--cds-speed, .22s) * .68);--face-dur: calc(var(--cds-speed, .22s) * .82)}.cds .cds__probe{display:block;position:absolute;top:0;left:0;width:0;height:100vh;visibility:hidden;pointer-events:none}.cds__heading-wrap{text-align:center;margin-bottom:3rem}.cds__heading{margin:0}.cds__hint{text-align:center;opacity:.7}.cds-t--ru{--tx: .21;--ty: .745;--vl: .145;--vr: .86;--vt: .235;--vb: .77;--sd: 1;--yf: .42}.cds-t--lu{--tx: .77;--ty: .8;--vl: .09;--vr: .92;--vt: .175;--vb: .83;--sd: -1;--yf: .42}.cds-t--rl{--tx: .2;--ty: .2;--vl: .11;--vr: .9;--vt: .2;--vb: .8;--sd: 1;--yf: .56}.cds-t--ll{--tx: .8;--ty: .2;--vl: .1;--vr: .89;--vt: .2;--vb: .8;--sd: -1;--yf: .56}.cds__track{display:flex;flex-direction:column;align-items:center;gap:24px}.cds__stage--imli{width:100%;display:flex;justify-content:center}.cds__frame{position:relative;width:min(calc(var(--cds-p, 78) * 1vh * .5627),calc((100vh - 32px)*.5627),85%);aspect-ratio:1081 / 1921;box-shadow:14px 14px #00000080}.cds__face,.cds__frame .cds__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cds__face{opacity:0;z-index:0}.cds__face:not(.cds__face--rest){display:none}.cds[data-face-prev="1"] .cds__face--f1,.cds[data-face-prev="2"] .cds__face--f2,.cds[data-face-prev="3"] .cds__face--f3,.cds[data-face-prev="4"] .cds__face--f4,.cds[data-face-prev="5"] .cds__face--f5{opacity:1;z-index:1}.cds[data-face="1"] .cds__face--f1,.cds[data-face="2"] .cds__face--f2,.cds[data-face="3"] .cds__face--f3,.cds[data-face="4"] .cds__face--f4,.cds[data-face="5"] .cds__face--f5{opacity:1;z-index:2;transition:opacity var(--face-dur) ease}.cds__cards,.cds__stage--bubbles{display:none}.cds__column{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;--bc: min(92%, var(--cds-bubble-w, 440px));--pc: min(88%, var(--cds-card-w, 440px))}.cds .cds__item{display:block;position:relative;flex:none}.cds__item--bubble{width:var(--bc);aspect-ratio:1;margin-top:calc(var(--vt) * var(--bc) * -1);margin-bottom:calc((var(--vb) - 1) * var(--bc))}.cds__item--card{width:var(--pc);aspect-ratio:1921 / 1081;margin-top:calc(var(--pc) * -.0225);margin-bottom:calc(var(--pc) * -.0394);transform:rotate(var(--rot))}.cds__item--card[data-side=left],.cds__card--left{--rot: calc(var(--cds-tilt, 1deg) * -1)}.cds__item--card[data-side=right],.cds__card--right{--rot: var(--cds-tilt, 1deg)}.cds__item img,.cds__bubble img,.cds__card img{display:block;width:100%;height:100%;object-fit:contain}.cds__empty-label{position:absolute;inset:calc(var(--vt) * 100%) calc((1 - var(--vr)) * 100%) calc((1 - var(--vb)) * 100%) calc(var(--vl) * 100%);display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-size:1.4rem;outline:1px dashed currentColor;outline-offset:-1px}.cds__bubble{opacity:0;visibility:hidden;--pop: .92;transition:opacity var(--out-dur) ease,visibility 0s linear var(--out-dur),transform 0s linear var(--out-dur)}.cds--fade .cds__bubble{--pop: 1}.cds[data-line="1"] .cds__bubble[data-line="1"],.cds[data-line="2"] .cds__bubble[data-line="2"],.cds[data-line="3"] .cds__bubble[data-line="3"],.cds[data-line="4"] .cds__bubble[data-line="4"],.cds[data-line="5"] .cds__bubble[data-line="5"],.cds[data-line="6"] .cds__bubble[data-line="6"],.cds[data-line="7"] .cds__bubble[data-line="7"],.cds[data-line="8"] .cds__bubble[data-line="8"]{opacity:1;visibility:visible;pointer-events:auto;--pop: 1;transition:opacity var(--in-dur) ease-out,visibility 0s,transform var(--in-dur) cubic-bezier(.2,.8,.2,1)}.cds[data-instant] .cds__bubble,.cds[data-instant] .cds__face{transition:none!important}@supports (width: 1cqi){.cds__track{--hdr: var(--header-height, 0px);--imli-h: min(calc(var(--cds-p, 78) * 1vh), calc(100vh - var(--hdr) - 32px), 151.06cqi);--imli-w: calc(var(--imli-h) * .5627);--pin-top: calc(var(--hdr) + (100vh - var(--hdr) - var(--imli-h)) / 2);--step: calc(var(--cds-step, 90) * 1vh);--side: calc((100cqi - var(--imli-w)) / 2);--shadow: calc(var(--imli-w) * .05)}@media(min-height:500px){.cds--js:not(.cds--phone-static):not(.cds--empty) .cds__track{display:grid;grid-template-columns:100%;align-items:start;gap:0;position:relative}.cds--js:not(.cds--phone-static):not(.cds--empty) .cds__stage--imli{grid-area:1 / 1;position:sticky;top:var(--pin-top);height:var(--imli-h);z-index:1}.cds--js:not(.cds--phone-static):not(.cds--empty) .cds__frame{width:var(--imli-w);height:var(--imli-h);box-shadow:var(--shadow) var(--shadow) 0 #00000080;transform-origin:50% 100%}.cds--js:not(.cds--phone-static):not(.cds--empty) .cds__face{display:block}.cds--js:not(.cds--phone-static):not(.cds--empty) .cds__column{grid-area:1 / 1;position:relative;z-index:2;gap:calc(var(--cds-gap, 40) * 1vh);padding-top:calc(100vh - var(--pin-top));padding-bottom:max(0px,calc(var(--imli-h) * .75 - var(--cds-last-half)));--bc: min(92cqi, 121vh, var(--cds-bubble-w, 440px));--pc: min(88cqi, 160vh, var(--cds-card-w, 440px))}.cds--js.cds--near:not(.cds--phone-static):not(.cds--empty) .cds__face{will-change:opacity}.cds--js.cds--near:not(.cds--phone-static):not(.cds--empty) .cds__item{will-change:transform}}@media(min-width:990px)and (min-height:500px)and (min-aspect-ratio:1055/1000){.cds--js:not(.cds--empty) .cds__track{display:grid;grid-template-columns:100%;align-items:start;gap:0;position:relative;height:calc(var(--imli-h) + var(--cds-n, 1) * var(--step))}.cds--js:not(.cds--empty) .cds__stage--imli{grid-area:1 / 1;position:sticky;top:var(--pin-top);height:var(--imli-h);z-index:1}.cds--js:not(.cds--empty) .cds__frame{width:var(--imli-w);height:var(--imli-h);box-shadow:var(--shadow) var(--shadow) 0 #00000080;transform-origin:50% 100%}.cds--js:not(.cds--empty) .cds__face{display:block}.cds--js:not(.cds--empty) .cds__column{display:none}.cds--js:not(.cds--empty) .cds__cards{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.cds--js:not(.cds--empty) .cds__stage--bubbles{display:block;grid-area:1 / 1;position:sticky;top:var(--pin-top);height:var(--imli-h);z-index:3;pointer-events:none;--c: max(340px, min(var(--cds-bubble-w, 440px), calc((var(--side) - 24px) / .7)))}.cds__bubble{position:absolute;width:var(--c);aspect-ratio:1;--tip-x: calc(50cqi + var(--sd) * var(--imli-w) / 2 + var(--nx, 0) * var(--imli-w));--tip-y: calc((var(--yf) + var(--ny, 0)) * var(--imli-h));left:clamp(calc(24px + (var(--tx) - var(--vl)) * var(--c)),var(--tip-x),calc(100cqi - 24px - (var(--vr) - var(--tx)) * var(--c)));top:clamp(calc(var(--hdr) + 8px - var(--pin-top) + (var(--ty) - var(--vt)) * var(--c)),var(--tip-y),calc(100vh - 8px - var(--pin-top) - (var(--vb) - var(--ty)) * var(--c)));transform:translate(calc(var(--tx) * -100%),calc(var(--ty) * -100%)) scale(var(--pop));transform-origin:calc(var(--tx) * 100%) calc(var(--ty) * 100%)}.cds__card{position:absolute;--free: var(--side);--cw: min(var(--cds-card-dw, 660px) * .8735, var(--side) - 24px + .15 * var(--imli-w));--off: max(var(--free) / 2, 24px + var(--cw) / 2);width:calc(var(--cw) / .8735);aspect-ratio:1921 / 1081;top:calc(50vh - var(--pin-top) + (var(--i) - .5) * var(--step));transform:translate(-49.75%,-48.5%) rotate(var(--rot))}.cds__card--left{left:var(--off)}.cds__card--right{--free: calc(var(--side) - var(--shadow));left:calc(100cqi - var(--off))}.cds--js.cds--near:not(.cds--empty) .cds__face{will-change:opacity}.cds--js.cds--near:not(.cds--empty) .cds__card{will-change:transform}.cds--js.cds--near:not(.cds--empty) .cds__bubble{will-change:transform,opacity}}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-character-dialogue-scroll.css.map */