@dimanoid/ngx-dm-tour/lib/dm-tour.styles.d.ts

export declare const GLOBAL_STYLES = "\n    #ngxDmTourRoot,\n    #ngxDmTourLoading,\n    #ngxDmTourBackdrop,\n    #ngxDmTourDialogContainer {\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        overflow: hidden;\n    }\n    #ngxDmTourLoading {\n        background-color: transparent;\n        transition: background-color .5s;\n    }\n    #ngxDmTourBackdrop {\n        opacity: 0;\n        transition: opacity .5s;\n    }\n    #ngxDmTourRoot.ngx-dm-tour-show #ngxDmTourBackdrop {\n        opacity: var(--ngx-dm-tour-backdrop-opacity, .3);\n    }\n    #ngxDmTourRoot.ngx-dm-tour-show #ngxDmTourDialog {\n        opacity: 1;\n    }\n    #ngxDmTourRoot.ngx-dm-tour-show .ngx-dm-tour-text {\n        opacity: 1;\n    }\n    #ngxDmTourBackdrop.ngx-dm-tour-dialog {\n        background-color: var(--ngx-dm-tour-backdrop-color, black);\n    }\n    #ngxDmTourDialogContainer  {\n        justify-content: center;\n        align-items: center;\n        display: flex;\n        overflow: auto;\n    }\n    #ngxDmTourDialog {\n        transition: opacity .5s;\n        opacity: 0;\n        min-width: 800px;\n        min-height: 600px;\n        background-color: white;\n        box-shadow: 0 0 10px rgba(0,153,228,.5);\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        padding: 10px 0;\n        position: relative;\n    }\n    #ngxDmTourDialogTitle {\n        color: #0099e4;\n        padding: 0 16px 8px;\n        font-weight: bold;\n        font-size: 1.5em;\n    }\n    #ngxDmTourDialogDesc {\n        position: relative;\n        display: flex;\n        flex: 1;\n        flex-basis: 1e-9px;\n    }\n    #ngxDmTourDialogDescInner {\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        overflow: auto;\n        padding: 10px;\n    }\n    #ngxDmTourDialogFooter {\n        padding: 8px 8px 0 8px;\n        text-align: right;\n        margin-top: 2px;\n    }\n    .ngx-dm-tour-button {\n        transition: all .15s;\n        height: 26px;\n        line-height: 1.5;\n        position: relative;\n        display: inline-block;\n        font-weight: 400;\n        text-align: center;\n        border: 1px solid #d9d9d9;\n        cursor: pointer;\n        padding: 0 8px;\n        font-size: 14px;\n        color: white;\n        background-color: #0099e4;\n        border-color: #1890ff;\n        box-shadow: 0 2px 0 rgba(0,0,0,.045);\n    }\n    .ngx-dm-tour-button:hover {\n        box-shadow: 0 2px 5px rgba(0,153,228,.5);\n        top: 0 !important;\n    }\n    #ngxDmTourDialogBtnIndex:before {\n        content: \"Content Index\"\n    }\n    #ngxDmTourDialogBtnControls{\n        margin-left: 8px;\n        position: absolute;\n        top: -2px;\n        right: 30px;\n        border-bottom-left-radius: 12px;\n        border-bottom-right-radius: 12px;\n        padding: 0 8px;\n        border-top: none;\n    }\n    #ngxDmTourDialogBtnControls:before {\n        content: \"Highlight Important Controls\"\n    }\n    #ngxDmTourDialogBtnClose {\n        position: absolute;\n        right: 0;\n        top: -2px;\n        padding: 0 4px;\n        border-radius: 0;\n        border-bottom-left-radius: 50%;\n        border-top: none;\n        border-right: none;\n    }\n    #ngxDmTourDialogBtnClose:before {\n        content: \"\\01F5D9\"\n    }\n    .ngx-dm-tour-text {\n        transition: opacity .5s;\n        opacity: 0;\n        position: absolute;\n        border: 2px solid white;\n        border-radius: 8px;\n        background: #0099e4;\n        text-align: center;\n        min-width: 70px;\n        max-width: 400px;\n        max-height: 200px;\n        box-shadow: 0 0 4px rgba(0,0,0,.25);\n    }\n    .ngx-dm-tour-text > .ngx-dm-tour-text-inner {\n        color: white;\n        padding: 8px;\n    }\n    .ngx-dm-tour-text:after {\n        border: 2px solid;\n        border-color: transparent white white transparent;\n        box-shadow: 2px 2px 2px rgba(0,0,0,.25);\n        background: #0099e4;\n        content: \" \";\n        position: absolute;\n        z-index: -1\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-top-left:after {\n        bottom: -8px;\n        left: 8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(45deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-top-center:after {\n        bottom: -8px;\n        left: calc(50% - 8px);\n        width: 16px;\n        height: 16px;\n        transform: rotate(45deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-top-right:after {\n        bottom: -8px;\n        right: 8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(45deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-bottom-left:after {\n        top: -8px;\n        left: 8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(-135deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-bottom-center:after {\n        top: -8px;\n        left: calc(50% - 8px);\n        width: 16px;\n        height: 16px;\n        transform: rotate(-135deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-bottom-right:after {\n        top: -8px;\n        right: 8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(-135deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-right-top:after {\n        top: 8px;\n        left: -8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(135deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-right-center:after {\n        top: calc(50% - 8px);\n        left: -8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(135deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-right-bottom:after {\n        bottom: 8px;\n        left: -8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(135deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-left-top:after {\n        top: 8px;\n        right: -8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(-45deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-left-center:after {\n        top: calc(50% - 8px);\n        right: -8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(-45deg);\n    }\n    .ngx-dm-tour-text.ngx-dm-tour-text-left-bottom:after {\n        bottom: 8px;\n        right: -8px;\n        width: 16px;\n        height: 16px;\n        transform: rotate(-45deg);\n    }\n";