:root{--accent: 136, 58, 234;--accent-light: 224, 204, 250;--accent-dark: 49, 10, 101;--accent-gradient: linear-gradient( 45deg, rgb(var(--accent)), rgb(var(--accent-light)) 30%, white 60% )}html{font-family:source-sans-pro,sans-serif;height:100vh}#prototype-portfolio{scroll-behavior:smooth}.content-editable-component span{display:inline-block}code{font-family:Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.select-custom{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAACeCAYAAADDhbN7AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGSSURBVHhe7dy5UcNQGIVR04bbIaEDF+PYxTglIqEBXIRLAe7whmGGzYskv+WcRKNQ//1irQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDbuSvP5my324fNZnNfXoe03++fd7vdU3llCYfD4fF1cLlBOQdLeb/7+ng8vnxMMJ7y7etyDpaUw48Yn+gqkAFGik90FckQI8QnugplkJ7jE13FMkyP8YmuARmop/hE15AM1UN8omtQBms5PtE1LMO1GJ/oOpABW4pPdB3JkC3EJ7oOZdCa4xNdxzJsjfGJbgAZuKb4RDeQDF1DfKIbUAa/ZXyiG1iGv0V8omPx+ETHp4SwRHyi45sEMWd8ouNXCWOO+ETHvxLIlPGJjpMllCniEx1nSzDXxCc6LpZwLolPdFwtAZ0Tn+iYTEI6JT7RMbkE9Vd8omM2Ceun+ETH7BLY1/hEx2ISWv5NV/7RJzoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIARrVZvlXodjpeuS/8AAAAASUVORK5CYII=);background-size:30px;background-repeat:no-repeat;background-position:right center;padding-right:30px}input[type=file],input[type=file]::-webkit-file-upload-button{cursor:pointer}input[type=range]::-moz-range-progress{background-color:#69b4ff}input[type=range]{color:#69b4ff;--thumb-height: 1.125em;--track-height: .3em;--track-color: rgb(207, 194, 194);--brightness-hover: 110%;--brightness-down: 120%;--clip-edges: .125em}input[type=range]{position:relative;background:#fff0;overflow:hidden}input[type=range]:active{cursor:grabbing}input[type=range]:disabled{filter:grayscale(1);opacity:.3;cursor:not-allowed}input[type=range],input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-webkit-transition:all ease .1s;transition:all ease .1s;height:var(--thumb-height)}input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{position:relative}input[type=range]::-webkit-slider-thumb{--thumb-radius: calc((var(--thumb-height) * .5) - 1px);--clip-top: calc( (var(--thumb-height) - var(--track-height)) * .5 - .5px );--clip-bottom: calc(var(--thumb-height) - var(--clip-top));--clip-further: calc(100% + 1px) ;--box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;width:var(--thumb-width, var(--thumb-height));background:linear-gradient(currentColor 0 0) scroll no-repeat left center / 50% calc(var(--track-height) + 1px);background-color:currentColor;box-shadow:var(--box-fill);border-radius:var(--thumb-width, var(--thumb-height));filter:brightness(100%);clip-path:polygon(100% -1px,var(--clip-edges) -1px,0 var(--clip-top),-100vmax var(--clip-top),-100vmax var(--clip-bottom),0 var(--clip-bottom),var(--clip-edges) 100%,var(--clip-further) var(--clip-further))}input[type=range]:hover::-webkit-slider-thumb{filter:brightness(var(--brightness-hover));cursor:grab}input[type=range]:active::-webkit-slider-thumb{filter:brightness(var(--brightness-down));cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100% calc(var(--track-height) + 1px)}input[type=range]:disabled::-webkit-slider-thumb{cursor:not-allowed}input[type=range],input[type=range]::-moz-range-track,input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;-moz-transition:all ease .1s;transition:all ease .1s;height:var(--thumb-height)}input[type=range]::-moz-range-track,input[type=range]::-moz-range-thumb,input[type=range]::-moz-range-progress{background:#fff0}input[type=range]::-moz-range-thumb{background:currentColor;border:0;width:var(--thumb-width, var(--thumb-height));border-radius:var(--thumb-width, var(--thumb-height));cursor:grab}input[type=range]:active::-moz-range-thumb{cursor:grabbing}input[type=range]::-moz-range-track{width:100%;background:var(--track-color)}input[type=range]::-moz-range-progress{-moz-appearance:none;appearance:none;background:currentColor;transition-delay:30ms}input[type=range]::-moz-range-track,input[type=range]::-moz-range-progress{height:calc(var(--track-height) + 1px);border-radius:var(--track-height)}input[type=range]::-moz-range-thumb,input[type=range]::-moz-range-progress{filter:brightness(100%)}input[type=range]:hover::-moz-range-thumb,input[type=range]:hover::-moz-range-progress{filter:brightness(var(--brightness-hover))}input[type=range]:active::-moz-range-thumb,input[type=range]:active::-moz-range-progress{filter:brightness(var(--brightness-down))}input[type=range]:disabled::-moz-range-thumb{cursor:not-allowed}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:silver;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#aaa}::-webkit-scrollbar-track{background:#222}.scroll-white::-webkit-scrollbar-track{scroll-behavior:smooth;background:#f3f3f3}::-webkit-scrollbar-corner{background:#f1f1f1}.fade-enter{opacity:0;transform:translateY(-100%)}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(100%)}.fade-enter-active,.fade-exit-active{transition:opacity .2s,transform .2s}.menu-fade-enter{opacity:0;transform:scale(.9)}.menu-fade-enter-active{opacity:1;transform:translate(0);transition:opacity .3s,transform .3s}.menu-fade-exit{opacity:1}.menu-fade-exit-active{opacity:1;transform:scale(.9);transition:opacity .3s,transform .3s}@keyframes slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.slide-in-top{animation:slide-in-top .3s ease-out forwards}.slide-out-bottom{animation:slide-out-bottom .3s ease-out forwards}@media (prefers-reduced-motion: no-preference){.scroll-anim_fade-in{animation:fade-in linear forwards;animation-timeline:view();animation-range:0% 20%;opacity:0;scale:.8}@keyframes fade-in{to{opacity:1;scale:1}}.scroll-anim_slide-up{animation:slide-up linear forwards;animation-timeline:view();animation-range:300px 600px;transform:translateY(200px);animation-duration:2s;opacity:0}@keyframes slide-up{to{transform:translateY(0);opacity:1}}.scroll-anim_zoom-in{animation:zoom-in linear forwards;animation-timeline:view();animation-range:300px 600px;transform:scale(.7)}@keyframes zoom-in{to{transform:scale(1);opacity:1}}.anim-fade-in{animation:fade-in linear forwards;opacity:0}.anim-scroll-left{animation:scroll-left linear forwards;transform:translate(-100vw);animation-timeline:view();animation-range-start:cover 15%;animation-range-end:cover 35%}@keyframes scroll-left{0%{transform:translate3d(-100%,0,0);opacity:0}to{transform:translateZ(0)}}.anim-scroll-right{animation:scroll-right linear forwards;transform:translate(100vw);animation-timeline:view();animation-range-start:cover 15%;animation-range-end:cover 35%}.anim-slide-up{animation:appear-from-bottom linear forwards;animation-timing-function:ease-out;transform:translateY(20vh);opacity:0}.anim-slide-left{animation:slide-left linear forwards;animation-timing-function:ease-out;transform:translate(-20vw);opacity:0}@keyframes slide-left{0%{transform:translate(-20vw);opacity:0}to{transform:translate(0);opacity:1}}.anim-slide-right{animation:slide-right linear forwards;animation-timing-function:ease-out;transform:translate(20vw);opacity:0}@keyframes slide-right{0%{transform:translate(20vw);opacity:0}to{transform:translate(0);opacity:1}}.anim-slide-down{animation:slide-down linear forwards;animation-timing-function:ease-out;transform:translateY(-20vh);opacity:0}@keyframes slide-down{0%{transform:translateY(-20vh);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes appear-from-bottom{0%{opacity:0;transform:translateY(20vh)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-right{0%{transform:translate3d(100%,0,0);opacity:0}to{transform:translateZ(0)}}}