.header-container[data-astro-cid-3ef6ksr2]{width:100%;padding:var(--space-30) var(--space-60);margin:0}.site-header[data-astro-cid-3ef6ksr2]{max-width:var(--wide-width);margin:0 auto;padding:0;border-bottom:none}.header-contents[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;gap:var(--space-30);margin:0;padding:0}.header-start[data-astro-cid-3ef6ksr2]{min-width:0}.header-end[data-astro-cid-3ef6ksr2],.site-branding[data-astro-cid-3ef6ksr2]{display:flex;align-items:center}.branding-bundle[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-width:0}.site-title[data-astro-cid-3ef6ksr2]{font-size:clamp(1.25rem,5vw,2rem);line-height:1;font-weight:300;color:var(--color-primary);text-decoration:none;margin:0}.site-title[data-astro-cid-3ef6ksr2]:hover{background-color:var(--color-accent-2);color:var(--color-primary)}.site-navigation[data-astro-cid-3ef6ksr2]{display:flex;width:100%}.nav-menu[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;list-style:none;margin:var(--space-30) 0 0;padding:0;gap:var(--space-20)}.nav-menu[data-astro-cid-3ef6ksr2] li[data-astro-cid-3ef6ksr2]{margin:0}.nav-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{color:var(--color-secondary);text-decoration:none;font-size:var(--font-size-medium);font-weight:300;padding:4px 8px;display:block;transition:all .2s ease}.nav-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{background-color:var(--color-accent-3);color:var(--color-secondary)}.tagline-wrapper[data-astro-cid-3ef6ksr2]{position:relative;width:100%;margin-top:var(--space-20)}.site-tagline[data-astro-cid-3ef6ksr2]{display:block;margin:0;white-space:normal;font-size:var(--font-size-small);color:var(--color-secondary);font-weight:300;clip-path:inset(0 100% 0 0)}.site-tagline[data-astro-cid-3ef6ksr2].is-typing:after{content:"|";display:inline;color:var(--color-secondary);animation:cursorBlink .7s step-start infinite}.tagline-cursor[data-astro-cid-3ef6ksr2]{display:none}@keyframes typewriter{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes cursorSlide{0%{left:0%}to{left:100%}}@keyframes cursorBlink{50%{opacity:0}}@keyframes cursorDisappear{to{opacity:0}}@media(prefers-reduced-motion:reduce){.site-tagline[data-astro-cid-3ef6ksr2]{animation:none;clip-path:none}.tagline-cursor[data-astro-cid-3ef6ksr2]{display:none!important}}@media(min-width:640px){.header-contents[data-astro-cid-3ef6ksr2]{flex-direction:row;justify-content:space-between;align-items:center}.header-start[data-astro-cid-3ef6ksr2]{flex:none}.header-end[data-astro-cid-3ef6ksr2]{flex:0 1 auto;overflow:hidden;min-width:0}.nav-menu[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{white-space:nowrap}.nav-menu[data-astro-cid-3ef6ksr2]{flex-direction:row;gap:var(--space-30);margin:0}.branding-bundle[data-astro-cid-3ef6ksr2]{width:auto;position:relative;padding-bottom:calc(1.6rem + 4px)}.tagline-wrapper[data-astro-cid-3ef6ksr2]{position:absolute;bottom:0;left:0;width:max-content}.site-tagline[data-astro-cid-3ef6ksr2]{white-space:nowrap;animation:typewriter 4s steps(80,end) 1s forwards}.tagline-cursor[data-astro-cid-3ef6ksr2]{display:block;position:absolute;top:0;height:1.5em;font-size:var(--font-size-small);left:0;width:2px;background-color:var(--color-secondary);animation:cursorSlide 4s steps(80,end) 1s forwards,cursorDisappear 0s 5s forwards}}.footer-container[data-astro-cid-sz7xmlte]{width:100%;padding:var(--space-60) var(--space-60);margin:0}.site-footer[data-astro-cid-sz7xmlte]{max-width:var(--wide-width);margin:0 auto;padding:0;border-top:1px solid var(--color-accent-3);padding-top:var(--space-60)}.footer-title[data-astro-cid-sz7xmlte]{margin:0 0 var(--space-30);font-size:var(--font-size-small);color:var(--color-secondary);font-weight:300;line-height:1.6}.footer-title[data-astro-cid-sz7xmlte] code[data-astro-cid-sz7xmlte]{background-color:transparent;padding:0;font-family:var(--font-family);font-size:inherit;color:inherit}.footer-credit[data-astro-cid-sz7xmlte]{margin:0;font-size:var(--font-size-tiny);color:var(--color-secondary);font-weight:300;line-height:1.6}.site-footer[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--color-secondary);text-decoration:none}.site-footer[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{background-color:var(--color-accent-5);color:var(--color-primary)}@media(max-width:640px){.footer-container[data-astro-cid-sz7xmlte]{padding:var(--space-50)}.site-footer[data-astro-cid-sz7xmlte]{padding-top:var(--space-50)}.footer-title[data-astro-cid-sz7xmlte]{font-size:var(--font-size-medium)}.footer-credit[data-astro-cid-sz7xmlte]{font-size:var(--font-size-small)}}@font-face{font-family:DM Mono;font-style:normal;font-weight:300;src:url(/_astro/dm-mono_normal_300.BFIVI6Ma.ttf) format("truetype")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;src:url(/_astro/dm-mono_normal_400.DjQuYRb_.ttf) format("truetype")}@font-face{font-family:DM Mono;font-style:normal;font-weight:500;src:url(/_astro/dm-mono_normal_500.Dc9tYN4r.ttf) format("truetype")}@font-face{font-family:DM Mono;font-style:italic;font-weight:300;src:url(/_astro/dm-mono_italic_300.DAlZC6S6.ttf) format("truetype")}@font-face{font-family:DM Mono;font-style:italic;font-weight:400;src:url(/_astro/dm-mono_italic_400.CKjguhl9.ttf) format("truetype")}@font-face{font-family:DM Mono;font-style:italic;font-weight:500;src:url(/_astro/dm-mono_italic_500.IbCjGlqj.ttf) format("truetype")}:root{--color-base: #ffffff;--color-primary: #CF2E2E;--color-secondary: #111111;--color-tertiary: #878787;--color-accent: #CF2E2E11;--color-accent-2: #CF2E2E1F;--color-accent-3: #11111111;--color-accent-4: #ABB8C3;--space-20: 6px;--space-30: 8px;--space-50: 12px;--space-60: 16px;--space-70: 20px;--font-family: "DM Mono", monospace;--font-size-tiny: .8rem;--font-size-small: 1rem;--font-size-medium: 1.125rem;--font-size-large: 1.37rem;--font-size-xl: clamp(1.75rem, 4vw, 2.25rem);--font-size-xxl: clamp(2.25rem, 5vw, 3rem);--color-link: var(--color-primary);--color-link-hover: var(--color-primary);--content-padding: var(--space-60);--wide-width: 100%;--content-width: 100%;--max-side: 360px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-small);font-weight:300;line-height:1.6;color:var(--color-secondary);background-color:var(--color-base)}body-mock{margin:0;font-family:Verdana;font-size:var(--font-size-large);font-weight:300;line-height:1.6;color:var(--color-secondary);background-color:var(--color-base)}h1,h2,h3{font-size:var(--font-size-large);font-weight:700;line-height:1.1;margin:var(--space-70) 0 var(--space-30);color:var(--color-primary);overflow-wrap:break-word}h4,h5{font-size:var(--font-size-medium);font-weight:300;line-height:1.6}h6{font-size:var(--font-size-small);font-weight:300;line-height:1.6}a{color:var(--color-link);text-decoration:underline;text-decoration-color:transparent;transition:color .15s ease,background-color .15s ease,text-decoration-color .15s ease}a:hover,a:focus{background-color:var(--color-accent);color:var(--color-link-hover);text-decoration-color:var(--color-link-hover)}button,.button{background-color:var(--color-secondary);color:var(--color-base);border:none;border-radius:0;padding:10px 16px;font-family:var(--font-family);font-size:var(--font-size-medium);cursor:pointer;text-decoration:none;display:inline-block;transition:all .2s ease}button:hover,.button:hover{background-color:var(--color-primary);color:var(--color-base)}code{font-family:var(--font-family);font-size:var(--font-size-small);background-color:#f5f5f5;padding:1px 6px;border-radius:5px}pre{border:2px solid var(--color-accent-4);padding:var(--space-50);overflow-x:auto;background-color:#f5f5f5;border-radius:4px}pre code{background-color:transparent;padding:0}blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-50);font-size:var(--font-size-small);font-style:normal;margin:var(--space-60) 0}blockquote cite{font-size:var(--font-size-small);color:var(--color-secondary);font-style:normal}img,figure,video{max-width:100%;height:auto}figcaption{color:var(--color-tertiary);font-size:var(--font-size-medium);margin-top:var(--space-30)}ul,ol{padding-left:var(--space-70)}hr{border:0;border-bottom:1px solid var(--color-secondary);margin:var(--space-60) 0}.tri-gradient{background:linear-gradient(90deg,#e63946,#f4d35e,#457b9d);-webkit-background-clip:text;background-clip:text;color:transparent}.tri-gradient-hover{color:var(--color-secondary);transition:color .18s ease,background .18s ease}.tri-gradient-hover:hover,.tri-gradient-hover:focus-visible{background:linear-gradient(90deg,#f4d35e,#457b9d,#e63946);-webkit-background-clip:text;background-clip:text;color:transparent}.tri-span-hover .tri-1,.tri-span-hover .tri-2,.tri-span-hover .tri-3{color:var(--color-secondary);transition:color .18s ease}.tri-span-hover:hover .tri-1,.tri-span-hover:focus-visible .tri-1{color:#f4d35e}.tri-span-hover:hover .tri-2,.tri-span-hover:focus-visible .tri-2{color:#457b9d}.tri-span-hover:hover .tri-3,.tri-span-hover:focus-visible .tri-3{color:#e63946}.tri-1{color:#f4d35e}.tri-2{color:#457b9d}.tri-3{color:#e63946}.site-header{padding:var(--space-50) var(--space-60);border-bottom:1px solid var(--color-accent-3)}.site-header a{font-size:var(--font-size-large);font-weight:300;text-transform:none;text-decoration:none}.site-header a:hover{background-color:var(--color-accent-2);color:var(--color-primary)}.site-footer{padding:var(--space-50) var(--space-60);border-top:1px solid var(--color-accent-3);color:var(--color-tertiary);font-size:var(--font-size-small)}.spacer-large{height:25px}.container{padding:var(--space-60);width:100%}.columns{display:grid;grid-template-columns:1fr;gap:var(--space-60);align-items:start;width:100%}.col-main{width:100%}.col-side{position:static}.page-container,.page-content{width:100%}.posts-container{padding:var(--space-60);width:100%}.posts-wrapper{display:grid;grid-template-columns:1fr;gap:var(--space-50);align-items:start}.posts-sidebar{position:static;padding:0 0 var(--space-50);align-self:start}.sidebar{margin:0;padding:var(--space-50) var(--space-60);display:flex;flex-direction:column;align-items:center;gap:12px;max-width:var(--max-side);justify-self:center}.handle,.tagline{font-size:var(--font-size-small);color:var(--color-primary);margin:0;text-align:center;font-weight:300}.avatar{width:100%;max-width:var(--max-side);margin:0;aspect-ratio:1/1;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.social{display:flex;gap:12px;list-style:none;padding:0;margin:0}.social a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0;border:none;border-radius:0;background:transparent;font-size:var(--font-size-tiny)}.social a:hover{opacity:.9;transform:translateY(-1px);transition:transform .12s ease,opacity .12s ease}.social a img{display:block;width:18px;height:18px}.page-title{font-size:var(--font-size-l);font-weight:700;line-height:1.1;margin:0 0 var(--space-30);color:var(--color-secondary)}.page-title:hover{background-color:var(--color-accent-2);color:var(--color-primary)}.page-body{font-size:var(--font-size-medium);font-weight:300;line-height:1.6;color:var(--color-secondary);overflow-wrap:anywhere;min-width:0}.page-body :global(h2),.page-body h2{font-size:var(--font-size-large);font-weight:700;margin:var(--space-70) 0 var(--space-30)}.page-body :global(h3),.page-body h3{font-size:var(--font-size-medium);font-weight:700;margin:var(--space-60) 0 var(--space-30)}.page-body :global(p),.page-body p{margin:var(--space-50) 0;overflow-wrap:anywhere}.page-body :global(a),.page-body a{color:var(--color-link);background-color:transparent;padding:0;text-decoration:underline;text-decoration-color:transparent;transition:color .15s ease,background-color .15s ease,text-decoration-color .15s ease;overflow-wrap:anywhere}.page-body :global(a:hover),.page-body a:hover{color:var(--color-link-hover);background-color:var(--color-accent-2);text-decoration-color:var(--color-link-hover)}.page-body :global(strong),.page-body strong{font-weight:500}.page-body :global(em),.page-body em{font-style:italic}.page-body :global(code),.page-body code{font-family:var(--font-family);font-size:var(--font-size-small);background-color:#f5f5f5;padding:2px 6px;border-radius:3px}.page-body :global(pre),.page-body pre{background-color:#f5f5f5;border:2px solid var(--color-accent-4);padding:var(--space-50);overflow-x:auto;border-radius:4px;margin:var(--space-60) 0}.page-body :global(pre code),.page-body pre code{background-color:transparent;padding:0}.page-body :global(blockquote),.page-body blockquote{border-left:4px solid var(--color-primary);padding-left:var(--space-50);font-size:var(--font-size-large);font-style:normal;margin:var(--space-60) 0;color:var(--color-secondary)}.page-body :global(ul),.page-body :global(ol),.page-body ul,.page-body ol{padding-left:var(--space-70);margin:var(--space-50) 0}.page-body :global(li),.page-body li{margin:var(--space-30) 0;overflow-wrap:anywhere}.page-date{display:block;font-size:var(--font-size-small);color:var(--color-tertiary);font-weight:300;margin-bottom:var(--space-60)}.figure-blog{text-align:center;width:100%;margin:1.5rem 0}.figure-blog img{display:block;width:100%;height:auto}.figure-blog figcaption{margin-top:.5rem;font-size:.875rem;color:var(--color-tertiary)}.figure-blog-small{text-align:center;width:100%;margin:1.5rem 0}.figure-blog-small img{display:block;width:100%;height:auto;margin:0 auto}.figure-blog-small figcaption{margin-top:.5rem;font-size:.875rem;color:var(--color-tertiary)}.figure-blog-medium{text-align:center;width:100%;margin:1.5rem 0}.figure-blog-medium img{display:block;width:100%;height:auto;margin:0 auto}.figure-blog-medium figcaption{margin-top:.5rem;font-size:.875rem;color:var(--color-tertiary)}.figure-blog-large{text-align:center;width:100%;margin:1rem 0}.figure-blog-large img{display:block;width:100%;height:auto;margin:0 auto}.figure-blog-large figcaption{margin-top:.5rem;font-size:.875rem;color:var(--color-tertiary)}.post-title{margin:0 0 var(--space-70);position:relative;padding-left:0}.post-title:before{content:"./";margin-left:-28px;color:var(--color-accent-4);position:absolute;left:0;font-weight:400}.post-title:hover:before{color:var(--color-primary)}.post-title a{color:var(--color-secondary)}.post-title a:hover{background-color:var(--color-accent);color:var(--color-primary)}.post-content a{background-color:var(--color-accent-2);padding:2px 4px}.post-content a:hover{background-color:var(--color-accent);color:var(--color-primary)}.post-nav{display:flex;justify-content:center;gap:100px;margin-top:var(--space-70);align-items:center}.post-nav a{color:var(--color-secondary);background:transparent;text-decoration:none;font-size:var(--font-size-small);transition:background-color .12s ease,color .12s ease,transform .12s ease}.post-nav a:hover{background-color:var(--color-accent-2);color:var(--color-link-hover);transform:translateY(-2px)}.prev-post{justify-self:start}.next-post{justify-self:end}.posts-sidebar-content{max-width:340px;display:flex;flex-direction:column;gap:var(--space-30)}.intro-aside{max-width:var(--content-width);margin:0 auto;font-size:var(--font-size-medium);color:var(--color-secondary);font-weight:300;line-height:1.6}.intro-aside h1{font-size:var(--font-size-xxl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-30)}.intro-aside h2{font-size:var(--font-size-large);font-weight:700;color:var(--color-primary);margin:var(--space-70) 0 var(--space-30)}.latest-posts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-60)}.latest-posts li{margin:0;padding:0}.latest-posts article{display:flex;flex-direction:column;gap:var(--space-30)}.latest-posts header{display:flex;flex-direction:column;gap:8px}.latest-posts h3{font-size:var(--font-size-medium);font-weight:700;margin:0;color:var(--color-secondary)}.latest-posts h3 a{color:var(--color-secondary);text-decoration:none;transition:color .2s ease,background-color .2s ease}.latest-posts h3 a:hover{color:var(--color-primary);background-color:var(--color-accent-2)}.latest-posts time{font-size:var(--font-size-small);color:var(--color-tertiary);font-weight:300}.latest-posts blockquote{border-left:none;padding-left:0;margin:0;font-size:var(--font-size-medium);font-style:normal;color:var(--color-secondary)}.all-posts-link{display:inline-flex;align-items:center;gap:8px;margin-top:var(--space-60);padding:8px 16px;font-size:var(--font-size-medium);font-weight:500;color:var(--color-secondary);background-color:transparent;border:1px solid var(--color-secondary);border-radius:4px;text-decoration:none;transition:all .2s ease}.all-posts-link:hover{color:var(--color-base);background-color:var(--color-primary)}.posts-heading{font-size:var(--font-size-large);font-weight:700;line-height:1.1;margin:0;color:var(--color-primary)}.posts-list{display:flex;flex-direction:column;gap:0}.post-item{display:flex;flex-direction:column;gap:var(--space-30);padding-bottom:var(--space-50);margin-bottom:var(--space-50);border-bottom:1px solid var(--color-accent-3)}.post-item:last-child{border-bottom:none}.post-thumbnail{width:50px;height:50px;flex-shrink:0;display:block;overflow:hidden;border-radius:4px;background-color:var(--color-accent-2)}.post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.post-thumbnail:hover img{transform:scale(1.05)}.post-header{display:flex;flex-direction:column;gap:8px}.post-item-title{font-size:var(--font-size-medium);font-weight:700;line-height:1.2;margin:0;overflow-wrap:break-word}.post-item-title:before{content:"./";margin-right:-10px;color:var(--color-accent-4);font-weight:400}.post-item-title a:hover:before{color:var(--color-primary);background-color:var(--color-accent-2)}.post-item-title a{color:var(--color-secondary);text-decoration:none;transition:color .2s ease}.post-item-title a:hover{color:var(--color-primary);background-color:var(--color-accent-2)}.post-date{font-size:var(--font-size-small);color:var(--color-tertiary);font-weight:300}.post-excerpt{font-size:var(--font-size-medium);font-weight:300;line-height:1.6;color:var(--color-secondary);margin:var(--space-30) 0 0}.post-spacer{height:var(--space-50)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:var(--space-60) 0}.pagination-pages{display:flex;gap:8px;align-items:center}.pagination a,.pagination span{padding:6px 10px;border-radius:4px;text-decoration:none;color:var(--color-secondary);border:1px solid transparent;font-size:var(--font-size-small)}.pagination a:hover{background-color:var(--color-accent-2);color:var(--color-link-hover);transform:translateY(-1px)}.pagination-current{background-color:var(--color-accent-2);color:var(--color-primary);border:1px solid var(--color-accent-3)}.demo-css p{font-size:24px;color:#36f;margin:100px 0;text-align:center;font-family:sans-serif}.demo-css-2 h1{font-size:40px;font-weight:700;margin-bottom:10px;font-family:sans-serif;color:#222}.demo-css-2 p{font-size:18px;line-height:1.6;color:#444;font-family:sans-serif}.demo-css-2 ul{padding-left:80px;font-family:sans-serif}.demo-css-2 li{margin-bottom:5px}.demo-isolated{margin:50px 0;font-family:sans-serif;color:#333}.demo-isolated h1,.demo-isolated h2,.demo-isolated h3,.demo-isolated h4,.demo-isolated h5,.demo-isolated h6{color:#222}.demo-isolated button{background-color:#f0f0f0;color:#333;border:2px solid #ddd;border-radius:50%;width:100px;height:100px;font-size:16px;cursor:pointer;transition:all .2s ease;padding:0;display:inline-flex;align-items:center;justify-content:center}.demo-isolated button:hover{background-color:#e0e0e0;border-color:#ccc;transform:scale(1.05)}.demo-js,.demo-js-lista{margin:50px 0;font-family:sans-serif;color:#333}.demo-js h1,.demo-js h2,.demo-js h3,.demo-js h4,.demo-js h5,.demo-js h6,.demo-js-lista h1,.demo-js-lista h2,.demo-js-lista h3,.demo-js-lista h4,.demo-js-lista h5,.demo-js-lista h6{color:#222}.demo-js button,.demo-js-lista button{background-color:#f0f0f0;color:#333;border:2px solid #ddd;border-radius:50%;width:100px;height:100px;font-size:16px;cursor:pointer;transition:all .2s ease;padding:0;display:inline-flex;align-items:center;justify-content:center}.demo-js button:hover,.demo-js-lista button:hover{background-color:#e0e0e0;border-color:#ccc;transform:scale(1.05)}@media(min-width:640px){:root{--space-60: 20px;--space-70: 28px}body{font-size:var(--font-size-large)}.figure-blog{max-width:60%;margin:2rem auto}.figure-blog-small img{width:30%}.figure-blog-medium img{width:50%}.post-item{display:grid;grid-template-columns:50px 1fr;gap:24px}.post-header{grid-column:2}.post-excerpt,.post-spacer{grid-column:1 / -1}}@media(min-width:960px){:root{--space-60: 24px;--space-70: 32px;--wide-width: calc(100% - 2 * var(--space-60));--content-width: min(calc(100% - 2 * var(--space-60)), max(68vw, calc(80vw + (500px - 100vw)/2) ))}.container{max-width:var(--wide-width);margin:0 auto}.columns{grid-template-columns:2fr 1fr;max-width:var(--content-width);margin:0 auto}.col-side{position:sticky;top:var(--space-60)}.page-container,.posts-container{max-width:1000px;margin:0 auto}.posts-wrapper{grid-template-columns:minmax(220px,340px) 1fr;gap:var(--space-60)}.posts-sidebar{position:sticky;top:var(--space-60);padding:var(--space-50) 0 var(--space-70)}}@view-transition{navigation:auto}@keyframes zoom-out{to{transform:scale(1.1);opacity:0}}@keyframes zoom-in{0%{transform:scale(.9);opacity:0}to{opacity:1}}@keyframes zoom-out-reverse{to{transform:scale(.9);opacity:0}}@keyframes zoom-in-reverse{0%{transform:scale(1.1);opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes slow-fade-out{to{opacity:0}}@keyframes slow-fade-in{0%{opacity:0}}@keyframes slide-out-left{to{transform:translate(-30%);opacity:0}}@keyframes slide-in-right{0%{transform:translate(30%);opacity:0}}@keyframes slide-out-right{to{transform:translate(30%);opacity:0}}@keyframes slide-in-left{0%{transform:translate(-30%);opacity:0}}html[data-transition=zoom-in]::view-transition-old(root){animation:zoom-out .3s ease-out}html[data-transition=zoom-in]::view-transition-new(root){animation:zoom-in .3s ease-in}html[data-transition=zoom-out]::view-transition-old(root){animation:zoom-out-reverse .3s ease-out}html[data-transition=zoom-out]::view-transition-new(root){animation:zoom-in-reverse .3s ease-in}html[data-transition=fade]::view-transition-old(root){animation:fade-out .6s ease}html[data-transition=fade]::view-transition-new(root){animation:fade-in .6s ease}html[data-transition=slow-fade]::view-transition-old(root){animation:slow-fade-out 1.5s ease}html[data-transition=slow-fade]::view-transition-new(root){animation:slow-fade-in 1.5s ease}html[data-transition=slide-left]::view-transition-old(root){animation:slide-out-left .35s cubic-bezier(.4,0,1,1)}html[data-transition=slide-left]::view-transition-new(root){animation:slide-in-right .35s cubic-bezier(0,0,.2,1)}html[data-transition=slide-right]::view-transition-old(root){animation:slide-out-right .35s cubic-bezier(.4,0,1,1)}html[data-transition=slide-right]::view-transition-new(root){animation:slide-in-left .35s cubic-bezier(0,0,.2,1)}