.whismer-settings{width:100%;box-sizing:border-box;flex:1;align-items:flex-start;display:flex;justify-content:center;overflow-y:scroll;padding:0 16px}.whismer-settings-nav{width:220px;padding-top:30px}.whismer-settings-nav .nav-btn-div{height:40px;display:flex;align-items:center;color:#555;font-weight:500;border-radius:20px;padding:0 18px;cursor:pointer;margin-bottom:8px}.whismer-settings-nav .nav-btn-div:hover{background:#0000000a}.whismer-settings-nav .nav-btn-div.setting-current{background:#0000000f}.whismer-settings-nav .nav-btn-div span{margin-left:4px}.whismer-settings-nav .nav-btn-div svg{flex-shrink:0}.whismer-settings-content{max-width:600px;width:100%;display:flex;flex-direction:column;align-items:center}.whismer-settings-content .account-wrapper{padding-top:30px}.whismer-settings-content .whis-sub-wrapper{padding:30px 20px;max-width:460px;width:100%;box-sizing:border-box}.whismer-settings-content .whis-sub-wrapper .whis-sub-title{margin:10px 0 24px;font-size:15px;font-weight:500;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.whismer-settings-content .whis-sub-wrapper .status-plan-display{font-weight:500;font-size:16px}.whismer-settings-content .whis-sub-wrapper .status-desc-text{margin-top:12px;line-height:1.4}.whismer-settings-content .whis-plan-payments{margin-top:24px;display:flex}.whismer-settings-content .whis-plan-payments .button{height:36px;font-weight:500;width:200px;padding:0}.whismer-settings-content .whis-plan-payments .cancel-sub{border-color:#de4848;background:transparent;color:#de4848;margin-left:12px}.whismer-settings-content .whis-sub-usage{padding-top:40px}.whismer-settings-content .whis-sub-usage .whis-usage-item{padding:10px 12px;border-radius:5px;background:#0000000d;margin-bottom:8px}.whismer-settings-content .whis-sub-usage .whis-usage-item span{margin-left:8px}@media screen and (max-width:700px){.whismer-settings{flex-direction:column;justify-content:flex-start;align-items:center}.whismer-settings .whismer-settings-nav{display:flex;width:100%;max-width:400px}.whismer-settings .whismer-settings-nav .nav-btn-div{padding:0 12px}.whismer-settings .whismer-settings-content{padding-top:20px;align-items:flex-start;width:100%;max-width:400px}.whismer-settings .whismer-settings-content .account-wrapper{padding:0;align-items:flex-start}.whismer-settings .whismer-settings-content .whis-sub-wrapper{padding:0}}