/*
 * This file is a part of InfiniBrowser — https://infinibrowser.wiki/
 * Copyright (c) zeroptr. All rights reserved.
 */
.s{display:grid;grid-template-columns:1fr max-content 1fr}#resize_bar{width:8px;margin-left:8px;border-left:2px solid #888;margin-right:4px;cursor:ew-resize}.recipes{overflow-x:auto;height:max-content;position:relative;counter-reset:stepno}input,textarea{resize:none;font-size:1rem;font-family:inherit;border:1px solid #525252;border-radius:4px;background:0 0;padding:8px;min-width:0;color:#fff}textarea{line-height:38px;overflow-y:hidden;padding:0 8px;width:100%}.input{display:flex;align-items:center;align-content:center;gap:8px}.input input{flex-grow:1}.ibtn{color:transparent;opacity:1;font-weight:900}.item{animation:none}.item span:nth-of-type(2){margin:0}.item input{border:0;border-radius:0;outline-offset:2px;padding:0;margin:0}.recipes li{flex-wrap:nowrap}.recipes li.moving{opacity:.5}.recipes li:hover .ibtn{color:#888}.recipes li::before{content:counter(stepno) ".";counter-increment:stepno;margin-right:8px}.move_step{margin-top:-2px;cursor:move}.remove_step{font-weight:300}.ibtn:hover{color:#fff!important}.remove_step:hover{color:#faa!important}#item_list{display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}#item_list>div{display:flex;align-items:center;align-content:center;border:1px solid #525252;overflow-x:auto;border-radius:4px;padding:4px 8px 4px 4px;gap:8px}#item_list input{background:#131315;padding:4px}#reorder_btn{--color:hsl(20, 60%, 46%);--darker-color:hsl(20, 50%, 35%)}#reorder_btn:focus,#reorder_btn:hover{--color:hsl(20, 50%, 36%);--darker-color:hsl(20, 40%, 25%)}.btns,.view{display:flex;gap:8px}.view{margin-left:auto}.resizing,.resizing *{cursor:ew-resize}