.grid.svelte-vsl78s.svelte-vsl78s{position:relative}@media screen and (max-width: 700px){.grid-link.svelte-vsl78s.svelte-vsl78s{display:none}}.grid-item.svelte-vsl78s.svelte-vsl78s{position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:6px;cursor:pointer}.grid-thumb.svelte-vsl78s.svelte-vsl78s{width:100%;display:flex;align-items:flex-end;cursor:pointer;pointer-events:none}.grid-image.svelte-vsl78s.svelte-vsl78s{width:100%;display:flex;background-color:var(--placeholder);transition:background-color .2s cubic-bezier(.455,.03,.515,.955) .5s}.grid-image.svelte-vsl78s.svelte-vsl78s.is-loaded{background-color:transparent}.grid-thumb.svelte-vsl78s img.svelte-vsl78s{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.grid-image.svelte-vsl78s.is-loaded img.svelte-vsl78s{opacity:1}.grid-link.svelte-vsl78s.svelte-vsl78s{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .12s cubic-bezier(.455,.03,.515,.955);transition-property:opacity;opacity:.4}.grid-link.svelte-vsl78s.svelte-vsl78s:hover{text-decoration:underline;opacity:1}.container.svelte-7pmoqk.svelte-7pmoqk{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow-y:auto;background:var(--background)}.screen.svelte-7pmoqk.svelte-7pmoqk{display:flex;flex-direction:row;gap:24px;height:100vh}.main.svelte-7pmoqk.svelte-7pmoqk{min-width:230px;max-width:230px;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding:24px 12px 24px 24px}.secondary.svelte-7pmoqk.svelte-7pmoqk{min-width:230px;max-width:230px;height:100vh;display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding:24px 24px 24px 12px}.image.svelte-7pmoqk.svelte-7pmoqk,.video.svelte-7pmoqk.svelte-7pmoqk{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:24px;padding:24px}.video.svelte-7pmoqk video.svelte-7pmoqk{width:100%;height:100%;object-fit:contain;object-position:bottom right}.image.svelte-7pmoqk img.svelte-7pmoqk{width:100%;height:100%;object-fit:contain;object-position:bottom right}.wordwrap.svelte-7pmoqk.svelte-7pmoqk{word-wrap:break-word}.label.svelte-7pmoqk.svelte-7pmoqk{opacity:.4}.control.svelte-7pmoqk.svelte-7pmoqk{position:fixed;top:24px;left:24px;z-index:1;display:flex;flex-direction:column;gap:8px}.content.svelte-7pmoqk.svelte-7pmoqk{display:flex;flex-direction:column;gap:24px}.btn.svelte-7pmoqk.svelte-7pmoqk{cursor:pointer;opacity:.4;transition:all .12s cubic-bezier(.455,.03,.515,.955);transition-property:opacity}.btn.svelte-7pmoqk.svelte-7pmoqk:hover{opacity:1}.color-chip.svelte-7pmoqk.svelte-7pmoqk{width:8px;height:8px;border-radius:50%;background-color:var(--color-chip)}.list-color.svelte-7pmoqk.svelte-7pmoqk{display:flex;gap:8px;align-items:center}.hex-name.svelte-7pmoqk.svelte-7pmoqk{text-transform:uppercase}.nav-link.svelte-7pmoqk.svelte-7pmoqk{cursor:pointer;transition:opacity .12s cubic-bezier(.455,.03,.515,.955)}.nav-link.svelte-7pmoqk.svelte-7pmoqk:hover{opacity:.4}.mobile-details.svelte-7pmoqk.svelte-7pmoqk{display:none;padding:24px}.third.svelte-7pmoqk.svelte-7pmoqk{display:flex;justify-content:flex-end;flex:1;min-width:0}.btn.disabled.svelte-7pmoqk.svelte-7pmoqk{opacity:.15;pointer-events:none}.related.svelte-7pmoqk.svelte-7pmoqk{display:grid;grid-template-columns:230px 230px minmax(0,1fr);column-gap:24px}.related-heading.svelte-7pmoqk.svelte-7pmoqk{display:flex;flex-direction:column;justify-content:flex-end}.related-heading-inner.svelte-7pmoqk.svelte-7pmoqk{position:sticky;bottom:0;padding:24px 12px 24px 24px}.related-grid.svelte-7pmoqk.svelte-7pmoqk{grid-column:3;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:end;gap:24px;padding:24px}.related-item.svelte-7pmoqk.svelte-7pmoqk{display:flex;flex-direction:column;gap:6px;cursor:pointer;min-width:0}.related-image.svelte-7pmoqk.svelte-7pmoqk{background-color:var(--placeholder);transition:background-color .2s cubic-bezier(.455,.03,.515,.955) .5s}.related-image.svelte-7pmoqk.svelte-7pmoqk.is-loaded{background-color:transparent}.related-image.svelte-7pmoqk img.svelte-7pmoqk{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1)}.related-image.svelte-7pmoqk.is-loaded img.svelte-7pmoqk{opacity:1}.related-link.svelte-7pmoqk.svelte-7pmoqk{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.4;transition:opacity .12s cubic-bezier(.455,.03,.515,.955)}.related-link.svelte-7pmoqk.svelte-7pmoqk:hover{text-decoration:underline;opacity:1}@media screen and (max-width: 700px){.main.svelte-7pmoqk.svelte-7pmoqk,.secondary.svelte-7pmoqk.svelte-7pmoqk{display:none}.screen.svelte-7pmoqk.svelte-7pmoqk{display:block;height:auto}.third.svelte-7pmoqk.svelte-7pmoqk{display:block;padding:0}.image.svelte-7pmoqk.svelte-7pmoqk{padding:0;height:fit-content;display:block}.image.svelte-7pmoqk img.svelte-7pmoqk{width:100%;height:100%;object-fit:contain;object-position:top}.mobile-details.svelte-7pmoqk.svelte-7pmoqk{display:flex;flex-direction:column;gap:24px}.related.svelte-7pmoqk.svelte-7pmoqk{display:block}.related-heading-inner.svelte-7pmoqk.svelte-7pmoqk{position:static;padding-bottom:0}.container.svelte-7pmoqk.svelte-7pmoqk{padding-bottom:80px}.related-grid.svelte-7pmoqk.svelte-7pmoqk{grid-template-columns:repeat(2,minmax(0,1fr))}.related-link.svelte-7pmoqk.svelte-7pmoqk{display:none}}.loading.svelte-99tked{padding:24px 0 0;opacity:.4}@media screen and (max-width: 700px){.loading.svelte-99tked{padding:24px 0 0 24px}}