.portfolio-modal .modal__content{background:0 0;justify-content:center;align-items:center;min-width:300px;max-width:90vw;min-height:300px;max-height:90vh;padding:0;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.portfolio-modal .modal__content{max-width:85vw;max-height:85vh}}.portfolio-modal__image{border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.portfolio-modal__image-img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.portfolio-modal__slider{border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.portfolio-modal__slider-viewport{width:100%;max-width:100%;height:100%;max-height:100%;overflow:hidden}.portfolio-modal__slider-container{width:100%;height:100%;display:flex}.portfolio-modal__slider-slide{flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:0;max-width:100%;height:100%;max-height:100%;display:flex;overflow:hidden}.portfolio-modal__slider-image{object-fit:contain;flex-shrink:0;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.portfolio-modal__arrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:10;background:#00000026;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-modal__arrow:hover{background:#00000040}.portfolio-modal__arrow:active{background:#00000059}.portfolio-modal__arrow--prev{left:20px}.portfolio-modal__arrow--next{right:20px}@media (min-width:1024px){.portfolio-modal__arrow{width:70px;height:70px}.portfolio-modal__arrow--prev{left:24px}.portfolio-modal__arrow--next{right:24px}}.portfolio-modal__arrow-icon{width:10px;height:10px;display:block}.portfolio-modal__arrow-icon--next{transform:rotate(180deg)}@media (min-width:1024px){.portfolio-modal__arrow-icon{width:16px;height:16px}}.portfolio-modal__slider-dots{z-index:20;pointer-events:auto;box-sizing:border-box;background:#fff;border-radius:50px;justify-content:center;gap:4px;width:fit-content;max-width:calc(100% - 40px);padding:6px 10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (min-width:768px){.portfolio-modal__slider-dots{gap:8px;max-width:calc(100% - 48px);padding:6px 10px;bottom:24px}}.portfolio-modal__slider-dot{cursor:pointer;background:#25183a80;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}@media (min-width:768px){.portfolio-modal__slider-dot{width:10px;height:10px}}.portfolio-modal__slider-dot:hover{background:#25183acc}.portfolio-modal__slider-dot--active{background:#25183acc;border-radius:4px;width:24px}@media (min-width:768px){.portfolio-modal__slider-dot--active{width:30px}}