@import "../settings/_mixins";
@import "../settings/_variables";

.dnetor-counter {
    .dnetor-counter-number-wrapper {
        font-size: 48px;
        font-weight: 600;
        color: $accent_color;
    }

    .dnetor-counter-prefix,
    .dnetor-counter-suffix {
        flex-grow: 1;
        white-space: pre-wrap;
    }

    .dnetor-counter-prefix {
        text-align: right;
    }

    .dnetor-counter-suffix {
        text-align: left;
    }

    .dnetor-counter-title {
        font-size: 18px;
        font-weight: 500;
    }

    &.dnetor-counter-layout_02 {
        position: relative;

        .dnetor-counter-number-wrapper {
            text-align: center;
        }
        .dnetor-counter-title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }
}