body .lp-ui .lp-rot{container-type:inline-size;margin:28px auto 0;max-width:1000px}body .lp-ui .lp-rot__box{position:relative;height:176px;background:#fff;border:1px solid #ece4fb;border-radius:18px;overflow:hidden;box-shadow:0 18px 40px -32px #4b10b973}body .lp-ui .lp-rot__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}body .lp-ui .lp-rot__slide.is-on{opacity:1;visibility:visible;transition:opacity .45s ease}body .lp-ui .lp-rot__vis{position:absolute;top:0;bottom:0;left:0;width:min(var(--w, 44%),calc(var(--wn, 44) * 6.8px));overflow:hidden}body .lp-ui .lp-rot__vis img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos, 50% 50%)}body .lp-ui .lp-rot__vis--photo{width:min(var(--w, 44%),300px)}body .lp-ui .lp-rot__vis--soft{width:min(40%,300px);display:flex;align-items:center;justify-content:center;padding-right:min(4%,30px);background:radial-gradient(rgba(75,16,185,.1) 1.1px,transparent 1.6px) 0 0 / 14px 14px,linear-gradient(90deg,#eee3ff,#f4edff 58%,#fff0)}body .lp-ui .lp-rot__vis--soft:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#fff0 55%,#fff)}body .lp-ui .lp-rot__vis--logo{width:min(32%,300px);display:flex;align-items:center;justify-content:center;padding:0 34px;background:var(--lp-magenta, #fe01ff)}body .lp-ui .lp-rot__vis--logo img{position:relative;inset:auto;width:100%;max-width:236px;height:auto;object-fit:contain;filter:brightness(0) invert(1)}body .lp-ui .lp-rot__num{position:relative;z-index:1;font-family:var(--lp-head);font-weight:900;font-size:84px;line-height:1;letter-spacing:-.03em;white-space:nowrap;background:linear-gradient(90deg,var(--lp-purple, #4b10b9),var(--lp-magenta, #fe01ff));-webkit-background-clip:text;background-clip:text;color:transparent}body .lp-ui .lp-rot__num--rank{font-size:116px;line-height:.9;transform:translateY(5px)}body .lp-ui .lp-rot__hash{font-size:.56em;vertical-align:.62em;margin-right:.04em;letter-spacing:0}body .lp-ui .lp-rot__text{position:absolute;top:0;bottom:0;left:min(41.5%,322px);right:40px;margin:0;display:flex;flex-direction:column;justify-content:center}body .lp-ui .lp-rot__row{display:flex;align-items:center;gap:32px}body .lp-ui .lp-rot__stattext{flex:0 0 auto;min-width:0}body .lp-ui .lp-rot__lbl{margin:0;font-family:var(--lp-head);font-weight:800;font-size:28px;line-height:1.1;color:#111;white-space:nowrap}body .lp-ui .lp-rot__src{margin:7px 0 0;font-size:15px;line-height:1.4;color:#6b6b78}body .lp-ui .lp-rot__src a{color:var(--lp-purple, #4b10b9);font-weight:700;text-decoration:none;white-space:nowrap}body .lp-ui .lp-rot__src a:hover{text-decoration:underline;text-underline-offset:3px}body .lp-ui .lp-rot__q{margin:0;padding:0;border:0;font-style:normal;font-size:22px;line-height:1.32;font-weight:600;letter-spacing:-.005em;color:#111}body .lp-ui .lp-rot__q:before{content:"\201c";color:var(--lp-magenta, #fe01ff);font-weight:800}body .lp-ui .lp-rot__q:after{content:"\201d";color:var(--lp-magenta, #fe01ff);font-weight:800}body .lp-ui .lp-rot__who{margin-top:10px;font-size:11.5px;line-height:1.2;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-purple, #4b10b9)}body .lp-ui .lp-rot__role{margin-left:8px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:#6b6b78}body .lp-ui .lp-rot__bars{flex:0 1 190px;width:190px;min-width:0}body .lp-ui .lp-rot__barcap{margin:0 0 8px;font-size:10.5px;line-height:1;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6b6b78}body .lp-ui .lp-rot__bar{margin:0;display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:#3c3c46}body .lp-ui .lp-rot__bar+.lp-rot__bar{margin-top:8px}body .lp-ui .lp-rot__bar b{display:block;height:12px;border-radius:99px;background:#f3effb;overflow:hidden}body .lp-ui .lp-rot__bar i{display:block;height:100%;width:0;border-radius:99px;background:#cfc6de}body .lp-ui .lp-rot__bar--lp span{color:var(--lp-purple, #4b10b9);font-weight:800}body .lp-ui .lp-rot__bar--lp i{background:linear-gradient(90deg,var(--lp-purple, #4b10b9),var(--lp-magenta, #fe01ff))}body .lp-ui .lp-rot__slide.is-on .lp-rot__bar i{width:var(--bw);transition:width 1s cubic-bezier(.2,.8,.2,1) .35s}body .lp-ui .lp-rot__slide.is-on .lp-rot__bar--lp i{transition-delay:.6s}body .lp-ui .lp-rot__dots{position:absolute;right:18px;bottom:13px;display:flex;gap:6px;z-index:3}body .lp-ui .lp-rot__dots button{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;cursor:pointer;width:7px;height:7px;min-width:0;min-height:0;border-radius:99px;background:#dcd0f3;transition:width .25s ease,background .25s ease}body .lp-ui .lp-rot__dots button.is-on{width:20px;background:linear-gradient(90deg,var(--lp-purple, #4b10b9),var(--lp-magenta, #fe01ff))}body .lp-ui .lp-rot__dots button:focus-visible{outline:2px solid #70cbff;outline-offset:3px}body .lp-ui .lp-rot__prog{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:3;opacity:.45}body .lp-ui .lp-rot__prog i{position:absolute;top:0;bottom:0;left:0;width:0;background:linear-gradient(90deg,#b9a3ec,var(--lp-purple, #4b10b9))}body .lp-ui .lp-rot__prog i.is-run{animation:lp-rot-fill var(--lp-rot-dur, 5.5s) linear forwards}body .lp-ui .lp-rot__box.is-paused .lp-rot__prog i.is-run{animation-play-state:paused}@keyframes lp-rot-fill{to{width:100%}}body .lp-ui .lp-rot__box.is-ready .lp-rot__slide .lp-rot__vis{opacity:0;transform:translate(-24px)}body .lp-ui .lp-rot__box.is-ready .lp-rot__slide.is-on .lp-rot__vis{opacity:1;transform:none;transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1)}body .lp-ui .lp-rot__box.is-ready .lp-rot__slide.is-on .lp-rot__vis--photo img{animation:lp-rot-zoom 6s ease-out forwards}@keyframes lp-rot-zoom{0%{transform:scale(1.05)}to{transform:scale(1)}}body .lp-ui .lp-rot__box.is-ready .lp-rot__rise{opacity:0;transform:translateY(12px)}body .lp-ui .lp-rot__box.is-ready .lp-rot__slide.is-on .lp-rot__rise{opacity:1;transform:none;transition:opacity .5s ease .15s,transform .55s cubic-bezier(.2,.8,.2,1) .15s}body .lp-ui .lp-rot__box.is-ready .lp-rot__slide.is-on .lp-rot__rise+.lp-rot__rise{transition-delay:.25s}@container (max-width: 900px){body .lp-ui .lp-rot__bars{display:none}}@container (max-width: 860px){body .lp-ui .lp-rot__lbl{font-size:23px;white-space:normal}body .lp-ui .lp-rot__q{font-size:17px}}@container (max-width: 600px){body .lp-ui .lp-rot__box{height:168px;border-radius:16px}body .lp-ui .lp-rot__vis--photo{width:min(var(--mw, 40%),40%)}body .lp-ui .lp-rot__vis img{object-position:var(--mpos, 50% 50%)}body .lp-ui .lp-rot__vis--mzoom img{inset:auto;width:var(--mz, 100%);height:auto;left:var(--mx, 0%);top:var(--my, 0%);object-fit:initial}body .lp-ui .lp-rot__box.is-ready .lp-rot__slide.is-on .lp-rot__vis--mzoom img{animation:none}body .lp-ui .lp-rot__vis--soft{width:42%;padding-right:6%}body .lp-ui .lp-rot__vis--logo{width:40%;padding:0 12px}body .lp-ui .lp-rot__num{font-size:46px}body .lp-ui .lp-rot__num--rank{font-size:64px}body .lp-ui .lp-rot__text{left:43%;right:14px;padding-bottom:14px}body .lp-ui .lp-rot__stattext{flex:1 1 auto}body .lp-ui .lp-rot__lbl{font-size:18px;white-space:normal}body .lp-ui .lp-rot__src{font-size:12.5px;margin-top:4px}body .lp-ui .lp-rot__sep{display:none}body .lp-ui .lp-rot__src a{display:block;margin-top:4px}body .lp-ui .lp-rot__q{font-size:14px}body .lp-ui .lp-rot__who{margin-top:6px;font-size:10px}body .lp-ui .lp-rot__role{display:block;margin:2px 0 0;font-size:11.5px}body .lp-ui .lp-rot__dots{right:16px;top:auto;bottom:12px;transform:none}body .lp-ui .lp-rot__prog{height:3px;opacity:1}body .lp-ui .lp-rot__prog i{background:linear-gradient(90deg,var(--lp-purple, #4b10b9),var(--lp-magenta, #fe01ff),#70cbff)}}@media(max-width:749px){body .lp-ui .lp-rot{margin-top:20px}}@media(prefers-reduced-motion:reduce){body .lp-ui .lp-rot *,body .lp-ui .lp-rot *:before{transition:none!important;animation:none!important}}body .lp-ui .lp-rot__box{isolation:isolate}
/*# sourceMappingURL=/cdn/shop/t/33/assets/lp-rotator.css.map */