.social-share-bar{justify-content:center;align-items:center;gap:1rem;margin:0;padding:0;line-height:0;display:flex}.social-share-bar a{border-radius:0;justify-content:center;align-items:center;padding:0;font-style:normal;display:flex}.social-share-bar a:hover img{opacity:.7;transition:opacity .3s}.social-share-bar a:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:4px}
.detailed-blog{background-color:var(--color-black);color:#fff;width:100vw;padding:0}.detailed-blog__container{width:100%;padding:var(--padding-m);box-sizing:border-box;margin:0 auto}@media (min-width:830px){.detailed-blog__container{padding:var(--padding-l);padding-bottom:2rem}}@media (min-width:1494px){.detailed-blog__container{max-width:1494px;padding-left:var(--padding-xl);padding-right:var(--padding-xl)}}.detailed-blog pre{background-color:var(--color-dark);border-radius:12px;margin:40px 0;padding:1rem;font-family:Fira Code,Courier New,monospace;font-size:.95rem;position:relative;overflow-x:auto}.detailed-blog pre code{background-color:#0000!important;border-radius:0!important;margin:0!important;padding:0!important}.code-block-wrapper{background-color:var(--color-dark);border-radius:12px;padding-top:1rem;position:relative;overflow:hidden}.code-block-wrapper:before{content:"";background:#ff5f56;border-radius:50%;width:.75rem;height:.75rem;display:block;position:absolute;top:.75rem;left:1rem;box-shadow:1.2rem 0 #ffbd2e,2.4rem 0 #27c93f}.code-block-wrapper p code{background-color:var(--color-grey-2);color:var(--color-black);border-radius:3px;margin:0 .2rem;padding:0 .2rem;font-family:Fira Code,Courier New,monospace;font-weight:700}.detailed-blog li>pre,.detailed-blog li>.code-block-wrapper{margin:1rem 0}.detailed-blog p>pre,.detailed-blog p>.code-block-wrapper{margin:1.5rem 0}.detailed-blog h2{color:#fff;margin-bottom:2rem;font-size:2rem}.detailed-blog h3{color:#fff;margin-bottom:1.5rem}.detailed-blog p{text-align:justify;line-height:1.6rem;font-size:var(--font-size-p);font-family:var(--font-primary);color:#fff;margin-bottom:1.6rem}.detailed-blog__header p:nth-of-type(2){font-family:var(--font-primary);margin-top:1.5rem}.detailed-blog p code{background-color:var(--color-grey-2);color:var(--color-black);border-radius:3px;margin:0 .2rem;padding:0 .2rem;font-family:Fira Code,Courier New,monospace;font-weight:700}.detailed-blog p strong{font-family:var(--font-primary)}.detailed-blog a{color:#fff;border-radius:3px;padding:2px 5px;font-style:italic}.detailed-blog__header{margin-bottom:1.5rem}.detailed-blog__title{font-size:var(--font-size-h1);color:#fff;font-weight:400}@media (min-width:830px){.detailed-blog__title{font-size:3rem}}.detailed-blog__meta{color:var(--color-grey-2);font-size:.9rem}.detailed-blog__date{font-family:var(--font-primary)}.detailed-blog__authors{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin-top:1rem;font-weight:700;display:flex}.detailed-blog__written-by{color:var(--color-grey-2);font-weight:400}.detailed-blog__author-link{color:#fff;font-style:normal;text-decoration:none;transition:color .3s;display:inline}a.detailed-blog__author-link:hover{color:var(--color-primary)}.detailed-blog__content{margin:20px 0}.detailed-blog__navigation{flex-direction:column;gap:1.5rem;padding-top:2rem;display:flex}@media (min-width:830px){.detailed-blog__navigation{flex-direction:row;justify-content:space-between;gap:2rem;padding-top:4rem;display:flex}}.detailed-blog__navigation--only-next{justify-content:flex-end}.detailed-blog__navigation--only-prev{justify-content:flex-start}.detailed-blog__navigation a{font-size:1.2rem;font-style:normal;font-family:var(--font-primary);text-decoration:none}@media (min-width:830px){.detailed-blog__navigation a{font-size:1.5rem}}.detailed-blog__navigation a:hover{color:var(--color-primary);transition:color .7s}@media (min-width:830px){.detailed-blog__navigation-previous{flex:1 1 0;justify-content:flex-start;align-items:center;max-width:50%;display:flex}}.detailed-blog__navigation-previous a{align-items:center;display:flex}.detailed-blog__navigation-previous svg{align-items:center;width:24px;height:24px;margin-right:1rem;display:flex}@media (min-width:830px){.detailed-blog__navigation-previous svg{width:40px;height:40px;margin-right:2rem}}.detailed-blog__navigation-next{justify-content:flex-end}@media (min-width:830px){.detailed-blog__navigation-next{flex:1 1 0;align-items:center;max-width:50%;display:flex}}.detailed-blog__navigation-next a{text-align:right;justify-content:flex-end;align-items:center;display:flex}.detailed-blog__navigation-next svg{align-items:center;width:24px;height:24px;margin-left:1rem;display:flex}@media (min-width:830px){.detailed-blog__navigation-next svg{width:40px;height:40px;margin-left:2rem}}.detailed-blog__footer{margin-top:40px}.detailed-blog img{width:100%;height:auto;margin:2.5rem auto;display:block}@media (min-width:1024px){.detailed-blog img{width:85%}}@media (min-width:1494px){.detailed-blog img{width:70%}}.detailed-blog img[src*=emoji]{vertical-align:middle;width:1em;height:1em;display:inline-block}.detailed-blog__tags{gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.detailed-blog__tag{border-radius:5px;padding:5px 10px;font-size:.9rem}.detailed-blog ul,.detailed-blog ol{font-family:var(--font-primary);margin:20px 0;padding-left:40px;line-height:1.5}.detailed-blog ul{list-style-type:square}.detailed-blog ol{list-style-type:decimal}.detailed-blog li{font-size:var(--font-size-p);text-align:justify;margin-bottom:.8rem}.detailed-blog li code{background-color:var(--color-grey-2);color:var(--color-black);border-radius:3px;margin:0 .2rem;padding:0 .2rem;font-family:Fira Code,Courier New,monospace;font-weight:700}.detailed-blog blockquote{border-left:4px solid var(--color-primary);color:var(--color-grey-3);font-style:italic;font-family:var(--font-primary);margin:1.5rem 0;padding:0 1.5rem}.detailed-blog table{border-collapse:collapse;background-color:var(--color-dark);width:100%;font-family:var(--font-primary);border-radius:6px;margin:2rem 0;font-size:.9rem;overflow:hidden;box-shadow:0 2px 4px #0003}.detailed-blog table thead{background-color:var(--color-grey-2)}.detailed-blog table th{color:var(--color-black);text-align:left;border-bottom:2px solid var(--color-grey-2);padding:.75rem;font-size:.875rem;font-weight:600}.detailed-blog table tbody tr{border-bottom:1px solid var(--color-grey-2);transition:background-color .2s}.detailed-blog table tbody tr:last-child{border-bottom:none}.detailed-blog table tbody tr:hover{background-color:#ffffff0d}.detailed-blog table td{color:var(--color-grey-3);padding:.75rem;font-size:.875rem;line-height:1.5}.detailed-blog table td code{background-color:var(--color-grey-2);color:var(--color-black);border-radius:3px;margin:0 .2rem;padding:.2rem .4rem;font-family:Fira Code,Courier New,monospace;font-size:.9em;font-weight:700}.detailed-blog table td a{color:var(--color-primary);text-decoration:underline;padding:0!important}@media (max-width:768px){.detailed-blog table{white-space:nowrap;display:block;overflow-x:auto}.detailed-blog table th,.detailed-blog table td{padding:.75rem;font-size:.875rem}}