@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color: #20A4F3;--secondary-color: #4CE0D2;--bg-color: #fff;--heading-color: #1B1B1B;--font-color: #2b2b2b;--red-color: #B40000;--blue-color: #022D7F;--green-color: #066100;--purple-color: #9C1593;--yellow-color: #58561A;--static-white: #fff}[data-theme=dark]{--primary-color: #20A4F3;--secondary-color: #4CE0D2;--bg-color: #1B1B1B;--heading-color: #fff;--font-color: #F3FCF0;--red-color: #FF3179;--green-color: #6BFC61;--purple-color: #FF8CF7;--yellow-color: #FFE449;--blue-color: #78A8FF}*{transition:clip-path .4s}svg{transition:fill .4s}.pieChart path{transition:all .4s}body{background-color:var(--bg-color);color:var(--font-color);font-family:Roboto!important}.background-wrapper{position:sticky;top:0;height:100vh;display:flex;place-content:center;place-items:center}em{cursor:pointer}h1{color:var(--heading-color)}.gradient{height:50px;width:1000px;background:linear-gradient(.25turn,var(--font-color),var(--primary-color));animation:4s ease-in-out infinite alternate clipPath;margin-bottom:20px}@keyframes clipPath{0%{clip-path:rect(0% 100% 100% 0%)}to{clip-path:rect(0% 0% 100% 0%)}}.amount{aspect-ratio:1 / 1;width:60px;position:absolute;right:0;display:flex;align-items:center;justify-content:center;background-color:var(--blue-color);border-radius:50%}.amount p{font-size:1.5rem;font-weight:700;margin:0;z-index:1;position:relative;color:var(--static-white)}.section{position:relative}.card-container{min-height:100vh;width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.card{position:relative;max-width:600px;font-size:1.5rem;font-weight:500;border-radius:1rem}.card-back{pointer-events:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);opacity:.25;z-index:0}.foreground-wrapper{display:flex;flex-direction:column;place-content:center;place-items:center}.interactable{cursor:pointer;background-color:transparent;color:var(--font-color);font-size:1.25rem;border:2px solid var(--font-color);border-radius:10px;padding:0 2px;font-weight:600;transition:all .4s ease-in-out}.interactable:hover{background-color:var(--font-color);color:var(--bg-color)}#info{height:100vh;display:flex;place-content:center;place-items:center;gap:4rem}.tut-card{max-width:600px;font-size:1.5rem;font-weight:700}._wrapper_ue1yq_1{display:flex;align-items:center}._toggleSwitch_ue1yq_6{display:inline-block;height:34px;position:relative;width:60px}._toggleSwitch_ue1yq_6>input{display:none}._slider_ue1yq_17{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}._slider_ue1yq_17:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}input:checked+._slider_ue1yq_17{background-color:#66bb6a}input:checked+._slider_ue1yq_17:before{transform:translate(26px)}._slider_ue1yq_17._round_ue1yq_47{border-radius:34px}._slider_ue1yq_17._round_ue1yq_47:before{border-radius:50%}._image_1plda_1{width:200px}._image_1plda_1._foreground_1plda_5{position:absolute;top:0;left:0}._image_1plda_1._background_1plda_11{opacity:40%}._imageWrapper_1plda_15{position:relative;display:flex;justify-items:center}@keyframes _clipPathBottle_1plda_1{0%{clip-path:rect(100% 100% 100% 0%)}to{clip-path:rect(18% 100% 100% 0%)}}