@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700|Roboto:100,200,300,400,500,600);@import url(https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,600;0,700;0,800;0,900;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--headlinesFont:"Josefin Sans",sans-serif;--bodyFont:"Rubik",sans-serif;--appNameFont:"Nunito",sans-serif;--wildWatermelon:#ff4f87;--fuelYellow:#f0a035;--textColor:#323232;--bodyBg:#c7c7c7;--white:#fff;--black:#000;--themeColor:#9b4dca;--themeColorDark:#6a2396;--themeColorSelected:rgba(155,77,202,0.17);--labelColor:#737373;--hoverBackground:hsla(0,0%,77.3%,0.28)}.App{background:#fff;background:var(--white);font-family:"Rubik",sans-serif;font-family:var(--bodyFont);color:#323232;color:var(--textColor);line-height:1.5;overflow:hidden}.App,.App .mail-loader-container{height:100vh;display:flex;flex-direction:column}.App .mail-loader-container{position:relative}.App .mail-loader-container .mail-loader-text{top:60%;right:46%;bottom:50%;left:50%;position:absolute;transform:translate(-50%,-50%);font-size:24px;font-weight:500}.alert{position:fixed;top:24px;z-index:999;width:100%;display:flex;justify-content:center}.alert .alert-container{width:30%;padding:.5rem 4rem;text-align:center;background:#e01141;color:#fff;border-radius:12px;font-size:18px;font-weight:500;box-shadow:4px 4px 5px 2px rgba(0,0,0,.160784)}@media only screen and (max-width:414px){.App{overflow:auto}}.auth{width:460px;height:564px;padding:10px 20px;background:var(--white);display:flex;flex-direction:column;box-shadow:0 0 20px 0 rgba(0,0,0,.160784);overflow:hidden;border-radius:6px;top:50%;right:50%;bottom:50%;left:50%;position:absolute;transform:translate(-50%,-50%);color:var(--labelColor)}.auth .widget-main-container{position:relative}.auth .widget-main-container .back-button{display:flex;position:absolute;top:0;left:0;height:36px;width:36px;border-radius:10px;align-items:center;justify-content:center;cursor:pointer}.auth .widget-main-container .back-button:hover{background-color:var(--hoverBackground)}.auth .widget-main-container .widget-container{text-align:center}.auth .widget-main-container .widget-container .widget-title{font-size:36px;font-weight:500;margin:1em 0;font-family:var(--appNameFont);color:var(--themeColor);font-weight:800}.auth .widget-main-container .widget-container .wallet-input-field{position:relative;margin:0 6em;min-height:200px;border:2px dashed var(--themeColor);display:flex;justify-content:center;align-items:center;border-radius:4px;color:var(--themeColor)}.auth .widget-main-container .widget-container .wallet-input-field .wallet-file-import{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:100;cursor:pointer}.auth .widget-main-container .widget-container .widget-description{margin:2em 0;font-size:15px}.auth .widget-main-container .widget-container .widget-description div:last-child{margin-top:.75em}.auth .widget-main-container .widget-container .widget-description b{color:var(--themeColor)}.auth .widget-main-container .widget-container .get-wallet-container{margin:0 3em}.auth .widget-main-container .widget-container .get-wallet-container .get-wallet-button{width:100%;min-height:35px;padding:10px 26px;font-size:.875rem;border-radius:4px;letter-spacing:.9px;text-transform:none;font-weight:500;line-height:1.75;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;border:1px solid var(--themeColor);color:var(--themeColor);cursor:pointer;text-decoration:none}.auth .widget-main-container .widget-container .get-wallet-container .get-wallet-button:hover{border:2px solid var(--themeColorDark);color:var(--themeColorDark)}@media only screen and (max-width:414px){.auth{width:268px!important}.auth .wallet-input-field{margin:0 1em!important}.auth .get-wallet-container{margin:0!important}.auth .get-wallet-container .get-wallet-button{padding:10px 12px!important}}.header{display:flex;align-items:center;padding:.9em 0;border-bottom:1px solid hsla(0,0%,78%,.57)}.header .logo-container{width:15%}.header .logo-container .logo-name{margin:0;-webkit-padding-start:1em;padding-inline-start:1em;font-size:32px;font-weight:800;color:var(--themeColor);font-family:var(--appNameFont)}.header .search-bar-container{flex-grow:1}.header .search-bar-container .search-bar{width:50%;padding:.75em 2em;border-radius:6px;background:#f2f3f4;display:flex;align-items:center}.header .search-bar-container .search-bar .search-bar-input{border:0;background:transparent;font-size:18px;outline:none;flex:1 1;-webkit-padding-start:1em;padding-inline-start:1em}.header .user-profile-container{-webkit-margin-end:1.3em;margin-inline-end:1.3em;display:flex;align-items:center}.header .user-profile-container .notification-container{margin-right:1em;color:var(--labelColor);font-size:20px;cursor:pointer}.header .user-profile-container .user-profile-blockie-icon{height:42px;width:42px;border-radius:50%;cursor:pointer}.header .dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50}.header .toolbar-notification-dropdown-box{position:absolute;right:5em;top:4.5em;min-width:218px;display:flex;flex-direction:column;background-color:var(--white);border-radius:6px;padding:1em;max-height:200px;overflow-y:auto;z-index:1000;max-width:200px;word-break:break-all;box-shadow:0 2px 4px 2px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.header .toolbar-notification-dropdown-box .no-notifications{display:flex;flex-grow:1;align-items:center;justify-content:center;color:var(--labelColor);flex-direction:column}.header .toolbar-notification-dropdown-box .no-notifications .no-notifications-icon{font-size:50px}.header .toolbar-notification-dropdown-box .notification-item{padding:8px;border-bottom:1px solid hsla(0,0%,78%,.57);cursor:pointer;border-radius:8px}.header .toolbar-notification-dropdown-box .notification-item .notification-item-link{text-decoration:none;color:var(--labelColor)}.header .toolbar-notification-dropdown-box .notification-item .notification-item-link .mail-tx-id{text-decoration:none;color:var(--themeColor);border-bottom:1px dashed var(--themeColorDark)}.header .toolbar-notification-dropdown-box .notification-item:last-child{border-bottom:0}.header .toolbar-notification-dropdown-box .notification-item:hover{background-color:var(--hoverBackground)}.header .toolbar-dropdown-box{position:absolute;right:1.4em;top:4.5em;min-width:218px;display:flex;flex-direction:column;background-color:var(--white);border-radius:6px;padding:1em;min-height:200px;z-index:1000;box-shadow:0 2px 4px 2px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.header .toolbar-dropdown-box .toolbar-dropdown-profile-icon-container{display:flex;align-items:center;justify-content:center}.header .toolbar-dropdown-box .toolbar-dropdown-profile-icon-container .user-profile-blockie-icon{height:42px;width:42px;border-radius:50%;cursor:pointer}.header .toolbar-dropdown-box .wallet-address-container{display:flex;align-items:center;justify-content:center;margin:12px 24px 0;background-color:var(--hoverBackground);border-radius:6px;padding:4px 12px;cursor:pointer;transition:all .25s ease}.header .toolbar-dropdown-box .wallet-address-container:hover{background-color:var(--bodyBg)}.header .toolbar-dropdown-box .wallet-address-container:hover .wallet-address-copy{display:block}.header .toolbar-dropdown-box .wallet-address-container:active{background-color:var(--labelColor);color:var(--white)}.header .toolbar-dropdown-box .wallet-address-container .dropdown-title{text-align:center;margin-right:8px}.header .toolbar-dropdown-box .wallet-address-container .wallet-address-copy{display:none}.header .toolbar-dropdown-box .dropdown-menu-button-container{display:flex;justify-content:center;margin-top:1em}.header .toolbar-dropdown-box .dropdown-menu-button-container .dropdown-menu-button{min-width:140px;min-height:35px;padding:6px 16px;font-size:.875rem;border-radius:8px;letter-spacing:.9px;text-transform:none;font-weight:500;line-height:1.75;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:var(--themeColor);border:1px solid var(--themeColor);color:var(--white);cursor:pointer;outline:none}.header .toolbar-dropdown-box .dropdown-menu-button-container .dropdown-menu-button:hover{background-color:var(--themeColorDark);border:1px solid var(--themeColorDark)}@media only screen and (max-width:414px){.header .logo-container{width:25%!important;margin-right:10px}.header .logo-container .logo-name{-webkit-padding-start:1em!important;padding-inline-start:1em!important;font-size:18px!important}.header .search-bar-container{width:70%}.header .search-bar-container .search-bar{width:75%!important;padding:.5em 1em!important}.header .search-bar-container .search-bar .search-bar-input{font-size:14px!important;-webkit-padding-start:.5em!important;padding-inline-start:.5em!important;width:100%!important}.header .user-profile-blockie-icon{height:32px!important;width:32px!important}.header .toolbar-dropdown-box,.header .toolbar-notification-dropdown-box{font-size:12px!important}}@media only screen and (max-width:1024px) and (min-width:414px){.header .logo-container{width:25%!important;margin-right:10px}.header .logo-container .logo-name{-webkit-padding-start:1em!important;padding-inline-start:1em!important;font-size:24px!important}.header .search-bar-container{width:70%}.header .search-bar-container .search-bar{width:75%!important;padding:.5em 1em!important}.header .search-bar-container .search-bar .search-bar-input{font-size:16px!important;-webkit-padding-start:.5em!important;padding-inline-start:.5em!important;width:100%!important}.header .user-profile-blockie-icon{height:32px!important;width:32px!important}.header .toolbar-dropdown-box,.header .toolbar-notification-dropdown-box{font-size:12px!important}}.home .mail-top-loader-container{top:4px;left:50%;width:150px;height:32px;background:#ffffa8;border-radius:4px;border:1px solid #ff8200}.home .mail-notification-container,.home .mail-top-loader-container{position:fixed;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;z-index:100}.home .mail-notification-container{bottom:24px;left:24px;padding:10px 16px;background:var(--textColor);color:#fff;border-radius:4px;border:1px solid var(--textColor)}.home .mail-notification-container .mail-notification-close{margin-left:1em;cursor:pointer}@media only screen and (max-width:414px){.home{flex-direction:column}.home .mail-top-loader-container{left:30%!important}}@media only screen and (max-width:1024px) and (min-width:414px){.home{flex-direction:column}.home .mail-top-loader-container{left:30%!important}}.sidebar{width:15%;border-right:1px solid hsla(0,0%,78%,.57);color:var(--labelColor)}.sidebar .mail-compose-container{margin:1em;height:42px;background:var(--themeColor);color:var(--white);border-radius:8px;cursor:pointer;text-transform:none;border:1px solid var(--themeColor);transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border .25s cubic-bezier(.4,0,.2,1) 0ms;box-shadow:2px 4px 15px 0 rgba(155,77,202,.58);display:flex;align-items:center;transition:all .5s;width:91%;padding:0}.sidebar .mail-compose-container .compose-icon{padding:0 18px 5px;font-size:26px;font-weight:300;border-right:.5px solid}.sidebar .mail-compose-container .compose-title{margin:0 auto;font-size:17px;font-weight:400}.sidebar .mail-compose-container:hover{transform:scale(1.04);box-shadow:4px 6px 18px 0 rgba(155,77,202,.58)}.sidebar .selected,.sidebar .selected:hover{background-color:var(--themeColorSelected)!important;border-left:4px solid var(--themeColor)!important}.sidebar .sidebar-item{padding:.4em 1em;cursor:pointer;display:flex;transition:all .25s linear}.sidebar .sidebar-item .sidebar-item-main{flex-grow:1}.sidebar .sidebar-item .sidebar-item-main .sidebar-item-icon{width:24px}.sidebar .sidebar-item .sidebar-item-main .sidebar-item-title{margin-left:8px}.sidebar .sidebar-item:hover{background-color:var(--hoverBackground);border-left:4px solid}@media only screen and (max-width:414px){.sidebar{width:100%;border-bottom:1px solid hsla(0,0%,78%,.57);font-size:14px!important}.sidebar .compose-title{font-size:16px!important}}@media only screen and (max-width:1024px) and (min-width:414px){.sidebar{width:100%;border-bottom:1px solid hsla(0,0%,78%,.57);font-size:14px!important}.sidebar .compose-title{font-size:16px!important}}.mailbox{flex:1 1}.mailbox-top-bar{display:flex;align-items:center;padding:.4em .9em;height:36.23px;border-bottom:1px solid hsla(0,0%,78%,.57)}.mailbox-top-bar .mailbox-top-bar-left{display:flex;align-items:center;flex-grow:1}.mailbox-top-bar .mailbox-top-bar-left .select-all-container{width:28px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.mailbox-top-bar .mailbox-top-bar-left .select-all-container:hover{background-color:var(--hoverBackground)}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input{position:relative!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:content-box;overflow:hidden;outline:none;cursor:pointer}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input:before{content:"";display:block;box-sizing:content-box;width:12px;height:12px;border:2px solid var(--labelColor);transition:border-color .2s ease}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input:checked:before{border-color:var(--labelColor);transition:border-color .5s ease}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input:disabled:before{border-color:var(--labelColor);background-color:var(--labelColor)}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input:after{content:"";display:block;position:absolute;box-sizing:content-box;top:50%;left:50%;transform-origin:50% 50%;background-color:var(--labelColor);width:12px;height:12px;border-radius:100vh;transform:translate(-50%,-50%) scale(0)}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input[type=checkbox]:before{border-radius:3px}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input[type=checkbox]:after{width:7.2px;height:12px;border-radius:0;transform:translate(-50%,-85%) scale(0) rotate(45deg);background-color:transparent;box-shadow:4px 4px 0 0 var(--labelColor)}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input[type=checkbox]:checked:after{-webkit-animation:toggleOnCheckbox .2s ease forwards;animation:toggleOnCheckbox .2s ease forwards}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input[type=checkbox].filled:before{border-radius:3px;transition:border-color .2s ease,background-color .2s ease}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input[type=checkbox].filled:checked:not(:disabled):before{background-color:var(--labelColor)}.mailbox-top-bar .mailbox-top-bar-left .select-all-container input[type=checkbox].filled:not(:disabled):after{box-shadow:4px 4px 0 0 #fff}.mailbox-top-bar .mailbox-top-bar-left .reload-container{color:var(--labelColor);height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.mailbox-top-bar .mailbox-top-bar-left .reload-container:hover{background-color:var(--hoverBackground)}.mailbox-top-bar .mailbox-top-bar-right{display:flex;align-items:center}.mailbox-top-bar .mailbox-top-bar-right .last-synced-container{font-weight:500;color:var(--labelColor);width:196px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.mailbox-top-bar .mailbox-top-bar-right .last-synced-container:hover{background-color:var(--hoverBackground)}.mailbox-top-bar .mailbox-top-bar-right .pagination-content-container{font-weight:500;color:var(--labelColor);width:92px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px}.mailbox-top-bar .mailbox-top-bar-right .pagination-content-container:hover{background-color:var(--hoverBackground)}.mailbox-top-bar .mailbox-top-bar-right .disabled{color:var(--bodyBg)!important}.mailbox-top-bar .mailbox-top-bar-right .disabled:hover{background-color:transparent!important;cursor:not-allowed}.mailbox-top-bar .mailbox-top-bar-right .pagination-left-container{margin-left:1.5em;color:var(--labelColor);height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.mailbox-top-bar .mailbox-top-bar-right .pagination-left-container:hover{background-color:var(--hoverBackground)}.mailbox-top-bar .mailbox-top-bar-right .pagination-right-container{margin-left:1.5em;color:var(--labelColor);height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.mailbox-top-bar .mailbox-top-bar-right .pagination-right-container:hover{background-color:var(--hoverBackground)}.mailbox-top-bar .mailbox-top-bar-right .pagination-menu-container{margin-left:1.5em;color:var(--labelColor);height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.mailbox-top-bar .mailbox-top-bar-right .pagination-menu-container:hover{background-color:var(--hoverBackground)}@media only screen and (max-width:414px){.mailbox-top-bar{font-size:12px}.mailbox-top-bar .mailbox-top-bar-right{width:93%;justify-content:flex-end}}@media only screen and (max-width:1024px) and (min-width:414px){.mailbox-top-bar{font-size:14px}.mailbox-top-bar .mailbox-top-bar-right{width:93%;justify-content:flex-end}}.mailbox-content{display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - 128px);position:relative}.mailbox-content .no-mail-container{height:200px;width:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--labelColor);font-size:18px;font-weight:600;top:50%;right:50%;bottom:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.mailbox-content .no-mail-container .no-mail-icon{font-size:62px;margin-bottom:6px}.mailbox-content .selected{background-color:var(--themeColorSelected);border-left:4px solid var(--themeColor)}.mailbox-content .selected:hover{background-color:var(--themeColorSelected)!important;border-left:4px solid var(--themeColor)!important}.mailbox-content .selected:hover .mail-trash{display:none!important}.mailbox-content .selected:hover .mail-starred,.mailbox-content .selected:hover .mail-time{display:flex!important}.mailbox-content .mail-item{display:flex;padding:.5em 1em;border-bottom:1px solid hsla(0,0%,78%,.57);color:var(--labelColor);cursor:pointer;transition:all .25s linear}.mailbox-content .mail-item:hover{background-color:var(--hoverBackground);border-left:4px solid;box-shadow:inset 1px 0 0 #dadce0,inset -1px 0 0 #dadce0,0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.mailbox-content .mail-item:hover .mail-starred,.mailbox-content .mail-item:hover .mail-trash{display:flex!important}.mailbox-content .mail-item .select-mail-container{padding-top:13px;margin-right:.8em}.mailbox-content .mail-item .select-mail-container input{position:relative!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:content-box;overflow:hidden;outline:none;cursor:pointer}.mailbox-content .mail-item .select-mail-container input:before{content:"";display:block;box-sizing:content-box;width:12px;height:12px;border:2px solid var(--themeColor);transition:border-color .2s ease}.mailbox-content .mail-item .select-mail-container input:checked:before{border-color:var(--themeColor);transition:border-color .5s ease}.mailbox-content .mail-item .select-mail-container input:disabled:before{border-color:var(--themeColor);background-color:var(--themeColor)}.mailbox-content .mail-item .select-mail-container input:after{content:"";display:block;position:absolute;box-sizing:content-box;top:50%;left:50%;transform-origin:50% 50%;background-color:var(--themeColor);width:12px;height:12px;border-radius:100vh;transform:translate(-50%,-50%) scale(0)}.mailbox-content .mail-item .select-mail-container input[type=checkbox]:before{border-radius:3px}.mailbox-content .mail-item .select-mail-container input[type=checkbox]:after{width:7.2px;height:12px;border-radius:0;transform:translate(-50%,-85%) scale(0) rotate(45deg);background-color:transparent;box-shadow:4px 4px 0 0 var(--themeColor)}.mailbox-content .mail-item .select-mail-container input[type=checkbox]:checked:after{-webkit-animation:toggleOnCheckbox .2s ease forwards;animation:toggleOnCheckbox .2s ease forwards}.mailbox-content .mail-item .select-mail-container input[type=checkbox].filled:before{border-radius:3px;transition:border-color .2s ease,background-color .2s ease}.mailbox-content .mail-item .select-mail-container input[type=checkbox].filled:checked:not(:disabled):before{background-color:var(--themeColor)}.mailbox-content .mail-item .select-mail-container input[type=checkbox].filled:not(:disabled):after{box-shadow:4px 4px 0 0 #fff}@-webkit-keyframes toggleOnCheckbox{0%{opacity:0;transform:translate(-50%,-85%) scale(0) rotate(45deg)}70%{opacity:1;transform:translate(-50%,-85%) scale(.9) rotate(45deg)}to{transform:translate(-50%,-85%) scale(.8) rotate(45deg)}}@keyframes toggleOnCheckbox{0%{opacity:0;transform:translate(-50%,-85%) scale(0) rotate(45deg)}70%{opacity:1;transform:translate(-50%,-85%) scale(.9) rotate(45deg)}to{transform:translate(-50%,-85%) scale(.8) rotate(45deg)}}.mailbox-content .mail-item .user-profile-icon-container{margin-right:.8em;padding-top:4px}.mailbox-content .mail-item .user-profile-icon-container .user-profile-blockie-icon{height:42px;width:42px;border-radius:50%;cursor:pointer}.mailbox-content .mail-item .mail-content-container{flex-grow:1;position:relative;transition:all .25s cubic-bezier(.6,-.28,.735,.045)}.mailbox-content .mail-item .mail-content-container .mail-user-container{display:flex;align-items:center}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-user-name-container{flex:1 1}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-user-name-container .mail-user-name{font-weight:500;margin-right:1em;color:var(--black)}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-user-name-container .mail-user-wallet{margin-right:8px}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-time{font-size:14px;margin-right:8px}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-trash{display:none;height:36px;width:36px;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;position:absolute;right:0;top:-6px}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-trash:hover{background-color:var(--hoverBackground)}.mailbox-content .mail-item .mail-content-container .mail-tx-container{width:100%;display:flex}.mailbox-content .mail-item .mail-content-container .mail-tx-container .mail-tx-id{color:var(--themeColorDark);text-decoration:none;border-bottom:1px dotted var(--themeColorDark);overflow:hidden;text-overflow:ellipsis}.mailbox-content .mail-item .mail-content-container .mail-subject{font-size:17px;font-weight:500;color:var(--black)}.mailbox-content .mail-item .mail-content-container .mail-body-container{display:flex;align-items:center;position:relative}.mailbox-content .mail-item .mail-content-container .mail-body-container .mail-body{flex:1 1}.mailbox-content .mail-item .mail-content-container .mail-body-container .starred-disabled{cursor:not-allowed!important}.mailbox-content .mail-item .mail-content-container .mail-body-container .mail-starred{height:36px;width:36px;display:none;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;position:absolute;right:0;bottom:0}.mailbox-content .mail-item .mail-content-container .mail-body-container .mail-starred:hover{background-color:var(--hoverBackground)}@media only screen and (max-width:414px){.mailbox-content{flex-direction:row;height:auto!important;border-bottom:1px solid hsla(0,0%,78%,.57)}.mailbox-content .mail-item{border-right:1px solid hsla(0,0%,78%,.57);font-size:12px}.mailbox-content .mail-item .user-profile-blockie-icon{height:32px!important;width:32px!important}.mailbox-content .mail-item .mail-content-container{width:218px}.mailbox-content .mail-item .mail-content-container .mail-user-container{align-items:baseline}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-user-name-container{display:flex;flex-direction:column}.mailbox-content .mail-item .mail-subject{font-size:14px!important}}@media only screen and (max-width:1024px) and (min-width:414px){.mailbox-content{flex-direction:row;height:auto!important;border-bottom:1px solid hsla(0,0%,78%,.57)}.mailbox-content .mail-item{border-right:1px solid hsla(0,0%,78%,.57);font-size:14px}.mailbox-content .mail-item .user-profile-blockie-icon{height:32px!important;width:32px!important}.mailbox-content .mail-item .mail-content-container{width:218px}.mailbox-content .mail-item .mail-content-container .mail-user-container{align-items:baseline}.mailbox-content .mail-item .mail-content-container .mail-user-container .mail-user-name-container{display:flex;flex-direction:column}.mailbox-content .mail-item .mail-subject{font-size:16px!important}}.compose-mail-box{position:absolute;bottom:0;right:24px;width:514px;display:flex;flex-direction:column;z-index:100;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)}.compose-mail-box .compose-mail-header{display:flex;padding:8px 12px;background:var(--textColor);color:var(--white);border-top-left-radius:6px;border-top-right-radius:6px;cursor:pointer}.compose-mail-box .compose-mail-header .compose-mail-header-title{flex:1 1;margin-left:8px}.compose-mail-box .compose-mail-header .compose-mail-header-collapse{margin-right:.75em;height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.compose-mail-box .compose-mail-header .compose-mail-header-collapse:hover{background-color:var(--hoverBackground)}.compose-mail-box .compose-mail-header .compose-mail-header-close{height:24px;width:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.compose-mail-box .compose-mail-header .compose-mail-header-close:hover{background-color:var(--hoverBackground)}.compose-mail-box .compose-body-container{padding:0 8px;background:var(--white);min-height:460px}.compose-mail-box .compose-body-container .compose-body-recipient{display:flex;padding:6px 0;border-bottom:1px solid hsla(0,0%,78%,.57)}.compose-mail-box .compose-body-container .compose-body-recipient .compose-body-recipient-input{border:0;background:transparent;font-size:15px;font-weight:500;outline:none;flex:1 1}.compose-mail-box .compose-body-container .compose-body-subject{display:flex;padding:6px 0;border-bottom:1px solid hsla(0,0%,78%,.57)}.compose-mail-box .compose-body-container .compose-body-subject .compose-body-subject-input{border:0;background:transparent;font-size:15px;font-weight:500;outline:none;flex:1 1}.compose-mail-box .compose-body-container .compose-body-amount{display:flex;padding:6px 0;border-bottom:1px solid hsla(0,0%,78%,.57)}.compose-mail-box .compose-body-container .compose-body-amount .compose-body-amount-input{border:0;background:transparent;font-size:15px;font-weight:500;outline:none;flex:1 1}.compose-mail-box .compose-body-container .compose-body-content{display:flex;padding:6px 0}.compose-mail-box .compose-body-container .compose-body-content .mail-editor{flex:1 1}.compose-mail-box .compose-body-container .compose-body-content .mail-editor .mail-editor-body{min-height:292px;max-height:388px;overflow-y:auto}.compose-mail-box .compose-body-container .compose-body-content .mail-editor .mail-editor-body p{-webkit-margin-before:4px;margin-block-start:4px;-webkit-margin-after:4px;margin-block-end:4px}.compose-mail-box .compose-body-container .compose-body-content .mail-editor .css-t12sj4{padding:4px 8px!important;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)!important;margin:0!important;border-bottom:0!important}.compose-mail-box .compose-body-container .compose-body-content .mail-editor .css-t12sj4 .css-1vdn1ty{color:var(--labelColor)!important}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-header-container{font-size:18px;margin:4px 0;font-weight:500;color:var(--labelColor);align-items:center;display:flex}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-header-container .compose-body-attachments-icon{margin-right:8px;font-size:13px}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body{display:flex;flex-direction:column}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item{display:flex;flex:1 1;position:relative;align-items:center;color:var(--labelColor);padding:6px 12px;border-radius:6px;border:1px solid hsla(0,0%,78%,.57);margin-bottom:4px}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-icon-container{display:flex}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-icon-container .file-type-icon{height:32px;width:32px}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-details-container{margin-left:8px;flex:1 1;width:90%}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-details-container .attachments-item-name{font-size:13px;font-weight:500;width:95%;color:var(--textColor);overflow:hidden;text-overflow:ellipsis}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-details-container .attachments-item-size{font-size:12px}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .mail-trash{height:24px;width:24px;position:absolute;align-items:center;display:flex;justify-content:center;border-radius:50%;top:2px;right:2px;cursor:pointer;font-size:12px;color:var(--labelColor)}.compose-mail-box .compose-body-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .mail-trash:hover{background-color:var(--hoverBackground)}.compose-mail-box .compose-body-container .compose-body-buttons-container{padding:8px 0;display:flex;align-items:center;position:relative}.compose-mail-box .compose-body-container .compose-body-buttons-container .send-button-container{flex-grow:1}.compose-mail-box .compose-body-container .compose-body-buttons-container .send-button-container .send-mail-button{height:36px;background:var(--themeColor);color:var(--white);border-radius:6px;cursor:pointer;text-transform:none;border:1px solid var(--themeColor);box-shadow:1px 1px 6px 0 rgba(155,77,202,.58);align-items:center;transition:all .5s;padding:0 36px;font-size:15px}.compose-mail-box .compose-body-container .compose-body-buttons-container .send-button-container .mail-link{height:36px;width:36px;position:absolute;align-items:center;display:flex;justify-content:center;border-radius:50%;top:6px;left:116px;cursor:pointer;color:var(--labelColor)}.compose-mail-box .compose-body-container .compose-body-buttons-container .send-button-container .mail-link:hover{background-color:var(--hoverBackground)}.compose-mail-box .compose-body-container .compose-body-buttons-container .send-button-container .mail-link .mail-link-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:100;cursor:pointer}.compose-mail-box .compose-body-container .compose-body-buttons-container .mail-trash{height:36px;width:36px;position:absolute;align-items:center;display:flex;justify-content:center;border-radius:50%;top:6px;right:0;cursor:pointer;color:var(--labelColor)}.compose-mail-box .compose-body-container .compose-body-buttons-container .mail-trash:hover{background-color:var(--hoverBackground)}@media only screen and (max-width:414px){.compose-mail-box{right:0!important;width:96%;margin-right:8px;margin-left:8px}.compose-mail-box .compose-body-container{min-height:400px!important}.compose-mail-box .compose-body-container .mail-editor-body{min-height:256px!important;max-height:272px!important}}.view-mail{width:900px;border-left:1px solid hsla(0,0%,78%,.57)}.view-mail .view-mail-header{padding:7px 2em;height:35px;border-bottom:1px solid hsla(0,0%,78%,.57);display:flex;align-items:center;justify-content:space-between}.view-mail .view-mail-header .view-mail-header-subject{margin:0;font-size:22px;font-weight:500}.view-mail .view-mail-header .view-mail-header-close{height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer}.view-mail .view-mail-header .view-mail-header-close:hover{background-color:var(--hoverBackground)}.view-mail .view-mail-body-container{height:calc(100vh - 146px);padding:1em;background-color:hsla(0,0%,77.3%,.23);color:var(--labelColor);overflow-y:auto}.view-mail .view-mail-body-container .view-mail-body-item{display:flex;align-items:flex-start;padding:6px 12px 12px;background-color:var(--white);border:1px solid var(--bodyBg);border-radius:4px;margin-bottom:1em}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-user-icon-container{display:flex;align-items:center;margin-right:1em;margin-top:12px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-user-icon-container .user-profile-blockie-icon{height:40px;width:40px;border-radius:50%;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container{flex:1 1}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header{display:flex}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user{flex:1 1;display:flex;align-items:center}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user .view-mail-body-content-user-name{font-size:18px;font-weight:500;color:var(--black)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user .view-mail-body-content-user-wallet{margin-left:1em}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user .view-mail-body-content-user-wallet .view-mail-body-content-wallet-icon{margin-right:.5em}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user-reply{flex:1 1;font-size:18px;font-weight:500;display:flex;align-items:center}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user-reply .forward-recipient-input{border:0;background:transparent;font-size:15px;font-weight:500;outline:none;flex:1 1}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-time{margin-right:1em;display:flex;align-items:center}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-star{height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-star:hover{background-color:var(--hoverBackground)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-reply{height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-trash{height:36px;width:36px;display:flex;margin-right:.5em;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-trash:hover{background-color:var(--hoverBackground)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .reply-mail-close{height:36px;width:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .reply-mail-close:hover{background-color:var(--hoverBackground)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .reply-body-amount{display:flex;padding:6px 0;border-top:1px solid hsla(0,0%,78%,.57);border-bottom:1px solid hsla(0,0%,78%,.57)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .reply-body-amount .reply-body-amount-input{border:0;background:transparent;font-size:15px;font-weight:500;outline:none;flex:1 1}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-reply-container .mail-editor{flex:1 1}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-reply-container .mail-editor .mail-editor-body{min-height:194px;max-height:388px;overflow-y:auto}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-reply-container .mail-editor .mail-editor-body p{-webkit-margin-before:4px;margin-block-start:4px;-webkit-margin-after:4px;margin-block-end:4px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-reply-container .mail-editor .css-t12sj4{padding:4px 8px!important;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2)!important;margin:0!important;border-bottom:0!important}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-reply-container .mail-editor .css-t12sj4 .css-1vdn1ty{color:var(--labelColor)!important}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container{padding:12px 0 0;display:flex;align-items:center;position:relative}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container .send-button-container{flex-grow:1;justify-content:space-between;display:flex}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container .send-button-container .reply-mail-trash{height:36px;width:36px;display:flex;margin-right:.5em;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container .send-button-container .reply-mail-trash:hover{background-color:var(--hoverBackground)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container .send-button-container .mail-link{height:36px;width:36px;position:absolute;align-items:center;display:flex;justify-content:center;border-radius:50%;top:12px;left:116px;cursor:pointer;color:var(--labelColor)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container .send-button-container .mail-link:hover{background-color:var(--hoverBackground)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container .send-button-container .mail-link .mail-link-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:100;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-buttons-container .send-button-container .send-mail-button{height:36px;background:var(--themeColor);color:var(--white);border-radius:6px;cursor:pointer;text-transform:none;border:1px solid var(--themeColor);box-shadow:1px 1px 6px 0 rgba(155,77,202,.58);align-items:center;transition:all .5s;padding:0 36px;font-size:15px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container{margin-top:12px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-header-container{font-size:18px;margin:4px 0;font-weight:500;color:var(--labelColor);align-items:center;display:flex}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-header-container .compose-body-attachments-icon{margin-right:8px;font-size:13px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body{display:flex;flex-direction:column}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item{display:flex;flex:1 1;position:relative;align-items:center;color:var(--labelColor);padding:6px 12px;border-radius:6px;border:1px solid hsla(0,0%,78%,.57);margin-bottom:4px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-icon-container{display:flex}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-icon-container .file-type-icon{height:32px;width:32px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-details-container{margin-left:8px;flex:1 1;width:90%}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-details-container .attachments-item-name{font-size:13px;font-weight:500;width:95%;color:var(--textColor);overflow:hidden;text-overflow:ellipsis}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .attachments-item-details-container .attachments-item-size{font-size:12px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .mail-trash{height:24px;width:24px;position:absolute;align-items:center;display:flex;justify-content:center;border-radius:50%;top:2px;right:2px;cursor:pointer;font-size:12px;color:var(--labelColor)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .compose-body-attachments-container .compose-body-attachments-body .attachments-item .mail-trash:hover{background-color:var(--hoverBackground)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-container{display:flex;align-items:center;margin-top:1em;padding:8px 0}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-container .draft-action-button-container{display:flex;align-items:center;flex:1 1}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-container .draft-action-button-container .view-mail-body-action-button{padding:6px 32px;border:1px solid var(--bodyBg);border-radius:4px;margin-right:1em;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-container .draft-action-button-container .view-mail-body-action-button:hover{background:var(--hoverBackground)}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-container .draft-action-button-container .view-mail-body-action-button .view-mail-body-action-icon{margin-right:12px}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-container .draft-action-delete-container .view-mail-body-content-trash{height:36px;width:36px;display:flex;margin-right:.5em;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}.view-mail .view-mail-body-container .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-container .draft-action-delete-container .view-mail-body-content-trash:hover{background-color:var(--hoverBackground)}@media only screen and (max-width:414px){.view-mail{width:100%}.view-mail .view-mail-body-item{font-size:12px}.view-mail .view-mail-body-item .user-profile-blockie-icon{height:30px!important;width:30px!important}.view-mail .view-mail-body-item .view-mail-body-content-container{width:82%}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header{align-items:baseline!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user-reply{overflow:hidden;text-overflow:ellipsis;flex:auto!important;font-size:14px!important;word-break:break-all}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user{align-items:inherit!important;flex-direction:column;text-align:left}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user .view-mail-body-content-user-name{font-size:13px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user .view-mail-body-content-user-wallet{margin-left:0!important}.view-mail .view-mail-body-item .view-mail-body-content-container .reply-body-amount-input{font-size:12px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-button{padding:3px 12px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-button .view-mail-body-action-icon{margin-right:6px}.view-mail .view-mail-body-item .view-mail-body-content-container .send-mail-button{height:30px!important;padding:0 20px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .reply-mail-trash{height:30px!important;width:30px!important}}@media only screen and (max-width:1024px) and (min-width:414px){.view-mail{width:100%}.view-mail .view-mail-body-item{font-size:12px}.view-mail .view-mail-body-item .user-profile-blockie-icon{height:30px!important;width:30px!important}.view-mail .view-mail-body-item .view-mail-body-content-container{width:82%}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header{align-items:baseline!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user-reply{overflow:hidden;text-overflow:ellipsis;flex:auto!important;font-size:14px!important;word-break:break-all}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user{align-items:inherit!important;flex-direction:column;text-align:left}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user .view-mail-body-content-user-name{font-size:13px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-content-header .view-mail-body-content-user .view-mail-body-content-user-wallet{margin-left:0!important}.view-mail .view-mail-body-item .view-mail-body-content-container .reply-body-amount-input{font-size:12px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-button{padding:3px 12px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .view-mail-body-action-button .view-mail-body-action-icon{margin-right:6px}.view-mail .view-mail-body-item .view-mail-body-content-container .send-mail-button{height:30px!important;padding:0 20px!important}.view-mail .view-mail-body-item .view-mail-body-content-container .reply-mail-trash{height:30px!important;width:30px!important}}.home{height:100vh;display:flex}.loader{top:50%;right:50%;bottom:50%;left:50%;position:absolute;transform:translate(-50%,-50%)}.loader .boxes{--size:32px;--duration:800ms;height:calc(var(--size)*2);width:calc(var(--size)*3);position:relative;transform-style:preserve-3d;transform-origin:0 0;margin-top:calc(var(--size)*1.5*-1);transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0)}.loader .boxes .box{width:var(--size);height:var(--size);top:0;left:0;position:absolute;transform-style:preserve-3d}.loader .boxes .box:first-child{transform:translate(100%);-webkit-animation:box1 var(--duration) linear infinite;animation:box1 var(--duration) linear infinite}.loader .boxes .box:nth-child(2){transform:translateY(100%);-webkit-animation:box2 var(--duration) linear infinite;animation:box2 var(--duration) linear infinite}.loader .boxes .box:nth-child(3){transform:translate(100%,100%);-webkit-animation:box3 var(--duration) linear infinite;animation:box3 var(--duration) linear infinite}.loader .boxes .box:nth-child(4){transform:translate(200%);-webkit-animation:box4 var(--duration) linear infinite;animation:box4 var(--duration) linear infinite}.loader .boxes .box>div{--background:var(--themeColor);--top:auto;--right:auto;--bottom:auto;--left:auto;--translateZ:calc(var(--size)/2);--rotateY:0deg;--rotateX:0deg;position:absolute;width:100%;height:100%;background:var(--background);top:var(--top);right:var(--right);bottom:var(--bottom);left:var(--left);transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.loader .boxes .box>div:first-child{--top:0;--left:0}.loader .boxes .box>div:nth-child(2){--background:#732e9c;--right:0;--rotateY:90deg}.loader .boxes .box>div:nth-child(3){--background:#903ac3;--rotateX:-90deg}.loader .boxes .box>div:nth-child(4){--background:#dbe3f4;--top:0;--left:0;--translateZ:calc(var(--size)*3*-1)}@-webkit-keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}.lds-ring{display:inline-block;position:relative;width:136px;height:136px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:120px;height:120px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:12px solid transparent;border-top-color:#27a744}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes move-left-right{0%{transform:translateX(-10px)}50%{transform:translateX(10px)}to{transform:translateX(-10px)}}@keyframes move-left-right{0%{transform:translateX(-10px)}50%{transform:translateX(10px)}to{transform:translateX(-10px)}}.landing{display:flex;flex-direction:column;background-color:var(--white);background-size:contain;font-family:var(--bodyFont);color:var(--textColor)}.landing,.landing .landing-container{position:relative}.landing .landing-container .squares{-webkit-animation:move-left-right 1s infinite;animation:move-left-right 1s infinite;background:#9b4dca;background:linear-gradient(0deg,#9b4dca,#9b4dca);position:absolute;transition:.5s ease-out;overflow:hidden;z-index:0;border-radius:20%}.landing .landing-container .squares.square1{-webkit-animation:move-left-right 4s infinite;animation:move-left-right 4s infinite;height:300px;width:300px;opacity:.5;left:3%;top:-21%}.landing .landing-container .squares.square2{-webkit-animation:move-left-right 6s infinite;animation:move-left-right 6s infinite;height:400px;width:400px;opacity:.1;right:-10%;top:-12%}.landing .landing-container .squares.square3{-webkit-animation:move-left-right 5s infinite;animation:move-left-right 5s infinite;height:200px;width:200px;opacity:.1;left:-5%;bottom:0}.landing .landing-container .squares.square4{-webkit-animation:move-left-right 10s infinite;animation:move-left-right 10s infinite;height:100px;width:100px;opacity:.9;right:27%;top:70%}.landing .landing-container .squares.square5{-webkit-animation:move-left-right 6s infinite;animation:move-left-right 6s infinite;height:250px;width:250px;opacity:.1;left:32%;bottom:29%}.landing .landing-container .squares.square6{-webkit-animation:move-left-right 9s infinite;animation:move-left-right 9s infinite;left:10%;top:35%;height:80px;width:80px;opacity:.8}.landing .landing-container .squares.square7{-webkit-animation:move-left-right 3s infinite;animation:move-left-right 3s infinite;width:300px;height:300px;right:3%;bottom:5%;opacity:.1}.landing .landing-container .header-section .header-bar{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:1em 0}.landing .landing-container .header-section .header-bar .header-app-icon{font-size:32px;color:var(--themeColor);font-weight:800;font-family:var(--appNameFont);letter-spacing:.5px;z-index:10}.landing .landing-container .header-section .header-bar .header-action-button-container{display:flex;align-items:center}.landing .landing-container .header-section .header-bar .header-action-button-container .header-tabs a{margin-left:2em;color:var(--labelColor);font-weight:500;letter-spacing:.5px;text-decoration:none}.landing .landing-container .header-section .header-bar .header-action-button-container .header-tabs .header-play-buttons{border:2px solid var(--themeColor);margin-left:2em;font-weight:700;padding:8px 42px;background-color:rgba(155,77,202,.23);color:var(--themeColor);border-radius:24px;font-size:16px;cursor:pointer;letter-spacing:.5px;z-index:100;transition:background-color .25s ease-in-out;box-shadow:0 4px 6px 0 rgba(155,77,202,.23)}.landing .landing-container .header-section .header-bar .header-action-button-container .header-tabs .header-play-buttons:hover{background-color:var(--themeColor);color:var(--white)}.landing .landing-container .home-section{min-height:500px;color:var(--textColor)}.landing .landing-container .home-section .home-placeholder{max-width:1200px;margin:0 auto;display:flex;align-items:center}.landing .landing-container .home-section .home-placeholder .home-text-container{width:50%}.landing .landing-container .home-section .home-placeholder .home-text-container .home-title-container .home-title{color:var(--labelColor);font-size:72px;line-height:80px;-webkit-margin-after:25px;margin-block-end:25px;z-index:100;margin-top:1.5em}.landing .landing-container .home-section .home-placeholder .home-text-container .home-tagline{color:#97a0b9;font-size:20px;line-height:26px;z-index:100}.landing .landing-container .home-section .home-placeholder .home-text-container .home-tagline .highlight{color:var(--textColor);border-bottom:2px solid var(--themeColor)}.landing .landing-container .home-section .home-placeholder .home-text-container .get-started-container{margin-top:2.2em}.landing .landing-container .home-section .home-placeholder .home-text-container .get-started-container .header-play-buttons{border:2px solid var(--themeColor);font-weight:700;padding:12px 42px;background-color:rgba(155,77,202,.23);color:var(--themeColor);border-radius:24px;font-size:16px;cursor:pointer;letter-spacing:.5px;z-index:100;transition:background-color .25s ease-in-out;box-shadow:0 4px 6px 0 rgba(155,77,202,.23)}.landing .landing-container .home-section .home-placeholder .home-text-container .get-started-container .header-play-buttons:hover{background-color:var(--themeColor);color:var(--white)}.landing .landing-container .home-section .home-placeholder .home-icon-container{width:50%}.landing .landing-container .home-section .home-placeholder .home-icon-container .home-icon-inner-container{text-align:center}.landing .landing-container .home-section .home-placeholder .home-icon-container .home-icon-inner-container .home-background-icon{width:186px;height:236px;margin-top:3em;margin-left:0}.landing .content-section{position:relative;margin-bottom:3em}.landing .content-section .path-background{max-width:65%;right:0;top:80px;position:absolute;opacity:.02}.landing .content-section .path2-background{position:absolute;opacity:.02;max-width:41%;right:-60px;top:-10px}.landing .content-section .feature-section{padding-top:50px}.landing .content-section .feature-section .feature-container{border-radius:5px;min-height:400px;box-shadow:0 0 35px rgba(155,77,202,.23);border:2px solid var(--themeColor);padding:20px;max-width:1200px;width:90vw;margin:0 auto;text-align:center}.landing .content-section .feature-section .feature-container .feature-description{color:#97a0b9}.landing .content-section .feature-section .feature-container .feature-description i{color:var(--themeColor);font-weight:700}.landing .content-section .feature-section .feature-container .feature-showcase{display:flex;align-items:center;padding-top:2em;justify-content:space-evenly}.landing .content-section .feature-section .feature-container .feature-showcase .feature-item{width:25%;vertical-align:top;margin:10px}.landing .content-section .feature-section .feature-container .feature-showcase .feature-item .feature-icons{height:80px;width:80px}.landing .content-section .feature-section .feature-container .feature-showcase .feature-item .feature-description{color:#97a0b9}.landing .content-section .usage-section{padding-top:40px;margin-top:4em}.landing .content-section .usage-section .usage-container{max-width:1200px;margin:0 auto;min-height:600px;width:90vw;text-align:center}.landing .content-section .usage-section .usage-container .highlight{border-bottom:2px solid var(--themeColor)}.landing .content-section .usage-section .usage-container .usage-demo-container{display:flex;align-items:center;margin-top:3em}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container{width:350px;margin-right:2em}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container .selected{border:1px solid var(--themeColor)!important}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container .usage-list-item{display:flex;align-items:center;padding:16px;border:1px solid var(--bodyBg);border-radius:12px;box-shadow:0 0 35px rgba(127,150,174,.125);margin-bottom:2em;cursor:pointer;transition:.1s ease-in-out}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container .usage-list-item:hover{border:1px solid var(--themeColor)}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container .usage-list-item .usage-number{width:40px;margin-right:12px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(155,77,202,.72);color:var(--white);border-radius:50%;font-size:24px;font-weight:600}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container .usage-list-item .usage-details{text-align:left}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container .usage-list-item .usage-details .usage-details-title{font-size:18px;font-weight:600}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-list-container .usage-list-item .usage-details .usage-details-description{font-size:15px}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-image-container{width:calc(100% - 350px)}.landing .content-section .usage-section .usage-container .usage-demo-container .usage-image-container .usage-image{max-width:100%;border-radius:2px}.landing .footer-section{padding-top:25px;padding-bottom:25px;color:var(--white);background:radial-gradient(ellipse at bottom,#5d0095 30%,#330251 80%)}.landing .footer-section .footer-container{max-width:1200px;margin:0 auto;min-height:250px;width:90vw;display:flex;align-items:flex-start}.landing .footer-section .footer-container .footer-app-section{width:50%}.landing .footer-section .footer-container .footer-app-section .open-source{text-decoration:none;color:#fff;border-bottom:1px dotted #fff;padding-bottom:1px;transition:.1s ease-in-out}.landing .footer-section .footer-container .footer-link-section{width:25%}.landing .footer-section .footer-container .footer-link-section .footer-link-list{list-style-type:none;padding-left:0;-webkit-margin-before:-10px;margin-block-start:-10px}.landing .footer-section .footer-container .footer-link-section .footer-link-list .footer-link-item{padding:5px 0}.landing .footer-section .footer-container .footer-link-section .footer-link-list .footer-link-item .footer-link{color:#c3c3c3;padding-bottom:1px;border-bottom:1px dotted #c3c3c3;text-decoration:none;transition:.1s ease-in-out}
/*# sourceMappingURL=main.7918fce8.chunk.css.map */