.bn-cst{font-family:"Plus Jakarta Sans",var(--font-body-family),system-ui,sans-serif;background:var(--bn-cst-bg, #ffffff);padding-top:var(--bn-cst-pt-mobile, 64px);padding-bottom:var(--bn-cst-pb-mobile, 64px);scroll-margin-top:var(--bn-cst-scroll-margin, 80px)}@media screen and (min-width:768px){.bn-cst{padding-top:var(--bn-cst-pt-desktop, 96px);padding-bottom:var(--bn-cst-pb-desktop, 96px)}}.bn-cst__container{max-width:var(--bn-cst-max-width, 1024px);margin-inline:auto;padding-inline:var(--bn-cst-px-mobile, 16px)}@media screen and (min-width:640px){.bn-cst__container{padding-inline:var(--bn-cst-px-tablet, 24px)}}.bn-cst__animate{opacity:0;transform:translateY(var(--bn-cst-fade-distance, 24px));transition:opacity var(--bn-cst-fade-duration, .5s) var(--bn-cst-fade-ease, cubic-bezier(.22, 1, .36, 1)),transform var(--bn-cst-fade-duration, .5s) var(--bn-cst-fade-ease, cubic-bezier(.22, 1, .36, 1));transition-delay:var(--bn-cst-fade-delay, 0s)}.bn-cst__animate.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.bn-cst__animate{opacity:1;transform:none;transition:none}}.bn-cst__header{text-align:var(--bn-cst-header-align, center);margin-bottom:var(--bn-cst-header-mb-mobile, 48px)}@media screen and (min-width:768px){.bn-cst__header{margin-bottom:var(--bn-cst-header-mb-desktop, 48px)}}.bn-cst__eyebrow{margin:0 0 var(--bn-cst-eyebrow-mb, 12px);font-size:var(--bn-cst-eyebrow-size, 14px);font-weight:var(--bn-cst-eyebrow-weight, 600);letter-spacing:var(--bn-cst-eyebrow-tracking, .1em);text-transform:uppercase;color:var(--bn-cst-eyebrow-color, #d97706);line-height:1.4}.bn-cst h2.bn-cst__heading{margin:0 0 var(--bn-cst-heading-mb, 16px);font-family:"Outfit",var(--font-heading-family),system-ui,sans-serif;font-size:var(--bn-cst-heading-size-mobile, 24px);font-weight:var(--bn-cst-heading-weight, 700);line-height:var(--bn-cst-heading-line-height, 1.2);letter-spacing:var(--bn-cst-heading-tracking, 0);color:var(--bn-cst-heading-color, #1c1917);max-width:var(--bn-cst-heading-max-width, none);margin-inline:auto}@media screen and (min-width:768px){.bn-cst h2.bn-cst__heading{font-size:var(--bn-cst-heading-size-desktop, 36px)}}.bn-cst__description{margin:0 auto;max-width:var(--bn-cst-desc-max-width, 576px);font-size:var(--bn-cst-desc-size-mobile, 16px);line-height:var(--bn-cst-desc-line-height, 1.5);color:var(--bn-cst-desc-color, #78716c)}@media screen and (min-width:768px){.bn-cst__description{font-size:var(--bn-cst-desc-size-desktop, 16px)}}.bn-cst__grid{display:grid;grid-template-columns:repeat(var(--bn-cst-cols-mobile, 1),minmax(0,1fr));gap:var(--bn-cst-grid-gap-mobile, 24px);align-items:var(--bn-cst-grid-align, stretch)}.bn-cst__grid>.bn-cst__card{height:100%}@media screen and (min-width:640px){.bn-cst__grid{grid-template-columns:repeat(var(--bn-cst-cols-tablet, 1),minmax(0,1fr));gap:var(--bn-cst-grid-gap-tablet, 24px)}}@media screen and (min-width:768px){.bn-cst__grid{grid-template-columns:repeat(var(--bn-cst-cols-desktop, 2),minmax(0,1fr));gap:var(--bn-cst-grid-gap-desktop, 24px)}}.bn-cst__card{display:flex;flex-direction:column;height:100%;background:var(--bn-cst-card-bg, #fdfbf7);border:var(--bn-cst-card-border-width, 1px) solid var(--bn-cst-card-border, #f5f5f4);border-radius:var(--bn-cst-card-radius, 16px);padding:var(--bn-cst-card-p-mobile, 24px);box-shadow:var(--bn-cst-card-shadow, none)}@media screen and (min-width:768px){.bn-cst__card{padding:var(--bn-cst-card-p-desktop, 32px)}}.bn-cst__stars{display:flex;flex-wrap:nowrap;gap:var(--bn-cst-star-gap, 2px);margin-bottom:var(--bn-cst-stars-mb, 12px)}.bn-cst__star{width:var(--bn-cst-star-size, 14px);height:var(--bn-cst-star-size, 14px);color:var(--bn-cst-star-color, #d97706);fill:currentColor;flex-shrink:0}.bn-cst__quote{margin:0 0 var(--bn-cst-quote-mb, 16px);flex:1 1 auto;min-height:0;font-style:normal;font-size:var(--bn-cst-quote-size-mobile, 14px);font-weight:var(--bn-cst-quote-weight, 400);line-height:var(--bn-cst-quote-line-height, 1.625);color:var(--bn-cst-quote-color, #57534e)}@media screen and (min-width:768px){.bn-cst__quote{font-size:var(--bn-cst-quote-size-desktop, 14px)}}.bn-cst__card-footer{display:flex;align-items:var(--bn-cst-footer-align-items, center);justify-content:space-between;gap:var(--bn-cst-footer-gap, 12px);flex-wrap:var(--bn-cst-footer-wrap, nowrap)}.bn-cst__name{font-style:normal;font-size:var(--bn-cst-name-size-mobile, 14px);font-weight:var(--bn-cst-name-weight, 600);line-height:var(--bn-cst-name-line-height, 1.4);color:var(--bn-cst-name-color, #1c1917);min-width:0}@media screen and (min-width:768px){.bn-cst__name{font-size:var(--bn-cst-name-size-desktop, 14px)}}.bn-cst__badge{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;font-size:var(--bn-cst-badge-size-mobile, 12px);font-weight:var(--bn-cst-badge-weight, 500);line-height:var(--bn-cst-badge-line-height, 1.4);color:var(--bn-cst-badge-text, #f87171);background:var(--bn-cst-badge-bg, #fef2f2);padding:var(--bn-cst-badge-py, 4px) var(--bn-cst-badge-px, 10px);border-radius:var(--bn-cst-badge-radius, 9999px);border:var(--bn-cst-badge-border-width, 0) solid var(--bn-cst-badge-border-color, #fecaca)}.bn-cst__card--empty{display:flex;align-items:center;justify-content:center;min-height:120px;border-style:dashed;opacity:.72}.bn-cst__empty-label{margin:0;font-size:14px;color:#78716c;text-align:center}@media screen and (min-width:768px){.bn-cst__badge{font-size:var(--bn-cst-badge-size-desktop, 12px)}}.bn-cst a:focus-visible{outline:2px solid var(--bn-cst-focus-color, #d97706);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brewnectar-compare-switcher-stories.css.map */
