.ob[data-metal]{--ob-edge:6px;padding-bottom:8px}.ob[data-metal] .ob-fata{background:linear-gradient(180deg,var(--ob-m1,#ffe58c) 0,var(--ob-m2,#fbcd2e) 46%,var(--ob-m3,#f1b217) 100%);box-shadow:inset 0 1.5px 0 hsla(0,0%,100%,.74),inset 0 -2.5px 0 rgba(0,0,0,.07),0 var(--ob-edge) 0 var(--ob-m-edge,#a9760b),0 calc(var(--ob-edge) + 1.5px) 0 var(--ob-m-edge2,#6b4700),0 calc(var(--ob-edge) + 8px) 12px -5px rgba(13,6,32,.38),0 calc(var(--ob-edge) + 22px) 34px -14px var(--ob-m-glow,rgba(236,168,20,.5));overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.ob[data-metal] .ob-text{text-shadow:0 1px 0 var(--ob-m-ts,hsla(0,0%,100%,.32))}.ob[data-metal] .ob-fata:after{content:none}.ob[data-metal] .ob-pret{margin:5px;border-radius:7px;box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 1px 0 hsla(0,0%,100%,.55);font-variant-numeric:tabular-nums lining-nums}.ob[data-metal]:active{--ob-edge:2px}.ob[data-metal]:active .ob-fata{transform:translateY(4px)}@media (hover:hover) and (pointer:fine){.ob[data-metal]:hover{--ob-edge:8px}.ob[data-metal]:hover .ob-fata{transform:translateY(-2px)}.ob[data-metal]:hover:active{--ob-edge:2px}.ob[data-metal]:hover:active .ob-fata{transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ob[data-metal] .ob-fata{transition:none}}