@font-face{font-family:ABC Areal;src:url(/font/areal/ABCAreal-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--color-bg:#fff;--color-fg:#000;--color-muted:color-mix(in srgb, var(--color-fg) 54%, transparent);--color-frame:#0e0e0e;--color-frame-black:#000;--color-progress:#bfbfbf;--font-sans:"ABC Areal", Arial, sans-serif;--scale:1;--space:1;--text-size:22px;--text-leading:calc(var(--text-size) * 28 / 22);--text-space:calc(30px * var(--space));--text-tracking:-.38px;--text-weight:400;--edge:12px;--bar:50px;--bar-line:calc(50px * var(--scale) - 2 * var(--edge));--home-top:calc(var(--bar) + 180px * var(--space));--home-bottom:calc(100px + 32vh);--indent:48px;--col:calc((100vw - 112px) / 6);--column-gap:6%;--grid-row-gap:40vh;--grid-image-max:60vh;--grid-caption-gap:20px;--index-row-pad:3.5px;--index-columns:3fr 6fr 2fr 4em;--filter-dot:18px;--case-rise:.1em;--filter-dim:.1;--filter-fade:.25s;--filter-move:.4s;--filter-move-ease:cubic-bezier(.2, 0, 0, 1);--text-measure:768px;--shortcut-gap:1em;--shortcut-key:2em;--frame-image-scale:1;--device-image-scale:.9;--grid-device-image-scale:.95;--download-image-scale:1.2;--frame-ratio:3 / 2;--shadow-device:drop-shadow(5px 5px 25px #00000040);--drawer-up-open:.5s;--drawer-up-open-ease:cubic-bezier(.24, 1, .29, 1);--drawer-up-close:.4s;--drawer-up-close-ease:cubic-bezier(.11, 0, .5, 0);--drawer-column:430px;--drawer-column-gap:15px;--drawer-foot-gap:2em;--settings-option-gap:1em;--drawer-dots-box:20px;--dots-size:18px;--dots-spacing:1.86px;--drawer-dots-shift:-3.2px;--drawer-dots-lift:3px;--drawer-bar-mute:.25;--field-line:2px;--field-pad:4px}:root[data-theme=dark]{--color-bg:#111;--color-fg:#fff;--color-frame:#0a0a0a;--color-progress:#fff;--drawer-bar-mute:.15}@media (width>=1020px){:root{--col:calc((100vw - 312px) / 12);--indent:calc(var(--col) + 48px)}}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--color-bg);color:var(--color-fg);font-family:var(--font-sans);font-size:var(--text-size);line-height:var(--text-leading);letter-spacing:var(--text-tracking);font-weight:var(--text-weight);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}:is(.drawer-col,.manual,.flow-text,.flow-specs) p a,.flow-media figcaption a{text-decoration:underline}@font-face{font-family:ABC Areal Mono;src:url(/font/areal/ABCArealMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:is(.flow-text,.flow-specs) .name{text-transform:uppercase;font-family:ABC Areal Mono,monospace}ul{margin:0;padding:0;list-style:none}h1,h2,p{font:inherit;margin:0}img{max-width:100%;height:auto;display:block}button{color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}.frame .theme-dark,.flow-video .theme-dark,:root[data-theme=dark] .frame .theme-light,:root[data-theme=dark] .flow-video .theme-light{display:none}:root[data-theme=dark] .frame .theme-dark,:root[data-theme=dark] .flow-video .theme-dark{display:block}.subtitle{color:var(--color-muted)}.home-name{bottom:var(--edge);z-index:96;text-align:center;pointer-events:none;position:fixed;left:0;right:0}.site-nav{z-index:99;height:var(--bar);padding:var(--edge);line-height:var(--bar-line);background:var(--color-bg);justify-content:space-between;display:flex;position:fixed;top:0;left:0;right:0}.filter{display:flex}.filter span,.site-nav h1,.drawer-head,.action{font-feature-settings:"case"}.filter span:nth-of-type(2){top:calc(var(--case-rise) * -1);width:var(--filter-dot);text-align:center;opacity:0;position:relative}.filter[aria-pressed=true] span:nth-of-type(2){opacity:1}.filter span:nth-of-type(3){padding-right:var(--edge)}.site-nav [data-view-toggle]{text-align:left;display:inline-grid}.site-nav [data-view-toggle]:before{content:"Index";visibility:hidden;height:0;overflow:hidden}.drawer-toggle{text-align:left;display:inline-grid}.drawer-toggle[data-drawer-toggle=info]{text-align:right}.drawer-toggle:before{content:attr(data-wide);visibility:hidden;height:0;overflow:hidden}.home{margin:var(--home-top) var(--edge) var(--home-bottom)}@media (width>=1020px){.grid{margin-inline:calc(var(--indent) * .75 - var(--edge))}.index{margin-inline:calc(var(--indent) - var(--edge))}}.home[data-view=grid]{margin-top:calc(50vh - var(--grid-first-row) / 2);margin-bottom:calc(50vh - var(--grid-last-row) / 2)}.home[data-view=grid] .index,.home[data-view=index] .grid{display:none}.grid{align-items:end;gap:var(--grid-row-gap) var(--column-gap);grid-template-columns:repeat(3,1fr);display:grid}@media (width>=640px) and (width<=1099px){.grid{grid-template-columns:repeat(2,1fr)}}.thumb{aspect-ratio:var(--frame-ratio);justify-content:center;align-items:center;margin-bottom:1em;display:flex}.thumb>img{width:auto;max-height:100%}.frame{width:100%;aspect-ratio:var(--frame-ratio);background:var(--color-frame);position:relative}.frame[data-ground=black]{background:var(--color-frame-black)}.frame img,.frame video{width:calc(var(--frame-image-width) * var(--frame-image-scale));filter:var(--shadow-device);margin:auto;position:absolute;inset:0}.grid-item{text-align:center;flex-direction:column;display:flex}.grid-item .thumb{aspect-ratio:auto;margin:0 0 var(--grid-caption-gap);display:block}.grid-item .thumb>img{width:100%;max-height:var(--grid-image-max);object-fit:contain}.grid [data-category=Devices]{--frame-image-scale:var(--grid-device-image-scale)}.grid-item .frame{overflow:hidden}.grid-item .title,.grid-item .subtitle{display:block}.grid-item:hover .subtitle{color:var(--color-fg)}.home [data-category]{transition:opacity var(--filter-fade)}.home [data-out]{opacity:var(--filter-dim)}.grid [data-out]{order:1}.index-row{grid-template-columns:var(--index-columns);column-gap:var(--column-gap);padding:var(--index-row-pad) 0;color:var(--color-muted);display:grid}.index-row>:last-child{text-align:right}.index-row .title,a.index-row:hover{color:var(--color-fg)}a.index-row>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.page-flow{--color-image:#f5f5f5;--flow-width:min(1072px, 100vw - 40px);--flow-pad:20px;--flow-top:calc(20px * var(--space));--flow-bottom:calc(180px * var(--space));--flow-caption-gap:calc(5px * var(--space));--flow-gap:calc(180px * var(--space));--flow-hero-space-top:calc(var(--bar) + 60px * var(--space) - var(--flow-top));--flow-hero-space:calc(120px * var(--space));--flow-specs-space:calc(90px * var(--space));--flow-specs-space-open:calc(120px * var(--space));--flow-player-space:calc(120px * var(--space));--flow-group-space:calc(60px * var(--space));--flow-measure:min(var(--text-measure), 100%);--flow-pair-gap:calc(15px * var(--space))}.flow:has(>.flow-hero){--flow-text-gap:var(--text-space)}:root[data-theme=dark] .page-flow{--color-image:#333}@media (width<=820px){.page-flow{--flow-pad:0px}}.flow{gap:var(--flow-gap);width:var(--flow-width);padding:var(--flow-top) var(--flow-pad) var(--flow-bottom);flex-direction:column;margin:0 auto;display:flex}.flow-text{gap:var(--text-leading);width:var(--flow-measure);flex-direction:column;align-self:center;display:flex}.flow-hero{margin-top:var(--flow-hero-space-top)}.flow-hero+*{margin-top:calc(var(--flow-hero-space) - var(--flow-gap))}.flow-description{flex-direction:column;display:flex}.flow-description-body{gap:var(--flow-hero-space);max-height:calc(var(--text-leading) * 8);flex-direction:column;display:flex;position:relative;overflow:hidden}.flow-description-body:after{content:"";background:linear-gradient(transparent, var(--color-bg));height:75%;position:absolute;inset:auto 0 0}[data-open] .flow-description-body{max-height:none}[data-open] .flow-description-body:after{display:none}.flow-description-toggle{width:var(--flow-measure);text-align:left;margin-top:calc(15px * var(--space));align-self:center}.flow-description-body>[tabindex="-1"]:focus{outline:none}figure{margin:0}.flow-media{gap:var(--flow-caption-gap);flex-direction:column;display:flex}.flow-media figcaption{color:var(--color-muted)}.flow-image{background:var(--color-image)}.flow-video video{object-fit:cover;width:100%;height:100%;display:block}.flow-video-framed{background:var(--color-frame);justify-content:center;align-items:center;display:flex}.flow-video-framed video{mix-blend-mode:lighten;height:auto}.flow-video{position:relative}.flow-progress{cursor:pointer;touch-action:none;height:16px;position:absolute;bottom:0;left:0;right:0}.flow-progress:before,.flow-progress>span{content:"";width:100%;height:3px;position:absolute;bottom:0;left:0}.flow-progress:before{background:color-mix(in srgb, var(--color-progress) 30%, transparent)}.flow-progress>span{background:var(--color-progress);transform-origin:0;transform:scaleX(0)}@media (hover:hover) and (not (any-pointer:coarse)){.flow-progress{opacity:0}.flow-video:hover .flow-progress,.flow-progress:focus-visible{opacity:1}}.flow-video-sound{color:var(--color-fg);text-transform:uppercase;font-family:ABC Areal Mono,monospace}.action.flow-video-sound:before{content:"[" / "";margin-right:.2em}.action.flow-video-sound:after{content:"]" / "";margin-left:.2em}.flow-video-un{vertical-align:bottom;transition:grid-template-columns var(--filter-fade) var(--filter-move-ease);grid-template-columns:1fr;display:inline-grid;overflow:hidden}.flow-video-un>span{min-width:0;transition:transform var(--filter-fade) var(--filter-move-ease)}[data-on] .flow-video-un{grid-template-columns:0fr}[data-on] .flow-video-un>span{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.flow-video-sound *{transition:none}}@media (hover:hover){.action:hover .flow-video-un>span{text-decoration:underline var(--field-line)}}.flow-bandcamp{width:var(--flow-measure);align-self:center;container-type:inline-size}.flow-bandcamp,.flow-bandcamp+*{margin-top:calc(var(--flow-player-space) - var(--flow-gap))}.flow-bandcamp iframe{width:100%;max-width:700px;height:var(--bandcamp-height);border:0;margin-inline:auto;display:block}@container (width>=768px){.flow-bandcamp iframe{transform-origin:0 0;width:700px;margin-bottom:calc(var(--bandcamp-height) * (768 / 700 - 1));margin-inline:0;transform:scale(1.09714)}}.flow-bandcamp .theme-dark,:root[data-theme=dark] .flow-bandcamp .theme-light{display:none}:root[data-theme=dark] .flow-bandcamp .theme-dark{display:block}.flow-hero .thumb{aspect-ratio:16/9;margin:0}.flow-hero .frame{aspect-ratio:auto;width:100%;height:100%}.flow-hero.flow-hero-text{width:var(--flow-measure);align-self:center}.flow-hero.flow-hero-text .thumb{aspect-ratio:auto}.flow-hero.flow-hero-text .thumb>img{width:100%;height:auto;max-height:none}.flow-hero .frame img,.flow-hero .frame video{width:calc(var(--frame-image-width) * .75);filter:none}.flow-hero .frame video{mix-blend-mode:lighten}.flow-pair{gap:var(--flow-pair-gap);grid-template-columns:1fr 1fr;display:grid}.flow-media .thumb{margin:0}.flow-specs{column-gap:var(--flow-pair-gap);width:var(--flow-measure);grid-template-columns:1fr 1fr;align-self:center;display:grid}.flow-description:not([data-open])+.flow-specs{margin-top:calc(var(--flow-specs-space) - var(--flow-gap))}.flow-description[data-open]+.flow-specs{margin-top:calc(var(--flow-specs-space-open) - var(--flow-gap))}.flow-description+.flow-actions{margin-top:calc(var(--flow-group-space) - var(--flow-gap))}.flow-specs-col{gap:var(--flow-text-gap,var(--text-leading));flex-direction:column;display:flex}.flow-specs h2,.settings-group h2,.legal h2{color:var(--color-muted)}.flow-controls{gap:var(--flow-text-gap,var(--text-leading));flex-direction:column;display:flex}.flow-actions{column-gap:var(--flow-pair-gap);width:var(--flow-measure);margin-top:calc(var(--flow-group-space) - var(--flow-gap));grid-template-columns:minmax(max-content,1fr) 1fr;align-self:center;align-items:center;display:grid}.flow-buttons{grid-auto-columns:max-content;grid-auto-flow:column;gap:1em;width:fit-content;display:grid}.action:before{content:"[ " / ""}.action:after{content:" ]" / ""}.action:before,.action:after{white-space:pre;display:inline-block}@media (hover:hover){.action:before,.action:after{font-feature-settings:normal}.action:hover{text-decoration:underline var(--field-line);text-underline-offset:calc(.21em - var(--field-line))}}@media (width<=639px){:root{--scale:calc(18 / 22);--space:var(--space-try,.67);--edge:calc(12px * var(--scale));--bar:calc(50px * var(--scale));--text-size:18px;--text-tracking:calc(var(--text-size) * -.38 / 22)}:root:has(.site-nav .filter){--bar:calc(var(--edge) * 3 + var(--bar-line) * 2)}.site-nav{row-gap:calc(var(--edge) / 2);flex-wrap:wrap}.filter span:nth-of-type(3){padding-right:6px}.site-nav:after{content:"";flex-basis:100%;order:1}.site-nav .filter{order:2}.nav-subheading,.site-nav [data-filter=all]{display:none}.site-nav .nav-instagram{top:var(--edge);text-align:center;position:absolute;left:50%;transform:translate(-50%)}.drawer{--bar:calc(50px * var(--scale))}.grid{grid-template-columns:1fr}.grid [data-out]{display:none}.page-flow{--flow-width:calc(100vw - 2 * 24px)}.flow-hero+*{margin-top:calc(var(--flow-hero-space) * var(--hero-try,.67) - var(--flow-gap))}.grid [data-category=Devices] .frame img,.download .frame img,.manual .frame img{width:calc(var(--frame-image-width) * var(--frame-image-scale) * 1.1)}.flow-hero .thumb{aspect-ratio:var(--frame-ratio)}.flow-hero .frame img,.flow-hero .frame video{width:calc(var(--frame-image-width) * .75 * 1.1 * 1.1 * 1.1)}.index-row{display:block}a.index-row>span{white-space:normal;overflow:visible}.index-row>:nth-child(n+3){display:none}.drawer .drawer-body,.drawer [data-drawer-content=newsletter] .drawer-body{row-gap:var(--text-leading);grid-template-columns:1fr;width:calc(100% - 96px)}[data-drawer-content=info] .drawer-body{margin-block:30px}[data-drawer-content=info] .drawer-foot span{display:none}.flow-pair,.flow-specs,.flow-actions{grid-template-columns:1fr}.flow-specs{row-gap:var(--flow-text-gap,var(--text-leading))}}.legal,.settings-page{padding-top:var(--home-top);--flow-measure:min(2 * var(--drawer-column) + var(--drawer-column-gap), 100%)}.drawer-head{margin:0 var(--edge);padding:var(--edge) 0;text-align:center}.drawer-body{--drawer-width:min(2 * var(--drawer-column) + var(--drawer-column-gap), 100% - 2 * var(--edge));gap:0 var(--drawer-column-gap);width:var(--drawer-width);grid-template-columns:1fr 1fr;margin:0 auto;display:grid}[data-drawer-content=newsletter] .drawer-body{width:calc((var(--drawer-width) - var(--drawer-column-gap)) / 2);grid-template-columns:1fr}:is([data-drawer-content=imprint],[data-drawer-content=options]) .drawer-body{grid-template-columns:1fr}[data-drawer-content=imprint] .drawer-body h2{color:var(--color-muted)}.drawer-col{gap:var(--text-leading);flex-direction:column;display:flex}.drawer-outside{z-index:97;overscroll-behavior:none;visibility:hidden;position:fixed;inset:0;overflow:auto}[data-drawer] .drawer-outside{visibility:visible}@media (pointer:coarse){html:has(>body[data-drawer]),html:has([data-project-drawer][data-drawer]){overflow:hidden}}.drawer{inset:calc(var(--bar) - var(--drawer-dots-lift)) 0 0;z-index:100;overscroll-behavior:none;visibility:hidden;position:fixed;overflow:auto}[data-drawer] .drawer{visibility:visible}.drawer-sheet:focus{outline:none}[data-drawer] .site-nav{pointer-events:none}[data-drawer] .drawer-toggle{pointer-events:auto}[data-drawer] .site-nav>:not(.drawer-toggle){opacity:var(--drawer-bar-mute)}.drawer-sheet{padding-top:var(--drawer-dots-lift);height:calc(100dvh - var(--bar) + var(--drawer-dots-lift));overscroll-behavior:none;background:var(--color-bg);opacity:0;transform:translateY(calc(100dvh - var(--bar) + var(--drawer-dots-lift)));flex-direction:column;display:flex;overflow:auto}[data-drawer] .drawer-sheet{opacity:1;transform:none}.drawer-sheet:before{content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";z-index:1;height:var(--drawer-dots-box);margin-bottom:calc(var(--drawer-dots-box) * -1);white-space:nowrap;font-size:var(--dots-size);word-spacing:var(--dots-spacing);translate:0 calc(var(--drawer-dots-shift) - var(--drawer-dots-lift));color:var(--color-fg);pointer-events:none;flex:none;line-height:0;display:block;position:sticky;top:0;overflow:hidden}[data-drawer-content]{flex:1;grid-template-rows:auto 1fr auto;display:grid}.drawer-foot{justify-content:center;gap:var(--drawer-foot-gap);padding:var(--edge);display:flex}.settings{gap:var(--text-leading);flex-direction:column;display:flex}.settings-group{flex-direction:column;display:flex}.settings-options{gap:0 var(--settings-option-gap);flex-wrap:wrap;display:flex}.settings-keys{display:grid}.settings-keys dl{grid-template-columns:var(--shortcut-key) 1fr;align-content:start;gap:0 var(--shortcut-gap);margin:0;display:grid}.settings-keys dt{color:var(--color-muted)}.settings-keys dd{margin:0}[data-drawer-content] .drawer-body{align-self:center}[data-drawer-ready] .drawer-sheet{transition:transform var(--drawer-up-close) var(--drawer-up-close-ease), opacity 0s var(--drawer-up-close)}[data-drawer-ready] [data-drawer] .drawer-sheet{transition:opacity var(--drawer-up-open) var(--drawer-up-open-ease), transform var(--drawer-up-open) var(--drawer-up-open-ease)}[data-drawer-ready] .drawer{transition:visibility var(--drawer-up-close)}[data-drawer-ready] [data-drawer] .drawer{transition:visibility}@media (prefers-reduced-motion:reduce){[data-drawer-ready] :is(.drawer,.drawer-sheet){transition:none!important}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}html:active-view-transition-type(sheet-up)::view-transition-old(root){animation:none}html:active-view-transition-type(sheet-up)::view-transition-new(root){animation:sheet-up var(--drawer-up-open) var(--drawer-up-open-ease) both}html:active-view-transition-type(sheet-down)::view-transition-old(root){z-index:1;animation:sheet-down var(--drawer-up-close) var(--drawer-up-close-ease) both}html:active-view-transition-type(sheet-down)::view-transition-new(root){animation:none}@keyframes sheet-up{0%{opacity:0;transform:translateY(100%)}}@keyframes sheet-down{to{transform:translateY(100%)}}[data-project-drawer-shown] .site-nav{pointer-events:none}[data-project-drawer-shown] .site-nav [data-close]{pointer-events:auto}[data-project-drawer-shown] .site-nav h1{opacity:var(--drawer-bar-mute)}.site-nav [data-manual-top]{margin-left:auto;margin-right:calc(30px * var(--space));pointer-events:auto}.site-nav [data-manual-top][data-muted]{opacity:var(--drawer-bar-mute);pointer-events:none}.download .frame{--frame-image-scale:calc(var(--device-image-scale) * var(--download-image-scale));aspect-ratio:16/10;overflow:hidden}.download[data-project=collapse] .frame{--download-image-scale:1.15}.download .thumb{aspect-ratio:auto;margin-bottom:0}.newsletter-form{align-items:flex-start;gap:var(--text-leading);flex-direction:column;display:flex}.newsletter-field{width:100%;padding:0 0 var(--field-pad);border:0;border-bottom:var(--field-line) solid var(--color-fg);color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border-radius:0}.field-brackets{align-items:baseline;width:100%;display:flex}.field-brackets:before{content:"[ " / "";white-space:pre}.field-brackets:after{content:" ]" / "";white-space:pre}.field-box{flex:1;min-width:0;position:relative}.field-brackets .newsletter-field{border-bottom-color:#0000}.field-line{height:var(--field-line);background:var(--color-fg);pointer-events:none;position:absolute;top:1.16455em;left:0;right:0}@media not (hover:hover){.field-brackets:before,.field-brackets:after{font-feature-settings:"case"}.field-line{top:calc(21em / 22 + .21em - var(--case-rise))}}.newsletter-field::placeholder{color:var(--color-muted);opacity:1}.newsletter-field:focus{outline:none}@font-face{font-family:check-mark;src:url(/font/check-mark.woff2)format("woff2");font-display:block}.newsletter-form{position:relative}.form-sent{outline:none;gap:.3em;margin:0;display:none;position:absolute;top:0;left:0}.form-sent .check{letter-spacing:0;font-family:check-mark}.newsletter-form.is-sent .form-sent{display:flex}.newsletter-form.is-sent>:not(.form-sent){visibility:hidden}.form-check{width:100%}.form-check[hidden]{display:none}.form-error{color:var(--color-muted);margin:0;position:absolute;top:100%;left:0}.signup-done{display:contents}.signup-done[hidden]{display:none}.signup-done .check{letter-spacing:0;margin-right:.3em;font-family:check-mark}.signup-done-alone{align-self:center}.drawer-col:is(.is-pending,.is-done)>:is(p,form):not(.signup-done *),.drawer-col.is-broken>p:not(.signup-broken){display:none}.newsletter-field:autofill{box-shadow:inset 0 0 0 100vmax var(--color-bg);-webkit-text-fill-color:var(--color-fg);caret-color:var(--color-fg)}.field-brackets .newsletter-field:autofill{border-bottom-color:var(--color-bg)}@media (pointer:coarse){input,textarea,select{font-size:max(16px,1em)!important}.site-nav a,.site-nav button{position:relative}.site-nav a:after,.site-nav button:after{content:"";position:absolute;inset:-5px -10px}}