:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;font-family:Product Sans,sans-serif}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0;font-family:Product Sans,sans-serif}#root{max-width:1280px;margin:0 auto}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}@font-face{font-family:Product Sans;src:url(/fonts/ProductSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Product Sans,sans-serif;display:block;width:100%}.bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.bg img{width:100%;height:100%;object-fit:cover}.content{position:absolute;top:50%;left:5%;width:auto;height:50%;z-index:1;display:flex;flex-direction:column;justify-content:flex-start}.content img{width:32%;margin-bottom:20px}.heading{color:#6e4e9f;margin-bottom:20px;font-weight:700!important}.headingnew{color:#6e4e9f;margin-bottom:20px;font-weight:500;font-size:76px}.heading2{color:#fff;background-color:#4080b8;width:fit-content;padding:2px 20px!important;border-radius:13px}.heading2new{color:#fff;background-color:#4080b8;width:fit-content;padding:2px 22px!important;border-radius:13px;font-size:20px;font-weight:100}.heading2new h2{font-weight:500}.ids{font-size:20px;margin-top:10px;display:flex;gap:10px}.keys,.values{font-weight:700;height:110px;display:flex;flex-direction:column;justify-content:space-between}.values{font-weight:400}.page{width:210mm;height:297mm;border:2px solid rgb(77,77,77);position:relative;background-color:#fff;color:#000}.maindivforall{position:relative;display:flex;flex-direction:column;align-items:center}#downloadButton{background-color:#6e4e9f;color:#fff;position:absolute;left:20%;top:240mm;z-index:1000;padding:10px 140px;transition:1s ease}#downloadButton:hover{background-color:#4080b8;scale:1.05}.progress-bar{color:#fff;position:absolute;left:10mm;top:240mm;z-index:1000;transition:1s ease}.header{background-color:#f6f3ff;width:100%;height:11%;padding:10px 30px;text-align:center;display:flex;justify-content:space-between}.headerimage{width:20%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.headerimage img{width:90%}.headtext{font-size:35px;color:#6e4e9f;align-items:center;text-align:center}.headtextdiv{display:flex;justify-content:center;align-items:flex-end;flex-direction:column}.patient-info{margin-top:5px;font-size:15px;color:#fff;font-weight:500;padding:5px 20px;border-radius:20px;background-color:#6e4e9f}.footer{height:55px;width:100%;background-color:var(--lightPurple);position:absolute;bottom:0;display:flex;padding:0 45px;justify-content:space-between}.part1,.part2,.icon{display:flex;align-items:center}.icon img{width:30px;margin-right:15px}.sampleid,.part2{font-weight:700;font-size:13px}.container{height:50px;width:100%;background-color:var(--lightPurple)}.title{margin-top:15px;height:50px;width:73%;background-color:var(--purple);display:flex;justify-content:flex-start;align-items:center;font-size:31px;font-weight:700;padding-left:40px;color:var(--darkPurple)}.circulartitle{height:auto;display:inline-flex;justify-content:center;align-items:center;font-size:23px;font-weight:700;margin-left:27px;padding:2px 20px;border-radius:20px;margin-top:10px}.status-tag{padding:2px;border-radius:8px;font-size:12px;font-weight:500;color:#fff;text-align:center;width:106px}.tag-green{background-color:#aceab8;color:#000}.tag-yellow{background-color:#edeb9a;color:#000}.tag-red{color:#000;background-color:#ed9da6}.tag-default{color:#000;background-color:#ccc}.average{background-color:#d3d3d3;color:#000}.text1{margin-top:20px;font-size:14px;margin-left:40px;margin-right:40px;font-weight:400}.text2{margin:10px 40px 20px;font-size:17px;font-weight:400}.textn{margin:0 30px 0 40px;font-size:12.9px;font-weight:400}.myText{margin-left:40px;margin-top:7px;margin-bottom:7px;color:red}.myText span{font-weight:400}.boldText{margin:40px 40px 2px;font-weight:700;font-size:23px;color:#4080b8}.boldText2{margin:40px 40px 2px;font-weight:500;font-size:23px;color:#4080b8}.score-container{background-color:#e6f6ff;padding:46px 20px 20px 10px;border-radius:12px;display:flex;align-items:center;gap:60px;box-shadow:0 4px 10px #0000000d;max-width:730px;margin-left:31px}.score-label-section{display:flex;flex-direction:column;align-items:center;min-width:100px;margin-bottom:20px}.score-label-title{font-weight:700;font-size:16px;margin-bottom:8px;color:#4080b8}.score-label-value{background-color:#4080c7;padding:0 14px;border-radius:7px;font-size:16px;font-weight:500;width:78px;display:flex;justify-content:center;align-items:center;color:#fff}.score-bar-container{flex:1}.score-track{height:20px;border-radius:10px;background:linear-gradient(to right,#ed84a6,#ed84a6,#ed84a6,#edeb9a,#edeb9a,#aceab8,#aceab8,#37b34a,#37b34a,#aceab8,#aceab8,#aceab8);position:relative}.score-track2{height:20px;border-radius:10px;background:linear-gradient(to right,#37b34a,#edeb9a,#edff84,#edeb9a,#ed9da6);position:relative}.score-indicator{position:absolute;top:-40px;display:flex;flex-direction:column;align-items:center}.score-bubble{background-color:#4080c7;padding:0 10px;border-radius:7px;width:58px;font-size:14px;font-weight:700;display:flex;justify-content:center;align-items:center;color:#fff}.score-pointer{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #4080C7}.score-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#333}.score-tick{flex-shrink:0}.score-tick-marks{position:absolute;top:100%;left:0;right:0;height:10px;pointer-events:none}.gut-axes-container{position:relative;width:500px;height:500px;margin:0 auto}.forpresentation{width:100%;height:100vh;z-index:1000;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.gut-center{position:absolute;top:60%;left:50%;width:120px;height:120px;background-color:#e6f6ff;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);font-weight:700;font-size:18px;text-align:center;z-index:100!important;transform:translate()}.Gut-Axesss{background-color:#e6f6ff;width:120px;height:120px;border-radius:50%;display:flex;justify-content:center;align-items:center}.axis-item{width:110px;position:absolute;background-color:#fff;border:1px solid #A586D1;cursor:pointer;width:100%;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.axis-item:hover{box-shadow:0 0 5pt 1pt #d8d8d8}.axis-item h3{font-size:.8em;width:120px}:root{--radius: 250px;--cos18: .9511;--cos54: .5878;--sin18: .309;--sin54: .809;--x1: calc(var(--radius) * var(--cos18));--y1: calc(var(--radius) * var(--sin18));--x2: calc(var(--radius) * var(--cos54));--y2: calc(var(--radius) * var(--sin54))}.axis-item1{top:calc(-1 * var(--radius));left:0}.axis-item1 h3{position:relative}.axis-item2{bottom:calc(-1 * var(--radius));left:0}.axis-item3{top:calc(-1 * var(--y2));left:calc(-1 * var(--x2))}.axis-item4{top:calc(-1 * var(--y2));right:calc(-1 * var(--x2))}.axis-item5{bottom:calc(-1 * var(--y2));left:calc(-1 * var(--x2))}.axis-item6{bottom:calc(-1 * var(--y2));right:calc(-1 * var(--x2))}.axis-item7{top:calc(-1 * var(--y1));left:calc(-1 * var(--x1))}.axis-item8{top:calc(-1 * var(--y1));right:calc(-1 * var(--x1))}.axis-item9{bottom:calc(-1 * var(--y1));left:calc(-1 * var(--x1))}.axis-item10{bottom:calc(-1 * var(--y1));right:calc(-1 * var(--x1))}.axis-item1 h3:after,.axis-item2 h3:after,.axis-item3 h3:after,.axis-item4 h3:after,.axis-item5 h3:after,.axis-item6 h3:after,.axis-item7 h3:after,.axis-item8 h3:after,.axis-item9 h3:after,.axis-item10 h3:after{position:absolute;content:"";width:1px;background-color:#000;z-index:-2;top:50%;left:50%;height:250px;transform:translate(-50%);transform-origin:top center}.axis-item1 h3:after{transform:rotate(0)}.axis-item2 h3:after{transform:rotate(180deg)}.axis-item3 h3:after{transform:rotate(-36deg)}.axis-item4 h3:after{transform:rotate(36deg)}.axis-item5 h3:after{transform:rotate(216deg)}.axis-item6 h3:after{transform:rotate(-216deg)}.axis-item7 h3:after{transform:rotate(-72deg)}.axis-item8 h3:after{transform:rotate(72deg)}.axis-item9 h3:after{transform:rotate(252deg)}.axis-item10 h3:after{transform:rotate(-252deg)}.axis-iteminside{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 20px 0}.axis-pre-item1{top:-400px;left:150PX}.axis-pre-item1 h3{position:relative}.axis-pre-item2{bottom:300px;left:-350px}.axis-pre-item3{top:-300px;left:300px}.axis-pre-item4{top:-0px;right:180px}.axis-pre-item5{bottom:100px;left:300px}.axis-pre-item6{bottom:40px;right:-150px}.axis-pre-item7{top:180px;left:-170px}.axis-pre-item8{top:-350px;right:150px}.axis-pre-item9{bottom:-100px;left:150px}.axis-pre-item10{bottom:100px;right:300px}.axis-pre-item1 h3:after,.axis-pre-item2 h3:after,.axis-pre-item3 h3:after,.axis-pre-item4 h3:after,.axis-pre-item5 h3:after,.axis-pre-item6 h3:after,.axis-pre-item7 h3:after,.axis-pre-item8 h3:after,.axis-pre-item9 h3:after,.axis-pre-item10 h3:after{position:absolute;content:"";width:1px;background-color:#a586d1;z-index:-2;top:50%;left:50%;transform:translate(-50%);transform-origin:top center}.axis-pre-item1 h3:after{transform:rotate(55deg);height:160px}.axis-pre-item2 h3:after{transform:rotate(-50deg);height:170px}.axis-pre-item3 h3:after{transform:rotate(74deg);height:300px}.axis-pre-item4 h3:after{transform:rotate(-105deg);height:185px}.axis-pre-item5 h3:after{transform:rotate(100deg);height:280px}.axis-pre-item6 h3:after{transform:rotate(100deg);height:130px}.axis-pre-item7 h3:after{transform:rotate(-115deg);height:130px}.axis-pre-item8 h3:after{transform:rotate(-58deg);height:165px}.axis-pre-item9 h3:after{transform:rotate(123deg);height:180px}.axis-pre-item10 h3:after{transform:rotate(262deg);height:270px}.popupbg{background-color:#0000004f;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001}.popupcontent{background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;height:fit-content;z-index:9999;display:flex;justify-content:center;min-height:300px;border-radius:10px;padding-bottom:20px;max-height:80vh!important;overflow-y:auto}.presentation{display:flex;width:100%!important;height:100vh;justify-content:center;align-items:center;scale:.7;color:#000}.presentation2{display:flex;flex-direction:column;width:100%!important;max-width:800px;height:100vh;justify-content:center;align-items:center;padding:20px 0;color:#000;scale:.7}.presentation2222:hover{cursor:pointer;box-shadow:0 0 5pt 1pt #d8d8d8}.row2{width:100%;height:120px;padding-left:30px}.optimal-part{display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:20px}.optimal-part p{font-size:13px;font-weight:200}.cards{padding:10px;height:140px;width:128px;background-color:#fff;box-shadow:0 0 10px #0000001a;border:1px solid #dddddd;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;overflow:hidden;text-align:center}.cards p{padding:0;margin:0;line-height:.95;font-size:13px}.cards img{margin-bottom:8px}.cardContainer{padding:0 30px 30px;width:100%;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.table-wrapper{width:92%;overflow-x:auto;background:#fff;box-shadow:0 2px 8px #0000000d;border-radius:20px;margin-left:30px;margin-right:30px;font-family:Product Sans,sans-serif}.bacteria-table{text-align:center;width:100%;border-collapse:collapse;font-size:10px;font-weight:700;color:#333}.bacteria-table thead{background-color:#e6dcfc}.bacteria-table th,.bacteria-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #eee;vertical-align:top;line-height:12.5px;vertical-align:middle}.bacteria-table th{color:#4a4a4a;font-weight:600}.abundance-pill{padding:3px 12px;border-radius:999px;font-weight:700;display:inline-block;min-width:40px;text-align:center;color:#333}.bacteria-table th,.bacteria-table td{border:1px solid #ddd;text-align:center}.bacteria-section{border-radius:16px;overflow:hidden;background-color:#fff;display:flex;flex-direction:column;align-items:center}.section-header{background-color:#f6f3ff;padding:16px 24px;width:92%;border-top-left-radius:10px;border-top-right-radius:10px;border:1px solid #ddd;border-bottom:0px solid #ddd}.section-header h2{margin:0;font-size:18px;color:#6e4e9f}.section-header p{margin:0;color:#6e4e9f;font-size:11px}.table-wrappers{width:92%;overflow-x:auto;background:#fff;box-shadow:0 2px 8px #0000000d;margin-left:30px;margin-right:30px;font-family:Product Sans,sans-serif}.bacteria-tableee{text-align:center;width:100%;border-collapse:collapse;font-size:10px;font-weight:700;color:#333}.bacteria-tableee thead{background-color:#fff}.bacteria-tableee th,.bacteria-tableee td{padding:5px 12px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}.bacteria-tableee th{color:#4a4a4a;font-weight:600}.abundance-pill{width:70px;padding:3px 12px;border-radius:999px;font-weight:700;display:inline-block;min-width:40px;text-align:center;color:#333}.bacteria-tableee{border-collapse:collapse}.bacteria-tableee th,.bacteria-tableee td{border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center}.bacteria-tableee th{border-bottom:1px solid #ddd}.bacteria-tableee tr:first-child td{border-top:none}.bacteria-tableee tr:last-child td{border-bottom:none}.food-card{width:250px;background-color:#f9f9f9;border:1px solid #dddddd;border-radius:20px;box-shadow:0 4px 10px #0000000f;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.food-item{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:500;height:49px;color:#7e4d9f}.food-icon{font-size:24px}.ai-type-wrapper{display:flex;justify-content:center;margin:20px 0}.ai-type-box{display:flex;color:#374151;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-size:1.05rem;font-weight:600;opacity:1;transition:opacity .3s ease}.ai-type-box.fadeout{opacity:0}.ai-spinner{width:18px;height:18px;border:3px solid #d5d7ff;border-top-color:#4f46e5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader-wrapper{margin-top:20px;width:100%;padding:2.8% 3.1% 25px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;position:relative}.loader-overlay{position:fixed;top:0;left:50;width:40%;z-index:999999;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}