.what-if{margin-top:3rem;border-radius:var(--radius);padding:3rem}.what-if{background:rgba(255,255,255,0)}html.color-scheme--dark .what-if{background:#29292c}.what-if{box-shadow:rgba(88,102,126,.08) 0px 4px 24px,rgba(88,102,126,.12) 0px 1px 2px}html.color-scheme--dark .what-if{box-shadow:rgba(0,0,0,.1) 0 0 .7rem}.what-if{color:#333}html.color-scheme--dark .what-if{color:#dbdbdb}@media screen and (min-width: 992px){.what-if{padding:3rem}.what-if{background:rgba(255,255,255,0)}html.color-scheme--dark .what-if{background:#29292c}.what-if{box-shadow:rgba(88,102,126,.08) 0px 4px 24px,rgba(88,102,126,.12) 0px 1px 2px}html.color-scheme--dark .what-if{box-shadow:rgba(0,0,0,.1) 0 0 .7rem}}@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}.what-if>h2{color:#ff801f}html.color-scheme--dark .what-if>h2{color:#ff801f}@media screen and (min-width: 768px){.what-if>h2{color:#333}html.color-scheme--dark .what-if>h2{color:#fff}}.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}.what-if .choices div{background:#eee}html.color-scheme--dark .what-if .choices div{background:#1a1a1b}@media(pointer: fine),(-ms-high-contrast: none){.what-if .choices div:hover{background:#e2e2e2}html.color-scheme--dark .what-if .choices div:hover{background:#000}.what-if .choices div:hover select{background:#e2e2e2}html.color-scheme--dark .what-if .choices div:hover select{background:#000}}.what-if .choices div>svg{display:block;position:absolute;right:1rem;top:1.7rem}.what-if .choices div>svg use{fill:#333}html.color-scheme--dark .what-if .choices div>svg use{fill:#dbdbdb}.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}.what-if .choices div select{color:#141414}html.color-scheme--dark .what-if .choices div select{color:#fff}.what-if .choices div select{background:#eee}html.color-scheme--dark .what-if .choices div select{background:#1a1a1b}@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:#16c784}html.color-scheme--dark .what-if .choices div.with-icon input[value=usd]+span{background:#16c784}.what-if .choices div.with-icon input[value=eur]+span{padding-right:.1rem}.what-if .choices div.with-icon input[value=eur]+span{background:#3861fb}html.color-scheme--dark .what-if .choices div.with-icon input[value=eur]+span{background:#3861fb}.what-if .choices div.with-icon.investment>span{border-radius:50%;color:#fff;font-size:1.5rem}.what-if .choices div.with-icon.investment>span{background:#16c784}html.color-scheme--dark .what-if .choices div.with-icon.investment>span{background:#16c784}.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)}.what-if .chart .totalvalue,.what-if .chart .totalinvestment{background:rgba(255,255,255,.35)}html.color-scheme--dark .what-if .chart .totalvalue,html.color-scheme--dark .what-if .chart .totalinvestment{background:rgba(0,0,0,.35)}.what-if .chart .totalvalue .label,.what-if .chart .totalinvestment .label{display:block;font-size:80%}.what-if .chart .totalvalue .label,.what-if .chart .totalinvestment .label{color:#707070}html.color-scheme--dark .what-if .chart .totalvalue .label,html.color-scheme--dark .what-if .chart .totalinvestment .label{color:#dbdbdb}.what-if .chart .totalvalue .currency-symbol,.what-if .chart .totalinvestment .currency-symbol{color:#707070}html.color-scheme--dark .what-if .chart .totalvalue .currency-symbol,html.color-scheme--dark .what-if .chart .totalinvestment .currency-symbol{color:#dbdbdb}.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)}.what-if .chart .totalvalue .increase>div{border-color:#16c784}html.color-scheme--dark .what-if .chart .totalvalue .increase>div{border-color:#16c784}.what-if .chart .totalvalue .increase>div{background-color:rgba(22,199,132,.25)}html.color-scheme--dark .what-if .chart .totalvalue .increase>div{background-color:rgba(22,199,132,.25)}.what-if .chart .totalvalue .increase.negative>div{border-color:#eb3943}html.color-scheme--dark .what-if .chart .totalvalue .increase.negative>div{border-color:#eb3943}.what-if .chart .totalvalue .increase.negative>div{background-color:rgba(235,57,67,.25)}html.color-scheme--dark .what-if .chart .totalvalue .increase.negative>div{background-color:rgba(235,57,67,.25)}.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)}.what-if .chart .error-element{color:#eb3943}html.color-scheme--dark .what-if .chart .error-element{color:#eb3943}.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:#eee}html.color-scheme--dark .wp-block-g2p-wrapper.is-style-shadow:has(.what-if) .what-if .choices div select,html.color-scheme--dark .wp-block-g2p-wrapper.is-style-shadow:has(.what-if) .what-if .choices div.with-icon,html.color-scheme--dark .wp-block-g2p-wrapper.is-style-shadow:has(.what-if) .what-if .choices div.with-icon select,html.color-scheme--dark .wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if) .what-if .choices div select,html.color-scheme--dark .wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if) .what-if .choices div.with-icon,html.color-scheme--dark .wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if) .what-if .choices div.with-icon select{background:#000}@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}.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{color:#333}html.color-scheme--dark .what-if>h2,html.color-scheme--dark .wp-block-g2p-wrapper.is-style-shadow:has(.what-if)>h2,html.color-scheme--dark .wp-block-g2p-wrapper-inner.is-style-shadow:has(.what-if)>h2{color:#fff}}/*# sourceMappingURL=what-if.css.map */