.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}}.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)}.component-a7da2c3e{display:flex;justify-content:center;width:100%}.component-a7da2c3e>div{width:0}.component-a7da2c3e>div>div{display:flex;gap:var(--tyleo-default-padding);overflow:hidden;padding:var(--tyleo-default-padding);transform:translateX(-50%);width:max-content}.component-a7da2c3e[data-scroll-visible]{justify-content:unset;overflow-x:auto}.component-a7da2c3e[data-scroll-visible]>div>div{transform:unset}.hexagon-size-e49ee716{height:175px;position:relative;width:153.125px}.layer-row-a23ef789{display:flex;height:131.25px}.layer-grid-c2dbfd2b{align-items:center;display:flex;flex-direction:column}.absolute-layer-grid-be3dab25{pointer-events:none;position:absolute}.svg-fcc5f735{height:58.33333px;width:58.33333px}.hexagon-cd161082{display:flex;position:relative}.hexagon-cd161082>svg{height:153.125px;position:absolute;right:-10.9375px;top:10.9375px;transform:rotate(90deg);width:175px}.add-hex-control-a0791180{cursor:pointer;transition:var(--tyleo-hover-transition)}@media (hover:hover){.add-hex-control-a0791180:hover{filter:var(--tyleo-hover-filter)}}.add-hex-control-a0791180>svg>use:first-child{pointer-events:fill;fill:var(--tyleo-light-gray)}.hexagon-size-centered-cc910d49{align-items:center;display:flex;justify-content:center}.plus-svg-d475467d{filter:var(--tyleo-active-filter);transform:rotate(90deg)}.plus-svg-d475467d>use:first-child{fill:var(--tyleo-dark-blue)}.plus-svg-d475467d>use:nth-child(2){fill:var(--tyleo-primary-foreground-color)}.empty-hex-c8811fba{pointer-events:none}.hexagon-controls-e7f2744c{display:grid;grid-template-columns:1fr 58.33333px 1fr;grid-template-rows:1fr 58.33333px 1fr;height:315px;left:-70px;position:absolute;top:-70px;width:293.125px}.arrow-svg-b421c3db{cursor:pointer;pointer-events:all;fill:var(--tyleo-arrow-color);transition:var(--tyleo-hover-transition)}@media (hover:hover){.arrow-svg-b421c3db:hover{filter:var(--tyleo-hover-filter)}}.diagonal-arrow-container-e4dd469f{align-items:center;display:flex;justify-content:center}.up-arrow-container-d7d15f67{align-items:start;display:flex}.down-arrow-container-f15f2746{align-items:end;display:flex}.left-arrow-container-e9ba7597{display:flex;justify-content:start}.right-arrow-container-e584dca6{display:flex;justify-content:end}.remove-container-efa7db26{align-items:center;display:flex;flex-direction:column;justify-content:center}.padding-div-c37437ea{height:118.26172px}.remove-svg-a8d4fcc2{cursor:pointer;height:25px;pointer-events:all;transition:var(--tyleo-hover-transition);width:25px}@media (hover:hover){.remove-svg-a8d4fcc2:hover{filter:var(--tyleo-hover-filter)}}.remove-svg-a8d4fcc2>use:first-child{fill:var(--tyleo-red)}.remove-svg-a8d4fcc2>use:nth-child(2){fill:var(--tyleo-primary-background-color)}.skill-def-f8261461{pointer-events:none}.skill-def-f8261461[data-can-hover]{cursor:pointer;transition:var(--tyleo-hover-transition)}.skill-def-f8261461[data-can-hover]:active{filter:var(--tyleo-active-filter)}@media (hover:hover){.skill-def-f8261461[data-can-hover]:hover{filter:var(--tyleo-hover-filter)}.skill-def-f8261461[data-can-hover]:active:hover{filter:var(--tyleo-active-filter)}}.skill-def-f8261461[data-is-selected]>svg{filter:brightness(145%)}.skill-def-f8261461>svg>use:first-child{fill:var(--tyleo-dark-blue);pointer-events:fill}.skill-def-f8261461>svg>use:nth-child(2){fill:var(--tyleo-blue)}.hexagon-text-container-cbcacd3b{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;pointer-events:none;position:absolute;width:100%}.hexagon-input-e139d7cd{display:table-cell;font-family:var(--tyleo-normal-font-family);font-size:var(--tyleo-normal-font-size);height:82.03125px;overflow:clip;resize:none;text-align:center;vertical-align:middle;width:136.71875px}.hexagon-text-e5274f4e{align-items:center;cursor:text;display:flex;max-height:82.03125px;max-width:136.71875px;overflow:clip;pointer-events:all;text-align:center}.hexagon-text-noedit-fcf9e38f{cursor:unset;pointer-events:none;user-select:none;-webkit-user-select:none}.component-f2bb6f51{background-color:var(--tyleo-secondary-background-color);display:flex;justify-content:center;width:100%}.component-f2bb6f51>div{width:0}.component-f2bb6f51>div>div{display:flex;overflow:hidden;padding:var(--tyleo-double-padding) var(--tyleo-double-padding) calc(43.75px + var(--tyleo-double-padding));position:relative;transform:translateX(-50%);width:max-content}.component-f2bb6f51[data-scroll-visible]{justify-content:unset;overflow-x:auto}.component-f2bb6f51[data-scroll-visible]>div>div{transform:unset}.skill-tree-page-e5c750a4{display:flex;flex-direction:column}.toggle-container-dd541b8a{display:flex;justify-content:center;margin-bottom:var(--tyleo-default-padding)}