:root{--background-color:#ffffff01;--text-color:#000;--card-background-color:#ffffff0d;--card-border-color:#0003;--card-box-shadow-1:#0000000d;--card-box-shadow-1-y:3px;--card-box-shadow-1-blur:6px;--card-box-shadow-2:#0000001a;--card-box-shadow-2-y:8px;--card-box-shadow-2-blur:15px;--card-label-color:#000;--card-icon-color:#333;--card-icon-background-color:#0000000d;--card-icon-border-color:#0000001a;--card-shine-opacity:.1;--card-line-color:#f472b580;--card-hover-border-color:#0003;--card-hover-box-shadow-1:#0000000a;--card-hover-box-shadow-1-y:5px;--card-hover-box-shadow-1-blur:10px;--card-hover-box-shadow-2:#00000026;--card-hover-box-shadow-2-y:15px;--card-hover-box-shadow-2-blur:25px;--card-hover-icon-color:#000;--card-hover-icon-background-color:#0000001a;--card-hover-icon-border-color:#0003;--blur-opacity:30px}html.dark{--text-color:#fff;--card-background-color:#000000bf;--card-border-color:#ffffff26;--card-box-shadow-1:#fff0;--card-box-shadow-2:#fff0;--card-label-color:#fff;--card-icon-color:#d4d4d8;--card-icon-background-color:#ffffff14;--card-icon-border-color:#ffffff1f;--card-hover-border-color:#ffffff1a;--card-hover-box-shadow-1:#ffffff0d;--card-hover-box-shadow-2:#ffffff06;--card-hover-icon-color:#000;--card-hover-icon-background-color:#fff;--card-hover-icon-border-color:#ffffff1f;--blur-opacity:2px}.card{align-items:center;gap:16px;width:100%;min-width:300px;max-width:none;padding:8px 28px;display:flex;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background-color:#0000;border-radius:20px;position:absolute;inset:0}.card .card-image{z-index:2;background-color:#0000;border-radius:12px;flex:0 0 140px;width:140px;height:140px;padding-top:20px;padding-bottom:20px;position:relative;overflow:hidden}.card .card-image img{object-fit:contain;border-radius:inherit;filter:brightness(0);width:100%;height:100%;transition:filter .3s}.card .card-content{z-index:2;flex:1;padding-top:8px;padding-bottom:8px}.card .card-content h4{color:var(--card-label-color);margin:0 0 8px;padding-left:14px;font-size:28px;line-height:1.2}.card .card-content p{color:var(--text-color);text-align:justify;margin:0;padding-left:14px;font-size:14px}.card .icon{z-index:2;padding:8px;display:table;position:relative}.card .icon:after{content:"";background-color:var(--card-icon-background-color);border:1px solid var(--card-icon-border-color);backdrop-filter:blur(2px);border-radius:50%;transition:background-color .25s,border-color .25s;position:absolute;inset:4.5px}.card .icon svg{z-index:1;width:24px;height:24px;color:var(--card-icon-color);filter:brightness(0);transition:color .25s;display:block;position:relative;transform:translateZ(0)}.card .shine{border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity .5s;position:absolute;inset:0;overflow:hidden}.card .shine:before{content:"";filter:blur(35px);width:150%;opacity:var(--card-shine-opacity);background-image:var(--card-shine-gradient);border-radius:50%;padding-bottom:150%;position:absolute;bottom:55%;left:50%;transform:translate(-50%)}.card .background{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.card .about-border{display:none}.card:hover .background .line-1{opacity:1}.card:hover .icon:after{background-color:var(--card-hover-icon-background-color);border-color:var(--card-hover-icon-border-color)}.card:hover .icon svg{color:var(--card-hover-icon-color)}.card:hover .shine{opacity:1;transition-duration:.5s}@media (width<=768px){.card{text-align:left;padding:8px 24px;display:block}.card .card-image{float:left;flex:none;width:60px;max-width:none;height:60px;margin:0 14px 6px 0;padding:0}.card .card-content{display:contents}.card .card-content h4{text-align:justify;-webkit-hyphens:auto;hyphens:auto;min-height:60px;margin:0 0 8px;padding-left:0;font-size:19px}.card .card-content p{clear:left;text-align:justify;-webkit-hyphens:auto;hyphens:auto;padding-left:0}.card .card-content h4,.card .card-content p,.card .card-content a{z-index:2;position:relative}.card .card-content a{clear:left;justify-content:flex-start;margin-top:12px}}@media (width>=769px) and (width<=1024px){.card .card-content h4{margin-bottom:16px}.card .card-github{width:48px;height:48px}.card .card-github img{width:26px;height:26px}.card .card-content{padding-top:0;padding-bottom:0;padding-right:60px}}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:inherit}html.dark .card .card-github{-webkit-backdrop-filter:blur(2px);background-color:#000000d9;border:1px solid #ffffff26}html.dark .card .card-github img,html.dark .card .card-image img{filter:brightness(0)invert()!important}html.dark .card .card-github:hover{color:#000;background-color:#fff}html.dark .card .card-github:hover img{filter:brightness(0)!important}html.dark .card .icon svg{filter:brightness(0)invert()!important}.filter-btn{cursor:pointer;color:var(--text-color);transition:color .3s,opacity .3s}html:not(.dark) .filter-btn{opacity:.8;background-color:#0000!important;border:none!important}html.dark .filter-btn{color:#fff;box-shadow:none;opacity:1;background-color:#0000!important;border:none!important}html .filter-btn:hover{opacity:1;color:var(--color-pink-400)!important}html .filter-btn.active{opacity:1;color:var(--color-pink-400)!important;box-shadow:none!important;background-color:#0000!important;border:none!important}html:not(.dark) .card{-webkit-backdrop-filter:none!important;box-shadow:none!important;background-color:#0000!important;border:none!important}html.dark .card{isolation:isolate;transform:translateZ(0);-webkit-backdrop-filter:none!important;box-shadow:none!important;background-color:#0000!important}.section-title[data-astro-cid-lcdefpme]{text-align:left}@media (width<=768px){.mobile-narrow[data-astro-cid-lcdefpme]{max-width:95%;margin-left:auto;margin-right:auto;line-height:1.7}}@media (width<=1024px){.mobile-narrow[data-astro-cid-lcdefpme]{margin-left:auto;margin-right:auto;line-height:1.7}}
