.card{display:flex;max-width:460px;border-radius:20px;padding:20px 40px;background-color:#e0e0e0;box-shadow:5px 5px 10px #c5c5c5,-5px -5px 10px #fbfbfb;margin:20px auto}.card__title{margin:auto 10px}.currency-icon{width:42px}.card-right{margin-left:5%;flex:1;font-family:SFPRO medium,sans-serif}.card-right-top,.card-right-bottom{display:flex;justify-content:space-between}.card-right-bottom :first-child{opacity:.5;color:#4c5968}.card-right-bottom :last-child{color:#18af64}.footer-container{max-width:540px;margin:40px auto 0;background-color:#e0e0e0;box-shadow:5px 5px 10px #c5c5c5,-5px -5px 10px #fbfbfb;border-bottom-left-radius:40px;border-bottom-right-radius:40px}.footer-navigation{padding:20px 40px}.footer-list{display:flex;justify-content:space-between;list-style:none;padding:0}.footer-nav-item:hover{cursor:pointer}.footer-icon{width:42px}.footer-wallet{opacity:.5}.header-container{display:flex;justify-content:space-around;align-items:center;padding:20px;background-color:#e0e0e0;border-top-left-radius:40px;border-top-right-radius:40px;box-shadow:5px 5px 10px #c5c5c5,-5px -5px 10px #fbfbfb}.header-title{text-transform:capitalize;font-size:2rem;font-family:SFPRO medium,sans-serif}.header-icon{width:32px}.header-icon:hover{cursor:pointer}.sort-section{margin-top:20px}.sort-container{display:flex;justify-content:space-between;padding:0 40px}.sort-block{color:#4c5968;opacity:.6;font-family:SFPRO medium,sans-serif}.sortBy{cursor:default}.sort-select{cursor:pointer;background-color:#e0e0e0}.sort-period{color:#4c5968;opacity:.6;font-family:SFPRO medium,sans-serif;cursor:pointer;background-color:#e0e0e0}.wallet-container{max-width:460px;border-radius:20px;background-color:#e0e0e0;box-shadow:5px 5px 10px #c5c5c5,-5px -5px 10px #fbfbfb}.wallet-header{display:flex;justify-content:space-around;align-items:center;padding:20px;margin:20px auto 0}.wallet-icon{width:38px}.wallet-title{font-size:16px;font-family:SFPRO medium,sans-serif}.currency-select{font-family:SFPRO medium,sans-serif;width:56px;color:#4c5867;opacity:.6;background-color:#e0e0e0;font-size:16px}.currency-select:focus{border-color:#4c5867}.currency-select:hover{cursor:pointer}.wallet-main{display:flex;justify-content:space-between;align-items:center}.wallet-total-balance{margin-left:40px;font-size:2rem;font-family:SFPRO medium,sans-serif;color:#4c5968}.wallet-trend{margin-right:40px;color:#fff;background-color:#18af64;padding:8px 16px;border-radius:20px}.wallet-bottom{padding:0 20px 20px 40px}.calc-select{font-family:SFPRO medium,sans-serif;opacity:.4}.calc-select:hover{cursor:pointer}.calc-value{font-size:24px;color:#4c5968;font-family:SFPRO medium,sans-serif;opacity:.6}.calc-option{color:#4c5968;opacity:.4}@font-face{font-family:SFPRO;src:url(/assets/SFPRODISPLAYREGULAR-DF_3XEGl.OTF)}@font-face{font-family:SFPRO medium;src:url(/assets/SFPRODISPLAYMEDIUM-DSttQARu.OTF)}body{background-color:#e0e0e0;font-family:SFPRO,sans-serif;padding:20px;text-shadow:2px 2px 4px rgba(0,0,0,.25)}.container{max-width:500px;margin:0 auto}select{background-color:#e5eaf1;border:none}