:root{--portfolio-box-bg-light:#eaeaea;--portfolio-box-bg-dark:#484b4d;--portfolio-box-border-light:rgba(0, 0, 0, 0.08);--portfolio-box-border-dark:rgba(255, 255, 255, 0.08);--portfolio-btn-bg:#000;--portfolio-btn-text:#fff;--portfolio-btn-hover-bg:#3d7cf2;--portfolio-btn-hover-text:#fff;--portfolio-btn-focus-ring:rgba(61, 124, 242, 0.35)}.portfolio .portfolio__description{background-color:var(--portfolio-box-bg-light);border-color:var(--portfolio-box-border-light)}.portfolio .portfolio__description--left,.portfolio .portfolio__description--right{background:var(--portfolio-box-bg-light);border-color:var(--portfolio-box-border-light)}.theme--dark .portfolio .portfolio__description{background-color:var(--portfolio-box-bg-dark);border-color:var(--portfolio-box-border-dark)}.theme--dark .portfolio .portfolio__description--left,.theme--dark .portfolio .portfolio__description--right{background:var(--portfolio-box-bg-dark);border-color:var(--portfolio-box-border-dark)}.portfolio .portfolio__image-wrapper--left,.portfolio .portfolio__image-wrapper--right{background-color:var(--portfolio-box-bg-light)}.theme--dark .portfolio .portfolio__image-wrapper--left,.theme--dark .portfolio .portfolio__image-wrapper--right{background-color:var(--portfolio-box-bg-dark)}.portfolio .portfolio__button,.portfolio .portfolio__button:visited{background:var(--portfolio-btn-bg);color:var(--portfolio-btn-text);border:1px solid var(--portfolio-btn-bg);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.portfolio .portfolio__button:hover,.portfolio .portfolio__button:focus-visible{background:var(--portfolio-btn-hover-bg);color:var(--portfolio-btn-hover-text);border-color:var(--portfolio-btn-hover-bg);outline:none}.portfolio .portfolio__button:focus-visible{box-shadow:0 0 0 3px var(--portfolio-btn-focus-ring)}