.cModalService{--modalBodyDecBg:radial-gradient(#40656e,rgba(64,101,110,0) 70%);--titleTextColor:var(--textMain);--titleSpanTextColor:var(--mainColor);--topContentColor:#aaa;--listItemBg:#333738;--listItemMainColor:var(--mainColor);--listItemTitleColor:#fff;--listItemSubTitleColor:#c2c2c2}.cModalService .modalCard{max-width:410px}.cModalService .modalBody{overflow:hidden;padding:20px;position:relative}.cModalService .modalBody:before{aspect-ratio:1/1;background:var(--modalBodyDecBg);content:"";left:0;position:absolute;top:0;transform:translate(-50%,-36.84%);width:95%}.cModalService .topInfo{display:flex;position:relative}.cModalService .topInfo .leftContent{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;width:40%}.cModalService .topInfo .title{color:var(--titleTextColor);font-size:28px;font-weight:600;line-height:32px;margin-top:15px}.cModalService .topInfo .subTitle{color:var(--titleTextColor);font-size:18px;font-weight:600;line-height:21px}.cModalService .topInfo .subTitle span{color:var(--titleSpanTextColor)}.cModalService .topInfo .content{color:var(--topContentColor);font-size:12px;line-height:1.2em;margin-top:10px}.cModalService .serviceList li+li{margin-top:8px}.cModalService .serviceList .listItem{align-items:center;background:var(--listItemBg);border-radius:10px;display:flex;padding:12px}.cModalService .serviceList .liveItem{--listItemMainColor:var(--mainColor)}.cModalService .serviceList .telegramItem{--listItemMainColor:#2b66aa}.cModalService .serviceList .leftIcon{align-items:center;aspect-ratio:1/1;background:var(--listItemMainColor);border-radius:8px;display:flex;flex-shrink:0;justify-content:center;width:40px}.cModalService .serviceList .leftIcon i{--iconSize:28px;--iconColor:#fff}.cModalService .serviceList .middleSection{margin-left:10px;margin-right:5px}.cModalService .serviceList .itemTitle{color:var(--listItemTitleColor);font-size:14px;font-weight:500;line-height:16px}.cModalService .serviceList .subTitle{color:var(--listItemSubTitleColor);font-size:10px;font-weight:300;line-height:11px;margin-top:2px}.cModalService .serviceList .btnAdd{align-items:center;background:var(--listItemMainColor);border-radius:30px;display:flex;flex-shrink:0;margin-left:auto;padding:10px 8px}.cModalService .serviceList .btnAdd i{--iconSize:17px;--iconColor:#fff}.cModalService .serviceList .btnAdd .text{color:#fff;font-size:14px;margin-left:5px}.day .cModalService{--modalBg:#ddd;--modalBodyDecBg:radial-gradient(#fff,hsla(0,0%,100%,0) 70%);--titleTextColor:var(--textMain);--titleSpanTextColor:#fff;--topContentColor:#939393;--listItemBg:#fff;--listItemTitleColor:#787878}