body.state-zoom400 .rate-filters div[role="radio"]{padding:4px 10px}@font-face{font-family:"web-fonts";src:url("/_static/web-fonts//web-fonts.eot?#iefix") format("eot"),url("/_static/web-fonts//web-fonts.ttf") format("ttf"),url("/_static/web-fonts//web-fonts.woff") format("woff")}.component.header{z-index:2;position:relative}.component.header .logo-image img{max-width:50px;width:130px}.component.header .logo-group{padding-top:25px}.component.header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.component.header p{margin:0 0 0 10px;font-size:24px;color:var(--color-ingOrange);display:inline}.component.header .searchbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.component.header .search_box{padding:0 18px 0 0;margin:5px 0}.component.header .search_box .underline{float:left;position:relative;margin:4px 16px 0 0}.component.header .search_box input{font-size:15px;width:250px;padding:8px 10px;border:1px solid #a8a8a8}.component.header .search_box input::-webkit-input-placeholder{color:#767676}.component.header .search_box input::-moz-placeholder{color:#767676}.component.header .search_box input:-ms-input-placeholder{color:#767676}.component.header .search_box input::-ms-input-placeholder{color:#767676}.component.header .search_box input::placeholder{color:#767676}.component.header .search_box input:focus{outline:none}.component.header .search_box input:focus-visible{outline:2px solid #335D7D;outline-offset:-2px;-webkit-box-shadow:inset 0 0 0 3px white;box-shadow:inset 0 0 0 3px white;border-radius:6px}.component.header .search_box .search_btn{position:absolute;right:13px;top:13px}.component.header .search_box .search_btn:before{content:'';display:block;background:url("/_static/img/search_icon.0e76e12daf714815314d.png") no-repeat scroll 0 0 transparent;width:16px;height:16px;position:relative;top:-3px;right:-2px}.component.header .search_box .search_btn span{display:none}.component.header .search_box form{display:inline-block;width:100%;overflow:hidden;vertical-align:bottom}.component.header .social_icons{margin:14px 0 0 0}.component.header .social_icons ul{font-size:0}.component.header .social_icons ul li{vertical-align:middle;display:inline-block;margin-right:5px;width:24px;height:24px;background-image:url(/_file/icons/social-icons/footer_icons_sprite_tech.png);background-repeat:no-repeat;-webkit-transition:all, 0.3s, linear;-o-transition:all, 0.3s, linear;transition:all, 0.3s, linear;position:relative}.component.header .social_icons ul li a{position:relative;z-index:1;display:block;width:24px;height:24px}.component.header .social_icons ul li a:focus{outline:none}.component.header .social_icons ul li a:focus-visible{outline:2px solid #335D7D;outline-offset:-2px;-webkit-box-shadow:inset 0 0 0 3px white;box-shadow:inset 0 0 0 3px white;border-radius:6px}.component.header .social_icons ul .social_icon_twitter{background-position:-84px -28px}.component.header .social_icons ul .social_icon_twitter:hover{background-position:-84px 0}.component.header .social_icons ul .social_icon_meetup{background-position:-168px -28px}.component.header .social_icons ul .social_icon_meetup:hover{background-position:-168px 0}.component.header .social_icons ul .social_icon_rss{background-position:-140px -28px}.component.header .social_icons ul .social_icon_rss:hover{background-position:-140px -0}@media (min-width: 601px){.component.header .additives{float:right}.component.header .navi_panel{margin:35px 0 -5px 0}.component.header .navi_panel .menu_list{display:table;margin:20px 0 24px}.component.header .navi_panel .menu_list li{display:table-cell;padding:0 10px;vertical-align:top;border-right:1px solid #d9d9d9}.component.header .navi_panel .menu_list li:first-child{padding-left:0}.component.header .navi_panel .menu_list li a{color:var(--color-ingBlack);display:inline-block;-webkit-transition:all 0.125s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.125s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.125s cubic-bezier(0.4, 0, 0.2, 1)}}@media (min-width: 601px) and (prefers-reduced-motion: reduce){.component.header .navi_panel .menu_list li a{-webkit-transition:none;-o-transition:none;transition:none}}@media (min-width: 601px){.component.header .navi_panel .menu_list li a:hover{background:var(--color-bg-hover)}.component.header .navi_panel .menu_list li a:focus-visible:focus{outline:none}.component.header .navi_panel .menu_list li a:focus-visible:focus-visible{outline:2px solid var(--color-border-focus-outside);outline-offset:2px;-webkit-box-shadow:0 0 0 3px var(--color-border-focus-inside);box-shadow:0 0 0 3px var(--color-border-focus-inside);border-radius:1px}.component.header .navi_panel .menu_list li a:active{text-decoration:none;background-color:transparent}}@media (max-width: 600px){.component.header .header--techblog{padding:15px}.component.header .logo-group{padding-top:10px;padding-bottom:15px}.component.header .logo-group>.left{margin-top:0;position:absolute;top:15px;z-index:0}.component.header .additives{margin-top:16px;margin-bottom:16px}.component.header .submenu{clear:both;margin-top:35px;padding-bottom:20px;display:none;border-top:1px solid #d9d9d9}.component.header .menu_list li a{display:inline-block;width:100%;padding:12px 0;color:var(--color-ingBlack);font-weight:300}.component.header .navi_panel{margin-top:32px}.component.header .navi_panel .menu_list .node{border-top:1px solid #d9d9d9}.component.header .navi_panel .menu_list .node:last-child{border-bottom:1px solid #d9d9d9}.component.header .menu_icon{width:36px;height:34px;display:block}.component.header .menu_icon .icon_menu{position:relative;top:15px;display:block;width:100%;height:4px;background:var(--color-ingOrange);border-radius:2.5rem;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}.component.header .menu_icon .icon_menu:before,.component.header .menu_icon .icon_menu:after{content:'';position:absolute;display:block;height:4px;width:100%;left:0;z-index:-1;background:var(--color-ingOrange);border-radius:1rem;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;top:-10px}.component.header .menu_icon .icon_menu:before{top:10px}.component.header .menu_icon.ico_active .icon_menu{background:transparent}.component.header .menu_icon.ico_active .icon_menu:before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.component.header .menu_icon.ico_active .icon_menu:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}}