@font-face{font-family:Mulish;src:url(../../../fonts/Mulish/Mulish-VariableFont_wght.ttf)}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Light.ttf);font-weight:300}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf);font-weight:400}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf);font-weight:500}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf);font-weight:600}@font-face{font-family:IBMPlexMono;src:url(../../../fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf);font-weight:700}.svelte-5meaye{position:relative}:root,button.svelte-5meaye{font-family:Mulish,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.8;letter-spacing:.03em}:root{width:100%}h1.svelte-5meaye{margin:0;font-family:IBMPlexMono,monospace}h1.svelte-5meaye{font-size:30px;font-weight:700;padding-top:24px}.comical-black-border.svelte-5meaye,.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye){border:4px solid black}.comical-button.svelte-5meaye,.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) .image-preview-button:where(.svelte-5meaye){padding:4px 8px;border:4px solid black;background-color:#fff;box-shadow:3px 3px #000;font-family:IBMPlexMono;font-weight:500;cursor:pointer}.comical-button.svelte-5meaye:hover,.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) .image-preview-button:where(.svelte-5meaye):hover{background-color:#dff6e9}.comical-button.svelte-5meaye:active,.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) .image-preview-button:where(.svelte-5meaye):active{transform:translate(3px,3px);box-shadow:none}.page-content.svelte-5meaye{align-self:center;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:100%;max-width:864px;padding:69px 12px 48px;box-sizing:border-box}.blog-title.svelte-5meaye{display:flex;flex-direction:column;justify-content:space-between;align-items:start;margin-top:24px;gap:12px;box-sizing:border-box}@media only screen and (min-width: 700px){.blog-title.svelte-5meaye{flex-direction:row;align-items:end}}.blog-title.svelte-5meaye h1:where(.svelte-5meaye){padding:0;margin:0;font-family:IBMPlexMono;font-weight:500;font-size:24px}article.contents.svelte-5meaye{padding:12px;box-sizing:border-box}@media only screen and (min-width: 700px){article.contents.svelte-5meaye{padding:24px}}.images-title.svelte-5meaye{font-family:IBMPlexMono;font-weight:500;font-size:20px;margin-top:24px}.images-list.svelte-5meaye{display:grid;grid-template-columns:repeat(2,auto);gap:24px;flex-wrap:wrap;box-sizing:border-box}@media only screen and (min-width: 700px){.images-list.svelte-5meaye{grid-template-columns:repeat(4,auto)}}.image-preview.svelte-5meaye{width:100%;padding:12px;aspect-ratio:1/1;background-color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat;background-clip:padding-box;box-sizing:border-box}.image-preview.svelte-5meaye:hover{background-clip:content-box}.image-backing.svelte-5meaye{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#0000004d}@media only screen and (min-width: 700px){.image-backing.svelte-5meaye{padding-top:69px}}.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye){position:relative;display:flex;flex-direction:column}.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) img:where(.svelte-5meaye),.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) video:where(.svelte-5meaye){max-width:70vw;max-height:70vh;aspect-ratio:auto;background-color:#fff}@media only screen and (min-width: 700px){.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) img:where(.svelte-5meaye),.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) video:where(.svelte-5meaye){max-height:calc(100vh - 125px)}}.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) .image-preview-button:where(.svelte-5meaye){display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;width:45px;font-size:20px;box-sizing:border-box}@media only screen and (min-width: 700px){.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) .image-preview-button:where(.svelte-5meaye){position:absolute}}.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) .close-button:where(.svelte-5meaye){top:72px;right:12px;height:45px}@media only screen and (min-width: 700px){.image-backing.svelte-5meaye .image-view:where(.svelte-5meaye) .close-button:where(.svelte-5meaye){top:-4px;right:-72px}}
