@charset "UTF-8";.srOnly{position:fixed!important;top:0!important;left:0!important;display:block!important;visibility:visible!important;width:4px!important;height:4px!important;padding:0!important;margin:0!important;overflow:hidden!important;border:none!important;opacity:0!important}:root{--viewport-width: 100vw;--window-width: tan(atan2(var(--viewport-width), 1px)) ;--max-width: 1440px;--base-font: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "MS Pゴシック", "MS PGothic", sans-serif;--fz-root: clamp(.9375 * 1rem, (var(--window-width) * .0000587 + .916) * 1rem, 1 * 1rem)}@property --viewport-width{syntax: "<length>"; initial-value: 0; inherits: false;}*:where(:not(html,iframe,canvas,img,svg,video,a,svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-size:1rem}a,button{cursor:revert}ul,ol,menu,details{list-style-type:""}img,picture,video,canvas,svg{max-width:100%;height:auto}img{width:100%;vertical-align:bottom}svg{width:100%}table{border-collapse:collapse}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input,button,textarea,select{font:inherit}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}b,strong{font-weight:700}em,i{font-style:italic}s,strike,del{text-decoration:line-through}sup{font-size:smaller;vertical-align:super}sub{font-size:smaller;vertical-align:sub}a{display:inline-block;color:inherit;text-decoration:none}button{touch-action:manipulation;cursor:pointer}iframe{width:100%;height:100%}::-moz-placeholder{color:unset}::placeholder{color:unset}:where([hidden]){display:none}summary::-webkit-details-marker{display:none}body{padding-right:var(--scrollbar-width, 0);overflow-y:scroll;font-family:var(--base-font);font-feature-settings:"palt";color:var(--blue);line-break:strict;word-break:normal;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Noto Sans JP,sans-serif;font-style:normal;font-weight:400;font-optical-sizing:auto;font-feature-settings:"palt" on;font-size:var(--fz-root);line-height:1.75;letter-spacing:.04em}.is-horizontal body{overflow:scroll hidden}.js-focus-visible :focus:not(.focus-visible){outline:none}.js-focus-visible .focus-visible{outline:currentcolor 2px dashed;outline-offset:1px}.pcOnly{display:none}@media screen and (width >= max(768px,48rem)){.pcOnly{display:block}}@media screen and (width >= max(768px,48rem)){.spOnly{display:none}}[tabindex="-1"]:focus-visible{outline:none}dialog{position:fixed;inset:0}dialog:not(.is-open){opacity:0}dialog::backdrop{background:initial}[data-astro-cid-sckkx6r4][data-content].is-preparing{opacity:0}app-preview-card[data-astro-cid-igdanub2]{display:contents}.card[data-astro-cid-igdanub2]{display:flex;flex-direction:column;width:100%;max-width:560px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:8px;box-shadow:0 2px 24px #0003}.header[data-astro-cid-igdanub2]{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;height:44px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05)}.easing-name[data-astro-cid-igdanub2]{font-family:monospace;font-size:13px;color:#0ae448}.actions[data-astro-cid-igdanub2]{display:flex;gap:2px;align-items:center}.btn[data-astro-cid-igdanub2]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#fff;border-radius:4px;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}@media(hover:hover){.btn[data-astro-cid-igdanub2]:hover{color:#fff;background:#ffffff0d}}.btn[data-astro-cid-igdanub2]:focus-visible{outline:2px dashed #0ae448;outline-offset:2px}.btn[data-astro-cid-igdanub2].is-active{color:#0ae448;background:#0ae44814;box-shadow:inset 0 0 0 1px #0ae4481f}.btn[data-astro-cid-igdanub2] svg[data-astro-cid-igdanub2]{width:13px;height:13px}.stage[data-astro-cid-igdanub2]{position:relative;aspect-ratio:1;max-height:50vh}.object[data-astro-cid-igdanub2]{position:absolute;top:50%;left:20px;width:28px;height:28px;background:#0ae448;border-radius:3px;box-shadow:0 0 20px #0ae4484d,0 0 4px #0ae44880;transform:translateY(-50%)}.text-wrapper[data-astro-cid-igdanub2]{position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.text-wrapper[data-astro-cid-igdanub2].is-hidden{display:none}.text[data-astro-cid-igdanub2]{font-family:monospace;font-size:32px;font-weight:700;color:#0ae448;white-space:nowrap;text-shadow:0 0 20px rgba(10,228,72,.3)}.footer[data-astro-cid-igdanub2]{display:flex;flex-shrink:0;gap:4px;align-items:center;justify-content:center;height:40px;padding:0 16px;border-top:1px solid rgba(255,255,255,.05)}.motion-btn[data-astro-cid-igdanub2]{padding:4px 12px;font-size:10px;color:#fff;border-radius:4px;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}@media(hover:hover){.motion-btn[data-astro-cid-igdanub2]:hover{background:#ffffff08}}.motion-btn[data-astro-cid-igdanub2]:focus-visible{outline:2px dashed #0ae448;outline-offset:2px}.motion-btn[data-astro-cid-igdanub2].is-active{color:#0ae448;background:#0ae44814;box-shadow:inset 0 0 0 1px #0ae4481f}.is-hidden[data-astro-cid-igdanub2]{display:none}app-easing-section[data-astro-cid-o7zw2cx7]{display:contents}.section[data-astro-cid-o7zw2cx7]{display:flex;flex-shrink:0;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.04)}.summary[data-astro-cid-o7zw2cx7]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px;cursor:pointer;list-style:none}.summary[data-astro-cid-o7zw2cx7]:focus-visible{outline:2px dashed #0ae448;outline-offset:-2px}.summary[data-astro-cid-o7zw2cx7]::-webkit-details-marker{display:none}.summary[data-astro-cid-o7zw2cx7]::marker{display:none;content:""}.summary[data-astro-cid-o7zw2cx7]:after{display:block;width:12px;height:12px;content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230ae448' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;transition:transform .35s cubic-bezier(.23,1,.32,1)}.section[data-astro-cid-o7zw2cx7]:not(.is-open)>.summary[data-astro-cid-o7zw2cx7]:after{transform:rotate(-90deg)}.title[data-astro-cid-o7zw2cx7]{font-size:10px;color:#0ae448;text-transform:uppercase;letter-spacing:.12em}.content[data-astro-cid-o7zw2cx7]{height:auto;padding-top:4px;overflow:hidden}.categories[data-astro-cid-o7zw2cx7]{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 4px}.cat-btn[data-astro-cid-o7zw2cx7]{padding:4px 10px;font-size:11px;color:#fff;border-radius:4px;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}@media(hover:hover){.cat-btn[data-astro-cid-o7zw2cx7]:hover{color:#fff;background:#ffffff08}}.cat-btn[data-astro-cid-o7zw2cx7]:focus-visible{outline:2px dashed #0ae448;outline-offset:0}.cat-btn[data-astro-cid-o7zw2cx7].is-active{color:#0ae448;background:#0ae44814;box-shadow:inset 0 0 0 1px #0ae44826}.cat-btn[data-astro-cid-o7zw2cx7].has-selected{color:#0ae44880}@media(hover:hover){.cat-btn[data-astro-cid-o7zw2cx7].has-selected:hover{color:#0ae448cc}}.variants[data-astro-cid-o7zw2cx7]{display:flex;flex-direction:column;gap:4px;padding:12px}.variants[data-astro-cid-o7zw2cx7] .easing-btn{display:flex;gap:12px;align-items:center;width:100%;padding:10px 12px;border-radius:4px;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}.variants[data-astro-cid-o7zw2cx7] .easing-btn:hover{background:#ffffff08}.variants[data-astro-cid-o7zw2cx7] .easing-btn:focus-visible{outline:2px dashed #0ae448;outline-offset:0}.variants[data-astro-cid-o7zw2cx7] .easing-btn.is-active{background:#0ae4480f;box-shadow:inset 0 0 0 1px #0ae4482e}.variants[data-astro-cid-o7zw2cx7] .easing-info{display:flex;flex-direction:column;align-items:flex-start}.variants[data-astro-cid-o7zw2cx7] .easing-name{font-family:monospace;font-size:12px;color:#fff}.variants[data-astro-cid-o7zw2cx7] .is-active .easing-name{color:#0ae448}.variants[data-astro-cid-o7zw2cx7] .easing-gsap{font-family:monospace;font-size:9px;color:#ffffff80}app-duration-section[data-astro-cid-hu53uiuy]{display:contents}.section[data-astro-cid-hu53uiuy]{display:flex;flex-shrink:0;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.04)}.summary[data-astro-cid-hu53uiuy]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px;cursor:pointer;list-style:none}.summary[data-astro-cid-hu53uiuy]:focus-visible{outline:2px dashed #0ae448;outline-offset:-2px}.summary[data-astro-cid-hu53uiuy]::-webkit-details-marker{display:none}.summary[data-astro-cid-hu53uiuy]::marker{display:none;content:""}.summary[data-astro-cid-hu53uiuy]:after{display:block;width:12px;height:12px;content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230ae448' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;transition:transform .35s cubic-bezier(.23,1,.32,1)}.section[data-astro-cid-hu53uiuy]:not(.is-open)>.summary[data-astro-cid-hu53uiuy]:after{transform:rotate(-90deg)}.title[data-astro-cid-hu53uiuy]{font-size:10px;color:#0ae448;text-transform:uppercase;letter-spacing:.12em}.content[data-astro-cid-hu53uiuy]{height:auto;overflow:hidden}.body[data-astro-cid-hu53uiuy]{padding:8px 16px 16px}.input-row[data-astro-cid-hu53uiuy]{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-bottom:12px}.number-input[data-astro-cid-hu53uiuy]{width:52px;padding:4px 8px;font-family:monospace;font-size:11px;color:#fff;text-align:right;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px}.number-input[data-astro-cid-hu53uiuy]:focus-visible{outline:2px dashed #0ae448;outline-offset:2px}.number-input[data-astro-cid-hu53uiuy]::-webkit-inner-spin-button,.number-input[data-astro-cid-hu53uiuy]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.unit[data-astro-cid-hu53uiuy]{font-size:10px;color:#fff}.range-input[data-astro-cid-hu53uiuy]{width:100%;height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0f;border-radius:1px}.range-input[data-astro-cid-hu53uiuy]:focus-visible{outline:2px dashed #0ae448;outline-offset:4px}.range-input[data-astro-cid-hu53uiuy]::-webkit-slider-thumb{width:12px;height:12px;-webkit-appearance:none;appearance:none;cursor:pointer;background:#0ae448;border:2px solid #0c1018;border-radius:50%;box-shadow:0 0 6px #0ae44840}.range-input[data-astro-cid-hu53uiuy]::-moz-range-thumb{width:12px;height:12px;cursor:pointer;background:#0ae448;border:2px solid #0c1018;border-radius:50%}.presets[data-astro-cid-hu53uiuy]{display:flex;gap:4px;margin-top:12px}.preset-btn[data-astro-cid-hu53uiuy]{flex:1 1 0%;padding:6px 0;font-family:monospace;font-size:10px;color:#fff;text-align:center;background:#ffffff05;border-radius:4px;transition:color .2s ease,background-color .2s ease,box-shadow .2s ease}@media(hover:hover){.preset-btn[data-astro-cid-hu53uiuy]:hover{color:#fff;background:#ffffff0a}}.preset-btn[data-astro-cid-hu53uiuy]:focus-visible{outline:2px dashed #0ae448;outline-offset:2px}.preset-btn[data-astro-cid-hu53uiuy].is-active{color:#0ae448;background:#0ae4481a;box-shadow:inset 0 0 0 1px #0ae4481f}app-export-section[data-astro-cid-igsf2x4e]{display:contents}.section[data-astro-cid-igsf2x4e]{display:flex;flex-direction:column}.summary[data-astro-cid-igsf2x4e]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 4px;cursor:pointer;list-style:none}.summary[data-astro-cid-igsf2x4e]:focus-visible{outline:2px dashed #0ae448;outline-offset:-2px}.summary[data-astro-cid-igsf2x4e]::-webkit-details-marker{display:none}.summary[data-astro-cid-igsf2x4e]::marker{display:none;content:""}.summary[data-astro-cid-igsf2x4e]:after{display:block;width:12px;height:12px;content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230ae448' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;transition:transform .35s cubic-bezier(.23,1,.32,1)}.section[data-astro-cid-igsf2x4e]:not(.is-open)>.summary[data-astro-cid-igsf2x4e]:after{transform:rotate(-90deg)}.title[data-astro-cid-igsf2x4e]{font-size:10px;color:#0ae448;text-transform:uppercase;letter-spacing:.12em}.content[data-astro-cid-igsf2x4e]{height:auto;overflow:hidden}.body[data-astro-cid-igsf2x4e]{padding:0 16px 12px}.tabs-row[data-astro-cid-igsf2x4e]{display:flex;align-items:center;justify-content:flex-end;margin-bottom:10px}.tabs[data-astro-cid-igsf2x4e]{display:flex;gap:2px;padding:2px;background:#ffffff08;border-radius:4px}.tab-btn[data-astro-cid-igsf2x4e]{padding:4px 8px;font-family:monospace;font-size:10px;color:#fff;border-radius:4px;transition:color .2s ease,background-color .2s ease}@media(hover:hover){.tab-btn[data-astro-cid-igsf2x4e]:hover{color:#fff}}.tab-btn[data-astro-cid-igsf2x4e]:focus-visible{outline:2px dashed #0ae448;outline-offset:-2px}.tab-btn[data-astro-cid-igsf2x4e].is-active{color:#0a0e14;background:#0ae448}.code-wrapper[data-astro-cid-igsf2x4e]{position:relative;min-height:120px;overflow:hidden;background:#ffffff05;border-radius:4px}.code[data-astro-cid-igsf2x4e]{height:100%;padding:12px 70px 12px 12px;margin:0;overflow:auto;font-family:monospace;font-size:11px}.code[data-astro-cid-igsf2x4e] .code-string{color:#0ae448}.code[data-astro-cid-igsf2x4e] .code-default{color:#fff}.copy-btn[data-astro-cid-igsf2x4e]{position:absolute;top:8px;right:8px;z-index:10;display:flex;gap:6px;align-items:center;padding:4px 8px;font-size:10px;color:#fff;background:#ffffff0f;border-radius:4px}.copy-btn[data-astro-cid-igsf2x4e]:focus-visible{outline:2px dashed #0ae448;outline-offset:2px}.copy-btn[data-astro-cid-igsf2x4e].is-copied{color:#0ae448}.copy-btn[data-astro-cid-igsf2x4e] svg[data-astro-cid-igsf2x4e]{width:10px;height:10px}.is-hidden[data-astro-cid-igsf2x4e]{display:none}app-info-button[data-astro-cid-3mx2xm7t]{display:contents}.info[data-astro-cid-3mx2xm7t]{position:fixed;right:16px;bottom:16px;z-index:100}.button[data-astro-cid-3mx2xm7t]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#0ae448;cursor:pointer;background:#0ae4481a;border:1px solid rgba(10,228,72,.2);border-radius:50%;transition:color .2s ease,background-color .2s ease}@media(hover:hover){.button[data-astro-cid-3mx2xm7t]:hover{background:#0ae44833}}.button[data-astro-cid-3mx2xm7t]:focus-visible{outline:2px dashed #0ae448;outline-offset:2px}.icon[data-astro-cid-3mx2xm7t]{width:18px;height:18px}.card[data-astro-cid-3mx2xm7t]{position:absolute;right:0;bottom:calc(100% + 8px);width:260px;padding:12px 16px;visibility:hidden;background:#0c1018;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 4px 20px #0000004d;opacity:0;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.info[data-astro-cid-3mx2xm7t].is-open .card[data-astro-cid-3mx2xm7t]{visibility:visible;opacity:1;transform:translateY(0)}.text[data-astro-cid-3mx2xm7t]{margin:0;font-size:12px;line-height:1.5;color:#fff}.link[data-astro-cid-3mx2xm7t]{color:#0ae448;text-decoration:none}@media(hover:hover){.link[data-astro-cid-3mx2xm7t]:hover{text-decoration:underline}}.link[data-astro-cid-3mx2xm7t]:focus-visible{outline:2px dashed #0ae448;outline-offset:2px}html,body{height:100%;margin:0;padding:0}.visualizer{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;background:#0a0e14}@media screen and (width >= max(768px,48rem)){.visualizer{flex-direction:row}}.preview{display:flex;flex-shrink:0;align-items:center;justify-content:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.04)}@media screen and (width >= max(768px,48rem)){.preview{flex:1 1 0%;min-width:0;padding:24px;border-right:1px solid rgba(255,255,255,.04);border-bottom:none}}.controls{flex:1 1 0%;min-height:0;overflow:auto;background:#0c1018}@media screen and (width >= max(768px,48rem)){.controls{flex:none;width:320px;overflow:hidden}}.scroll{display:flex;flex-direction:column;height:100%;overflow:auto}