.screen-bar[data-v-3b984d66]{display:flex;flex-wrap:wrap;align-items:center;gap:1em;padding-inline:1em}.screen-bar>div[data-v-3b984d66]:nth-of-type(1){font-weight:700}.screen-bar .select-bar[data-v-3b984d66]{padding:0;margin:.5em;display:flex;flex-wrap:wrap;gap:.5em}.screen-bar .select-bar>li[data-v-3b984d66]{list-style:none;transition:all .3s ease;padding:.5em;cursor:pointer;border-radius:.2em;border:1px solid #c8c8c8;background-color:#fff;color:#000}.screen-bar .select-bar>li.active[data-v-3b984d66]{border:1px solid black;background-color:#000;color:#fff}.screen-bar .select-bar>li[data-v-3b984d66]:hover{box-shadow:0 0 5px gray}.props-container[data-v-3b984d66]{padding:1em;background-color:#f3f3f3}.props-container>div+div[data-v-3b984d66]{margin-top:1em}.detail-label[data-v-3b984d66]{font-weight:700}.recipe-note[data-v-3b984d66]{margin:1em;padding:.75em 1em;border-left:4px solid #999;background-color:#f7f7f7;color:#555}