@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";html,body{margin:0;padding:0;height:100%;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.bioprotein{min-height:100vh;background-color:#074e6b;padding:24px;overflow-y:auto}.bioprotein-section{box-sizing:border-box;width:100%;border-radius:12px;border:none;background:transparent;color:#fff;position:relative}.bioprotein-section--hero{min-height:calc(100vh - 48px);display:flex;flex-direction:column}.bioprotein-section__title{font-size:44px;line-height:51px;font-weight:700;margin:0 0 80px}.bioprotein-hero{position:relative;display:grid;grid-template-columns:auto 4px auto;column-gap:40px;align-items:center}.bioprotein-hero__column{display:flex;flex-direction:column;gap:18px}.bioprotein-hero__column--left{align-items:flex-start}.bioprotein-hero__column--right{max-width:320px;align-items:flex-start;text-align:left;gap:18px;height:100%;justify-content:space-between}.bioprotein-hero__divider{width:4px;background:#fff;align-self:stretch;justify-self:center}.bioprotein-hero__value{display:flex;align-items:center;gap:18px;margin-top:24px}.bioprotein-hero__value--right{justify-content:flex-start}.bioprotein-hero__column--right .bioprotein-hero__value-text{align-items:flex-start}.bioprotein-hero__title{display:flex;align-items:flex-end;gap:8px;font-size:30px;font-weight:100;color:#f4fbff;line-height:1.2}.bioprotein-hero__name-wrapper{display:inline;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit}.bioprotein-hero__index{display:inline-flex;align-items:flex-end;gap:8px;white-space:nowrap;vertical-align:baseline}.bioprotein-hero__index-base{display:flex;align-items:center;font-size:40px;line-height:40px;letter-spacing:2px;color:#d2e9f4d9;font-weight:100}.bioprotein-hero__index-unit{display:flex;flex-direction:column;justify-content:space-between;height:40px;padding:4px 0;color:#d2e9f4e6}.bioprotein-hero__index-sup,.bioprotein-hero__index-bot{font-size:12px;line-height:12px;letter-spacing:1px}.bioprotein-hero__date{margin:0;font-size:16px;letter-spacing:.5px;color:#e1eff6cc}.bioprotein-hero__date span{color:#fff;font-weight:600}.bioprotein-hero__value-text{display:flex;flex-direction:column;gap:6px}.bioprotein-hero__value-number{font-size:90px;line-height:90px;font-weight:700;letter-spacing:2px;color:#fff}.bioprotein-hero__value-caption{font-size:16px;text-transform:uppercase;letter-spacing:2px;color:#d6e5eee6}.bioprotein-hero__divider{width:4px;background:#fff;align-self:stretch}.bioprotein-hero__usd-label{display:inline-flex;align-items:flex-end;gap:6px;font-size:18px;letter-spacing:3px;text-transform:uppercase;color:#d6e5eecc}.bioprotein-hero__usd-label .bioprotein-hero__index-base{font-size:18px;line-height:18px;letter-spacing:3px;color:inherit}.bioprotein-hero__usd-label .bioprotein-hero__index-sup{font-size:12px;line-height:12px;letter-spacing:1px}.bioprotein-hero__logo{position:absolute;top:-10px;right:-10px;width:60px;height:60px}.bioprotein-trend{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent}.bioprotein-trend--up{border-bottom:16px solid #3fdc8a}.bioprotein-trend--down{border-top:16px solid #ff6b6b}.bioprotein-trend--flat{border-bottom:6px solid transparent;border-top:6px solid rgba(255,255,255,.4)}.bioprotein-section__price{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:60px;margin-bottom:40px}.bioprotein-section__price-value{font-size:28px;font-weight:700}.bioprotein-section__price-note{font-size:14px;opacity:.85}.bioprotein-section__footer{margin-top:auto;gap:16px}.bioprotein-section__note{opacity:.85;font-size:14px}.bioprotein-section__logo{font-weight:800;font-size:36px;letter-spacing:1px}@media (max-width: 640px){.bioprotein-section{padding:0}}.bioprotein-section__chart{width:100%;height:500px}.bioprotein-section__chart canvas{width:100%!important;height:100%!important}.bioprotein-section__chart-note{margin:8px 0 0;font-size:14px;color:#e1eff6b3}.bioprotein-section__chart-note a{color:#e1eff6e6}.bioprotein-section__chart-note a:hover{color:#fff}@media (max-width: 1024px){.bioprotein-hero{display:flex;align-items:flex-start;flex-direction:column;gap:32px}}@media (max-width: 640px){.bioprotein{padding:10px}.bioprotein-section__chart{width:auto;height:500px;padding:14px 0;border-radius:10px}.bioprotein-hero{display:flex;align-items:flex-start;flex-direction:column;gap:32px}.bioprotein-hero__logo{padding:10px}.bioprotein-hero__column--right,.bioprotein-hero__divider{display:none}.bioprotein-hero__logo{align-self:flex-end}.bioprotein-hero__value-number{font-size:68px;line-height:68px}.bioprotein-hero__usd-label{align-self:flex-start}}