.dc{--dc-ink: #14162b;--dc-muted: #5b5e70;--dc-line: #d9dae0;--dc-track: #efefef;--dc-accent: #ff6a4d;--dc-badge: #fdf1d0;--dc-thumb: 26px;color:var(--dc-ink);padding:24px 16px}.dc .dc__card{position:relative;margin:0 auto;padding:40px;background:#fff;display:grid;grid-template-columns:1fr;gap:28px}.dc .dc__title{font-family:var(--font-clash-family);margin:0 0 6px;font-size:24px;line-height:1.2;font-weight:600;letter-spacing:0}.dc .dc__sub{margin:0 0 28px;color:var(--dc-muted);font-family:var(--font-clash-family);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dc .dc__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.dc .dc__tab{font-family:var(--font-clash-family);font-size:15px;line-height:18px;padding:10px 20px;border-radius:999px;border:1px solid var(--dc-line);background:#fff;color:var(--dc-ink);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.dc .dc__tab:hover{border-color:var(--dc-ink)}.dc .dc__tab.is-active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.dc .dc__tab:focus-visible,.dc .dc__input:focus-visible{outline:3px solid var(--dc-accent);outline-offset:2px}.dc .dc__label{display:block;font-size:14px;font-weight:500;margin-bottom:12px}.dc .dc__field{position:relative;width:166px;margin-bottom:12px}.dc .dc__input{box-sizing:border-box;width:100%;height:48px;padding:0 48px 0 16px;font:inherit;font-size:18px;color:var(--dc-ink);background:#fff;border:1px solid var(--dc-line);border-radius:8px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;font-weight:500}.dc .dc__input::-webkit-outer-spin-button,.dc .dc__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dc .dc__unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:15px;color:var(--dc-muted);pointer-events:none}.dc .dc__range{--p: .3;-webkit-appearance:none;appearance:none;display:block;width:100%;height:var(--dc-thumb);margin:0;background:transparent;cursor:pointer}.dc .dc__range::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(to right,var(--dc-accent) calc(var(--p) * (100% - var(--dc-thumb)) + var(--dc-thumb) / 2),var(--dc-track) 0)}.dc .dc__range::-moz-range-track{height:8px;border-radius:4px;background:var(--dc-track)}.dc .dc__range::-moz-range-progress{height:8px;border-radius:4px;background:var(--dc-accent)}.dc .dc__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--dc-thumb);height:var(--dc-thumb);margin-top:calc((8px - var(--dc-thumb)) / 2);border-radius:50%;border:0;background:transparent url(Thumb.svg) center / contain no-repeat}.dc .dc__range::-moz-range-thumb{width:var(--dc-thumb);height:var(--dc-thumb);border-radius:50%;border:0;background:transparent url(Thumb.svg) center / contain no-repeat}.dc .dc__range:focus-visible{outline:none}.dc .dc__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dc-ink)}.dc .dc__range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dc-ink)}.dc .dc__scale{font-family:var(--font-clash-family);display:flex;justify-content:space-between;margin-top:6px;font-size:12px;font-weight:400;color:var(--dc-muted)}.dc .dc__dog{display:none}.dc .dc__result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px}.dc .dc__eyebrow{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dc-muted)}.dc .dc__dose-line{display:flex;align-items:flex-end;gap:10px}.dc .dc__num{font-family:var(--font-clash-family);font-size:45px;line-height:.9;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums}.dc .dc__dose-text{font-size:16px;line-height:1.1;font-weight:400;color:var(--dc-muted);padding-bottom:4px;white-space:nowrap}.dc [hidden]{display:none!important}.dc .dc__approx{display:block;margin-top:4px;font-size:11px;color:var(--dc-muted)}.dc .dc__badge{justify-self:end;padding:8px 18px;border-radius:999px;background:var(--dc-badge);font-size:18px;white-space:nowrap;font-family:var(--font-clash-family);font-weight:500;letter-spacing:-.03em}.dc .dc__visual{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}.dc .dc__piece{width:46px;height:auto;flex:0 0 auto;opacity:.22;filter:saturate(.6);transition:opacity .3s ease,filter .3s ease}.dc .dc__piece.is-on{opacity:1;filter:none}.dc .dc__piece.is-half{opacity:1;filter:none;-webkit-mask-image:linear-gradient(90deg,#000 50%,rgba(0,0,0,.22) 50%);mask-image:linear-gradient(90deg,#000 50%,#00000038 50%)}.dc .dc__visual[data-kind=chews] .dc__piece{width:56px}.dc .dc__visual[data-kind=drops]{width:200px;aspect-ratio:2400 / 554;justify-self:center}.dc .dc__dropper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease;max-width:198px}.dc .dc__dropper.is-on{opacity:1}.dosager-calculator-main{padding:0;margin-top:60px;border-radius:40px;overflow:hidden}.dc .dc__dog{display:block;position:absolute;top:24px;right:0;width:190px;pointer-events:none}.dc .dc__blob{position:absolute;inset:-10px -30px auto auto;width:190px;height:auto}.dc .dc__dog-img{position:relative;display:block;width:100%;height:auto;margin-left:auto}@media(max-width:1360px){.dc .dc__result{grid-template-columns:1fr;gap:16px}.dc .dc__visual{justify-content:flex-start;justify-self:flex-start!important}.dc .dc__badge{justify-self:start}.dc .dc__dog{width:150px}}@media(max-width:1199px){.dc .dc__dog{display:none}.dosager-calculator-main{margin-top:40px}}@media(max-width:991px){.dc .dc__card{padding:24px 20px}.dc .dc__visual[data-kind=drops]{justify-self:start;width:min(240px,100%)}}@media(prefers-reduced-motion:reduce){.dc *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-dosage-calculator.css.map */