@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{margin:0;font-family:"Inter",sans-serif}.container{position:relative;max-width:800px;margin:0 auto;width:calc(100% - 2rem);padding:0 1rem}nav{padding:2rem 0}nav .container{display:flex;justify-content:space-between;align-items:center}nav .container a img{width:72px}@media(max-width: 900px){nav .container a img{width:64px}}@media(max-width: 520px){nav .container a img{width:48px}}nav .container ul{display:flex;gap:1rem;padding:0;margin:0;list-style:none}nav .container ul li a{text-decoration:none;color:#000}nav .container ul li a:hover{text-decoration:underline}nav .container ul li a.underline{text-decoration:underline}footer{padding:2rem 0;font-size:14px;color:#212121}footer .container a{color:#212121;text-decoration:none}footer .container a:hover{text-decoration:underline}.page-content .container header{padding-top:2rem;padding-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-content .container header h1{margin:0;font-size:3rem;text-align:center;font-weight:600}@media(max-width: 900px){.page-content .container header h1{font-size:2rem}}@media(max-width: 520px){.page-content .container header h1{font-size:1.5rem}}.page-content .container header h1.main{color:#212121;max-width:500px}.page-content .container header h1.meet{color:#ccc}.page-content .container header p{margin-bottom:0;text-align:center;font-size:1.25rem;max-width:700px}@media(max-width: 900px){.page-content .container header p{font-size:1rem}}.page-content .container header a{margin-top:1rem;background:#212121;color:#fff;border-radius:10rem;padding:.5rem 1rem;text-decoration:none}.page-content .container .demo-section{display:flex;align-items:center;justify-content:center;position:relative;width:100%;border-radius:3rem;overflow:hidden}.page-content .container .demo-section img{width:100%}.page-content .container .demo-section .dropdown{display:flex;position:absolute}.page-content .container .demo-section .dropdown .disable-download .--btn-download-bp{background:#ccc;color:#000}.page-content .container .demo-section .dropdown .disable-download .--btn-download-bp:hover,.page-content .container .demo-section .dropdown .disable-download .--btn-download-bp:active{background:#ccc;cursor:not-allowed}.page-content .container .demo-section .dropdown .dropdown-content{overflow:hidden;display:none;position:absolute;top:calc(100% + 2px);left:0;background-color:#fff;min-width:160px;z-index:1;flex-direction:column;border:1px solid #ccc;border-radius:.5rem}.page-content .container .demo-section .dropdown .dropdown-content{list-style:none;padding:0;margin:0}.page-content .container .demo-section .dropdown .dropdown-content a{width:100%;height:100%;display:flex;text-decoration:none;font-size:14px;padding:4px 6px;text-decoration:none;color:#d70238;list-style:none;transition:all .2s ease-in-out}.page-content .container .demo-section .dropdown .dropdown-content a:hover{background:#f5f5f5}.page-content .container .demo-section .dropdown .dropdown-content li:not(:last-of-type){border-bottom:1px solid #ccc}.page-content .container .demo-section .dropdown .dropdown-content button{width:100%;margin:0;border:none;text-align:left}.page-content .container .demo-section .dropdown .--btn-download-bp{cursor:pointer;color:#fff;border-radius:10rem;background-color:#e6023c;line-height:1;font-size:16px;padding:1rem 1.25rem;min-width:160px;border:0;max-height:48px;z-index:10;transition:all .3s ease-in-out}.page-content .container .demo-section .dropdown .--btn-download-bp:hover,.page-content .container .demo-section .dropdown .--btn-download-bp:active{background-color:#d70238}.page-content .container .demo-section .dropdown #dropdown-toggle{cursor:pointer;position:absolute;color:#fff;border-radius:10rem;background-color:#fbe4ea;line-height:1;font-size:16px;padding:1rem 0;border:0;width:100%;margin-left:2.5rem;height:48px;z-index:1;transition:all .3s ease-in-out}.page-content .container .demo-section .dropdown #dropdown-toggle:hover,.page-content .container .demo-section .dropdown #dropdown-toggle:active{background-color:#ffdbe5}.page-content .container .demo-section .dropdown #dropdown-toggle::after{content:"⏷";color:#e6023c;position:absolute;top:50%;transition:all .1s ease-in-out;transform:translateY(-50%) rotate(0deg);right:14px;width:16px;height:16px}.page-content .container .demo-section .dropdown #dropdown-toggle.openned::after{transform:translateY(-50%) rotate(-180deg)}