.quas-kvass-taste__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s-7) var(--gap-split-tight);align-items:start}.quas-kvass-taste__copy{display:grid;gap:var(--s-7)}.quas-kvass-taste__copy .quas-home-section-head{display:grid;justify-items:start;gap:var(--s-4)}.quas-kvass-taste__text{display:grid;gap:var(--s-3);max-width:44ch;color:var(--quas-bark);font-size:var(--t-body);line-height:var(--lh-body)}.quas-kvass-taste__text>*{margin:0}.quas-kvass-taste__text strong{color:var(--quas-walnut)}.quas-kvass-taste__notes{display:grid;max-width:34rem;margin:0;border-top:1px solid var(--color-border-on-flavour)}.quas-kvass-taste__note{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:var(--s-4);align-items:baseline;padding-block:var(--s-3);border-bottom:1px solid var(--color-border-on-flavour)}.quas-kvass-taste__note dt{color:var(--quas-bark);font-size:var(--t-caption);line-height:var(--lh-small)}.quas-kvass-taste__note dd{margin:0;color:var(--quas-walnut);font-size:var(--t-body-sm);font-weight:var(--w-body-strong);line-height:var(--lh-small)}.quas-kvass-taste__range{display:grid;gap:var(--s-5)}.quas-kvass-compare__head{display:grid;gap:var(--s-4);max-width:52ch;margin-bottom:var(--s-6)}.quas-kvass-vs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--s-6) var(--gap-split-tight);align-items:center}.quas-kvass-vs__stage{position:relative;display:grid;gap:var(--s-5);padding:var(--s-5) var(--s-6) var(--s-6);overflow:clip;isolation:isolate;border-radius:var(--r-xl);background:var(--quas-walnut);color:var(--color-ink-on-dark)}.quas-kvass-vs__switch{display:grid;justify-items:center;gap:var(--s-3)}.quas-kvass-vs__legend{color:var(--color-ink-on-dark-secondary);font-size:var(--t-body-sm);font-weight:var(--w-button);line-height:var(--lh-small)}.quas-kvass-vs__options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2)}.quas-kvass-vs__input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.quas-kvass-vs__pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s-4);border-radius:var(--r-pill);background:rgba(var(--quas-cream-rgb) / .06);box-shadow:inset 0 0 0 1px rgba(var(--quas-cream-rgb) / .32);color:var(--color-ink-on-dark);font-size:var(--t-body-sm);font-weight:var(--w-button);line-height:1.2;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--quas-dur-sm) var(--ease-out),box-shadow var(--quas-dur-sm) var(--ease-out),color var(--quas-dur-sm) var(--ease-out)}.quas-kvass-vs__pill:hover{box-shadow:inset 0 0 0 1px var(--quas-cream)}.quas-kvass-vs__input:checked+.quas-kvass-vs__pill{background:var(--quas-cream);box-shadow:inset 0 0 0 1px var(--quas-cream);color:var(--quas-walnut)}.quas-kvass-vs__input:focus-visible+.quas-kvass-vs__pill{outline:var(--focus-ring-width) solid var(--quas-cream);outline-offset:3px}.quas-kvass-vs__glasses{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:var(--s-2)}.quas-kvass-vs__glass{display:grid;justify-items:center;gap:var(--s-2);min-width:0}.quas-kvass-vs__art{display:block;width:min(100%,9.5rem);height:auto;overflow:visible}.quas-kvass-vs__shape{--vs-liquid: color-mix(in srgb, var(--quas-caramel) 82%, var(--quas-terracotta-dark));--vs-foam: color-mix(in srgb, var(--quas-gold) 42%, var(--quas-cream));--vs-foam-opacity: 1;--vs-bubble: .35;--vs-rise: -112px;opacity:0;transition:opacity .22s var(--ease-out)}.quas-kvass-vs__glass[data-liquid=quas] [data-shape=quas],.quas-kvass-vs__glass[data-liquid=kombucha] [data-shape=kombucha],.quas-kvass-vs__glass[data-liquid=kefir] [data-shape=kefir],.quas-kvass-vs__glass[data-liquid=shop-kvass] [data-shape=shop-kvass],.quas-kvass-vs__glass[data-liquid=beer] [data-shape=beer]{opacity:1}.quas-kvass-vs__shape[data-shape=quas]{--vs-foam: #e8d6a6;--vs-rise: -80px}.quas-kvass-vs__shape[data-shape=kombucha]{--vs-liquid: color-mix(in srgb, var(--quas-gold) 58%, transparent);--vs-foam: color-mix(in srgb, var(--quas-ginger) 60%, transparent);--vs-foam-opacity: .45;--vs-bubble: .75}.quas-kvass-vs__shape[data-shape=kefir]{--vs-liquid: color-mix(in srgb, var(--quas-cream) 90%, var(--quas-gold));--vs-foam: var(--quas-cream);--vs-foam-opacity: 1;--vs-bubble: 0}.quas-kvass-vs__shape[data-shape=shop-kvass]{--vs-liquid: color-mix(in srgb, var(--quas-terracotta-dark) 62%, transparent);--vs-foam: color-mix(in srgb, var(--quas-cream) 55%, transparent);--vs-foam-opacity: .6;--vs-bubble: .7}.quas-kvass-vs__shape[data-shape=beer]{--vs-liquid: color-mix(in srgb, var(--quas-gold) 88%, transparent);--vs-foam: var(--quas-cream);--vs-foam-opacity: 1;--vs-bubble: .8}.quas-kvass-vs__shadow{fill:rgb(var(--quas-walnut-deep-rgb) / .7)}.quas-kvass-vs__bowl{fill:rgba(var(--quas-cream-rgb) / .07)}.quas-kvass-vs__rim,.quas-kvass-vs__handle{fill:none;stroke:rgba(var(--quas-cream-rgb) / .55);stroke-width:2;stroke-linejoin:round}.quas-kvass-vs__handle{stroke-width:9;stroke-linecap:round;stroke:rgba(var(--quas-cream-rgb) / .22)}.quas-kvass-vs__facet{fill:none;stroke:rgba(var(--quas-cream-rgb) / .12);stroke-width:2}.quas-kvass-vs__glint{fill:none;stroke:rgba(var(--quas-cream-rgb) / .4);stroke-width:4;stroke-linecap:round}.quas-kvass-vs__fill{fill:var(--vs-liquid)}.quas-kvass-vs__foam{fill:var(--vs-foam);opacity:var(--vs-foam-opacity)}.quas-kvass-vs__shade{pointer-events:none}.quas-kvass-vs__bubble{fill:var(--quas-cream);opacity:var(--vs-bubble)}.quas-kvass-vs__liquid{transition:transform 1.1s var(--ease-out)}[data-quas-motion-scene=rise].is-motion-ready:not(.is-in) .quas-kvass-vs__liquid{transform:translateY(200px)}[data-quas-motion-scene=rise].is-in .quas-kvass-vs__glass--quas .quas-kvass-vs__liquid{transition-delay:.42s}[data-quas-motion-scene=rise].is-in .quas-kvass-vs__glass--other .quas-kvass-vs__liquid{transition-delay:.62s}[data-quas-motion-scene=rise].is-in .quas-kvass-vs.is-switched .quas-kvass-vs__liquid{transition-duration:.76s;transition-delay:0ms}[data-quas-motion-scene] .quas-kvass-vs.is-draining .quas-kvass-vs__glass--other .quas-kvass-vs__liquid{transform:translateY(200px);transition:transform .42s cubic-bezier(.55,0,1,.45)}@media(prefers-reduced-motion:no-preference){[data-quas-motion-scene=rise].is-in .quas-kvass-vs__bubble{animation:quas-kvass-vs-bubble 3.4s linear infinite;animation-delay:calc(var(--b, 0) * -.62s)}}@media(prefers-reduced-motion:reduce){.quas-kvass-vs__shape{transition:none}}@keyframes quas-kvass-vs-bubble{0%{transform:translate(0);opacity:0}15%{opacity:var(--vs-bubble)}80%{opacity:var(--vs-bubble)}to{transform:translate(var(--drift, 0px),var(--vs-rise));opacity:0}}.quas-kvass-vs__versus{align-self:center;display:grid;width:44px;height:44px;margin-bottom:var(--s-7);place-items:center;border-radius:50%;background:var(--quas-terracotta-dark);color:var(--quas-cream);font-family:var(--quas-font-display);font-size:var(--t-body-sm);font-variation-settings:var(--quas-fr-h3);font-weight:var(--w-h3);line-height:1}.quas-kvass-vs__names{display:grid}.quas-kvass-vs__name{display:grid;justify-items:center;gap:2px;text-align:center}.quas-kvass-vs__names .quas-kvass-vs__name{grid-area:1 / 1}.quas-kvass-vs__name strong{font-family:var(--quas-font-display);font-size:var(--t-h4);font-variation-settings:var(--quas-fr-h3);font-weight:var(--w-h3);line-height:var(--lh-h3)}.quas-kvass-vs__name span{color:var(--color-ink-on-dark-secondary);font-size:var(--t-caption);line-height:var(--lh-small)}.quas-kvass-vs__other-name:not(.is-active){visibility:hidden}.quas-kvass-vs__panels{display:grid;gap:var(--s-5)}.quas-kvass-vs__panel{display:grid;gap:var(--s-4)}.quas-kvass-vs__verdict{max-width:36ch;margin:0;color:var(--quas-walnut);font-family:var(--quas-font-display);font-size:var(--t-h4);font-variation-settings:var(--quas-fr-h3);font-weight:var(--w-h3);letter-spacing:var(--ls-h3);line-height:var(--lh-h3);text-wrap:balance}.quas-kvass-vs .quas-kvass-vs__table{min-width:0}.quas-kvass-vs__table .quas-kvass-vs__ours{font-weight:var(--w-body-strong)}.quas-kvass-vs .quas-compare__note{margin:0}.quas-kvass-vs.is-scripted .quas-kvass-vs__panel:not(.is-active){display:none}@supports selector(:has(*)){.quas-kvass-vs:not(.is-scripted) .quas-kvass-vs__panel{display:none}.quas-kvass-vs:not(.is-scripted) .quas-kvass-vs__other-name{visibility:hidden}.quas-kvass-vs:not(.is-scripted) .quas-kvass-vs__glass--other .quas-kvass-vs__shape{opacity:0}.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[value="1"]:checked) :is(.quas-kvass-vs__panel,.quas-kvass-vs__other-name)[data-vs="1"],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[value="2"]:checked) :is(.quas-kvass-vs__panel,.quas-kvass-vs__other-name)[data-vs="2"],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[value="3"]:checked) :is(.quas-kvass-vs__panel,.quas-kvass-vs__other-name)[data-vs="3"],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[value="4"]:checked) :is(.quas-kvass-vs__panel,.quas-kvass-vs__other-name)[data-vs="4"],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[value="5"]:checked) :is(.quas-kvass-vs__panel,.quas-kvass-vs__other-name)[data-vs="5"],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[value="6"]:checked) :is(.quas-kvass-vs__panel,.quas-kvass-vs__other-name)[data-vs="6"]{display:grid;visibility:visible}.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[data-liquid=kombucha]:checked) .quas-kvass-vs__glass--other [data-shape=kombucha],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[data-liquid=kefir]:checked) .quas-kvass-vs__glass--other [data-shape=kefir],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[data-liquid=shop-kvass]:checked) .quas-kvass-vs__glass--other [data-shape=shop-kvass],.quas-kvass-vs:not(.is-scripted):has(.quas-kvass-vs__input[data-liquid=beer]:checked) .quas-kvass-vs__glass--other [data-shape=beer]{opacity:1}}@media(prefers-reduced-motion:no-preference){.quas-kvass-vs.is-switched .quas-kvass-vs__panel.is-active .quas-kvass-vs__verdict,.quas-kvass-vs.is-switched .quas-kvass-vs__panel.is-active tr{animation:quas-kvass-vs-row .48s var(--ease-out) both;animation-delay:calc(var(--quas-row-index, 0) * 45ms + 80ms)}.quas-kvass-vs.is-switched .quas-kvass-vs__panel.is-active .quas-kvass-vs__verdict{animation-delay:0ms}}@keyframes quas-kvass-vs-row{0%{opacity:0;transform:translate3d(0,10px,0)}}@media screen and (max-width:989px){.quas-kvass-taste__grid{grid-template-columns:minmax(0,1fr)}.quas-kvass-vs{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}.quas-kvass-vs__art{width:min(100%,8rem)}}@media screen and (max-width:560px){.quas-kvass-vs__stage{padding:var(--s-5) var(--s-4)}.quas-kvass-vs__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.quas-kvass-vs__pill{padding:0 var(--s-3)}.quas-kvass-vs__versus{width:40px;height:40px;margin-bottom:var(--s-7)}.quas-kvass-vs__art{width:min(100%,6.5rem)}.quas-kvass-vs__name strong{font-size:1.0625rem}.quas-kvass-vs .quas-kvass-vs__table th,.quas-kvass-vs .quas-kvass-vs__table td{padding-inline:var(--s-2)}.quas-kvass-taste__note{grid-template-columns:minmax(0,1fr);gap:var(--s-1)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/quas-kvass.css.map */