@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calc{--background: oklch(.975 .005 155);--foreground: oklch(.2 .02 160);--card: oklch(.995 .002 155);--card-foreground: oklch(.2 .02 160);--primary: oklch(.55 .16 155);--primary-foreground: oklch(.99 .005 155);--secondary: oklch(.94 .03 155);--secondary-foreground: oklch(.25 .04 155);--muted: oklch(.95 .015 155);--muted-foreground: oklch(.5 .02 160);--accent: oklch(.72 .18 85);--accent-foreground: oklch(.2 .02 85);--border: oklch(.9 .02 155);--input: oklch(.92 .015 155);--ring: oklch(.55 .16 155);--destructive: oklch(.577 .245 27.325);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;width:100%;border:1px solid var(--border);border-radius:var(--radius-2xl);background-color:var(--background);box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.calc__inner{max-width:36rem;margin-left:auto;margin-right:auto;padding:2rem 1rem}@media(min-width:768px){.calc__inner{padding-top:3rem;padding-bottom:3rem}}.calc__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;margin-bottom:2rem}@media(min-width:768px){.calc__header{margin-bottom:2.5rem}}.calc__icon-wrapper{display:flex;align-items:center;justify-content:center;height:3rem;width:3rem;border-radius:var(--radius-2xl);background-color:color-mix(in oklch,var(--primary) 10%,transparent);margin-bottom:.25rem}.calc__icon{width:1.5rem;height:1.5rem;color:var(--primary)}.calc__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;color:var(--foreground);text-wrap:balance}@media(min-width:768px){.calc__title{font-size:1.875rem}}.calc__subtitle{font-size:.875rem;color:var(--muted-foreground);max-width:24rem;line-height:1.6;text-wrap:pretty}.calc__card{border-radius:var(--radius-2xl);border:1px solid var(--border);background-color:var(--card);box-shadow:0 1px 3px #0000000d;overflow:hidden}.calc__form{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem}@media(min-width:768px){.calc__form{padding:1.75rem}}.calc__actions{display:flex;flex-direction:column;gap:.75rem;border-top:1px solid var(--border);background-color:color-mix(in oklch,var(--muted) 30%,transparent);padding:1.25rem}@media(min-width:768px){.calc__actions{padding-left:1.75rem;padding-right:1.75rem}}.calc__btn{display:inline-flex;align-items:center;justify-content:center;width:100%;height:3rem;border:none;border-radius:var(--radius-xl);background-color:var(--primary);color:var(--primary-foreground);font-size:1rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0000001f;transition:box-shadow .2s ease,opacity .2s ease,transform .15s ease}.calc__btn:hover:not(.calc__btn--disabled){box-shadow:0 4px 12px #0000002e}.calc__btn:active:not(.calc__btn--disabled){transform:translateY(1px)}.calc__btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.calc__btn--disabled{opacity:.45;cursor:not-allowed}.calc__reset{display:flex;align-items:center;justify-content:center;gap:.375rem;margin-left:auto;margin-right:auto;padding:.25rem .5rem;border:none;border-radius:var(--radius-sm);background:transparent;font-size:.75rem;font-weight:500;color:var(--muted-foreground);cursor:pointer;transition:color .15s ease}.calc__reset:hover{color:var(--foreground)}.calc__reset:focus-visible{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent)}.calc__reset-icon{width:.75rem;height:.75rem}.calc__results{margin-top:1.5rem}.weight{display:flex;flex-direction:column;gap:.75rem}.weight__label{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground)}.weight__row{display:flex;align-items:stretch;gap:.5rem}.weight__field{position:relative;flex:1}.weight__input{width:100%;height:3.5rem;padding:0 3.5rem 0 1rem;margin:0;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--card);color:var(--foreground);font-size:1.125rem;font-weight:500;font-family:inherit;transition:box-shadow .2s ease}.weight__input::placeholder{color:color-mix(in oklch,var(--muted-foreground) 50%,transparent)}.weight__input:focus{outline:none;box-shadow:0 0 0 2px color-mix(in oklch,var(--primary) 40%,transparent)}.weight__suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:500;color:var(--muted-foreground);pointer-events:none}.weight__toggle{display:flex;border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden;background-color:var(--muted)}.weight__toggle-btn{padding:0 1rem;height:3.5rem;border:none;font-size:.875rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--muted-foreground)}.weight__toggle-btn:hover:not(.weight__toggle-btn--active){color:var(--foreground);background-color:var(--secondary)}.weight__toggle-btn--active{background-color:var(--primary);color:var(--primary-foreground);box-shadow:0 1px 3px #0000001a}.weight__toggle-btn:focus-visible{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent);outline-offset:-2px}.intensity{display:flex;flex-direction:column;gap:.75rem;border:none}.intensity__legend{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);-webkit-user-select:none;user-select:none}.intensity__grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:500px){.intensity__grid{grid-template-columns:repeat(3,1fr)}}.intensity__option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;border-radius:var(--radius-xl);border:2px solid var(--border);background-color:var(--card);padding:1rem;text-align:left;cursor:pointer;font-family:inherit;transition:all .2s ease}.intensity__option:hover:not(.intensity__option--selected){border-color:color-mix(in oklch,var(--primary) 30%,transparent);background-color:color-mix(in oklch,var(--secondary) 50%,transparent)}.intensity__option--selected{border-color:var(--primary);background-color:color-mix(in oklch,var(--primary) 5%,transparent);box-shadow:0 1px 3px #0000000d}.intensity__option:focus-visible{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent)}.intensity__option-label{font-size:1rem;font-weight:600;color:var(--foreground)}.intensity__option--selected .intensity__option-label{color:var(--primary)}.intensity__option-desc{font-size:.75rem;color:var(--muted-foreground);line-height:1.4}.intensity__option-badge{display:inline-block;margin-top:.25rem;font-family:var(--font-mono);font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:var(--radius-md);background-color:var(--muted);color:var(--muted-foreground)}.intensity__option--selected .intensity__option-badge{background-color:color-mix(in oklch,var(--primary) 10%,transparent);color:var(--primary)}.product-type{display:flex;flex-direction:column;gap:.75rem;border:none}.product-type__header{display:flex;align-items:center;justify-content:space-between}.product-type__legend{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);-webkit-user-select:none;user-select:none}.product-type__legend-optional{margin-left:.375rem;font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:normal;opacity:.7}.product-type__clear{border:none;background:transparent;font-size:.75rem;font-weight:500;font-family:inherit;color:var(--primary);cursor:pointer;padding:.125rem .25rem;border-radius:var(--radius-sm);transition:color .15s ease}.product-type__clear:hover{opacity:.8}.product-type__clear:focus-visible{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent)}.product-type__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.product-type__option{display:flex;flex-direction:column;align-items:center;gap:.5rem;border-radius:var(--radius-xl);border:2px solid var(--border);background-color:var(--card);padding:1rem .75rem;cursor:pointer;font-family:inherit;transition:all .2s ease}.product-type__option:hover:not(.product-type__option--selected){border-color:color-mix(in oklch,var(--primary) 30%,transparent);background-color:color-mix(in oklch,var(--secondary) 50%,transparent)}.product-type__option--selected{border-color:var(--primary);background-color:color-mix(in oklch,var(--primary) 5%,transparent);box-shadow:0 1px 3px #0000000d}.product-type__option:focus-visible{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent)}.product-type__option-icon{width:1.5rem;height:1.5rem;color:var(--muted-foreground)}.product-type__option--selected .product-type__option-icon{color:var(--primary)}.product-type__option-label{font-size:.75rem;font-weight:600;text-align:center;line-height:1.3;color:var(--foreground)}.product-type__option--selected .product-type__option-label{color:var(--primary)}.strength__panel{display:flex;flex-direction:column;gap:1rem;border-radius:var(--radius-xl);border:1px solid var(--border);background-color:color-mix(in oklch,var(--secondary) 30%,transparent);padding:1rem;animation:slideInFromTop .3s ease both}.strength__hint{font-size:.75rem;font-weight:500;color:var(--muted-foreground)}.strength__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:400px){.strength__grid{grid-template-columns:1fr 1fr}}.strength__field{display:flex;flex-direction:column;gap:.375rem}.strength__label{font-size:.75rem;font-weight:500;color:var(--muted-foreground)}.strength__input{height:3rem;padding:0 .75rem;border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--card);color:var(--foreground);font-size:.875rem;font-family:inherit;transition:box-shadow .2s ease}.strength__input::placeholder{color:color-mix(in oklch,var(--muted-foreground) 50%,transparent)}.strength__input:focus{outline:none;box-shadow:0 0 0 2px color-mix(in oklch,var(--primary) 40%,transparent)}.strength__input--narrow{max-width:8rem}.strength__input--medium{max-width:15rem}.strength__input--small{height:2.5rem}.strength__advanced{border-top:1px solid color-mix(in oklch,var(--border) 50%,transparent);padding-top:.75rem}.strength__advanced-toggle{display:flex;align-items:center;gap:.375rem;border:none;background:transparent;font-size:.75rem;font-weight:500;font-family:inherit;color:var(--muted-foreground);cursor:pointer;padding:.125rem .25rem;border-radius:var(--radius-sm);transition:color .15s ease}.strength__advanced-toggle:hover{color:var(--foreground)}.strength__advanced-toggle:focus-visible{outline:2px solid color-mix(in oklch,var(--ring) 40%,transparent)}.strength__advanced-icon{width:.875rem;height:.875rem;transition:transform .2s ease}.strength__advanced-icon--open{transform:rotate(180deg)}.strength__advanced-body{margin-top:.75rem;display:flex;flex-direction:column;gap:.375rem;animation:slideInFromTop .2s ease both}.strength__advanced-note{font-size:.6875rem;color:color-mix(in oklch,var(--muted-foreground) 70%,transparent)}.results{display:flex;flex-direction:column;gap:1.25rem;animation:slideInFromBottom .5s ease both}.results__primary{position:relative;overflow:hidden;border-radius:var(--radius-2xl);background-color:var(--primary);padding:1.5rem;color:var(--primary-foreground);box-shadow:0 4px 12px #00000026}.results__primary-circle--top{position:absolute;top:-1rem;right:-1rem;width:6rem;height:6rem;border-radius:50%;background-color:color-mix(in oklch,var(--primary-foreground) 10%,transparent)}.results__primary-circle--bottom{position:absolute;bottom:-1.5rem;left:-1.5rem;width:4rem;height:4rem;border-radius:50%;background-color:color-mix(in oklch,var(--primary-foreground) 5%,transparent)}.results__primary-content{position:relative;display:flex;flex-direction:column;gap:.25rem}.results__primary-header{display:flex;align-items:center;gap:.5rem}.results__primary-icon{width:1rem;height:1rem;opacity:.7}.results__primary-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.results__primary-value{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;letter-spacing:-.025em}.results__primary-unit{font-size:1.125rem;font-weight:400;opacity:.7}.results__oil{border-radius:var(--radius-xl);border:1px solid var(--border);background-color:var(--card);padding:1.25rem;box-shadow:0 1px 3px #0000000d;animation:slideInFromBottom .3s ease both}.results__oil-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.results__oil-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-lg);background-color:color-mix(in oklch,var(--primary) 10%,transparent)}.results__oil-icon{width:1rem;height:1rem;color:var(--primary)}.results__oil-title{font-size:.875rem;font-weight:600;color:var(--foreground)}.results__oil-dropper{border-radius:var(--radius-lg);background-color:color-mix(in oklch,var(--secondary) 60%,transparent);padding:1rem;margin-bottom:.75rem}.results__oil-dropper-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:.25rem}.results__oil-dropper-value{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--foreground);line-height:1.3;text-transform:capitalize}.results__oil-dropper-note{font-size:.75rem;color:var(--muted-foreground);margin-top:.25rem}.results__oil-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.results__oil-advanced{margin-top:.75rem;border-radius:var(--radius-lg);border:1px solid color-mix(in oklch,var(--border) 50%,transparent);background-color:color-mix(in oklch,var(--muted) 40%,transparent);padding:.5rem .75rem;animation:fadeIn .2s ease both}.results__oil-advanced-text{font-size:.6875rem;color:var(--muted-foreground)}.results__oil-advanced-bold{font-weight:500}.results__oil-advanced-value{font-weight:600;color:var(--foreground)}.results__unit{border-radius:var(--radius-xl);border:1px solid var(--border);background-color:var(--card);padding:1.25rem;box-shadow:0 1px 3px #0000000d;animation:slideInFromBottom .3s ease both}.results__unit-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.results__unit-icon-wrapper{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-lg);background-color:color-mix(in oklch,var(--primary) 10%,transparent)}.results__unit-icon{width:1rem;height:1rem;color:var(--primary)}.results__unit-title{font-size:.875rem;font-weight:600;color:var(--foreground)}.results__unit-stats{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.results__stat{display:flex;flex-direction:column;gap:.125rem;border-radius:var(--radius-lg);background-color:color-mix(in oklch,var(--secondary) 60%,transparent);padding:.75rem}.results__stat-label{font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground)}.results__stat-value{font-size:1.125rem;font-weight:700;color:var(--foreground);line-height:1.3}.results__stat-suffix{font-size:.75rem;color:var(--muted-foreground)}.results__disclaimer{font-size:calc(var(--theme-font-size-xs) * 1rem);line-height:1.6;color:color-mix(in oklch,var(--muted-foreground) 90%,transparent);text-align:center;padding:0 .5rem}
/*# sourceMappingURL=/cdn/shop/t/8/assets/cbd-calculator.css.map */