.blog-p{-webkit-user-select:text;user-select:text;margin:1rem 0}.blog-b{font-family:RobotoSerif,serif;font-weight:700}.blog-ol{-webkit-user-select:text;user-select:text;margin:0 0 0 2rem;padding:0;font-family:RobotoSerif,serif;list-style-type:none}.blog-ol li{counter-increment:step-counter;opacity:.9;-webkit-user-select:text;user-select:text;margin:1rem 0;font-family:RobotoSerif,serif;position:relative}.blog-ol li:before{content:counter(step-counter);background-color:var(--accent);color:var(--accent-text);text-align:center;border-radius:2rem;min-width:1.5rem;height:100%;padding:0;font-weight:700;position:absolute;transform:translate(calc(-100% - .5rem))}.blog-iframe{border:unset;border-radius:.5rem;height:min(20rem,70vh);margin:2rem 0;box-shadow:0 0 .5rem .5rem #0000001a}.blog-link{color:var(--accent);text-decoration:underline}.blog-nav{border-bottom:solid .1rem var(--secondary);background-color:var(--primary);padding:.5rem 2rem;padding-left:calc(var(--menu-size) + 2rem);z-index:1;height:calc(var(--menu-size) - .1rem);align-items:center;display:flex;box-shadow:0 .5rem .7rem .5rem #0003}.blog-nav a{color:var(--primary-text);-webkit-user-select:text;user-select:text;font-size:1.2rem}.blog-nav a:hover{color:var(--accent);text-decoration:underline}.blog-header.svelte-prh7cm{width:100%;height:50vh;position:relative}.blog-back{top:0;left:var(--menu-size);background:rgba(var(--primary-rgb), .8);border:none;border-bottom:solid .1rem var(--secondary);border-right:solid .1rem var(--secondary);color:var(--primary-text);z-index:4;cursor:pointer;border-bottom-right-radius:.4rem;padding:1rem 1.5rem;font-size:1.2rem;transition:background .3s;position:absolute}.blog-back:hover{background:rgba(var(--primary-rgb), 1)}.blog-title{text-align:center;text-shadow:.1rem .1rem .3rem #0009;-webkit-user-select:text;user-select:text}.blog-tag{background-color:var(--secondary);color:var(--secondary-text);text-align:center;border-radius:1rem;padding:.2rem .8rem}.blog-header-content.svelte-prh7cm{z-index:3;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:3rem;display:flex;position:absolute;top:0}.blog-image-mask.svelte-prh7cm{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg, rgba(var(--background-rgb), 0) 24%, rgba(var(--background-rgb), 1) 94%, rgba(var(--background-rgb), 1) 100%);width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask:linear-gradient(#0000,#000 60%);mask:linear-gradient(#0000,#000 60%)}