:root {
    --zoner-pland-problems-background: linear-gradient(279deg, #F6D9E6 0%, #FFC3DE 100%);
    --zoner-pland-solutions-background: linear-gradient(99deg, #E1F0FF 0%, #D0ECFF 100%);
    --zoner-pland-problems-category-text: #BE3874; 
    --zoner-pland-solutions-category-text: #0F8AFF;
    --zoner-pland-bubble-border: 1px solid rgba(0, 0, 0, 0.04);
    --zoner-pland-box-shadow: 0px 8px 8px -8px rgba(210, 231, 254, 0.50);
}

@media (prefers-color-scheme: dark) {
    html:not(.color-scheme-light) {
        --zoner-pland-problems-background: linear-gradient(279deg, #3D1427 0%, #541C35 100%);
        --zoner-pland-solutions-background: linear-gradient(99deg, #14283D 0%, #1C3E54 100%);
        --zoner-pland-problems-category-text: #E082AC;
        --zoner-pland-solutions-category-text: #41A2FF;
        --zoner-pland-bubble-border: 1px solid rgba(255, 255, 255, 0.04);
        --zoner-pland-box-shadow: 0px 8px 8px -8px rgba(210, 231, 254, 0);
    }
}

html.color-scheme-dark {
    --zoner-pland-problems-background: linear-gradient(279deg, rgba(246, 217, 230, .3) 0%, rgba(255, 195, 222, .3) 100%);
    --zoner-pland-solutions-background: linear-gradient(99deg, #14283D 0%, #1C3E54 100%);
    --zoner-pland-problems-category-text: #E082AC;
    --zoner-pland-solutions-category-text: #41A2FF;
    --zoner-pland-bubble-border: 1px solid rgba(255, 255, 255, 0.04);
    --zoner-pland-box-shadow: 0px 8px 8px -8px rgba(210, 231, 254, 0);
}


.zoner-pland-dash {
    padding: var(--z-ds-space-m);
    margin: var(--z-ds-space-teaser) auto;
    width: 100%;
    max-width: 892px;
    clear: both;
    border-top: solid 1px var(--z-ds-color-border-70);
    position: relative;
}

/* adjust styles of top part of dashboard so elements mesh together */
.zoner-pland-dash + [data-render="2024-plan-d-standalone"] .zon-teaser.zon-teaser--wide {
    border-top: none;
    margin-top: 20px;
}

[data-render="2024-plan-d-standalone"] ._heading_12hxj_5 .zon-teaser__kicker, [data-render="2024-plan-d-standalone"] .zon-teaser__container, [data-render="2024-plan-d-standalone"] ._subheadline_1j7iv_195, [data-render="2024-plan-d-standalone"] ._headline_1j7iv_182, [data-render="2024-plan-d-standalone"] ._headline_1j7iv_182 _loesung_1j7iv_119 {
    display: none;
}

[data-render="2024-plan-d-standalone"] ._container_1466h_5.zon-teaser {
    border-top: none;
    border-bottom: none;
}


.zoner-pland-dash-kicker {
    width: 102px;
    height: 23px;
    background-image: url("data:image/svg+xml,%3csvg%20width='76'%20height='17'%20viewBox='0%200%2076%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2606_125)'%3e%3cpath%20d='M7.09999%2010.81H3.49999V16.89H-0.0100098V-0.0300293H7.35999C9.05999%20-0.0300293%2010.41%200.409971%2011.42%201.27997C12.43%202.14997%2012.93%203.49997%2012.93%205.32997C12.93%207.32997%2012.43%208.73997%2011.42%209.56997C10.42%2010.4%208.96999%2010.81%207.09999%2010.81ZM8.74999%207.28997C9.20999%206.87997%209.43999%206.23997%209.43999%205.35997C9.43999%204.47997%209.20999%203.84997%208.74999%203.47997C8.27999%203.09997%207.62999%202.90997%206.79999%202.90997H3.49999V7.88997H6.79999C7.62999%207.88997%208.27999%207.68997%208.74999%207.28997Z'%20fill='%231D1D1B'/%3e%3cpath%20d='M13.59%20-0.0300293H17.13V13.85H25.51V16.89H13.59V-0.0300293Z'%20fill='%231D1D1B'/%3e%3cpath%20d='M33.04%2013.42H26.81L25.64%2016.9H21.94L27.98%20-0.0200195H31.98L37.97%2016.9H34.14L33.04%2013.42ZM32.06%2010.5L29.95%203.83998L27.77%2010.5H32.06Z'%20fill='%231D1D1B'/%3e%3cpath%20d='M52.04%2016.9H48.5L41.59%204.86997V16.9H38.3V-0.0300293H42L48.74%2011.78V-0.0300293H52.03V16.9H52.04Z'%20fill='%231D1D1B'/%3e%3cpath%20d='M67.67%2016.88H59.91V0H67.67C68.79%200.02%2069.72%200.14%2070.46%200.37C71.72%200.76%2072.75%201.47%2073.53%202.51C74.16%203.35%2074.59%204.26%2074.81%205.24C75.04%206.22%2075.15%207.15%2075.15%208.03C75.15%2010.27%2074.67%2012.18%2073.71%2013.73C72.41%2015.83%2070.39%2016.88%2067.67%2016.88Z'%20fill='url(%23paint0_linear_2606_125)'/%3e%3cpath%20d='M67.26%2012.05C69.2538%2012.05%2070.87%2010.4337%2070.87%208.43996C70.87%206.44621%2069.2538%204.82996%2067.26%204.82996C65.2663%204.82996%2063.65%206.44621%2063.65%208.43996C63.65%2010.4337%2065.2663%2012.05%2067.26%2012.05Z'%20fill='%231D1D1B'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2606_125'%20x1='71.0141'%20y1='-0.1255'%20x2='63.5375'%20y2='12.3032'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2341A2FF'/%3e%3cstop%20offset='0.1205'%20stop-color='%234AA0FA'/%3e%3cstop%20offset='0.3192'%20stop-color='%23639BED'/%3e%3cstop%20offset='0.5716'%20stop-color='%238C93D8'/%3e%3cstop%20offset='0.8649'%20stop-color='%23C488BB'/%3e%3cstop%20offset='1'%20stop-color='%23E082AC'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_2606_125'%3e%3crect%20width='75.15'%20height='16.9'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    display: block;
    margin-bottom: .25em;
}

.zoner-pland-dash-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.zoner-pland-dash-desc {
    margin: 0 auto;
}

.zoner-pland-dash-parquet-heading {
    display: flex;
    align-items: center;
    gap: 5px;
}

.zoner-pland-dash-parquet-heading .z-text-button--slim {
    margin-left: auto;
}

.zoner-pland-dash-kicker {
    margin-bottom: var(--z-ds-space-xxxs);
}

.zoner-pland-dash-content {
    max-width: 720px;
    margin:	var(--z-ds-space-l) auto 0 auto;
    color: var(--z-color-primary);
}

.zoner-pland-dash-content p a {
    text-decoration: underline;
}

.zoner-pland-dash-error {
  background: var(--z-ds-color-background-10);
  border-radius: 4px;
  padding: var(--z-ds-space-m);
  max-width: 720px;
  margin: 0 auto;
  display: none;
}

.zoner-pland-dash-error p:first-child {
  font-weight: bold;
}

.zoner-pland-dash-error p a {
  text-decoration: underline;
}

.zoner-pland-dash-bubble-container {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: calc(100% + (var(--z-gap) * 2));
    margin-left: calc(var(--z-gap) * -1);
}

.zoner-pland-dash-bubble-container::before, .zoner-pland-dash-bubble-container::after {
    width: 60px;
    height: 100%;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.zoner-pland-dash-bubble-container::before {
    right: auto;
    left: 0;
    background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, var(--z-background-primary) 100%);
}

.zoner-pland-dash-bubble-container::after {
    right: 0;
    left: auto;
    background-image: linear-gradient(-90deg, var(--z-background-primary) 0%, rgba(255, 255, 255, 0) 100%);
}

.zoner-pland-dash-header {
    text-align: left;
}

.zoner-pland-number-banner {
    background: linear-gradient(90deg, #c1658f 0%, #478afa 100%);
    display: none;
    width: auto;
    margin: var(--z-ds-space-s) auto;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    padding: 2px;
    background-size: 200%;
    animation: gradient 3s ease infinite;

}

.zoner-pland-number-banner-inner {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    height: 100%;
    width: 100%;
    margin: auto;
    display: block;
    font-weight: bold;
    padding: 2px 10px;

}

.zoner-pland-number-banner-inner span {
    background: linear-gradient(90deg, #b74374 0%, #528de8 100%);
    background-clip: text;
    color: transparent;
}

.zoner-pland-number-banner svg {
    &:first-of-type {
        fill: #b74374;
        margin-right: 4px;
    }

    &:last-of-type {
        fill: #528de8;
        margin-left: 4px;
    }
}

@keyframes gradient {
	0% {
		background-position: 0% 25%;
	}
	50% {
		background-position: 50% 25%;
	}
	100% {
		background-position: 0% 25%;
	}
}

.zoner-pland-dash-title h3 {
    font-size: var(--z-ds-fontsize-20);
    margin: 0 0 var(--z-ds-space-m);
}

.zoner-pland-dash-title-probs {
    color: #D55790;
}

.zoner-pland-dash-title-sols {
    color: #0F8AFF;
}

.zoner-pland-dash-prob-number, .zoner-pland-dash-sol-number {
    font-feature-settings: 'tnum' 1; 
    font-variant-numeric: tabular-nums;
}

.zoner-pland-dash-bubbles {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 14px;
}

.zoner-pland-dash-bubble {
    width: calc(75vw - (var(--z-ds-space-xs)));
    min-width: calc(75vw - (var(--z-ds-space-xs)));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding: var(--z-ds-space-xs);
    border-radius: 4px;
    height: auto;
    margin: 0 calc(var(--z-ds-space-xs) / 2);
    background-color: #F7DFE9;
    transform: translateX(0);
    transition: transform ease-in-out .5s;
    overflow: visible;
    box-shadow: var(--zoner-pland-box-shadow);
}

.zoner-pland-dash-bubble:first-child {
    margin-left: calc(12.5vw + (var(--z-ds-space-xs) / 2));
}

.zoner-pland-dash-bubble.zoner-pland-dash-bubble--new::before {
    content: 'Neu';
    padding: 0 4px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -14px;
    left: 4px;
    font-size: var(--z-ds-fontsize-12);
    color: #fff;

}

.zoner-pland-dash-solved {
    border-radius: 50%;
    padding: 2px;
    margin-right: 4px;
    margin-bottom: -2px;
    display: none;
}

.zoner-pland-dash-solved svg {
    height: auto;
    width: auto;
    display: block;
}

.zoner-pland-dash-bubble p {
    margin: 0;
    display: inline;
    width: 100%;
}

.zoner-pland-dash-bubble a {
    text-decoration: none;
    color: var(--z-ds-color-text-100)
}

.zoner-pland-dash-bubble:hover p {
    color: var(--z-color-primary);
}

.zoner-pland-dash-footer {
    width: 100%;  
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--z-ds-space-s);
}

.zoner-pland-dash-footer span {
    font-size: var(--z-ds-fontsize-12);
}

.zoner-pland-dash-upvotes {
    display: block;
    border-radius: 4px;
    padding: 4px;
    font-size: var(--z-ds-fontsize-12);
    line-height: var(--z-ds-fontsize-12);
    position: relative;
    padding-right: 20px;
    overflow: hidden;
    text-align: center;
    min-width: 44px;
}

.zoner-pland-dash-upvote-count {
    color: var(--z-color-primary);
}

.zoner-pland-dash-upvotes--voted [data-upvote-type="problem"] .zoner-pland-dash-upvote-plus{
    cursor: not-allowed;
    background-color: rgba(224, 130, 172, 0.5);
}

.zoner-pland-dash-upvotes--voted [data-upvote-type="solution"] .zoner-pland-dash-upvote-plus {
    cursor: not-allowed;
    background-color: rgba(65, 162, 255, 0.5);
}

.zoner-pland-dash-upvote-count {
    padding-right: 4px;
}

.zoner-pland-dash-upvote-plus {
    color: #fff;
    position: absolute;
    top: 0;
    right: 0; 
    bottom: 0;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.zoner-pland-dash-upvote-plus svg {
    padding-left: 2px;

}

.zoner-pland-dash-upvotes--voted[data-upvote-type="problem"] .zoner-pland-dash-upvote-plus{
    cursor: not-allowed;
    background-color: rgba(224, 130, 172, 0.5);
}

.zoner-pland-dash-upvotes--voted[data-upvote-type="solution"] .zoner-pland-dash-upvote-plus {
    cursor: not-allowed;
    background-color: rgba(65, 162, 255, 0.5);
}

.zoner-pland-dash-upvotes--voted > .zoner-pland-dash-upvote-plus {
    cursor: not-allowed;
}

.zoner-pland-dash-bubble--problem .zoner-pland-dash-upvote-plus{
    background-color: #E082AC;
}

.zoner-pland-dash-bubble--problem .zoner-pland-dash-category {
    color: var(--zoner-pland-problems-category-text);
}

.zoner-pland-dash-bubble--problem .zoner-pland-dash-upvotes{
    border: 2px solid #E082AC;
}

.zoner-pland-dash-bubble--problem .zoner-pland-dash-solved, .zoner-pland-dash-bubble--problem.zoner-pland-dash-bubble--new::before {
    background-color: #E082AC;
}

.zoner-pland-dash-bubble--problem.zoner-pland-dash-bubble {
    border: var(--zoner-pland-bubble-border);
    background: var(--zoner-pland-problems-background);
}

.zoner-pland-dash-bubble--solution .zoner-pland-dash-upvote-plus{
    background-color: #41A2FF;
}

.zoner-pland-dash-bubble--solution .zoner-pland-dash-category {
    color: var(--zoner-pland-solutions-category-text);
}

.zoner-pland-dash-bubble--solution .zoner-pland-dash-upvotes{
    border: 2px solid #41A2FF;
}

.zoner-pland-dash-bubble--solution .zoner-pland-dash-solved, .zoner-pland-dash-bubble--solution.zoner-pland-dash-bubble--new::before {
    background-color: #41A2FF;
}

.zoner-pland-dash-bubble--solution.zoner-pland-dash-bubble {
    border: var(--zoner-pland-bubble-border);
    background: var(--zoner-pland-solutions-background);
}

.zoner-pland-dash-slider-play {
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
}

.zoner-pland-dash-slider-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: var(--z-ds-space-s);
    gap:var(--z-ds-space-s);
}

.zoner-pland-dash-slider-buttons a {
    background-color: var(--z-color-primary);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.zoner-pland-dash-slider-playing .zoner-pland-dash-slider-play, .zoner-pland-dash-slider-paused .zoner-pland-dash-slider-pause {
    opacity: 0;
}

.zoner-pland-dash-slider-playing .zoner-pland-dash-slider-pause, .zoner-pland-dash-slider-paused .zoner-pland-dash-slider-play {
    opacity: 1;
}

.zoner-pland-dash-slider-slideleft {
    transform: rotate(180deg);
}

.zoner-pland-dash-slider--disabled {
    opacity: .6;
}

svg.zoner-pland-dash-slider-play, svg.zoner-pland-dash-slider-pause {
    fill: var(--z-background-primary);
}

.zoner-pland-dash-slider-slideleft svg, .zoner-pland-dash-slider-slideright svg  {
    height: 20px;
    width: auto;
    fill: var(--z-background-primary);
}

.zoner-pland-dash-slider-progress, .zoner-pland-dash-slider-progress svg {
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 1px;
    left: 1px;
    height: 26px;
    transition: opacity ease-in-out .3s;
    fill: var(--z-background-primary);
    transform: translate3D(0,0,0);
}

.zoner-pland-dash-slider-progress svg:nth-child(2) {
    transform: rotate(90deg);
}

.zoner-pland-dash-slider-progress svg:nth-child(3) {
    transform: rotate(180deg);
}

.zoner-pland-dash-slider-progress svg:last-child {
    transform: rotate(270deg);
}

.zoner-pland-dash-form {
    padding: var(--z-ds-space-m);
    margin: var(--z-ds-space-l) auto var(--z-ds-space-m);
    max-width: 660px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.70) 100%), linear-gradient(209deg, #41A2FF 9.07%, #4AA0FA 16.9%, #639BED 29.81%, #8C93D8 46.21%, #C488BB 65.27%, #E082AC 74.05%);
    border-radius: 4px;
    clear: both;
}

.zoner-pland-dash-form-text {
    margin-bottom: var(--z-ds-space-m);
    max-width: 640px;
}

.zoner-pland-dash-form-title {
    color: var(--z-ds-color-text-100);
    font-size: var(--z-ds-fontsize-20);
    font-weight: 700;
    line-height: var(--z-ds-lineheight-12);
    margin: 0 0 var(--z-ds-space-xs);
    hyphens: none;
}

.zoner-pland-dash-form-desc {
    color: var(--z-ds-color-text-100);
    font-size: var(--z-ds-fontsize-16);
    line-height: var(--z-ds-lineheight-15);
    margin: 0;
}

.zoner-pland-dash-form form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;

}

.zoner-pland-option-buttons {
    display: flex;
    gap: var(--z-ds-space-xs);
}

.zoner-pland-option-buttons a {
    font-weight: bold;
}

.zoner-pland-option-problem:hover, .zoner-pland-option-problem:active, .zoner-pland-option-problem:focus {
    background-color: #E082AC;
    color: #fff;
}

.zoner-pland-option-solution:hover, .zoner-pland-option-solution:active, .zoner-pland-option-solution:focus {
    background-color: #41A2FF;
    color: #fff;
}

.zoner-pland-option-solution {
    background: #0F8AFF;
    color: #fff;
}

.zoner-pland-option-problem {
    background: #D55790;
    color: #fff;
}

.zoner-pland-form-links {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.zoner-pland-legal {
    text-decoration: underline;
    font-weight: 400;
    font-size: var(--z-ds-fontsize-14);
    margin-left: 0;
    margin-top: var(--z-ds-space-s);
    color: var(--z-ds-color-text-55);
}

main.main--centerpage .cp-area .zoner-pland-dash-form {
    max-width: 660px;
}

@media screen and (min-width: 768px){
    main.main--centerpage .cp-area .zoner-pland-dash {
        max-width: min(100% - 2* var(--z-gap), 55.75rem);
    } 

    .zoner-pland-dash-bubble-container {
        width: 100%;
        margin-left: auto;
    }

    .zoner-pland-dash-content {
        margin:	var(--z-ds-space-l) auto 0;
    }

    .zoner-pland-dash-bubble {
        width: calc(30% - var(--z-ds-space-xs));
        min-width: calc(30% - var(--z-ds-space-xs));
    }

    .zoner-pland-dash-bubble:first-child {
        margin-left: 5%;
    }

    .zoner-pland-dash {
        padding: var(--z-ds-space-m) 0;
    }

    .zoner-pland-dash-header {
        text-align: center;
    }

    .zoner-pland-dash-form {
        margin: var(--z-ds-space-xl) auto var(--z-ds-space-m);
    }

    .zoner-pland-dash-form form {
        flex-direction: row;
    }

    .zoner-pland-legal {
        margin-left: auto;
    }

}

/*LIGHT/DARKMODE STUFF*/

@media (prefers-color-scheme: dark) {
    html:not(.color-scheme-light) .zoner-pland-dash-kicker {
        background-image: url("data:image/svg+xml,%3csvg%20width='76'%20height='17'%20viewBox='0%200%2076%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_2606_116)'%3e%3cpath%20d='M7.09999%2010.81H3.49999V16.89H-0.0100098V-0.0300293H7.35999C9.05999%20-0.0300293%2010.41%200.409971%2011.42%201.27997C12.43%202.14997%2012.93%203.49997%2012.93%205.32997C12.93%207.32997%2012.43%208.73997%2011.42%209.56997C10.42%2010.4%208.96999%2010.81%207.09999%2010.81ZM8.74999%207.28997C9.20999%206.87997%209.43999%206.23997%209.43999%205.35997C9.43999%204.47997%209.20999%203.84997%208.74999%203.47997C8.27999%203.09997%207.62999%202.90997%206.79999%202.90997H3.49999V7.88997H6.79999C7.62999%207.88997%208.27999%207.68997%208.74999%207.28997Z'%20fill='white'/%3e%3cpath%20d='M13.59%20-0.0300293H17.13V13.85H25.51V16.89H13.59V-0.0300293Z'%20fill='white'/%3e%3cpath%20d='M33.04%2013.42H26.81L25.64%2016.9H21.94L27.98%20-0.0200195H31.98L37.97%2016.9H34.14L33.04%2013.42ZM32.06%2010.5L29.95%203.83998L27.77%2010.5H32.06Z'%20fill='white'/%3e%3cpath%20d='M52.04%2016.9H48.5L41.59%204.86997V16.9H38.3V-0.0300293H42L48.74%2011.78V-0.0300293H52.03V16.9H52.04Z'%20fill='white'/%3e%3cpath%20d='M67.67%2016.88H59.91V0H67.67C68.79%200.02%2069.72%200.14%2070.46%200.37C71.72%200.76%2072.75%201.47%2073.53%202.51C74.16%203.35%2074.59%204.26%2074.81%205.24C75.04%206.22%2075.15%207.15%2075.15%208.03C75.15%2010.27%2074.67%2012.18%2073.71%2013.73C72.41%2015.83%2070.39%2016.88%2067.67%2016.88Z'%20fill='url(%23paint0_linear_2606_116)'/%3e%3cpath%20d='M67.26%2012.05C69.2538%2012.05%2070.87%2010.4337%2070.87%208.43996C70.87%206.44621%2069.2538%204.82996%2067.26%204.82996C65.2663%204.82996%2063.65%206.44621%2063.65%208.43996C63.65%2010.4337%2065.2663%2012.05%2067.26%2012.05Z'%20fill='%231D1D1B'/%3e%3c/g%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_2606_116'%20x1='71.0141'%20y1='-0.1255'%20x2='63.5375'%20y2='12.3032'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%2341A2FF'/%3e%3cstop%20offset='0.1205'%20stop-color='%234AA0FA'/%3e%3cstop%20offset='0.3192'%20stop-color='%23639BED'/%3e%3cstop%20offset='0.5716'%20stop-color='%238C93D8'/%3e%3cstop%20offset='0.8649'%20stop-color='%23C488BB'/%3e%3cstop%20offset='1'%20stop-color='%23E082AC'/%3e%3c/linearGradient%3e%3cclipPath%20id='clip0_2606_116'%3e%3crect%20width='75.15'%20height='16.9'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    }
}

@media (prefers-color-scheme: light) {
    html:not(.color-scheme-dark) .zoner-pland-dash-upvotes {
        background-color: #fff;
    }
}

html.color-scheme-light .zoner-pland-dash-upvotes {
    background-color: #fff;
}