@font-face{font-family:Always Together;src:url(/assets/Always%20Together-BUTgEGJQ.otf) format("opentype")}body{overflow:hidden;margin:0}*{font-family:Always Together;font-size:16px}::-webkit-scrollbar{display:none}.panel-content{color:#fff;position:fixed;padding-top:60px;padding-left:20px;width:300px;height:100%;left:-100%;top:0;z-index:1;background-color:#333c;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:left .2s ease-in-out}.panel-content.open{left:0}.toggle-button{position:fixed;top:15px;left:15px;background-color:#333;color:#fff;border:none;padding:3px 6px 0;cursor:pointer;z-index:2;font-size:36px;border-radius:5px;transition:left .2s ease-in-out}p#title{position:fixed;top:0;left:0;margin:25px;color:#fff;font-size:44px}.panel-content.open~.toggle-button{left:255px}.toggle-button:hover{background-color:#222}.performance-mode-toggle{position:fixed;height:20px;bottom:80px;left:20px;background-color:#333;color:#fff;padding:10px 10px 6px;border-radius:5px;z-index:2;display:flex;align-items:center}.performance-mode-toggle label{margin-right:10px;font-size:16px}.performance-mode-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer}.select{flex-grow:1;height:35px;padding:7px 20px 4px 10px;margin-right:10px;font-size:16px;background-color:#333;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:10px}select:hover{background-color:#222}.signin,.apply{color:#fff;background-color:#333;width:60px;height:35px;float:right;border-radius:10px;border:1px solid white;cursor:pointer}.apply:hover{background-color:#222}hr#header-break{float:left;width:280px}hr#header-break-padded{float:left;width:280px;margin-top:10px;margin-bottom:10px}.collapsible{position:relative;background-color:#333;color:#fff;cursor:pointer;padding:12px 12px 6px;margin-top:10px;width:calc(100% - 20px);border:none;text-align:left;outline:none;font-size:24px;border-radius:10px}.active,.collapsible:hover{background-color:#222}.active{border-bottom-left-radius:0;border-bottom-right-radius:0}.content{padding:10px;display:none;background-color:#22222280;width:calc(100% - 40px);border-bottom-left-radius:10px;border-bottom-right-radius:10px;flex-direction:column;align-items:flex-start;gap:10px}.content .select-apply{flex-direction:row;width:100%;display:flex}.collapsible:after{content:"▼";font-size:13px;color:#fff;float:right}.active:after{content:"▲";border-radius:0}.form-container{display:flex;align-items:center;gap:10px;width:calc(100% - 20px);box-sizing:border-box}.textbox{flex-grow:1;border-radius:10px;height:40px;background-color:#333;font-size:18px;line-height:18px;padding-top:5px;padding-left:10px;border:1px solid #ccc;color:#fff;box-sizing:border-box}.signin{border-radius:10px;background-color:#333;color:#fff;border:none;height:40px;cursor:pointer;border:1px solid white}.disabled{opacity:.5;cursor:not-allowed}.signin:hover{background-color:#222}#variations{display:none;flex-wrap:wrap;gap:10px;justify-content:left;width:100%;box-sizing:border-box}.variation-button{padding:10px;font-size:16px;cursor:pointer;border:2px solid #ccc;border-radius:50%;text-align:center;flex-shrink:1;width:15%;aspect-ratio:1}.variation-button:hover{opacity:.8}.slider-container{position:relative;margin:0}p{font-size:24px;margin-bottom:0;margin-left:5px;margin-top:0}.slider{display:flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:30px;background:#22222280;border:2px solid #333;border-radius:15px;outline:none;margin-bottom:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#fff;border-radius:50%;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;background:#333;border-radius:50%;cursor:pointer}.outer-circle{width:100px;height:100px;border:2px solid white;border-radius:50%;position:relative;background-color:#22222280;margin-left:20px;display:flex;top:30px}.inner-circle{width:25px;height:25px;background-color:#fff;border-radius:50%;position:absolute;top:52px;left:15px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.container{display:flex;width:100%;height:100%}