.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}.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}.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%}.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:where(.svelte-r0n7jb){display:flex;max-height:600px;height:-webkit-fill-available;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:where(.svelte-r0n7jb) img:where(.svelte-r0n7jb){object-fit:contain;height:-webkit-fill-available}.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}