@charset "UTF-8";*{border:0;box-sizing:border-box;margin:0;padding:0}.three-scene-container{--hue: 223;--bg: hsl(var(--hue), 90%, 50%);--front: hsl(var(--hue), 90%, 95%);--back: hsl(var(--hue), 90%, 5%);--trans-dur: .3s;background-color:var(--bg);color:var(--back);display:grid;place-items:center;font:1em/1.5 -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif;height:100%}.three-scene-container.react-variant{--tot-size: 20em;--tot-font-size: 3em}.tot{position:relative;width:var(--tot-size, 20em);height:var(--tot-size, 20em);max-width:100%;max-height:100%}.tot__layer,.tot__tread{position:absolute;top:50%;left:50%}.tot__layer{color:transparent;direction:ltr;font-size:var(--tot-font-size, 3em);font-weight:700;line-height:1;transform:translate(-50%,-50%) rotateX(45deg) rotate(45deg);transform-style:preserve-3d}.tot__tread{animation-name:letter-tread-back;animation-timing-function:linear;animation-iteration-count:infinite;backface-visibility:hidden;color:var(--back);overflow:hidden;height:100%;transform:translate(-50%,-50%);transition:color var(--trans-dur)}.tot__tread-window-inner{display:block;white-space:nowrap;transform:rotateY(180deg);font-size:var(--tot-font-size, 3em);letter-spacing:.02em;font-kerning:normal;font-feature-settings:"palt" 1;font-variant-east-asian:proportional-width;font-family:Noto Sans JP,Hiragino Sans,Meiryo,system-ui,sans-serif}.tot__layer:last-child .tot__tread{animation-name:letter-tread-front;color:var(--front)}.tot__layer:last-child .tot__tread-window-inner{transform:rotateY(0)}.tot__emoji-mirror{display:inline-block;transform:scaleX(-1)}@media (max-width: 1024px){.three-scene-container.react-variant .tot__layer{font-size:calc(var(--tot-font-size, 3em) * .9)}}@media (max-width: 640px){.three-scene-container.react-variant .tot__layer{font-size:calc(var(--tot-font-size, 3em) * .8)}}@keyframes letter-tread-back{0%{transform:translate(-50%,-50%) translate(0) rotateY(0) translateZ(-2rem)}20.4181727494%{transform:translate(-50%,-50%) translate(14rem) rotateY(0) translateZ(-2rem)}29.5818272506%{transform:translate(-50%,-50%) translate(14rem) rotateY(-180deg) translateZ(-2rem)}50%{transform:translate(-50%,-50%) translate(0) rotateY(-180deg) translateZ(-2rem)}70.4181727494%{transform:translate(-50%,-50%) translate(-14rem) rotateY(-180deg) translateZ(-2rem)}79.5818272506%{transform:translate(-50%,-50%) translate(-14rem) rotateY(-360deg) translateZ(-2rem)}to{transform:translate(-50%,-50%) translate(0) rotateY(-360deg) translateZ(-2rem)}}@keyframes letter-tread-front{0%{transform:translate(-50%,-50%) translate(0) rotateY(0) translateZ(2rem)}20.4181727494%{transform:translate(-50%,-50%) translate(-14rem) rotateY(0) translateZ(2rem)}29.5818272506%{transform:translate(-50%,-50%) translate(-14rem) rotateY(-180deg) translateZ(2rem)}50%{transform:translate(-50%,-50%) translate(0) rotateY(-180deg) translateZ(2rem)}70.4181727494%{transform:translate(-50%,-50%) translate(14rem) rotateY(-180deg) translateZ(2rem)}79.5818272506%{transform:translate(-50%,-50%) translate(14rem) rotateY(-360deg) translateZ(2rem)}to{transform:translate(-50%,-50%) translate(0) rotateY(-360deg) translateZ(2rem)}}@keyframes letter-tread-back-sm{0%{transform:translate(-50%,-50%) translate(0) rotateY(0) translateZ(-2rem)}19.8129752176%{transform:translate(-50%,-50%) translate(12rem) rotateY(0) translateZ(-2rem)}30.1870247824%{transform:translate(-50%,-50%) translate(12rem) rotateY(-180deg) translateZ(-2rem)}50%{transform:translate(-50%,-50%) translate(0) rotateY(-180deg) translateZ(-2rem)}69.8129752176%{transform:translate(-50%,-50%) translate(-12rem) rotateY(-180deg) translateZ(-2rem)}80.1870247824%{transform:translate(-50%,-50%) translate(-12rem) rotateY(-360deg) translateZ(-2rem)}to{transform:translate(-50%,-50%) translate(0) rotateY(-360deg) translateZ(-2rem)}}@keyframes letter-tread-front-sm{0%{transform:translate(-50%,-50%) translate(0) rotateY(0) translateZ(2rem)}19.8129752176%{transform:translate(-50%,-50%) translate(-12rem) rotateY(0) translateZ(2rem)}30.1870247824%{transform:translate(-50%,-50%) translate(-12rem) rotateY(-180deg) translateZ(2rem)}50%{transform:translate(-50%,-50%) translate(0) rotateY(-180deg) translateZ(2rem)}69.8129752176%{transform:translate(-50%,-50%) translate(12rem) rotateY(-180deg) translateZ(2rem)}80.1870247824%{transform:translate(-50%,-50%) translate(12rem) rotateY(-360deg) translateZ(2rem)}to{transform:translate(-50%,-50%) translate(0) rotateY(-360deg) translateZ(2rem)}}@media (max-width: 640px){.tot__tread{animation-name:letter-tread-back-sm}.tot__layer:last-child .tot__tread{animation-name:letter-tread-front-sm}}.three-scene-container.react-variant,.three-scene-container.react-variant *{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none}.react-cloud{position:absolute;width:12rem;height:12rem;z-index:30;cursor:pointer;border-radius:1rem;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0}.react-cloud:focus,.react-cloud *:focus{outline:none!important}.react-cloud canvas{outline:none!important;border:0;-webkit-tap-highlight-color:transparent}.react-cloud--tr{top:0;right:0}.react-cloud--bl{left:0;bottom:0}