.classicBudget{position:relative}
.classicBudget .budgetNativeSource{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important;margin:0!important}
.premiumBudget{--budget-position:7.6%;margin-top:8px;padding:9px 10px 8px;border:1px solid rgba(51,135,164,.24);border-radius:13px;background:linear-gradient(145deg,rgba(5,27,43,.76),rgba(4,19,32,.64));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .18s ease,box-shadow .18s ease}
.premiumBudget.hasFocus{border-color:rgba(45,190,189,.64);box-shadow:0 0 0 3px rgba(28,173,185,.12),inset 0 1px 0 rgba(255,255,255,.03)}
.premiumBudgetZones{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:8px;margin:0 1px 4px;font-size:10.5px;font-weight:800;letter-spacing:.025em;line-height:1.2}
.premiumBudgetPrecision{color:#8fcfc8}
.premiumBudgetPremium{justify-self:end;color:#d8b978;white-space:normal;text-align:right;max-width:100%;overflow-wrap:anywhere}
.premiumBudgetPremium i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#d7ad5d;box-shadow:0 0 10px rgba(215,173,93,.48);vertical-align:1px}
.premiumBudgetTrackWrap{position:relative;height:28px}
.premiumBudgetTrack{position:absolute;left:2px;right:2px;top:50%;height:8px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,rgba(31,214,193,.94) 0 var(--budget-position),transparent var(--budget-position) 100%),linear-gradient(90deg,rgba(31,214,193,.16) 0 66.7%,rgba(216,174,91,.24) 66.7% 100%),#0b2435;box-shadow:inset 0 1px 2px rgba(0,0,0,.56),0 0 0 1px rgba(94,169,188,.13)}
.premiumBudget.isPremium .premiumBudgetTrack{background:linear-gradient(90deg,rgba(31,214,193,.94) 0 66.7%,rgba(220,177,91,.96) 66.7% var(--budget-position),transparent var(--budget-position) 100%),linear-gradient(90deg,rgba(31,214,193,.16) 0 66.7%,rgba(216,174,91,.24) 66.7% 100%),#0b2435}
.premiumBudgetBreak{position:absolute;z-index:2;left:66.7%;top:6px;bottom:6px;width:1px;background:rgba(244,209,136,.7);box-shadow:0 0 8px rgba(226,181,91,.34);pointer-events:none}
.premiumBudgetRange{position:relative;z-index:3;display:block;width:100%!important;height:28px!important;margin:0!important;padding:0!important;appearance:none;-webkit-appearance:none;background:transparent!important;accent-color:transparent;cursor:grab;touch-action:pan-y}
.premiumBudgetRange::-webkit-slider-runnable-track{height:8px;background:transparent;border:0}
.premiumBudgetRange::-moz-range-track{height:8px;background:transparent;border:0}
.premiumBudgetRange::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6px;border:3px solid #dffcf7;border-radius:50%;appearance:none;-webkit-appearance:none;background:#1fd6c1;box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 3px rgba(31,214,193,.15);transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
.premiumBudgetRange::-moz-range-thumb{width:14px;height:14px;border:3px solid #dffcf7;border-radius:50%;background:#1fd6c1;box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 3px rgba(31,214,193,.15);transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
.premiumBudget.isPremium .premiumBudgetRange::-webkit-slider-thumb{border-color:#fff5dd;background:#d9ad59;box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 3px rgba(217,173,89,.18)}
.premiumBudget.isPremium .premiumBudgetRange::-moz-range-thumb{border-color:#fff5dd;background:#d9ad59;box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 3px rgba(217,173,89,.18)}
.premiumBudgetRange:hover::-webkit-slider-thumb,.premiumBudgetRange:focus-visible::-webkit-slider-thumb{transform:scale(1.07)}
.premiumBudgetRange:hover::-moz-range-thumb,.premiumBudgetRange:focus-visible::-moz-range-thumb{transform:scale(1.07)}
.premiumBudgetRange:focus{outline:0}
.premiumBudgetRange::-webkit-slider-thumb,.premiumBudgetRange::-webkit-slider-runnable-track{cursor:inherit}
.premiumBudgetRange::-moz-range-thumb,.premiumBudgetRange::-moz-range-track{cursor:inherit}
.premiumBudgetScale{position:relative;height:14px;margin:0 2px;color:#66889d;font-size:9px;font-weight:750;line-height:1}
.premiumBudgetScale span{position:absolute;left:var(--at);top:2px;transform:translateX(-50%);white-space:nowrap}
.premiumBudgetScale span:first-child{transform:none}
.premiumBudgetScale span:last-child{transform:translateX(-100%)}
.premiumBudgetScale .isBreak,.premiumBudgetScale .isPremiumTick{color:#b89964}
.questionTitle strong.isPremiumBudget{color:#efca80;text-shadow:0 0 16px rgba(218,174,88,.16)}
@media(max-width:680px){
  .premiumBudget{padding:8px 8px 7px;border-radius:12px}
  .premiumBudgetZones{font-size:10px;gap:5px}
  .premiumBudgetScale{font-size:8.5px}
  .premiumBudgetScale .isTwenty,.premiumBudgetScale .isThirty{font-size:0}
  .premiumBudgetScale .isTwenty:after,.premiumBudgetScale .isThirty:after{content:"";display:block;width:2px;height:4px;background:#8e744a;border-radius:2px}
}
@media(prefers-reduced-motion:reduce){.premiumBudget,.premiumBudgetRange::-webkit-slider-thumb,.premiumBudgetRange::-moz-range-thumb{transition:none}}

.premiumBudgetRange::-webkit-slider-thumb{box-sizing:border-box;width:24px;height:24px;margin-top:-8px;border-width:3px;background-image:linear-gradient(145deg,rgba(255,255,255,.34),transparent 46%)}
.premiumBudgetRange::-moz-range-thumb{box-sizing:border-box;width:24px;height:24px;border-width:3px;background-image:linear-gradient(145deg,rgba(255,255,255,.34),transparent 46%)}
.premiumBudget.isHeld .premiumBudgetRange{cursor:grabbing}
.premiumBudget.isHeld .premiumBudgetRange::-webkit-slider-thumb{transform:scale(.9);box-shadow:inset 0 2px 5px rgba(0,0,0,.32),0 2px 7px rgba(0,0,0,.38),0 0 0 4px rgba(31,214,193,.2)}
.premiumBudget.isHeld .premiumBudgetRange::-moz-range-thumb{transform:scale(.9);box-shadow:inset 0 2px 5px rgba(0,0,0,.32),0 2px 7px rgba(0,0,0,.38),0 0 0 4px rgba(31,214,193,.2)}
.premiumBudget.isPremium.isHeld .premiumBudgetRange::-webkit-slider-thumb{box-shadow:inset 0 2px 5px rgba(0,0,0,.3),0 2px 7px rgba(0,0,0,.38),0 0 0 4px rgba(217,173,89,.22)}
.premiumBudget.isPremium.isHeld .premiumBudgetRange::-moz-range-thumb{box-shadow:inset 0 2px 5px rgba(0,0,0,.3),0 2px 7px rgba(0,0,0,.38),0 0 0 4px rgba(217,173,89,.22)}
