:root{--main-core-size:300px;--main-halo-size:600px;--dial-size:100;--background-color:var(--background-color,#000);--font-color:var(--text-color,#fff);--interface-color:var(--color-accent);--dial-angle:0deg;--dial-rotation:-90deg;--clock-size:.1;--eye-pos-top:0px;--eye-pos-left:0px}.interactive-dial-container.svelte-1jnnehl{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);justify-content:center;align-items:center;font-family:Lora,serif;display:flex;position:relative;overflow:hidden}.core-main.svelte-1jnnehl{height:100vh;height:calc(var(--vh,1vh) * 100);vertical-align:middle;width:100%;transform:rotate(calc(-1*var(--dial-rotation)));opacity:.4;margin:auto;transition:all .8s ease-in-out;display:inline-block;position:absolute;top:0%;bottom:0%}.core.svelte-1jnnehl{color:var(--background-color);background:var(--main-core-size);opacity:.3;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;animation:.3s linear infinite svelte-1jnnehl-core-gradient;display:flex;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.core-01.svelte-1jnnehl{width:calc(var(--main-core-size) - 50px);height:calc(var(--main-core-size) - 50px);background:0 0}.core-02.svelte-1jnnehl{background:var(--interface-color);opacity:1;width:15px;height:15px;position:absolute}.core-03.svelte-1jnnehl{opacity:1;background:0 0;border-radius:50%;width:75px;height:75px;position:absolute;inset:50% 0 0 50%}.core-04.svelte-1jnnehl{width:calc(var(--main-core-size) + 300px);height:calc(var(--main-core-size) + 300px);opacity:1;background:#4343431f;border-width:1px;border-color:#e8ff00;border-radius:50%;position:absolute;inset:50% 0 0 50%}.circle-ripple.svelte-1jnnehl{width:calc(var(--main-core-size) - 50px);height:calc(var(--main-core-size) - 50px);filter:grayscale();border-radius:50%;transition:all 1.6s ease-in-out;position:absolute;inset:50% 0 0 50%;transform:translate(-50%,-50%)}.dial.svelte-1jnnehl{opacity:1;z-index:100;background:0 0;border-width:0;border-radius:50%;width:100px;height:100px;font-size:16px;transition:all .5s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.dial.main.svelte-1jnnehl{color:var(--font-color);z-index:9999;opacity:1;cursor:pointer;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dial.main.svelte-1jnnehl:hover{transform:translate(-50%,-50%)scale(1.1)}.circle-container.svelte-1jnnehl{z-index:100;width:200px;height:200px;transform:scale(calc(var(--dial-size) / 100)) rotate(calc(var(--dial-rotation)));transform-origin:50%;border-radius:50%;margin-top:-100px;margin-left:-100px;transition:all 1.3s ease-in-out;position:absolute;top:50%;left:50%}.circle-container-large.svelte-1jnnehl{opacity:.1;width:400px;height:400px;transform:scale(calc(var(--dial-size) / 100));border-radius:50%;transition:all .9s ease-in-out;animation-delay:.3s;position:absolute}.dial-box.svelte-1jnnehl{cursor:pointer;width:auto;height:auto;color:var(--interface-color);pointer-events:auto;z-index:200;transform:translate(var(--x-pos), var(--y-pos));transition:all .3s;display:block;position:absolute;top:50%;left:50%}.dial-unit.svelte-1jnnehl{transform:translate(-50%, -50%) rotate(calc(var(--slot-angle) + 90deg));opacity:1;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px;transition:all 1.1s ease-in-out,filter .3s;display:flex;position:relative;box-shadow:0 2px 8px #0003}.dial-unit.svelte-1jnnehl:hover{opacity:1;transform:translate(-50%, -50%) rotate(calc(var(--slot-angle) + 90deg)) scale(1.1);filter:brightness(1.2)}.selected-dial.svelte-1jnnehl{color:var(--interface-color);z-index:1;pointer-events:none;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:center;padding:24px 40px;display:flex;position:absolute;inset:0}.dots-box.svelte-1jnnehl{width:calc(2 * var(--main-core-size));height:calc(2 * var(--main-core-size));opacity:0;animation-delay:1.5s;animation-fill-mode:forwards;position:absolute}@keyframes svelte-1jnnehl-core-gradient{0%{background-position:0%}to{background-position:100%}}@keyframes svelte-1jnnehl-fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn.svelte-1jnnehl{animation:.8s ease-in svelte-1jnnehl-fadeIn}@media screen and (width<=800px){:root{--background-color:var(--background-color,#000);--interface-color:var(--color-accent);--dial-angle:0deg;--eye-pos-top:0px;--eye-pos-left:0px;--clock-size:1;--dial-rotation:-90deg}.dial.svelte-1jnnehl{z-index:11;font-size:16px;transform:translate(-50%,-50%)scale(.75)}}