.kids-page{height:auto;min-height:inherit;background-color:var(--kids-background-main);position:relative}@media (min-width:768px){.kids-page{background-color:var(--kids-brand-blue);height:100vh;min-height:785px;position:fixed}}.kids-main-circle,.kids-main-imgs{display:none}@media (min-width:768px){.kids-main-circle,.kids-main-imgs{display:block}}.kids-main-circle,.kids-main-imgs{transform:var(--start-t);animation:6s ease-in-out infinite flow;position:absolute}.kids-main-imgs{transition:opacity .3s .2s}.kids-main-circle{transition:opacity .3s;top:50%;left:50%;overflow:hidden}.yellow-circle{background:var(--kids-brand-yellow);clip-path:url(#yellowCircle);--start-t:translate(-50%, -50%) rotate(-25deg);--start-shake-t:translate(-50%, -50%) rotate(-24deg);--end-shake-t:translate(-50%, -50%) rotate(9deg);--end-t:translate(-50%, -50%) rotate(10deg);width:1673px;height:1475px}.pink-circle{background:var(--kids-pic-pink);clip-path:url(#pinkCircle);--start-t:translate(-50%, calc(-50% + 40px)) rotate(-15deg);--start-shake-t:translate(-50%, calc(-50% + 40px)) rotate(-14deg);--end-shake-t:translate(-50%, calc(-50% + 40px)) rotate(-1deg);--end-t:translate(-50%, calc(-50% + 40px)) rotate(0deg);width:1413px;height:1147px}.blue-circle{clip-path:url(#blueCircle);--start-t:translate(calc(-50% - 45px), -50%) rotate(20deg);--start-shake-t:translate(calc(-50% - 45px), -50%) rotate(19deg);--end-shake-t:translate(calc(-50% - 45px), -50%) rotate(-2deg);--end-t:translate(calc(-50% - 45px), -50%) rotate(-3deg);background:#72d1f4;width:1065px;height:892px}.white-circle{clip-path:url(#whiteCircle);--start-t:translate(-50%, -50%) rotate(0deg);--start-shake-t:translate(-50%, -50%) rotate(2deg);--end-shake-t:translate(-50%, -50%) rotate(54deg);--end-t:translate(-50%, -50%) rotate(55deg);background:#fff;width:863px;height:827px}.kids-main-cup{--start-t:translate(-135px, -135px);--start-shake-t:translate(-155px, -133.25px);--end-shake-t:translate(-325px, -101.75px);--end-t:translate(-335px, -100px);bottom:50%;right:50%}.kids-main-baloon{--start-t:translate(-330px, 150px) scale(1.1);--start-shake-t:translate(-330px, 143.5px) scale(1.1);--end-shake-t:translate(-330px, 6.5px) scale(1.1);--end-t:translate(-330px, 0px) scale(1.1);top:50%;right:50%}.kids-main-kedoosy{--start-t:translate(390px, -150px);--start-shake-t:translate(385px, -150px);--end-shake-t:translate(280px, -150px);--end-t:translate(275px, -150px);bottom:50%;left:50%}.kids-main-castle{--start-t:translate(330px, 255px);--start-shake-t:translate(330px, 246.66px);--end-shake-t:translate(330px, 138.33px);--end-t:translate(330px, 130px);top:50%;left:50%}.kids-main-menu{display:none}@media (min-width:768px){.kids-main-menu{display:block}}.kids-main-menu{width:529px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blue-triangle{clip-path:url(#blueTri);background:#3bc1fa;width:275px;height:257px;top:0;left:0}.yellow-triangle{background:var(--kids-brand-yellow);clip-path:url(#yellowTri);width:282px;height:250px;bottom:0;left:0}.red-triangle{background:var(--kids-brand-red);clip-path:url(#redTri);width:395px;height:368px;top:50%;right:0;transform:translateY(-50%)}.kids-main-menu-content{background:var(--kids-background-main);opacity:0;width:100%;height:100%;transition:opacity .3s}@keyframes flow{0%{transform:var(--start-t)}8%{transform:var(--start-shake-t)}13%{transform:var(--start-t)}50%{transform:var(--end-t)}58%{transform:var(--end-shake-t)}63%{transform:var(--end-t)}to{transform:var(--start-t)}}.kids-main-menu{z-index:5;--tw-translate-x:-50%;--tw-translate-y:-50%;width:529px;height:600px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));position:absolute;top:50%;left:50%}.kids-main-triangle{transition:background .3s;position:absolute}.kids-main-triangle:hover{background:0 0}.blue-triangle{--tw-bg-opacity:1;background-color:rgb(59 193 250/var(--tw-bg-opacity));clip-path:url(#blueTri);width:275px;height:257px;top:0;left:0}.yellow-triangle{background-color:var(--kids-brand-yellow);clip-path:url(#yellowTri);width:282px;height:250px;bottom:0;left:0}.red-triangle{--tw-translate-y:-50%;width:395px;height:368px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));background-color:var(--kids-brand-red);clip-path:url(#redTri);top:50%;right:0}.kids-main-menu-content{background-color:var(--kids-background-main);opacity:0;width:100%;height:100%;font-size:32px;line-height:119%;transition:opacity .3s}.kids-main-triangle:hover .kids-main-menu-content{opacity:1}.red-triangle span{z-index:2;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));position:absolute;top:50%;right:80px}.blue-triangle span{z-index:2;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));position:absolute;top:53px;left:50%}.yellow-triangle span{z-index:2;position:absolute;top:117px;left:32px}.kids-mobile-menu-content{flex-direction:column;align-items:center;display:flex}