react-custom-tours/dist/assets/useTips.css

A library with tips that you can attach to blocks on your sites so that users can more easily understand how to use your site

._wrapper_16fri_1{position:fixed;top:0;width:100%;height:100%;z-index:9999}._wrapper_16fri_1{--rct-dark: #4c4c4c;--rct-gray: #f0f0f0;--rct-light-gray: #fcfcfc;--rct-light: #ffffff;--rct-light-color: #d6d6d6;--rct-primary: #6e5ffc;--rct-highlight-border: #ff2f00}._wrapper_16fri_1._dark_16fri_17{--rct-dark: #ffffff;--rct-gray: #535353;--rct-light-gray: #3b3b3b;--rct-light: #474747;--rct-light-color: #747474;--rct-highlight-border: #ffe500}._relative_16fri_26{position:relative;width:100%;height:inherit}._block_16fri_32{will-change:auto;position:fixed;border-radius:5px;border:1px solid var(--rct-highlight-border);box-shadow:0 0 0 100000px #00000080;transition:.325s}._wrapper_jfdv5_1{position:absolute;width:auto;min-width:275px;padding:12px 16px;display:flex;flex-direction:column;gap:10px;border-radius:8px;background:var(--rct-light-gray);border:1px solid var(--rct-gray);box-shadow:0 0 8px 0 var(--rct-gray);color:var(--rct-dark)}._header_jfdv5_19{display:flex;align-items:center;justify-content:space-between}._leftHeader_jfdv5_24{display:flex;align-items:center;gap:12px}._count_jfdv5_29{margin:0;font-size:14px;font-weight:700;color:var(--rct-light-color)}._leftHeader_jfdv5_24>._loader_jfdv5_35{margin-bottom:-2px}._close_jfdv5_39{padding:2px 5px;background:none;cursor:pointer;border:none;transition:.15s;opacity:.35}._close_jfdv5_39>svg{scale:1.4;fill:var(--rct-dark)}._close_jfdv5_39:hover{opacity:1}._textWrapper_jfdv5_56>h4{margin:0 0 5px;color:var(--rct-dark);font-size:18px;font-weight:700}._textWrapper_jfdv5_56>p{margin:0;font-size:14px;line-height:120%}._footer_jfdv5_69{display:flex;justify-content:flex-end;align-items:center;gap:12px}._footer_jfdv5_69>button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;outline-color:var(--rct-primary);background:var(--rct-light);border:1px solid var(--rct-gray);border-radius:6px;scale:1.15;transition:.15s}._footer_jfdv5_69>button>svg{scale:1.05}._footer_jfdv5_69>button:last-child{color:var(--rct-light);background:var(--rct-primary);border:1px solid var(--rct-primary);outline-color:var(--rct-dark)}._footer_jfdv5_69>button:active{opacity:.85}._footer_jfdv5_69>button:hover{cursor:pointer}._footer_jfdv5_69>button:disabled:hover{cursor:no-drop}._footer_jfdv5_69>button:first-child:hover{border:1px solid var(--rct-primary)}._footer_jfdv5_69>button:first-child:disabled{background:var(--rct-gray);border:1px solid var(--rct-gray)}._footer_jfdv5_69>button:first-child:disabled>svg{opacity:.5}._footer_jfdv5_69>button:first-child:disabled:hover{border:1px solid var(--rct-gray)}._footer_jfdv5_69>button:last-child:disabled,._footer_jfdv5_69>button:last-child:hover{opacity:.75}