:root{--color-base:rgba(110, 93, 198, 1);--color-nicotine:rgba(170,26,140,0.61);--color-aroma:rgba(191,0,0,1)}.range-section{border:1px solid #f2f2f2;border-radius:10px;padding:15px 10px 15px 10px;transition:box-shadow 0.3s ease-in-out;background:#fff}.range-section:hover,.res-col:hover{box-shadow:rgb(50 50 93 / .25) 0 10px 30px -5px,rgb(0 0 0 / .3) 0 9px 17px -18px}.range-section .form-range::-webkit-slider-thumb,.range-section .form-range::-moz-range-thumb{width:20px;height:20px;border:5px solid rgb(255 255 255 / .8);border-radius:50%;transition:width 0.2s ease,height 0.2s ease,border 0.2s ease}.range-section .form-range:hover::-webkit-slider-thumb,.range-section .form-range:hover::-moz-range-thumb{width:25px;height:25px;border:none}.res-col{background:#f2f2f2;border-radius:10px;padding:20px;transition:box-shadow 0.3s ease-in-out}.res-label{display:inline-block;background:#fff;border-radius:10px;padding:4px 13px 4px 13px;font-size:.8em;color:#666;font-weight:200;margin-top:10px}.res-value{font-weight:900;font-size:2.5em;display:inline-block;margin-top:15px;color:#666;text-shadow:0 1px #fff}.res-value-bottle{display:inline-block;font-size:11px}.ml{text-transform:uppercase;display:block}.visual-legend-simple{display:flex;flex-direction:column;position:absolute;bottom:0;gap:10px}#total-volume-display.range-neutral{background:#777}#base-amount .res-label{background:var(--color-base)!important;color:#fff}#booster-amount .res-label,#nicotine-level-display.range-nicotine{background:var(--color-nicotine)!important;color:#fff}#aroma-amount .res-label,#aroma-percent-display.range-aroma{background:var(--color-aroma)!important;color:#fff}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-text{font-size:12px;color:#333}.flask-visual{width:100px;height:200px;border:1px solid #ccc;position:relative;margin:0 auto;background:#f9f9f9;overflow:hidden;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-top-left-radius:20px;border-top-right-radius:20px;position:relative;z-index:2}.visualization-wrapper:after{content:"";width:2px;height:100%;display:inline-block;background:linear-gradient(to bottom,#fff0 0%,rgb(255 255 255) 50%,#fff0 100%);position:absolute;right:30%;top:0}.visualization-wrapper{position:relative}html[dir="rtl"] .visualization-wrapper{padding-right:0;padding-left:90px}.visualization-wrapper:before{content:"";display:inline-block;width:44px;height:29px;border:1px solid #d7d7d7;border-top-left-radius:3px;border-top-right-radius:3px;position:absolute;top:-18px;left:50%;transform:translateX(-50%);background:#fff}.flask-visual>div{position:absolute;width:100%}#back-ml{font-size:55px;font-weight:800;color:#ddd;position:absolute;z-index:4;right:10px;bottom:30%;transform:translateX(-8px);text-shadow:0 1px 0 rgb(255 255 255);pointer-events:none;text-align:right}#back-ml:after{content:"ML";color:#ddd;font-size:14px}.nicotine-badge{position:absolute;right:10px;bottom:17%;z-index:5;display:inline-flex;align-items:center;background:#fff;border:2px solid #333;border-radius:25px;overflow:hidden;font-weight:700;font-size:12px;box-shadow:0 4px 6px rgb(0 0 0 / .1);white-space:nowrap}html[dir="rtl"] .nicotine-badge{left:10px;right:auto}html[dir="rtl"] #back-ml{left:80px;right:auto}.nicotine-value{background:#333;color:#fff;padding:5px 10px 5px 10px;text-align:center;flex-shrink:0}.nicotine-unit{color:#333;padding:5px 10px 5px 10px;text-align:center;white-space:nowrap}.legend-base{background:var(--color-base)}.legend-nicotine{background:var(--color-nicotine)}.legend-aroma{background:var(--color-aroma)}#aroma-visual,#nicotine-visual,#base-visual{transition:height 0.5s ease,background-color 0.5s ease,bottom 0.5s ease}#base-visual{bottom:0}#nicotine-visual{bottom:calc(0% + var(--base-height))}#aroma-visual{bottom:calc(0% + var(--base-height) + var(--nicotine-height))}.volume-total-label{position:absolute;top:-25px;width:100%;text-align:center;font-weight:700;font-size:14px;color:#333}.btn.btn-outline-primary.bg-discovery{color:#fff;border:none}.btn.btn-outline-primary.bg-discovery:hover,.btn.btn-outline-primary.bg-discovery.active{background-color:#fff!important;color:#333}input[type="radio"].form-check-input{width:15px}.title-settings,.title-results{font-size:15px;font-weight:700;margin-bottom:20px}.list-results .p-2{border-radius:10px;background:#fff;min-height:150px}#cr a{font-size:10px;color:#cacaca;float:right;margin-top:10px}#base-visual::before{content:"";width:150%;height:80%;background-color:rgb(255 255 255);position:absolute;top:-77%;left:-25%;border-radius:40%;animation:anim 18s linear infinite}#base-visual::after{content:"";width:155%;height:85%;background-color:rgb(255 255 255 / .8);position:absolute;top:-80%;left:-26%;border-radius:40%;animation:anim 18s linear infinite;animation-delay:0s;animation-delay:1s}.mix-res{padding-right:0!important}html[dir="rtl"] .mix-res{padding-right:20px!important;padding-left:0!important}html[dir="rtl"] .rec-res{padding-right:0!important}.glass-reflection{pointer-events:none;mix-blend-mode:overlay;position:absolute;overflow:hidden;inset:0}.glass-reflection:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,hsl(0 0% 100% / .5),hsl(0 0% 100% / .5)) no-repeat,linear-gradient(to right,hsl(0 0% 100% / .5),hsl(0 0% 100% / .1)) no-repeat;background-size:.5vmin 19vmin,1.8vmin 21vmin;background-position:1vmin 3vmin,3vmin 2vmin;filter:blur(.5vmin);opacity:.7}.glass-reflection:after{content:"";position:absolute;inset:0;background:radial-gradient(4vmin 14vmin at 1vmin 20%,hsl(0 0% 100% / .3) 10%,transparent 50%),radial-gradient(2vmin 2vmin at 2vmin 5%,hsl(0 0% 100% / .9),transparent),radial-gradient(7vmin 7vmin at 2vmin 5%,hsl(0 0% 100% / .9),transparent);opacity:.7}.blurring{filter:blur(2px);transition:filter 0.2s ease}@media (max-width:767px){.mix-res{padding-right:0!important;padding-left:0!important;margin-top:10px!important}.rec-res{padding-right:0!important}}