.button,.link{--shadow:0px 0px 12px 0px;border:none;outline:none;cursor:pointer;border-radius:5px;transition:filter .2s ease-in-out;display:flex;&>a{display:flex;align-items:center;justify-content:center;flex:1 1;text-decoration:none;color:inherit;width:100%;height:100%}&>:is(a,button){cursor:pointer;&:focus-visible{outline:none;border:none}}&.disabled{opacity:.5!important;cursor:not-allowed!important;&:hover{filter:none!important}&>:is(button,a){cursor:not-allowed!important;&:focus-visible{outline:none!important;border:none!important;box-shadow:none!important}}}&.button-small{font-size:var(--font-size-button-3);padding:.5rem 1.75rem}&.button-medium{font-size:var(--font-size-button-2);padding:.5rem 2rem}&.button-large{font-size:var(--font-size-button-1);padding:.75rem 2rem}&.background-dark-1{background-color:var(--global-color-dark-1);&:hover{filter:brightness(110%)}&:focus-within{box-shadow:var(--shadow) var(--global-color-dark-1)}}&.background-dark-2{background-color:var(--global-color-dark-2);&:hover{filter:brightness(110%)}&:focus-within{box-shadow:var(--shadow) var(--global-color-dark-2)}}&.background-light-1{background-color:var(--global-color-light-1);&:hover{filter:brightness(90%)}&:focus-within{box-shadow:var(--shadow) var(--global-color-light-1)}}&.background-light-2{background-color:var(--global-color-light-2);&:hover{filter:brightness(90%)}&:focus-within{box-shadow:var(--shadow) var(--global-color-light-2)}}&.background-accent-1{background-color:var(--global-color-accent-1);&:hover{filter:brightness(90%)}&:focus-within{box-shadow:var(--shadow) var(--global-color-accent-1)}}&.background-accent-2{background-color:var(--global-color-accent-2);&:hover{filter:brightness(90%)}&:focus-within{box-shadow:var(--shadow) var(--global-color-accent-2)}}&.foreground-dark-1{color:var(--global-color-dark-1)}&.foreground-dark-2{color:var(--global-color-dark-2)}&.foreground-light-1{color:var(--global-color-light-1)}&.foreground-light-2{color:var(--global-color-light-2)}&.foreground-accent-1{color:var(--global-color-accent-1)}&.foreground-accent-2{color:var(--global-color-accent-2)}&.stroke-dark-1{border-color:var(--global-color-dark-1);&:focus-within{box-shadow:var(--shadow) var(--global-color-dark-1)}}&.stroke-dark-2{border-color:var(--global-color-dark-2);&:focus-within{box-shadow:var(--shadow) var(--global-color-dark-2)}}&.stroke-light-1{border-color:var(--global-color-light-1);&:focus-within{box-shadow:var(--shadow) var(--global-color-light-1)}}&.stroke-light-2{border-color:var(--global-color-light-2);&:focus-within{box-shadow:var(--shadow) var(--global-color-light-2)}}&.stroke-accent-1{border-color:var(--global-color-accent-1);&:focus-within{box-shadow:var(--shadow) var(--global-color-accent-1)}}&.stroke-accent-2{border-color:var(--global-color-accent-2);&:focus-within{box-shadow:var(--shadow) var(--global-color-accent-2)}}&.stroke-1,&.stroke-2,&.stroke-3,&.stroke-4{border-style:solid}&.stroke-1{border-width:1px}&.stroke-2{border-width:2px}&.stroke-3{border-width:3px}&.stroke-4{border-width:4px}&.theme-1-button{background-color:var(--color-fg-1);color:var(--color-bg-1);&:hover{filter:brightness(150%)}&:focus-within{box-shadow:var(--shadow) var(--color-fg-1)}}&.theme-2-button{background-color:var(--color-fg-2);color:var(--color-bg-2);&:hover{filter:brightness(150%)}&:focus-within{box-shadow:var(--shadow) var(--color-fg-2)}}}.dropdown_outer{--bg:var(--global-color-light-2);--fg:var(--global-color-dark-2);--accent:var(--global-color-accent-2);--radius:5px;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;&>.dropdown_inner{width:inherit;z-index:11;&>input{width:inherit;border:none;outline:none;background-color:var(--bg);color:var(--fg);font-size:var(--font-size-button-3);padding:.25rem .5rem;border-radius:var(--radius)}}&>.dropdown_options{--dropdown-options-height:11rem;position:absolute;transition:all .25s ease-in-out;z-index:10;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:scroll;background-color:var(--bg);width:inherit;border-radius:var(--radius);&.close{opacity:0;bottom:30%;height:2rem}&.open{opacity:1;bottom:calc(-1.025 * var(--dropdown-options-height));height:var(--dropdown-options-height)}&>button{background:var(--bg);outline:none;border:none;padding:.25rem;color:var(--fg);font-size:var(--font-size-button-2);text-transform:capitalize;&.selected{background:var(--accent);filter:brightness(98%)}&:hover{filter:brightness(92%)}&:focus,&:focus-visible{filter:brightness(95%)}}}&>.dropdown_icon{position:absolute;right:.25rem;z-index:12;height:100%;display:grid;place-items:center;pointer-events:none;background-color:var(--bg);&.open{&>svg{transform:rotate(180deg)}}&.close{&>svg{transform:rotate(0deg)}}&>svg{transition:transform .25s ease-in-out;height:1.25rem;width:1.25rem}}&>.dropdown_clear_icon{display:none;position:absolute;right:.25rem;z-index:13;height:100%;cursor:pointer;background-color:var(--bg);border:none;outline:none;&>svg{height:1.25rem;width:1rem}}&:hover{&>.dropdown_clear_icon{display:grid;place-items:center}}}.search{position:relative;display:flex;align-items:stretch;justify-content:stretch;&>input{flex:1 1;border-radius:0 5px 5px 0;outline:none;border:none;font-size:var(--font-size-button-3);background-color:var(--global-color-light-2);color:var(--global-color-dark-2);padding:.25rem .75rem;&:active,&:focus{box-shadow:inset 0 0 0 2px var(--global-color-accent-2)}}&>.search_button{background-color:var(--global-color-dark-2);height:inherit;border-radius:5px 0 0 5px;width:-moz-max-content;width:max-content;padding:0 .5rem;display:flex;align-items:center;justify-content:center;&>svg{height:1.5rem;width:1.5rem;&>path{fill:var(--global-color-accent-1)}}}&>.search_clear_button{position:absolute;right:0;z-index:2;padding:.25rem .5rem;height:100%;background-color:var(--global-color-light-2);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease;&>svg{height:1rem;width:1rem;&>path{fill:var(--global-color-dark-1)}}&:focus>svg>path{fill:var(--global-color-accent-1)}}&:focus-within,&:hover{&>.search_clear_button{opacity:1}}}.project_card{--card-height:14rem;--card-width:calc(var(--card-height) * 2);--card-image-width:calc(var(--card-width) / 2);--card-info-width:calc(var(--card-width) / 2);--hover-transition:width 250ms ease-in-out;display:flex;height:var(--card-height);width:var(--card-width);border-radius:10px;overflow:hidden;&>.project_image{--color-bg:var(--color-bg-2-rgb);width:var(--card-image-width);position:relative;transition:var(--hover-transition);animation:skeletal-pulsing var(--global-skeletal-pulsing-duration) var(--global-skeletal-pulsing-animation-config);&>img{-o-object-fit:cover;object-fit:cover}}&>.project_info{width:var(--card-info-width);background-color:var(--color-bg-2);padding:.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.25rem;overflow:hidden;transition:all .2s ease,var(--hover-transition);&>:is(.button,.link){display:none;width:100%;text-transform:capitalize;&:hover{filter:brightness(110%)}&.details{background-color:var(--color-bg-1);color:var(--color-fg-1)}&.visit{background-color:var(--color-fg-2);color:var(--color-bg-2)}}&>h2{text-align:center;font-size:var(--font-size-heading-4);font-weight:600;color:var(--color-fg-1)}&>p{font-size:var(--font-size-button-3);font-weight:300;line-height:1.5rem;color:var(--color-fg-2);text-overflow:ellipsis}&>:is(.project_tech,.project_tags){display:flex;gap:.5rem;&>p{font-weight:200;color:var(--color-fg-1)}&>p,&>span{text-transform:capitalize;font-size:var(--font-size-button-3)}&>span{font-weight:300;color:var(--global-color-accent-2)}}}&:hover{--card-image-width:calc(var(--card-height) + 4rem);--card-info-width:calc(var(--card-height) - 4rem);&>.project_info{align-items:center;gap:.75rem;&>:is(p,.project_tags,.project_tech){display:none}&>:is(.button,.link){display:inline-block}}}&.project_card_loader{&>.project_info{&>h6{--color-bg:var(--color-bg-1-rgb);width:90%;color:transparent;animation:skeletal-pulsing var(--global-skeletal-pulsing-duration) var(--global-skeletal-pulsing-animation-config)}&>p{width:100%;display:flex;flex-direction:column;gap:.2rem;margin:1rem 0;&>span{--color-bg:var(--color-bg-1-rgb);width:90%;height:.4rem;animation:skeletal-pulsing var(--global-skeletal-pulsing-duration) var(--global-skeletal-pulsing-animation-config);&:last-of-type{width:40%}}}&>:is(.project_tech,.project_tags){&>span{--color-bg:var(--color-bg-1-rgb);width:3.5rem;height:100%;animation:skeletal-pulsing var(--global-skeletal-pulsing-duration) var(--global-skeletal-pulsing-animation-config)}}}&:hover{--card-image-width:var(--card-height);--card-info-width:var(--card-height);&>.project_info{align-items:flex-start;gap:.25rem;&>:is(p,.project_tags,.project_tech){display:flex}&>:is(.button,.link){display:none}}}}@media screen and (max-width:1250px){--card-height:12rem;&>.project_info{&>:is(p){display:none}}}@media screen and (max-width:600px){--card-height:10rem;&>.project_info{gap:.75rem;&>h6{text-align:center;width:100%}&>:is(p,.project_tech,.project_tags){display:none}&>:is(.button,.link){display:inline-block;padding:.25rem}}}}.page_main__r6UZx{min-height:var(--main-height)}.page_main__r6UZx>.page_head__Sjqhi{margin:1rem auto;width:-moz-fit-content;width:fit-content}.page_main__r6UZx>.page_head__Sjqhi>h1{color:var(--color-fg-1);font-size:var(--font-size-display-2);font-weight:700;letter-spacing:.75rem;text-align:center}.page_head__Sjqhi>.page_sub__duABu{color:var(--color-fg-2);font-size:var(--font-size-heading-3);font-weight:600;text-align:center}.page_head__Sjqhi>.page_sub__duABu>span{color:var(--global-color-accent-2)}.page_main__r6UZx>div{padding:1rem var(--main-padding)}.page_main__r6UZx>.page_filters__dLnmg{margin-bottom:1rem;border-bottom:2px solid var(--global-color-accent-1);display:flex;align-items:center;justify-content:space-between}.page_filters__dLnmg>.page_filters_selects__ShWgy{display:flex;align-items:center;justify-content:center;gap:.75rem}.page_filters_selects__ShWgy>p{font-size:var(--font-size-button-1);font-weight:300;text-transform:capitalize}.page_filters_selects__ShWgy>.page_filter_dropdown__9NWGz{width:10rem}.page_main__r6UZx>.page_projects__nZF85{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.75rem;gap:1.75rem}.page_projects__nZF85>.page_load_button__ASnhO{grid-column:1/3;align-content:center;justify-content:center;justify-self:center;width:30%}.page_projects__nZF85>.page_load_button_loading__nDKjC{cursor:progress;animation:var(--global-loading-pulsing-animation) var(--global-skeletal-pulsing-duration) var(--global-skeletal-pulsing-animation-config)}@media screen and (max-width:900px){.page_main__r6UZx>.page_filters__dLnmg{flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}.page_main__r6UZx>.page_filters__dLnmg>.page_filters_search__ADgF2{width:100%}.page_main__r6UZx>.page_projects__nZF85{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width:600px){.page_main__r6UZx>.page_filters__dLnmg{align-items:stretch;justify-content:center}.page_main__r6UZx>.page_filters__dLnmg>.page_filters_selects__ShWgy{display:none}.page_main__r6UZx>.page_projects__nZF85{display:flex;flex-direction:column;align-items:center;justify-content:center}}