@keyframes slideup{0%{opacity:0;transform:translateY(20px)}25%{opacity:.25;transform:translateY(15px)}50%{opacity:.5;transform:translateY(10px)}75%{opacity:.75;transform:translateY(5px)}to{opacity:1}}@keyframes slideright{0%{opacity:0;transform:translate(-50px)}25%{opacity:.25;transform:translate(-35px)}50%{opacity:.5;transform:translate(-20px)}75%{opacity:.75;transform:translate(-5px)}to{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.remixer-container{flex-direction:column;align-items:center;padding:20px;display:flex}.remixer-container .remixer{box-sizing:border-box;border:8px solid var(--c-accent-secondary);background-color:var(--c-bg);border-radius:40px;width:70%;min-width:320px;height:85vh;display:flex}.remixer-container .remixer .remixer-sidebar{border-right:4px solid var(--c-accent-secondary);opacity:1;flex-direction:column;flex:3;padding:25px 0;transition:flex-grow .25s linear,opacity .15s linear .2s,-webkit-box-flex .25s linear,-ms-flex-positive .25s linear;display:flex;overflow:hidden}.remixer-container .remixer .remixer-sidebar>*{opacity:1;padding:0 25px}.remixer-container .remixer .remixer-sidebar.collapsed{opacity:0;border:none;flex-grow:0;transition:flex-grow .25s linear,-webkit-box-flex .25s linear,-ms-flex-positive .25s linear}.remixer-container .remixer .remixer-sidebar.collapsed>*{display:none}.remixer-container .remixer .remixer-sidebar .saved-recipes-list{height:calc(100% - 100px);padding-left:0;padding-right:0;overflow-y:auto}.remixer-container .remixer .remixer-sidebar .saved-recipes-list li{padding:0 25px}.remixer-container .remixer .remixer-sidebar .saved-recipes-list li.current-recipe{background-color:#ffffff4d}.remixer-container .remixer .remixer-sidebar .saved-recipes-list li:hover{cursor:pointer;background-color:#ffffff4d}.remixer-container .remixer .remixer-sidebar .close-sidebar-mobile{align-self:center;margin-top:10px;display:none}.remixer-container .remixer .remixer-sidebar .close-sidebar-mobile:hover{background-color:#ffffff4d}.remixer-container .remixer .remixer-chatbox{flex-direction:column;flex:5;justify-content:space-between;padding:25px;display:flex}.remixer-container .remixer .remixer-chatbox .remixer-display-container{flex:1;min-height:0;margin-bottom:10px;overflow:hidden}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls{text-align:center;justify-content:space-between;align-items:center;min-width:280px;max-width:100%;margin-bottom:20px;padding:5px;display:flex}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls h3{text-overflow:ellipsis;white-space:nowrap;width:auto;min-width:0;max-width:100%;height:1em;margin-left:5px;margin-right:5px;font-size:40px;transition:max-width .25s linear;overflow-y:hidden}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls .toggle-sidebar:not(.collapsed)~h3{max-width:400px;transition:max-width .25s linear}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls button{border:none;flex:1;max-width:50px;font-size:50px;line-height:50px}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls button.toggle-sidebar.collapsed{rotate:180deg}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls button:hover{background-color:#ffffff4d}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages{flex-direction:column;max-height:calc(100% - 4.5em);padding:0 10px 0 5px;display:flex;overflow-y:auto}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages:focus-visible{background-color:var(--c-bg-secondary);outline:none}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .loading-symbol-bot{justify-content:flex-start;margin-bottom:20px;padding:10px;display:flex}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .loading-symbol-bot .travelling-smile{width:30px;height:30px;animation:2s linear infinite rotate}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .loading-symbol-bot .travelling-smile .eyes{height:20px;color:var(--c-text);display:flex}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .loading-symbol-bot .travelling-smile svg{width:100%;height:100%;fill:var(--c-text)}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .loading-symbol-bot .travelling-smile svg path{stroke:var(--c-text)}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .loading-symbol-bot .travelling-smile svg fill{fill:var(--c-text)}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .loading-symbol-bot .travelling-smile a{cursor:default;pointer-events:none;-webkit-text-decoration:none;text-decoration:none}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message{word-wrap:break-word;word-wrap:break-word;border-radius:8px;width:auto;max-width:80%;margin-bottom:20px;padding:10px 10px 5px;display:block}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.bot{border:2px dashed var(--c-accent-secondary);align-self:flex-start;margin-right:30px}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.bot customized_recipe{flex-direction:column;gap:10px;margin-top:10px;margin-bottom:10px;display:flex}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.bot customized_recipe name{font-weight:700}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.bot ol,.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.bot ul{list-style:revert}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.bot:last-child .in-view .slide-in{opacity:0;animation:.5s linear forwards slideup;display:inline-block}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.bot:last-child .in-view .slide-over{opacity:0;animation:1s linear .5s forwards slideright;display:inline-block}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-messages .remixer-message.user{border:2px solid var(--c-accent-secondary);float:right;align-self:flex-end;margin-left:30px}.remixer-container .remixer .remixer-chatbox .remixer-input{background-color:var(--c-bg-secondary);border-radius:14px;justify-content:space-between;width:95%;height:2em;padding:10px;display:flex}.remixer-container .remixer .remixer-chatbox .remixer-input textarea{background-color:inherit;resize:none;width:85%;height:100%;color:var(--c-text);border:none;padding-left:5px}.remixer-container .remixer .remixer-chatbox .remixer-input textarea:focus-visible{outline:none}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px;width:90%;margin-bottom:10px;display:flex}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown{width:100%;min-width:200px;position:relative}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-input-container{align-items:center;display:flex;position:relative}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-input-container .recipe-dropdown-input{border:2px solid var(--c-accent-secondary);background-color:var(--c-bg);width:100%;color:var(--c-text);border-radius:8px;padding:5px 30px 5px 8px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-input-container .recipe-dropdown-toggle{color:var(--c-text);cursor:pointer;background:0 0;border:none;padding:4px 4px 0;position:absolute;right:8px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-list{z-index:10;background-color:var(--c-bg);border:2px solid var(--c-accent-secondary);border-radius:8px;min-width:200px;max-width:200px;max-height:240px;margin-top:4px;padding-left:0;position:absolute;overflow-x:scroll;box-shadow:0 2px 4px #0000001a}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-list .recipe-dropdown-item{cursor:pointer;padding:8px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-list .recipe-dropdown-item:hover{background-color:var(--c-bg-secondary)}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-list .recipe-dropdown-item:focus{background-color:var(--c-bg-secondary);outline:none}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-list .recipe-dropdown-empty{color:var(--c-text);padding:8px;font-style:italic}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .remixer-first-input{border:2px solid var(--c-accent-secondary);border-radius:8px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown-list::-webkit-scrollbar{width:8px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown-list::-webkit-scrollbar-track{background:var(--c-bg);border-radius:4px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown-list::-webkit-scrollbar-thumb{background:var(--c-accent-secondary);border-radius:4px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--c-accent-primary)}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown-container{gap:10px;display:flex}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container textarea{border:2px solid var(--c-accent-secondary);background-color:var(--c-bg);border-radius:8px;width:100%;padding-top:5px;padding-bottom:5px}.remixer-container .remixer .remixer-chatbox .remixer-input button{float:right;border:none;margin-left:5px;padding-top:5px}@media (max-width:768px){.remixer-container .remixer .remixer-chatbox .remixer-input button{padding-bottom:5px}}.remixer-container .remixer .remixer-chatbox .remixer-warning{margin-top:15px;font-size:10pt}@media (max-width:1200px){.remixer-container .remixer{width:85%}}@media (max-width:1024px){.remixer-container .remixer{border-width:6px;border-radius:25px;width:95%;height:90vh}.remixer-container .remixer .remixer-sidebar{padding:15px 0}.remixer-container .remixer .remixer-sidebar>*,.remixer-container .remixer .remixer-sidebar .saved-recipes-list li{padding:0 15px}.remixer-container .remixer .remixer-chatbox{padding:15px}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls{margin-bottom:15px}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls .toggle-sidebar:not(.collapsed)~h3{max-width:30vw}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls button{width:40px;font-size:40px;line-height:40px}}@media (max-width:768px){.remixer-container .remixer{border-width:4px;border-radius:15px;width:100%;position:relative}.remixer-container .remixer.sidebar-open:before{content:"";z-index:1;background:#0000004d;position:fixed;inset:0}.remixer-container .remixer .remixer-sidebar{background:var(--c-bg);z-index:2;border:4px solid var(--c-accent-secondary);border-radius:15px;width:300px;height:300px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.remixer-container .remixer .remixer-sidebar.collapsed{display:none}.remixer-container .remixer .remixer-sidebar .close-sidebar-mobile{display:block}.remixer-container .remixer .remixer-chatbox{z-index:0;flex:1;padding:8px}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls{min-width:100px;padding:2px}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls h3{max-width:50vw;font-size:40px}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls .toggle-sidebar:not(.collapsed)~h3{max-width:50vw}.remixer-container .remixer .remixer-chatbox .remixer-display-container .remixer-controls button{max-width:40px;font-size:40px;line-height:40px}.remixer-container .remixer .remixer-chatbox .remixer-messages{padding:0 5px}.remixer-container .remixer .remixer-chatbox .remixer-messages .remixer-message{max-width:95%;padding:8px}.remixer-container .remixer .remixer-chatbox .remixer-input{width:92%}.remixer-container .remixer .remixer-chatbox .remixer-input textarea{width:80%}.remixer-container .remixer .remixer-chatbox .remixer-input.remixer-input:has(.recipe-dropdown){height:5em}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container{flex-direction:column;justify-content:space-between;gap:5px;width:80%}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .remixer-first-input{min-height:27px}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown{width:100%;min-width:0;min-width:initial}.remixer-container .remixer .remixer-chatbox .remixer-input .remixer-first-input-container .recipe-dropdown .recipe-dropdown-list{min-width:0;min-width:initial;max-width:100%}.remixer-container .remixer .remixer-chatbox .remixer-warning{margin-top:10px}}@media (max-width:375px){.remixer-container{padding:10px}.remixer-container .remixer{border-width:3px;border-radius:10px}.remixer-container .remixer .remixer-sidebar{width:90%;height:250px}.remixer-container .remixer .remixer-chatbox .remixer-controls h3{font-size:20px}.remixer-container .remixer .remixer-chatbox .remixer-controls button{max-width:24px;font-size:24px;line-height:24px}}.remixer-page>section>h2{text-align:center;margin-bottom:25px}