.what-if{margin-top:3rem;border-radius:var(--radius);padding:3rem;background:var(--koersen-detail);box-shadow:var(--shadow-aside);color:var(--text)}@media screen and (min-width: 992px){.what-if{padding:3rem;background:var(--koersen-detail);box-shadow:var(--shadow-aside)}}@media screen and (min-width: 1200px){.what-if{margin-top:1rem}}.what-if .title-with-switch{display:flex;justify-content:space-between;align-items:center}.what-if>h2{margin-top:0;text-align:center;font-size:1.9rem;color:var(--primary)}@media screen and (min-width: 768px){.what-if>h2{color:var(--title)}}.what-if>p{margin-top:1.4rem;text-align:center;padding:0 2rem}@media screen and (min-width: 576px){.what-if>p{padding:0 15px}}@media screen and (min-width: 768px){.what-if>p{padding:0 25%}}.what-if .choices{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:.25rem 3rem;margin:2rem 0}@media screen and (min-width: 768px){.what-if .choices{grid-template-columns:repeat(4, 1fr);grid-template-rows:auto 1fr;margin:0}}@media screen and (max-width: 767px){.what-if .choices label[for=whatif_investment_select]{grid-column:1/2;grid-row:1/2;justify-self:start}.what-if .choices label[for=whatif_coin_select]{grid-column:2/3;grid-row:1/2}.what-if .choices label[for=whatif_period_select]{grid-column:1/2;grid-row:3/4;justify-self:start}.what-if .choices label[for=whatif_from_select]{grid-column:2/3;grid-row:3/4}.what-if .choices label[for=whatif_period_select],.what-if .choices label[for=whatif_from_select]{margin-top:1rem}.what-if .choices div.investment{grid-column:1/2;grid-row:2/3}.what-if .choices div.coin{grid-column:2/3;grid-row:2/3}.what-if .choices div.period{grid-column:1/2;grid-row:4/5}.what-if .choices div.from{grid-column:2/3;grid-row:4/5}}.what-if .choices label{font-size:1.4rem;display:block;font-weight:600}.what-if .choices div{border-radius:var(--radius);cursor:pointer;position:relative;overflow:hidden;background:var(--most-read-post-bg)}@media(pointer: fine),(-ms-high-contrast: none){.what-if .choices div:hover{background:var(--secondary-hover)}.what-if .choices div:hover select{background:var(--secondary-hover)}}.what-if .choices div>svg{display:block;position:absolute;right:1rem;top:1.7rem}.what-if .choices div>svg use{fill:var(--text)}.what-if .choices div select{-webkit-appearance:none;-moz-appearance:none;cursor:pointer;position:relative;width:100%;font-size:1.6rem;padding:1.3rem .7rem;border:0;color:var(--accent-txt);background:var(--most-read-post-bg)}@media screen and (min-width: 1190px){.what-if .choices div select{padding:1.3rem 2.5rem}}.what-if .choices div.with-icon{display:grid;grid-template-columns:4rem 1fr}.what-if .choices div.with-icon select{padding-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.what-if .choices div.with-icon>span{width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;border:0;margin:auto}.what-if .choices div.with-icon input[value=usd]+span{background:var(--highlight)}.what-if .choices div.with-icon input[value=eur]+span{padding-right:.1rem;background:var(--currency-eur)}.what-if .choices div.with-icon.investment>span{border-radius:50%;color:#fff;font-size:1.5rem;background:var(--highlight)}.what-if .chart{--informational-element-height: 3.5rem;position:relative;margin-top:1rem;height:35rem}@media screen and (min-width: 768px){.what-if .chart{height:40rem}}@media screen and (min-width: 992px){.what-if .chart{height:50rem}}.what-if .chart .totalvalue,.what-if .chart .totalinvestment{display:none;position:absolute;top:1rem;z-index:1;padding:1.3rem 2rem 1.5rem 2rem;border-radius:var(--radius);backdrop-filter:blur(2px);background:var(--what-if-chart-overlay)}.what-if .chart .totalvalue .label,.what-if .chart .totalinvestment .label{display:block;font-size:80%;color:var(--text-grey_alt)}.what-if .chart .totalvalue .currency-symbol,.what-if .chart .totalinvestment .currency-symbol{color:var(--text-grey_alt)}.what-if .chart .totalvalue{left:0}.what-if .chart .totalvalue .value{font-size:2.2rem;font-weight:700}.what-if .chart .totalvalue .increase{display:none;grid-template-columns:1fr 1fr;gap:.5rem}.what-if .chart .totalvalue .increase.active{display:grid}.what-if .chart .totalvalue .increase>div{font-size:60%;border-radius:.35rem;text-align:center;padding-inline:.5rem;border:1px solid rgba(0,0,0,0);border-color:var(--what-if-positive);background-color:var(--what-if-pos-overlay)}.what-if .chart .totalvalue .increase.negative>div{border-color:var(--what-if-negative);background-color:var(--what-if-neg-overlay)}.what-if .chart .totalinvestment{right:5rem}@media screen and (min-width: 768px){.what-if .chart .totalinvestment{right:7rem}}.what-if .chart .totalinvestment .value{font-size:1.9rem;font-weight:700}.what-if .chart .loading-element,.what-if .chart .error-element,.what-if .chart .informational-element{position:absolute;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1}.what-if .chart .loading-element.active,.what-if .chart .error-element.active,.what-if .chart .informational-element.active{display:flex}.what-if .chart .error-element{background-color:rgba(255,0,0,.1);color:var(--warning)}.what-if .chart .loading-element{z-index:2;background-color:rgba(0,0,0,.35);backdrop-filter:blur(2px);flex-direction:column}.what-if .chart .loading-element .message{margin-bottom:1rem;display:none;color:#fff}.what-if .chart .loading-element .message.active{display:block}.what-if .chart .loading-element svg{animation:spin 1s linear infinite}.what-if .chart .chart-container{position:relative;z-index:0;height:100%;width:100%;visibility:hidden}.what-if .chart .chart-container.active{visibility:visible}.what-if .chart .informational-element{top:initial;bottom:0;height:var(--informational-element-height);padding-top:1rem}.what-if .chart .informational-element p{font-size:1.4rem;font-style:italic}.what-if .chart:has(.informational-element.active){padding-bottom:var(--informational-element-height)}.what-if .chart.active .totalvalue{display:block}@media screen and (min-width: 576px){.what-if .chart.active .totalinvestment{display:block}}@media screen and (min-width: 768px){.wp-block-g2p-wrapper.is-style-shadow:has(.what-if) .what-if,.wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if) .what-if{margin-top:1.5rem}}.wp-block-g2p-wrapper.is-style-shadow:has(.what-if) .what-if .choices div select,.wp-block-g2p-wrapper.is-style-shadow:has(.what-if) .what-if .choices div.with-icon,.wp-block-g2p-wrapper.is-style-shadow:has(.what-if) .what-if .choices div.with-icon select,.wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if) .what-if .choices div select,.wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if) .what-if .choices div.with-icon,.wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if) .what-if .choices div.with-icon select{background:var(--accent-bg-contrast)}@media screen and (min-width: 768px){.what-if>h2,.wp-block-g2p-wrapper.is-style-shadow:has(.what-if)>h2,.wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if)>h2{font-size:2.6rem;text-align:left;color:var(--title)}}/*# sourceMappingURL=what-if.css.map */