/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../node_modules/.pnpm/tippy.js@6.3.7_patch_hash=9222309d05de36d657352749c54e80598df679f1e271a9c9bc3e7e979a82e4f6/node_modules/tippy.js/dist/tippy.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].use[1]!../node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.14_typescript@6.0.3_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].use[2]!./styles/portico/dev_help.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************/

    .dev-help-page .white-box {
        width: 40%;
        margin: 0 auto;
    }
.dev-help-page .dev-help-header {
        text-align: center;
        margin-bottom: 1em;
    }
.dev-help-page .invalid-path-error {
        color: hsl(1.1deg 44.7% 50.4%);
        font-weight: 400;
        display: block;
        text-align: center;
        margin-top: 1em;
    }
.dev-help-page .dev-help-actions {
        margin-top: 1.5em;
        display: flex;
        justify-content: center;
        gap: 5px;
    }
.dev-help-page .dev-help-actions .dev-help-action-button {
            display: inline-block;
            font-weight: 400;
            color: hsl(170deg 41% 52%);
            border: 1px solid hsl(170deg 41% 52%);
            border-radius: 4px;
            padding: 6px 12px;

            transition:
                color 0.3s ease,
                border-color 0.3s ease;
        }
.dev-help-page .dev-help-actions .dev-help-action-button:hover {
                color: hsl(156deg 62% 61%);
                border-color: hsl(156deg 62% 61%);
            }


/*# sourceMappingURL=dev-help.css.map*/