/**handles:roi-cb-frontend**/
.roi-cb{z-index:99999;padding:18px 20px;text-decoration:none;display:block;cursor:pointer;transition:background .3s ease}.roi-cb-title{font-size:22px;font-weight:600;display:block;text-align:center}.roi-cb-subtitle{font-size:18px;display:block;margin-top:5px;text-align:center}.roi-cb-close{position:absolute;top:15px;right:15px;font-size:24px;opacity:.7;padding:0 5px;cursor:pointer;z-index:1;transition:opacity .2s ease}.roi-cb-close:hover{opacity:1}.roi-cb.roi-cb--bottom{position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px rgba(0,0,0,.3);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .4s ease,background .3s ease}.roi-cb.roi-cb--bottom.visible{transform:translateY(0)}.roi-cb.roi-cb--top{position:relative;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.2);border-radius:0;max-height:200px;overflow:hidden;transition:max-height .4s ease,padding .35s ease,opacity .3s ease;opacity:1}.roi-cb.roi-cb--top.roi-cb--closed{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none}