.mainPicture.svelte-5drzc{width:100%;aspect-ratio:1/1;object-fit:contain;transition:opacity .25s ease,transform .25s ease;opacity:1;transform:scale(1)}.fade-out.svelte-5drzc{opacity:0;transform:scale(.98)}.fade-in.svelte-5drzc{opacity:1;transform:scale(1)}.tabs.svelte-15dwqsn{display:flex;gap:.5rem;border-bottom:1px solid var(--tab-color);margin-top:1rem}.tab.svelte-15dwqsn{border:1px solid var(--tab-color);border-bottom:0;border-radius:5px 5px 0 0;padding:.5rem 1rem;cursor:pointer}.tab--active.svelte-15dwqsn{background-color:var(--tab-color);color:var(--text-color)}.tabsContent.svelte-15dwqsn{display:none}.activeTab--description.svelte-15dwqsn .tab--description:where(.svelte-15dwqsn),.activeTab--care.svelte-15dwqsn .tab--care:where(.svelte-15dwqsn),.activeTab--other.svelte-15dwqsn .tab--other:where(.svelte-15dwqsn){display:contents}.tabsContent img{width:100%;height:auto;object-fit:cover;border-radius:5px}.preview.svelte-15dwqsn{display:grid;gap:1rem 2rem;margin:0 auto;padding:2rem;height:100vh;position:relative;grid-template-areas:"photos title" "photos spec" "photos description";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:min-content min-content 1fr}@media (max-width: 768px){.preview.svelte-15dwqsn{grid-template-areas:"title" "photos" "spec" "description";grid-template-columns:minmax(0,1fr)}}.backToCatalog.svelte-15dwqsn{position:absolute;top:.3rem;left:2rem}.leftCol.svelte-15dwqsn{grid-area:photos}.mainImageWrapper.svelte-15dwqsn{height:80vh;min-height:600px;width:100%;overflow:hidden;border-radius:5px;background-image:linear-gradient(45deg,var(--checker-light) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-light) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-light) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-light) 75%);background-size:10px 10px;background-position:0 0,0 4.5px,4.5px -5px,-5px 0px;position:relative;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.mainImageWrapper.svelte-15dwqsn{height:auto;min-height:200px}}.counter.svelte-15dwqsn{position:absolute;bottom:1rem;right:1rem;border-radius:5px;background-color:#969696b3;padding:8px 15px;font-size:14px}.directionButtons.svelte-15dwqsn{position:absolute;top:0;bottom:0;width:15%;border:none;outline:none;background:transparent;display:flex;align-items:center;cursor:pointer;padding:1rem}.directionIndicator.svelte-15dwqsn{border-radius:5px;background-color:var(--tab-color);padding:8px 15px;font-size:14px;opacity:0;transition:opacity .3s ease}.directionButtons.svelte-15dwqsn:hover>.directionIndicator:where(.svelte-15dwqsn){transition:opacity .3s ease;opacity:1}[data-theme=dark] .directionIndicator.svelte-15dwqsn{color:var(--text-color)}.directionButtons--prev.svelte-15dwqsn{left:0;justify-content:flex-start}.directionButtons--next.svelte-15dwqsn{right:0;justify-content:flex-end}.mainImageWrapper.svelte-15dwqsn img:where(.svelte-15dwqsn){width:100%;height:100%;object-fit:contain;object-position:center}.thumbnails.svelte-15dwqsn{display:flex;gap:10px;margin-top:10px;padding-bottom:1rem;overflow-x:auto}.thumbnail.svelte-15dwqsn{width:120px;height:92px;object-fit:cover;border:2px solid transparent;cursor:pointer;border-radius:5px}.thumbnail--selected.svelte-15dwqsn{border-color:orange}.title.svelte-15dwqsn{grid-area:title;font-size:24px}.spec.svelte-15dwqsn{grid-area:spec;width:100%;display:grid;grid-template-columns:min-content auto;gap:.5rem 0rem}.specName.svelte-15dwqsn{border-bottom:1px solid #ddd;font-weight:700;padding-right:1rem;padding-bottom:.3rem}.specValue.svelte-15dwqsn{padding-bottom:.3rem;border-bottom:1px solid #ddd}.tabsWrapper.svelte-15dwqsn{grid-area:description;overflow-y:hidden;display:flex;flex-direction:column;gap:.5rem}@media (max-width: 768px){.tabsWrapper.svelte-15dwqsn{overflow-y:visible}}.tabsContentWrapper.svelte-15dwqsn{flex-grow:1;font-size:16px;line-height:1.5;overflow-y:auto}@media (max-width: 768px){.tabsContentWrapper.svelte-15dwqsn{overflow-y:visible}}.qrcode.svelte-15dwqsn{margin-top:1rem;width:100px;padding:5px;border:1px solid var(--text-color);border-radius:3px}
