.btp{--btp-font-display: var(--font-heading-family-extra-large);--btp-font-body: "BelloCapsuleModerat", var(--font-body-family);--btp-weight-body: var(--font-body-weight, 400);--btp-weight-medium: 500;--btp-weight-light: 300;--btp-weight-bold: var(--font-body-weight-bold, 700);--btp-surface: #fbf9f6;--btp-title: #3b382b;--btp-muted: #6b6756;--btp-fill: #597012;--btp-track: #ffffff;--btp-badge-bg: #dee2d0;--btp-badge-fg: #6b6756;--btp-dot: #474e31;--btp-radius-card: 24px;--btp-radius-media: 16px;--btp-radius-thumb: 12px;--btp-pb-media: 66.583%;display:flex;flex-direction:column;align-items:stretch;gap:56px}.btp *,.btp *:before,.btp *:after{box-sizing:border-box}.btp__inner{width:100%;max-width:var(--btp-max-width, 1280px);margin:0 auto;display:flex;flex-direction:column;gap:56px}.btp-card{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:64px;padding:12px 12px 20px;border-radius:var(--btp-radius-card);background-color:var(--btp-surface)}.btp-card__context{order:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%;min-width:0}.btp-card__bars{order:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-width:0}.btp-media{position:relative;display:block;width:100%;padding-bottom:var(--btp-pb-media);overflow:hidden;border-radius:var(--btp-radius-media);background-color:rgb(var(--color-background))}.btp-media__img{position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center center}.btp__description{margin:0;width:100%;color:var(--btp-title);font-family:var(--btp-font-body);font-size:1.6rem;font-weight:100;line-height:1.4;letter-spacing:-.02em}.btp__description>p{margin:0 0 1em}.btp__description>p:last-child{margin-bottom:0}.btp__badge{display:inline-flex;align-items:center;min-height:16px;max-width:470px;margin:0;padding:6px 12px;border-radius:99px;background-color:var(--btp-badge-bg);color:var(--btp-badge-fg);font-family:var(--btp-font-display);font-size:1.2rem;font-weight:var(--btp-weight-bold);letter-spacing:1px;line-height:normal;text-transform:uppercase}.btp__headline{margin:0;width:100%;color:var(--btp-title);font-family:var(--btp-font-display);font-size:3.2rem;font-weight:var(--btp-weight-medium);line-height:normal}.btp-bars{display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;margin:0;padding:12px 0 0;list-style:none}.btp-bar{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}.btp-bar__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;width:100%;font-size:1.4rem;line-height:normal}.btp-bar__label{color:var(--btp-title);font-family:var(--btp-font-body);font-weight:var(--btp-weight-medium)}.btp-bar__value{color:var(--btp-muted);font-family:var(--btp-font-body);font-weight:var(--btp-weight-light);white-space:nowrap}.btp-bar__track{display:block;width:100%;height:8px;overflow:hidden;border-radius:100px;background-color:var(--btp-track)}.btp-bar__fill{display:block;width:var(--btp-bar-fill, 0%);height:100%;background-color:var(--btp-fill)}@media(prefers-reduced-motion:no-preference){.btp-bar__fill{transition:width var(--duration-long, .5s) cubic-bezier(.25,.46,.45,.94)}.btp-bars:not(.is-revealed) .btp-bar__fill{width:0%}}.btp-cards{display:flex;flex-direction:column;gap:12px;width:100%}.btp-cards__track{display:flex;gap:16px;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.btp-cards__track::-webkit-scrollbar{display:none}.btp-card-item{flex:0 0 clamp(240px,75%,278px);scroll-snap-align:start;scroll-snap-stop:always;min-width:0}.btp-ingredient{display:flex;flex-direction:column;align-items:flex-start;gap:20px;height:100%;padding:24px;border-radius:var(--btp-radius-media);background-color:var(--btp-surface)}.btp-ingredient__slot{position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--btp-radius-thumb)}.btp-ingredient__art{display:block;width:100%;height:auto;max-width:100%}.btp-ingredient__text{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;color:var(--btp-title)}.btp-ingredient__title{margin:0;width:100%;font-family:var(--btp-font-display);font-size:2.2rem;font-weight:var(--btp-weight-medium);line-height:normal}.btp-ingredient__body{margin:0;width:100%;opacity:.7;font-family:var(--btp-font-body);font-size:1.6rem;font-weight:100;line-height:1.4;letter-spacing:-.02em}.btp-cards__dots{display:flex;gap:7px;align-items:center;justify-content:center;padding:8px 0}.btp-cards__dot{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer;width:10px;height:10px;border-radius:50%;background-color:var(--btp-dot);opacity:.35;transition:width var(--duration-short, .1s) ease,height var(--duration-short, .1s) ease,opacity var(--duration-short, .1s) ease}.btp-cards__dot[aria-current=true]{width:14px;height:14px;opacity:1}.btp-cards__dot:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}@media screen and (min-width:750px){.btp{--btp-pb-media: 70.833%}.btp-card{gap:48px;padding:32px}.btp__headline{font-size:3.4rem}.btp-card-item{flex:0 0 clamp(280px,46%,410px)}.btp-cards__track{gap:24px}}@media screen and (min-width:990px){.btp{--btp-pb-media: 70.833%}.btp-card{flex-direction:row;align-items:center;gap:64px;padding:48px}.btp-card__bars{order:0;flex:1 1 0;gap:20px}.btp-card__context{order:1;flex:0 0 clamp(360px,37.5%,480px);width:auto}.btp__headline{font-size:3.6rem}.btp-cards__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible}.btp-card-item{flex:initial}.btp-cards__dots{display:none}}@media screen and (min-width:1440px){.btp-card__context{flex:0 0 480px}}@media(forced-colors:active){.btp-bar__fill{background-color:CanvasText}.btp-cards__dot[aria-current=true]{outline:2px solid CanvasText}}@media screen and (max-width:989px){.btp-cards__track{width:auto;margin-inline:calc(var(--btp-pad-mobile, 12px) * -1);padding-inline:var(--btp-pad-mobile, 12px);scroll-padding-inline:var(--btp-pad-mobile, 12px)}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/bello-taste-profile.css.map */