.search-shell{display:flex;align-items:center;justify-content:flex-end;width:42px;height:42px;position:relative;transition:width .3s ease}.search-shell input{position:absolute;right:4px;width:38px;height:38px;opacity:0;pointer-events:none;background:#141414;border:1px solid #383838;border-radius:20px;color:#fff;padding:0 42px 0 15px;outline:none;transition:width .3s ease,opacity .2s ease,border-color .2s ease}.search-shell.open{width:min(310px,28vw)}.search-shell.open input{width:100%;opacity:1;pointer-events:auto}.search-shell input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,25,32,.12)}.search-shell .icon-btn{position:relative;z-index:2;width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:50%}.search-shell.open .icon-btn{color:var(--red2)}@media(max-width:760px){.search-shell.open{position:absolute;right:65px;width:calc(100% - 155px);background:#080808}.search-shell.open input{background:#111}}
.search-icon span{position:relative;width:17px;height:17px;border:2px solid currentColor;border-radius:50%;display:block}.search-icon span:after{content:"";position:absolute;width:7px;height:2px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(45deg);border-radius:2px}.hamb span,.hamb span:before,.hamb span:after{display:block;width:21px;height:2px;background:currentColor;border-radius:2px}.hamb span{position:relative}.hamb span:before,.hamb span:after{content:"";position:absolute;left:0}.hamb span:before{top:-7px}.hamb span:after{top:7px}@media(max-width:900px){.search-shell{margin-left:auto}.subscribe{margin-left:0}.hamb{flex:0 0 40px;display:grid;place-items:center}.nav{justify-content:flex-start}}@media(max-width:560px){.search-shell.open{right:60px;width:calc(100% - 130px)}.nav>.logo{margin-right:auto}.search-shell{margin-left:0}}