#strategyInfoModal {
    display: none;
    position: absolute;
    left: calc(50% - 450px);
    top: calc(50% - 275px);
    background: white;
    z-index: 100;
    width: 900px;
    height: 550px;
    border-radius: 7px;
    box-shadow: 0 0 6px 1px rgb(0 0 0 / 45%);
    overflow: hidden;
}

    #strategyInfoModal .loading {
        text-align: center;
        padding: 20% 0;
    }

        #strategyInfoModal .loading span {
        }

    #strategyInfoModal strategyInfo {
    }

    #strategyInfoModal .result {
        font-family: 'Poppins';
    }

        #strategyInfoModal .result .header {
            position: relative;
            padding: 10px 20px;
            background: #46a9f5;
            color: #FFF;
            border-radius: 7px 7px 0 0;
            border-bottom: 1px solid #3685c1;
        }

        #strategyInfoModal .result .closer {
            position: absolute;
            right: 26px;
            top: 14px;
            font-size: 32px;
            color: rgb(255 255 255 / 65%);
        }

            #strategyInfoModal .result .closer:hover {
                cursor: pointer;
                color: #FFF;
            }

        #strategyInfoModal .result .strategyName {
            font-size: 20px;
        }

            #strategyInfoModal .result .strategyName span.author {
                font-size: 16px;
                font-weight: 300;
                margin-left: 4px;
                color: rgb(255 255 255 / 83%);
            }

        #strategyInfoModal .result .description {
            padding: 30px;
            font-size: 16px;
            line-height: 28px;
        }

        #strategyInfoModal .result .created {
            font-size: 15px;
            color: rgb(255 255 255 / 83%);
            font-weight: 300;
        }


@media (max-width: 991.98px) {
    #strategyInfoModal {
        left: calc(50% - 365px);
        max-width: 730px;
    }
}

@media (max-width: 767.98px) {
    #strategyInfoModal {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        max-width: unset;
        height: 100%;
        border-radius: 0;
        z-index: 10000;
    }
        #strategyInfoModal .result .header {
            border-radius: 0;
        }
}

@media (max-width: 575.98px) {

}