:root{--vault-bg:#050505;--vault-plate:#0e0e0e;--vault-plate-lo:#090909;--vault-accent:#cf0;--vault-edge:hsla(0,0%,100%,.055)}.vault-raised{background:linear-gradient(180deg,#121212,#0a0a0a);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.055),inset 0 -1px 0 #000000b3,0 10px 22px -14px #000000f2;box-shadow:inset 0 1px 0 var(--vault-edge),inset 0 -1px 0 #000000b3,0 10px 22px -14px #000000f2}.vault-pressed{background:#070707;box-shadow:inset 0 2px 6px #000000e6,inset 0 -1px 0 hsla(0,0%,100%,.025)}.vault-groove{background:#060606;box-shadow:inset 0 1px 3px #000000e6,0 1px 0 #ffffff08}.vault-grain:after{background-image:repeating-linear-gradient(115deg,hsla(0,0%,100%,.014) 0 1px,#0000 1px 3px);content:"";inset:0;opacity:.5;pointer-events:none;position:absolute}.vault-record{background:linear-gradient(180deg,#1b1b1bbf,#0b0b0bbf);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.055),0 1px 0 #000000d9,0 6px 14px -12px #000;position:relative;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease-out,background-color .22s ease-out;will-change:transform}@media (hover:hover){.vault-record:hover{background:linear-gradient(180deg,#242424d9,#0e0e0ed9);box-shadow:inset 0 1px 0 #ffffff1a,0 16px 30px -14px #000;transform:translateY(-2px);z-index:2}.vault-record:hover .vault-art-inner{transform:scale(1.055)}}.vault-record[data-active=true]{background:linear-gradient(180deg,#1c1e1499,#0a0b0799);box-shadow:inset 0 1px 0 #ccff001f,0 14px 28px -14px #000}.vault-art{box-shadow:0 6px 14px -6px #000,inset 0 0 0 1px #ffffff12;overflow:hidden;position:relative}.vault-art-inner{inset:0;position:absolute;transition:transform .4s cubic-bezier(.22,1,.36,1);will-change:transform}.vault-grooves{background-image:repeating-radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.055) 0 1px,#0000 1px 4px)}.vault-label-grooves{background-image:repeating-radial-gradient(circle at 50% 50%,#0000000d 0 1px,#0000 1px 3px)}.vault-ctl{background:linear-gradient(180deg,#161616,#0c0c0c);box-shadow:inset 0 1px 0 #ffffff0f,0 3px 8px -4px #000;transition:transform .12s ease-out,box-shadow .16s ease-out,color .16s ease-out}.vault-ctl:hover:not(:disabled){box-shadow:inset 0 1px 0 #ffffff1a,0 6px 14px -6px #000;transform:translateY(-1px)}.vault-ctl:active:not(:disabled){box-shadow:inset 0 2px 5px #000000f2;transform:translateY(0) scale(.94)}.vault-ctl[data-on=true]{background:linear-gradient(180deg,#1d2208,#11150a);box-shadow:inset 0 1px 0 #ccff0038,0 0 0 1px #ccff0029,0 4px 12px -6px #ccff002e}@keyframes vault-ack{0%{transform:scale(1)}38%{transform:scale(1.22)}to{transform:scale(1)}}.vault-ack{animation:vault-ack .34s cubic-bezier(.34,1.56,.64,1)}.vault-door-leaf{background:linear-gradient(104deg,#ffffff14,#0000 34%,#ffffff0d 58%,#0000),linear-gradient(180deg,#343434,#1c1c1c 44%,#2b2b2b 72%,#171717);bottom:0;box-shadow:inset 0 0 180px 50px #0000008c;position:absolute;top:0;width:50.5%;will-change:transform}.vault-door-leaf:before{background-image:repeating-linear-gradient(92deg,hsla(0,0%,100%,.045) 0 1px,#00000017 1px 2px,#0000 2px 4px);content:"";inset:0;opacity:.9;position:absolute}.vault-door-leaf[data-side=l]:after,.vault-door-leaf[data-side=r]:after{background:linear-gradient(90deg,#0000,#000000a6 60%,#ffffff0d);bottom:0;content:"";position:absolute;top:0;width:26px}.vault-door-leaf[data-side=l]:after{right:0}.vault-door-leaf[data-side=r]:after{background:linear-gradient(270deg,#0000,#000000a6 60%,#ffffff0d);left:0}.vault-bolt{background:radial-gradient(circle at 34% 30%,#6a6a6a 0,#2a2a2a 56%,#0d0d0d 100%);box-shadow:inset 0 1px 0 #ffffff38,0 2px 4px #000000e6}.vault-dial-ring{background:conic-gradient(from 0deg,#4c4c4c 0deg,#1a1a1a 42deg,#585858 90deg,#1d1d1d 138deg,#4c4c4c 180deg,#1a1a1a 222deg,#585858 270deg,#1d1d1d 318deg,#4c4c4c 1turn);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 0 30px #000000b3,0 14px 36px -8px #000}.vault-dial-hub{background:radial-gradient(circle at 36% 28%,#454545 0,#1b1b1b 55%,#0a0a0a 100%);box-shadow:inset 0 1px 0 #fff3,0 4px 10px #000000e6}.vault-spoke{background:linear-gradient(180deg,#ffffff57,#ffffff12);height:46%;left:50%;margin-left:-1.5px;position:absolute;top:50%;transform-origin:50% 0;width:3px}.vault-deck{background:linear-gradient(180deg,#111111eb,#070707f0);box-shadow:inset 0 1px 0 #ffffff14,0 -1px 0 #0009,0 28px 56px -20px #000}@media (prefers-reduced-motion:reduce){.vault-art-inner,.vault-ctl,.vault-record{transition:none!important}.vault-ctl:hover:not(:disabled),.vault-record:hover{transform:none!important}.vault-ack{animation:none!important}}