body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}label{min-width:100px}.form-floating>.form-control{padding-top:.1rem}.form-floating>label{padding:.7rem .75rem}.form-floating>.form-control-plaintext~label:after,.form-floating>.form-control:focus~label:after,.form-floating>.form-control:not(:placeholder-shown)~label:after,.form-floating>.form-select~label:after{height:1.5em}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3rem + calc(var(--bs-border-width) * 2));min-height:calc(3rem + calc(var(--bs-border-width) * 2))}.metalbut{color:#000;text-shadow:1px 1px 2px #ffffff80;cursor:pointer;background:linear-gradient(45deg,#999 5%,#fff 10%,#ccc 30%,#ddd 50%,#ccc 70%,#fff 80%,#999 95%);border:none;border-radius:10px;outline:none;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0000004d}.metalbut:hover{transform:translateY(-2px)}.metalli-sm{--convexity:3;font-size:.8em}.metalli-m{--convexity:3;font-size:1em}.metalli-lg{--convexity:3;font-size:1.25em}.metalli-xlg{--convexity:3;font-size:1.5625em}.metalli-card{--convexity:1;box-sizing:border-box;float:left;border-radius:1.5rem;width:388px;min-height:240px;margin:1rem;padding:1em 1.5em;font-family:Roboto,sans-serif;font-weight:500;line-height:1.5em;overflow:hidden}.metalli-card.metalli-sm{width:310.4px;min-height:192px}.metalli-card.metalli-lg{width:485px;min-height:300px}.metalli-card.metalli-xlg{width:606.25px;min-height:375px}.metalbut:focus>.metal{opacity:.75}.metalli-card .metalbut{border-radius:1.25em;margin:.5em 1em .5em 0;padding:.5em 1.5em;box-shadow:.0625em .0625em #ffffff80,-.0625em -.0625em #00000080!important}.metalli-card .metalbut:focus{outline:none}.copper-20{background-color:#80808033}