.screen-container{width:100%;margin:auto;display:flex;flex-direction:column;position:relative;overflow-x:hidden;height:100%}.screen-container-height{height:100%}.brand-footer{margin-top:auto;display:flex;justify-content:center;padding:16px 0 24px}.brand-footer-logo{width:90px;height:auto}.dynamic-name-container{display:block;width:fit-content;margin:auto;animation:juice-pop .5s var(--ease-bounce) both}.dynamic-name{display:inline-block;font-size:18px;color:var(--primary-color);-webkit-text-stroke:6px white;paint-order:stroke;white-space:nowrap}svg{font-size:25px;fill:#fff}.app-wrapper{margin:0 auto;flex-direction:column;display:flex;max-width:450px;padding-top:30px}.app-wrapper.home-screen{padding-bottom:16px}.background-dent{position:absolute;top:390px;left:50%;height:580px;max-height:700px;z-index:-1;transform:translate(-50%,-50%)}.position-dent{top:414px}.elmex-logo{width:158px;height:auto;margin:0 auto;padding-top:15px;display:block}.elmex-logo.is-brand{width:148px}.elmex-logo.is-bross{width:171px}.player-logo-footer{margin-top:auto;display:flex;justify-content:center;padding:20px 0 24px;position:relative;z-index:3}.player-logo-footer img{width:96px;height:auto}.btn{font-family:var(--primary-font);font-weight:700;width:100%;border:none;height:55px;text-transform:uppercase;border-radius:var(--btn-radius);display:flex;justify-content:center;align-items:center;position:relative;gap:10px;padding:15px;z-index:1}.btn.primary{background-color:var(--primary-color);color:#fff}.btn.secondary{background-color:#fff;color:var(--primary-color);border:2px solid orangered}.btn-container{display:flex;justify-content:center;flex-direction:column}.btn-container.icon-only{align-items:center}.btn-wrapper{position:relative;display:inline-block}.btn-shadow{position:absolute;top:6px;left:-6px;width:100%;height:100%;background-color:var(--btn-shadow-color);border-radius:20px;z-index:1}.btn-shadow .btn-border{position:absolute;top:0;left:0;border:2px solid var(--primary-color);width:100%;height:100%;border-radius:20px;pointer-events:none}.btn.primary.btn-disabled{background-color:#f06c4b}.btn-shadow.primary.btn-disabled,.btn-shadow.secondary.btn-disabled{opacity:.6}.btn.secondary.btn-disabled>img{opacity:.6}.play{width:300px}.btn-container.error{align-items:center}.btn{transition:transform .16s var(--ease-out)}.btn-shadow{transition:opacity .16s var(--ease-out)}@media(hover:hover){.btn-wrapper:hover .btn:not(.btn-disabled){transform:translate(1px,-2px)}}.btn-wrapper:has(.btn:active:not(.btn-disabled)) .btn{transform:translate(-6px,6px)}.btn-wrapper:has(.btn:active:not(.btn-disabled)) .btn-shadow{opacity:0}.elmex-illu{width:300px;margin:50px auto 20px}.main-paragraph{text-align:center;font-weight:700;color:var(--secondary-color)}.main-paragraph.home-page{margin-bottom:30px}.credit-text{font-size:11px;text-align:center;margin:0 auto 10px;font-weight:400;line-height:13px}.cgu-link{color:inherit;text-decoration:underline;padding:4px 2px}.footer{height:50px;display:flex;flex-direction:column;justify-content:center}.main-paragraph.label-input{margin-bottom:30px}.main-paragraph.label-input:after{content:"*";color:red}.kid-name-input-container{margin:30px 0 15px}.elmy-and-mexy-img{width:100%;height:auto;max-width:200px;margin:30px auto 10px}.div-elmy-and-mexy{height:100%;width:100%;display:flex;align-items:flex-end}@media screen and not (max-width:992px){.story-img:hover{cursor:pointer}}.error-message{display:flex;justify-content:center;font-weight:700;margin:20px;text-align:center}.error-container{display:flex;flex-direction:column;align-items:center}.episode-grid{height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:grid;grid-template-columns:repeat(2,1fr);align-content:start;justify-content:center;gap:18px 16px;width:min(330px,80vw);margin:0 auto;padding-block:120px}.episode-grid::-webkit-scrollbar{display:none}.grid-item{display:flex;flex-direction:column;align-items:center;animation:juice-in .45s var(--ease-bounce) both}.episode-grid .grid-item:nth-child(2){animation-delay:.05s}.episode-grid .grid-item:nth-child(3){animation-delay:.1s}.episode-grid .grid-item:nth-child(4){animation-delay:.15s}.episode-grid .grid-item:nth-child(5){animation-delay:.2s}.episode-grid .grid-item:nth-child(6){animation-delay:.25s}.episode-grid .grid-item:nth-child(7){animation-delay:.3s}.episode-grid .grid-item:nth-child(n+8){animation-delay:.35s}.grid-card{width:100%;cursor:pointer;transition:transform .16s var(--ease-out)}@media(hover:hover){.grid-card:hover{transform:translateY(-3px) scale(1.02)}}.grid-card:active{transform:scale(.95)}.grid-image{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:20px}.grid-caption{margin-top:5px;max-width:100%;text-align:center;font-weight:700;font-size:14px;line-height:1.1;color:#111}.grid-placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;color:#fff;font-weight:700;font-size:15px;text-shadow:0 1px 2px rgba(0,0,0,.25);box-sizing:border-box}.story-img.disabled{opacity:.4;pointer-events:none}.story-img.hidden{display:none}.media-gallery-container{position:static;width:100%}.tooth-anchor{position:absolute;top:var(--tooth-top, 470px);left:50%;transform:translate(-50%,-50%);height:590px;aspect-ratio:803 / 615;z-index:0}.tooth-frame{width:100%;height:100%;background:url(/dent.svg) center / contain no-repeat;-webkit-mask:url(/dent.svg) center / contain no-repeat;mask:url(/dent.svg) center / contain no-repeat}.scroll-nudge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#ffffffeb;box-shadow:0 4px 14px #00000024;color:var(--primary-color)}.nudge-mouse{display:block}.nudge-swipe{display:none}@media(pointer:coarse){.nudge-mouse{display:none}.nudge-swipe{display:block}}.nudge-mouse-dot{animation:mouse-scroll 1.5s ease-in-out infinite}@keyframes mouse-scroll{0%{transform:translateY(0);opacity:0}30%{opacity:1}60%{transform:translateY(9px);opacity:1}to{transform:translateY(12px);opacity:0}}.nudge-swipe-dot{animation:swipe-up 1.5s ease-in-out infinite}@keyframes swipe-up{0%{transform:translateY(0);opacity:1}70%{transform:translateY(-14px);opacity:1}to{transform:translateY(-16px);opacity:0}}.spinning-loader{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;margin:10px auto 0}.loader-ring{position:absolute;top:0;left:0;width:120px;height:120px;border:8px solid rgba(229,57,53,.2);border-top-color:#e53935;border-radius:50%;animation:spin 1s linear infinite}.loader-img{position:relative;width:103px;object-fit:contain;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-player{width:100%;padding:20px 0}.progress{width:95%;height:15px;background:#eee;margin:0 auto;position:relative;border-radius:20px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.progress-filled{height:100%;background:var(--primary-color);border-radius:20px;transition:width .2s ease;pointer-events:none}.progress-thumb{position:absolute;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:50%;background:var(--primary-color);border:1px white solid;pointer-events:auto;cursor:grab;transition:left .2s ease}.progress.dragging .progress-filled,.progress.dragging .progress-thumb{transition:none}.progress.dragging,.progress.dragging .progress-thumb{cursor:grabbing}.time-display{display:flex;justify-content:space-between;font-size:12px;color:var(--primary-color);margin-top:8px}@media screen and not (max-width:992px){.progress:hover{cursor:pointer}}.thumbnail-vizualiser-container{width:100%;height:auto;margin-top:15px}.chosen-story-thumbnail{width:100%;max-width:280px;margin:25px auto 0;border-radius:20px}.episode-thumbnail-placeholder{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;box-sizing:border-box;padding:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.episode-thumbnail-placeholder-order{position:absolute;top:10px;left:10px;font-weight:700;font-size:16px}.episode-thumbnail-placeholder-title{font-weight:700;text-align:center;font-size:20px;line-height:1.2}.episode-thumbnail-cover{position:relative;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.episode-thumbnail-cover-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1}.episode-thumbnail-cover-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50px}.episode-thumbnail-order{position:absolute;top:10px;left:10px;font-weight:700;font-size:16px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.episode-thumbnail-caption{text-align:center;font-size:18px;line-height:18px;font-weight:700;width:66%;margin:14px auto 0}.card{background-color:#fff;border:2px solid var(--primary-color);width:100%;height:80px;text-align:left;padding:0 10px;border-radius:var(--btn-radius);display:flex;align-items:center;justify-content:space-between;font-family:var(--primary-font)}.card p{color:var(--primary-color)}.card>div>:nth-child(1){color:var(--primary-color);text-transform:uppercase;font-weight:700}.card>div>:nth-child(2){font-size:16px}.card-wrapper{position:relative;display:inline-block;width:100%}.card-shadow{position:absolute;top:6px;left:-6px;width:100%;height:100%;background-color:var(--btn-shadow-color);border-radius:20px;z-index:-1}.card-shadow .card-border{position:absolute;top:0;left:0;border:2px solid var(--primary-color);width:100%;height:100%;border-radius:20px;pointer-events:none}.card-wrapper{animation:juice-in .45s var(--ease-bounce) both}.card{transition:transform .16s var(--ease-out)}.card-shadow{transition:opacity .16s var(--ease-out)}@media(hover:hover){.card-wrapper:hover .card{transform:translate(1px,-3px)}}.card-wrapper:has(.card:active) .card{transform:translate(-6px,6px)}.card-wrapper:has(.card:active) .card-shadow{opacity:0}.card-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:40px;margin-bottom:20px;width:300px;padding:10px}.card-container>.card-wrapper:nth-child(2){animation-delay:.07s}.card-container>.card-wrapper:nth-child(3){animation-delay:.14s}.card-container>.card-wrapper:nth-child(4){animation-delay:.21s}.card-container>.card-wrapper:nth-child(5){animation-delay:.28s}.card-container>.card-wrapper:nth-child(6){animation-delay:.35s}.card-container>.card-wrapper:nth-child(n+7){animation-delay:.42s}.not-found-container{text-align:center;margin:125px 25px;display:flex;flex-direction:column;gap:25px}:root{--primary-color: #F24618;--secondary-color: #054997;--background-color: #E4F2F6;--btn-shadow-color: #FACBBF;--btn-radius: 20px;--primary-font: "Congenial", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,a,label,summary,[role=button],.elmex-logo,.clickable{cursor:pointer}@keyframes juice-in{0%{opacity:0;transform:translateY(14px) scale(.96)}}@keyframes juice-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes juice-fade{0%{opacity:0}}.route-fade{animation:juice-fade .35s var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html,body,#root{height:100%}body{font-family:Congenial,sans-serif;font-weight:700;background-color:var(--background-color)}header{width:100%;display:flex;flex-direction:column;position:relative;z-index:3}h1{font-size:16px;line-height:1.2;font-weight:500;color:var(--primary-color);text-align:center;margin:15px 10px 0}input{width:100%;height:56px;border:3px solid var(--primary-color);border-radius:20px;font-size:24px;padding:12px;color:var(--primary-color);font-family:Congenial,sans-serif;outline:none}h1.title-margin{margin-top:20px}p{font-size:19px;line-height:22px}