.modal.svelte-1xjzohx.svelte-1xjzohx{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9999}.backdrop.svelte-1xjzohx.svelte-1xjzohx{position:absolute;width:100%;height:100%;background:#0000007f;z-index:-1}.container.svelte-1xjzohx.svelte-1xjzohx{position:relative;display:flex;flex-direction:column;gap:32px;padding:32px;width:min(1440px,calc(100dvw - 48px));height:calc(100dvh - 48px);background:var(--white);border-radius:10px}.close-button.svelte-1xjzohx.svelte-1xjzohx{position:absolute;top:24px;right:24px;border-radius:100%;height:32px;width:32px;cursor:pointer;padding:4px;z-index:1;background:var(--grey-background);border:1px solid var(--grey-on-dark);border:none}.main.svelte-1xjzohx.svelte-1xjzohx{display:flex;flex-direction:column;gap:24px;height:100%}.top.svelte-1xjzohx.svelte-1xjzohx{position:relative;display:flex;flex:1;gap:32px;align-items:stretch}.image-container.svelte-1xjzohx.svelte-1xjzohx{flex:1;display:flex;flex-direction:column;gap:12px}.image-container.svelte-1xjzohx>img.svelte-1xjzohx{border-radius:6px;object-fit:cover;flex:1}.info.svelte-1xjzohx.svelte-1xjzohx{position:relative;flex:1;overflow-y:auto}.info-top.svelte-1xjzohx.svelte-1xjzohx{position:sticky;top:0;background:var(--white);padding-bottom:24px;height:inherit}.info.svelte-1xjzohx h1.svelte-1xjzohx{text-transform:uppercase;color:var(--black)}.info.svelte-1xjzohx h7.svelte-1xjzohx{display:block;margin-bottom:12px;margin-top:24px;text-transform:uppercase}.info.svelte-1xjzohx h7.svelte-1xjzohx:first-child{margin-top:0}.details.svelte-1xjzohx.svelte-1xjzohx{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;width:100%}.detail.svelte-1xjzohx.svelte-1xjzohx{display:flex;flex-direction:column;justify-content:space-between;background:var(--grey-background);text-align:center;padding:8px 12px;border-radius:8px}.detail.svelte-1xjzohx>div.svelte-1xjzohx:first-child{font-size:12px;font-weight:200}.detail.svelte-1xjzohx>div.svelte-1xjzohx:last-child{margin:auto 0}.info.svelte-1xjzohx p.svelte-1xjzohx{width:100%}.materials.svelte-1xjzohx.svelte-1xjzohx{display:flex;gap:32px}.material.svelte-1xjzohx.svelte-1xjzohx{display:flex;flex-direction:column;align-items:center;gap:12px}.material.svelte-1xjzohx>img.svelte-1xjzohx{border-radius:100%;object-fit:cover;width:80px;height:80px;background:#d3d3d3;box-shadow:0 2px 8px #0000001a}.material.svelte-1xjzohx>p.svelte-1xjzohx{text-align:center;font-weight:500;font-size:12px;text-transform:uppercase;overflow-wrap:break-word;word-wrap:break-word;max-width:240px}.images-list.svelte-1xjzohx.svelte-1xjzohx{position:relative;display:flex;gap:12px;width:100%;overflow-x:auto}.images.svelte-1xjzohx.svelte-1xjzohx{position:relative;display:flex;gap:8px}.images.svelte-1xjzohx>img.svelte-1xjzohx{max-width:180px;min-width:112px;height:112px;border-radius:4px;object-fit:cover;flex:1;cursor:pointer}@media (max-width: 768px){.modal.svelte-1xjzohx.svelte-1xjzohx{width:100dvw;height:100dvh}.container.svelte-1xjzohx.svelte-1xjzohx{width:100dvw;height:100dvh;padding:0;border-radius:0}.close-button.svelte-1xjzohx.svelte-1xjzohx{top:16px;right:16px}.top.svelte-1xjzohx.svelte-1xjzohx{flex-direction:column;gap:24px}.image-container.svelte-1xjzohx.svelte-1xjzohx{flex:initial}.image-container.svelte-1xjzohx>img.svelte-1xjzohx{border-radius:0;height:30vh}.details.svelte-1xjzohx.svelte-1xjzohx{margin:12px 0}.info.svelte-1xjzohx.svelte-1xjzohx{overflow-y:auto;padding:0 20px 40px}.info-top.svelte-1xjzohx.svelte-1xjzohx{padding-bottom:12px}.info.svelte-1xjzohx h1.svelte-1xjzohx{text-align:center;font-size:24px}.info.svelte-1xjzohx h7.svelte-1xjzohx{margin-top:16px}.info.svelte-1xjzohx p.svelte-1xjzohx{width:100%}.materials.svelte-1xjzohx.svelte-1xjzohx{gap:16px}.material.svelte-1xjzohx>img.svelte-1xjzohx{width:64px;height:64px}.images-list.svelte-1xjzohx.svelte-1xjzohx{gap:8px}.images.svelte-1xjzohx>img.svelte-1xjzohx{max-width:120px;min-width:80px;height:80px}}.container.svelte-1zbkvs.svelte-1zbkvs{position:relative;display:flex;flex-direction:column;height:320px;width:100%;padding:0;background:var(--grey-background);cursor:pointer;transition:.25s}.container.svelte-1zbkvs.svelte-1zbkvs:hover{padding:12px 12px 0}img.svelte-1zbkvs.svelte-1zbkvs{object-fit:cover;width:100%;flex:1}.name-container.svelte-1zbkvs.svelte-1zbkvs{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px;height:40px;transition:.25s}.container.svelte-1zbkvs:hover .name-container.svelte-1zbkvs{padding:8px 0 0;transition:.5s .25s}.name-container.svelte-1zbkvs>.svelte-1zbkvs{text-transform:uppercase}.separator.svelte-1zbkvs.svelte-1zbkvs{height:1px;width:0;flex:1;background:var(--accent)}.more-info.svelte-1zbkvs.svelte-1zbkvs{display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:16px}.info-grid.svelte-1zbkvs.svelte-1zbkvs{width:100%;display:grid;gap:2px 12px;grid-template-columns:max-content 1fr}button.svelte-1zbkvs.svelte-1zbkvs{position:relative;border:none;background:none;text-transform:uppercase;font-size:14px;cursor:pointer}button.svelte-1zbkvs.svelte-1zbkvs:after{content:"";position:absolute;bottom:-4px;left:0;height:1px;width:100%;background-color:var(--accent)}.container.svelte-1rhc3dz{width:100%;display:flex;flex-direction:column;align-items:center;flex:1}.grid-container.svelte-1rhc3dz{flex:1;overflow-y:auto}.grid.svelte-1rhc3dz{position:relative;display:grid;gap:24px;padding:12px 24px 24px;width:100%;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:center}