@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";:root{--background-color: #efefef;--text-color: #000000;--font-family: "Outfit", sans-serif}@media (prefers-color-scheme: dark){:root{--background-color: #121212;--text-color: #efefef}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family);font-size:62.5%;line-height:1.5;font-weight:400;text-align:center;transition:background-color .3s,color .3s;overflow:hidden}#app{height:100%;width:100%}.app-container{min-height:100vh;display:flex;flex-direction:column}main{flex:1;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:2rem;scroll-behavior:smooth;font-size:1.6rem}.heading-title{font-size:3rem;margin:5rem 1rem 2rem;text-align:center}nav{font-size:2rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.nav-item{background-color:var(--background-color);color:var(--text-color);all:unset;padding:1rem 2rem;margin:1rem;border-radius:4px;text-decoration:none;transition:transform .3s ease,font-weight .3s ease,background-color .3s ease;cursor:pointer}.nav-item:hover{font-weight:600;transform:translateY(-5px);background-color:var( --hover-background-color, #333 )}.nav-selected{font-weight:600;font-size:2.3rem}footer{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;font-size:2.4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;width:100%;height:fit-content}footer a{background-color:transparent;color:var(--text-color);margin:0 2rem;padding:.5rem 1rem;border-radius:10px;text-decoration:none;transition:transform .5s ease,font-weight .5s ease,color .3s ease}footer a:hover{color:var(--text-color);font-weight:600;transform:translateY(-3px);cursor:pointer}.modal{position:fixed;bottom:10%;background-color:#ffffffe6;padding:15px 25px;box-shadow:0 5px 10px #0000001c;border-radius:20px;color:#000;font-size:1.4rem;text-align:center;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translate(-50%) translateY(10px)}.modal.show{opacity:1;transform:translate(-50%) translateY(0)}.miniature-mobile{display:flex;flex-direction:column;gap:2rem;margin-bottom:8rem}@media (max-width: 768px){body{overflow:auto}.heading-title{display:none}main{padding:1.5rem;font-size:1.4rem}nav{padding-top:2.5rem}.nav-selected{font-size:1.6rem}.nav-item:hover{transform:none;background-color:none}.nav-item{font-size:2rem;padding:1rem 1.5rem;margin:.5rem 0}footer{font-size:2rem}}@media (min-width: 1920px) and (max-width: 2559px){main{padding:3rem;font-size:1.8rem}}@media (min-width: 3840px){.heading-title{font-size:3.6rem}main{padding:5rem;font-size:1.4rem}}#simulation,#brandsimulation{width:1920px;height:1000px}.tiktok-gallery{display:grid;gap:20px;padding:20px;max-width:1200px;margin:0 auto}.ig-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.tiktok-embed{width:100%;min-width:300px;max-width:400px;margin:0 auto}@media (max-width: 768px){.tiktok-gallery{grid-template-columns:1fr}}.carousel-container{position:relative;display:flex;align-items:center;justify-content:center;bottom:10vh;width:100%;max-width:400px;height:fit-content;margin:5vh auto;border-radius:20px}.carousel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.carousel-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.video-info{position:absolute;bottom:10px;left:10px;color:#fff;text-decoration:none;background:#00000080;padding:5px 10px;border-radius:5px}.video{width:100%;height:90%;object-fit:cover;border-radius:15px;box-shadow:0 4px 10px #0003}.video-info:hover{text-decoration:underline}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20height='800px'%20width='800px'%20version='1.1'%20id='Icons'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%2032%2032'%20xml:space='preserve'%3e%3cpath%20d='M16,2C8.3,2,2,8.3,2,16s6.3,14,14,14s14-6.3,14-14S23.7,2,16,2z%20M19.7,16.7l-5,5C14.5,21.9,14.3,22,14,22s-0.5-0.1-0.7-0.3%20c-0.4-0.4-0.4-1,0-1.4l4.3-4.3l-4.3-4.3c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5,5C20.1,15.7,20.1,16.3,19.7,16.7z'/%3e%3c/svg%3e") no-repeat center center;background-size:contain;border:none;cursor:pointer;transition:transform .3s ease,filter .3s ease}.carousel-button:hover{transform:scale(1.1);filter:brightness(0) saturate(100%) invert(50%) sepia(100%) saturate(500%) hue-rotate(200deg) brightness(1.2)}.carousel-button.prev{display:block;left:-6rem;transform:translateY(-50%) scaleX(-1)}.carousel-button.next{right:-6rem;transform:translateY(-50%)}.carousel-button{filter:brightness(0) saturate(100%) invert(50%) saturate(500%) hue-rotate(200deg) brightness(1.2)}.thumbnail-item.svelte-1wsyl8k{transition:transform .2s ease-in,box-shadow .2s ease-in}.thumbnail-item.svelte-1wsyl8k img:where(.svelte-1wsyl8k){object-fit:cover;width:100%;height:100%;display:block}.carousel-container-mobile.svelte-ou1n8y{position:relative;width:100%;height:calc(100vh - var(--header-height) - var(--footer-height));overflow:hidden}.carousel-mobile.svelte-ou1n8y{display:flex;flex-direction:column;width:100%;height:100%;transform:translateY(0);transition:transform .3s ease-in-out}.carousel-item-mobile.svelte-ou1n8y{flex:0 0 100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--available-height)}.video-mobile.svelte-ou1n8y{width:100%;height:100%;object-fit:cover}.video-info.svelte-ou1n8y{position:absolute;bottom:10px;left:10px;color:#fff;text-decoration:none;background:#00000080;padding:5px 10px;border-radius:5px}
