.df{display:flex}.fdc{flex-direction:column}.aic{align-items:center}.jcc{justify-content:center}.jcsb{justify-content:space-between}.gap-1{gap:1rem}.gap-2{gap:2rem}.gap-3{gap:3rem}.gap-4{gap:4rem}.w-100{width:100%}button{font-family:Poppins-Regular}.btn-direct{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--button-bg-color);color:var(--button-text-color);border:var(--button-border);border-radius:6rem;padding:.5rem 1.5rem;cursor:pointer;transition:all .5s ease-in-out}.btn-direct p{font-size:1.35rem}.btn-direct img{width:2rem;filter:var(--button-icon-filter);transition:all .5s ease-in-out}.btn-direct:hover{transition:all .5s ease-in-out}.btn-direct:hover p,.btn-direct:hover img{opacity:1}.btn-modal-txt{display:flex;align-items:center;gap:1rem;background:var(--nav-button-bg-color);color:var(--secondary-color);font-family:Poppins-Regular;padding:.75rem 2rem;border-radius:6rem;border:var(--nav-button-border);cursor:pointer}.btn-modal-txt img{width:1.75rem;opacity:.75;filter:var(--filter-icon)}.btn-modal-txt p{font-size:1.5rem;font-weight:600;opacity:.75}.btn-modal-txt:hover img,.btn-modal-txt:hover p{opacity:1}.btn-modal-txt.primary{background:var(--accent-color-primary);color:#fff;border:1px solid var(--accent-color-primary)}.btn-modal-txt.primary p{opacity:1}.btn-modal-txt.primary:hover{background:var(--tag-bg-color)}@media (max-width: 768px){.btn-modal-txt{flex-direction:column;gap:0;width:100%;min-width:0;padding:1rem 2rem}.btn-modal-txt img{width:1.75rem;opacity:.5}.btn-modal-txt p{font-size:1.25rem}}.info-card{flex:1;display:flex;flex-direction:column;gap:1.5rem;background:var(--card-bg-color);border-width:1px;border-style:solid;border-color:var(--card-border-color);box-shadow:var(--card-shadow);border-radius:1.25rem;padding:3rem 4rem;min-width:0;transition:all .5s ease-in-out}.info-card:hover .card-label .dot{background:var(--accent-color-primary);transition:all .5s ease}.info-card-label{font-size:1.5rem;opacity:.6}.card-label{display:flex;align-items:center;gap:1rem}.card-label .dot{width:1rem;height:1rem;background:gray;border-radius:100%;transition:all .5s ease}.card-label p{font-weight:600}.label-with-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.secondary-btn-ctnr{flex:1;display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.secondary-btn-ctnr button{flex:1}.x-secondary{max-width:fit-content;padding:1rem 2rem!important}.card-list{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.info-card-label{font-size:1.25rem}.info-card:hover .card-label .dot{background:gray}}@media (max-width: 480px){.info-card{padding:3rem}}.image-gallery-right-nav .image-gallery-svg,.image-gallery-left-nav .image-gallery-svg{width:28px!important;height:none!important}.image-gallery-slides,.image-gallery-image,.image-gallery-thumbnail,.image-gallery-thumbnail-image{border-radius:1rem!important}.image-gallery-content .image-gallery-slide .image-gallery-image{max-width:100rem!important;box-shadow:var(--img-shadow-color)!important}.image-gallery-slide .image-gallery-image{object-fit:cover!important}.image-gallery-index{border-radius:1rem!important}:root{--primary-color: rgb(255,255,255);--secondary-color: rgb(0,0,0);--accent-color-primary: #6051fe;--accent-color-secondary: #0099ff;--tag-bg-color: linear-gradient(to right bottom, rgb(104, 87, 255), rgb(199, 57, 255));--window-bg-color: linear-gradient(to right bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1));--settings-window-bg-color: linear-gradient(to right bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .95));--settings-card-shadow: 0 1rem 4rem rgba(0, 0, 0, .25);--nav-bg-color: linear-gradient(to right bottom, rgba(255,255,255,.7), rgba(255,255,255,.3));--nav-button-bg-color: linear-gradient(to right bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, .4));--nav-button-active-bg-color: linear-gradient(to right bottom, rgba(104, 87, 255, .35), rgba(104, 87, 255, .05));--nav-button-border: 1px solid rgb(250, 250, 250);--button-bg-color: linear-gradient(to right bottom, rgba(255,255,255, 1), rgba(255,255,255, .4));--button-border: 1px solid rgb(250, 250, 250);--img-shadow-color: 0 0 1rem rgba(122, 122, 122, .5);--modal-bg-color: linear-gradient(to right bottom, rgba(255,255,255, 1), rgba(255,255,255, .6));--modal-border-color: rgba(250, 250, 250, 1) rgba(250, 250, 250, .5) rgba(250, 250, 250, .5) rgba(250, 250, 250, 1);--modal-shadow: 0 16px 60px rgba(0, 0, 0, .45);--modal-backdrop-color: rgba(0, 0, 0, .45);--filter-accent-color-primary: brightness(0) saturate(100%) invert(30%) sepia(75%) saturate(1556%) hue-rotate(228deg) brightness(103%) contrast(103%);--filter-accent-color-secondary: invert(40%) sepia(47%) saturate(3599%) hue-rotate(185deg) brightness(106%) contrast(105%);--filter-icon: none;--card-bg-color: linear-gradient(to right bottom, rgba(255, 255, 255, .9), rgba(255, 255, 255, .6));--card-shadow: none;--card-border-color: rgba(250, 250, 250, 1) rgba(250, 250, 250, .5) rgba(250, 250, 250, .5) rgba(250, 250, 250, 1);--option-border-color: rgba(250, 250, 250, 1) rgba(250, 250, 250, .5) rgba(250, 250, 250, .5) rgba(250, 250, 250, 1);--inner-card-bg-color: linear-gradient(to right bottom, rgba(255,255,255, 1), rgba(255,255,255, .4));--inner-card-border: none;--inner-card-border-color: rgba(250, 250, 250, 1) rgba(250, 250, 250, .5) rgba(250, 250, 250, .5) rgba(250, 250, 250, 1);--inner-card-shadow: .2rem .2rem 1rem rgba(44, 27, 27, .1);--material-toggle-text: rgba(0, 0, 0, .87);--material-toggle-border: 1px solid rgba(0, 0, 0, .25);--material-toggle-selected: rgba(104, 87, 255, .35);--material-toggle-hover: rgba(104, 87, 255, .45);--mobile-window-bg-color: linear-gradient(to right bottom, rgba(255, 255, 255, .3), rgba(255, 255, 255, .1));--mobile-nav-bg-color: linear-gradient(to right bottom, rgba(255,255,255, 1), rgba(255,255,255, 1), rgba(255,255,255, .6));--mobile-card-bg-color: rgba(255,255,255, .6);--mobile-button-bg-color: linear-gradient(to right bottom, rgba(255,255,255, .6), rgba(255,255,255, .5));--mobile-settings-window-bg-color: linear-gradient(to right bottom, rgba(255,255,255, 1), rgba(255,255,255, .9))}.root-dark{--primary-color: rgb(0,0,0);--secondary-color: rgb(255,255,255);--window-bg-color: linear-gradient(to right bottom, rgba(0, 0, 0, .3), rgba(0, 0, 0, .1));--settings-window-bg-color: linear-gradient(to right bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, .95));--settings-card-shadow: 0 1rem 4rem rgba(255, 255, 255, .15);--nav-bg-color: linear-gradient(to right bottom, rgba(0,0,0, .7), rgba(0,0,0, .5));--nav-button-bg-color: linear-gradient(to left top, rgba(0,0,0, .6), rgba(0,0,0, 1));--nav-button-border: 1px solid rgb(35, 35, 35);--button-bg-color: linear-gradient(to left top, rgba(0,0,0, .6), rgba(0,0,0, 1));--button-border: 1px solid rgb(35, 35, 35);--button-icon-filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(107%) contrast(102%);--img-shadow-color: 0 0 2rem rgba(122, 122, 122, .5);--modal-bg-color: linear-gradient(to right bottom, rgba(0,0,0, 1), rgba(0,0,0, .7));--modal-border-color: rgba(60, 60, 60, .5) rgba(60, 60, 60, .25) rgba(60, 60, 60, .25) rgba(60, 60, 60, .5);--modal-shadow: 0 16px 60px rgba(255, 255, 255, .1);--modal-backdrop-color: rgba(0, 0, 0, .65);--filter-icon: invert(93%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(107%) contrast(102%);--card-bg-color: linear-gradient(to right bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .6));--card-shadow: none;--card-border-color: rgba(60, 60, 60, 1) rgba(60, 60, 60, .75) rgba(60, 60, 60, .75) rgba(60, 60, 60, 1);--option-border-color: rgba(60, 60, 60, 1) rgba(60, 60, 60, .75) rgba(60, 60, 60, .75) rgba(60, 60, 60, 1);--inner-card-bg-color: linear-gradient(to left top, rgba(0,0,0, .6), rgba(0,0,0, 1));--inner-card-border: none;--inner-card-border-color: rgba(60, 60, 60, .5) rgba(60, 60, 60, .25) rgba(60, 60, 60, .25) rgba(60, 60, 60, .5);--inner-card-shadow: .2rem .2rem .5rem rgba(255, 255, 255, .075);--material-toggle-text: rgba(255, 255, 255, .87);--material-toggle-border: 1px solid rgba(255, 255, 255, .25);--mobile-window-bg-color: none;--mobile-nav-bg-color: linear-gradient(to right bottom, rgba(0,0,0, 1), rgba(0,0,0, 1), rgba(0,0,0, .8));--mobile-card-bg-color: linear-gradient(to right bottom, rgba(0, 0, 0, .8), rgba(0, 0, 0, .6));--mobile-button-bg-color: linear-gradient(to right bottom, rgba(0,0,0, .5), rgba(0,0,0, .4));--mobile-settings-window-bg-color: linear-gradient(to right bottom, rgba(0,0,0, 1), rgba(0,0,0, .9))}.minimal-light{--primary-color: rgb(255,255,255);--secondary-color: rgb(0,0,0);--window-bg-color: #EDEFF3;--settings-window-bg-color: #FFF;--settings-card-shadow: 0 1rem 4rem rgba(0, 0, 0, .25);--nav-bg-color: white;--nav-button-bg-color: white;--nav-button-border: 1px solid rgb(225, 225, 225);--button-bg-color: #EDEFF3;--button-text-color: #000;--button-border: 1px solid rgb(225, 225, 225);--button-icon-filter: none;--img-shadow-color: 0 0 1rem rgba(100, 100, 100, .5);--modal-bg-color: rgb(255, 255, 255);--modal-border-color: rgb(255, 255, 255);--modal-shadow: 0 16px 60px rgba(0, 0, 0, .45);--modal-backdrop-color: rgba(0, 0, 0, .45);--filter-icon: none;--card-bg-color: rgb(255, 255, 255);--card-shadow: 0 0 .5rem rgba(0, 0, 0, .15);--card-border-color: rgb(255, 255, 255);--option-border-color: rgb(215, 215, 215);--inner-card-bg-color: rgb(246, 248, 250);--inner-card-border: 1px solid rgb(225, 225, 225);--inner-card-border-color: rgb(225, 225, 225);--inner-card-shadow: 0 0 .35rem rgba(0, 0, 0, .15);--material-toggle-text: rgba(0, 0, 0, .87);--material-toggle-border: 1px solid rgba(0, 0, 0, .25);--mobile-window-bg-color: #EDEFF3;--mobile-nav-bg-color: rgb(255, 255, 255);--mobile-card-bg-color: rgb(255, 255, 255);--mobile-button-bg-color: rgb(238, 240, 243);--mobile-settings-window-bg-color: rgb(255, 255, 255)}.minimal-dark{--primary-color: rgb(0, 0, 0);--secondary-color: rgb(255, 255, 255);--window-bg-color: rgb(26, 26, 26);--settings-window-bg-color: rgb(15, 15, 15);--settings-card-shadow: 0 1rem 4rem rgba(255, 255, 255, .15);--nav-bg-color: rgb(15, 15, 15);--nav-button-bg-color: rgb(15, 15, 15);--nav-button-border: 1px solid rgb(35, 35, 35);--button-bg-color: rgb(37, 37, 37);--button-border: 1px solid rgba(215, 215, 215, .1);--button-icon-filter: invert(93%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(107%) contrast(102%);--img-shadow-color: 0 0 .5rem rgba(180, 180, 180, .35);--modal-bg-color: rgb(37, 37, 37);--modal-border-color: rgb(35, 35, 35);--modal-shadow: 0 16px 60px rgba(0, 0, 0, .1);--modal-backdrop-color: rgba(0, 0, 0, .45);--filter-icon: invert(93%) sepia(100%) saturate(0%) hue-rotate(350deg) brightness(107%) contrast(102%);--card-bg-color: rgb(15, 15, 15);--card-shadow: 0 0 .5rem rgba(0, 0, 0, .15);--card-border-color: rgb(35, 35, 35);--option-border-color: rgb(70, 70, 70);--inner-card-bg-color: rgb(29, 29, 29);--inner-card-border: 1px solid rgb(50, 50, 50);--inner-card-border-color: rgb(50, 50, 50);--inner-card-shadow: 0 0 .35rem rgba(255, 255, 255, .15);--material-toggle-text: rgba(255, 255, 255, .87);--material-toggle-border: 1px solid rgba(255, 255, 255, .25);--mobile-window-bg-color: rgb(26, 26, 26);--mobile-nav-bg-color: rgb(15, 15, 15);--mobile-card-bg-color: rgb(15, 15, 15);--mobile-button-bg-color: rgb(37, 37, 37);--mobile-settings-window-bg-color: rgb(0, 0, 0)}@font-face{font-family:Poppins-Regular;src:url(/assets/fonts/Poppins/Poppins-Regular.ttf)}@font-face{font-family:Poppins-Medium;src:url(/assets/fonts/Poppins/Poppins-Medium.ttf)}@font-face{font-family:Poppins-Bold;src:url(/assets/fonts/Poppins/Poppins-Bold.ttf)}html,body,#root{height:100%}#root{margin:0 auto}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{background-color:#000;font-family:Poppins-Regular;font-size:62.5%;box-sizing:border-box}.page-content{display:flex;flex-direction:column;gap:1.5rem;color:var(--secondary-color)}h1{font-size:3rem}h2{font-size:2rem}p{font-size:1.75rem}.p-sm{font-size:1.5rem}.hide-on-desktop{display:none!important}.bg-accent{background:var(--accent-color-primary)!important;color:#fff!important}@media (max-width: 768px){.hide-on-desktop{display:flex!important}.hide-on-tablet{display:none!important}.page-content{gap:1rem}h1{font-size:2.5rem}h2{font-size:1.75rem}p{font-size:1.5rem}.p-sm{font-size:1.25rem}}@media (max-width: 480px){h1{font-size:2.25rem}}.background-selector-grid{width:100%;--grid-cols: 3;--gap-size: 1.5rem;--card-aspect-ratio: 16 / 10}.selector-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:var(--gap-size);width:100%}.selector-card{display:flex;flex-direction:column;gap:.75rem;background:none;border:2px solid transparent;border-radius:1.25rem;cursor:pointer;transition:all .3s ease;padding:0;text-align:left}.selector-card:hover{transform:translateY(-4px);transition:all .3s ease}.selector-card.selected .card-preview{border-color:var(--accent-color-primary)}.card-preview{position:relative;width:100%;aspect-ratio:var(--card-aspect-ratio);border-radius:1rem;overflow:hidden;background:var(--window-bg-color);border:3px solid;border-color:var(--option-border-color)}.preview-media{width:100%;height:100%;object-fit:cover;display:block}.minimal-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--card-bg-color)}.minimal-icon{width:100%;height:100%;border-radius:inherit;background:var(--primary-color)}.selection-indicator{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border-radius:999px;background:var(--accent-color-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.selection-indicator img{width:1.25rem;filter:brightness(0) saturate(100%) invert(100%)}.card-name{font-weight:600;opacity:1;color:var(--secondary-color)}.selector-card:hover .card-name{opacity:1}.selector-card:hover .card-description{opacity:.8}@media (max-width: 768px){.selector-grid{grid-template-columns:repeat(2,1fr)}.selector-card{gap:.5rem}.selector-card:hover{transform:none}.card-preview{aspect-ratio:16 / 9}}@media (max-width: 480px){.card-preview{aspect-ratio:16 / 9}.selection-indicator{top:.5rem;right:.5rem;width:1.75rem;height:1.75rem}}.theme-selector{display:flex;gap:1.5rem;flex-wrap:wrap}.theme-option{display:flex;align-items:center;gap:1rem;background:var(--button-bg-color);color:var(--secondary-color);border-width:3px;border-style:solid;border-color:var(--option-border-color);border-radius:999px;padding:.75rem 1.5rem;cursor:pointer;transition:all .25s ease}.theme-option:hover{transform:translateY(-1px)}.theme-option.selected{border-color:var(--accent-color-primary)}.theme-swatch{width:2.25rem;height:2.25rem;border-radius:999px;border:2px solid rgba(255,255,255,.6);box-shadow:inset 0 0 0 2px #00000026}.theme-swatch-light{background:linear-gradient(135deg,#fff,#e5e7eb)}.theme-swatch-dark{background:linear-gradient(135deg,#0f172a,#1f2937)}.theme-label{font-weight:600}@media (max-width: 768px){.theme-option{flex:1;justify-content:center}}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;background:var(--modal-backdrop-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:2.5rem}.onboarding-panel{position:relative;width:min(720px,100%);background:var(--modal-bg-color);color:var(--secondary-color);border:1px solid;border-color:var(--modal-border-color);border-radius:2rem;box-shadow:var(--modal-shadow);padding:3rem 3.5rem;overflow:hidden}.onboarding-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding:0 1rem}.onboarding-eyebrow{text-transform:uppercase;letter-spacing:.24rem;font-size:1.25rem;opacity:.6}.onboarding-header h2{font-size:2.25rem;margin:.5rem 0}.onboarding-subtitle{opacity:.7}.onboarding-body{margin-top:2.5rem;display:flex;flex-direction:column;gap:2rem;max-height:80svh;overflow-y:auto;padding-right:.5rem}.onboarding-body::-webkit-scrollbar{width:.5rem}.onboarding-body::-webkit-scrollbar-thumb{background:#9b9b9b;border-radius:999px;opacity:.4}.onboarding-body::-webkit-scrollbar-thumb:hover{opacity:.6}.onboarding-body::-webkit-scrollbar-track{background:transparent}.onboarding-glow{position:absolute;width:320px;height:320px;right:-120px;top:-140px;border-radius:999px;background:radial-gradient(circle,#ffffff73,#fff0);pointer-events:none}.onboarding-step{display:flex;flex-direction:column;gap:4rem;padding:0 1rem}.onboarding-section{display:flex;flex-direction:column;gap:1rem}.onboarding-label{opacity:.7}.onboarding-footer{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:3rem}.onboarding-actions{display:flex;align-items:center;gap:1rem}.onboarding-btn{border-radius:999px;padding:.75rem 2.25rem;font-size:1.15rem;font-family:Poppins-Regular;cursor:pointer;border:1px solid transparent;transition:all .25s ease}.onboarding-btn.primary{background:var(--button-bg-color);color:var(--secondary-color);border:var(--button-border)}.onboarding-btn.ghost{background:transparent;color:var(--secondary-color);opacity:.7;border-color:#fff3}.onboarding-btn:disabled{opacity:.35;cursor:default}.onboarding-btn:not(:disabled):hover{transform:translateY(-1px)}.pin-icon{width:1.5rem;height:1.5rem;filter:var(--filter-icon);opacity:.75}@media (max-width: 768px){.onboarding-backdrop{padding:0}.onboarding-panel{padding:2.25rem;border-radius:0;width:100vw;height:100svh;display:flex;flex-direction:column}.onboarding-header{flex-direction:column;gap:1rem;flex-shrink:0}.onboarding-body{flex:1;overflow-y:auto;margin-top:2.5rem}.onboarding-step{padding:0}.onboarding-footer{flex-shrink:0;flex-direction:column;align-items:stretch;margin-top:2rem;gap:1rem}.onboarding-actions{width:100%;gap:1rem}.onboarding-actions button{flex:1}}@media (max-width: 480px){.onboarding-panel{padding:2rem 1.5rem}.onboarding-header h2{font-size:1.9rem}}.nav-menu{width:100%;display:flex;justify-content:space-between;flex-flow:wrap;gap:1.5rem;z-index:100;background:var(--card-bg-color);border-width:1px;border-style:solid;border-color:var(--card-border-color);border-radius:1.25rem;box-shadow:var(--card-shadow);padding:.5rem 3rem;transition:all .5s ease-in-out}.nav-settings-container{position:relative}.nav-btn-ctnr-left,.nav-btn-ctnr-right{display:flex;align-items:center}.nav-btn-ctnr-left{padding:0 1rem;position:relative}.nav-btn-ctnr-right{gap:1rem}.nav-active-indicator{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--nav-button-active-bg-color);border-radius:6rem;z-index:-1;pointer-events:none}.nav-btn{display:flex;align-items:center;gap:1rem;background:none;color:var(--secondary-color);padding:.75rem 2rem;border:none;border-radius:6rem;cursor:pointer;position:relative;z-index:1;transition:all .4s cubic-bezier(.25,1.75,.55,1.15)}.nav-btn img{width:1.75rem;opacity:.75;filter:var(--filter-icon);transition:all .4s ease}.nav-btn p{opacity:.75;font-size:1.75rem;font-weight:600;transition:all .4s ease}.nav-btn-active img{opacity:1;filter:var(--filter-accent-color-primary)}.nav-btn-active p{opacity:1}.nav-btn-small{display:flex;align-items:center;gap:1rem;background:var(--nav-button-bg-color);color:var(--secondary-color);font-family:Poppins-Regular;padding:.75rem 2rem;border-radius:6rem;border:var(--nav-button-border);cursor:pointer}.nav-btn-small img{width:1.75rem;opacity:.75;filter:var(--filter-icon)}.nav-btn-small p{opacity:.75;font-size:1.5rem;font-weight:600}.nav-btn-secondary{display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--nav-button-bg-color);color:var(--secondary-color);font-family:Poppins-Regular;padding:.75rem 2rem;border-radius:6rem;border:var(--nav-button-border);cursor:pointer}.nav-btn-secondary img{width:1.75rem;opacity:.75;filter:var(--filter-icon)}.nav-btn-secondary p{opacity:.75;font-size:1.5rem;font-weight:600}.nav-btn-small:disabled,.nav-btn-secondary:disabled{opacity:.5!important;cursor:default}.settings-window{position:absolute;top:calc(100% + 1.5rem);right:0;z-index:500}@media (max-width: 768px){.nav-menu{position:fixed;margin:0;bottom:0;flex:1;max-height:fit-content;justify-content:center;flex-wrap:nowrap;background:var(--mobile-nav-bg-color);border-radius:2rem 2rem 0 0;box-shadow:-2rem 0 30px #64646440;padding:1.5rem 0;gap:4rem}.nav-active-indicator{display:none}.nav-btn-ctnr-left{gap:4rem;padding:0}.nav-btn,.nav-btn-small{flex-direction:column;gap:0;background:none;border:none;padding:0;width:100%;min-width:0}.nav-btn img,.nav-btn-small img{width:1.75rem;opacity:.5}.nav-btn p,.nav-btn-small p{font-size:1.25rem;opacity:.5}.nav-btn-secondary{border-radius:1.25rem}.nav-btn-secondary img{width:1.75rem}.nav-btn-secondary p{font-size:1.5rem}.nav-btn-active{min-width:0}.nav-btn-active img,.nav-btn-active p{opacity:1}.copy-alert{position:fixed;top:2rem;right:2rem;background:var(--mobile-nav-bg-color)}.settings-window{position:fixed;top:auto;right:auto;bottom:7.25rem;width:100%;display:flex;justify-content:center}}.bg-video{position:fixed;right:0;bottom:0;min-height:100%;min-width:100%;z-index:-10}.bg-image{position:fixed;right:0;bottom:0;min-height:100%;min-width:100%;z-index:-10;object-fit:cover;object-position:center}.layout-wrapper{display:flex;flex-direction:column;align-items:center;height:100%;background:var(--window-bg-color);transition:all .5s ease-in-out;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.layout-wrapper::-webkit-scrollbar{display:none}.content{display:flex;gap:2rem;padding:4rem 8rem 8rem;max-width:1280px}.app-content{flex:1;display:flex;flex-direction:column;flex-grow:1;background:var(--bg-2);color:var(--secondary-color);-ms-overflow-style:none;scrollbar-width:none}.app-content::-webkit-scrollbar{display:none}.nav-app{flex:1;display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.layout-wrapper{background:var(--mobile-window-bg-color);border-radius:0;top:0;bottom:0;left:0;right:0}.content{padding:0}.app-content{padding:4rem;margin-bottom:8rem}}@media (max-width: 480px){.app-content{padding:3rem 2rem}}.tooltip-btn{position:relative;display:flex;align-items:center;justify-content:center;background:var(--button-bg-color);border:var(--button-border);border-radius:100%;padding:1rem;cursor:pointer}.tooltip-btn img{width:2rem;opacity:.75;filter:var(--button-icon-filter)}.tooltip-btn:hover img{opacity:.8}.tooltip{position:absolute;z-index:1000;background:#242424;color:#fff;border-radius:.5rem;margin-bottom:6.5rem;padding:.5rem 1rem;font-size:1.25rem;font-family:Poppins-Regular;white-space:nowrap}@media (max-width: 1024px){.tooltip-btn{flex:1;border-radius:2rem}}@media (max-width: 768px){.tooltip{display:none}}.skills-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-flow:wrap}.skills-filter-buttons{display:flex;align-items:center;justify-content:center;gap:.75rem;scrollbar-width:none;min-width:0;flex-flow:nowrap;overflow-x:scroll!important}.skills-filter-buttons::-webkit-scrollbar{display:none}.filter-btn{display:flex;align-items:center;gap:1rem;flex-shrink:0;background:var(--inner-card-bg-color);color:var(--secondary-color);font-size:1.5rem;border:var(--button-border);border-radius:.75rem;padding:.5rem 1.5rem;cursor:pointer;transition:all .2s ease;opacity:.5}.filter-btn-active{opacity:1;transition:all .2s ease}.filter-btn .checkbox{width:1.5rem;height:1.5rem;border:2px solid currentColor;border-radius:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.filter-btn-active .checkbox{background:var(--accent-color-primary);border-color:var(--accent-color-primary);color:#fff}.filter-btn .checkbox svg{width:1rem;height:1rem}.tech-card-ctnr{display:flex;justify-content:center;flex-flow:wrap;gap:1rem}.tech-card{display:flex;align-items:center;gap:1rem;background:var(--inner-card-bg-color);color:var(--secondary-color);border-width:1px;border-style:solid;border-color:var(--inner-card-border-color);border-radius:1.25rem;box-shadow:var(--inner-card-shadow);padding:1rem 2rem;cursor:default;transition:all .5s ease-in-out}.tech-card img{width:1.75rem;opacity:.8}.tech-card p{font-size:1.5rem}.tech-card .tech-sub{font-size:1.25rem;opacity:.75}@media (max-width: 1024px){.tech-card p{font-size:1.5rem}.tech-card .tech-sub{font-size:1.25rem}}@media (max-width: 768px){.skills-header,.skills-filter-buttons{flex-direction:column;align-items:start}.filter-btn{font-size:1.25rem}.tech-card p{font-size:1.25rem}.tech-card .tech-sub{font-size:1rem}}@media (max-width: 480px){.tech-card{width:100%}.tech-card p{font-size:1.25rem}.tech-card .tech-sub{font-size:1rem}}.profile-card{display:flex;align-items:center;background:var(--card-bg-color);padding:2rem 4rem;border-width:1px;border-style:solid;border-color:var(--card-border-color);border-radius:1.25rem;box-shadow:var(--card-shadow);cursor:default;transition:all .5s ease-in-out}.profile-card-left{flex:2;display:flex;flex-direction:column;gap:1.5rem}.profile-card-right{flex:1;display:flex;justify-content:right;gap:1rem}.name-and-photo{display:flex;align-items:center;gap:2rem}.name-and-photo img{width:8rem;height:8rem;border-radius:100%;box-shadow:.5rem .5rem 2rem #7a7a7a33}.name-and-photo h1{font-family:Poppins-Medium;opacity:.9}.profile-tagline{display:flex;align-items:center;gap:1rem}.profile-tagline img{width:1.75rem;height:1.75rem;border-radius:0;box-shadow:none;filter:var(--filter-accent-color-primary)}.profile-tagline p{color:var(--accent-color-primary);opacity:.85;font-weight:600}.contact-btn-wrapper{display:flex;align-items:center}.contact-seg{display:none}.about-text .about-more{display:inline}.about-toggle{display:none;background:transparent;border:none;color:var(--accent-color-secondary);font-weight:600;cursor:pointer;padding:0;margin-left:1rem}@media (max-width: 1024px){.profile-card{flex-direction:column;align-items:start;gap:3rem}.profile-card-left{gap:2rem}.profile-card-right{width:100%;justify-content:space-between}.contact-btn-wrapper{flex:1;display:flex;align-items:center;justify-content:center}}@media (max-width: 768px){.profile-card,.profile-card-left{gap:2rem}.name-and-photo{gap:2rem}.name-and-photo img{width:7rem;height:7rem}.profile-tagline img{width:1.5rem;height:1.5rem}}@media (max-width: 480px){.profile-card{padding:2rem 3rem}.name-and-photo img{width:6rem;height:6rem}.profile-tagline{gap:.75rem}.profile-tagline img{width:1.5rem;height:1.5rem}.about-text .about-more{display:none}.about-text.expanded .about-more,.about-toggle{display:inline}}.promo-card-text{display:flex;align-items:center;margin-top:.5rem}.promo{display:flex;flex-direction:column;align-items:center;margin-right:1.5rem}.promo .node{height:1rem;width:1rem;border-radius:50%;background-color:gray}.promo .node-line{width:2px;height:7.5rem;background-color:gray}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:2rem;font-family:Poppins-Regular;background:var(--inner-card-bg-color);color:var(--secondary-color);border-width:1px;border-style:solid;border-color:var(--inner-card-border-color);border-radius:1.25rem;box-shadow:var(--inner-card-shadow);padding:2rem 3rem;cursor:pointer;transition:all .5s ease-in-out;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.resume-card:hover .resume-card-logo{scale:108%;transition:scale .25s ease-out}.resume-card-content{display:flex;align-items:start;gap:2rem}.resume-card-logo{width:5rem;height:5rem;border-radius:100%;flex-shrink:0;transition:scale .25s ease-out}.resume-card-logo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;box-shadow:0 0 2rem #7a7a7a33}.resume-card-text{display:flex;flex-direction:column}.resume-card-text h1{font-size:1.75rem}.resume-card-text p{font-size:1.5rem;opacity:.75}.skills-arrow{opacity:.75}.skills-arrow img{width:3rem;filter:var(--filter-icon)}.ext-arrow{opacity:.75}.ext-arrow img{width:1.5rem;filter:var(--filter-icon)}@media (max-width: 1024px){.resume-card-text p,.rcs p{font-size:1.5rem}}@media (max-width: 768px){.resume-card-logo{width:3.5rem;height:3.5rem}.resume-card-text h1{font-size:1.5rem}.resume-card-text p{font-size:1.25rem}.skills-arrow img{width:2.25rem}.ext-arrow img{width:1.15rem}.resume-card-skills h3,.resume-card-skills .resume-card-description{font-size:1.25rem}}@media (max-width: 480px){.resume-card{gap:1rem}.resume-card img{margin:0}.resume-card-content{flex-direction:column;gap:.75rem}.resume-card-logo{width:3.5rem;height:3.5rem}.resume-card-text{gap:.25rem}.resume-card-text h1{font-size:1.5rem}.resume-card-text p{font-size:1.25rem}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--modal-backdrop-color);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px}.resume-modal{position:relative;width:100%;max-width:860px;max-height:90svh;overflow:auto;background:var(--modal-bg-color);color:var(--secondary-color);border-width:1px;border-style:solid;border-color:var(--modal-border-color);border-radius:1.5rem;box-shadow:var(--modal-shadow);padding:2.5rem 4rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.resume-modal::-webkit-scrollbar{width:10px}.resume-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.resume-modal::-webkit-scrollbar-track{background:transparent}.modal-nav{position:sticky;top:0;z-index:1;display:flex;justify-content:right;gap:1rem}.modal-nav-btn{display:flex;align-items:center;justify-content:center;background:var(--button-bg-color);color:inherit;border:var(--button-border);border-radius:100%;padding:1rem;cursor:pointer;transition:all .2s ease-in-out}.modal-nav-btn img{width:2rem;opacity:.8;filter:var(--button-icon-filter)}.modal-nav-btn:hover{box-shadow:0 0 4rem #6051fe40;transition:all .2s ease-in-out}.modal-nav-btn:hover img{opacity:1}.resume-modal-body{display:flex;flex-direction:column;gap:2rem;opacity:1}.resume-modal-body h3{font-size:1.5rem;opacity:.8}.resume-modal-body p{font-size:1.5rem}.modal-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.modal-links .ext-link img{width:1.25rem}.rcs{display:flex;flex-flow:wrap}.rcs p{display:flex;align-items:center;font-size:1.4rem;color:#000;padding:.25rem 1.5rem;margin:.5rem .5rem .5rem 0;border-radius:2rem;scale:100%;cursor:default}.pill-jmf p{background:linear-gradient(to right bottom,#0c8591,#0c8591b3);border:1px solid rgb(118,212,221);color:#fff}.pill-pcg p{background:linear-gradient(to right bottom,#95df50,#b5ff6f);border:1px solid #dbffb9}.pill-cot p{background:linear-gradient(to right bottom,#1c58b9,#3881f7);border:1px solid #87b5ff;color:#fff}.pill-223 p{background:linear-gradient(to right bottom,#b3b3b3,#d6d6d6);border:1px solid #e4e3e3}.pill-st p{background:linear-gradient(to right bottom,#fa83f0,#ffaff8);border:1px solid #f8c0f4}.pill-fau p{background:linear-gradient(to right bottom,#db2e45,#4d5df0);border:1px solid rgb(230,98,129);color:#fff}.pill-fsu p{background:linear-gradient(to right bottom,#941d38,#f04d73);border:1px solid rgb(230,98,129);color:#fff}.pill-aitp p{background:linear-gradient(to right bottom,#f5bd25,#ffd890);border:1px solid #f7daa5}.pill-stars p{background:linear-gradient(to right bottom,#738dff,#82e6ff);border:1px solid #9aebff}@media (max-width: 768px){.resume-modal{border-radius:14px;padding:16px 16px 22px;max-width:100%;max-height:80svh}.modal-nav-btn{opacity:1}.resume-modal-body h3,.resume-modal-body p{font-size:1.25rem}.modal-nav-btn:hover{box-shadow:none}.rcs p{font-size:1.15rem;margin:.75rem .5rem 0 0;padding:.5rem 1.25rem;border-radius:2rem}}@media (max-width: 480px){.modal-nav{margin-bottom:2rem}.resume-modal-body h3,.resume-modal-body p{font-size:1.25rem}.resume-modal-body .resume-card-content{flex-direction:row}.rcs p{font-size:1.15rem;border-radius:1.75rem}}.project-card-row{display:flex;gap:1rem}.project-card-group{display:flex;flex-direction:column;gap:1rem}.project-card{flex:1;display:flex;text-align:left;gap:4rem;background:var(--inner-card-bg-color);color:var(--secondary-color);border-width:1px;border-style:solid;border-color:var(--inner-card-border-color);border-radius:1.25rem;padding:2rem 3rem;box-shadow:var(--inner-card-shadow);cursor:pointer;transition:all .5s ease-in-out}.project-card .project-thumbnail{width:14rem;height:8rem;border-radius:.5rem;object-fit:cover;transition:scale .5s;box-shadow:var(--img-shadow-color)}.project-card:hover .project-thumbnail{scale:105%;transition:scale .25s}.project-card:hover .project-card-title img{transform:translate(.25rem);transition:transform .2s ease-out}.project-card-text{display:flex;flex-direction:column;gap:.5rem}.project-card-title{display:flex;align-items:center;gap:.5rem}.project-card-title img{width:2rem;transform:translate(0);transition:transform .2s ease-out;filter:var(--filter-icon)}.project-card-title p{font-weight:600}.project-card-desc{font-size:1.5rem;opacity:.75}.project-card-tags{display:flex;align-items:center;flex-flow:wrap;gap:.75rem;margin-top:.75rem}.project-card-tags span{background:var(--tag-bg-color);color:#fff;padding:.25rem 1rem;border-radius:2rem;font-size:1.25rem}@media (max-width: 1024px){.project-card-row{flex-direction:column}.project-card .project-card-text{width:100%}}@media (max-width: 768px){.project-card{flex-direction:column;gap:1.5rem}.project-card .project-thumbnail{width:100%;height:auto}.project-card:hover .project-thumbnail{scale:105%}}@media (max-width: 480px){.project-card-desc{font-size:1.25rem}.project-card-tags{gap:.5rem}.project-card-tags span{font-size:1.15rem}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px rgb(25.5,25.5,25.5))}@media (hover: hover)and (pointer: fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width: 768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width: 480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{padding:10px;left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:120px;width:90px}@media (max-width: 768px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:72px;width:48px}}@media (max-width: 480px){.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:48px;width:36px}}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width: 768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width: 480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:#0006;bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover: hover)and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid rgba(0,0,0,0);transition:border .3s ease-out;width:100px;background:#0000;padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid rgba(0,0,0,0);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover: hover)and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover: hover)and (pointer: fine)and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px hsl(0,0%,10%);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:#0006;color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.proj-detail-img{width:100%;border-radius:2rem 2rem 0 0;max-height:20rem}.proj-detail-img img{width:100%;border-radius:inherit;max-height:inherit;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 50%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#000 50%,#0000);filter:blur(.5px)}.proj-detail-head{display:flex;align-items:center;justify-content:space-between;flex-flow:wrap;gap:1.5rem}.project-title{display:flex;align-items:center;gap:1.5rem;flex-flow:wrap}.project-title img{width:3.25rem}.project-title h1{font-size:2rem}.project-tech{display:flex;align-items:center;flex-flow:wrap;gap:.75rem}.project-tech span{background:var(--tag-bg-color);color:#fff;padding:.25rem 1rem;border-radius:2rem;font-size:1.35rem}.ext-links-row{display:flex;flex-flow:wrap;gap:1rem;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.ext-link{display:flex;align-items:center;gap:1rem;background:var(--button-bg-color);border:var(--button-border);border-radius:6rem;padding:.5rem 2rem;cursor:pointer;transition:all .2s ease-in-out}.ext-link img{width:2rem;filter:var(--filter-icon);opacity:.8}.ext-link p{font-size:1.5rem}.ext-link:hover{box-shadow:0 0 4rem #6051fe40;transition:box-shadow .2s ease-in-out}.proj-mockup{width:100%}.goal-ctnr{display:flex;align-items:start;gap:2rem}.goal-ctnr .goal-num{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:var(--inner-card-bg-color);border:var(--inner-card-border);border-radius:100%;flex-shrink:0}.proj-info-divider{display:flex;justify-content:space-between;gap:2rem}.proj-info-divider div{flex:1;display:flex;flex-direction:column;align-items:center;cursor:default}.proj-info-divider .seg{width:1px;height:100%;background:#80808059}@media (max-width: 1024px){.proj-detail-head{flex-direction:column;align-items:start;gap:1rem}}@media (max-width: 768px){.ext-link:hover{box-shadow:none}.project-tech span{font-size:1.25rem}}.custom-toggle-button-group{display:inline-flex;border-radius:1rem;background-color:transparent;gap:0}.custom-toggle-button{padding:.75rem 1.5rem;border:2px solid #1976d2;background-color:transparent;color:gray;cursor:pointer;font-family:Poppins-Regular,sans-serif;font-size:1.25rem;text-transform:none;transition:all .3s ease;flex:1}.custom-toggle-button:first-child{border-radius:1rem 0 0 1rem}.custom-toggle-button:last-child{border-radius:0 1rem 1rem 0}.custom-toggle-button:not(:last-child){border-right:none}.custom-toggle-button:hover{background-color:#6051fe1a}.custom-toggle-button.active{background-color:#1976d2;color:#fff}.custom-toggle-button.active:hover{opacity:.85}.custom-toggle-button-group.primary .custom-toggle-button{border-color:#1976d2;color:#1976d2}.custom-toggle-button-group.primary .custom-toggle-button.active{background-color:#1976d2;color:#fff}.Wishlist{background:#edeff3;height:100%;display:flex;flex-direction:column;align-items:center;padding:4rem;overflow-y:scroll}.Wishlist .wishlist-content{max-width:1024px;display:flex;flex-direction:column;gap:2rem}.Wishlist .wishlist-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.Wishlist .MuiButtonBase-root{background:#fff;padding:.5rem 2rem}.Wishlist .MuiToggleButtonGroup-firstButton,.Wishlist .MuiToggleButtonGroup-lastButton{border-radius:0!important}.Wishlist .wishlist-list{display:flex;flex-direction:column;gap:2rem;width:100%;margin-bottom:6rem}.Wishlist .category-ctnr,.Wishlist .wishlist-group{display:flex;flex-direction:column;gap:1rem}.Wishlist .wishlist-item{display:flex;width:100%;background:#fff;border:1px solid lightgrey;padding:2rem;gap:2rem;cursor:pointer;transition:all .2s ease-out;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity}.Wishlist .wishlist-item:hover{background:#87cefa33;transform:scale(1.01);transition:all .2s ease-out}.Wishlist .item-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.Wishlist .item-details{font-size:1.5rem;color:#555}.Wishlist .item-text{display:flex;justify-content:space-between;gap:4rem}.Wishlist .category-tag{background:#1976d214;border-radius:6rem;padding:.25rem 1rem;align-self:flex-start}.Wishlist .category-tag p{color:#1976d2}.Wishlist .item-price{font-weight:600}.Wishlist .item-image{width:12rem;height:12rem;background:#fff;border:1px solid lightgrey}.Wishlist .item-image img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media (max-width: 480px){.Wishlist{padding:2rem}.Wishlist .MuiButtonBase-root{flex:1!important;padding:.75rem 1.25rem}.Wishlist .wishlist-item{gap:2rem;max-height:fit-content}.Wishlist .wishlist-item:hover{background:#fff;transform:scale(1)}.Wishlist .item-image{flex:0;width:6rem;height:6rem;min-width:6rem;min-height:6rem}.Wishlist .item-content{flex-direction:row;display:flex;justify-content:space-between;gap:2rem;padding:0}.Wishlist .item-details{font-size:1.25rem}.Wishlist .category-tag{display:none}}