.project-card-shell{isolation:isolate;background:rgb(var(--color-text) / .1);padding:2px;transition:background-color .25s;position:relative;overflow:hidden}.dark .project-card-shell{background:rgb(var(--color-text) / .14)}.project-card__wheel{z-index:0;opacity:0;transform-origin:50%;background:conic-gradient(from 0deg, rgb(var(--color-primary)) 0deg 62deg, transparent 62deg 168deg, rgb(var(--color-primary)) 168deg 230deg, transparent 230deg 360deg);width:250%;height:250%;transition:opacity .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.project-card-shell:hover .project-card__wheel,.project-card-shell:focus-within .project-card__wheel{opacity:1;animation:2.8s linear infinite project-card-border-spin}@keyframes project-card-border-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.project-card-shell:hover,.project-card-shell:focus-within{background:0 0}.project-card{z-index:1}@media (prefers-reduced-motion:reduce){.project-card__wheel{transition:none}.project-card-shell:hover .project-card__wheel,.project-card-shell:focus-within .project-card__wheel{opacity:0;animation:none}.project-card-shell:hover,.project-card-shell:focus-within{background:rgb(var(--color-primary) / .55)}}.project-card:focus-visible{box-shadow:var(--focus-ring-shadow), 0 16px 40px rgb(var(--color-black) / .12);outline:none}.dark .project-card:focus-visible{box-shadow:var(--focus-ring-shadow), 0 16px 40px rgb(var(--color-black) / .35)}.project-card:focus-visible .project-card__title,.dark .project-card:focus-visible .project-card__title{color:rgb(var(--color-primary))}.btn-3{background-color:var(--clr);color:rgb(var(--color-btn-on-base));white-space:nowrap;text-overflow:ellipsis;border-radius:10rem;align-items:center;gap:.75rem;padding:12px 24px 12px 16px;transition:background-color .3s;overflow:hidden}.btn-3 .button__icon-wrapper{width:25px;height:25px;color:var(--clr);background-color:rgb(var(--color-btn-on-base));border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden}.btn-3:hover{background-color:rgb(var(--color-btn-accent))}.btn-3:hover .button__icon-wrapper{color:rgb(var(--color-btn-accent))}.btn-3 .button__icon-svg--copy{position:absolute;transform:translate(-150%,150%)}.btn-3:hover .button__icon-svg:first-child{transition:transform .3s ease-in-out;transform:translate(150%,-150%)}.btn-3:hover .button__icon-svg--copy{transition:transform .3s ease-in-out .1s;transform:translate(0)}.btn-3:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-btn-on-base)), 0 0 0 4px rgb(var(--color-primary));outline:none}.projects-view-all-btn:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-surface)), 0 0 0 4px rgb(var(--color-primary)), 0 10px 28px rgb(var(--color-primary) / .28);outline:none}.dark .projects-view-all-btn:focus-visible{box-shadow:0 0 0 2px rgb(var(--color-bg)), 0 0 0 4px rgb(var(--color-primary)), 0 10px 28px rgb(var(--color-primary) / .22)}