@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:90ms;animation-timing-function:linear;animation-fill-mode:both}::view-transition-old(root){animation-name:u20-vt-root-out}::view-transition-new(root){animation-name:u20-vt-root-in}@keyframes u20-vt-root-out{0%{opacity:1}to{opacity:0}}@keyframes u20-vt-root-in{0%{opacity:0}to{opacity:1}}:root{--u20-kinetic-bg: #fff;--u20-kinetic-text: #000;--u20-kinetic-line-opacity: .05;--u20-kinetic-en-size: 132px;--u20-kinetic-ja-size: 104px;--u20-kinetic-row-gap: 68px}.u20-kinetic-transition{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483600;width:100vw;height:100vh;height:100dvh;overflow:hidden;visibility:hidden;pointer-events:none;opacity:1;isolation:isolate;contain:layout paint style}.u20-kinetic-transition__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--u20-kinetic-bg);opacity:0}.u20-kinetic-type{position:absolute;z-index:1;top:50%;left:50%;width:100vmax;height:100vmax;margin-top:-50vmax;margin-left:-50vmax;display:grid;justify-content:center;align-content:center;row-gap:var(--u20-kinetic-row-gap);text-align:center;color:var(--u20-kinetic-text);transform:scale(1) rotate(0);transform-origin:50% 50%}.u20-kinetic-runtime-type{position:absolute;z-index:2;top:50%;left:50%;width:100vmax;height:100vmax;margin-top:-50vmax;margin-left:-50vmax;color:var(--u20-kinetic-text);opacity:0;visibility:hidden;pointer-events:none;transform:scale(1) rotate(0) translateZ(0);transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.u20-kinetic-runtime-group{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.u20-kinetic-runtime-line{position:absolute;width:max-content;max-width:none;white-space:nowrap;line-height:.82;transform:translate(-50%,-50%);transform-origin:center;color:var(--u20-kinetic-text);user-select:none;-webkit-user-select:none;font-family:Impact,Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900;font-stretch:condensed;letter-spacing:-.045em}.u20-kinetic-runtime-line[data-u20-kinetic-lang=ja]{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,YuGothic,Meiryo,sans-serif;font-weight:900!important;font-synthesis:weight;font-variation-settings:"wght" 900;-webkit-text-stroke:1.5px currentColor;paint-order:stroke fill;text-shadow:none;letter-spacing:-.055em}html.u20-kinetic-runtime-active .u20-kinetic-type{visibility:hidden}html.u20-kinetic-active.u20-kinetic-runtime-active .u20-kinetic-runtime-type{visibility:visible}html.u20-kinetic-prepared .u20-kinetic-runtime-type,html.u20-kinetic-active .u20-kinetic-runtime-type{will-change:transform,opacity}html.u20-kinetic-prepared .u20-kinetic-runtime-group,html.u20-kinetic-active .u20-kinetic-runtime-group{will-change:transform}.u20-kinetic-type__line{position:relative;left:var(--u20-kinetic-offset-x, 0px);top:var(--u20-kinetic-offset-y, 0px);width:max-content;max-width:none;white-space:nowrap;line-height:.82;font-family:Impact,Arial Black,Helvetica Neue,Arial,sans-serif;font-weight:900;font-stretch:condensed;letter-spacing:-.045em;color:var(--u20-kinetic-text);opacity:var(--u20-kinetic-line-opacity);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.u20-kinetic-type__line[data-u20-kinetic-lang=en]{font-size:var(--u20-kinetic-item-size, var(--u20-kinetic-en-size))}.u20-kinetic-type__line[data-u20-kinetic-lang=ja]{font-size:var(--u20-kinetic-item-size, var(--u20-kinetic-ja-size));font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,YuGothic,Meiryo,sans-serif;font-weight:900!important;font-synthesis:weight;font-variation-settings:"wght" 900;-webkit-text-stroke:3px currentColor;paint-order:stroke fill;text-shadow:.75px 0 currentColor,-.75px 0 currentColor,0 .75px currentColor,0 -.75px currentColor;letter-spacing:-.055em}html.u20-kinetic-prepared .u20-kinetic-transition__backdrop,html.u20-kinetic-active .u20-kinetic-transition__backdrop,html.u20-kinetic-arrival .u20-kinetic-transition__backdrop{will-change:opacity}html.u20-kinetic-active,html.u20-kinetic-active body,html.u20-kinetic-arrival,html.u20-kinetic-arrival body{overflow:hidden!important;overscroll-behavior:none}html.u20-kinetic-active .u20-kinetic-transition,html.u20-kinetic-arrival .u20-kinetic-transition{visibility:visible;pointer-events:auto}html.u20-kinetic-underlay-hidden body>:not(.u20-kinetic-transition):not(script):not(style){visibility:hidden!important}html.u20-kinetic-active .u20-kinetic-type__line[data-u20-kinetic-lang=ja]{-webkit-text-stroke-width:1.5px;text-shadow:none}html.u20-kinetic-arrival .u20-kinetic-transition__backdrop{opacity:1}html.u20-kinetic-arrival .u20-kinetic-type{opacity:0;visibility:hidden}html.u20-kinetic-layout-preview .u20-kinetic-transition{z-index:2147482000;visibility:visible;pointer-events:auto}html.u20-kinetic-layout-preview .u20-kinetic-transition__backdrop{opacity:1}html.u20-kinetic-layout-preview .u20-kinetic-type{transform:scale(2.7) rotate(-90deg) translateZ(0)}html.u20-kinetic-layout-preview .u20-kinetic-type__line{opacity:1;transform:translateZ(0)}html.u20-kinetic-layout-preview .u20-kinetic-transition__backdrop,html.u20-kinetic-layout-preview .u20-kinetic-type{pointer-events:none}html.u20-kinetic-layout-preview .u20-kinetic-type__line{pointer-events:auto;cursor:grab;touch-action:none}html.u20-kinetic-layout-preview .u20-kinetic-type__line.is-dragging{cursor:grabbing}html.u20-kinetic-layout-preview .u20-kinetic-type__line.is-selected{outline:1px dashed rgba(22,133,255,.9);outline-offset:8px}@media(min-width:990px){html.u20-kinetic-mobile-preview-frame .u20-kinetic-transition{inset:auto;left:var(--u20-mobile-preview-left, 50vw);top:var(--u20-mobile-preview-top, 50vh);width:var(--u20-mobile-preview-width, 390px);height:var(--u20-mobile-preview-height, 844px);transform:translate(-50%,-50%) scale(var(--u20-mobile-preview-scale, 1));transform-origin:50% 50%;border-radius:32px;box-shadow:0 0 0 8px #11151d,0 20px 70px #0000007a}html.u20-kinetic-mobile-preview-frame .u20-kinetic-transition__backdrop{border-radius:inherit}}html.u20-kinetic-animation-editor .u20-kinetic-transition{z-index:2147482000}html.u20-kinetic-animation-editor.u20-kinetic-animation-paused .u20-kinetic-runtime-type{pointer-events:auto}html.u20-kinetic-animation-editor.u20-kinetic-animation-paused .u20-kinetic-runtime-group{pointer-events:none}html.u20-kinetic-animation-editor.u20-kinetic-animation-paused .u20-kinetic-runtime-line{pointer-events:auto;cursor:grab;touch-action:none}html.u20-kinetic-animation-editor.u20-kinetic-animation-paused .u20-kinetic-runtime-line.is-dragging{cursor:grabbing}html.u20-kinetic-animation-editor.u20-kinetic-animation-paused .u20-kinetic-runtime-line.is-selected{outline:1px dashed rgba(22,133,255,.95);outline-offset:8px}html.u20-kinetic-first-frame-edit .u20-kinetic-runtime-line{cursor:grab}@media(min-width:990px){.u20-kinetic-tuner__first-frame-actions{grid-template-columns:1fr}.u20-kinetic-tuner__first-frame-actions button{min-height:36px;border-color:#5bb8ff6b;background:#1769aa52}}@media(min-width:990px){.u20-kinetic-tuner-group{padding:0!important}.u20-kinetic-tuner-group .u20-world-tuner__group-body{padding:8px 10px 12px}.u20-kinetic-tuner__row{display:grid;grid-template-columns:128px minmax(100px,1fr) 58px;align-items:center;gap:8px;min-height:44px;color:#c5cbd7}.u20-kinetic-tuner__selection{margin:2px 2px 6px;color:#9da6b9;font-size:11px;line-height:1.35}.u20-kinetic-animation-controls[hidden]{display:none!important}.u20-kinetic-animation-controls{margin-top:8px;padding:9px;border:1px solid rgba(91,184,255,.28);border-radius:9px;background:#1169aa1a}.u20-kinetic-tuner__timeline-row{display:grid;grid-template-columns:74px minmax(110px,1fr) 42px;align-items:center;gap:8px;color:#c5cbd7}.u20-kinetic-tuner__timeline-row label,.u20-kinetic-tuner__timeline-row span{font-size:12px;line-height:1}.u20-kinetic-tuner__timeline-row span{text-align:right;color:#9fbce0}.u20-kinetic-tuner__timeline-row input[type=range]{width:100%;accent-color:#1685ff}.u20-kinetic-tuner__range-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 9px;border-radius:7px;background:#ffffff0e;color:#aeb7c9;font-size:12px}.u20-kinetic-tuner__range-summary strong{color:#d9e7fb;font-weight:600}.u20-kinetic-tuner__duration-row{margin-top:8px;grid-template-columns:74px minmax(110px,1fr) 58px}.u20-kinetic-tuner__duration-row input[type=number]{width:58px;min-width:0;padding:6px 4px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#343b4c;color:#d9deea;font:inherit;font-size:11px;text-align:center;box-sizing:border-box}.u20-kinetic-tuner__boundary-actions button{min-height:34px;font-size:12px}.u20-kinetic-tuner__animation-actions{margin-top:8px}.u20-kinetic-tuner__row label{font-size:16px;line-height:1.15}.u20-kinetic-tuner__row input[type=range]{width:100%;accent-color:#1685ff}.u20-kinetic-tuner__row input:disabled{opacity:.38;cursor:not-allowed}.u20-kinetic-tuner__row input[type=number]{width:58px;min-width:0;padding:7px 5px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#343b4c;color:#d9deea;font:inherit;font-size:11px;text-align:center;box-sizing:border-box}.u20-kinetic-tuner__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.u20-kinetic-tuner__actions button{min-height:38px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#282f3e;color:#fff;font:inherit;font-size:14px;cursor:pointer}.u20-kinetic-tuner__actions button:hover{background:#333c50}.u20-kinetic-tuner__actions [data-u20-kinetic-preview].is-active,.u20-kinetic-tuner__actions [data-u20-kinetic-animation-preview].is-active{background:#1769aa;border-color:#5bb8ff8c}.u20-kinetic-tuner__copy-actions{margin-top:7px}.u20-kinetic-tuner__copy-actions button{pointer-events:auto!important;touch-action:manipulation;cursor:pointer}.u20-kinetic-tuner__actions button:disabled{opacity:.42;cursor:not-allowed}.u20-kinetic-tuner__actions button:disabled:hover{background:#282f3e}.u20-kinetic-tuner__hint{margin:8px 2px 1px;color:#8992a5;font-size:11px;line-height:1.45}}@media(prefers-reduced-motion:reduce){.u20-kinetic-transition{display:none!important}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/618/assets/u20-kinetic-page-transition.css.map */