.visually_hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.blog_style{background:var(--bg-color);justify-content:center;width:100%;height:100%;padding:50px 0;display:flex;container:site/inline-size}.blog_style .page_content{width:67%;display:flex;container:page/inline-size}.blog_list{flex-direction:column;order:5;width:100%;display:flex}.blog_list .blog_title{color:var(--accent-color);margin-top:0}.blog_list .blog_title_image{align-self:center;width:23rem;margin-bottom:25px}.blog_list .blog_item{margin-bottom:30px}.blog_list .blog_item h2{color:var(--accent-color);margin:0}.blog_list .blog_item h2 a:link,.blog_list .blog_item h2 a:visited{color:var(--accent-color)}.blog_list .blog_item h2 a:hover{color:var(--text-color)}.blog_list .blog_item p{margin:5px 0 0;display:block}.blog_post{order:5}.blog_post h1{color:var(--accent-color);margin:0}.blog_post h4{margin-top:10px;margin-bottom:30px}.blog_post li{margin-bottom:5px}.blog_post p{margin-top:0;margin-bottom:20px}.blog_post .blog_post_tale pre{padding-left:20px}.blog_post .blog_post_tale .embeded_video{place-content:center;margin-top:50px;display:flex}.blog_post .blog_post_tale .embeded_video iframe{box-shadow:0 0 80px var(--accent-color)}.blog_tag{flex-direction:row;display:flex}.blog_tag .tag_list{flex-direction:row;display:flex}.blog_nav{flex-direction:column;order:1;height:50vh;margin-top:185px;margin-right:70px;display:flex;position:sticky;top:150px}.blog_nav fieldset{min-inline-size:unset;border:none;margin:0;padding:0}.blog_nav legend{min-width:130px;margin:0;padding:0;font-weight:700}.blog_nav .tag_list{flex-direction:column;display:flex}.blog_nav .toggle_button{border:2px solid var(--text-color);color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;margin-top:5px;margin-right:5px;padding:0 6px;transition:all .1s ease-in;display:inline-block}.blog_nav .toggle_button:hover{color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px)}.blog_nav .toggle_button input[type=checkbox]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.blog_nav .toggle_button:has(input:checked){color:var(--accent-color);border-color:var(--accent-color)}@container site (width<=1230px){.blog_nav{display:none}}.tag_list{margin:0;padding:0;list-style:none}.tag_list .tag_item{margin-top:5px;margin-right:5px}.tag_list .tag_item a{border:2px solid var(--text-color);color:var(--text-color);border-radius:5px;padding:0 4px;text-decoration:none;transition:all .1s ease-in;display:inline-block}.tag_list .tag_item a:hover{color:var(--accent-color);border:2px solid var(--accent-color);transform:translateY(-2px)}