@property --vapediy-accent{syntax:"<color>";inherits:true;initial-value:#6b7280}@property --vapediy-accent-low{syntax:"<color>";inherits:true;initial-value:rgba(107,114,128,.12)}@keyframes vapediy-fade-in-up{0%{opacity:0;transform:translateY(1.5em) scale(0.98)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes vapediy-pop{0%{transform:scale(1)}50%{transform:scale(0.92)}100%{transform:scale(1)}}@keyframes vapediy-glow{0%,100%{box-shadow:0 0 0 0 rgba(var(--vapediy-accent-rgb), 0.35)}50%{box-shadow:0 0 0 .5em rgba(var(--vapediy-accent-rgb), 0)}}@media(prefers-reduced-motion: reduce){.vapediy-page *{animation:none !important;transition:none !important}}.vapediy-page{--vapediy-accent: var(--tertiary);--vapediy-accent-low: var(--tertiary-low);--vapediy-radius-sm: 0.85em;--vapediy-radius-md: 1.2em;--vapediy-radius-lg: 1.8em;--vapediy-radius-pill: 999px;--vapediy-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);--vapediy-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);--vapediy-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.12);margin:0 auto;padding:1.5em 1em 4em;box-sizing:border-box;font-size:var(--font-0);transition:--vapediy-accent .4s ease,--vapediy-accent-low .4s ease}.vapediy-page *{box-sizing:border-box}.vapediy-page[data-active-tab=liquid_mixer]{--vapediy-accent: #3b82f6;--vapediy-accent-low: rgba(59, 130, 246, 0.15)}.vapediy-page[data-active-tab=flavor_recipe]{--vapediy-accent: #ec4899;--vapediy-accent-low: rgba(236, 72, 153, 0.15)}.vapediy-page[data-active-tab=base_mixer]{--vapediy-accent: #10b981;--vapediy-accent-low: rgba(16, 185, 129, 0.15)}.vapediy-page[data-active-tab=liquid_blender]{--vapediy-accent: #f59e0b;--vapediy-accent-low: rgba(245, 158, 11, 0.15)}.vapediy-page[data-active-tab=coil_calculator]{--vapediy-accent: #ef4444;--vapediy-accent-low: rgba(239, 68, 68, 0.15)}.vapediy-page[data-active-tab=my_recipes]{--vapediy-accent: #8b5cf6;--vapediy-accent-low: rgba(139, 92, 246, 0.15)}.vapediy-header{padding:0 0 1.5em}.vapediy-header .vapediy-header-brand{display:inline-flex;align-items:center;gap:.5em;font-size:var(--font-down-1);font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--vapediy-accent);margin-bottom:.8em;background:var(--vapediy-accent-low);padding:.4em .8em;border-radius:var(--vapediy-radius-pill)}.vapediy-header .vapediy-header-sub{display:flex;align-items:center;gap:.8em;animation:vapediy-fade-in-up .5s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-header .vapediy-header-sub .d-icon{flex:0 0 auto;width:2.8em;height:2.8em;display:flex;align-items:center;justify-content:center;border-radius:var(--vapediy-radius-md);background:var(--vapediy-accent);color:#fff;font-size:var(--font-up-2);box-shadow:var(--vapediy-shadow-md);transition:transform .3s ease,background-color .3s ease}.vapediy-header .vapediy-header-sub h1{font-size:var(--font-up-5);font-weight:900;letter-spacing:-0.02em;margin:0;color:var(--primary)}.vapediy-tabs{display:flex;gap:.5em;padding:.5em;margin:0 0 2em;background:var(--primary-very-low);border-radius:var(--vapediy-radius-pill);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.02)}.vapediy-tabs::-webkit-scrollbar{display:none}.vapediy-tabs .vapediy-tab-btn{scroll-snap-align:start;display:flex;align-items:center;gap:.6em;flex:0 0 auto;padding:.8em 1.4em;background:rgba(0,0,0,0);border:none;border-radius:var(--vapediy-radius-pill);color:var(--primary-medium);cursor:pointer;font-size:var(--font-0);font-weight:700;white-space:nowrap;transition:all .3s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-tabs .vapediy-tab-btn:hover{background:var(--secondary);color:var(--primary)}.vapediy-tabs .vapediy-tab-btn:active{transform:scale(0.92)}.vapediy-tabs .vapediy-tab-btn.active{background:var(--vapediy-accent);color:#fff;box-shadow:var(--vapediy-shadow-md);transform:translateY(-2px)}.vapediy-tabs .vapediy-tab-btn.active .vapediy-tab-icon .d-icon{transform:scale(1.15)}.vapediy-calculator{background:var(--secondary);border:1px solid rgba(128,128,128,.1);border-radius:var(--vapediy-radius-lg);padding:2em;box-shadow:var(--vapediy-shadow-lg);animation:vapediy-fade-in-up .6s cubic-bezier(0.2, 0.8, 0.2, 1)}.vapediy-calculator .vapediy-description{color:var(--primary-medium);margin:0 0 1.5em;font-size:var(--font-0);line-height:1.6}.vapediy-field-label{display:block;font-size:var(--font-down-1);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-medium);margin-bottom:.6em}.vapediy-stepper{display:flex;align-items:stretch;border:2px solid var(--primary-low);border-radius:var(--vapediy-radius-md);overflow:hidden;background:var(--primary-very-low);transition:all .2s ease;min-height:3.2em}.vapediy-stepper:focus-within{border-color:var(--vapediy-accent);box-shadow:0 0 0 4px var(--vapediy-accent-low);background:var(--secondary)}.vapediy-stepper-btn{flex:0 0 3.2em;display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);color:var(--vapediy-accent);cursor:pointer;font-size:var(--font-up-1);transition:background-color .2s ease}.vapediy-stepper-btn:hover{background:var(--vapediy-accent-low)}.vapediy-stepper-btn:active{animation:vapediy-pop .2s ease;background:var(--vapediy-accent-low)}.vapediy-stepper-input{flex:1;display:flex;align-items:center;justify-content:center;background:var(--secondary)}.vapediy-stepper-input input[type=number]{width:100%;border:none;background:rgba(0,0,0,0);text-align:center;font-size:var(--font-up-2);font-weight:800;color:var(--primary);padding:0}.vapediy-stepper-input input[type=number]:focus{outline:none}.vapediy-stepper-input input[type=number]::-webkit-outer-spin-button,.vapediy-stepper-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vapediy-stepper-input input[type=number]{-moz-appearance:textfield}.vapediy-stepper-input .vapediy-unit{font-size:var(--font-0);font-weight:700;color:var(--primary-medium);padding-right:1em}.vapediy-ratio-slider{touch-action:pan-y;appearance:none;width:100%;height:.6em;border-radius:var(--vapediy-radius-pill);background:var(--primary-low);outline:none;margin:1.5em 0 1em;cursor:pointer}.vapediy-ratio-slider::-webkit-slider-thumb{appearance:none;width:2.2em;height:2.2em;border-radius:50%;background:var(--vapediy-accent);border:4px solid var(--secondary);box-shadow:0 4px 10px rgba(0,0,0,.2);cursor:grab;-webkit-transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-ratio-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.15)}.vapediy-ratio-slider::-moz-range-thumb{width:2.2em;height:2.2em;border-radius:50%;background:var(--vapediy-accent);border:4px solid var(--secondary);box-shadow:0 4px 10px rgba(0,0,0,.2);cursor:grab;-moz-transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1);transition:transform .2s cubic-bezier(0.34, 1.56, 0.64, 1)}.vapediy-ratio-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.15)}.vapediy-results{border-top:2px dashed var(--primary-low);padding-top:2em;margin-top:1.5em}.vapediy-results h3{font-size:var(--font-up-2);font-weight:800;margin:0 0 1em;display:flex;align-items:center;gap:.5em}.vapediy-results h3 .d-icon{color:var(--vapediy-accent)}.vapediy-results-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(9em, 1fr));gap:1em}.vapediy-results-grid .result-item{background:var(--primary-very-low);border:1px solid rgba(128,128,128,.05);border-radius:var(--vapediy-radius-md);padding:1.2em;display:flex;flex-direction:column;gap:.4em;transition:transform .2s ease,box-shadow .2s ease;animation:vapediy-fade-in-up .4s ease backwards}.vapediy-results-grid .result-item:nth-child(1){animation-delay:0.05s}.vapediy-results-grid .result-item:nth-child(2){animation-delay:0.1s}.vapediy-results-grid .result-item:nth-child(3){animation-delay:0.15s}.vapediy-results-grid .result-item:nth-child(4){animation-delay:0.2s}.vapediy-results-grid .result-item:nth-child(5){animation-delay:0.25s}.vapediy-results-grid .result-item:nth-child(6){animation-delay:0.3s}.vapediy-results-grid .result-item:nth-child(7){animation-delay:0.35s}.vapediy-results-grid .result-item:nth-child(8){animation-delay:0.4s}.vapediy-results-grid .result-item:hover{transform:translateY(-4px);box-shadow:var(--vapediy-shadow-sm)}.vapediy-results-grid .result-item span{font-size:var(--font-down-1);font-weight:700;color:var(--primary-medium);text-transform:uppercase;letter-spacing:.05em}.vapediy-results-grid .result-item strong{font-size:var(--font-up-3);font-weight:900;color:var(--primary)}.vapediy-results-grid .result-item.total{background:var(--vapediy-accent-low);border-color:rgba(0,0,0,0)}.vapediy-results-grid .result-item.total strong{color:var(--vapediy-accent)}@media(max-width: 48em){.vapediy-calculator{padding:1.2em;border-radius:var(--vapediy-radius-md)}.vapediy-header .vapediy-header-sub h1{font-size:var(--font-up-3)}.vapediy-form-grid{grid-template-columns:1fr;gap:1.5em}}
/*# sourceMappingURL=common_theme_1018_f26203f8b287c5d69ba6e69d26c216e9399d18d7.css.map?__ws=vaperina.cc */