.dosage-tab-button{display:inline-block;align-items:center;width:auto;margin-top:20px;padding:14px 22px;border:1px solid var(--border-color);border-radius:100px;background:transparent;color:var(--text-color);cursor:pointer;text-align:left;transition:background .3s ease-in-out,border-color .3s ease-in-out}.dosage-tab-button:hover,.dosage-tab-button:focus-visible{border-color:var(--text-color);background:color-mix(in srgb,var(--text-color) 6%,transparent)}.dosage-tab-button-text{font-family:var(--body-font-family);font-size:calc(var(--body-font-scale) * 15px);line-height:1.2;padding-right:10px}.dosage-tab-button-icon{--svg-wrapper-size: 14px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.dosage-tab-button:hover .dosage-tab-button-icon{transform:translate(2px,-2px)}.dosage-drawer-close-outside{display:none}.dosage-drawer .overlay-drawer-body{display:flex;flex-direction:column;gap:24px;padding:20px}.dosage-drawer-product{display:flex;align-items:center;gap:14px}.dosage-drawer-media{flex-shrink:0;width:42px;border-radius:6px;overflow:hidden}.dosage-drawer-media .media{position:relative;width:100%;padding-bottom:var(--image-ratio, 100%)}.dosage-drawer-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dosage-drawer-product-title{margin:0;color:var(--text-color);font-size:calc(var(--body-font-scale) * 24px);line-height:1.25}.dosage-drawer-table{width:100%;border-collapse:collapse;table-layout:fixed}.dosage-drawer-table thead{border-bottom:0}.dosage-drawer-table th,.dosage-drawer-table td{width:50%;padding:14px 0;border:0;border-bottom:1px solid var(--border-color);color:var(--text-color);font-size:var(--text-xs);line-height:1.4;vertical-align:middle;text-align:left;white-space:normal;overflow-wrap:break-word}.dosage-drawer-table thead th{padding-top:0;font-weight:600}.dosage-drawer-table th:last-child,.dosage-drawer-table .dosage-drawer-value{padding-left:16px;text-align:right}.dosage-drawer-table tbody tr:last-child th,.dosage-drawer-table tbody tr:last-child td{border-bottom:0}@media screen and (max-width:767px){.dosage-drawer .overlay-drawer-body{padding:15px}.dosage-tab-button{max-width:100%;padding:12px 18px}.dosage-drawer-product-title{font-size:20px}}@media screen and (max-width:575px){.dosage-drawer .overlay-drawer-inner{--drawer-height: 80vh;top:auto;right:0;bottom:0;left:0;width:auto;height:auto;margin:auto 0 0;display:grid;grid-template-areas:"drawer-close" "drawer-content";grid-template-rows:auto minmax(0,1fr);gap:10px;clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.dosage-drawer.open .overlay-drawer-inner{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.dosage-drawer .overlay-drawer-content{grid-area:drawer-content;height:auto}.dosage-drawer .dosage-drawer-close-outside{grid-area:drawer-close;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--button-text, var(--body-background));background:var(--button-background, var(--text-color));height:48px;width:48px}.dosage-drawer .overlay-drawer-header .overlay-drawer-close{display:none}.dosage-drawer .overlay-drawer-header{grid-template-columns:1fr}.dosage-drawer .overlay-drawer-body{min-height:0;height:auto}.dosage-drawer.overlay-drawer:not(.cart-notification-drawer) .overlay-drawer-inner .overlay-drawer-content{border-radius:var(--card-radius) var(--card-radius) 0 0}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/dosage-drawer.css.map */