1import{a as v}from"./chunk-EXJZ7K5E.js";import{a as y}from"./chunk-QXEN34TQ.js";import"./chunk-ITB3UBZ6.js";import{a as k}from"./chunk-7CDAKJWZ.js";import"./chunk-QZUMZTQT.js";import"./chunk-EUIYTLIQ.js";import{$a as C,Bb as w,Gb as h,Hb as b,Ib as u,Lb as i,Mb as x,Nb as p,Pa as g,Wa as d,aa as _,ba as M,qb as P,rb as O,sb as s,tb as n,ub as t,vb as m,zb as f}from"./chunk-ZWQL6EH3.js";import"./chunk-TSRGIXR5.js";var I=["ioGardenDetails"],z=(o,l)=>l.id;function E(o,l){if(o&1&&(n(0,"div",12),m(1,"app-preview-card",13),t()),o&2){let r=l.$implicit;g(),s("metaData",r)}}var T=(()=>{class o{constructor(r,e){this.ioGardenService=r,this.loadingService=e,this.ioWelcomeMain="Welcome to Io-Garden!",this.ioAbstract="Io-Garden is a digital garden. It is a space to cultivate ideas and concepts - to experiment with algorithms and impressions.",this.ioNameExplainer=`Io-Garden is not about input and output. Io-Garden is an experimental space located on Io. 2 3 "What?", you might ask and wonder: "Why would you build a digital garden on Io?" 4 5 I'm glad you asked! 6 7 Born on (or in?) Europa, I felt, Io was underrated and a welcome change of air. Property was affordable and, having figured out a way to utilize the strong electro magnetic interference, I
7was able to significantly lower my energy costs. 8 9 Ok, ok... I admit this is not entirely true. There is, of course, no property law on Io. And that makes it even more attractive doesn't it? 10 11 Also, this whole complex was intended to be a digital garden all along. But 'Digital Garden' is quite a long name to stuff into a menu bar. So, I decided to shorten it to '1/0-garden' since 'one / zero' is a nice shorthand for 'digital'. The problem with '1/0-garden', however, is that you should not use numbers to start a JavaScript class name (which was needed for the class based Angular component). That led me to 'i/o' which still resembled '1/0'. But since I'm not a fan of the reductionist approach and effect of the information processing model, I don't use 'i/o' to signify 'input / output' as it usually does. 12 13 And, as you might have guessed, there was still a problem left: '/' is also not allowed in class names and also tricky with routing. Hence, that had to go as well... leaving me with 'io-garden. 14 15 I liked the sound of the name and pictures of a lush greenhouse on Io were already taking shape in my mind's eye. 16 17 If you struggle with the pronounciation of 'Io-Garden', or are simply more used to one of the languages of Europa or somewhere else in space, you can, of course, also call it for example 'Ionische G\xE4rten' or tell me what this place would be called in your mother tongue.`,this.ioExplanationIsShown=!1,this.ioExperimentDataArr=[]}ngOnInit(){this.ioExperimentDataArr=this.ioGardenService.getAllIoGardenExperimentsMetaData()}ngAfterViewInit(){this.loadingService.emitAfterViewInitSignal("IO-GARDEN")}toggleIoGardenExplanation(){this.ioExplanationIsShown=!this.ioExplanationIsShown}closeIoGardenDetailedExplanation(){console.log("closeIoGardenDetailedExplanation"),this.ioGardenDetails.nativeElement.open=!1,window.scrollTo(0,0)}static{this.\u0275fac=function(e){return new(e||o)(d(v),d(k))}}static{this.\u0275cmp=C({type:o,selectors:[["app-io-garden-page"]],viewQuery:function(e,c){if(e&1&&h(I,5),e&2){let a;b(a=u())&&(c.ioGardenDetails=a.first)}},decls:25,vars:3,consts:[["ioGardenDetails",""],[1,"io-garden-page-container"],[1,"io-garden-header"],[1,"io-garden-abstract-container"],[1,"io-garden-abstract"],[1,"paragraph-regular"],[1,"io-garden-detailed-explanation"],[1,"io-garden-tell-me-more-summary"],[1,"io-garden-explanation","two-col-p-on-lg"],["type","button",1,"close-io-garden-detailed-explanation-btn",3,"click"],[1,"close-triangle-character"],[1,"io-garden-bench"],[1,"io-garden-experiment-card"],["imgPosition","left",1,"blog-posts-preview-card",3,"metaData"]],template:function(e,c){if(e&1){let a=f();n(0,"div",1)(1,"section")(2,"header",2)(3,"h1"),i(4,"Io-Garden"),t(),n(5,"h2"),i(6),t()(),n(7,"div",3)(8,"div",4)(9,"p",5),i(10),t()()()(),n(11,"details",6,0)(13,"summary",7),i(14,"tell me more."),t(),n(15,"p",8),i(16),t(),n(17,"button",9),w("click",function(){return _(a),M(c.closeIoGardenDetailedExplanation())}),n(18,"span",10),i(19,"\u25B2"),t(),n(20,"span"),i(21,"got it."),t()()(),n(22,"section",11),P(23,E,2,1,"div",12,z),t()()}e&2&&(g(6),x(c.ioWelcomeMain),g(4),p(" ",c.ioAbstract," "),g(6),p(" ",c.ioNameExplainer," "),g(7),O(c.ioExperimentDataArr))},dependencies:[y],styles:['@font-face{font-family:Noto Sans Mono;src:url("./media/NotoSansMono-Thin-XFTTP44E.ttf") format("truetype")}@font-face{font-family:Urbanist;font-style:normal;src:url("./media/Urbanist-VariableFont_wght-AALTD37D.ttf") format("truetype")}@font-face{font-family:Inter;src:url("./media/Inter-VariableFont-CG7UI7BU.ttf") format("truetype")}@font-face{font-family:Roboto Mono;font-style:normal;src:url("./media/RobotoMono-VariableFont_wght-FUC3EXSV.ttf") format("truetype")}@font-face{font-family:Roboto Mono;font-style:italic;src:url("./media/RobotoMono-Italic-VariableFont_wght-F6ZPUO7R.ttf") format("truetype")}@font-face{font-family:Oswald;font-style:normal;src:url("./media/Oswald-VariableFont_wght-NEEMOISD.ttf") format("truetype")}*[_ngcontent-%COMP%]{color:#4d4d4d}h2[_ngcontent-%COMP%], h3[_ngcontent-%COMP%], h4[_ngcontent-%COMP%], h5[_ngcontent-%COMP%], h6[_ngcontent-%COMP%]{font-family:Urbanist,sans-serif}h1[_ngcontent-%COMP%]{font-family:Oswald,sans-serif;font-size:4rem;line-height:1.5;letter-spacing:.15rem;font-weight:200;color:#baff29}@media(min-width:992px){h1[_ngcontent-%COMP%]{font-size:7rem;line-height:1.5}}h2[_ngcontent-%COMP%]{font-size:1.7rem;line-height:1.4;letter-spacing:.12rem;margin:0 0 40px;font-weight:300;font-family:Urbanist,sans-serif;color:#f0f0f0}@media(min-width:992px){h2[_ngcontent-%COMP%]{font-size:3rem;font-weight:100;line-height:1.2;margin:0 0 40px}}h3[_ngcontent-%COMP%]{font-size:1.5rem;line-height:2;margin:0 0 30px;font-weight:300;color:#f0f0f0}@media(min-width:992px){h3[_ngcontent-%COMP%]{font-size:1.8rem}}h4[_ngcontent-%COMP%]{font-size:1.2rem;line-height:1.2;margin:0 0 15px;font-weight:400;letter-spacing:1.7px;color:#baff29}@media(min-width:992px){h4[_ngcontent-%COMP%]{font-size:1.3rem;line-height:1.2}}h5[_ngcontent-%COMP%]{font-size:1rem;line-height:1.2;margin:0 0 15px}p[_ngcontent-%COMP%], button[_ngcontent-%COMP%], ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], table[_ngcontent-%COMP%], label[_ngcontent-%COMP%], input[_ngcontent-%COMP%], select[_ngcontent-%COMP%], select[_ngcontent-%COMP%] option[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:300;font-size:1.2rem;line-height:1.5rem}@media(min-width:768px){p[_ngcontent-%COMP%], button[_ngcontent-%COMP%], ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], table[_ngcontent-%COMP%], label[_ngcontent-%COMP%], input[_ngcontent-%COMP%], select[_ngcontent-%COMP%], select[_ngcontent-%COMP%] option[_ngcontent-%COMP%]{font-size:1rem;line-height:1.5rem;font-weight:200}}a[_ngcontent-%COMP%]{color:#afd4d1;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.05em}a[_ngcontent-%COMP%]:hover{color:#baff29}button[_ngcontent-%COMP%] span[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%], .menu-burger[_ngcontent-%COMP%]{color:#187ebe}p[_ngcontent-%COMP%]{color:#f0f0f0;letter-spacing:.02em;word-spacing:.16em}li[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0 0 10px}button[_ngcontent-%COMP%]{font-size:1rem;font-weight:400}.two-col-p-on-lg[_ngcontent-%COMP%]{column-count:unset;column-gap:unset;background-color:#f0f0f0;color:#4d4d4d;padding:10px;border-radius:.625rem}@media(min-width:992px){.two-col-p-on-lg[_ngcontent-%COMP%]{column-count:2;column-gap:50px}}
17.color-coded-heading[_ngcontent-%COMP%]{background-color:#468189;color:#fff;padding:5px;text-transform:uppercase;font-family:Noto Sans Mono,monospace}.color-coded-heading-letter[_ngcontent-%COMP%]{background-color:#187ebe;color:#fff;padding:5px;text-transform:uppercase;border:solid white;border-width:0 2px 0 2px;font-family:Noto Sans Mono,monospace}.white-font[_ngcontent-%COMP%]{color:#f0f0f0}.material-icons[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{text-align:justify;text-align-last:left;hyphens:auto;-webkit-hyphens:auto}.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%]{font-family:Inter,sans-serif;color:#4d4d4d;margin:20px 0;font-size:1.3rem;line-height:1.5;letter-spacing:0;word-spacing:unset}@media(min-width:992px){.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%]{font-size:1.2rem;line-height:1.8}}.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:0 0 1.5rem 1.5rem}.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0 0 5px}@media(min-width:992px){.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:0 0 2rem 3rem}}.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{margin:0}.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:0 0 0 .8rem;font-size:1rem}.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{font-size:1rem}@media(min-width:992px){.experiment-description-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] span[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] ol[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] em[_ngcontent-%COMP%] li[_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%]{margin:0 0 0 1rem}}.experiment-description-markdown[_ngcontent-%COMP%] h2[_ngcontent-%COMP%], .experiment-description-markdown[_ngcontent-%COMP%] h4[_ng
17content-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] h2[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{color:#0f547f}.experiment-description-markdown[_ngcontent-%COMP%] h3[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] h3[_ngcontent-%COMP%]{color:#468189;line-height:1.5;margin:30px 0 10px}.experiment-description-markdown[_ngcontent-%COMP%] h4[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{line-height:1.5;font-size:1.3rem}.experiment-description-markdown[_ngcontent-%COMP%] pre[_ngcontent-%COMP%] *[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] pre[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{font-size:12px;font-family:Roboto Mono,monospace;line-height:12px}.experiment-description-markdown[_ngcontent-%COMP%] code[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] code[_ngcontent-%COMP%]{font-family:Roboto Mono,monospace;font-size:1rem;text-align:unset;text-align-last:unset}.experiment-description-markdown[_ngcontent-%COMP%] strong[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] strong[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-weight:500}.experiment-description-markdown[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:#1982c4;font-family:Inter,sans-serif;font-size:1.3rem;line-height:1.8}@media(min-width:992px){.experiment-description-markdown[_ngcontent-%COMP%] a[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{font-size:1.2rem}}.experiment-description-markdown[_ngcontent-%COMP%] .token.interpolation[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] .token.interpolation[_ngcontent-%COMP%]{color:#9db0b3}.experiment-description-markdown[_ngcontent-%COMP%] .token.class-name[_ngcontent-%COMP%], .blog-post-markdown[_ngcontent-%COMP%] .token.class-name[_ngcontent-%COMP%]{color:#72bc5c}.preview-card[_ngcontent-%COMP%]{border-radius:10px;overflow:hidden;background-color:#f0f0f0;cursor:pointer}.preview-card[_ngcontent-%COMP%]:hover .preview-card-img[_ngcontent-%COMP%]{filter:none}.preview-card[_ngcontent-%COMP%]:hover h4[_ngcontent-%COMP%]{color:#468189}.preview-card[_ngcontent-%COMP%]:hover{box-shadow:0 0 0 2px #baff29}.image-left-preview-card[_ngcontent-%COMP%]{width:100%;height:100%;display:grid;grid-template-columns:60px .5fr 4fr 3fr;grid-template-rows:1fr 4fr;grid-template-areas:"preview-img . preview-title preview-meta" "preview-img . preview-title preview-meta"}@media(min-width:992px){.image-left-preview-card[_ngcontent-%COMP%]{grid-template-columns:120px .5fr 3fr 1fr;grid-template-rows:1fr 4fr;grid-template-areas:"preview-img . . preview-meta" "preview-img . preview-title preview-meta"}}.image-top-preview-card[_ngcontent-%COMP%]{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 100px 3fr;grid-template-areas:"preview-meta preview-meta" "preview-img preview-img" "preview-title preview-title"}.preview-card-meta-container[_ngcontent-%COMP%]{grid-area:preview-meta;display:flex}.image-left-preview-card[_ngcontent-%COMP%] .preview-card-meta-container[_ngcontent-%COMP%]{flex-direction:column;justify-content:flex-start;align-items:flex-end;padding:20px 20px 5px 0}@media(min-width:992px){.image-left-preview-card[_ngcontent-%COMP%] .preview-card-meta-container[_ngcontent-%COMP%]{padding:10px 20px 10px 0}}.image-top-preview-card[_ngcontent-%COMP%] .preview-card-meta-container[_ngcontent-%COMP%]{flex-direction:row;justify-content:flex-end;align-items:center;padding:20px 20px 10px}.preview-card-phase-indicator-container[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;gap:2px}.image-left-preview-card[_ngcontent-%COMP%] .preview-card-phase-indicator-container[_ngcontent-%COMP%]{width:100%;padding:5px 0 0}@media(min-width:992px){.image-left-preview-card[_ngcontent-%COMP%] .preview-card-phase-indicator-container[_ngcontent-%COMP%]{padding:10px 0 0}}.image-top-preview-card[_ngcontent-%COMP%] .preview-card-phase-indicator-container[_ngcontent-%COMP%]{width:35%;padding:0 0 0 5px}@media(min-width:992px){.image-top-preview-card[_ngcontent-%COMP%] .preview-card-phase-indicator-container[_ngcontent-%COMP%]{padding:0 0 0 10px}}.preview-card-phase-indicator[_ngcontent-%COMP%]{width:10px;height:10px;border-radius:50%;background-color:#3fa2a4}.preview-card-date[_ngcontent-%COMP%]{width:100%;display:flex}.preview-card-date[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{line-height:1.2;color:#40514e}.image-left-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%]{flex-direction:column;align-items:flex-end}.image-left-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:13px;font-weight:100}@media(min-width:992px){.image-left-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:13px}}.image-left-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] .preview-card-original-date[_ngcontent-%COMP%], .image-left-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] .preview-card-updated-date[_ngcontent-%COMP%]{margin-bottom:10px}.image-top-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%]{flex-direction:row;align-items:flex-start;justify-content:flex-end}.image-top-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:10px;font-weight:100;padding:0 0 0 20px}@media(min-width:992px){.image-top-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:12px}}.image-top-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] .preview-card-original-date[_ngcontent-%COMP%], .image-top-preview-card[_ngcontent-%COMP%] .preview-card-date[_ngcontent-%COMP%] .preview-card-updated-date[_ngcontent-%COMP%]{margin:0}.preview-card-date-label[_ngcontent-%COMP%]{text-transform:uppercase}
17.preview-card-title[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{color:#595959;font-size:1.5rem}.image-left-preview-card[_ngcontent-%COMP%] .preview-card-title[_ngcontent-%COMP%]{grid-area:preview-title;padding:20px 5px}@media(min-width:992px){.image-left-preview-card[_ngcontent-%COMP%] .preview-card-title[_ngcontent-%COMP%]{padding:10px 20px 10px 0}}.image-top-preview-card[_ngcontent-%COMP%] .preview-card-title[_ngcontent-%COMP%]{grid-area:preview-title;padding:10px 20px}@media(min-width:992px){.image-top-preview-card[_ngcontent-%COMP%] .preview-card-title[_ngcontent-%COMP%]{padding:10px 20px}}.image-top-preview-card[_ngcontent-%COMP%] .preview-card-title[_ngcontent-%COMP%] h4[_ngcontent-%COMP%]{margin:0}.preview-card-image-container[_ngcontent-%COMP%]{grid-area:preview-img;height:100%;overflow:hidden}.preview-card-image-container[_ngcontent-%COMP%] .preview-card-img[_ngcontent-%COMP%]{height:100%;width:100%;z-index:0;object-fit:cover;filter:saturate(0%)}.preview-card-body[_ngcontent-%COMP%]{grid-area:preview-body;padding:10px}.preview-card-read-btn[_ngcontent-%COMP%]{width:70px;height:30px}.btn-primary-flat[_ngcontent-%COMP%], .btn-primary-outline[_ngcontent-%COMP%], .btn-accent-flat[_ngcontent-%COMP%], .btn-accent-outline[_ngcontent-%COMP%], .btn-dark-flat[_ngcontent-%COMP%], .btn-dark-outline[_ngcontent-%COMP%], .btn-light-gray-flat[_ngcontent-%COMP%], .btn-light-gray-outline[_ngcontent-%COMP%], .btn-close-flat[_ngcontent-%COMP%], .btn-danger-flat[_ngcontent-%COMP%]{min-width:60px;height:35px;padding:5px 10px;border-radius:5px;text-transform:uppercase;line-height:1;text-align:center;cursor:pointer}.btn-primary-flat[_ngcontent-%COMP%]{color:#40514e;background-color:#baff29;border:none}.btn-primary-outline[_ngcontent-%COMP%]{background-color:transparent;border:1px solid rgb(186,255,41);color:#baff29}.btn-accent-flat[_ngcontent-%COMP%]{color:#f0f0f0;background-color:#187ebe;border:none}.btn-accent-flat[_ngcontent-%COMP%]:hover{background-color:#285b82}.btn-accent-outline[_ngcontent-%COMP%]{background-color:transparent;color:#187ebe;border:1px solid rgb(24,126,190)}.btn-dark-flat[_ngcontent-%COMP%]{color:#f0f0f0;background-color:#595959;border:none}.btn-dark-flat[_ngcontent-%COMP%]:hover{background-color:#636363}.btn-dark-outline[_ngcontent-%COMP%]{background-color:transparent;border:1px solid rgb(89,89,89);color:#595959}.btn-dark-outline[_ngcontent-%COMP%]:hover{background-color:#63636333;color:#c7c7c7;border:1px solid rgb(199,199,199)}.btn-light-gray-flat[_ngcontent-%COMP%]{color:#f0f0f0;background-color:#c7c7c7;border:none}.btn-light-gray-flat[_ngcontent-%COMP%]:hover{background-color:#d4d4d4;color:#595959}.btn-light-gray-outline[_ngcontent-%COMP%]{background-color:transparent;border:1px solid rgb(199,199,199);color:#c7c7c7}.btn-light-gray-outline[_ngcontent-%COMP%]:hover{background-color:#d4d4d433}.btn-close-flat[_ngcontent-%COMP%]{color:#f0f0f0;background-color:#c7c7c7;border:none}.btn-close-flat[_ngcontent-%COMP%]:hover, .btn-close-flat[_ngcontent-%COMP%]:hover .material-icons[_ngcontent-%COMP%]{background-color:#d4d4d4;color:#e84855}.btn-danger-flat[_ngcontent-%COMP%]{color:#c7c7c7;background-color:#e84855;border:none}.btn-danger-flat[_ngcontent-%COMP%]:hover{background-color:#f55663;color:#f0f0f0}.btn-danger-flat[_ngcontent-%COMP%]:hover .material-icons[_ngcontent-%COMP%]{background-color:transparent;color:#f0f0f0}.clickable-text-pseudo-btn[_ngcontent-%COMP%]{color:#afd4d1;text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:.05em;cursor:pointer}.clickable-text-pseudo-btn[_ngcontent-%COMP%]:hover{color:#baff29}.clickable-text-pseudo-btn[_ngcontent-%COMP%]{border:none;background-color:transparent;padding:0;margin:0;display:inline;font-family:Inter,sans-serif;font-weight:300;font-size:1.2rem;line-height:1.5rem;letter-spacing:.02em;word-spacing:.16em}@media(min-width:768px){.clickable-text-pseudo-btn[_ngcontent-%COMP%]{font-size:1rem;line-height:1.5rem;font-weight:200}}.tag-container[_ngcontent-%COMP%]{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:0 0 20px;row-gap:5px;column-gap:10px}
17ul[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#f0f0f0;padding:2px 5px;margin:0;list-style:none;cursor:pointer;font-size:1rem;line-height:1.2;font-family:Inter,sans-serif;font-weight:300}.tag-selected[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]{outline:1px solid rgb(186,255,41);color:#baff29;border-radius:5px}.tag-selected[_ngcontent-%COMP%] span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#baff29}.tag-selected[_ngcontent-%COMP%]:hover, ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover{color:#4d4d4d;outline:1px solid rgb(77,77,77)}.tag-selected[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%]{color:#4d4d4d}.tag-item.tag-disabled[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%]{color:#d7d7d7;cursor:cursor;pointer-events:none}.tag-item.tag-disabled[_ngcontent-%COMP%] span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#d7d7d7}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]{background-color:#c7c7c7;border-radius:5px;padding:2px 5px}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#4d4d4d}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]{outline:1px solid rgb(31,155,233);color:#1f9be9}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#1f9be9}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item.tag-disabled[_ngcontent-%COMP%], ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%], ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item.tag-disabled[_ngcontent-%COMP%] span[_ngcontent-%COMP%], ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{color:#d7d7d7}@media(hover:hover){ul[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%]{color:#baff29}.tag-item[_ngcontent-%COMP%]:hover, .tag-item[_ngcontent-%COMP%]:active, ul[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:hover, ul[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:active{color:#baff29;outline:1px solid rgb(186,255,41);border-radius:5px}.tag-selected[_ngcontent-%COMP%]:hover, .tag-selected[_ngcontent-%COMP%]:active, ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover, ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:active{color:#4d4d4d;outline:1px solid rgb(77,77,77)}.tag-selected[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], .tag-selected[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%]{color:#4d4d4d}.tag-item.tag-disabled[_ngcontent-%COMP%]:hover, .tag-item.tag-disabled[_ngcontent-%COMP%]:active, ul[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%]:hover, ul[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%]:active{color:#c7c7c7;outline:1px dotted rgb(199,199,199)}.tag-item.tag-disabled[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], .tag-item.tag-disabled[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%]{color:#c7c7c7}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%]{color:#187ebe;background-color:transparent}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:hover, ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item[_ngcontent-%COMP%]:active{color:#1f9be9;background-color:#b3b3b3;outline:1px solid rgb(31,155,233)}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover{color:#4d4d4d;outline:1px solid rgb(77,77,77)}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%]{color:#4d4d4d}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item.tag-disabled[_ngcontent-%COMP%]:hover, ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%]:hover{color:#c7c7c7;outline:1px dotted rgb(199,199,199)}ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-item.tag-disabled[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], ul.tag-list-white-bg[_ngcontent-%COMP%] .tag-disabled[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%]{color:#c7c7c7}}@media(hover:none){.tag-selected[_ngcontent-%COMP%]:hover, .tag-selected[_ngcontent-%COMP%]:active, ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover, ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:active{color:#baff29;outline:1px solid rgb(186,255,41)}.tag-selected[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], .tag-selected[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:hover span[_ngcontent-%COMP%], ul[_ngcontent-%COMP%] .tag-selected[_ngcontent-%COMP%]:active span[_ngcontent-%COMP%]{color:brand}}.scrollbar[_ngcontent-%COMP%]{scrollbar-gutter:stable}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar{background-color:transparent;width:8px;z-index:100}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar-track{background-color:transparent}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar-thumb{background-color:transparent;border-radius:8px;border:none}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar-button{display:none}.scrollbar[_ngcontent-%COMP%]:hover::-webkit-scrollbar-thumb{background-color:#ffffff80}.scrollbar[_ngcontent-%COMP%]::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}*[_ngcontent-%COMP%]{box-sizing:border-box;padding:0;margin:0}body[_ngcontent-%COMP%]{min-height:100vh;background-size:30px 30px;background-color:#3fa2a4;background-image:radial-gradient(circle,#c3c3c3ce .5px,#8fcfc500 1px);-webkit-overflow-scrolling:touch}
17li[_ngcontent-%COMP%]{margin:0 0 0 30px}.visually-hidden[_ngcontent-%COMP%]:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.blog-post-markdown[_ngcontent-%COMP%] pre[_ngcontent-%COMP%]{margin:10px 0}.blog-post-markdown[_ngcontent-%COMP%] p[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:70%;border-radius:10px}.blog-post-centered-img-wrapper[_ngcontent-%COMP%], .blog-post-centered-video-wrapper[_ngcontent-%COMP%]{width:100%;display:flex;justify-content:center;margin:20px 0}.blog-post-centered-img-wrapper[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%], .blog-post-centered-video-wrapper[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%]{border-radius:10px;filter:saturate(0%)}.blog-post-centered-img-wrapper[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%]:hover, .blog-post-centered-img-wrapper[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%]:active, .blog-post-centered-video-wrapper[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%]:hover, .blog-post-centered-video-wrapper[_ngcontent-%COMP%] iframe[_ngcontent-%COMP%]:active{filter:none}.initial-loading-screen[_ngcontent-%COMP%]{display:var(--loading-screen-display);position:fixed;inset:0;z-index:110;background-color:#3fa2a4}.initial-loading-screen[_ngcontent-%COMP%] .initial-loading-spinner[_ngcontent-%COMP%]{position:fixed;top:calc(50% - 100px);left:calc(50% - 100px);border:3px solid rgb(175,212,209);border-top:4px solid rgb(186,255,41);border-radius:50%;width:200px;height:200px;animation:_ngcontent-%COMP%_spin .7s linear infinite;z-index:21}@media(min-width:500px)and (max-width:635px){.initial-loading-screen[_ngcontent-%COMP%] .initial-loading-spinner[_ngcontent-%COMP%]{top:calc(50% - 150px);left:calc(50% - 150px);width:300px;height:300px}}@media(min-width:635px){.initial-loading-screen[_ngcontent-%COMP%] .initial-loading-spinner[_ngcontent-%COMP%]{top:calc(50% - 225px);left:calc(50% - 225px);width:450px;height:450px;border-top:5px solid rgb(186,255,41)}}@keyframes _ngcontent-%COMP%_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.initial-loading-screen-hidden[_ngcontent-%COMP%]{display:none}.io-garden-page-container[_ngcontent-%COMP%]{padding:0}.io-garden-header[_ngcontent-%COMP%]{width:100%;white-space:pre-line}@media(max-width:992px){.io-garden-header[_ngcontent-%COMP%]{white-space:normal}}.io-garden-abstract-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;margin:0 0 30px;border-radius:10px}.io-garden-abstract[_ngcontent-%COMP%]{width:100%;white-space:pre-line;display:flex;flex-direction:column;justify-content:flex-start}@media(max-width:992px){.io-garden-abstract[_ngcontent-%COMP%]{width:100%}}.io-garden-explanation[_ngcontent-%COMP%]{width:100%;white-space:pre-line}@media(max-width:992px){.io-garden-explanation[_ngcontent-%COMP%]{width:100%}}.toggle-read-more-btn[_ngcontent-%COMP%]{align-self:flex-end}.io-garden-detailed-explanation[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0 0 60px}.io-garden-detailed-explanation[_ngcontent-%COMP%] summary[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-size:1.2rem;line-height:1.8;color:#baff29;margin:0 0 20px;cursor:pointer}.io-garden-detailed-explanation[_ngcontent-%COMP%] .close-io-garden-detailed-explanation-btn[_ngcontent-%COMP%]{margin:0 0 20px;background-color:transparent;border:none;cursor:pointer}.io-garden-detailed-explanation[_ngcontent-%COMP%] .close-io-garden-detailed-explanation-btn[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-family:Inter,sans-serif;font-size:1.2rem;color:#baff29}.io-garden-detailed-explanation[_ngcontent-%COMP%] .close-io-garden-detailed-explanation-btn[_ngcontent-%COMP%] .close-triangle-character[_ngcontent-%COMP%]{font-size:1rem}.io-garden-bench[_ngcontent-%COMP%]{width:100%;padding:25px 0;display:flex;gap:20px;flex-direction:column}@media(min-width:992px){.io-garden-bench[_ngcontent-%COMP%]{flex-direction:row;flex-wrap:wrap;justify-content:space-between}}.io-garden-experiment-card[_ngcontent-%COMP%]{width:100%;height:150px}@media(min-width:992px){.io-garden-experiment-card[_ngcontent-%COMP%]{width:48%;height:300px}}']}
17)}}return o})();export{T as IoGardenPageComponent};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.