@charset "UTF-8";.site-header{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3rem;padding:0 2rem 2rem;margin-inline:auto}.site-header h1{z-index:10}.site-header h1 img{width:clamp(6rem,3.818rem + 10.91vw,12rem)}.site-header__actions{position:fixed;top:calc(anchor(--light-switch bottom) + .5rem);left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:flex-end;padding-inline:1rem;gap:1rem}@media (min-width: 700px){.site-header__actions{right:1.5rem;top:7rem;left:auto;transform:none}}.site-header__actions button{appearance:none;border:0;--size: 2rem;width:var(--size);height:var(--size);border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;cursor:pointer}.site-header__actions button svg{width:1.15rem;height:1.15rem}.site-header__actions button.active{background-color:#8476ff}.site-header__actions button.active svg{stroke:#fff}.site-header__actions .fireAlarmBtn{display:none;width:2.25rem;height:initial;border-radius:8px;background-color:#c20005;flex-direction:column;gap:2px;padding:6px 5px}@media (min-width: 700px){.site-header__actions .fireAlarmBtn{display:block}}.site-header__actions .fireAlarmBtn svg{width:100%;height:15px}.site-header__actions .fireAlarmBtn span{background-color:#00000026;border-radius:4px;flex:1;padding:4px;align-self:stretch;display:flex;flex-direction:column;flex:0 0 30px}.site-header__actions .fireAlarmBtn span:after{content:"";height:10px;background-color:#fff;border-radius:3px;box-shadow:0 2px 3px #00000040;transition:.3s ease-out;width:10px}.site-header__actions .fireAlarmBtn.active{background-color:#c20005}.site-header__actions .fireAlarmBtn.active svg{stroke:none}.site-header__actions .fireAlarmBtn.active span:after{transform:translate(10px)}.lights{width:100%;min-height:clamp(4rem,3.273rem + 3.64vw,6rem);max-width:1100px;display:grid;grid-template-columns:1fr;gap:clamp(2rem,-.909rem + 14.55vw,10rem);z-index:10;pointer-events:none}@media (min-width: 700px){.lights{grid-template-columns:1fr 2.75fr 1fr}}.lights__item{--light-sm-color: rgb( from var(--light-sm-base-color, #0a9ff1) r g b / .15 );--light-lg-color: rgb( from var(--light-lg-base-color, #8576ff) r g b / .15 );--light-third-color: rgb( from var(--light-third-base-color, #0a9ff1) r g b / .15 );--corner-radius: 20px;width:100%;display:flex;flex-direction:column;justify-self:center;align-items:center}.lights__item:nth-child(1),.lights__item:nth-child(3){display:none}@media (min-width: 700px){.lights__item:nth-child(1),.lights__item:nth-child(3){display:flex}}.lights__item:nth-child(1):hover .light{transform:skewY(-1deg) rotate(5deg) translateY(-7px)}.lights__item:nth-child(2) .light{--corner-radius: 28px;height:34px;background-color:var(--light-lg-base-color, #8576ff)}.lights__item:nth-child(2) .light:before{top:86%}.lights__item:nth-child(2) .light:after{height:clamp(12.5rem,9.821rem + 13.39vw,21.875rem);background:linear-gradient(180deg,var(--light-lg-color) 1.11%,transparent)}.lights__item:nth-child(2) .hang{border-inline-width:10px}.lights__item:nth-child(3){anchor-name:--light-sm-end}.lights__item:nth-child(3) .light{background-color:var(--light-third-base-color, #0a9ff1)}.lights__item:nth-child(3) .light:after{content:"";position:absolute;top:100%;left:-20%;width:140%;height:clamp(8.125rem,6.875rem + 6.25vw,12.5rem);background:linear-gradient(180deg,var(--light-third-color) -1.14%,rgba(10,159,241,0) 100%);clip-path:polygon(14% 0%,86% 0%,100% 100%,0 100%)}.lights__item .hang{width:100%;max-width:50%;height:50px;border-inline:6px solid #d1daf9;transition:.3s ease-in-out}.lights__item .light{position:relative;width:100%;height:24px;background-color:var(--light-sm-base-color, #0a9ff1);border-top-left-radius:var(--corner-radius);border-top-right-radius:var(--corner-radius);transition:.3s ease-in-out}.lights__item .light:before{content:"";position:absolute;inset-inline:5px;top:78%;height:10px;background-color:inherit;filter:blur(6px);opacity:1}.lights__item .light:after{content:"";position:absolute;top:100%;left:-20%;width:140%;height:clamp(8.125rem,6.875rem + 6.25vw,12.5rem);background:linear-gradient(180deg,var(--light-sm-color) -1.14%,rgba(10,159,241,0) 100%);clip-path:polygon(14% 0%,86% 0%,100% 100%,0 100%)}@container style(--sm-light-status: off){.lights__item:nth-child(1){--light-sm-base-color: #fff}.lights__item:nth-child(1) .light{background-color:#0000001a}.lights__item:nth-child(1) .lights__message{display:block}}@container style(--lg-light-status: off){.lights__item:nth-child(2){--light-lg-base-color: #fff}.lights__item:nth-child(2) .light{background-color:#0000001a}.lights__item:nth-child(2) .lights__message{display:block}}@container style(--third-light-status: off){.lights__item:nth-child(3){--light-third-base-color: #fff}.lights__item:nth-child(3) .light{background-color:#0000001a}.lights__item:nth-child(3) .lights__message{display:block}}.lights__message{padding-top:1rem;z-index:1;display:none}.lights__message p{font-size:13px;text-align:center;text-wrap:balance}.lights__message p:before{content:"⚡️";display:block;margin-inline:auto;width:2rem;height:2rem;align-content:center;border-radius:50%;margin-bottom:.5rem;font-size:1rem;background-color:#fff}.page-header{position:relative;display:flex;justify-content:space-between;align-items:end;width:100%;max-width:850px;margin-inline:auto}.page-header .bench-svg{width:100%;height:100%;pointer-events:none}.page-header .bench-svg.pause circle{animation-play-state:paused}.page-header path{transition:.3s ease-out}.page-header .settings-container{--offset: -3rem;position:absolute;right:5rem;bottom:var(--offset);padding-block:50px 30px;padding-inline:30px;transition:.6s var(--ease-bounce-1);display:none}@media (min-width: 700px){.page-header .settings-container{display:block}}.page-header .settings-container:hover .settings{transform:translateY(calc(var(--offset) * .75))}.page-header .settings-container.active .settings{transform:translateY(calc(var(--offset) * .75));background-color:var(--blue-5);color:var(--gray-1)}.page-header .settings-container.active .settings svg{color:#fff}.page-header .settings{appearance:none;border:0;width:var(--size-7);height:var(--size-7);display:flex;align-items:center;justify-content:center;gap:var(--size-1);cursor:pointer;color:#222;background-color:var(--gray-0);border-radius:var(--radius-6);box-shadow:var(--shadow-5);transition:.2s ease-out}.page-header .settings svg{width:100%;height:100%;color:#222;transition:.2s ease-out}.page-header .settings:hover{background-color:var(--blue-5);color:var(--gray-1)}.page-header .settings:hover svg{color:#fff}.page-header__avatarContainer{display:grid;position:absolute;inset-inline:0;margin-inline:auto;bottom:-4px;width:fit-content;transition:2s ease-in-out}.page-header__avatarContainer>*{grid-area:1/-1;justify-self:center}.page-header__avatarContainer.active{opacity:0;animation:jump 1s ease-in-out forwards}@keyframes jump{0%{transform:translateY(-5px)}to{transform:translateY(100%)}}.page-header__avatar{width:clamp(5.625rem,4.489rem + 5.68vw,8.75rem)}.page-header__avatarCoat{align-self:end;width:clamp(6.313rem,4.881rem + 7.16vw,10.25rem)}.lab-table{--foot-height: 10px;position:relative;z-index:10;--top-edge-height: 20px;--horizontal-edge: 15px;--table-top-bg: #8576ff;--size-table-inner: calc( 100% - var(--horizontal-edge) - var(--horizontal-edge) ) 100%;width:100%;max-width:850px;margin-inline:auto;height:clamp(8.75rem,7.841rem + 4.55vw,11.25rem);background-image:conic-gradient(from -36deg at var(--horizontal-edge) var(--top-edge-height),var(--table-top-bg) 50%,transparent 0,transparent),conic-gradient(from 40deg at calc(100% - var(--horizontal-edge)) var(--top-edge-height),transparent 50%,var(--table-top-bg) 0,var(--table-top-bg)),linear-gradient(to right,#dbdbdb,#dbdbdb),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.12) 0,rgba(0,0,0,.12)),linear-gradient(to bottom,#eceaff,transparent),linear-gradient(to right,#fff,#fff);background-size:50% var(--top-edge-height),50% var(--top-edge-height),calc(100% - var(--horizontal-edge) - var(--horizontal-edge)) 3px,calc(100% - 30px) 30px,calc(100% - 50px) calc(100% - 50px),var(--size-table-inner);background-position:left top,right top,left 15px top 20px,left 15px top 75px,left 25px top 30px,left 15px top 20px;background-repeat:no-repeat,no-repeat,no-repeat,repeat-y,no-repeat,no-repeat}.lab-table:after{content:"";position:absolute;top:100%;inset-inline:15px;border-inline:28px solid #625A9F;height:var(--foot-height)}#flask1{transition:.2s ease-in-out}@keyframes moveBackAndForth{0%{offset-distance:0%;fill:#fca644}50%{offset-distance:100%;fill:#943456}to{offset-distance:0%;fill:#943456}}.page-header .bench-svg circle{animation:moveBackAndForth 35s ease-in-out infinite}.sticker-test{position:absolute;left:100px;top:100px;aspect-ratio:46/38;width:100px;background-color:red;clip-path:path("M28.5008 35.9998C21.1851 41.7479 8.33412 32.9998 3.50079 28.9998C0.0012629 27.4997 0.5 33.5 0.50079 34C0.505029 36.6833 0.00078994 41.3333 0.50079 43.5C2.00079 52 9.50079 59.5 17.0008 65.5C23.0008 70.3 31.5008 72.5 35.0008 73V76L32.0008 78.5C31.2008 81.3 33.3341 81.3333 34.5008 81L37.5008 79L41.5008 80.5C44.3008 80.5 43.6675 78.1667 43.0008 77L39.0008 75.5L38.5008 73C45.7008 74.6 55.1675 71 59.0008 69L59.5008 71.5L56.5008 74C54.9008 77.2 57.1675 77 58.5008 76.5L62.0008 74.5L66.0008 76C68.8008 75.2 68.1674 73.3333 67.5008 72.5L63.0008 71L62.5008 67.5C88.0008 52 85.5008 39.5 86.0008 33C88.1674 31.3333 92.7008 27.8 93.5008 27C94.3008 26.2 93.8341 24.6667 93.5008 24L85.0008 19.9998C84.0008 12.9998 79.0008 -0.000168264 63.0008 0.999832C50.2008 1.79983 43.0008 12.9998 41.0008 18.4998C40.3341 22.6665 35.5008 30.4998 28.5008 35.9998Z");filter:drop-shadow(0 3px 10px #000);display:none}.sticker2{position:absolute;left:90px;top:90px;aspect-ratio:46/38;width:80px;background-color:red;--offset: 30%}.sticker2 .front{position:absolute;width:100%;height:100%;background-color:green;right:100%;bottom:100%;transform:rotate(50deg);transform-origin:right center}.smoke{position:absolute;left:2%;bottom:81%;width:6%;height:52%}.smoke:after{content:"";position:absolute;left:10%;bottom:-1vw;width:2.5vw;height:2.5vw;z-index:1;border-radius:50%;animation:smokeAnimation 5s ease-in infinite;filter:blur(3px)}@keyframes smokeAnimation{0%{background-color:#ffffff1a}10%{background-color:#fff3}20%{background-color:#ffffff4d;box-shadow:0 0 #fffc,0 0 #fff9}50%{background-color:#ffffff1a;box-shadow:0 -50px #ffffff4d,20px -70px 0 10px #fff6,-20px -70px 0 -5px #ffffff4d}75%{box-shadow:0 -50px #fff3,20px -70px 0 10px #fff3,-20px -70px 0 -5px #ffffff1a}to{box-shadow:0 -50px #fff0,20px -70px 0 10px #fff0,-20px -70px 0 -5px #fff0}}.mask{position:fixed;inset:0;background-color:#0000000d;z-index:100;mask-image:radial-gradient(circle at var(--mouse-x) var(--mouse-y),transparent 50px,#000 70px,#000 100%);mask-repeat:no-repeat;pointer-events:none;transition:opacity .3s ease-in;opacity:1}.mask:before{content:"";position:fixed;inset:0;background-color:#e05c35f2;opacity:0;animation:flash 2s ease-in-out alternate infinite}@starting-style{.mask{opacity:0}}@keyframes flash{to{opacity:1}}.related-experiments[data-astro-cid-ui4gpmfh]{margin-bottom:var(--size-8)}.related-experiments[data-astro-cid-ui4gpmfh] h2[data-astro-cid-ui4gpmfh]{font-size:1.5rem;margin-bottom:2rem;text-align:center}@property --_index{syntax: "<integer>"; inherits: false; initial-value: 0;}.experiments-list[data-astro-cid-ui4gpmfh]{--col-count: 2;display:grid;grid-template-columns:repeat(var(--col-count),1fr);row-gap:3rem}@media (min-width: 650px){.experiments-list[data-astro-cid-ui4gpmfh]{--col-count: 3}}@media (min-width: 870px){.experiments-list[data-astro-cid-ui4gpmfh]{--col-count: 4}}.experiments-list[data-astro-cid-ui4gpmfh]>div[data-astro-cid-ui4gpmfh]:not(.line){--_index: sibling-index();--index: var(--_index);display:flex;justify-content:flex-end;align-items:center;flex-direction:column;padding-top:2rem;border-bottom:20px solid #fff}.experiment-item[data-astro-cid-ui4gpmfh]{container-type:size;container-name:experiment;--test-pos: random(10%, 70%, 15%);position:relative;display:flex;flex-direction:column;height:100%;width:100%;aspect-ratio:95/170;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);max-width:150px;border-top-left-radius:10px;border-top-right-radius:10px}.experiment-item[data-astro-cid-ui4gpmfh]:hover p[data-astro-cid-ui4gpmfh]{transform:translateY(0)}.experiment-item[data-astro-cid-ui4gpmfh] .cap[data-astro-cid-ui4gpmfh]{height:24px;background-color:#422547;border-top-left-radius:10px;border-top-right-radius:10px}.experiment-item[data-astro-cid-ui4gpmfh] .content[data-astro-cid-ui4gpmfh]{flex:1;background:#dee5fc;padding:0 .75rem 1rem}.experiment-item[data-astro-cid-ui4gpmfh] .content-inner[data-astro-cid-ui4gpmfh]{--circle-pos-x: random(-10%, 110%, 10%);--circle-pos-y: random(0%, 100%, 10%);display:flex;align-items:center;justify-content:center;height:100%;background-color:hsl(from #461b7e calc(var(--index) * 15) s calc(l + 40));background-image:radial-gradient(circle 50px at var(--circle-pos-x) var(--circle-pos-y),rgba(from #fff r g b/.75) 10%,transparent);border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:inset 0 -5px 5px 2px #0000001a,inset 0 -10px #0000000b}.experiment-item[data-astro-cid-ui4gpmfh] a[data-astro-cid-ui4gpmfh]{flex:0 0 130%;text-decoration:none;color:#222}.experiment-item[data-astro-cid-ui4gpmfh] a[data-astro-cid-ui4gpmfh]:after{content:"";position:absolute;inset:0;width:100%;height:100%}.experiment-item[data-astro-cid-ui4gpmfh] p[data-astro-cid-ui4gpmfh]{text-align:center;font-size:17px;font-weight:400;background-color:#fff;box-shadow:3px 3px #00000040;padding:8px;min-height:40px;align-content:center;rotate:-2deg;transform:translateY(var(--test-pos));transition:transform .3s ease-out}.line[data-astro-cid-ui4gpmfh]{grid-column:1/-1;height:20px;background-color:#fff;margin-bottom:2rem;width:max(100%,min(1150px,(100vw - 100%) + (100vw - 100% / 2)));margin-left:max(0px,(100% - 1150px) / 2);box-shadow:0 3px 10px #0000001a;border-image:conic-gradient(#fff 0 0) fill 0/0/0 5vw;display:none}.line[data-astro-cid-ui4gpmfh]:last-of-type{margin-bottom:0}.demo-header{display:grid;gap:1.5rem;text-align:center}.demo-header h1{font-size:2rem}.demo-header>*{grid-area:1/-1;align-self:end;text-box:trim-both cap alphabetic}@supports not (text-box: trim-both cap alphabetic){.demo-header{gap:.5rem}.demo-header h1{margin-bottom:-.7ex}}.demo-header__content{z-index:20;justify-self:center;padding:1rem 1rem 0}.demo{position:relative;background-color:#fff;padding:2rem;border-radius:20px;box-shadow:var(--shadow-2);margin-bottom:var(--size-8)}.demo.high-risk{overflow:hidden}.demo .high-risk-warning{position:absolute;inset:0;opacity:0;display:none;flex-direction:column;gap:1rem;justify-content:center;align-items:center;background-color:hsl(from #ed1c24 h s l/.95);background-image:radial-gradient(circle at center,rgb(from #fff r g b/.8) 0%,transparent 50%),radial-gradient(circle at center,rgb(from #fff r g b/.8) 0%,transparent 50%);background-size:450px 450px,350px 350px;background-position:-180px -180px,120% 0px;background-repeat:no-repeat;backdrop-filter:blur(5px);border:4px solid #fff;border-radius:20px;transition:.3s ease-out}.demo .high-risk-warning p{color:#fff;font-size:18px;max-width:50ch;text-align:center}.demo .high-risk-warning button{appearance:none;padding:10px 16px;border-radius:49px;border:2px solid rgba(0,0,0,.15);background:#fff;font-weight:700;color:#222;cursor:pointer;transition:.3s ease-out}.demo .high-risk-warning button:hover{color:#fff;background-color:#ed1c24}.demo .high-risk-warning.confirmed{display:flex;opacity:1}@starting-style{.high-risk-warning{opacity:0;display:none}}.prose{max-width:650px;margin-inline:auto}.prose>*+*{margin-top:1.5rem}.prose pre{padding:1rem;border-radius:10px}.full-screen{position:absolute;right:1rem;top:1rem;display:flex;justify-content:center;align-items:center;gap:var(--size-2);padding:calc(var(--size-2) - 2px);border-radius:6px;font-size:14px;color:var(--gray-7);background-color:transparent;transition:.3s ease-out;text-decoration:none}.full-screen svg{color:gray;width:var(--size-4);height:var(--size-4)}.full-screen:hover{background-color:var(--gray-1)}.demo-wrapper{max-width:1100px;margin:1rem auto;padding-left:1rem;padding-right:1rem;min-height:100%}