.a-h3-ea5fc977{--link-color:var(--tyleo-link-color);--font-size:var(--tyleo-medium-font-size);--icon-margin-bottom:var(--tyleo-link-header-icon-margin-bottom);--icon-height:calc(var(--font-size)*var(--tyleo-link-header-icon-height));font-size:var(--font-size)}.space-f2492b18{user-select:none;-webkit-user-select:none}.icon-e87ecb34{fill:var(--link-color);height:var(--icon-height);margin-bottom:var(--icon-margin-bottom);vertical-align:middle}.a-h4-dda25f92{--link-color:var(--tyleo-link-color);--font-size:var(--tyleo-normal-font-size);--icon-margin-bottom:var(--tyleo-link-header-icon-margin-bottom);--icon-height:calc(var(--font-size)*var(--tyleo-link-header-icon-height));font-size:var(--font-size)}.space-cb6b4920{user-select:none;-webkit-user-select:none}.icon-e9d015ce{fill:var(--link-color);height:var(--icon-height);margin-bottom:var(--icon-margin-bottom);vertical-align:middle}.sections-eb766494{--width:var(--tyleo-center-column-width);--horizontal-padding:var(--tyleo-left-right-screen-edge-padding);--grid-template-columns-center:1fr var(--width) 1fr;--grid-template-columns-stretch:var(--horizontal-padding) 1fr var(--horizontal-padding);display:flex;flex-direction:column;&[data-vert-stretch]{height:100%}}.row-b7c23695{display:grid;&[data-alignment=center]{grid-template-columns:var(--grid-template-columns-center);@media only screen and (max-width:780px){grid-template-columns:var(--grid-template-columns-stretch)}}&[data-alignment=stretch]{grid-template-columns:var(--grid-template-columns-stretch)}:where(&)>*{grid-column:2}}.gapped-sections-b6732ab9{--gap:var(--tyleo-double-padding);row-gap:var(--gap)}.blog-post-header-aabcc289{--min-icon-size:calc((var(--tyleo-large-font-size) + var(--tyleo-medium-font-size))*var(--tyleo-blog-title-line-height));--max-icon-size:calc((var(--tyleo-large-font-size) + var(--tyleo-medium-font-size) + var(--tyleo-medium-font-size))*var(--tyleo-blog-title-line-height));align-items:center;display:flex;gap:var(--tyleo-double-padding);@media only screen and (max-width:780px){align-items:unset;flex-direction:column}}.title-container-d36e5df5{line-height:var(--tyleo-blog-title-line-height)}.icon-a3de03d0{align-content:center;aspect-ratio:1;height:100%;min-height:var(--min-icon-size);@media only screen and (max-width:780px){align-self:center;min-height:var(--max-icon-size)}}.caret-toggle-a5a827ab{--background-color:var(--tyleo-button-color);--foreground-color:var(--tyleo-pure-white);--diameter:var(--tyleo-toggle-diameter);--gap:var(--tyleo-default-padding);--padding:var(--tyleo-toggle-circle-padding);--active-filter:var(--tyleo-active-filter);--hover-filter:var(--tyleo-hover-filter);--hover-transition:var(--tyleo-hover-transition);--transform-time:var(--tyleo-element-highlight-time);--transform-transition:transform var(--transform-time);align-items:center;display:flex;gap:var(--gap);pointer-events:none;position:relative;transition:var(--hover-transition);user-select:none;-webkit-user-select:none;@media (hover:hover){&:hover{filter:var(--hover-filter);&:active{filter:var(--active-filter)}}}&:has(>.input-d47aac2c:checked)>.background-e7c59285{transform:rotate(90deg)}}.input-d47aac2c{all:unset;cursor:pointer;height:100%;pointer-events:all;position:absolute;width:100%}.background-e7c59285{align-items:center;background-color:var(--background-color);border-radius:50%;box-sizing:border-box;display:flex;height:var(--diameter);justify-content:center;padding:var(--padding);transition:var(--transform-transition);width:var(--diameter)}.icon-c4f03893{height:100%;width:100%}.icon_foreground-d7bc9ba3{fill:var(--foreground-color)}.icon_background-b612929a{fill:transparent}.toggle-section-a496643f{--background-color:var(--tyleo-button-color);--circle-diameter:var(--tyleo-toggle-diameter);--circle-padding:var(--tyleo-toggle-circle-padding);--horizontal-content-gap:var(--tyleo-default-padding);--padding-left:var(--tyleo-left-shifted-element-padding);--vertical-content-gap:var(--tyleo-default-padding);--active-filter:var(--tyleo-active-filter);--hover-filter:var(--tyleo-hover-filter);--hover-transition:var(--tyleo-hover-transition);--rule-width:var(--circle-padding);--rule-bottom-border-radius:calc(var(--rule-width)/2);--rule-border-radius:0 0 var(--rule-bottom-border-radius) var(--rule-bottom-border-radius);--rule-left:calc((var(--circle-diameter) - var(--rule-width))/2);--toggle-active-filter:var(--active-filter);--toggle-hover-filter:var(--hover-filter);--toggle-hover-transition:var(--hover-transition);display:flex;flex-direction:column;gap:var(--vertical-content-gap);overflow:hidden;&:has(>.content-view-toggle-d8882074>.input-d47aac2c:checked){&>.content-view-toggle-d8882074:before{background-color:var(--background-color);content:"";height:calc(50% + var(--vertical-content-gap));left:var(--rule-left);position:absolute;top:50%;width:var(--rule-width)}&>.content-f57e4b08{display:initial;&:before{background-color:var(--background-color);border-radius:var(--rule-border-radius);content:"";height:100%;left:var(--rule-left);position:absolute;transition:var(--hover-transition);width:var(--rule-width)}}}@media (hover:hover){&:has(>.content-view-toggle-d8882074:hover)>.content-f57e4b08:before{filter:var(--hover-filter)}&:has(>.content-view-toggle-d8882074:active:hover)>.content-f57e4b08:before{filter:var(--active-filter)}}}.content-view-toggle-d8882074{--diameter:var(--circle-diameter);--gap:var(--horizontal-content-gap);--padding:var(--circle-padding);--active-filter:var(--toggle-active-filter);--hover-filter:var(--toggle-hover-filter);--hover-transition:var(--toggle-hover-transition)}.content-f57e4b08{display:none;padding-left:var(--padding-left);position:relative}.blog-post-a20e137e{--line-height:var(--tyleo-blog-line-height);--vertical-padding:var(--tyleo-double-padding);--padding:var(--vertical-padding) 0;line-height:var(--line-height);padding:var(--padding);&[data-pad-bottom]{padding-bottom:128px}}.code-block-f7aa32cd{--code-background-color:var(--tyleo-quaternary-background-color);--line-number-background-color:var(--tyleo-tertiary-background-color);--add-line-number-background-color:var(--tyleo-darkish-blue);--change-line-number-background-color:var(--tyleo-darkish-yellow);--font-family:var(--tyleo-mono-font-family);--font-size:var(--tyleo-normal-font-size);--border-radius:var(--tyleo-default-border-radius);--padding:var(--tyleo-default-padding);background-color:var(--code-background-color);border-radius:var(--border-radius);display:flex;font-family:var(--font-family);font-size:var(--font-size);font-variant-ligatures:none;overflow:hidden}.line-numbers-cda6147b{background-color:var(--line-number-background-color);cursor:default;text-align:end;user-select:none;-webkit-user-select:none}.line-number-fd93b1b1{padding-left:var(--padding);padding-right:var(--padding);&[data-kind=new]{background-color:var(--add-line-number-background-color)}&[data-kind=mod]{background-color:var(--change-line-number-background-color)}}.first-line-number-f02dc615{padding-top:var(--padding)}.last-line-number-df1e5cc4{padding-bottom:var(--padding)}.scroll-area-e79616b9{cursor:text;overflow-x:auto;overflow-y:hidden;position:relative;width:100%}.content-bc2fb75b{padding:var(--padding);position:absolute}.code-span-b633a3d4{--background-color:var(--tyleo-quaternary-background-color);--font-family:var(--tyleo-mono-font-family);--font-size:var(--tyleo-normal-font-size);--border-radius:var(--tyleo-default-border-radius);--padding:var(--tyleo-mini-padding);background-color:var(--background-color);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size);font-variant-ligatures:none;padding:var(--padding)}.glass-d0d34e2a{--blur:blur(10px);--bottom-right-depth-effect:inset -0.75px -0.5px hsla(0,0%,100%,.1);--top-left-depth-effect:inset 0.75px 0.5px hsla(0,0%,100%,.025);--shadow-effect:3px 2px 10px rgba(0,0,0,.25);--short-subsurface-effect:inset 0px 0px 10px 5px hsla(0,0%,100%,.025);--long-subsurface-effect:inset 0px 0px 40px 5px hsla(0,0%,100%,.025);--light-image:url(/img/light-f71eeaec.png);--light-size:750px;--light-opacity:0.075;--box-shadow:var(--bottom-right-depth-effect),var(--top-left-depth-effect),var(--shadow-effect),var(--short-subsurface-effect),var(--long-subsurface-effect);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--box-shadow);&[data-light-rays=Fixed]:before{background-attachment:fixed}&[data-light-rays=Fixed]:before,&[data-light-rays=Static]:before{background-image:var(--light-image);background-repeat:repeat;background-size:var(--light-size);bottom:0;content:"";left:0;opacity:var(--light-opacity);position:absolute;right:0;top:0;z-index:-1}}.scripted-light-rays-b488186a{background-image:var(--light-image);background-repeat:repeat;background-size:var(--light-size);bottom:0;left:0;opacity:var(--light-opacity);position:absolute;right:0;top:0;z-index:-1}.icon-link-d653f8ec{--width:var(--tyleo-large-font-size);text-decoration:none;user-select:none;-webkit-user-select:none;width:fit-content}.icon-bb39463f{vertical-align:middle;width:var(--width)}.text-ad74699a{text-decoration:underline;vertical-align:middle}.path-1-eb8f3a75{fill:#f60}.path-2-b82820d9{fill:#fff}.toggle-a5ca564b{--background-color:var(--tyleo-button-color);--checked-background-color:var(--tyleo-green);--circle-background-color:var(--tyleo-pure-white);--check-padding:var(--tyleo-toggle-check-padding);--gap:var(--tyleo-default-padding);--height:var(--tyleo-toggle-diameter);--padding:var(--tyleo-toggle-circle-padding);--svg-size:var(--tyleo-toggle-svg-size);--width:var(--tyleo-toggle-width);--active-filter:var(--tyleo-active-filter);--highlight-time:var(--tyleo-element-highlight-time);--hover-filter:var(--tyleo-hover-filter);--hover-transition:var(--tyleo-hover-transition);--checked-left:calc(var(--width) - var(--padding) - var(--inner-circle-diameter));--inner-circle-diameter:calc(var(--height) - var(--padding)*2);align-items:center;display:flex;gap:var(--gap);pointer-events:none;position:relative;transition:var(--hover-transition);user-select:none;-webkit-user-select:none;width:fit-content;@media (hover:hover){&:hover{filter:var(--hover-filter);&:active{filter:var(--active-filter)}}}&:has(>.input-c1b89804:checked){&>.background-c876c1fe{background-color:var(--checked-background-color)}&>.background-c876c1fe>.circle-a0cc1aeb{left:var(--checked-left)}&>.background-c876c1fe>.circle-a0cc1aeb>.x-ad0204ae{opacity:0}&>.background-c876c1fe>.circle-a0cc1aeb>.check-cd8b344f{opacity:1}}}.input-c1b89804{all:unset;cursor:pointer;height:100%;pointer-events:all;position:absolute;width:100%}.background-c876c1fe{background-color:var(--background-color);border-radius:var(--height);height:var(--height);min-width:var(--width);position:relative;transition:background-color var(--highlight-time)}.circle-a0cc1aeb{align-items:center;background-color:var(--circle-background-color);border-radius:50%;display:flex;height:var(--inner-circle-diameter);justify-content:center;left:var(--padding);position:absolute;top:var(--padding);transition:left var(--highlight-time);width:var(--inner-circle-diameter)}.icon-b8571b26{height:var(--svg-size);position:absolute;transition:opacity var(--highlight-time);width:var(--svg-size)}.x-ad0204ae{fill:var(--background-color)}.check-cd8b344f{fill:var(--checked-background-color);opacity:0;padding-left:var(--check-padding)}.img-b1c9b4fb{border-radius:var(--tyleo-default-border-radius);width:100%}.light-img-container-f1ec547f{display:flex;justify-content:center;width:100%}.light-img-f30196c6{max-width:300px;width:300px}.glass-container-base-d48c125e{border-radius:var(--tyleo-default-border-radius);display:flex;max-height:min-content;overflow:hidden;position:relative;width:100%}.glass-base-a8843125{cursor:grab;height:150px;left:calc(50% - 50px);position:absolute;top:calc(50% - 75px);user-select:none;-webkit-user-select:none;width:100px}.glass-base-a8843125:active{cursor:grabbing}.glass-alt-base-b8617aa3{border-radius:inherit;bottom:0;display:none;left:0;position:absolute;right:0;top:0}.light-rays-base-a6c62e09{background-image:url(/img/light-f71eeaec.png);background-repeat:repeat;background-size:750px;bottom:0;left:0;opacity:.075;position:absolute;right:0;top:0;z-index:-1}.toggle-top-d85bb0cd:has(input:checked)~.glass-container-top-cd3754d4{overflow:unset}.toggle-top-d85bb0cd:has(input:checked)~*>.glass-top-fdb0cd96{display:none}.toggle-top-d85bb0cd:has(input:checked)~*>.glass-top-alt-e5620fa7{display:unset}.glass-top-fdb0cd96{border-radius:5px;overflow:hidden}.drag-me-cdbfac37{align-items:center;background-color:rgba(12,13,14,.75);display:flex;height:30px;justify-content:center}.final-recipe-toggle-b25461e1{display:flex;flex-direction:column;gap:var(--tyleo-double-padding);width:100%}.toggle-example-1-bdea1c73:has(input:checked)~.glass-container-example-1-d3a04714{overflow:unset}.toggle-example-1-bdea1c73:has(input:checked)~*>.glass-example-1-c1f299d8{display:none}.toggle-example-1-bdea1c73:has(input:checked)~*>.glass-alt-example-1-bd78e7f8{display:unset}.glass-base-example-1-b656c460{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.toggle-example-2-d3fd69cb:has(input:checked)~.glass-container-example-2-a6d20b10{overflow:unset}.toggle-example-2-d3fd69cb:has(input:checked)~*>.glass-example-2-f4cc3502{display:none}.toggle-example-2-d3fd69cb:has(input:checked)~*>.glass-alt-example-2-c6626042{display:unset}.glass-base-example-2-d79e45c7{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset -.75px -.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025)}.toggle-example-3-d4b2b155:has(input:checked)~.glass-container-example-3-b124855b{overflow:unset}.toggle-example-3-d4b2b155:has(input:checked)~*>.glass-example-3-c76ce383{display:none}.toggle-example-3-d4b2b155:has(input:checked)~*>.glass-alt-example-3-fbd466c8{display:unset}.glass-base-example-3-e25b9260{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset -.75px -.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025),3px 2px 10px rgba(0,0,0,.25)}.toggle-example-4-bedf0443:has(input:checked)~.glass-container-example-4-ab03a5fe{overflow:unset}.toggle-example-4-bedf0443:has(input:checked)~*>.glass-example-4-a2445809{display:none}.toggle-example-4-bedf0443:has(input:checked)~*>.glass-alt-example-4-d88b6493{display:unset}.glass-base-example-4-fca361c0{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset -.75px -.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025),3px 2px 10px rgba(0,0,0,.25),inset 0 0 10px 5px hsla(0,0%,100%,.025)}.toggle-example-5-eb030977:has(input:checked)~.glass-container-example-5-b9ccea18{overflow:unset}.toggle-example-5-eb030977:has(input:checked)~*>.glass-example-5-ab97f9f1{display:none}.toggle-example-5-eb030977:has(input:checked)~*>.glass-alt-example-5-b308e776{display:unset}.glass-base-example-5-e7a005a6{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset -.75px -.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025),3px 2px 10px rgba(0,0,0,.25),inset 0 0 10px 5px hsla(0,0%,100%,.025),inset 0 0 40px 5px hsla(0,0%,100%,.025)}.toggle-example-6-a9b6b5e1:has(input:checked)~.glass-container-example-6-f03854de{overflow:unset}.toggle-example-6-a9b6b5e1:has(input:checked)~*>.glass-example-6-e7d1e85e{display:none}.toggle-example-6-a9b6b5e1:has(input:checked)~*>.glass-alt-example-6-aa2e1586{display:unset}.glass-base-example-6-cbf745cb{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset -.75px -.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025),3px 2px 10px rgba(0,0,0,.25),inset 0 0 10px 5px hsla(0,0%,100%,.01),inset 0 0 40px 5px hsla(0,0%,100%,.025)}.glass-alt-example-6-aa2e1586:before,.glass-example-6-e7d1e85e:before{background-image:url(/img/light-f71eeaec.png);background-repeat:repeat;background-size:750px;bottom:0;content:"";left:0;opacity:.075;position:absolute;right:0;top:0;z-index:-1}.toggle-example-7-f0658e4e:has(input:checked)~.glass-container-example-7-d8700e12{overflow:unset}.toggle-example-7-f0658e4e:has(input:checked)~*>.glass-example-7-dd8cb5b9{display:none}.toggle-example-7-f0658e4e:has(input:checked)~*>.glass-alt-example-7-e768e43f{display:unset}.glass-alt-example-7-e768e43f:before,.glass-example-7-dd8cb5b9:before{background-attachment:fixed;background-image:url(/img/light-f71eeaec.png);background-repeat:repeat;background-size:750px;bottom:0;content:"";left:0;opacity:.075;position:absolute;right:0;top:0;z-index:-1}.toggle-example-8-d89c2ad7:has(input:checked)~.glass-container-example-8-c06880c2{overflow:unset}.toggle-example-8-d89c2ad7:has(input:checked)~*>.glass-example-8-fae1ec77{display:none}.toggle-example-8-d89c2ad7:has(input:checked)~*>.glass-alt-example-8-b8987855{display:unset}.toggle-example-9-b37ba145:has(input:checked)~.glass-container-example-9-dbd2acb6{overflow:unset}.toggle-example-9-b37ba145:has(input:checked)~*>.glass-example-9-c541140f{display:none}.toggle-example-9-b37ba145:has(input:checked)~*>.glass-alt-example-9-f72becc0{display:unset}.glass-base-example-9-fc7ad512{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;box-shadow:inset -.75px -.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025),3px 2px 10px rgba(0,0,0,.25),inset 0 0 10px 5px hsla(0,0%,100%,.01),inset 0 0 40px 5px hsla(0,0%,100%,.025)}.toggle-example-10-fa447221:has(input:checked)~.glass-container-example-10-b00de635{overflow:unset}.toggle-example-10-fa447221:has(input:checked)~*>.glass-example-10-a0a82182{display:none}.toggle-example-10-fa447221:has(input:checked)~*>.glass-alt-example-10-d68fdd28{display:unset}.glass-base-example-10-ce5d84fe{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:5px;box-shadow:inset -.75px -.5px hsla(0,0%,100%,.1),inset .75px .5px hsla(0,0%,100%,.025),3px 2px 10px rgba(0,0,0,.25),inset 0 0 10px 5px hsla(0,0%,100%,.01),inset 0 0 40px 5px hsla(0,0%,100%,.025);overflow:hidden}