@charset "UTF-8";:root{--visibility-expired-font-size: 0px;--index: calc(1vw + 1vh) ;--transition: .3s cubic-bezier(.39, .575, .565, 1);--font-12: .75rem;--font-14: .875rem;--font-16: 1rem;--font-18: 1.125rem;--font-20: 1.25rem;--font-22: 1.375rem;--font-24: 1.5rem;--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 6%);--orange: hsl(28, 59%, 59%);--green: hsl(151, 100%, 37%);--blue: hsl(207, 25%, 55%);--red: hsl(2, 78%, 55%)}html[color=light]{--background-color-100: hsl(201, 9%, 52%);--background-color-200: hsl(0, 0%, 72%);--background-color-300: hsl(204, 22%, 95%);--background-color-400: hsl(0, 0%, 100%);--background-color-500: ;--font-color-100: hsl(0, 0%, 10%);--font-color-200: hsl(201, 9%, 52%);--font-color-300: hsla(213, 10%, 49%);--font-color-400: hsl(0, 0%, 72%);--font-color-500: hsla(0, 0%, 100%, .72);--orange-color-100: hsl(27, 52%, 47%);--orange-color-200: hsl(27, 52%, 57%);--orange-color-300: hsl(27, 52%, 60%);--green-color-100: hsl(150, 100%, 27%);--green-color-200: hsl(150, 100%, 37%);--green-color-300: hsl(150, 100%, 40%);--blue-color-100: hsl(196, 53%, 33%);--blue-color-200: hsl(196, 53%, 53%);--blue-color-300: hsl(196, 53%, 66%);--blue-color-400: hsla(194, 96%, 37%);--red-color-100: hsl(2, 78%, 45%);--red-color-200: hsl(2, 78%, 55%);--red-color-300: hsl(2, 78%, 65%);--orange-gradient: linear-gradient(135deg, var(--orange-color-200) 0%, hsl(33, 70%, 64%) 100%);--green-gradient: linear-gradient(135deg, var(--green-color-200) 0%, hsl(148, 60%, 62%) 100%);--blue-gradient: linear-gradient(135deg, var(--blue-color-200) 0%, hsl(239, 37%, 58%) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:none;outline:none;background:none;text-decoration:none;list-style:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}html{position:relative;writing-mode:horizontal-tb;text-rendering:optimizeSpeed;line-height:1.5;scroll-behavior:smooth;scrollbar-gutter:stable;overflow-anchor:auto;-webkit-text-size-adjust:100%}body{position:relative;font-family:Inter,sans-serif;font-size:calc(1rem + var(--visibility-expired-font-size));color:var(--font-color-100);background-color:color-mix(in hsl,var(--background-color-100) 6%,transparent);accent-color:var(--green-color-200);transition:var(--transition) background-color}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}p,h1,h2,h3,h4,h5,h6,span{overflow-wrap:break-word;transition:var(--transition) color}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}img,picture,video,canvas,svg{display:block;max-inline-size:100%;block-size:auto}table{border-collapse:collapse;inline-size:100%}a,button,input,textarea,select{line-height:inherit;text-decoration-skip-ink:auto;transition:var(--transition) color}button,a{cursor:pointer}input,textarea{caret-color:var(--green-color-200);accent-color:inherit}textarea{resize:none}textarea:focus{outline:none}input::-webkit-clear-button,input::-webkit-inner-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration,input::-webkit-slider-thumb,input::-webkit-outer-spin-button{-webkit-appearance:none}input::-moz-range-thumb{-moz-appearance:none}input:focus{outline:none}details summary::-webkit-details-marker{display:none;overflow:hidden;visibility:hidden;content-visibility:hidden}svg,svg path,svg rect,svg g{transition:var(--transition) fill,stroke}ul li,ol li{transition:var(--transition) background-color}h1{font:700 clamp(2.5rem + var(--visibility-expired-font-size),6vw,3.5rem + var(--visibility-expired-font-size)) "Inter",sans-serif}h2{font:700 clamp(2rem + var(--visibility-expired-font-size),5vw,3rem + var(--visibility-expired-font-size)) "Inter",sans-serif}h3{font:600 clamp(1.5rem + var(--visibility-expired-font-size),4vw,2rem + var(--visibility-expired-font-size)) "Inter",sans-serif}h4{font:600 clamp(1.125rem + var(--visibility-expired-font-size),3vw,1.5rem + var(--visibility-expired-font-size)) "Inter",sans-serif}h5{font:600 calc(1.5rem + var(--visibility-expired-font-size)) "Inter",sans-serif}h6{font:600 calc(1.375rem + var(--visibility-expired-font-size)) "Inter",sans-serif}main{position:relative}.heading{display:flex;flex-direction:column;gap:8px}.font-12{font-size:calc(var(--font-12) + var(--visibility-expired-font-size))}.font-14{font-size:calc(var(--font-14) + var(--visibility-expired-font-size))}.font-16{font-size:calc(var(--font-16) + var(--visibility-expired-font-size))}.font-18{font-size:calc(var(--font-18) + var(--visibility-expired-font-size))}.font-20{font-size:calc(var(--font-20) + var(--visibility-expired-font-size))}.font-22{font-size:calc(var(--font-22) + var(--visibility-expired-font-size))}.font-24{font-size:calc(var(--font-24) + var(--visibility-expired-font-size))}.weight-400{font-weight:400}.weight-600{font-weight:500}.weight-600{font-weight:600}.uppercase{text-transform:uppercase}.content-visible{overflow:visible;visibility:visible;content-visibility:visible}.content-hidden{overflow:hidden;visibility:hidden;content-visibility:hidden}.-scroll-container{overflow-x:auto;scroll-snap-type:x proximity;scroll-snap-stop:always;scroll-padding:0 0 0 72px;align-items:stretch;scrollbar-width:thin;scrollbar-color:color-mix(in hsl,var(--background-color-100) 6%,transparent) transparent}.-scroll-container::-webkit-scrollbar{margin:0 auto;block-size:1px}.-scroll-container::-webkit-scrollbar-thumb{opacity:0;margin:0 auto;background-color:color-mix(in hsl,var(--background-color-100) 6%,transparent);border-radius:12px;border:1px none}.icon{min-block-size:2.5rem;max-block-size:2.5rem;block-size:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--background-color-300);transition:var(--transition) background-color}.back svg{transform:rotate(180deg)}.back svg path{stroke:var(--green-color-200);transition:var(--transition);transition-property:fill,stroke}.back:hover svg path{stroke:var(--green-color-300)}.hide-images img,.hide-images picture{display:none}html[data-current-color=WHITE]{--black: black;--white: black;--a-font-color-100: hsl(0, 0%, 0%);--a-font-color-200: hsl(0, 0%, 4%);--a-font-color-300: hsl(0, 0%, 8%);--a-font-color-400: hsl(0, 0%, 12%);--a-font-color-500: hsla(0, 0%, 16%);--a-background-color-100: hsl(0, 0%, 100%);--a-background-color-200: hsl(0, 0%, 96%);--a-background-color-300: hsl(0, 0%, 92%);--a-background-color-400: hsl(0, 0%, 88%);--a-background-color-500: hsl(0, 0%, 84%)}html[data-current-color=BLACK]{--white: white;--black: white;--a-background-color-100: hsl(0, 0%, 0%);--a-background-color-200: hsl(0, 0%, 4%);--a-background-color-300: hsl(0, 0%, 8%);--a-background-color-400: hsl(0, 0%, 12%);--a-background-color-500: hsla(0, 0%, 16%);--a-font-color-100: hsl(0, 0%, 100%);--a-font-color-200: hsl(0, 0%, 96%);--a-font-color-300: hsl(0, 0%, 92%);--a-font-color-400: hsl(0, 0%, 88%);--a-font-color-500: hsl(0, 0%, 84%)}html[data-current-color]{--background-color-100: var(--a-font-color-500);--background-color-200: var(--a-background-color-400);--background-color-300: var(--a-background-color-300);--background-color-400: var(--a-background-color-100);--font-color-100: var(--a-font-color-100);--font-color-200: var(--a-font-color-100);--font-color-300: var(--a-font-color-100);--font-color-400: var(--a-font-color-100);--font-color-500: var(--a-font-color-100);--orange-color-100: var(--a-background-color-300);--orange-color-200: var(--a-background-color-400);--orange-color-300: var(--a-background-color-500);--green-color-100: var(--a-background-color-500);--green-color-200: var(--a-background-color-100);--green-color-300: var(--a-background-color-100);--blue-color-100: var(--a-background-color-300);--blue-color-200: var(--a-background-color-400);--blue-color-300: var(--a-background-color-500);--blue-color-400: var(--a-background-color-100);--red-color-100: var(--a-font-color-500);--red-color-200: var(--a-font-color-500);--red-color-300: var(--a-font-color-500);--orange-gradient: var(--a-background-color-100);--green-gradient: var(--a-background-color-100);--blue-gradient: var(--a-background-color-100)}html[data-current-color] body{background-color:var(--a-background-color-200)}html[data-current-color] body #logo_patch_1{fill:var(--a-font-color-100)}html[data-current-color] body #logo_patch_2{fill:var(--background-color-400)}html[data-current-color] svg{fill:var(--a-font-color-100);stroke:var(--a-font-color-100)}html[data-current-color] :not(input,textarea):focus,html[data-current-color] :where(:where(a,button:not(:disabled))):hover{outline:var(--a-font-color-100) solid 2px;outline-offset:2px}html[data-image-visibility] img:not(:has(.content-visible),.content-visible *),html[data-image-visibility] picture:not(:has(.content-visible),.content-visible *),html[data-image-visibility] svg:not(:has(.content-visible),.content-visible *),html[data-image-visibility] .icon:not(:has(.content-visible),.content-visible *){content-visibility:hidden!important;display:none!important}html[data-image-grayscale] img,html[data-image-grayscale] picture,html[data-image-grayscale] svg,html[data-image-grayscale] .icon{filter:grayscale(1)}#app{position:relative;min-block-size:100vh;block-size:100%;inline-size:100%;display:flex;flex-direction:column;gap:24px;isolation:isolate}