:root{--white: #ffffff;--black: #000000}:root{--color-background: var(--white)}@media (prefers-color-scheme: dark){:root{--color-text: var(--black)}}*,*:before,*:after{box-sizing:border-box;margin:0}@font-face{font-family:Luckiest Guy;font-weight:400;font-display:swap;font-style:normal;src:url(/prica/nora-u-svijetu-boja/fonts/LuckiestGuy-Regular.woff2) format("woff2")}@font-face{font-family:NotoSansGeorgian;font-style:normal;font-weight:700;font-display:swap;src:url(/prica/nora-u-svijetu-boja/fonts/NotoSansGeorgian-Bold.woff2) format("woff2")}@font-face{font-family:NotoSansGeorgian;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/NotoSansGeorgian-Medium.woff2) format("woff2")}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.3;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ff-v1{font-family:Luckiest Guy,cursive}.ff-v2{font-family:NotoSansGeorgian,sans-serif}.mb-6{margin-bottom:1.5rem}.font-thin{font-weight:100}.input-line{background-color:transparent;border:none;border-bottom:2px solid #000}.back-btn{left:0}.preloader{top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:9999}.opacity:after{position:absolute;content:"";left:0;right:0;top:0;z-index:1;height:100dvh;width:100%;background-color:#ffffffb3}.relative{position:relative}.z-1{z-index:1}.z-2{z-index:2}.slide-wrapper{width:100%;height:100dvh}.scene{top:0;left:0;width:100%;height:100dvh;background-size:cover;will-change:transform;font-size:1.25rem;background-position:-55vw center}.bg-variation{text-shadow:0px 0px 13px #ffffff}.hidden{overflow:hidden}.font-size{font-size:1.5rem}@media only screen and (min-width: 667px){.scene{background-position:center center}}@media only screen and (min-width: 1280px){.font-size{font-size:1.5rem}}@media only screen and (min-width: 1400px){.font-size{font-size:1.8rem}}@media only screen and (min-width: 1800px){.font-size{font-size:2.25rem}}@media only screen and (max-width: 400px){.font-size--v1{font-size:1rem}}.flex-center{align-items:center;text-align:center}.wrapper-v1{padding:1rem;width:100%;z-index:5}.cutom-tlp{margin-bottom:0}.gap-5{gap:1.25rem}.bg-black-transparent{background-color:#000000b3;padding:20px}@media only screen and (min-width: 470px){.wrapper-v1{width:90%}}@media only screen and (min-width: 640px){.wrapper-v1{width:75%}.cutom-tlp{margin-bottom:40px}}@media only screen and (min-width: 1280px){.wrapper-v1{padding:2rem;width:55vw}}.wrapper-v2{width:100%;padding:1rem;text-align:center}@media only screen and (min-width: 667px){.wrapper-v2{width:74%;padding:2rem;text-align:center}}.wrapper-v3{width:100%;padding:1rem}@media only screen and (min-width: 667px){.wrapper-v3{width:54%;padding:2rem}}.wrapper-v4{width:100%;padding:1rem}@media only screen and (min-width: 667px){.wrapper-v4{width:52%;padding:2rem}}.wrapper-v5{width:100%;padding:2rem}.btn{background-color:transparent;border:none;bottom:20px;cursor:pointer;z-index:9898}.btn img{width:50px}@media only screen and (min-width: 667px){.btn img{width:auto}}.next-btn{right:0}.btn-submit{background-color:#fbe50e;transition:all .5s ease-out;color:#000;cursor:pointer;font-size:1.15rem;border:none;border-radius:3px;padding:.75rem 1rem}.btn-submit:hover{background-color:#c23080}.btn-submit2{background-color:#fbe50e;transition:all .5s ease-out;color:#000;cursor:pointer;font-size:1.15rem;border:none;border-radius:3px;padding:.75rem 1rem;margin:9% auto 0;display:block;max-width:170px}.btn-submit2:hover{background-color:#c23080}.character-img{right:0;bottom:-60px}@media only screen and (min-width: 680px){.character-img{right:30vw;bottom:50px}.btn-submit{font-size:1.5rem}}@media (orientation: portrait){.character-img{max-height:520px;height:97vw}}@media (orientation: landscape){.character-img{max-height:420px;height:67vw}}@media (orientation: landscape) and (max-width: 650px){.character-img{max-height:390px;height:55vw}}@media (orientation: landscape) and (max-width: 1000px){.character-img{max-height:320px;height:42vw}}@media (orientation: landscape) and (max-width: 725px){.character-img{max-height:300px;height:38vw}}@media (orientation: portrait) and (max-width: 680px){.character-img{max-height:400px;height:91vw}}.character-img--v2{display:block;text-align:center;height:100vh}.character-img--v2 img{max-width:200px}.character-img--v3{right:10px;bottom:-160px;max-height:641px;height:48vw}@media (max-width:620px){.character-img--v3{max-height:641px;height:118vw;bottom:-40px}}@media (orientation: portrait) and (max-width: 1025px){.scene-8{background-position:27% center}}@media (orientation: landscape) and (max-width:880px){.scene-8{background-position:center 81%}}.w-full{width:100%}.max-w-110{max-width:90px}.bg-gradient-img{background-image:url(../src/assets/image/gradient.png);background-size:contain;background-repeat:no-repeat}.max-w-100{max-width:80px;margin-top:20px}.mln-40{margin-left:-40px}@media (max-width:440px){.money-wrapper{max-width:300px}}.table{bottom:50%;right:50%;margin-right:-220px;margin-bottom:-360px}.questions{height:100dvh;width:100%}.questions-img{background-image:url(../src/assets/image/papir.png);background-size:contain;background-repeat:no-repeat;width:70px;height:6%;text-align:center;color:#000}.questions-img--v1{left:20%;bottom:4%}.questions-img--v2{left:52%;bottom:2%}.questions-img--v3{right:4%;bottom:4%}.justify-end{justify-self:end}.right-20{right:20px}.img-block{padding:0;max-height:80vh;width:auto;max-width:110%;z-index:-1;left:0;right:0;margin:0 auto}.img-block2{padding:0;max-height:70vh;width:auto;max-width:110%;z-index:-1;left:0;right:0;margin:0 auto}.img-block3{padding:0;max-height:70vh;width:auto;max-width:100%;z-index:-1;left:0;right:0;margin:0 auto}.max-w-870{max-width:870px;margin-top:50px}.absolute{position:absolute}.bottom-0{bottom:0}.right-0{right:0}.left-0{left:0}.bottom-50{bottom:50px}.flex{display:flex}.flex-col{flex-direction:column}.flex-edits{column-gap:4rem;row-gap:3vw}.input-line{color:#fff}::placeholder{color:#fff;opacity:1}@media (orientation: landscape) and (max-width: 1025px){.bg-notebook{column-gap:5vw}}.validation{font-size:20px}@media only screen and (max-width: 400px){.validation{font-size:11px}}.validation-width{width:28px;display:inline-block}.bg-gradient{background:radial-gradient(circle at center,white 0%,transparent 60%)}.draggable-container{display:flex;gap:1rem;flex-wrap:wrap}.draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:transform .2s,opacity .2s}.draggable img{width:80px}.draggable:active{cursor:grabbing;transform:scale(1.1)}.drop-zone{width:300px;transition:all .3s}.drop-zone img{max-width:290px}.drop-zone.correct{border-color:#4caf50}.preloader{background-color:#fff9f0}.preloader img{max-width:90%}@media (orientation: landscape) and (max-width: 1200px){.game-container{flex-direction:row;padding:0}.draggable img{width:60px;max-width:170px}.btn img{width:auto;max-width:50px}.drop-zone img{max-width:170px}}.sum-display{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.font-bold{font-weight:700}.congratulations{font-size:3rem;font-weight:700;color:#000;animation:pop .5s ease}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}.shaking{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;border-color:#f44;background-color:#ff44441a}.success-icon{animation:pop .5s ease}.justify-center{justify-content:center}.justify-items-end{justify-items:end}.justify-end{justify-content:flex-end}.opacity-0{opacity:0}.gap-x-2{column-gap:10px}.gap-x-6{column-gap:3.5rem}.gap-x-9{column-gap:2.25rem}.fixed{position:fixed}.lr-0{left:0;right:0}.t-0{top:0}.height-v1{width:auto;height:130px}.height-v2{width:auto;height:150px}.height-v3{width:auto;height:170px}.float-right{float:right}.botton-text{bottom:8vh}.text-ovelay{color:#000;padding:3px 5px;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.text-bg{background:#0006}.mx-auto{margin:0 auto}.z-index-auto{z-index:auto}.pallet-colors-list,.nekron-colors-list{padding:0;flex-direction:column;display:flex;gap:15px}.p-0{padding:0}.colors-wrapper{display:flex;justify-content:space-between;margin-top:15px}.colors-wrapper2{display:flex;justify-content:space-between;margin:15px 55px}.pallet-colors-list li,.nekron-colors-list li{list-style:none}.color-pallet{display:block;width:50px;height:50px;border-radius:50%;border:1px solid #000;cursor:pointer}.color-black{background-color:#000}.color-gray{background-color:#757575}.color-white{background-color:#fff}.color-red{background-color:red}.color-blue{background-color:#00f}.color-yellow{background-color:#eeff02}.pallet-wrapper{position:absolute;width:250px;height:100px;bottom:20px;left:0;right:0;margin:0 auto;background-color:#fff;border:1px solid #000;border-radius:5px;padding:10px;display:flex;flex-direction:column;gap:10px}.pallete{display:block;flex:1;border:1px solid #ccc;border-radius:3px;background-color:transparent}.reset{padding:5px 10px;cursor:pointer;border:1px solid #000;border-radius:5px;background-color:#fff}.no-listing li{list-style:none}.w-200{width:200px}.check-arrow{left:0;right:0;width:100%;margin-top:3px}.check-wrong-arrow{left:0;right:0;width:100%;margin-top:5px;text-align:center}.text-center{text-align:center}.radial{background:linear-gradient(180deg,#ffffffb3 48%,#ffffff0d)}@media (max-width: 1200px){.mobile-gradeint{background:linear-gradient(180deg,#ffffffb3 75%,#fff0);padding-bottom:55px}}.pallet-bottom{padding-left:0}.jar{background-color:transparent;border:none;width:70%}.jar img{width:100%}.custom-grid{grid-template-columns:1fr 40%;gap:5%}.grid{display:grid}.grid-4{grid-template-columns:repeat(4,1fr);align-content:start;justify-items:center}.w-50-pro{width:50%}.splash{top:23px;margin:0 auto;left:0;right:0;transform:translateY(0)}.splash img{width:100%}@media (max-width: 720px){.w-50-pro{width:40%;top:15px}.custom-grid{grid-template-columns:1fr}}.game-bravo-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;color:#fbe50e;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000;z-index:9999;animation:gamePop .6s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.game-bravo-final{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem;font-weight:700;color:#fbe50e;text-shadow:3px 3px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000;z-index:9998;animation:gamePop .8s cubic-bezier(.34,1.56,.64,1)}@keyframes gamePop{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1.15)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.jar-shake{animation:jarShake .6s cubic-bezier(.36,.07,.19,.97)}@keyframes jarShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}#app{width:100%;height:100vh;margin:0 auto;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}h1{font-size:2rem}@media only screen and (min-width: 667px){h1{font-size:3rem}}@media only screen and (min-width: 1280px){h1{font-size:4rem}}