.odbm-value-bar{background:var(--color-background);color:var(--color-text-body);padding-top:var(--odbm-vb-pt, 14px);padding-bottom:var(--odbm-vb-pb, 14px)}.odbm-value-bar__list{display:grid;grid-template-columns:repeat(var(--odbm-vb-count, 4),minmax(0,1fr));align-items:center;margin:0;padding:0}.odbm-value-bar__item{min-width:0}.odbm-value-bar--divided .odbm-value-bar__item+.odbm-value-bar__item{border-inline-start:1px solid var(--color-border, rgba(var(--color-foreground), .28))}.odbm-value-bar__spot{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.2rem 1.6rem;color:inherit;text-decoration:none}a.odbm-value-bar__spot:hover .odbm-value-bar__heading,a.odbm-value-bar__spot:focus-visible .odbm-value-bar__heading{text-decoration:underline;text-underline-offset:2px}.odbm-value-bar__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--odbm-vb-icon-bg, #f2a900);color:var(--odbm-vb-icon-color, #fff)}.odbm-value-bar__icon .icon-setting{width:1.5rem;height:1.5rem;margin:0;flex-shrink:0}.odbm-value-bar__body{display:flex;flex-direction:column;min-width:0;line-height:1.25}.odbm-value-bar__heading{font-weight:600;font-size:14px;color:var(--color-text-heading)}.odbm-value-bar__subtext{font-weight:400;font-size:14px;opacity:.85}.odbm-value-bar__rating{display:flex;align-items:center;gap:.6rem;margin-top:.2rem}.odbm-value-bar__stars{position:relative;display:inline-block;font-size:1.4rem;line-height:1;letter-spacing:1px;white-space:nowrap}.odbm-value-bar__stars-empty{color:rgba(var(--color-foreground),.3)}.odbm-value-bar__stars-full{position:absolute;inset-block-start:0;inset-inline-start:0;width:var(--odbm-vb-star-fill, 0%);overflow:hidden;color:var(--odbm-vb-star-color, #00b67a)}.odbm-value-bar__rating-label{font-weight:600;font-size:1.3rem}.odbm-value-bar__empty{margin:0;padding:.4rem 0;text-align:center;font-size:1.3rem;opacity:.75}@media(max-width:1023px){.odbm-value-bar__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1rem}.odbm-value-bar--divided .odbm-value-bar__item+.odbm-value-bar__item{border-inline-start:0}.odbm-value-bar__spot{justify-content:flex-start;padding-inline:.8rem}}@media(max-width:749px){.odbm-value-bar--hide-mobile{display:none}.odbm-value-bar__icon{width:2.4rem;height:2.4rem}.odbm-value-bar__icon .icon-setting{width:1.3rem;height:1.3rem}}.odbm-value-bar__zones{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:2rem}.odbm-value-bar__zone{display:flex;align-items:center;gap:2.4rem}.odbm-value-bar__zone--start{justify-content:flex-start}.odbm-value-bar__zone--center{justify-content:center}.odbm-value-bar__zone--end{justify-content:flex-end}.odbm-value-bar--utility .odbm-value-bar__spot{justify-content:flex-start;padding:0;gap:.8rem}.odbm-value-bar--utility .odbm-value-bar__body{flex-direction:row;align-items:center;gap:.6rem}.odbm-value-bar--utility .odbm-value-bar__heading{font-weight:400}.odbm-value-bar--utility .odbm-value-bar__subtext{opacity:1}.odbm-value-bar__icon--bare{width:auto;height:auto;border-radius:0;background:none;color:var(--odbm-vb-icon-color, inherit)}.odbm-value-bar__icon--bare .icon-setting{width:1.8rem;height:1.8rem}.odbm-value-bar__links{display:flex;align-items:center;flex-wrap:wrap;gap:0 1.6rem}.odbm-value-bar__link{position:relative;color:inherit;text-decoration:none;white-space:nowrap}.odbm-value-bar__link+.odbm-value-bar__link:before{content:"";position:absolute;inset-inline-start:-.8rem;top:50%;transform:translateY(-50%);height:1.2em;border-inline-start:1px solid var(--color-border, rgba(var(--color-foreground), .28))}a.odbm-value-bar__link:hover,a.odbm-value-bar__link:focus-visible{text-decoration:underline;text-underline-offset:2px}.odbm-value-bar__richtext p{margin:0}.odbm-value-bar__richtext a{color:inherit}@media(max-width:1199px){.odbm-value-bar__zones{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem 2rem}.odbm-value-bar__zone{flex:0 1 auto;justify-content:center;min-width:max-content}.odbm-value-bar__zone:empty{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/odbm-value-bar.css.map */