.tip-info{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--secondary-bg);border-radius:16px;display:flex;flex-direction:row;justify-content:center;padding:10px}.tip-info>:not(:last-child){margin-right:1rem}@media (min-width:768px){.tip-info>:not(:last-child){margin-right:2rem}}.tip-info .tip-icon,.tip-info .tip-img{box-sizing:border-box;flex-shrink:0;height:50px;margin-right:10px;width:50px}.tip-info .tip-icon{background:var(--primary-color);border-radius:50%;padding:10px}.tip-info .tip-icon svg{fill:#fff;stroke:#fff;height:100%;width:100%}.tip-info .tip-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.tip-info .tip-content{max-width:300px}@media (min-width:768px){.tip-info{padding:20px}}.tip-info.size-sm{border-radius:8px;padding:10px}.tip-info.size-sm .tip-icon,.tip-info.size-sm .tip-img{height:25px;margin-right:5px;padding:5px;width:25px}.tip-info.size-sm .tip-content{font-size:12px}.tutorial{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--secondary-bg);border-radius:18px;display:flex;flex-direction:column;justify-content:center;padding:20px}.tutorial>:not(:last-child){margin-bottom:1rem}@media (min-width:768px){.tutorial>:not(:last-child){margin-bottom:2rem}}.tutorial h3,.tutorial h4{text-align:center}.tutorial h3{font-size:40px;font-weight:700}.tutorial h4{font-size:24px;font-weight:700}.tutorial-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.tutorial-content>:not(:last-child){margin-bottom:1rem}@media (min-width:768px){.tutorial-content>:not(:last-child){margin-bottom:2rem}.tutorial-content{align-items:center;display:flex;flex-direction:row;justify-content:center}.tutorial-content>:not(:last-child){margin-right:1rem}}@media (min-width:768px) and (min-width:768px){.tutorial-content>:not(:last-child){margin-right:2rem}}@media (min-width:768px){.tutorial-content>:not(:last-child){margin-bottom:0}}.tutorial .tip-info{max-width:300px}.tutorial footer{text-align:center}.modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%}.modal>:not(:last-child){margin-bottom:1rem}@media (min-width:768px){.modal>:not(:last-child){margin-bottom:2rem}}.modal-content{align-items:center;background:var(--secondary-bg);border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;font-size:12px;justify-content:center;max-width:340px;padding:20px}.modal-content>:not(:last-child){margin-bottom:1rem}@media (min-width:768px){.modal-content>:not(:last-child){margin-bottom:2rem}}@media (min-width:576px){.modal-content{max-width:480px}}@media (min-width:768px){.modal-content{font-size:inherit;max-width:640px;padding:40px}}.modal-title{font-size:24px;font-weight:700}@media (min-width:768px){.modal-title{font-size:36px}}.modal-image{height:100px;min-width:300px;width:100%}.modal-image img{border-radius:20px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width:768px){.modal-image{height:150px;min-width:450px}}.modal-footer{align-items:center;display:flex;flex-direction:row;justify-content:center}.modal-footer>:not(:last-child){margin-right:1rem}@media (min-width:768px){.modal-footer>:not(:last-child){margin-right:2rem}}