.work-examples-modal-container.svelte-r0n7jb{width:100%;height:100%;background:var(--color_white);border-radius:var(--border_radius_default);overflow:hidden;position:relative}.work-examples-modal-container.svelte-r0n7jb .close-button:where(.svelte-r0n7jb){position:absolute;right:20px;top:20px;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;color:var(--color_accent);border:1px solid var(--color_accent);transition:all .3s ease}.work-examples-modal-container.svelte-r0n7jb .close-button:where(.svelte-r0n7jb):hover{cursor:pointer;color:var(--color_accent2);border:1px solid var(--color_accent2)}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb){display:flex;height:100%}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .left-side:where(.svelte-r0n7jb){max-width:160px;height:100%;padding:20px;overflow:scroll;width:100%}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .left-side:where(.svelte-r0n7jb) .gallery:where(.svelte-r0n7jb){display:flex;flex-direction:column;gap:20px;height:100%}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .left-side:where(.svelte-r0n7jb) .gallery:where(.svelte-r0n7jb) .image-card:where(.svelte-r0n7jb){border-radius:5px;border:none;transition:all .3s ease;overflow:hidden;display:flex;aspect-ratio:1/1;padding:5px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .left-side:where(.svelte-r0n7jb) .gallery:where(.svelte-r0n7jb) .image-card.active:where(.svelte-r0n7jb){outline:2px solid var(--color_accent)}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .left-side:where(.svelte-r0n7jb) .gallery:where(.svelte-r0n7jb) .image-card:where(.svelte-r0n7jb):hover{cursor:pointer;filter:brightness(.9);outline:2px solid rgba(87,102,61,.4392156863)}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb){width:100%;height:100%}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb){overflow:auto;height:100%;width:100%;padding:50px 15px;background:var(--color_accent4);display:flex;flex-direction:column;justify-content:space-between;gap:40px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb){display:flex;justify-content:space-between;height:100%;width:100%;align-items:center;gap:20px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb){position:relative;width:min(100%,1100px);height:min(70vh,680px);display:flex;justify-content:center;align-items:center}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb) .zoom-controls:where(.svelte-r0n7jb){position:absolute;top:12px;right:12px;z-index:3;display:flex;gap:8px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb) .zoom-controls:where(.svelte-r0n7jb) .zoom-btn:where(.svelte-r0n7jb){min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--color_accent);background:var(--color_white);color:var(--color_accent);font:var(--font_16);font-weight:700;transition:all .2s ease}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb) .zoom-controls:where(.svelte-r0n7jb) .zoom-btn.reset:where(.svelte-r0n7jb){min-width:44px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb) .zoom-controls:where(.svelte-r0n7jb) .zoom-btn:where(.svelte-r0n7jb):hover:not(:disabled){cursor:pointer;color:var(--color_accent2);border-color:var(--color_accent2)}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb) .zoom-controls:where(.svelte-r0n7jb) .zoom-btn:where(.svelte-r0n7jb):disabled{opacity:.5;cursor:not-allowed}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image:where(.svelte-r0n7jb){display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default;background:#fff;border-radius:var(--border_radius_default)}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image:where(.svelte-r0n7jb) img:where(.svelte-r0n7jb){object-fit:contain;width:100%;height:100%;transform-origin:center center;transition:none;will-change:transform;pointer-events:none}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image.zoomed:where(.svelte-r0n7jb){cursor:grab}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image.zoomed:where(.svelte-r0n7jb):active{cursor:grabbing}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .change-btn:where(.svelte-r0n7jb){min-width:40px;border-radius:50%;height:40px;display:flex;justify-content:center;color:var(--color_accent);border:1px solid var(--color_accent);cursor:pointer;transition:all .3s ease}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .change-btn.prev:where(.svelte-r0n7jb){rotate:180deg}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .change-btn:where(.svelte-r0n7jb):hover{color:var(--color_accent2);border:1px solid var(--color_accent2)}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .description:where(.svelte-r0n7jb){border-radius:var(--border_radius_default);background:var(--color_white);padding:20px}@media screen and (max-width:720px){.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb){flex-direction:column-reverse}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .left-side:where(.svelte-r0n7jb){max-width:100%;min-height:15%;height:15%}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .left-side:where(.svelte-r0n7jb) .gallery:where(.svelte-r0n7jb){display:inline-flex;flex-direction:row}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb){padding-top:12px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb){gap:10px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb){height:min(58vh,440px)}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb) .zoom-controls:where(.svelte-r0n7jb){top:8px;right:8px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .active-image-container:where(.svelte-r0n7jb) .zoom-controls:where(.svelte-r0n7jb) .zoom-btn:where(.svelte-r0n7jb){min-width:32px;height:32px}.work-examples-modal-container.svelte-r0n7jb .body:where(.svelte-r0n7jb) .right-side:where(.svelte-r0n7jb) .content:where(.svelte-r0n7jb) .main:where(.svelte-r0n7jb) .change-btn:where(.svelte-r0n7jb){min-width:34px;height:34px}}