@import "app/styles/variables";

bl-pool-details {
    .estimated-cost {
        margin: 5px;
    }


    .open-pool-graphs-new-window {
        position: absolute;
        right: 10px;
        color: $link-color;
        margin-left: 10px;
        z-index: 100;
    }

    div[summaryTile] > bl-pool-state-graph {
        padding: 5px;
        border-bottom: 1px solid $border-color;
    }
    div[summaryTile] > bl-pool-cost-card {
        padding: 5px;
    }

    // static colors for deprecation warnings
    .pool-details-summary-deprecation-warning {
        > .warning {
            background-color: var(--color-warn-50);
            // using the color from var(--color-text-primary)
            color: #333333;

            > .summary-container {

                &.standard {
                    height: unset;
                }

                > .message {
                    white-space: normal;
                }
            }
        }
    }

    .pool-details-summary-alternative-link {
        // using the color from var(--color-primary-800);
        color: #1d54af;
    }
}
