.portfolio-zoom-frame{position:relative}
.portfolio-zoom-button{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(255 255 255 / .2);border-radius:50%;background:rgb(25 25 28 / .14);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:white;cursor:pointer;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity var(--motion-normal,280ms),transform var(--motion-normal,280ms) var(--ease,cubic-bezier(.23,1,.32,1)),background 150ms}
.portfolio-zoom-button[hidden]{display:none}
.portfolio-zoom-button:hover{background:rgb(25 25 28 / .24)}
.portfolio-zoom-button:active{transform:scale(.96)}
.portfolio-zoom-button:focus-visible{outline:2px solid var(--accent,#389cff);outline-offset:3px}
.enxm-image-viewer .primitive-icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.enxm-image-viewer .primitive-icon-button:focus-visible{outline:2px solid var(--accent,#389cff)}
@media(prefers-reduced-motion:reduce){.portfolio-zoom-button{transition:none}.enxm-image-viewer *{animation:none!important;transition:none!important}}

.admin-image-expandable{cursor:zoom-in}.admin-image-expandable:focus-visible{outline:2px solid var(--accent,#389cff);outline-offset:-3px}

.project:hover .portfolio-zoom-button,.project:focus-visible .portfolio-zoom-button,.portfolio-zoom-button:focus-visible{opacity:1;transform:none;pointer-events:auto}

@media(max-width:1199.98px){.portfolio-zoom-button{display:none!important}}