.yv-ribbon{--yv-label-band:.85rem;--yv-month-band:.95rem;--yv-wave-base:12%;--yv-wave-span:42%;--yv-peak-gap:.12rem;touch-action:auto;box-sizing:border-box;height:100%;min-height:0;color:var(--hb-on-pine);flex-direction:column;display:flex}.yv-ribbon--compact{padding:.4rem .35rem .2rem}.yv-ribbon--full{--yv-label-band:1rem;--yv-month-band:1.15rem;min-height:11rem;padding-top:.35rem}.yv-ribbon--b2,.yv-ribbon--b3{--yv-wave-base:4%;--yv-wave-span:56%}.yv-ribbon__track{flex:1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:2px;min-height:0;display:grid;position:relative}.yv-ribbon--full .yv-ribbon__track{gap:4px;min-height:9.5rem}.yv-ribbon__seg{z-index:1;min-width:0;height:100%;min-height:44px;padding:var(--yv-label-band) 1px 0;color:var(--hb-on-pine-3);cursor:pointer;box-sizing:border-box;animation:yv-ribbon-enter var(--hb-motion-chart) var(--hb-ease-out-soft) both;touch-action:auto;background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:relative}.yv-ribbon--compact .yv-ribbon__seg{animation-name:yv-ribbon-fade}.yv-ribbon__guides{left:0;right:0;top:var(--yv-label-band);bottom:var(--yv-month-band);pointer-events:none;z-index:0;position:absolute}.yv-ribbon__guide{left:0;right:0;bottom:calc(var(--yv-wave-base) + (var(--yv-wave-span) * var(--yv-g,0)));border-top:1px dashed color-mix(in srgb, var(--hb-on-pine-3) 55%, transparent);opacity:.7;height:0;position:absolute}.yv-ribbon__guide--setaside{border-top-color:color-mix(in srgb, var(--hb-sun) 70%, transparent);opacity:.85;border-top-style:dotted}.yv-ribbon__wave-slot{z-index:1;flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative;overflow:visible}.yv-ribbon__wave{width:100%;height:calc(var(--yv-wave-base) + (var(--yv-wave-span) * var(--yv-h,0)));background:color-mix(in srgb, var(--hb-on-pine) 22%, transparent);transform-origin:bottom;min-height:6px;max-height:calc(100% - .35rem);transition:height var(--hb-motion-chart) var(--hb-ease-out-soft), background var(--hb-motion-ui) var(--hb-ease-out), box-shadow var(--hb-motion-ui) var(--hb-ease-out), transform var(--hb-motion-ui) var(--hb-ease-out-soft), filter var(--hb-motion-ui) var(--hb-ease-out);border-radius:6px 6px 3px 3px;display:block}.yv-ribbon--b3 .yv-ribbon__seg--peak .yv-ribbon__wave{animation:yv-peak-grow var(--hb-motion-chart) var(--hb-ease-out-soft) both}.yv-ribbon--b3.yv-ribbon--compact .yv-ribbon__seg--peak .yv-ribbon__wave{animation-name:yv-peak-grow-fade}.yv-ribbon__seg--peak .yv-ribbon__wave{background:linear-gradient(180deg, #ffe7a6 0%, var(--hb-sun) 45%, #fe8a1e 100%);box-shadow:0 4px 10px #ffc23d59,0 0 1px #ffc23db3}.yv-ribbon__seg--selected .yv-ribbon__wave{outline:2px solid var(--hb-on-pine);outline-offset:1px}.yv-ribbon--b2 .yv-ribbon__seg--selected .yv-ribbon__wave,.yv-ribbon--b3 .yv-ribbon__seg--selected .yv-ribbon__wave{outline-color:var(--hb-on-pine);filter:brightness(1.08);box-shadow:0 0 0 2px color-mix(in srgb, var(--hb-sun) 55%, transparent), 0 6px 14px #ffc23d66}.yv-ribbon--b3 .yv-ribbon__seg--selected .yv-ribbon__wave{transform:scaleX(1.06)}.yv-ribbon--even .yv-ribbon__wave{background:color-mix(in srgb, var(--hb-on-pine) 28%, transparent)}.yv-ribbon--even.yv-ribbon--compact{--yv-wave-span:48%;--yv-label-band:.55rem}.yv-ribbon--even .yv-ribbon__guide--setaside{opacity:.95}.yv-ribbon__peak-label{left:50%;bottom:calc(var(--yv-wave-base) + (var(--yv-wave-span) * var(--yv-h,0)));transform:translate(-50%, calc(-100% - var(--yv-peak-gap)));color:#ffe7a6;white-space:nowrap;pointer-events:none;z-index:2;animation:yv-ribbon-fade var(--hb-motion-fast) var(--hb-ease-out) both;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;line-height:1;display:flex;position:absolute}.yv-ribbon--full .yv-ribbon__peak-label{font-size:.72rem}.yv-ribbon__month{height:calc(var(--yv-month-band) - .15rem);flex-shrink:0;justify-content:center;align-items:flex-start;margin-top:.15rem;font-size:.58rem;font-weight:600;line-height:1;display:flex}.yv-ribbon--full .yv-ribbon__month{margin-top:.3rem;font-size:.72rem}.yv-ribbon__seg--peak .yv-ribbon__month{color:var(--hb-on-pine)}.yv-ribbon__detail{height:1.1rem;color:var(--hb-on-pine-2);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;margin:.35rem 0 0;font-size:.72rem;font-weight:500;overflow:hidden}.yv-ribbon--compact .yv-ribbon__detail{height:1rem;margin-top:.2rem;font-size:.65rem}.yv-ribbon__detail--even{white-space:normal;height:2.15rem;text-overflow:unset;flex-direction:column;justify-content:flex-start;gap:.1rem;display:flex}.yv-ribbon--compact .yv-ribbon__detail--even{height:2.05rem;font-size:.62rem;line-height:1.2}.yv-ribbon__detail-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.yv-ribbon__even-nudge{color:var(--hb-on-pine-3,var(--hb-on-pine-2));text-overflow:ellipsis;-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.yv-ribbon--full .yv-ribbon__detail{white-space:normal;height:auto;margin-top:.75rem;font-size:.85rem}.yv-ribbon--full .yv-ribbon__detail--even{height:auto}.yv-ribbon--canvas{color:var(--hb-ink,#14231c)}.yv-ribbon--canvas .yv-ribbon__seg{color:var(--hb-ink-2,#56645c)}.yv-ribbon--canvas .yv-ribbon__wave{background:color-mix(in srgb, var(--hb-pine,#1e4d38) 16%, #f3efe6)}.yv-ribbon--canvas .yv-ribbon__seg--peak .yv-ribbon__wave{background:linear-gradient(180deg, #ffe7a6 0%, var(--hb-sun,#ffc23d) 45%, #fe8a1e 100%)}.yv-ribbon--canvas .yv-ribbon__peak-label{color:var(--hb-pine-deep,#14231c)}.yv-ribbon--canvas .yv-ribbon__seg--peak .yv-ribbon__month{color:var(--hb-ink,#14231c)}.yv-ribbon--canvas .yv-ribbon__detail{color:var(--hb-ink-2,#56645c)}.yv-ribbon--canvas .yv-ribbon__guide{border-top-color:color-mix(in srgb, var(--hb-ink-2,#56645c) 45%, transparent)}.yv-ribbon--canvas .yv-ribbon__guide--setaside{border-top-color:color-mix(in srgb, var(--hb-pine,#1e4d38) 65%, transparent)}.yv-ribbon--canvas .yv-ribbon__seg--selected .yv-ribbon__wave{outline-color:var(--hb-pine,#1e4d38)}.yv-ribbon--canvas.yv-ribbon--even .yv-ribbon__wave{background:color-mix(in srgb, var(--hb-pine,#1e4d38) 22%, #f3efe6)}@keyframes yv-ribbon-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes yv-ribbon-fade{0%{opacity:0}to{opacity:1}}@keyframes yv-peak-grow{0%{opacity:.55;transform:scaleY(.35)}to{opacity:1;transform:none}}@keyframes yv-peak-grow-fade{0%{opacity:.4;transform:scaleY(.35)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.yv-ribbon__seg,.yv-ribbon__wave,.yv-ribbon__peak-label{transition:none!important;animation:none!important}.yv-ribbon__wave{transition:none!important}}