react-custom-tours
Version:
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
2 lines (1 loc) • 2.56 kB
CSS
@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Manrope:wght@200..800&display=swap";._wrapper_2z7aw_3{position:fixed;top:0;width:100%;height:100%;z-index:9999}._wrapper_2z7aw_3{--rct-primary: #6e5ffc;--rct-layout-primary: rgba(9, 12, 23, .375);--rct-bg-primary: #f8f9fa;--rct-text-primary: #090c17}._wrapper_2z7aw_3._dark_2z7aw_17{--rct-bg-primary: #090c17;--rct-text-primary: #f8f9fa}._relative_2z7aw_22{position:relative;width:100%;height:inherit}._block_2z7aw_28{will-change:auto;position:fixed;border-radius:12px;box-shadow:0 0 0 10000px var(--rct-layout-primary);transition:.325s}*{margin:0;font-family:Inter,sans-serif;font-optical-sizing:auto}._wrapper_1hvjj_1{position:absolute;width:auto;min-width:325px;padding:24px;display:flex;flex-direction:column;gap:16px;border-radius:24px;background:var(--rct-bg-primary);color:var(--rct-text-primary)}._header_1hvjj_17{display:flex;align-items:center;justify-content:space-between}._leftHeader_1hvjj_22{display:flex;align-items:center;gap:12px}._count_1hvjj_27{margin:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}._close_1hvjj_34{padding:2px 5px;background:none;cursor:pointer;border:none;transition:.15s}._close_1hvjj_34>svg{scale:1.6;fill:var(--rct-text-primary)}._close_1hvjj_34:hover{opacity:.75}._textWrapper_1hvjj_50>h4{margin-bottom:4px;font-size:24px;font-weight:600}._textWrapper_1hvjj_50>p{font-family:Manrope,sans-serif;font-size:14px;line-height:1.3}._footer_1hvjj_62{display:flex;justify-content:flex-end;align-items:center;gap:4px}._footer_1hvjj_62>button{padding:9px 16px;display:flex;align-items:center;justify-content:center;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;color:var(--rct-text-primary);background:none;border:none;border-radius:12px;outline-color:var(--rct-primary);transition:.15s}._footer_1hvjj_62>button>svg{margin:0 0 -2px 8px;scale:1.5}._footer_1hvjj_62>button:last-child{color:#fff;background:var(--rct-primary);border:1px solid var(--rct-primary)}._footer_1hvjj_62>button:hover{cursor:pointer}._footer_1hvjj_62>button:disabled:hover{cursor:no-drop}._footer_1hvjj_62>button:disabled,._footer_1hvjj_62>button:disabled:hover,._footer_1hvjj_62>button:active{opacity:.75}@media (max-width: 1024px){._wrapper_1hvjj_1{min-width:275px;padding:16px}._textWrapper_1hvjj_50>h4{font-size:20px}._footer_1hvjj_62>button{font-size:14px}}@media (max-width: 480px){._textWrapper_1hvjj_50>h4{font-size:16px}._textWrapper_1hvjj_50>p{font-size:12px}._footer_1hvjj_62>button:last-child{flex:1}}