@property --p{syntax: "<number>"; inherits: true; initial-value: 0;}@property --rv-sl-t{syntax: "<number>"; inherits: true; initial-value: 0;}.rv-short-list{display:block;position:relative;background:var(--rv-color-fizz);color:var(--rv-color-ink);--rv-sl-inline: max(var(--rv-gutter), calc((100% - var(--rv-page-max)) / 2))}.rv-short-list :where(h2,h3,p,ol,ul,li){margin:0}.rv-short-list :where(ol,ul){padding:0;list-style:none}.rv-short-list [hidden]{display:none!important}.rv-short-list__intro{display:grid;gap:var(--rv-space-3);justify-items:start;padding:var(--rv-section-y) var(--rv-sl-inline) var(--rv-space-5);background:var(--rv-color-fizz)}.rv-short-list__title-box{display:inline-flex;align-items:center;gap:.28em;max-width:100%;padding:.2em .42em;border-radius:.3em;background:var(--rv-color-ink);color:var(--rv-color-white)}.rv-short-list__title-box:has(.rv-short-list__title-icon){padding-inline-end:.2em}.rv-short-list__title-icon{display:inline-grid;flex:none;place-items:center;width:clamp(44px,1.1em,66px);height:clamp(44px,1.1em,66px);margin-inline-start:.22em;border-radius:50%;background:var(--rv-flavor-accent);color:var(--rv-color-ink);vertical-align:middle}.rv-short-list__title-box .rv-short-list__title-icon{margin-inline-start:0}.rv-short-list__title-icon>.rv-icon{width:56%;height:56%;stroke-width:2.2}.rv-short-list__note{font-size:var(--rv-fs-small);line-height:var(--rv-lh-small)}.rv-short-list__track{position:relative}.rv-short-list__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rv-space-5);isolation:isolate;padding:0 var(--rv-sl-inline)}.rv-short-list__fill,.rv-short-list__meter,.rv-short-list__caps,.rv-short-list__bands,.rv-short-list__art{display:none}.rv-typical{position:relative;z-index:1;align-self:start;padding:var(--rv-space-4) var(--rv-space-4) var(--rv-space-5);border:var(--rv-border-w) solid var(--rv-color-ink);background:transparent}.rv-typical__title{font:800 2.4rem / 1 var(--rv-font-display);font-variation-settings:"wdth" 92;font-synthesis:none;letter-spacing:-.01em;text-wrap:balance}.rv-typical__fine{max-width:44ch;margin-top:6px;font-size:var(--rv-fs-small);line-height:1.35}.rv-typical .rv-typical__rule{display:block;height:8px;margin:12px 0 10px;background:var(--rv-color-ink)}.rv-typical__ing{font:400 1.9rem / 1.6 var(--rv-font-body)}.rv-typical__ing b{font-weight:700}.rv-ing{display:inline-block;position:relative}.rv-ing del{text-decoration:none}.rv-ing--junk:after{content:"";position:absolute;left:-2px;right:-2px;top:54%;height:3px;background:var(--rv-flavor-deep);transform-origin:0 50%;transform:scaleX(1)}.rv-gone{display:grid;gap:var(--rv-space-2);margin-top:var(--rv-space-4);font-size:var(--rv-fs-label);line-height:1.4}.rv-gone b{font-weight:700}.rv-short-list__foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:var(--rv-space-3);align-items:center}.rv-short-list .rv-seg{max-width:100%}@media screen and (max-width:329px){.rv-short-list .rv-seg{grid-auto-flow:row;border-radius:26px}}@media screen and (max-width:359px){.rv-short-list:not(.is-motion) .rv-ing{display:inline}.rv-short-list:not(.is-motion) .rv-ing del{text-decoration:line-through 3px var(--rv-flavor-deep)}.rv-short-list:not(.is-motion) .rv-ing--junk:after{content:none}}.rv-short-list .rv-seg>button:focus-visible{outline:3px solid var(--rv-color-ink);outline-offset:-3px}.rv-short-list .rv-seg>button[aria-pressed=true]:focus-visible{outline-color:var(--rv-color-white);outline-offset:-6px}@media(hover:hover){.rv-short-list .rv-seg>button[aria-pressed=false]:hover{background:var(--rv-color-fizz)}}.rv-result{position:relative;z-index:2;margin-inline:calc(var(--rv-gutter) * -1);background:var(--rv-flavor-accent);color:var(--rv-on-accent)}.rv-result:focus-visible{outline-offset:-6px}.rv-result__block,.rv-result__resolve{padding:var(--rv-space-6) var(--rv-gutter) 0;background:var(--rv-flavor-accent)}.rv-result__title{font:800 2.8rem / 1.02 var(--rv-font-display);font-variation-settings:"wdth" 86;font-synthesis:none;letter-spacing:-.01em;text-wrap:balance}.rv-result__list{display:grid;gap:3px;margin-top:var(--rv-space-4);font:800 2rem / 1.12 var(--rv-font-display);font-variation-settings:"wdth" 90;font-synthesis:none;letter-spacing:-.01em}.rv-result__list li{padding-left:.9em;text-indent:-.9em}.rv-result__resolve{display:grid;gap:var(--rv-space-2);justify-items:start;padding-top:var(--rv-space-5);padding-bottom:var(--rv-space-6)}.rv-result__sub{font-size:var(--rv-fs-body);line-height:var(--rv-lh-body)}.rv-result__form{display:grid;gap:var(--rv-space-2);justify-items:start;margin-top:var(--rv-space-2)}.rv-result .rv-form-error{color:var(--rv-color-ink)}.rv-short-list.is-motion{background:var(--rv-color-white)}.rv-short-list.is-motion .rv-short-list__track{height:calc(100vh - var(--rv-header-h) + var(--rv-sl-steps) * 50vh);height:calc(100svh - var(--rv-header-h) + var(--rv-sl-steps) * 50svh)}.rv-short-list.is-motion .rv-short-list__stage{position:sticky;top:var(--rv-header-h);height:calc(100vh - var(--rv-header-h));height:calc(100svh - var(--rv-header-h));overflow:hidden;overflow:clip;grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:var(--rv-space-3);align-content:start;padding:var(--rv-space-3) var(--rv-sl-inline) calc(var(--rv-sticky-reserve) + var(--rv-space-3));--s1: clamp(0, (var(--p) - .3) / .4, 1);--s2: calc(clamp(0, (var(--p) - 1.3) / .4, 1)*clamp(0, var(--rv-sl-n) - 1, 1)) ;--s3: calc(clamp(0, (var(--p) - 2.3) / .4, 1)*clamp(0, var(--rv-sl-n) - 2, 1)) ;--s4: calc(clamp(0, (var(--p) - 3.3) / .4, 1)*clamp(0, var(--rv-sl-n) - 3, 1)) ;--s5: calc(clamp(0, (var(--p) - 4.3) / .4, 1)*clamp(0, var(--rv-sl-n) - 4, 1)) ;--s6: calc(clamp(0, (var(--p) - 5.3) / .4, 1)*clamp(0, var(--rv-sl-n) - 5, 1)) ;--sR: clamp(0, (var(--p) - var(--rv-sl-n) - 1.3) / .4, 1);--gone: calc(var(--s1) + var(--s2) + var(--s3) + var(--s4) + var(--s5) + var(--s6))}.rv-short-list.is-motion .rv-short-list__fill{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.rv-short-list__liquid{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--rv-flavor-accent);transform:translateY(calc((1 - var(--gone) / var(--rv-sl-n)) * (100% + 48px)))}.rv-sl-wave{position:absolute;left:0;bottom:calc(100% - 1px);background:var(--rv-flavor-accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 28' preserveAspectRatio='none'%3E%3Cpath d='M0 14C30 4 90 4 120 14s90 10 120 0v14H0Z'/%3E%3C/svg%3E") 0 100% / var(--rv-sl-wl) 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 28' preserveAspectRatio='none'%3E%3Cpath d='M0 14C30 4 90 4 120 14s90 10 120 0v14H0Z'/%3E%3C/svg%3E") 0 100% / var(--rv-sl-wl) 100% repeat-x}.rv-sl-wave--front{--rv-sl-wl: 240px;width:calc(100% + 240px);height:26px;animation:rv-sl-wave-a 5s linear infinite}.rv-sl-wave--back{--rv-sl-wl: 320px;left:-320px;width:calc(100% + 640px);height:36px;opacity:.45;animation:rv-sl-wave-b 8s linear infinite}@keyframes rv-sl-wave-a{to{transform:translate(-240px)}}@keyframes rv-sl-wave-b{to{transform:translate(320px)}}.rv-short-list:not([data-step]) .rv-sl-wave{animation-play-state:paused}.rv-short-list.is-motion .rv-short-list__art{display:block;position:relative;z-index:1;grid-row:4;align-self:stretch;justify-self:stretch;min-height:0;margin:4px 0;container-type:size;pointer-events:none;opacity:calc(1 - var(--sR));--rv-sl-fruit: 24px}.rv-sl-defs{position:absolute;overflow:hidden}.rv-sl-art{position:absolute;top:0;right:0;bottom:0;left:0}@container (max-height: 80px){.rv-sl-fruit{display:none}}@container (max-height: 47px){.rv-sl-art{display:none}}.rv-sl-art .rv-sl-art__jar{position:absolute;left:50%;bottom:0;display:block;width:auto;height:100%;max-width:78%;object-fit:contain;object-position:50% 100%;--j: clamp(0, var(--gone) / var(--rv-sl-n) * 1.15, 1);opacity:var(--j);transform-origin:50% 100%;transform:translate(-50%) translateY(calc((1 - var(--j)) * 24px)) scale(calc(.9 + .1 * var(--j)))}.rv-sl-fruit{position:absolute;left:var(--x);top:var(--y);width:calc(var(--rv-sl-fruit) * var(--z));height:calc(var(--rv-sl-fruit) * var(--z));overflow:visible;--o: clamp(0, (var(--gone) / var(--rv-sl-n) - var(--f)) / .08, 1);opacity:var(--o);transform:translate(-50%,-50%) translateY(calc((1 - var(--o)) * -14px)) rotate(var(--r)) scale(calc(.4 + .6 * var(--o)))}.rv-short-list.is-motion .rv-short-list__meter{display:grid;position:relative;z-index:2;min-height:24px;font:700 var(--rv-fs-label) / 1.5 var(--rv-font-body);opacity:calc(1 - var(--sR))}.rv-short-list.is-motion .rv-short-list__meter span{grid-area:1 / 1;opacity:clamp(0,1 - max(var(--gone) - var(--i),var(--i) - var(--gone)) * 2.5,1)}.rv-short-list.is-motion .rv-typical{opacity:calc(1 - var(--sR));transform:translateY(calc(var(--sR) * -32px)) scale(calc(1 - var(--sR) * .03))}.rv-short-list.is-motion .rv-typical__ing{font-size:2.1rem;line-height:1.45}.rv-short-list.is-motion .rv-ing--junk:after{transform:scaleX(clamp(0,(var(--p) - var(--k) + .7) / .4,1))}.rv-short-list.is-motion .rv-gone{display:none}.rv-short-list.is-motion .rv-short-list__caps{display:grid;position:relative;z-index:1;min-height:7.5em;opacity:calc(1 - var(--sR))}.rv-short-list.is-motion .rv-cap{grid-area:1 / 1;align-self:start;display:grid;gap:var(--rv-space-1);opacity:clamp(0,1 - max(var(--p) - var(--i),var(--i) - var(--p)) * 2.5,1);transform:translateY(calc(clamp(-1,var(--i) - var(--p),1)*12px))}.rv-short-list.is-motion .rv-cap__name{font:800 2.8rem / 1.02 var(--rv-font-display);font-variation-settings:"wdth" 86;font-synthesis:none;letter-spacing:-.01em;text-wrap:balance}.rv-short-list.is-motion .rv-cap__line{font-size:1.7rem;line-height:1.4}.rv-short-list.is-motion .rv-short-list__foot{grid-row:5;align-self:end}.rv-short-list.is-motion .rv-result{position:absolute;inset:0 0 var(--rv-sticky-reserve);z-index:2;display:grid;align-content:center;align-content:safe center;margin:0;padding:var(--rv-space-7) var(--rv-sl-inline) calc(var(--rv-sl-foot, 54px) + var(--rv-space-3) + 10px);background:transparent;pointer-events:none;opacity:var(--sR);transform:translateY(calc((1 - var(--sR)) * 28px))}.rv-short-list.is-motion :is(.rv-result__block,.rv-result__resolve){padding:0;background:transparent}.rv-short-list.is-motion .rv-result__resolve{margin-top:var(--rv-space-5);visibility:hidden;pointer-events:auto}.rv-short-list.is-motion[data-done] .rv-result__resolve{visibility:visible}.rv-short-list.is-motion .rv-short-list__bands{display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;visibility:hidden}.rv-short-list .rv-band{position:absolute;left:0;width:1px;top:calc(50vh - var(--rv-header-h) + (var(--i) - .5) * 50vh);top:calc(50svh - var(--rv-header-h) + (var(--i) - .5) * 50svh);height:50vh;height:50svh}.rv-short-list .rv-band:first-child{top:0;height:calc(75vh - var(--rv-header-h));height:calc(75svh - var(--rv-header-h))}.rv-short-list .rv-band:last-child{height:150vh;height:150svh}.rv-short-list.is-io :is(.rv-sl-art__jar,.rv-sl-fruit,.rv-short-list__art){transition:opacity var(--rv-dur-pour, .8s) var(--rv-ease-pour, ease),transform var(--rv-dur-pour, .8s) var(--rv-ease-pour, ease)}.rv-short-list.is-io .rv-short-list__liquid{transition:transform var(--rv-dur-pour) var(--rv-ease-pour)}.rv-short-list.is-io .rv-ing--junk:after{transition:transform var(--rv-dur-base) var(--rv-ease-snap)}.rv-short-list.is-io :is(.rv-cap,.rv-short-list__meter span){transition:opacity .3s var(--rv-ease-pour),transform .45s var(--rv-ease-pour)}.rv-short-list.is-io :is(.rv-typical,.rv-result,.rv-short-list__meter,.rv-short-list__caps){transition:opacity .45s var(--rv-ease-pour),transform .6s var(--rv-ease-pour)}.rv-short-list.is-io .rv-result__resolve{transition:visibility 0s linear .45s}.rv-short-list.is-io[data-done] .rv-result__resolve{transition:visibility 0s}@supports (animation-timeline: view()){.rv-short-list.is-sda .rv-short-list__track{view-timeline:--rv-sl block;view-timeline-inset:var(--rv-header-h) 0px}.rv-short-list.is-sda .rv-short-list__stage{--p: calc(var(--rv-sl-t) * var(--rv-sl-steps));animation:rv-sl-t linear both;animation-timeline:--rv-sl;animation-range:contain 0% contain 100%}}@keyframes rv-sl-t{0%{--rv-sl-t: 0}to{--rv-sl-t: 1}}@media screen and (max-width:989px)and (max-height:799px){.rv-short-list.is-motion .rv-short-list__stage{gap:var(--rv-space-2);padding-top:var(--rv-space-2)}.rv-short-list.is-motion .rv-typical{padding:10px var(--rv-space-3) var(--rv-space-3)}.rv-short-list.is-motion .rv-typical__title{font-size:2.2rem}.rv-short-list.is-motion .rv-typical__rule{margin:8px 0 6px}.rv-short-list.is-motion .rv-typical__ing{font-size:1.8rem;line-height:1.45}.rv-short-list.is-motion .rv-short-list__caps{min-height:5.25em}.rv-short-list.is-motion .rv-cap__name{font-size:2.4rem}.rv-short-list.is-motion .rv-cap__line{font-size:1.6rem;line-height:1.35}}@media screen and (max-width:989px){.rv-short-list.is-motion.is-tight .rv-result{padding-top:var(--rv-space-4)}.rv-short-list.is-motion.is-tight .rv-result__title{font-size:2.4rem}.rv-short-list.is-motion.is-tight .rv-result__list{gap:2px;margin-top:var(--rv-space-3);font-size:1.9rem;line-height:1.05}.rv-short-list.is-motion.is-tight .rv-result__resolve{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--rv-space-4);margin-top:var(--rv-space-3)}.rv-short-list.is-motion.is-tight .rv-result__resolve>:is(h3,p){flex-basis:100%}.rv-short-list.is-motion.is-tighter .rv-result{padding-top:var(--rv-space-3)}.rv-short-list.is-motion.is-tighter .rv-result__title{font-size:2.2rem;line-height:1}.rv-short-list.is-motion.is-tighter .rv-result__list{gap:1px;margin-top:var(--rv-space-2);font-size:1.8rem;line-height:1.02}.rv-short-list.is-motion.is-tighter .rv-result__resolve{column-gap:var(--rv-space-3)}.rv-short-list.is-motion.is-tighter .rv-result__resolve>h3{font-size:2.2rem}.rv-short-list.is-motion.is-tighter .rv-result__form{margin-top:0}.rv-short-list.is-motion.is-tightest .rv-result__sub{display:none}.rv-short-list.is-motion.is-tightest .rv-result__resolve{margin-top:var(--rv-space-2);column-gap:var(--rv-space-2)}.rv-short-list.is-motion.is-tightest .rv-result__form button{padding-inline:18px}}@media screen and (max-width:989px){.rv-short-list:not(.is-motion) .rv-short-list__stage{padding-bottom:0}}@media screen and (min-width:990px){.rv-short-list__stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--rv-space-7);align-items:start;padding-bottom:var(--rv-section-y)}.rv-typical{grid-column:1;grid-row:1 / span 2}.rv-short-list__foot{grid-column:2;grid-row:1}.rv-result{grid-column:2;grid-row:2;margin:0}.rv-short-list.is-motion .rv-short-list__stage{grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:var(--rv-space-5)}.rv-short-list.is-motion .rv-short-list__art{grid-column:1;grid-row:3;margin:var(--rv-space-4) 0 var(--rv-space-2);opacity:1;--rv-sl-fruit: 46px}.rv-short-list.is-motion .rv-short-list__meter{grid-column:1 / -1}.rv-short-list.is-motion .rv-typical{grid-column:1;grid-row:2;opacity:1;transform:none}.rv-short-list.is-motion .rv-short-list__caps{grid-column:2;grid-row:2 / span 2;align-self:center;min-height:0;opacity:calc(1 - var(--sR))}.rv-short-list.is-motion .rv-cap__name{font-size:var(--rv-fs-h2);line-height:var(--rv-lh-h2, .96);letter-spacing:var(--rv-tr-h2, -.015em)}.rv-short-list.is-motion .rv-cap__line{max-width:34ch;font-size:var(--rv-fs-lead);line-height:var(--rv-lh-lead, 1.45)}.rv-short-list.is-motion .rv-typical__ing{font-size:2.4rem}.rv-short-list.is-motion .rv-short-list__meter{opacity:1}.rv-short-list.is-motion .rv-result{position:relative;inset:auto;grid-column:2;grid-row:2 / span 2;align-self:start;align-content:start;padding:0}.rv-short-list.is-motion .rv-short-list__foot{grid-column:1 / -1;grid-row:4}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/rv-short-list.css.map */