.noga-jars__head{margin-block-end:clamp(22px,4vw,34px)}.noga-jars__title{font-size:clamp(1.7rem,4.2vw,2.25rem)}.noga-jars__intro{color:var(--noga-ink-soft);max-width:44ch;margin-inline:auto;margin-block-start:12px;font-size:var(--noga-fs-body);text-wrap:balance}.noga-jars__stage{display:grid;gap:22px;align-items:center;max-width:980px;margin-inline:auto}.noga-jars__visual,.noga-jars__copy{min-width:0}.noga-jars__visual{display:grid;justify-items:center;gap:14px}.noga-jars__disc{position:relative;width:220px;max-width:100%;aspect-ratio:1;border-radius:50%;box-sizing:border-box;background:radial-gradient(circle at 50% 38%,var(--noga-apricot-soft) 0%,var(--noga-cream) 72%);border:1px solid var(--noga-line);box-shadow:var(--noga-shadow);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;display:grid;grid-template-columns:1fr 1fr;place-items:center;gap:2%;padding:13%}.noga-jars__img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.noga-jars__img--empty{background:rgb(var(--noga-plum-rgb) / .06);border-radius:50%}.noga-jars__ring{display:none}.noga-jars.is-js .noga-jars__disc{display:block;padding:0}.noga-jars.is-js .noga-jars__img{position:absolute;top:11%;right:11%;bottom:11%;left:11%;width:78%;height:78%;opacity:0;pointer-events:none;transform:rotate(6deg) scale(.96);transition:opacity .32s var(--noga-ease, cubic-bezier(.2, .7, .2, 1)),transform .32s var(--noga-ease, cubic-bezier(.2, .7, .2, 1))}.noga-jars.is-js .noga-jars__img.is-on{opacity:1;transform:none}.noga-jars.is-js .noga-jars__ring{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.noga-jars__seg{stroke:var(--noga-line);transition:stroke .32s var(--noga-ease, cubic-bezier(.2, .7, .2, 1))}.noga-jars__seg.is-on{stroke:var(--noga-amber)}.noga-jars__nav{display:none;align-items:center;justify-content:center;gap:14px}.noga-jars.is-js .noga-jars__nav{display:flex}.noga-jars__arrow{-webkit-appearance:none;appearance:none;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--noga-line);background:var(--noga-white);color:var(--noga-plum);display:grid;place-items:center;cursor:pointer;box-shadow:var(--noga-shadow-sm);transition:background .15s ease,transform .15s ease}.noga-jars__arrow:hover{background:var(--noga-apricot-soft);transform:translateY(-1px)}.noga-jars__arrow:focus-visible{outline:3px solid var(--noga-amber);outline-offset:2px}.noga-jars__arrow svg{width:20px;height:20px}html[dir=ltr] .noga-jars__arrow svg{transform:scaleX(-1)}.noga-jars__count{font-weight:700;color:var(--noga-plum);min-width:5.5em;text-align:center;font-variant-numeric:tabular-nums;font-size:var(--noga-fs-small)}.noga-jars__tabs{display:none;grid-template-columns:1fr 1fr;gap:8px}.noga-jars.is-js .noga-jars__tabs{display:grid}.noga-jars__tab{-webkit-appearance:none;appearance:none;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--noga-line);background:var(--noga-white);color:var(--noga-plum);font:700 .95rem/1.2 var(--noga-font-body);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.noga-jars__tab:hover{background:var(--noga-apricot-soft)}.noga-jars__tab.is-on{background:var(--noga-plum);color:var(--noga-cream);border-color:var(--noga-plum)}.noga-jars__tab:focus-visible{outline:3px solid var(--noga-amber);outline-offset:2px}.noga-jars__panels{display:grid;gap:18px;margin-block-start:18px}.noga-jars__panel{display:grid;gap:10px;justify-items:center;text-align:center;min-width:0}.noga-jars__panel:focus-visible{outline:3px solid var(--noga-amber);outline-offset:6px;border-radius:var(--noga-radius-sm)}.noga-jars:not(.is-js) .noga-jars__panel+.noga-jars__panel{border-block-start:1px solid var(--noga-line);padding-block-start:18px}.noga-jars.is-js .noga-jars__panel:not(.is-on){display:none}.noga-jars.is-js .noga-jars__panel.is-on{animation:noga-jars-in .32s var(--noga-ease, cubic-bezier(.2, .7, .2, 1)) both}@keyframes noga-jars-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.noga-jars__time{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.8125rem;font-weight:800;line-height:1}.noga-jars__time svg{width:14px;height:14px;flex:none}.noga-jars__time--morning{background:var(--noga-apricot-soft);color:var(--noga-amber-text)}.noga-jars__time--evening{background:var(--noga-plum);color:var(--noga-cream)}.noga-jars__name{font-size:clamp(1.5rem,3.4vw,1.9rem);line-height:1.2}.noga-jars__lead{color:var(--noga-ink-soft);font-size:var(--noga-fs-body);max-width:40ch;text-wrap:pretty}.noga-jars__facts{margin:4px 0 0;display:grid;gap:8px;width:100%;max-width:420px}.noga-jars__fact{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:baseline;text-align:start;padding:10px 14px;background:var(--noga-cream);border:1px solid var(--noga-line);border-radius:var(--noga-radius-sm)}.noga-jars__fact dt{font-size:.8125rem;font-weight:800;color:var(--noga-amber-text);white-space:nowrap}.noga-jars__fact dd{margin:0;font-weight:600;font-size:var(--noga-fs-small);color:var(--noga-ink);line-height:1.45}.noga-jars__ing{font-size:var(--noga-fs-small);color:var(--noga-ink-soft);max-width:40ch;line-height:1.5}.noga-jars__ing b{color:var(--noga-plum);font-weight:800}.noga-jars__tex{display:flex;align-items:center;gap:12px;margin:6px 0 0}.noga-jars__teximg{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 4px var(--noga-white),var(--noga-shadow)}.noga-jars__tex figcaption{font-size:.8125rem;font-weight:700;color:var(--noga-ink-soft)}@media(min-width:900px){.noga-jars__teximg{width:104px;height:104px}}@media(min-width:600px){.noga-jars__disc{width:280px}.noga-jars.is-js .noga-jars__tabs{display:flex;flex-wrap:wrap;justify-content:center}}@media(min-width:900px){.noga-jars__stage{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px}.noga-jars__disc{width:340px}.noga-jars.is-js .noga-jars__tabs{justify-content:flex-start}.noga-jars__panels{min-height:300px;align-content:start}.noga-jars__panel{justify-items:start;text-align:start}.noga-jars__facts{max-width:460px}}@media(prefers-reduced-motion:reduce){.noga-jars.is-js .noga-jars__img{transition:none;transform:none}.noga-jars.is-js .noga-jars__panel.is-on{animation:none}.noga-jars__seg,.noga-jars__tab,.noga-jars__arrow{transition:none}.noga-jars__arrow:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/noga-jars.css.map */