:root{--vt-c-white:#fff;--vt-c-white-soft:#fff;--vt-c-white-mute:#f2f2f2e1;--vt-c-black:#0f172a;--vt-c-black-soft:#fff;--vt-c-black-mute:#282828;--vt-c-indigo:#0f172a83;--vt-c-divider-light-1:rgba(60,60,60,.29);--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:rgba(84,84,84,.65);--vt-c-divider-dark-2:rgba(84,84,84,.48);--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#aaa;--vt-c-text-light-3:#b4b4b4;--vt-c-text-dark-0:var(--vt-c-white);--vt-c-text-dark-1:var(--vt-c-white-mute);--vt-c-text-dark-2:#5a5a5a;--vt-c-text-dark-3:#5a5a5a;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--color-subtext:var(--vt-c-text-light-2);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-0);--color-text:var(--vt-c-text-dark-1);--color-subtext:var(--vt-c-text-dark-2)}}*,:after,:before{box-sizing:border-box;margin:0}body{background:var(--vt-c-white-soft);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;transition:color .5s,background-color .5s}body,body p{color:var(--vt-c-text-light-1)}body p{font-size:1rem;margin:1.5rem}::-webkit-scrollbar{display:none}body h5{color:var(--vt-c-text-light-2);font-size:1rem;margin:1.5rem}.icon{zoom:.9}body h3{font-size:1rem;margin:3.5rem 1.5rem .2rem;text-transform:uppercase}body a,body h3{color:var(--vt-c-text-light-1)}body a{text-decoration:none;transition:all .4s linear}body code{border-left:3px solid;color:var(--vt-c-text-light-3);margin:0 0 10px;padding-left:10px}body input,body textarea{background:var(--vt-c-white-soft);color:var(--vt-c-text-light-1)}body input::-moz-placeholder{color:var(--vt-c-text-light-3)}body input::placeholder{color:var(--vt-c-text-light-3)}body textarea::-moz-placeholder{color:var(--vt-c-text-light-3)}body textarea::placeholder{color:var(--vt-c-text-light-3)}.dark-mode body{background-color:var(--vt-c-black-soft);color:var(--vt-c-text-dark-1)}.dark-mode body input{background:var(--vt-c-black-soft);color:var(--vt-c-text-dark-1)}.dark-mode body input::-moz-placeholder{color:var(--vt-c-text-dark-1)}.dark-mode body input::placeholder{color:var(--vt-c-text-dark-1)}.dark-mode code{border-left:3px solid;color:var(--vt-c-text-dark-3);margin:0 0 10px;padding-left:10px}.dark-mode body p{color:var(--vt-c-text-dark-1);font-size:1rem;margin:1.5rem}.dark-mode body h5{color:var(--vt-c-text-dark-2);font-size:1rem;margin:1.5rem}.dark-mode body h3{color:var(--vt-c-text-dark-0);font-size:1rem;margin:3.5rem 1.5rem .2rem;text-transform:uppercase}.dark-mode body a{color:var(--vt-c-text-dark-1);text-decoration:none;transition:all .4s linear}.sepia-mode body{background-color:#f1e7d0;color:#433422}*{font-family:Ubuntu}#app{font-family:Ubuntu,sans-serif;font-weight:400}code{border-left:3px solid;margin:0 0 10px;padding-left:10px}.content-title-img{align-items:center;justify-content:center;line-height:1.2;margin:10px}.content-main,.content-title-img{display:flex;flex-direction:column;flex-wrap:nowrap}.content-main{align-items:flex-start;font-size:1.1rem;margin:10px 5px 50px 10px}.content-main p{margin-bottom:15px;text-indent:20px}.content-detail{font-size:1.1rem;margin:10px 10px 50px}.content-detail,.content-details{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:nowrap}.content-details{margin:10px}table{border:.1px solid #c8c8c8;border-collapse:collapse;font-size:.8rem;letter-spacing:1px;margin:10px 40px}td,th{border:1px solid #bebebe;padding:10px 20px}th{background-color:#fadb4120}td{text-align:center}caption{padding:10px}.anima{animation-direction:top;animation:opacityAnimation 1s}@keyframes opacityAnimation{0%{opacity:.2}to{opacity:1}}.top{animation-direction:top;animation:transformAnimation .5s}.topHome{animation-direction:top;animation:transformAnimationHome .5s}@keyframes transformAnimation{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes transformAnimationHome{0%{transform:translateY(55%)}to{transform:translateY(0)}}.page-enter-active,.page-leave-active{transition:all .2s}.page-leave-to{opacity:0;transform:translateY(-5px)}.page-enter-from{opacity:0;transform:translateY(5px)}
