.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}.video-container{align-items:center;display:flex;justify-content:center;overflow:hidden;position:relative}.video-container video{max-height:100%;max-width:100%}.video-container .play-button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-container .controls{bottom:0;color:#fff;display:flex;flex-direction:column;left:0;position:absolute;transition:bottom .25s ease-in-out;width:100%}.video-container .controls.hidden{bottom:-62px}.video-container .controls button{background:none;border:none;color:#fff;cursor:pointer}.video-container .controls button svg path{stroke:var(--secondary-color)}.video-container .controls .top{cursor:pointer;height:4px;padding-top:12px;position:relative;transition:height .25s ease-in-out;width:100%}.video-container .controls .top .full{background-color:#fff;height:100%;position:relative;width:0}.video-container .controls .top .full .thumb{background-color:#fff;border-radius:50%;height:0;position:absolute;right:0;top:0;transform:translate(50%,calc(-50% + 4px));transition:width .25s ease-in-out,height .25s ease-in-out;width:0}.video-container .controls .top .track{background-color:#00000080;bottom:0;height:4px;left:0;position:absolute;transition:height .25s ease-in-out;width:100%}.video-container .controls .top:hover,.video-container .controls .top:hover .track{height:8px}.video-container .controls .top:hover .full .thumb{height:16px;width:16px}.video-container .controls .bottom{align-items:center;background-color:#0000004d;display:flex;height:62px;justify-content:space-between}.video-container .controls .bottom .separator{background-color:#0006;height:42px;margin:0 10px;width:2px}.video-container .controls .bottom .progress{-webkit-user-select:none;-moz-user-select:none;user-select:none}.video-container .controls .bottom .left,.video-container .controls .bottom .right{align-items:center;display:flex;margin:0 15px}.video-container .controls .bottom button{height:20px;margin:0 15px;padding:0}.video-container .controls .bottom button *{height:100%;margin:0;width:100%}.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}}