.BudgetLock-module__zUWlxa__combinationLock{-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;justify-content:center;align-items:center;gap:.75rem;max-width:fit-content;margin:0 auto;padding:24px 32px;display:flex;position:relative}.BudgetLock-module__zUWlxa__dial{perspective:500px;outline-offset:1px;filter:drop-shadow(4px 0 8px #00000080);background-color:#0a0a0a;border-radius:8px;outline:2px solid #ffffff1a;width:44px;height:120px;transition:outline-color .3s;position:relative;overflow:hidden;box-shadow:-2px -3px 0 4px #0009,0 -3px 0 2px #ffffff0d,0 2px 0 3px #ffffff1a,0 4px 0 4px #000c}.BudgetLock-module__zUWlxa__dial:hover{outline-color:#d4af3780}.BudgetLock-module__zUWlxa__dial:after{content:"";mix-blend-mode:soft-light;pointer-events:none;z-index:10;background-image:radial-gradient(circle,#000 40%,40.5%,#fff0),linear-gradient(#ffffff1a,#000);background-position:0 16px,0 0;background-repeat:no-repeat;position:absolute;inset:0}.BudgetLock-module__zUWlxa__nonagon{width:100%;height:100%;transform-style:preserve-3d;transform-origin:0 24px;transition:transform .35s cubic-bezier(.16,1,.3,1);position:relative;top:36px;transform:rotateX(0)}.BudgetLock-module__zUWlxa__face{width:44px;height:48px;font-family:var(--font-playfair),serif;text-shadow:0 2px 4px #000000e6;color:#fffc;background:linear-gradient(#141414,#080808);border-left:1px solid #ffffff08;border-right:1px solid #ffffff08;place-items:center;font-size:1.35rem;font-weight:700;transition:color .3s;display:grid;position:absolute;box-shadow:0 -2px 1px 1px #000c,0 0 1px 2px #ffffff08}.BudgetLock-module__zUWlxa__dial:hover .BudgetLock-module__zUWlxa__face{color:#d4af37}.BudgetLock-module__zUWlxa__face:before,.BudgetLock-module__zUWlxa__face:after{content:"";background-color:#ffffff05;width:2px;height:100%;position:absolute}.BudgetLock-module__zUWlxa__face:before{left:0}.BudgetLock-module__zUWlxa__face:after{right:0}.BudgetLock-module__zUWlxa__face span{pointer-events:none;z-index:5;position:absolute}.BudgetLock-module__zUWlxa__face .BudgetLock-module__zUWlxa__radio{cursor:pointer;appearance:none;opacity:0;z-index:6;width:100%;height:100%;position:absolute}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-0:checked){transform:rotateX(0)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-1:checked){transform:rotateX(36deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-2:checked){transform:rotateX(72deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-3:checked){transform:rotateX(108deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-4:checked){transform:rotateX(144deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-5:checked){transform:rotateX(180deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-6:checked){transform:rotateX(216deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-7:checked){transform:rotateX(252deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-8:checked){transform:rotateX(288deg)}.BudgetLock-module__zUWlxa__nonagon:has(.BudgetLock-module__zUWlxa__radio-9:checked){transform:rotateX(324deg)}.BudgetLock-module__zUWlxa__face-0{transform:rotateX(0)translateZ(71px)}.BudgetLock-module__zUWlxa__face-1{transform:rotateX(-36deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-2{transform:rotateX(-72deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-3{transform:rotateX(-108deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-4{transform:rotateX(-144deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-5{transform:rotateX(-180deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-6{transform:rotateX(-216deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-7{transform:rotateX(-252deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-8{transform:rotateX(-288deg)translateZ(71px)}.BudgetLock-module__zUWlxa__face-9{transform:rotateX(-324deg)translateZ(71px)}.BudgetLock-module__zUWlxa__light{color:#505050;background-color:currentColor;background-image:radial-gradient(circle at 50% 40%,#fff6 1px,currentColor);border:2px solid #ffffff1a;border-radius:50%;outline:2px solid #00000080;width:12px;height:12px;transition:background-color .4s,color .4s,box-shadow .4s;position:absolute;bottom:-32px;left:50%;transform:translate(-6px);box-shadow:inset 1px 1px 2px 1px #00000080,inset -1px -1px 2px 1px #00000080}.BudgetLock-module__zUWlxa__lightActive{color:#d4af37;box-shadow:inset 1px 1px 2px 1px #00000080,inset -1px -1px 2px 1px #00000080,0 0 6px 2px #d4af37,0 0 16px 4px #d4af3766}.BudgetLock-module__zUWlxa__lightInactive{color:#ef4444;box-shadow:inset 1px 1px 2px 1px #00000080,inset -1px -1px 2px 1px #00000080,0 0 6px 2px #ef4444,0 0 16px 4px #ef444466}.BudgetLock-module__zUWlxa__arrow{filter:drop-shadow(0 0 2px #000c);z-index:1;pointer-events:none;width:0;height:0;position:absolute;top:calc(50% - 8px)}.BudgetLock-module__zUWlxa__arrow.BudgetLock-module__zUWlxa__left{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:8px solid #d4af3799;left:-18px}.BudgetLock-module__zUWlxa__arrow.BudgetLock-module__zUWlxa__right{border-top:8px solid #0000;border-bottom:8px solid #0000;border-right:8px solid #d4af3799;right:-18px}