.portfolio-slider-controls{display:flex;justify-content:flex-end;gap:10px;margin-bottom:24px}.portfolio-slider-button{width:54px;height:54px;border-radius:50%;border:1px solid #d7d7cf;background:#fff;font-size:24px;cursor:pointer;transition:.25s}.portfolio-slider-button:hover{background:#111;color:#fff;border-color:#111}.portfolio-slider-button:disabled{opacity:.3;cursor:default}.portfolio-slider-viewport{overflow:hidden;padding:12px 8px 45px;margin:-12px -8px -45px}.portfolio-slider-viewport .portfolio-grid{display:flex!important;gap:18px!important;transition:transform .55s cubic-bezier(.22,.8,.2,1);will-change:transform}.portfolio-slider-viewport .portfolio-grid .card{flex:0 0 calc((100% - 18px)/2);margin:0!important}.portfolio-slider-count{align-self:center;margin-right:auto;font-size:11px;font-weight:900;color:#888;letter-spacing:.1em}
.portfolio-slider-button svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:760px){.portfolio-slider-viewport .portfolio-grid .card{flex-basis:100%}}
@media(max-width:620px){.portfolio-slider-button{width:48px;height:48px}}