.background-selector{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.background-selector__button{width:50px;height:50px;border-radius:50%;background:#ffffffe6;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #00000026;position:relative}.background-selector__button:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003;background:#fff}.background-selector__button:active{transform:scale(.95)}.background-selector__button:focus{outline:none;border:0}.background-selector__button.is-open{background:#000c}.background-selector__button.is-open svg{fill:#fff}.background-selector__button svg{width:24px;height:24px;fill:#000000b3;transition:fill .2s ease}.background-selector__tooltip{position:absolute;bottom:100%;right:0;margin-bottom:8px;padding:6px 12px;background:#000c;color:#fff;font-size:12px;white-space:nowrap;border-radius:4px;pointer-events:none;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}.background-selector__button:hover .background-selector__tooltip{opacity:1;transform:translateY(0)}.background-selector__button.is-open .background-selector__tooltip{display:none}.background-selector__menu{position:absolute;bottom:100%;right:0;margin-bottom:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:8px;min-width:140px;animation:slideUp .3s ease-out}.background-selector__menu.is-closing{animation:slideDown .3s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.background-selector__item{display:flex;flex-direction:row;align-items:center;padding:6px 10px;border-radius:9999px;cursor:pointer;transition:all .2s ease;margin-bottom:12px;background:#fffffff2;box-shadow:0 4px 4px #0003;min-width:180px;animation:slideInFromRight .3s ease-out forwards;opacity:0}.background-selector__item.is-closing{animation:slideOutToRight .3s ease-out forwards;opacity:1}.background-selector__item:last-child{margin-bottom:0}.background-selector__item:hover{background:#ffffffb3;transform:translate(-2px)}.background-selector__item.is-active{background:#ffffff80;border:2px solid #fff}.background-selector__item:nth-last-child(1){animation-delay:.05s}.background-selector__item:nth-last-child(2){animation-delay:.1s}.background-selector__item:nth-last-child(3){animation-delay:.15s}.background-selector__item:nth-last-child(4){animation-delay:.2s}.background-selector__item:nth-last-child(5){animation-delay:.25s}.background-selector__item:nth-last-child(6){animation-delay:.3s}.background-selector__item:nth-last-child(7){animation-delay:.35s}.background-selector__item:nth-last-child(8){animation-delay:.4s}.background-selector__item:nth-last-child(9){animation-delay:.45s}.background-selector__item:nth-last-child(10){animation-delay:.5s}.background-selector__item.is-closing:nth-child(1){animation-delay:.05s}.background-selector__item.is-closing:nth-child(2){animation-delay:.1s}.background-selector__item.is-closing:nth-child(3){animation-delay:.15s}.background-selector__item.is-closing:nth-child(4){animation-delay:.2s}.background-selector__item.is-closing:nth-child(5){animation-delay:.25s}.background-selector__item.is-closing:nth-child(6){animation-delay:.3s}.background-selector__item.is-closing:nth-child(7){animation-delay:.35s}.background-selector__item.is-closing:nth-child(8){animation-delay:.4s}.background-selector__item.is-closing:nth-child(9){animation-delay:.45s}.background-selector__item.is-closing:nth-child(10){animation-delay:.5s}.background-selector__item.is-active .background-selector__preview{border-color:#0006;box-shadow:0 0 0 2px #0000001a}.background-selector__preview{width:20px;height:20px;border-radius:50%;margin-right:10px;transition:all .2s ease}.background-selector__item:hover .background-selector__preview{border-color:#0003}.background-selector__name{font-size:12px;font-weight:500;color:#000c;text-align:center}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#2c2248,#4d4467)}#root{width:100%;height:100%}canvas{display:block;outline:none;cursor:default}.ketchup-loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#2c2248,#4d4467);z-index:9999;transition:opacity .8s ease-out}.ketchup-loader.exiting{animation:fadeOutQuick .8s ease-out forwards}@keyframes fadeOutQuick{to{opacity:0;pointer-events:none}}.bottle-container{position:relative;width:450px;height:635px;display:flex;justify-content:center;align-items:center}.loader-bottle-layers{position:relative;width:100%;height:100%;filter:drop-shadow(0 10px 30px rgba(0,0,0,.3))}.loader-layer{position:absolute;top:0;left:0;width:100%;height:100%}.loader-svg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.loader-svg-mask-element{transition:transform .3s ease-out}.ketchup-loader.complete .loader-bottle-layers{animation:bounce .6s ease-out}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-20px) scale(1.05)}50%{transform:translateY(0) scale(.95)}75%{transform:translateY(-10px) scale(1.02)}}.particles{position:absolute;top:82%;left:45%;width:0;height:0;pointer-events:none}.particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#e74c3c,#c0392b);border-radius:50%;box-shadow:0 0 10px #e74c3c99;animation:explode 1s ease-out forwards;animation-delay:var(--delay);opacity:0}@keyframes explode{0%{transform:translate(0) scale(0);opacity:1}50%{opacity:.7}to{transform:translate(calc(cos(var(--angle)) * var(--distance)),calc(sin(var(--angle)) * var(--distance))) scale(1.5);opacity:0}}.loader-text-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;filter:contrast(25)}.loader-text-svg{position:absolute;top:0;left:0;width:100%;height:100%}.loader-text-loading{opacity:1;filter:blur(0px)}.loader-text-start{opacity:0}.loader-text-loading.morphing{animation:fadeOutWord 1s ease-in-out forwards}.loader-text-start.morphing{animation:fadeInWord 1s ease-in-out forwards}@keyframes fadeOutWord{0%{filter:blur(0px);opacity:1}to{filter:blur(5px);opacity:0}}@keyframes fadeInWord{0%{filter:blur(5px);opacity:0}to{filter:blur(0px);opacity:1}}.loader-start-button{position:absolute;top:0;left:0;width:100%;height:100%;background:none;border:none;cursor:pointer;z-index:10;pointer-events:none}.loader-start-button.visible{pointer-events:auto}.loader-text-start{transition:opacity .4s ease,transform .1s ease}.loader-text-start.hovering{opacity:.5!important;transform:translateY(-2px)!important}