.blogpost-page{background:#f5f5f5}.blogpost-progress{z-index:100;background:linear-gradient(90deg,#50223c,#b189ba);height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.blogpost-hero{color:#fff;text-align:center;background:#1f0d19;padding:8rem 2rem 3rem}@media (min-width:768px){.blogpost-hero{padding:8rem 4rem 4rem}}.blogpost-hero__container{flex-direction:column;align-items:center;gap:1rem;max-width:800px;margin:0 auto;display:flex}.blogpost-hero__back{color:#fff6;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:color .3s}.blogpost-hero__back:hover{color:#fff}.blogpost-hero__tag{background:linear-gradient(90deg,#dcd2d833,#b189ba,#dcd2d833);border-radius:999px;width:fit-content;padding:.1rem;display:inline-block}.blogpost-hero__tag-inner{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#1f0d19;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem 1.25rem;font-size:.75rem;font-weight:500;display:flex}.blogpost-hero__title{color:#fff;letter-spacing:-.5px;max-width:700px;font-size:1.625rem;font-weight:700;line-height:1.25}@media (min-width:768px){.blogpost-hero__title{letter-spacing:-1px;font-size:2.5rem;line-height:1.2}}.blogpost-hero__meta{color:#b5b5b5;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.blogpost-hero__author{color:#fff;font-weight:600}.blogpost-hero__divider{color:#fff3}.blogpost-content{padding:0 2rem}@media (min-width:768px){.blogpost-content{padding:0 4rem}}.blogpost-content__container{min-width:0;max-width:800px;margin:0 auto;padding:2rem 0 5rem}@media (min-width:768px){.blogpost-content__container{padding:2.5rem 0 7rem}}.blogpost-cover{border-radius:1.5rem 1.5rem 0 0;width:100%;height:280px;overflow:hidden}@media (min-width:768px){.blogpost-cover{height:380px}}.blogpost-cover__img{object-fit:cover;width:100%;height:100%;display:block}.blogpost-card{background:#f9f9f9;border-radius:0 0 1.5rem 1.5rem;min-width:0;padding:1.5rem;overflow:hidden}@media (min-width:768px){.blogpost-card{padding:2.5rem 2.5rem 2rem}}.blogpost-cover~.blogpost-card{border-radius:0 0 1.5rem 1.5rem}.blogpost-content__container>.blogpost-card:first-child{border-radius:1.5rem}.blogpost-article{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.blogpost-article .ql-indent-1{padding-left:1.5em}.blogpost-article .ql-indent-2{padding-left:3em}.blogpost-article .ql-indent-3{padding-left:4.5em}.blogpost-article .ql-indent-4{padding-left:6em}.blogpost-article .ql-indent-5{padding-left:7em}.blogpost-article .ql-indent-6,.blogpost-article .ql-indent-7,.blogpost-article .ql-indent-8{padding-left:8em}.blogpost-article h1,.blogpost-article h2,.blogpost-article h3,.blogpost-article h4{color:#11060c;margin-top:2rem;margin-bottom:.75rem;line-height:1.3}.blogpost-article h1{font-size:1.5rem;font-weight:700}@media (min-width:768px){.blogpost-article h1{font-size:1.75rem}}.blogpost-article h2{font-size:1.25rem;font-weight:700}@media (min-width:768px){.blogpost-article h2{font-size:1.5rem}}.blogpost-article h3{font-size:1.125rem;font-weight:700}@media (min-width:768px){.blogpost-article h3{font-size:1.25rem}}.blogpost-article h4{font-size:1rem;font-weight:600}.blogpost-article p{color:#555;margin-bottom:1.25rem;font-size:.875rem;font-weight:500;line-height:1.8}@media (min-width:768px){.blogpost-article p{font-size:.9375rem}}.blogpost-article a{color:#50223c;overflow-wrap:anywhere;word-break:break-word;font-weight:500;text-decoration:underline}.blogpost-article blockquote{background:#50223c08;border-left:3px solid #50223c;border-radius:0 .75rem .75rem 0;margin:1.5rem 0;padding:1rem 1.5rem}.blogpost-article blockquote p{color:#666;margin-bottom:0;font-style:italic}.blogpost-article img{border-radius:.75rem;max-width:100%;height:auto;margin:1.5rem 0}.blogpost-article iframe{aspect-ratio:16/9;background:#000;border:0;border-radius:.75rem;width:100%;max-width:100%;height:auto;min-height:240px;margin:1.5rem 0;display:block}@media (min-width:768px){.blogpost-article iframe{min-height:380px}}.blogpost-article .ql-video{aspect-ratio:16/9;background:#000;border:0;border-radius:.75rem;width:100%;max-width:100%;height:auto;margin:1.5rem 0;display:block}.blogpost-article ul,.blogpost-article ol{color:#555;margin-bottom:1.25rem;padding-left:1.5rem;font-size:.875rem;font-weight:500;line-height:1.8}@media (min-width:768px){.blogpost-article ul,.blogpost-article ol{font-size:.9375rem}}.blogpost-article li{margin-bottom:.5rem}.blogpost-article pre{color:#e0e0e0;background:#1f0d19;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem;font-size:.8125rem;line-height:1.6;overflow-x:auto}.blogpost-article code{color:#50223c;background:#50223c0f;border-radius:.25rem;padding:.125rem .375rem;font-size:.8125rem}.blogpost-article pre code{color:inherit;background:0 0;padding:0}.blogpost-article table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.8125rem}.blogpost-article table th,.blogpost-article table td{text-align:left;border:1px solid #6e57731f;padding:.75rem 1rem}.blogpost-article table th{color:#11060c;background:#50223c08;font-weight:600}.blogpost-article hr{border:none;border-top:1px solid #6e57731a;margin:2rem 0}.blogpost-tags{border-top:1px solid #6e57731a;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;padding:1.5rem 0 0;display:flex}.blogpost-tags__item{color:#1f0d19;border:1px solid #1f0d19;border-radius:999px;padding:.35rem .875rem;font-size:.75rem;font-weight:500}.blogpost-share{border-top:1px solid #6e57731a;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}@media (max-width:767px){.blogpost-share{flex-direction:column;align-items:flex-start;gap:1rem}}.blogpost-share__label{color:#11060c;font-size:.875rem;font-weight:600}.blogpost-share__buttons{flex-wrap:wrap;gap:.5rem;display:flex}.blogpost-share__btn{color:#1f0d19;cursor:pointer;background:0 0;border:1px solid #1f0d19;border-radius:999px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:500;transition:all .3s}.blogpost-share__btn:hover,.blogpost-share__btn--copied{color:#fff;background:#50223c;border-color:#50223c}.blogpost-loading{justify-content:center;align-items:center;min-height:60vh;padding-top:5rem;display:flex}.blogpost-loading__spinner{border:2px solid #50223c1a;border-top-color:#50223c;border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blogpost-notfound{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:10rem 2rem 5rem;display:flex}.blogpost-notfound h2{color:#11060c;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.blogpost-notfound p{color:#818181;margin-bottom:2rem;font-size:.9375rem;font-weight:500}.blogpost-notfound__btn{color:#fff;background:#50223c;border:none;border-radius:999px;padding:.75rem 2.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .3s}.blogpost-notfound__btn:hover{background:#3e1a2f}
