.bn-sp{font-family:"Plus Jakarta Sans",var(--font-body-family),system-ui,sans-serif;background-color:var(--bn-sp-bg, #fdfbf7);padding-top:var(--bn-sp-pt-mobile, 80px);padding-bottom:var(--bn-sp-pb-mobile, 80px);scroll-margin-top:var(--bn-sp-scroll-margin, 80px)}@media screen and (min-width:768px){.bn-sp{padding-top:var(--bn-sp-pt-desktop, 112px);padding-bottom:var(--bn-sp-pb-desktop, 112px)}}.bn-sp__container{max-width:var(--bn-sp-max-width, 1280px);margin-inline:auto;padding-inline:var(--bn-sp-px-mobile, 16px)}@media screen and (min-width:640px){.bn-sp__container{padding-inline:var(--bn-sp-px-tablet, 24px)}}@media screen and (min-width:1024px){.bn-sp__container{padding-inline:var(--bn-sp-px-desktop, 32px)}}.bn-sp__header{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--bn-sp-header-mb-mobile, 40px)}@media screen and (min-width:768px){.bn-sp__header{flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:var(--bn-sp-header-mb-desktop, 48px)}}.bn-sp__eyebrow{margin:0 0 var(--bn-sp-eyebrow-mb, 12px);font-size:var(--bn-sp-eyebrow-size, 14px);font-weight:600;letter-spacing:var(--bn-sp-eyebrow-tracking, .1em);text-transform:uppercase;color:var(--bn-sp-eyebrow-color, #d97706);line-height:1.4}.bn-sp h2.bn-sp__heading{margin:0 0 var(--bn-sp-heading-mb, 0);font-family:"Outfit",var(--font-heading-family),system-ui,sans-serif;font-size:var(--bn-sp-heading-size-mobile, 30px);font-weight:700;line-height:var(--bn-sp-heading-line-height, 1.15);letter-spacing:var(--bn-sp-heading-tracking, 0);color:var(--bn-sp-heading-color, #1c1917);max-width:var(--bn-sp-heading-max-width, none)}@media screen and (min-width:768px){.bn-sp h2.bn-sp__heading{font-size:var(--bn-sp-heading-size-tablet, 36px)}}@media screen and (min-width:1024px){.bn-sp h2.bn-sp__heading{font-size:var(--bn-sp-heading-size-desktop, 48px)}}.bn-sp__subtext{margin:8px 0 0;font-size:var(--bn-sp-subtext-size-mobile, 16px);line-height:var(--bn-sp-subtext-line-height, 1.5);color:var(--bn-sp-subtext-color, #78716c)}@media screen and (min-width:768px){.bn-sp__subtext{font-size:var(--bn-sp-subtext-size-desktop, 18px)}}.bn-sp__nav{display:flex;gap:8px;flex-shrink:0}.bn-sp__nav--header{display:none}@media screen and (min-width:768px){.bn-sp__nav--header{display:flex}}.bn-sp__nav--footer{justify-content:center;margin-top:var(--bn-sp-footer-nav-mt, 16px)}.bn-sp__arrow{display:inline-flex;align-items:center;justify-content:center;width:var(--bn-sp-arrow-size, 40px);height:var(--bn-sp-arrow-size, 40px);padding:0;border:var(--bn-sp-arrow-border-width, 1px) solid var(--bn-sp-arrow-border, #e7e5e4);border-radius:9999px;background:var(--bn-sp-arrow-bg, transparent);color:var(--bn-sp-arrow-color, #78716c);cursor:pointer;transition:color var(--bn-sp-transition, .3s) ease,border-color var(--bn-sp-transition, .3s) ease,background-color var(--bn-sp-transition, .3s) ease}.bn-sp__arrow:hover{color:var(--bn-sp-arrow-hover-color, #1c1917);border-color:var(--bn-sp-arrow-hover-border, #d6d3d1);background:var(--bn-sp-arrow-hover-bg, transparent)}.bn-sp__arrow:focus-visible{outline:2px solid var(--bn-sp-eyebrow-color, #d97706);outline-offset:2px}.bn-sp__arrow svg{width:var(--bn-sp-arrow-icon-size, 18px);height:var(--bn-sp-arrow-icon-size, 18px)}.bn-sp__viewport{overflow:hidden;padding-bottom:var(--bn-sp-carousel-pb, 16px)}.bn-sp__track{display:flex;gap:var(--bn-sp-card-gap, 20px);width:max-content;will-change:transform}@keyframes bn-sp-scroll{0%{transform:translate(0)}to{transform:translate(var(--bn-sp-scroll-end, -50%))}}.bn-sp[data-auto-scroll=true] .bn-sp__track:not(.is-paused):not(.is-manual){animation:bn-sp-scroll var(--bn-sp-scroll-duration, 40s) linear infinite}.bn-sp[data-auto-scroll=true] .bn-sp__track:not(.is-manual):hover{animation-play-state:paused}.bn-sp__slide{flex:0 0 auto;width:var(--bn-sp-card-width, 300px)}.bn-sp__animate{opacity:0;transform:translateY(var(--bn-sp-fade-distance, 24px));transition:opacity var(--bn-sp-fade-duration, .6s) ease,transform var(--bn-sp-fade-duration, .6s) ease}.bn-sp__animate.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.bn-sp__animate{opacity:1;transform:none;transition:none}.bn-sp[data-auto-scroll=true] .bn-sp__track{animation:none!important}}.bn-sp__text-card{display:flex;flex-direction:column;height:100%;background:var(--bn-sp-text-card-bg, #fff);border:var(--bn-sp-text-card-border-width, 1px) solid var(--bn-sp-text-card-border, #f5f5f4);border-radius:var(--bn-sp-card-radius, 16px);overflow:hidden;transition:box-shadow var(--bn-sp-card-transition, .3s) ease,border-color var(--bn-sp-card-transition, .3s) ease}.bn-sp__text-card:hover{border-color:var(--bn-sp-text-card-hover-border, #fef3c7);box-shadow:0 4px 24px -4px #d9a86c26,0 1px 4px #d9a86c14}.bn-sp__text-card-header{display:flex;align-items:center;gap:12px;padding:var(--bn-sp-text-header-pt, 20px) var(--bn-sp-text-header-px, 20px) 0}.bn-sp__avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--bn-sp-avatar-size, 44px);height:var(--bn-sp-avatar-size, 44px);border-radius:9999px;font-size:var(--bn-sp-avatar-font-size, 14px);font-weight:700;color:#fff;line-height:1}.bn-sp__avatar--amber{background-color:var(--bn-sp-avatar-amber, #d97706)}.bn-sp__avatar--emerald{background-color:var(--bn-sp-avatar-emerald, #059669)}.bn-sp__avatar--sky{background-color:var(--bn-sp-avatar-sky, #0284c7)}.bn-sp__avatar--violet{background-color:var(--bn-sp-avatar-violet, #7c3aed)}.bn-sp__avatar--rose{background-color:var(--bn-sp-avatar-rose, #e11d48)}.bn-sp__avatar--image .bn-sp__avatar-img{display:block;width:100%;height:100%;object-fit:cover}.bn-sp__person{min-width:0}.bn-sp__name{margin:0;font-size:var(--bn-sp-name-size, 14px);font-weight:600;color:var(--bn-sp-name-color, #1c1917);line-height:1.4}.bn-sp__title{margin:0;font-size:var(--bn-sp-title-size, 12px);color:var(--bn-sp-title-color, #a8a29e);line-height:1.4}.bn-sp__verified{display:inline-flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;padding:2px 8px;border-radius:9999px;background:var(--bn-sp-verified-bg, #ecfdf5);font-size:var(--bn-sp-verified-size, 10px);font-weight:600;color:var(--bn-sp-verified-color, #047857);line-height:1.4;white-space:nowrap}.bn-sp__verified svg{width:10px;height:10px;flex-shrink:0}.bn-sp__text-body{display:flex;flex:1;flex-direction:column;padding:var(--bn-sp-text-body-p, 20px)}.bn-sp__stars{display:flex;gap:2px;margin-bottom:8px}.bn-sp__star{width:var(--bn-sp-star-size, 14px);height:var(--bn-sp-star-size, 14px);color:var(--bn-sp-star-color, #d97706);fill:currentColor}.bn-sp__quote{margin:0;flex:1;font-size:var(--bn-sp-quote-size, 14px);line-height:var(--bn-sp-quote-line-height, 1.625);color:var(--bn-sp-quote-color, #44403c);display:-webkit-box;-webkit-line-clamp:var(--bn-sp-quote-lines, 4);-webkit-box-orient:vertical;overflow:hidden}.bn-sp__video-card{background:var(--bn-sp-video-card-bg, #fafaf9);border:var(--bn-sp-video-card-border-width, 2px) solid var(--bn-sp-video-card-border, #fde68a);border-radius:var(--bn-sp-card-radius, 16px);overflow:hidden;box-shadow:0 0 0 1px var(--bn-sp-video-card-ring, #fef3c7);transition:box-shadow var(--bn-sp-card-transition, .3s) ease,border-color var(--bn-sp-card-transition, .3s) ease}.bn-sp__video-card:hover{box-shadow:0 4px 24px -4px #d9a86c26,0 1px 4px #d9a86c14,0 0 0 1px var(--bn-sp-video-card-ring, #fef3c7)}.bn-sp__video-stage{position:relative;aspect-ratio:9 / 12;overflow:hidden;cursor:pointer;touch-action:pan-y}.bn-sp__video-stage:focus-visible{outline:2px solid var(--bn-sp-eyebrow-color, #d97706);outline-offset:2px}.bn-sp__video-stage video{display:block;width:100%;height:100%;object-fit:cover}.bn-sp__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0003;opacity:1;transition:opacity .3s ease;pointer-events:none}.bn-sp__video-stage.is-playing .bn-sp__video-overlay{opacity:0}.bn-sp__video-stage.is-playing:hover .bn-sp__video-overlay{opacity:1}.bn-sp__play-btn{display:flex;align-items:center;justify-content:center;width:var(--bn-sp-play-size, 56px);height:var(--bn-sp-play-size, 56px);border-radius:9999px;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 10px 15px -3px #0000001a;transition:transform .3s ease}.bn-sp__video-stage:hover .bn-sp__play-btn{transform:scale(1.1)}.bn-sp__play-btn svg{width:22px;height:22px;color:#1c1917}.bn-sp__play-btn .bn-sp__icon-play{margin-left:2px}.bn-sp__mute-btn{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:9999px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;transition:background-color .3s ease}.bn-sp__mute-btn:hover{background:#0009}.bn-sp__mute-btn svg{width:14px;height:14px}.bn-sp__badge{position:absolute;top:12px;left:12px;z-index:2;padding:4px 8px;border-radius:6px;background:var(--bn-sp-badge-bg, #d97706);color:var(--bn-sp-badge-color, #fff);font-size:var(--bn-sp-badge-size, 10px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;box-shadow:0 1px 2px #0000000d}.bn-sp__handle{position:absolute;bottom:12px;left:12px;right:12px;z-index:2}.bn-sp__handle-inner{padding:8px 12px;border-radius:8px;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bn-sp__handle-text{margin:0;font-size:12px;font-weight:600;color:#fff;line-height:1.4}.bn-sp__video-body{padding:var(--bn-sp-video-body-p, 20px)}.bn-sp__video-quote{margin:0 0 12px;font-size:var(--bn-sp-quote-size, 14px);line-height:var(--bn-sp-quote-line-height, 1.625);color:var(--bn-sp-quote-color, #44403c);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bn-sp__video-footer .bn-sp__name{margin-bottom:0}.bn-sp__video-footer .bn-sp__title{margin-top:0}
/*# sourceMappingURL=/cdn/shop/t/3/assets/brewnectar-social-proof.css.map */