:where([data-page=tools__tip-calculator]) .tip-btn{color:#9333ea;background:#fff;border:2px solid #9333ea;border-radius:.5rem;padding:.75rem;font-weight:600;transition:all .2s}:where([data-page=tools__tip-calculator]) .dark .tip-btn{color:#c4b5fd;background:#1f2937;border-color:#9333ea}:where([data-page=tools__tip-calculator]) .tip-btn:hover{background:#ede9fe}:where([data-page=tools__tip-calculator]) .dark .tip-btn:hover{background:#3730a333}:where([data-page=tools__tip-calculator]) .tip-btn.active,:where([data-page=tools__tip-calculator]) .dark .tip-btn.active{color:#fff;background:#9333ea}:where([data-page=tools__tip-calculator]) #custom-tip{appearance:none;cursor:pointer;background:0 0}:where([data-page=tools__tip-calculator]) #custom-tip::-webkit-slider-track{background:#ddd6fe;border-radius:3px;height:6px}:where([data-page=tools__tip-calculator]) .dark #custom-tip::-webkit-slider-track{background:#3730a3}:where([data-page=tools__tip-calculator]) #custom-tip::-webkit-slider-thumb{appearance:none;background:#9333ea;border-radius:50%;width:20px;height:20px;margin-top:-7px}:where([data-page=tools__tip-calculator]) #custom-tip::-moz-range-track{background:#ddd6fe;border-radius:3px;height:6px}:where([data-page=tools__tip-calculator]) .dark #custom-tip::-moz-range-track{background:#3730a3}:where([data-page=tools__tip-calculator]) #custom-tip::-moz-range-thumb{background:#9333ea;border:none;border-radius:50%;width:20px;height:20px}:where([data-page=tools__tip-calculator]) .faq-content{transition:all .3s ease-in-out}:where([data-page=tools__tip-calculator]) .faq-content.hidden{opacity:0;max-height:0;padding-bottom:0}:where([data-page=tools__tip-calculator]) .faq-content:not(.hidden){opacity:1;max-height:1000px;padding-bottom:1.5rem}:where([data-page=tools__tip-calculator]) .faq-trigger:focus{outline-offset:2px;outline:2px solid #7c3aed}