.onno-battery{position:relative;background:var(--bat-bg, #F6EFE1);background-image:var(--bat-bg-image, none);background-size:cover;background-position:center;overflow:hidden;--u: min(1px, .0625vw )}.onno-battery__symbols{display:block;margin:0 auto calc(-12 * var(--u));width:calc(896 * var(--u));position:absolute;top:0;width:100%;bottom:0;max-width:1063px!important;right:-29%;z-index:9}.onno-battery__float{position:absolute;margin:0;width:calc(var(--fl-w, 356) * var(--u, 1px));z-index:var(--fl-z, 3);background:#fff;border-radius:calc(4 * var(--u, 1px));overflow:hidden;box-shadow:0 calc(10 * var(--u, 1px)) calc(24 * var(--u, 1px)) #00000040;transform:translate(var(--flt-x, 0),var(--flt-y, 0)) rotate(var(--tilt, 0deg))}.onno-battery__float img{display:block;width:100%;height:auto}.onno-battery__float--h-left{left:var(--fl-x, 0px)}.onno-battery__float--h-right{right:var(--fl-x, 0px)}.onno-battery__float--h-center{left:calc(50% + var(--fl-x, 0px));--flt-x: -50%}.onno-battery__float--v-top{top:var(--fl-y, 0px)}.onno-battery__float--v-bottom{bottom:var(--fl-y, 0px)}.onno-battery__float--v-center{top:calc(50% + var(--fl-y, 0px));--flt-y: -50%}.onno-battery__body{position:relative;z-index:2;padding-top:calc(var(--bat-gap, 152) * var(--u, 1px));padding-bottom:calc(var(--bat-pb, 48) * var(--u, 1px))}@media(min-width:768px){.onno-battery__heading{margin:0 auto;max-width:calc(1019 * var(--u));text-align:center;font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-weight:700;font-size:calc(72 * var(--u));line-height:calc(69 * var(--u));color:var(--bat-heading, #2F3559);text-transform:uppercase}.onno-battery__sub{margin:calc(21 * var(--u)) auto 0;max-width:calc(989 * var(--u));text-align:center;font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-size:calc(32 * var(--u));line-height:calc(38 * var(--u));color:var(--bat-text, #374151)}.onno-battery__art{margin:calc(11 * var(--u)) auto 0;width:calc(1430 * var(--u));max-width:calc(100% - 48px)}.onno-battery__art img{width:100%;display:block}.onno-battery__citrates-wrap{margin-top:calc(29 * var(--u))}.onno-battery__citrates{position:relative;z-index:1;width:calc(1152 * var(--u));max-width:100%;margin-inline:auto;display:grid;grid-template-columns:repeat(3,calc(352 * var(--u)));column-gap:calc(48 * var(--u));justify-content:center;overflow:hidden}.onno-battery__citrate{text-align:center}.onno-battery__citrate-name{margin:0 auto calc(12 * var(--u));max-width:100%;font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-weight:600;font-size:34px;line-height:calc(39 * var(--u));color:var(--bat-heading, #2F3559);text-transform:uppercase}.onno-battery__citrate-amount{display:block;margin-top:calc(2 * var(--u));font-size:52px;line-height:55px}.onno-battery__citrate-text{margin:0 auto;max-width:calc(320 * var(--u));font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-size:calc(26 * var(--u));line-height:calc(28 * var(--u));color:var(--bat-text, #374151);font-weight:400}}@media(max-width:767.98px){.onno-battery__float--desktop-only{display:none}.onno-battery__float{width:min(calc(var(--fl-w, 356) * .55px),46vw)}.onno-battery__body{padding:40px 20px 48px}.onno-battery__heading{margin:0 auto;text-align:center;font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-weight:700;font-size:clamp(30px,8vw,42px);line-height:1.05;color:var(--bat-heading, #2F3559);text-transform:uppercase}.onno-battery__sub{margin:16px auto 0;max-width:560px;text-align:center;font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-size:17px;line-height:1.4;color:var(--bat-text, #374151)}.onno-battery__art{margin:28px auto 0}.onno-battery__art img{width:100%;display:block}.onno-battery__citrates-wrap{margin-top:36px}.onno-battery__symbols{display:none}.onno-battery__citrates{display:flex;flex-direction:column;gap:32px}.onno-battery__citrate{text-align:center}.onno-battery__citrate-name{margin:0 0 8px;font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-weight:700;font-size:26px;line-height:1.05;color:var(--bat-heading, #2F3559);text-transform:uppercase}.onno-battery__citrate-amount{display:block;margin-top:2px}.onno-battery__citrate-text{margin:0 auto;max-width:420px;font-family:var(--onno-font-body, "Public Sans", system-ui, sans-serif);font-size:16px;line-height:1.35;color:var(--bat-text, #374151)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/onno-bio-battery.css.map */
