.recipe-info-bar{display:flex;height:-moz-fit-content;height:fit-content;min-height:2.5rem;width:100%;align-items:center;justify-content:space-between;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));padding:.25rem .75rem;font-size:.75rem;line-height:1rem}@media (min-width: 1024px){.recipe-info-bar{padding-left:1.25rem;padding-right:1.25rem}}.recipe-info-bar .recipe{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.recipe-info-bar .recipe .live{display:flex}.recipe-info-bar .recipe .live{animation:pulse 2s ease-in-out infinite;align-items:center;gap:.25rem;border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(190 18 60 / var(--tw-bg-opacity, 1));padding:.25rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(212 212 212 / var(--tw-text-opacity, 1))}.recipe-info-bar .recipe .live .icon{width:.75rem;height:.75rem}.recipe-container{display:grid;height:100%;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem 1rem 1.5rem}.recipe-container .action-link{grid-column:span 2 / span 2;display:flex;justify-content:center;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1));text-decoration-line:underline;text-underline-offset:4px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.recipe-container .action-link:hover{--tw-text-opacity: 1;color:rgb(229 229 229 / var(--tw-text-opacity, 1))}.recipe-container .recipe-wrapper{position:relative;display:flex;flex-direction:column;gap:.25rem}.recipe-container .recipe-wrapper .recipe-helper{font-size:.75rem;line-height:1rem;font-weight:600;--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}.recipe-container .recipe-wrapper .handle{position:absolute;top:.25rem;right:.25rem;height:calc(100% - .5rem);cursor:pointer;border-radius:.375rem;background-color:#17171799;padding:.25rem;opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@media (min-width: 1024px){.recipe-container .recipe-wrapper .handle{opacity:0}}.recipe-container .recipe-wrapper .handle:hover,.recipe-container .recipe-wrapper .handle.reorder-active{--tw-bg-opacity: 1;background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1));opacity:1}.recipe-container .recipe-wrapper:hover .handle{opacity:1}.recipe-container .recipe{position:relative;display:flex;height:4rem;width:100%;align-items:center;gap:.5rem;border-radius:.375rem;border-width:1px;border-color:#40404099;--tw-bg-opacity: 1;background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1));padding-left:.5rem;padding-right:.5rem;padding-bottom:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.recipe-container .recipe.active,.recipe-container .recipe:hover{border-color:#a78bfa99;background-color:#a78bfa33}.recipe-container .recipe.action-button{grid-column:span 2 / span 2;height:3rem;justify-content:center;padding-bottom:0}.recipe-container .recipe.disabled{pointer-events:none;cursor:not-allowed;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.4;--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@keyframes pulse{50%{opacity:.5}}.recipe-container .recipe.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.recipe-container .recipe.loading .image,.recipe-container .recipe.loading h3{opacity:0}.recipe-container .recipe .image{width:2rem;height:2rem;flex-shrink:0;overflow:hidden;border-radius:.375rem}.recipe-container .recipe h3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:.875rem;line-height:1.25rem;font-weight:600}.recipe-container .recipe .meta{position:absolute;bottom:.25rem;right:.25rem;display:flex;align-items:center;gap:.25rem}.recipe-container .recipe .meta .type-icon .icon{width:.75rem;height:.75rem}.recipe-container .recipe .meta .media-type{border-radius:.375rem;background-color:#17171799;padding:.25rem .5rem;font-size:.6rem;font-weight:600;--tw-text-opacity: 1;color:rgb(115 115 115 / var(--tw-text-opacity, 1))}