html.tvati-dosage-modal-open{overflow:hidden}.tvati-dosage-modal{width:min(920px,calc(100vw - 48px));max-width:920px;height:min(800px,calc(100dvh - 48px));max-height:calc(100dvh - 48px);margin:auto;padding:0;overflow:visible;border:1px solid color-mix(in srgb,var(--tvati-dosage-accent, var(--tvati-blue)) 85%,white);border-radius:22px;background:transparent;color:var(--tvati-dosage-text, var(--tvati-navy));box-shadow:0 28px 90px #0219303d}.tvati-dosage-modal::backdrop{background:#0219308a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.tvati-dosage-modal[open]{animation:tvati-dosage-modal-in .24s cubic-bezier(.22,1,.36,1)}@keyframes tvati-dosage-modal-in{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.tvati-dosage-modal__shell{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;background:var(--tvati-dosage-bg, var(--tvati-white))}.tvati-dosage-modal__scroll{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;padding:54px 54px 0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--tvati-dosage-accent) 42%,transparent) transparent}.tvati-dosage-modal__scroll::-webkit-scrollbar{width:7px}.tvati-dosage-modal__scroll::-webkit-scrollbar-track{background:transparent}.tvati-dosage-modal__scroll::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--tvati-dosage-accent, var(--tvati-blue)) 35%,transparent)}.tvati-dosage-modal__close{position:absolute;z-index:8;top:24px;right:26px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--tvati-dosage-accent, var(--tvati-blue));cursor:pointer}.tvati-dosage-modal__close span{position:absolute;top:50%;left:50%;width:30px;height:2px;border-radius:999px;background:currentColor}.tvati-dosage-modal__close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.tvati-dosage-modal__close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.tvati-dosage-modal__close:hover{background:color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 34%,transparent)}.tvati-dosage-modal__close:focus-visible{outline:2px solid var(--tvati-dosage-accent, var(--tvati-blue));outline-offset:2px}.tvati-dosage-modal__header{padding-right:56px}.tvati-dosage-modal__title{margin:0;color:var(--tvati-dosage-text, var(--tvati-navy));font-family:var(--font-heading);font-size:34px;font-weight:400;line-height:.98;letter-spacing:-.025em;text-transform:uppercase}.tvati-dosage-modal__sizes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}.tvati-dosage-modal__size{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:140px;padding:16px;overflow:hidden;border:2px solid var(--tvati-off-white);border-radius:18px;background:var(--tvati-white);color:var(--tvati-navy);text-align:center;cursor:pointer;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.tvati-dosage-modal__size:hover{transform:translateY(-2px);border:2px solid var(--tvati-cream)}.tvati-dosage-modal__size.is-active{border-color:var(--tvati-dosage-accent, var(--tvati-blue));color:var(--tvati-dosage-accent, var(--tvati-blue))}.tvati-dosage-modal__size:focus-visible{outline:2px solid var(--tvati-dosage-accent, var(--tvati-blue));outline-offset:3px}.tvati-dosage-modal__size-check{position:absolute;top:-2px;right:-2px;display:none;place-items:center;width:42px;height:42px;border-radius:0 16px 0 22px;background:var(--tvati-dosage-accent, var(--tvati-blue));color:var(--tvati-white)}.tvati-dosage-modal__size.is-active .tvati-dosage-modal__size-check{display:grid}.tvati-dosage-modal__size-check svg{width:19px;height:17px}.tvati-dosage-modal__size-image{display:block;width:auto;max-width:80px;height:50px;margin-bottom:14px;object-fit:contain}.tvati-dosage-modal__size-label{font-size:18px;font-weight:500;line-height:1.05;text-transform:uppercase}.tvati-dosage-modal__size-range{margin-top:8px;color:currentColor;font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.2}.tvati-dosage-modal__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:calc(100% + 108px);margin:54px -54px 0;background:var(--tvati-dosage-accent, var(--tvati-blue))}.tvati-dosage-modal__tab{min-height:60px;padding:14px 24px;border:0;background:var(--tvati-dosage-accent, var(--tvati-blue));color:var(--tvati-white);font-family:var(--font-heading);font-size:20px;font-weight:400;line-height:1;text-align:center;text-transform:uppercase;cursor:pointer;transition:background-color .18s ease,color .18s ease}.tvati-dosage-modal__tab.is-active{background:var(--tvati-off-white);color:var(--tvati-dosage-accent, var(--tvati-blue))}.tvati-dosage-modal__tab:hover:not(.is-active){background:color-mix(in srgb,var(--tvati-dosage-accent, var(--tvati-blue)) 90%,white)}.tvati-dosage-modal__tab:focus-visible{position:relative;z-index:2;outline:2px solid var(--tvati-dosage-soft, var(--tvati-hibiscus));outline-offset:-5px}.tvati-dosage-modal__panel{width:calc(100% + 108px);margin-right:-54px;margin-left:-54px;padding:48px 54px 54px;background:var(--tvati-off-white)}.tvati-dosage-modal__panel[hidden]{display:none!important}.tvati-dosage-modal__section+.tvati-dosage-modal__section{margin-top:50px}.tvati-dosage-modal__subheading{margin:0 0 12px;color:var(--tvati-dosage-accent, var(--tvati-blue));font-size:18px;font-weight:500;line-height:1.2}.tvati-dosage-modal__copy,.tvati-dosage-modal__usage-intro{color:var(--tvati-dosage-text, var(--tvati-navy));font-family:var(--font-body);font-size:var(--tvati-body-copy-size);font-weight:var(--tvati-body-copy-weight);line-height:1.8}.tvati-dosage-modal__copy p,.tvati-dosage-modal__usage-intro p{margin:0}.tvati-dosage-modal__copy p+p,.tvati-dosage-modal__usage-intro p+p{margin-top:10px}.tvati-dosage-modal__pack-copy{margin-top:34px}.tvati-dosage-modal__calendar{margin-top:42px}.tvati-dosage-modal__calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;border:1px solid color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 72%,white)}.tvati-dosage-modal__calendar-day{position:relative;display:grid;place-items:center;min-width:0;height:86px;border-right:1px solid color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 72%,white);background:color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 10%,white);color:var(--tvati-dosage-accent, var(--tvati-blue))}.tvati-dosage-modal__calendar-day:last-child{border-right:0}.tvati-dosage-modal__calendar-day.is-active{background:color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 72%,white)}.tvati-dosage-modal__calendar-label{position:absolute;top:-18px;left:50%;display:grid;place-items:center;min-width:33px;height:29px;padding-inline:8px;border-radius:7px;background:color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 76%,white);color:var(--tvati-dosage-accent, var(--tvati-blue));font-size:16px;line-height:1;transform:translate(-50%)}.tvati-dosage-modal__calendar-vial{display:none;width:min(38px,64%)}.tvati-dosage-modal__calendar-day.is-active .tvati-dosage-modal__calendar-vial{display:block}.tvati-dosage-modal__calendar-vial svg{display:block;width:100%;height:auto}.tvati-dosage-modal__usage-intro{margin-bottom:34px}.tvati-dosage-modal__usage-video{overflow:hidden;margin-bottom:36px;border-radius:16px;background:var(--tvati-navy)}.tvati-dosage-modal__usage-video video{display:block;width:100%;height:auto;max-height:480px;object-fit:cover}.tvati-dosage-modal__usage-list{display:flex;flex-direction:column;gap:26px}.tvati-dosage-modal__usage-item{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:center;gap:30px;padding-bottom:26px;border-bottom:1px solid color-mix(in srgb,var(--tvati-dosage-accent, var(--tvati-blue)) 12%,transparent)}.tvati-dosage-modal__usage-item:last-child{padding-bottom:0;border-bottom:0}.tvati-dosage-modal__usage-media{overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 15%,white)}.tvati-dosage-modal__usage-image{display:block;width:100%;aspect-ratio:1 / .78;border:2px solid var(--tvati-off-white);object-fit:cover}.tvati-dosage-modal__usage-copy{min-width:0}@media screen and (max-width:749px){.tvati-dosage-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:transparent;box-shadow:none}.tvati-dosage-modal::backdrop{background:#02193057;-webkit-backdrop-filter:blur(16px) saturate(1.08);backdrop-filter:blur(16px) saturate(1.08)}.tvati-dosage-modal__shell{border-radius:0;background:color-mix(in srgb,var(--tvati-dosage-bg, var(--tvati-white)) 88%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.22);backdrop-filter:blur(22px) saturate(1.22);box-shadow:inset 0 1px #ffffff94}.tvati-dosage-modal__scroll{padding:54px var(--tvati-page-gutter) 44px}.tvati-dosage-modal__close{top:16px;right:16px;width:38px;height:38px;border:1px solid rgb(255 255 255 / 54%);background:#ffffff57;-webkit-backdrop-filter:blur(12px) saturate(1.18);backdrop-filter:blur(12px) saturate(1.18);box-shadow:0 8px 24px #02193014,inset 0 1px #ffffff9e}.tvati-dosage-modal__close span{width:27px}.tvati-dosage-modal__header{padding-right:38px}.tvati-dosage-modal__title{font-size:24px}.tvati-dosage-modal__sizes{gap:12px;margin-top:38px}.tvati-dosage-modal__size{min-height:150px;padding:18px 8px 16px;border-color:#ffffff94;border-radius:14px;background:#ffffffb8;-webkit-backdrop-filter:blur(12px) saturate(1.12);backdrop-filter:blur(12px) saturate(1.12);box-shadow:inset 0 1px #ffffff9e}.tvati-dosage-modal__size.is-active{border-color:var(--tvati-dosage-accent, var(--tvati-blue));background:color-mix(in srgb,var(--tvati-dosage-soft, var(--tvati-hibiscus)) 30%,rgb(255 255 255 / 74%));box-shadow:inset 0 0 0 1px var(--tvati-dosage-accent, var(--tvati-blue)),inset 0 1px #ffffffb3}.tvati-dosage-modal__size-check{width:34px;height:34px;border-radius:0 13px 0 18px}.tvati-dosage-modal__size-check svg{width:16px;height:14px}.tvati-dosage-modal__size-image{max-width:84px;height:48px;margin-bottom:12px}.tvati-dosage-modal__size-label{font-size:clamp(14px,4vw,17px)}.tvati-dosage-modal__size-range{margin-top:7px;font-size:clamp(12px,3.5vw,14px)}.tvati-dosage-modal__tabs{width:calc(100% + (var(--tvati-page-gutter) * 2));margin:42px calc(-1 * var(--tvati-page-gutter)) 0}.tvati-dosage-modal__tab{min-height:46px;padding-inline:12px;background:color-mix(in srgb,var(--tvati-dosage-accent, var(--tvati-blue)) 94%,transparent);color:var(--tvati-white);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);font-size:18px}.tvati-dosage-modal__tab.is-active{background:var(--tvati-off-white);color:var(--tvati-dosage-accent, var(--tvati-blue));-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12)}.tvati-dosage-modal__tab:hover:not(.is-active){background:color-mix(in srgb,var(--tvati-dosage-accent, var(--tvati-blue)) 94%,transparent)}.tvati-dosage-modal__scroll{display:flex;flex-direction:column;min-height:100%;padding-bottom:0!important}.tvati-dosage-modal__panel{flex:1 0 auto;width:calc(100% + (var(--tvati-page-gutter) * 2));min-height:0;margin-right:calc(-1 * var(--tvati-page-gutter));margin-left:calc(-1 * var(--tvati-page-gutter));padding:34px var(--tvati-page-gutter) 34px;background:var(--tvati-off-white);-webkit-backdrop-filter:none;backdrop-filter:none}.tvati-dosage-modal__section+.tvati-dosage-modal__section{margin-top:42px}.tvati-dosage-modal__subheading{margin-bottom:9px;font-size:16px}.tvati-dosage-modal__copy,.tvati-dosage-modal__usage-intro{font-size:var(--tvati-body-copy-size);line-height:var(--tvati-body-copy-line-height)}.tvati-dosage-modal__pack-copy{margin-top:28px}.tvati-dosage-modal__calendar{margin-top:38px}.tvati-dosage-modal__calendar-day{height:66px}.tvati-dosage-modal__calendar-label{top:-14px;min-width:28px;height:25px;padding-inline:6px;font-size:14px}.tvati-dosage-modal__calendar-vial{width:min(34px,70%)}.tvati-dosage-modal__usage-list{gap:22px}.tvati-dosage-modal__usage-item{grid-template-columns:110px minmax(0,1fr);gap:18px;padding-bottom:22px}.tvati-dosage-modal__usage-media{border-radius:12px}}@media screen and (max-width:430px){.tvati-dosage-modal__sizes{gap:8px}.tvati-dosage-modal__size{min-height:138px;padding-inline:5px}.tvati-dosage-modal__size-image{max-width:68px;height:42px}.tvati-dosage-modal__size-label{font-size:13px}.tvati-dosage-modal__size-range{font-size:11px}.tvati-dosage-modal__calendar-day{height:58px}.tvati-dosage-modal__calendar-label{min-width:24px;height:23px;font-size:12px}.tvati-dosage-modal__calendar-vial{width:min(29px,72%)}.tvati-dosage-modal__usage-item{grid-template-columns:92px minmax(0,1fr);gap:14px}}@media(prefers-reduced-motion:reduce){.tvati-dosage-modal[open]{animation:none}.tvati-dosage-modal__size{transition:none}}.tvati-dosage-modal--single-variant .tvati-dosage-modal__sizes{display:none!important}.tvati-dosage-modal--single-variant .tvati-dosage-modal__tabs{margin-top:34px}@media screen and (max-width:749px){.tvati-dosage-modal--single-variant .tvati-dosage-modal__tabs{margin-top:30px}}.tvati-purchase--single-variant>.tvati-purchase__heading,.tvati-purchase--single-variant .tvati-purchase__group--sizes,.tvati-purchase--single-variant .tvati-purchase__group--packs{display:none!important}.tvati-purchase__usage{background:var(--tvati-purchase-usage-bg, var(--tvati-blue-bright))!important}.tvati-purchase__shipping{background:var(--tvati-purchase-shipping-bg, var(--tvati-blue-bright))!important}.tvati-dosage-modal__usage-item:not(:has(.tvati-dosage-modal__usage-media)){grid-template-columns:minmax(0,1fr)}
/*# sourceMappingURL=/cdn/shop/t/18/assets/tvati-dosage-modal.css.map */