.shopify-section.index-section--biomarker-explorer{margin:0;padding:0}.bex,.bex *,.bex *:before,.bex *:after{box-sizing:border-box}.bex{--bex-bg: #ffffff;--bex-radius: 24px;--bex-pad-top: 0px;--bex-pad-bottom: 0px;--bex-inset: 12px;--bex-height: 640px;--bex-overlay: .08;--bex-text: #ffffff;--bex-accent: #ffffff;--bex-pill-active-bg: #ffffff;--bex-pill-active-text: #363636;--bex-glass: rgba(255, 255, 255, .04);--bex-glass-blur: 5px;--bex-glass-border: rgba(255, 255, 255, .45);--bex-card-bg: rgba(255, 255, 255, 0);--bex-card-radius: 8px;--bex-card-title: #ffffff;--bex-card-body: #ffffff;--bex-speed: .45s;--bex-panel-w: 520px;--bex-left: 14%;--bex-right: 13%;--bex-ease: cubic-bezier(.22, .61, .36, 1);background:var(--bex-bg);padding-top:var(--bex-pad-top);padding-bottom:var(--bex-pad-bottom);color:var(--bex-text);font-family:Axiforma,Axiforma Book,sans-serif}.bex__stage{width:100%;max-width:1720px;margin:0 auto;padding:0 var(--bex-inset)}.bex__frame{position:relative;height:var(--bex-height);overflow:hidden;border-radius:var(--bex-radius);background:#4f86b8;isolation:isolate}.bex__media-stack,.bex__media,.bex__fallback,.bex__veil{position:absolute;top:0;right:0;bottom:0;left:0}.bex__media{opacity:0;transform:scale(1.025);transition:opacity calc(var(--bex-speed) * 1.4) var(--bex-ease),transform calc(var(--bex-speed) * 2.4) var(--bex-ease)}.bex__media.is-active{opacity:1;transform:scale(1)}.bex__media picture{display:block;width:100%;height:100%}.bex__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--bex-image-position, center center)}.bex__fallback{background:linear-gradient(180deg,#3e6f9e,#6f9cc4 55%,#b8cfe2)}.bex__veil{z-index:1;background:rgba(10,20,35,var(--bex-overlay));pointer-events:none}.bex__tabs{position:absolute;z-index:6;top:16px;left:50%;display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:3px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:#ffffff0a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transform:translate(-50%)}.bex__tab{position:relative;-webkit-appearance:none;appearance:none;margin:0;padding:0 16px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--bex-text);font-family:inherit;font-size:12.48px;font-weight:375;line-height:normal;letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background-color var(--bex-speed) var(--bex-ease),color var(--bex-speed) var(--bex-ease)}.bex__tab:hover{background:#ffffff24}.bex__tab.is-active,.bex__tab.is-active:hover{background:var(--bex-pill-active-bg);color:var(--bex-pill-active-text)}.bex__tab:focus-visible{outline:2px solid var(--bex-text);outline-offset:2px}.bex__group{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity var(--bex-speed) var(--bex-ease),transform var(--bex-speed) var(--bex-ease),visibility 0s linear var(--bex-speed)}.bex__group.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}.bex__group.is-active>*{pointer-events:auto}.bex__cats{position:absolute;top:100px;left:16px;display:flex;flex-direction:column;gap:18px;max-width:52%;margin:0;padding:0;list-style:none}.bex__cat{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;margin:0;padding:0;border:0;background:none;color:var(--bex-text);font-family:inherit;font-size:10px;font-weight:500;line-height:233%;letter-spacing:5%;text-transform:uppercase;text-align:left;text-shadow:0 1px 3px rgba(0,0,0,.18);cursor:pointer;opacity:.88;transition:opacity var(--bex-speed) var(--bex-ease)}.bex__cat:hover,.bex__cat.is-active{opacity:1}.bex__cat:focus-visible{outline:1px solid var(--bex-text);outline-offset:6px}.bex__icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:20px;height:20px;color:var(--bex-text);filter:drop-shadow(0 1px 2px rgba(0,0,0,.14))}.bex__icon svg{display:block;width:100%;height:100%}.bex__icon--img{object-fit:contain}.bex__cat-label{position:relative;display:inline-block;padding-bottom:6px;margin-bottom:-6px}.bex__cat-label:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;border-radius:1px;background:var(--bex-accent);transform:scaleX(0);transform-origin:left center;transition:transform var(--bex-speed) var(--bex-ease)}.bex__cat.is-active .bex__cat-label:after{transform:scaleX(1)}.bex__dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none!important}.bex__dot{-webkit-appearance:none;appearance:none;position:absolute;left:var(--mx);top:var(--my);display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--bex-text);cursor:pointer;transform:translate(-50%,-50%);pointer-events:auto;-webkit-tap-highlight-color:transparent}.bex__dot-core{position:relative;display:block;width:100%;height:100%;border:1px solid var(--bex-accent);border-radius:50%;background:#141e2d47;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:transform var(--bex-speed) var(--bex-ease),background-color var(--bex-speed) var(--bex-ease)}.bex__dot-core:before,.bex__dot-core:after{content:"";position:absolute;top:50%;left:50%;border-radius:1px;background:var(--bex-text);transform:translate(-50%,-50%)}.bex__dot-core:before{width:8px;height:1px}.bex__dot-core:after{width:1px;height:8px}.bex__dot:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid var(--bex-accent);border-radius:50%;opacity:0;transform:scale(.72);transition:opacity var(--bex-speed) var(--bex-ease),transform var(--bex-speed) var(--bex-ease);pointer-events:none}.bex__dot:hover .bex__dot-core{transform:scale(1.1)}.bex__dot.is-active:before{opacity:.75;transform:scale(1)}.bex__dot.is-active .bex__dot-core{background:#141e2d66}.bex__dot:focus-visible{outline:2px solid var(--bex-text);outline-offset:8px}.bex__box{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;width:min(var(--bex-panel-w),calc(100% - 24px));max-height:44%;overflow:hidden;border:1px solid var(--bex-glass-border);border-radius:14px;background:var(--bex-glass);box-shadow:inset 0 1px #ffffff59;-webkit-backdrop-filter:blur(var(--bex-glass-blur));backdrop-filter:blur(var(--bex-glass-blur));transition:height var(--bex-speed) var(--bex-ease)}.bex__lists{position:relative;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.bex__list{display:none;flex-direction:column;gap:7px;min-height:0;padding:9px;overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(8px);transition:opacity calc(var(--bex-speed) * .55) var(--bex-ease),transform calc(var(--bex-speed) * .55) var(--bex-ease);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.45) transparent}.bex__list.is-active{display:flex;opacity:1;transform:none}.bex__list.is-active.is-leaving{opacity:0;transform:translateY(-6px)}.bex__list.is-active.is-entering{opacity:0;transform:translateY(8px)}.bex__list::-webkit-scrollbar{width:5px}.bex__list::-webkit-scrollbar-track{background:transparent}.bex__list::-webkit-scrollbar-thumb{border-radius:3px;background:#ffffff73}.bex__card{flex:0 0 auto;padding:9px 10px 10px;border:1px solid rgba(255,255,255,.3);border-radius:var(--bex-card-radius);background:var(--bex-card-bg);color:var(--bex-card-title)}.bex__list.is-active:not(.is-leaving) .bex__card{animation:bex-card-in calc(var(--bex-speed) * .9) var(--bex-ease) both;animation-delay:calc(var(--bex-i, 0) * 45ms)}@keyframes bex-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bex__card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.bex__card-title,.bex__card-text{margin:0}.bex__card-title{font-size:11px;font-weight:500;line-height:132%;letter-spacing:0;color:var(--bex-card-title)}.bex__card-meta{flex:0 0 auto;margin-top:2px;font-size:7px;font-weight:600;line-height:132%;letter-spacing:10%;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px;color:var(--bex-card-title);transition:opacity .2s ease}a.bex__card-meta:hover{opacity:.7}.bex__card-body{display:flex;align-items:flex-start;gap:12px;margin-top:8px}.bex__thumb{display:block;flex:0 0 auto;width:38px;height:38px;border-radius:4px;object-fit:cover}.bex__thumb--empty{background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.6),transparent 48%),linear-gradient(135deg,#8d6ed1,#4c78c4)}.bex__card-text{flex:1 1 auto;min-width:0;font-size:12px;font-weight:400;line-height:132%;color:var(--bex-card-body)}.bex__empty{display:flex;align-items:flex-end;padding:24px;color:#fff;font-size:14px}@media screen and (min-width:990px){.bex__tabs{top:44px;padding:4px}.bex__tab{height:41px;padding:0 26px;font-size:20px}.bex__cats{top:32%;left:var(--bex-left);gap:32px;max-width:none}.bex__cat{gap:14px;font-size:14.16px;letter-spacing:5%}.bex__icon{width:22px;height:22px}.bex__dot{left:var(--x);top:var(--y);width:24px;height:24px}.bex__dot-core:before{width:9px}.bex__dot-core:after{height:9px}.bex__box{top:32%;right:var(--bex-right);bottom:auto;width:314px;height:auto;max-height:591px;border-radius:12px}.bex__list{gap:8px;padding:22px 24px;overflow-y:scroll;scrollbar-width:auto;scrollbar-color:auto}.bex__list::-webkit-scrollbar{width:14px}.bex__list::-webkit-scrollbar-track{margin:6px 0;border:3px solid transparent;border-radius:7px;background:#ffffff47;background-clip:padding-box}.bex__list::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:7px;background:#ffffffb3;background-clip:padding-box}.bex__list::-webkit-scrollbar-button:single-button{display:block;width:14px;height:12px;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:8px 8px}.bex__list::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 6l3-4 3 4z' fill='%23ffffff' fill-opacity='.75'/%3E%3C/svg%3E")}.bex__list::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1 2l3 4 3-4z' fill='%23ffffff' fill-opacity='.75'/%3E%3C/svg%3E")}.bex__card{padding:14px;border-color:#ffffff59;border-radius:8px}.bex__card-title{font-size:12px}.bex__card-meta{font-size:8px}.bex__card-body{gap:20px;margin-top:12px}.bex__thumb{width:56px;height:56px}.bex__list:has(.bex__card:nth-child(4)){-webkit-mask-image:linear-gradient(#000,#000),linear-gradient(to bottom,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(#000,#000),linear-gradient(to bottom,#000 calc(100% - 64px),transparent);-webkit-mask-size:14px 100%,calc(100% - 14px) 100%;mask-size:14px 100%,calc(100% - 14px) 100%;-webkit-mask-position:right top,left top;mask-position:right top,left top;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}@media screen and (min-width:750px){.bex__list{position:relative;overflow-y:scroll}.bex__list:after{content:"";position:absolute;left:0;top:100%;width:1px;height:16px;pointer-events:none}}@supports (-moz-appearance: none){@media screen and (min-width:990px){.bex__list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.7) rgba(255,255,255,.2)}}}@media screen and (max-width:989px){.bex__box{left:12px;right:12px;margin-left:auto;width:min(var(--bex-panel-w),calc(100% - 24px))}}@media screen and (max-width:749px){.bex__tab{padding:0 14px;height:30px;font-size:12.48px}.bex__cats{top:86px;gap:16px}.bex__box{max-height:40%}}@media(prefers-reduced-motion:reduce){.bex__media,.bex__group,.bex__tab,.bex__cat,.bex__cat-label:after,.bex__dot-core,.bex__dot:before,.bex__box,.bex__list{transition:none!important}.bex__card{animation:none!important}}.bex__dot--img{width:var(--bex-dot-size, 32px);height:var(--bex-dot-size, 32px)}.bex__dot--img:before{display:none}.bex__dot--img .bex__dot-core{border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bex__dot--img .bex__dot-core:before,.bex__dot--img .bex__dot-core:after{display:none}.bex__dot-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;transition:opacity var(--bex-speed) var(--bex-ease),transform var(--bex-speed) var(--bex-ease)}.bex__dot-img--active{opacity:0}.bex__dot--img.is-active .bex__dot-core{transform:scale(1.12)}.bex__dot--img.is-active .bex__dot-img--active{opacity:1}.bex__dot--img.is-active .bex__dot-img:not(.bex__dot-img--active):not(:only-child){opacity:0}.bex__dot--img.is-active .bex__dot-core,.bex__dot--img:hover .bex__dot-core{border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}@media screen and (max-width:749px){.bex__stage{padding-left:0;padding-right:0}.bex__dots{display:none}.bex__tabs{top:44px;display:flex;justify-content:space-between;width:calc(100% - 56px);max-width:none;padding:2px}.bex__tab{flex:0 0 auto;padding:0 21px;height:27px;font-size:12.48px;font-weight:375;line-height:normal;letter-spacing:0}.bex__cats{top:140px;left:28px;gap:30px;max-width:calc(100% - 56px)}.bex__cat{gap:12px;font-size:10.19px;font-weight:500;line-height:233%;letter-spacing:.05em}.bex__icon{width:22px;height:22px}.bex__box{left:0;right:0;bottom:40px;width:100%;max-height:none;margin:0;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.bex__list{flex-direction:row;gap:12px;padding:0 25px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 25px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bex__list::-webkit-scrollbar{display:none}.bex__card{position:relative;flex:0 0 min(310px,calc(100% - 66px));min-height:193px;padding:33px;border:1px solid var(--bex-glass-border);border-radius:14px;background:var(--bex-glass);box-shadow:inset 0 1px #ffffff59;-webkit-backdrop-filter:blur(var(--bex-glass-blur));backdrop-filter:blur(var(--bex-glass-blur));scroll-snap-align:start}.bex__card:only-child{flex-basis:100%}.bex__card:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(255,255,255,.4);border-radius:8px;pointer-events:none}.bex__card-title{font-size:12px;font-weight:500;line-height:132%;letter-spacing:0}.bex__card-meta{font-size:10px;font-weight:600;line-height:132%;letter-spacing:.1em}.bex__card-body{gap:18px;margin-top:10px}.bex__thumb{width:54px;height:54px}.bex__card-text{font-size:12px;font-weight:400;line-height:132%;letter-spacing:0}}@media screen and (min-width:990px){.bex .bex__cats{left:max(40px,calc((100% - 1047px)/2))}.bex .bex__box{right:max(40px,calc((100% - 1047px)/2))}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/biomarker-explorer.css.map */