.modal-content{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch}.modal-content:not(:has(.modal-frame)){max-inline-size:90vw;max-block-size:80vh;contain:layout style paint;overflow-y:auto;overscroll-behavior:contain;background-color:var(--color-white)}.modal-content{pointer-events:none;opacity:0;animation-fill-mode:forwards;will-change:opacity,transform}.modal-content:focus{outline:none}.modal-content:focus-visible{outline:3px solid var(--focus-ring-color);outline-offset:-2px}.modal-content[data-state=hidden]{display:none}.modal-content[data-state=visible]{pointer-events:auto;opacity:1}.modal-content[data-motion=fade-in]{animation:modal-container-content-fade-in var(--modal-fade-in-duration) ease-out}.modal-content[data-motion=fade-out]{animation:modal-container-content-fade-out var(--modal-fade-out-duration) ease-in}@media(prefers-reduced-motion:reduce){.modal-content[data-motion=fade-in],.modal-content[data-motion=fade-out]{transform:none}}.modal-frame{position:relative}.modal-frame>.modal-close{inset-block-start:clamp(-1.536rem,-3.2vw,-.75rem);inset-inline-end:clamp(-2.176rem,-4.5333333333vw,-1.0625rem);z-index:11}@media(min-width:48rem){.modal-frame>.modal-close{inset-block-start:clamp(-.9375rem,-1.1029411765vw,-.5294117647rem);inset-inline-end:clamp(-.75rem,-.8823529412vw,-.4235294118rem)}}.modal-frame[data-decoration=notebook-ring]:before{position:absolute;inset:clamp(-1.408rem,-2.9333333333vw,-.6875rem) 0 auto;z-index:10;inline-size:clamp(17.5rem,74.6666666667vw,35.84rem);block-size:clamp(2.25rem,9.6vw,4.608rem);margin-inline:auto;content:"";background-repeat:repeat-x;background-size:clamp(2.1875rem,9.3333333333vw,4.48rem) 100%}.modal-frame[data-decoration=notebook-ring].lazyloaded:before{background-image:url(/kidschallenge/assets/img/frame_notebook_ring-DOJCJc05.svg)}@media(min-width:48rem){.modal-frame[data-decoration=notebook-ring]:before{inset-block-start:clamp(-1rem,-1.1764705882vw,-.5647058824rem);inline-size:clamp(31.0588235294rem,64.7058823529vw,55rem);block-size:clamp(1.9411764706rem,4.0441176471vw,3.4375rem);background-size:clamp(1.9411764706rem,4.0441176471vw,3.4375rem) 100%}}.modal-frame>.tape{position:absolute;z-index:10;inline-size:clamp(2.5rem,10.6666666667vw,5.12rem);font-size:0}@media(min-width:48rem){.modal-frame>.tape{inline-size:clamp(1.4117647059rem,2.9411764706vw,2.5rem)}}.modal-frame>.tape[data-variant=top-left]{inset-block-start:clamp(.125rem,.5333333333vw,.256rem);inset-inline-start:clamp(-1.664rem,-3.4666666667vw,-.8125rem);rotate:-45deg}@media(min-width:48rem){.modal-frame>.tape[data-variant=top-left]{inset-block-start:clamp(.1058823529rem,.2205882353vw,.1875rem);inset-inline-start:clamp(-.6875rem,-.8088235294vw,-.3882352941rem)}}.modal-frame>.tape[data-variant=bottom-left]{inset-block-end:clamp(.25rem,1.0666666667vw,.512rem);inset-inline-start:clamp(-1.408rem,-2.9333333333vw,-.6875rem);rotate:45deg}@media(min-width:48rem){.modal-frame>.tape[data-variant=bottom-left]{inset-block-end:clamp(.1411764706rem,.2941176471vw,.25rem);inset-inline-start:clamp(-.6875rem,-.8088235294vw,-.3882352941rem)}}.modal-frame>.tape[data-variant=bottom-right]{inset-block-end:clamp(.25rem,1.0666666667vw,.512rem);inset-inline-end:clamp(-1.408rem,-2.9333333333vw,-.6875rem);rotate:-45deg}@media(min-width:48rem){.modal-frame>.tape[data-variant=bottom-right]{inset-block-end:clamp(.1411764706rem,.2941176471vw,.25rem);inset-inline-end:clamp(-.6875rem,-.8088235294vw,-.3882352941rem)}}.modal-close{--push-offset-y: clamp(.1875rem, .8vw, .384rem);--border-width: clamp(.125rem, .5333333333vw, .256rem);position:absolute;z-index:0;display:grid;align-items:stretch;inline-size:clamp(3rem,12.8vw,6.144rem);block-size:clamp(3.1875rem,13.6vw,6.528rem);padding-block-end:var(--push-offset-y);border-radius:50%}@media(min-width:48rem){.modal-close{--push-offset-y: clamp(.1058823529rem, .2205882353vw, .1875rem);--border-width: clamp(.0705882353rem, .1470588235vw, .125rem);inline-size:clamp(1.6941176471rem,3.5294117647vw,3rem);block-size:clamp(1.8rem,3.75vw,3.1875rem)}}.modal-close:before{position:absolute;inset:auto 0 0;z-index:-1;inline-size:clamp(3rem,12.8vw,6.144rem);block-size:clamp(3rem,12.8vw,6.144rem);content:"";background-color:var(--color-blue-dark);border:solid var(--border-width) var(--color-navy);border-radius:inherit}@media(min-width:48rem){.modal-close:before{inline-size:clamp(1.6941176471rem,3.5294117647vw,3rem);block-size:clamp(1.6941176471rem,3.5294117647vw,3rem)}}.modal-close>.face{display:grid;place-content:center;background-color:var(--color-blue);border:solid var(--border-width) var(--color-navy);border-radius:inherit}.modal-close>.face:before,.modal-close>.face:after{grid-area:1/1;inline-size:clamp(1.4375rem,6.1333333333vw,2.944rem);block-size:clamp(.1875rem,.8vw,.384rem);content:"";background-color:var(--color-white)}@media(min-width:48rem){.modal-close>.face:before,.modal-close>.face:after{inline-size:clamp(.8117647059rem,1.6911764706vw,1.4375rem);block-size:clamp(.1058823529rem,.2205882353vw,.1875rem)}}.modal-close>.face:before{rotate:45deg}.modal-close>.face:after{rotate:-45deg}@media(any-hover:hover){.modal-close>.face{transition:transform .15s cubic-bezier(.42,0,1,1)}.modal-close:hover>.face{transform:translateY(var(--push-offset-y));transition-timing-function:cubic-bezier(0,0,.58,1)}}.frame-content{inline-size:clamp(20.1875rem,86.1333333333vw,41.344rem);max-block-size:calc(100dvh - clamp(2.5rem,10.6666666667vw,5.12rem));overflow-y:auto;overscroll-behavior:contain;background-size:100% 100%}.frame-content.lazyloaded{background-image:url(/kidschallenge/assets/img/frame_sm-CWvTDyd1.webp)}@media(min-width:48rem){.frame-content{inline-size:clamp(34.9411764706rem,72.7941176471vw,61.875rem);max-block-size:calc(100dvh - clamp(1.4117647059rem,2.9411764706vw,2.5rem))}.frame-content.lazyloaded{background-image:url(/kidschallenge/assets/img/frame_lg-_cJlGszN.webp)}}@media(max-width:47.99875rem){.frame-content[data-variant=report]{inline-size:clamp(20.9375rem,89.3333333333vw,42.88rem)}}.loading-box{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.loading-box>.spinner{inline-size:clamp(4rem,17.0666666667vw,8.192rem);block-size:clamp(4rem,17.0666666667vw,8.192rem);border:clamp(.375rem,1.6vw,.768rem) solid var(--color-white);border-block-start-color:transparent;border-radius:50%}@media(min-width:48rem){.loading-box>.spinner{inline-size:clamp(2.5411764706rem,5.2941176471vw,4.5rem);block-size:clamp(2.5411764706rem,5.2941176471vw,4.5rem);border-width:clamp(.2117647059rem,.4411764706vw,.375rem)}}.loading-box{opacity:0;transition:opacity .2s ease}.loading-box[data-state=visible]{opacity:1}.loading-box>.spinner{animation:modal-container-loading-spin 1s linear infinite}@media(prefers-reduced-motion:reduce){.loading-box{transition-duration:1ms!important}.loading-box>.spinner{animation:none!important}}.modal-container{--modal-fade-in-duration: .3s;--modal-fade-out-duration: .2s;display:none;inline-size:100%;block-size:100%}.modal-container::backdrop{display:none}.modal-container[open]{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;touch-action:none}.modal-container[open]:before{position:fixed;inset:0;z-index:-1;content:"";background-color:#00aad4db}@media(prefers-reduced-motion:reduce){.modal-container{--modal-fade-in-duration: 1ms;--modal-fade-out-duration: 1ms}}.modal-container{opacity:1;transition:opacity var(--modal-fade-out-duration) ease-in}.modal-container[data-state=closing]{opacity:0}.modal-container:before{opacity:0;transition:opacity var(--modal-fade-in-duration) ease-out}.modal-container[open]:before{opacity:1}.modal-container[open][data-state=closing]:before,.modal-container[open][data-state=opening]:before{opacity:0}.modal-container[data-state=closing]:before{opacity:0;transition:opacity var(--modal-fade-out-duration) ease-in}@media(prefers-reduced-motion:reduce){.modal-container{transition-duration:1ms!important}.modal-container:before{transition-duration:1ms!important}}[data-open-modal-id][data-open-modal-slot],[data-close-modal]{touch-action:manipulation}html[data-modal-scroll-lock=true]{overflow:hidden;overscroll-behavior:none;overflow-anchor:none}html[data-modal-scroll-lock=true] body{overscroll-behavior:none}@keyframes modal-container-content-fade-in{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}@keyframes modal-container-content-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-container-loading-spin{to{transform:rotate(360deg)}}
