.portfolio-container{position:relative;width:100%}.portfolio-arrows{position:absolute;pointer-events:none;inset:0;z-index:21}.portfolio-arrows .portfolio-arrow{pointer-events:auto}.portfolio-arrow{width:70px;height:70px;border-radius:50%;border:none;background:var(--color-btn-bg);color:var(--color-white);box-shadow:0 2px 10px 0 var(--color-shadow) inset;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);font-size:2.3rem;cursor:pointer;transition:background .13s,box-shadow .11s,color .13s,width .14s,height .13s;outline:none;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);z-index:22;opacity:.95}.portfolio-arrow-left{left:.8rem}.portfolio-arrow-right{right:.8rem}.portfolio-arrow:focus-visible{box-shadow:0 2px 38px 0 var(--color-shadow-hover)}.portfolio-arrow:hover,.portfolio-arrow:active{background:var(--color-btn-bg-hover);color:var(--color-white);opacity:1}.portfolio-arrow[disabled]{opacity:.39;pointer-events:none}@media(max-width:899px){.portfolio-arrow{width:56px;height:56px;font-size:1.55rem;opacity:.92}.portfolio-arrow-left{left:.3rem}.portfolio-arrow-right{right:.3rem}}@media(max-width:650px){.portfolio-arrow{width:40px;height:40px;font-size:1.18rem;opacity:.88}.portfolio-arrow-left{left:.1rem}.portfolio-arrow-right{right:.1rem}}