.yc-coffee-ratio{box-sizing:border-box;display:flex;flex-direction:column;gap:5px;justify-content:center;width:100%;min-width:0;height:26px;color:var(--e-global-color-text,#2f2925);font-family:"KalamehFaNum-Regular",sans-serif;font-size:12px;font-weight:400;line-height:1}.yc-coffee-ratio-panel{box-sizing:border-box;width:100%;min-width:0;margin-block-start:16px;padding:18px 20px 20px;border:1px solid #eee5d9;border-radius:16px;background:linear-gradient(135deg,#fbf8f3,#fffdf9);color:#5a3a2a;text-align:right}.yc-coffee-ratio-panel .yc-coffee-ratio-panel__title{margin:0 0 12px;font:inherit;font-size:12px;font-weight:500;line-height:1.6;color:#786451}.yc-coffee-ratio-panel .yc-coffee-ratio--single{height:auto;gap:10px;color:#493426;font-size:14px;line-height:1.5}.yc-coffee-ratio--single .yc-coffee-ratio__label{gap:6px}.yc-coffee-ratio--single .yc-coffee-ratio__bar{flex-basis:8px;height:8px;min-height:8px}@media (max-width:767px){.yc-coffee-ratio-panel{margin-block-start:12px;padding:14px 16px 16px;border-radius:14px}.yc-coffee-ratio-panel .yc-coffee-ratio--single{font-size:13px;gap:8px}.yc-coffee-ratio--single .yc-coffee-ratio__bar{flex-basis:6px;height:6px;min-height:6px}}.yc-coffee-ratio__labels{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:8px;min-width:0;white-space:nowrap}.yc-coffee-ratio__label{display:inline-flex;flex:0 1 auto;align-items:center;gap:4px;min-width:0}.yc-coffee-ratio__dot{flex:0 0 6px;width:6px;height:6px;border-radius:50%;background-color:#b98543}.yc-coffee-ratio__label--robusta .yc-coffee-ratio__dot{background-color:#5a3a2a}.yc-coffee-ratio__bar{direction:rtl;display:flex;flex:0 0 4px;width:100%;height:4px;min-height:4px;overflow:hidden;border-radius:999px}.yc-coffee-ratio__segment{display:block;height:100%;min-width:0}.yc-coffee-ratio__segment--arabica{flex:0 0 var(--yc-arabica);background-color:#b98543}.yc-coffee-ratio__segment--robusta{flex:0 0 var(--yc-robusta);background-color:#5a3a2a}@media (max-width:767px){.yc-coffee-ratio{gap:4px;height:23px;font-size:11px}.yc-coffee-ratio__labels{gap:5px}.yc-coffee-ratio__label{gap:3px}.yc-coffee-ratio__bar{flex-basis:3px;height:3px;min-height:3px}}