html[data-btn=soft3d]{--b3-lt:#fdfbf7;--b3-dk:#c8c1b2;--b3-edge:#6e5a3247;--b3-gold:linear-gradient(145deg, #f0d27a, #c8a04a 55%, #9a7424)}html[data-btn=soft3d] .b3{transition:box-shadow .15s,transform .1s;border:1px solid var(--b3-edge)!important;box-shadow:5px 5px 12px var(--b3-dk), -5px -5px 12px var(--b3-lt)!important;background:linear-gradient(145deg,#f6f3ec,#e6e1d6)!important;border-radius:16px!important}html[data-btn=soft3d] .b3:active{transform:scale(.98);box-shadow:inset 4px 4px 9px var(--b3-dk), inset -4px -4px 9px var(--b3-lt)!important}html[data-btn=soft3d] .b3.b3-in{box-shadow:inset 4px 4px 9px var(--b3-dk), inset -4px -4px 9px var(--b3-lt)!important;background:#ebe6dc!important}html[data-btn=soft3d] .b3.b3-in,html[data-btn=soft3d] .b3.b3-in span{color:#5c420c!important}html[data-btn=soft3d] .b3.b3-on{background:var(--b3-gold)!important;color:#2b1e05!important;box-shadow:5px 5px 12px #bfae88, -4px -4px 10px var(--b3-lt), inset 1px 1px 0 #fff9!important;border-color:#b08a36!important}html[data-btn=soft3d] .b3.b3-on img{opacity:1!important}html[data-btn=soft3d] .b3.b3-dk:not(.b3-on){color:#e8e4db!important;background:linear-gradient(145deg,#1d242f,#151a22)!important;border:1px solid #c8a04a4d!important;box-shadow:5px 5px 12px #06080b,-4px -4px 10px #252d39!important}html[data-btn=soft3d] .b3.b3-dk:not(.b3-on) img{opacity:1!important}html[data-btn=soft3d] .b3.b3-on.b3-dk{box-shadow:4px 4px 10px #06080b,-3px -3px 8px #252d39!important}html[data-btn=soft3d] .b3-circle{border:1px solid var(--b3-edge)!important;box-shadow:4px 4px 10px var(--b3-dk), -4px -4px 10px var(--b3-lt)!important}html[data-btn=soft3d] .b3-circle:not(.b3-on){background:linear-gradient(145deg,#f6f3ec,#e6e1d6)!important}html[data-btn=soft3d] .b3-circle:not(.b3-on) img{opacity:1!important;filter:grayscale()brightness(.62)contrast(1.3)!important}html[data-btn=soft3d] .b3-circle.b3-on{border-color:#0000!important}html[data-btn=soft3d] .b3.b3-sm{box-shadow:3px 3px 7px var(--b3-dk), -3px -3px 7px var(--b3-lt)!important;border-radius:10px!important}html[data-btn=soft3d] .b3.b3-sm.b3-on{box-shadow:3px 3px 7px #bfae88, -3px -3px 7px var(--b3-lt)!important}html[data-btn=soft3d] .b3.b3-sm:active{box-shadow:inset 3px 3px 6px var(--b3-dk), inset -3px -3px 6px var(--b3-lt)!important}