.oauth-buttons.svelte-1okb6pg{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.oauth-button.svelte-1okb6pg{display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:5px;cursor:pointer;background-color:transparent;aspect-ratio:1;height:10vh}.oauth-button.svelte-1okb6pg:hover{opacity:.9;transform:scale(1.02);transition:all .2s ease}.oauth-img.svelte-1okb6pg{width:100%;height:100%;object-fit:contain;border-radius:5px}.login-box.svelte-lv5r6u{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:350px;padding:20px;gap:15px}.login-box.svelte-lv5r6u h2:where(.svelte-lv5r6u){margin-bottom:20px;color:#5a3e2a;font-size:1.5rem}.login-box.svelte-lv5r6u input:where(.svelte-lv5r6u){width:100%;padding:12px;margin-bottom:10px;border:1px solid #d4b18c;border-radius:5px;background-color:#f5e7c1;color:#5a3e2a;font-size:1rem}.login-box.svelte-lv5r6u button:where(.svelte-lv5r6u){width:100%;padding:12px;background-color:#d4b18c;color:#5a3e2a;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:10px}.login-box.svelte-lv5r6u button:where(.svelte-lv5r6u):hover{background-color:#b39a7d}.oauth-container.svelte-lv5r6u{width:100%;margin-top:10px}.oauth-divider.svelte-lv5r6u{text-align:center;margin:10px 0;color:#5a3e2a;font-size:.9rem;position:relative}.oauth-divider.svelte-lv5r6u:before,.oauth-divider.svelte-lv5r6u:after{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:#d4b18c}.oauth-divider.svelte-lv5r6u:before{left:0}.oauth-divider.svelte-lv5r6u:after{right:0}.register-box.svelte-nfedcm{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:350px;padding:20px;gap:15px}.register-box.svelte-nfedcm h2:where(.svelte-nfedcm){margin-bottom:20px;color:#5a3e2a;font-family:Times New Roman,Times,serif;font-size:1.5rem}.register-box.svelte-nfedcm input:where(.svelte-nfedcm){width:100%;padding:12px;margin-bottom:10px;border:1px solid #d4b18c;border-radius:5px;background-color:#f5e7c1;color:#5a3e2a;font-family:Times New Roman,Times,serif;font-size:1rem}.register-box.svelte-nfedcm button:where(.svelte-nfedcm){width:100%;padding:12px;background-color:#d4b18c;color:#5a3e2a;border:none;border-radius:5px;cursor:pointer;font-family:Times New Roman,Times,serif;font-size:1rem;font-weight:500;margin-bottom:10px}.register-box.svelte-nfedcm button:where(.svelte-nfedcm):hover{background-color:#b39a7d}.oauth-container.svelte-nfedcm{width:100%;margin-top:10px}.oauth-divider.svelte-nfedcm{text-align:center;margin:10px 0;color:#5a3e2a;font-size:.9rem;font-family:Times New Roman,Times,serif;position:relative}.oauth-divider.svelte-nfedcm:before,.oauth-divider.svelte-nfedcm:after{content:"";position:absolute;top:50%;width:45%;height:1px;background-color:#d4b18c}.oauth-divider.svelte-nfedcm:before{left:0}.oauth-divider.svelte-nfedcm:after{right:0}.logged-in-message.svelte-55lwbk{padding:20px;text-align:center;font-size:1.2em;color:#000}.button-container.svelte-55lwbk{display:flex;justify-content:center;gap:10px;margin-top:20px}.play-button.svelte-55lwbk,.logout-button.svelte-55lwbk{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em}.play-button.svelte-55lwbk{background-color:#4caf50;color:#fff}.logout-button.svelte-55lwbk{background-color:#f44336;color:#fff}.fullscreen-image-container.svelte-1uha8ag{width:100%;height:100vh;overflow:hidden}.overlay-box.svelte-1uha8ag{background-color:#f5e7c1f2;border-radius:10px;padding:30px;width:400px;max-width:450px;box-shadow:0 4px 15px #0003;border:1px solid #d4b18c;position:absolute;top:50%;right:5%;transform:translateY(-50%);z-index:10}.tab-container.svelte-1uha8ag{display:flex;width:100%;margin-bottom:20px}.tab-button.svelte-1uha8ag{flex:1;padding:10px;background-color:transparent;border:none;color:#5a3e2a;font-size:1.1rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .3s ease}.tab-button.svelte-1uha8ag:last-child{margin-right:0}.tab-button.active.svelte-1uha8ag{border-bottom:2px solid #5a3e2a;font-weight:700}.fullscreen-image-container.svelte-1uha8ag{position:relative;width:100vw;height:100vh;overflow:hidden}.fullscreen-image.svelte-1uha8ag{width:100%;height:100%;object-fit:cover}.content-below-image.svelte-1uha8ag{padding:2rem;background:#fff}.tab-container.svelte-1uha8ag{display:flex;margin-bottom:20px}.tab-button.svelte-1uha8ag{flex:1;padding:10px;background-color:#d4b18c;border:none;border-radius:5px;cursor:pointer;color:#5a3e2a;font-family:Times New Roman,Times,serif}.tab-button.active.svelte-1uha8ag{background-color:#b39a7d;color:#5a3e2a}.promo-image.svelte-1uha8ag{position:absolute;left:10%;top:50%;transform:translateY(-50%);width:40%;height:auto;z-index:1}.mobile-container.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;padding:20px;box-sizing:border-box}.mobile-promo-image.svelte-1uha8ag{width:80%;max-width:300px;margin-bottom:30px;z-index:10}.mobile-overlay.svelte-1uha8ag{width:90%;max-width:400px;position:relative;transform:none;top:auto;right:auto;margin-bottom:20px}@media(max-width:768px){.promo-image.svelte-1uha8ag{display:none}.overlay-box.svelte-1uha8ag:not(.mobile-overlay){display:none}}