.styles-container.svelte-wo4eox.svelte-wo4eox .style-picture-container{max-height:500px;position:relative;overflow:hidden}.styles-container.svelte-wo4eox.svelte-wo4eox .style-picture-container .overlay{position:absolute;padding:0 32px;top:50%;transform:translateY(-50%);height:fit-content;min-width:fit-content;width:20%;transition:all .5s ease-in-out;background-color:var(--color-lighter-brand-80);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;justify-content:center;z-index:1;box-shadow:1px 1px 6px var(--color-shadow)}@media screen and (max-width: 640px){.styles-container.svelte-wo4eox.svelte-wo4eox .style-picture-container .overlay{padding:0 16px}}.styles-container.svelte-wo4eox.svelte-wo4eox .style-picture-container:hover .overlay{width:50%;transition:width .8s ease-in-out}@media screen and (max-width: 1023px){.styles-container.svelte-wo4eox.svelte-wo4eox .style-picture-container:hover .overlay{width:90%}}.styles-container.svelte-wo4eox a:nth-child(2n) .style-picture-container .overlay.svelte-wo4eox{right:0;border-radius:8px 0 0 8px;border-right:none}.styles-container.svelte-wo4eox a:nth-child(odd) .style-picture-container .overlay.svelte-wo4eox{left:0;border-radius:0 8px 8px 0;border-left:none}