[class~="cover"]{ width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.759); position: absolute; opacity: 0; z-index: -100000; height: 100vh; } [class~="casing"]{ width: 21.875rem; display: flex; opacity: 0; z-index: -100000; transition: ease-out .3s; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } [class~="casing"] [class~="casing-container"]{ width: 100%; } [class~="casing"] [class~="casing-container"] [class~="topside"]{ width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem; border: .0.0625rem solid rgba(128, 128, 128, 0.171); border-top-left-radius: 1.875rem; border-top-right-radius: 1.875rem; background: white; color: #182120; } [class~="casing"] [class~="casing-container"] [class~="topside"] [class~="question"]{ align-items: center; justify-content: center; display: flex; cursor: pointer; } [class~="casing"] [class~="casing-container"] [class~="topside"] [class~="question"] svg{ font-weight: 700; } [class~="casing"] [class~="casing-container"] [class~="topside"] [class~="cancel"]{ align-items: center; justify-content: center; display: flex; cursor: pointer; } [class~="casing"] [class~="casing-container"] [class~="middleside"]{ display: flex; flex-direction: column; border: .0.0625rem solid rgba(128, 128, 128, 0.171); border-top: 0; border-bottom: 0; padding-top: .5rem; background: white; color: #182120; } [class~="casing"] [class~="casing-container"] [class~="middleside"] [class~="wallet"]{ display: flex; flex-direction: column; padding:.25rem .5rem; cursor: pointer; } [class~="casing"] [class~="casing-container"] [class~="middleside"] [class~="wallet"] [class~="wallet-1"]{ display: flex; justify-content: space-between; width: 100%; padding: .8rem; background: #fafafa; border-radius: 0.625rem; box-shadow: 0 0.0625rem 0.3125rem rgba(0,0,0,0.2); background: white; color: #182120; } [class~="casing"] [class~="casing-container"] [class~="middleside"] [class~="wallet"] [class~="wallet-1"] [class~="leftside"]{ display: flex; gap: 1rem; } [class~="casing"] [class~="casing-container"] [class~="middleside"] [class~="wallet"] [class~="wallet-1"] [class~="leftside"] p{ font-size: 1rem; font-weight: 500; } [class~="casing"] [class~="casing-container"] [class~="middleside"] [class~="wallet"] [class~="wallet-1"] [class~="leftside"] img{ border-radius: 0.3125rem; width: 1.75rem; height: 1.75rem; } [class~="casing"] [class~="casing-container"] [class~="middleside"] [class~="wallet"] [class~="wallet-1"] [class~="rightside"] p{ font-size: 0.8125rem; background: #469ffb; padding: .3rem; border-radius: 0.3125rem; } [class~="casing"] [class~="casing-container"] [class~="bottomside"]{ padding: .7rem; border: .0.0625rem solid rgba(128, 128, 128, 0.171); border-bottom-left-radius: 1.875rem; border-bottom-right-radius: 1.875rem; border-top: 0; background: white; color: #182120; }