@charset "UTF-8";
/*----------------------------------------
    normalize.css v8.0.1
----------------------------------------*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*----------------------------------------
    Tailwind
----------------------------------------*/
.p-0{padding:0}.p-px{padding:1px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.p-10{padding:2.5rem}.p-11{padding:2.75rem}.p-12{padding:3rem}.p-14{padding:3.5rem}.p-16{padding:4rem}.p-20{padding:5rem}.p-24{padding:6rem}.p-28{padding:7rem}.p-32{padding:8rem}.p-36{padding:9rem}.p-40{padding:10rem}.p-44{padding:11rem}.p-48{padding:12rem}.p-52{padding:13rem}.p-56{padding:14rem}.p-60{padding:15rem}.p-64{padding:16rem}.p-72{padding:18rem}.p-80{padding:20rem}.p-96{padding:24rem}.px-0{padding-left:0;padding-right:0}.px-px{padding-left:1px;padding-right:1px}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-11{padding-left:2.75rem;padding-right:2.75rem}.px-12{padding-left:3rem;padding-right:3rem}.px-14{padding-left:3.5rem;padding-right:3.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-28{padding-left:7rem;padding-right:7rem}.px-32{padding-left:8rem;padding-right:8rem}.px-36{padding-left:9rem;padding-right:9rem}.px-40{padding-left:10rem;padding-right:10rem}.px-44{padding-left:11rem;padding-right:11rem}.px-48{padding-left:12rem;padding-right:12rem}.px-52{padding-left:13rem;padding-right:13rem}.px-56{padding-left:14rem;padding-right:14rem}.px-60{padding-left:15rem;padding-right:15rem}.px-64{padding-left:16rem;padding-right:16rem}.px-72{padding-left:18rem;padding-right:18rem}.px-80{padding-left:20rem;padding-right:20rem}.px-96{padding-left:24rem;padding-right:24rem}.py-0{padding-top:0;padding-bottom:0}.py-px{padding-top:1px;padding-bottom:1px}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-11{padding-top:2.75rem;padding-bottom:2.75rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-36{padding-top:9rem;padding-bottom:9rem}.py-40{padding-top:10rem;padding-bottom:10rem}.py-44{padding-top:11rem;padding-bottom:11rem}.py-48{padding-top:12rem;padding-bottom:12rem}.py-52{padding-top:13rem;padding-bottom:13rem}.py-56{padding-top:14rem;padding-bottom:14rem}.py-60{padding-top:15rem;padding-bottom:15rem}.py-64{padding-top:16rem;padding-bottom:16rem}.py-72{padding-top:18rem;padding-bottom:18rem}.py-80{padding-top:20rem;padding-bottom:20rem}.py-96{padding-top:24rem;padding-bottom:24rem}.pt-0{padding-top:0}.pt-px{padding-top:1px}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.pt-10{padding-top:2.5rem}.pt-11{padding-top:2.75rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-16{padding-top:4rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-28{padding-top:7rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-40{padding-top:10rem}.pt-44{padding-top:11rem}.pt-48{padding-top:12rem}.pt-52{padding-top:13rem}.pt-56{padding-top:14rem}.pt-60{padding-top:15rem}.pt-64{padding-top:16rem}.pt-72{padding-top:18rem}.pt-80{padding-top:20rem}.pt-96{padding-top:24rem}.pr-0{padding-right:0}.pr-px{padding-right:1px}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pr-9{padding-right:2.25rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pr-14{padding-right:3.5rem}.pr-16{padding-right:4rem}.pr-20{padding-right:5rem}.pr-24{padding-right:6rem}.pr-28{padding-right:7rem}.pr-32{padding-right:8rem}.pr-36{padding-right:9rem}.pr-40{padding-right:10rem}.pr-44{padding-right:11rem}.pr-48{padding-right:12rem}.pr-52{padding-right:13rem}.pr-56{padding-right:14rem}.pr-60{padding-right:15rem}.pr-64{padding-right:16rem}.pr-72{padding-right:18rem}.pr-80{padding-right:20rem}.pr-96{padding-right:24rem}.pb-0{padding-bottom:0}.pb-px{padding-bottom:1px}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pb-9{padding-bottom:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-11{padding-bottom:2.75rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-16{padding-bottom:4rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-32{padding-bottom:8rem}.pb-36{padding-bottom:9rem}.pb-40{padding-bottom:10rem}.pb-44{padding-bottom:11rem}.pb-48{padding-bottom:12rem}.pb-52{padding-bottom:13rem}.pb-56{padding-bottom:14rem}.pb-60{padding-bottom:15rem}.pb-64{padding-bottom:16rem}.pb-72{padding-bottom:18rem}.pb-80{padding-bottom:20rem}.pb-96{padding-bottom:24rem}.pl-0{padding-left:0}.pl-px{padding-left:1px}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-14{padding-left:3.5rem}.pl-16{padding-left:4rem}.pl-20{padding-left:5rem}.pl-24{padding-left:6rem}.pl-28{padding-left:7rem}.pl-32{padding-left:8rem}.pl-36{padding-left:9rem}.pl-40{padding-left:10rem}.pl-44{padding-left:11rem}.pl-48{padding-left:12rem}.pl-52{padding-left:13rem}.pl-56{padding-left:14rem}.pl-60{padding-left:15rem}.pl-64{padding-left:16rem}.pl-72{padding-left:18rem}.pl-80{padding-left:20rem}.pl-96{padding-left:24rem}.m-0{margin:0}.m-px{margin:1px}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-7{margin:1.75rem}.m-8{margin:2rem}.m-9{margin:2.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-40{margin:10rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-72{margin:18rem}.m-80{margin:20rem}.m-96{margin:24rem}.m-auto{margin:auto}.-m-0{margin:0}.-m-px{margin:-1px}.-m-1{margin:-.25rem}.-m-2{margin:-.5rem}.-m-3{margin:-.75rem}.-m-4{margin:-1rem}.-m-5{margin:-1.25rem}.-m-6{margin:-1.5rem}.-m-7{margin:-1.75rem}.-m-8{margin:-2rem}.-m-9{margin:-2.25rem}.-m-10{margin:-2.5rem}.-m-11{margin:-2.75rem}.-m-12{margin:-3rem}.-m-14{margin:-3.5rem}.-m-16{margin:-4rem}.-m-20{margin:-5rem}.-m-24{margin:-6rem}.-m-28{margin:-7rem}.-m-32{margin:-8rem}.-m-36{margin:-9rem}.-m-40{margin:-10rem}.-m-44{margin:-11rem}.-m-48{margin:-12rem}.-m-52{margin:-13rem}.-m-56{margin:-14rem}.-m-60{margin:-15rem}.-m-64{margin:-16rem}.-m-72{margin:-18rem}.-m-80{margin:-20rem}.-m-96{margin:-24rem}.mx-0{margin-left:0;margin-right:0}.mx-px{margin-left:1px;margin-right:1px}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-7{margin-left:1.75rem;margin-right:1.75rem}.mx-8{margin-left:2rem;margin-right:2rem}.mx-9{margin-left:2.25rem;margin-right:2.25rem}.mx-10{margin-left:2.5rem;margin-right:2.5rem}.mx-11{margin-left:2.75rem;margin-right:2.75rem}.mx-12{margin-left:3rem;margin-right:3rem}.mx-14{margin-left:3.5rem;margin-right:3.5rem}.mx-16{margin-left:4rem;margin-right:4rem}.mx-20{margin-left:5rem;margin-right:5rem}.mx-24{margin-left:6rem;margin-right:6rem}.mx-28{margin-left:7rem;margin-right:7rem}.mx-32{margin-left:8rem;margin-right:8rem}.mx-36{margin-left:9rem;margin-right:9rem}.mx-40{margin-left:10rem;margin-right:10rem}.mx-44{margin-left:11rem;margin-right:11rem}.mx-48{margin-left:12rem;margin-right:12rem}.mx-52{margin-left:13rem;margin-right:13rem}.mx-56{margin-left:14rem;margin-right:14rem}.mx-60{margin-left:15rem;margin-right:15rem}.mx-64{margin-left:16rem;margin-right:16rem}.mx-72{margin-left:18rem;margin-right:18rem}.mx-80{margin-left:20rem;margin-right:20rem}.mx-96{margin-left:24rem;margin-right:24rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-0{margin-left:0;margin-right:0}.-mx-px{margin-left:-1px;margin-right:-1px}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-3{margin-left:-.75rem;margin-right:-.75rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.-mx-7{margin-left:-1.75rem;margin-right:-1.75rem}.-mx-8{margin-left:-2rem;margin-right:-2rem}.-mx-9{margin-left:-2.25rem;margin-right:-2.25rem}.-mx-10{margin-left:-2.5rem;margin-right:-2.5rem}.-mx-11{margin-left:-2.75rem;margin-right:-2.75rem}.-mx-12{margin-left:-3rem;margin-right:-3rem}.-mx-14{margin-left:-3.5rem;margin-right:-3.5rem}.-mx-16{margin-left:-4rem;margin-right:-4rem}.-mx-20{margin-left:-5rem;margin-right:-5rem}.-mx-24{margin-left:-6rem;margin-right:-6rem}.-mx-28{margin-left:-7rem;margin-right:-7rem}.-mx-32{margin-left:-8rem;margin-right:-8rem}.-mx-36{margin-left:-9rem;margin-right:-9rem}.-mx-40{margin-left:-10rem;margin-right:-10rem}.-mx-44{margin-left:-11rem;margin-right:-11rem}.-mx-48{margin-left:-12rem;margin-right:-12rem}.-mx-52{margin-left:-13rem;margin-right:-13rem}.-mx-56{margin-left:-14rem;margin-right:-14rem}.-mx-60{margin-left:-15rem;margin-right:-15rem}.-mx-64{margin-left:-16rem;margin-right:-16rem}.-mx-72{margin-left:-18rem;margin-right:-18rem}.-mx-80{margin-left:-20rem;margin-right:-20rem}.-mx-96{margin-left:-24rem;margin-right:-24rem}.my-0{margin-top:0;margin-bottom:0}.my-px{margin-top:1px;margin-bottom:1px}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-9{margin-top:2.25rem;margin-bottom:2.25rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-11{margin-top:2.75rem;margin-bottom:2.75rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-14{margin-top:3.5rem;margin-bottom:3.5rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-20{margin-top:5rem;margin-bottom:5rem}.my-24{margin-top:6rem;margin-bottom:6rem}.my-28{margin-top:7rem;margin-bottom:7rem}.my-32{margin-top:8rem;margin-bottom:8rem}.my-36{margin-top:9rem;margin-bottom:9rem}.my-40{margin-top:10rem;margin-bottom:10rem}.my-44{margin-top:11rem;margin-bottom:11rem}.my-48{margin-top:12rem;margin-bottom:12rem}.my-52{margin-top:13rem;margin-bottom:13rem}.my-56{margin-top:14rem;margin-bottom:14rem}.my-60{margin-top:15rem;margin-bottom:15rem}.my-64{margin-top:16rem;margin-bottom:16rem}.my-72{margin-top:18rem;margin-bottom:18rem}.my-80{margin-top:20rem;margin-bottom:20rem}.my-96{margin-top:24rem;margin-bottom:24rem}.my-auto{margin-top:auto;margin-bottom:auto}.-my-0{margin-top:0;margin-bottom:0}.-my-px{margin-top:-1px;margin-bottom:-1px}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.-my-3{margin-top:-.75rem;margin-bottom:-.75rem}.-my-4{margin-top:-1rem;margin-bottom:-1rem}.-my-5{margin-top:-1.25rem;margin-bottom:-1.25rem}.-my-6{margin-top:-1.5rem;margin-bottom:-1.5rem}.-my-7{margin-top:-1.75rem;margin-bottom:-1.75rem}.-my-8{margin-top:-2rem;margin-bottom:-2rem}.-my-9{margin-top:-2.25rem;margin-bottom:-2.25rem}.-my-10{margin-top:-2.5rem;margin-bottom:-2.5rem}.-my-11{margin-top:-2.75rem;margin-bottom:-2.75rem}.-my-12{margin-top:-3rem;margin-bottom:-3rem}.-my-14{margin-top:-3.5rem;margin-bottom:-3.5rem}.-my-16{margin-top:-4rem;margin-bottom:-4rem}.-my-20{margin-top:-5rem;margin-bottom:-5rem}.-my-24{margin-top:-6rem;margin-bottom:-6rem}.-my-28{margin-top:-7rem;margin-bottom:-7rem}.-my-32{margin-top:-8rem;margin-bottom:-8rem}.-my-36{margin-top:-9rem;margin-bottom:-9rem}.-my-40{margin-top:-10rem;margin-bottom:-10rem}.-my-44{margin-top:-11rem;margin-bottom:-11rem}.-my-48{margin-top:-12rem;margin-bottom:-12rem}.-my-52{margin-top:-13rem;margin-bottom:-13rem}.-my-56{margin-top:-14rem;margin-bottom:-14rem}.-my-60{margin-top:-15rem;margin-bottom:-15rem}.-my-64{margin-top:-16rem;margin-bottom:-16rem}.-my-72{margin-top:-18rem;margin-bottom:-18rem}.-my-80{margin-top:-20rem;margin-bottom:-20rem}.-my-96{margin-top:-24rem;margin-bottom:-24rem}.mt-0{margin-top:0}.mt-px{margin-top:1px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-40{margin-top:10rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-72{margin-top:18rem}.mt-80{margin-top:20rem}.mt-96{margin-top:24rem}.mt-auto{margin-top:auto}.-mt-0{margin-top:0}.-mt-px{margin-top:-1px}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.-mt-4{margin-top:-1rem}.-mt-5{margin-top:-1.25rem}.-mt-6{margin-top:-1.5rem}.-mt-7{margin-top:-1.75rem}.-mt-8{margin-top:-2rem}.-mt-9{margin-top:-2.25rem}.-mt-10{margin-top:-2.5rem}.-mt-11{margin-top:-2.75rem}.-mt-12{margin-top:-3rem}.-mt-14{margin-top:-3.5rem}.-mt-16{margin-top:-4rem}.-mt-20{margin-top:-5rem}.-mt-24{margin-top:-6rem}.-mt-28{margin-top:-7rem}.-mt-32{margin-top:-8rem}.-mt-36{margin-top:-9rem}.-mt-40{margin-top:-10rem}.-mt-44{margin-top:-11rem}.-mt-48{margin-top:-12rem}.-mt-52{margin-top:-13rem}.-mt-56{margin-top:-14rem}.-mt-60{margin-top:-15rem}.-mt-64{margin-top:-16rem}.-mt-72{margin-top:-18rem}.-mt-80{margin-top:-20rem}.-mt-96{margin-top:-24rem}.mr-0{margin-right:0}.mr-px{margin-right:1px}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-7{margin-right:1.75rem}.mr-8{margin-right:2rem}.mr-9{margin-right:2.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-40{margin-right:10rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-72{margin-right:18rem}.mr-80{margin-right:20rem}.mr-96{margin-right:24rem}.mr-auto{margin-right:auto}.-mr-0{margin-right:0}.-mr-px{margin-right:-1px}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mr-3{margin-right:-.75rem}.-mr-4{margin-right:-1rem}.-mr-5{margin-right:-1.25rem}.-mr-6{margin-right:-1.5rem}.-mr-7{margin-right:-1.75rem}.-mr-8{margin-right:-2rem}.-mr-9{margin-right:-2.25rem}.-mr-10{margin-right:-2.5rem}.-mr-11{margin-right:-2.75rem}.-mr-12{margin-right:-3rem}.-mr-14{margin-right:-3.5rem}.-mr-16{margin-right:-4rem}.-mr-20{margin-right:-5rem}.-mr-24{margin-right:-6rem}.-mr-28{margin-right:-7rem}.-mr-32{margin-right:-8rem}.-mr-36{margin-right:-9rem}.-mr-40{margin-right:-10rem}.-mr-44{margin-right:-11rem}.-mr-48{margin-right:-12rem}.-mr-52{margin-right:-13rem}.-mr-56{margin-right:-14rem}.-mr-60{margin-right:-15rem}.-mr-64{margin-right:-16rem}.-mr-72{margin-right:-18rem}.-mr-80{margin-right:-20rem}.-mr-96{margin-right:-24rem}.mb-0{margin-bottom:0}.mb-px{margin-bottom:1px}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.mb-9{margin-bottom:2.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-40{margin-bottom:10rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-72{margin-bottom:18rem}.mb-80{margin-bottom:20rem}.mb-96{margin-bottom:24rem}.mb-auto{margin-bottom:auto}.-mb-0{margin-bottom:0}.-mb-px{margin-bottom:-1px}.-mb-1{margin-bottom:-.25rem}.-mb-2{margin-bottom:-.5rem}.-mb-3{margin-bottom:-.75rem}.-mb-4{margin-bottom:-1rem}.-mb-5{margin-bottom:-1.25rem}.-mb-6{margin-bottom:-1.5rem}.-mb-7{margin-bottom:-1.75rem}.-mb-8{margin-bottom:-2rem}.-mb-9{margin-bottom:-2.25rem}.-mb-10{margin-bottom:-2.5rem}.-mb-11{margin-bottom:-2.75rem}.-mb-12{margin-bottom:-3rem}.-mb-14{margin-bottom:-3.5rem}.-mb-16{margin-bottom:-4rem}.-mb-20{margin-bottom:-5rem}.-mb-24{margin-bottom:-6rem}.-mb-28{margin-bottom:-7rem}.-mb-32{margin-bottom:-8rem}.-mb-36{margin-bottom:-9rem}.-mb-40{margin-bottom:-10rem}.-mb-44{margin-bottom:-11rem}.-mb-48{margin-bottom:-12rem}.-mb-52{margin-bottom:-13rem}.-mb-56{margin-bottom:-14rem}.-mb-60{margin-bottom:-15rem}.-mb-64{margin-bottom:-16rem}.-mb-72{margin-bottom:-18rem}.-mb-80{margin-bottom:-20rem}.-mb-96{margin-bottom:-24rem}.ml-0{margin-left:0}.ml-px{margin-left:1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-8{margin-left:2rem}.ml-9{margin-left:2.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-40{margin-left:10rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-72{margin-left:18rem}.ml-80{margin-left:20rem}.ml-96{margin-left:24rem}.ml-auto{margin-left:auto}.-ml-0{margin-left:0}.-ml-px{margin-left:-1px}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-ml-3{margin-left:-.75rem}.-ml-4{margin-left:-1rem}.-ml-5{margin-left:-1.25rem}.-ml-6{margin-left:-1.5rem}.-ml-7{margin-left:-1.75rem}.-ml-8{margin-left:-2rem}.-ml-9{margin-left:-2.25rem}.-ml-10{margin-left:-2.5rem}.-ml-11{margin-left:-2.75rem}.-ml-12{margin-left:-3rem}.-ml-14{margin-left:-3.5rem}.-ml-16{margin-left:-4rem}.-ml-20{margin-left:-5rem}.-ml-24{margin-left:-6rem}.-ml-28{margin-left:-7rem}.-ml-32{margin-left:-8rem}.-ml-36{margin-left:-9rem}.-ml-40{margin-left:-10rem}.-ml-44{margin-left:-11rem}.-ml-48{margin-left:-12rem}.-ml-52{margin-left:-13rem}.-ml-56{margin-left:-14rem}.-ml-60{margin-left:-15rem}.-ml-64{margin-left:-16rem}.-ml-72{margin-left:-18rem}.-ml-80{margin-left:-20rem}.-ml-96{margin-left:-24rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}
/*----------------------------------------
	Color root
----------------------------------------*/
:root{
	--white: #ffffff;
	--gr-fa: #fafafa;
	--gr-f0: #f0f0f0;
	--gr-f3: #f3f3f3;
	--gr-e0: #e0e0e0;
	--gr-ee: #eeeeee;
	--gr-e9: #e9e9e9;
	--gr-dd: #dddddd;
	--gr-cc: #cccccc;
	--gr-aa: #aaaaaa;
	--gr-a9: #a9a9a9;
	--bl-99: #999999;
	--bl-88: #888888;
	--bl-68: #686868;
	--bl-52: #525252;
	--bl-48: #484848;
	--bl-41: #414141;
	--bl-33: #333333;
	--bl-22: #222222;
	--black: #000000;
	--link: rgba(6,129,226,1);
	--main: rgb(95 23 164);
	--mainsh: rgb(95 23 164 / 30%);
	--bgmain: rgb(51,36,90);
	--ovarlay-a: rgb(0 0 0 / 40%);
	--ovarlay-b: rgb(0 0 0 / 80%);
	--ovarlay-c: rgb(222 222 222 / 80%);
	--ovarlay-d: rgb(225 225 225 / 50%);
	--fb: rgb(27,116,228);
	--pk: rgb(238,64,86);
    --bg-a: rgb(147 170 187 / 15%);
    --line-a: rgb(147 170 187 / 20%);
	--line-b: rgb(147 170 187 / 40%);
    --input-gr: rgb(239, 243, 244);

	--main-a: rgb(92,86,231);
	--main-b: rgba(123,54,180,1);

	--brand-a: rgb(92,86,231);
	--brand-b: rgba(123,54,180,1);

	--txt-gr: #9faab1;
	--bg-grid: #f5f5f7;

	--r10: 10px;
	--r24: 24px;
	--r50: 50%;
}
/*----------------------------------------
    General Setting
----------------------------------------*/
* > div{box-sizing: border-box;}
html{touch-action:none;}
html, body{
	margin: 0;
	padding: 0;
	font-size: 16px;
    -webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	background-color: transparent;
	color: var(--bl-33);
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif
}
ul, li {
    list-style: none;
    margin: 0;
    padding: 0;
}
button {
	border: 0;
}
img {
	width: 100%;
	height: auto;
	vertical-align: middle;
	user-drag: none;
    user-select: none;
    pointer-events: none;
}
/*----------------------------------------
    Layouts
----------------------------------------*/
header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: var(--white);
	height: 65px;
}
header .logo {
		text-align: center;
		padding: 1rem 0 0.85rem 0;
}
header .logo a {
    display: inline-block;
}
#g-menu-panel,
#u-menu-panel {
	top: 65px;
}
.showLeft {
    padding: 0.5rem;
}
.icons span {
	display: block;
    background: none repeat scroll 0 0 var(--bl-88);
    height: 3px;
    width: 3px;
    border-radius: 50%;
    pointer-events: none;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.icons span:nth-of-type(2),
.icons span:nth-of-type(3) {
    margin-top: 4px;
}
.btn-left {
	left: 1em;
}
.btn-right {
	right: 1em;
}
.btn-left,
.btn-right {
	position: absolute;
	top: 0;
}
.g-menu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
	width: 19px;
    height: 19px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 0.5px solid var(--white);
    background-color: var(--gr-f5);
    cursor: pointer;
    box-sizing: content-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
.g-menu:hover {
	background-color: var(--gr-ee);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.g-menu:active {
	background-color: var(--gr-cc);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.u-menu {
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
#navigation-bottom {
    border-top: 1px solid #303030;
    padding-top: 2rem;
    margin-bottom: 2rem;
}
#navigation-bottom .navigation-image {
	position: relative;
    max-width: 386px;
    width: 100%;
    margin: 0 auto 0;
    padding: 0 1rem;
}
#navigation-bottom a {
    position: relative;
    padding: 0;
}
.main .custom-btn {
    position: relative;
    padding: 0.75rem;
    border-radius: 2rem;
    display: block;
    background: var(--brand-a);
    background: linear-gradient(90deg, var(--brand-a) 0%, var(--brand-b) 100%);
    width: 100px;
}
.g-menu-contents,
.u-menu-contents {
    display: none;
    position: absolute;
    width: 100%;
    min-width: 160px;
    overflow-y: auto;
    z-index: 1;
    background-color: var(--bl-22);
	height: calc(80vh - 128px);
}
.g-menu-contents a,
.u-menu-contents a {
    position: relative;
    font-weight: bold;
    font-size: 0.9rem;
    display: block;
    padding: 1.25rem 2rem;
    color: var(--white);
    border-bottom: none;
    text-decoration: none;
}
.g-menu-contents a:hover,
.u-menu-contents a:hover {
	background-color: var(--bl-33);
}
.active {
	display: block;
}
main {
	position: relative;
}
#front-page {
	width: 100%;
	height: 100%;
	background: var(--main-a);
	background: linear-gradient(90deg, var(--main-a) 0%, var(--main-b) 100%);
	position: absolute;
}
#front-page .main-contents {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 420px;
	height: 80vh;
	box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
	border-radius: 16px;
	overflow: hidden;
	background-color: var(--white);
}
/*----------------------------------------
    Front Page
----------------------------------------*/
.chat.front {
    flex: 1 1 auto;
	padding: 0.85rem;
    background-color: var(--input-gr);
}
.chat-contents {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.chat-scroll-contents {
	position: relative;
    overflow-y: auto;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
    clear: both;
    width: 100%;
}
main.front #comments {
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 0.9rem;
}
main.front #comments .comment-area {
	clear: both;
    float: left;
    margin-bottom: 12px;
}
main.front #comments .comment-area:last-child {
	margin-bottom: 0;
}
main.front #comments .comment-area .comment-contents {
	background-color: var(--white);
    border-top-right-radius: 16px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    max-width: calc(100% - 56px);
    margin-left: 56px
}
main.front #comments .new-post > .comment-contents {
	animation: bounce 0.5s linear both;
}
figure.avatar img {
    width: 100%;
    height: auto;
    vertical-align: baseline;
}
main.front #comments .comment-area .comment-contents .comment-inner {
	padding: 12px;
    margin: 0 0 5px 0;
    word-break: break-all;
    line-height: 1.7;
    font-weight: bold;
    font-size: 0.9rem;
}
figure.avatar {
    float: left;
    margin: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
	overflow: hidden;
    margin: 0;
    padding: 0;
    border: 2px solid rgb(130 130 130 / 20%);
}
figure.avatar img {
    width: 100%;
    height: auto;
	vertical-align: bottom;
}
span.sub-text {
    color: var(--bl-99);
    font-weight: normal;
}
#forms {
    flex: 0 1 auto;
    position: relative;
    z-index: 3;
    width: 100%;
    background-color: var(--white);
}
#form-comment {
    display: flex;
    margin: 0;
    padding: 0.75rem 0.25rem;
}
.form-content {
    display: flex;
	width: 100%;
}
.form-button {
	background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
}
.form-button.front-button {
	position: relative;
	margin: 0 0.25rem;
}
.form-button.input-button {
	position: absolute;
    left: 0.5rem;
    top: 0;
    bottom: 0;
    padding: 0 0.5rem 0;
}
.form-button.emoji {
	padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.form-button.post {
	padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.form-input {
	position: relative;
    width: 100%;
    flex: 0 1 auto;
}
/*--------------------------------------------------------------
	Templates / ajax
--------------------------------------------------------------*/
.layer-contents {
    background-color: var(--ovarlay-b);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    z-index: 2;
}
.pop-contents {
	background-color: var(--ovarlay-b);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    z-index: 2;
}
.ajax-audio-contents-load {
    position: relative;
    z-index: 3;
}
.sticker-select-option,
.audio-select-option {
	cursor: pointer;
    padding: 0;
    margin: 0;
	background-color: transparent;
}
.audio-select-option {
	padding: 0;
	border-radius: 24px;
	color: var(--white);
    width: 100%;
	background-color: transparent;
}
.audio-select-option.selected {
    background-color: var(--ovarlay-d);
}
.ajax-grid_3column {
	display: flex;
    width: 100%;
    overflow-x: scroll;
}
.ajax-grid_3column div {
    width: 20%;
    margin: 0.25rem;
    flex-shrink: 0;
}
.sticker-select-option img,
.audio-select-option img {
	aspect-ratio: 4 / 3;
}
#post-item {
    margin-bottom: 2rem;
}
#post-item:last-child {
    margin-bottom: 0;
}
.group-index {
	font-size: 0.5rem;
	font-weight: bold;
	color: var(--white);
}
/*--------------------------------------------------------------
	Results page
--------------------------------------------------------------*/
#results .main-contents {
	aspect-ratio: 16 / 9;
}
#results .results-comment {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: auto;
    background-color: var(--gr-ee);
    border: 12px solid var(--main-a);
    padding: 1.5rem 1.5rem 1.65rem;
    min-width: 480px;
    text-align: center;
    border-radius: 32px;
}
#results .results-comment .comment-inner {
	font-size: 4rem;
	color: var(--bl-33);
	font-family: "M PLUS 1", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}
#results #comments {
    position: absolute;
    width: 1280px;
    height: 590px;
}
#results #comments .results-sticker {
    position: absolute;
    width: 35%;
}
.position__a {top:0;left:0;}
.position__b {bottom:0;left:0;}
.position__c {bottom:0;right:0;}
.animation__on {
	animation: bounce 0.5s linear both;
}
/*--------------------------------------------------------------
	Forms
--------------------------------------------------------------*/
input {
    border: none;
    width: 100%;
    background-color: var(--input-gr);
    padding: 0.65rem 1rem 0.65rem 2.75rem;
    border-radius: var(--r24);
}
button .ico {
    fill: var(--bl-88);
	width: 18px;
	height: 18px;
    display: flex;
}
button .ico.emoji.toggle-on,
button .ico.audio.toggle-on,
button .ico.post.toggle-on {
	fill: var(--main-a);
}
/*--------------------------------------------------------------
0.0 loading
--------------------------------------------------------------*/
.loading {
    position: relative;
    text-align: center;
    width: 40px;
    height: 40px;
	margin: 0 auto;
}
.app-spinner {
    animation: app-spinner-rotate 1.568s linear infinite;
}
.app-spinner,
.app-spinner-loader {
    transform-origin: 50% 50%;
}
.app-spinner-loader {
    animation: app-spinner-offset 5332ms step-end infinite;
}
.app-spinner-loader-path {
    fill: none;
    stroke-width: 8%;
    stroke-dasharray: 56, 200;
    stroke-dashoffset: 0;
    animation: app-spinner-dash 1333ms ease-in-out infinite;
    stroke-linecap: round;
    stroke: var(--white);
}
/*--------------------------------------------------------------
0.0 animation
--------------------------------------------------------------*/
@keyframes bounce {
  0% { transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@keyframes app-spinner-rotate {
    to {
        transform: rotate(1turn)
    }
}
@keyframes app-spinner-offset {
    25% {
        transform: rotate(270deg)
    }
    50% {
        transform: rotate(180deg)
    }
    75% {
        transform: rotate(90deg)
    }
    to {
        transform: rotate(0)
    }
}
@keyframes app-spinner-dash {
    0% {
        stroke-dasharray: 0, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 56, 200;
        stroke-dashoffset: 0
    }
    to {
        stroke-dasharray: 0, 200;
        stroke-dashoffset: -56
    }
}
* {
    box-sizing: border-box;
}
/*--------------------------------------------------------------
0.0 Responsive
--------------------------------------------------------------*/
@media only screen and (max-width: 768px){
	header {
		height: 53px;
	}
	header .logo {
		padding: 0.65rem 0 0.45rem 0;
	}
	#g-menu-panel,
	#u-menu-panel {
	    top: 53px;
	}
	.g-menu-contents,
	.u-menu-contents {
		height: calc(100dvh - 116px);
	}
	main {
	    background: transparent;
	}
	#front-page .main-contents {
	    width: 100%;
	    height: 100dvh;
	    box-shadow: none;
	    border-radius: 0;
	    top: 0;
	    left: 0;
	    position: relative;
	    transform: none;
	}
	#navigation-bottom .navigation-image {
	    padding: 0 2rem;
	}
}
