/* Stronger Wave Funded palette, scoped to the homepage challenge selector. */
.wf-selector-toolbar {
    border-bottom-color: #b7d8f7;
    background: linear-gradient(115deg, #dcefff 0, #f7fbff 45%, #dff8ff 100%);
}

.wf-category-tabs button {
    background: rgba(255, 255, 255, .8);
}

.wf-category-tabs button.active {
    color: #fff;
    border-color: #1268f3;
    background: linear-gradient(135deg, #0b57d0, #168cff 72%, #35cffa);
    box-shadow: 0 12px 30px rgba(18, 104, 243, .27), inset 0 1px rgba(255, 255, 255, .3);
}

.wf-category-tabs button.active small {
    color: #07613f;
    background: #dff8ec;
}

.wf-selector-utilities button,
.wf-selector-utilities a {
    box-shadow: 0 7px 18px rgba(18, 86, 154, .07);
}

.wf-selector-utilities button:nth-child(1) {
    color: #0b57d0;
    border-color: #b8d8f7;
    background: #e9f4ff;
}

.wf-selector-utilities button:nth-child(2) {
    color: #087c9d;
    border-color: #b9e6f1;
    background: #e7faff;
}

.wf-selector-utilities button:nth-child(3) {
    color: #174b9d;
    border-color: #c4d8f3;
    background: #edf3ff;
}

.wf-selector-utilities a {
    color: #fff;
    border-color: #1268f3;
    background: linear-gradient(135deg, #168cff, #0b57d0);
}

.wf-model-cards > button:nth-child(1) {
    background: linear-gradient(145deg, #e9fbff, #f8fdff);
}

.wf-model-cards > button:nth-child(2) {
    background: linear-gradient(145deg, #e9f3ff, #f9fcff);
}

.wf-model-cards > button:nth-child(3) {
    background: linear-gradient(145deg, #eef6ff, #f8fbff);
}

.wf-model-cards > button:nth-child(4) {
    background: linear-gradient(145deg, #e7fbff, #f7fdff);
}

.wf-model-cards > button > span {
    padding: 5px 9px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 5px 14px rgba(18, 87, 158, .08);
}

.wf-model-cards > button.active {
    color: #fff;
    border-color: #168cff;
    background: radial-gradient(circle at 100% 0, rgba(101, 223, 255, .5), transparent 36%), linear-gradient(145deg, #0b57d0, #168cff 62%, #35cffa);
    box-shadow: 0 20px 46px rgba(18, 104, 243, .3);
}

.wf-model-cards > button.active::before {
    background: linear-gradient(90deg, #fff, #81e8ff);
}

.wf-model-cards > button.active > span {
    color: #0b57d0;
    background: #fff;
}

.wf-model-cards > button.active > strong {
    color: #fff;
}

.wf-model-cards > button.active > small {
    color: #eaf7ff;
}

.wf-account-cards > button:nth-child(3n + 1) {
    box-shadow: inset 0 4px #35cffa;
}

.wf-account-cards > button:nth-child(3n + 2) {
    box-shadow: inset 0 4px #168cff;
}

.wf-account-cards > button:nth-child(3n) {
    box-shadow: inset 0 4px #0b57d0;
}

.wf-account-cards > button > em {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 8px;
    background: #e3f8ed;
}

.wf-account-cards > button.active {
    border-color: #0b57d0;
    background: radial-gradient(circle at 93% 12%, rgba(53, 207, 250, .38), transparent 34%), linear-gradient(145deg, #cfeaff, #edf8ff);
    box-shadow: inset 0 5px #0b57d0, 0 18px 42px rgba(18, 104, 243, .24);
}

.wf-account-cards > button.active > span::after {
    content: "Selected";
    margin-left: 7px;
    padding: 3px 6px;
    border-radius: 99px;
    color: #fff;
    background: #1268f3;
    font-size: 9px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.wf-selector-detail__header {
    border-bottom-color: #b9d9f6;
    background: linear-gradient(105deg, #dcefff, #eefaff 58%, #dff8ff);
}

.wf-percentage-toggle > span {
    background: #7f9dbb;
}

.wf-percentage-toggle input:checked + span {
    background: linear-gradient(90deg, #0b57d0, #35cffa);
}

.wf-rule-column:first-child {
    border-color: #b8d8f6;
    border-top-color: #168cff;
    background: linear-gradient(160deg, #eaf5ff, #fff 72%);
}

.wf-rule-column:nth-child(2) {
    border-color: #bfe6ef;
    border-top-color: #35cffa;
    background: linear-gradient(160deg, #e7faff, #fff 72%);
}

.wf-rule-column:first-child h4 {
    color: #0b57d0;
}

.wf-rule-column:nth-child(2) h4 {
    color: #087c9d;
}

.wf-rule-column dl > div {
    border-bottom-color: #dbeaf6;
}

.wf-order-summary {
    color: #fff;
    border-color: #168cff;
    border-top-color: #6fe1ff;
    background: radial-gradient(circle at 100% 0, rgba(93, 222, 255, .42), transparent 34%), linear-gradient(150deg, #071f49, #0b57d0 70%, #168cff);
    box-shadow: 0 20px 48px rgba(11, 87, 208, .27);
}

.wf-order-summary > span,
.wf-order-summary > h4,
.wf-order-summary dt,
.wf-order-summary dd,
.wf-order-summary .wf-platform-select,
.wf-order-summary .wf-addons > strong {
    color: #fff;
}

.wf-order-summary dl > div {
    border-bottom-color: rgba(255, 255, 255, .18);
}

.wf-order-summary dl .total {
    border-top-color: rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .1);
}

.wf-order-summary dl .total dt,
.wf-order-summary dl .total dd {
    color: #9cecff;
}

.wf-order-summary .wf-addons label > span {
    color: #eaf7ff;
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .1);
}

.wf-order-summary .wf-addons input:checked + span {
    color: #0b57d0;
    border-color: #fff;
    background: #fff;
}

.wf-order-summary .wf-platform-select select {
    border-color: rgba(255, 255, 255, .45);
}

.wf-order-summary > .wf-button {
    color: #0b57d0;
    background: #fff;
    box-shadow: 0 13px 30px rgba(2, 31, 74, .26);
}

.wf-order-summary > small {
    color: #c6e4ff;
}

.wf-selector-modal {
    border-color: #a9cff4;
    background: radial-gradient(circle at 100% 0, rgba(53, 207, 250, .12), transparent 30%), linear-gradient(145deg, #fff, #f0f8ff);
}